* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
html	{ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #231815; background-color: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: 400; height:100%; }
a:hover img.hov	{ opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #a5a5a5; font-style: normal; text-decoration: none; }
a > img	{ width: 100%; vertical-align:bottom; line-height: 0; }
img	{ -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden; }

/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center;  align-items: center; background-color: #fafbf8; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; }
.loading-block	{ width: 60px; display: flex; justify-content: space-between; }
.circle	{ width: 10px; height: 10px; background-color: #8c5a46; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}

/* ------------ TOP BLUR ------------- */
.sptopcp,
.main-inner,
.topcp	{ opacity: 0; -webkit-transition: all .5s .5s; -o-transition: all .5s .5s; transition: all .5s .5s; }
.sptopcp.inview,
.main-inner.inview,
.topcp.inview	{ opacity: 1; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.topcp	{ opacity: 1; }
}

/* ------------ BLUR ------------- */
.fade	{ opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.fade.scrollin	{ opacity: 1; }

/* ------------ MAIN ------------- */
.mainbg	{ position: fixed; top: 0; left: 0; width: 100%; height:100vh; z-index: 1; display: -webkit-flex; display: flex; overflow: hidden; }
.mainbg::after	{ content:""; position: fixed; top: 0; left: 0; width: 100%; height:100vh; background-color: rgba(0,0,0,.2); }
.mainbg > picture,
.mainbg > picture > img,
.mainbg > img	{ width: 100%; height: 100%; object-fit: cover; }
.main	{ position: fixed; top: 0; left: 0; width: 100%; height:100vh; z-index: 2; }
.main-inner	{ width: 50%; height:100vh; position: relative; }
.main-inner > h1	{ width: 300px; height:116px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; padding: 0; line-height: 1; /* filter: drop-shadow(0px 0px 15px rgba(0,0,0,1)); */ }
.main-inner > h2	{ width: 18px; height:394px; position: absolute; top: 30px; left: 30px; margin: 0; padding: 0; line-height: 1; /* filter: drop-shadow(0px 0px 15px rgba(0,0,0,1)); */ }
.main-inner > h2 img	{ vertical-align:bottom; }
.main-inner > ul	{ width: calc(100% - 30px);  position: absolute; bottom: 30px; left: 30px; margin: 0; padding: 0; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; }
.main-inner > ul > li	{ list-style: none; padding: 0; margin: 0; }
.main-inner > ul > li img	{ vertical-align:bottom; }
.main-inner > ul > li.day	{ width: 262px; /* filter: drop-shadow(0px 0px 15px rgba(0,0,0,1)); */ }
.main-inner > ul > li.icon	{ width: 32px; }
.main-inner > strong	{ position: absolute; top:30px; right:0; width: 142px; }
.main-inner > strong img	{ vertical-align:top; }
.sptopcp	{ display: none; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.main	{ height:100vh; }
	.main-inner	{ display: none; }
	.sptopcp	{ display: block; position: relative; width: 100%; height:100vh; }
	.sptopcp > h1	{ width: 220px; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; padding: 0; line-height: 1; }
	.sptopcp > h2	{ width: 15px; height:335px; position: absolute; top: 25px; right: 12px; margin: 0; padding: 0; line-height: 1; }
	.sptopcp > h2 img	{ vertical-align:bottom; }
	.sptopcp > ul	{ width: calc(100% - 30px);  position: absolute; bottom: 15px; left: 15px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; }
	.sptopcp > ul > li	{ list-style: none; padding: 0; margin: 0; width: 130px; }
	.sptopcp > ul > li:last-child	{ width: 115px; }
	.sptopcp > ul > li img	{ vertical-align:bottom; }
	.sptopcp > strong	{ position: absolute; top:25px; left:15px; width: 127px; }
	.sptopcp > strong img	{ vertical-align:top; }
	.sptopcp > .scroll	{ display: inline-block; width: 40px; height:auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom:-50px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.main-inner > h1	{ width: 150px; height:auto; }
	.main-inner > h2	{ width: 12px; height:auto; top: 15px; left: 15px; }
	.main-inner > strong	{ top:15px; right:0; width: 100px; }
	.main-inner > ul	{ width: calc(100% - 15px); bottom: 15px; left: 15px; }
	.main-inner > ul > li.day	{ width: 180px; }
	.main-inner > ul > li.icon	{ width: 18px; }
}

/* ------------ LINE ------------- */
.linetop	{ width: 6px; height: 60px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top:0; }
.linebottom	{ width: 6px; height: 60px; position: absolute; left: 50%; -webkit-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); bottom:0; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.linetop, 
	.linebottom	{ width: 7px; height: 48px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.linetop, 
	.linebottom	{ width: 4px; height: auto; }
}

/* ------------ CONTENT ------------- */
.content	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; z-index:3; }
.content .content-inner	{ width: 50%; padding: 0; margin: 0; pointer-events: none; pointer-events: auto; z-index:4; }
.content .content-inner .topcp	{ position: relative; width: 100%; height:100vh; padding: 30px; }
.content .content-inner .topcp .wrapper	{ width: 100%; height:100%; border: 1px solid #fafbf8; }
.content .content-inner .topcp .scroll	{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom:0; width: 40px; height:103px; }
.content .content-inner .topcp .title_sub	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 145px; height:180px; /* filter: drop-shadow(0px 0px 15px rgba(0,0,0,1)); */ }
.content .content-inner .topcp .linebottom	{ display: none; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.content .content-inner	{ width: 100%; }
	.content .content-inner .topcp	{ height:430px; padding: 15px; }
	.content .content-inner .topcp .scroll	{ display: none; }
	.content .content-inner .topcp .title_sub	{ width: 107px; height:135px; }
	.content .content-inner .topcp .linebottom	{ display: inline-block;  }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.content .content-inner .topcp	{ padding: 15px; }
	.content .content-inner .topcp .scroll	{ width: 30px; height:auto; }
	.content .content-inner .topcp .title_sub	{ width: 90px; height:auto; }
}

.content .content-inner .second	{ background-color: #fafbf8; padding: 40px; margin: 0 30px; }
.content .content-inner .second img	{ width: 100%; vertical-align: bottom; }
.content .content-inner .second > h3	{ width: 100%; text-align: center; padding: 60px 0 0; margin: 0 0 80px; line-height: 0; }
.content .content-inner .second > h3 > img	{ width: 84px; margin: 0 auto; }
.content .content-inner .second > p	{ width: 100%; line-height: 0 }
.content .content-inner .second > p.cpy	{ max-width: 400px; margin: 0 auto 60px; }
.content .content-inner .second > p.cpn	{ max-width: 100px; margin: 0 auto 20px; }
.content .content-inner .second > p.day	{ max-width: 400px; margin: 0 auto 60px; background: url(../images/cpdayt-pc.svg) center center no-repeat; background-size: contain; height:52px; border: 1px solid #eb7814; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.content .content-inner .second	{ padding: 22px; margin: 0 15px; }
	.content .content-inner .second > h3	{ padding: 53px 0 0; margin: 0 0 60px; }
	.content .content-inner .second > p.day	{ margin: 0 auto 53px; background: url(../images/cpdayt-sp.svg) center center no-repeat; background-size: contain; height:64px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.content .content-inner .second	{ padding: 20px; margin: 0 15px; }
	.content .content-inner .second > h3	{ padding: 30px 0 0; margin: 0 0 40px; }
	.content .content-inner .second > h3 > img	{ width: 60px; margin: 0 auto; }
	.content .content-inner .second > p.cpy	{ margin: 0 auto 30px; }
	.content .content-inner .second > p.cpn	{ margin: 0 auto 10px; }
	.content .content-inner .second > p.day	{ margin: 0 auto 30px; height:40px; border: 1px solid #eb7814; }
}

.content .content-inner .thaad	{ padding: 30px 0; margin: 0 30px; position: relative; }
.content .content-inner .thaad .thaad-inner	{ background-color: #eb7814; padding: 40px; margin: 0; }
.content .content-inner .thaad .thaad-inner > h3	{ width: 100%; text-align: center; padding: 60px 0 0; margin: 0 0 80px; line-height: 0; }
.content .content-inner .thaad .thaad-inner > h3 > img	{ max-width: 230px; margin: 0 auto; }
.content .content-inner .thaad .thaad-inner > ul	{ max-width: 400px; padding: 0; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: space-between; }
.content .content-inner .thaad .thaad-inner > ul > li	{ list-style: none; width: calc(50% - 10px); text-align: center; }
.content .content-inner .thaad .thaad-inner > ul > li > a	{ display: block; width: 100%; height:60px; border: 1px solid #fafbf8; border-radius: 4px; }
.content .content-inner .thaad .thaad-inner > ul > li > span	{ display: block; line-height: 0; padding: 14px 0 0; text-align: center; }
.content .content-inner .thaad .thaad-inner > ul > li > span > img	{ width: 60px; margin: 0 auto; }
.content .content-inner .thaad .thaad-inner > ul > li:first-child > a	{ background: #fafbf8 url(../images/bt01.svg) center center no-repeat; background-size: 190px 60px; }
.content .content-inner .thaad .thaad-inner > ul > li:last-child > a	{ background: #fafbf8 url(../images/bt02.svg) center center no-repeat; background-size: 190px 60px; }
.content .content-inner .thaad .thaad-inner > ul > li:first-child > a:hover	{ background: #eb7814 url(../images/bt01ov.svg) center center no-repeat; background-size: 190px 60px; }
.content .content-inner .thaad .thaad-inner > ul > li:last-child > a:hover	{ background: #eb7814 url(../images/bt02ov.svg) center center no-repeat; background-size: 190px 60px; }
.content .content-inner .thaad .thaad-inner > p	{ padding: 80px 0 0; margin: 0 auto 60px;  width: 100%; max-width: 386px; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.content .content-inner .thaad	{ padding: 15px 0; margin: 0 15px; }
	.content .content-inner .thaad .thaad-inner	{ padding: 22px; }
	.content .content-inner .thaad .thaad-inner > h3	{ padding: 63px 0 0; margin: 0 0 60px; }
	.content .content-inner .thaad .thaad-inner > h3 > img	{ max-width: 213px; }
	.content .content-inner .thaad .thaad-inner > ul > li	{ width: calc(50% - 7px); }
	.content .content-inner .thaad .thaad-inner > ul > li > a	{ height:50px; }
	.content .content-inner .thaad .thaad-inner > ul > li > span	{ padding: 10px 0 0; }
	.content .content-inner .thaad .thaad-inner > ul > li:first-child > a, 
	.content .content-inner .thaad .thaad-inner > ul > li:first-child > a:hover	{ background: #fafbf8 url(../images/bt01.svg) center center no-repeat; background-size: 142px 50px; }
	.content .content-inner .thaad .thaad-inner > ul > li:last-child > a, 
	.content .content-inner .thaad .thaad-inner > ul > li:last-child > a:hover	{ background: #fafbf8 url(../images/bt02.svg) center center no-repeat; background-size: 142px 50px; }
	.content .content-inner .thaad .thaad-inner > p	{ padding: 60px 0 0; margin: 0 auto 64px;max-width: 265px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.content .content-inner .thaad	{ padding: 15px 0; margin: 0 15px; }
	.content .content-inner .thaad .thaad-inner	{ padding: 20px; }
	.content .content-inner .thaad .thaad-inner > h3	{ padding: 30px 0 0; margin: 0 0 40px; }
	.content .content-inner .thaad .thaad-inner > ul > li	{ list-style: none; width: calc(50% - 5px); }
	.content .content-inner .thaad .thaad-inner > ul > li > a	{ height:40px; border-radius: 3px; }
	.content .content-inner .thaad .thaad-inner > ul > li > span	{ padding: 10px 0 0; }
	.content .content-inner .thaad .thaad-inner > ul > li > span > img	{ width: 40px; }
	.content .content-inner .thaad .thaad-inner > ul > li:first-child > a, 
	.content .content-inner .thaad .thaad-inner > ul > li:last-child > a, 
	.content .content-inner .thaad .thaad-inner > ul > li:first-child > a:hover, 
	.content .content-inner .thaad .thaad-inner > ul > li:last-child > a:hover	{ background-size: 74px 14px; }
	.content .content-inner .thaad .thaad-inner > p	{ padding: 40px 0 0; margin: 0 auto 30px; }
}

.content .content-inner .force	{ background-color: #fafbf8; padding: 40px; margin: 0 30px; }
.content .content-inner .force img	{ width: 100%; vertical-align: bottom; }
.content .content-inner .force > h3	{ width: 100%; text-align: center; padding: 60px 0 0; margin: 0 0 75px; line-height: 0; }
.content .content-inner .force > h3 > img	{ width: 54px; margin: 0 auto; }
.content .content-inner .force .bttext	{ color:#231815; margin:0 auto; padding: 0 0 55px; max-width: 425px; text-align:left; }
.content .content-inner .force .bttext a	{ color:#231815; text-decoration: underline; }
.content .content-inner .force .bttext a:hover	{ color:#6d6d6d; }
.content .content-inner .force .bttext > ul	{ margin: 0; padding: 0; list-style: none; }
.content .content-inner .force .bttext > ul > li	{ font-size: 12px; position: relative; padding-left: 1rem; line-height: 24px; }
.content .content-inner .force .bttext > ul > li:before	{ font-size: 12px; position: absolute; top: -1px; left: .2rem; content: "\2022"; }
.content .content-inner .force .bttext > ul.triangle	{ margin-left: 10px; }
.content .content-inner .force .bttext > ul.triangle > li:before	{ font-size: 12px; position: absolute; top: -1px; left: .2rem; content: "▼"; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.content .content-inner .force	{ padding: 22px; margin: 0 15px; }
	.content .content-inner .force > h3	{ padding: 52px 0 0; margin: 0 0 57px; }
	.content .content-inner .force .bttext	{ padding: 0 0 50px; }
	.content .content-inner .force .bttext > ul > li	{ font-size: 10px; line-height: 20px; }
	.content .content-inner .force .bttext > ul > li:before	{ font-size: 10px; }
	.content .content-inner .force .bttext > ul.triangle > li:before	{ font-size: 10px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.content .content-inner .force	{ padding: 20px; margin: 0 15px; }
	.content .content-inner .force > h3	{ padding: 30px 0 0; margin: 0 0 37px; }
	.content .content-inner .force > h3 > img	{ width: 30px; margin: 0 auto; }
	.content .content-inner .force .bttext	{ padding: 0 0 28px; }
	.content .content-inner .force .bttext > ul > li	{ font-size: 10px; line-height: 18px; }
	.content .content-inner .force .bttext > ul > li:before	{ font-size: 10px; }
	.content .content-inner .force .bttext > ul.triangle	{ margin-left: 10px; }
	.content .content-inner .force .bttext > ul.triangle > li:before	{ font-size: 10px; }
}

/* ------------ FT WRAPPER ------------- */
.ftwrapper	{ position: relative; }
.ftwrapper a	{ vertical-align:bottom; line-height: 0; }
.ftwrapper a.gotop	{ display: block; width: 14px; height:150px; position: absolute; right:30px; bottom:0; line-height: 0; }
.ftwrapper a.gotop > img	{ vertical-align:bottom; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.ftwrapper a.gotop	{ width: 12px; height:auto; right:15px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.ftwrapper a.gotop	{ width: 10px; height:auto; right:15px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; position: relative; }
.bottomoval .linetop	{ width: 6px; height: 60px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top:0; }
.bottomoval .wrapper	{ width: 100%; margin: 0 auto; text-align: center; padding: 120px 0 0; }
.bottomoval .wrapper h2	{ margin: 0 auto 75px; max-width: 60px; display: block; }
.bottomoval .wrapper h2 img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.itemBrandWac	{ margin:0 auto; max-width: 480px; padding: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemBrandColumn	{ width: calc(100% / 5); padding: 7px 1.1%; }
.itemBrandColumn img	{ width: 100%; vertical-align:bottom; line-height: 0; }
@media (orientation: portrait) and (max-width: 980px)	{ 
	.bottomoval .linetop	{ width: 7px; height: 48px; }
	.bottomoval .wrapper	{ padding: 78px 0 17px; margin: 0 18px; width: auto; }
	.bottomoval .wrapper h2	{ margin: 0 auto 58px; max-width: 56px; }
	.itemBrandWac	{ margin:0 auto; padding: 0 6px; }
	.itemBrandColumn	{ width: calc(100% / 4); padding: 3px 6px; }
}

/* ------------ GOEC ------------- */
.lttett	{ position: relative; text-align: center; padding: 105px 0 120px; }
.lttett img	{ width: 200px; vertical-align:bottom; line-height: 0; margin: 0 auto; }
.lttett a img	{ opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; }
.lttett a:hover img	{ opacity: .6; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	.lttett	{ padding: 44px 0 79px; }
	.lttett img	{ width: 172px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	.lttett	{ padding: 55px 0 75px; }
	.lttett img	{ width: 172px; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; position: relative; }
footer .footer-inner	{ margin: 0 auto; padding: 0 0 30px; box-sizing: border-box; line-height: 0; }
footer .footer-inner small	{ color:#fff; font-size: 10px; }
@media (orientation: portrait) and (max-width: 767px)	{ 
	footer .footer-inner small	{ font-size: 9px; }
}
@media (orientation: landscape) and (max-height: 490px)	{ 
	footer .footer-inner small	{ font-size: 9px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 980px)	{ .pconly { display: none!important; } }
@media (min-width: 981px)	{ .pconly { display: block; } }
@media (max-width: 980px)	{ .sponly { display: block; } }
@media (min-width: 981px)	{ .sponly { display: none!important; } }

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }