@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
* { 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: #ffffff; font-family: "Helvetica Neue", 'Noto Sans JP', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN W3', メイリオ, Meiryo, 小塚ゴシック Pro M, sans-serif; }
.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; }
a, button {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.img-responsive	{ display: block; height: auto; max-width: 100%; }

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    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(20px); }
	to	{ opacity: 1; transform: translateY(0); }
}


/* ------------ CONTENT ------------- */
body	{ border-left: 6px solid #ff0000;  }
.content	{ display:block; text-align: center; padding: 0; width: 100%; overflow: hidden; }
.content .wrapper	{ margin:0 auto; display:block; max-width: 100%; width: 100%; }

.ctSet	{ display: -webkit-flex; display: flex; flex-direction: row-reverse; }
.ctSet.btm	{ align-items: flex-end; }
.ctSet .video	{ width: calc(100% - 220px); }
.ctSet .video img, 
.ctSet .video video	{ display: block; line-height: 0; margin-top: -1px; }
.ctSet .txt	{ color:#ff0000; width: 220px; text-align: right; padding: 15px 0; }
.ctSet .txt h4	{ font-size: 11px; font-weight: 700; padding: 0 20px; letter-spacing:.2rem;}
.ctSet .txt .blockspace	{ display: block; height: 10px; }
.ctSet .txt > div	{ font-size: 10px; display: block; padding: 5px 20px 5px 0; }
.ctSet .txt > div ul	{ list-style: none; padding: 1px 0; line-height: 1.5;}
.ctSet .txt > div ul > li	{ list-style: none; }
.ctSet .txt > div ul > li span	{ display: none; }
.ctSet .txt > div ul > li strong	{ font-weight: 700; }
.ctSet .txt > div ul > li b	{ font-weight: 700; text-decoration: underline; }
.ctSet .txt a	{ color:#ff0000; }
.ctSet .txt a:hover	{ color:#000; }
.ctSet.bottom	{ margin-bottom: 60px; }

@media only screen and (max-width: 767px)	{
	body	{ border-left: 0 solid #ff0000;  }
	.ctSet	{ display: block; }
	.ctSet .video	{ width: 100%; }
	.ctSet .txt	{ width: 100%; text-align: left; padding: 15px 20px; }
	.ctSet .txt.blank	{ width: 100%; padding: 0; height: 15px; }
	.ctSet .txt h4	{ padding: 0; }
	.ctSet .txt .blockspace	{ display: block; height: 10px; }
	.ctSet .txt > div	{ padding: 0; }
	.ctSet .txt > div ul	{ }
	.ctSet .txt > div ul > li	{ display: inline-block; }
	.ctSet .txt > div ul > li span	{ display: inline-block; padding: 0 0.3rem 0 0; }
	.ctSet .txt > div ul > li strong	{ display: inline-block; padding: 0 0.3rem; }
	.ctSet.bottom	{ margin-bottom: 15px; }
}
@media only screen and (max-width: 374px)	{
	.ctSet .txt	{ padding: 10px 7px 15px; }
	.ctSet .txt > div	{ font-size: 9px; }
}

/* ------------ ITEMAREA  ------------- */
video	{ margin: 0 auto; width: 100%; }
.video { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.video img	{ margin: 0 auto; width: 100%; }

.btmbtn	{ padding: 80px 0; margin: 50px 0; text-align: center; background-color: #fffade; }
.btmbtn a	{ display: inline-block; margin: 0 auto; max-width: 340px; }
.btmbtn a img	{ width: 100%; }
.btmbtn a:hover img	{ opacity: 0.5; transition: .3s; }
@media only screen and (max-width: 767px)	{
	.btmbtn	{ padding: 60px 0; margin: 30px 0; }
	.btmbtn a	{ max-width: 240px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; }
.bottomoval .wrapper	{ margin:0 auto; padding: 0 0 60px; border-top: 1px solid #ff0103; }
.bottomoval .wrapper h2	{ margin: 0 0 20px; padding: 60px 0 0; text-align: center; }
.bottomoval .wrapper h2 img	{ max-width: 100px; }
.itemBrandWac	{ margin:0 auto; max-width: 860px; }
.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 .wrapper	{ padding: 0 0 40px; }
	.bottomoval .wrapper h2	{ padding: 40px 0 0; }
	.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: 414px)	{ 
	.footbtn	{ margin: 30px 0 0; }
	.footbtn a	{ width:200px; height:36px; background-size:65% auto; }
	.footbtn a:hover	{ background-size:65% auto; }
}


/* ------------ MAIN ------------- */
.maintitle	{ position: relative; }
.maintitle .title	{ position: absolute;  top:100px; left:24px; width: 50%; max-width: 600px;  x-index:99; }
.maintitle .title img	{ max-width: 100%; max-height:100vh!important; }
.maintitle .gwlogo	{ position: absolute;  top:50px; left:34px; display: block; }
.maintitle .gwlogo a	{ display: block; width: 144px; height:18px; background-image: url(../images/gws.png); background-position: center center; background-repeat:no-repeat; background-size:contain; }
.maintitle .gwlogo a:hover	{ background-image: url(../images/gws_ov.png); }
.maintitle .godown	{ position: absolute;  top:50px; right:20px; display: block; }
.maintitle .godown a	{ display: block; width: 8px; height:100px; background-image: url(../images/down.png); background-position: center center; background-repeat:no-repeat; background-size:contain; }
.maintitle .godown a:hover	{ background-image: url(../images/down_ov.png); }

@media only screen and (min-width: 768px)	{
	.pcLayout	{ height:calc(100vh - 100px); max-height:800px; min-height:600px!important; }
	.mainvis	{ min-height:800px; background: url(../images/main_pc3.jpg) no-repeat center bottom; background-size:cover; margin: 0; }
}
@media only screen and (max-width: 1597px)	{
	.mainvis img	{ display: none!important; }
}

.spmain	{ position: relative; }
.spmain img	{ width: 100%; vertical-align:bottom }
.spmain .gwlogo	{ position: absolute;  top:35px; left:20px; display: block; }
.spmain .gwlogo a	{ display: block; width: 148px; height:12px; background-image: url(../images/gws.png); background-position: center center; background-repeat:no-repeat; background-size:contain; }
.spmain .godown	{ position: absolute;  top:35px; right:20px; display: block; }
.spmain .godown a	{ display: block; width: 6px; height:80px; background-image: url(../images/down.png); background-position: center center; background-repeat:no-repeat; background-size:contain; }
.spmain .sptitle	{ padding: 80px 0 25px 20px; text-align: left; }
.spmain .sptitle img	{  width: 80%; }


/* ------------ FOOTER ------------- */
footer	{ text-align: center; box-sizing: border-box; padding: 0; }
footer .footer-inner	{ margin: 0 auto; padding: 20px 0 25px; border-top: 1px solid #ff0103; box-sizing: border-box; line-height: 1.2; }
footer .footer-inner small	{ color:#ff0101; font-size: .6rem; }
@media (max-width: 767px)	{ 
	footer	{ padding: 0 0 40px; }
	footer .footer-inner	{  width: 100%; padding: 15px 0; }
	footer .footer-inner small	{ font-size: .5rem; }
}
@media (max-width: 320px)	{ 
	footer .footer-inner small	{ font-size: 6px; -webkit-transform: scale(0.6); -webkit-transform-origin:0 0; }
}

/* ------------ GO TOP ------------- */
#scrollUp { bottom: 20px; right: 20px; background-color:rgba(255,255,255,0); display:block; width: 8px; height: 60px; overflow: hidden; background-image: url(../images/gotop.png); background-position: center center; background-repeat:no-repeat; background-size:cover; }
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background-color:rgba(255,255,255,0); background-image: url(../images/gotop_ov.png); }
@media (max-width: 767px)	{ 
	#scrollUp { right: 15px; }
}

/* ------------ 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; }