@charset "utf-8";

/* clearfix */
/* ---------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.for_sp{
	display:none;
}
@media screen and (max-width: 767px) {
	.for_sp{
		display:block;
	}
	.for_pc{
		display:none;
	}
}




/* layout */
/* ---------------------------------------------------------------------------------- */
.wrap{
 background:#000;
 position:relative;
}

header #gnavbtn img{
	width:50px;
	height:50px;
	padding:0;
	margin:0;
	line-height:0;
}


#scroll{
	position:fixed;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.7);
	width:100%;
	clear:both;
	text-align:center;
	padding:0 5%;
	opacity:1;
	z-index:300;
}
#scroll a{
	display:block;
	width:100%;
}

#scroll.scroll-hide {
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
opacity: 0;
}
#scroll.scroll-hide a{
	pointer-events: none;
}










/* middle */
/* ---------------------------------------------------------------------------------- */


.subnavi{
	background:#000000;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 14px;
	font-size: 1.4rem;
	z-index: 125;
	position: relative;
}
.subnavi ul{
	width:90%;
	max-width:442px;
	margin-left:auto;
	margin-right:auto;
}
.subnavi li{
	display:inline-block;
	position:relative;
	width:50%;
	text-align:center;
	line-height:1;
	color: rgba(255, 255, 255, 0.5);
}
.subnavi li.active span:after {
	display: block;
	content: '';
	background: #333;
	width: 6em;
	height: 1px;
	position: absolute;
	bottom: -1em;
	left:0;
	right:0;
	margin:auto;
	}
.subnavi a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:2em 0;
	line-height:1;
}

.subnavi a:hover{
	color: rgba(255, 255, 255, 0.5);
}
.subnavi li span{
	border-left:solid 1px #FFFFFF;
	display:block;
}
.subnavi li:last-child span{
	border-right:solid 1px #FFFFFF;
}