/*-------------------------------------
■ reset
-------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}mark{font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;padding:0}input,select{vertical-align: middle}img{vertical-align:top;font-size:0;line-height:0}th{text-align:left}iframe{vertical-align:bottom}video{display:block}strong{font-weight:bold}
/*-------------------------------------
■ common
-------------------------------------*/
body{color:#fff;font-family:'メイリオ', Meiryo,sans-serif;font-size:14px;background:#000 url(../img/bg.jpg) repeat center top;}
ins,mark{background:#ff9;color:#000}
p{line-height:1.7}
img{width:auto;max-width:100%;height:auto}
hr{margin:1em 0;border-top:1px solid #ccc}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none;overflow:hidden;outline:none;color:#ac7918}
a:hover{text-decoration:none;color:#c4902e}
input,textarea,select,textarea,button{outline:none;border-radius:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.clear{clear:both}
.clearfix{zoom:100%}
.clearfix:after{content:"";clear:both;display:block}
.f_10{font-size:72%}.f_12{font-size:86%}.f_13{font-size:93%}.f_14{font-size:100%}.f_16{font-size:115%}.f_18{font-size:129%}.f_20{font-size:143%}
.i_100 img,img.w_100{width:100%;height:auto}
.box{-webkit-box-sizing:border-box;box-sizing:border-box}
.sp_cts{display:none}

article{
	position:relative;
}

.container{

}

header,
.container,
footer{
	min-width:1200px
}

.content{
	margin:0 auto;
	width:1000px;
}
.header,
.pan p,
.f_menu ul,
.f_inner{
	margin:0 auto;
	width:1200px;
}

/*-------------------------------------
■ header
-------------------------------------*/
header{
	position:fixed;
	width:100%;
	height:70px;
	background:#000;
	border-bottom:1px solid #644600;
	z-index:1000;
}

.header{
}
.h_logo{
	width:195px;
	float:left;
}
.h_logo a{
	display:block;
}


/* menu
-------------------------------------*/
.h_menu{
	float:right;
}
.h_menu li{
	float:left;
	border-right:1px solid #644600;
}
.h_menu li:first-child{
	border-left:1px solid #644600;
}
.h_menu li a{
	display:block;
	width:160px;
	height:70px;
	text-align:center;
	padding:15px 5px;
	position:relative;
}

.h_menu li a span{
	display:block;
	transition:color .3s;
}
.h_menu li a span.ml_b{
	margin-top:5px;
	font-family:"Times New Roman";
	color:#e6a71e;
	font-size:16px;
	font-weight:bold;
}
.h_menu li a:hover span.ml_b{
	color:#ffc64b
}
.h_menu li a span.ml_s{
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
}



/*-------------------------------------
■ content
-------------------------------------*/
.container{
	padding:71px 0 100px;
}

.pan{
	background:#2d0000;
}
.pan p{
	padding:5px 0;
	font-size:13px;
	color:#e8b23e;
}
.pan p a,
.pan p span{
	padding:0 10px;
}
.pan p span{
	color:#e8b23e;
}

.txt_cts{
	padding:20px;
	background:rgba(0,0,0,.5)
}

.tc_inner p{
	padding:0 20px;
	line-height:2;
	color:#ccc;
}

.info_box{
	padding:15px 25px;
	border:1px solid #796037;
	background:rgba(102,102,51,0.15);
}


/* title */
.tc_title{
	margin-bottom:35px;
	text-align:center;
	position:relative;
}
.tc_title:before,
.tc_title:after{
	content:"";
	position:absolute;
	top:8px;
	width:calc(50% - 120px);
	height:1px;
	background:#e6a71e;
}
.tc_title:before{
	left:0;
}
.tc_title:after{
	right:0;
}

.tct_b{
	display:inline-block;
	width:230px;
	height:18px;
	font-family:"Times New Roman";
	font-size:18px;
	font-weight:bold;
	color:#e6a71e;
}
.tct_s{
	padding:5px 0;
	display:block;
	font-size:12px;
	color:#e6a71e;
}


.p_title{
	margin-bottom:30px;
	position:relative;
	text-align:center;
}
.p_title:after{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:5px;
	background:#ac7918;
}
.pt_b{
	position:relative;
	display:inline-block;
	height:100px;
	line-height:100px;
	font-family:"Times New Roman";
	color:#e8b23e;
	font-size:30px;
	font-weight:bold;
}
.pt_b:after,
.pt_b:before{
	content:"";
	position:absolute;
	top:50%;
	margin-top:-2px;
	width:8px;
	height:4px;
	background:#ac7918;
}
.pt_b:after{
	left:-30px;
}
.pt_b:before{
	right:-30px;
}

.pt_s{
	position:absolute;
	left:0;
	right:0;
	bottom:5px;
	margin:0 auto;
	display:block;
	color:#e8b23e;
}

.s_title{
	position:relative;
	text-align:center;
	font-family:"Times New Roman";
	color:#e8b23e;
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
}
.s_title:after,
.s_title:before{
	content:"";
	position:absolute;
	border-bottom:3px double #735111;
	top:50%;
	width:calc(50% - 80px);
	margin-top:-3px;
	display:block;
}
.s_title:after{
	left:0;
}
.s_title:before{
	right:0;
}

.ss_title{
	padding-bottom:10px;
	text-align:center;
	font-family:"Times New Roman";
	color:#e8b23e;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:3px double #514126;
}

.j_title{
	margin-bottom:20px;
	font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	color:#f3e2bf;
	text-align:center;
	font-size:35px;
	font-weight:bold;
	position:relative;
	letter-spacing:1px;
}



/* girls
-------------------------------------*/
.cast_box li{
	float:left;
	width:25%;
}
.cast_box li a{
	position:relative;
	display:block;
	overflow:hidden;
	background:#000;
}

.cb_img{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
/*
	transition:transform .3s , opacity .3s;
*/
}
/*
.cast_box li a:hover .cb_img{
	opacity:.8;
	transform:scale(1.3) rotateZ(6deg);
}
*/
.cb_img img{
	width:100%;
	height:auto;
}

.cb_name{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:5px;
	color:#ffd57b;
	text-align:center;
	background:rgba(0,0,0,.5);
	transition:color .3s;
}
.cb_name span{
	margin-left:5px;
	font-size:12px;
}

.cast_box li a:hover .cb_name{
	color:#ffe09c;
}



/* icon */



/*-------------------------------------
■ footer
-------------------------------------*/
footer{
	background:#000;
}

.f_menu,
.f_info{
	padding:50px 10px;
	text-align:center;
}
.f_menu ul li{
	display:inline-block;
	margin:0 15px;
}

.f_logo{
	display:block;
	width:200px;
	margin:0 auto;
}

.f_info{
	color:#ccc;
}
.f_info a{
	display:block;
	width:150px;
	height:30px;
	line-height:30px;
	margin:0 auto 10px;
	border-radius:4px;
	color:#fff;
	background:#ac7918;
	transition:background .3s;
}
.f_info a:hover{
	background:#c4902e;
}

footer small{
	display:block;
	padding:0 10px 20px;
	text-align:center;
	color:#666;
	font-size:12px;
}









@media screen and (max-width:767px){
	.pc_cts{display:none}
	.sp_cts{display:block}

	header,
	.container,
	footer{
		min-width:100%;
	}
	.header,
	.content,
	.f_menu ul,
	.f_inner{
		width:100%
	}

/*-------------------------------------
■ header
-------------------------------------*/
	header{
		height:60px;
	}

	.h_logo{
		margin:0 auto;
		float:none;
		width:150px;
	}
	.h_logo a{
		padding-top:4px;
	}


/* menu
-------------------------------------*/
/* menu button ////////////////////////////////////////////*/
	.gnav_menuBtn{
		position:absolute;
		right:0;
		top:0;
		width:60px;
		height:60px;
	}
	.gnav_menuBtn button{
		position:relative;
		width:100%;
		height:100%;
		border:0;
		background:#250404;
		padding:0;
	}

	#drawer_hamburger_icon{
		display:block;
		position:absolute;
		top:15px;
		left:0;
		right:0;
		margin:0 auto;
		width:30px;
		height:1px;
		background:#e6a71e;
		transition:.2s
	}
	#drawer_hamburger_icon:before,
	#drawer_hamburger_icon:after{
		content:"";
		display:block;
		position:absolute;
		top:20px;
		left:0;
		width:30px;
		height:1px;
		background:#e6a71e;
		transition:.3s
	}

	#drawer_hamburger_icon:after{margin-top:-11px}
	#drawer_hamburger_icon:before{margin-top:-2px}

	#gnav_btn .active{background:#000}
	#drawer_btn_wrap .closed{background:transparent}
	#drawer_btn_wrap .closed:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-11px;background:#fff}
	#drawer_btn_wrap .closed:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#fff}

	.sp_mt{
		position:absolute;
		left:0;
		right:0;
		bottom:5px;
		line-height:1;
		font-weight:bold;
		font-family:"Times New Roman";
		color:#e6a71e;
	}
/* menu content ////////////////////////////////////////////*/
	.sp_h_menu{
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100%;
		padding:60px 0 0;
		background:rgba(0,0,0,.8);
		transform:translateX(0);
		transition:transform .3s;
		z-index:900;
	}
	.shm_open{
		overflow:auto;
		transform:translateX(-100%)
	}
	.sp_h_menu .h_menu{
		float:none;
	}
	.sp_h_menu .h_menu li{
		float:none;
		border:0;
		border-bottom:1px solid #644600;
	}
	.sp_h_menu .h_menu li a{
		width:100%;
	}










/*-------------------------------------
■ content
-------------------------------------*/
	.container{
		padding-top:60px;
		padding-bottom:40px;
	}

	.txt_cts{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	.tc_inner p{
		padding:0;
		font-size:13px;
	}


	.pan p{
		margin:0 auto;
		width:95%;
		font-size:12px;
	}

	.info_box{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding:15px 20px;
	}

/* title */
	.p_title{
		margin-bottom:25px;
	}
	.p_title:after{
		display:none
	}
	.pt_b{
		height:80px;
		line-height:80px;
		font-size:20px;
	}
	.pt_s{
		font-size:12px;
	}

	.s_title{
		font-size:20px;
	}

	.ss_title{
		font-size:16px;
	}

	.j_title{
		font-size:22px;
	}



/* girls
-------------------------------------*/
	.cast_box li{
		width:33.3333333333333%;
	}



/* icon */



/*-------------------------------------
■ footer
-------------------------------------*/
	.f_menu{
		padding-top:20px;
	}
	.f_menu_title{
		margin-bottom:15px;
		font-family:"Times New Roman";
		color:#e6a71e;
		font-size:20px;
		font-weight:bold;
	}
	.f_menu ul li{
		display:block;
		margin:0;
		border-bottom:1px solid #644600;
	}
	.f_menu ul li:first-child{
		border-top:1px solid #644600;
	}
	.f_menu ul li a{
		padding:15px 0;
		display:block;
	}

	.f_info{
		padding:50px;
	}
}