@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:#AA8D53;text-decoration:underline;}
.linkbrw a:visited{ color:#AA8D53;text-decoration:underline;}
.linkbrw a:active{ color:#AA8D53;text-decoration:underline;}
.linkbrw a:hover{ color:#AA8D53;text-decoration:underline;}


.Special_main img{
	width:100%;
}
.Special_main a:hover img{
	opacity:1.0;
}

/* 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;}


/***********************************************
　ベース
***********************************************/

.Special_main{
	background:#FFF;
	color:#000;
	font-size:12px;
	line-height:16px;
	border-collapse:collapse;
	overflow:hidden;
}
.hcode strong{
	color:#FFF;
}
.halloween{
	background:url(/special/img/halloween/bk_halloween.gif);
	background-size:100%;
	text-align:center;
}
/***********************************************
　共通
***********************************************/
/* メニュー */
.halloween .h_nav{
	padding:3% 1% 3%;
}
.h_nav ul{
	width:100%;
	font-size:0;
}
.h_nav li{
	max-width:260px;
	width:30%;
	margin:0 1% 2%;
	display:inline-block;
}
.h_nav li img{
	width:100%;
}
.h_nav p{
	margin:3% 0;
	text-align:right;
}
.h_nav p img{
	max-width:350px;
	width:100%;
}


/***********************************************
　コンテンツ
***********************************************/

/* コーディネート */
.halloween .hcode{
	position:relative;
}
.hcode .hcode_info{
	max-width:444px;
	width:60%;
	position:absolute;
	top:7%;
	left:6%;
}
.hcode_info .hcode_item{
	width:86%;
	margin:2% auto;
	padding:2%;
	background:rgba(174,116,45,0.5);
	background:#000c20\9;
	border:3px solid #33373d\9;
	color:#FFF;
}
.hcode_item dl{
	width:32.3%;
	margin:0 1% 0 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:85%;
	margin:0 auto 2% auto;
}
.hcode_info .itembtn{
	max-width:395px;
	width:85%;
	margin:0 auto;
}
#SP_bkpage{
	text-align:right;
	padding:10px;
}
#SP_bkpage a{
	color:#FFFFFF;
}


/***********************************************
　セール
***********************************************/
.witch-sale{
	background:url(/special/img/halloween/witch_cos.png)no-repeat;
	background-size:100%;
	height:250px;
	margin-bottom:10px;
	padding:16% 0 0 0;
}

.pirate_devil-sale{
	background:url(/special/img/halloween/other_cos.png)no-repeat;
	background-size:100%;
	height:250px;
	margin-bottom:10px;
	padding:16% 0 0 0;
}

.marchen_cos-sale{
	background:url(/special/img/halloween/marchen_cos.png)no-repeat;
	background-size:100%;
	height:250px;
	margin-bottom:10px;
	padding:16% 0 0 0;
}

.halloween .hallo_item2{
	width:48%;
	background:#FFF;
	padding:2% 2% 0 1%;
	margin:0 auto 3% 46%;
}

.hallo_item2 dl{
	width:48%;
	margin:0 0 3% 2%;
	float:left;
}
.hallo_item2 dt{
	margin:0 0 1.5% 0;
	border:3px solid #aa8d53;
}
.hallo_item2 dd{
	height:45px;
}