@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Alike');
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; }

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

.ftdhd	{ background-color: #dbdfde; text-align: center; padding: 100px 50px 0; }
.ftdhd img	{ margin:  0 auto }

@media (max-width: 767px)	{ 
	.ftdhd	{ padding: 50px 30px 0; }
}
@media (max-width: 498px)	{ 
	.ftdhd	{ padding: 30px 18px 0; }
}

/* ------------ MAIN ------------- */
.itemSet	{ position: relative; background-color: #dbdfde; }
.itemSet .spConInner	{ overflow: hidden; }
.itemSet p	{ margin: 0; padding: 0; display: block; }
.itemSet img	{ width: 100%; }
.itemSet .inscrll	{ width: 100%; position: absolute; top: 70px; text-align: center; padding-bottom: 30px; background: url(../images/arrow.png) no-repeat bottom center; }
.itemSet .inscrll strong { font-size: 24px; font-family: 'Alike', serif; letter-spacing: 2px; }
.itemSet .inscrll p { font-size: 12px; font-weight: bold; margin: 0; padding: 5px; }

@media (max-width: 1100px)	{ 
	.itemSet .inscrll	{ top: 50px; }
}
@media (max-width: 950px)	{ 
	.itemSet	{ padding: 30px 0 0; }
}
@media (max-width: 767px)	{ 
	.itemSet	{ padding: 80px 0 0; }
	.itemSet .inscrll	{ top: 20px; }
}
@media (max-width: 498px)	{ 
	.itemSet .inscrll	{ padding-bottom: 25px; }
	.itemSet .inscrll strong { font-size: 18px; letter-spacing: 1px; }
	.itemSet .inscrll p { font-size: 10px; padding: 3px; }
}

/* ------------ TXTAREA ------------- */
.itemtxlistArea	{ margin: 0 auto; max-width: 730px; padding: 40px 15px 50px; box-sizing: border-box; }
@media (max-width: 979px)	{ 
	.itemtxlistArea	{ margin: 0 auto; width: 100%; padding: 30px 15px; }
}
.itemtxlistArea h2	{ font-size: 15px; text-align: center; margin: 0; padding: 0; }
.itemtxlistArea > a	{ font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; position: relative; display: block; width: 100%; padding: 5px 0; vertical-align: middle; }
.itemtxlistArea > a > span	{ font-size: 14px; background-color: #fff; float: left; padding-right: 0.5em; padding-top: 4px; 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	{ background-color: #fff; float: right; margin: 0; padding: 0 0 0 0.5em; display: inline-block; }
.itemtxlistArea > a > p > button	{ color: #fff; font-size: 11px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: 1px; background-color: #000; text-align: center; margin: 0; padding: 3px 15px; border: solid 1px #000; display: inline-block; box-sizing: border-box; }
.itemtxlistArea > a:before	{ border-top: 1px dashed #a7a7a7; content: ""; position: absolute; top: 50%; left: 0; width: 100%; z-index: -1; }
.itemtxlistArea > a:hover	{ color: #a5a5a5; }
.itemtxlistArea > a:hover > p > button	{ color: #fff; background-color: #a5a5a5; border: solid 1px #a5a5a5; cursor: pointer; }

@media (max-width: 640px)	{ 
	.itemtxlistArea > a	{ padding: 3px 0; letter-spacing: 0; }
}

/* ------------ TXTAREA nosale ------------- */
.itemtxlistArea .nosale	{ font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px; position: relative; display: block; width: 100%; padding: 5px 0; vertical-align: middle; }
.itemtxlistArea .nosale > span	{ font-size: 14px; background-color: #fff; float: left; padding-right: 0.5em; padding-top: 4px; display: inline-block; }
.itemtxlistArea .nosale > span > b	{ font-weight: bold; }
.itemtxlistArea .nosale > span > i	{ font-style: normal; letter-spacing: 0; padding-left: 0.5em; display: inline-block; }
.itemtxlistArea .nosale > span > i > em	{ font-size: 0.9em; font-style: normal; letter-spacing: 0; }
.itemtxlistArea .nosale > p	{ background-color: #fff; float: right; margin: 0; padding: 0 0 0 0.5em; display: inline-block; }

@media (max-width: 520px)	{ 
	.itemtxlistArea .nosale	{ padding: 3px 0; letter-spacing: 0; }
	.itemtxlistArea .nosale > span	{ font-size: 12px; padding-top: 5px; }
	.itemtxlistArea .nosale > span > i	{ display: none; }
}
@media (max-width: 414px)	{ 
	.itemtxlistArea .nosale > span	{ padding-right: 0.4em; padding-top: 4px; }
	.itemtxlistArea .nosale > p	{ padding: 0 0 0 0.4em; }
	.itemtxlistArea .nosale > p > button	{ padding: 2px 5px; }
}
@media (max-width: 360px)	{ 
	.itemtxlistArea .nosale > span	{ font-size: 10px; padding-right: 0.3em; margin: 4px 0; }
	.itemtxlistArea .nosale > p	{ padding: 0 0 0 0.3em; }
}

/* ------------ BOTTOM AREA ------------- */
.linebox	{ padding-top: 55px; margin: 0 auto; display: inline-block; box-sizing: border-box; max-width: 700px;}
.linebox2	{ padding-top: 60px; border-top: 2px solid #000; margin: 4px auto 0; display: inline-block; box-sizing: border-box; }
.linebox h2	{ padding: 0 0 30px; }
@media (max-width: 920px)	{ 
	.linebox { padding-top: 30px; margin: 10px 15px 0; }
	.linebox2 { padding-top: 30px; margin: 10px 0 30px; }
}
@media (max-width: 767px)	{ 
	.linebox2 { margin: -10px 0 30px; }
}

ul.unbnarea { margin: 0; padding: 0; list-style: none; }
ul.unbnarea li { float: left; margin: 0; padding: 0 0 8px; list-style: none; display: block; }


/* ------------ 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; }
}
.white-popup .itemtxlistArea > a > span	{ background-color: transparent; color: #fff; }
.white-popup .itemtxlistArea > a > p	{ background-color: transparent; }
.white-popup .itemtxlistArea > a > p > button	{ color: #000; background-color: #fff; border: solid 1px #fff; }
.white-popup .itemtxlistArea > a:before	{ border-top: 0px }

.itempup	{ background-color: #fff; padding: 20px; }
.itempup img	{ width: 100%; }

@media (max-width: 767px)	{ 
	.white-popup .itemtxlistArea > a > span > b { display: block; }
}


/* ------------ MID BANNER ------------- */
.midBnnArea	{ text-align: center; }
.midBnnArea a	{ background-color: #9a9a9a; margin: 0 auto; display: inline-block; }

/* ------------ 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: 45px 0 0; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; }
@media (max-width: 920px)	{ .footbtn	{ margin: 30px 0 0; padding: 0; } }
@media (max-width: 767px)	{ .footbtn	{ margin: 10px 0 0; padding: 0; } }

footer	{ text-align: center; box-sizing: border-box; }
footer .footer-inner	{ border-top: 2px solid #000; 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) { 
	#fadebtn-01 { position: fixed; bottom: 0; left: 0; width: 49.8%; }
	#fadebtn-02 { position: fixed; bottom: 0; right: 0; width: 49.8%; }
	#fadebtn-01 a { 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%; display: inline-block; }
	#fadebtn-02 a { 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%; display: inline-block; }
}
@media (min-width: 768px)	{ 
	#fadebtn-01 { position: fixed; bottom: 20px; right: 20px; }
	#fadebtn-02 { position: fixed; bottom: 50px; right: 20px; }
	#fadebtn-01 a, 
	#fadebtn-02 a { font-family: "Roboto Condensed", sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 2px; text-align: center; width: 140px; padding: 5px 25px; background: #000000; color: #fff; display: inline-block; }
}
#fadebtn-01 a:link, 
#fadebtn-01 a:visited, 
#fadebtn-01 a:hover, 
#fadebtn-01 a:active,
#fadebtn-02 a:link, 
#fadebtn-02 a:visited, 
#fadebtn-02 a:hover, 
#fadebtn-02 a:active	{ text-decoration: none; }
#fadebtn-01 a:hover, 
#fadebtn-01 a:active,
#fadebtn-02 a:hover, 
#fadebtn-02 a:active	{ background: #666666; }


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