body	{ color: #666; background-color: #ffffff; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; }
.spConcontainer	{ margin: 0 auto; padding-bottom: 65px; }
@media (max-width: 979px)	{ .spConcontainer { width: auto; margin: 0 15px; padding-bottom:30px; } }
@media (min-width: 980px)	{ .spConcontainer { width: 980px; } .spConInner { padding: 0 65px; } }
@media (max-width: 560px) {
	.spConcontainer { width: auto; margin: 0 15px; padding-bottom:20px; }
}

.img-responsive	{ display: block; height: auto; max-width: 100%; }
a:hover img	{ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
a img	{ -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: #1c8cff; }

/* ------------ MAIN ------------- */
.favHd	{ text-align: center; padding: 60px 0 0 0; }

.favHd > img	{  }
.favHd > h1	{ font-size: 38px; font-weight: normal; text-align: center; padding: 20px 0 0; }
.favHd > p	{ font-size: 16px; margin: 20px 0 0; padding: 10px 40px; border-color: #bababa; border-style: dotted; border-width: 1px 0; display: inline-block; }
@media (max-width: 767px) {
	.favHd	{ padding: 30px 0 0 0; }
	.favHd > h1	{ font-size: 20px; padding: 10px 0 0; }
	.favHd > p	{ font-size: 14px; margin: 10px 0 0; padding: 10px 10px; }
}
@media (max-width: 560px) {
	.favHd > h1 span	{ display: block; }
	.favHd > p	{ font-size: 12px; text-align: center; margin: 10px 0 0; padding: 5px; }
	.favHd > p span	{ text-align: center; display: block; }
}

.spConwrapper	{ background-color: #f5f5f5; padding: 30px 0 0; }
@media (max-width: 767px) {
	.spConwrapper	{ padding: 0; }
}


.fovstag	{ background-color: #fff; padding: 20px; border-top: 1px dotted #bababa; display: block; }

/* ------------ TITLE ------------- */
.spConInner > h3	{ font-size: 24px; color:#666666; font-weight: normal; text-align: center; padding: 20px 20px 0; }
.spConInner > h3	{ border-top: 1px solid #666666; margin:40px 0 0; text-align:center; padding:0; height:30px; }
.spConInner > h3 > span	{ position: relative; top: -12px; padding: 0 1em 0 1em; background:#f5f5f5; }
@media (max-width: 560px) {
	.spConInner > h3	{ height:20px; font-size: 16px; }
}


.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:#f5f5f5; 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; }
}

.spConRt	{ margin-top: 80px; }
.spConRt > h1	{ margin-bottom: 18px; }
.spConRt > p	{ font-size: 1.36em; line-height: 2em; padding-bottom: 50px; }
.spConRt > strong	{ font-size: 1.1em; color: #666; font-weight: normal; background-color: #e6e6e6; letter-spacing: 0.2em; margin-bottom: 20px; padding: 0.5em 1em; display: block; }
.spConRt > ul	{ margin-left: 1em; padding-bottom: 3px; }
.spConRt > ul li	{ text-indent: -1em; padding-bottom: 3px; }
.spConRt .attentinnner	{ margin-left: 2em; padding-bottom: 3px; }
@media (max-width: 815px)	{ 
	.spConRt	{ margin-top: 20px; }
	.spConRt > p	{ font-size: 1.28em; line-height: 1.8em; padding-bottom: 30px; }
	.spConRt > strong	{ font-size: 1em; letter-spacing: 0.1em; margin-bottom: 10px; padding: 0.3em 0.8em; }
	.spConRt > ul li	{ font-size: 0.9em; padding-bottom: 3px; }
}
@media (max-width: 767px)	{ 
	.spConRt > h1	{ margin: 20px 0 10px; }
	.spConRt > p	{ font-size: 1em; line-height: 1.6em; padding-bottom: 20px; }
}

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

#footer, 
.footer, 
.footer-inner	{ min-width: initial !important; max-width: initial !important; }

.footer-corp-nav a	{ color: #fff; padding-bottom: 40px; display: inline-block; }


/* ------------ GO TOP ------------- */
@media (max-width: 767px) { 
	#scrollUp { font-size: 13px; font-weight: bold; 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-size: 13px; font-weight: bold; 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; }