@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

/*商品ページレイアウト
-----------------------------------------------------*/
/*---------------------------ボディ*/
#syohin_body_wrap{width:100%;margin:0 auto;max-width:1300px;}
.top_midashi{font-size:1.2em;color:#333;border-bottom:1px #ddd solid;margin:0;padding:5px 0;margin-bottom:10px;margin-right:20px;}
.top_midashi:before{font-family: FontAwesome;content:"\f08d";margin-right:5px;color:#0066cc;}
.top_midashi a{color:#0066cc;text-decoration:none;margin-left:20px;font-size:0.8em;}
.top_midashi a:hover{text-decoration:underline;color:red;}
#syohin_left_area{
vertical-align:top;
}
#syohin_right_area_cart{
border:1px #ddd solid;
border-radius:3px;
width:248px;
}
#syohin_right_area{
padding-right:10px;
}
#syohin_right_area h1{
margin:0;
font-size:1.3em;
font-weight:normal;
}
#syohin_right_area h2{
font-weight:normal;
font-size:0.9em;
margin:5px 0;
color:#666;
}
.item_reivew{
float:left;
width:100%;
padding-bottom:10px;
}
.item_reivew a{
font-size:0.8em;
text-decoration:none;
color:#0066cc;
margin-right:20px;
padding-top:3px;
float:left;
}
.review_write{
float:left;
margin:0;
line-height:1.2;
}
.review_write a{
background:#0066cc;
color:#fff;
padding:5px 15px;
padding-bottom:9px;
border-radius:3px;
}
.review_write a:hover{
background:#2389FE;
}
#syohin_right_area .item_icon_area{
clear:both;
margin:0;
padding:0;
list-style:none;
padding:10px 0;
border-top: 1px #ddd solid;
}
#syohin_right_area .item_icon_area li{
margin-bottom:5px;
line-height:1.6em;
}
#syohin_right_area .souryou_icon{
color:red;
border:1px red solid;
padding:0;
padding-right:7px;
font-size:0.9em;
display:inline-block;
line-height: 1.5em !important;
}
#syohin_right_area .souryou_icon span#muryo{
display:inline-block;
background:red;
color:#fff;
padding:0 10px;
margin-right:7px;
height:23px;
}
#syohin_right_area .souryou_ari_icon{
color:red;
border:1px red solid;
padding:0;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .souryou_ari_icon span{
display:inline-block;
background:red;
color:#fff;
padding:0 10px;
line-height:1.5;
height:23px;
}
.souryou_ritou {
font-size:0.75em;
color:#0066cc;
margin-left:5px;
position:relative;
top:-1px;
}
#syohin_right_area .new_item_icon{
color:red;
border:1px red solid;
background:#FEFEE0;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .toriyose_icon{
color:#0066cc;
border:1px #0066cc solid;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .yoyaku_icon{
color:#0066cc;
border:1px #0066cc solid;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .naire_icon{
border:1px #31B404 solid;
background:#31B404;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .naire_icon a{
color:#fff;
text-decoration:none;
}
#syohin_right_area .nekopos_icon{
color:#ffff00;
border:1px #000 solid;
background:#000;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .kumitate_icon{
border:1px #FDCF01 solid;
background:#FDCF01;
padding:0 7px;
font-size:0.9em;
display:inline-block;
}
#syohin_right_area .kumitate_icon a{
color:#000;
text-decoration:none;
}
#syohin_right_area .item_code {
	margin:2px 0;
	color:#666;
	font-size:0.8em;
}
.default_price{
margin:0;
color:#333;
font-size:0.9em;
}
.default_price.lt span:not(.icon) {
	text-decoration:line-through;
}
.default_price span.icon {
display:inline-block;
background:#DF0101;
color:#fff;
padding:2px 14px;
padding-bottom:4px;
border-radius:30px;
margin-left:5px;
line-height:1.2;
font-weight:bold;
}
#buy_price{
font-weight:bold;
color:#DF0101;
font-size:2em;
margin:0;
}
#buy_price span{
font-size:0.5em;
font-weight:normal;
color:#666;
}
#houjin_buy_price{
font-size:1em;
color:#DF0101;
margin:0;
}
#houjin_buy_price .h_title{
font-size:0.9em;
color:#666;
}
#houjin_buy_price .small{
font-size:0.7em;
color:#666;
}
.item_sku{
margin:0;
color:#333;
font-size:0.9em;
}
#item_benefits{
float:left;
margin:5px 0;
padding:0;
border:1px #ddd solid;
list-style:none;
font-size:0.9em;
}
#item_benefits li{
float:left;
margin:7px 0;
padding:0 14px;
border-right:1px #ccc solid;
color:#555;
}
#item_benefits li span{
color:#000;
font-weight:bold;
}
#item_benefits li .reservation{
color:#0066cc;
font-weight:bold;
}

#item_benefits li .non_stock{
color:red;
font-weight:bold;
}
/*バリエーション
-----------------------------------------------------*/
.variation {
	display: flex;
	align-items: center;
	margin: 20px 0 5px;
	overflow-x: hidden;
}
.variation .vari_title{
	width: 85px;
	margin:0;
	font-size:0.9em;
}
.vari_title span {
	font-weight:bold;
}
#cart_variation_area {
	flex-grow: 1;
	font-size:0.775em;
}
#cart_variation_area ul {
	margin: 0;padding: 0;list-style: none;
}
#cart_variation_area ul li {
	float: left;
	margin-left: 9px;
}
#cart_variation_area ul li a {
	display: block;
	padding:1px;
	color: #000;
	border:none;
	margin:unset;
	width: 52px;
}
#cart_variation_area ul li a span {
	display:block;
}
#cart_variation_area ul li.crt_now a {
	padding:0;
}
#cart_variation_area ul li a img {
	/*width: 100%;*/
	width: 50px;
	border: 1px solid #E6E6E6;
}
#cart_variation_area ul li.crt_now a img,
#cart_variation_area ul li.crt_now a:hover img {
	border: 2px solid #FE931A;
}
#cart_variation_area ul li a:hover img {
	border: 1px solid #FE931A;
}

.more_attr {
	font-size:0.7em;
}
.more_attr a.lnk-ul {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}
.more_attr a.lnk-ul i {
	color:inherit;
}
#variation_area .more_disp {
	display:inline-block;
	background:#888888;
	color:#fff;
	padding:5px 20px;
	border-radius:30px;
	cursor:pointer;
}
#variation_area .more_close {
	display:inline-block;
	background:#888888;
	color:#fff;
	padding:5px 20px;
	border-radius:30px;
	cursor:pointer;
}

/*後継品案内
-----------------------------------------------------*/
#successor {
float:left;
width:100%;
max-width:800px;
margin:20px auto;
}
#successor a {
display:block;
border:1px #bbb solid;
padding:5px;
text-decoration:none;
float:left;
margin:0 auto;
position: relative;
margin-bottom:10px;
}
#successor a:before {
content: "";
top: 0;
left: 0;
border-bottom: 1em solid transparent;
border-left: 1em solid #DF0101; /* ラベルの色はここで変更 */
position: absolute;
z-index:1;
}
.successor_info {
float:left;
margin:0;
padding-left:10px;
color:#333;
font-size:1.1em;
margin-top:20px;
width:150px;
}
.successor_info span {
display:inline-block;
font-size:0.7em;
color:#888;
border-bottom:1px #888 solid;
}
#successor a:hover {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
#successor a:hover > .successor_info span {
color:#DF0101;
border-bottom:1px #DF0101 solid;
}
#successor a:hover > .successor_right .successor_item_name {
text-decoration:underline;
}
.successor_item_img {
float:left;
margin:0;
width:120px;
}
.successor_item_img img {
width:120px;
}
.successor_right {
float:left;
width:48%;
margin-left:10px;
max-width:300px;
margin-top:10px;
}
.successor_item_name {
margin:0;
color:#0066cc;
font-size:0.75em;
width:100%;
height:58px;
overflow:hidden;
}
.successor_item_price {
margin:0;
color:#DF0101;
font-size:0.8em;
}
.successor_item_price span {
color:#999;
margin-right:5px;
}
#successor .souryou_muryou {
font-size:0.8em;
}
@media screen and (max-width: 1260px){
.successor_right {
float:left;
width:30%;
margin-left:10px;
margin-top:10px;
}
}



/*カート周り
-----------------------------------------------------*/
#cart_inner_wrap{
padding:15px;
}
.stepper{ border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 100px; display:block;}
.stepper .stepper-input{ background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 16px; line-height: 1.2; margin: 0; overflow: hidden; padding: 6px 7px 7px; width: 100%; z-index: 49; }
.stepper .stepper-step{ background: #eee url(../images/parts/fs-stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 1; }
.stepper .stepper-step.up{ background-position: center top; border-bottom: none; top: 0; }
.stepper .stepper-step.down{ background-position: center bottom; bottom: 0; }
#syohin_right_area_cart label{
float:left;
margin-top:8px;
}
.cart_btn{
width:100%;
margin:5px auto;
text-align:center;
}
.cart_btn a{
display:block;
width:100%;
background:#FF8000;
border:1px #FF8000 solid;
color:#fff;
font-size:1em;
text-decoration:none;
padding:7px 0;
margin:0 auto;
border-radius:3px;
}
.cart_btn a:hover{
background:#FF4000;
border:1px #FF4000 solid;
}
.cart_btn a i{
font-size:1.2em;
}
.cart_disable a{
	pointer-events: none;
	background:#c8c8c8;
	border:1px #c8c8c8 solid;
}
.point_goods_ng_message{
	color: #f00;
	font-size: 0.9em;
}
.cart_btn_nonstock {
display:block;
width:100%;
background:#ccc;
border:1px #ccc solid;
color:#fff;
font-size:1em;
text-decoration:none;
padding:7px 0;
margin:0 auto;
border-radius:3px;
text-align:center;
}
.cart_btn_nonstock i{
font-size:1.2em;
}
.fax_buy_btn{
margin:0;
text-align:center;
}
.fax_buy_btn a{
display:block;
width:220px;
background:#0066cc;
color:#fff;
font-size:1em;
padding:8px 0;
border-radius:2px;
margin:3px auto;
text-align:center;
transition:0.3s;
}
.fax_buy_btn a:hover{
background:#0D81FE;
cursor: pointer;
}
.tell_buy {
margin:0;
margin-top:5px;
color:#444;
font-size:0.9em;
}
.tell_buy span {
font-weight:bold;
color:#000;
font-size:1.4em;
}
.tell_time {
margin:0;
font-size:0.66em;
color:#fff;
text-align:center;
padding:2px;
background:#666;
}
.shipment_time{
margin:0;
font-size:0.9em;
color:#333;
}
.shipment_time span{
color:#000;
font-weight:bold;
font-size:1.05em;
}
.shipment_time i{
font-size:1.3em;
color:#DF0101;
margin:0;
}
.delivery_info{
font-size:0.9em;
margin:0;
margin-top:5px;
margin-bottom:10px;
text-align:left;
}
.delivery_info a{
color:#0066cc;
text-decoration:underline;
}
.delivery_info a:hover{
color:red;
}
#okiniiri{
display:block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
border:1px #bbb solid;
background: rgb(255,255,255);
text-align:center;
padding:10px 5px;
border-radius:3px;
margin-top:10px;
cursor:pointer;
color:#333;
width:150px;
font-size:0.8em;
margin-left:auto;
}
#okiniiri.done{
border:1px #DDDDDD solid;
color:#999999;
background:#EEEEEE;
}
#item_qa_btn{
margin:0;
margin-top:10px;
}
#item_qa_btn a{
display:block;
color:#333;
border:1px #bbb solid;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
text-align:center;
font-size:0.9em;
text-decoration:none;
border-radius:3px;
padding:10px 5px;
}
#item_qa_btn a:hover{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.reivew_bnr{
margin:0;
margin-top:10px;
}

/**/
.right_banner_area {
	margin-top:10px;
	width:100%;
	display: flex;
	flex-wrap: nowrap;
}

/* まとめ買いバナー
-----------------------------------------------------*/
.matome_banner {
	margin:0 auto;
	width: 49%;
	height: 80px;
}
.matome_banner img {
	max-width: 100%;
	margin:0;
}

/* アウトレット品・後継品表示
-----------------------------------------------------*/
.relative_goods {flex-grow: 1;margin-left: 10px;max-width: 47%;}
.etc_cart{border:1px #ddd solid;border-radius:3px;font-size:0.75em;height:80px;padding:5px 10px;box-sizing: border-box;margin-bottom:10px;}
.etc_cart .midashi{font-size:1.1em;margin:0;font-weight:bold;}
.etc_cart .inner_text{margin:0;color:#666;}
.etc_cart .price{color:#DF0101;font-weight:bold;font-size:1.4em;margin-right:3px;display: inline-block;}
.etc_cart .tax{font-size:0.9em;display: inline-block;}
.etc_cart .etc_cart_btn{background:#FF8000;color:#fff;padding:3px 10px;border-radius:3px;border:none;}
.etc_cart .etc_cart_btn:hover{cursor:pointer;background:#FF4000;}
.etc_cart .red{color:#DF0101;margin-left:5px;text-decoration:underline;font-weight:bold;}
.etc_cart .brack{color:#000;margin-left:5px;text-decoration:underline;}
.etc_cart .nebiki{color:#DF0101;margin-left:5px;}
.etc_cart.newmodel{height:auto;}
.etc_cart.newmodel .newmodel_img {float:left;margin:3px;}
.etc_cart.newmodel img {width:80px;}

.etc_cart .tooltip {outline:none;position: relative;}
.etc_cart .tooltip div.dtl_btn { text-align: center;padding: 5px; }
.etc_cart .tooltip strong {line-height:30px;}
.etc_cart .tooltip:hover {text-decoration:none;}
.etc_cart .tooltip .caution {z-index:10;display:none; padding:10px 15px;margin-top:-110px; margin-left:-340px;width:310px; line-height:1.5;}
.etc_cart .tooltip .caution ul {margin:0;padding:10px;}
.etc_cart .tooltip .caution .text1 {margin:0;}
.etc_cart .tooltip .caution .outlet_qa_btn {margin:10px auto;text-align:center;}
.etc_cart .tooltip .caution .outlet_qa_btn a {display:inline-block;background:#DF0101;color:#fff;padding:3px 8px;border-radius:3px;text-decoration:none;}
.etc_cart .tooltip:hover .caution{display:inline; position:absolute; color:#111;border:1px solid #DCA; background:#fffAF0;bottom:0;margin-top:unset;}
.etc_cart .tooltip .callout {z-index:20;position:absolute;bottom:12px;border:0;left:340px;}

/*CSS3 extras*/
.tooltip .caution{border-radius:4px;box-shadow:3px 3px 18px -8px #000000;}

/*---------------------------会員登録（商品ページ）*/
#mem_btn_syohin{
width:100%;
margin:0;
text-align:center;
margin-top:10px;
}
#mem_btn_syohin a{
display:block;
background:#fff;
border:1px #DF0101 solid;
border-radius:3px;
color:#fff;
text-decoration:none;
margin:0;
}
#mem_btn_syohin a:hover{
background:#DF0101;
}
#mem_btn_syohin a:hover > .souryoumuryou .left{
color:#fff;
}
#mem_btn_syohin a:hover > .souryoumuryou .right{
color:#fff;
}
#mem_btn_syohin a:hover > .souryoumuryou .toujitsu{
background:#fff;
color:#DF0101;
}
#mem_btn_syohin a:hover > .souryoumuryou .chuui{
color:#fff;
}
#mem_btn_syohin a:hover > .souryoumuryou .donichi_shukka{
color:#fff;
}
#mem_btn_syohin a:hover > .souryoumuryou .donichi_shukka span{
background:#fff;
color:#DF0101;
}
#mem_btn_syohin .mem_btn_wrap{
padding:0;
}
#mem_btn_syohin .souryoumuryou{
display:block;
line-height:1.5;
color:#DF0101;
}
#mem_btn_syohin .souryoumuryou .left{
display:inline-block;
font-size:0.9em;
line-height:1.2;
margin:0;
padding-right:3px;
}
#mem_btn_syohin .souryoumuryou .right{
display:inline-block;
font-size:2.2em;
font-weight:bold;
margin:0;
padding-left:3px;
}
#mem_btn_syohin .donichi_shukka{
margin:0;
margin-bottom:10px;
line-height:1.2;
}
#mem_btn_syohin .donichi_shukka span{
display:inline-block;
background:#DF0101;
color:#fff;
padding:5px;
width:15px;
height:15px;
line-height:1.1;
text-align:center;
border-radius:50%;
font-size:0.8em;
margin-right:5px;
position:relative;
top:-2px;
}
#mem_btn_syohin .toujitsu{
background:#DF0101;
padding:5px 6px;
padding-bottom:7px;
color:#fff;
width:90%;
text-align:center;
margin:10px auto 0;
line-height:1.1;
border-radius:30px;
font-size:0.8em;
letter-spacing:-0.05em;
}
#mem_btn_syohin .toujitsu span{
font-weight:bold;
}
#mem_btn_syohin .chuui{
color:#666;
font-size:0.6em;
margin:3px auto;
width:93%;
text-align:right;
}


/*この商品に関連したすべてのカテゴリ
-----------------------------------------------------*/
#item_Relation_cate p{
border-top:1px #ccc dashed;
padding-top:5px;
margin:0;
margin-top:20px;
}
#item_Relation_cate ul{
float:left;
margin:0;
padding:0;
list-style:none;
}
#item_Relation_cate ul li{
float:left;
margin:0;
padding:0;
margin-right:15px;
margin-bottom:10px;
}
#item_Relation_cate ul li a{
font-size:0.9em;
color:#2148C5;
text-decoration:underline;
}
#item_Relation_cate ul li a:hover{

color:red;}

/*店長のおすすめ商品
-----------------------------------------------------*/
#tencho_osusume{clear:both;}
#tencho_osusume .tencho_title{
margin:5px 0;
margin-top:20px;
border-top:1px #ccc dashed;
padding-top:5px;
}
#tencho_osusume ul{
float:left;
margin:0;
padding:0;
list-style:none;
}
#tencho_osusume ul li{
float:left;
margin:0;
padding:0;
margin-right:20px;
}
#tencho_osusume ul li a{
display:block;
color:#333;
text-decoration:none;
width:120px;
font-size:0.9em;
}
#tencho_osusume ul li a:hover > .osusume_item_name{
text-decoration:underline;
}
#tencho_osusume ul li a img{
width:120px;
}
#tencho_osusume ul li a .osusume_item_name{
margin:0;
font-size:0.9em;
line-height:1.4;
}
#tencho_osusume ul li a .osusume_item_price{
margin:0;
color:#DF0101;
}
@media screen and (max-width: 1250px){
#tencho_osusume ul .end{
display:none;
}
}

/*商品画像
-----------------------------------------------------*/
#cart_img{
float:left;
border:0px #000 solid;
width:100%;
}
#mainImage img{
width:100%;
max-width:500px;
max-height:500px;
min-width:300px;
float:left;
margin-bottom:7px;
}
#imageList , #imageList1 , #imageList2 , #imageList3 , #imageList4 , #imageList5 , #imageList6 , #imageList7 , #imageList8 , #imageList9 , #imageList10{
clear:both;
width:100%;
max-width:500px;
}
#imageList ul , #imageList1 ul , #imageList2 ul , #imageList3 ul , #imageList4 ul , #imageList5 ul , #imageList6 ul , #imageList7 ul , #imageList8 ul , #imageList9 ul , #imageList10 ul{
margin:0;
padding: 0;
}
#imageList li , #imageList1 li , #imageList2 li , #imageList3 li , #imageList4 li , #imageList5 li , #imageList6 li , #imageList7 li , #imageList8 li , #imageList9 li , #imageList10 li{
float: left;
list-style-type: none;
margin-right: 7px;
}
#imageList li img , #imageList1 li img , #imageList2 li img , #imageList3 li img , #imageList4 li img , #imageList5 li img , #imageList6 li img , #imageList7 li img , #imageList8 li img , #imageList9 li img , #imageList10 li img{
width: 48px;
height: 48px;
}

/*---------------------------動画エリア（YouTube）*/
.youtube_midashi{margin-bottom:3px;}
.youtube_outer {
  width: 100%;
  max-width:500px;
  padding-top: 57%;
  position: relative;
  top: 0;
  left: 0;
}

.youtube_outer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*---------------------------コンテンツエリア*/
#item_description{width:100%}
#item_description .dr_wrap{
margin:10px;
padding:10px 0;
}
.item_dr_title{
margin:0 auto;
font-size:1.4em;
}
.item_contents_text{
margin:0 auto;
font-size:0.9em;
color:#444;
font-weight:normal;
}
div.include-area {width:100%;margin:10px auto 0;border-top:1px #ddd solid;padding-top:10px;}
div.include-area > div {margin:10px auto !important;}
/*---------------------------店長のおすすめポイント*/
#tenchou_comment {width:100%}
.tenchou_wrap {margin:10px;margin-bottom:0;padding:0;padding-top:10px;border-top:1px #ddd solid;}
#tenchou_comment .title {margin:0;font-weight:bold;font-size:1.2em;margin-left:10px;color:#0066cc;}
#tenchou_comment .comment {margin:10px;}
.tenchou_wrap table {margin:0 auto;font-size:0.9em;width:1000px;color:#444;font-weight:normal;}

/*---------------------------コンテンツ下部*/
#contents_under_area{margin:10px;}
.contents_under_title{
font-size:1.2em;
margin:10px 0;
border-top:1px #ddd solid;
padding:10px 0;
padding-bottom:0;
clear:both;
}

#contents_under_link {
	margin-top:20px;
}
#contents_under_link div {
	padding: 5px;
}
#contents_under_link div a img {
	margin-right: 10px;
}
#contents_under_link div a span {
	font-size: 0.8em;
}

/*---------------------------関連カテゴリ*/
#kanren_cate ul{
float:left;
margin:0;
padding:0;
list-style:none;
width:100%;
min-width:1100px;
}
#kanren_cate ul li{
float:left;
margin:0;
padding:0;
margin-right:10px;
}
#kanren_cate ul li a{
display:block;
margin-bottom:20px;
color:#333;
font-size:0.9em;
border:1px #ddd solid;
padding:10px 20px;
border-radius:3px;
}
#kanren_cate ul li a:hover{
color:red;
}

/*---------------------------関連カテゴリ*/
#kanren_keyword ul{
margin:0;
padding:0;
list-style:none;
}
#kanren_keyword ul li{
display: inline-block;
margin:0;
padding:0;
margin-right:15px;
}
#kanren_keyword ul li a{
display:block;
color:#555;
font-size:0.9em;
border-radius:3px;
text-decoration:none;
margin-bottom: 0;
border:none;
padding: 0;
}
#kanren_keyword ul li a:hover{
color:#DF0101;
border:none;
}

/*---------------------------一緒に購入すると便利な商品*/
.item-slider-wrap_syohin{
position:relative;
overflow:hidden;
width:100%;
min-width:1000px;
margin-top:10px;
}
.item-slider-wrap_syohin button{
visibility:hidden;
}
.item-slider-wrap_syohin .responsive:hover > button{
visibility : visible;
}
.item-slider-wrap_syohin .responsive_item:hover > button{
visibility : visible;
}
.responsive_item{
width:100%;
min-width:1000px;
overflow:hidden;
margin-right:40px;
}
.responsive_item a{
font-size:0.8em;
text-decoration:none;
color:#0066cc;
margin-right:20px;
}
.lazy{margin:0;}
.responsive_item .item_image{
	max-width:160px;
}
.responsive_item .item-name{
height: 40px;
overflow-y: hidden;
margin: 3px 0;
}
.responsive_item .item_name{
margin:0;
padding:0;
}
.responsive_item .item_price{
margin:2px 0;
color:#DF0101;
font-size:1.2em;
}
.responsive_item a:hover > .item_name{
text-decoration:underline;
}
.responsive_item .souryou_muryou{
margin:0;
}
/*Unicode 変換*/
.responsive_item .souryou_muryou:before{
font-family: FontAwesome;
content:"\f058";
color:red;
}
.responsive_item .souryou_muryou:after{
font-family: FontAwesome;
content:"\a0\9001\6599\7121\6599";
color:#000;
}
.item-slider-wrap_syohin .slick-prev{
position:absolute;
z-index:1;
margin-left:20px;
box-shadow:0px 0px 16px -3px #000000;
}
.item-slider-wrap_syohin .slick-next{
position:absolute;
z-index:1;
margin-right:20px;
box-shadow:0px 0px 16px -3px #000;
}
.item-slider-wrap_syohin .slick-slider{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.item-slider-wrap_syohin .slick-list{
position: relative;
display: block;
margin: 0;
padding: 0;
height:350px;
overflow:hidden;
}
.item-slider-wrap_syohin .slick-list:focus{outline: none;}
.item-slider-wrap_syohin .slick-list.dragging{cursor: pointer;cursor: hand;}
.item-slider-wrap_syohin .slick-slider .slick-track,
.item-slider-wrap_syohin .slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
min-height:270px;
}
.item-slider-wrap_syohin .slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
min-width:680px;
}
.item-slider-wrap_syohin .slick-track:before,
.item-slider-wrap_syohin .slick-track:after{
display: table;
content: '';
}
.item-slider-wrap_syohin .slick-track:after{clear: both;}
.item-slider-wrap_syohin .slick-loading .slick-track{visibility: hidden;}
.item-slider-wrap_syohin .slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{float: right;}
.item-slider-wrap_syohin .slick-slide img{display: block;}
.item-slider-wrap_syohin .slick-slide.slick-loading img{display: none;}
.item-slider-wrap_syohin .slick-slide.dragging img{pointer-events: none;}
.item-slider-wrap_syohin .slick-initialized .slick-slide{display: block;}
.item-slider-wrap_syohin .slick-loading .slick-slide{visibility: hidden;}
.item-slider-wrap_syohin .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.item-slider-wrap_syohin .slick-arrow.slick-hidden{display: none;}

@media screen and (min-width: 680px){
.item-slider-wrap_syohin .slick-prev,
.item-slider-wrap_syohin .slick-next{
font-size: 0;
line-height: 0;
position: absolute;
display: block;
width: 60px;
height: 60px;
margin-top: -180px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background:#fff;
}
}

@media screen and (max-width: 680px){
#item-slider-wrap .slick-prev,
#item-slider-wrap .slick-next{
font-size: 0;
line-height: 0;
position: fixed;
display: block;
width: 60px;
height: 60px;
margin-top: -180px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background:#fff;
}
}

/*
比較表エリア
-------------------------------------------------------------------------*/
#hikaku001 {
width:90%;
margin:0 auto;
min-width:1000px;
}
#hikaku001 , #hikaku001 td, #hikaku001 th {
border: 1px solid #ddd;
border-collapse: collapse;
}
#hikaku001 td, #hikaku001 th {
padding: 3px;
width: 30px;
height: 25px;
}
#hikaku001 th {
background: #FDFAE2;
font-weight:normal;
font-size:0.9em;
max-width:100px;
}
#hikaku001 td {
font-size:0.8em;
word-break: break-all;
padding:10px;
text-align:center;
}
#hikaku001 td a {
display:block;
text-decoration:none;
color:#0066cc;
text-align:center;
}
#hikaku001 td a img {
width:100%;
max-width:200px;
height:auto;
}

#hikaku001 .sku {
margin:0;
font-weight:bold;
}
#hikaku001 .price {
color:#DF0101;
margin:0;
font-size:1.2em;
}
#hikaku001 .fixed-row {
	position: sticky;
	left: 0;
	&:before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #ddd;
	}
}

/*
商品の特徴・仕様
-------------------------------------------------------------------------*/
#top_specification{
font-size:0.8em;
color:#444;
border:1px #ddd solid;
padding:10px;
margin-top:5px;
border-radius:3px;
}
#top_specification a{
color:#0066cc;
text-decoration:underline;
}
#top_specification a:hover{
color:red;
}


#specification {
font-size:0.8em;
font-weight:normal;
width:100%;
min-width:1100px;
float:left;
}

#specification .title {
display:block;
border-bottom:1px #ddd solid;
font-size:1.4em;
color:#0066cc;
margin:0;
}
#specification .sc_right .inner {
border-left:1px #ddd solid;
padding:10px;
}
#specification .sc_left .inner {
padding:10px;
}
#specification .sc_left{
float:left;
width:50%;
}
#specification .sc_right{
float:left;
width:50%;
}
#specification .notes {
border-top:1px #ddd solid;
padding-top:10px;
margin:0;
}

/*
特集・キャンペーン
-------------------------------------------------------------------------*/

#tokushu {
margin:0 auto;
padding:0;
width:100%;
max-width:1500px;
min-width:1000px;
text-align:center;
}
#tokushu td{
padding:0 15px;
padding-bottom:20px;
}
#tokushu a img{
width:100%;
max-width:500px;
}

/*
ユーザーレビュー
-------------------------------------------------------------------------*/
#user_review_area{
margin-top:30px;
}
#user_review_area h4{
font-weight:normal;
}
#userreview_sougouhyouka{
padding:10px;
padding-bottom:0;
padding-left:0px;
background-color:#FFFFFF;
width:100%;
text-align:left;
margin-bottom:-15px;
}
#userreview_sougouhyouka .review_count_num{
color:#B40404;
font-weight:bold;
font-size:1.8em;
}
#userreview_sougouhyouka .user_manzoku{
font-size:1.4em;
font-weight:normal;
display:inline;
color:#000;
margin-right:10px;
}
#review_kaitou .user_kaitou_number{
font-weight:bold;
margin:5px 0;
font-size:1em;
}
#userreview_sougouhyouka .star{
color:#FFA200;
font-size:300%;
font-weight:bold;
letter-spacing: -0.2em;
}
#userreview_sougouhyouka .count{
position:relative;
top:-5px;
left:5px;
background:none;
box-shadow:none;
font-weight:normal;
}
#review_kaitou{
padding:0;
width:100%;
float:left;
text-align:left;
margin-top:20px;
}
#review_kaitou h3{
padding:0px;
margin:0;
margin-bottom:5px;
border-bottom:1px #888 dotted;
}
#review_kaitou a{
text-decoration:none;
}
#review_kaitou .kaitousya{
margin:0;
float:left;
}
#review_kaitou ul{
padding:3px;
background-color:#FFFFFF;
width:250px;
border:1px #BDBDBD solid;
list-style:none;
margin:0;
text-align:left;
color:#0066cc;
}
#review_kaitou li{
padding:0 3px;
border-bottom:1px #D8D8D8 solid;
margin:0;
font-size:0.8em;
}
#review_kaitou .listend{
padding:0 3px;
background-color:#FFFFFF;
border-bottom:0px;
margin:0;
}
#review_kaitou .star{
color:#FFA200;
font-size:1.4em;
font-weight:bold;
margin-left:10px;
}
#review_kaitou .review_count{
text-align:right;
position:relative;
left:80px;
font-size:1em;
color:#888;
}
#review_kaitou .review_count_goukei{
text-align:right;
position:relative;
left:155px;
}
.user_review_box{
width:50%;
float:left;
padding:10px 0;
margin-top:0px;
z-index:99999999;
text-align:left;
clear:both;
}
.user_review_box_inner{
margin:10px;
}
.user_review_box_inner .noreview_msg {
	font-size:1em;
	font-weight:bold;
	line-height:1.5;
}
.user_review_box_inner .noreview_msg span {
	font-size:0.8em;
	font-weight:normal;
}
.user_review_desc{
float:left;
clear:both;
border-top:1px #ddd solid;
padding:10px 0;
width:100%;
}
.user_img{
float:left;
width:50px;
}
.user_Information{
float:left;
font-size:0.9em;
padding-left:10px;
width:90%;
}
.user_Information p{
margin:0;
}
.user_Information .image_box .clipArea {
	display: inline-block;
	width: 90px;
	margin-right: 15px;
}
.user_Information .image_box .clipArea img {
	width: 100%;
}
#user_review_box_inner .user_name{
margin-bottom:0px;
color:#000;
font-size:1em;
}
.user_review_star{
color:#FFA200;
font-size:170%;
font-weight:bold;
letter-spacing: -0.2em;
margin:0;
padding:0;
}
.review_data{
font-size:0.8em;
color:#444;
}
.user_review_revel{
position:relative;
top:-2px;
left:5px;
font-size:1.3em;
font-weight:bold;
color:#000;
}
.button_review a{
display:block;
font-size:0.9em;
text-decoration:none;
border:1px #ccc solid;
padding:10px 15px;
margin:10px;
margin-left:0;
border-radius:3px;
color:#333;
transition:0.3s;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.button_review a:hover{
box-shadow:0px 0px 10px -4px #686868;
}
#rev_support{
display:block;
border-left:3px #ddd solid;
color:#888;
margin-top:10px;
}
#rev_support .comment{
padding-left:20px;
font-size:0.8em;
}
#rev_support .sup_day{
font-size:0.8em;
padding-left:20px;
color:#333;
}

.nouki_comment{
	color:red;
	font-weight:bold;
}
.nouki_annai{
	font-weight:bold;
	color:red;
	margin:20px 0;
}

.goods_delivery_icon {
	width:94%;
	margin:10px auto 0;
	display: block;
	font-size:0.9em;
	text-align:left;
	cursor:pointer;
}

.goods_delivery_icon .deliconimg {
	width:40px;
	height:40px;
}


.goods_delivery_icon a {
	display:block;
	color:#666666;
}

.goods_delivery_icon img {
	vertical-align:middle;
}

.goods_delivery_icon span {
	margin:0 0 0 10px;
	vertical-align:middle;
	display: inline-block;
	font-size:0.95em
}
.knockdown_kumitate_exp{
	font-size:0.9em;
	margin:10px 10px 0px 10px;
}
#yoyaku_popup-main{
	background-color: #ffffff;
	padding: 50px;
	margin: 20px auto 0px auto;
	border-radius: 1em;
	width: 700px;
	position:relative;
}
#yoyaku_popup-main .yoyaku_popup-title{
	border: 1px #ff0000 solid;
	color: red;
	padding: 10px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}
#yoyaku_popup-main .yoyaku_popup-nyuukayoteibi{
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	color: red;
}
#yoyaku_popup-main .yoyaku_popup-mitei_box{
	padding: 10px;
  margin-top: 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	line-height: 1.5;
}
#yoyaku_popup-main .yoyaku_popup-tel{
	font-size: 1.2em;
	border-bottom: 1px #999 dashed;
	margin: 0;
}
#yoyaku_popup-main .yoyaku_popup-cart_btn{
	text-align:center;
	margin:30px 0px 0px 0px;
}
#yoyaku_popup-main .yoyaku_popup-cart_btn a{
	background: #FF8000;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px 60px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}
#yoyaku_popup-main .yoyaku_popup-cart_btn a:hover{
	background: #FFBF00;
}
#yoyaku_popup-main .yoyaku_popup-close_btn{
	margin:30px 0px 0px 0px;
}
#yoyaku_popup-main .yoyaku_popup-close_btn a{
	display: block;
	background: #0066cc;
	color: #fff;
	padding: 3px;
	width: 250px;
	border-radius: 50px;
	text-align: center;
	margin: 0 auto;
	text-decoration:none;
}
#yoyaku_popup-main .close_btn {
	position: absolute;
	top: -30px;
	right: -10px;
}
#yoyaku_popup-main .close_btn a {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #CCC;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: block;
	font-size: 18px;
}
#yoyaku_popup-bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 2999;
}
html.yoyaku_popup-locked {
	overflow: hidden;
}
.outlet_attention{
	background:red;
	font-weight:bold;
	color:#fff;
	padding:2px 4px;
	display:inline;
}

.rearrival-notice a {
	display: block;
	width: 100%;
	background: #0A0;
	border: 1px #0A0 solid;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	padding: 7px 0;
	margin: 0 auto;
	border-radius: 3px;
	text-align: center;
}
.rearrival-notice a:hover {
	background: #01DF01;
	border: 1px #01DF01 solid;
}
.delivery_area_info {
	display: inline-block;
	line-height: 1.2;
	position: relative;
	top: 4px;
	color: #888;
	font-size: 0.65em;
}

.review_qa_wrap {
	width:100%;
    float: left;
    border-top: 1px #ddd solid;
}
.user_review_box_parts {
    width: 100%;
    min-width: 500px;
    float: left;
    padding: 10px 0;
    margin-top: 0px;
    z-index: 99999999;
    text-align: left;
    clear: both;
}
#user_qa_box {
    width: 50%;
    min-width: 500px;
    float: left;
    padding: 10px 0;
    margin-top: 0px;
    z-index: 99999999;
    text-align: left;
}
#user_qa_box .inner {
    margin: 10px;
}
.qa_wrap {
    padding: 20px;
}
.qa_wrap .qa_title {
    color: #FF8000;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
}
.qa_wrap .under_text {
    font-size: 0.8em;
    color: #555;
    border-top: 1px #999 dotted;
    padding-top: 10px;
}
.qa_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.qa_wrap ul li {
    margin: 20px 0;
    padding: 0;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 5px 20px;
}
.qa_wrap ul li p {
    font-size: 0.9em;
    line-height: 1.5;
}
.qa_wrap ul li p .left_icon {
    margin-right: 30px;
    margin-top: -20px;
    vertical-align: top;
    font-weight: bold;
    font-size: 1.4em;
}
.qa_wrap ul li p .right_text {
    display: inline-block;
    width: 92%;
}
.qa_wrap ul li .q_text {
    color: #FF8000;
    font-weight: bold;
}
.qa_wrap ul li .a_text {
    color: #555;
}
.qa_link {
    margin: 0;
}
.qa_link a {
    display: block;
    color: #0066cc;
    font-size: 0.8em;
}
.item_qa{
	padding-bottom: 10px;
	clear: both;
}


/* 商品画像
-----------------------------------------------------*/
.item_slick_main {
	width:100%;
	min-width: 300px;
	vertical-align:top;
	overflow:hidden;
	padding-top:20px;
}
.item_slick_main .item_slick_wrap {
	position: relative;
	margin-bottom: 10px;
	width:100%;
}
.item_slick_main .item_slick_wrap .item_img_under_text {
	margin:0;
}
.item_slick_main .item_slick_wrap .item_img_under_text p {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	margin: 0 auto;
	width:100%;
	font-size: 0.8rem;
	line-height: 1.5;
	margin-bottom:5px;
	color:#666;
}
.item_slick_main .item_slick_wrap .item_img_under_text div.imgdisp {
	position:relative;
}
.item_slick_main .item_slick_wrap .item_img_under_text div.imgdisp img {
	margin: 5px auto;
	height: 637.5px !important;
	width: auto !important;
	max-width: 85% !important;
}

/** 動画 **/
.item_slick_main .video_box {
	background:#000;
	width:100%;
	height:100%;
	max-height:500px;
	min-height:281px;
	vertical-align:middle;
	position:relative;
	top:70px;
}
.item_slick_main .video_box i {
	color:red;
	position:absolute;
	width:100%;
	text-align:center;
	top:40%;
	font-size:70px;
}
.item_slick_main .video_box:hover i {
	color:#DF0101;
}

/** キャプション **/
.item_slick_main .item_slick_wrap .item_img_under_text div.imgdisp p {
	text-align:left;
	width: 85%;
	margin: 20px auto;
}

/** 特別セール **/
.item_slick_main .item_slick_wrap .item_img_under_text div.imgdisp div.spesale {
	position: absolute;
	text-align: center;
	top: 10px;
	left: 60px;
	color: #FFF;
	border-radius: 50%;
	background-color: #BF0006;
	width: 150px;
	height: 150px;
	line-height: 140px;
	font-size: 60px;
	font-weight: bold;
}

/** サムネイル **/
.item_slick_main .item_slick_wrap_thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-js-display: flex;
	margin-top:60px;
	width:100%;
}
.item_slick_main .item_slick_wrap_thumb div {
	position: relative;
	margin: 0 10px 10px 0;
	cursor: pointer;
	margin: 0 11px 11px 0;
}
.item_slick_main .item_slick_wrap_thumb div:nth-child(10n) {
	margin: 0 0 11px;
}
.item_slick_main .item_slick_wrap_thumb img {
	width: 60px;
	height: 60px;
	width: 65px;
	height: 65px;
}
.item_slick_main .item_slick_wrap_thumb p {
	display: none;
}
.item_slick_main .item_slick_wrap_thumb .current::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	border: 3px solid red;
}

/* slick */
.item_slick_main .slick-slider .slick-track,
.item_slick_main .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 50px);
}
.item_slick_main .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width:100%;
}
.item_slick_main .slick-slide {
	display: none;
	float: left;
	min-height: 1px;
}
.item_slick_main .slick-initialized .slick-slide {
	display: block;
	text-align:center;
}
.item_slick_main .slick-prev,
.item_slick_main .slick-next {
	display:none;
	position: absolute;
	top:300px;
	margin: auto;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.item_slick_main .slick-next {
	right:0;
}
.item_slick_main .slick-prev {
	left: 0;
}
.item_slick_main .slick-prev:before,
.item_slick_main .slick-next:before {
	display:block;
}
.item_slick_main .item_img_under_text .slick-prev,
.item_slick_main .item_img_under_text .slick-next {
	width: 50px;
	height: 50px;
}


/*ポップアップ動画再生
-----------------------------------------------------*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }


.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }


#syohin_left_area{
vertical-align:top;
overflow:hidden;
width:500px;
}
@media screen and (max-width: 1300px){
#syohin_left_area {
width:450px;
}
}
@media screen and (max-width: 1250px){
#syohin_left_area {
width:400px;
}
}
@media screen and (max-width: 1200px){
#syohin_left_area {
width:350px;
}
}

.point-goods-use{
	color: #f00;
	margin: 0 0 10px 0;
}

/************ 数量*************/

/*スピンボタン非表示設定*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
ul.goods_cnt_btn{
	list-style: none;
}
.goods_cnt_btn li{
	letter-spacing: normal;
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	margin:0;
}

.goods_cnt_form{
    background: #F9F9F9;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    padding: 6px 7px 7px;
    width: 70px;
    z-index: 49;
}
.goods_cnt{
	width:40px;
	display:block;
	height:15px;
	border:solid 1px #ccc;
	margin:0;
}

.cnt_up{
	border-bottom: none;
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
}

.cnt_down{
    border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}

.goods_cnt span{
	font-size:0.5em;
	color:#aaa;
	background-repeat: no-repeat;
	display: block;
	height: 10px;
	margin: auto;
	overflow: hidden;
	white-space: nowrap;
	width: 10px;
}

.goods_cnt a{
	display:block;
	width:100%;
	height:100%;
}
.sale-period-space {
	font-size:1.0rem;
}
.sale-period-space .sale-txt-icon {
	display:inline-block;
	padding:2px 6px;
	color:#FFFFFF;
	font-size:0.9em;
	background-color:#BF0006;
}
.sale-period-space .open-period {
	display:inline-block;
	padding:3px 3px 3px 5px;
	color:#666666;
	font-size:1.0em;
}
body img {
	vertical-align: bottom;
}
/*
オプション一覧
--------------------------------------------------------*/
div#lineup-area-open {
margin-top: 20px;
}
div#lineup-area-open h4 {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
div#line-up-outer {
padding: 10px 20px 15px;
margin-top: 0px;
}
div#line-up-outer dl dt {
border-bottom: 2px solid #004da2;
font-size: 1.2em;
font-weight: normal;
padding: 11px 0 3px 0;
margin-bottom: 10px;
}
div#line-up-outer dl dt a span {
font-size: 0.7em;
}
div#line-up-outer dl {
margin: 0 0 0;
}
div#line-up-outer dl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
div#line-up-outer dl dt:before {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
div#line-up-outer dl dt span.lineup-num {
font-size: 0.7em;
font-weight: normal;
}
div#line-up-outer dl dt span span.lineup-num-inner {
font-size: 1.2em;
font-weight: bold;
}
/* img-view */
div#line-up-outer dl dd.img-view {
float: left;
padding: 10px;
margin:0;
width: 130px;
height:235px;
}
div#line-up-outer dl dd.img-view a img {
display: block;
padding-bottom: 12px;
width:100%;
max-width:130px;
height:auto;
opacity: 1;
}
div#line-up-outer dl dd.img-view span.rel-text {
font-size: 0.8em;
text-align: left;
height:3.0em;
overflow:hidden;
display: block;
}
div#line-up-outer dl dd.img-view span.sku {
font-size: 0.9em;
text-align: center;
display: block;
padding: 5px 0 0;
}
div#line-up-outer dl dd.img-view span.price {
font-size: 1em;
text-align: center;
display: block;
color:red;
}
div.btnOpen-option, div.btnClose-option {
clear:both;
display:block;
text-align: center;
margin-top: 3px;
}
.btnOpen-option a {
display:block;
background:#0066cc;
color:#fff;
padding:3px;
width:250px;
border-radius:50px;
text-align:center;
margin:0 auto;
text-decoration:none;
font-size:0.8em;
}
.btnClose-option a {
display:block;
background:#DF0101;
color:#fff;
padding:3px;
width:250px;
border-radius:50px;
text-align:center;
margin:0 auto;
text-decoration:none;
font-size:0.8em;
}

/* まとめ買い
-----------------------------------------------------*/
.bulk-purchase-wrap {
	border-top:1px #ccc solid;
	margin:20px 10px 10px;
}
.bulk-purchase-wrap > table {
	border:none;
	border-collapse:collapse;
}
.bulk-purchase-wrap > table tr {
	border:none;
}
.bulk-purchase-wrap > table td {
	border:none;
	padding:5px;
}
.matome_hide {
	margin:0;
}
.matome_hide img {
	margin:0;
}
.matome_hide .img-area {
	display:inline-block;
	vertical-align:bottom;
}
.matome_hide .img-area img {
	width:100%;
	max-width:80px;
	height:auto;
}
.matome_hide .info-area {
	display:inline-block;
	margin:0px auto 10px 30px;
}
.matome_hide .info-area .matome_price .inctax_notation {
	font-weight:normal;
}
.bulk-purchase-total {
	font-size:2em;
	font-weight:normal;
}
.matome_text1 {
	display:block;
	margin-bottom:5px;
	color:#666;
	font-size:0.9em;
	display:inline;
}
.matome_text2 {
	display:block;
	margin-top:5px;
	color:#666;
	font-size:1.2em;
}
.matome_price {
	color:red;
	margin:0;
	display:block;
	font-weight:bold;
	padding-bottom:5px;
}
.matome_pricedown {
	color:red;
	font-weight:bold;
	font-size:1.2em;
	padding:0 5px;
}
.matome_cart a{
	background:red;
	padding:7px 14px;
	color:#fff;
	border-radius:5px;
	display:block;
	text-decoration:none;
	text-align:center;
	width:160px;
}
.matome_cart a:hover {
	background:#B40404;
}
.matome_cart a i {
	font-size:1.4em;
}

/* お知らせ表示
-----------------------------------------------------*/
.news-wrap {
	border-top:1px #ccc solid;
	margin:20px 10px 10px;
	padding:20px 0 20px 10px;
	clear:both;
}

/*
見積書用
-----------------------------------------------------*/
#quote-popup-main {
	padding: 10px 10px 10px 10px;

}
#hakkou{
	text-align:center;
	color:#2b2e38;
	height:50px;
}
#hakkou p {
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 15px;

}
.mitsumori_body {
	margin: 15px 0 15px 0;
}
.mitsumori_body .quotation_choice {
	margin: 20px 20px 20px 20px;
	width: 600px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.mitsumori_body .quotation_modal_btn {
	width: 400px;
	margin: 0 10px;
	padding: 12px 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border: 0;
	border-radius: 3px;
	display: inline-block;
	color: #fff;
}
.mitsumori_body .quotation_info {
	margin: 20px 20px 20px 20px;
	text-align: center;
	vertical-align: middle;
}
.mitsumori_body .quotation_info input {
	padding: 5px;
	border: 1px #ccc solid;
	border-radius: 3px;
	width:300px
}
.mitsumori_body .quotation_info p {
	margin: 0 0 10px 0;
}
.btn_space {
	text-align:center;
}
.mitsumori_body .login_btn {
	background-color: #FF8000;
}
.mitsumori_body .login_btn:hover {
	background-color: #FF4000;
}
.mitsumori_body .quotation_btn {
	background-color: #0066cc;
}
.mitsumori_body .quotation_btn:hover {
	background-color: #0431B4;
}

/* 対応テレビ型番表示
-----------------------------------------------------*/
#maker_search_wrap {
	width:100%;
	max-width:1200px;
	min-width:780px;
	margin:50px auto;
}
#maker_search_wrap .maker_search_title {
	background:#0066cc;
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin:0 10px;
}
#maker_search_wrap .maker_search_title:before {
	content:"";
	color:#666;
	font-size:0.7em;
	font-weight:normal;
	position:absolute;
	margin-top:20px;
}
.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	border:1px #ccc solid;
	border-top:none;
	padding:30px 10px 10px;
	margin:0 10px;
}
.tab-label,
.tab-switch:checked~.tab-switch:last-of-type+.tab-label {
	color: #333;
	background: #eee;
	border:1px #eee solid;
	margin-right: 5px;
	margin-bottom:10px;
	padding: 3px 12px;
	font-size:0.8em;
	cursor: pointer;
}
.tab-label{
	order:-1;
}
.tab-content,
.tab-switch:checked~.tab-content:last-of-type {
	width: 100%;
	display: none;
}
.tab-switch:checked+.tab-label {
	background: #0066cc;
	color:#fff;
	border:1px #0066cc solid;
	cursor: default;
	font-weight:bold;
}
.tab-switch:checked+.tab-label+.tab-content,
.tab-content:last-of-type {
	display: block;
}
.tab-switch {
	display: none;
}
.tab-content ul {
	margin:17px 0 0;
	padding:0;
	list-style:none;
	position:relative;
}
.tab-content ul:before {
	content:"アルファベット順";
	color:#666;
	font-size:0.7em;
	float:left;
	margin-top:-18px;
}
.tab-content ul li {
	margin:0;
	padding:0;
	display:inline-block;
}
.tab-content ul li a {
	color:#0066cc;
	display:block;
	margin:3px 0;
	margin-right:20px;
	text-decoration:none;
	font-size:14px;
}
.tab-content ul li a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-size: 15px;
	font-weight: 900;
	padding-right: 4px;
}
.tab-content ul li a:hover {
	text-decoration:underline;
}
.tab-content ul li a[id^=remark-mark-] span {
	padding-left:2px;
	font-size:0.8em;
	color:#999;
}
span[id^=remark-disp-] {
	display:none;
	position:absolute;
	margin:3px;
	width:max-contents;
	max-width:90%;
	padding:5px;
	background-color:#eee;
	border:1px solid #eee;
	box-shadow:0px 2px 18px -5px #727271;
	color:#333;
	font-size:0.8em;
	z-index:2;
}
ul[id^=tv-type-list] .motto_btn {
	display:inline-block;
	margin:0;
	cursor: pointer;
}
ul[id^=tv-type-list] .motto_btn:hover {
	text-decoration:underline;
	color:red;
}
/*---------------------------メガメニュー*/
@media screen and (min-width:1840px){
	.categories.isitempage {
		display: block !important;
	}
}
#item-menu-listbtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#item-menu-listbtn p {
	margin: 0 5px 5px 0;
}
#item-menu-listbtn p img {
	display: block;
}


/* 動画コンテンツ
------------------------------------*/
.my_modal_btn {
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
}
.my_modal_btn img {
	width: 100%;
	margin: 15px auto;
}
#my_modal1 {
	display: none;
}
.my_modal_body1 {
	display: none;
	position: fixed;
	z-index: 100000;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	display: none;
	background-color: #FFF;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	width: 90%;
	max-height: 80%;
	max-width: 600px;
}
.my_modal_header {
	padding: 15px 10px;
	background-color: #202020;
	color: #FFF;
	font-weight: bold;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	text-align: center;
}
.my_modal_close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	cursor: pointer;
}
.my_modal_close_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	cursor: pointer;
}
.my_modal_close_icon span::before,
.my_modal_close_icon span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #FFF;
}
.my_modal_close_icon span::before {
	transform: rotate(-45deg);
}
.my_modal_close_icon span::after {
	transform: rotate(45deg);
}
.my_modal_content {
	padding: 5px 10px;
	background: #fff;
}
.my_modal_content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.my_modal_content ul li {
	display: block;
	margin: 0;
	padding: 0;
}
.my_modal_overlay {
	display: none;
	position: fixed;
	z-index: 90000;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-color: #111;
	opacity: 0.3;
	cursor: pointer;
}
#my_modal1:checked ~ .my_modal_body1, #my_modal1:checked ~ .my_modal_overlay {
	display: block;
}
.js-modal-video {
	color: #000 !important;
	font-size: .8em;
	display: inline-block;
	background: rgb(240, 240, 240);
	padding: 7px 0;
	margin: 3px auto;
	border-radius: 3px;
	width: 100%;
	position:relative;
}
.js-modal-video .video-img {
	position: relative;
	width: 40%;
	float:left;
	display: inline;
	margin-right: 5px;
}
.js-modal-video .video-img img {
	width: 100%;
}
.my_modal_content .video-title {
	width: 58%;
	font-size: 16px;
	display: -webkit-inline-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: left;
}
.my_modal_content .video-time {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #000;
	color: #fff;
	padding: 0 4px 2px 4px;
	font-size: 12px;
}
#video_disp {
	background: #202020;
	display: block;
	margin: 0;
	position: relative;
}
#video_disp .title {
	color: #fff;
	font-weight: bold;
	margin: 20px auto 15px;
	position: relative;
	font-size: 16px;
}
#video_disp .title i {
	font-family: "Font Awesome 5 Brands";
	color: red !important;
	font-size: 1.4em;
	position: relative;
	top: 2px;
}
#video_disp .my_modal_content {
	background-color: #202020 !important;
}


/* sb_ == syohin_body_ */
/* area wrap */
#sb_wrap_inner {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

/* contents */
#sb_wrap_inner_left {
	display: block;
	width:750px;
}

/* cart */
#sb_wrap_inner_right {
	display: block;
	width:450px;
	padding-left: 32px;
}
#syohin_right_area_cart {
	position: sticky;
	top:0;
	 border: 1px #ddd solid;
	 border-radius: 3px;
	/* width: 248px;*/
	width: 100%;
}


/* variation_area */
#variation_area {
	margin-top: 20px;
}
.variation_area--title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.variation_area--list.more_hide {
	display: none;
}
.variation_area--list p {
	margin: 22px 0 0;
	font-size: 0.875em;
}
.variation_area--list ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width:100%;
	margin:10px 0 0;
	padding:0;
	/*margin-bottom:50px;*/
	list-style: none;
}

.variation_area--list ul:after {
	content:"";
	clear:both;
	display:block;
}

.variation_area--list li {
	display: flex;
	flex-direction: column;
	position: relative;
	width:180px;
	height:220px;
	padding: 0 2px 0 3px;
}
.variation_area--list li:nth-child(5n) {
	margin:0 0 20px 0;
}

.variation_area--list li a {
	display:flex;
	flex-direction: column;
	align-items: center;
	color:#333;
	text-align:center;
	padding:10px 0;
	transition:0.3s;
	background-color:rgba(255,255,255,0.2);
	border: 1px solid #E2E2E2;
	z-index:1;
}

.variation_area--list li a:hover {
	background-color:rgba(187,210,215,0.3);
}

.variation_area--list li a img {
	width:160px;
	height: 160px;
	position:relative;
	z-index:-1;
	overflow: hidden;
}

.variation_area--list li a span {
	position:relative;
	font-size: 0.8em;
}
.variation_area--list li a div.name {
	display:none;
}
.variation_area--list li a div.name[id^=variation_name_] {
	display:none;
	position:absolute;
	margin:3px 5px;
	width:max-content;
	padding:5px;
	background-color:rgb(187,210,215);
	border:1px solid rgb(187,210,215);
	box-shadow:0px 2px 18px -5px #727271;
	color:#333;
	font-size:0.8em;
	z-index:2;
	top:70px;
	left:0;
}



/* include-area */
div.include-area {
	margin-top: 20px;
}
div.include-area div {
	max-width:100% !important;
}
div.include-area img {
	max-width:100%;
}
div.include-area iframe {
	width:100% !important;
}
.include-area--title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

div.include-area {border-top:none;}
div.include-area > div {
	/*margin: 10% auto 0 !important;*/
	margin: 5% auto 0 !important;
}



/* recommend_area */
#recommend_area {
	margin-top: 20px;
}
.recommend_area--title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.recommend_area--desc {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	overflow-x: auto;
}
.recommend_area--desc::before,
.recommend_area--desc::after {
	content: "";
	flex: 1;
	visibility: hidden;
}
.recommend_area--desc p {
	flex: 1;
	margin-left: 3px;
	margin-right: 4px;
}
.recommend_area--desc > p > a > img {
	margin: 0 !important;
}

/* acrd */
.acrd:not([open]) {
	margin-bottom: 7px;
}
.acrd summary {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.acrd summary::-webkit-details-marker,
.acrd summary::marker {
	display: none;
}

.acrd summary::after {
	transform: translateY(-25%) rotate(45deg);
	width: 7px;
	height: 7px;
	margin-left: 10px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	content: '';
	transition: transform .3s;
}

.acrd[open] summary::after {
	transform: rotate(225deg);
}

.acrd .acrd--desc {
	transform: translateY(-10px);
	opacity: 0;
	margin: 0;
	/*padding: 1em 2em 2em 2em;*/
	color: #333333;
	transition: transform .5s, opacity .5s;
}

.acrd[open] .acrd--desc {
	transform: none;
	opacity: 1;
}



/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* 既存スタイルの調整　　　　　　　　　　　　　　　 */
/* ------------------------------------------------ */
/* ------------------------------------------------ */


/*商品ページレイアウト
-----------------------------------------------------*/
#syohin_right_area h1{
	max-width: 645px;
	padding-left: 8px;
	box-sizing: border-box;
	font: normal normal bold 18px/27px Meiryo;
}


/*---------------------------関連カテゴリ*/
.variation_area--list_keyword ul{
	min-width:auto;
}

/*
商品の特徴・仕様
-------------------------------------------------------------------------*/
#specification {
	min-width:auto;
}
.ees_banner {
	width:100%;
	max-width:500px;
	margin:10px auto;
}

/*---------------------------コンテンツ下部*/
#contents_under_area{
	margin:10px 0;
}
#contents_under_area .inner {
	font-size: 0.875em;
}
.contents_under_title{
	border-top:none;
	padding: 55px 0 5px;
	box-sizing: border-box;
	background: none;
	border-bottom: 1px solid #707070;
	font-size: 1.125em;
	font-weight: normal;
	text-align: left;
	color: #000;
}

/*---------------------------関連カテゴリ*/
#kanren_category .relcate-swiper-container {
	max-width: 1300px;
}
.relcate-swiper-container .swiper-wrapper a {
	margin: 0 auto;
}

/* 関連カテゴリ（swiper）
------------------------------*/
#kanren-midashi {
	margin-top: 20px;
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

/*
この商品をチェックした人はこんな商品もチェックしています
-------------------------------------------------------------------------*/
#checked-midashi {
	margin-top: 20px;
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.item-slider-wrap_syohin {
	max-width: 1300px;
	margin: 0 auto;
}

/*
比較表エリア
-------------------------------------------------------------------------*/
#hikaku_area {
	padding:20px 0 0;
}
.hikaku_area--title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.hikaku_area--list {
	padding: 0 0 20px;
	overflow-x: scroll;
}
.hikaku_area--list::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.hikaku_area--list::-webkit-scrollbar-thumb {
	background-color: #B1B1B1;
	border-radius: 6px;
}
.hikaku_area--list::-webkit-scrollbar-track {
	background-color: #EDEDED;
	border-radius: 6px;
}

/*
まとめ買いエリア
-------------------------------------------------------------------------*/
#bulk-purchase-wrap {
	padding:10% 0 0;
}
.bulk-purchase--title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

/*
お客様満足度
-------------------------------------------------------------------------*/
.review_qa_wrap {
	float: none;
	margin: 10% 0 0;
	border-top: none;
}
.user_review_box{
	width:100%;
	float: none;
}
.user_review_box_parts {
	float: none;
}
#user_qa_box {
	width: 100%;
	float: none;
}
#user_qa_box .inner {
	margin: 10px 0;
}
.qa_wrap {
	padding: 0;
}
.qa_wrap .qa_title {
	font-size: 1.125em;
	font-weight: normal;
	padding: 55px 0 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #707070;
	text-align: left;
	color: #000;
}
.qa_wrap .under_text {
	font-size: 0.8em;
	color: #555;
	border-top: none;
}
.qa_wrap ul li .q_text,
.qa_wrap ul li .a_text {
	display: flex;
	align-items: baseline;
}

/*
ユーザーレビュー
-------------------------------------------------------------------------*/
.user_review_link {
	padding-left: 50px;
	font-size: 0.8125em;
}
#userreview_sougouhyouka .review_count_num{
	color:#000;
	font-weight:normal;
	font-size:1em;
}
#userreview_sougouhyouka .user_manzoku{
	font-size:1em;
}
#userreview_sougouhyouka .star{
	font-family: "Noto Sans JP";
	font-size:1em;
	letter-spacing: 0.12em;
}
#userreview_sougouhyouka .count{
	top: 0;
	font-size:0.775em;
}
#review_kaitou{
	float: none;
}
#review_kaitou ul{
	padding:5px 10px;
}
#review_kaitou li{
	padding:3px 3px;
}
#review_kaitou .listend{
	padding:3px 3px 0;
}

.user_Information{
	padding-left:20px;
}
.user_Information p.user_review_naiyou {
	margin: 1em 0 0;
}
.user_review_desc{
	float:none;
	border-top: none;
	padding:15px 0 30px;
}
#review_kaitou .star,
.user_review_desc .star {
	color:#FFA200;
	font-family: "Noto Sans JP";
	font-size:1.4em;
	font-weight:bold;
	margin-left:10px;
	letter-spacing: 0.12em;
}
#review_kaitou .review_count{
	left:70px;
}
.user_review_revel{
	top:0;
}
.read-more_wrap {
	position: relative;
}
.read-more_wrap .read-more {
	position: relative;
	max-height: 250px; /* 開く前に見せたい高さを指定 */
	margin-bottom: 0;
	overflow: hidden;
	transition: max-height 1s;
}
.read-more_wrap:has(:checked) .read-more {
	max-height: 100vh;
}
.read-more_wrap .read-more::after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
	content: '';
}
.read-more_wrap:has(:checked) .read-more::after {
	content: none;
}
.read-more_wrap label {
	display: flex;
	align-items: center;
	gap: 0 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #4f96f6;
	font-size: .8em;
}
.read-more_wrap label:hover {
	color: #c7511f;
	text-decoration: underline;
	cursor: pointer;
}
.read-more_wrap:has(:checked) label {
	display: none;
}
.read-more_wrap label::after {
	display: none;
	width: 10px;
	height: 5px;
	background-color: #b6bdc3;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
}
.read-more_wrap input {
	display: none;
}

/*カート周り
-----------------------------------------------------*/
#cart_inner_wrap {
	padding:25px;
	font-family: "Noto Sans JP";
}
#cart_inner_wrap .cart_inner_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: baseline;
	padding: 0 0 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #BBBFBF;
}
#cart_inner_wrap .cart_inner_header--stock {
	font-size: 0.7em;
	flex: 0 1 auto;
	margin-right: 5px;
}
#cart_inner_wrap .cart_inner_header--stock b {
	font-size: 1.3em;
}
#cart_inner_wrap .cart_inner_header--star {
	display: flex;
	align-items: center;
/*	margin-left: auto; */
	flex: 0 1 auto;
}
#cart_inner_wrap .cart_inner_header--star div:nth-child(1) {
	font-size: 0.875em;
}
#cart_inner_wrap .goods_nm {
	padding:15px 0 0;
	box-sizing: border-box;
	font-size:0.7em;
	color:#666;
}
#cart_inner_wrap .goods_stk_no {
	padding:5px 0 15px;
	box-sizing: border-box;
	font-size:0.7em;
	color:#666;
}
#cart_inner_wrap .goods_cnt_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 120px;
}
#cart_inner_wrap .goods_cnt_wrap div.ttl {
	margin-right: 5px;
}
#syohin_right_area_cart label{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	float:none;
	width: 100%;
	margin-top:0;
	font-size: 0.7em;
}
#cart_inner_wrap ul.goods_cnt_btn {
	padding: 0;
	margin: 0;
}
#cart_inner_wrap .cart_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 0;
	box-sizing: border-box;
	background: #FF9300;
	border: 1px #FF9300 solid;
	border-radius: 0;
	font-size: 0.875em;
}
#cart_inner_wrap .cart_btn a:hover {
	background: #FF8000;
	border: 1px #FF8000 solid;
}
#cart_inner_wrap .cart_btn a i::before {
	content: "";
	display: inline-block;
	background: url("https://www.esupply.co.jp/contents/category/img/cart.png");
	width: 24px;
	height: 23px;
	margin: 0 2% 0 0;
}
.icon-qa a {margin-left: 10px; font-size: 1.125em; color: #fff; opacity: 1; }
.icon-qa a:hover { opacity:0.7; }

#cart_inner_wrap .goods_cnt_btn li {
	position: relative;
	display: flex;
	justify-content: flex-start;
}
#cart_inner_wrap .cnt_wrap {
	position: absolute;
	top: 4px;
	right: 0;
	z-index: 100;
}

/************ 数量*************/
#cart_inner_wrap a.lnk-ul {
	text-decoration: underline;
}
#cart_inner_wrap a.lnk-ul:hover {
	text-decoration: none;
}
#cart_inner_wrap .goods_cnt_form{
	padding: 6px 39px 7px 7px;
	box-sizing: border-box;
	width: 75px;
	height: 40px;
	text-align: right;
}
#cart_inner_wrap .goods_cnt{
	width: 31px;
	height:9px;
	border: 1px solid rgba(0,0,0,0);
}
#cart_inner_wrap .cnt_up{
	padding-top: 2px;
}
#cart_inner_wrap .cnt_down{
	padding-bottom: 3px;
}
#cart_inner_wrap .goods_cnt span{
	height: auto;
}
#cart_inner_wrap .selling_price_area {
	display:flex;
	justify-content: space-between;
	padding:15px;
	background: #F0F2F5 0% 0% no-repeat padding-box;
}
#cart_inner_wrap .selling_price {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	font-family: Arial;
	font-size: 2.4em;
	font-weight: bold;
	white-space: nowrap;
}
#cart_inner_wrap .selling_price span {
	display: block
}
#cart_inner_wrap .selling_price span:nth-child(1)::first-letter {
	font-size:0.75em;
}
#cart_inner_wrap .corp_price {
	font-size: 0.875em;
}
#cart_inner_wrap .corp_price span:nth-child(1) {
	font-family: Arial;
	font-weight: bold;
}
#cart_inner_wrap .point {
	font-size: 0.7em;
}
#cart_inner_wrap .point span:nth-child(1) {
	font-family: Arial;font-weight: bold;
}
#cart_inner_wrap .tax {
	font-size: 11px;
}
#cart_inner_wrap .shipping_price {
	position: relative;
	right: 0;
	width: 75px;
	padding: 5px 0 0;
	font-weight:bold;
	text-align: center;
}
#cart_inner_wrap .shipping_area {
	padding:16px 0;
	font-size: 0.85em;
}


/********** gg ***********/
.i-chevron-down {
	box-sizing: border-box;
	position: relative;
	display: block;
	transform: scale(var(--ggs,1));
	width: 14px;
	height: 14px;
	border: 2px solid transparent;
	border-radius: 100px;
	color: #828282;
}
.i-chevron-down::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid;
	border-bottom: 1px solid;
	border-right: 2px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
	left: 6px;
	top: 3px;
}


/**/
.cartlink_area {
	position: relative;
	left: -25px;
	display: flex;
	width: calc(100% + 50px);
	padding: 15px 25px;
	box-sizing: border-box;
	background: #F0F2F5;
	margin-top: 25px;
	flex-wrap: wrap;
}
.cartlink_area > div {
	margin-right:8px;
	margin-bottom: 10px;
}
.cartlink_area a {
	display: flex;
	align-items: baseline;
	width: 100%;
	height: 40px;
	padding: 4px 3px;
	box-sizing: border-box;
	margin-right: 3px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #818181;
	border-radius: 5px;
	font-size:0.8125em;
	color: #000000;
	justify-content: center;
	flex-wrap: wrap;
}
.cartlink_area a:hover {
	background: #ECECEC;
}
.cartlink_area div.shipping_terms a {
	margin-right: 0;
	background: #575757 0% 0% no-repeat padding-box;
	border: 1px solid #818181;
	color: #fff;
}
.cartlink_area div.shipping_terms a:hover {
	background: #676767;
}
.cartlink_area div a .i-chevron-down {
	width: 100%;
}
.cartlink_area div a .i-chevron-down::after {
	left: calc(50% - 0px);
	top: 0px;
}
.cartlink_area div.shipping_terms a .i-chevron-down {
	color: #fff;
}

/**/
.benefits_wrap {
	display: flex;align-items: center;margin: 20px 0 0;font-size:0.7em;
}
.benefits_l {
	display: flex;justify-content: center;align-items: center;
	width:35%;
	height: 30px;
	/*padding:10px;*/
	padding:0;
	box-sizing:border-box;background: #4B4B4B 0% 0% no-repeat padding-box;color:#fff;text-align: center;

}
.benefits_r {
	display: flex;justify-content: center;align-items: center;
	width:65%;
	height: 30px;
	padding:0;
	box-sizing:border-box;border: 1px solid #E3E3E3;text-align: center;
}
.benefits_r span {
	margin-left: 2em;
}
.cart_inner_header .item_icon_area {
	clear:both;
	margin:0;
	list-style:none;
	padding:10px 0 5px;
}
.cart_inner_header .item_icon_area li {
	margin-bottom:5px;
	line-height:1.6em;
	font-size:1.2em;
}
.cart_inner_header .new_item_icon {
	color:red;
	border:1px red solid;
	background:#FEFEE0;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .toriyose_icon {
	color:#0066cc;
	border:1px #0066cc solid;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .yoyaku_icon {
	color:#0066cc;
	border:1px #0066cc solid;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .naire_icon {
	border:1px #31B404 solid;
	background:#31B404;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .naire_icon a {
	color:#fff;
	text-decoration:none;
}
.cart_inner_header .nekopos_icon {
	color:#ffff00;
	border:1px #000 solid;
	background:#000;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .kumitate_icon {
	border:1px #FDCF01 solid;
	background:#FDCF01;
	padding:0 3px;
	font-size:0.9em;
	display:inline-block;
}
.cart_inner_header .kumitate_icon a {
	color:#000;
	text-decoration:none;
}

/*********************************
* ご意見フォーム
**********************************/
#gcmnt-popup-bg {
	height:100%;
	top:0;
	bottom:0;
}
#gcmnt-popup-bg .common-popup-container {
	height:calc(100% - 20px);
	max-width:90%;
}
#gcmnt-popup-main {
	padding:20px;
}
.gcmnt-title {
	margin: 5% auto 0;
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;

	margin:10px auto;
	padding:5px;
	border-bottom:solid 1px #999;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
}
.gcmnt-notice {
	padding:10px;
	color:#666;
	font-size:0.9em;
}
.gcmnt-input {
	padding:10px;
}
.gcmnt-input textarea {
	width:90%;
	padding:5px;
}
.gcmnt-btn {
	text-align:center;
}
.gcmnt-btn input {
	width:200px;
	max-width:50%;
	margin:15px auto;
	padding:10px;
	color:#FFF;
	background-color:#007aff;
	border:#007aff solid;
	border-radius:10px;
	font-size:1.0em;
	letter-spacing:5px;
}
@media(max-width:400px) {
	#gcmnt-popup-bg .common-popup-container {
		min-width:90%;
	}
}
.goods-comment-btn {
	margin: 20px auto;
	text-align: center;
	border: 1px solid #007aff;
	width: 200px;
	border-radius: 5px;
	padding: 10px;
	background-color: #007aff;
}
.goods-comment-btn > a {
	color: #ffffff;
}
.gcmnt-title {
	padding: 10px;
	box-sizing: border-box;
	background: #888888 0% 0% no-repeat padding-box;
	font-family: "Noto Sans JP";
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	color: #fff;
}