@charset "utf-8";
/*
//	PORTO
//	SHOP(Products)用
//	2015.6.3 started by Tadashi YAMAOKA
*/

/* リンクCSS
---------------------------------------------*/
@import url(reset.css);
@import url(basic-shop.css);

/* ページボディ
---------------------------------------------*/

/* ショップトップページ商品リスト
---------------------------------------------*/

div#products {
position: relative;
overflow: hidden;
}
 
	div#products ul.products {
	float:left;
	left:50%;
	position:relative;
	}
	 
	div#products ul.products li {
	float:left;
	width:310px;
	left:-50%;
	position:relative;
	text-align:center;
	padding:0 8px 15px 8px;
	
	}
	
	div#products ul.products li img{
	margin-bottom:0px;
	max-width:100%;
	text-align: center;
	}
	div#products ul.products li p.m-name{
		margin:15px 0 10px 0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		font-family: 'TsukuGoPr5-R';
		}
	div#products ul.products li p.s-name{
		margin:0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		font-family: 'TsukuGoPr5-R';
		}

div.pager {
	text-align:center;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0 0 0;
	padding:20px 0 50px 0;
	}
	div.pager a{
		margin:0 10px 0 10px;
		}
	

/* 商品詳細ページ
---------------------------------------------*/

#contents-item {
	width:980px;
	margin:0px auto 20px auto;
	padding:30px 0 0 0;
}

div#item {
	}
	
div#item-photo {
	float:left;
	width:500px;
	}
	div.exp01 {
		padding:20px 0 25px 0;
		}
		div.exp01 p{
			font-size:10px;
		}
	div.caution01 {
		padding-bottom:35px;
		}
		div.caution01 p{
			font-size:10px;
		}
	h3.exp {
		text-align: right;
		padding:15px 0px 3px 0;
		margin: 0 0 20px 0;
		border-bottom: #ccc 1px solid;
		}
	div.description{
		padding:5px 0 0 0;
		font-size:13px;
		line-height:1.8;
		font-family: 'TsukuGoPr5-R';
	}
	div.notice{
		padding:5px 0 0 0;
		font-size:13px;
		line-height:1.8;
		font-family: 'TsukuGoPr5-R';
	}
div#item-spec {
	float:right;
	width:380px;
	}
	h1.title {
		font-size:25px;
		font-weight:normal;
		line-height:1.0;
		font-family: 'TsukuGoPr5-R';
		color:#727171;
		}
	h1.title-jp {
		font-size:12px;
		margin-top:7px;
		letter-spacing:0.15em;
		font-family: 'TsukuGoPr5-R';
		}
div.price {
	font-size:15px;
	padding:48px 0 10px 0;
	}
	div.price p{
		line-height:1.9;
		font-family: 'TsukuGoPr5-R';}
div.spec {
	font-size:12px;
	padding:0px 0 0px 0;
	}

	ul.spec li, ul.order li{
		border-bottom:#ccc solid 1px;
		padding:10px 0 13px 3px;
		font-family: 'TsukuGoPr5-R';
		}
		
ul.accordion {
	margin:5px 0 0px 0;
}
ul.accordion a {
	display:block;
	padding:0px;
	text-decoration:none;
	color:#000;
}
ul.accordion span {
	display:block;
	margin:0 0 0px 0;
}
ul.accordion ul {
	display:none;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
}
ul.accordion > li {
}
ul.accordion > li > p {
}
ul.accordion li p span{
	width:380px;
	height:55px
	
}
ul.accordion > li > p span {
	background:	url(../../images/products/size-spec.png) no-repeat;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
ul.accordion > li > p span.open {
	background:	url(../../images/products/size-spec2.png) no-repeat;
}

ul.accordion > li > ul> li{
		border-bottom:#ccc solid 1px;
		padding:10px 0 13px 3px;
		font-family: 'TsukuGoPr5-R';
}

/* @end */
		
		
		

div.order {
	font-size:12px;
	padding:0px 0 0px 0;
	}
	h3.order {
		padding:20px 0 0 0;
		}
/* 
div#may-like {
	position: relative;
	overflow: hidden;
	padding:50px 0 50px 0;
	border-top: #ccc 1px solid;
	}
	div#may-like h3{
		padding:0 0 25px 0;
		}
	div#may-like ul.may-like {
	float:left;
	left:50%;
	position:relative;
	}
	 
	div#may-like ul.may-like li {
	float:left;
	width:230px;
	left:-50%;
	position:relative;
	text-align:center;
	padding:0 7px 13px 7px;
	
	}
	
	div#may-like ul.may-like li img{
	margin-bottom:0px;
	max-width:100%;
	text-align: center;
	}
	div#may-like ul.may-like li p.m-name{
		margin:15px 0 10px 0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		}
	div#may-like ul.may-like li p.s-name{
		margin:0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		}
*/
div#may-like {
	padding:50px 0 120px 0;
	
	}
	div#may-like h3{
		padding:0 0 10px 0;
		}
	div#may-like ul.may-like {
	float:left;
	}
	 
	div#may-like ul.may-like li {
	float:left;
	width:230px;
	left:-50%;
	text-align:center;
	padding:0 14px 13px 0px;
	
	}
	
	div#may-like ul.may-like li img{
	margin-bottom:0px;
	max-width:100%;
	text-align: center;
	}
	div#may-like ul.may-like li p.m-name{
		margin:15px 0 10px 0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		}
	div#may-like ul.may-like li p.s-name{
		margin:0;
		padding:0;
		font-size:11px;
		line-height:1.0;
		}

/* ショッピングガイド　ページ
---------------------------------------------*/
div#shopping-guide {
	width:650px;
	margin:0 auto 30px auto;
	}
div#shopping-guide section{
	padding:0 0 80px 0;
	}
div#shopping-guide p{
	font-size:13px;
	margin:0 100px 0 2em;
	padding:0 0 0 0;
	line-height:1.8;
	font-family: 'TsukuGoPr5-R';
}

div#shopping-guide p.outline {
	margin:15px 0 40px 0em;
	padding:13px 0 13px 0;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	font-family: 'TsukuGoPr5-R';
}

div#shopping-guide p.note {
	margin:0px 0 0px 0em;
	}

div#shopping-guide h2{
	font-size:18px;
	font-weight:bold;
	margin:0px 0 0 0;
	line-height:1.5;
	font-family: 'TsukuGoPro-B';
	color:#727171;
	}
	
div#shopping-guide h3{
	font-size:14px;
	font-weight:bold;
	margin:25px 0 10px 0;
	color:#555;
	font-family: 'TsukuGoPro-B';
	color:#727171;
}

table.soryo {
	border:none;
	font-size:13px;
	margin:0px 0 15px 0;
	}

table.soryo td{
	margin:0 0 0 0;
	padding:12px 1.8em 13px 0;
	line-height:1.7;
	vertical-align:top;
	font-family: 'TsukuGoPr5-R';
	}
table.soryo td.price{
	text-align:right;
	padding:12px 0em 13px 0;
	}

table.soryo tr{
	border-bottom:#ccc solid 1px;
	}
	table.soryo tr.bt{
	border-bottom:#ccc solid 0px;
	}

	
	

/* ORDER , FORM
---------------------------------------------*/

form {
     margin:0;
     padding:0;
     border:0;
     outline:0;
     font-size:100%;
     vertical-align: baseline;
     background:transparent;
}

select, input, textarea, button { 
     vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0 4px 2px 0;
     *margin-right:3px; 
     top:-1px;  
}

input { 
     height: 16px; 
     line-height: 16px; 
}

button, input[type="button"] {
     overflow:visible; 
     height:22px;
     padding:0 3px;
}

select { 
     height: 20px; 
     line-height: 20px;
}

input[type="checkbox"],
input[type="radio"] { 
     border:none; 
     top:0px;
     margin-right:3px; 
}