@charset "utf-8";

/* ------------------------------------------------
 eyewear
------------------------------------------------- */

/* ------------------------
 common pickup-block
------------------------- */
@media screen and (max-width: 767px){
	#pickup-wrap{padding: 0 0.5em; margin-bottom: 1.5em;}
	#pickup-wrap h1{border-left:10px solid #04468E; padding: 0.2em 0.2em 0.2em 0.5em; margin-bottom: 1em; color:#04468E;}
	.slick a{text-decoration: none;}
	.slick .item-brand{padding: 0 0.2em 0.2em; text-align: center; font-weight:bold; font-size:70%;}
	.slick{width:100%; position: relative; padding: 0;}
	.slick .prev,
	.slick .next{display: none; background-color: rgba(255,255,255,0.8); top:35%; font-size:100%; z-index: 999; font-weight:bold; color:#04468E;}
	.slick .prev{position: absolute; left:-0.5em;;}
	.slick .next{position: absolute; right:-0.5em;}

}
@media screen and (min-width: 768px){
	#pickup-wrap{padding: 0 0.5em; margin-bottom: 1.5em;}
	#pickup-wrap h1{border-left:10px solid #04468E; padding: 0.5em; margin-bottom: 1em; color:#04468E;}	.slick{width:100%; position: relative; padding: 0 2em;}
	.slick a{text-decoration: none;}
	.slick .item-brand{padding: 0 0.5em 0.5em; text-align: center; font-weight:bold;}
	.slick .prev,
	.slick .next{background-color: rgba(255,255,255,0.8); top:30%; font-size:200%; z-index: 999; font-weight:bold; color:#04468E;cursor:pointer;}
	.slick .prev{position: absolute; left:-0.5em; }
	.slick .next{position: absolute; right:-0.5em;}
}


/* ------------------------
 index
------------------------- */
.index .col-sm-4{margin-bottom:1em;}

/* pickup-block */
.index #pickup-wrap{padding-bottom: 0; margin-bottom: 1em;}
.index #pickup-wrap h1{border-left:10px solid #04468E; color:#04468E;}

@media screen and (max-width: 767px){
	.index .slick{padding: 0.5em 0.8em; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
}
@media screen and (min-width: 768px){
	.index .slick{padding: 0.5em 0.8em; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
}


/* ------------------------
 pickup
------------------------- */
@media screen and (max-width: 767px){
	.pickup .sect-item{padding: 0 0.5em}
	.pickup .item-img{display: block; width:100%; margin: 0; padding: 0.5em; border: 1px solid #ccc; text-align: center;}
	.pickup .description{display: block; width:100%; padding-top: 0; font-size:95%;}
		.pickup .item-name{font-weight:bold; font-size:135%; color:#04468E;}
			.pickup .item-name span{display: inline-block;}
			.pickup .item-name .name:before{content:"[";}
			.pickup .item-name .name:after{content:"]";}
			.pickup .item-name .type{padding-left: 0.5em; font-size:75%; font-weight:normal; color:#000;}
		.pickup .item-desc{font-size:105%;}
		.pickup .btn{padding: 1em; margin: 0; text-align: center; }
		.pickup .notes{text-align: right; font-size:85%;}
}
@media screen and (min-width: 768px){
	.pickup .sect-item{padding: 0;}
	.pickup .item-img{display: inline-block; width:45%; margin: 0; padding: 0.5em; border: 1px solid #ccc; text-align: center;}
	.pickup .description{display: inline-block; width:48%; padding-top: 0; font-size:95%;}
		.pickup .item-name{font-weight:bold; font-size:135%; color:#04468E;}
			.pickup .item-name .name:before{content:"[";}
			.pickup .item-name .name:after{content:"]";}
			.pickup .item-name .type{padding-left: 0.5em; font-size:75%; font-weight:normal; color:#000;}
		.pickup .item-desc{font-size:105%;}
		.pickup .btn{padding: 1em; margin: 0; text-align: center;}
		.pickup .btn img{width:100%; height: auto; margin: 0;}
		.pickup .notes{text-align: right; font-size:85%;}
}



/* ------------------------
 choice
------------------------- */



/* ------------------------
 enkin
------------------------- */
.enkin #pagettl{background-color:#4F2915;}
.enkin h2{margin:0 0 1em; font-weight:bold; color:#4E2814;}
.enkin #ordermade li:before{content:"● ";}
.enkin #layout h2{color:#4E2814;}


/* ------------------------
 frame
------------------------- */
.frame-top #main-content{font-size:110%;}
.frame-arossby #pagettl{background-color:#000;}
.frame-sho #pagettl{background-color:#000;}
.frame-sho #line li{text-align:center;}
.frame-sho #line li img{vertical-align:bottom;}
.frame-maomao .catch{color:#E93F93;}


/* ------------------------
 kinousei
------------------------- */
.kinousei-top #main-content li{min-height:25em;}
.kinousei-kids .point-wrap{padding:1em;}


/* ------------------------
 lens
------------------------- */
.lens-remark #shisen #right-left{background-color:#CBE097;}
.lens-remark .item-wrap{background-color:#CBE097;}
.lens-trust .sect-wrap{background-color:#D6C678;}
.lens-trust .sect-wrap li{padding:0.5em; margin-bottom:0.5em; border-bottom:1px solid #999;}


/* ------------------------
 sunglass
------------------------- */



/* ------------------------
 support
------------------------- */



/* ------------------------
 special
------------------------- */
.smprougan .sect-lead{background-color:#9AF1E4;}


/* ------------------------
topics
------------------------- */
.sho-2016 #pagettl{background-color:#000;}
.sho-2016 .page-lead{color:#666;}