@charset "utf-8";
/****************
共通
******************/
:root {
    --font-base:
        "Hiragino Sans",
        "Hiragino Kaku Gothic StdN",
        "Noto Sans JP",
        "Yu Gothic",
        "Yu Gothic Medium",
        "Meiryo",
        sans-serif;
    --font-gothic:
        "Yu Gothic",
        "Yu Gothic Medium",
         "YuGothic",
        "Hiragino Sans",
        "Meiryo",
        sans-serif;     
}

.sp {
    display: none;
}
h1 {
    margin: 0;
}
h2 {
    background-color: transparent;
}
.content-label {
    /* display: flex; */
    /* justify-content: center; */
    margin: 0 auto;
}
.pane-contents{
    /* background-image: url(/img/event/p-magnet/bg_img.png); */
    background-color: #FFFCF6;
}
/* pc */
[data-browse-mode="P"] .container {
    width: 100%;
}
[data-browse-mode="P"] .pane-header .container {
    width: 1275px;
}
[data-browse-mode="P"] h1 {
    margin: 0;
}
[data-browse-mode="P"] .pane-right-menu {
    width: 100%;
    background-color: #FFF7E9;
    margin: 0;
    padding: 30px 0;
}
[data-browse-mode="P"] #block_of_itemhistory {
    width: 900px;
}
/* sp */
[data-browse-mode="S"] .pc {
    display: none;
}
[data-browse-mode="S"] .sp {
    display: block;
}
[data-browse-mode="S"] .block-click-kiosk-logo {
    margin-bottom: 0;
    border-bottom: none;
}
[data-browse-mode="S"] .block-event-page--goods {
    margin: 0;
}
[data-browse-mode="S"] .pane-main {
    background-color: #FFFCF6;
}
[data-browse-mode="S"] .content-ttl {
    padding: 0;
}
[data-browse-mode="S"] .content-label {
    padding: 0;
}
/****************
mv
******************/
[data-browse-mode="P"] .mv {
    width: 1200px;
    margin: 0 auto;
    /* box-shadow: 2px 5px 4px 0px rgb(0.2 0.2 0.2 / 0.2); */
}
[data-browse-mode="S"] .mv h1 {
    padding: 0;
}
/****************
intro
******************/
.intro {
    position: relative;
    /* background-image: url(/img/event/p-magnet/bg_intro.png); */
    padding: 65px 0;
    background-size: 100%;
    /* box-shadow: 2px 4px 4px 0px rgb(0.2 0.2 0.2 / 0.2); */
}
.intro::before {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_01.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.intro .content-ttl {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.intro .content-label {
    width: 185px;
    margin-bottom: 10px;
}
.anchor {
    display: flex;
    width: 940px;
    margin: 0px auto 0;
    gap: 36px;
}
.lead {
    font-family: var(--font-base);
    text-align: center;
    font-size: 26px;
}
.catchphrase {
    font-weight: bold;
     display: block;
    font-size: 32px;
    margin-bottom: 20px;
}
.catchphrase-img-box {
    display: flex;
    justify-content: center;    
}
.catchphrase-img-box + .catchphrase-img-box {
    margin-top: 20px;
}
/* pc */
[data-browse-mode="P"] .intro {
    width: 1200px;
    margin: 0 auto;
    padding: 65px 0 75px;
}
[data-browse-mode="P"] .intro::before {
    width: 93px;
    height: 122px;
    left: -30px;
    top: 80px;
}
/* [data-browse-mode="P"] .intro::after {
    height: 10px;
    bottom: 10px;
} */
/* sp */
[data-browse-mode="S"] .intro {
    /* background-image: url(/img/event/p-magnet/bg_intro_sp.png); */
    padding: 28px 0 33px;
}
/* [data-browse-mode="S"] .intro::after {
    height: 5px;
} */
[data-browse-mode="S"] .intro .content-label {
    width: 95px;
}
[data-browse-mode="S"] .intro .content-ttl {
    margin-bottom: 20px;
}
[data-browse-mode="S"] .anchor {
    width: 100%;
    flex-direction: column;
    padding: 0 24px;
    gap: 15px;    
}
[data-browse-mode="S"] .lead {
    padding: 0 15px;
    font-size: 14px;
    text-align: left;
}
[data-browse-mode="S"] .catchphrase {
    margin-bottom: 0;
}
/****************************
グラス
****************************/
.glass {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.glass::before {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_03.png);
    background-repeat: no-repeat;
    background-size: contain;    
}
.glass::after {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_02.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.item-box {
    width: 1200px;
    margin: 0 auto;
    border-radius: 50px;
    padding: 50px 90px;
    gap: 79px;
    box-shadow: 5px 5px 8px rgb(0 0 0 / 20%);
}
.item-box + .item-box {
    margin-top: 80px;
}
.doctoryellow.item-box {
    background-color: #FFFCE8;
}
.n700.item-box {
    background-color: #EEF6FF;
}
.series0.item-box {
    background-color: #FFFFFF;
}
.item-box-body {
    display: flex;
    gap: 79px;
}
.item-img-box {
    width: 336px;
}
.item-txt-box {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.item-txt-ttl {
    margin-bottom: 30px;
}
.item-txt-subttl {
    font-family: var(--font-gothic);
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 2px solid #EF7C00;
    margin-bottom: 20px;
}
.item-txt-txt {
    font-family: var(--font-gothic);
    font-size: 22px;
}
.item-txt-btn {
    margin-top: auto;
    transform: translateY(-40px);    
}
.item-txt-btn a {
    width: 450px;
    height: 80px;
    /* border: 5px solid #ffffff; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    /* border-radius: 100vw; */
}
/* pc */
[data-browse-mode="P"] .glass::before {
    width: 53px;
    height: 53px;
    left: -50px;
    top: -80px;
}
[data-browse-mode="P"] .glass::after {
    width: 90px;
    height: 83px;
    right: -150px;
    top: -80px;
}

/* sp */
[data-browse-mode="S"] .glass {
    width: 100%;
}
[data-browse-mode="S"] .item-box {
    width: calc(100% - 30px);
    padding: 12px 0 30px;
    margin: 0 15px;
    border-radius: 30px;
}
[data-browse-mode="S"] .item-box + .item-box {
    margin-top: 20px;
}
[data-browse-mode="S"] .item-txt-box {
    margin-right: 15px;
}
[data-browse-mode="S"] .item-txt-ttl {
    padding-left: 20px;
    margin-bottom: 10px;
    width: 279px;
}
[data-browse-mode="S"] .item-txt-subttl {
    font-size: 14px;
    padding-left: 20px;
}
[data-browse-mode="S"] .item-txt-txt {
    font-size: 14px;
}
[data-browse-mode="S"] .item-box-body {
    gap: 0px;
}
[data-browse-mode="S"] .item-img-box {
    width: 142px;
}
[data-browse-mode="S"] .item-img-box img {
    object-fit: cover;
    aspect-ratio: 142 / 230;
}
[data-browse-mode="S"] .item-txt-btn {
    transform: translateY(0px);
}
[data-browse-mode="S"] .item-txt-btn a {
    width: auto;
    height: 40px;
    display: flex;
}
/****************************
ブランド紹介
****************************/
.introduction {
    position: relative;
    padding: 60px 0 50px;
}
.introduction::before {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_04.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.introduction::after {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_01.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.introduction .content-inner {
    margin: 20px auto;
}
.introduction .content-label {
    width: 137px;
}
.introduction .content-ttl {
    display: flex;
    justify-content: center;
}
.brand_img {
    width: 105px;
    margin: 0 auto 40px;
}
.brand_txt {
    font-family: var(--font-gothic);
    font-size: 24px;
}

.brand_txt .sup::after {
    content: "Ⓡ";
    font-size: 10px;
    position: relative;
    top: -10px;
}
/* pc */
[data-browse-mode="P"] .introduction {
    width: 1200px;
    margin: 0 auto;
}
[data-browse-mode="P"] .introduction::before {
    width: 53px;
    height: 53px;
    left: -100px;
    bottom: 0px;
}
[data-browse-mode="P"] .introduction::after {
    width: 90px;
    height: 83px;
    right: -200px;
    bottom: 0px;
}
/* sp */
[data-browse-mode="S"] .introduction {
    padding: 50px 0 50px;
}
[data-browse-mode="S"] .introduction .content-inner {
    margin: 0;
}
[data-browse-mode="S"] .introduction .content-label {
    width: 68px;
}
[data-browse-mode="S"] .introduction .content-ttl {
    width: 316px;
    margin: 0 auto 10px;
}
[data-browse-mode="S"] .brand_img {
    margin: 0 auto 30px;
}
[data-browse-mode="S"] .brand_txt {
    font-size: 13px;
    margin: 0 30px;
}
[data-browse-mode="S"] .introduction::before {
    width: 25px;
    height: 25px;
    left: 30px;
    bottom: -25px;
    z-index: 1;
}
[data-browse-mode="S"] .introduction::after {
    width: 30px;
    height: 40px;
    right: 30px;
    bottom: 8px;
}
/****************************
おすすめ特集
****************************/
.sec-feature {
    position: relative;
    /* padding: 60px 0px; */
    /* background: #FFF7E9; */
    overflow: hidden;
}
.sec-feature::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -70%);
    background: #FFF7E9;
    z-index: 0;
}
.sec-feature > * {
    position: relative;
    z-index: 1;
}
.sec-feature .content-inner {
    /* width: 1200px; */
    margin: 0 auto;
    background: #FFF7E9;
}
.sec-feature .content-label {
    width: 148px;
}
.sec-feature .content-ttl {
    margin: 0 0 50px;
}
.sec-feature .block-list_box {
    position: relative;
}
.sec-feature .block-list_box::before {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_02.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.sec-feature .block-list_box::after {
    content: "";
    position: absolute;
    background-image: url(/img/event/ensen/bg_img_05.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.sec-feature ul.block-goods-list-d--items {
    gap: 26px;
}
.sec-feature .block-goods-list-d--items li {
    display: block;
    width: calc((100% - 52px) / 3);
    margin: 0;
}
.sec-feature .block-goods-list-d--shop-name {
    display: none;
}
.sec-feature ul.block-goods-list-d--items > li .block-icon {
    display: none;
}
.sec-feature ul.block-goods-list-d--items > li .block-goods-list-d--item-description .block-goods-list-d--goods-name {
    height: auto !important;
}
.sec-feature ul.block-goods-list-d--items > li .block-goods-list-d--item-description .block-goods-list-d--item-details {
    display: none;
}
.sec-feature ul.block-goods-list-d--items > li .block-goods-list-d--image {
    width: 294px;
    height: 196px;
    object-fit: cover;
    border-radius: 0;
}
.sec-feature ul.block-goods-list-d--items > li .block-goods-list-d--image figure {
   height: 100%;
	padding: 0;
}
.sec-feature .click-kiosk-category-next-btn {
    margin-top: 32px;
}

.sec-feature .block-pickup-list-p .block-icon {
    display: none;
}
.btn_link {
    width: 420px;
    margin: 40px auto 0;
    text-align: center;
    background-color: #FFFFFF;
}
.btn_link a {
    display: block;
    border: 1px solid #444444;
    color: #444444;
    font-size: 18px;
    padding: 17px 0;
}

/* pc */
[data-browse-mode="P"] .sec-feature {
    padding-top: 120px;
}

[data-browse-mode="P"] .sec-feature::before {
    top: 400px;
    width: 150%;
    height: 500px;
    border-radius: 50%;
    transform: translate(-50%, -70%);
}
[data-browse-mode="P"] .sec-feature .content-ttl {
    display: flex;
    justify-content: center;
}
[data-browse-mode="P"] .sec-feature .block-list_box {
    width: 1012px;
    margin: 0 auto;
}
[data-browse-mode="P"] .sec-feature .block-list_box::before {
    width: 123px;
    height: 125px;
    left: -44px;
    top: -164px;
}
[data-browse-mode="P"] .sec-feature .block-list_box::after {
    width: 62px;
    height: 62px;
    right: 100px;
    top: -240px;
}
[data-browse-mode="P"] .sec-feature .block-pickup-list-p--goods-name {
    height: auto !important;
}
[data-browse-mode="P"] .sec-feature .block-pickup-list-p--item .block-icon {
    height: auto !important;
}
/* sp */
[data-browse-mode="S"] .sec-feature {
    padding: 40px 0px 0px;
}

[data-browse-mode="S"] .sec-feature::before {
    left: 50%;
    top: 280px;
    width: 200%;
    height: 400px;
    border-radius: 50%;
    transform: translate(-50%, -70%);
}
[data-browse-mode="S"] .sec-feature .block-pickup-list-p--item .block-icon {
    display: none;
}
[data-browse-mode="S"] .sec-feature .content-label {
    width: 75px;
}
[data-browse-mode="S"] .sec-feature .content-ttl {
    width: 316px;
    margin: 0 auto 20px;
}
[data-browse-mode="S"] .sec-feature .block-list_box {
    padding: 0 15px;
}
[data-browse-mode="S"] .sec-feature .block-list_box::before {
    width: 32px;
    height: 30px;
    left: 40px;
    top: -58px;
}
[data-browse-mode="S"] .sec-feature .block-list_box::after {
    width: 20px;
    height: 20px;
    right: 45px;
    top: -37px;
}
[data-browse-mode="S"] .sec-feature .block-pickup-list-p {
    margin: 0px;
}
[data-browse-mode="S"] .sec-feature .block-pickup-list-p ul.block-pickup-list-p--items {
    gap: 15px;
}
[data-browse-mode="S"] .sec-feature .block-pickup-list-p ul.block-pickup-list-p--items > li {
    margin: 0;
}
[data-browse-mode="S"] .sec-feature .btn_link {
    width: 90%;
}
[data-browse-mode="S"] .sec-feature .btn_link a {
    padding: 10.7px 0;
}
/****************************
下部コンテンツ
****************************/
.bottom-content {
    background-color: #FFF7E9;
}
.bottom-content-ttl {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 50px;
}
.bottom-content-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    display: -ms-grid;
    -ms-grid-columns: auto 1fr;
    -ms-grid-rows: auto 1fr;
}
.bottom-content-wrapper {
    width: 1200px;
    margin: 0 auto;
}
.pane-left-menu {
    opacity: 0;
}
.pane-left-menu.is-complete {
    opacity: 1;
}
.bottom-content-wrapper .pane-left-menu {
    margin: 70px 40px 0 0;
}
/* pc */
[data-browse-mode="P"] .bottom-content {
    padding-top: 120px;
    /* margin-top: 100px; */
}
/* sp */
[data-browse-mode="S"] .bottom-content {
    padding: 60px 0 0px;
}
[data-browse-mode="S"] .bottom-content-wrapper {
    width: 100%;
}
[data-browse-mode="S"] .bottom-content-ttl {
    background-color: transparent;
    font-size: 20px;
    padding: 0;
    margin: 0 15px 15px;
}
[data-browse-mode="S"] .bottom-content ul.block-goods-detail-j--items>li .block-icon {
    display: none;
}
[data-browse-mode="S"] .bottom-content ul.block-goods-detail-j--items > li .block-goods-detail-j--cart-btn {
    width: 100%;
}
[data-browse-mode="S"] .bottom-content .block-goods-detail-j--bookmark-btn {
    display: none;
}