@charset "UTF-8";




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






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

	h2 
	
========================================*/

.item-list-h1-wrapper{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:0px solid #aaa;
	padding:24px 21px 21px 27px;
	margin:0 0 18px 0;
	background: #fff;
	font-weight: 500;
	line-height: 1;
	background: #ffffff;
}

h1.h1-itemlist{
	font-size:18px;
	font-weight: 500;
	line-height: 1;
	padding:0px 0px 0px 0px;
	margin:0 0 0px 0;
}
h1.h1-itemlist span{
	display: block;
	font-size:12px;
	color: #999;
	margin: 12px 0 0 0;
}

.item-h1-note{
	width: 100%;
	display: block;
	justify-content: space-between;
}

.item-h1-note-left{
}

.item-h1-note-left p{
	font-size: 14px;
	line-height: 1.8;
}

.item-h1-note-right{
	display: none;
	width: 150px;
	margin-left: 30px;
}

.h1-note-thumb{
	width: 150px;
	height: 150px;
	object-fit: cover;
}


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

	subcat-menu
	
========================================*/


.subcat-menu{
	width: 100%;
	margin: 6px 0 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.subcat-menu a{
	display: inline-block;
	margin: 12px 12px 0px 0;
	padding: 6px 12px 6px 12px;
	background: #333;
	color: #fff;
	font-size: 13px;
	border:0px solid #ccc;
}
.subcat-menu a span{
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
	font-size: 11px;
}

.subcat-menu a:hover{
	background: #999;
}



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

	artist-refine
	
========================================*/

.artist-refine{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 12px 0 0 0;
}

.artist-refine a{
	display: inline-block;
	justify-content: flex-start;
	margin: 0 12px 12px 0;
	padding: 6px 9px 6px 9px;
	font-size: 13px;
	color: #fff;
	background: #333;
	border-radius: 3px;
}

.refine-now{
	display: inline-block;
	justify-content: flex-start;
	margin: 0 12px 12px 0;
	padding: 6px 9px 6px 9px;
	font-size: 13px;
	color: #fff;
	background: #ff6633;
	border-radius: 3px;
}




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

	side-menu
	
========================================*/


.menu-box { 
	margin:0px 0  36px 0;
	padding:0px 0px 0px 0px;
}


.menu-box h2 { 
	font-size:18px;
	margin: 0px 0px 0px 0;
	padding:0 6px 9px 9px;
	border-bottom:1px solid #aaa;
	text-align:left;
	font-weight: 500;
}
.menu-box h2 span { 
	display: inline-block;
	font-size:12px;
	margin: 0px 0px 0px 12px;
	padding:0 0px 0px 0;
	font-weight: 300;
}



.menu-box ul.menu-cat-ul { 
	font-size:15px;
	margin: 0px 0 30px 0;
	padding:0px 0 0px 0px;
	list-style:none;
	color:#C33;
	border-bottom:1px solid #aaa;
}

.menu-box ul li.menu-cat-li { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:15px 9px 15px 9px;
	list-style:disc  ;
	line-height:18px;
	border-top:0px solid #333;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
	background-size:auto 6px;
}



.menu-box ul li.menu-cat-li a { 
	display: block;
	}

.menu-box ul li.menu-cat-li a span { 
	display: block;
	font-size:10px;
	color: #999;
}

.menu-box ul li.menu-cat-li:last-child{
	border-bottom:0px solid #333;
}


.menu-box ul.menu-category-ul { 
	font-size:15px;
	margin: 0px 0 0px 0;
	padding:0px 0 0px 18px;
	list-style:none;
	color:#C33;
	border-bottom:0px solid #aaa;
}
.menu-box ul li.menu-category-li { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:12px 9px 12px 9px;
	list-style:disc  ;
	line-height:18px;
	border-top:0px solid #333;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
	background-size:auto 6px;
}
.menu-box ul li.menu-category-li:first-child{
	border-top:1px dotted #ddd;
	margin-top: 12px;
}
.menu-box ul li.menu-category-li:last-child{
	border-bottom:0px solid #333;
	padding:12px 9px 0px 9px;
}

.side-feature-list{
	width: 100%;
	margin: 21px 0 0px 0;
}

.side-feature-list img{
	width: 100%;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}

.side-feature-list h3{
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.side-feature-list h3 a{
	color: #333;
}




.sidemenu-to-list { 
	display: block;
	font-size:14px;
	margin: 0px 0 18px 0;
	}
	
.sidemenu-to-list a { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:12px 9px 12px 15px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:6px solid #333;
	text-decoration:none;
	background-size:auto 6px;
	}

.sidemenu-to-list a span { 
	display: block;
	font-size:10px;
	color: #999;
}



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

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

.function{
	padding:0 0 0 0;
	margin:24px 0 9px 0;
	font-size:15px;
	display: block;
	justify-content: space-between;
}

.function-left{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 12px 0;
	font-size:15px;
	text-align: center;
}

.function-right{
	border-right:0px solid #333333;	
	width:100%;
	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;
}


.sort{
	padding:0 0 0 0;
	margin:0px 0 21px 0;
	font-size:14px;
	display: block;
	justify-content: flex-end;
	align-items: center;
}

.sort-left{
	padding:0 0 0 0;
	margin:0 0 12px 0;
	font-size:14px;
}

.sort-right{
	border-right:0px solid #333333;	
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
}





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

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

.page-menu-box{
	width:100%;
	margin:0 0 36px 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:#cc3333;
}
.page-menu li a{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 4px 8px 4px 8px ;
margin: 0 4px 9px 4px ;
font-size:18px;
line-height:18px;
	background: #f5f0e9;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.page-menu li a:hover{

}
.page-menu li span{
color:#aaa;
display:inline-block;
list-style:none ;
background: transparent; 
padding: 4px 8px 4px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
background: #eee;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}



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

book_list 
	
========================================*/
.item-list{
	border-top:0px solid #aaa;
	padding:0 0 0 0;
	margin:24px 0 30px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.item-list-box{
	width: 46%;
	border-top:1px solid #aaa;
	padding:24px 0 24px 0;
	margin:0 2% 30px 2%;
}

.item-list-box-left{
	width: 100%;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.item-list-box-right{
	width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}


.item-list-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
	width:100%;
	text-align: center;
}

.item-list-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 135px;
	object-fit:contain;
}


.item-list-box-data{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.item-list-title, .item-list-title a.title-to-detail{
	font-size:14px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.item-list-author{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
}

.item-list-note{
	font-size:15px;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
}




.item-list-price{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:9px 0 0 0;
	font-size:14px;
	color:#cc3333;
	font-weight:normal;
}
.item-list-price span{
	color:red;
}


.item-list-box-cart{
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
}






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

	item-detail
	
========================================*/



.item-detail{
	margin: 0px 0 45px 0;
	width: 100%;
	display: block;
	justify-content: space-between;
}
.item-detail-left{
	width: 100%;
}
.item-detail-right{
	width: 100%;
	text-align: left;
	border-top: 0px solid #aaa;
	border-right: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
	border-left: 0px solid #aaa;
	padding: 0 0 0 0;
}

.item-detail-photo{
	background: #fff;
	padding:18px 18px 18px 18px;
	text-align: center;
	border-top: 1px solid #aaa;
	border-right: 0px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 0px solid #aaa;
}

.item-detail-mainphoto{
	width: 100%;
	margin: 0 auto 0px;
}

.item-detail-mainphoto h1.item-detail-h1{
	padding: 0;
	margin: 0;
	line-height: 1;
}

.item-detail-mainphoto img.mainphoto-horizontal{
	width: 100%;
	height: auto;
}

.item-detail-mainphoto img.mainphoto-vertical{
	width: auto;
	height: 320px;
}

.item-detail-thumb-wrapper{
	margin: 24px 0 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	vertical-align: center;
}

.item-detail-thumb{
	display: block;
	width: 90px;
	margin: 0px 9px 9px 0;
}

.item-detail-thumb img{
	width: 90px;
	height: 90px;
	object-fit:cover;
}



.more-detail{
	width: 100%;
	padding: 12px ;
	font-size:14px;
	text-align: right;
}

.to-more-detail{
	color:#333;
}

.to-more-detail span{
	font-size:1.5em;
	display: inline-block;
	margin-left: 9px;
}

.to-more-detail-nodisp img{
	display: none;
}





.item-detail-head{
	margin: 21px 0 24px 0;
}

.item-detail-head h2{
	margin:0px 0 0px 0;
	padding: 0 0 0 0;
}

.item-detail-artist{
	font-size:18px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
}
.item-detail-artist span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;;
}
.item-detail-art-title{
	font-size: 18px;
	display: block;
	margin:0px 0 21px 0;
	word-break: break-all;
}
.item-detail-art-title span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;
	font-style: oblique;
}

.item-detail-author{
	font-size:16px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
}
.item-detail-author span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;;
}
.item-detail-book-title{
	font-size:18px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
	word-break: break-all;
}
.item-detail-book-title span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;
	font-style: oblique;
}

.item-detail-note{
	font-size:15px;	
	line-height: 1.8;
}
.item-detail-description{
	font-size:13px;	
	line-height: 1.8;
	margin: 12px 0 0 0;
}

.item-price{
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight: 600;
	color: #cc3333;
}


.item-detail-footer{
	background: #fff;
	width: 100%;
	margin: 30px 0 30px 0;
	display: block;
	justify-content: space-between;

}

.item-detail-footer-left{
	width: 100%;
	margin: 0 0 15px 0;
}
.item-detail-footer-right{
	width: 100%;
}


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

.cart-btn-sold{
	width:100%;
	font-size:14px;
	color: #f9f9f9;
	border: 1px solid #ccc;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: #ccc url(../i/cart_icon.png) no-repeat 21px 12px;
	background-size: 21px auto;
	text-align: center;
}

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





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

	artist 
	
========================================*/

.artist-list{
	width: 100%;
	margin: 36px 0 0 0;
}


h4.artist-list-h4{
	width: 100%;
	font-size: 21px;
	line-height: 1.5;
	padding: 0 0 9px 6px;
	margin: 0 0 24px 0;
	border-bottom: 1px solid #aaa;
}

a.artist-list-name{
	font-size: 15px;
	display: inline-block;
}

a.artist-list-name{
	display: inline-block;
	margin-right: 12px;
}
a.artist-list-name span{
	font-size: 12px;
	margin-left: 3px;
	color: #999;
}



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

	artist reccomend
	
========================================*/

.artist-recommend{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.artist-recommend-list{
	width: 46%;
	margin: 0 2% 30px 2%;
}

.artist-recommend-thumb{
	width: 100%;
	height: 90px;
	object-fit:cover;
	margin: 0 0 12px 0;
}

.artist-recommend-list-name{
	font-size: 14px;
}
.artist-recommend-list-name span{
	display: block;
	font-size: 13px;
	color: #999;
}



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

	artist searchform
	
========================================*/

.artist-searchform-box {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0px 45px 0px;
	text-align: left;
}


.artist-searchform {  
    width: 100%;  
    background: #fff;   
    display: block;  
    height: 36px;  
    position: relative; 
    padding:8px 8px 8px 8px;
    margin: 15px 0 0 0;
	border-top:0px solid #aaa;
	border-right:0px solid #aaa;
	border-bottom:0px solid #aaa;
	border-left:0px solid #aaa;
	text-decoration: none;
	color: #444;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	background: #efefef;
}  
.artist-keywords  {  
    background: #fff;   
    width: 85%;  
    position: absolute;  
	padding:0px;
    border: 0px solid #FFF;  
    outline: 0;
    font-size: 16px ;
	background: #efefef;
}  
.artist-searchBtn {  
    position: absolute;  
    top: 5px;  
    right: 2%;  
    background: url(../i/btn_search.png) 8px 5px no-repeat;
    background-size:auto 15px;
    height:25px;
    width:25px;
	border:solid 0px #EEA34A;
	color:#fff;
	text-indent: -9999em;
	cursor: pointer;
}  





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

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

.feature-top{
	width: 100%;
	display: block;
	justify-content: space-between;
	text-align: left;
	margin: 60px 0 45px 0;
}

.feature-top-left{
	width: 100%;
}

.feature-top-right{
	width: 100%;
}

.feature-top-left img{
	width: 100%;
	height: auto;
}

.feature-top-right h3{
	font-size:16px;
	color:#333;
	padding: 0 0 0 0;
	margin: 6pxz 0 0 0;
}

.feature-top-right p{
	font-size:13px;
	line-height: 1.8;
	color:#333;
}





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

	related-link
	
========================================*/

.related-link{
	width: 100%;
	margin: 75px 0 0 0;
}

.related-link-h3{
	margin: 0 0 21px 0;
	padding: 0 0 3px 3px;
	font-size: 16px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.related-link-h3 span{
	display: inline-block;
	margin: 0 0 0px 6px;
	padding: 0 0 3px 3px;
	font-size: 13px;
	font-weight: 400;
	color: #999;
}


.related-link a{
	display: inline-block;
	margin: 0 12px 12px 0px;
	padding: 6px 12px 6px 12px;
	border-left: 2px solid #333;
	background: #f9f9f9;
	font-size:13px;
	color:#333;
}

.related-link a:hover{
	opacity: 0.75;
}





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

related item 
	
========================================*/
.related-item-wrapper{
	width: 100%;
	border-top:0px solid #aaa;
	padding:0px 0 0 0;
	margin:75px 0px 30px 0px;
	background: #fff;
}



.related-item-h3{
	margin: 0 0 21px 0;
	padding: 0 0 12px 0px;
	font-size: 21px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.related-item-h3 span{
	display: block;
	font-size: 14px;
	color: #999;
	margin: 3px 0 0px 0;
}


.related-item{
	width: 100%;
	border-top:0px solid #aaa;
	padding:0 0px 0 0px;
	margin:21px auto 30px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.related-item-box{
	width: 30%;
	border-top:0px solid #aaa;
	padding:0px 0 0px 0;
	margin:0 1.5% 18px 1.5%;
}

.related-item-box-left{
	width: 100%;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.related-item-box-right{
	width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: left;
}


.related-item-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align: center;
}

.related-item-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 120px;
	object-fit:contain;
}


.related-item-box-data{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.related-item-title, .related-item-title a.related-to-detail{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.related-item-author{
	font-size:11px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
	color:#666;
	font-weight: 400;
}






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

to-prev
	
========================================*/


.detail-to-prev{
	display: block;
	width: 180px;
	margin: 90px auto 90px auto;
	padding: 9px 18px 9px 18px;
	background: #333;
	color: #fff;
	font-size: 14px;
}

.detail-to-prev:hover{
	opacity: 0.75;
	color: #fff;
}






}/*max-width: 480px*/



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







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

	h2 
	
========================================*/

.item-list-h1-wrapper{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:0px solid #aaa;
	padding:24px 21px 21px 27px;
	margin:0 0 18px 0;
	background: #fff;
	font-weight: 500;
	line-height: 1;
	background: #ffffff;
}

h1.h1-itemlist{
	font-size:21px;
	font-weight: 500;
	line-height: 1;
	padding:0px 0px 0px 0px;
	margin:0 0 0px 0;
}
h1.h1-itemlist span{
	display: block;
	font-size:13px;
	color: #999;
	margin: 12px 0 0 0;
}

.item-h1-note{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.item-h1-note-left{
}

.item-h1-note-left p{
	font-size: 14px;
	line-height: 1.8;
}

.item-h1-note-right{
	width: 150px;
	margin-left: 30px;
}

.h1-note-thumb{
	width: 150px;
	height: 150px;
	object-fit: cover;
}



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

	subcat-menu
	
========================================*/


.subcat-menu{
	width: 100%;
	margin: 6px 0 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.subcat-menu a{
	display: inline-block;
	margin: 12px 12px 0px 0;
	padding: 9px 15px 9px 15px;
	background: #333;
	color: #fff;
	font-size: 14px;
	border:0px solid #ccc;
}
.subcat-menu a span{
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
	font-size: 11px;
}

.subcat-menu a:hover{
	background: #ff6633;
}

.subcat-now{
	display: inline-block;
	margin: 12px 12px 0px 0;
	padding: 9px 15px 9px 15px;
	background: #ff6633;
	color: #fff;
	font-size: 14px;
	border:0px solid #ccc;
}
.subcat-now span{
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
	font-size: 11px;
}



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

	artist-refine
	
========================================*/

.artist-refine{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 12px 0 0 0;
}

.artist-refine a{
	display: inline-block;
	justify-content: flex-start;
	margin: 0 12px 12px 0;
	padding: 6px 9px 6px 9px;
	font-size: 13px;
	color: #fff;
	background: #333;
	border-radius: 3px;
}

.refine-now{
	display: inline-block;
	justify-content: flex-start;
	margin: 0 12px 12px 0;
	padding: 6px 9px 6px 9px;
	font-size: 13px;
	color: #fff;
	background: #ff6633;
	border-radius: 3px;
}


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

	side-menu
	
========================================*/


.menu-box { 
	margin:0px 0  36px 0;
	padding:0px 0px 0px 0px;
}


.menu-box h2 { 
	font-size:18px;
	margin: 0px 0px 0px 0;
	padding:0 6px 9px 9px;
	border-bottom:1px solid #aaa;
	text-align:left;
	font-weight: 500;
}
.menu-box h2 span { 
	display: inline-block;
	font-size:12px;
	margin: 0px 0px 0px 12px;
	padding:0 0px 0px 0;
	font-weight: 300;
}



.menu-box ul.menu-cat-ul { 
	font-size:15px;
	margin: 0px 0 30px 0;
	padding:0px 0 0px 0px;
	list-style:none;
	color:#C33;
	border-bottom:1px solid #aaa;
}

.menu-box ul li.menu-cat-li { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:15px 9px 15px 9px;
	list-style:disc  ;
	line-height:18px;
	border-top:0px solid #333;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
	background-size:auto 6px;
}



.menu-box ul li.menu-cat-li a { 
	display: block;
	}

.menu-box ul li.menu-cat-li a span { 
	display: block;
	font-size:10px;
	color: #999;
}

.menu-box ul li.menu-cat-li:last-child{
	border-bottom:0px solid #333;
}


.menu-box ul.menu-category-ul { 
	font-size:15px;
	margin: 0px 0 0px 0;
	padding:0px 0 0px 18px;
	list-style:none;
	color:#C33;
	border-bottom:0px solid #aaa;
}
.menu-box ul li.menu-category-li { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:12px 9px 12px 9px;
	list-style:disc  ;
	line-height:18px;
	border-top:0px solid #333;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
	background-size:auto 6px;
}
.menu-box ul li.menu-category-li:first-child{
	border-top:1px dotted #ddd;
	margin-top: 12px;
}
.menu-box ul li.menu-category-li:last-child{
	border-bottom:0px solid #333;
	padding:12px 9px 0px 9px;
}

.side-feature-list{
	width: 100%;
	margin: 21px 0 0px 0;
}

.side-feature-list img{
	width: 100%;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}

.side-feature-list h3{
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.side-feature-list h3 a{
	color: #333;
}




.sidemenu-to-list { 
	display: block;
	font-size:14px;
	margin: 0px 0 18px 0;
	}
	
.sidemenu-to-list a { 
	display: block;
	font-size:14px;
	margin: 0px 0 0px 0;
	padding:12px 9px 12px 15px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:6px solid #333;
	text-decoration:none;
	background-size:auto 6px;
	}

.sidemenu-to-list a span { 
	display: block;
	font-size:10px;
	color: #999;
}



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

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

.function{
	padding:0 0 0 0;
	margin:24px 0 9px 0;
	font-size:15px;
	display: flex;
	justify-content: space-between;
}

.function-left{
	width:140px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:15px;
}

.function-right{
	border-right:0px solid #333333;	
	width:510px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
	text-align: right;
}

.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{
	padding:0 0 0 0;
	margin:0px 0 21px 0;
	font-size:14px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sort-left{
	padding:0 0 0 0;
	margin:0 12px 0 0;
	font-size:14px;
}

.sort-right{
	border-right:0px solid #333333;	
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
}



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

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

.page-menu-box{
	width:100%;
	margin:0 0 36px 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:#cc3333;
}
.page-menu li a{
display:inline-block;
list-style:none ;
background: transparent; 
padding: 4px 8px 4px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
	background: #f5f0e9;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.page-menu li a:hover{

}
.page-menu li span{
color:#aaa;
display:inline-block;
list-style:none ;
background: transparent; 
padding: 4px 8px 4px 8px ;
margin: 0 4px 0 4px ;
font-size:18px;
line-height:18px;
background: #eee;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}



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

book_list 
	
========================================*/
.item-list{
	border-top:0px solid #aaa;
	padding:0 0 0 0;
	margin:24px 0 30px 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}


.item-list-box{
	width: 30%;
	border-top:1px solid #aaa;
	padding:24px 0 24px 0;
	margin:0 1.5% 30px 1.5%;
}


.item-list-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
	width:100%;
	text-align: center;
}

.item-list-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:196px;
	height: 196px;
	object-fit:contain;
}


.item-list-info{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.item-list-title, .item-list-title a.title-to-detail{
	font-size:15px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.item-list-author{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
}

.item-list-note{
	font-size:15px;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
}




.item-list-price{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:9px 0 0 0;
	font-size:14px;
	color:#cc3333;
	font-weight:normal;
}
.item-list-price span{
	color:red;
}





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

	item-detail
	
========================================*/



.item-detail{
	margin: 60px 0 60px 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.item-detail-left{
	width: 46%;
}
.item-detail-right{
	width: 46%;
	text-align: left;
	border-top: 0px solid #aaa;
	border-right: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
	border-left: 0px solid #aaa;
	padding: 0 0 0 0;
}

.item-detail-photo{
	background: #fff;
	padding:30px 30px 30px 30px;
	text-align: center;
	border-top: 1px solid #aaa;
	border-right: 0px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 0px solid #aaa;
}

.item-detail-mainphoto{
	width: 100%;
	margin: 0 auto 0px;
}

.item-detail-mainphoto h1.item-detail-h1{
	padding: 0;
	margin: 0;
	line-height: 1;
}

.item-detail-mainphoto img.mainphoto-horizontal{
	width: 100%;
	height: auto;
}

.item-detail-mainphoto img.mainphoto-vertical{
	width: auto;
	height: 400px;
}

.item-detail-thumb-wrapper{
	margin: 24px 0 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	vertical-align: center;
}

.item-detail-thumb{
	display: block;
	width: 120px;
	margin: 0px 18px 18px 0;
}

.item-detail-thumb img{
	width: 120px;
	height: 120px;
	object-fit:cover;
}


.more-detail{
	width: 100%;
	padding: 12px ;
	font-size:14px;
	text-align: right;
}

.to-more-detail{
	color:#333;
}

.to-more-detail span{
	font-size:1.5em;
	display: inline-block;
	margin-left: 9px;
}

.to-more-detail-nodisp img{
	display: none;
}



.item-detail-head{
	margin: 21px 0 24px 0;
}

.item-detail-head h2{
	margin:0px 0 0px 0;
	padding: 0 0 0 0;
}

.item-detail-artist{
	font-size:18px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
}
.item-detail-artist span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;;
}
.item-detail-art-title{
	font-size: 18px;
	display: block;
	margin:0px 0 21px 0;
	word-break: break-all;
}
.item-detail-art-title span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;
	font-style: oblique;
}

.item-detail-author{
	font-size:16px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
}
.item-detail-author span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;;
}
.item-detail-book-title{
	font-size:18px;
	line-height: 1.8;
	display: block;
	margin:0px 0 21px 0;
	word-break: break-all;
}
.item-detail-book-title span{
	color:#666;
	display: block;
	margin:0px 0 0px 0;
	font-weight: 400;
	font-style: oblique;
}

.item-detail-note{
	font-size:15px;	
	line-height: 1.8;
}
.item-detail-description{
	font-size:13px;	
	line-height: 1.8;
	margin: 12px 0 0 0;
}

.item-price{
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight: 600;
	color: #cc3333;
}


.item-detail-footer{
	background: #fff;
	width: 100%;
	margin: 30px 0 30px 0;
	display: flex;
	justify-content: space-between;

}

.item-detail-footer-left{
	width: 48%;
}
.item-detail-footer-right{
	width: 48%;
}


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

.cart-btn-sold{
	width:100%;
	font-size:14px;
	color: #f9f9f9;
	border: 1px solid #ccc;
	padding:12px 10px 12px 10px;
	margin: auto;
	font-weight: 600;
	background: #ccc url(../i/cart_icon.png) no-repeat 21px 12px;
	background-size: 21px auto;
	text-align: center;
}

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





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

	artist 
	
========================================*/

.artist-list{
	width: 100%;
	margin: 36px 0 0 0;
}


h4.artist-list-h4{
	width: 100%;
	font-size: 21px;
	line-height: 1.5;
	padding: 0 0 9px 6px;
	margin: 0 0 24px 0;
	border-bottom: 1px solid #aaa;
}

a.artist-list-name{
	font-size: 15px;
	display: inline-block;
}

a.artist-list-name{
	display: inline-block;
	margin-right: 12px;
}
a.artist-list-name span{
	font-size: 12px;
	margin-left: 3px;
	color: #999;
}



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

	artist reccomend
	
========================================*/

.artist-recommend{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.artist-recommend-list{
	width: 180px;
	margin: 0 13.5px 30px 13.5px;
}

.artist-recommend-thumb{
	width: 180px;
	height: 110px;
	object-fit:cover;
	margin: 0 0 12px 0;
}

.artist-recommend-list-name{
	font-size: 15px;
}
.artist-recommend-list-name span{
	display: block;
	font-size: 13px;
	color: #999;
}



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

	artist searchform
	
========================================*/

.artist-searchform-box {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0px 0 0px;
	text-align: left;
}


.artist-searchform {  
    width: 350px;  
    background: #fff;   
    display: block;  
    height: 36px;  
    position: relative; 
    padding:8px 8px 8px 8px;
    margin: 15px 0 0 0;
	border-top:0px solid #aaa;
	border-right:0px solid #aaa;
	border-bottom:0px solid #aaa;
	border-left:0px solid #aaa;
	text-decoration: none;
	color: #444;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	background: #efefef;
}  
.artist-keywords  {  
    background: #fff;   
    width: 85%;  
    position: absolute;  
	padding:0px;
    border: 0px solid #FFF;  
    outline: 0;
    font-size: 16px ;
	background: #efefef;
}  
.artist-searchBtn {  
    position: absolute;  
    top: 5px;  
    right: 2%;  
    background: url(../i/btn_search.png) 8px 5px no-repeat;
    background-size:auto 15px;
    height:25px;
    width:25px;
	border:solid 0px #EEA34A;
	color:#fff;
	text-indent: -9999em;
	cursor: pointer;
}  



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

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

.feature-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin: 60px 0 45px 0;
}

.feature-top-left{
	width: 30%;
}

.feature-top-right{
	width: 66%;
}

.feature-top-left img{
	width: 100%;
	height: auto;
}

.feature-top-right h3{
	font-size:18px;
	color:#333;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.feature-top-right p{
	font-size:14px;
	color:#333;
}





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

	related-link
	
========================================*/

.related-link{
	width: 100%;
	margin: 75px 0 0 0;
}

.related-link-h3{
	margin: 0 0 21px 0;
	padding: 0 0 3px 3px;
	font-size: 16px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.related-link-h3 span{
	display: inline-block;
	margin: 0 0 0px 6px;
	padding: 0 0 3px 3px;
	font-size: 13px;
	font-weight: 400;
	color: #999;
}


.related-link a{
	display: inline-block;
	margin: 0 12px 12px 0px;
	padding: 6px 12px 6px 12px;
	border-left: 2px solid #333;
	background: #f9f9f9;
	font-size:13px;
	color:#333;
}

.related-link a:hover{
	opacity: 0.75;
}





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

related item 
	
========================================*/
.related-item-wrapper{
	width: 100%;
	border-top:0px solid #aaa;
	padding:0px 0 0 0;
	margin:75px 0px 30px 0px;
	background: #fff;
}



.related-item-h3{
	margin: 0 0 21px 0;
	padding: 0 0 12px 0px;
	font-size: 21px;
	font-weight: 400;
	border-bottom:1px solid #aaa;
}

.related-item-h3 span{
	display: block;
	font-size: 14px;
	color: #999;
	margin: 3px 0 0px 0;
}


.related-item{
	width: 100%;
	border-top:0px solid #aaa;
	padding:0 0px 0 0px;
	margin:21px auto 30px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.related-item-box{
	width: 145px;
	border-top:0px solid #aaa;
	padding:0px 0 0px 0;
	margin:0 12px 18px 12px;
}

.related-item-box-left{
	width: 100%;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.related-item-box-right{
	width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align: left;
}


.related-item-photo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align: center;
}

.related-item-thumb{ 
	padding:0px auto 0px auto;
	margin:0px 0px 0px 0px;
	width:100%;
	height: 120px;
	object-fit:contain;
}


.related-item-box-data{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0 0;
	width:100%;
}


.related-item-title, .related-item-title a.related-to-detail{
	font-size:13px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 6px 0;
	color:#333;
	font-weight: 600;
	word-break: break-all;

}


.related-item-author{
	font-size:11px;
	line-height: 1.6;
	padding:0px 0px 0px 0px;
	margin:0 0 9px 0;
	color:#666;
	font-weight: 400;
}






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

to-prev
	
========================================*/


.detail-to-prev{
	display: block;
	width: 180px;
	margin: 90px auto 90px auto;
	padding: 9px 18px 9px 18px;
	background: #333;
	color: #fff;
	font-size: 14px;
}

.detail-to-prev:hover{
	opacity: 0.75;
	color: #fff;
}






}/*min-width: 481px*/