@charset "shift_jis";

/********************************
	共通
********************************/
:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightbeige: #cbc1ae;

	--main-clr-white: #f4f5f0;
	--main-clr-gray: #7f7c7a;
	--main-clr-red: #d07157;

	--clr-ss-black: #48413b;
	--clr-sale: #cc0000;
}

@media screen and (max-width: 1279px) {
	main#wrapper,
	main{
		padding:0;
	}
}

._kaiso,
.popfind {
	display: flex;
}

#content_member{
	overflow-x: hidden;
}

article#contents {
	/* width: calc(100% - 240px); */
	float: right;
	box-sizing: border-box;
	padding-bottom: 30px;
}	


@keyframes colorcirclefadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

/**********************
カテゴリ絞り込み
**********************/
		
	.win-navi-modal{
		display: none;
		width: 100%;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}
	#win-navi-modal .win-navi-wrap {
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 20px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		white-space: nowrap;
	}
	#win-navi-modal .win-navi-wrap::-webkit-scrollbar {
		display: none;
	}
	#win-navi-modal .win-navi-wrap:after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: 100%;
	}
	#win-navi-modal .win-navi-bg {
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(51, 51, 51, 0.8);
		width: 100%;
		height: 100%;
	}
	#win-navi-modal .win-navi  {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		min-width: 700px;
		padding: 30px;
		margin: auto;
		border: solid 1px var(--clr-ss-black);
		border-radius: 5px;
		background: #FFF;
		text-align: left;
	}
	#win-navi-modal .win-navi-close{
		position: absolute;
		top: 30px;
		right: 30px;
		cursor: pointer;
	}
	#win-navi-modal .win-navi-close span {
		font-size: 3em;
	}
	
	#win-navi-modal .win-navi h3{	
		text-align: center;
		margin-bottom: 10px;
	}

	
	._kaiso .category-list ._attributegroup,
	._kaiso ._attributegroup ._attributes {
		display: flex;
	}
	._kaiso .category-list{		
		border-bottom: dashed 1px #a3a3a3; 
		padding: 10px 0;
	}
	._kaiso ._attributegroup ._group{
		width: 20%;
		min-width: 100px;
		margin: auto 0;
		font-weight: bold;
	}
	._kaiso ._sub_group ._attributegroup ._group{
		display: none;
	}
	._kaiso ._attributegroup ._count{
		font-size:60%;
		padding-left:0.5em;
	}

	._kaiso ._attributegroup_group1 ._group{
		margin: 0;
	}
	._kaiso ._attributegroup_group1 ._attributes ._attribute._disable{
		display:none;
	}
	._kaiso ._attributegroup_group1 ._attributes{
		display: block;
	}
	._kaiso ._attributegroup_group1 ._sub_groups ._attributes{
		padding-left:1.5em;
	}
	._kaiso ._attributegroup_group1 ._sub_groups ._attributes ._attribute::before{
		content: "-";
		color: #aaa;
	}

	._kaiso ._attributegroup ._attributes ._attribute{
		padding-right: 30px;
	}
	._kaiso ._attributegroup ._attributes ._attribute label{
		display:inline-block;
		padding:5px;
		position:relative;
		white-space: normal;
		line-height:1.1;
	}
	._kaiso ._attributegroup ._attributes ._attribute label:hover{
		color: var(--clr-sale);
		cursor: pointer;
	}
	._kaiso ._attributegroup ._attributes ._attribute._disable label,
	._kaiso ._attributegroup ._attributes ._attribute._disable label:hover{
		color: #aaa;
		cursor: default;
	}

	._kaiso ._attributesubgroup ._attributes ._attribute input{
		display:none;
	}
	
	._kaiso ._attributesubgroup ._attributes ._attribute ._checked:before{
		color: var(--clr-sale);
		display: block;
		font-family: 'Material Icons';
		font-size: 1.25em;
		content: 'done';
		position: absolute;
		top: 7px;
		bottom:0;
		left: -1em;
		margin:auto;
	}
	._kaiso ._attributesubgroup ._attributes ._attribute ._checked{
		color: var(--clr-sale);
	}	
	._kaiso ._attributesubgroup ._attributes ._attribute{
		padding-right: 5px;
	}
	._kaiso ._attributesubgroup ._attributes ._attribute span{
		display: table-cell;
		word-break: keep-all;
	}

	._kaiso ._attributegroup_group1 ._attributes ._attribute ._checked:before{
		color: var(--clr-sale);
		display: block;
		font-family: 'Material Icons';
		font-size: 1.5em;
		content: 'arrow_right_alt';
		position: absolute;
		top: 5px;
		bottom:0;
		left: -1em;
		margin:auto;
	}
	._kaiso ._attributegroup_group1 ._sub_groups ._attributes ._attribute ._checked::before{
		left: -1.5em;
	}
	._kaiso ._priceinput{
		padding-top: 10px;
		display: flex;
	}
	._kaiso ._priceinput ._label{
		width: 20%;
		min-width: 100px;
		margin: auto 0;
		font-weight: bold;
	}
	._kaiso ._priceinput ._form{
		padding: 10px 0;
		display: flex;
	}
	._kaiso ._priceinput ._form input{
		width: 100px;
		height: 30px;
	}
	._kaiso ._buttons{
		text-align: center;
		margin-top: 30px;
	}	
	._kaiso ._buttons label{
		border-radius: 5px;
		margin: auto 10px;
		border: solid 1px var(--clr-ss-black);
		cursor: pointer;
		padding: 10px;
		display: inline-block;
		width: 180px;
	}
	._kaiso ._buttons input{
		display:none;
	}
	._kaiso ._buttons #search_sub{
		background: var(--clr-ss-black);
		color: #FFF;
	}
	._kaiso ._buttons #clear_sub{
		background: #FFF;
		color: var(--clr-ss-black);
	}

/********************************
	サイドナビ
********************************/
	aside#leftnavi {
		width: 240px;
		float: left;
		background: transparent;
		margin-right: 30px;
	}	
	aside#leftnavi .leftnavi-inner{
		padding: 10px 0 0 10px;
		position: sticky;
		top: 0;
	}
	aside#leftnavi .title{
		padding: 10px 0;
		border-bottom: solid 2px var(--clr-ss-black);
	}
	aside#leftnavi h2{
		font-size:28px;
		font-weight: 600;
		letter-spacing: normal;
		line-height: 1.25em;
		background-color: rgba(0,0,0,0);
		padding: 0;
		margin: 0;
	}
	aside#leftnavi .h2-sub{
		font-size:12px;
		letter-spacing: normal;
		line-height: 1.5em;
		font-weight: 500;
	}
	aside#leftnavi .kaiso_category_nav {
		padding: 10px 0;
    	overflow-y: auto;
	}
	aside#leftnavi .kaiso_category_nav::-webkit-scrollbar {
		width: 3px;
	}	
	aside#leftnavi .kaiso_category_nav::-webkit-scrollbar-track {
		background-color: #f5f5f5;
	}
	
	aside#leftnavi .kaiso_category_nav::-webkit-scrollbar-thumb {
		background-color: #b4b4b4;
		border-radius: 5px;
	}
	

	aside#leftnavi .kaiso-left-categori li span {
		color: var(--clr-sale);
		padding-bottom: 5px;
		position: relative;
		left: -20px;
	}
	aside#leftnavi .kaiso-left-categori .lcl_oya ul li span:before,
	aside#leftnavi .kaiso-left-categori .lcl_oya ul li a:before {
		content: "-";
		color: #aaa;	
	}
	aside#leftnavi .kaiso-left-categori .lcl_oya ul li span._arrow::before{
		font-family: 'Material Icons';
		font-size: 1.5em;
		content: 'arrow_right_alt';
		color: var(--clr-sale);		
		position: relative;
		/* left: -10px; */
		top: 5px;
	}
	aside#leftnavi .kaiso-left-categori .lcl_oya ul li  {	
		padding-left: 1.5em;
		padding-bottom: 5px;
	}
	aside#leftnavi .kaiso-left-categori .lcl_oya ul li ul li {	
		padding-left: 1em;
	}

/********************************
	ページ送り
********************************/
	#cate_filter{
		position: sticky;
		top: 0;
		z-index: 10;
		width: 100%;
	}
	#cate_filter .cate_filter_inner_1,
	#cate_filter .cate_filter_inner_2 {
		/* margin-right: calc(50% - 50vw); */
		min-width: 780px;
	}
	#cate_filter .cate_filter_inner{
		padding: 10px 20px;
	}
	#cate_filter .cate_filter_inner_1{
		background: var(--main-clr-white);
	}
	#cate_filter .cate_filter_inner_2{
		background: rgba(255, 255, 255, 0.9);
	}
	#cate_filter .cate_filter_inner_2 .cate_filter_inner{
		padding: 5px;
		display: flex;
	}
	#cate_filter .cate_filter_inner_2 .cate_filter_inner div._title{
		word-break: keep-all;
	}
	/* #cate_filter .cate_filter_inner_2 .cate_filter_inner ul{
		width: 200%;
	} */
	#cate_filter .cate_filter_inner_2 .cate_filter_inner li{
		box-sizing: border-box;
		display: inline-block;
	    padding: 0 10px;
		border-radius: 3px;
		background: rgb(185 185 185 / 30%);
		width: auto;
		margin-right: 5px;
	}
	#cate_filter .cate_filter_inner_2 .cate_filter_inner li .material-icons-outlined{
		font-size: 1.2em;
		position: relative;
		top: 4px;
	}
	#cate_filter .cate_filter_inner_2 .cate_filter_inner div._option {
		display: inline-block;
		width: calc(100% - 120px);
		overflow: hidden;
		position: relative;
		margin: auto 0;
	}
	#cate_filter .cate_filter_inner_2 .cate_filter_inner div._option:after {
		content: "";
		display: block;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
		width: 30px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

	#cate_filter #cate_filter_fixed_menu{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		margin: 0 !important;
		animation: UpAnime 0.5s forwards;
	}
	#cate_filter #cate_filter_fixed_menu.cate_fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		margin: 0 !important;
		animation: DownAnime 0.5s forwards;
	}
	/*　上に上がる動き　*/	
	@keyframes UpAnime{
		from {
		opacity: 1;
		transform: translateY(0);
		}
		to {
		opacity: 0;
		transform: translateY(-100px);
		}
	}	
	/*　下に下がる動き　*/  
	@keyframes DownAnime{
		from {
		opacity: 0;
		transform: translateY(-100px);
		}
		to {
		opacity: 1;
		transform: translateY(0);
		}
	}

	#cate_filter .status .num{
		font-size: 1.7em;
		font-weight: bold;
	}

	/* カテゴリ絞込みナビゲーション */
	#cate_filter .filter_nav{
		float: right;
	}
	.filter_nav ul.filter_nav_ul{
		display: flex;
		height: 40px;
	}
	.filter_nav ul.filter_nav_ul li{
		vertical-align: middle;
    	margin: auto 0;
	}

	/* ソート */
	#cate_filter .cate_narabi{
		position: relative;
		right: 0;
		top: 0;
		border-left: solid 1px var(--clr-ss-black);;
		border-right: solid 1px var(--clr-ss-black);;
		border-bottom: solid 1px var(--clr-ss-black);;
	}
	#cate_filter .cate_narabi li a,
	#cate_filter .acd-label{
		display:block;
		padding:3px 0px;
		border-radius: 0;
	}	
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2{
		display: block;
		width: 148px;
		text-align: center;
		border: solid 1px var(--clr-ss-black);
		border-radius: 5px;
		padding: 5px 0;
		background-color: #fff;
		position: relative;
		cursor: pointer;
		z-index: 11;
	}
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2 ._sort{
		display: none;
	}
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2 ._sort._current._open{
		background: #d1d1d1;
	}
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2 ._sort._current,
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2 ._sort._open{
		display: block;
		z-index: 11;
	}
	.cate_filter_inner_1 .cate_filter_inner .sortselector-type2 ._sort._open{
		padding: 5px;
	}
	
	#cate_okuri_footer{
		text-align: center;
		margin-bottom: 100px;
	}
	

	/* さらに絞り込む */
	#cate_filter .more_filter{
		background-color: var(--clr-ss-black);
		color: #fff;
		padding: 5px 23px;
		border-radius: 5px;
		margin-left: 20px;	
		cursor: pointer;
	}

	/* ページ送り */
	.status,
	.cate_pageno{
		display:inline-block;
	}
	#cate_okuri_footer .cate_pageno{
		margin:0 30px;
		padding:0 30px;
		position:relative;
	}
	#cate_okuri_footer .cate_pageno li{
		display:inline-block;
		margin:0 8px;
	}
	#cate_okuri_footer .cate_pageno li.ya_next,
	#cate_okuri_footer .cate_pageno li.ya_prev{
		padding:2px 5px;
	}

	#cate_okuri_footer .cate_pageno li span,
	#cate_okuri_footer .cate_pageno li a{
		display: block;
		padding: 5px 0;
		border-radius: 5px;
		min-width: 35px;
		font-weight: bold;
	}
	#cate_okuri_footer .cate_pageno li span{
		background-color:var(--clr-ss-black);
		color:#fff;
	}
	#cate_okuri_footer .cate_pageno li a{
		background-color: transparent;
		border: solid 1px var(--clr-ss-black);
	}	
	#cate_okuri_footer .cate_pageno li.ya_next a,
	#cate_okuri_footer .cate_pageno li.ya_prev a{
		border: none;
	}
	
	#cate_filter .cate_filter_inner i{
		position: relative;
    	top: 5px;
	}

/*********************************************
	ヘッダー
**********************************************/

	.kaiso_head h1{
		margin:0;		
		padding: 20px 0;
		/* font-size: 28px; */
	}

	/* 20230224 追加 */
	.kaiso_head h1:empty{
		margin:0;		
		padding: 0;
	}

/********************************
	商品一覧
********************************/

	#itembox2013{
		margin: 30px 0;
		min-width: 900px;
		/* 20230216 追加 */
		display: flex;
		flex-wrap: wrap;
	}
	#itembox2013 li {
		font-size: 14px;
		width: calc((100% - 3px*3)/4);
		margin: 0 3px 30px 0;
		padding: 15px;
		border: solid transparent 1px;
		border-radius: 0;
		box-sizing: border-box;
		/*display: inline-block;
		vertical-align: top;*/
	}
	#itembox2013 li:nth-child(4n) {margin-right: 0;}
	#itembox2013 li:hover{
		transition: 0.3s;
		border:solid #c1b8a9 1px;
	}
	#itembox2013 li dl dt+dd{
		padding-top:5px;
	}
	#itembox2013 li dt img{
		width:100%;
		border-radius: 10px;
	}		
	#itembox2013 li dd.itemcg_kikaku{ 
		margin: 2px 0;
		height: 25px;
		letter-spacing: 0;
	}
	#itembox2013 li dd.itemcg_kikaku a{
		vertical-align: middle;
	}
	#itembox2013 li dd.itemcg_kikaku div.wish {
		float: right;
		position: relative;
		/*right: 10px;*/
		right: 0;
		top: 0;
		cursor: pointer;
		width: 24px;
		height: 24px;
	}

	#itembox2013 li dd.itemcg_kikaku img{
		width: 18px;
    	height: 18px;
		border-radius: 50%;
		border: solid 1px #EEE;
		position: relative;
		padding: 1px;
		opacity: 0;
		animation: colorcirclefadeIn 1s linear;
		animation-fill-mode: both;
	}
	#itembox2013 li dd.itemcg_kikaku img.active{
		border: 1px solid var(--clr-ss-black);
		opacity: 0;
		animation: colorcirclefadeIn 1s linear;
		animation-fill-mode: both;
	}

	#itembox2013 li dd.itemcg_name{
		height: 25px;
	}
	/* #itembox2013 li dd.itemcg_kataban{
		height: 20px;
	} */
	/*#itembox2013 .itemcg_price *{
		font-family: 'Lato',sans-serif,'メイリオ';
	}*/
	#itembox2013 .itemcg_price{
		padding-top:5px;
		/* height: 50px; */
	}
	/*#itembox2013 .itemcg_price .sale{
		color: var(--clr-sale);
	}*/
	/*#itembox2013 .itemcg_price .biz{
		 color: #1051c9;
	} */
	#itembox2013 .itemcg_price span.m_price_grid{
		background: #7e7c7f;
		color: #fff;
		padding: 0 6px;
		font-size: 0.7em;
		display: table-cell;
	}
	#itembox2013 .itemcg_price .sale span.m_price_grid{
		background: var(--clr-sale);
	}
	#itembox2013 .itemcg_price .biz span.m_price_grid,
	#itembox2013 .itemcg_price .syahan span.m_price_grid{
		background: #1051c9;
	}

	/* 20221220 M.OIKAWA ADD [ポイントUP中] STA */
	#itembox2013 .itemcg_price div.price-icons{
		border-spacing: 5px 0;
    	margin: 0 -5px;
	}
	#itembox2013 .itemcg_price span.m_pointup{
		background: #a6a40e;
		color: #fff;
		padding: 0 6px;
		font-size: 0.7em;
		display: table-cell;
	}
	/* 20221220 M.OIKAWA ADD [ポイントUP中] END */

	#itembox2013 .itemcg_price .m_price{
		font-size: 1.5em;
		font-weight: 700;
		color: var(--main-clr-red);
	}
	#itembox2013 .itemcg_price .intax{
		font-size: 80%;
		position: relative;
		left: 5px;
		top: 0;
		/* font-weight:bold; */
		color: var(--clr-ss-black);
	}
	
	#itembox2013 .itemcg_price .sale .m_price,
	#itembox2013 .itemcg_price .sale .intax {
		color: var(--clr-sale)!important;
	}
	#itembox2013 li dd.itemcg_star .star_rating{
		font-size: 1em;
	}
	#itembox2013 li dd.itemcg_star .rv_kensu{		
		font-size: 70%;
	}
	#itembox2013 dd.itemcg_kataban p,
	#itembox2013 dd.itemcg_tenkai p {
		font-size: 80%;
		font-weight: normal;
	}
	#itembox2013 li dd p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		/*font-weight: normal;*/
		letter-spacing: normal;
		word-break: break-all;
	}
	#itembox2013 li dd a{
		display: inline-block;
		line-height: 1em;
	}
	#itembox2013 li a:hover{
		color: var(--clr-ss-black) !important;
	}
	#itembox2013 .comment{
		padding:5px;
	}
	#itembox2013 .comment span{
		display:block;
		margin:0 -5px;
		/*font-weight:500;*/
	}
	#itembox2013 li dd.comment span.leadtime{
		font-size: 70%;
		padding: 5px 0px;
		margin-bottom: 5px;
		background: var(--main-clr-lightgray);
		text-align: center;
	}
	#itembox2013 .itemcg_ccon li{
		width: auto;
		padding: 0 10px;
		margin: 0;
		font-size: 75%;
		border: solid 1px var(--clr-ss-black);
		border-radius: 0;
		display: inline-block;
		vertical-align: middle;
	}


	#itembox2013 .m_price_tax{
		/* 20220808 M.OKAMOTO MOD[代表SKU]
		display:block; */
		display:none;
	}
	#itembox2013 div.biz_icon{
		border: 1px solid;
		/* padding: 0.5px; */
		/* font-size: 90%; */
		border-radius: 5px;
		/* width: 170px; */
		text-align: center;
		/* margin-top: 3px; */
		margin: 0;
	}
	#itembox2013 div.biz_icon span{
		background-color: transparent !important;
		display: contents !important;
		font-size: 60%;
	}
	#itembox2013 .biz_matome{
		color: red;
		background-color: transparent !important;
		display: contents !important;
	}
	#itembox2013 li dt.badges{
		position: relative;
	}
	#itembox2013 li dt.badges::after{
		content:"";
		background-size: 100%;
		color:#fff;
		display:block;
		position:absolute;
		width: 50px;
		height: 50px;
		top: -8px;
		right: -8px;
	}
	#itembox2013 li dt.badges1::after{
		background-image:url("/image/common/icon/icon_recommend2.png");
	}

	/*20221206 M.SEGAWA [バッチ高さ調整]*/
	/* #itembox2013 li dt.recycle::after{
		height: 26px !important;
	} */
	#itembox2013 li dt.badges2::after{
		background-image:url("/image/common/icon/point_plus5.png");
	}
	#itembox2013 li dt.badges3::after{
		background-image:url("/image/common/icon/point_plus10.png?1");
	}
	#itembox2013 li dt.badges4::after{
		background-image:url("/image/common/icon/point_plus20.png");
	}
	#itembox2013 li dt.badges5::after{
		background-image:url("/image/common/icon/point_max10.png");
	}
	#itembox2013 li dt.badges6::after{
		background-image:url("/image/common/icon/fd22_bat.png");
	}
	#itembox2013 li dt.badges7::after{
		background-image:url("/image/common/icon/fd22_bat.png");
	}
	#itembox2013 li dt.badges10::after{
		background-image:url("/image/common/icon/zaikosale.png");
	}
	#itembox2013 li dt.badges11::after{
		background-image:url("/image/common/icon/saiyasune.png");
	}
	#itembox2013 li dt.badges12::after{
		background-image:url("/image/common/icon/sale.png");
	}
	#itembox2013 li dt.badges13::after{
		background-image:url("/image/common/icon/wrapping.png");width: 90px;height: 30px; 
	}
	#itembox2013 li dt.badges14::after{
		background-image:url("/image/common/icon/seikatu.png");
	}
	#itembox2013 li dt.badges15::after{
		background-image:url("/image/common/icon/kogata_sen.png");
	}
	#itembox2013 li dt.badges16::after{
		background-image:url("/image/common/icon/kogata_muryo_1.png");
	}
	#itembox2013 li dt.badges17::after{
		background-image:url("/image/common/icon/longsitei.png");
	}
	#itembox2013 li dt.rank{
		position: relative;
	}
	#itembox2013 li dt.rank::before{
		content:"";
		background-size: 100%;
		background-repeat: no-repeat;
		display: block;
		position:absolute;
		width: 43px;
		height: 29px;
		top:-29px;
		left:0px;
	}
	#itembox2013 li dt.rank1::before{
		background-image:url("/image/common/icon/no1.png");
	}
	#itembox2013 li dt.rank2::before{
		background-image:url("/image/common/icon/no2.png");
	}
	#itembox2013 li dt.rank3::before{
		background-image:url("/image/common/icon/no3.png");
	}
	#itembox2013 li .top-icon-area{
		font-size:80% !important;
		color: #fff;
		font-weight: 500;
	}
	#itembox2013 li .top-icon-area div{
		min-height: 23px;
	}
	#itembox2013 li .top-icon-area span{
		margin-right: 3px;
	}
	#itembox2013 li .top-icon-area img{
		padding:0 !important;
		margin-bottom: 5px !important;
	}
	#itembox2013 li .top-icon-area .icon-gentei{
		background: #EB0007;
		padding: 5px;
	}
	#itembox2013 li .top-icon-area .icon-tv{
		background: #ff3167;
		padding: 5px;
	}
	#itembox2013 li .top-icon-area .icon-select{
		background: #FEDE31;
		color: #EB0007;
		padding: 5px;
		position: relative;
	}
	#itembox2013 li .top-icon-area .icon-select::before{
		content: "";
		background-size: 100%;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		width: 19px;
		height: 20px;
		top: 3px;
		left: 7px;
		background-image: url(/image/common/icon/iris-logo.png);
	}
	#itembox2013 .icon-area+br{
		display:none;
	}
	#itembox2013 li dd h3 img{
		margin:0 !important;
		padding:0 !important;
		width:calc(100%/3 - 2px);
		margin-right:3px !important;
		margin-bottom:3px !important;
	}
	#itembox2013 li dd h3 .long_icon img{
		width:100%;
	}
	#itembox2013 li dd h3 img:nth-child(3n){
		margin-right:0 !important;
	}
	#itembox2013 li .icons h3 img{
		margin:0 !important;
		padding:0 !important;
		margin-right:3px !important;
		margin-bottom:3px !important;
		width:100%;
	}
	#itembox2013 li .icons h3 span img{
		width:calc(100%/3 - 2px);
	}
	#itembox2013 li .icons h3 .long_icon img{
		width:100%;
	}
	#itembox2013 li .icons h3 img:nth-child(3n){
		margin-right:0 !important;
	}
	#itembox2013 li .icons h3{
		font-weight: normal;
	}
	#itembox2013 li .icons h3 a{
		display:block;
	}
	#itembox2013 li .icons h3 span{
		font-size:80% !important;
		color:#565656 !important;
	}
	#itembox2013 li dd.comment span.red{
		padding: 5px 0;
	}
		







/********************************
	ランキング
********************************/

	.com_ranking h3 {
		padding: 10px 0;
		border-bottom: dashed 1px #707070;
		margin-bottom: 20px;
	}
	.com_ranking_inner_obj {
		display: flex;
		flex-wrap: wrap;
	}
	.com_ranking dl {
		box-sizing: border-box;
		font-size: 14px;
		width: calc((100% - 5px*4)/5);
		margin: 0 5px 30px 0;
		padding: 10px;
		vertical-align: top;
		border:solid #fff 1px;
		border-radius: 3px;
		/*display: inline-block;
		display: inline-block;*/
	}
	.com_ranking dl:nth-of-type(5) { margin-right: 0;}
	.com_ranking dl dt{
		text-align: center;
		margin-bottom: 20px;
	}
	.com_ranking dl dt span{
		background: var(--clr-ss-black);
		color: #fff;
		padding: 3px 20px;
		text-align: center;
		font-size: 0.9em;
	}
	.com_ranking dl dt+dd{
		padding-top:5px;
	}
	.com_ranking dl dd img{
		width:100%;
		border-radius: 10px;
	}
	
	.com_ranking dl dd.itemcg_kikaku img{
		width: 15px;
    	height: 15px;
		border-radius: 50%;
		border: solid 1px transparent;
		position: relative;
		padding: 1px;
	}
	.com_ranking dl dd.itemcg_kikaku img.active{
		border: 1px solid var(--clr-ss-black);
		opacity: 0;
		animation: colorcirclefadeIn 1s linear;
		animation-fill-mode: both;
	}

	.com_ranking dl dd.itemcg_kikaku{ 
		margin: 2px 0;
		height: 25px;
		letter-spacing: 0;
	}
	.com_ranking dl dd.itemcg_kikaku a{
		vertical-align: middle;
	}
	.com_ranking dl dd.itemcg_kikaku div.wish {
		float: right;
		position: relative;
		/*right: 10px;*/
		right: 0;
		top: 0;
		cursor: pointer;
		width: 24px;
		height: 24px;
	}
	.com_ranking dl dd.itemcg_kikaku a.kikaku_1 div::before{
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: -3px;
		left: -3px;
		border: solid var(--clr-ss-black) 1px;
		border-radius: 20px;
		box-sizing: border-box;
	}
	.com_ranking dl dd.itemcg_kikaku div{
		width: 14px;
		height: 14px;
		border-radius: 50%;
		margin-right: 2px;
		border: solid 1px transparent;
		position: relative;
	}
	.com_ranking dl dd.itemcg_name{
		height: 25px;
	}
	/* .com_ranking dl dd.itemcg_kataban{
		height: 20px;
	} */
	/*.com_ranking .itemcg_price *{
	}*/
	.com_ranking .itemcg_price{
		padding-top:5px;
		height: 50px;
	}
	.com_ranking .itemcg_price .sale{
		color: var(--clr-sale);
	}
	/* .com_ranking .itemcg_price .biz{
		color: #1051c9;
	} */
	.com_ranking .itemcg_price span.m_price_grid{
		background: #383838;
		color: #fff;
		padding: 0 6px;
		font-size: 0.7em;
		display: table-cell;
	}
	.com_ranking .itemcg_price .sale span.m_price_grid{
		background: var(--clr-sale);
	}
	.com_ranking .itemcg_price .biz span.m_price_grid,
	.com_ranking .itemcg_price .syahan span.m_price_grid{
		background: #1051c9;
	}
	/* 20221220 M.OIKAWA ADD [ポイントUP中] STA */
	.com_ranking .itemcg_price div.price-icons{
		border-spacing: 5px 0;
		margin: 0 -5px;
	}
	.com_ranking .itemcg_price span.m_pointup{
		background: #a6a40e;
		color: #fff;
		padding: 0 6px;
		font-size: 0.7em;
		display: table-cell;
	}
	/* 20221220 M.OIKAWA ADD [ポイントUP中] END */
	.com_ranking .itemcg_price .m_price{
		font-size: 1.5em;
		font-weight:bold;
	}
	.com_ranking .itemcg_price .intax{
		font-size: 0.5em;
		position: relative;
		left: 2px;
		top: 0;
		font-weight:bold;
	}
	.com_ranking dl dd.itemcg_star .star_rating{
		font-size: 1em;
	}
	.com_ranking dl dd.itemcg_star .rv_kensu{		
		font-size: 0.7em;
	}
	.com_ranking dd.itemcg_kataban p,
	.com_ranking dd.itemcg_tenkai p {
		font-size: 80%;
		font-weight: normal;
	}
	.com_ranking dl dd p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		font-weight: normal;
		letter-spacing: normal;
		word-break: break-all;
	}
	.com_ranking dl dd a{
		display: inline-block;
		line-height: 1em;
	}
	.com_ranking dl a:hover{
		color: var(--clr-ss-black) !important;
	}

	#deqwas_recommend {
		margin: 80px calc(50% - 50vw);
	}



	/*20231010 KOMATUBARA ADD [クーポン] STA*/
	#itembox2013 .itemcg_price .price_comment {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}
	
	#itembox2013 .itemcg_price .price_comment * {
		line-height: 1;
		font-size: 80%;
		padding: 2px 3px;
	}
	#itembox2013 .itemcg_price .coupon_price {
		color: #fff;
		/* 2024.01 色変更*/
		background-color: var(--clr-sale);
		border: 1px solid var(--clr-sale);
		/*background-color: #EA0012;
		border: 1px solid #EA0012;*/
	}
	/*20231010 KOMATUBARA ADD [クーポン] END*/