@charset "Shift_JIS";/**/
#info_contents{ margin-bottom:0!important; }

.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;}


/* 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 .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;}

.tit_taisaku{margin: 1% 3%; text-align: center; font-size: 170%; font-weight: bold; letter-spacing: 0.08em;}
.img_taisaku{padding: 2% 38%;}
.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% 0 0 0; border: 3px solid #0059aa;}
.btn_shoplist img{margin: 0 auto 0 18.5%; width: 63%;}

.list_box{}
.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;
    }

/*レスポンシブ-----------------------------------------------------------------------------------------------------*/
@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;}
	.item_img{padding: 0.75em 32%; text-align: center;}
	.item_box{}
	.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-left: 20%; 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;
    }

}