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


/* ================= font ====================== */

@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300,100);

/* ============================================= */



body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#191919;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
}


a{ color:#000;}


#topcontrol{
	z-index:100;
}


.fl{float:left;}
.fr{float:right;}



.pcview{ display:block;}
.pcview02{ display:block;}
.mbview{ display:none;}
.mbview02{ display:none;}




@media screen and (max-width: 768px) {
.pcview02{ display:none;}
.mbview02{ display:block;}
}

@media screen and (max-width: 519px) {
.pcview{ display:none;}
.mbview{ display:block;}
}


.ie8 body{
	min-width:1000px;
}

.fl{float:left;}
.fr{float:right;}

/* scrolltopcontrol アイコン */
#topcontrol:hover{
}


/* -----------------------------------------
                   Header 
   ----------------------------------------- */

header{
	width:100%;
	position:relative;
}
.mainimg{
	position:relative;
	width:100%;
	z-index:1;
}



.read{
	width:85%;
	max-width:1100px;
	margin:0 auto;
	padding:70px 0;
}
.read h2{
	width:100%;
	text-align:center;
	font-size:2.0em;
	margin:0 auto;
}
.read h3{
	width:100%;
	text-align:left;
	font-size:1.2em;
	margin:0 auto;
	margin-top:1.5em;
	line-height:1.9;
}


@media only screen and (max-width: 567px) {
.read{padding:10% 0;}
.read h2{font-size:1.7em;}
.read h3{font-size:1.1em;line-height:1.8;}
}

@media only screen and (max-width: 360px) {
.read h2{font-size:1.5em;}
.read h3{font-size:1.05em;}
}



/* -------- PHOTO ---------- */

.photoset{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.photoset ul{
	width:100.3%;
}
.photoset ul li{
	width:33.033333333%;
	margin-bottom:0.3%;
	margin-right:0.3%;
	float:left;
}


@media only screen and (max-width: 768px) {
.photoset ul li{
	width:49.7%;
	margin-bottom:0.3%;
	margin-right:0.3%;
	float:left;
}
}

@media only screen and (max-width: 567px) {
.photoset ul li{
	width:100%;
	margin-bottom:3px;
}
}


.subtitle{
	width:100%;
	padding:75px 0 20px 0;
}
.subtitle h3{
	font-family: 'Roboto', sans-serif;
	font-size:3.0em;
	font-weight:500;
	line-height:1;
}
.subtitle h4{
	font-size:1.2em;
	line-height:1;
	margin-top:0.7em;
}


@media only screen and (max-width: 567px) {
.subtitle{
	padding:13% 0 7% 0;
}
.subtitle h3{
	font-size:2.5em;
}
.subtitle h4{
	font-size:1.0em;
}

}





/* -------- ITEM ---------- */

.itemset{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	padding-bottom:80px;
	text-align:left;
}
.itemset ul{
	font-size:0;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCC;
	padding-bottom:50px;
	margin-top:30px;
}
.itemset ul.lastline{
	border-bottom:none;
	padding-bottom:5px;
}
.itemset ul li{
	width:50%;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}
.itemset ul li h2{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.6em;
	width:100%;
	line-height:1.3;
	height:2.6em;
	vertical-align:bottom;
	position:relative;
	display:table;
}
.itemset ul li h2 span{
	vertical-align:bottom;
	display:table-cell;
	position:relative;
}
.itemset ul li h3{
	font-size:0.9em;
	width:100%;
}


.itemleft{
	width:50%;
	font-size:12px;
	display:inline-block;
}
.itemright{
	width:50%;
	font-size:12px;
	display:inline-block;
}
.itemcenter{
	width:100%;
	font-size:12px;
}

.itemleft img,
.itemright img,
.itemcenter img{
	width:150px;
	margin:0 auto;
}

.itemset ul li .spec{
	width:150px;
	text-align:left;
	margin:0 auto;
}
.spec hr{
	height:0px;
	border:none;
	border-top:2px solid #000;
	margin:5px 0 5px 0;
	width: 18px;
	text-align:left;
}
.spec .sex{
	height:25px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1.5em;
	line-height:1;
}



.spec .buy{
	width:100%;
}
.spec .buy a{
	width:100%;
	display:block;
	background:#000;
	text-align:center;
	margin-top:5px;
	color:#FFF;	
	line-height:1;
	padding:7px 0 8px 0;
}



.buy a{
	transition: background-color 0.15s linear;
	-webkit-transition: background-color 0.15s linear;
}
.men a:hover{ background-color: #555;}
.women a:hover{ background-color: #F27076;}
.unisex a:hover{ background-color:#B3B3B3;}


.note03{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	margin-top:0.2em;
	text-align:left;	
}

.itemcopy{
	text-align:left;
	margin:0 auto;
	margin-top:20px;
	font-size:12px;
	width:90%;
}


.itemset ul li .medi{
	font-size:0.8em;
	border:1px solid #CCC;
	line-height:1;
	padding:0.2em;
	display:inline-block;
}

.itemset ul li .nomedi{
	line-height:1;
	padding:0.75em;
}

.note03{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	margin-top:0.2em;
	text-align:left;
	font-size:0.9em;
}

.mbmini{
	display:none;
}

@media only screen and (max-width: 950px) {
	
.itemset{
	width:95%;
}
.itemleft img,
.itemright img,
.itemcenter img{
	width:130px;
}

.itemset ul li .spec{
	width:130px;
}
	
}

@media only screen and (max-width: 768px) {
	
.itemset{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	padding-bottom:50px;
	text-align:left;
}
.itemset ul{
	font-size:0;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:none;
	padding-bottom:0;
	margin-top:0;
}

.itemset ul li{
	width:100%;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
}

.itemleft img,
.itemright img{
	width:60%;
}
.itemcenter img{
	width:30%;
}
.itemset ul li .spec{
	width:60%;
}
.itemset ul li .itemcenter .spec{
	width:30%;
}
}


@media only screen and (max-width: 567px) {
.itemleft img,
.itemright img{
	width:70%;
}
.itemcenter img{
	width:35%;
}
.itemset ul li .spec{
	width:70%;
}
.itemset ul li .itemcenter .spec{
	width:35%;
}
}

@media only screen and (max-width: 400px) {
.spec .sex{
	height:20px;
	font-size:1.35em;
}
.itemset ul li h2{
	font-size:1.5em;
}
.itemset ul li h3{
	font-size:0.85em;
}
.mbmini{
	display:block;
}

}


.over a:hover img {
	filter:alpha(opacity=60); 
	-moz-opacity:0.60;
	-khtml-opacity: 0.6;
	opacity:0.60
}





/* -----------------------------------------
                   Clearfix 
   ----------------------------------------- */

ul:after,
.itemset ul li .fade:after,
.culumn:after,
.schedule .round:after,
.itemset ul li:after,
itemset:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}