@charset "UTF-8";




@media only screen and (max-width: 480px) {



/*======================================

	categegory 
	
========================================*/

nav#cat-head{
	width:100%;
	margin:0 0 20px 0;
	padding: 0 0 0 0;
	text-align: center;
}
nav#cat-head a{
	display: inline-block;
	background: #222;
	color:#fff;
	font-size:12px;
	margin: 0 1px 4px 1px;
	padding:6px 12px 6px 12px;
	border-radius: 8px;
}

.cat-box{
	width:100%;
	float:none;
	padding: 72px 8px 12px 8px;
	margin: -72px 0px 15px 0;
	text-align: center;
	border-left:0px solid #ddd;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd ;
	border-right: 0px solid #ddd ;
}


.last-box{

}

.bggray{
	background: #fff;
}


h3.cat-list-h3{
	font-size:15px;
	line-height: 16px;
	font-weight: 500;
	padding: 12px 0px 12px 0px;
	margin: 0 0 6px 0;
	list-style: none;
	background: #000;
	color:#fff;
	border-bottom: 0px solid #000;

}
h3.cat-list-h3 span{
	display: inline-block;
	font-size:0.6em;
	font-weight: 400;
	margin: 0px 0 0px 4px;
}
h3.cat-list-h3 a{
	color:#fff;
}

.to-more{
	text-align: right;
	padding: 0 4px 0 0;
	margin: 0 0 12px 0;
	font-size:13px;
	line-height: 1;
}




.newarrival{
width:100%;
padding: 0px 0px 12px 0px;
margin: 0px auto 0px auto;
text-align: center;
display:flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
align-items: center;
}



/*======================================

	newarrival
	
========================================*/




.newarrival-box {
width: 200px;
margin: 0 10px 0px 10px;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
border-bottom: 0px solid #d8c099 ;
}

.newarrival-box-artist {
width: 200px;
margin: 0 10px 0px 10px;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
border-bottom: 0px solid #d8c099 ;
}


.newarrival-img {
width:100%;
text-align:center;
margin:auto;
}

.height-newthumimg {
	height: 150px;
	width: auto;
	margin: auto;
}
.width-newthumimg {
	width: 150px;
	height: auto;
	margin: auto;
}

.newarrival-box p {
font-size: 11px;
margin: 0 0 0 0;
padding: 8px 0 8px 0;
line-height: 20px;
clear:both;
}
.newarrival-box-artist p {
font-size: 11px;
margin: 0 0 0 0;
padding: 5px 0 8px 0;
line-height: 20px;
clear:both;
}


.to-listpage{
	width:200px;
	text-align: center;
	margin: 0px 0 0px 0;
}
.to-listpage a{
	width: 150px;
	display: block;
	font-size:14px;
	color: #333;
	border: 0px solid #000;
	padding:10px 0px 10px 0px;
	margin: 0px 20px 0px 15px;
	font-weight: 600;
	background: #fff;
	color:#222;
}
.to-listpage a:hover{


}
.to-listpage a span{
	display: block;
	font-size: 12px;
	margin: 0 6px 0 6px;
	font-weight: 400;
}






/*======================================

	feature 
	
========================================*/

#feature-box{
	width:100%;
	padding: 0 0 0 0;
	margin: 0px 0px 50px 0;
	text-align: left;
	border:0px solid #000;
}

.feature-box01{
	width:100%;
	float: none;
	padding: 0 0 0 0;
	margin: 0 0px 20px 0;
	text-align: left;
	border-top:1px solid #000;
}
.feature-box02{
	width:100%;
	float: none;
	padding: 0 0 0 0;
	margin: 0 0px 20px 0;
	text-align: left;
	border-top:1px solid #000;
}

.feature-box01,.feature-box02{
	padding: 15px 15px 15px 15px;
}

.feature-box01 p,.feature-box02 p{
}



.feature-box-left{
	width:100px;
	float:left;
	padding: 0 0px 0 0;
	margin: 0 0px 10px 0;
	text-align: left;
}

.feature-box-left img{
	width:90%;
	height: auto;
	vertical-align: baseline;
}

.feature-box-right{
	border-left:0px solid #000;
	float:left;
	margin: 0 0 10px 0px;
	padding: 0px 0 0 0;
	text-align: left;
	border:0px solid #000;
}
.feature-box-right h3{
	font-size:18px;
	line-height: 20px;
	font-weight: 600;
	color:#000;
	padding: 0px 0px 0px 0px;
	margin: 12px 0 18px 0;
	border-bottom: 0px solid #000;
}
.feature-box-right h3 span{
	display: block;
	font-size:14px;
	line-height: 20px;
	font-weight: 600;
	color:#000;
	margin: 8px 0 0px 0;
}





/*======================================

	browse head title 
	
========================================*/


.browse-head{
	border:1px solid #333;
}

.browse-head p{
	padding: 12px 12px 12px 12px;
}


h2.browse-title-sp{
	width:100%;
	font-size:18px;
	font-weight: 600;
	color:#fff;
	padding: 12px 12px 12px 12px;
	margin: 0 0px 0;
	list-style: none;
	border: 0px solid #000;
	background: transparent;
}

h2.browse-title{
	width:100%;
	font-size:18px;
	font-weight: 600;
	color:#fff;
	padding: 12px 12px 12px 12px;
	margin: 0 0px 0;
	list-style: none;
	border: 0px solid #000;
	background: #000;
}
h2.browse-title span.en,h2.browse-title-sp span.en{
	display: inline-block;
	font-size:0.8em;
	font-weight: 400;
	margin: 0 0 0px 6px;
}
h2.browse-title span.subcat,h2.browse-title-sp span.subcat{
	display: block;
	font-size:0.7em;
	font-weight: 600;
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0px;
	border-left: 0px solid #000;
}

.feature-head{
	width:100%;
	color:#000;
	padding: 20px 20px 20px 20px;
	margin: 0 0 6px 0;
	border: 1px solid #000;
	background: #fff;
}
.feature-head h3{
	font-size:18px;
	line-height: 20px;
	font-weight: 600;
	padding: 0 0 15px 4px;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #000;
}
.feature-head h3 span{
	display: inline-block;
	margin: 0 0 0px 12px;
}

.feature-head-left{
	width:150px;
	float:none;
	padding: 8px 0 0px 0px;
}
.feature-head-left img{
	width:100%;
	height: auto;
}

.feature-link {
	display: block;
	margin: 9px 0 0 0;
	font-size: 15px;
	line-height: 1.5;
	animation: blinkAnime 0.8s infinite alternate;
	color:#0365c0;
}
@keyframes blinkAnime{
   0% { color: #e50081 }
 100% { color: #ffffff }
}

.feature-head-right{
	width:100%;
	float:none;
	background: #fff;
}
.feature-head-right p{
	font-size:13px;
	line-height: 24px;
}



.artist-head{
	width:100%;
	color:#000;
	padding: 0px 0px 0px 0px;
	margin: 0 0 6px 0;
	border: 1px solid #000;
	background: #fff;
}
.artist-head h3{
	font-size:20px;
	line-height: 20px;
	font-weight: 600;
	padding: 15px 15px 15px 15px;
	margin: 0 0 0px 0;
	border-bottom: 0px solid #000;
	background: #000;
	color:#fff;
}
.artist-head h3 span{
	display: inline-block;
	margin: 0 0 0px 12px;
}

.artist-head-left{
	width:150px;
	float:none;
	padding: 15px 15px 0px 15px;
}
.artist-head-left img{
	width:100%;
	height: auto;
}
.artist-head-right{
	width:100%;
	float:none;
	background: #fff;
	padding: 0px 15px 15px 15px;
}
.artist-head-right p{
	font-size:0.9em;
	line-height: 1.8;
}




.top-to-page{
	width:100%;
	text-align: center;
	margin: 10px 0 10px 0;
}
.top-to-page a{
	display: inline-block;
	width:180px;
	font-size:14px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	padding:6px 0px 6px 0px;
	margin: auto;
	font-weight: 600;
	
}
.top-to-page a:before {
	content:"▶ ";
	font-size:0.8em;
	}

.top-to-page a:hover{
	background: #e50081 ;
	color:#fff;
}


/*======================================

	side 
	
========================================*/
.now-catlist{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	list-style: none;
	border: 0px solid #0365c0;
	background: transparent;
}
h2.h2-side-now{
	font-size:16px;
	line-height: 20px;
	margin: 0 0 0px 0;
	padding: 8px 12px 8px 12px;
	border: 0px solid #0365c0;
	background: #000;
	color: #fff;
}
h2.h2-side-now span{
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 6px 0 0 0;
}
h2.h2-side-now a{
	color: #fff;
}
h2.h2-side-now a:hover{

}


ul#side-catlist-now{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}
ul#side-catlist-now li a{
	display: block;
	padding: 4px 14px 5px 14px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	background: #00a0e9;
	border-top: 1px solid #fff;
	color:#fff;
}

ul#side-catlist-now li span{
	display: block;
	font-size: 12px;
	font-weight: 400;
}
ul#side-catlist-now li a:hover{

	color:#fff;
}
ul#side-catlist-now li a.now{
	display: block;
	padding: 4px 14px 5px 14px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	background: #e50081;
	border-top: 1px solid #fff;
	color:#fff;
}



h2.h2-side{
	font-size:16px;
	line-height: 18px;
	margin: 0 0 0px 0;
	padding: 8px 0 8px 12px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
}


ul#side-catlist{
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	list-style: none;
	border-bottom: 1px solid #000;
}
ul#side-catlist li a{
	display: block;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #fff;
}
ul#side-catlist li span{
	display: block;
	font-size: 12px;
	font-weight: 400;
}
ul#side-catlist li a:hover{
	background: #e50081;
	color:#fff;
}
ul#side-catlist li a.now{
	display: block;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #00a0e9;
	color: #fff;
}


.side-feature{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	border: 1px solid #000;
	background: #fff;
}

.side-feature-box a{
	display: block;
	padding: 4px 14px 4px 4px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	border-top: 1px solid #000;
}
.side-feature-left{
	width:10%;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 6px 0 0;
	border: 0px solid #000;
	word-break: break-all;
}
.side-feature-left img{
	width:100%;
}
.side-feature-right{
	width:75%;
	float: left;
	padding: 0 0 0 0;
	border: 0px solid #000;
}
.side-feature-box a:hover{
	background: #e50081;
	color: #fff;
}


.side-artist{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #fff;
}
.side-artist  li{
	padding: 4px 12px 4px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	border-bottom: 1px solid #000;
	background: #fff;
}
.side-artist li a{
	display: block;
	font-size:15px;
}
.side-artist li a span{
	display: block;
	font-size:13px;
}

.to-other{
	width:100%;
	text-align: left;
	margin: 0px 0 15px 0;
}
.to-other a{
	display: inline-block;
	width:100%;
	font-size:15px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	padding:8px 0px 8px 12px;
	margin: auto;
	font-weight: 400;
	
}
.to-other a:before {
	content:"▶ ";
	font-size:0.8em;
	}

.to-other a:hover{
	background: #e50081 ;
	color:#fff
	}

/*======================================

	function 
	
========================================*/

#function{
	padding:0 0 0 0;
	margin:15px 0 15px 0;
	font-size:15px;
}

#function-left{
	width:100%;
	float:none;
	padding:0 0 0 0;
	margin:0 0 6px 0;
	font-size:13px;
	text-align: center;
}

#function-right{
	border-right:0px solid #333333;	
	width:100%;
	float:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
	text-align: center;
}

#function-hitnum{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#function_sort{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#function_footer{
	clear:both;
}






/*======================================

	page number 
	
========================================*/

#page-menu-box{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#page-menu-box-all{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align: center;
}

#page-menu{
background-color: transparent;
border-top:0px solid #333;
border-left:0px solid #aaaaaa;
border-right:0px solid #aaaaaa;
border-bottom:0px solid #aaaaaa;
margin: auto;
padding: 0px 2px 0px 2px ;
text-align: center;
clear:both;
}

#page-menu ul{
background-color: transparent;
padding: 0 0 0 0 ;
margin: 0 0 0 0;
line-height:14px;
}

#page-menu li{
display:inline-block;
list-style:none ;
background: transparent; 
font-size:18px;
line-height:18px;
	color:#333;
}
#page-menu li a{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 6px 8px 6px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
border: 0px solid #09c;
background: #fff;
}
#page-menu li a:hover{
color:#e50081;
}
#page-menu li span{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 6px 8px 6px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
border: 0px solid #09c;
color: #999;
}

#page-volume{
	width:100%;
	text-align: center;
	font-size:13px;
	margin: 0px 0 15px 0;
}

#page-menu li.anchor-num{
	display: none;
}





/*======================================

	book-list 
	
========================================*/

.book-list{
	width:100%;
	margin:0px 0 0px 0;
	padding:0 0 0 0;
	background: #fff;
	text-align: center;
}

.book-list-box{
	display: inline-block;
	vertical-align: top;
	width:45%;
	margin:0px 1% 25px 1%;
	padding:0px 0 0 0;
	border-top:0px solid #000;
}
.book-list-box03{
	display: inline-block;
	vertical-align: top;
	width:180px;
	margin:20px 0px 20px 0;
	padding:30px 0 0 0;
	border-top:0px solid #000;
}

.book-list-box04{
	display: inline-block;
	width:180px;
	vertical-align: top;
	margin:20px 0px 20px 0;
	padding:30px 0 0 0;
	border-top:0px solid #000;
}

.book-list-thum{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.book-list-thum img.width-img{
	width: 85%;
	max-width:140px; 
	margin: 0 auto 0 auto;
}
.book-list-thum img.height-img{
	height: 125px;
	width:auto;
	margin: 0 auto 0 auto;
}

.book-author{
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.book-title{
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
}
.book-price{
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	margin: 8px auto 0 auto;
	padding: 0 0 0 0;
	color:#cc3333;
}

.list-clear03{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.list-clear02{
	display: none;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.list-clear04{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}







/*======================================

	detail-box 
	
========================================*/

.detail-box{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 30px 0;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
}

.detail-box h3.h3-title{
	font-size:22px;
	line-height: 30px;
	font-weight: 600;
	margin: 0px auto 0 auto;
	padding: 0 15px 15px 15px;
	border-bottom: 4px solid #000;
}
.detail-box h3.h3-title span.title-head{
	display: inline-block;
	font-size:18px;
	font-weight: 400;
	margin: 0px 0 0 10px;
	padding: 0 0px 0px 0px;
}

.detail-box h3.h3-title span.h3-author{
	display: block;
	font-size:18px;
	font-weight: 400;
	margin: 8px 0 0 0px;
	padding: 0 0px 0px 0px;
}

.detail-box-left{
	width:100%;
	float:none;
	margin: 0 auto 20px auto;
	padding: 0px 0 0 0;
	border-top: 0px solid #000;
	text-align: center;
}

.detail-box-right{
	width:100%;
	float:none;
	margin: 0 auto 0 auto;
	padding: 0px 0 0 0;
	border-top: 0px solid #000;
}

.itemid{
	font-size:13px;
	line-height: 12px;
	color:#666;
	padding: 0;
	margin: 0px 0 10px 0;
}

.main-photo{
	margin:0px 0 0px 0 ;
}

.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px 0px;
  font-size:13px;
  width: 30%;
}
.thumb li img {
  padding: 0;
  vertical-align: bottom;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.width-thumimg{
	width: 80px;
	height: auto;
	margin: auto;
}
.height-thumimg{
	height: 100px;
	width:auto;
	margin: auto;
}


.overlay{
	background: #333;
}


.width-mainimg{
	width: 90%;
	height: auto;
	margin: auto;
}
.height-mainimg{
	height: 320px;
	width:auto;
	margin: auto;
}

.detail-artist{
	font-size:18px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}
.detail-title{
	font-size:18px;
	line-height: 18px;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.detail-note{
	font-size:15px;
	line-height: 30px;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}

.detail-price{
	display: block;
	width:100%;
	font-size:22px;
	line-height: 20px;
	font-weight: 600;
	margin: 0px 0px 0px 0;
	padding: 0 0 0 0;
	color:#cc3333;
	text-align: center;
}


.detail-price span.tax-common{
	font-size:16px;
	line-height: 20px;
	font-weight: 400;
	margin: 15px 0 35px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}
.detail-price span.tax-common-en{
	display: block;
	font-size:12px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 0 35px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}

.sale{
	display: inline-block;
	position: relative;
}
.sale::before {
 content: '';                	/* 擬似要素に実体を持たせる */
 width: 100%;                	/* 打ち消し線の幅を指定する*/
 height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
 border-top: solid 2px #cc3333;     /* 二重線の上側になる線をひく */
 position: absolute;            	/* 線の位置を自由に動かせるようにする */
 left: 0 ;                   /* 線の位置を左に揃える */
 top: calc(50% - 3px);           /* 線の位置を真ん中から3px上にする */
}
 
.sale::after {
 content: '';                	/* 擬似要素に実体を持たせる */
 width: 100%;                	/* 打ち消し線の幅を指定する*/
 height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
 border-bottom: solid 2px #cc3333;  /* 二重線の上側になる線をひく */
 position: absolute;            	/* 線の位置を自由に動かせるようにする */
 left: 0 ;                    	/* 線の位置を左に揃える */
 bottom: calc(50% - 3px);        /* 線の位置を真ん中から3px下にする */
}
.detail-price span.tax-sale{
	font-size:0.7em;
	color:#333;
}
.detail-price span.or-price{
	font-size:0.8em;
	color:#333;
}

.detail-price-sale{
	display: inline-block;
	width:100%;
	font-size:22px;
	line-height: 28px;
	font-weight: 600;
	margin: -20px 0px 0px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}
.tax{
	color:#333;
	font-size:20px;
}


table.detail-info{
	width:100%;
	background: #fff;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 24px;
	border-top:1px solid #ddd;
	margin: 0px 0 0 0;
}
table.detail-info tr{
	width:100%;
}
table.detail-info th{
	width:80px;
	font-size:12px;
	font-weight: 400; 
	color:#999;
	padding:8px 0 8px 8px;
	border-bottom:1px solid #ddd;
}
table.detail-info td{
	width:auto;
	color:#000;
	padding:8px 8px 8px 0;
	border-bottom:1px solid #ddd;
}
span.title-head{
	display: block;
	line-height: 13px;
	font-size:13px;
	margin: 0 0 3px 0;
}


table.detail-info-en{
	width:100%;
	background: #efefef;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 24px;
	border-top:1px solid #ddd;
	margin: 30px 0 0px 0;
}
table.detail-info-en tr{
	width:100%;
}
table.detail-info-en th{
	width:90px;
	font-size:12px;
	font-weight: 400; 
	color:#999;
	padding:8px 0 8px 8px;
	border-bottom:1px solid #ddd;
}
table.detail-info-en td{
	width:auto;
	color:#000;
	padding:8px 8px 8px 0;
	border-bottom:1px solid #ddd;
}

table.detail-info a,table.detail-info-en a{
	border-bottom: 1px solid #444;
}


.detail-description{
	font-size:13px;
	line-height: 20px;
	margin: 20px 0 9px 0;
	padding: 12px;
	border: 1px solid #ddd;
	background: #efefef;
}
.detail-webcomment{
	font-size:13px;
	line-height: 20px;
	margin: 20px 0 9px 0;
	padding: 12px;
	border: 1px solid #ddd;
	background: #fff;
}



#detail-footer{
	width:100%;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}



#detail-footer-sp{
	width:100%;
	text-align: center;
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	display: none;
}

#detail-footer-pc{
	width:100%;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	display: block;
}

#detail-footer-col{
	width:100%;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

#detail-footer-left{
	display: block;
	width:70%;
	text-align: right;
	margin: 0px auto 40px auto;
	padding: 0 0 0 0;
	float:none;
	vertical-align: middle;
}
#detail-footer-right{
	display: block;
	width:70%;
	text-align: left;
	margin: 0px auto 0 auto;
	padding: 0 0 0 0;
	float:none;
	vertical-align: middle;
}





.form-btn form,.cart-btn form ,.print-btn form{
	width:100%;
}

.cart-btn input{
	width:100%;
	font-size:16px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/cart_icon.png) no-repeat 10px 8px;
	background-size: 25px auto;
}
.cart-btn input:hover{
	background: #e50081 url(../i/cart_icon.png) no-repeat 10px 8px;
	background-size: 25px auto;
	cursor: pointer;
	color:#fff;
}

.form-btn input{
	width:100%;
	font-size:16px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/mail_icon.png) no-repeat 10px 11px;
	background-size: 22px auto;
}
.form-btn input:hover{
	background: #e50081 url(../i/mail_icon.png) no-repeat 10px 11px;
	background-size: 22px auto;
	cursor: pointer;
	color:#fff;
}







.form-btn01,.cart-btn01{
	display: block;
	vertical-align: top;
	width:100%;
	margin: 0px 0 50px 0;
	text-align: center;
}




.cart-btn01 input{
	width:100%;
	font-size:12px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 24px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/cart_icon.png) no-repeat 10px 10px;
	background-size: 18px auto;
}
.cart-btn01 input:hover{
	background: #e50081 url(../i/cart_icon.png) no-repeat 10px 10px;
	background-size: 18px auto;
	cursor: pointer;
	color:#fff;
}

.form-btn01 input{
	width:100%;
	font-size:12px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 24px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/mail_icon.png) no-repeat 13px 12px;
	background-size: 15px auto;
}
.form-btn01 input:hover{
	background: #e50081 url(../i/mail_icon.png) no-repeat 13px 12px;
	background-size: 15px auto;
	cursor: pointer;
	color:#fff;
}





/*======================================

	prev
	
========================================*/

.detail-to-prev{
	width:100%;
	text-align: center;
	margin: 20px 0 30px 0;
}
.detail-to-prev a{
	width:200px;
	font-size:12px;
	color: #333;
	border: 1px solid #000;
	padding:10px 40px 10px 40px;
	margin: auto;
	font-weight: 600;
}
.detail-to-prev a:hover{
	background: #e50081 ;
	color:#fff;
}




/*======================================

	related
	
========================================*/
#related-wrapper{
width:100%;
padding: 0px 0px 20px 0px;
margin: 0px auto 0px auto;
background: #fff;
	border-top:0px solid #0099cc;

}
#related{
width:100%;
padding: 0px 0px 0px 0px;
margin: 10px auto 0px auto;
text-align: center;

}

h3.related-h3{
font-size: 20px;
font-style: 500;
margin: 0px 0px 20px 0px;
padding: 0px 8px 6px 0px;
border-bottom: 1px solid #000;
font-weight: 600;
text-align: center;
}
h3.related-h3 span{
color:#666;
display: block;
font-size: 12px;
font-style: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #000;
font-weight: 400;
}


#tag{
	text-align: center;
	margin: 0 0 30px 0;
}

#tag a{
	display: inline-block;
	font-size:11px;
	font-weight: 500;
	background: #fff;
	margin:0 6px 10px 0;
	padding:8px 12px 8px 12px;
	text-decoration: none;
	border:1px solid #333;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */
}
#tag a:hover{
	background: #e50081;
	color:#fff;
}






}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {



/*======================================

	categegory 
	
========================================*/

nav#cat-head{
	width:100%;
	margin:0 0 20px 0;
	padding: 0 0 0 0;
	text-align: center;
	display: none;
}


.cat-box{
	width:180px;
	float:left;
	padding: 12px 8px 12px 8px;
	margin: 0px 0px 0px 0;
	text-align: center;
	border-left:1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd ;

}

.last-box{
	border-right:1px solid #ddd;
}

.bggray{
	background: #fff;
}


h3.cat-list-h3{
	font-size:16px;
	line-height: 18px;
	font-weight: 500;
	padding: 0px 0px 0px 0px;
	margin: 0 0 24px 0;
	list-style: none;
	color:#fff;
	border-bottom: 0px solid #000;

}
h3.cat-list-h3 span{
	display: block;
	font-size:0.8em;
	font-weight: 400;
	margin: 9px 0 0px 0px;
}
h3.cat-list-h3 a{
	background: #000;
	display: block;
	color:#fff;
	padding: 12px 0px 12px 0px;
}

h3.cat-list-h3 a:hover{
	display: block;
	color:#fff;
	background: #e50081;
	padding: 12px 0px 12px 0px;
}

.to-more{
	display: none;
	text-align: right;
	padding: 0 4px 0 0;
	margin: 0 0 10px 0;
	font-size:13px;
	line-height: 1;
}


/*======================================

	newarrival
	
========================================*/




.newarrival-box {
display:block;
vertical-align: top;
width:100%;
height:185px;
padding: 0 0 0x 0;
margin: 0 0px 0px 0px;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
border-bottom: 0px solid #d8c099 ;
}

.newarrival-box-artist {
display:block;
vertical-align: top;
width:100%;
height:200px;
padding: 0 0 0x 0;
margin: 0 0px 0px 0px;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
border-bottom: 0px solid #d8c099 ;
}

.newarrival-img {
width:100%;
display:inline-block;
text-align:center;
margin:0 auto 0px auto;
}

.height-newthumimg {
	height: 150px;
	width: auto;
	margin: auto;
}
.width-newthumimg {
	width: 85%;
	height: auto;
	margin: auto;
}

.newarrival-box-artist p {
font-size: 13px;
margin: 0 0 0 0;
padding: 3px 0 0px 0;
line-height: 18px;
font-weight: 400;
}

#newarrival p {
font-size: 13px;
margin: 0 0 0 0;
padding: 8px 0 8px 0;
line-height: 20px;
clear:both;
}

.newarrival-clear06{
	display: block;
	clear:both;
	height: 1px;
	overflow: hidden;
}
.newarrival-clear03{
	display: none;
	clear:both;
	height: 1px;
	overflow: hidden;
}

.to-listpage{
	width:100%;
	text-align: center;
	margin: 0px 0 0px 0;
}
.to-listpage a{
	width: 100%;
	display: block;
	font-size:14px;
	color: #333;
	border: 0px solid #000;
	padding:10px 0px 10px 0px;
	margin: auto;
	font-weight: 600;
	background: #00a0e9;
	color:#fff;
}
.to-listpage a:hover{
	background: #e50081 ;
	color:#fff;
}
.to-listpage a span{
	display: block;
	font-size: 12px;
	margin: 0 6px 0 6px;
	font-weight: 400;
}







/*======================================

	feature 
	
========================================*/

#feature-box{
	width:100%;
	padding: 0 0 0 0;
	margin: 0px 0px 50px 0;
	text-align: left;
	border:0px solid #000;
}

.feature-box01{
	width:49%;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0px 20px 0;
	text-align: left;
	border-top:1px solid #000;
}
.feature-box02{
	width:49%;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0px 20px 0;
	text-align: left;
	border-top:1px solid #000;
}

.feature-box01,.feature-box02{
	padding: 15px 15px 15px 15px;
}

.feature-box01 p,.feature-box02 p{
}



.feature-box-left{
	width:100px;
	float:left;
	padding: 0 0 0 0;
	margin: 0 0px 10px 0;
	text-align: left;
}

.feature-box-left img{
	width:100px;
	height: 100px;
	vertical-align: baseline;
}

.feature-box-right{
	border-left:4px solid #000;
	width:380px;
	float:right;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: left;
	border:0px solid #000;
}
.feature-box-right h3{
	font-size:20px;
	line-height: 20px;
	font-weight: 600;
	color:#000;
	padding: 15px 0px 12px 0px;
	margin: 0 0 18px 0;
	border-bottom: 0px solid #000;
}
.feature-box-right h3 span{
	display: block;
	font-size:20px;
	line-height: 20px;
	font-weight: 600;
	color:#000;
	margin: 12px 0 0px 0;
}



.top-to-page{
	width:100%;
	text-align: left;
	margin: 10px 0 10px 0;
}
.top-to-page a{
	display: inline-block;
	width:180px;
	text-align: center;
	font-size:14px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	padding:6px 0px 6px 0px;
	margin: auto;
	font-weight: 600;
	
}
.top-to-page a:before {
	content:"▶ ";
	font-size:0.8em;
	}

.top-to-page a:hover{
	background: #e50081 ;
	color:#fff;
}





/*======================================

	browse head title 
	
========================================*/

.browse-head{
	border:1px solid #333;
}

.browse-head p{
	padding: 12px 12px 12px 12px;
}

h2.browse-title-sp{
	width:100%;
	font-size:20px;
	font-weight: 600;
	color:#fff;
	padding: 12px 12px 12px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	border: 0px solid #000;
	background: #000;
	display: none;
}

h2.browse-title{
	width:100%;
	font-size:20px;
	font-weight: 600;
	color:#fff;
	padding: 12px 12px 12px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	border: 0px solid #000;
	background: #000;
}
h2.browse-title span.en{
	display: inline-block;
	font-size:0.8em;
	font-weight: 400;
	margin: 0 0 0px 6px;
}
h2.browse-title span.subcat{
	display: block;
	font-size:0.7em;
	font-weight: 600;
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0px;
	border-left: 0px solid #000;
}





.feature-head{
	width:100%;
	color:#000;
	padding: 20px 20px 20px 20px;
	margin: 0 0 6px 0;
	border: 1px solid #000;
	background: #fff;
}
.feature-head h3{
	font-size:20px;
	line-height: 20px;
	font-weight: 600;
	padding: 0 0 15px 4px;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #000;
}
.feature-head h3 span{
	display: inline-block;
	margin: 0 0 0px 12px;
}

.feature-head-left{
	width:150px;
	float:left;
	padding: 8px 0 0px 0px;
}
.feature-head-left img{
	width:100%;
	height: auto;
}

.feature-link {
	display: block;
	margin: 9px 0 0 0;
	font-size: 15px;
	line-height: 1.5;
	animation: blinkAnime 0.8s infinite alternate;
	color:#0365c0;
}
@keyframes blinkAnime{
   0% { color: #e50081 }
 100% { color: #ffffff }
}

.feature-head-right{
	width:580px;
	float:right;
	background: #fff;
}



.artist-head{
	width:100%;
	color:#000;
	padding: 0px 0px 0px 0px;
	margin: 0 0 6px 0;
	border: 1px solid #000;
	background: #fff;
}
.artist-head h3{
	font-size:20px;
	line-height: 20px;
	font-weight: 600;
	padding: 15px 15px 15px 15px;
	margin: 0 0 0px 0;
	border-bottom: 0px solid #000;
	background: #000;
	color:#fff;
}
.artist-head h3 span{
	display: inline-block;
	margin: 0 0 0px 12px;
}

.artist-head-left{
	width:180px;
	float:left;
	padding: 15px 0px 15px 15px;
}
.artist-head-left img{
	width:100%;
	height: auto;
}
.artist-head-right{
	width:580px;
	float:right;
	background: #fff;
	padding: 15px 15px 15px 0px;
}
.artist-head-right p{
	font-size:0.9em;
	line-height: 1.8;
}


/*======================================

	side 
	
========================================*/
.now-catlist{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	border: 0px solid #0365c0;
	background: transparent;
}
h2.h2-side-now{
	font-size:16px;
	line-height: 20px;
	margin: 0 0 0px 0;
	padding: 8px 12px 8px 12px;
	border: 0px solid #0365c0;
	background: #000;
	color: #fff;
}
h2.h2-side-now span{
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin: 6px 0 0 0;
}
h2.h2-side-now a{
	color: #fff;
}
h2.h2-side-now a:hover{
	color: #e50081;
}


ul#side-catlist-now{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}
ul#side-catlist-now li a{
	display: block;
	padding: 4px 14px 5px 14px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	background: #00a0e9;
	border-top: 1px solid #fff;
	color:#fff;
}

ul#side-catlist-now li span{
	display: block;
	font-size: 12px;
	font-weight: 400;
}
ul#side-catlist-now li a:hover{
	background: #e50081;
	color:#fff;
}
ul#side-catlist-now li a.now{
	display: block;
	padding: 4px 14px 5px 14px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	background: #e50081;
	border-top: 1px solid #fff;
	color:#fff;
}



h2.h2-side{
	font-size:16px;
	line-height: 18px;
	margin: 0 0 0px 0;
	padding: 8px 0 8px 12px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
}


ul#side-catlist{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	border-bottom: 1px solid #000;
}
ul#side-catlist li a{
	display: block;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #fff;
}
ul#side-catlist li span{
	display: block;
	font-size: 12px;
	font-weight: 400;
}
ul#side-catlist li a:hover{
	background: #e50081;
	color:#fff;
}
ul#side-catlist li a.now{
	display: block;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 15px;
	font-weight: 600;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #00a0e9;
	color: #fff;
}


.side-feature{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	border: 1px solid #000;
	background: #fff;
}

.side-feature-box a{
	display: block;
	padding: 4px 14px 4px 4px;
	margin: 0 0 0px 0;
	list-style: none;
	font-size: 14px;
	font-weight: 600;
	border-top: 1px solid #000;
}
.side-feature-left{
	width:45px;
	float: left;
	padding: 0 0px 0 0;
	margin: 0 0 0 0;
	border: 0px solid #000;
	word-break: break-all;
}
.side-feature-left img{
	width:100%;
}
.side-feature-right{
	width:160px;
	float: right;
	padding: 0 0 0 0;
	border: 0px solid #000;
}
.side-feature-box a:hover{
	background: #e50081;
	color: #fff;
}


.side-artist{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
	list-style: none;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	background: #fff;
}
.side-artist  li{
	padding: 4px 12px 4px 12px;
	margin: 0 0 0px 0;
	list-style: none;
	border-bottom: 1px solid #000;
	background: #fff;
}
.side-artist li a{
	display: block;
	font-size:15px;
}
.side-artist li a span{
	display: block;
	font-size:13px;
}




.to-other{
	width:100%;
	text-align: left;
	margin: 0px 0 15px 0;
}
.to-other a{
	display: inline-block;
	width:100%;
	font-size:15px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	padding:8px 0px 8px 12px;
	margin: auto;
	font-weight: 400;
	
}
.to-other a:before {
	content:"▶ ";
	font-size:0.8em;
	}

.to-other a:hover{
	background: #e50081 ;
	color:#fff;
}


/*======================================

	function 
	
========================================*/

#function{
	padding:0 0 0 0;
	margin:15px 0 20px 0;
	font-size:14px;
}

#function-left{
	width:550px;
	float:left;
	padding:0px 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
	background: #fff;
}

#function-right{
	border-right:0px solid #333333;	
	width:250px;
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:13px;
	text-align: right;
}


.refine-left{
	width:200px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	text-align: right;
	margin-right:9px;
}
.refine-right{
	width:320px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	text-align: left;
}

.refine-serach-box{
	width:265px;
	height: 30px;
}
.refine-serach-submit{
	height: 26px;

}



#function-hitnum{
	padding:0 0 0 0;
	margin:0 0 0 0;
}




#function_sort{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#sort{
	
}

#sort-left{
	
}

#sort-right{
	
}

#sort-right a strong{
	color:#e50081;
}

#function_footer{
	clear:both;
}







/*======================================

	page number 
	
========================================*/

#page-menu-box{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#page-menu-box-all{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align: center;
}

#page-menu{
background-color: transparent;
border-top:0px solid #333;
border-left:0px solid #aaaaaa;
border-right:0px solid #aaaaaa;
border-bottom:0px solid #aaaaaa;
margin: auto;
padding: 0px 4px 0px 4px ;
text-align: center;
clear:both;
}

#page-menu ul{
background-color: transparent;
padding: 0 0 0 0 ;
margin: 0 0 0 0;
line-height:14px;
}

#page-menu li{
display:inline-block;
list-style:none ;
background: transparent; 
font-size:18px;
line-height:18px;
	color:#333;
}
#page-menu li a{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 6px 8px 6px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
border: 0px solid #09c;
background: #fff;
}
#page-menu li a:hover{
color:#e50081;
}
#page-menu li span{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 6px 8px 6px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
border: 0px solid #09c;
color: #999;
}

#page-volume{
	width:100%;
	text-align: center;
	font-size:14px;
	margin: 15px 0 15px 0;
}



/*======================================

	book-list 
	
========================================*/

.book-list{
	width:100%;
	margin:0px 0 30px 0;
	padding:0 0 0 0;
	background: #fff;
	text-align: center;
}

.book-list-box{
	display: inline-block;
	vertical-align: top;
	width:180px;
	margin:20px 8px 20px 8px;
	padding:20px 0 0 0;
	border-top:0px solid #000;
}
.book-list-box03{
	display: inline-block;
	vertical-align: top;
	width:180px;
	margin:20px 0px 20px 0;
	padding:30px 0 0 0;
	border-top:0px solid #000;
}

.book-list-box04{
	display: inline-block;
	width:180px;
	vertical-align: top;
	margin:20px 0px 20px 0;
	padding:30px 0 0 0;
	border-top:0px solid #000;
}

.book-list-thum{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.book-list-thum img.width-img{
	width: 90%;
	margin: auto;
}
.book-list-thum img.height-img{
	height: 180px;
	margin: auto;
}

.ukiyoe-list-new{
	width:30px;
	height: 15px;
	text-align: center;
	background:#cc3366;
	color:#fff;
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 3px 0;
	padding: 1px 0 0 0;
}

.signed-icon{
	font-size:11px;
	background: #e50081;
	color:#fff;
	width:60px;
	margin: 0 auto 6px auto;
	padding: 2px 0 2px 0; 
}

.book-author{
	font-size: 13px;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.book-title{
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}
.book-price{
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin: 8px auto 0 auto;
	padding: 0 0 0 0;
	color:#cc3333;
}

.list-clear03{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.list-clear02{
	display: none;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.list-clear04{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*======================================

	detail-box 
	
========================================*/

.detail-box{
	width:100%;
	margin: 0px auto 0 auto;
	padding: 0px 0 30px 0;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
}

.detail-box h3.h3-title{
	font-size:22px;
	line-height: 30px;
	font-weight: 600;
	margin: 0px auto 0 auto;
	padding: 0 15px 15px 15px;
	border-bottom: 4px solid #000;
}
.detail-box h3.h3-title span.title-head{
	display: inline-block;
	font-size:18px;
	font-weight: 400;
	margin: 0px 0 0 10px;
	padding: 0 0px 0px 0px;
}

.detail-box h3.h3-title span.h3-author{
	display: block;
	font-size:18px;
	font-weight: 400;
	margin: 8px 0 0 0px;
	padding: 0 0px 0px 0px;
}

.detail-box-left{
	width:48%;
	float:left;
	margin: 0 auto 0 auto;
	padding: 0px 0 0 0;
	border-top: 0px solid #000;
	text-align: center;
}

.detail-box-right{
	width:48%;
	float:right;
	margin: 0 auto 0 auto;
	padding: 0px 0 0 0;
	border-top: 0px solid #000;
}

.itemid{
	font-size:13px;
	line-height: 12px;
	color:#666;
	padding: 0;
	margin: 10px 0 20px 0;
}

.main-photo{
	margin:0px 0 20px 0 ;
}

.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 6px 0px;
  font-size:13px;
  width: 240px;
}
.thumb li img {
  padding: 0;
  vertical-align: bottom;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.width-thumimg{
	width: 240px;
	height: auto;
	margin: auto;
}
.height-thumimg{
	height: 220px;
	width:auto;
	margin: auto;
}


.overlay{
	background: #333;
}


.width-mainimg{
	width: 400px;
	height: auto;
	margin: auto;
}
.height-mainimg{
	height: 400px;
	width:auto;
	margin: auto;
}

.detail-artist{
	font-size:18px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}
.detail-title{
	font-size:18px;
	line-height: 18px;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.detail-note{
	font-size:15px;
	line-height: 30px;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.detail-price{
	display: inline-block;
	width:100%;
	font-size:24px;
	line-height: 28px;
	font-weight: 600;
	margin: 10px 15px 0px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}

.detail-price span.tax-common{
	font-size:16px;
	line-height: 20px;
	font-weight: 400;
	margin: 15px 0 35px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}
.detail-price span.tax-common-en{
	display: block;
	font-size:12px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 0 35px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}

.sale{
	display: inline-block;
	position: relative;
}
.sale::before {
 content: '';                	/* 擬似要素に実体を持たせる */
 width: 100%;                	/* 打ち消し線の幅を指定する*/
 height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
 border-top: solid 2px #cc3333;     /* 二重線の上側になる線をひく */
 position: absolute;            	/* 線の位置を自由に動かせるようにする */
 left: 0 ;                   /* 線の位置を左に揃える */
 top: calc(50% - 3px);           /* 線の位置を真ん中から3px上にする */
}
 
.sale::after {
 content: '';                	/* 擬似要素に実体を持たせる */
 width: 100%;                	/* 打ち消し線の幅を指定する*/
 height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
 border-bottom: solid 2px #cc3333;  /* 二重線の上側になる線をひく */
 position: absolute;            	/* 線の位置を自由に動かせるようにする */
 left: 0 ;                    	/* 線の位置を左に揃える */
 bottom: calc(50% - 3px);        /* 線の位置を真ん中から3px下にする */
}
.detail-price span.tax-sale{
	font-size:0.7em;
	color:#333;
}
.detail-price span.or-price{
	font-size:0.8em;
	color:#333;
}

.detail-price-sale{
	display: inline-block;
	width:100%;
	font-size:24px;
	line-height: 28px;
	font-weight: 600;
	margin: -30px 0px 0px 0;
	padding: 0 0 0 0;
	color:#cc3333;
}
.tax{
	color:#333;
	font-size:20px;
}


table.detail-info{
	width:100%;
	background: #fff;
	border-collapse: collapse;
	font-size: 16px;
	line-height: 30px;
	border-top:1px solid #ddd;
	margin: 0px 0 0 0;
}
table.detail-info tr{
	width:100%;
}
table.detail-info th{
	width:120px;
	font-weight: 400; 
	color:#999;
	padding:8px 0 8px 8px;
	border-bottom:1px solid #ddd;
}
table.detail-info td{
	width:auto;
	color:#000;
	padding:8px 8px 8px 0;
	border-bottom:1px solid #ddd;
}
span.title-head{
	display: block;
	line-height: 13px;
	font-size:13px;
	margin: 0 0 3px 0;
}


table.detail-info-en{
	width:100%;
	background: #efefef;
	border-collapse: collapse;
	font-size: 16px;
	line-height: 30px;
	border-top:1px solid #ddd;
	margin: 30px 0 45px 0;
}
table.detail-info-en tr{
	width:100%;
}
table.detail-info-en th{
	width:120px;
	font-weight: 400; 
	color:#999;
	padding:8px 0 8px 8px;
	border-bottom:1px solid #ddd;
}
table.detail-info-en td{
	width:auto;
	color:#000;
	padding:8px 8px 8px 0;
	border-bottom:1px solid #ddd;
}

table.detail-info a,table.detail-info-en a{
	border-bottom: 1px solid #444;
}


.detail-description{
	font-size:13px;
	line-height: 20px;
	margin: 20px 0 9px 0;
	padding: 12px;
	border: 1px solid #ddd;
	background: #efefef;
}
.detail-webcomment{
	font-size:13px;
	line-height: 20px;
	margin: 20px 0 9px 0;
	padding: 12px;
	border: 1px solid #ddd;
	background: #fff;
}



#detail-footer{
	width:100%;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

#detail-footer-col{
	width:100%;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
}

#detail-footer-pc{
	width:100%;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
}

#detail-footer-sp{
	width:100%;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
	display: none;
}

#detail-footer-left{
	width:35%;
	text-align: center;
	margin: 0px 5% 0 0;
	padding: 0 0 0 0;
	float:left;
}
#detail-footer-right{
	width:60%;
	text-align: left;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
	float:right;
}

.form-btn,.cart-btn, .print-btn{
	display: inline-block;
	width:100%;
	margin: 0 8px 20px 8px;
}


.form-btn form,.cart-btn form ,.print-btn form{
	width:100%;
}

.cart-btn input{
	width:100%;
	font-size:16px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/cart_icon.png) no-repeat 110px 8px;
	background-size: 25px auto;
}
.cart-btn input:hover{
	background: #e50081 url(../i/cart_icon.png) no-repeat 110px 8px;
	background-size: 25px auto;
	cursor: pointer;
	color:#fff;
}

.form-btn input{
	width:100%;
	font-size:16px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/mail_icon.png) no-repeat 135px 11px;
	background-size: 22px auto;
}
.form-btn input:hover{
	background: #e50081 url(../i/mail_icon.png) no-repeat 135px 11px;
	background-size: 22px auto;
	cursor: pointer;
	color:#fff;
}





.form-btn01,.cart-btn01, .print-btn01{
	display: inline-block;
	vertical-align: top;
	width:45%;
	margin: 0px 0 20px 0.5%;
}


.form-btn01,.cart-btn01{
	display: inline-block;
	vertical-align: top;
	width:45%;
	margin: 0px 0 20px 0.5%;
	text-align: center;
}




.cart-btn01 input{
	width:100%;
	font-size:12px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 24px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/cart_icon.png) no-repeat 10px 10px;
	background-size: 18px auto;
}
.cart-btn01 input:hover{
	background: #e50081 url(../i/cart_icon.png) no-repeat 10px 10px;
	background-size: 15px auto;
	cursor: pointer;
	color:#fff;
}

.form-btn01 input{
	width:100%;
	font-size:12px;
	color: #333;
	border: 1px solid #000;
	padding:12px 10px 12px 24px;
	margin: auto;
	font-weight: 600;
	background: transparent url(../i/mail_icon.png) no-repeat 16px 12px;
	background-size: 15px auto;
}
.form-btn01 input:hover{
	background: #e50081 url(../i/mail_icon.png) no-repeat 16px 12px;
	background-size: 15px auto;
	cursor: pointer;
	color:#fff;
}





/*======================================

	prev
	
========================================*/

.detail-to-prev{
	width:100%;
	text-align: center;
	margin: 60px 0 60px 0;
}
.detail-to-prev a{
	width:200px;
	font-size:14px;
	color: #333;
	border: 1px solid #000;
	padding:10px 40px 10px 40px;
	margin: auto;
	font-weight: 600;
}
.detail-to-prev a:hover{
	background: #e50081 ;
	color:#fff;
}




/*======================================

	related
	
========================================*/
#related-wrapper{
width:100%;
padding: 20px 0px 20px 0px;
margin: 0px auto 0px auto;
background: #fff;
	border-top:0px solid #0099cc;

}
#related{
width:1080px;
padding: 0px 0px 0px 0px;
margin: 30px auto 0px auto;
text-align: center;

}

h3.related-h3{
font-size: 22px;
font-style: 500;
margin: 0px 0px 20px 0px;
padding: 8px 8px 12px 0px;
border-bottom: 1px solid #000;
font-weight: 600;
text-align: center;
}
h3.related-h3 span{
color:#666;
display: block;
font-size: 16px;
font-style: normal;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #000;
font-weight: 400;
}


#tag{
	text-align: center;
	margin: 0 0 30px 0;
}

#tag a{
	display: inline-block;
	font-size:15px;
	font-weight: 500;
	background: #fff;
	margin:0 6px 10px 0;
	padding:8px 12px 8px 12px;
	text-decoration: none;
	border:1px solid #333;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */
}
#tag a:hover{
	background: #e50081;
	color:#fff;
}