@charset "utf-8";

/*PC��1���y�[�W*/
#sub-column{
	display:none;
}

#main-column{
	max-width:960px;
	float:none;
}


/*���W�y�[�W*/

.specialCover,
.specialCover *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.specialCover {
	width:960px;
	margin:0 auto;
}

.specialCover h1 {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 80px;
	display:block !important;
	border:none;
}

.specialCover h1:before,
.specialCover h1:after{
	display:none;
}

.specialCover .sector-menu {
	overflow: hidden;
}
.specialCover .sector-menu ul li {
	float: left;
	width: 240px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	background: url("../img/special/sp-cover-shared/menu-separator.gif") no-repeat right center;
}
.specialCover .sector-menu ul li a img {
	vertical-align: middle;
}

.specialCover .main-copy {
	text-align: center;
	margin: 60px 0;
	font-size:16px;
	line-height:1.8;
}

.specialCover .sector-brand {
	margin: 0 25px 60px;
	padding-top: 20px;
}
.specialCover .sector-brand h2 {
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	color:#888;
	padding-bottom: 10px;
	border-bottom: solid 1px #787878;
	margin-bottom: 15px !important;
	font-family:serif;
	vertical-align:middle;
	display:block !important;
}

.specialCover .sector-brand h2 span{
	font-size:14px;
	line-height:26px;
	font-weight:normal;
	display:inline-block;
	border-left:solid 1px #999;
	padding-left:10px;
	margin-left:10px;
	vertical-align:middle;
}


.specialCover .sector-brand .col_L {
	float: left;
	width: 300px;
}
.specialCover .sector-brand .col_R {
	float: right;
	width: 587px;
}

.specialCover .sector-brand_head {
	overflow: hidden;
	margin-bottom: 20px;
}

.specialCover .sector-brand_head .brand-info {
	padding-bottom: 15px;
	border-bottom: solid 1px #787878;
}

.specialCover .sector-brand_head .brand-info .brand-info__logo {
	display: inline-block;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	margin-right: 12px;
}

.specialCover .sector-brand_head .brand-info .brand-info__logo img{
	max-height: 48px;
}

.specialCover .sector-brand_head .brand-info .flag-icons {
	display: inline-block;
	width: 131px;
	vertical-align: middle;
	overflow: hidden;
}
.specialCover .sector-brand_head .brand-info .flag-icons img {
	float: right;
	margin-right: 4px;
}
.specialCover .sector-brand_head .brand-info .flag-icons img:nth-child(1) { margin-right: 0; }
.specialCover .sector-brand_head p {
	font-size: 13px;
	line-height: 2;
}

.specialCover .sector-brand_body {
	padding-bottom: 20px;
	background: url("../img/special/sp-cover-shared/border-dotted-horizon.gif") repeat-x 0 bottom;
	overflow: hidden;
}
.specialCover .sector-brand_body .about-brand {
	background: #f5f5f5;
	padding: 20px;
	box-sizing: border-box;
}
.specialCover .sector-brand_body p {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 5px;
}
.specialCover .sector-brand_body .brand-URL {
	display: block;
	font-size:14px;
	margin-bottom: 15px;
}
.specialCover .sector-brand_body .sub-photo {
	margin-right: 5px;
}

.specialCover .brand-products {
	text-align: center;
	overflow: hidden;
}

.specialCover .brand-products ul {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 20px;
	font-size:0;
}

.specialCover .brand-products ul li {
	display:inline-block;
	padding:5px;
}

.specialCover .brand-products ul li img{
	width:130px;
}


.specialCover .brand-products__info {
	text-align: left;
	font-size:13px;
	margin: 20px;
	padding-bottom: 10px;
	background: url("../img/special/sp-cover-shared/border-dotted-horizon.gif") repeat-x 0 bottom;
}
.specialCover .brand-products__info i {
	margin: 0 15px;
}

.specialCover .brand-products a {
	clear: both;
}

.specialCover .cart-btn a{
	display:inline-block;
	width:45%;
	text-align:center;
	color:#FFF;
	font-size:16px;
	background:#00667D;
	padding:10px;
	text-decoration:none;
}

.specialCover .cart-btn a:before{
	content:"";
	width:18px;
	height:18px;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	background:url(../img/special/sp-cover-shared/icon_cart.png) no-repeat;
	background-size:contain;
}

.specialCover .cart-btn{
	margin-bottom:40px;
}

.specialCover .cart-btn a:hover{
     opacity: .70;
     filter: alpha(opacity=70);
     -ms-filter: "alpha(opacity=70)";
}



@media ( max-width : 748px ) {/*�X�}�z�p*/


	.specialCover {
		width:auto;
		margin:0 auto;
	}

	.specialCover h1 {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.specialCover h1 img{
		width:50%;
	}

	.specialCover .sector-menu {
		overflow: hidden;
	}

	.specialCover .sector-menu ul{
		font-size:0;
		padding:0 10px;
	}

	.specialCover .sector-menu ul li {
		float: none;
		width: 25%;
		height: auto;
		padding:10px;
		line-height: 40px;
		text-align: center;
		background:none;
		display:inline-block;
		border-right:dotted 1px #CCC;
	}

	.specialCover .sector-menu ul li:last-child{
		border-right:none;
	}

	.specialCover .sector-menu ul li a{
		display:block;
		padding:5px;
	}

	.specialCover .sector-menu ul li a img {
		vertical-align: middle;
		max-height:40px;
		width:auto;
	}

	.specialCover .main-copy {
		margin: 20px 10px;
		font-size:13px;
	}

	.specialCover .main-copy br{
		display:none;
	}

	.specialCover .sector-brand {
		margin: 0 0px 10px;
		padding-top: 10px;
	}
	.specialCover .sector-brand h2 {
		font-size:20px;
		line-height:26px;
		margin-bottom: 0px !important;
	}

	.specialCover .sector-brand h2 span{
		font-size:14px;
		line-height:20px;
	}


	.specialCover .sector-brand .col_L {
		float: none;
		width: 100%;
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
	}

	.specialCover .sector-brand .col_R {
		float: none;
		width: 100%;
	}

	.specialCover .sector-brand_head {
		overflow: hidden;
		margin-bottom: 10px;
	}

	.specialCover .sector-brand_body {
		padding-bottom: 20px;
		background: none;
		overflow: hidden;
		border-bottom:dotted 1px #666;
	}
	.specialCover .sector-brand_body .about-brand {
		padding: 10px;
	}

	.specialCover .sector-brand_body .sub-photo{
		max-width:47%;
	}

	.specialCover .sector-brand .sector-brand_body .col_L img{
		max-width:60%;
		margin-bottom: 10px;
	}

	.specialCover .sector-brand_head .brand-info .brand-info__logo {
		width: 45%;
	}

	.specialCover .sector-brand_head .brand-info .brand-info__logo img{
		max-height: 40px;
	}

	.specialCover .sector-brand_head .brand-info .flag-icons {
		width: 48%;
		text-align:left;
	}

	.specialCover .sector-brand_head .brand-info .flag-icons img {
		float: none;
		margin-right: 4px;
	}

	.specialCover .brand-products ul{
		display:block;
		width:100%;
		margin-bottom:0;
	}

	.specialCover .brand-products ul li {
		display:inline-block;
		padding:5px;
		width:33.33333%;
	}
		
	.specialCover .brand-products ul li img{
		width:100%;
	}

	.specialCover .brand-products__info {
		text-align: center;
		font-size:13px;
		margin: 20px 0 10px;
		padding-bottom: 5px;
		background:none;
		border-bottom:dotted 1px #666;
	}
	.specialCover .brand-products__info i {
		margin: 0 5px;
	}

	.specialCover .brand-products a {
		clear: both;
	}

	.specialCover .cart-btn{
		margin-bottom:20px;
	}

	.specialCover .cart-btn a{
		width:80%;
		font-size:14px;
	}

}