@charset "utf-8";

/* =base
------------------------------------------------------------------------------------------*/
body {
	text-align: center;
	color: #000;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
	font-size: 16px;
	line-height: 1.5em;;
	height: 100%; background-color:#ffda24; 
}

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

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


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


/* =fade
------------------------------------------------------------------------------------------*/
#js_fade2 {position:fixed; top:0; left:0; width:100%; height:100%;background-color:#fff;background-image:url( ../images/puff.svg ); background-repeat:no-repeat; background-size:60px; background-position:50% 50%; z-index:100;}


/* =teaser
------------------------------------------------------------------------------------------*/
.teaser{ width:90%; margin:0 auto; position:relative;}
.teaser img{ width:100%; }

.teaser h1{ width:80%; margin:0 auto; padding:7.5vw 0 ; line-height: 0; }
.teaser .date{ width:48%; margin:0 auto 3vw;}

.live_pht{ margin-bottom: 3vw; width: 100%; line-height: 0;}
.live_pht img{ width: 100%;}


.sns{}
.sns h2{ font-family:'Oswald'; font-weight:bold; margin-bottom:1vw; font-size:20px; line-height:1em; margin-bottom:2vw;}
.sns h2:after{content:"."; font-size:0; line-height:0; border-bottom:2px solid #000; display:block; width:40px; padding-top:20px; margin:0 auto;}
.sns ul{ display:flex; margin:0 auto; justify-content: center; gap:20px}
.sns li{  width:70px;}
.sns li img{ width:100%;}

small{ padding:3vw 0 6vw 0; display:block; font-family:'Oswald'; font-weight:bold;}

.sp_video{ width:94%; margin:0 auto 3vw;}
.youtube{position:relative;width:100%; margin:0 auto;padding-top:56.25%;}
.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

@media only screen and (max-width: 639px){
	.teaser{  padding:40vw 0 30vw;}

	.teaser h1{ width:100%; padding: 0;  }
	.teaser .date{ width:100%; margin:0 auto;}

	.sns h2{ margin-bottom:1vw; font-size:18px; line-height:1em; margin-bottom:5vw;}
	.sns h2:after{ padding-top:20px; width: 20px;}
	.sns li{  width:60px;}
	
	.live_pht{ margin-bottom: 10vw;}
	
	small{ padding: 15vw 0;}
}

/* =ページトップ
------------------------------------------------------------------------------------------*/
/*
.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:#040424; display:block;border-radius: 50%;height:80px; width:80px; line-height:80px; color:#fff; font-family:'Montserrat'; font-size:12px;}
.page_top a:hover{background-color:#1b3e71; text-decoration:none;}


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

/* =見出し
------------------------------------------------------------------------------------------*/
h1{margin:0;}
h2{margin:0;}
h3{margin:0;}
h4{margin:0;}
h5{margin:0;}

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


/* font
------------------------------------------------------ */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:none;}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible; margin-bottom:0;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading_b.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(../images/controls2.png) no-repeat 0 0;}
		
        #cboxClose{background-position:7px 0; right:-50px; border:0; outline:none;}
        #cboxClose:hover{background-position:-40px 0;}


@media screen and (max-width: 768px) {
#cboxContent{ margin-right:0; margin-bottom:50px;}
#cboxClose{ right:0; top:inherit; bottom:-35px; height: 22px;}
}