@charset "utf-8";
/* -----------------------------------------------------

　商品一覧

----------------------------------------------------- */


.plist li { float:left; width:188px; text-align:center; position:relative;}
.plist li a { padding:10px; margin:0 10px 10px 0px; display:block; text-decoration:none; overflow:hidden;border: 1px solid #dedede;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.05);border-radius: 6px;}
	.plist li a:after { content:""; display:table; clear:both; }
	.plist li a { /zoom:1; }
.plist li a:hover {;}
.plist li .img { height:100px;overflow:hidden; }
.plist li .img img { display:block; max-height:120px;width:auto; height:auto; margin:0 auto;}


.plist li .pname { color:#789/*$new-dark-grey*/; height:27px; overflow:hidden; line-height:15px; margin-top:10px; text-align:left;}
.plist li .price { color:#5aabe2;/*color:#e55;*/ font-size:1.2em; padding-top:3px; text-align:right; }
.plist li .buynow_price {color:#7d7d7d;text-align: left;font-size: 1em;}
.plist li .buynow_price span {display: inline-block;background-color: #ffcc66;padding: 2px 4px;border-radius:4px;color: white;}
.plist li .icon_makeshop {height:auto;    background-size: 16px auto; white-space: inherit;overflow: inherit;}

.plist li.expired {}
.plist li.expired .pname {color:#cdcdcd;}
.plist li.expired .price {color:#ffa8a8;}
.plist li.expired img {opacity:0.5;}
.plist li.expired a {cursor:default;}
.overlay_badge {display:none;}
.expired .overlay_badge {display:block;    position: absolute;
    z-index: 1;
    padding: 3px;
    right: 5px;
    top: -5px;
	color:#fff;
    border-radius: 4px;
    background-color: #ffa7a7;
    /*border: 1px solid #dcbcbc;*/
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.1)}
#pbandai_expired {margin-top:20px;display:none;    border-radius: 4px;
    background-color: #fcf9e1;
    border: 1px solid #dbdcbc;
    padding: 10px;	}
	#pbandai_expired.active {display:block;}


#catgroupHeader { text-align:left; margin:0; }
	#catgroupHeader:after { content:""; display:table; clear:both; }
	#catgroupHeader { /zoom:1; }
	/*.catgroup-Electronics { background-image:url(../images/catgroup/electronics.jpg) !important; }
	.catgroup-Hobby { background-image:url(../images/catgroup/hobby.jpg) !important; }
	.catgroup-Fashion { background-image:url(../images/catgroup/fashion.jpg) !important; }
	.catgroup-Health { background-image:url(../images/catgroup/health.jpg) !important; }
	.catgroup-Foods { background-image:url(../images/catgroup/foods.jpg) !important; }
	.catgroup-Interior { background-image:url(../images/catgroup/interior.jpg) !important; }*/
#catgroupHeader h1 {   /*padding: 20px 0 20px 40px;
    font-size: 30px;
    font-size: 3rem;
	border: 1px solid #e0e0e0;
    border-radius: 5px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.17);
	color: #505050;*/
 }
#catgroupHeader .catlist { /*position:absolute; bottom:0; left:0; */
	background:url(../images/bg_white.png); padding:20px 20px 40px 0; }
	#catgroupHeader .catlist:after { content:""; display:table; clear:both; }
	#catgroupHeader .catlist { /zoom:1; }
#catgroupHeader .catlist h2 { font-size:20px; font-size:2rem; margin-left:20px; }
#catgroupHeader .catlist ul { margin-top:5px; float:left; width:20%; }
#catgroupHeader .catlist li { margin:0 5px 7px 0; position:relative; line-height:1.3; 
	 /*display:inline-block; *display:inline; *zoom:1;*/}
#catgroupHeader .catlist li a { color:#333; text-decoration:underline; margin-left:20px; display:block;}

h1.itemlist_h1 {  padding:20px 0 20px 40px; margin-bottom:10px; font-size:20px; font-size:2rem; border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: block;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.17); }

.btn_search_shopping { background:#fc6; border-radius:5px; behavior:url(/PIE.htc); display:block; margin:-20px 20px 0 280px;
	/*position:absolute; right:20px; bottom:-30px;*/}
    .country__id .btn_search_shopping { margin-left:150px;}
    .country__en .btn_search_shopping { margin-left:150px;}
	.btn_search_shopping:hover { text-decoration:none; color:#000;}
.btn_search_shopping span { padding:15px 20px 15px 50px; background:url(../images/icon_auction2.png) 20px center no-repeat; display:block; border-radius:5px; behavior:url(/PIE.htc); color:#fff; font-size:18px; font-size:1.8rem; }

.btn_search_auction { background:#e55; border-radius:5px; behavior:url(/PIE.htc); display:block; margin:-20px 20px 0 280px;
	/*position:absolute; right:20px; bottom:-30px; */ }
    .country__id .btn_search_auction { margin-left:150px;}
    .country__en .btn_search_auction { margin-left:150px;}
	.btn_search_auction:hover { text-decoration:none; color:#000;}
.btn_search_auction span { padding:15px 20px 15px 50px; background:url(../images/icon_cart1.png) 20px center no-repeat; display:block; 
	border-radius:5px; behavior:url(/PIE.htc); color:white; font-size:18px; font-size:1.8rem; }
.product_search_nav {text-align:right;margin-top:10px;}
.product_search_nav > div {display: inline-block !important;margin-bottom:10px;}
.product_search_nav > .translateBlock {margin-right: 48px;margin-top: -31px;margin-left:10px;top: 27px;}
.select_sort { 
    margin:0;
}
.select_sort select {padding: 5px;border-radius: 4px;border: 1px solid #cacaca;    -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;background: #fff url(../images/icon_down.svg) 94% 50% no-repeat;background-size: 14px 8px;padding-right: 20px;}
.select_sort select::-ms-expand {
    display: none;
}
	@media only screen and (max-width:700px) {.product_search_nav > .translateBlock{margin-right:57px;margin-left:0;}.select_sort { margin-right:10px;}
	}
.product_search_nav > .translateBlock select {padding: 5px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff url(../images/icon_down.svg) 94% 50% no-repeat;
    background-size: 14px 8px;}
	.product_search_nav > .translateBlock select::-ms-expand {
		display: none;
	}
.goog-te-combo {    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴシック', Hiragino Sans, Meiryo, メイリオ, sans-serif !important;}
/* ============================================

　#side

============================================ */
.side_catlist {text-align:left;}
.side_catlist .catlist_group {    box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);}
.side_catlist .catlist_group {border-radius: 4px 4px 0px 0px;overflow: hidden;}
.side_catlist a:hover {text-decoration:none !important;}
.side_catlist h3 { margin:0px;padding:15px 5px 15px 15px; color:#fff; font-size:15px; font-size:1.5rem; 
    background:#f16969/*$search-red*/ url(../images/spacer.gif) 10px -2px no-repeat;}
.guide .side_catlist h3 {background:#89cbd2/*$new-blue*/}
       .side_catlist h3.cat-Electronics { background-image:url(../images/cat/electronics.png); padding-left:55px; }
       .side_catlist h3.cat-Hobby { background-image:url(../images/cat/hobby.png); padding-left:55px; }
       .side_catlist h3.cat-Fashion { background-image:url(../images/cat/fashion.png); padding-left:55px; }
       .side_catlist h3.cat-Health { background-image:url(../images/cat/health.png); padding-left:55px; }
       .side_catlist h3.cat-Foods { background-image:url(../images/cat/foods.png); padding-left:55px; }
       .side_catlist h3.cat-Interior { background-image:url(../images/cat/interior.png); padding-left:55px; }
	   body.page__item__yahoo__auction .side_catlist h3 { background-color:#ffd176/*$search-yellow*/; color: #fff; } 
	   body.page__item__yahoo__auction .side_catlist h3 a { color: #fff; } 
	.side_catlist h3 a { color:#fff; line-height:1.2; display:block;}
	.side_catlist h3.shopping + .ctnt,.side_catlist h3.auction + .ctnt {/*border-bottom: 1px solid #dedede;*/}
.side_catlist .ctnt {/* border-left:1px solid #dedede;  border-right:1px solid #dedede; */}
	.side_catlist .ctnt:after { content:""; display:table; clear:both; }
	.side_catlist .ctnt { /zoom:1; }
.side_catlist h4 { background:#fff; padding:0; border-bottom:1px solid #dedede; margin:0px;}
	.side_catlist h4:after { content:""; display:table; clear:both; }
	.side_catlist h4 { /zoom:1; }
	.side_catlist .ctnt:last-child h4 { border-bottom:none; }
.side_catlist .ctnt h4 a { display:block;color: #789; padding:15px 0 15px 10px; float:left; width:170px;}
.side_catlist .ctnt h4 a.toggle_open { display:block; cursor:pointer; padding:0; float:right; width:35px; height:50px; 
	background:url(../images/icon_open2.png) center center no-repeat; background-size:13px auto; }
	.side_catlist .open h4 a:hover { text-decoration:none; }
	.side_catlist .open h4 a.toggle_open { background-image:url(../images/icon_close2.png);}	
	.side_catlist h4 a.toggle_open:focus{opacity:0.6;}
.side_catlist ul.catlist { padding:10px 15px; display:none; border-bottom:1px solid #dedede;margin-bottom:0;background-color: #f0f0f0;}
	.side_catlist .open ul.catlist { display:block;}
.side_catlist ul.catlist li { padding:5px 0;    padding-left: 16px;
    text-indent: -16px;}
@media only screen and (min-width:701px) {
	.side_catlist ul.catlist li:not(:last-child) {border-bottom: 1px solid #dedede;}
	.side_catlist ul.catlist {/*box-shadow: inset 0 1px 7px rgba(128, 128, 128, 0.25);*/}
}

.side_catlist ul.catlist li a { color:#333; }
.side_catlist ul.keywords { padding:15px 15px 5px; }
	.side_catlist ul.keywords:after { content:""; display:table; clear:both; }
	.side_catlist ul.keywords { /zoom:1; }
.side_catlist ul.keywords { padding-bottom:20px;}
.side_catlist ul.keywords li { float:left; padding:2px;}
.side_catlist ul.keywords li a {position:relative; display:inline-block; *display:inline; *zoom:1; 
	padding:3px 5px; background:#f3f3f3; border-radius:3px; behavior:url(/PIE.htc);color: #789;}
	.side_catlist ul.keywords li a:hover { text-decoration:none; background-color: #686868;color: white;}

@media only screen and (max-width:700px) {
	#pbandai_expired {margin:10px;}
	.plist li {width:inherit;    margin: 0 10px;text-align:left;float:none;}
    .plist li .img { float:left;height: auto;max-height:160px;overflow:hidden;}
	.plist li .img img {max-height: 200px;max-width: 120px;}
	.plist li a { height:inherit; margin:0;}
    .plist li a > div:not(.container-square) { margin-left:130px;}
    .plist li a div.pname { height:auto; line-height:1.3; margin-top:0;}
	.plist li .icon_makeshop {min-height:25px;}
	
	h1.itemlist_h1 {margin:10px;}
	#catgroupHeader { width:inherit; height:inherit;padding-bottom:10px; background-size:cover; }
	#catgroupHeader h1 { padding:15px 10px 15px; font-size:2.4rem; height:inherit;margin:10px 10px 0}
	#catgroupHeader .catlist { display:none; /*position:relative; bottom:inherit; right:inherit; padding:15px 20px; background:#fff;*/ }
	#catgroupHeader .catlist ul { float:none; width:inherit; }
	.btn_search_shopping,
	.btn_search_auction { position:relative; bottom:inherit; right:inherit; display:block; margin:0 10px !important; text-align:left; }
	.btn_search_shopping span,
	.btn_search_auction span { padding:15px 5px 15px 27px; font-size:1.3rem; line-height:1; background-position:5px center; display:inline-block;
		background-image:url(../images/icon_cart1.png); }
	/********************************************************

	サイド

	********************************************************/
	.side_catlist { float:none; width:inherit; margin:0; padding:0;}
	.side_catlist ul.catlist { padding:0; border:none; background:#eee;}
		.side_catlist ul.catlist:after { content:""; display:table; clear:both; }
		.side_catlist ul.catlist { /zoom:1; }
	.side_catlist ul.catlist li { float:left; width:50%; margin:0; padding:0;text-indent:0; }
	.side_catlist ul.catlist li a { padding:12px 15px 5px 7px; float:none !important; margin:0 !important; 
		border-bottom:1px solid #ddd; display:block; height:70px; line-height:1.2; 			
		background:#f6f6f6 url(../images/icon_next.png) 96% center no-repeat; text-decoration:none; color:#666; }
		/*.side_catlist ul.catlist li a.close_more { display:none;}*/
	.side_catlist ul.catlist li:nth-child(odd) a { border-right:1px solid #ddd; }
/*
	.side_catlist .toggle_open { display:block; background:#f6f6f6 url(../images/icon_down4.png) center center no-repeat; height:30px; border-top:1px solid #ddd;}
		.side_catlist .open .toggle_open { background-image:url(../images/icon_up1.png);}
*/
	.side_catlist ul.keywords { padding:5px;}
	.side_catlist ul.keywords li a { padding:10px;}

}
/*****
PC ONLY
*****/
@media (min-width:701px) {
	.bottom-fade-gradient {
		z-index: 2;
		background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,1) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,1) 100%);
		
	}
    

	.plist li .img {
		height:100%;
	}
	.plist li .img img{
		width:100%;
		height:auto;
		max-height: 200px;
		
	}
	.plist li a {
		padding:0px;
		border:none;
		box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.12);
    
	}
	.plist .pcontents {padding:10px;}
		
	@supports (object-fit: cover) {
		.plist li .img img{
			width:100%;
			height:100%;
			max-height: initial;
			object-fit: cover;
			object-position: 50% 50%;
		}
	}
}
@media only screen and (min-width: 1200px){
	.plist li {width: 178px;}
	#side.guide {width:264px}
}