@charset "Shift_JIS";

/* テキストリンク */
.linkwht a:link{ color:#FFF;text-decoration:underline;}
.linkwht a:visited{ color:#FFF;text-decoration:underline;}
.linkwht a:active{ color:#FFF;text-decoration:underline;}
.linkwht a:hover{ color:#FFF;text-decoration:underline;}

/* テキストリンク */
.linkbrw a:link{ color:#FFF;text-decoration:underline;}
.linkbrw a:visited{ color:#FFF;text-decoration:underline;}
.linkbrw a:active{ color:#FFF;text-decoration:underline;}
.linkbrw a:hover{ color:#FFF;text-decoration:underline;}

/* clearfix */
.clearfix:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {  
	display: inline-block;  
	min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
}  
.clearfix {  
	display: block;  
}  
/* End hide from IE-Mac */ 


/* 文字のサイズ */
.t25{font-size:25px;line-height:27px;}
.t18{font-size:18px;line-height:20px;}
.t16{font-size:16px;line-height:20px;}
.t15{font-size:15px;line-height:17px;}
.t14{font-size:14px;line-height:18px;}
.t12{font-size:12px;line-height:16px;}
.t10{font-size:10px;line-height:14px;}


#mensmax{
	padding:0 0 3% 0;
	background-size:100%;
	text-align:center;
}
#mensmax img{
	width:100%;
}
/***********************************************
　共通
***********************************************/
/* メニュー */
#mensmax .hcode_nav{
	padding:0 0 3% 1%;
}
.hcode_nav li{
	max-width:235px;
	width:31%;
	margin:0 0 1% 1%;
	display:inline-block;
}
.hcode_nav p{
	margin:2% 0 0 0;
	text-align:right;
}
.hcode_nav p img{
	max-width:55%;
}


/***********************************************
　コーディネート
***********************************************/

/* コーディネート */
#kimono .hcode{
	padding:0 0 3% 0;
	position:relative;
}
.hcode .hcode_info{
	max-width:444px;
	width:60%;
	position:absolute;
	top:7%;
	left:6%;
}
.hcode_info .hcode_item{
	width:90%;
	margin:2% auto;
	padding:2% 0 2% 3%;
	background:rgba(174,116,45,0.5);
	background:#000c20\9;
	border:3px solid #33373d\9;
	color:#FFF;
}
.hcode_item dl{
	width:31.3%;
	margin:2% 2% 2% 0;
	float:left;
}
.hcode_item dt{
	margin:0 0 1% 0;
}
.hcode_item dd{
	padding:0 1%;
}
.hcode_info .code_text{
	max-width:395px;
	width:90%;
	margin:0 auto 2% auto;
}
.hcode_info .itembtn{
	max-width:395px;
	width:90%;
	margin:0 auto;
}

/***********************************************
　商品
***********************************************/
#mensmax .mensmax_item{
	width:100%;
	background:#000;
	padding:2% 0 0 0;
}
.mensmax_item dl{
	width:46%;
	margin:0 0 3% 2%;
	padding:0.5%;
	border:1px solid #000;
	float:left;
	background:#fff;
}
.mensmax_item dt{
	margin:0 0 2% 0;
}
.mensmax_item dd{
	height:70px;
	background:#000;
	text-align:center;
	font-size:14px;
	line-height:16px;
	color:#fff;
	padding:7px 5px ;
}
.mensmax_item dd p{
	color:#fff;
	font-size:12px;
	line-height:16px;
}
.mensmax_item dd strong{
	text-align:center;
	font-size:18px;
	color:#db4807;

#SP_bkpage{
	text-align:right;
	padding:10px;
}
#SP_bkpage a{
	color:#db4807;
}