@charset "utf-8";

/* =base
------------------------------------------------------------------------------------------*/
*{box-sizing: border-box;}

body {
	text-align: center;
	color: #000;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	background-color:#000;
	font-feature-settings : "palt";
}
html {overflow-y:scroll; height:100%;}

a {color: #dac498;text-decoration: none; outline:none;}
a:hover {color: #E9D8B6;text-decoration: none;}
a:hover img{opacity:0.8;filter: alpha(opacity=80);}


@media only screen and (max-width: 639px){
body{ background:none; background-color:#000;

}
	
}


/* =fade
------------------------------------------------------------------------------------------*/
/*
#js_fade2 {
position:fixed; top:0; left:0; width:100%; height:100%;
background-repeat:no-repeat;
background:url(../images/grid.svg),linear-gradient(to bottom, #8b5c00 0%,#ffe889 50%,#ffe889 52%,#c4932f 100%);
background-color: #c59506;
 background-size:30px,100%;
background-repeat:no-repeat; background-position:50% 50%; z-index:100; 
}
*/


/* =header
------------------------------------------------------------------------------------------*/
header{ width:100%; background-color:#fff; padding:1vw 0 10vw;
    background-image:url(../images/top_bg.jpg); background-repeat: no-repeat; background-position:right top;
    background-size:100%;
 position: relative;
}

header .head_box{ width: 48%; margin: 0 auto 0 4%;}
header .head_box h1{ width:90%; margin:0 auto; line-height:0;}
header .head_box .top_catch{ width:73%; margin: 0 auto; line-height:0;}
header .head_box .guest{  width:100%; margin:-5.5vw auto 0;}
header .head_box img{ width:100%;}
header .ticket_anchor{  width: 94%; display: block; position: absolute; left: 3%; bottom: 2.7vw; line-height:0; text-align:left;}
header .ticket_anchor img{ width:100%;}

header .ticket_anchor2{ max-width: 235px; width: 15%; display: block; position: absolute; right: 1vw; bottom:6.7vw;}
header .ticket_anchor2 img{ width:100%;}

@media only screen and (max-width: 639px){
	
header{ width:100%;  background-color:#000;
    background-image:url(../images/top_bg_sp.jpg); background-repeat: no-repeat;
    background-size: 100%; position:relative; background-position:0 25vw;
    height: inherit; padding:0 0 15px; margin:0;
}

header .head_box{ width:100%; margin:0;}
header .head_box h1{ width:100%; margin:0 auto 65vw; }
header .head_box .guest{ line-height:0; margin:0; margin-left: -30%;}
header .head_box .top_catch{ width:90%;}
header .ticket_anchor{ right: inherit; right: 0; bottom: 0; position:inherit; margin:15px auto 0; left:0;}

header .ticket_anchor2{ right: inherit; right: 5vw; bottom:0; top:106vw; width: 32%;}

header .ticket_anchor img{  margin: 0 auto;}

}

/* =navi CSS
------------------------------------------------------------------------------------------*/

/* =foot
-----------------------------------------------------------------------------------------*/
footer{ width:100%; background-color:#000; color:#fff; text-align:left; border-top:2px solid #d7c296;}

footer .footer_box{ padding:20px 0px 90px;}
footer .footer_box .foot_left{ float:left;}
footer .footer_box .foot_left p{ line-height:1.5em;}
footer .footer_box .foot_right{ float:right; text-align:right;} 
footer .footer_box .foot_right li{ display:inline-block; margin-left:5px;}
footer .footer_box .foot_right img{ height:46px;}

@media only screen and (max-width: 639px){
	
footer{}

footer .footer_box{ padding:10px 10px; }
footer .footer_box .foot_left{ float:none; margin-bottom:10px;}
footer .footer_box .foot_left p{ font-size:12px;}

footer .footer_box .foot_right{ float:none; text-align:center;} 
footer .footer_box .foot_right li{}
footer .footer_box .foot_right img{ height:8vw;}

}

/* =ページトップ
------------------------------------------------------------------------------------------*/
.page_top{text-align: right;margin: 0;  width:80px;  text-align:center;position:fixed; right:30px; bottom:40px;  z-index:10}
.page_top a{background-color:#d7c296; display:block;border-radius: 50%;height:80px; width:80px; line-height:80px; color:#000; font-family: 'Crimson Text', serif;font-size:12px;}
.page_top a:hover{ background-color:#e4cea0;}


@media only screen and (max-width: 639px){
.page_top{ display:none;}
}



/* =clearfix
------------------------------------------------------------------------------------------*/
.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}


/* =video
------------------------------------------------------ */
video#bgvid {
 position: fixed; top: 0; left:0;min-width:100%; min-height:100%; z-index: -100; opacity:0.4;
}

@media only screen and (max-width: 639px){
video#bgvid { display:none;}
}


.pc_only{ display: inline;}
.sp_only{ display:none;}

@media only screen and (max-width: 639px){
.pc_only{ display:none;}
.sp_only{ display:block;}
}