/*-------------------▼全体で使っているもの▼-------------------*/
*, *:before, *:after{-webkit-box-sizing:border-box;box-sizing:border-box;}

html{margin:0;padding:0;}
body{margin:0;padding:0;text-align:center;line-height:1.5;}

/*--youtube動画の可変設定--------------------------------------------*/
.youtube{position:relative;margin-top:1.2em;margin-bottom:1.2em;padding-top:69px;padding-bottom:50%;overflow:hidden;margin-left:5%;margin-right:5%;}
.youtube iframe{position:absolute;top:0;left:0;height:100%;width:100%;}

/*== レイアウト-テーブル関連 ==*/
table{border-collapse:collapse;border-spacing:0;}

/*== レイアウト-画像関連 ==*/
img{border:0px;}
a:hover img{position:relative;top:1px;left:1px;}
.ma5 img{margin:5px;}

/*== レイアウト-文字位置など ==*/
.cen{text-align:center;}
.cen table{margin:auto;}

.lef{text-align:left !important;}
.rig{text-align:right !important;}

.text{padding:10px;text-align:left;}
.text-h4{margin-left:20px;padding:10px;text-align:left;}

.cr{clear:both;}
.a-left{float:left;margin-right:10px;margin-bottom:10px;}
.a-right{float:right;margin-left:10px;margin-bottom:10px;}

.lef{text-align:left;}
.rig{text-align:right;}

h1{font-size:10px;font-weight:normal;width:860px;margin:0 auto;text-align:right;}
td{vertical-align:top;}

.b{font-weight:bold;}
.n{font-weight:normal !important;}
.u{text-decoration:underline;}
.bu{font-weight:bold;text-decoration:underline;}

.black{color:#4d4d4d;}
.fff{color:#ffffff;}

.red{color:red;font-weight:bold;}
.redn{color:red;font-weight:normal;}

.blue{color:blue;font-weight:bold;}
.bluen{color:blue;font-weight:normal;}

.blue2{color:#006699;font-weight:bold;}
.blue2n{color:#006699;font-weight:normal;}

.ore{color:#ff6633;font-weight:bold;}
.oren{color:#ff6633;font-weight:normal;}

.gre{color:#00b050;font-weight:bold;}
.gren{color:#00b050;font-weight:normal;}

.yel{color:yellow;font-weight:bold;}
.yeln{color:yellow;font-weight:normal;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f42{font-size:42px;}
.f50{font-size:50px;}

.f10b{font-size:10px;font-weight:bold;}
.f20b{font-size:20px;font-weight:bold;}

.p5{padding:5px;}
.p10{padding:10px;}

.m5{margin:5px;}
.m10{margin:10px;}

.rad10{border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

.yy{background-color:#ffff00;}

@media screen and (max-width:860px) {
.f14,.f16,.f18{font-size:14px !important;}
.f20,.f22,.f24,.f26,.f28,.f30,.f32,.f36{font-size:18px !important;}
}

/*== レイアウト-box ==*/
.box_blue{background-color:#b8ebfe;padding:5px;}
.box_gre{border:solid 1px #cccccc;padding:5px;}

/*== レイアウト ==*/
div#wrap{text-align:center;width:100%;margin:0;padding:0;}
div#waku{margin:0 auto;width:860px;padding:0;}

div#contents div#left{width:200px;margin:5px 0 0 0;padding:0;float:left;}
div#contents div#main{width:650px;margin:5px 0 0 5px;padding:0;float:right;}
div#footer{width:860px;font-size:13px;margin:0;padding:0;clear:both;}

#height{height:500px;}/*アンカーリンクが上手く作動しない時があるので、下に空白追加する用*/
@media (max-width: 860px) {#height{height:0;}}

/*== ページトップへ ==*/
.linktop{margin:10px 5px 5px 0;float:right;}
.linktop img{border:none;}

/*== TOPロゴ ==*/
div#header{margin:0;padding:0;text-align:center;height:210px;}
a:hover#top img{position:relative;top:0px;left:0px;}

/*== TOPnavi ==*/
ul#menulist{margin:0;padding:0;list-style-type:none;}
ul#menulist li{float:left;margin:0;padding:0;border:solid 1px #ccc;
-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright: 3px;}
ul#menulist li a{display:block;text-decoration:none;font-weight:bold;font-size:13px;padding:3px 0;padding-left:5px;color:#333333;text-align:left;
-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright: 3px;
background: #eaeaea;border-right:solid 1px #fff;border-left:solid 1px #fff;
background: -moz-linear-gradient(top, #eaeaea 0%, #ededed 51%, #f9f9f9 100%);
background: -webkit-linear-gradient(top, #eaeaea 0%,#ededed 51%,#f9f9f9 100%);
background: linear-gradient(to bottom, #eaeaea 0%,#ededed 51%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f9f9f9',GradientType=0 );
}
ul#menulist li a:before {font-family: FontAwesome;content: '\f0da';color:#ff9900;padding-right:5px;}

ul#menulist li:hover{border:solid 1px #239e9e;}
ul#menulist li a:hover{color:#fff;text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
background: #2bc3c3;border-right:solid 1px #6DE6E6;border-left:solid 1px #6DE6E6;
background: -moz-linear-gradient(top, #2bc3c3 0%, #6de6e6 45%, #6de6e6 60%, #2bc3c3 100%);
background: -webkit-linear-gradient(top, #2bc3c3 0%,#6de6e6 45%,#6de6e6 60%,#2bc3c3 100%);
background: linear-gradient(to bottom, #2bc3c3 0%,#6de6e6 45%,#6de6e6 60%,#2bc3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc3c3', endColorstr='#2bc3c3',GradientType=0 );}

ul#menulist li:nth-child(1){width:86px;}
ul#menulist li:nth-child(2){width:102px;}
ul#menulist li:nth-child(3){width:156px;}
ul#menulist li:nth-child(4){width:132px;}
ul#menulist li:nth-child(5){width:132px;}
ul#menulist li:nth-child(6){width:240px;}
ul#menulist li:nth-child(7){width:218px;}
ul#menulist li:nth-child(8){width:218px;}
ul#menulist li:nth-child(9){width:222px;}
ul#menulist li:nth-child(10){width:194px;}

#header hr{display:block;clear:both;height:5px;margin-top:10px;border:solid 1px #009999;background-color:#3bd2d2;}

@media (max-width: 860px) {/* スマホ用TOPnavi-start */
div#header{height:auto;}
ul#menulist li a{padding:3px;}
ul#menulist li:nth-child(1),ul#menulist li:nth-child(2),ul#menulist li:nth-child(3),ul#menulist li:nth-child(4),ul#menulist li:nth-child(5),ul#menulist li:nth-child(6),ul#menulist li:nth-child(7),ul#menulist li:nth-child(8),ul#menulist li:nth-child(9),ul#menulist li:nth-child(10){width:auto;}

#header hr{display:none;}

.spmenu_btn {display:block;position:absolute;top:1px;right:5px;width:30px;height:22px;
background:#000;border-top:10px solid #eee;border-bottom:10px solid #eee;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;
}
.spmenu_btn:before {content:'';position:absolute;width:30px;height:2px;background:#000;top:-9px;right:0;-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.spmenu_btn:after {content:'';position:absolute;width:30px;height:2px;background:#000;bottom:-9px;right:0;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.spmenu_btn.active {background:#eee;}
.spmenu_btn.active:before {-moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);top:0;right:0;}
.spmenu_btn.active:after {-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);bottom:0;right:0;}
.spmenu {display:none;position:absolute;top:22px;left:0;width:100%;background:#fff;}

ul#menulist {display:block;width:100%;margin:0 auto;}
ul#menulist li{float:none;}
ul#menulist li a {display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border-bottom:1px solid #999;}

#wrap h1{display:block;margin-top:30px;}
/* スマホ用TOPnavi-end */}

/*== 左カラム-h3 ==*/
#left h3{padding:5px;margin:15px 0 0;text-align:left;font-size:14px;background-color:#f4efe8;background-image:url(../img-asiura/h/left-h3.gif);background-position:bottom;background-repeat:no-repeat;}

/*== 左カラムnavi ==*/
#left hr{display:none;}
#left div.links{width:200px;margin:0 auto;}

#left div.links h3{margin:0 auto;padding:5px 0;text-indent:-1.5em;padding-left:1.5em;}
#left div.links h3::before{content:"\00A0■\00A0";}

div.links ul{list-style-type:none;margin:0;padding:0;text-align:left;font-size:13px;line-height:1.3;clear:both;}
div.links ul li a{display:block;padding:5px 0px 5px 20px;background:url(../img-asiura/navi/left_navi.gif) no-repeat;background-color:#f4efe8;color:blue;}
div.links ul li a:hover{background:url(../img-asiura/navi/left_navi_on.gif) no-repeat;color: #ffffff;background-color:#999999;}

ul.links-nayami{list-style-type:none;width:200px;margin:0 auto;padding:0;text-align:left;font-size:12px;line-height:20px;clear:both;}
ul.links-nayami li a{display:block;background:#ccffff;border:solid 1px #0066ff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color: #000000;font-weight:bold;padding:5px;margin:2px;}
ul.links-nayami li a:hover{background-color:#0066ff;color: #ffffff;}

/*== 右カラム-h3 ==*/
#main h3{text-align:left;background-color:#eeffff;border:solid 1px #898484;padding:3px 5px;font-size:14px;margin:5px 0;}
#main h3::before{font-family: FontAwesome;content: '\f0c8';color:#29c9c9;padding-right:5px;}

/*== 右カラム-h4 ==*/
#main h4{text-align:left;border-bottom:dotted 1px #999999;font-size: 13px;margin:5px 0;}
#main h4::before{content:"\00A0〇\00A0";color:#29c9c9;font-size:15px;font-weight:bold;text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
}

/*== 右カラム-h5 ==*/
#main h5{font-weight:normal;font-size:14px;text-align:left;line-height:25px;margin:0;padding-left:25px;background:url(../common/cmn_h5_bg.gif) no-repeat;background-position:top left;}

/*== 右カラム記事本文 ==*/
div.kiji{color:#4d4d4d;font-size:14px;}
div.kiji div.text{margin-left:30px;}

div.kiji .box_gr{border:solid 1px #cccccc;}
div.kiji .box_blue{border:solid 1px #61a9ea;background-color:#f6fbff;}
div.kiji .box_blue ul{padding-left:20px;}
div.kiji .box_blue ul li{margin:5px;}

div.kiji .box_ore2{border:solid 2px #ffcc66;}

div.kiji .t-text{width:600px;margin-left:30px;}/*テーブルの左揃え用*/
div.kiji .line_gre{border-collapse:collapse;}
div.kiji .line_gre td{border:solid 1px #cccccc;padding:3px;}

/*== 右カラム記事のページ内リンク ==*/
div.kiji #kiji-navi{text-align:left;margin-bottom:20px;}
div.kiji #kiji-navi td{vertical-align:top;padding:10px;width:210px;}

/*== 右カラム記事の構造医学テーブル ==*/
.kouzou{width:100%;margin:0 auto;border-collapse:collapse;}
.kouzou caption{font-weight:bold;}
.kouzou td{border:solid 1px #CCCCCC;background-color:#ffffff;vertical-align:middle;padding:5px;}
.kouzou th{border:solid 1px #CCCCCC;background-color:#EEEEEE;text-align:center;vertical-align:middle;font-weight:normal;}

.sihaika table th:nth-child(1){width:100px;}
.sihaika th:last-child{width:20px;}
@media (max-width: 860px) {
.kouzou td,.kouzou th{padding:3px;}
.sihaika table th:nth-child(1){width:auto;}
.sihaika th:last-child{width:auto;}
}

/*== 横並び２段テーブルを縦並びに変更する用 ==*/
.table-y{border:solid 1px #ccc;}
.table-y p{border-bottom:solid 1px #ccc;text-align:center;margin:0;padding:5px;background-color:#e6e6e6;font-weight:bold;}
.table-y td{border-left:solid 1px #ccc;}
.table-y td:nth-child(1){border:none;}
.table-y span{display:block;padding:5px;}

@media (max-width: 860px) {
#main .table-y td{width:100% !important;padding:0;margin:0;}
.table-y td{border-top:solid 1px #ccc;border-left:none;}
}

/*== 文字整列用テーブル ==*/
.lines{margin-left:20px;}
table.lines td{padding:3px 0px;padding-right:10px;vertical-align:top;}

/*== 商品リスト用テーブル ==*/
/*- フットケア商品 -*/
.syo{width:560px;margin:5px auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:solid 1px #ccc;border-collapse:separate;border-spacing:0;overflow:hidden;}
.syo td{border-left:dotted 1px #ccc;padding-top:5px}
.syo td:nth-child(1){border:none;}

/* 横幅100％ver ※横幅以外は↑と全部同じ */
.syo100{width:100%;margin:5px auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border:solid 1px #ccc;border-collapse:separate;border-spacing:0;overflow:hidden;}
.syo100 td{border-left:dotted 1px #ccc;padding-top:5px}
.syo100 td:nth-child(1){border:none;}

.rt2 td{width:50%;}
.rt3 td{width:33%;}
.rt4 td{width:25%;}

/*- 書籍右寄せ１冊 -*/
.book-right{float:right;width:160px;border:solid 1px #ccc;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

@media (max-width: 860px) {
.syo{width:95%;}
.syo td{border-left:none;border-top:dotted 1px #ccc;}
.syo100 td{border-left:none;border-top:dotted 1px #ccc;}

.rt2 td,.rt3 td,.rt4 td{width:100%;margin:0 auto;}

.book-right{float:none;width:auto;max-width:170px;margin:5px auto;}
}

/*== box ==*/
.box-kadomaru{border:solid 2px black;padding:10px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

.box-b_line5{border:solid 5px black;padding:10px;}
.box-b_line5 .tit{border-bottom:solid 5px black;background-color:blue;margin:-15px;margin-bottom:0;padding:5px;text-align:center;font-weight:bold;font-size:140%;color:#ffffff;}
.box-b_line5 ol{margin:10px;padding:0;}

.box-blue{background:blue;padding:5px;margin:5px 0;}

.box-usudai{background:#fdeada;padding:5px;margin:5px 0;}

/*------------------------------------------
■ ページの先頭へ
------------------------------------------*/
#page_top{
	position:fixed;
	bottom:20px;
	right:15px;
	font-size:12px;
	line-height:3.4;
	z-index:500;
	}
#page_top a{
	background:#009999;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	display:block;
	width:120px;
	height:40px;
	border:#ffffff solid 1px;
	box-shadow:0 4px 4px -3px #333333;
	}
#page_top a:hover{
	text-decoration:none;
	color:#333333;
	background:#3cd0d0;
	border:#ffffff solid 1px;
	box-shadow:0 1px 1px 0px #333333;
	}

/*------------------------------------------------------------------------
■ レスポンシブ用：デバイスサイズ 860px以下に適用
------------------------------------------------------------------------*/
@media screen and (min-width: 861px){.pc_none{display:none;}
a[href^="tel:"]{pointer-events:none;text-decoration:none;cursor:default;color:#000;}
}

@media (max-width: 860px) {.sp_none{display:none;}
img {max-width:95%;height:auto;margin:0 auto;}

table{margin:5px auto;padding:0;width:100%;}
td,th,tr{display:block;width:100%;height:auto !important;margin:0 auto;box-sizing:border-box;}

input[type="text"],textarea{width:90%;margin:auto;}

.awform_data input[type="text"]{width:3em;}/* @webメールフォーム用※〒の入力箇所 */

.a-left,.a-right,.a-left{float:none;margin:5px auto;}
img.a-left,img.a-right,img.a-left{display:block;}

.rig{text-align:center !important;}

.text{width:95%;margin:5px auto;padding:0;padding-left:0;}
div.kiji div.text{margin-left:0;margin:10px auto;}

div#wrap h1{width:auto;}
div#waku{margin:0 auto;width:auto;padding:0;}
div#contents{clear:both;display:flex;flex-direction: column;}
div#contents div#left{width:auto;margin:0;padding:0;float:none;order:2;}
div#contents div#main{width:auto;margin:0;padding:0;float:none;order:1;}
div#contents div#footer{width:95%;margin:0 auto;text-align:left;order:3;}

/*== 右カラム#main内部 ==*/
#main table{width:95% !important;margin:5px auto !important;}
#main .text table{width:100% !important;}

#main table td,#main table th{width:95% !important;margin:auto;}

#main h3,#main h4{width:95%;margin:5px auto;}
#main h3{border-right:solid 1px #898484;}

div.kiji .t-text{width:95%;margin:0 auto;border:solid1px red;}/*テーブルの左揃え用*/

/* 右カラム記事のページ内リンク */
div.kiji #kiji-navi{display:none;/*text-align:left;margin-bottom:0px;*/}
/*div.kiji #kiji-navi td{vertical-align:top;padding:5px;width:auto;}*/

/*== 左カラムnavi ==*/
#left hr{display:block;clear:both;height:5px;margin-top:10px;border:solid 1px #009999;background-color:#3bd2d2;}
#left div.links{width:95%;margin:0 auto;}
ul.links-nayami{width:95%;margin:0 auto;}

}