* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
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: #000; background-color: #000; font-family: 'Noto Serif JP', 'HiraMinProN-W6', 'ヒラギノ明朝 ProN W6', 'HiraKakuProN-W6', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: 400; }
.spConInner	{ margin: 0 auto; box-sizing: border-box; }
@media (max-width: 979px)	{ .spConcontainer { width: 100%; margin: 0; padding:0; } }
@media (min-width: 980px)	{ .spConInner { max-width: 1480px; } }
.img-responsive	{ display: block; height: auto; max-width: 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; }
.img-responsive	{ display: block; height: auto; max-width: 100%; }
img { -ms-interpolation-mode: bicubic; backface-visibility: hidden; }
.fadein {
    opacity : 0;
    transform : translate(0, 20px);
    transition:all 2s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeintitle	{  animation-name: fadein; animation-duration: 2s; animation-iteration-count: 1; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(0); }
	to	{ opacity: 1; transform: translateY(0); }
}


/* ------------ MAIN ------------- */
.mainVisual	{ position: fixed; top: 0px; left: 0px; width: 100%; height:100vh; padding: 0; z-index:-1; background: url(../images/main_pc.jpg) center top no-repeat; background-size: cover; }
.mainVisualimg	{ width: 100%; box-sizing: border-box;  }
@media (max-width: 767px), (max-width: 813px) and (max-height: 376px)	{ 
	.mainVisual	{ height:100vh; background: url(../images/main_sp.jpg) center top no-repeat; background-size: cover; }
}
@media (max-height: 630px) and (orientation: landscape) {
	.mainVisual	{ height:100vh; background: url(../images/main_pc.jpg) center top no-repeat; background-size: cover; }
}

/* ------------ TITLE ------------- */
.mainTitle	{ width: 100%; height:100vh; }
.mainTitle .wrapper	{ width: 100%; height:100vh; position: relative; text-align: center; }
.mainTitle .wrapper h1	{ display:block; width: 100%; max-width: 420px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.mainTitle .wrapper h1 img	{ width: 100%; }
.mainTitle .wrapper p	{ position: absolute; bottom:30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; padding: 0; margin: 0; width: 40px; }
.mainTitle .wrapper p img	{ width: 100%; }
@media (max-width: 767px)	{ 
	.mainTitle, 
	.mainTitle .wrapper	{ height:100vh; height: calc(var(--vh, 1vh) * 100); }
	.mainTitle .wrapper h1	{ max-width: 68%; width: 68%; }
	.mainTitle .wrapper p	{ bottom: 40px; width: 30px; }
}
@media (max-height: 630px) and (orientation: landscape) {
	.mainTitle, 
	.mainTitle .wrapper	{ height:100vh; height: calc(var(--vh, 1vh) * 100); }
	.mainTitle .wrapper h1	{ max-width: auto; width: auto; height: 70%; }
	.mainTitle .wrapper h1 img	{ width: auto; height: 100%; }
	.mainTitle .wrapper p	{ bottom: 20px; width: 20px; }
}
.miniwtitle	{ background-color: #ffffff; padding: 200px 0; text-align: center; }
.miniwtitle h2	{ padding: 0; margin: 0 auto; display: inline-block; max-width: 88px; }
.miniwtitle h2 img	{ width: 100%; }
@media (max-width: 767px)	{ 
	.miniwtitle	{ padding: 50px 0; }
	.miniwtitle h2	{ max-width: 65px; }
}

.key	{ display:block; width: 100%; padding: 0; margin: 0; background-color: #fff; }
.key.key2	{ padding: 115px 0 0; }
.key img	{ width: 100%; }
@media (max-width: 767px)	{ 
	.key.key2	{ padding: 90px 0 0; }
}

/* ------------ COPY ------------- */
.mainCp	{ text-align: center; padding: 200px 0; }
.mainCp .wrapper	{ width: 100%; text-align: center; }
.mainCp .wrapper p	{ color:#ffffff; font-size: 20px; line-height: 42px; margin: 0; padding: 0; letter-spacing:.1rem; }
@media (max-width: 767px)	{ 
	.mainCp	{ padding: 150px 30px }
	.mainCp .wrapper p	{ color:#ffffff; font-size: 14px; line-height: 27px; }
}

/* ------------ CONTENT ------------- */
hr.mini	{ height: 2px; background-color: #000; width: 80px; border: none; padding: 0; margin: 55px 0; }
hr.ber	{ height: 1px; background-color: #000000; width: 100%; border: none; padding: 0; margin: 0; }
@media (max-width: 767px)	{ 
	hr.mini	{ width: 68px; margin: 40px 0 45px; }
	hr.ber	{ height: 2px; }
}
.content	{ display:block; text-align: center; padding: 0; width: 100%; background-color: #fff; }
.content .wrapper	{ display: -webkit-flex; display: flex; width: 100%; padding: 80px 0; justify-content: center; }
.content .wrapper > div	{ padding: 0 30px; width: 50%; }
.content .wrapper img	{ width: 100%; }
.content .wrapper .ttcp h4	{ font-size: 26px; font-weight: 400; line-height: 1; letter-spacing:.2rem; display:block; padding: 0 0 40px 0; }
.content .wrapper .ttcp p	{ text-align: justify; font-size: 14px; line-height: 24px; }
.content .wrapper .ttcp p a	{ text-decoration: underline; }
.content .wrapper .itset h5	{ font-size: 18px; font-weight: 700; line-height: 1; letter-spacing:.2rem; display:block; padding: 52px 0 0; }
.content .wrapper .itset .reclink	{ display:block; padding: 55px 0 0; max-width: 360px; }
.content .wrapper .itset .reclink a	{ display:block; padding: 0; margin: 0; }
@media (max-width: 767px)	{ 
	.content .wrapper	{ flex-wrap: wrap; padding: 55px 0; }
	.content .wrapper > div	{ width: 100%; padding: 0 37px; }
	.content .wrapper .ttcp h3	{ max-width: 100%; }
	.content .wrapper .ttcp h4	{ font-size: 21px; padding: 0 0 25px 0; }
	.content .wrapper .ttcp p	{ font-size: 12px; line-height: 20px; }
	.content .wrapper .itset h5	{ font-size: 15px; padding: 38px 0 0; }
	.content .wrapper .itset .reclink	{ padding: 40px 0 0; width: 100%; max-width: 400px; }
}
/* ------------ TEXT LIST ------------- */
.txtList	{ padding: 35px 0 0; }
.txtList > div	{ font-size: 12px; display: block; padding: 0 0 5px 0; font-weight: 300; }
.txtList > div strong	{ font-weight: 700; }
.txtList > div b	{ font-weight: 700; text-decoration: underline; }
.txtList > div b.soon	{ text-decoration: none; }
.txtList > div span	{ display: block; }
.txtList .pickup	{ padding-bottom: 35px; display: table; }
.txtList .pickup .name	{ font-size: 18px; font-weight: 700; padding: 2px 0 5px; display: table; }
.mrtextarea	{ font-size: 14px; line-height: 1.8; font-weight: 900; }
@media (max-width: 767px)	{ 
	.txtList	{ padding: 25px 0 0; }
	.txtList > div	{ font-size: 9px; padding: 0 0 5px 0; }
	.txtList .pickup	{ padding-bottom: 27px; }
	.txtList .pickup .name	{ font-size: 15px; padding: 1px 0 3px; }
}

/* ------------ CONTENT 01 ------------- */
.content .wrapper.set01 .ttcp	{ text-align: right; }
.content .wrapper.set01 .ttcp > *	{ max-width: 350px; margin-left: auto; }
.content .wrapper.set01 .itset	{ padding-top: 27px; text-align: left; }
@media (max-width: 767px)	{ 
	.content .wrapper.set01 .ttcp	{ text-align: left; }
	.content .wrapper.set01 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set01 .itset	{ padding-top: 2px; }
}
/* ------------ CONTENT 02 ------------- */
.content .wrapper.set02 .ttcp	{ text-align: left; padding-top: 75px; }
.content .wrapper.set02 .ttcp > *	{ max-width: 350px; }
.content .wrapper.set02 .ttcp h3	{ max-width: 420px; }
.content .wrapper.set02 .ttcp .sliderwrapper	{ max-width: 100%; }
.content .wrapper.set02 .itset	{ text-align: right; }
.content .wrapper.set02 .itset > *	{ margin-left: auto; }
.content .wrapper.set02 .txtList .pickup	{ margin-left: auto; }
.content .wrapper.set02 .imgvew01	{ margin-left: -30px; }
.content .wrapper.set02 .imgvew02	{ padding: 60px 0 0 26.5%;  }
@media (max-width: 767px)	{ 
	.content .wrapper.set02 .ttcp	{ text-align: left; order:1; padding-top: 0; }
	.content .wrapper.set02 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set02 .itset	{ order:2; }
	.content .wrapper.set02 .itset > *	{ text-align: left; margin-left: 0; }
	.content .wrapper.set02 .txtList .pickup	{ margin-left: 0; }
	.content .wrapper.set02 .imgvew01	{ margin: 0; padding: 40px 0 0; }
	.content .wrapper.set02 .imgvew02	{ padding: 45px 0 0; }
}

/* ------------ CONTENT 03 ------------- */
.content .wrapper.set03 .ttcp	{ text-align: right; padding-top: 75px; }
.content .wrapper.set03 .ttcp > *	{ max-width: 350px; margin-left: auto; }
.content .wrapper.set03 .ttcp > h4	{ max-width: 380px; }
.content .wrapper.set03 .ttcp .imgvew04	{ max-width: 100%; }
.content .wrapper.set03 .itset	{ text-align: left; }
.content .wrapper.set03 .itset .imgvew03	{ display:block; margin-right: -30px; }
.imgvew03	{ display: none; }
.imgvew03 img	{ width: 100%; }
.imgvew04	{ padding: 55px 0 0 26.5%; }
@media (max-width: 767px)	{ 
	.content .wrapper.set03 .ttcp	{ text-align: left; padding-top: 0; }
	.content .wrapper.set03 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set03 .itset .imgvew03	{ display: none; }
	.imgvew03	{ display:block; padding: 90px 0 0;  }
	.imgvew04	{ padding: 40px 0 0 0; }
}

/* ------------ CONTENT 04 ------------- */
.content .wrapper.set04 .ttcp	{ text-align: right; padding-top: 75px; }
.content .wrapper.set04 .ttcp > *	{ max-width: 350px; margin-left: auto; }
.content .wrapper.set04 .ttcp > h4	{ max-width: 380px; }
.content .wrapper.set04 .ttcp .imgvew04	{ max-width: 100%; }
.content .wrapper.set04 .ttcp .reclink	{ padding: 55px 0 0; }
.content .wrapper.set04 .itset	{ text-align: left; }
.content .wrapper.set04 .itset .imgvew05	{ display:block; margin-right: -30px; }
.content .wrapper.set04 .itset .reclink	{ display: none; }
.imgvew05	{ display: none; }
.imgvew05 img	{ width: 100%; }
.imgvew06	{ padding: 55px 0 0 26.5%; }
@media (max-width: 767px)	{ 
	.content .wrapper.set04 .ttcp	{ text-align: left; padding-top: 0; }
	.content .wrapper.set04 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set04 .itset .imgvew05	{ display: none; }
	.content .wrapper.set04 .ttcp .reclink	{ display: none; }
	.content .wrapper.set04 .itset .reclink	{ display:block;  }
	.imgvew05	{ display:block; padding: 90px 0 0;  }
	.imgvew06	{ padding: 35px 0 0 0; }
}

/* ------------ CONTENT 05 ------------- */
.content .wrapper.set05 .ttcp	{ text-align: right; padding-top: 75px; }
.content .wrapper.set05 .ttcp > *	{ max-width: 350px; margin-left: auto; }
.content .wrapper.set05 .ttcp .reclink	{ padding: 55px 0 0; }
.content .wrapper.set05 .itset	{ text-align: left; }
.content .wrapper.set05 .itset .imgvew06	{ padding: 0 26.5% 0 0; }
.content .wrapper.set05 .itset .reclink	{ display: none; }
@media (max-width: 767px)	{ 
	.content .wrapper.set05 .ttcp	{ text-align: left; padding-top: 0; }
	.content .wrapper.set05 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set05 .ttcp .reclink	{ display: none; }
	.content .wrapper.set05 .itset .reclink	{ display:block;  }
	.content .wrapper.set05 .itset .imgvew06	{ display:block; padding: 35px 0 0;  }
}

/* ------------ CONTENT 06 ------------- */
.content .wrapper.set06 .ttcp	{ text-align: left; padding-top: 75px; }
.content .wrapper.set06 .ttcp > *	{ max-width: 350px; }
.content .wrapper.set06 .ttcp .sliderwrapper	{ max-width: 100%; }
.content .wrapper.set06 .itset	{ text-align: left; }
.content .wrapper.set06 .imgvew07	{ padding: 0 0 0 26.5%;  }
.content .wrapper.set06 .imgvew08	{ padding: 60px 0 0 26.5%;  }
@media (max-width: 767px)	{ 
	.content .wrapper.set06 .ttcp	{ text-align: left; padding-top: 0; }
	.content .wrapper.set06 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set06 .itset	{ padding-bottom: 35px; }
	.content .wrapper.set06 .itset > *	{ text-align: left; margin-left: 0; }
	.content .wrapper.set06 .txtList .pickup	{ margin-left: 0; }
	.content .wrapper.set06 .imgvew07	{ margin: 0; padding: 34px 0 0; }
	.content .wrapper.set06 .imgvew08	{ padding: 42px 0 0; }
}

/* ------------ CONTENT 07 ------------- */
.content .wrapper.set07 .ttcp	{ text-align: right; padding-top: 75px; }
.content .wrapper.set07 .ttcp > *	{ max-width: 350px; margin-left: auto; }
.content .wrapper.set07 .ttcp .sliderwrapper	{ max-width: 100%; }
.content .wrapper.set07 .itset	{ text-align: right; }
.content .wrapper.set07 .itset > *	{ margin-left: auto; }
.content .wrapper.set07 .txtList .pickup	{ margin-left: auto; }
.content .wrapper.set07 .imgvew09	{ display:block; margin-right: -30px; }
@media (max-width: 767px)	{ 
	.content .wrapper.set07	{ padding-bottom: 0; }
	.content .wrapper.set07 .imggg	{ order:2; }
	.content .wrapper.set07 .ttcp	{ text-align: left; order:1; padding-top: 0; }
	.content .wrapper.set07 .ttcp > *	{ max-width: 100%; margin-left: 0; }
	.content .wrapper.set07 .itset	{ order:1; }
	.content .wrapper.set07 .itset > *	{ text-align: left; margin-left: 0; }
	.content .wrapper.set07 .txtList .pickup	{ margin-left: 0; }
	.content .wrapper.set07 .imgvew09	{ display:block; margin-right:0; padding-bottom: 50px; }
}


/* ------------ SLIDER ------------- */
.sliderwrapper	{ background-color: #fff; padding: 115px 0 0; }
.sliderwrapper.sliwa01	{ padding: 115px 14.2% 0; }
.sliderwrapper.sliwa02	{ padding: 60px 26.5% 0 0; }
@media (max-width: 767px)	{ 
	.sliderwrapper.sliwa01	{ padding: 90px 0 0; }
	.sliderwrapper.sliwa02	{ padding: 0; }
}


/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; background-color: #fff; }
.bottomoval .untitle	{ padding: 0 100px; text-align:right}
.bottomoval .untitle img	{ width: 100%; vertical-align:bottom; max-width: 270px; }
.bottomoval .wrapper	{ margin:0 auto; padding: 0 0 60px 0; }
.bottomoval .wrapper h2	{ margin: 0 0 20px; padding: 60px 0 0; text-align: center; }
.bottomoval .wrapper h2 img	{ max-width: 100px; vertical-align:bottom; }
.itemBrandWac	{ margin:0 auto; max-width: 860px; width: 100%; }
.itemBrandColumn	{ float: left; width: 100%; width: -moz-calc(100% / 8); width: -webkit-calc(100% / 8); width: calc(100% / 8); }
@media (max-width: 767px)	{ 
	.bottomoval	{ padding: 0; }
	.bottomoval .untitle	{ padding: 0 40px; text-align:left; }
	.bottomoval .untitle img	{ max-width: 190px; }
	.bottomoval .wrapper	{ padding: 0 0 40px; }
	.bottomoval .wrapper h2	{ padding: 40px 0 0; }
	.bottomoval .wrapper h2 img	{ max-width: 70px; }
	.itemBrandWac	{ padding: 0 20px; }
	.itemBrandColumn	{ float: left; width: 99%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); }
}
.footbtn	{ text-align: center; margin: 40px 0 0; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; width:280px; height:50px; background:#ffffff url(../images/gwlogo.png) no-repeat center center; border: 2px #a6a6a6 solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.footbtn a:hover	{ background:#a6a6a6 url(../images/gwlogohv.png) no-repeat center center; }
.footbtn a img	{ width:100%; vertical-align:bottom; line-height: 0; }
@media (max-width: 767px)	{ 
	.footbtn	{ margin: 30px 0 0; }
	.footbtn a	{ width:173px; height:26px; background-size:70% auto; border: 1px #a6a6a6 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.footbtn a:hover	{ background-size:70% auto; }
}

/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; background-color: #000000; overflow: hidden; }
footer .footer-inner	{ margin: 0 auto; padding: 10px 0 15px; box-sizing: border-box; line-height: 1.2; }
footer .footer-inner small	{ color:#ffffff; font-size: .6rem; font-family: "Helvetica Neue", 'Noto Sans JP', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, 小塚ゴシック Pro M, sans-serif; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0 0 10px; }
	footer .footer-inner	{ width: 100%; padding: 8px 0; }
	footer .footer-inner small	{ font-size: 6px; -webkit-transform: scale(0.6); -webkit-transform-origin:0 0; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 60px; right: 30px; display:block; width: 14px; height: 90px; overflow: hidden; background-image: url(../images/gotop.png); background-position: center center; background-repeat:no-repeat; background-size: contain; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover	{ opacity: .6; }
@media (max-width: 767px)	{ 
	#scrollUp { bottom: 60px; right: 15px; width: 10px; height: 64px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .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; }