@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

/* ===== Universal Reset ===== */
html{height:100%;}
*{
	margin:0;
	padding:0;
}

body > #container  {
    height: auto;
}
.sourceview{
	height: 0;
}


img {
	border: none;
-ms-interpolation-mode: bicubic; 
}

.bn {
	margin-top: 10px;
}

ul{list-style-type:none;}

ol{ margin:5px 20px;}
ol li{ margin-bottom:5px;}

.notice{ color:#ff0000; font-weight:normal;}

h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}

.flLeft{ float:left;}
.flRight{ float:right;}
img.flLeft{padding-right:10px}
img.flRight{padding-left:10px}

.fl_left{float:left;} 
.fl_right{float:right; margin-left:10px} 
.sp_only{ display:none}
.small_320{}

.txtright{ text-align:right}

@media(max-width:768px){
.flLeft{ float:none}
.flRight{ float:none}
img.flLeft{padding-right:0px}
img.flRight{padding-left:0px}
.fl_left{ float:none; width:auto}
.pc_only{ display:none!important}
.sp_only{ display:block}
}
@media(max-width:320px){.small_320{ font-size:11px}}

/* ==== clearfix ==== */
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}


/* =====basic===== */

a {color: #000099; text-decoration:none;}

body {background:#FFFFFF; color:#555; height:100%;font-size:14px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

body p {line-height:1.5;}

.clear {clear:both;}

.clear_line {clear:both; border-bottom:1px dotted #999999; margin-bottom:10px;}

p.arrow,h6 {background:url(../image/arrow.gif) no-repeat 0px 4px; padding: 0 0 4px 15px; margin-left:1em;font-size:100%}
p.arrow_st {background:url(../image/arrow.gif) no-repeat 0px 4px; padding: 0 0 4px 15px; margin-left:1em; font-weight:bold;}


/* テーブル汎用 */
table.dat   { border-collapse: collapse;border: 2px solid #666666;background-color:#ffffff; font-size:90%; margin:0 0 10px 0;}
table.dat th{ border-bottom: 1px solid white; color:#ffffff;border-right: 1px solid white; color:#ffffff;background-color:#81a71b;font-weight:normal;line-height:normal;padding:0.5em}
table.dat td{ border-left: 1px solid #666666;border-right: 1px solid #666666;border-bottom: 1px solid #666666;line-height:normal; vertical-align:top;padding:0.5em }

/* リストタイプ */
ul.arrow{padding-left:10px; padding-top:5px; padding-bottom:5px;}
ul.arrow li {background:url(../image/arrow.gif) no-repeat left 0.2em;list-style-type: none;padding:0px 0px 0px 1.1em;margin-bottom:0.5em; line-height:1.5;}

ul.big_arrow{margin:1em}
ul.big_arrow li {background:url(../image/big_arrow.gif) no-repeat left 0.1em;list-style-type: none;padding:0px 0px 0px 1.5em;margin-bottom:0.5em}

ul.arrow_fl{padding-left:10px; padding-top:5px; padding-bottom:5px; color:#512400;}
ul.arrow_fl li {background:url(../image/arrow.gif) no-repeat left 0.2em;list-style-type: none;padding:0px 0px 0px 1.1em; margin-bottom:3px line-height:1.5; float:left; padding-right:10px; font-weight:bold;}

ul.arrow li.fl{ float:left; width:42%;}
ul.arrow.goal li{ float:left; width:30%; margin-bottom:20px}
ul.arrow.goal p{ text-align:right}
#page_top{ display:none}

@media(max-width:600px){
	ul.arrow{ padding-left:10px;}
	ul.arrow.goal li{ float:none; width:auto}
	ul.big_arrow{ margin:0;}
	p.arrow,h6{ margin-left:0}
	#page_top{ display:block}
}

/* コンテンツBOX汎用 */
#container {width:100%; text-align: left; margin:0; padding:0;}
.wrap{ width:1000px; margin:0px auto; padding:60px 0; box-sizing:border-box}
#wrapper{ background:none!important}

@media(max-width:768px){
	#container{ width:100%; border:none; overflow:hidden}
	.wrap{ width:auto; padding:20px 0}
	
#page_top{
	position: fixed;
    bottom: 0px;
    right: 2px;
	z-index: 10;
}
#page_top a{
	background-color:transparent!important;
	/*background-image:url(../images/backtotop_lkm.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	text-indent:-9999px;*/
	width:45px;
	height:88px;
    display: block;
	z-index:1000;
	}
#page_top a img{ width:45px}	
	
}


div.backtotop{ padding-bottom:20px; text-align:right}

/* ===== header=====  */
#header .wrap{ background:white; background-image:no-repeat; margin:0px auto; position:relative; padding:10px;}
@media(max-width:1200px){
	#header .wrap{ width: auto; margin-right: 150px;}
}

#header h1 { float:left; margin-bottom: 2px; font-weight:normal; padding-left:165px}

#header h1 a{display: block; height: 43px; width: 290px; text-indent: -9999px; background:url(../images/logo.svg) no-repeat; margin-left:10px; position:relative; text-indent:-9999px}
#header h1 a .leadtxt{ font-size:11px; color:#0c5cb3; position:absolute; left:30px; top:2px; text-indent:0}

#header h1 a {
	height: 50px;
	width: 305px;
	margin-left: 0px;
	background-position: left bottom;
	background-size: 100%;
}
  #header h1 a .leadtxt{
	font-size: 12px;
  }

#header a#logo_meito,
#header div#logo_meito{ position:absolute; left:10px; top:15px; width:154px; height:42px; background:url(../images/meito_logo.svg) no-repeat center center/100%; display:block; text-indent:-9999px;}

#header p.sendfree{position:absolute;right:265px;top: 13px;font-size:11px;padding: 4px 10px 18px;background:#efefef;}

#header p.sendfree::before {
    content: "＊沖縄・離島は除く";
    position: absolute;
    bottom: 3px;
    font-size: 10px;
    right: 11px;
}
#header p.sendfree strong:first-child{ font-size: 0}
#header p.sendfree strong:first-child:after{ content: "3,080"; font-weight: bold; font-size: 11px; display: inline-block}
#header p.sendfree small{ font-size: 0}
#header p.sendfree small:after{ content: "(税込)"; display: inline-block;font-size: 10px}

#header #loginBox{ position:absolute; right:0; top:13px; font-size:13px}
#header #loginBox ul{}
#header #loginBox ul li{ display:inline-block; margin-right:0px; padding-left:10px}
#header #loginBox ul li a{color:#555;}
#header #loginBox ul li.account a{ background:#0c5cb3 url(../images/login_ic.png) no-repeat 5px center; padding:5px 7px 3px 23px; color:white; display:inline-block}
#header #loginBox ul li.inq a{ background:#0c5cb3 url(../images/inq_ic.png) no-repeat 5px center; padding:5px 7px 3px 23px; color:white; display:inline-block}
#header #loginBox ul li a:hover{ background-color:#ffae00;}

#header h1{
	padding-left: 0;
  }
  #header a#logo_meito, #header div#logo_meito{
	display: none;
	background: url(/common/images/meito_logo.svg) no-repeat center top / 100%;
  }
  #header p.sendfree{
	right: 445px;
  }
  #header #loginBox{
	right: 125px;
  }



/*sns*/
#header div.sns{
	position: absolute;
	right:-130px;
	top: 15px;
}
#header div.sns a{
	display: inline-block;
	padding: 0 5px;
}
#header div.sns a img{
	width: 25px;
}
#header div.sns{
	right: 0px;
  }

@media(max-width:1120px){
	#header{ border-bottom: 1px solid #ccc;}
	/*#header .log{ display:none}*/
	#header .wrap{ padding:10px 0 0 0px; margin-right: 0;}
	#header h1{ width:60%; margin-left:5px; padding-left:14%}
	#header h1 a{ width:100%; background-size:contain; margin-left:0px; height:auto; height:40px}
	#header h1 a .leadtxt{ font-size:10px; left:20px; white-space:nowrap; overflow:hidden; width:22em; letter-spacing:-0.1em; top:0}
	#header p.sendfree{ display:none}
	#header a#logo_meito,
	#header div#logo_meito{ background:url(../images/meito_logo_sp.svg) no-repeat; width:12%; left:10px; display:block}
	#header #loginBox{ display:none}
	#header div.sns-sp{
		padding: 10px;
		text-align: center;
		background: #efefef;
	}
	#header div.sns-sp a{
		display: inline-block;
		padding: 0 5px;
	}
	#header div.sns-sp a img{
		width: 25px;
	}
}
@media (max-width: 1120px) {
	#header h1{
	  padding-left: 0;
	}
	#header a#logo_meito, #header div#logo_meito {
	  display: none;
	}
	#contentsList .bottomBan > a{
	  width: 100%;
	}
  }


@media(max-width:320px){
	#header h1{ padding-left:12%}
	#header h1 a .leadtxt{ width:17em; display:block}
	#header h1 a{ height:35px}
	#header div#logo_meito{ width:12%; left: 2px;}
}

/*ナビ*/
#nav{ position:relative}
#nav ul{width:1000px; margin:0 auto;}
#nav ul li{ float:left; text-align:left; font-size:13px;}
#nav ul li a{ color:#555; display:block; padding:7px 11px; position:relative}
#nav ul li.plist{ padding:7px 15px 7px 10px; margin-right:15px; background:url(../images/arrow_list.png) no-repeat right center; cursor:pointer}
#nav ul li a:hover{ background:rgba(12,92,179,0.9);color:white; cursor:pointer}
/*#nav ul li.plist:after{ content:"▼"; position:absolute; right:-5px; top:15px; font-size:12px; color:#0c5cb3;}*/
#nav ul li.plist:hover{background:rgba(12,92,179,0.9); color:white}
#nav ul li.plist:hover:after{ display:none}
#nav ul li.cart{ float:right;}
#nav ul li.cart a{ background:#ffae00 url(../images/cart_ic.png) no-repeat 5px center; background-size:20%; padding-left:35px; color:white; padding:7px 15px 7px 35px}
#nav ul li.cart a:hover{ background-color:#ff9000}

div#sub{ width:100%; z-index:1000; float:none; position:absolute; left:0; top:35px; background:rgba(12,92,179,0.9); display:none; padding:0 30px 30px 30px}
div#sub ul { float:left; width:33%; margin-bottom:20px}
div#sub ul h3{ font-size:18px; color:white; margin-bottom:10px}
div#sub ul:first-child{ width:30%}
div#sub ul:nth-child(2){ width:45%}
div#sub ul:nth-child(3){ width:25%}
div#sub ul:nth-child(4){ width:28%; clear:both}
div#sub ul li{ float:none; white-space:nowrap; position:relative; margin-bottom:10px; padding:0}
#nav ul li div#sub a{color:white; padding:0}
#nav ul li div#sub a:hover{ background:none; text-decoration:underline}
div#sub ul li a{ padding:0; height:auto; color:white}
div#sub ul li:last-child a{ border-bottom:none}
div#sub ul li a:hover{ color:#f0f0f0; text-decoration:underline; background:none}

#navSp,
#navSp ul.spMenu{
	display: none;
}

@media(max-width:1120px){
	#header div.sns{
		display: none;
	}
	#nav{ display:none}
	#navSp{
		display: block;
	}
	#navSp ul.spMenu{ position:absolute; right:0; top:1vh; z-index:1000; display: block;}
	#navSp ul.spMenu li{}
	#navSp ul.spMenu li a{ display:block;box-sizing:border-box}
	#navSp ul.spMenu li.menu{ position:absolute; width:40px; right:1.5vw; top:0.5vh; height:40px; z-index:2000}
	/*#navSp ul.spMenu li.menu a{ background:#065c40 url(../image/menu_ic.png) no-repeat center center; background-size:50%; height:8vh; text-indent:-9999px; border-radius:9vw}*/
	#navSp ul.spMenu li.menu a,
	#navSp ul.spMenu li.menu span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	#navSp ul.spMenu li.menu a{
		position: relative;
		width:100%;
		height:100%;
		background:#0c5cb3;
	}
	#navSp ul.spMenu li.menu span{
	position: absolute;
	left: 0;
	width: 60%;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
	left:50%;
	margin-left:-30%;
	}
	#navSp ul.spMenu li.menu span:nth-of-type(1) {
		top: 10px;
	}
	#navSp ul.spMenu li.menu span:nth-of-type(2) {
		top: 18px;
	}
	#navSp ul.spMenu li.menu span:nth-of-type(3) {
	top: 26px;
	}
	
	#header.openNav ul.spMenu li.menu a{ height:6vh}
	#header.openNav ul.spMenu li.menu span:nth-of-type(1) {
	-webkit-transform: translateY(1.1vh) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	}
	#header.openNav ul.spMenu li.menu span:nth-of-type(2) {
	opacity: 0;
	}
	#header.openNav ul.spMenu li.menu span:nth-of-type(3) {
	-webkit-transform: translateY(-1.1vh) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
	}

	
	#navSp ul.spMenu li.cart{ position:absolute; right:55px; top:0.5vh; width: 40px; height:40px;}
	#navSp ul.spMenu li.cart a{ 
		background:#ffae00 url(../images/cart_ic.png) no-repeat center center;
		height:100%; background-size:80%; padding-top:4vh; text-align:center;
		font-size:9px; line-height:1.2em; color:#444; width:100%; text-indent:-9999px; text-decoration:none}
	#navSp ul.spMenu li.oc a strong{ font-weight:bold; font-size:10px}
	
	#header .spNavOpen{ display:none}
#header.openNav .spNavOpen { display:block; position:absolute; top:7.5vh; z-index:1000; width:100%;background:#0c5cb3;}
#header .spNavOpen ul li{ width:100%; box-sizing:border-box;color:white; padding:0}
#header .spNavOpen ul li.plist span{ padding:10px}
#header .spNavOpen ul li a{ display:block; padding:10px; color:white;font-size:14px;border-bottom:1px solid #ccc; text-decoration:none}
#header .spNavOpen ul li:first-child a{ border-bottom:1px dotted #ccc}
#header .spNavOpen ul li ul{ font-size:12px}
#header .spNavOpen ul li ul li a{ display:block; padding:10px 10px 10px 20px; font-size:12px; border-bottom:none}
#header .spNavOpen ul li ul li:last-child a{ border-bottom:1px solid #ccc}
#header .spNavOpen ul li.account{ background:url(../images/login_ic_sp.png) no-repeat 10px center;}
#header .spNavOpen ul li.account a{padding-left:30px}
#header .spNavOpen ul li.inq{ background:url(../images/inq_ic_sp.png) no-repeat 10px center;}
#header .spNavOpen ul li.inq a{padding-left:30px}
}




/*メイン画像スライダー*/
.slider {
width: 90%;
margin: 0 auto 10px;
opacity:0;
height: auto;
transition: all .3s ease-out;
}
.slider.slick-initialized {
	opacity:1;
}
.slick-slide img {
width: 100%;
height: auto;
}
.mypattern{
width: 100%;
}
.mypattern .slick-slide{
margin: 5px;
}

.mypattern .slick-slide{ background:#000}
.mypattern .slick-slide img{ opacity:0.7}
.mypattern .slick-slide.slick-current img{ opacity:1}

.mypattern.slider_sp{ display:none}

@media(max-width:768px){
	.slider { width:100%; height: 396px;}
.mypattern .slick-slide{ display:none}
.mypattern.slider_sp{ display:block}
.mypattern.slider_sp img{ width:100%}
.slick-dots li button:before{ font-size:14px}
}

/*商品*/
.productBox{}
.wrap h2{padding-left:30px; margin-bottom:20px; font-size:24px; font-weight:normal}

.wrap a.all.voice{ margin-bottom:30px}

@media(max-width:768px){
	.wrap a.all.voice{ margin-left:10px; margin-right:10px}
}

/*おすすめ*/
.productBox#recommend{}
.productBox#recommend .wrap{ padding:20px 0 20px 0}
.productBox#recommend h2{ background:url(../images/recommend_ic.png) no-repeat left center;}

.top-banner{
	padding: 0 0 30px 0;
	text-align: center;
}
.top-banner .flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 30px 0;
}
.top-banner img{
	display: block;
	width: 80%;
	margin: auto;
}
.top-banner .flex a{
	display: block;
	width: 48%;
}
.top-banner .flex a img{
	width: 100%;
}
@media(max-width:768px){
	.top-banner{
		margin:0 10px;
		padding: 0;
	}
	.top-banner .wrap{
		padding: 10px 0;
	}
	.top-banner img{
		width: 100%;
	}
	.top-banner .flex a{
		width: 100%;
		margin-bottom: 20px;
	}
}

.calendarbanner{
	padding: 20px 0 0 0;
}
.calendarbanner > .wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.calendarbanner  > .wrap >div{
	text-align: center;
}
.calendarbanner div.calendar{
	width: 48%;
}
.calendarbanner div.calendar img{
	width: 80%;
}
.calendarbanner div.banner{
	width: 48%;
	padding-top:10px;
}
.calendarbanner div.banner img{
	width: 95%;
}
.calendarbanner div.banner a:hover{
	opacity: 0.7;
}
.calendarbanner.three div.calendar{
	width: 32%;
}
.calendarbanner.three div.calendar img{
	width: 100%;
}
.calendarbanner.three div.banner{
	width: 32%;
}
.calendarbanner.three div.banner img{
	width: 100%;
}

@media(max-width:768px){
	.calendarbanner{
		padding: 20px 0;
	}
	.calendarbanner div.calendar,
	.calendarbanner div.banner,
	.calendarbanner.three div.calendar,
	.calendarbanner.three div.banner{
		width: 100%;
	}
	.calendarbanner div.calendar img,
	.calendarbanner div.banner img,
	.calendarbanner.three div.calendar,
	.calendarbanner.three div.banner{
		width: 90%;
		margin: auto;
		display: block;
	}
	.calendarbanner.three div.banner{
		margin-top: -30px;
	}
	.calendarbanner.three div.calendar img{
		margin-bottom: 20px;
	}
}

.productBox ul li{
	width:480px;
	float:left;
	margin-bottom:40px;
	 text-align:left;
	border:1px solid #ccc;
	background:white;
	box-sizing:border-box;
	position:relative
}
.productBox ul li:nth-child(even){ float:right}

.productBox ul li a{
	display:block;
	box-sizing:border-box;
	padding:20px;
	background:url(../images/arrow_big.png) no-repeat 98% center;
	height:160px;
	position:relative;
	color:#555;
}

.productBox ul li a p.notice{
	font-size: 90%;
}

.productBox ul li.toshi{
	border: 2px solid red;
}
.productBox ul li a:hover{ opacity:0.7}
.productBox ul li.lkm:before{
	content:'';
	width:62px;
	height:58px;
	background:url(../images/lkmmark.png) no-repeat left top/100%;
	position:absolute;
	left:0;
	top:0;
	z-index:300
}
.productBox ul li.teiki:before{
	content:'';
	width:62px;
	height:58px;
	background:url(../images/mark_teiki.png) no-repeat;
	position:absolute;
	left:0;
	top:0;
	z-index:300
}
.productBox ul li.lkm.teiki:before{background:url(../images/lkmmark_teiki.png) no-repeat center center/100%;}

.productBox ul li img{ float:left; padding-right:10px; width:30%;}
.productBox ul.top-reccomend li img{
	max-height: 130px;
    object-fit: contain;
}
.productBox ul li div{ float:right; width:65%; font-size:16px}
.productBox ul li div h3{ font-size:18px; padding:0 0 10px 0; line-height:1.4em; font-weight:normal}
.productBox ul li div h3.oneline{ padding:15px 0}
.productBox ul li div p{ line-height:1.6em; padding:0}
.productBox ul li div.spDetail{ display:none}

/*一覧*/
.productBox#plist{ background:#efefef}
.productBox#plist h2{ background:url(../images/plist_ic.png) no-repeat left center;}

.productBox#plist ul li{ width:310px; margin-right:34px; margin-bottom:30px}
.productBox#plist ul li:nth-child(even){ float:left}
.productBox#plist ul li:nth-child(3n){ margin-right:0}

.productBox#plist ul li a{ height:135px; padding:10px 20px 10px 10px}
.productBox#plist ul li img{ width:31%; padding-top:15px}
.productBox ul li div{ width:65%;}

.wrap a.all,
.wrap label.allPanel{ display:block; background:#9f9f9f; padding:10px; text-align:center; margin:0 0 10px 0; color:white; font-size:16px}
.wrap a.all:hover{ opacity:0.7}
.wrap a.all span,
.wrap label.allPanel span{ display:inline-block; position:relative}
.wrap a.all span:before,
.wrap label.allPanel span:before{ content:url(../images/arrow_white.png); position:absolute; left:-15px; top:7px}

input[type="checkbox"].ExpandCheckBox {
  display: none;
}

input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
}

input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}

#contentsList{ background:#efefef}
#contentsList .wrap{ padding:20px 0 60px 0}
#contentsList h2{ background:url(../images/contents_ic.png) no-repeat left center;}
#contentsList .bottomBan { padding:0px 0 20px 0; clear:both}
#contentsList .bottomBan a img{ padding-right:28px;}
#contentsList .bottomBan a:last-child img{ padding-right:0px;}
#contentsList .bottomBan a:hover{ opacity:0.7}


#contentsList .bottomBan{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  #contentsList .bottomBan > a{
	display: block;
	width: 30%;
  }
  #bannerBox .rightBan img,
  #contentsList .bottomBan > a > img{
	width: 100%;
  }

@media(max-width:768px){
	.wrap h2{ margin-left:10px; font-size:20px; background-size:8%; margin-bottom:10px; width:auto}
	.productBox ul li,
	.productBox#plist ul li,
	.productBox ul li:nth-child(even),
	.productBox#plist ul li:nth-child(even),
	.productBox#plist ul li:nth-child(3n){ width:auto; margin:10px; float:none; padding-bottom:75px; position:relative}
	.productBox#plist ul li,
	.productBox#plist ul li:nth-child(even),
	.productBox#plist ul li:nth-child(3n){ padding-bottom:75px}
	.productBox ul li.lkm:before,
	.productBox ul li.teiki:before,
	.productBox ul li.lkm.teiki:before{ width:50px; height:50px; background-size:100%}
	.productBox ul li a{ height:auto!important; background:none}
	.productBox ul li:after{content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	.productBox ul li div h3{ font-size:15px;}
	.productBox ul li div h3 span{ line-height:1em;}
	.productBox ul li div p,
	.productBox ul li a p.notice{ font-size:12px; line-height:1.4em}
	.productBox .wrap a.all{ margin:10px}
	
	.productBox ul li a.pclink{pointer-events: none; padding:10px;}
	.productBox ul li a.pclink img{ padding-top:10px}

	
	ul#plink{ border-top:1px solid #ccc;}
	ul#plink li{ width:50%; float:left; border-bottom:1px solid #ccc; box-sizing:border-box}
	ul#plink li:nth-child(odd){ border-right:1px solid #ccc}
	ul#plink li a{ display:block; padding:10px; background:white url(../images/arrow_list.png) no-repeat 95% center; text-align:center; color:#555}
	
	.productBox#plist{ background:white; border-top:2px solid #ccc}
	
	.productBox#plist ul li div.spDetail,
	.productBox ul li div.spDetail{ display:block; position:absolute; bottom:0; left:0; padding:10px; width:100%; box-sizing:border-box}
	.productBox#plist h3.title{ padding:10px 0 10px 0px; text-align:center; font-weight:normal; font-size:18px; background:#efefef; font-weight:bold}
	.productBox ul li div.spDetail p.price{ font-size:12px; text-align:right; padding-bottom:5px}
	.productBox ul li div.spDetail p.price strong{ font-size:15px}
	.productBox ul li div.spDetail a:before{ display:none}
	.productBox#plist ul li{ padding:10px 10px 60px 10px; box-sizing:border-box}
	.productBox#plist ul li img{ padding-top:0; width:25%; padding-left:5%}
	.productBox#plist ul li div{ width:65%}
	.productBox#plist ul li h3{ padding-top:10px}
	.productBox ul li div.spDetail a.detail,
	.productBox#plist ul li div.spDetail a.detail{
		text-decoration:none;
		display:inline-block;
		background:white;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px!important;
		line-height:40px;
		text-align:center;
		padding:0 15px;
		color:#0c5cb3;
		font-size:13px;
		margin-left:15px
	}
	.productBox ul li div.spDetail form,
	.productBox ul li div.spDetail div.here { display:inline-block; vertical-align:top; font-size:12px; float:right}
	.productBox ul li div.spDetail div.here { text-align:right}
	.productBox ul li div.spDetail form select{ padding:0 20px 0 5px; border:1px solid #ccc;-webkit-appearance: none; -moz-appearance: none; background:white; height:40px; line-height:40px; box-sizing:border-box; margin-right:5px; position:relative; background:url(../images/arrow_list.png) no-repeat 90% center; background-size:30%; font-size:13px}
	.productBox ul li div.spDetail form input.submitBt,
	.productBox ul li div.spDetail div.here a.submitBt{
		-webkit-appearance: none;
		appearance:none;
		-moz-appearance:none; 
		appearance: none; 
		display:inline-block;
		background:#0c5cb3;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:white;
		padding:0 10px!important;
		font-size:13px;
		box-sizing:border-box;
	}
	a.backtotop{ display:block; font-size:12px; text-align:center; padding:10px 0 10px 0; color:#444;}
	
	#contentsList { padding:10px}
	#contentsList .bottomBan{ padding:10px 0}
	#contentsList .bottomBan a img{ width:100%; padding-right:0; padding-bottom:10px}
	#contentsList .bottomBan > a{
		width: 100%;
	  }
}
@media(max-width:320px){
	.productBox ul li,
	.productBox#plist ul li,
	.productBox ul li:nth-child(even),
	.productBox#plist ul li:nth-child(even),
	.productBox#plist ul li:nth-child(3n){ padding-bottom:80px}
	.productBox#plist ul li,
	.productBox#plist ul li:nth-child(even),
	.productBox#plist ul li:nth-child(3n){ padding-bottom:70px}
	.productBox ul li div.spDetail a.detail,
	.productBox#plist ul li div.spDetail a.detail{ margin-left:0px; padding:0 10px;}
	.productBox#plist ul li div.spDetail form input.submitBt,
	.productBox ul li div.spDetail form input.submitBt{ padding:0 10px; margin:0}
	.productBox#plist ul li h3{ font-size:14px}
	.productBox#plist ul li h3 span{ display:inline}
	/*.productBox#plist ul li h3 br{ display:none}*/
}


/*ニュース*/
#newsBox{}
#newsBox .lkmnews{ width:48%; float:left}
#newsBox .lkmnews #lkmnews{ width:100%; border:none; height:420px}
#newsBox .info{ width:100%; /*float:right*/}
#newsBox h2{ padding-left:0; background:url(../images/line_border.png) repeat-x left bottom; padding-bottom:10px; margin-bottom:10px; font-size:24px; font-weight:normal}

#newsBox  ul{ margin-bottom:10px}
#newsBox  ul li{ padding:20px 10px; border-bottom:1px dotted #ccc;} 
#newsBox  ul li p{ padding-bottom:10px}
#newsBox  ul li span.date{}
#newsBox  ul li span.cat{ margin-left:10px; padding:2px; display:inline-block; background:#0c5cb3; color:white; font-size:10px; vertical-align:top}
#newsBox  ul li a{ color:#555; text-decoration:underline}
#newsBox  ul li a:hover{ background:#efefef}

@media(max-width:768px){
	#newsBox .lkmnews,
	#newsBox .info{ width:auto; float:none}
	#newsBox .lkmnews{ margin-bottom:30px}
#newsBox h2{ font-size:18px; margin-left:0; padding-left:10px; margin-bottom:0px}
#newsBox ul{ padding:0 10px}
#newsBox .wrap a.all{ margin:0 10px}
}


/*FB、バナー*/
#bannerBox{ background:#efefef}
#bannerBox .fb{ float:left; width:500px; height:360px}
#bannerBox .rightBan{ float:right; width:310px}
#bannerBox .rightBan img{ padding-bottom:18px}
#bannerBox .bottomBan { padding:20px 0; clear:both}
#bannerBox .bottomBan a img{ padding-right:28px;}
#bannerBox .bottomBan a:last-child img{ padding-right:0px;}
#bannerBox .rightBan a:hover,
#bannerBox .bottomBan a:hover{ opacity:0.7}


@media(max-width:768px){
	#bannerBox .fb,
	#bannerBox .rightBan{ width:auto; margin:10px 10px 0 10px; float:none}
	#bannerBox .rightBan img{ width:100%; padding-bottom:10px}
	#bannerBox .bottomBan{ width:auto; margin:0 10px 10px; padding:0}
	#bannerBox .bottomBan img{ width:100%; padding-right:0; margin-bottom:10px}
}

/*ご利用ガイド*/
#userGuide{}
#userGuide h2{
	background:url(../images/shopguide_ic.png) no-repeat left center,url(../images/line_border.png) repeat-x left bottom;
	padding:10px 10px 10px 30px;}
	
#userGuide h3{ font-weight:normal; padding-left:17px; position:relative; font-size:18px; margin-bottom:10px}
#userGuide h3:before{ content:'■'; font-size:16px; color:#cccccc; position:absolute; left:0px; top:2px}
#userGuide h4{ font-size:16px; border-bottom:1px solid #ccc; padding:10px 0 1px 2px; margin-bottom:10px; font-weight:normal; color:#999; font-weight:bold}
#userGuide h5{ font-size:15px;}
#userGuide h5 a{ text-decoration:none}
#userGuide p{ padding:0 5px 20px 5px}
#userGuide ul{ padding-bottom:20px}
#userGuide ul li{ padding-left:13px; background:url(../images/check.png) no-repeat left 5px; margin-bottom:10px}

#userGuide a{ color:#555; text-decoration:underline}
#userGuide a:hover{ background:#efefef;}
#userGuide a:hover img{ opacity:0.7}

#userGuide a.inq_mail,
#userGuide a.inq_faq{ display:inline-block; background:#0c5cb3; padding:5px 10px; margin-right:10px; color:white; text-decoration:none;}
#userGuide a.inq_mail:hover,
#userGuide a.inq_faq:hover{background-color:#ffae00;}

#userGuide div.guideBox{ float:left; width:48%;}
#userGuide div.guideBox:last-child{ float:right}

#userGuide span.tel{
	font-family: 'Open Sans Condensed'; 
	font-size:40px;
	font-weight:700; 
	color:#0c5cb3; 
	background:url(../images/tel_ic_b.png) no-repeat left center/20px; 
	padding-left:25px; 
	display:inline-block
}

@media(max-width:768px){
	#userGuide h2{ margin-right:10px}
	#userGuide div.guideBox{ width:auto; margin:10px; float:none}
	#userGuide div.guideBox img{ width:100%}
	#userGuide a.inq_mail,
	#userGuide a.inq_faq{ padding:5px 7px; font-size: 14px;}
}

/*FOOTER*/
#footer,
#footer2{ background:#efefef}
#footer .wrap,
#footer2 .wrap{ padding:20px 0 ;display: flex; justify-content: space-between; align-items: flex-start; position: relative;}
#footer2 div.left{
	width: 80%;
}
#footer ul,
#footer2 ul { display: flex; justify-content: flex-start; width:60%}
#footer ul li,
#footer2 ul li{ display:inline-block; background:url(../images/arrow.png) no-repeat left center; padding:0 20px 0 15px;}
#footer ul li a,
#footer2 ul li a{ color:#555;}
#footer ul li a:hover,
#footer2 ul li a:hover{ text-decoration:underline}
#footer p{ width:40%; text-align:right;}
#footer2 ul.three{ width: 100%;}
#footer2 p.three{
	width: 100%;
	text-align:left;
	padding-top: 10px;
}
#footer2 p.three > a{
	color:#555;
}
#footer2 ul li a img{
	width: 10px;
	display: inline-block;
	margin-left: 0.5em;
}
#footer2 .wrap div.foot-logo{ width: 20%; text-align: right;}
#footer2 .wrap div.foot-logo img{
	width: 160px;
}

@media(max-width:768px){
	#footer .wrap,
	#footer2 .wrap{ padding:20px 10px; display: block;}
	#footer ul,
	#footer2 ul.three{ float:none; width:auto; width: auto; display:block; font-size: 12px;}
	#footer2 div.left{ width: 100%;}
	#footer ul li,
	#footer2 ul li{ display:block; margin-bottom: 5px;}
	#footer p,
	#footer2 p{ float:none; width:auto; font-size:12px; text-align:center; padding:20px 0 0 0}
	#footer2 .wrap div.foot-logo{ position: absolute; right: 10px; top: 20px;}
	#footer2 .wrap div.foot-logo img{
		width: 120px;
	}
}


/*第二階層*/
body#category #nav{ border-bottom:1px solid #ccc}
body#category .wrap#second{ padding:30px 0 40px 0; position: relative;}
/*レフトナビ*/
#left,#left2{ float:left; width:220px}
#left a,#left2 a{ color:#555;}
#left ul{}
#left ul li,#left2 ul li{ border-bottom:1px dotted #ccc;}
#left h3,#left2 h3{ padding:10px; background:#0c5cb3;}
#left h3 a,#left2 h3 a{color:white; font-weight:normal}
#left ul li a,#left2 ul li a{padding:15px 10px 15px 15px; display:block; font-size:13px; background:url(../images/arrow.png) no-repeat left center;}
#left ul li a:hover,#left2 ul li a:hover{ background-color:#efefef}

.leftbanner_ab{
	position: absolute;
	left: 0; top: 420px;
	width: 220px;
	margin: auto;
	display: none;
}
.leftbanner_ab img{
	width: 100%;
}
@media(max-width:768px){
	.leftbanner_ab{
		position:relative;
		left:auto; top:auto;
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
}


#main{ float:right; width:712px;}

#main h2{ padding:10px 0 2px 0; border-bottom:1px solid #ccc; margin-bottom:30px}
#main .productBox ul.flex{
	display: flex;
	justify-content: flex-start;
	gap: 1%;
	flex-wrap: wrap;
}
#main .productBox ul li{ padding:10px; height:380px; position:relative}
#main .productBox ul.flex li{
	float: none;
	height: auto;
	width: 32%;
}

#main .productBox ul li div.spDetail{ display:block; position:absolute; bottom:10px; width:210px}
#main .productBox  ul li div.spDetail a.detail{
	text-decoration:none;
		display:block;
		background:white;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px!important;
		line-height:40px;
		text-align:center;
		padding:0;
		color:#0c5cb3;
		font-size:13px;
		width:auto;
		box-sizing:border-box;
		margin:0 auto 10px auto;
	}
#main .productBox  ul li div.spDetail a.detail:hover{ background:#efefef}
#main .productBox ul li div.spDetail form { display:block; vertical-align:top; font-size:12px; float:right}
#main .productBox ul li div.spDetail form select{ padding:0 20px 0 5px; border:1px solid #ccc;-webkit-appearance: none; -moz-appearance: none;  appearance: none; background:white; height:40px; line-height:40px; box-sizing:border-box; margin-right:5px; position:relative; background:url(../images/arrow_list.png) no-repeat 90% center; background-size:30%; font-size:13px}
select::-ms-expand {
    display: none;
}
#main .productBox ul li div.here a,
#main .productBox ul li div.spDetail form input.submitBt{
		-webkit-appearance: none;
		appearance:none;
		-moz-appearance:none;
		display:inline-block;
		background:#0c5cb3;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:white;
		padding:0 10px;
		font-size:14px;
	}
#main .productBox ul li div.here a{ float:right}
#main .productBox ul li div.spDetail form input.submitBt:hover{ background:#ff9000;border:1px solid #ff9000;}

#main .productBox h3{ font-size:15px}
#main h3.title{ font-size:20px; padding:10px 0}

#main .productBox ul li{ width:230px; margin-right:10px; margin-bottom:20px}
#main .productBox ul li:nth-child(even){ float:left}
#main .productBox ul li:nth-child(3n){ margin-right:0}

#main .productBox ul li div p.price{ text-align:right; font-size:12px; padding-bottom:10px}
#main .productBox ul li div p.price strong{ font-size:15px}
#main .productBox ul li img{ width:80%; padding-top:0; display:block; margin:0 auto 10px auto; float:none}
#main .productBox ul li img.sp_only{display: none;}
#main .productBox ul li div{ width:100%}

.productBox ul li div.spDetail div.here{ height:auto}

@media(max-width:768px){
	#left{ float:none; width:auto}
	#main{ float:none; width:auto;}
	#main h2{ margin-left:0; padding-left:10px; margin-bottom:10px}
	body#category .wrap#second{ padding:0px}
	#main .productBox  ul li div.spDetail a.detail{ display:inline-block; width:auto; margin:0 auto}
	#main .productBox ul li div.spDetail form { display:inline-block; width:auto}
	#main .productBox ul li img.sp_only{display: block;}
	#left ul li a{ background-position:10px center; padding-left:25px}
}

@media(max-width:768px){
	#main .productBox ul li,
	#main .productBox ul li,
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(3n){ width:auto; margin:10px; float:none; padding-bottom:10px; position:relative; height:150px}
	#main .productBox ul li,
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(3n){ padding-bottom:10px}
	#main .productBox ul li.lkm:before{ width:50px; height:50px; background-size:100%}
	#main .productBox ul li a{ height:auto!important; background:none}
	#main .productBox ul li:after{content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	#main .productBox ul li div h3{ font-size:18px;}
	#main .productBox ul li div h3 span{ line-height:1em;}
	#main .productBox ul li div p{ font-size:12px; line-height:1.4em}
	#main .productBox .wrap a.all{ margin:10px}
	#main .productBox ul.flex li{
		width: 100%;
	}
	
	#main .productBox ul li a.pclink{pointer-events: none; padding:10px}
	#main .productBox ul li a.pclink img{ padding-top:5px}
	
	ul#plink{ border-top:1px solid #ccc;}
	ul#plink li{ width:50%; float:left; border-bottom:1px solid #ccc; box-sizing:border-box}
	ul#plink li:nth-child(odd){ border-right:1px solid #ccc}
	ul#plink li a{ display:block; padding:10px; background:white url(../images/arrow_list.png) no-repeat 95% center; text-align:center; color:#555}
	
	
	#main .productBox ul li div.spDetail,
	#main .productBox ul li div.spDetail{ display:block; position:absolute; bottom:0; left:0; padding:10px; width:100%; box-sizing:border-box;}
	#main .productBox h3.title{ padding:10px 0 10px 0px; text-align:center; font-weight:normal; font-size:18px; background:#efefef; font-weight:bold}
	#main .productBox ul li div.spDetail p.price{ font-size:12px; text-align:right; padding-bottom:5px}
	#main .productBox ul li div.spDetail p.price strong{ font-size:15px}
	#main .productBox ul li div.spDetail a:before{ display:none}
	#main .productBox ul li{ padding:10px 10px 10px 10px; box-sizing:border-box}
	#main .productBox ul li img{ padding:0; width:25%; padding-left:5%; float:left; margin: 0;}
	#main .productBox ul li div{ width:65%; float:right}
	#main .productBox ul li h3{ padding-top:10px}
	#main .productBox ul li div.spDetail a.detail,
	#main .productBox ul li div.spDetail a.detail{
		text-decoration:none;
		display:inline-block;
		background:white;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px!important;
		line-height:40px;
		text-align:center;
		padding:0 15px;
		color:#0c5cb3;
		font-size:13px;
		margin:0 0 0 15px
	}
	#main .productBox ul li div.spDetail form { display:inline-block; vertical-align:top; font-size:12px; float:right}
	#main .productBox ul li div.spDetail form select{ padding:0 20px 0 5px; border:1px solid #ccc;-webkit-appearance: none;-moz-appearance: none; background:white; height:40px; line-height:40px; box-sizing:border-box; margin-right:5px; position:relative; background:url(../images/arrow_list.png) no-repeat 90% center; background-size:30%; font-size:13px}
	#main .productBox ul li div.spDetail form input.submitBt{
		-webkit-appearance: none; 
		display:inline-block;
		background:#0c5cb3;
		border:1px solid #0c5cb3;
		border-radius:5px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:white;
		padding:0 10px;
		font-size:13px;
		box-sizing:border-box;
	}
	#main .productBox a.backtotop{ display:block; font-size:12px; text-align:center; padding:10px 0}
}
@media(max-width:320px){
	#main .productBox ul li,
	#main .productBox ul li,
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(3n){ padding-bottom:80px}
	#main .productBox ul li,
	#main .productBox ul li:nth-child(even),
	#main .productBox ul li:nth-child(3n){ padding-bottom:60px}
	#main .productBox ul li div.spDetail a.detail,
	#main .productBox ul li div.spDetail a.detail{ margin-left:0px; padding:0 10px;}
	#main .productBox ul li div.spDetail form input.submitBt,
	#main .productBox ul li div.spDetail form input.submitBt{ padding:0 10px}
	#main .productBox ul li h3{ font-size:14px}
	#main .productBox ul li h3 span{ display:inline}
	#main .productBox ul li h3 br{ display:none}
}


#main .productBox ul.flex li.long{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .productBox ul.flex li.long img{
	width: 30%;
}
#main .productBox ul.flex li.long div.long-cont{
	width: calc(100% - 32%);
}
#main .productBox ul.flex li.long div{
	float: none;
}
#main .productBox ul.flex li.long div.long-cont h3{
	font-weight: bold;
	font-size: 20px;
}
#main .productBox ul.flex li.long div.long-cont .price{
	text-align: left;
	padding: 0;
}
#main .productBox ul.flex li.long div.long-cont .price.big{
	font-size: 16px;
	line-height: 2em;
}
#main .productBox ul.flex li.long div.long-cont .price.big strong{
	font-size: 22px;
}
#main .productBox ul.flex li.long div.long-cont p.exp{
	padding: 0;
}
#main .productBox ul.flex li.long div.long-cont .spDetail{
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding-top: 10px;
	width: 100%;
}
#main .productBox ul.flex li.long div.long-cont .spDetail .submitForm{
	margin-left: 1em;
}

@media(max-width:767px){
	#main .productBox ul li.lkm.long:before{
		width: 58px;
		height: 58px;
	}
	#main .productBox ul.flex li.long img{
		width: 80%;
		display: block;
		margin: auto;
		padding-left: 0;
	}
	#main .productBox ul.flex li.long div.long-cont{
		width:100%;
	}
	#main .productBox ul.flex li.long div.long-cont h3{
		font-size: 18px;
	}
	#main .productBox ul.flex li.long div.long-cont p.exp{
		font-size: 16px!important;
	}
	#main .productBox ul.flex li.long div.long-cont .spDetail{
		display: block;
	}
	#main .productBox ul.flex li.long div.long-cont .price{
		text-align: right;
		margin:0;
	}
	#main .productBox ul.flex li.long div.long-cont .spDetail .submitForm{
		margin-top: 10px;
		width: 100%;
	}
	#main .productBox ul li.long div.spDetail form input.submitBt{
		width: 100%;
		font-size: 18px;
		font-weight: bold;
	}
}


/*詳細*/
#main.product{ }
#main.product h1{ font-size:25px; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:1px solid #ccc; position:relative;}
#main.product h1 p span{ display:inline-block; background:#0c5cb3; padding:2px 5px; margin-left:10px; color:white; font-size:16px; vertical-align:middle}
#main.product h1 img{ position:absolute; left:0; top:0}
#main .exp{ padding:10px 0 20px 0}
#main .exp .lead p.leadtext{ font-size:20px; padding:20px 0 10px 0}
#main .exp.drinkImg img{ width: 300px}
#main .exp img.lead_ph{ float:right; max-width:250px}
.exp .doctor{ padding:10px 0}
.exp .doctor h4{ background:#9cca45; margin:0 0 10px 0; padding:5px 10px; color:white}
.exp .doctor h4.onaka{ background:#8fd7ef}
.exp .doctor h4.tanekin{ background:#ff807e}
.exp .doctor img.ph{ float:left; padding-right:15px}
.exp .doctor div{ float:left; width:450px;}
.exp .doctor div p{ line-height:1.8em}
.exp .doctor div div{ text-align:right; padding:5px 0}
.exp .doctor img.phs{ padding-left:10px; vertical-align:top; float:right}

#main.product h3.douga{ font-size:16px; padding:5px 10px; position:relative; color:white; background:#ff807e; margin-bottom:10px}

div.orderbt{ text-align:center; padding:10px 0}
#main.product form{ text-align:right; padding:0 0 20px 0}
#main.product form select{ padding:0 20px 0 5px; border:1px solid #ccc;-webkit-appearance: none;-moz-appearance: none;  background:white; height:40px; line-height:40px; box-sizing:border-box; margin-right:5px; position:relative; background:url(../images/arrow_list.png) no-repeat 90% center; background-size:30%; font-size:13px; vertical-align:middle}
#main.product form input.orderBt,
#main.product form input.submitBt,
#main.product a.submitBt{ -webkit-appearance: none; border:none; display:inline-block; width:30%; padding:15px; background:#ffae00; color:white; font-size:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;} 

#main.product table td form input.orderBt,
#main.product table td form input.submitBt,
#main.product table td a.submitBt{ width:60%; padding:15px 0}

#main.product form input.orderBt:hover,
#main.product form input.submitBt:hover{ background:#ff9000; cursor:pointer}

#main .xc_productDetailImage{ text-align:center}
#main .xc_productName,
#main .productTitle{ font-size:18px; border-bottom:1px solid #ccc; display:block; margin-bottom:20px}
#main .xc_tdDelivery,
#main .productPrice,
#main .xc_tdPrice{ font-size:16px; padding-bottom:10px; font-weight:bold}
#main .nouki{ padding-bottom:10px}
#main .comment{ padding-bottom:10px}
#main.product h4{ font-size:16px; padding-top:10px}
#main table{ border:1px solid #ccc; border-collapse:collapse; width:100%; margin-bottom:10px}
#main table th{ padding:10px; background:#efefef; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc}
#main table td{ padding:10px; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc}
#main a.orderBt{ display:block; width:30%; float:right; padding:15px; background:#ffae00; color:white; font-size:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center}
#main a.orderBt:hover{ background:#ff9000}
.buy{ padding:10px 0 20px 0}
.buy p.price{ font-size:16px; width:50%; float:left}
.buy p.price strong{ font-size:20px}

#main table.itemData { margin-top:10px}
#main table.itemData th{ white-space:nowrap}

#main a.teikiinfo{}

@media(max-width:768px){
	#main.product{}
	#main.product h1{ font-size:20px; width:auto; padding:10px 0 0 0}
	#main.product h1 p span{ font-size:14px; display:block; margin-left:0; text-align:center; margin-top:5px;}
	#main .exp{ padding:0 0 20px 0}
	#main img{ width:100%; padding-bottom:10px}
	.xc_productDetailTop{ padding:10px}
	#main .xc_productDetailImage{ float:none; width:70%; margin:0 auto}
	#main .exp.drinkImg img{ width: 100%;}
	#main .exp img.lead_ph{ width:80%; max-width:inherit; display:block; margin:0 auto; float:none}
	#main table.itemData th,
	#main table.itemDetail th,
	#main table.itemData td,
	#main table.itemDetail td{ display:block;}
	#main table.itemDetail tr:nth-child(1){display:block; float:left; width:30%;}
	#main table.itemDetail tr:nth-child(2){display:block; float:right; width:70%;}
	#main table.itemDetail td br{ display:none}
	#main table.itemData th{border-right:none}
	#main table.itemDetail th:last-child,
	#main table.itemData td:last-child,
	#main table.itemDetail td:last-child{ border-bottom:none; border-right:none}
	#main table.itemDetail th,
	#main table.itemDetail td{border-right:none; white-space:nowrap}
	#main.product form select{ margin-bottom:10px; width:40%;background-size:10%}
	#main.product form input.orderBt,
#main.product form input.submitBt,
#main.product a.submitBt,
	#main.product form input.orderBt{ float:none; width:100%!important; box-sizing:border-box; font-size:18px}
	
	#main .productData h4{ font-size:15px}
	
	#main .productTitle{ font-size:16px; font-weight:bold}
	
	#main .exp .lead p.leadtext{ font-size:16px; font-weight:bold}
	
	.buy p.price{ float:none; width:auto!important; text-align:right}
	.buy p.price strong{ font-size:24px}
	#main a.orderBt{ float:none; width:100%; box-sizing:border-box}
	
	#main .exp .doctor{ padding:10px; background:#efefef}
	#main .exp .doctor img.phs{ float:none; clear:both}
	#main .exp .doctor img{ width:inherit}
	.exp .doctor div p{ clear:both}
	
	#main .exp .doctor div{ float:none; width:auto}
}



#main .faq{}

#main .faq .qBox{ padding:20px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:#efefef; margin-bottom:30px}
#main .faq .qBox ul li{ padding-left:10px; font-size:14px; margin-bottom:10px}
#main .faq .qBox ul li a{ color:#555;position:relative; display:inline-block; padding-left:17px}
#main .faq .qBox ul li a:before{ content:"Q"; font-family: 'Open Sans Condensed'; position:absolute; top:-6px; left:0; font-size:20px; font-weight: 700; color:#0c5cb3}
#main .faq .qBox ul li a:hover{ text-decoration:underline}
#main .faq .qBox ul li.list_category{ padding-left:0; padding-top:10px; font-weight:bold}

#main .faq .answer h2{ font-size:20px; border-bottom:1px dotted #ccc; margin-bottom:10px}
#main .faq .answer h3.q{ font-size:15px; font-weight:normal; position:relative; padding-left:17px; padding-top:10px; color:#0c5cb3; font-weight:bold}
#main .faq .answer h3.q:before{ content:"Q"; font-family: 'Open Sans Condensed'; position:absolute; top:4px; left:0; font-size:20px; font-weight: 700; color:#0c5cb3}
#main .faq .answer div.a{ font-size:14px; padding:10px; margin-bottom:10px; border-bottom:1px dotted #ccc}
#main .faq .answer div.a a{ text-decoration:underline}
#main .faq .answer div.a p{ padding-bottom:10px;}
#main .faq .answer div.a img{ padding-bottom:10px;}
#main .faq .answer div.a ul li{ padding-left:13px; background:url(../images/check.png) no-repeat left 5px; margin-bottom:10px}
#main .faq div.backtotop{ padding-bottom:20px; text-align:right}
#main .faq .answer div.a span.tel,
#main .faq .answer div.a span.mail{font-family: 'Open Sans Condensed'; font-size:30px;font-weight:700; color:#0c5cb3}
#main .faq .answer div.a span.mail a{ color:#0c5cb3; text-decoration:none}
#main .faq .answer div.a span.mail a:hover{ opacity:0.7}
#main .faq .answer div.a strong{ font-size:15px}
#main .faq h4{ padding-bottom:10px}

#main .faq .answer div.a span.tel{background:url(../images/tel_ic_b.png) no-repeat left center; padding-left:36px; display:inline-block}

#main .faq .answer div.a a.inq_mail,
#main .faq .answer div.a a.inq_faq{ display:inline-block; background:#0c5cb3; padding:5px 10px; margin-right:10px; color:white; text-decoration:none}
#main .faq .answer div.a a.inq_mail:hover,
#main .faq .answer div.a a.inq_faq:hover{background-color:#ffae00;}

#main .faq h4{ font-size:16px; padding-bottom:5px; margin-top:10px; padding-left:15px; position:relative; color:#0c5cb3}
#main .faq h4:before{ content:"■"; color:#0c5cb3; position:absolute; top:0; left:0}

#main .faq h5{ font-size:15px;}
#main .faq .answer div.a h5 a{ text-decoration:none; color:#555}


#main .first .tab{overflow:hidden; position:relative; display: flex; flex-wrap: wrap;}
#main .first .tab li{ background:#efefef; display: flex; justify-content: center; align-items: center; text-align:center; width:20%; border-right:1px solid #fff; margin-bottom:1px; cursor:pointer; font-size:13px; box-sizing:border-box; line-height:1.4em; padding: 15px 0; font-weight: bold;}
#main .first.point-coupon .tab li{
	width: 50%;
	font-size: 18px;
}
#main .first .content li h3.line{ border-top:1px dotted #ccc; padding-top:10px; margin-top:10px;}

#main .first .tab li.select{background:#fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; bottom:-1px; z-index:500; margin-bottom:0}
#main .first .content{ margin-top:-1px}
#main .first .content li{background:#fff; padding:20px; border:1px solid #ccc}
#main .first .content li h4{
	font-size: 18px;
	margin: 20px 0 10px 0;
}
#main .first .content li h2{ font-size:22px}
#main .first .content li h3{ font-size:20px; margin-bottom: 10px;}
#main .first .content li h5{ font-size:14px; padding-left:15px; position:relative}
#main .first .content li h5:before{ content:"■"; color:#ccc; position:absolute; top:0; left:0}
#main .first .content li img{ padding:10px 0}
#main .first .content li p{ padding-bottom:10px}
#main .first .hide {display:none;}
#main .first .content li ul li{ padding:0 0 0 13px; background:url(../images/check.png) no-repeat left 5px; margin:0 0 10px 0; border:none;}
#main .first div.backtotop{ padding-bottom:20px; text-align:right}
#main .first .content img.capture{
	width: 100%;
	border: 1px solid #ccc;
	display: block;
	margin: 10px 0;
}
#main .first .content img.flow{
	width: 50px;
	border: none;
	margin: auto;
}
#main .first .content .info{
	padding: 10px 20px;
	background: #f2f2f2;
	margin-bottom: 30px;
}


@media(max-width:768px){
	#main .faq{ padding:10px}
	#main .faq span.tel{ font-size:28px; display:block}
#main .faq span.mail{ font-size:24px; display:block}
#main .faq table th{ width:50%}
#main .faq .answer h2{ font-size:18px}
}

@media(max-width:768px){
	#main .faq h2,
	#main .first h2{ padding-bottom:10px}
	#main .first .tab{
		justify-content: space-between;
		align-items: center;
		padding: 0 5px;
	}
	#main .first .tab::after{
		content: "";
		width: 33%;
		display: block;
	}
	#main .first .tab li.select,
	#main .first .tab li { width:33%; border: none; padding: 10px 0; text-align: center; margin-bottom: 5px; border-radius: 60px; font-size: 11px;}
	#main .first .tab li.select{ background-color:#0c5cb3; color: white;}
	#main .first .content li img{ width:inherit; max-width:100%}
	#main .first .content li p.arrowP img{ width:15%}
	#main .first .content li h2,
	#main .first .content li h3{
		font-size: 16px;
	}
}

#main .info_teiki h3{ font-size:16px; padding-bottom:10px; padding-left:15px; position:relative; color:#0c5cb3}
#main .info_teiki h3:before{ content:"■"; color:#0c5cb3; position:absolute; top:0; left:0}
#main .info_teiki p{ padding-bottom:20px}
#main .info_teiki a:hover{ text-decoration:underline}


#main .safety h2{ margin-bottom:10px}
#main .safety .safetyBox{ padding:20px 0; border-bottom:1px dotted #ccc}
#main .safety p{ padding-bottom:10px}
#main .safety .small{ font-size:12px}
#main .safety h3{ font-size:16px; padding-bottom:10px; padding-left:15px; position:relative;color:#0c5cb3 }
#main .safety h3:before{ content:"■"; color:#0c5cb3; position:absolute; top:0; left:0}
#main .safety h4{ font-size:15px; padding-bottom:10px}
.safety_left,.safety_full{margin:10px 0 0 0; padding:0 0 10px 5px; line-height:1.5;}
.safety_left{ float:left; width:470px;  }
.safety_left p{ margin:0; line-height:1.6em;}
.safety_right{ float: right; width:201px;margin:19px 7px 0; }
div.safety_wide img,.safety_right img{ margin-bottom:5px; border-radius:5px}
.safety_right div{ padding:0 0 10px 0;text-align:right; font-size:80%;}
.safety .word{ color:#507e00; font-weight:bold;}
div.safety_wide{ clear:both; padding:0 0 0 7px;}
div.safety_wide div{ float:left ;width:201px; margin:0 47px 0 0;padding:0 0 10px 0;text-align:right; font-size:80%;}

#main .staff div.kikan{ padding:10px; text-align:center; font-weight:bold; font-size:18px; background:#efefef; margin-bottom:10px}


@media(max-width:768px){
	#main .staff{ padding:10px}
	#main .staff img{ width:50%!important; float:none!important; margin:10px auto!important; padding:0!important; display:block}
	#main .info_teiki{ padding:10px}
	#main .safety{ padding:10px}
	#main .safety .safetyBox{ padding:10px 0}
	#main .safety h3{ margin-top:10px}
	.safety_left,.safety_right{ float:none; width:auto; margin:0; padding:0}
	.safety_right,div.safety_wide,.safety_right div,div.safety_wide div{ text-align:center; float:none; width:auto; margin:0; font-size:12px}
	#main div.safety_wide img,#main .safety_right img{ width:inherit; padding-bottom:0;}
	#main .staff,#main .moniter{ padding:0 10px}
	#main .staff div.kikan{ font-size:15px}
	
	}

#main .privacy .foot_block{ padding-top:20px; text-align:right}

#main .salemation table th{ width:30%}

@media(max-width:768px){
	#main .privacy,
	#main .salemation{ padding:10px}
	#main .salemation table th,#main .salemation table td{ display:block; width:auto; border-right:none}
	#main .salemation table th br{ display:none}
}


/*相撲キャンペーン*/
#sumoWrap{ width:709px; font-size:14px; position:relative;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-bottom:10px;padding-top:130px;}
#sumoWrap.sumo21{
	background:url(../images/sumo_maku.png) no-repeat left top,url(../images/sumo21_back.png) repeat;
	/*background:url(../images/sumo21_back.png) repeat;*/
}
#sumoWrap h2{ width:447px; height:206px; text-indent:-9999px; border:none; margin:0 auto 20px auto; z-index:100; position:relative}
#sumoWrap img.circle{ position:absolute; top:90px; left:0;}
#sumoWrap img.chara{ position:absolute; top:160px; right:40px;}
#sumoWrap.sumo21 h2{ background:url(../images/sumo_jan.png) no-repeat;}
#sumoWrap .sumoBox{ width:680px; background:#fbf7e9; margin:-50px auto 10px auto; padding:70px 20px 20px 20px; box-sizing:border-box}
#sumoWrap div.dateBox{ width:400px; margin:0px auto 0 auto; z-index:100; position:relative}
#sumoWrap div.dateBox p.date{
	background:#14124b; color:white; font-size:14px; text-align:center;
	border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
	padding:5px 0;
}
#sumoWrap div.dateBox p.date strong{ font-size:18px;}
#sumoWrap div.dateBox p.winning{ text-align:right; padding:2px 0 0 0; color:#14124b; font-weight:bold}

#sumoWrap div.inn{ border:1px solid #ccc; background:white; margin-bottom:30px; position:relative; padding:20px 0 20px 0}
#sumoWrap div.inn div.title{ padding:0px 10px 20px 0; font-size:24px; font-weight:bold; color:#bf0000}
#sumoWrap div.inn div.title span{ display:inline-block; padding:3px 10px 2px 10px; background:#bf0000; color:white; font-size:20px; font-weight:bold; margin-right:10px}
#sumoWrap div.inn div.person{
	width:60px; height:60px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	background:#bf0000; color:white;
	position:absolute; right:5px; top:-20px;
	text-align:center;
	padding-top:12px;
	line-height:1.6em;
	box-sizing:border-box;
}
#sumoWrap div.inn div.person strong{ font-size:30px}
#sumoWrap div.inn p{ padding:0 20px}
#sumoWrap div.inn p strong{font-weight:bold; color:#bf0000; font-size:16px}
#sumoWrap div.inn p.small{ font-size:12px}
/*#sumoWrap.sumo21 .sumoBox{ background:url(../images/sumo21_foot.jpg) no-repeat left bottom;}*/
#sumoWrap h3{ font-size:16px; padding-bottom:5px; padding-left:15px; position:relative; color:#14124b; margin-top:20px}
#sumoWrap h3:before{ content:"■"; color:#14124b; position:absolute; top:0; left:0}

#sumoWrap p a{ font-weight:bold; text-decoration:underline}

#sumoWrap img.photo{ display:block; border:5px solid white; padding:0; box-shadow:0px 0px 0px 1px #cccccc; margin:10px auto}
#sumoWrap div.taisho{ padding:10px; border-bottom:1px solid #ccc;text-align:center; font-weight:bold; font-size:18px}
#sumoWrap div.taisho span{ display:inline-block;background:#14124b; color:white; font-size:14px; padding:3px 5px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:10px; font-weight:normal}


#sumoWrap ul li{ list-style-type:none; background:url(../images/arrow.png) no-repeat left 5px; margin-bottom:3px; padding-left:13px;}

#sumoWrap div.exps{ border:1px solid #aaa; background:white; padding:10px; font-size:110%; margin:10px 0;}
	#sumoWrap div.exps ul{ margin:0; padding:10px 0 0 0}
#sumoWrap div.exps ul li{ background-position:left center}

#sumoWrap a.orderBt{ display:block; width:50%; padding:15px; background:#ffae00; color:white; font-size:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; margin:20px auto 10px auto; float:none} 

/*サマーキャンペーン*/
#sumoWrap.summer{
	background:white url(../images/present_head.jpg) no-repeat left top;
	padding-top:50px;
}
#sumoWrap.summer h2{ background:url(../images/present_title.png) no-repeat; width:557px; height:110px; margin-bottom:0}
#sumoWrap.summer img.chara{ position:relative; display:block; margin:0 auto; padding:0px 0 20px 0; top:auto; right:auto;}
#sumoWrap.summer div.dateBox p.date{ background:#0c4f82}
#sumoWrap.summer div.inn div.title{ color:#468d38; display: flex;}
#sumoWrap.summer div.inn div.title p{ padding: 0}
#sumoWrap.summer div.inn div.title span{background:#8dd30e}
#sumoWrap.summer div.inn div.title span small{ font-size:14px}
#sumoWrap.summer div.inn div.person{background:#8dd30e}


@media(max-width:768px){
	#sumoWrap{ width:auto;background-size:100%!important; border-radius:0; padding-top:60px}
	#sumoWrap h2{ width:90%; background-size:100%!important; height:25vh}
	#sumoWrap.summer{ padding-top:10px;}
	#sumoWrap.summer h2{ width:90%; background-size:100%!important; height:90px; box-sizing: border-box}
	#sumoWrap .sumoBox{width:auto; margin:-35px auto 10px auto; padding:60px 10px 10px 10px}
	#sumoWrap.summer div.inn div.title{ display: block}
	#sumoWrap img.circle{ display:none}
	#sumoWrap img.chara{ width:10%; top:28vh; right:10px}
	#sumoWrap div.dateBox{ width:95%; margin:0px auto 0 auto; z-index:100; position:relative}
	#sumoWrap div.dateBox p.date{font-size:12px;}
	#sumoWrap div.dateBox p.date strong{ font-size:15px;}
	#sumoWrap div.dateBox p.winning{ font-size:11px}
	
	#sumoWrap img.photo{ width:60%;}
	
	#sumoWrap div.exps{ font-size:12px}

	#sumoWrap div.inn{ padding-top:10px}
	#sumoWrap div.inn div.title{ padding:10px;}
	#sumoWrap div.inn div.title span{ display:block; margin-bottom:5px; width:30%; text-align:center}
	#sumoWrap div.inn p{ display:block}
	#sumoWrap strong{ font-size:14px}
	#sumoWrap a.orderBt{ width:90%}
	
	#sumoWrap.summer div.inn div.title{ font-size:20px;}
	#sumoWrap.summer div.inn div.title br{ display:none}
	#sumoWrap.summer div.inn div.title span{ width:70%}
	#sumoWrap.summer h2{ height: 75px;}
	#sumoWrap.summer img.chara{ width:90%;}
}

.exp{ padding:10px 10px 20px 10px;}

.exp img.lead_ph{ float:right; padding-left:10px;}

.exp .lead{ float:left; width:440px; font-size:110%;}
.exp .lead img{ padding-top:10px}
.exp .lead p{ padding:10px 0 10px 0; margin:0}
.exp .lead p span{ color:#FF0000}

.exp .orderbt{ text-align:center; padding:10px}

.exp .interview{ padding:20px 0}
.exp .interview h4{ background:none; margin:0; padding:0 0 10px 0}
.exp .interview .interviewBox{ background:url(../images/meitokaryu_interview_top.gif) no-repeat; padding-top:24px; width:688px; margin-bottom:15px}
.exp .interview .interviewBoxIn{ background:url(../images/meitokaryu_interview_middle.gif) no-repeat left bottom; padding:10px 10px 15px 15px}
.exp .interview .interviewBoxIn img.ph{ float:left; padding-right:15px}
.exp .interview .interviewBoxIn div{ float:left; width:430px;}
.exp .interview .interviewBoxIn div p{ line-height:1.8em}
.exp .interview .interviewBoxIn div div{ text-align:right; padding:5px 0}
.exp .interview .interviewBoxIn img.phs{ padding-left:10px; vertical-align:top; float:right}
.exp .interview p.alignRight{ text-align:right}

.exp .doctor{ padding:10px 0}
.exp .doctor h4{ background:#9cca45; margin:0 0 10px 0; padding:5px 10px; color:white}
.exp .doctor h4.onaka{ background:#8fd7ef}
.exp .doctor h4.tanekin{ background:#ff807e}
.exp .doctor img.ph{ float:left; padding-right:15px}
.exp .doctor div{ float:left; width:450px;}
.exp .doctor div p{ line-height:1.8em}
.exp .doctor div div{ text-align:right; padding:5px 0}
.exp .doctor img.phs{ padding-left:10px; vertical-align:top; float:right}


.suiso{ padding:10px 10px 20px 10px; font-size:16px}

.f_left{ float:left}
.f_right{ float:right}

.suiso img.center{ display:block; margin:10px auto}
.suiso h3{ background:#0059b6!important; text-align:center!important; padding:10px 0!important; color:white!important; font-size:24px!important; margin-bottom:20px!important; border-left:none!important}
.suiso p.howtxt{ width:300px;}
.suiso p.howlead{ text-align:center; font-size:18px; padding-bottom:20px; padding-top:20px; }
.suiso p.howlead2{color:#0059b6; font-size:18px; padding-top:20px; padding-bottom:30px;}

.suiso p.seibunexp{
	background: #eef9ff;
	border-radius: 20px;
	font-size: 13px;
	padding: 15px;
	box-sizing: border-box;
	margin-top: 30px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom:20px;
}
.suiso .seibunBox{ border:1px dotted #0059b6; padding:20px 10px 20px 20px; margin-bottom:30px;border-radius: 20px;}
.suiso .seibunBox img{ float:right; margin-top:-30px} 
.suiso .seibunBox p{ font-size:14px; padding-right:10px}

.suiso .seibunImg{ width:330px}
.suiso .seibunImg img{ padding-bottom:20px}

.suiso p span.att{ color:red; font-weight:bold}
.suiso p strong{ font-weight:bold; color:#0059b6;}


ul.productlist{}
ul.productlist li{ width:220px; float:left;}

/*定期購入*/


#wrapper{ width:100%; background:url(../images/lp/mainImg_back.jpg) repeat-x;}
.contWrap{ width:100%; background-repeat:repeat-x; padding-bottom:20px}
.gray{ background-color:#f4f4f3}
.yellow{ background-color:#ffffd6}
.green{ background-color:#a9e1d7}
.cont{ width:100%; margin:0 auto; position:relative}

/*コンテンツと見出し*/
.contWrap h2{ margin:0 0 0; padding:10px; background:#1d7868; text-align:center; font-weight:bold; font-size:24px; color:white}

/*LKMについて*/
#aboutLead{ background:url(../images/lp/about_back1_s.gif) no-repeat; position:relative; width:100%; height:300px; background-position:right bottom}
#aboutLead p.aboutLead1{ position:absolute; left:20px; top:10px; font-size:14px; line-height:1.8em; width:480px}
#aboutLead p.aboutLead1:first-letter{ font-size:20px}
#aboutLead p.aboutLead2{ display:none}

#aboutLead2{ background:url(../images/lp/about_back2_s.gif) no-repeat; position:relative; width:100%; height:200px;}
#aboutLead2 h3{ text-indent:-9999px; border-left:none}
#aboutLead2 p{ position:absolute; left:20px; top:55px; font-size:14px; line-height:1.6em; width:480px}

/*特徴*/
#feature{ padding:20px 0}
#feature img{ padding-bottom:20px; width:100%}

/*研究者より*/
#fromDr{ background:#ffffd6; padding:20px 0; margin-top:-30px}
#fromDr h3{ float:left; margin:0 20px; border-left:none; font-size:24px; font-weight:bold; color:#1d8168}
#fromDr p.txtRight{ text-align:right; float:right; padding-top:50px; font-size:16px}
#fromDr p.txtRight span{ font-size:14px}
#fromDr div.main{ clear:both; padding-top:20px; padding-left:10px}
#fromDr div.main p{ float:left; padding-left:10px; width:450px}

/*お客様の声*/
.voice{ padding:10px 15px 10px 15px}
.voice:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.voice { min-height: 1px;}

.voice div.fukidashi{ width:400px; border:3px solid #1d7868; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 10px; position:relative; font-size:14px}
img.fukidashiLeft{ position:absolute; top:93px; left:-25px}
img.fukidashiRight{ position:absolute; top:93px; left:420px}
.voice div.fukidashi p{ margin-bottom:5px}
.voice div.fukidashi p.txtRight{ margin-bottom:0; text-align:right}

/*定期コースご案内*/
.arrow{ position:absolute; top:-40px; left:320px}

#teiki img{ width:100%}

#tokuten{ padding: 0 0 0}
#tokuten h3{ padding:0 0 20px 0; border-left:none; }
#tokuten h3 img{ width:100%}
#tokuten .box{ width:214px; float:left; text-align:center; padding-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:50px; position:relative}
#tokuten .box.no1{ width:100%; border:3px solid #f6b275; text-align:left}
#tokuten .box.no1 img.off{ position:absolute; right:10px; bottom:0; width:300px}
#tokuten .box.no2{ border:3px solid #dec0dd; margin-right:26px; height:280px}
#tokuten .box.no3{ border:3px solid #c5d692; margin-right:26px; height:280px}
#tokuten .box.no4{ border:3px solid #aad0f7; height:280px}

#tokuten .box.no2 img, #tokuten .box.no3 img,#tokuten .box.no4 img{ margin:0px; width:150px}

#tokuten .box img.no{ position:absolute; left:0px; top:-50px; width:70px}
#tokuten .box.no1 img.no{ position:absolute; left:10px; top:-40px}


#tokuten .box h4{ font-size:18px; font-weight:normal; line-height:1.4em; padding:20px}
#tokuten .box h4 span{ font-size:20px}
#tokuten .box.no1 h4{ font-size:30px; padding:50px 20px 30px 50px; line-height:1.2em}
#tokuten .box.no1 h4 span{ font-size:30px;}

.middleProduct{ padding:20px 0 30px 0}
.middleProduct img.product{ float:left; padding:0 0 0 20px}
.middleProduct h3{ width:320px; height:80px; background:url(../images/lp/productName.png) no-repeat!important; background-size:100%!important; text-indent:-9999px; margin-top:20px; border-left:none!important}
.middleProduct h4{ padding:20px 0}
.middleProduct img.medal{ position:absolute; right:20px; top:-40px; width:140px}
.middleProduct img.medal2{ position:absolute; right:20px; top:140px;}


.price{ }
#main .price .box{ width:95%; position:relative; margin:10px auto}
#main .price .box h4{ color:white; padding:5px 10px; font-size:24px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#main .price .box h5{ width:54px; height:42px; border-radius:27px; -webkit-border-radius:27px; -moz-border-radius:27px; text-align:center; font-size:22px; padding-top:12px; color:white; float:left; margin-top:5px; margin-right:7px}
#main .price .box h5.second{ font-size:16px; line-height:1.3em;}
#main .price .box a.order{ width:366px; height:92px; display:block; text-indent:-9999px; margin:0 auto 40px auto; background-repeat:no-repeat}
div.sponly{ display:none}
.bt1{ background-image:url(../images/lp/order_bt1.png) }
.bt2{ background-image:url(../images/lp/order_bt2.png) }
.bt3{ background-image:url(../images/lp/order_bt3.png) }
.bt5{ background-image:url(../images/lp/order_bt5.png) }
.price .box a.order:hover{ opacity:0.7; filter: alpha(opacity=70); -moz-opacity:0.7;}

.price .box.one,.price .box.three{}
.price .box.one h4,.price .box.one h5{ background:#f28585;}
.price .box.three h4,.price .box.three h5{ background:#decd31;}
.price .box.two,.price .box.five{ }
.price .box.two h4,.price .box.two h5{ background:#5ac2be;}
.price .box.five h4,.price .box.five h5{ background:#7fb4e9;}

.price .box.one img,.price .box.three img,.price .box.two img{ position:absolute; right:10px; top:-10px}
.price .box.five img{ position:absolute; right:10px; top:-18px}

.price .box p.exp{ width:300px; float:left; line-height:1.5em; padding-top:5px; padding-left:5px; margin-top:18px; font-size:16px}
.price .box p.prices{ text-align:right; color:#ec2743; width:180px; float:right}
.price .box p.prices span{ font-size:30px; font-weight:bold}
.price .box p.prices span.small{ color:#383838; font-size:12px; font-weight:normal}


.bt{ text-align:center; margin:20px}
.bt img{ padding-bottom:10px}

.user{ padding:20px}
.user h5{ font-size:18px; padding-bottom:10px}
.user ul{ font-size:14px}
.user ul li{ background:url(../images/lp/li.gif) no-repeat left 2px; padding-left:20px; margin-bottom:10px; line-height:1.4em}

#lastProduct{ padding:20px 0; width:100%; margin:0 auto}
#lastProduct h4{ color:white; padding:10px; font-size:120%; margin-bottom:10px}
 #lastProduct h4.y2{ background:#1d7868; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#lastProduct h5{ font-size:110%; padding-bottom:5px; color:#125bbf;}


@media(max-width:768px){
	.exp img.lead_ph{ float:none; width:50%; margin:0 auto}
.exp .lead{ float:none; width:auto; padding:10px}
.exp .lead img{ width:100%}

.exp .doctor div{ width:auto; float:none}
.exp .doctor img.ph{ width:50%; margin:10px auto}
.exp .doctor img.phs{ display:none}

.exp .orderbt img{ width:80%; margin:10px auto; display:block}

div.xc_contents div.xc_productDetailImage{ margin-top:0; float:none; text-align:center; width:100%}
div.xc_contents div.xc_productDetailImage img{ width:50%; float:none;}
div.xc_productDetail .xc_productDetailData1{ width:auto; float:none}


div.xc_contents div.xc_productDetail h4{ 
width:auto; 
background:#ffbdbd; 
padding:10px; 
border-bottom:3px solid #ff8181; 
height:auto; 
font-size:18px; 
margin:10px 0 5px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#main table.itemData{ width:auto;table-layout: fixed;word-break: break-word;}
#main table.itemData th,
#main table.itemData td{ white-space:inherit}
#main table.itemData br{ display:none}
.exp p,
xc_productComment p{ padding:10px}


.exp .interview .interviewBox{ width:auto; background:none; padding-top:10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;}
.exp .interview .interviewBoxIn{ width:auto; background:none; border-bottom:1px solid #ccc;}
.exp .interview .interviewBox img.ph{ width:50%; margin:10px auto; display:block}
.exp .interview .interviewBox img.phs{  display:none}
.exp .interview .interviewBoxIn div{ width:auto}
.exp iframe{ width:300px!important; height:202px!important;}



div.xc_productDetail .xc_productDetailData1{ width:95%!important; margin:10px auto!important; float:none!important;}

.xc_productName{
	display:block;
	position:relative;
	margin-top:10px;
	padding:12px 2px;
	border-left: 5px solid #E2F783;
	background: none;
	line-height: 1;
	color: #5A3535;
	font-size: 15px;
}


.contWrap h2{ font-size:18px; text-align:left}

#aboutLead{ background-size:100%}
#aboutLead p.aboutLead1{ width:auto; position:relative; top:0; left:0; padding:10px}
#aboutLead2{ background:none; border:3px solid #ccc; height:auto; width:auto; margin:0 5px}
#aboutLead2 p{ width:auto; position:relative; top:0; left:0;padding:10px}


#fromDr h3{ width:auto; background-size:100%; float:none}
#fromDr img.fl_left{ width:80%;}
#fromDr img.fl_right{ width:30%}
#fromDr div.main p{ width:auto; padding:10px}


.voice img{ width:50%; display:block; margin:5px auto; float:none}
.voice div.fukidashi{ width:auto;}
.voice div.fukidashi img{ display:none}
.arrow{ display:none}
.green{ margin-top:0!important}
.green div.cont{ padding:10px 0!important}

#tokuten{ padding:0 0 0 2%}
#tokuten .box{ width:96%!important; height:auto!important}
#tokuten .box.no1 h4,#tokuten .box.no1 h4 span{ font-size:18px}
#tokuten .box.no1 h4{ padding:20px}
#tokuten .box img{ width:30%!important; bottom:10px; position:relative; float:right;}
#tokuten .box.no1 img.off{width:35%;}


#tokuten .box.no1 img.no,
#tokuten .box.no2 img.no,
#tokuten .box.no3 img.no,
#tokuten .box.no4 img.no{ display:block; top:-30px; width:18%!important;}

.middleProduct img.product{ width:100%; padding:0;}
.middleProduct img.medal{ display:none}

.middleProduct h3{ width:90%; background-size:100%;}

.price{ margin:10px}

#main .price .box.one img, #main .price .box.three img, #main .price .box.two img,#main .price .box.five img{display:none}

#main .price .box p.exp{ width:70%;}
#main .price .box a.order{ width:90%; background-size:100%; height:80px}

div.pconly{ display:none}
div.sponly{ display:block}


#lastProduct .cont div{ width:auto!important; padding:10px}
#lastProduct .cont div img{ width:50%; margin:0 auto}
}

#main .voice h2{ margin-bottom:20px}
#main .voice div.link{ padding-top:10px}
#main .voice div.link a{ display:inline-block; background:#efefef; margin-right:2px; font-size:13px; color:#444; padding:10px 15px; box-sizing:border-box;}
#main .voice div.link a:hover{ background:#0c5cb3;color:white;}
/*#main .voice h3{ padding:10px; margin:30px 0 10px 0;background:#0c5cb3; color:white;}*/
#main .voice h3{ font-size:22px; height:120px; border:1px solid #ccc;margin:30px 0 10px 0; line-height:120px; padding-left:20px}
#main .voice h3 small{ font-size:16px;}
#main .voice h3#karyu{ background:url(/common/images/8_l.jpg) no-repeat right center; background-size:28%;}
#main .voice h3#yogurt{ background:url(../images/onaka_all.jpg) no-repeat right center; background-size:35%;}
#main .voice h3#suiso{ background:url(/common/images/milkdesuiso_ph_b.jpg) no-repeat right center; background-size:20%;}
#main .voice h3#tanekin{ background:url(/images/tanekin_ph1.jpg) no-repeat right center; background-size:22%;}


#main .voice ul{ padding-top:20px}
#main .voice ul li{ margin-bottom:30px}
#main .voice ul li div{ width:88%; box-sizing:border-box; padding:20px; background:#efefef; font-size:14px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#main .voice ul li div span{ position:absolute; top:-10px; left:20px; background:#0c5cb3; color:white; display:inline-block; padding:2px 5px}
#main .voice ul li div p.prof{ text-align:right}
#main .voice ul li:nth-child(odd) div{ float:left}
#main .voice ul li:nth-child(even) div{ float:right}
#main .voice ul li:nth-child(odd) div:after{
	content: "";
	position: absolute;
	top: 30px; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #efefef;
}
#main .voice ul li:nth-child(even) div:after{
	content: "";
	position: absolute;
	top: 30px; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #efefef transparent transparent;
}
#main .voice ul li{ background-repeat:no-repeat}
#main .voice ul li.young.male{ background-image:url(../images/face_m_20_30.png); background-size:10%}
#main .voice ul li.middle.male{ background-image:url(../images/face_m_40_50.png); background-size:10%}
#main .voice ul li.senior.male{ background-image:url(../images/face_m_60_70.png); background-size:10%}
#main .voice ul li.kids.female{ background-image:url(../images/face_f_10.png); background-size:10%}
#main .voice ul li.young.female{ background-image:url(../images/face_f_20_30.png); background-size:10%}
#main .voice ul li.middle.female{ background-image:url(../images/face_f_40_50.png); background-size:10%}
#main .voice ul li.senior.female{ background-image:url(../images/face_f_60_70.png); background-size:10%}
#main .voice ul li:nth-child(odd) { background-position:right top}
#main .voice ul li:nth-child(even) { background-position:left top}

#main .voice ul li:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#main .voice ul li{ min-height: 1px;}
#main .voice p.attention{ padding-top:20px; font-size:12px;}

#main .voice div.product { text-align:right; padding:0px 0 10px 0}
#main .voice div.product a{ display:inline-block;background:#0c5cb3 url(../images/arrow_white.png) no-repeat 98% center; color:white; padding:10px 20px 10px 10px;}
#main .voice div.product a:hover{ opacity:0.7}

#main .voice div.holder{ padding:10px 0; text-align:center}
#main .voice div.holder a{ display:inline-block; padding:5px 10px; border:1px solid #ccc; margin-right:10px;}
#main .voice div.holder a.jp-previous,
#main .voice div.holder a.jp-next{ border:none;}
#main .voice div.holder a.jp-current{ background:#0c5cb3; color:white}

#main .voice div.holder a.jp-disabled{ display:none}

@media(max-width:768px){
	#main .voice h3{ font-size:18px; height:100px; padding-top:20px; line-height:1.6em;padding-right:28%; box-sizing:border-box}
	#main .voice h3#yogurt{ background-size:32%}
	#main .voice h3#tanekin{ background-size:30%;}
	#main .voice h3#suiso{ background-size:32%;}

	#main .voice div.link a{ width:100%; text-align:center; margin-right:0; border-bottom:1px solid #fff}
	#main .voice ul li{ margin-bottom:20px;}	
	#main .voice ul li div{ width:78%; padding:10px;}
	#main .voice ul li{ background-size:18%!important}
	#main .voice div.product a{ display:block; width:100%; box-sizing:border-box; text-align:center}
	
	#main .voice div.holder a{ margin-right:5px; font-size:12px}
	#main .voice div.holder a.jp-previous,
#main .voice div.holder a.jp-next{ padding:5px 0;}
}

/*linecampaign*/
div.line{ width:1040px; margin:20px auto}
div.line h2{ margin-bottom:30px}
div.line p{ font-size:18px}
div.line ul li{ background:url(../images/arrow.png) no-repeat left 8px; padding:0 20px 0 15px; font-size:18px; margin-bottom:10px}

div.line #main{ width:1040px; float:none}
div.line #main h3{ padding:20px 0 10px 0;}
@media(max-width:768px){
	div.line{ width:auto; margin:10px 10px 30px 10px}
	div.line #main{ width:auto}
	div.line img{ width:100%}
	div.line .lineBt{ padding:10px 0; text-align:center}
	div.line .lineBt img{ width:auto}
	div.line p{ font-size:14px; padding-bottom:10px}
	div.line a.orderBt{ display:block;  width:90%; padding:15px; background:#ffae00; color:white; font-size:16px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; margin:20px auto 10px auto; float:none} 
	div.line ul li{ font-size:14px; background-position:left 5px}

}


.gw table{ border:1px solid #ccc; border-collapse:collapse; margin:10px 0}
.gw table th,
.gw table td{ padding:10px; text-align:center; width: 14%}
.gw table th{ background:#efefef}
.gw table td.red{ color:red}
.gw table td.blue{ color:blue}
.gw table td.holiday{ background:#d7eef4}

strong.big{ font-size:120%}

/*モニタ追加*/
#main.product div.entry{ padding:20px; width:auto; margin:10px auto 20px auto; box-sizing:border-box; border:1px solid #ccc; background:#fafafa}
#main.product div.entry h4{ font-size:16px; padding-bottom:3px; border-bottom:1px solid #ccc; margin-bottom:10px}
#main.product div.entry p{ text-align:left!important; color:#333!important; padding:0 10px; font-size:14px!important}
#main.product div.entry p strong{ display:inline-block; padding:10px 0}
/*@media(max-width:768px){
#account_login tr:first-child td:nth-of-type(3) input {width: 90px;margin-left: 6px;}
#account_login tr:first-child td:nth-of-type(3) {width: auto!important;}
#account_login tr:first-child td:first-child img {margin-left: 0!important;}
}*/

/*アウトレット*/
h3#outlet img{
	width: 100%;
}
p.outlet-txt{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 0 10px 0;
}
p.outlet-txt-sub{
	text-align: center;
	font-size: 16px;
	padding: 0px 0 20px 0;
}
#outlet p.exp{
	font-size: 14px!important;
}

#main .productBox ul li.big{
	width: 100%;
	float: none;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding: 30px 20px 20px 30px;
	height: auto;
	flex-wrap: wrap;
}

#main .productBox ul li.big h3{
	font-size: 22px;
	width: 100%;
	padding-bottom: 20px;
}
#main .productBox ul li.big div.txt{
	width: 62%;
	font-size: 14px;
}
#main .productBox ul li.big img.product-main{
	width: 35%;
}

#main .productBox ul li.big img.pricedown{
	width: 80px;
	position: absolute;
	top: -30px;
	right: -30px;
}
#main .productBox ul li.big p.price{
	text-align: left;
	color: #d20000;
	font-size: 16px;
	padding: 10px 0;
	line-height: 1.8em;
}
#main .productBox ul li p.price span.special{
	display: inline-block;
	background:#d20000;
	color: #fcff00;
	padding: 2px 5px;
	line-height: 1em;
	margin-right: 5px;
	font-size: 12px;
}
#main .productBox ul li.big p.price strong{
	font-size: 24px;
}
#main .productBox ul li div.spDetail{
	/*width: 100%;
	position: relative;
	bottom:auto;*/
}
#main .productBox ul li.big div.spDetail a.detail{
	display: inline-block;
	padding: 0px 30px;
	box-sizing: border-box;
	background: white;
	width: 48%;
}
#main .productBox ul li.big div.spDetail form{
	display: inline-block;
	float: none;
	width: 48%;
}
#main .productBox ul li.big div.spDetail form input.submitBt{
	width: 100%;
	background:#d20000;
	border: none;
	font-weight: bold;
}
#main .productBox ul li.big div.spDetail form input.submitBt:hover{
	cursor: pointer;
	background:orange;
}
#main .productBox ul li.out{
	position: relative;
}
#main .productBox ul li.out:after{
	content:"＜販売終了＞";
	font-weight: bold;
	color: white;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.7);
	z-index: 2000;
	visibility: visible;
}
p.out{
	text-align: center;
	padding-bottom: 20px;
}
p.out span{
	display: inline-block;
	padding: 2px 10px;
	background:#d20000;
	color: white;
	font-size: 18px;
}

@media(max-width:768px){
	#main .productBox ul li.big{
		width:auto;
		padding: 20px 10px 10px 10px;
		display: block;
	}
	#main .productBox #outlet ul li{
		padding:10px
	}
	#main .productBox ul li div,
	#main .productBox ul li.big div.txt,
	#main .productBox ul li.big img.product-main{
		float: right;
		padding: 0;
	}
	#main .productBox ul li.big div.spDetail a.detail,
	#main .productBox ul li.big div.spDetail form{
		width: 100%;
		margin: 0 0 10px 0;
	}
	#main .productBox ul li.big img.pricedown{
		right: 0px;
	}
	#main .productBox ul li.big p.price{
		text-align: right;
		margin: 0;
	}
	p.outlet-txt,
	p.outlet-txt-sub{
		margin-left: 15px;
		margin-right: 15px;
		text-align: left;
	}
	#main .productBox ul li.big div p{
		font-size: 14px;
	}
}
/*iframe*/
.review{
	padding:0 0 40px 0;
	position: relative;
	margin-bottom: 20px;
}
#reviews h3{
	background: #9cca45;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    color: white;
	font-size: 16px;
}

.review a{
	display: block;
	width: 15em;
	padding: 10px;
	background: #0c5cb3;
	color: white;
	margin: 10px auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 200;
}
.review iframe#review{
	width: 100%!important;
	border: none;
	height: 400px!important;
	position: relative;
	z-index: 10;
}
.review::after{
	content: "";
	display: block;
	width: 100%;
	height: 80px;
	background: linear-gradient(365deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 100;
}

iframe#reviewlink{
	width: calc(100% - 30px)!important;
	border: none;
	height: 30px!important;
	z-index: 1;
	position: absolute;
	top: 5px;
	left: 20px;
	-ms-overflow-style: none;
	scrollbar-width: none;overflow: hidden;
}
iframe#reviewlink::-webkit-scrollbar{
	display: none;
}

.review-flex{
	display: flex;
	justify-content:flex-end;
	height: 40px;
}

.review-link{
	text-align: right;
	position: relative;
	width: 360px;
	-ms-overflow-style: none;
}
.review-link::-webkit-scrollbar{
	display: none;
}
.review-link a{
	display: block;
	width: 100%;
	border: 2px solid #ffae00;
	z-index: 10;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: 40px;
}
.review-link a:after{
	content: "";
	width: 11px;
	height: 11px;
	background: url(../images/arrow.png) no-repeat left center;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
.review-link a:hover{
	opacity: 0.7;
}

.todokede{
	padding: 20px 0;
}
.todokede img{
	width: 100%;
}

@media(max-width:767px){
	.review-link{
		width: 100%;
	}
	.review-link a{
		height: 40px!important;
	}
	.review-flex{
		justify-content: center;
		height: 40px;
	}
	iframe#reviewlink {
		height: 40px!important;
		top: 5px;
	}
}

@media(max-width:767px){
	.review iframe#review{
		height: 400px!important;
	}
}


.review-top{
	padding: 30px 0;
}
.review-top h2{
	padding: 0;
}
.review-top .message{
	padding: 20px;
	background: #f3f3f3;
	margin-bottom: 20px;
}
.review-top iframe#review{
	width: 100%;
	border: none;
	height: 600px;
	margin-bottom: 30px;
}
.review-top a.write{
	display: block;
	width: 20em;
	padding: 10px;
	text-align:center;
	background: #0c5cb3;
	color: white;
	margin:auto;

}

@media(max-width:767px){
	.review-top iframe#review {
		height: 600px!important;
		margin-bottom: 20px;
		padding: 10px;
		box-sizing: border-box;
	}
}

/*クーポン*/
ul.coupon{
	padding-top: 10px;
  }
  ul.coupon.only{
	justify-content: end;
  }
  ul.coupon li{
	text-align: center;
	margin-bottom: 10px;
  }
  ul.coupon li:first-of-type img,
  ul.coupon li:last-of-type img{
	width: 100%;
	max-width: 578px;
  }
  #button{
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		background-color: #00986e;
		color: white;
		padding: 5px 10px;
		display: block;
		margin: 10px auto;
		border-radius: 30px;
  }
  #button:hover{
	opacity: 0.7;
  }

  @media screen and (max-width:480px) {
	ul.coupon li{
		text-align: center;
	  }
	  ul.coupon li:first-of-type{
		width: 100%;
	  }
	  ul.coupon li:last-of-type{
		width: 100%;
	  }
	  ul.coupon li:first-of-type img,
	  ul.coupon li:last-of-type img{
		width: auto;
		height: auto;
	  }
  }

  #main h2{
	width: 100%;
  }

  .glu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 0;
  }
  #main .glu h2{
	margin-bottom: 10px;
  }
  .glu a:hover{
	opacity: 0.7;
  }
  .glu .cat-box{ 
	margin-bottom: 10px;
	border-radius:20px;
	border-width: 5px;
	border-style: solid;
	position: relative;
  }
  
  .glu .cat-box.point1{
	border-color: #F29539;
	width: 100%;
  }
  .glu .cat-box.point2{
	border-color: #5DC2D0;
	width: 48%;
  }
  .glu .cat-box.point3{
	border-color: #B8D200;
	width: 48%;
  }
   .glu .cat-box.check{
	border: none;
	background: #E0F0E9;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
  }
  
   .glu .cat-box h3{
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6rem;
  }
   .glu .cat-box.point1 h3{
	background: #F29539;
  }
   .glu .cat-box.point2 h3{
	background: #5DC2D0;
  }
   .glu .cat-box.point3 h3{
	background: #B8D200;
  }
   .glu .cat-box.check h3{
	padding: 10px 0 10px 0;
	color: #008359;
	position: relative;
	font-size: 18px;
  }
   .glu .cat-box.check h3 span{
	font-size: 12px;
	background: #008359;
	color: white;
	text-align: center;
	display: block;
	position: absolute;
	top: -40px;
	left: -30px;
	padding: 3px 10px;
	transform: rotate(-5deg);
  }
   .glu .cat-box .flex{
	padding: 0 20px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
  }

   .glu .cat-box .flex>div{
	width: 48%;
	padding: 10px 0;
	box-sizing: border-box;
  }
   .glu .cat-box.point1 .flex>div h4{
	width: 100%;
	background: #F29539;
	color: white;
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
  }
   .glu .cat-box .flex>div.cont2{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
  }
   .glu .cat-box .flex>div.cont2 p{
	font-size: 13px;
  }
   .glu .cat-box .flex p.check-point{
	font-size: 1.1rem;
	text-align: center;
	padding-bottom: 20px;
  }
   .glu .cat-box .flex p.check-point span{
	display: inline-block;
	border-bottom: 2px solid red;
  }
   .glu .cat-box .flex p.check-point span strong{
	color: red;
	font-size: 1.2rem;
	font-weight: bold;
  }
  
   .glu .cat-box .txt{
	padding: 20px;
  }
   .glu .cat-box.point1 .txt{
	padding-bottom: 0;
  }
   .glu .cat-box.check .txt{
	width: 65%;
  }
   .glu .cat-box.check img{
	width: 32%;
  }
   .glu .cat-box.point1 .flex img.cut{
	width: 90%;
	margin: auto;
	display: block;
  }
  img.cut4{
	width: 100%;
  }
   .glu .cat-box.point1 .flex p{
	width: 65%;
  }
   .glu .cat-box.point1 .flex img.cut2{
	width: 35%;
  }
   .glu .cat-box.point2 .flex .txt{
	width: 100%;
  }
   .glu .cat-box.point2 .flex img.cut{
	width: 80%;
	display: block;
	margin: 10px auto 0 auto;
  }
   .glu .cat-box.point3 img{
	width: 90%;
	display: block;
	margin: 20px auto;
  }
  
  .tetsuyo>p.notice{
	padding: 10px 0;
	font-size: 0.9rem;
	width: 100%;
	color: inherit;
  }
  
  @media screen and (max-width:480px) {
	 .glu .cat-box.point2,
	 .glu .cat-box.point3{
	  width: 100%;
	}
  
	 .glu .cat-box span.eiyo{
	  right: 0;
	}
	 .glu .cat-box.point1 .flex .txt{
	width: 100%;
	}
	 .glu .cat-box.point1 .flex img.cut{
	  width: 80%;
	}
	 .glu .cat-box.point1 .flex p{
	width: 65%;
	}
	#main  .glu .cat-box.point1 .flex img.cut2{
	  width: 30%;
	}
	 .glu .cat-box .flex>div{
	  width: 100%;
	}
	 .glu .cat-box.check .txt{
	width: 100%;
	}
	#main .glu .cat-box.check img{
	  width: 70%;
	  margin: auto;
	}
  }



/*online times*/
#quo h3 img,
#times h3 img,
#survey h3 img{
	width: 100%;
}
div#times div.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
div#times div.flex a{
	width: 23%;
	display: block;
	color: #555;
	text-decoration: none;
	position: relative;
}
#quo div.flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border: 5px solid #e84292;
	margin-bottom: 30px;
	position: relative;
	padding-top: 20px;
}
#quo.sep div.flex{
	border-color: #00386f;
}
#quo p.lead{
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
#quo p.lead strong{
	color: #ce0000;
}
#quo div.flex a {
	display: block;
	width: 31%;
	margin: 0 1%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
#quo div.flex a:hover{
	opacity: 0.7;
}
#quo div.flex a img{
	width: 80%;
	padding-bottom: 10px;
}
div#times div.flex a img{
	width: 100%;
	padding-bottom: 10px;
}
div#times div.flex a:hover{
	background: #f3f3f3;
}
div#times div.flex a p.title{
	font-weight: bold;
	padding-bottom: 5px;
}
div#times div.flex::before,
div#times div.flex::after{
	content: "";
	display: block;
	width: 23%;
	order: 1;
}
#quo.oct div.flex a{
	width: 60%;
}
#quo div.flex a p.title{
	font-weight: bold;
	margin: 0px auto;
	background:#004ea2;
	display: flex;
	padding: 10px 10px;
	height: 3.5em;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
}
#quo div.flex a p.code{
	padding: 10px 0;
	color: #004ea2;
}
#quo div.flex a p.code strong{
	display: inline-block;
	padding: 2px 5px;
	background:#e84292;
	color: white;
	font-size: 12px;
}
#quo.sep div.flex a p.title{
	background: #00386f;
}
#quo.oct div.flex a p{
	color: #000;
}
#quo.oct div.flex a p.title{
	width: 20em;
	background: #4b29ad;
	color: #fff;
	margin: 10px auto;
}
#quo.nov div.flex a p{
	color: #000;
}
#quo.nov div.flex a p.title{
	width: 12em;
	background: #b44b27;
	color: #fff;
	margin: 10px auto;
}
#quo.jan div.flex a p.title{
	width: 15em;
	background:#e9588a;
}
#quo.jan div.flex a p{
	color: #fff;
}

#quo .coupon{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 20px 0;
}
#quo .coupon > p.code{
	width: 48%;
	border: 2px solid #ce0000;
	padding: 10px;
	box-sizing: border-box;
	font-weight: bold;
	background: #f5ecc8;
}
#quo .coupon > p.code strong{
	background: #ce0000;
	color: white;
	display: block;
	padding: 10px;
	margin-top:5px;
	border-radius: 10px;
}

@media screen and (max-width:480px) {
	#quo .coupon{
		margin: 0 15px;
	}
	#quo .coupon > p.code{
		width: 100%;
		margin-bottom: 10px;
	}
}

#quo p.date{
	text-align: center;
	font-size: 18px;
	padding: 20px 0;
}
#quo p.date strong{
	font-size: 24px;
	color: #00386f;
}
#quo.sep p.date strong{
	color: #00386f;
}
#quo.oct p.date strong{
	color: #4b29ad;
}
#quo.nov p.date strong{
color: #b44b27;
}
#quo h4 {
	text-align: center;
	margin: 0 0 20px 0;
	z-index: 10;
	position: relative;
	width: 100%;
}
#quo h4 span{
	display: inline-block;
	background: #fff600;
	color: #00386f;
	font-size: 24px;
	border-radius: 40px;
	padding: 5px 40px;
}
#quo.sep h4 span{
	background: #fff9af;
	color: #00386f;
}
#quo.oct h4 span{
	color: #4b29ad;
	background: #ffa800;
}
#quo.nov h4 span{
	color: #b44b27;
	background: #ffc000;
}
#quo.jan h4 span{
	background:#e9588a;
	color: #fff;
}
#quo div.info{
	padding: 20px;
	background: #f8e9c7;
}
#quo.sep div.info{
	background: #fff9af;
}
#quo.oct div.info{
	background: #fff9af;
}
#quo.nov div.info{
	background: #fcc56b;
}
#quo.jan div.info{
	background: #ffdaed;
}
#quo div.info h5{
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}
#quo div.info dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#quo div.info dl dd{
	padding-bottom: 10px;
	padding-left: 1em;
}
#quo div.info dl dt{
	font-weight: bold;
}
#quo div.info dl dt,
#quo div.info dl dd{
	width: 100%;
}
#quo div.info ol {
	margin: 0 20px;
}
#quo div.info ol li{
	list-style-type: disc;
}
div.coupon{
	padding: 20px 0;
	text-align: center;
	font-size: 18px;
}
div.coupon img{
	width: 100%;
	padding: 10px 0;
}
#survey p{
	text-align: center;
	padding-top: 20px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8em;
}
#survey .info{
	padding: 20px;
	background: #fffcd7;
	margin-top: 30px;
}
#survey .info  h5{
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 20px;
}
#survey .info ul{
	display: block;
	margin: 0 0 0 1em;
	padding: 0;
}
#survey .info ul li{
	list-style-type: disc;
	margin-bottom: 10px;
}

@media screen and (max-width:480px) {
	div#times div.flex a{
		width: 48%;
	}
	div#times div.flex::before,
	div#times div.flex::after{
		display: none;
	}
	div#times div.flex{
		padding: 10px 15px;
	}
	#quo div.flex{
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	#quo div.flex a {
		width: 48%;
	}
	#quo.nov div.flex a ,
	#quo.oct div.flex a {
		width: 100%;
	}
	#quo.oct div.flex a p{
		font-size: 12px;
	}
	#quo div.flex a p.title{
		padding: 5px 10px;
		font-size: 14px;
		height: 5.5em;
	}
	#quo div.flex a p.title br{
		display: none;
	}
	#quo h4 span{
		font-size: 18px;
	}
	#quo p.date{
		font-size: 16px;
	}
	#quo p.date strong{
		font-size: 20px;
	}
	#quo.oct div.info h5{
		font-size: 16px;
		text-align: left;
	}
	#quo.oct div.info h5 br{
		display: none;
	}
	#survey p{
		font-size: 1em;
		padding: 10px;
	}
	div.coupon{
		font-size: 16px;
	}
}

.tetusyo_tetsubun_banner{
	padding: 30px 0;
	text-align: center;
}
.tetusyo_tetsubun_banner img{
	max-width: 640px;
}
.youtube{
	margin: 20px auto;
}
.youtube iframe{
	display: block;
	width: 100%;
	height: 400px;
}

@media screen and (max-width:480px) {
	.tetusyo_tetsubun_banner img{
		max-width: 100%;
	}
	.youtube iframe{
		height: 200px;
	}
}

.lkm-product{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 10px 20px 30px;
	border: 1px solid #ccc;
	flex-wrap: wrap;
}
.lkm-product img{
	width: 40%;
}
.lkm-product .text{
	width: 55%;
}
.lkm-product .text .title{
	font-size: 24px;
	padding-bottom: 10px;
	font-weight: bold;
}
.lkm-product .text .price strong{
	font-size: 20px;
}
.lkm-product .text a{
	display: inline-block;
	margin-top: 20px;
	width: 100%;
	max-width: 10em;
	text-align: center;
	padding: 10px 30px;
	background: #00386f;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border-radius: 50px;
}
.lkm-product .text a:hover{
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.lkm-product{
		margin: 20px;
		padding-top: 40px;
	}
	.lkm-product img{
		width: 80%;
		display: block;
		margin: auto;
	}
	.lkm-product .text{
		width: 100%;
	}
}
.lkm-stick picture{
	display: block;
	margin: 0 auto;
}
#main .lkm-stick h2{
	width: 100%;
	text-align: center;
	border: none;
	margin: 40px 0 0 0;
}
.lkm-stick h2 span{
	padding: 5px 40px;
	background:#000099;
	color: white;
	font-size: 24px;
	font-weight: bold;
}
@media screen and (max-width:767px) {
	#main .lkm-stick h2{
		margin: 30px 0;
	}
}

.lkm-stick img{
	max-width: 100%;
	display: block;
	margin: auto;
}
.lkm-stick .flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lkm-stick .flex .orderbt,
.lkm-stick .flex .box{
	width: 49%;
	padding: 0;
}

.lkm-stick .flex .box{
	margin: 20px 0;
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 20px;
	box-sizing: border-box;
}
@media screen and (max-width:767px) {
	.lkm-stick .flex .orderbt,
	.lkm-stick .flex .box{
		width: 100%;
	}
	.lkm-stick .flex .orderbt img{
		margin: 0 auto;
	}
	.lkm-stick .flex .box{
		margin: 0 0 20px 0;
	}
}
.lkm-stick .flex .box.fueru img.title{
	max-width: 74%;
}
.lkm-stick .flex .box.fueru img.cho{
}
.lkm-stick .todokede{
	padding: 20px 0;
}
.lkm-stick .todokede picture{
	width: 80px;
}
.lkm-stick .todokede .txt{
	width: calc(100% - 100px);
}
.lkm-stick .todokede .txt .kinou-info p{
	padding-bottom: 1em;
}
@media screen and (max-width:767px) {
	.lkm-stick .todokede picture{
		width:50%;
		margin: auto;
	}
	.lkm-stick .todokede .txt{
		width: 100%;
	}
	.lkm-stick .todokede .txt .kinou-info p{
		padding-bottom: .5em;
	}
}
.kinou-add{
	font-size: 12px;
}
p.shutten{
	font-size: 12px;
	text-align: center;
}
.lkm-stick .hakase{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dr-lkm{
    width: 52%;
    margin-top: 0px;
}
.dr-lkm picture{
	max-width: 300px;
}
.name{
    font-size: 18px;
    font-family: var(--font-maru);
    padding-left: 1.5em;
}
.name strong{
    font-size: 24px;
    font-weight: 700;
}
.dr-ph{
    width: 36%;
}
.dr-txt{
    width: 100%;
    font-size:18px;
    line-height: 1.8em;
    padding: 20px 1.5em 40px 1.5em;
}
.dr-txt span.line{
    background: #FFEE00;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .dr-lkm,
    .dr-ph{
        width: 100%;
    }
    .name{
        padding-left: 0px;
        font-size: 16px;
		text-align: center;
    }
    .name strong{
        font-size: 24px;
    }
    .dr-ph picture{
        width: 60%;
        padding-top: 20px;
		display: block;
		margin: auto;
    }
    .dr-txt{
        font-size: 16px;
        padding: 20px 10px;
    }
}