* { 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: fff; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-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: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
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: 1.5s; animation-iteration-count: 1; }
@keyframes fadein	{ 
	from	{ opacity: 0; transform: translateY(0); }
	to	{ opacity: 1; transform: translateY(0); }
}

/* ------------ MAIN ------------- */
.main	{ background-color: #cc2833; margin: 0; padding: 0; text-align: center; background-image: url("../images/main_pc.png"); background-repeat: no-repeat; background-position: center center; }
.main .main-inner	{ display: block; max-width: 696px; height:700px; margin: 0 auto; padding: 0; position: relative; }
.main .main-inner .stlogo	{ position: absolute; top: 40px; left: 30px; width: 144px; }
.main .main-inner .stlogo img	{ width: 100%; }
.main .main-inner .cp	{ position: absolute; bottom: 40px; left: 30px; max-width: 417px; }
.main .main-inner .cp img	{ width: 100%; }
.main .main-inner .mainsp	{ display: none; }
@media (max-width: 767px)	{ 
	.main	{ background-image: url("../images/space.png"); }
	.main .main-inner	{ max-width: 100%; height:auto; }
	.main .main-inner .stlogo, 
	.main .main-inner .cp	{ display: none; }
	.main .main-inner .mainsp	{ display: block; }
	.main .main-inner .mainsp img	{ width: 100%; }
}
.content	{ background-color: #ffffff; margin: 0; padding: 0; text-align: center; }
.content .content-inner	{ display: block; max-width: 696px; margin: 0 auto; padding: 120px 0; }
.content .content-inner img	{ width: 100%; }
.content .content-inner .day	{ padding: 0 30px 60px; }
.content .content-inner .lead	{ padding: 0 30px 60px; margin: 0; text-align: left; }
.content .content-inner .lead > p	{ padding: 0 0 10px; margin: 0; color:#cc2833; font-weight: 700; font-size: 16px; line-height: 28px; letter-spacing:.1rem; }
.content .content-inner .lead ul	{ padding: 0 0 0 12px; margin: 0; }
.content .content-inner .lead ul li	{ padding: 0; margin: 0; color:#cc2833; font-size: 12px; line-height: 22px; list-style: none; text-indent:-12px; text-decoration:underline; }

.content .content-inner .info	{ background-color: #f7f7f7; color:#cc2833; text-align: left; padding: 30px; }
.content .content-inner .info ul	{ padding: 0; margin: 0 0 0 20px; }
.content .content-inner .info ul li	{ padding: 0; margin: 0; font-size: 12px; line-height: 22px; }
@media (max-width: 767px)	{ 
	.content .content-inner	{ max-width: 100%; padding: 90px 0; }
	.content .content-inner .day	{ padding: 0 30px 60px; }
	.content .content-inner .lead	{ padding: 0 30px 60px; font-size: 15.8px; letter-spacing:.08rem; }
	.content .content-inner .info ul	{ margin: 0 0 0 15px; }
}

/* ------------ BRANDS ------------- */
.bottomoval	{ box-sizing: content-box; padding: 0; text-align:center; }
.bottomoval .wrapper	{ margin:0 auto; max-width: 100%; padding: 0 0 60px; border-top: 1px solid #cd3333; }
.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: 680px; }
.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 20px 40px; }
	.bottomoval .wrapper h2	{ padding: 40px 0 0; }
	.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:230px; height:32px; background:#ffffff url(../images/gwlogo.png) no-repeat center center; background-size: 70% auto; border: 1px #a6a6a6 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.footbtn a:hover	{ background:#a6a6a6 url(../images/gwlogohv.png) no-repeat center center; background-size: 70% auto; }
.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; }
}

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

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none; } }

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