@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（SP）
==========================================
*/
@media screen and (max-width: 767px) {
body { -webkit-text-size-adjust: 100%; }
#container { position: relative; height: 180vmin; overflow: hidden; }

/* ***** header ***** */
#gg_header { padding: 6.1% 0; }

#gg_header .logo { position: relative; margin: auto; z-index: 9999; }

#gg_header{ width:27%; }

#gg_header .logo img,
#gg_header.fixed .logo img { width:100%; }

#gg_header.fixed { padding: 2% 0; }

#gg_header.fixed { width:20%; }

/* ***** footer ***** */
#gg_footer { padding: 5% 0; }
a.allitem { width:80%; }

/* ***** wrapper ***** */
#wrapper { /*padding-top: 21%;*/ }

/*サムネイル*/
#thumb_content { overflow: hidden; }
.thumb_index { }

.thumb10 { left:0; width: 32%; }

.thumb10_m { display: none; }

.thumb08_m { right: 35.1%; top:28.4vw; width: 19.1%; }
.thumb08 { right:0; top:6.4vw; width:27.7%; }

.thumb05 { left:0; top:69vw; width:25.6%; transform: translateX(-23%); }

.thumb09 { left: auto; right: 0; top:57.5vw; width:30%; transform: translateX(25%); }

.thumb06 { display: none; }
.thumb06_m { left:0; right: auto; top:133.9vw; width:21.4%; transform: translateX(-20%); }

.thumb04 { left: 29.2%; top:116.9vw; width:27.1%; }

.thumb03 { display: none; }
.thumb03_m { left: 65.5%; top:137.1vw; width:22.49%; z-index: 999; }

.thumb07 { right: 0; top:114.4vw; width:20.8%; transform: translateX(15%); }

.thumb02 { display: none; left: 0; right: auto; top:171.6vw; width:38.4%; transform: translate(-15%,0); }

.thumb01 { display: none; right: 0; top:175.67vw; width:32.6%; transform: translate(25%,0); }

.thumb_index a:hover { opacity: .7; }
/*サムネイル*/
#btn_click_to_enter { margin: 0 37.77%; bottom:2.7vw; }



/* main */
.sec_main_txt { top:66vmin; transform: scale(1.1); }



.txt_season { margin-bottom: 1em; font-size: 1.2rem; }
h1 { margin-bottom: .5em; font-size: 2.8rem; line-height: 110%; }
.sec_main_txt h2 { font-size: 1rem; }
.sec_main_txt h2 .txt_key::after { width:2rem; }
.sec_staff { }
.sec_staff p { font-size: .7rem; }





@media screen and (orientation: landscape) {
#container { height: 180vmax; }

/* ***** header ***** */
#gg_header { padding: 2% 0; }

#gg_header { width:20%; }

#gg_header.fixed { padding: 1% 0; }
#gg_header.fixed { width:12%; }

/* main */
.sec_main_txt { top:66vmax; }

#btn_click_to_enter { margin: 0 45%; bottom:1vw; }


.movie { padding-bottom: 139.1%; }

}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
}