@charset "UTF-8";

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


/* ***** header ***** */
#gg_header { padding: 6.1% 0; }
#gg_header .logo { width:27%; margin: auto; }
#gg_header .logo img,
#gg_header.fixed .logo img { width:100%; }

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

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

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

.content { padding: 24% 5.4% 20%; }

/* main */
.sec_main_txt { position: absolute; bottom: 8%; right:0; left: 0; margin-left: auto; margin-right: auto; }


.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; }


/* No */
.sec_photo,
.sec_photo.reverse { flex-direction: column; }
.sec_photo:not(:last-child) { margin-bottom: 37.5%; }

/* photo・text */
.photo,
.text { width:100%; }

/* text */
.text { display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0 2%; }

.text h2 { order: 1; margin: 7.2% auto 6%; font-size: 3rem; letter-spacing: 0.1em; }
.underline { font-size: 1.5rem; border-bottom-width: 1px; }


.thumb { order: 3; position: static; width:52%; }

.movie { padding-bottom: 138%; }
.movie video { width: 100%; height: 100%; }

/*
.movie,
.thumb img { border-width: 2px; }
*/

/* クレジット */
.sec_credit { order: 2; margin-top: 0; margin-bottom:12%; }
.sec_credit p { font-size: 1rem; }



@media screen and (orientation: landscape) {
/* ***** header ***** */
#gg_header { padding: 2% 0; }
#gg_header .logo { width:20%; }

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

#wrapper { padding-top: 10%; }

.movie { padding-bottom: 139.1%; }

}
	
}


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