@charset "utf-8";/**/
#info_contents{ margin-bottom:0!important; }
	.lifestyle_sup202509{
		max-width: 720px;
		margin: 0 auto;
	}
.layout2{background: #e8efff; padding: 10% 5%; border-top: 2px dotted #0065c4;}
.layout2 ul{display: flex; flex-direction: row;}
.layout2 li{width: 50%; padding: 1.5%;}
.toLPbn {padding: 3%;}
.btn_teiki_1st{padding: 0 5% 4em 5%;margin-top: -3.5em;}
.btn_int{margin: 1em 0;}
.movie_box{margin-bottom: 10%;
    display: flex;
    justify-content: center;}

/* item_cta */
.item_img{padding: 2em 35%; text-align: center;}
.item_box{display: flex; flex-direction: row; justify-content: space-around; align-items: flex-end; text-align: center; padding: 0 2% 10% 2%;}
.item_cta{width: 50%; text-align: center;}

.item_cta .c-price c-price--sale{font-size: 200%;}
.item_cta .c-panel__discount span{font-size: 150% !important;}
/*.item_cta .goods_set{margin-bottom: 0.5em;}*/
/*.item_cta .price_box {font-size: 150%;}
.item_cta .price2 strong{font-size: 180%;}
.item_cta .item_name{font-weight: bold; line-height: 1.2; font-size: 150%; margin-bottom: 0.5em;}
.item_cta .cp_discount{font-size: 130%;}
.item_cta .incl_teiki .cp_discount{font-size: 200%;}
.item_cta .name_box, .item_cta .img_box, .item_cta .btn{display: none;}*/

.item_cta .c-panel__header, .item_cta .c-panel__badge, .item_cta .c-panel__name, .item_cta .c-panel__desc, .item_cta .c-panel__action {display: none;}
.item_cta .c-panel__inner {margin-bottom: 1em;}

.tit_taisaku{margin: 1% 3%; text-align: center; font-size: 170%; font-weight: bold; letter-spacing: 0.08em;}
.img_taisaku{padding: 2% 30%;}
.taisaku_box .item_cta {margin: 0.5em;}
.taisaku_box .item_box{padding: 0 2% 5% 2%;}

/* item_other */
.item_other{background: #e8efff; padding: 2% 5%;}
.item_other li{margin: 1em 0; border-bottom: 1px solid #2a79c1;}
.item_other li:last-child{border-bottom: none;}
.item_other .txt_box{margin-left: 140px;}
.item_other .name_box {letter-spacing: 0.03em;}
.item_other .copy {color: #005aab; font-size: 110% !important; font-weight: 600;}
/*.item_other .btn {background: url(/category/health/info/lifestyle_sup202509/image/btn_normal.png); background-repeat: no-repeat; background-size: contain; margin-left: 62%; margin-top: -1.5em;}*/
.display_exact .btn img{width: 100%;}
.item_other .btn img{visibility: hidden;}
.item_other .btn a{display: block;}
/* 直営店、流通 */
.btn_shoplist{margin: 10% auto 0 auto; border: 3px solid #0059aa; max-width: 720px;}
.btn_shoplist img{margin: 0 auto 0 18.5%; width: 63%;}

.list_box{
	max-width: 720px;
  margin: 0 auto;
}
.section{
    margin: 0 0 25%;
}
.section:last-child{
    margin: 0 0 10%;
}
    .shoplist {
        /*background-image: linear-gradient(135deg, #ecf7d2 50%, #fcf5e9);
        border-radius: 41px;
        border-radius: 20px;*/
        /*padding: 30px;*/
        padding: 40px 30px;
        box-sizing: border-box;
			/*border: 1px solid #0059aa;*/
    }

    .shoplist h2 {
        text-align: center;
        font-size: 30px;
        color: #0059aa;
        margin: 0 auto 1em;
        font-weight: 700;
        box-sizing: border-box;
    }

    .shoplist .ac__item+.ac__item {
        margin-top: 20px;
    }

    .shoplist .ac__head {
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background-color: #0059aa;
        outline: none;
        border: none;
        color: #ffffff;
        font-size: 16px;
/*        padding: 8px 40px;*/
        padding: 12px 40px;
        border-radius: 5rem;
    }

    .shoplist .ac__head:after {
        content: "";
        border-top: none;
        border-left: none;
/*        border-bottom: 1px solid #3c4e1b;
        border-right: 1px solid #3c4e1b;*/
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        position: absolute;
/*        right: 20px;*/
        right: 25px;
        top: calc(50% - 8px);
        transform-origin: center;
        transition: all .4s;
    }

    .shoplist .is-open .ac__head::after {
/*        border-top: 1px solid #3c4e1b;
        border-left: 1px solid #3c4e1b;*/
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: none;
        border-right: none;
        top: calc(50% - 2px);
    }

    .shoplist .ac__body {
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
        position: relative;
        padding: 0;
        line-height: 0;
        opacity: 0;
        transition: line-height 0.4s, padding 0.4s, opacity 0.4s;
    }

    .shoplist .is-open .ac__body {
        height: auto;
        line-height: 1.5;
        opacity: 1;
    }

    .shoplist .ac__body ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 20px 0 0;
        list-style: none;
    }

    .shoplist .ac__body ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        box-sizing: border-box;
        padding: 0.5em 1em;
        color: #36372b;
        background-color: #e8efff90;
        width: calc((100% - 20px)/3);
    }

    .shoplist .ac__body ul.imglist li {
        width: calc((100% - 10px)/2);
			background-color: #ffffff;
    }

    .shoplist .ac__body ul img {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

/*--other　CSS------------------------------------------------------------------------*/
	.other{
		max-width: 720px;
		margin: 0 auto;
	}
	/* 商品全体 */
	.other .item_wrapper{
		margin-top: 5%;
	}
	/* 万歳 */
	.other .item_title{
		text-align: center;
		margin: 0;/*iデフォルトの余白リセット*/
		margin-bottom: 1%;
	}
	/*一商品余白調整 */
	.other .c-panel{
		margin-bottom: 1rem;
		/*background-color: #fff;背景色変更*/
		padding: 5%;/*余白調整*/
		position: relative;
		padding: 3%;
	}	
	.other .c-panel:not(:has(~ .c-panel)) {
		margin-bottom: 0;
	}
	/*ジャンルごと余白調整*/	
	.other .item_list{
		margin-bottom: 4rem;
	}
	.other .item_list:not(:has(~ .item_list)) {
		margin-bottom: 0;
	}

	/*背景色変更--------------------------*/
	.other .item_list_1 .c-panel{
		background-color: #fff3f4;
	}

	/*テキストエリア*/	
	.other .c-panel__body {
		margin-top: 0px;
		max-width: 70%;
		margin-left: 20px;
	}
	/*商品画像の位置*/
	.other .c-panel__header {
		box-sizing: border-box;
		width: 145px;
	}
	/*商品画像の大きさ*/
	.other .c-panel__header__image {
		width: 100%;
		border: 5px solid #FFF;
		background-color: #fff;
	}
	/*価格（余白確保してボタンに被るのを回避、並び方調整など）*/
	.other .c-panel__price-wrapper {
		/*margin-bottom: 4rem;*/
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		column-gap:1rem;
    --space: 3px;
	}
	

	.other .c-panel__desc{
		margin-bottom: 4.9rem;
		color: #005aab;
    font-weight: 600;
	}
	/*割引率*/
	.other .c-panel__discount .badge.badge-red.c-label-discount{
		font-size: 1.4rem;
	}
	/*ボタン位置*/	
	.other .c-panel__action {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/*商品とテキストを横並びに*/
	.other .c-panel__link{
		display: flex;
	}
	.other .more_btn{
		text-align: center;
		margin-top: 5%;
	}
	/*LP最下部タイトル上に余白*/
	.other .mtop {
		margin-top: 4rem;
	}



/*sp-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	.contents_main{margin: 0!important;}
	.btn_teiki_1st{padding: 0 3.5% 2em 3.5%; margin-top: -1.7em;}
	.btn_int{padding: 0 2%; margin: 0.5em 0;}
	.item_img{padding: 0.75em 32%; text-align: center;}
	.item_cta{width: 48%;font-size: 72%;}
	.item_cta .price_box {font-size: 110%;}
	.tit_taisaku{margin: 1% 5%; font-size: 100%;}
	.item_other .btn {margin-top: 0.5em;}
	.item_other .name_box {font-size: 72%;}
	.item_other .img_box{width: 30%!important;}
	.item_other .txt_box{margin-left: 35%!important;}
	.btn_shoplist{margin: 12% 5% 0 5%; border: 2px solid #0059aa;}
	.btn_shoplist img{margin: 0;width: 100%;}
	    .shoplist {
        /*background-image: linear-gradient(135deg, #ecf7d2 50%, #fcf5e9);
        border-radius: 20px;*/
        border-radius: 0px;
        padding: 15px;
        padding: 30px 15px 30px;
        box-sizing: border-box;
				border: 0;
    }

    .shoplist h2 {
        text-align: center;
        font-size: 20px;
        color: #0059aa;
        margin: 0 auto 0.7em;
        font-weight: 600;
        box-sizing: border-box;
    }

    .shoplist .ac__item+.ac__item {
/*        margin-top: 15px;*/
        margin-top: 17px;
    }

    .shoplist .ac__head {
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background-color: #0059aa;
        outline: none;
        border: none;
        color: #ffffff;
        font-size: 16px;
/*        padding: 8px 40px;*/
        padding: 10px 40px;
        border-radius: 5rem;
        font-weight: 300;
    }

    .shoplist .ac__head:after {
        content: "";
        border-top: none;
        border-left: none;
/*        border-bottom: 1px solid #3c4e1b;
        border-right: 1px solid #3c4e1b;*/
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        position: absolute;
        right: 20px;
        top: calc(50% - 8px);
        transform-origin: center;
        transition: all .4s;
    }

    .shoplist .is-open .ac__head::after {
/*        border-top: 1px solid #3c4e1b;
        border-left: 1px solid #3c4e1b;*/
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;

        border-bottom: none;
        border-right: none;
        top: calc(50% - 2px);
    }

    .shoplist .ac__body {
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
        position: relative;
        padding: 0;
        line-height: 0;
        opacity: 0;
        transition: line-height 0.4s, padding 0.4s, opacity 0.4s;
    }

    .shoplist .is-open .ac__body {
        height: auto;
        line-height: 1.5;
        opacity: 1;
    }

    .shoplist .ac__body ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
        padding: 15px 0 0;
        list-style: none;
    }

    .shoplist .ac__body ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        box-sizing: border-box;
        padding: 0.4em 0.2em;
        color: #36372b;
        background-color: #e8efff90;
        width: calc((100% - 10px)/2);
    }

    .shoplist .ac__body ul.imglist li {
        width: 100%;
			background-color: #ffffff;
    }

    .shoplist .ac__body ul img {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
		/* 全体 */
		.other{
			max-width: 100%;
			width: 100%;
		}
		/*商品のまとめ（余白確保）*/
		.other .item_wrapper{
			width: 92vw;
			margin: 0 auto;
			margin-top: 8%;
		}
		/*一商品*/		
		.other .c-panel {
			padding: 4% 3%;
		}
		/*商品画像*/
		.other .c-panel__header {
			width: 110px;
		}
		/*タイトル余白調整*/
		.other .item_title {
			margin-bottom: 3%;
		}

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

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

		/*割引率+期日のdiv*/
		.other .c-panel__discount {
			flex-basis: 100%;/*（回り込み回避）*/
			--price-space: 2px;
		}
		/*割引率*/
		.other .c-panel__discount .badge.badge-red.c-label-discount {
			padding: 3px 5px;
		}
}