@charset "UTF-8";
/* ----------------------------------
common
---------------------------------- */
:root {
    --color-hokkaido: #C6C4F1;
    --color-tohoku: #AEDBEB;
    --color-kanto: #B9E7CB;
    --color-chubu: #DFEDA2;
    --color-kinki: #F2EA88;
    --color-chugoku: #F5D991;
    --color-sikoku: #E5BFB2;
    --color-kyusyu: #E4C1D9;
    --color-okinawa: #DBC4EB;
}
.sp {
    display: none;
}
.block-event-page--header {
    display: none !important;
}
/* pc */
[data-browse-mode="P"] .container {
    width: 100%;
}
[data-browse-mode="P"] .pane-main {
    max-width: none;
    padding-top: 0;
}
[data-browse-mode="P"] #lp_newentry202604 {
    padding-bottom: 100px;    
}
[data-browse-mode="P"] .pane-right-menu {
    width: 1200px;
    margin: 0 auto;    
}
/* sp */
[data-browse-mode="S"] .pc {
    display: none;
}
[data-browse-mode="S"] .sp {
    display: block;
}
[data-browse-mode="S"] .block-event-page {
    padding: 0;
}
/* ----------------------------------
mv
---------------------------------- */
.mv {
    background-size: cover;
    background-repeat: no-repeat;
}
.mv_ttl {
    margin: 0 auto;
}
/* pc */
[data-browse-mode="P"] .mv {
    background-image: url(/shop_assets/img/usr/newentry/bg_mv.jpg?2);
}
[data-browse-mode="P"] .mv_ttl {
    width: 720px;
}
/* sp */
[data-browse-mode="S"] .mv {
    background-image: url(/shop_assets/img/usr/newentry/bg_mv_sp.jpg?2);
}
[data-browse-mode="S"] .mv_ttl {
    width: 100vw;
}
/* ----------------------------------
anchor
---------------------------------- */
.anchor {
    padding-top: 60px;
}
.anchor_link {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.anchor_link li a {
    font-family: Meiryo, "メイリオ", "Hiragino Sans", "游ゴシック体", YuGothic, sans-serif;
    display: block;
    width: 100%;
    position: relative;
}
.anchor_link li a::after {
    content: "";
    position: absolute;
    background-image: url(/shop_assets/img/usr/newentry/arr_b.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}
.anchor_link .hokkaido a {
    background-color: var(--color-hokkaido);
}
.anchor_link .tohoku a {
    background-color: var(--color-tohoku);
}
.anchor_link .kanto a {
    background-color: var(--color-kanto);
}
.anchor_link .chubu a {
    background-color: var(--color-chubu);
}
.anchor_link .kinki a {
    background-color: var(--color-kinki);
}
.anchor_link .chugoku a {
    background-color: var(--color-chugoku);
}
.anchor_link .sikoku a {
    background-color: var(--color-sikoku);
}
.anchor_link .kyusyu a {
    background-color: var(--color-kyusyu);
}
.anchor_link .okinawa a {
    background-color: var(--color-okinawa);
}
/* pc */
[data-browse-mode="P"] .anchor_link {
    width: 1000px;
    margin: 0 auto;
}
[data-browse-mode="P"] .anchor_link li {
    width: calc((100% - 40px) / 5);
}
[data-browse-mode="P"] .anchor_link li a {
    font-size: 17px;
    padding: 15.25px 20px;
}
[data-browse-mode="P"] .anchor_link li a::after {
    width: 9px;
    height: 7px;
    right: 14px;
}
/* sp */
[data-browse-mode="S"] .anchor_link {
    width: 100%;
    margin: 0 auto;
    gap: 14px;
    padding: 0 15px;
}
[data-browse-mode="S"] .anchor_link li {
    width: calc((100% - 14px) / 2);
}
[data-browse-mode="S"] .anchor_link li a {
    font-size: 15px;
    padding: 12.25px 20px;
}
[data-browse-mode="S"] .anchor_link li a::after {
    width: 12px;
    height: 9px;
    right: 14px;
}
/* ----------------------------------
エリア
---------------------------------- */
.content_inner {
    margin: 0 auto;
}
.area-ttl {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 43px;
    border-bottom: 1px dotted #ccc;
    color: #4a4a4a;
    font-weight: normal;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 3.2px;
}
.area-ttl::before {
    opacity: 0.7;
    position: absolute;
    top: unset;
    right: unset;
    bottom: 20px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: none;
    content: "";
}
.area-ttl::after {
    opacity: 0.7;
    position: absolute;
    bottom: 14px;
    left: 6px;
    width: 24px;
    height: 24px;
    content: "";
}
.prefectures_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}
.prefectures_box li {
    position: relative;
    background-color: #FFF7EC;
    padding: 10px 10px;
}
.region {
    position: absolute;
    left: 0;
}
.prefectures {
    grid-row: 2;
    white-space: nowrap;
}
.donation_ttl {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 2px;
    width: fit-content;
    margin: 0 auto;
}
.local {
    display: contents;
}
.kana {
    grid-column: 2;
    grid-row: 1;
    margin-top: auto;
}
.kanji {
    grid-column: 2;
    grid-row: 2;
    word-break: break-word;
}
.donation_link {
    position: relative;
    margin-top: 20px;
}
.donation_link::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: repeating-linear-gradient(90deg, #272727, #272727 3px, transparent 3px, transparent 6px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 100% 2px;
}
.donation_link a {
    background-color: #8F7222;
    color: #ffffff;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
}
.donation_link a::after {
    content: "";
    position: absolute;
    background-image: url(/shop_assets/img/usr/newentry/arr_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);    
}
.nodata {
    text-align: center;
    margin-top: 30px;
}
/* pc */
[data-browse-mode="P"] .area {
    padding-top: 70px;
}
[data-browse-mode="P"] .area-ttl {
    font-size: 32px;
}
[data-browse-mode="P"] .content_inner {
    width: 1000px;
}
[data-browse-mode="P"] .prefectures_box {
    gap: 60px 25px;
}
[data-browse-mode="P"] .prefectures_box li {
    width: calc((100% - 75px) / 4);
}
[data-browse-mode="P"] .region {
    font-size: 17px;
    padding: 1.25px 13px;
    top: -28px;
}
[data-browse-mode="P"] .prefectures {
    font-size: 18px;
    margin-top: 3px;
}
[data-browse-mode="P"] .kana {
    font-size: 12px;
}
[data-browse-mode="P"] .kanji {
    font-size: 23px;
}
[data-browse-mode="P"] .donation_link a {
    font-size: 16px;
    padding: 9.5px 10px;
    width: 205px;
    margin: 0 auto;
}
[data-browse-mode="P"] .donation_link a::after {
    width: 6px;
    height: 9px;
    right: 10px;
}
[data-browse-mode="P"] .nodata {
    font-size: 20px;
}
/* sp */
[data-browse-mode="S"] .area {
    padding-top: 50px;
}
[data-browse-mode="S"] .area-ttl {
    font-size: 32px;
}
[data-browse-mode="S"] .content_inner {
    width: 100%;
    padding: 0 16px;
}
[data-browse-mode="S"] .prefectures_box {
    gap: 48px 12px;
}
[data-browse-mode="S"] .prefectures_box li {
    width: calc((100% - 12px) / 2);
}
[data-browse-mode="S"] .region {
    font-size: 14px;
    padding: 3.5px 13px;
    top: -28px;
}
[data-browse-mode="S"] .prefectures {
    font-size: 16px;
    min-width: 52px;
    margin-top: 3px;
}
[data-browse-mode="S"] .donation_ttl {
    gap: 0;
}
[data-browse-mode="S"] .kana {
    font-size: 11px;
}
[data-browse-mode="S"] .kanji {
    font-size: 21px;
}
[data-browse-mode="S"] .donation_link a {
    font-size: 16px;
    padding: 9.5px 10px;    
}
[data-browse-mode="S"] .donation_link a::after {
    width: 6px;
    height: 9px;
    right: 10px;
}
[data-browse-mode="S"] .nodata {
    font-size: 20px;
}
/* ----------------------------------
北海道
---------------------------------- */
#area01 .area-ttl::before,
#area01 .area-ttl::after,
#area01 .region {
    background-color: var(--color-hokkaido);
}

/* ----------------------------------
東北
---------------------------------- */
#area02 .area-ttl::before,
#area02 .area-ttl::after,
#area02 .region {
    background-color: var(--color-tohoku);
}

/* ----------------------------------
関東
---------------------------------- */
#area03 .area-ttl::before,
#area03 .area-ttl::after,
#area03 .region {
    background-color: var(--color-kanto);
}

/* ----------------------------------
中部
---------------------------------- */
#area04 .area-ttl::before,
#area04 .area-ttl::after,
#area04 .region {
    background-color: var(--color-chubu);
}

/* ----------------------------------
近畿
---------------------------------- */
#area05 .area-ttl::before,
#area05 .area-ttl::after,
#area05 .region {
    background-color: var(--color-kinki);
}

/* ----------------------------------
中国
---------------------------------- */
#area06 .area-ttl::before,
#area06 .area-ttl::after,
#area06 .region {
    background-color: var(--color-chugoku);
}

/* ----------------------------------
四国
---------------------------------- */
#area07 .area-ttl::before,
#area07 .area-ttl::after,
#area07 .region {
    background-color: var(--color-sikoku);
}

/* ----------------------------------
九州
---------------------------------- */
#area08 .area-ttl::before,
#area08 .area-ttl::after,
#area08 .region {
    background-color: var(--color-kyusyu);
}

/* ----------------------------------
沖縄
---------------------------------- */
#area09 .area-ttl::before,
#area09 .area-ttl::after,
#area09 .region {
    background-color: var(--color-okinawa);
}