/**********************reset********************/
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary { display: block; }
br { letter-spacing: 0; }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img { border: none; }
* {
    list-style: none;
    margin: 0;
    padding: 0;
    font-style: normal;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body {
    height: 100%;
    width: 100%;
    overflow: auto;
} /* for ie */


/**********************共通項目********************/

body{
	font-size: 12px;
	color: #333;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust: 100%;
	padding: 30px 20px 15px 30px;
	background: #f2f2f2;
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Meiryo","メイリオ","Lucida Grande", "segoe UI",sans-serif;
}
input{
         font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Meiryo","メイリオ","Lucida Grande", "segoe UI",sans-serif;
}
.box{
    margin: 0 10px 10px 0;
	background: #fff;
	padding: 12px;
	border-radius: 6px;
	display: block;
}
article {
    display: block;
/*	border:solid #ff0000 1px;*/
	float: left;
	width:16%;
}

h1{
    font-size: 17px;
    letter-spacing: 0.2em;
    line-height: 1.6em;
}
h2{
	font-size: 15px;
	letter-spacing: 0.2em;
        font-weight: normal;
	line-height: 1.6em;
        word-break: break-all;
}
h3{
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.1em !important;
    word-break: break-all;
}
article .exp{
	font-size: 12px;
}
article .price{
	display: block;
	text-align: right;
	font-size: 10px;
        padding-top: 10px;
        line-height: 11px;
}

b{font-weight:normal;}
u{text-decoration:none;}

#seller .price,#recommend .price,#recentlychecked .price{position:relative;}
#recommend .price span{position:absolute; left:0; color:#ffc600;}
#seller .price span{position:absolute; left:0; color:#ff0000;}
#recentlychecked .price span{position:absolute; top:5px; left:2px;}
#recentlychecked .price span img{height:10px; width:10px;}

/**********************リンク********************/
a {
outline: none;
color:#000;
text-decoration:none;
}
a img{
border:none;}

a:hover{
color: #ccc;
}

a.btn,.atc {
background: #d2d2d2;
color: #000;
font-size: 14px;
letter-spacing: 0.2em;
cursor: pointer;
}

a.btn:hover,.atc:hover {
background: #999 !important;
}
#main a.btn:hover,#recommend a.btn:hover,#recentlychecked a.btn:hover,#seller a.btn:hover,#waffle a.btn:hover{
    background: #e2e2e2 !important;
}

header .cart:hover,.atc:hover,#blog a:hover{
color: #000;
}
#recommend a.btn,#recentlychecked a.btn,#seller a.btn,#waffle a.btn,a.shipping{
    background: #fff;
}
a:hover.logo img{
    -webkit-filter:opacity(60%);
    filter:opacity(60%);
    opacity:0.6;
}

a:hover.shipping img{
    filter: brightness(80%);
    -webkit-filter: brightness(80%);
}

#recruit a:hover,a.shipping:hover,a.tshirt:hover{
    background:#e2e2e2 !important; color:#000;
}

#bestseller a,#recentlychecked a{
    position:relative;
    display:block;
    overflow:hidden;
}

#bestseller a h2,#recentlychecked a h2{
    color:#fff;
    font-size:12px;
    padding:8px 8px 6px;
    width:100%;
    text-align:center;
    position:absolute;
    display:block;
    bottom:-5.5em;
    background:none;
    transition:bottom 0.3s ease-in-out,background 0.8s ease-in-out;
}
#bestseller a:hover h2,#recentlychecked a:hover h2{
    bottom:40%;
    background:rgba(51,51,51,0.5);
}


/**********************コンテナ********************/
#container{width:100%;}

/**********************ヘッダー********************/
header{
    height:100%;
    width:16%;
    float: right;
    }
header a.logo{
    padding-bottom: 10px;
    display: block;
    font-size:16px;
    }
header a.logo img{
    width:64%;
    }
header .menu li a{
    display: block;
    width: 100%;
    padding-top: 10px;
}
header #search {
    position: relative;
    }
header #search .text-box{
    padding:8px 8px;
    height:30px;
    width:100%;
    background: #d2d2d2;
    border-radius:16px;
    border:none;
}
header #search .glass{
    height:30px;
    width:32px;
    border:none;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    background:url(https://img11.shop-pro.jp/PA01145/019/etc/search.png) no-repeat 5px 7px;
}
.login,.cart,.atc{
    text-align: center;
}
header .cart,.atc{
background: #333 !important;
color: #fff;
}

.rss h3{
    background:url(https://img17.shop-pro.jp/PA01271/264/etc/rss.png) no-repeat;
    background-size:20px;
    height:20px;
    text-indent:26px;
}
.rss h3 a{
    line-height:20px;
}
.shipping img,.tshirt img{
    width:100%;
}
.tshirt img{
    margin-bottom:8px;
}



.categorybrand h2,#blog h2,.shipping h2,.tshirt h2,#news h2,#bestseller h2,#recentlychecked h2,#recruit h2{
margin-bottom:6px;
color:#999;
}
.categorybrand a{
display:block;
width:100%;
}

#category a{
    padding:4px 0;
}


.categorybrand a b,.categorybrand a p,.categorybrand a i,#cordinate a u,.categorybrand a tt,.categorybrand a em,{
    padding:2px 0;
}

#brand #kids p,#brand #importkids tt,#brand #ladies i,#brand #importladies em,#brand #bagshoes b{display:block;}

#brand #kids b,#brand #kids i,#brand #kids tt,#brand #kids em,
#brand #importkids p,#brand #importkids i,#brand #importkids em,#brand #importkids b,
#brand #ladies p,#brand #ladies b,#brand #ladies tt,#brand #ladies em,
#brand #importladies p,#brand #importladies tt,#brand #importladies i,#brand #importladies b,
#brand #bagshoes p,#bagshoes tt,#brand #bagshoes i,#bagshoes em,
#brand u{display:none !important;}

header #cordinate p,header #cordinate i,header #cordinate b,header #cordinate tt,header #cordinate em{display:none;}

h2.brandindex{
    padding-top:10px;
    margin-top:10px;
    border-top:dotted 1px #999;
}

h2.import{
    padding-top:4px !important;
    margin-top:4px !important;
    border-top:none !important;
}

#importkids,#importladies{
    text-indent:0.8em;
}

#brand .group-list-link img,#cordinate .group-list-link img{
    display:none;
}
/**********************メイン********************/    
#main{
	width:66%;
	height: 100%;
	float: left;
}

#main a.btn{
    background: #fff;
    letter-spacing: 0.1em !important;
}
article .btn img,article .btn a img,.shop_info img{
    width:100%;
    display: block;
    margin-bottom: 8px;
}
.nodata {text-align:center;}

.itemlist h2{
    font-size:12px;
    line-height:1.4em;
}
/**********************サブ********************/   
#sub{
	width:16%;
	height: 100%;
	float: left;
}

#news,#blog,.search_result,#recruit,.shop,.about{display:none;}

#footstamp {
    color: #999;
    font-size: 10px;
    display:none;
}
#sort{display:none;}
#sort,#pager{
    text-align: center;
}
#sort .selected h2{
     cursor: default;
}
#sort h2{
    margin-bottom:0 !important;
}
#pager span{
    text-align: right;
    font-size: 10px;
    display: block;
    margin-right: 10px;
    margin-bottom:10px;
}

.search_result {color:#999; font-size:10px; line-height:1.8em;}
.search_result h2{margin-bottom:4px;}
.search_result span{display:block;}
.search_result strong{color:#333; font-size:13px;}

#seller .sold_out,#recentlychecked .sold_out,#recommend .sold_out,a .sold_out{
    display:none;
}

#bestseller .price,#recentlychecked .price{
    display:none;
}
#bestseller a img,#recentlychecked a img{margin-bottom:2px;}



/****ブログ****/
#feed ul{
    margin-left:1em;
}
#feed strong{
    font-weight:normal;
    margin-bottom:4px;
    display:block;
} 
#feed span,#feed b{
    color: #999;
    font-weight:normal;
}    
#feed a{
    display: block;
    padding:10px 0;
    border-top:1px dotted #999;
}
#feed a:hover strong,#feed a:hover span,#feed a:hover b{
    color: #ccc;
}



/****************フッター****************/
footer{
	width:100%;
	clear:both;
	font-size: 10px;
	position: relative;
}
footer .goTop{
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    float: left;
}
footer .goTop img{
    width:30px;
    height:30px;
}




/****************店舗紹介****************/

.shop_info .thumb{
    margin-top:20px;
}
.shop_info .thumb img{
    width:32%;
    margin:0 0 1% 1%;
    float:left;
    display:block;
}
.shop_info .shop_adress{
    border:dotted 1px #999;
    margin:20px 0;
    width:100%;
}
.shop_info .shop_adress th,.shop_adress td{
    padding:14px 14px 0 14px;
}
.shop_info .shop_adress th{
    text-align:right;
    width:10em;
}
.shop_info .shop_adress th.bottom,.shop_adress td.bottom{
    padding-bottom:14px;
}
.shop_info .map{
    width:100%;
    height:500px;
}
.shop_info .map iframe{
    width:100%;
    height:100%;
}


#shipping_method br{
    display:none;
}
#shipping_method .pricelist{
    margin: 20px 0 0;
    width: 100%;
    padding: 0;
    font-size: 12px;
    border: dotted 1px #999;
}
#shipping_method .pricelist .place{
    width: 80%;
    padding: 10px;
}
#shipping_method .pricelist .price{
    padding: 10px;
    text-align: right;
}
#shipping_method .pricelist tr{
    border-bottom: dotted 1px #999;
}
#shipping_method .pricelist td{
    width:auto;
}