@charset "utf-8";
/* 全体 */
.advancedc{
	max-width: 720px;
	margin: 0 auto;
}
/*===============================
wrapper（横幅調整）
===============================*/
.advancedc,
.advancedc .wrapper_big,
.advancedc .wrapper_middle,
.advancedc .wrapper_small{
   margin-inline:auto;
}
.advancedc .wrapper_big{
	width: 662px;
}
.advancedc .wrapper_middle{
	width: 620px;
}
	
.advancedc .wrapper_small{
	width: 540px;
}

/*===============================
リンク設定
===============================*/
.advancedc .link_wrap{
	position: relative;
	display: inline-block;
}
.advancedc .link{
	position: absolute;
	display: block;
	z-index: 3;
/*background: rgba(255,0,0,0.2);*/
}

/*.advancedc .link_wrap1{
	inset: 0;
}*/
.advancedc .link_wrap1 {
    height: 40%;
    width: 37%;
    left: 10%;
    bottom: 28%;
    z-index: 4;
}
.advancedc .link_teiki{
	height: 4.5%;
	width: 94%;
	left: 3%;
	bottom: 2.7%;
}
/*===============================
各セクション調整
===============================*/
.advancedc section:not(:last-of-type){
	/*margin-bottom: 10%;*/
}
.advancedc #fv{
	margin-bottom: 7%;
}
.advancedc .last_copy{
	margin: 5% 0 0;
}

/*===============================
インクルード
===============================*/
/*SPEC背景色変更 */
.advancedc .lp_include {
    /*background: linear-gradient(135deg, #ffdeb3, #ffefbd);*/
    padding: 6% 0;
}
.advancedc .include_inner{
	/*background-color: #fff;*/
}
/*一商品余白調整 */
.advancedc .c-panel {
    margin-bottom: 2rem;
    background-color: #fff;
    position: relative;
    padding: 5% 7%;
}
	
	
.advancedc .c-panel:not(:has(~ .c-panel)) {
	margin-bottom: 0;
}

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

	
	
/*取り消し線を真ん中に*/
.advancedc .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)
);
}
.advancedc .more_btn{
	text-align: center;
	margin-top: 5%;
}

	
	
/*========================================
インクルード(画像なし)
========================================*/
/*全体の調整*/
.advancedc .cp_list_noimage{
	position: absolute;
	bottom: 8.5%;
	width: 100%;
}	
.advancedc .cp_list_noimage .c-panel{
background-color: #ffffff00;
text-align: center;
}
	
/*非表示*/	
.advancedc .cp_list_noimage .c-panel__header,
.advancedc .cp_list_noimage .c-panel__badge,
.advancedc .cp_list_noimage .c-panel__desc {
    display: none;
}
/*最大幅と余白調整*/		
.advancedc .cp_list_noimage .c-panel__body {
    max-width: 100%;
	margin-left: 0;
}
	
/*位置を真ん中に*/	
.advancedc .cp_list_noimage .c-panel__link {
    justify-content: center;
}
.advancedc .cp_list_noimage .c-panel__price-wrapper {
    justify-content: center;
}
	
/*ボタン位置-----------------------------------------------------------*/	
.advancedc .cp_list_noimage .c-panel__action button {
    flex: 1;
    position: relative;
}
.advancedc .cp_list_noimage .c-panel__action {
    position: static;
}

/*余白調整-----------------------------------------------------------*/	
.advancedc .cp_list_noimage .c-panel {
    padding: 0% 10%;
}
.advancedc .cp_list_noimage .c-panel__action {
    margin-top: 3%;
}

/*大きさ調整-----------------------------------------------------------*/
/*商品名*/
.advancedc .cp_list_noimage .c-panel__name {
    font-size: 3rem;
    font-weight: 500;
    color: #62544e;
}
/*価格*/	
.advancedc .cp_list_noimage .c-price {
        font-size: 4rem;
    }	
/*割引率*/
.advancedc .cp_list_noimage .c-panel__discount .badge.badge-red.c-label-discount {
    /* font-size: 1.4rem; */
    font-size: 4rem;
}
/*ボタン*/
.advancedc .cp_list_noimage .btn-sm {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.6;
}	

/*========================================
スマホ対応
========================================*/
@media screen and (max-width: 768px) {
	/* 全体 */
	.advancedc{
		max-width: 100%;
		width: 100%;
	}

	.advancedc{
		width: 100%;
	}

	.advancedc .wrapper_big{
		width: 92vw;
	}
	.advancedc .wrapper_middle{
		width: 86vw;
	}
   .advancedc .wrapper_small{
		width: 80vw;
	}
	
	/*===============================
	インクルード
	===============================*/
	/*商品のまとめ（余白確保）*/
	.advancedc .item_wrapper{
		width: 92vw;
		margin: 0 auto;
		margin-top: 8%;
	}
	/*一商品*/		
	.advancedc .c-panel {
		/*padding: 4% 3%;*/
        padding: 6% 4%;
	}
	/*商品画像*/
	.advancedc .c-panel__header {
		width: 110px;
	}
	/*タイトル余白調整*/
	.advancedc .item_title {
		margin-bottom: 3%;
	}

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

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

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

	/*===============================
	インクルード(画像なし)
	===============================*/
	.advancedc .cp_list_noimage .c-panel__price-wrapper {
		line-height: 1;
	}

	.advancedc .cp_list_noimage {
		bottom: 5.5%;
	}
	/*商品名*/
	.advancedc .cp_list_noimage .c-panel__name {
		font-size: 1.6rem;
	}
	/*価格の大きさ*/	
	.advancedc .cp_list_noimage .c-price {
			font-size: 1.8rem;
		}	
	/*割引率*/
	.advancedc .cp_list_noimage .c-panel__discount .badge.badge-red.c-label-discount {
		/* font-size: 1.4rem; */
		font-size: 1.8rem;
	}
	.advancedc .cp_list_noimage .c-panel__price-wrapper {
			margin-bottom:0rem;
		}
	/*ボタン*/
	.advancedc .cp_list_noimage .btn-sm {
		font-size: 1.6rem;
		line-height: 1.2;
	}
}