@charset "utf-8";


/* content
=====================*/
.top {
}
.top section {
	width:980px;
	padding:56px 0;
	margin:0 auto;
}
.top section h1 {
	font-size:24px;
	padding-bottom:28px;
}


/* #kv
=====================*/
#kv {
	position:relative;
/*	height:501px;*/
	height:500px;
}

#kv .slideMain {
	height:500px;
/*	border-bottom:1px solid #ededed;*/
	overflow:hidden;
}
#kv .slideMain li {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#kv .slideMain li a {
	display:block;
	height:500px;
	background:center center no-repeat;
	-webkit-background-size:auto 570px;
	-moz-background-size:auto 570px;
	background-size:auto 570px;
}

#kv .slideMarker {
	text-align:center;
	line-height:0;
	font-size:0;
	margin-top:14px;
}
#kv .slideMarker span {
	display:inline-block;
	background:#b4b4b4;
	width:28px;
	height:2px;
	margin-right:8px;
}
#kv .slideMarker span:last-of-type {
	margin-right:0;
}
#kv .slideMarker span.on {
	background:#d70c19;
}

#kv .slideControl {
	position:absolute;
	top:0;
	left:50%;
	width:980px;
	margin-left:-490px;
}
#kv .slideControl .arrow {
	position:absolute;
	top:226px;
}
#kv .slideControl .slideArrowL {
	left:-15px;
}
#kv .slideControl .slideArrowR {
	right:-15px;
}
#kv .slideControl .arrow a {
	display:block;
	padding:0 15px;
	color:#666;
	font-size:48px;
}


/* #products
=====================*/
#products {
}
#products_box {
	position:relative;
}
#products_box .products_main {
	margin:0 28px;
	overflow:hidden;
}
#products_box .products_main ul {
	width:1586px;
	overflow:hidden;
}
#products_box .products_main ul li {
	float:left;
	width:112px;
	position:relative;
	margin-right:10px;
}
#products_box .products_main ul li:last-of-type {
	margin-right:0;
}
#products_box .products_main ul li a {
	display:block;
	width:100%;
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	   -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#products_box .products_main ul li a:hover .products_img {
	background-color:#e9e9e9;
}
#products_box .products_main ul li .products_img {
}
#products_box .products_main ul li .products_ttl {
	margin-top:7px;
	font-size:12px;
	text-align:center;
}

#products_box .icon_box {
}
#products_box .icon_box .arrow {
	position:absolute;
	top:46px;
}
#products_box .icon_box .arrow_l {
	left:-15px;
}
#products_box .icon_box .arrow_r {
	right:-15px;
}
#products_box .icon_box .arrow a {
	display:block;
	padding:7px 15px;
	color:#666;
	font-size:24px;
}



/* #pickup
=====================*/
#pickup {
	background:#f7f7f7;
}
#pickup ul {
}
#pickup ul li {
	float:left;
	padding:0 14px 28px 0;
	width:317px;
}
#pickup ul li:nth-of-type(3n) {
	padding-right:0;
}

#pickup ul li a {
	display:block;
}
#pickup ul li .img {
}
#pickup ul li .ttl {
	margin-top:10px;
	text-align:center;
	line-height:1.5;
}
#pickup .btn{
	width:315px;
}


/* #topics
=====================*/
#topics {
}
#topics .topics_box {
	padding-bottom:28px;
}
#topics .topics_box li {
	padding-bottom:14px;
}
#topics .topics_box li .tag {
	display:inline-block;
	background:#d70c19;
	width:63px;
	height:13px;
	margin:0 14px;
	vertical-align:11%;
	
	color:#fff;
	font-size:9px;
	text-align:center;
	line-height:13px;
}
#topics .topics_box li .topics_txt{
	width: 800px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	display:inline-block;
	vertical-align:middle;
}
#topics .topics_box li a .topics_txt{
	text-decoration:underline;
}
#topics .topics_box li a:hover .topics_txt{
	color:#d70c19;
}
#topics .btn {
	width:315px;
}



@media screen and (max-width:768px) {
	/* #kv
	=====================*/
	#kv {
		height:auto;
	}
	#kv .slideMain{
		height:auto;
	}
	#kv .slideMain:before {
		content:"";
		display:block;
		padding-top:75%;
		float:left;
		width:0;
	}
	#kv .slideMain li a {
		height:auto;
		overflow:hidden;
		-webkit-background-size:auto 100%;
		-moz-background-size:auto 100%;
		background-size:auto 100%;
	}
	#kv .slideMain li a:before {
		content:"";
		display:block;
		padding-top:75%;
		float:left;
		width:0;
	}
	
	#kv .slideMarker {
		margin-top:10px;
	}
	#kv .slideMarker span {
		width:21px;
		margin-right:6px;
	}
	
	#kv .slideControl {
		position:static;
		width:auto;
		margin-left:0;
	}
	#kv .slideControl .arrow {
		top:50%;
		margin-top:-15px;
	}
	#kv .slideControl .slideArrowL {
		left:0;
	}
	#kv .slideControl .slideArrowR {
		right:0;
	}
	#kv .slideControl .arrow a {
		padding:0 28px;
		font-size:40px;
	}
	

}

@media screen and (max-width:768px) and (min-width:571px) {

	/*content
	================*/

	.top {
	}
	.top section {
		width:auto;
		margin:0 28px;
	}
	
	
	/* #products
	=====================*/
	#products_box .products_main {
		width:auto;
		padding-bottom:15px;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	#products_box .products_main ul {
		width:1586px;
	}
	#products_box .products_main ul li {
		margin-right:5px;
	}
	
	
	/* #pickup
	=====================*/
	#pickup ul li {
		padding:0 0 28px 0;
		width:49%;
	}
	#pickup ul li:nth-of-type(2n-1) {
		float:left;
		clear:both;
	}
	#pickup ul li:nth-of-type(2n) {
		float:right;
	}
	
	#pickup ul li .img img {
		width:100%;
	}

	
	/* #topics
	=====================*/
	#topics {
	}
	#topics section h1 {
	}
	#topics .topics_box {
		border-top:1px solid #CCC;
	}
	#topics .topics_box li {
		padding:14px 0;
		border-bottom:1px solid #c9c9c9;
	}
	#topics .topics_box li:nth-of-type(n+4) {
		display:none;
	}
	#topics .topics_box li a {
		display:block;
		padding:10px 15px 10px 0;
		position:relative;
	}
	#topics .topics_box li a:before {
		content:"";
		display:inline-block;
		color:#d70c19;
		font-size:18px;
		font-family:FontAwesome;
		font-style:normal;
		font-weight:normal;
		line-height:1;
		
		position:absolute;
		top:50%;
		right:0;
		margin-top:-10px;
	}
	#topics .topics_box li .tag {
		height:12px;
		margin:0 9px;
		line-height:12px;
	}
	#topics .topics_box li .topics_txt {
		display:block;
		padding-top:7px;
		line-height:1.5;
		
		width: auto;
		white-space: normal;
		overflow: auto;
		text-overflow: clip;
	}

}

@media screen and (max-width:570px) {

	/*content
	================*/

	.top {
	}
	.top section {
		width:auto;
		padding:30px 10px;
	}
	.top section h1 {
		font-size:18px;
		padding-bottom:20px;
	}

	/* #kv
	=====================*/
	#kv .slideControl .arrow a {
		padding:0 10px;
		font-size:30px;
	}
	
	
	/* #products
	=====================*/
	.top #products section {
		width:auto;
		padding:18px 10px 15px;
	}
	#products {
	}
	#products_box .products_main {
		width:auto;
		margin:0 20px;
		padding-bottom:15px;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	#products_box .products_main ul {
		width:1118px;
	}
	#products_box .products_main ul li {
		width:86px;
		margin-right:0;
	}
	#products_box .products_main ul li .products_img {
	}
	#products_box .products_main ul li .products_ttl {
		margin-top:10px;
		font-size:10px;
	}
	
	#products_box .icon_box {
	}
	#products_box .icon_box .arrow {
		top:33px;
	}
	#products_box .icon_box .arrow_l {
		left:-10px;
	}
	#products_box .icon_box .arrow_r {
		right:-10px;
	}
	#products_box .icon_box .arrow a {
		padding:5px 10px;
		font-size:20px;
	}
	
	
	/* #pickup
	=====================*/
	#pickup ul li {
		float:none;
		padding:0 0 20px 0;
		width:100%;
	}
	#pickup ul li .img {
	}
	#pickup ul li .img img {
		margin-top:10px;
		width:100%;
	}
	#pickup .btn{
		width:100%;
	}


	/* #topics
	=====================*/
	#topics {
	}
	#topics section h1 {
		padding-bottom:20px;
	}
	#topics .topics_box {
		padding-bottom:20px;
		border-top:1px solid #CCC;
	}
	#topics .topics_box li {
		padding:5px 0;
		border-bottom:1px solid #c9c9c9;
	}
	#topics .topics_box li:nth-of-type(n+4) {
		display:none;
	}
	#topics .topics_box li a {
		display:block;
		padding:10px 15px 10px 0;
		font-size:12px;
		position:relative;
	}
	#topics .topics_box li a:before {
		content:"";
		display:inline-block;
		color:#d70c19;
		font-size:18px;
		font-family:FontAwesome;
		font-style:normal;
		font-weight:normal;
		line-height:1;
		
		position:absolute;
		top:50%;
		right:0;
		margin-top:-10px;
	}
	#topics .topics_box li .tag {
		height:12px;
		margin:0 9px;
		line-height:12px;
	}
	#topics .topics_box li .topics_txt {
		display:block;
		padding-top:10px;
		line-height:1.5;
		
		width: auto;
		white-space: normal;
		overflow: auto;
		text-overflow: clip;
	}
	#topics .btn {
		width:100%;
	}
	
	
}