@charset "UTF-8";

/*
======== table of content. ===============

summary:ワイヤーフレーム要素

==========================================
*/
	
@media screen and (max-width: 767px) {

html,body { height: 100%; }
.forsp { display:block; }
.forpc { display:none; }
.forpc_inline { display: none; }
.onlysp { opacity: 1; height: inherit; }

#wrapper { width:auto; overflow-x:hidden; }

#logo { top: 25%; left: 8.1%; width:20.46%; }

h1 { position: static; padding: 15.6% 0; -webkit-transform: translate(0, 0); /* Safari用 */transform: translate(0, 0); font-size: 8vw; letter-spacing: 0.01em; }

h1 span { font-size: 3vw; letter-spacing: 0.02em; }

.sec_half#sec_11 { flex-direction: column; }    
.sec_half#sec_11 .sec_col_half { width: 100%; }
    
/*アニメーション*/
.sec_wide,
.sec_left,
.sec_right,
.sec_half,
#sec_slope { filter: blur(3px); transition: filter 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000),opacity 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000),transform 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.sec_credit { display: none; }

.logo_last { width:20%; }

.logo_last { margin-bottom: 2%; }
.txt_season { font-size: 2vw; margin-bottom: 1.5%; }
.txt_staff { line-height: 95%; }
.txt_staff p { font-size: 7px; letter-spacing: 0.03em; }


.more{
	position:absolute;
    left: 0.1%;
    bottom: 0;
	display:inline-block;
	bottom:0.5%;
	width:32px;
	height:32px;
	border:1px solid #fff;
	transform:scale(0.5);
	cursor:pointer;
	transition: opacity .7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	visibility: visible;
	z-index: 5;
}
.more::before{
	content:"";
	position:absolute;
	display:inline-block;
	top:4px;
	left:16px;
	width:1px;
	height:24px;
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
	transform:rotate(45deg);
}
.more::after{
	content:"";
	position:absolute;
	display:inline-block;
	top:4px;
	left:16px;
	width:1px;
	height:24px;
	border:0;
	margin:0;
	padding:0;
	background-color:#fff;
	transform:rotate(-45deg);
}
    
.more{
	transform:scale(0.4);
}    

.more:hover { opacity: .7; }
.more.deactive { opacity: 0; visibility: hidden; }

#sec_06 .more { top:0.5%; bottom: auto; }

.vbox-inline img { margin-bottom: 0.5em; }
.vbox-inline .close { display: none; }
.vbox-inline p { font-family: "Gotham A", "Gotham B"; font-style: normal; font-size: 1rem; padding-left: 1em; padding-right: 1em; }
.vbox-inline p  a { display: block; padding-bottom: 0.3em; }
.vbox-inline p:last-child { padding-bottom: 1em; }   
    
.vbox-overlay .credit a { color:#000; text-decoration: none; }
    
.vbox-next, .vbox-prev { display: none!important; }  

}

@media screen and (orientation: landscape) {
}


@media screen and (max-width:320px) {
}