@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: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",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: .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;
}
area	{ border:none; outline:none; }
.linebox, 
.linebox2	{ padding-top: 10px; margin: 10px auto 0; display: inline-block; box-sizing: border-box; }
@media (max-width: 920px)	{ 
	.linebox { padding-top: 10px; margin: 10px 15px 0; }
	.linebox2 { padding-top: 10px; margin: 10px 0 30px; }
}
@media (max-width: 767px)	{ 
	.linebox2 { margin: 10px 0 30px; }
}

/* ------------ TITLE ------------- */
.spCtitle	{ margin: 0 0 15px; }
.spCtitle > h2	{ font-size: 18px; color:#666666; font-weight: normal; text-align: center; letter-spacing: 1em; padding: 10px 10px 0; }
.spCtitle > h2	{ border-top: 1px solid #666666; margin:25px 0 0; text-align:center; padding:0; height:10px; }
.spCtitle > h2 > span	{ position: relative; top: -12px; padding: 0 0.2em 0 1.2em; background:#E6E6E6; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
@media (max-width: 767px) {
	.spCtitle > h2	{ font-size: 14px; margin:15px 0 0; }
	.spCtitle > h2 span	{ position: relative; top: -10px; }
}

/* ------------ MAIN ------------- */
.mainoval	{ background:#E6E6E6; padding:0; margin:20px auto; max-width: 1400px; }
@media (max-width: 1510px)	{ 
	.mainoval	{ margin:20px; }
}
@media (max-width: 979px)	{ 
	.mainoval	{ margin:15px; }
}
@media (max-width: 405px)	{ 
	.mainoval	{ margin:10px; }
}
@media (max-width: 360px)	{ 
	.mainoval	{ margin:5px; }
}
.mainheader	{ background: url(../images/main.jpg) no-repeat center center; background-size:cover;  position: relative; }
.mainheader .store	{ position: absolute; top:0; left:0; }
.mainheader img	{ width: 100%; }
.mainheader .gww	{ max-width: 374px; margin:0 auto; padding:3% 0; }
.mainheader .mainlogo	{ max-width: 642px; margin:0 auto; padding:4.8% 0; }
.mainheader .cptx	{ font-size: 22px; color:#FFFF00; font-weight: bold; text-align:center; }
.mainheader .cpcp	{ font-size: 18px; color:#FFFFFF; text-align:center; padding: 0 0 6%; }
.mainheader .past	{ font-size: 28px; color:#dc0000; font-weight:700; }
.mainheader hr	{ border:solid #fff; border-width:1px 0 0 0; height:1px; clear:both; width: 120px; margin:6% auto; }
.mainheader hr.past	{ margin:0 auto 6%; }
@media (max-width: 1155px)	{ 
	.mainheader	{ background: url(../images/main.jpg) no-repeat center center; background-size:cover;  }
}
@media (max-width: 767px)	{ 
	.mainheader .store	{ display:none; }
	.mainheader .gww	{ margin:0 auto; padding:3% 60px; }
	.mainheader .mainlogo	{ margin:0 auto; padding:4.8% 40px; }
	.mainheader .cptx	{ font-size: 18px; color:#FFFF00; font-weight: bold; text-align:center; }
	.mainheader .cpcp	{ font-size: 13.5px; color:#FFFFFF; text-align:left; padding: 0 20px 20px; }
	.mainheader .past	{ font-size: 18px; color:#dc0000; text-align:center; }
}
@media (max-width: 374px)	{ 
	.mainheader .past	{ font-size: 16px; }
}




/* ------------ BOTTOM ------------- */
.bottomoval	{ background:#E6E6E6; padding:20px 20px 60px; margin:20px auto; max-width: 1400px; }
@media (max-width: 1510px)	{ 
	.bottomoval	{ padding:20px; margin:20px; }
}
@media (max-width: 979px)	{ 
	.bottomoval	{ padding:15px; margin:15px; }
}
@media (max-width: 405px)	{ 
	.bottomoval	{ padding:10px; margin:10px; }
}
@media (max-width: 360px)	{ 
	.bottomoval	{ padding:5px; margin:5px; }
}

.maintxlistArea	{ margin: 0 auto; max-width: 580px; padding:0; box-sizing: border-box; }
@media (max-width: 979px)	{ 
	.maintxlistArea	{ margin: 0 auto; width: 100%; padding: 0 15px; }
}
.maintxlistArea > strong	{ font-family: "Roboto Condensed", sans-serif; display: block; letter-spacing: 1px; font-weight: bold; font-size: 23px; }
.maintxlistArea > strong > span	{ font-size: 0.8em; margin: 0 -0.3em; padding: 0 0 0.2em; display: inline-block; }
.maintxlistArea > h1	{ font-weight: bold; font-size: 26px; letter-spacing: 3px; margin: 0; padding: 10px 0 20px; display: block; }
.maintxlistArea > h2	{ font-weight: bold; font-size: 14px; line-height: 1.8em; margin: 0; padding: 15px 0; }
.maintxlistArea > ul	{ margin: 15px 0 0 0; padding: 0 0 0 1.5em; }
.maintxlistArea > ul > li	{ font-size: 14px; line-height: 1.4em; padding: 0 0 0.5em; list-style-type: disc; }
@media (max-width: 767px)	{ 
	.maintxlistArea > strong	{ font-size: 20px; }
	.maintxlistArea > h1	{ font-size: 23px; line-height: 1.4em; letter-spacing: 2px; padding: 10px 0 10px; }
	.maintxlistArea > h2	{ font-size: 13px; line-height: 1.6em; padding: 10px 0; }
	.maintxlistArea > ul	{ margin: 10px 0 0 0; padding: 0 0 0 1em; }
	.maintxlistArea > ul > li	{ font-size: 12px; line-height: 1.3em; padding: 0 0 0.3em; }
}

.itemSet .spConInner	{ overflow: hidden; }
.itemSet p	{ margin: 0; padding: 0; display: block; }
.itemSet01	{ background-color: #cfd6aa; }
.itemSet02	{ background-color: #ffcbbc; }
.itemSet03	{ background-color: #f1ee86; }
.itemSet04	{ background-color: #94dbe1; }
.itemSet01 p	{ margin: -10% 0; }
.itemSet02 p	{ margin: -10% 0; }
.itemSet03 p	{ margin: -10% 0; }
.itemSet04 p	{ margin: -10% 0; }
@media (max-width: 780px)	{ 
	.itemSet01 p	{ margin: 0 -10%; }
	.itemSet02 p	{ margin: 0 -10%; }
	.itemSet03 p	{ margin: 0 -10%; }
	.itemSet04 p	{ margin: 0 -10%; }
}

/* ------------ TXTAREA ------------- */
.itemtxlistArea	{ margin: 0 auto; max-width: 980px; padding: 20px 0; box-sizing: border-box; }
@media (max-width: 979px)	{ 
	.itemtxlistArea	{ margin: 0 auto; width: 100%; padding: 15px 15px 5px; }
}

/* ------------ BTN AREA ------------- */
.linkbtn	{ display:-ms-flexbox; display:-webkit-box; display:flex; justify-content: center; }
.linkbtn>*	{ display:inline-block; width: 260px; border: 2px #656565 solid; text-align:center; padding:5px; margin:10px; font-weight: 700; }
.linkbtn a	{ color:#656565; }
.linkbtn a:hover	{ color:#000000; background:#ffffff; }
@media (max-width: 600px) { 
	.linkbtn	{ display:block; }
	.linkbtn>*	{ width: 100%; margin:10px 0; }
}

/* ------------ BRANDS ------------- */
.itemBrandColumn	{ float: left; width: 100%; width: -moz-calc(100% / 8); width: -webkit-calc(100% / 8); width: calc(100% / 8); margin-top: 40px; }
@media (max-width: 767px) { 
	.itemBrandColumn	{ float: left; width: 99%; width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); margin-top: 20px; }
}

/* ------------ FOOTER ------------- */
.footbtn	{ text-align: center; margin: 0 0 50px; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; }
@media (max-width: 920px)	{ .footbtn	{ margin: 0 0 50px; padding: 0; } }
@media (max-width: 767px)	{ .footbtn	{ margin: 5px 0 50px; padding: 0; } }

footer	{ text-align: center; box-sizing: border-box; }
footer .footer-inner	{ margin: 0 auto; max-width: 730px; padding: 24px 0; box-sizing: border-box; }
footer .footer-inner small	{ font-size: 12px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; }
@media (max-width: 767px)	{ 
	footer	{ margin: 0 15px 50px; }
	footer .footer-inner	{  width: 100%; padding: 15px 0; }
	footer .footer-inner small	{ font-size: 11px; letter-spacing: 0; }
}


/* ------------ GO TOP ------------- */
@media (max-width: 767px) { 
	#scrollUp { font-family: "Roboto Condensed", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; bottom: 0; right: 0; padding: 10px 10px; background: #000000; color: #fff; text-decoration: none; text-align: center; width: 100%; }
}
@media (min-width: 768px)	{ 
	#scrollUp { font-family: "Roboto Condensed", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 2px; bottom: 20px; right: 20px; padding: 5px 25px; background: #000000; color: #fff; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #333333; }

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