@charset "UTF-8";
html, body, div, iframe, img,
form ,table, tbody, tfoot, thead, tr, th, td,
dl, dt, dd, ol, ul, li,
article, aside,footer, header, hgroup, menu, nav, section
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
}
div,article,aside,
footer,header,hgroup,menu,nav,section { 
display:block;
vertical-align:top;
}
p{
margin:0.4em;
}
h1{
font-size:1.3em;
font-weight:normal;
margin:0.3em 0 0.1em 0;
}
h2{
font-size:1em;
font-weight:bold;
margin:0.3em 0 0.1em 0;
}
h3{
font-size:1em;
font-weight:normal;
color:#666;
margin:0.6em 0 0 0;
}
h4{
font-size:1em;
color:#666;
font-weight:bold;
}
a{
text-decoration:underline;
outline:none;
color:#333;
}
a:hover, a:active{
opacity: 0.7;
text-decoration:none;
}
input:hover{
opacity: 0.7;
}
ul{
list-style:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr {
clear: both;
display:block;
height:1px;
border:0;   
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*======================================================
	common styles
======================================================*/
body{
font-family:"ヒラギノ角ゴ Pro W3", " Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
line-height:1.5;
font-size:14px;
color:#333;
background:#fff;
text-align:center;
}
.clear{clear:both;}
.flL{float:left;}
.flR{float:right;}
.alL{text-align:left;}
.alR{text-align:right;}
.alC{text-align:center;}
.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w130{width:130px;}
.w200{width:200px;}
.w300{width:300px;}
.w450{width:450px;}
/* clearfix
--------------------*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
.clearfix{
display:inline-block;
min-height:1%;
}
/*======================================================
	Layouts
======================================================*/
#container{
margin:0 auto;
padding:1em;
text-align:left;
max-width:1180px;
}
header{
width:100%;
vertical-align:baseline;
}
#wrapper{
width:100%;
}
#sub1{
width:200px;
display:inline-block;
margin-right:1em;
}
#main{
min-width:320px;
width:840px;
max-width:100%;
display:inline-block;
}
footer{
max-width:1180px;
clear:both;
background-color:#eee;
margin:0 auto;
padding:1em 0;
border-radius:6px;
}
section{
margin-bottom: 1.5em;
}
section h1{
color:#444;
font-size:1.2em;
font-weight:normal;
padding:0.2em 0.6em;
border-radius:6px;
background: linear-gradient(to bottom, #fff 0%, #eee 100%);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
margin:0 0 0.6em 0;
}
/*======================================================
	header
======================================================*/
header hgroup{
display:inline-block;
text-align:left;
}
header hgroup h1{
font-size:1.7em;
margin:0;padding:0;
}
header hgroup p{
margin:0 0 1em 0;
}
header hgroup a{
text-decoration:none;
}
header aside{
display:inline-block;
}
header aside section{
display:inline-block;
border:1px solid #ccc;
border-radius:6px;
text-align:center;
vertical-align:middle;
}
/* 1170px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1170px) {
#sub1{
width:100%;
clear:both;
float:none;
text-align:center;
}
#main{
clear:both;
float:none;
width:100%;
}
header aside{
width:100%;
text-align:right;
}
}
/*======================================================
	subカラム
======================================================*/
/*	カテゴリ
-----------------------------------------------*/
section#category ul{
overflow: hidden;
line-height: 1.5;
transition: 0.3s;
}
section#category ul li a{
display:block;
padding:0.6em 0 0.2em 1em;
text-decoration:none;
border-left: 4px solid #eee;
font-weight:bold;
border-bottom:dashed 1px #ccc;
}
section#category ul li a:hover{
background-color:#dff;
transform: translateX(0.2em);
}
section#category ul li ul li a{
font-weight:normal;
padding:0.5em 0 0.2em 2em;
border-left: none;
border-bottom:dashed 1px #ddd;
}
section#category ul li ul li ul li a{
font-weight:normal;
padding:0.4em 0 0.2em 3em;
border-left: none;
border-bottom:dashed 1px #eee;
}
/*--アコーディオン--*/
section#category input{
display: none;
}
section#category label{
cursor :pointer;
display:block;
position: relative;
background: #292;
padding:0.4em 1em 0.2em;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
section#category label::after{
display: block;
line-height:1;
padding:2px;
font-weight:bold;
content:"＋";
transform:rotate(135deg);
transition: 0.3s;
background: #5b5;
border-radius:50%;
position: absolute;
right: 5px;
bottom: 8px;
}
section#category label:hover{
opacity: 0.7;
}
section#category input:checked + label::after{
transform:rotate(0deg);
transition: 0.3s;
}
section#category input:checked + label + ul{
line-height: 0;
opacity: 0;
transition: 0.3s;
}
section#category input:checked + label + ul li a{
padding:0 0 0 1em;
border-bottom:0;
}
section#category input:checked + label + ul li ul{
line-height: 0;
transition: 0.3s;
}
section#category input:checked + label + ul li ul li a{
padding:0 0 0 2em;
border-bottom:0;
}
section#category input:checked + label + ul li ul li ul{
line-height: 0;
transition: 0.3s;
}
section#category input:checked + label + ul li ul li ul li a{
padding:0 0 0 3em;
line-height: 0;
border-bottom:0;
}
/*======================================================
	mainカラム
======================================================*/
/*	Common
-----------------------------------------------*/
.link{
text-align:center;
}
/*	タグ
-----------------------------------------------*/
p.tag span{
border-radius:3px;
color:#fff;
background-color:#999;
padding:1px 2px;
margin-right:2px;
font-size:10px;
font-weight:bold;
}
p.tag span.orange{
background-color:#d83;
}
p.tag span.blue{
background-color:#6bd;
}
p.tag span.green{
background-color:#6c4;
}
p.tag span.pink{
background-color:#d77;
}
/*	pankuzu
-----------------------------------------------*/
#pankuzu{
margin-bottom:1em;
}
/*	item_list
-----------------------------------------------*/
.item_list{
display:inline-block;
min-height:1%;
}
.item_list article{
display:inline-block;
border:1px solid #bdf;
border-radius:6px;
padding:5px;
margin:0 5px 5px 0;
text-align:center;
}
.item_list article h1{
background:none;
padding-left:0;
margin-bottom:0;
border:none;
font-size:12px;
text-shadow:none;
}
.item_list article p{
margin:0;
padding:0;
}
.item_list article p.price{
text-align:center;
margin-bottom:5px;
padding:2px 0;
margin:5px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
.item_list article p.text{
white-space: nowrap;
margin-bottom:5px;
}
.item_list article p.new{
position:absolute;
top:80px;
right:0;
}
.item_list article p.more{
text-align:right;
margin-bottom:10px;
}
.item_list article p.more a{
font-size:11px;
border-radius:3px;
color:#222;
background-color:#eee;
padding:3px;
}
/*	catergory_top
-----------------------------------------------*/
#catergory_top{
max-width:100%;
margin-bottom:1em;
}
/*	item_detail
-----------------------------------------------*/
section#item_detail div.item_cart_text table{
width:100%;
margin:10px 0;
}
section#item_detail div.item_cart_text table th,
section#item_detail div.item_cart_text table td{
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:5px 10px;
vertical-align:middle;
}
section#item_detail div.item_cart_text table td.price{
color:#C00;
}
section#item_detail div.item_cart_text table td.price del{
color:#666;
margin-right:3px;
}
section#item_detail div.item_cart_text table td.price span{
font-size:1.5em;
margin-right:5px;
}
section#item_detail p.cart{
margin-top:1em;
text-align:right;
}
section#item_detail p.cart_que{
margin:5px 0 20px;
text-align:right;
}
section#item_detail p.cart_que a{
padding-left:20px;
}
section#item_detail p.cart_fav{
margin:5px 0 20px;
text-align:right;
}
section#item_detail p.cart_fav a{
padding-left:20px;
}
section#item_detail p.cart_stock{
margin:5px 0 20px;
text-align:right;
}
section#item_detail p.cart_stock a{
padding-left:20px;
}
section#item_detail .item_cart p{
margin-bottom:0;
}
.item_cart_text{
display:inline-block;
min-width:300px;
margin-bottom:2em;
}
.item_cart_photo{
display:inline-block;
min-width:300px;
text-align:center;
}

/*	.pager
-----------------------------------------------*/
/*_____ list_pager _____*/

.list_pager{
width:100%;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:10px 10px;
margin-bottom:10px;
}
.list_pager p{
float:left;
}
.list_pager ul{
float:right;
}
.list_pager ul li{
float:left;
border-right:1px solid #666;
padding:0 6px;
}
.list_pager ul li:last-child{
border-right:none;
}
/*_____ item_pager _____*/
.item_pager{
width:100%;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:10px 10px;
margin-bottom:10px;
text-align:center;
}
.item_pager ul li.prev{
float:left;
}
.item_pager ul li.next{
float:right;
}
/*	review_detail
-----------------------------------------------*/
#review_detail{
margin-bottom:2em;
}
section#review_detail article{
border-bottom:1px dotted #999;
padding:0 10px 10px;
margin:0 10px 10px;
}
section#review_detail header{
margin:0;
vertical-align:bottom;
}
section#review_detail header div,
section#review_detail header h2,
section#review_detail header p{
display:inline-block;
vertical-align:bottom;
}
section#review_detail div.star{
font-size:14px;
margin-right:10px;
color:#369;
}
section#review_detail header h2{
font-size:14px;
margin:0 0 0 1em;
}
section#review_detail header p.date{
color:#999;
margin:0 0 0 1em;
}
section#review_detail header p.author{
margin:0 0 0 1em;
}
section#review_detail p.target{
font-weight:bold;
margin-bottom:10px;
}
section#review_detail p.target span{
color:#F60;
}
/*	review_write
-----------------------------------------------*/
section#review_write table{
margin:1em 10px;
min-width:300px;
}
section#review_write table th{
vertical-align:middle;
}
section#review_write table th,
section#review_write table td{
padding:5px;
}
section#review_write table textarea{
width:100%;
height:100px;
}
/*	free_area
-----------------------------------------------*/
section#free_area table{
margin:1em 0;
border:1px solid #ccc;
}
section#free_area table th{
vertical-align:middle;
text-align:center;
background-color:#eee;
}
section#free_area table th,
section#free_area table td{
padding:5px 10px;
border:1px dotted #ccc;
}
section#free_area table td.btn{
vertical-align:middle;
text-align:right;
}
section#free_area ul li{
margin:0 0 0.3em 2em;
list-style-type: circle;
}
/*======================================================
	footer
======================================================*/
footer aside{
margin:0 auto;
text-align:left;
display:inline-block;
}
footer aside h1{
color:#333;
border-bottom:3px double #999;
border-top:none;
border-left:none;
border-right:none;
margin-bottom:11px;
font-size:1em;
background:none;
padding-left:0;
border-radius:0;
}
footer aside dl dt{
border-left:5px solid #999;
padding-left:5px;
margin-bottom:3px;
}
footer aside dl dd{
margin:0.3em 0.4em;
}
footer aside .footer_column{
width:320px;
padding:0 1em;
margin:0 0 1em 0;
display:inline-block;
}
footer #footer_navi{
width:100%;
}
footer #footer_navi ul{
min-height:1%;
}
footer #footer_navi ul li{
display:inline-block;
margin:0 1em;
text-align:center;
}
/*======================================================
	txtbutton
======================================================*/
input[type="submit"], input[type="reset"], input[type="button"], p.readon a {
margin-top:14px;
padding:4px 10px 2px;
background: #292;
border:0;
border-radius:5px;
color:#fff;
font-family:sans-serif;
font-size:16px;
}

.cart input[type="submit"], .cart input[type="button"] {
background: #29f;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, p.readon a:hover {
cursor:pointer;
}
.labelg {
background: #292;
margin-top:14px;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
.labelb {
background: #29f;
margin-top:14px;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
.labelr {
background: #f85;
margin-top:14px;
padding:4px 10px 2px;
border-radius: 5px;
color:#fff;
font-size:16px;
text-decoration:none;
}
/*======================================================
	cart
======================================================*/
.soycart_narrow{
margin:1em 0;
max-width:640px;
}
.soycart_narrow p{
margin:0.3em 0;
}
.soycart_narrow h1{
margin:1.5em 0 0 0;
font-size:14px;
}
span.note{
color:#F60;
}
span.exmpl{
color:#999;
}
span.require{
color:#f00;
font-weight:normal;
font-size:11px;
}
.btn{
text-align:center;
margin:1em;
padding:0.5em 0;
}
.btn img{
vertical-align:middle;
}
.another_btn{
border-top:1px dotted #ccc;
padding-top:1em;
text-align:center;
margin:1em 0;
}
.another_btn:hover{
opacity:0.7;
}
#cart_detail{
margin:0;
max-width:640px;
}
#cart_detail p{
text-align:center;
}
table.cart_detail_table{
width:100%;
min-width:320px;
margin:1em 0; padding:0;
margin-left : auto ;
margin-right : auto ;
}
table.cart_detail_table th,
table.cart_detail_table td{
border:1px dotted #ccc;
padding:3px 8px;
vertical-align:middle;
}
table.cart_detail_table th{
background-color:#eee;
text-align:center;
font-weight:normal;
}
table.cart_detail_table th a{
font-weight:bold;
text-decoration: none;
}
table.cart_detail_table td{
text-align:left;
}
table.cart_detail_table td.price{
color:#333;
text-align:right;
}
table.cart_detail_table td.price span{
font-weight:bold;
}
table.cart_detail_table td.price .subsum{
color:#333;
width:90px;
}
table.cart_detail_table td a.delete{
padding-left:13px;
}
table.cart_detail_table tfoot,
table.cart_detail_table tfoot th{
background-color:#eee;
}
#cart_detail p.resum{
margin:0.6em 0; padding:0;
}
.cart_procedure{
width:100%;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
/*======================================================
	進捗
======================================================*/
div.prg0n{
display:inline-block;
width:182px;height:36px;
text-align:center;vertical-align:middle;
border-radius:6px;
background: linear-gradient(to bottom, #ddf 0%, #aad 100%);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
margin:2px;
}
div.prg0n p{
position: relative;
color:#333;
font-size:14px;
font-weight:bold;
margin:0;padding:7px 0 0 0;
}
div.prg0n p:before,
div.prg0n p:after{
content:"";
display:block;
position:absolute;
}
div.prg0n p:before{
width:18px;
height:18px;
background:#fff;
border-radius:50%;
left:10px;
top:8px;
}
div.prg0n p:after{
width:5px;
height:5px;
border-right:3px solid #67B;
border-top:3px solid #67B;
transform:rotate(45deg);
left:14px;
top:13px;
}
div.prg0ff{
display:inline-block;
width:182px;height:36px;
text-align:center;vertical-align:middle;
border-radius:6px;
background: linear-gradient(to bottom, #eef 0%, #cce 100%);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
margin:3px;
}
div.prg0ff p{
position: relative;
color:#888;
font-size:14px;
font-weight:bold;
margin:0;padding:7px 0 0 0;
}
div.prg0ff p:before,
div.prg0ff p:after{
content:"";
display:block;
position:absolute;
}
div.prg0ff p:before{
width:18px;
height:18px;
background:#eef;
border-radius:50%;
left:3px;
top:8px;
}
div.prg0ff p:after{
width:5px;
height:5px;
border-right:3px solid #89d;
border-top:3px solid #89d;
transform:rotate(45deg);
left:6px;
top:13px;
}
/*======================================================
	フォーム関係
======================================================*/
table.soycart_form{
margin:0.5em 0 1em 0;
width:100%;
}
table.soycart_form th,
table.soycart_form td{
padding:0.6em;
vertical-align:middle;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
table.soycart_form th{
width:160px;
background-color:#eee;
}
table.soycart_form .shop_login th,
table.soycart_form .shop_login td{
padding:0.5em;
border-top:none;
border-bottom:none;
}
table.soycart_form table th,
table.soycart_form table td{
padding:0;
border-top:none;
border-bottom:none;
}
/*======================================================
	ノート
======================================================*/
aside.note{
border:1px solid #F60;
padding:0.5em;
margin:1em 0;
color:#F60;
text-align:center;
}
div.error{
color:#f60;
border:2px solid #F60;
padding:10px 15px 10px 25px;
font-weight:bold;
text-align:center;
}
#main div.error p{
margin-bottom:0;
}
p.error{
color:#f60;
border:1px solid #F60;
padding:5px 0 5px 25px;
font-weight:bold;
margin-top:10px;
}
div.notice{
color:#F60;
border:2px solid #F60;
padding:1em;
font-weight:bold;
text-align:center;
}
#main div.notice p{
margin:0;
}
p.notice{
color:#F60;
border:1px solid #F60;
padding:5px 0 5px 25px;
font-weight:bold;
margin:0;
}
/*======================================================
	マイページ
======================================================*/
table.cart_detail_table td.star{
color:#369;
}
.review_area{
width:300px;
height:100px;
}
.table_btn{
background-color:#eee;
border-radius:6px;
padding:2px 5px;
}
a.delete{
padding-left:15px;
}
.plus{
padding-left:15px;
}
.comb{
min-width:130px;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap;
}
video{
width:100%;
height:auto;
}
img{
max-width:100%;
height: auto;
}

audio { width: 273px; height: 30px;}