@charset "utf-8";

body{width:100%;
	min-width:1200px;}

.bg{width:100%;
	height:100%;
	background:url(../img/bg_fire3.jpg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:fixed; top:0; left:0;
	z-index:-1;}

#checked,.menu-btn,.drawer-menu{display:none;}

#container{width:100%;
	z-index:2;}

.stage_link{position:absolute; top:10px; left:10px;}

.stage_link_btn img:hover{opacity:0.7;}


header{width:100%;
	height:50px;
	overflow:hidden;
	text-align:center;
	background:url(../img/header_bg1.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	border-bottom:rgba(255,255,255,0.30) solid 1px;}

.float_menu{width:100%;
	min-width:1200px;
	height:50px;
	overflow:hidden;
	text-align:center;
	background:url(../img/header_bg1.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	position:fixed; top:0;
	border-bottom:rgba(255,255,255,0.30) solid 1px;
	z-index:9;}

.header_inner{display:inline-block;
	padding:5px 0;}

.menu_btn{float:left;}

.menu_btn:hover{opacity:0.7;}

.main{padding-top:0;}

#pagetop_line{width:100%;
	margin:0 auto;
	background-size:100% 100%;}

.pagetop_line_inner{padding:10px 0;
	text-align:center;}

.pagetop_logo{height:150px;}

.pagetop_logo img{height:100%;}

.spacer10{width:100%;
	height:10px;}

.spacer20{width:100%;
	height:20px;}
	
.spacer30{width:100%;
	height:30px;}	

footer{width:100%;
	padding:20px 0 10px;
	background:rgba(50,50,50,1.00);
	text-align:center;}

.footer_links{color:rgba(237,192,59,1.00);}

.footer_links a{color:rgba(237,192,59,1.00);}

.footer_links a:hover{color:rgba(255,0,4,1.00);}

.sns_link{padding:20px 0;}

.sns_link img{width:40px; margin:0 5px;}

.sns_link img:hover{opacity:0.7;}


.copyright{padding-top:20px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	font-size:12px;}

/* gotop */
.gotop{width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:12px;
	background:rgba(0,0,0,0.80);
	border:rgba(255,255,255,1.00) solid 1px;
	border-radius:5px;
	position:fixed; bottom:10px; right:10px;
	z-index:3;}

.gotop:hover{opacity:0.7;}

.gotop_bar_left{width:21px;
	height:2px;
	position:absolute; top:27px; left:12px;
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background:rgba(255,255,255,1.00);}
	
.gotop_bar_right{width:21px;
	height:2px;
	position:absolute; top:27px; right:12px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background:rgba(255,255,255,1.00);}

.gotop_text{width:60px;
	position:absolute; top:40px;
	text-align:center;}


@media screen and ( max-width:736px )
{
body{min-width:320px;}

.sp_menu{z-index:9;}

.sp_mainlogo{width:100px;
	overflow:hidden;
	position:absolute; top:5px; left:10px;}

.stage_link_sp{width:140px;
	overflow:hidden;
	position:absolute; top:20px; right:10px;}

.stage_link_btn{width:60px;
	padding-right:10px;
	float:left;}

.stage_link_btn img{width:100%;}
	
.stage_link_btn img:hover{opacity:1.0;}
	
header{height:0;
	padding:0;}

.main{padding-top:0;}

.pagetop_line_inner{padding:60px 0 0;
	text-align:center;}

.pagetop_logo{height:0;}
	
.block1{width:95%;
	max-width:400px;
	margin:0 auto;}

footer{padding-bottom:70px;}

.footer_links{font-size:12px;}

.sns_link img:hover{opacity:1.0;}

.gotop:hover{opacity:1.0;}	
}