@charset "utf-8";

/*__________________________________________________________________*/

/* @group Common */

.c_indent { text-indent: -9999px; overflow: hidden; font-size: x-small; }
.c_none { display: none; visibility: hidden; }
.c_headfix { margin-left: 1em; text-indent: -1em; }
.c_clear:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.c_clear { display: inline-block; }
.c_clear { display: block; }

.infolink a { margin-left: 3px; }
/* @end */

/* @group rcontents */
#rcontents.scrollrbox { margin: 184px 0 0; }
#rcontents #storecart { width: 250px; padding: 50px 0 30px; background-color: #f2f2f2; border: 2px solid #aaaaaa; }
#rcontents.nocart { width: 250px; margin: 184px 0 0; }
.msie6 #rcontents.nocart #loginbox{ margin: 126px 0 0;  }
#rcontents #storecart dl{ width: 220px; margin: 0 auto 20px; }
#rcontents #storecart dl dt{ float: left; width: 110px; font-weight: bold; font-size: 0.8em;}
#rcontents #storecart dl dd{ margin: 0 0 0 110px; width: 110px; text-align: right; font-weight: bold; }
#rcontents #storecart p { border: none;text-align: center; }
*html #rcontents #storecart dl dd { width: 100px; }
#logincart_group:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
/* @end */

/* @group SPECIAL_Satcbox */

div.special_stacbox #maincontents { width: 920px; margin: 0 auto 30px; padding: 20px 20px 0; }
div.special_stacbox #maincontents > h2 { width: 880px; margin-bottom: 1em; padding: 0 20px; font-weight: bold; font-size: 1.4em; line-height:2em; text-align: center; }
div.special_stacbox .textonly,
div.special_stacbox #maincontents > div { width: 920px; margin-bottom: 2em; }
div.special_stacbox .img_textright img { float: left; margin-right: 20px; }
div.special_stacbox .img_textleft img { float: right; margin-left: 20px }
div.special_stacbox .wysiwyg_text > div,
div.special_stacbox .text_wysiwyg > div,
div.special_stacbox .textonly,
div.special_stacbox .img_textright,
div.special_stacbox .img_textleft{ line-height: 2; }
div.special_stacbox .img2column a,
div.special_stacbox .img3column a,
div.special_stacbox .img3column img,
div.special_stacbox .img2column img { float: left; display: inline-block; font-size: 0; line-height: 0; }

div.special_stacbox .img2column a,
div.special_stacbox .img3column a,
div.special_stacbox .img3column img,
div.special_stacbox .img2column img { float: left; display: inline-block; font-size: 0; line-height: 0; }

div.special_stacbox .img2column > img:first-child,
div.special_stacbox .img2column a:first-child { display: inline-block; padding-right:20px; }

div.special_stacbox .img3column a,
div.special_stacbox .img3column img { padding-right:10px;}
div.special_stacbox .img3column a:last-child,
div.special_stacbox .img3column img:last-child{ padding-right:0px; }
.msie div.special_stacbox .img3column { width:900px; }
.msie div.special_stacbox .img3column a{ padding-right:0 !important;   }
.msie div.special_stacbox .img3column img{ padding-right:6px !important; }

.msie .special_stacbox .img3column a:last-child img{ padding-right:0 !important; }
div.special_stacbox .wysiwyg_text > div { width: 450px; float: left; }
div.special_stacbox .text_wysiwyg > div { width: 450px; float: right; }
div.special_stacbox .wysiwyg_text > div:first-child { margin-right:20px; }
div.special_stacbox .text_wysiwyg > div:first-child { margin-left:20px; }
div.special_stacbox .souce embed { max-width: 450px; }
div.special_stacbox .itembox { width: 500px; margin-bottom: 20px; border: 1px solid #dfdfdf; background-color: #fff; }
div.special_stacbox .itembox { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
div.special_stacbox .itembox { -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); }
div.special_stacbox .itembox ul { padding: 10px; }
div.special_stacbox .itembox li { float: left; width: 213px; margin: 5px; padding: 1em 0; text-align: center; border: 1px solid transparent; }
div.special_stacbox .itembox li a { display: block; width: 100%; height: 100%; }
div.special_stacbox .itembox h3,
div.special_stacbox .itembox p { display: block; width: 100%; text-align: center; }
div.special_stacbox .itembox h3 { font-size: 1em; color: #000000; font-weight: bold; margin-bottom: 1em; }
div.special_stacbox .itembox p { font-size: 0.9em; font-weight: bold; color: #606060; }

.msie6 div.special_stacbox .itembox li { border: none; }

div.special_stacbox #icogroup { /* position: absolute; top: 50px; */ width: 960px; margin-bottom: 10px; margin: 0 auto;}
div.special_stacbox #icogroup ul { float: right; }
div.special_stacbox #icogroup .share { display: block; text-align: right; }
div.special_stacbox #icogroup .tweet{ width: 125px; }
div.special_stacbox #icogroup .facebook_share{ width: 105px; height: 26px; }
div.special_stacbox #icogroup .mixi_like { width: 80px; height: 26px;}
div.special_stacbox #icogroup .review { display: none; }
div.special_stacbox #icogroup li#favarit_ico { display: none; }
div.special_stacbox #icogroup .google_plusone { width: 60px; }
.msie div.special_stacbox #icogroup { width: 960px; }
.msie7 div.special_stacbox #icogroup { position:static; }

/*U-KISS*/
#wp_ukiss {  }
#wp_ukiss #wp1,#wp_ukiss #wp2 { width:450px; }
.tablet #wp_ukiss #wp1,#wp_ukiss #wp2 { width:49.5%; }
#wp_ukiss #wp1 { float:left; margin:0 0 30px; }
#wp_ukiss #wp2 { float:right;  }
#wp_ukiss .thumb { display:block; margin:0 0 2px; }

/*U-KISS*/

#wp_ukiss:after,
div.special_stacbox #icogroup:after,
div.special_stacbox .itembox ul:after,
div.special_stacbox .img2column:after,
div.special_stacbox .img2column span img:after,
div.special_stacbox .wysiwyg_text:after,
div.special_stacbox .text_wysiwyg:after,
div.special_stacbox #maincontents .itembox:after,
div.special_stacbox #maincontents > div:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; }

/* @end */

/* @group Tablet */

.tablet div.special_stacbox #icogroup { position: absolute; top: 0.8em; width: 100%; }
.tablet div.special_stacbox #icogroup .tweet{ width: 100px; }
.tablet div.special_stacbox #icogroup .google_plusone { width: 80px; }
.tablet #maincontents { font-size: 100% !important; }
.tablet #maincontents .img3column img:nth-child(2) { margin: 0 0.1% !important; }
.tablet #maincontents > div { width: 100% !important; }
.tablet #maincontents .itembox li { width: 22%; margin-left: 1em; }
.tablet .itembox h3, div.special_stacbox .itembox p { max-width: 100%; }

@media screen and ( max-width: 767px ){
	.tablet #maincontents { width: 580px !important; padding: 20px 2% 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.tablet #maincontents > h2 { width: 93.1% !important; }
	.tablet #maincontents div img { width: 100% !important; }
	.tablet #maincontents .img2column > a,
	.tablet #maincontents .img2column > img { width: 48.3% !important; }
	.tablet #maincontents .img3column img { width: 32.2% !important; }
	.tablet #maincontents div[class*="img_text"] > img { width: 60% !important; } 
	.tablet #maincontents div[class*="wysiwyg"] > div { width: 100%; }
	.tablet #maincontents .itembox li { width: 45%; margin-left: 1em; }
	}

@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	.tablet #maincontents { width: 750px !important; padding: 20px 2% 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.tablet #maincontents > h2 { width: 94.5% !important; }
	.tablet #maincontents div img { width: 100% !important; }
	.tablet #maincontents .img2column > a,
	.tablet #maincontents .img2column > img { width: 48.7% !important; }
	.tablet #maincontents .img3column img { width: 32.4% !important; }
	.tablet #maincontents div[class*="img_text"] img { width: 60% !important; } 
	.tablet #maincontents div[class*="wysiwyg"] > div { width: 48.7%; }
	.tablet #maincontents .itembox li { width: 21.5%; margin-left: 1em; }
	}

/* @end */

/* 2013.07.11追記： set default */
#maincontents {
	background-color: #ffffff;
	font-size: 13px;
	margin-top: 10px !important;
	padding-bottom: 10px !important;
	}
#maincontents a:hover {
	text-decoration: underline;
	}
/* 2013.07.11追記： /sp/newyearsale2012_2/ */
div#newyearsale2012_2 #maincontents > h2{
	background-color: #ff0000;
	color: #ffffff;
}
/* 2013.07.12追記： /sp/zofffishing/ */
div#zofffishing #maincontents > h2{
	background-color: #006cb8;
	color: #ffffff;
	}
/* 2013.07.12追記： /sp/basara201208/ */
div#basara201208 #maincontents {
	background: #eee9d2 url(https://img.zoff.co.jp/sp/st/920_0/34acfee951ef040cf3bb168dacefd998.jpg) repeat left top;
	}
/* 2013.07.12追記： /sp/k-on/ */
div#k-on #maincontents > h2{
	background-color: #ef004b;
	color: #ffffff;
	}
div#k-on #icogroup .facebook_share {
	width: 130px;
	}
div#k-on #icogroup .google_plusone {
	width: 85px;
	}
/* 2013.07.12追記： /sp/superlight/ */
div#superlight #maincontents > h2{
	background-color: #808080;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/zoffsmart_2/g/ */
div#zoffsmart_2-g #maincontents > h2{
	background-color: #009ce5;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/travel-patterns/ */
div#travel-patterns #maincontents {
	background-color: #fbf30b; /*#fded32;*/
	}
/* 2013.07.16追記： /sp/athlete2/ */
div#athlete2 #maincontents > h2{
	background-color: #00a0e8;
	color: #ffffff;
	}
div#athlete2-senkenh #maincontents > h2 { 
	background-color: #00a0e8;
	color: #ffffff;
	}
div#athlete2-senkenh #maincontents ins {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
	}
div#athlete2-raffine #maincontents > h2{
	background-color: #0096d7;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/ca-jyoshi/ */
div#ca-jyoshi #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/27400251db60e4b3431aa96364fe6e16.gif) repeat left top;
	}
div#ca-jyoshi #maincontents > h2{
	background-color: #ffffff;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/cm-gallery/ */
div#cm-gallery #maincontents {
	background-color: #e3e3e3;
	color: #454545;
	}
div#cm-gallery #maincontents > h2{
	background-color: #787878;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/zoffpc-enkin/ */
div#zoffpc-enkin #maincontents > h2{
	background-color: #00a0e8;
	color: #ffffff;
	}
div#zoffpc-enkin #maincontents .textonly h3{
	font-weight: normal;
	}
/* 2013.07.16追記： /sp/zoffpc/ */
div#zoffpc #icogroup .facebook_share {
	width: 130px;
	}
div#zoffpc #icogroup .google_plusone {
	width: 85px;
	}
div#zoffpc #maincontents {
	background-color: #3ebff0;
	}
div#zoffpc #maincontents > h2{
	background-color: #00a0e8;
	color: #ffffff;
	}
div#zoffpc-2 #maincontents > h2 {
	background-color: #009fe8;
	color: #ffffff; 
	}
div#zoffpc-bluelight #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/185ebbe3348b9a596953efb035db1c77.gif) repeat left top;
	}
div#zoffpc-clearpack #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/6f559f8ca33b691e5ea7897c0065fe69.gif) repeat left top;
	}
div#zoffpc-flow #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/33e7cd35aa66a793bd2ef7babd1c4ca2.gif) repeat left top;
	}
div#zoffpc-point #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/423374b814ab0f5d4c5cdd8cb865ed76.gif) repeat left top; 
	}
div#zoffpc-recommend201209 #maincontents > h2 {
	background-color: #00a0e8;
	color: #ffffff;
	}
/* 2013.07.16追記： /sp/mascotte/ */
div#mascotte #maincontents {
	background: #ffffff url(https://img.zoff.co.jp/sp/st/920_0/4b4918d946c7de9a3bc4a5e66e6d9d85.gif) repeat-y center top;
	}
/* 2013.07.17追記： /sp/zoff-supplement/ */
div#zoff-supplement #maincontents .img_textright ul li {
	font-weight: normal;
	}
/* 2013.12.28追記： マウスオーバー */
div.special_stacbox div#maincontents div.imgonly a:hover img,
div.special_stacbox div#maincontents div.img2column a:hover img,
div.special_stacbox div#maincontents div.img3column a:hover img {
	opacity: 0.7;
}
/* 2014.04.18追記： /sp/zoff_seijo_2014spring/ */
#wrapper-collaboseijoishii{
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ",  sans-serif;
  margin: 15px auto 0 auto;
  width: 100%;
  height: auto;
  background-image:url(https://img.zoff.co.jp/sp/seijoishii/bg.jpg);
  background-repeat:repeat;
	background-position:center;
}
header#header-collaboseijoishii{
	width:980px;
	height:400px;
	margin:0 auto 0 auto;
}
#catch-collaboseijoishii{
	margin: 40px auto;
	width: 840px;
	height: 280px;
	background-color: #ffffff;
	text-align: center;
}
h2#collaboseijoishii{
	font-size: 36px;
	height: 36px;
	margin-bottom: 15px;
	line-height:93px;
	margin-top:20px;
}
p#collaboseijoishii{
	font-size: 25px;
	text-height:30px;
	margin-top:47px;
}
section#colabo_zoff{
	background-color:#ffffff;
	padding-top: 20px;
	height:650px;
	margin:0px auto 0px auto;
	width:100%;
}
p#colabo_zoff_img{
	margin: 0px 50px 30px 20px;
	width: 450px;
	height: 300px;
	float:left;
}
h3.collaboseijoishii{
	font-size: 31px;
	margin:0px;
	font-weight: lighter;
	line-height:42px;
}
.colabo_zoff_text{
	width: 440px;
	float:left;
}
.zoff_products{
	width: 280px;
	float:left;
	margin-left:40px;
	text-align:center;
}
.zoff_products{
	width: 280px;
	float: left;
}
.products_text{
	font-size:16px;
	line-height:20px;
	color:#4f4e4e;
	margin-top:50px;
}
#colabo_seijo{
	background-color:#ffffff;
	padding-top: 20px;
	height:740px;
	margin:60px auto 0px;
	width:100%;
}
#colabo_seijo_img{
	margin: 0px 10px 30px 50px;
	width: 450px;
	height: 300px;
	float:right;
}
.colabo_seijo_text{
	width: 400px;
	font-size: 18px;
	float:right;
	margin-right:30px;
}
div.seijo_products{
	width: 245px;
	height:330px;
	float:left;
	text-align:center;
}
#zoff_seijo_img{
	height: 250px;
	text-align: center;
	width:980px;
	margin:0 auto 45px auto;
}
ul#collaboseijoishii{
	list-style-type: none;
}
ul#collaboseijoishii li {
	width:130px;
	height:120px;
	float:left;
	margin-left:200px;
	margin-top:50px;
}
.collabo_products{
	font-size:24px;
	margin-top:15px;
	color:#4f4e4e;
line-height:34px;
	}
.collabo_products2{
	font-size:24px;
	margin-left:20px;
	margin-top:15px;
	color:#4f4e4e;
line-height:34px;
}
.box-collaboseijoishii{
	width:980px;
	margin:0px auto;
}

/* 2014.07.25追記： /sp/kz201411/ */
div.special_stacbox #maincontents .summaryArea {
	width: auto;
}
.summaryArea {
	font-size: 13px;
  border: 5px solid #009BE5;
  padding: 10px 10px 20px 10px;
}
.summaryArea table {
  border-collapse: separate;
  border-spacing: 20px !important;
}
.summaryArea table th {
  text-align: left;
  padding: 10px 0;
  border-right: 1px solid #CCCCCC;
  width: 150px;
  font-weight: bold;
  font-size: 16px;
  color: #009BE5;
}
.summaryArea table td {
  padding-bottom: 10px;
}
.summaryArea table td ul {
  padding-left: 1.5em;
}
.summaryArea table td li {
  text-indent: -1.0em;
}
.caution {
	color: #FF0000;
}