@charset "utf-8";
/* CSS Document */

body{
	width:100%;
}

#item-list > ul.cols-4 > li,

#item-list > ul.cols-5 > li,

#item-list > ul.cols-6 > li,

#item-list > ul.cols-7 > li,

#item-list > ul.cols-8 > li{
	width: 33%;/*４列以上は３列に*/
}

#item-list > ul.cols-3 > li{
	width:50%;/*３列は２列に*/
	margin-top:20%;
}

/*---------------------------------------------------------
	switchBtn
----------------------------------------------------------- */

.switchBtn{
	display:none;
}

/*---------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------- */

#item-list > ul.cols-2 > li{
	margin-top:14%;
}

#item-list > ul.cols-3 > li{
	margin-top:14%;
}

#item-list > ul.cols-4 > li{
	margin-top:11%;
}

#item-list > ul.cols-2 > li > .inner{
	padding:10px;
	border-radius:10px;
}

#item-list > ul.cols-3 > li > .inner{
	padding:10px;
	border-radius:10px;
}

#item-list > ul.cols-4 > li > .inner{
	padding:5px;
	border-radius:5px;
}

/*---------------------------------------------------------
	side_banner
----------------------------------------------------------- */

#side_banner{
	position:absolute;
	z-index:200;
	position:fixed;
	bottom:0;
}

#side_banner ul{
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

#side_banner ul li{
	display:table-cell;
	vertical-align:middle;
	border-right:2px #fff solid;
}

#side_banner ul li a{
	display:block;
	padding:10% 5%;
	font-weight:900;
	line-height:1.0;
	color:#fff;
	background-color:#3873A3;
}

#side_banner ul li a span{
	color:#fff;
}

#side_banner ul li:last-child{
	border-right:none;
}


/*---------------------------------------------------------
	header
----------------------------------------------------------- */

#header{
	background-attachment:fixed;
}

#header #item-list > ul > li a {
    padding:5%;
}

#header{
	background-attachment:fixed;
}


/*---------------------------------------------------------
	head_img
----------------------------------------------------------- */

.cols-2 .head_img{
	top:-11%;
}

.cols-3 .head_img{
	top:-11%;
}

.cols-4 .head_img{
	top:-12%;
}

/*---------------------------------------------------------
	sale_period
----------------------------------------------------------- */

.cols-2 .sale_period span {
	font-size:14px;
	line-height:1.3em;
}

.cols-3 .sale_period span {
	font-size:14px;
	line-height:1.3em;
}

.cols-4 .sale_period span {
	font-size:12px;	
}

/*---------------------------------------------------------
	contents
----------------------------------------------------------- */

.cols-2 .contents{
	padding:10px;
}

.cols-3 .contents{
	padding:10px;
}

.cols-4 .contents{
	padding:10px;
}

/*---------------------------------------------------------
	item_img
----------------------------------------------------------- */

.cols-4 .item_img .mask {
	width:50%;
	left:25%;
}

/*---------------------------------------------------------
	cut_price
----------------------------------------------------------- */

.cols-2 .cut_price,
.cols-3 .cut_price{
	padding:10% 6% 10% 10%;
}

.cols-2 .cut_price span,
.cols-3 .cut_price span{
	font-size:30px;
}

.cols-4 .cut_price span{
	font-size:20px;
}

/*---------------------------------------------------------
	menu
----------------------------------------------------------- */

.cols-2 .menu li a:after,
.cols-3 .menu li a:after{
	margin-top:-3%;
	width:25px;
	height:25px;
}

.cols-4 .menu li a:after {
	margin-top:-3%;
	width:15px;
	height:15px;
}

.cols-2 .menu a:before,
.cols-3 .menu a:before{
	margin-top:-3%;
	width:25px;
	height:25px;
}

.cols-4 .menu a:before{
	margin-top:-3%;
	width:15px;
	height:15px;
}

/*---------------------------------------------------------
	item_name
----------------------------------------------------------- */

.cols-2 .item_name,
.cols-3 .item_name{
	margin:5% auto;
	padding:3%;
	font-size:13px;
}

.cols-4 .item_name{
	margin:5% auto;
	padding:2%;
	font-size:12px;
}

/*---------------------------------------------------------
	point_price
----------------------------------------------------------- */

.cols-2 .point_price,
.cols-3 .point_price{
	font-size:16px;
}

.cols-4 .point_price{
	font-size:15px;
}

.cols-2 .point_price:before,
.cols-3 .point_price:before{
	font-size:12px;
	font-weight:bold;
}

.cols-4 .point_price:before{
	content:"▼▼▼　";
}

.cols-2 .point_price:after,
.cols-3 .point_price:after{
	font-size:12px;
	font-weight:bold;
}

.cols-4 .point_price:after{
	content:"ポイントGET　▼▼▼";
}

/*---------------------------------------------------------
	nomal_price
----------------------------------------------------------- */

.cols-2 .nomal_price,
.cols-3 .nomal_price{
	font-size:16px;
}

.cols-4 .nomal_price{
	font-size:15px;
}

.cols-2 .nomal_price:before,
.cols-3 .nomal_price:before{
	font-size:12px;
	font-weight:bold;
}

.cols-4 .nomal_price:before{
	content:"▼▼▼　通常価格：";
}

.cols-2 .nomal_price:after,
.cols-3 .nomal_price:after{
	font-size:12px;
	font-weight:bold;
}

.cols-4 .nomal_price:after{
	content:"円(税込)　▼▼▼";
}

/*---------------------------------------------------------
	point_nomal_price
----------------------------------------------------------- */

.cols-2 .point_nomal_price,
.cols-3 .point_nomal_price{
	font-size:28px;
}

.cols-4 .point_nomal_price{
	font-size:25px;
}

.cols-2 .point_nomal_price:before,
.cols-3 .point_nomal_price:before{
	font-size:12px;
}

.cols-4 .point_nomal_price:before{
	font-size:11px;
}

.cols-2 .point_nomal_price:after,
.cols-3 .point_nomal_price:after{
	font-size:12px;
}

.cols-4 .point_nomal_price:after{
	font-size:12px;
}

/*---------------------------------------------------------
	sale_price
----------------------------------------------------------- */

.cols-2 .sale_price,
.cols-3 .sale_price{
	font-size:28px;
}

.cols-4 .sale_price{
	font-size:25px;
}

.cols-2 .sale_price:before,
.cols-3 .sale_price:before{
	font-size:12px;
}

.cols-4 .sale_price:before{
	font-size:11px;
}

.cols-2 .sale_price:after,
.cols-3 .sale_price:after{
	font-size:12px;
}

.cols-4 .sale_price:after{
	font-size:12px;
}

/*---------------------------------------------------------
	cart_btn
----------------------------------------------------------- */

.cols-2 .cart_btn a,
.cols-3 .cart_btn a{
	margin-top:10px;
	font-size:15px;
	padding:5% 0 8% 0;
}

.cols-4 .cart_btn a{
	font-size:11px;
	margin-top:5px;
	padding:4% 0 7% 0;
}


/*---------------------------------------------------------
	top_wrapper
----------------------------------------------------------- */

#top_wrapper{
	background-attachment:fixed;
}

/*---------------------------------------------------------
	top_page_01
----------------------------------------------------------- */

.top_page_01 img{
	padding:0 10%;
}

.top_page_01 p{
	font-size:18px;
	padding:1%;
}

/*---------------------------------------------------------
	top_page_02
----------------------------------------------------------- */

.top_page_02{
	margin-bottom:2%;
}


/*---------------------------------------------------------
	top_page_03
----------------------------------------------------------- */



/*---------------------------------------------------------
	tabs
----------------------------------------------------------- */



/*---------------------------------------------------------
	content
----------------------------------------------------------- */



/*---------------------------------------------------------
	mediabox
----------------------------------------------------------- */

.top_page_03 .mediabox{
	width:25%;
}

.top_page_03 .mediabox:last-child{
	display:none;
}

/*---------------------------------------------------------
	ribon
----------------------------------------------------------- */