@charset "utf-8"; /**/
/* 全体 */
.l-main{padding-bottom:0!important;}
.pd_hot{
	max-width:720px;
	margin:0 auto;
}

/* アイテム別 */
.pd_hot .bg_so{background-image:url(../images/image_bg_so.png);}
.pd_hot .bg_ri{background-image:url(../images/image_bg_ri.png);}
.pd_hot .bg_po{background-image:url(../images/image_bg_po.png);}

/* 余白・サイズ調整 
.pd_hot .tit{
  text-align:center;
  font-weight:900;
  color:#4f3000;
  border:1px solid #4f3000;
}*/

/*FV画像リンク*/
.topArea{position:relative;}
.detail_so, .detail_po, .detail_ri,
.cart_so, .cart_po, .cart_ri,
.detail_so_s, .detail_po_s, .detail_ri_s{
	position:absolute; display:block;
}

.detail_so{width:200px; height:280px; left:5.97%; top:37.96%;}
.detail_po{width:200px; height:280px; left:36.11%; top:37.96%;}
.detail_ri{ width:200px; height:280px; left:65.97%; top:37.96%;}
.cart_so{width:200px; height:50px; left:5.97%; top:64.81%;}
.cart_po{width:200px; height:50px; left:36.11%; top:64.81%;}
.cart_ri{width:200px; height:50px; left:65.97%; top:64.81%;}
.detail_so_s{width:200px; height:40px; left:5.97%; top:69.62%;}
.detail_po_s{width:200px; height:40px; left:36.11%; top:69.62%;}
.detail_ri_s{width:200px; height:40px; left:65.97%; top:69.62%;}

/*===============================
wrapper（横幅調整）
===============================*/
.pd_hot,
.pd_hot .wrapper_big,
.pd_hot .wrapper_middle,
.pd_hot .wrapper_small{
   margin-inline:auto;
}
.pd_hot .wrapper_big{
	width:662px;
}
.pd_hot .wrapper_middle{
	width:620px;
}
.pd_hot .wrapper_small{
	width:540px;
}

/*===============================
各セクション調整
===============================*/
.pd_hot section:not(:last-of-type){
	/*margin-bottom:10%;*/
}
.pd_hot #fv{
	margin-bottom:7%;
}
.pd_hot .last_copy{
	margin:5% 0 0;
}

/*===============================
インクルード
===============================*/
/*SPEC背景色変更 */
.pd_hot .lp_include{
    /*background:linear-gradient(135deg, #ffdeb3, #ffefbd);*/
    padding:2%;
}
.pd_hot .include_inner{
	/*background-color:#fff;*/
}
/*一商品余白調整 */
.pd_hot .c-panel{
	margin-bottom:2rem;
	background-color:#fff;
	position:relative;
	padding:5% 7%;
	/*border:5px solid #fa0200;*/
  border-radius:1.3em;
}

/*.pd_hot .c-panel:not(:has(~ .c-panel)){
	margin-bottom:0;
}*/

/*テキストエリア*/	
.pd_hot .c-panel__body{
	margin-top:0px;
	max-width:70%;
	margin-left:20px;
}
/*商品画像の位置*/
.pd_hot .c-panel__header{
	box-sizing:border-box;
	/*width:145px;*/
	width:180px;
}
/*商品画像の大きさ*/
.pd_hot .c-panel__header__image{
	width:100%;
	border:5px solid #FFF;
	background-color:#fff;
	
}
	
/*価格の大きさ*/	
.pd_hot .c-price{
        font-size:2.5rem;
    }	
	
/*価格（余白確保してボタンに被るのを回避、並び方調整など）*/
.pd_hot .c-panel__price-wrapper{
	/*margin-bottom:4rem;*/
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	column-gap:1rem;
	--space:3px;
}
.pd_hot .c-panel__desc{
	display:none;
	/*margin-bottom:4.9rem;*/
}
/*割引率*/
.pd_hot .c-panel__discount .badge.badge-red.c-label-discount{
    /* font-size:1.4rem; */
    font-size:2.5rem;
}
/*色変更----------------------------------------*/
/*割引率*/
.pd_hot .badge-red{
    background-color:#fa0200;
}
/*割引後価格*/
.pd_hot .c-price--sale{
    color:#ff3400;
}
/*送料無料回り*/	
.pd_hot .border-red{
    border-color:#fa0200 !important;
}
.pd_hot .text-red{
    color:#fa0200 !important;
}
.pd_hot .border-red{
    border-color:#fa0200 !important;
}
/*ボタン*/
.pd_hot .btn-primary{
    background-color:#fa0200;
    /*background:linear-gradient(90deg, #ff2778, #fa0200, #ff6000);*/
    border-color:#ffffff;
}
	/*.pd_hot .btn-primary{
    background-color:#0058aa;
    border-color:#ffffff00;
}*/
	
/*色変更----------------------------------------*/
/*ボタン位置*/	
.pd_hot .c-panel__action{
	position:absolute;
	bottom:0;
	right:0;
}
/*商品とテキストを横並びに*/
.pd_hot .c-panel__link{
	display:flex;
}

/*取り消し線を真ん中に*/
.pd_hot .c-price-delete{
background:linear-gradient(
  to bottom,
  transparent calc(50% - 0.5px),
  #333 calc(50% - 0.5px),
  #333 calc(50% + 0.5px),
  transparent calc(50% + 0.5px)
);
}
.pd_hot .more_btn{
	text-align:center;
	margin-top:5%;
}

/*========================================
スマホ対応
========================================*/
@media /*print,*/ screen and (max-width:768px){
	/* 全体 */
	.pd_hot{
		max-width:100%;
		width:100%;
	}
	.pd_hot .wrapper_big{
		width:100%;
	}
	.pd_hot .wrapper_middle{
		width:86vw;
	}
   .pd_hot .wrapper_small{
		width:80vw;
	}
	
	/*===============================
	インクルード
	===============================*/
	/*商品のまとめ（余白確保）*/
	.pd_hot .item_wrapper{
		width:92vw;
		margin:0 auto;
		margin-top:8%;
	}
	/*一商品*/		
	.pd_hot .c-panel{
		padding:4%;
		/*border:2px solid #fa0200;*/
    border-radius:1em;
	}
	/*商品画像*/
	.pd_hot .c-panel__header{
		width:110px;
	}
	/*タイトル余白調整*/
	.pd_hot .item_title{
		margin-bottom:3%;
	}

	/*テキスト領域*/
	.pd_hot .c-panel__body{
		max-width:63%;
		margin-left:1.2rem;
	}
	/*商品名*/	
	.pd_hot .c-panel__name{
		font-size:1.4rem;
	}	
	/*ボタン*/
	.pd_hot .btn-sm,
	.pd_hot .more_btn .btn.btn-sm.btn-outline-primary{
		font-size:1.4rem;
	}

	/*価格下に余白確保（ボタンに被るのを回避）*/		
	.pd_hot .c-panel__price-wrapper{
		margin-bottom:3.9rem;
	}
	/*商品解説SPHは非表示に*/		
	.pd_hot .c-panel__desc{
	display:none;
}

	/*割引率+期日のdiv*/
	.pd_hot .c-panel__discount{
		flex-basis:100%;/*（回り込み回避）*/
		--price-space:2px;
	}
	/*価格の大きさ*/	
	.pd_hot .c-price{
			font-size:1.8rem;
    }	
	
	/*割引率*/
	.pd_hot .c-panel__discount .badge.badge-red.c-label-discount{
		padding:3px 5px;
		font-size:1.8rem;
	}
}

/* PC表示 */
@media print, screen and (min-width:768px){
	/* 単品たてinclude部分 */
  .pd_hot .display_matrix{
    padding:0 20% 3% 20%;
  }
}