@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（PC）
====================================
*/

body { font-size: 1.2rem; }

/* ***** header ***** */
#gg_header { position: fixed; width:100%; padding: 49px 0; background: #fff; z-index: 1000; transition: all .7s cubic-bezier(0.230, 1.000, 0.320, 1.000); }
#gg_header .logo { text-align: center; }
#gg_header .logo img { width:180px; }

#gg_header.fixed { padding: 15px 0; }
#gg_header.fixed .logo img { width:120px; }

/* ***** footer ***** */
.sec_staff { margin-bottom: 50px; text-align: center; }
#gg_footer { padding: 49px 0; }
a.allitem { display: block; width:370px; font-size: 1.6rem; margin: 0 auto 50px; padding: 15px 0; border:solid 1px; font-family: 'RRollieSemiBold'; letter-spacing: 0.03em; text-align: center; text-decoration:none; }
a.allitem:hover,
.topagetop a:hover { opacity: .7; }
.topagetop { width:20px; margin: 0 auto 50px; }



.logo_footer { width:110px; margin: auto auto 30px; }

#gg_footer .txt_copyright { font-size: 1rem; font-family: 'caslon'; text-align: center; }


/* ***** wrapper ***** */
#wrapper { padding-top: 157px; }

.content { padding: 150px 8.3% 200px; }

/* main */
.main { position: relative; overflow: hidden; }

.slider_main,
.sec_main_txt {  opacity: 0; transition: opacity 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); }

.sec_main_txt { position: absolute; bottom: 18%; right:8%; text-align: center; z-index: 100; }

.slider_main.anim,
.sec_main_txt.anim { opacity: 1; }

.txt_season, h1 , .sec_main_txt h2 { font-family: 'RRollieSemiBold'; font-weight: normal; }

.txt_season { margin-bottom: 1.2em; font-size: 2rem; letter-spacing: 0.15em; }
h1 { margin-bottom: .5em; line-height: 120%; font-size: 5rem; letter-spacing: 0.1em; }
.sec_main_txt h2 { font-size: 1.8rem; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; }
.sec_main_txt h2 span { display: block; }
.sec_main_txt h2 .txt_key { position: relative; margin-bottom: .8em; padding-bottom: .7em; }
.sec_main_txt h2 .txt_key::after { content:""; position: absolute; bottom:0; left: 0; right: 0; width:3.5rem; height: 1px; margin: auto; background: #000; }

.sec_staff { }
.sec_staff p { margin-bottom: .8em; font-size: .9rem; font-family: 'caslon'; letter-spacing: 0.04em; }
.sec_staff p:last-child { margin-bottom: 0; }

/* No */
.sec_photo { display: flex; justify-content: space-between; opacity: 0; transition: opacity 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.sec_photo.anim { opacity: 1; }

.sec_photo.reverse { flex-direction: row-reverse; }

.sec_photo:not(:last-child) { margin-bottom: 200px; }

/* photo・text */
.photo,
.text { width:calc(48% - 10px); }

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

.text h2 { display: flex; align-items: flex-start; margin-top: 2.5vw; font-family: 'RRollieSemiBold'; font-size: 5rem; font-weight: normal; letter-spacing: 0.2em; }


.ie .text h2,
.edge .text h2 { margin-top: 1vw; }

.underline { position: relative; top:-.1em; font-size: 2.5rem; border-bottom: 2px solid #000; letter-spacing: normal; }

.ie .underline,
.edge .underline { top:.3em; padding-bottom: .15em; padding-right: .05em; }

.under_txt { position: relative; left: .03em; }

.no { padding-left: .2em; }


.thumb { position: absolute; top:8vw; width:57%; margin: 0 auto; }
.ie .thumb { left: 22%; }

.movie { position: relative; width:100%; padding-bottom: 137.5%; height: 0; /*background: #000;*/ overflow: hidden; }
.movie video { position: absolute; top:0; left: 0; width:100%; height: 100%; vertical-align: bottom; }

/*
.movie,
.thumb img { border:4px solid #000; }
*/

/* クレジット */
.sec_credit { margin-top: 3%; margin-bottom: -.6em; text-align: center; }

.sec_credit p { font-family: 'caslon'; letter-spacing: 0.02em; line-height: 180%; }
.sec_credit p:not(:last-child) { margin-bottom: .3em; }
.sec_credit a:hover { opacity: .7; }

.price,
.brand { padding-left:0.4em; }

.sec_credit a .item { text-decoration: underline; }