@charset "utf-8";

/*---------------------------------------------------------------------------------------------------- ■ 全体 */
/* ---  margin/padding */
.space64{padding: 64px 0;}
.space80{padding: 80px 0;}
.space120{padding: 120px 0;}
.mB0{ margin-bottom:0 !important;}
.mT8{ margin-top:8px;}
.mT16{ margin-top:16px;}
.mT24{ margin-top:24px;}
.mT32{ margin-top:32px;}
.mT40{ margin-top:40px;}
.mT48{ margin-top:48px;}
.mT56{ margin-top:56px;}
.mT64{ margin-top:64px;}
.mT80{ margin-top:80px;}
@media only screen and (max-width:896px) {
.space64{padding: 56px 0;}
.space80{padding: 72px 0;}
.space120{padding: 104px 0;}
.mT16{ margin-top:12px;}
.mT24{ margin-top:20px;}
.mT32{ margin-top:24px;}
.mT40{ margin-top:32px;}
.mT48{ margin-top:44px;}
.mT56{ margin-top:48px;}
.mT64{ margin-top:56px;}
.mT80{ margin-top:56px;}
p br{display:none;}
}
@media only screen and (max-width:480px) {
.space64{padding: 48px 0;}
.space80{padding: 64px 0;}
.space120{padding: 88px 0;}
.mT24{ margin-top:16px;}
.mT32{ margin-top:16px;}
.mT40{ margin-top:24px;}
.mT48{ margin-top:40px;}
.mT56{ margin-top:40px;}
.mT64{ margin-top:48px;}
.mT80{ margin-top:48px;}
}


/* ---  文字色/文字の強調 */
.tc{ text-align:center;}
.w100{ width:100%;}
.cGray{
	color:#555555;
	}

/* ---  文字サイズ */
.fSize20{
	line-height:1em;
	font-size:2.2rem;
	}
.fSize14{
	line-height:1.5em;
	font-size:1.4rem;
	}
	
/* ---  背景色/背景画像 */
.grayhalf-left{
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(0,15,255,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(0,15,255,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(0,15,255,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.grayhalf-right{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,15,255,1) 50%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,15,255,1) 50%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,15,255,1) 50%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */
}

/* ---  効果(シャドウ等) */

/*ページタイトル*/
.pageTtl {
	background-color:#f5f5f5;
	}
@media only screen and (max-width:896px) {
}
@media only screen and (max-width:480px) {

}

/* ---  タイトル */
.ttlPt01{
	font-size:5rem;
	font-weight:900;
	text-align:center;
	line-height:1;
	margin-bottom:40px;
	}
	.ttlPt01-btm-subttl{
		font-size:2.6rem;
		font-weight:900;
		text-align:center;
		line-height:1.4em;
		margin-bottom:24px;
		}
		.ttlPt01-btm-txt{
			text-align:center;
			font-size:1.8rem;
			line-height:1.8em;
			}
.ttlPt02{
	border-top:1px solid #555555;
	border-bottom:1px solid #555555;
	color:#555555;
	text-align:center;
	padding:24px 0;
	font-size:2.2rem;
	line-height:1em;
	font-weight: 300;
	margin-top:56px;
	margin-bottom:40px;
	}
@media only screen and (max-width:896px) {
.ttlPt01{
	margin-bottom:32px;
	}
	.ttlPt01-btm-subttl{
		margin-bottom:16px;
		}
.ttlPt02{
	padding:16px 0;
	margin:40px 0 24px 0;
	}
}
@media only screen and (max-width:480px) {
.ttlPt01{
	margin-bottom:28px;
	}
	.ttlPt01-btm-subttl{
		margin-bottom:12px;
		}
.ttlPt02{
	margin:32px 0 24px 0;
	}
}

/* ---  ボタン */
.basicBtn {
	max-width:400px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding:24px 0;
	font-weight:800;
	text-align:center;
	color:#FFF;
	background-color:#2E2E2E;
	line-height:1em;
	font-size:2rem;
	}
	.basicBtn:hover{
		background-color:#454545;
		color:#FFF;
		}
.maskhover {
	overflow:hidden;
	position:relative;
	}
	.maskhover_mask_caption {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		    -ms-transform: translateY(-50%) translateX(-50%);
		        transform: translateY(-50%) translateX(-50%);
		text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
		font-size:1.4rem;
		line-height:1;
		color:#FFF;
		white-space:nowrap;
		text-align:center;
		width:100%;
		}
		.maskhover_mask {
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			opacity:0;
			background-color:	rgba(0,0,0,0.8);
			-webkit-transition: 0.8s;
			-o-transition: 0.8s;
			transition: 0.8s;
			}
			.maskhover:hover .maskhover_mask {
				opacity:1;
				}
.js-luminous{
	display:block;
	}
	.js-luminous:hover{
		opacity: 1;
		filter: alpha(opacity=100);
		}
@media only screen and (max-width:896px) {

}
@media only screen and (max-width:480px) {

}
		
/*---------------------------------------------------------------------------------------------------- ■ header */
header{
	height: 64px;
	z-index: 999;
	padding: 0 80px 0 16px; /*ハンバーガー左余白 ロゴ右余白*/
	width: 100%;
	position: relative;
	}
.header_logo{
		position: absolute;
		top: 50%;
		left: 16px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		padding-right:78px;
		display:block;
		}
		.header_logo img{
			max-width: 100%;
			height: auto;
			max-width: auto;
			width: auto;
			max-height: 32px;
			}
.drawer-hamburger {
	position: absolute;
	background-color: #000;
	top: 8px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
  right: 16px;
}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    top: -6px;
}
.drawer-hamburger-icon:after {
    top: 6px;
}


.drawer-hamburger:hover {
	background-color: #000;
}
.drawer-hamburger-icon {
	margin-top: 0;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background-color: #fff;
}
.drawer-menu-item {
	font-size: 1.6rem;
}
.drawer--top.drawer-open .drawer-nav {
    top: 64px;
}	
.drawer-nav{
	width: 100%;
	background-color:#fff;;
	border-top:1px solid #ddd;
	}
	.drawer-menu {
		}
		.drawer-menu-nav,
		.drawer-menu-btn{
			border-bottom:1px solid #ddd;
			}
			.drawer-menu-logo{
				display:none;
				}
				.drawer-brand {
					line-height:0;
					padding:0;
					}
				.drawer-menu-nav a,
				.drawer-menu-btn a{
					padding:16px 24px;
					display:block;
					line-height:1em;
					}
					.drawer-menu-nav a{
						color:#000;
						}
						.drawer-menu-nav a:hover {
							text-decoration: underline;
							}
					.drawer-menu-btn a{
						background-color:#2E2E2E;
						color:#FFF;
						}
						.drawer-menu-btn a:hover {
							text-decoration: underline;
							background-color:#454545;
							color:#FFF;
							}
.drawer-overlay {
	top: 64px;
}

@media (min-width: 1200px) {
header{
	top: 0;
	height:auto;
	width: 100%;
	z-index:9;
	padding:0;
	position: relative;
}
.header_logo{
	display:none;
	}
.drawer-hamburger{
	display: none;
}
.drawer--top.drawer-open .drawer-nav {
    top:0;
}	
.drawer-nav{
	position: relative;
	padding:36px 40px;
	}
	.drawer-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row;
		        flex-flow: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
		}
		.drawer-menu-nav,
		.drawer-menu-btn{
			border-bottom:none;
			margin-left:16px;
			}
			.drawer-menu-logo{
				display:block;
				margin-right: auto;
				}
				.drawer-brand span{
					display:inline-block;
					vertical-align:middle;
					}
					.drawer-brand .logo_en{
						margin-left:16px;
						}
				.drawer-menu-nav a,
				.drawer-menu-btn a{
					white-space:nowrap;
					padding:0;
					}
					_:lang(x)::-ms-backdrop,
					.drawer-menu-nav a,
					.drawer-menu-btn a {
						white-space:pre-wrap !important;
						}
					.drawer-menu-nav a{
						}
					.drawer-menu-btn a{
						padding:16px;
						}
}

/*---------------------------------------------------------------------------------------------------- ■ footer */
.copyright {
	font-size: 1.4rem;
	line-height:1;
	font-weight:bold;
	background-color: #000;
	color: #FFF;
	padding: 24px;
	text-align: center;
}
@media only screen and (max-width:480px) {
.copyright {
	font-size: 1rem;
	padding: 8px;
}
}

/*---------------------------------------------------------------------------------------------------- ★ トップページ */
.mainvisual{
	max-width:1920px;
	margin:0 auto 80px auto;
	position: relative;
	}
	.mainvisual_txt{
		position: absolute;
		top: 50%;
		left: 6.25%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		width : -webkit-calc(100% - 64%);
		width: calc(100% - 64%);
		max-width: 1200px;
		z-index: 1;
		}
		.mainvisual_txt_in{
			float: left;
			}
			_:lang(x)::-ms-backdrop,.mainvisual_txt_in {float: none;}
			.mainvisual_slid{
				float:right;
				position: relative;
				overflow: hidden;
				width : -webkit-calc(100% - 30%);
				width: calc(100% - 30%);
				padding-top:47%;
				top:0;
				-webkit-box-shadow:0px 0px 32px 0px rgba(0,0,0,0.08);
				        box-shadow:0px 0px 32px 0px rgba(0,0,0,0.08);
				background-position:50% 50%;
				background-repeat:no-repeat;
				background-size:cover;
				}
@media only screen and (max-width:896px) {
.mainvisual{
	margin:0 auto 0 auto;
	}
}
@media only screen and (max-width:480px) {
.mainvisual_txt{
	width : 84% ;
	width : -webkit-calc(100% - 30%);
	width: calc(100% - 30%);
	}
	.mainvisual_txt_in{
		float: none;
		}
.mainvisual_slid{
	float:none;
	position: static;
	width:100%;
	padding-top:0;
	height:400px;
	box-shadow:0px rgba(0,0,0,0.08);
	background-size:cover;
	}
}

.conceptWrap{
	background-image:url(../images/concept/stone_bg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:contain;
	padding: 80px 0 140px;
	}
.concept{
	position:relative;
	}
	.concept_tmb{
		float:right;
		}
	.concept_box{
		position:absolute;
		left:0;
		bottom:-56px;
		}
		
	.concept_box_in{
		background-color:#FFF;
		max-width:560px;
		width:100%;
		padding:80px 56px;
		box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
		float: left;
    text-align: left;
		}
		.concept_box_ttl{
			font-size:2.2rem;
			line-height:1.8em;
			}
			.concept_box_ttl span{
				font-size:2.4rem;
				}
			.concept_box_txt{
				margin-top:32px;
				color:#555555;
				}
				.concept_box_subttl{
					position:absolute;
					top:-112px;
					margin-bottom:0px;
					line-height:1;
					text-align:left;
					}
@media only screen and (max-width:1200px) {
.concept_box{
	bottom:-80px;
	}
.concept_box_in{
	max-width:800px;
	padding:56px 56px;
}
.concept_box_subttl{
	top:-32px;
}
}
@media only screen and (max-width:896px) {
.conceptWrap{
	padding: 72px 0 0;
	}
.concept{
	position:static;
	}
.concept_tmb{
	float:none;
	}
	.concept_tmb img{
		width:100%;
		height:auto;
		}
.concept_box{
	position:relative;
	left:0;
	bottom:0;
	width:92%;
	margin:-120px auto 0 auto;
	z-index:2;
	}
.concept_box_in{
	max-width:none;
	padding:56px 40px;
	float: none;
	}
.concept_box_subttl{
	top:-24px;
	}
.concept_box_txt{
	margin-top:24px;
	}
}
@media only screen and (max-width:480px) {
.conceptWrap{
	padding: 64px 0 0;
	}
.concept_box{
	margin:-60px auto 0 auto;
	}
.concept_box_in{
	max-width:none;
	padding:32px 32px;
	float: none;
	}
.concept_box_subttl{
	position:static;
	font-size:2.6rem;
	margin-bottom:16px;
	top:0;
	}
.concept_box_txt{
	margin-top:16px;
	}
}
	
	
/* ---  premium */
.premiumWrap{
	position:relative;
	max-width:1080px;
	width:100%;
	margin-top:56px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:180px;
	}
.premiumList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width:100%;
	}
	.premiumList_left{
		width:62%;
		}
	.premiumList_right{
		width:38%;
		padding:40px;
		}
.premiumBox{
	position:absolute;
	bottom:-120px;
	right:0;
	width:100%;
	max-width:624px;
	padding:56px;
	background-color:#fff;
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
	}
	.premiumBox h3{
		font-size:2.4rem;
		line-height:1.4em;
		}
		.premiumBox p{
			color:#555555;
			margin-top:24px;
			}
@media only screen and (max-width:896px) {
.premiumWrap{
	position:static;
	margin-top:48px;
	margin-bottom:0px;
	}
.premiumList_left{
	width:55%;
	}
.premiumList_right{
	width:45%;
	padding:0 24px;
	}
.premiumBox{
	position: relative;
	bottom: 0;
	right: 0;
	max-width: none;
	padding: 40px;
	width: 92%;
	z-index: 3;
	margin: -80px auto 0 auto;
	}
.premiumBox p{
	margin-top:16px;
	}
}
@media only screen and (max-width:480px) {
.premiumList_left{
	width:50%;
	}
.premiumList_right{
	width:50%;
	padding:0;
	}
.premiumBox{
	padding: 32px;
	margin: -24px auto 0 auto;
	}
}

/* ---  flexbox */
.flexbox {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	}
	.flexbox_col{
		text-align:center;
		margin-bottom:40px;
		}
		.flexbox_col img{
			width:100%;
			height:auto;}
@media only screen and (max-width:896px) {
.flexbox_col{
	margin-bottom:32px;
}
}
@media only screen and (max-width:480px) {
.flexbox_col{
	margin-bottom:24px;
	text-align:justify;
}
}
/*lineup*/
.inner-Lineup{
	width:100%;
	max-width:1680px;
	margin:0 auto;
	}
.flexbox-Lineup{
	margin:56px auto 80px auto;
	}	
	.flexbox-Lineup .flexbox_col{
		width:31.7%;/*width:31.785714285714285%;*/
		margin-right:2.45%;/*margin-right:2.3214285714285716%;*/
		overflow:hidden;
		box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
		}
		.flexbox-Lineup .flexbox_col:last-child {
			margin-right:0;
			}
.flexbox-Lineup img{
	width:100%;
	height:auto;
	}
.flexbox-Lineup .cent_box{
	z-index:9;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	    -ms-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
	text-align:center;
	width:84%;
	}
	.flexbox-Lineup .cent_box h3{
		font-size:3.4rem;
		margin-bottom:40px;
		line-height:1em;
		position:relative;
		}
		.flexbox-Lineup .cent_box h3:after{
			content:"";
			position: absolute;
			bottom:-16px;
			left:0;
			right:0;
			margin:0 auto;
			width:24px;
			height:1px;
			background-color:#000;
			}
.flexbox-Lineup .flexbox_col a{
	display:block;
	position:relative;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
	}
	.flexbox-Lineup .flexbox_col a:after{
		content:"";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		    -ms-transform: translateY(-50%) translateX(-50%);
		        transform: translateY(-50%) translateX(-50%);
		width:92%;
		height:88%;
		background-color: rgba(255,255,255,0.8);
		}
		.flexbox-Lineup .flexbox_col a img{
			-webkit-transition: 0.8s;
			-o-transition: 0.8s;
			transition: 0.8s;		
			}
			.flexbox-Lineup .flexbox_col a:hover img{
				-webkit-transform: scale(1.2);
				    -ms-transform: scale(1.2);
				        transform: scale(1.2);
					-webkit-transition: 0.8s;
				-o-transition: 0.8s;
				transition: 0.8s;
				}
@media only screen and (max-width:1680px) {
.inner-Lineup{
	width:94%;
	}	
}
@media only screen and (max-width:896px) {
.inner-Lineup{
	width:92%;
	}
.flexbox-Lineup{
	margin:40px auto 0px auto;
	}	
.flexbox-Lineup .flexbox_col{
	width:48%;
	margin-right:4%;
	margin-bottom:4% !important;
	}
	.flexbox-Lineup .flexbox_col:nth-child(2n) {
		margin-right:0;
		}
	.flexbox-Lineup .flexbox_col:nth-child(3n) {
		margin-right:auto;
		}
	.flexbox-Lineup .flexbox_col:last-child {
		margin-right: initial;
		}
.flexbox-Lineup .cent_box h3{
	margin-bottom:32px;
	}
}
@media only screen and (max-width:480px) {
.inner-Lineup{
	width:90%;
	}
.flexbox-Lineup{
	margin:32px auto 0 auto;
	}
.flexbox-Lineup .flexbox_col{
	width:100%;
	margin-right:0% !important;
	margin-bottom:4% !important;
	}
}

/*Select*/
.flexbox-Select .flexbox_col{
	width:31%;/*width:30.666666666666664%;*/
	margin-right:3.5%;
	}
.flexbox-Select .flexbox_col:last-child {
	margin-right:0;
	}
.flexbox-Select .flexbox_col:nth-child(3n) {
	margin-right:0;
	}
@media only screen and (max-width:480px) {
.flexbox-Select .flexbox_col{
	width:46%;
	margin-right:8%;	
	}
.flexbox-Select .flexbox_col:nth-child(2n) {
	margin-right:0;
	}
.flexbox-Select .flexbox_col:nth-child(3n) {
	margin-right:auto;
	}
.flexbox-Select .flexbox_col h4{
	text-align:center;
	}
}

/*Premium*/
.flexbox-Premium .flexbox_col{
	width:32%;
	margin-right:2%;	
	}
.flexbox-Premium .flexbox_col:last-child {
	margin-right:0;
	}
.flexbox-Premium .flexbox_col:nth-child(3n) {
	margin-right:0;
	}
@media only screen and (max-width:896px) {
}
@media only screen and (max-width:480px) {
.flexbox-Premium .flexbox_col{
	width:46%;
	margin-right:8%;	
	}
.flexbox-Premium .flexbox_col:nth-child(2n) {
	margin-right:0;
	}
.flexbox-Premium .flexbox_col:nth-child(3n) {
	margin-right:auto;
	}
}

/*High-End*/
.flexbox-Highend .flexbox_col{
	width:48%;/*48.333333333333336%*/
	margin-right:4%;/*3.3333333333333335%*/
	}
.flexbox-Highend .flexbox_col:last-child {
	margin-right:0;
	}
@media only screen and (max-width:480px) {
.flexbox-Highend .flexbox_col{
	width:46%;
	margin-right:8%;	
	}
}

/*---------------------------------------------------------------------------------------------------- ★ 標準仕様*/
#itemSort {
	letter-spacing:-0.4em;
	margin-bottom:40px;
	}
	#itemSort li{
		display:inline-block;
		letter-spacing:normal;
		font-size:2rem;
		font-weight:900;
		text-align:center;
		color:#555555;
		border:1px solid #555555;
		padding:16px 40px;
		margin-right:40px;
		line-height:1em;
		border-radius: 5px;
		cursor:pointer;
		margin-bottom:8px;
		word-break: break-word;
		}
		#itemSort li:hover{
			background-color:#2E2E2E;
			border:1px solid #2E2E2E;
			color:#FFF;
			}
		#itemSort li.active{
		background-color:#454545;
		border:1px solid #454545;
		color:#FFF;
			}
#itemList{
	width:100%;
	}
	#itemList > div{
		text-align:center;
		margin-bottom:40px;
		}
		#itemList h3{
			font-size:1.8rem;
			}
figure img{
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	display:block;
	cursor:pointer;
	}
	figure:hover img {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		}

.contactBox{
	border:1px solid #555;
	padding:40px;
	text-align:center;
	margin-top:40px;
	}
	.contactBox p{
		font-size:2.2rem;
		font-weight:bold;
		}

@media only screen and (max-width:1200px) {
#itemSort {
	letter-spacing:normal;
	}
	#itemSort li{
		display:block;
		margin-right: 3.2%;
		width: 48.4%;
		float:left;
		}
		#itemSort li:nth-child(2n){
			margin-right: 0;
			}
}
@media only screen and (max-width:896px) {
#itemSort,
#itemList > div{
	margin-bottom:32px;
	}
#itemSort li{
	padding:16px 32px;
	}
.contactBox{
	padding:32px;
	margin-top:32px;
	}
}
@media only screen and (max-width:480px) {
#itemSort,
#itemList > div{
	margin-bottom:24px;
	}
#itemSort li{
	padding:16px 24px;
	}
.contactBox{
	padding:24px;
	margin-top:24px;
	}
}