@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
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; }
body	{ text-align: center; }
#maxw	{ text-align: left; margin: 0 auto; box-sizing: border-box; max-width: 1200px; }
#maxw100	{ text-align: left; margin: 0 auto; box-sizing: border-box; width: 100%; }
#maxw160	{ text-align: left; margin: 0 auto; box-sizing: border-box; max-width: 1600px; }
@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 {outline:none;}
a img {outline:none;}
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; }

/* ------------ HEADER ------------- */
header	{ font-size: 0; background-color: #fff; text-align: center; display: block; }
header a	{ margin: 20px auto; display: inline-block; padding: 0; box-sizing: border-box; }
header a img	{ float: left; }
.mainimg	{ }
.mainimg img	{ width: 100%; }


/* ------------ ITEMAREA  ------------- */
.itemSet	{ display: inline-block; width: 100%; float: left; }
.itemSet > img	{ width: 100%; }


/* ------------ ITEMSET01  ------------- */
.itemSet01	{ margin: 50px 0 20px; padding: 0 0 7.5vh 0; position: relative; }
.itemSet01 > .txt01	{ position: absolute; top:0; left: 52%; display: inline-block; }
.itemSet01 > .txt02	{ position: absolute; bottom:20px; left: 8.5%; display: inline-block; }
.itemSet01 .itemtxlistArea > strong,
.itemSet01 .itemtxlistArea > a	{ float: left; }
@media (max-width: 767px)	{ 
.itemSet01	{ margin: 0; padding: 0; position: static; }
.itemSet01 > .txt01	{ position: static; padding: 0 1.2em 20px; margin-top: -7%;}
.itemSet01 > .txt02	{ position: static; padding: 0 1.2em 20px; margin-top: 10px; }
}

/* ------------ ITEMSET02  ------------- */
.itemSet02	{ margin: 50px 0 0; padding: 0 0 11vh 0; position: relative; }
.itemSet02 > .txt01	{ position: absolute; top:0; right: 52%; display: inline-block; }
.itemSet02 > .txt02	{ position: absolute; bottom:10vh; left: 39.5%; display: inline-block; }
.itemSet02 > .txt03	{ position: absolute; bottom:16%; left: 54.4%; display: inline-block; }
.itemSet02 > .txt01 > a	{ float: right; }
.itemSet02 > .txt02 > a	{ float: left; }
.itemSet02 > .txt03 > a	{ float: left; }
@media (max-width: 767px)	{ 
.itemSet02	{ margin: 0; padding: 0; position: static; }
.itemSet02 > .txt01	{ position: static; padding: 0 1.2em 20px; margin-top: 10px;}
.itemSet02 > .txt01 > a	{ float: left; }
.itemSet02 > .txt02	{ position: static; padding: 0 1.2em 20px; margin: 10px 0 0; }
.itemSet02 > .txt03	{ position: static; padding: 0 1.2em 20px; margin-top: -12%; }
}

/* ------------ ITEMSET03  ------------- */
.itemSet03	{ margin: 0 0 210px; padding: 0; position: relative; }
.itemSet03 > .txt01	{ position: absolute; top:92%; left: 4%; display: inline-block; }
.itemSet03 .itemtxlistArea > strong,
.itemSet03 .itemtxlistArea > a	{ float: left; }
@media (max-width: 767px)	{ 
.itemSet03	{ margin: 0; padding: 0 0 30px; position: static; }
.itemSet03 > .txt01	{ position: static; padding: 0 1.2em 20px; margin-top: -22%;}
.itemSet03 > .txt01 > h2	{ margin-top: 12px;}
}


/* ------------ ITEMSET04  ------------- */
.itemSet04	{ margin: 50px 0; padding: 0; position: relative; }
.itemSet04 > .txt01	{ position: absolute; top:42%; left: 4%; display: inline-block; }
.itemSet04 .itemtxlistArea > strong,
.itemSet04 .itemtxlistArea > a	{ float: left; }
@media (max-width: 767px)	{ 
.itemSet04	{ margin: 0; padding: 0 0 30px; position: static; }
.itemSet04 > .txt01	{ position: static; padding: 0 1.2em 20px; margin-top: -22%;}
.itemSet04 > .txt01 > h2	{ margin-top: 12px;}
}


/* ------------ ITEMSET05  ------------- */
.itemSet05	{ margin: 50px 0 20px; padding: 0; position: relative; }
.itemSet05 > .txt01	{ position: absolute; top:56%; left: 50%; display: inline-block; }
.itemSet05 > .txt02	{ position: absolute; top:86%; right: 58.4%; display: inline-block; }
.itemSet05 .itemtxlistArea > strong,
.itemSet05 .itemtxlistArea > a	{ float: right; }
.itemSet05 > .txt02 > a	{ float: right; }
.itemSet05 > .txt02 > strong	{ text-align: right; float: right; }
@media (max-width: 767px)	{ 
.itemSet05	{ margin: 0; padding: 0 0 20px; position: static; }
.itemSet05 > .txt01	{ position: static; padding: 0 1.2em 30px; margin-top: -7%;}
.itemSet05 > .txt02	{ position: static; padding: 0 1.2em 30px; margin: 10px 0 0; }
.itemSet05 > .txt02 > a	{ float: left; }
.itemSet05 > .txt02 > strong	{ text-align: left; float: left; }
}


/* ------------ ITEMSET06  ------------- */
.itemSet06	{ margin: 50px 0 200px; padding: 0; position: relative; }
.itemSet06 > .txt01	{ position: absolute; top:85%; left: 8.2%; display: inline-block; }
.itemSet06 .itemtxlistArea > strong,
.itemSet06 .itemtxlistArea > a	{ float: left; }
@media (max-width: 767px)	{ 
.itemSet06	{ margin: 0; padding: 0 0 10px; position: static; }
.itemSet06 > .txt01	{ position: static; padding: 0 1.2em 20px; }
.itemSet06 > .txt01 > h2	{ margin-top: 12px;}
}


/* ------------ TXTAREA ------------- */
.itemtxlistArea	{ margin: 0 auto; padding: 0; box-sizing: border-box; }
.itemtxlistArea h2	{ font-size: 14px; text-align: left; margin: 0 0 5px; float: left; padding: 5px 0 0!important; width: 100%; padding:0; box-sizing: border-box; display: block; clear:both: }

.itemtxlistArea > strong	{ font-size: 13px; font-weight: normal; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; width: 100%; display: block; clear:both; padding: 0 0 0.5em; vertical-align: middle; }
.itemtxlistArea > strong > b	{ font-weight: normal; }
.itemtxlistArea > a	{ font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; position: relative; display: inline-block; clear:both; padding: 0 0 0.5em; vertical-align: middle; }
.itemtxlistArea > a > span	{ font-size: 13px; padding-right: 0.5em; padding: 0 0 0.1em; display: inline-block; }
.itemtxlistArea > a > span > b	{ font-weight: bold; }
.itemtxlistArea > a > span > i	{ font-style: normal; letter-spacing: 0; padding-left: 0.5em; display: inline-block; }
.itemtxlistArea > a > span > i > em	{ font-size: 0.85em; font-style: normal; letter-spacing: 0; }
.itemtxlistArea > a > p	{ margin: 0; padding: 0 0 0 0.5em; display: inline-block; }
.itemtxlistArea > a > p > button	{ color: #000; font-size: 9px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: 1px; background: rgba(255,255,255,0.3); text-align: center; margin: 0; padding: 0.1em 0.5em; border: solid 1px #000; display: inline-block; box-sizing: border-box; }
.itemtxlistArea > a:hover	{ color: #a5a5a5; }
.itemtxlistArea > a:hover > p > button	{ color: #fff; background-color: #a5a5a5; border: solid 1px #a5a5a5; cursor: pointer; }

@media (max-width: 767px)	{ 
.itemtxlistArea h2	{ font-size: 3.2vw; margin: 0; padding: 0; }
.itemtxlistArea > strong	{ font-size: 2.8vw; padding: 0 0 0.2em; display: block; }
.itemtxlistArea > a	{ padding: 0 0 0.2em; }
.itemtxlistArea > a > span	{ font-size: 2.8vw; }
.itemtxlistArea > a > p > button	{ font-size: 2vw; }
 }


/* ------------ POPUP ------------- */
.white-popup	{ position: relative; width: auto; max-width: 600px; margin: 20px auto; }
.white-popup .itemtxlistArea	{ margin: 0 auto; max-width: 100%; padding: 14px 0; box-sizing: border-box; }
@media (max-width: 979px)	{ 
	.white-popup .itemtxlistArea	{ margin: 0 auto; width: 100%; padding: 10px 0; }
}
@media (max-width: 600px)	{ 
	.white-popup	{ margin: 0 10px; }
}

.white-popup .itemtxlistArea > a	{ position: relative; display: block; width: 100%; padding: 5px 0; vertical-align: middle; }
.white-popup .itemtxlistArea > a > span	{ float: left; color: #fff; display: inline-block; }
.white-popup .itemtxlistArea > a > p	{ float: right; display: inline-block; }
.white-popup .itemtxlistArea > a > p > button	{ color: #000; background-color: #fff; border: solid 1px #fff; padding: 0.3em 1em; }
.white-popup .itemtxlistArea > a:before	{ border-top: 0px }
.white-popup .itemtxlistArea > a:hover > p > button	{ color: #fff; background-color: #a5a5a5; border: solid 1px #a5a5a5; cursor: pointer; }

.itempup	{ background-color: #fff; padding: 50px; }
.itempup img	{ width: 100%; }
@media (max-width: 500px)	{ 
	.itempup	{ background-color: #fff; padding: 20px; }
}


/* ------------ BRANDS ------------- */
.brandArea	{ float: left; text-align: center; border-top: 1px solid #a5a5a5; margin: 50px auto 0; width: 100%; display: block; padding: 50px 0 0; box-sizing: border-box; }
.itemBrandWac	{ margin: 0 auto; box-sizing: border-box; max-width: 720px; }
.itemBrandColumn	{ float: left; width: 100%; width: -moz-calc(100% / 8); width: -webkit-calc(100% / 8); width: calc(100% / 8); margin-top: 15px; }
@media (max-width: 767px) { 
	.brandArea	{ margin: 20px auto 0; padding: 20px 0 0; }
	.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: 35px 0 0; padding: 0; float: left; width: 100%; display: block; box-sizing: border-box; }
.footbtn a	{ margin: 0 auto; display: inline-block; }
@media (max-width: 767px)	{ .footbtn	{ margin: 2vh 0 0; padding: 0; } }

footer	{ text-align: center; margin: 50px 0 0; float: left; width: 100%; display: block; box-sizing: border-box; }
footer .footer-inner	{ border-top: 1px solid #a5a5a5; margin: 0 auto; 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: 15px 0 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; }