﻿/* ==========TOP用css============ */
.container {
	width: 100%;
	margin: 0 auto;
}

.pane-globalnav{margin-bottom: 0;}

.pane-header .container {
	width: 1000px;
	margin: 0 auto;
	height: 102px;
	justify-content: space-between;
}

.pane-globalnav .container{
	width: 1000px;
	margin: 0 auto;
}


.block-recent-item {
	width: 100%;
	background: #f4f4f4;

}

.pane-contents .container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 1fr;
}


.block-recent-item--items {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.block-top-event--goods .block-common--next-page{
	border-bottom: solid 1px #d3d3d3;
    padding-bottom: 50px;	
}


.pane-left-menu{display: none;}
.pane-main{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
	width: 100%;
}

.pane-right-menu {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 2;
	margin: 0;
}

.pane-contents{padding-bottom: 0;}

.block-top-topic{
    width: 1000px;
    margin: 0 auto;	
}

.pane-right-menu{
	width: 100%;
	background: #f4f4f4;
}

.block-recent-item--keep-history{right: 0;}

/*.block-top-event-items{
	width: 1000px;
	margin: 0 auto;
}*/
.block-top-event-items .block-top-event--goods .block-thumbnail-t,
.block-top-event-items .block-top-event--goods .block-pickup-list-p--items{
	width: 1000px;
	margin: 0 auto;
}

.block-top-event-items .block-top-event--header{
	width: 1000px;
	margin: 0 auto;
}


/* トピックス */
#block_of_itemhistory .block-recent-item--header{
	padding: 29px 0 20px 0;
}


/* ランキング */
.tab_content_item .block-ranking-r li{margin-bottom: 30px;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1{
	flex-basis: 452px;
	background: url(../../img/usr/dot3.png) repeat-y right center;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5{flex-basis: 118px;margin-left: 18px;width: 118px;}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image .icon .icon-src1,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image .icon .icon-src1,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image .icon .icon-src1,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image .icon .icon-src1{
	position: absolute;
	top 1px;
	right: 1px;
	z-index: 1;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image .icon .icon-src1 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image .icon .icon-src1 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image .icon .icon-src1 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image .icon .icon-src1 img{height: 16px;vertical-align: top;margin-left: 2px;}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image .icon .icon-src2,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image .icon .icon-src2,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image .icon .icon-src2,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image .icon .icon-src2{
	position: absolute;
	bottom: 1px;
	left: 1px;
	z-index: 1;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image .icon .icon-src2 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image .icon .icon-src2 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image .icon .icon-src2 img,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image .icon .icon-src2 img{
	vertical-align: bottom;
	height: 24px;
}


.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image figure,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image figure,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image figure,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image figure{
	width: 118px;
	height: 118px;
	border: solid 1px #dedede;
    background: #fff;
}

.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image figure img{
    max-width: 230px;
    max-height: 230px;	
}
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image figure img,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image figure img,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image figure img,
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-image figure img{
	max-width: 118px;
	max-height: 118px;
}


.tab_content_item .block-ranking-r--goods-image .block-ranking-r--rank{border-radius: 0;}
.tab_content_item .block-ranking-r--goods-image figure{
	background: transparent;
	width: 230px;
	height: 230px;
}


.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .block-ranking-r--rank{background: #ad8e53;width: 40px;height: 40px;font-size: 24px;top: -9px;left: -9px;}
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-image .block-ranking-r--rank{background: #838383;width: 30px;height: 30px;font-size: 20px;top: -9px;left: -9px;}
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-image .block-ranking-r--rank{background: #7d5848;width: 30px;height: 30px;font-size: 20px;top: -9px;left: -9px;}
.tab_content_item  .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-image .block-ranking-r--rank{background: #0b7052;width: 30px;height: 30px;font-size: 20px;top: -9px;left: -9px;}
.tab_content_item  .block-ranking-r li dl:nth-child(5) .block-ranking-r--goods-image .block-ranking-r--rank{background: #0b7052;width: 30px;height: 30px;font-size: 20px;top: -9px;left: -9px;}


/* ランキング1 */
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1{display: flex;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image{
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 230px;
	height: 230px;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .icon-src1{
	position: absolute;
	right: 1px;
	top: 1px;
	z-index:1;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .icon-src1 img{margin-left: 2px;max-height: 18px;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .icon-src2{
	position: absolute;
	left: 1px;
	bottom: 1px;
	z-index:1;
	max-height: 18px;	
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .icon-src2{
	position: absolute;
	left: 1px;
	bottom: 13px;
	z-index:1;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-image .icon-src2 img{vertical-align: bottom;height: 30px;}


.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--commont{font-size: 14px;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description{
	float: left;
	width: 222px;
	padding: 0 15px 0 20px;
    margin-top: 0;	
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description .block-ranking-r--goods-name a{
	font-size: 16px;
}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description .block-ranking-r--goods-name{margin-bottom: 15px;height: auto!important;}
.tab_content_item .block-ranking-r li dl .block-ranking-r--goods-description .block-ranking-r--price-infos{margin-bottom: 20px;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description .block-ranking-r--price-infos .block-ranking-r--price-items .block-ranking-r--price{text-align: left;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description .block-ranking-r--price-infos .block-ranking-r--price-items .block-ranking-r--price .price{text-align: left;}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-1 .block-ranking-r--goods-description .block-icon{margin-bottom: 10px;height: auto!important;}

/* ランキング2以降 */
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--price,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--price,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--price,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--price{
	text-align: left;
	font-size: 16px;
}
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-description,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-description,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-description,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-description{margin-top: 5px;}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-description .block-ranking-r--goods-name,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-description .block-ranking-r--goods-name,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-description .block-ranking-r--goods-name,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-description .block-ranking-r--goods-name{margin-bottom: 6px;}

.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-2 .block-ranking-r--goods-name a,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-3 .block-ranking-r--goods-name a,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-4 .block-ranking-r--goods-name a,
.tab_content_item .block-ranking-r li dl.block-ranking-r--goods-rank-5 .block-ranking-r--goods-name a{
	font-size: 16px;
	text-decoration: none;
}

.tab_content_item .block-ranking-r ul.block-ranking-r--items li dl:nth-child(n + 2) .block-ranking-r--commont{display: none;}

.page-top .slick-list{position: static;}


/* TOPランキング */
.block-ranking-r{
	overflow: visible;
	padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;
}

.block-ranking-r li{
	margin-bottom: 30px;
}


/* TOPサムネイル */
.block-thumbnail-t{
	overflow: visible;
	padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-bottom: none;	
}

.block-thumbnail-t--goods-image figure{
    width: 150px;
    height: 150px;	
}

.block-thumbnail-t--goods{
	width: 150px;
	outline: none;
}
.block-thumbnail-t--goods:nth-child(4n){margin-right: 20px;}
.block-thumbnail-t--goods:nth-child(4n + 1){clear:none;}
.block-thumbnail-t--goods-description .block-thumbnail-t--goods-name a{font-size: 16px;}

.block-pickup-list-p--item-body:nth-child(4n + 1){clear: none;}