@charset "UTF-8";
/* CSS Document */

div{border:solid 0px red}

.ui_label{}
.ui_group{ margin-left:2em}


/* for mobile width 0px~599px */
@media only screen and (max-width: 599px) {
	
/* video */
.cranifit-video{ text-align:center; margin:0px 0}
.cranifit-video video{ width:320px}
.topics-tit{ border-left:solid 10px #165ab0; color:#165ab0; margin-bottom:1em; margin-top:1.3em; padding-left:0.5em; line-height:1.5em; font-size:20px; font-weight:bold}
.bn-craniofit{ text-align:center; margin-bottom:20px}
.bn-craniofit img{width: 85%; margin:5px}

/* Topics */
.topics{ margin:auto 0px; font-size:14px;padding: 0 5px}
.topics .sub_tit{font-size: 16px;font-weight: bold;color: #165ab0}


.topics .note{margin-top: 1em;}


.topics_colmns{}
.topics .pdf_block{text-align: center;margin: 1em 5px;border:solid 1px #bbb;padding: 8px 2em}
.topics .banner_block{text-align: center;margin: 1em 5px;border:solid 1px #bbb;padding: 2em 2em 1em 2em}

.pdf_block:hover{background-color: #f1f1f1}
.banner_block:hover{background-color: #f1f1f1}


.pdfthumb{width: 60px;margin-bottom: 10px}
.PMDA_banner{width: 300px;margin-bottom: 20px}

.topics a{text-decoration:none;color:#3338BC}
.topics a:hover{color:#E20003}


#titleimg{}
#titleimg .pc{ display:none}


/* products */


.products{ max-width:599px}
.title_sp{ border-left:solid 10px #165ab0; color:#165ab0; margin:1em auto 1em 0.2em; padding-left:0.5em; line-height:1.5em; font-size:20px; font-weight:bold}


.content_prd_all h2{ border-left:solid 10px #165ab0; color:#165ab0; margin-bottom:1em; margin-top:1.3em; padding-left:0.5em; line-height:1.5em; font-size:20px}


/*
.content_prd_all{ margin-left:0;width:100%; float:left; }



.content_prd_all h2{ display:none}
*/

.products{ margin-top:1em; }
.products table{ clear:both; border-collapse:collapse; width:100%;}

.products th{ font-size:10px;color:#666}
.products tr{ border-top:solid 1px #CCCCCC}
.products td{ vertical-align:top; padding:5px 0px 5px 0px}
.products td p{ margin-bottom:1em}

.prd_tit{ font-size:15px}
.prd_sum{ max-width:540px;}

.ui_label{ color:#165ab0; margin-left:1em; border-top:solid 1px #9abadd}
.ui_group{ margin-left:2em}
.resetbtn{ padding:0.5em; border-top:solid 1px #9abadd; text-align:right}

.tokutyou{float:left; max-width:; margin-left:1em; padding:0px;}

.icon{float:right; width:40%; height:auto; margin:0; margin-right:;}


ul.dotmark{ list-style-type:none}
ul.dotmark li:before{ list-style:none;content: '・'; margin-left:-1.2em}

.tokutyou-appa{float:left; width:380px; margin-left:25px; padding:0px 10px 20px 0px}
.prd_tit h3{ margin:0px auto 5px 0px; color:#1b5e91}
.sub_tit h4{ margin:5px auto 5px 0px; color:#1b5e91}


.photo{width:30%; height: auto;float:left}
.photo img{border:solid 1px #dcdcdc; max-width:100%}

.invis{ display:none}

.gaiyou{ display:block; width:700px}
.brandinfo{ font-size:smaller}



/* control */
.form_horizontal{ width:px;background-color:#dae5f5; border:solid 1px silver; border-radius: 6px; padding:}
.form_horizontal h3{ margin:6px 0}
.form_horizontal span{ display:inline-block}
.form_horizontal select{font-size: 14px;border:solid 1px gray;padding:3px;font-weight: normal;line-height: 2em}
.form_horizontal input{font-size: 14px;border:solid 1px gray;padding:3px;font-weight: normal;background-color: #ffffff}

.konpo{}
.zaishitsu{}
.tegata{}
.kakou{}
.sonota{}

td .bui{ background-color:#ffc466; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .syurui{ background-color: #d5d581; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .syurui2{ background-color: #9fd581; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .loupe{ background-color: #6CF; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .sonota{ background-color: #a499ff; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}


.control-label{}
.label-bui{}
.col-sm-1{ line-height:1.8em}
.col-sm-1 span{ margin-right:1em;}
.col-sm-2{150px;float:left}
.col-sm-3{150px;float:left}
.col-sm-4{150px;float:left}

.control-label{font-size:12px; font-weight:bold}

.ui_table{ margin:0.5em; border-collapse:collapse}
.ui_table tr{ border-top:solid 1px #9f9f9f}
.ui_table td{ padding:2px 0}

/* products submenu */
#submenu_prd{ width:20%; float:left; margin-top:2em; font-size:13px;}
#submenu_prd li{ list-style:none; border-top: solid 1px #96b9e6; line-height:1.2em; margin-left:0.5em;}
#submenu_prd li a{ display:block;text-decoration:none; padding-top:4px}
#submenu_prd li a:hover{ background-color:#dedede; color:#333}

.cate{ background-color:#3384d6; color:#ffffff; font-size:14px}
.cate a{ display:block;color:#ffffff; padding:3px auto; line-height:1.2em;padding-left:0.3em; }
.cate a:hover{ background-color:navy}

.catalogue a{ background-color:#d9ece5}


/*sp用メニュー設定*/

#submenu_sp{ font-size:16px;line-height:1.8em; margin-bottom:1em}
#submenu_sp li{ margin-left:2em; list-style:none}
#submenu_sp a{ text-decoration:none; color:navy}

.menu {
  height: 500px;
  width: 500px;
  margin: 100px auto;
  padding: 50px;
  background: #fff;
}

.spbtn {
  background:#7dafed;
  color: #fff;
  padding: 10px; padding-left:2em;
  display: block;
  margin: 0;
  border-top: 1px solid #fff;
  cursor: pointer;
}

label:hover {
  background: ;
}

input[type="checkbox"].on-off{
  display: none;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.menu li {
  padding: 5px;
}

input[type="checkbox"].on-off + ul{
  display: none;
}

input[type="checkbox"].on-off:checked + ul{
  display: block;
}


/*sp用メニューここまで*/



	
	
	
}



/* PC: 600 px ～最大 1000 px */

@media print, screen and (min-width: 600px) {
	
/* video */
.cranifit-video{ width:100%; margin:20px 0 10px 0; text-align:center}
.cranifit-video video{ width:450px}
.bn-craniofit{ text-align:center; margin-bottom:20px}
.bn-craniofit img{width: 32%}

.topics-tit{ border-left:solid 10px #165ab0; color:#165ab0; margin-bottom:1em; margin-top:1.3em; padding-left:0.5em; line-height:1.5em; font-size:20px; font-weight:bold}

	
#submenu_sp{ display:none}

.wrapper{ width:1000px !important; overflow:hidden}


#titleimg{}
#titleimg .sp{ display:none}

/* products */

.content_prd_all{ padding-left:0px;width:76%; float:left; }
.content_prd_all h2{ border-left:solid 10px #165ab0; color:#165ab0; margin-bottom:1em; margin-top:1.3em; padding-left:0.5em; line-height:1.5em}

.products{ margin-top:2em; }
.products table{ clear:both; border-collapse:collapse; width:100%;}

.products th{ font-size:10px;color:#666}
.products tr{ border-top:solid 1px #CCCCCC}
.products td{ vertical-align:top; padding:5px 0px 5px 0px}
.products td p{ margin-bottom:1em}

/* topics */

.topics{ margin:auto 0px; font-size:14px;}
.topics .sub_tit{font-size: 16px;font-weight: bold;color: #165ab0}

.topics .note{margin-top: 1em}


.topics_colmns{display:grid; grid-template-columns: 370px 380px}
.topics .pdf_block{text-align: center;margin: 1em 5px;border:solid 1px #bbb;padding: 8px 1em}
.topics .banner_block{text-align: center;margin: 1em 5px;border:solid 1px #bbb;padding: 2em 1em 1em 1em}

.pdf_block:hover{background-color: #f1f1f1}
.banner_block:hover{background-color: #f1f1f1}


.pdfthumb{width: 60px;margin-bottom: 10px}
.PMDA_banner{width: 300px;margin-bottom: 20px}

.topics a{text-decoration:none;color:#3338BC}
.topics a:hover{color:#E20003}


.bn-craniofit{ text-align:center}
.bn-craniofit img{ margin:0px}



.prd_tit{ font-size:15px}
.prd_sum{ max-width:540px;}
.tokutyou{float:left; max-width:370px; margin-left:1em; padding:0px 6px 0px 0px;}
.tokutyou a{ text-decoration:underline; color: #33F}
.tokutyou a:hover{ color:#69F}

.ui_label{ color:#165ab0; margin-left:1em; border-top:solid 1px #9abadd}
.ui_group{ margin-left:4em}
.resetbtn{ padding:0.5em; border-top:solid 1px #9abadd; text-align:right}

.tokutyou p{ margin:0}

.icon{float:right; width:170px; height:auto; margin:0; margin-right:px;}

ul.dotmark{ list-style-type:none}
ul.dotmark li:before{ list-style:none;content: '・'; margin-left:-1.2em}

.tokutyou-appa{float:left; width:380px; margin-left:25px; padding:0px 10px 20px 0px}
.prd_tit h3{ margin:0px auto 5px 0px; color:#1b5e91}
.sub_tit h4{ margin:5px auto 5px 0px; color:#1b5e91}


.photo{width:150px; height: auto;float:left}
.photo img{border:solid 1px #dcdcdc}

.invis{ display:none}

.gaiyou{ display:block; width:700px}
.brandinfo{ font-size:smaller}



/* control */
.form_horizontal{ min-width:600px;background-color:#dae5f5; border:solid 1px silver; border-radius: 6px; padding:}
.form_horizontal h3{ margin:6px 0}
.form_horizontal span{ display:inline-block}
.form_horizontal select{font-size: 14px;border:solid 1px gray;padding:3px;font-weight: normal}
.form_horizontal input{font-size: 14px;border:solid 1px gray;padding:3px;font-weight: normal;background-color: #ffffff}

.konpo{}
.zaishitsu{}
.tegata{}
.kakou{}
.sonota{}

td .bui{ background-color:#ffc466; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .syurui{ background-color: #d5d581; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .syurui2{ background-color: #9fd581; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .loupe{ background-color: #6CF; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .sonota{ background-color: #a499ff; display:block; font-size:6px; line-height:1.2em; text-align:center; display:none}
td .sekitui{display: none}


.control-label{}
.label-bui{}
.col-sm-1{ line-height:1.8em}
.col-sm-1 span{ margin-right:1em;}
.col-sm-2{150px;float:left}
.col-sm-3{150px;float:left}
.col-sm-4{150px;float:left}

.control-label{font-size:12px; font-weight:bold}

.ui_table{ margin:0.5em; border-collapse:collapse}
.ui_table tr{ border-top:solid 1px #9f9f9f}
.ui_table td{ padding:2px 0}

/* products submenu */

#submenu_prd{ width:20%; float:left; margin-top:2em;margin-right: 22px; font-size:13px;}
#submenu_prd li{ list-style:none; border-top: solid 1px #96b9e6; line-height:1.2em; padding-left:2px;}
#submenu_prd li a{ display:block;text-decoration:none; padding-top:4px; color:#01619d}
#submenu_prd li a:hover{ background-color:#dedede; color:#333}

.cate{ background-color:#3384d6; color:#ffffff; font-size:14px}
.cate a{ display:block;color:#ffffff !important; padding:3px auto; line-height:1.2em;padding-left:0.3em; }
.cate a:hover{ background-color:gray !important}

.catalogue img{ margin-bottom:2px}
.catalogue a{ background-color:#d9ece5}

.title_sp{ display:none}

}