﻿.box{
	background: rgba(255, 255, 255, 1)!important;
}
.itemmenu > .bottom{
	height: 0px;
}


.pagetitle{
	width: 100%;
	max-width: 950px;
	padding:0;
	margin:0 auto;
	text-align : left;
}
.pagetitle img{
	width: 100%;
	max-width: 198px;
	padding:0;
	margin:15px 0 0 0;
}
.itembox{
	width: 100%;
	max-width: 950px;
	padding:0;
	margin:0 auto;
	font-size:0;
	text-align : left;
}
.item{
	width: 300px;
	padding:0;
	margin:15px 25px 15px 0;
	text-decoration:none;
	display: inline-block;
	vertical-align: top;
	text-align : center;
}
.item:nth-child(3n){
	margin:15px 0 15px 0;
}
.item img{
	width: 100%;
	padding:0;
	margin:0;
	border:1px solid #f9d6a1;
}
.brand,
.name,
.color,
.number{
	width: 100%;
	text-align : left;
}
.price{
	text-align : right;
}
.brand{
	color:#754c24;
}
.brand.en{
	margin:15px 0 5px 0;
	font-size:22px;
	font-weight:900;
}
.brand.jp{
	padding:0 0 6px 0;
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:600;
	border-bottom:1px solid #754c24;
}
.name{
	margin:0 0 30px 0;
	font-size:16px;
	font-weight:600;
	color:#302519;
}
.color{
	margin:0 0 6px 0;
	font-size:16px;
	font-weight:500;
	color:#302519;
}
.number{
	margin:0 0 6px 0;
	font-size:12px;
	font-weight:500;
	color:#302519;
}
.price{
	font-size:22px;
	font-weight:900;
	color:#d2145a;
}
.price .zei{
	font-size:12px;
}
.page{
	width: 100%;
	padding:0;
	margin:0 0 10px 0;
	font-size:14px;
	background: rgba(255, 255, 255, 1);
}

.itembox > .img{
	width: 100%;
	max-width: 450px;
	padding:0;
	margin:15px 20px 15px 0 ;
	vertical-align: top;
	text-align : left;
	display: inline-block;
}
.itembox > .img > a{
	width: 100%;
	padding:0;
	margin:0 0 20px 0;
	display: inline-block;
}
.itembox > .img > a > img{
	width: 100%;
	padding:0;
	margin:0;
	border:1px solid #f9d6a1;
}
.itembox > .data{
	width: 100%;
	max-width: 480px;
	padding:0;
	margin:15px 0 ;
	vertical-align: top;
	text-align : left;
	display: inline-block;
}
.itembox > .data > .txt{
	padding:0;
	margin:15px 0 0 0;
	font-size:14px;
	font-weight:500;
	color:#302519;
}
.itembox > .data > .brand{
	color:#754c24;
}
.itembox > .data > .brand.en{
	padding:0 0 6px 0;
	margin:0 0 4px 0;
	font-size:36px;
	line-height:1;
	font-weight:900;
	border-bottom:2px solid #754c24;
}
.itembox > .data > .brand.jp{
	padding:0;
	margin:0 0 0 0;
	font-size:20px;
	font-weight:600;
	border-bottom:0px solid #754c24;
}
.itembox > .data > .name{
	padding:0;
	margin:0;
	font-size:20px;
	font-weight:500;
	color:#302519;
}
.itembox > .data > .data{
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:500;
	color:#302519;
}
.itembox > .data > .price{
	padding:0 0 60px 0;
	margin:0 0 20px 0;
	font-size:38px;
	font-weight:900;
	color:#d2145a;
	text-align : left;
	border-bottom:2px solid #754c24;
}
.itembox > .data > .price span{
	font-size:18px;
	font-weight:600;
}
.itembox > .data > .note{
	padding:0;
	margin:0 0 50px 0;
	font-size:14px;
	font-weight:500;
	line-height:2;
	color:#302519;
	vertical-align : top;
	text-align : justify;
	text-justify : inter-ideograph;
	line-break : strict;
}
.back{
	width: 100%;
	padding:0 0 15px 0;
	margin:0;
	font-size:16px;
	font-weight:600;
	line-height:1;
	vertical-align : top;
	text-align : center;
	background:#ffffff;
	position:relative;
	display : block;
	overflow:hidden;
}

@media (max-width: 1020px) {
	.pagetitle{
		width: 95vw;
		max-width: 1000px;
	}
	.itembox{
		width: 95vw;
		max-width: 1000px;
	}
	.item{
		width: 30vw;
		margin:2.5vw 2.5vw 2.5vw 0;
	}
	.item:nth-child(3n){
		margin:2.5vw 0 2.5vw 0;
	}

	.itembox > .img{
		width: 45vw;
		margin:15px 5vw 15px 0 ;
	}
	.itembox > .data{
		width: 45vw;
	}
}
@media (max-width: 920px) {
	.pagetitle{
		width: 90vw;
	}
	.itembox{
		width: 90vw;
	}
	.item{
		width: 42.5vw;
		margin:2.5vw 5vw 2.5vw 0;
	}
	.item:nth-child(3n){
		margin:2.5vw 5vw 2.5vw 0;
	}
	.item:nth-child(2n){
		margin:2.5vw 0 2.5vw 0;
	}

	.itembox > .img{
		width: 40vw;
		margin:15px 5vw 15px 0 ;
	}
	.itembox > .data{
		width: 45vw;
	}

	.itembox > .data > .brand.en{
		font-size:30px;
	}
	.itembox > .data > .brand.jp{
		font-size:18px;
	}
	.itembox > .data > .name{
		font-size:18px;
	}
	.itembox > .data > .price{
		font-size:30px;
	}
	.itembox > .data > .price span{
		font-size:16px;
	}
}
@media (max-width: 620px) {
	.item,
	.item:nth-child(2n),
	.item:nth-child(3n){
		width: 90vw;
		margin:5vw 0vw 5vw 0;
	}
	.item img{
		width: 70%;
	}
	.brand.en{
		margin:10px 0 5px 0;
	}
	.itembox > .data > .brand.jp{
		font-size:16px;
	}
	.name{
		margin:0 0 5px 0;
	}

	.itembox > .data > .txt{
		margin:10px 0 0 0;
	}
	.itembox > .data > .brand.en{
		font-size:24px;
	}
	.itembox > .data > .name{
		font-size:16px;
	}
	.itembox > .data > .price{
		padding:0 0 20px 0;
		margin:0 0 20px 0;
		font-size:24px;
	}
	.itembox > .data > .price span{
		font-size:14px;
		font-weight:600;
	}

	.itembox > .img{
		width: 100%;
		max-width: 100%;
		margin:15px 0 15px 0 ;
		text-align : center;
	}
	.itembox > .img > a:nth-child(1){
		width: 90vw;
		padding:0;
		margin:0 0 2vw 0;
	}
	.itembox > .img > a:nth-child(2){
		width: 44vw;
		padding:0;
		margin:0 2vw 0 0;
	}
	.itembox > .img > a:nth-child(3){
		width: 44vw;
		padding:0;
		margin:0 0 0 0;
	}
	.itembox > .data{
		width: 100%;
		max-width: 100%;
	}
	.itembox > .data > .note{
		margin:0 0 20px 0;
		line-height:1.5;
	}
}
