@charset "UTF-8";

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body {
    width: 100%;
    height: 100%;
    font-size: 1.6em;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
*,
*:before,
*:after {
    box-sizing:border-box;
}
/* ------------------------------------- /
/   共通
/* ------------------------------------- */
.taC {
    text-align: center;
}
.taR {
    text-align: right;
}
.fwM {
    font-weight: 500;
}
.fwSB {
    font-weight: 600;
}
.fwB {
    font-weight: 700;
}
img {
    display: block;
    width: 100%;
}


/* ------------------------------------- /
/   inner
/* ------------------------------------- */
.inner {
    width: min(100%, 1366px);
    margin: 0 auto;
    padding: 0 min(6%, calc((1366px - 1200px) / 2));
}
@media screen and (max-width:600px){
.inner {
    padding: 0 4%;
}
}

/* ------------------------------------- /
/   pc-none、sp-none
/* ------------------------------------- */
.pc-none {
    display: none;
}
.pc-none768 {
    display: none;
}
.pc-none500 {
    display: none;
}
.pc-none__inline {
    display: none;
}
.pc-none__inline768 {
    display: none;
}
.pc-none__inline1200 {
    display: none;
}
@media (max-width: 1200px) {
.pc-none__inline1200 {
    display: inline;
}
}
@media (max-width: 768px) {
.pc-none768 {
    display: block;
}
.pc-none__inline768 {
    display: inline;
}
.sp-none768 {
    display: none !important;
}
}
@media (max-width: 600px) {
.pc-none {
    display: block;
}
.pc-none__inline {
    display: inline;
}
.sp-none {
    display: none !important;
}
}
@media (max-width: 500px) {
.sp-none500 {
    display: none !important;
}
.pc-none500 {
    display: block;
}
}

/* ------------------------------------- /
/   サイトカラー、フォント
/* ------------------------------------- */
body {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    color: #454545;
    background-color :#FFD82E;
}
a {
    color: #454545;
    text-decoration: none;
}
::selection {
    background: var(--color-orange);
    color: #fff;
}
:root {
    --color-blue: #0070A6;
    --color-orange: #EE801E;
.bg-blue {
    background-color: var(--color-blue);
}
.bg-orange {
    background-color: var(--color-orange);
}
.bg-white {
    background-color: #fff;
}
.color-blue {
    color: var(--color-blue);
}
.color-orange {
    color: var(--color-orange);
}
.color-white {
    color: #fff;
}

/* ------------------------------------- /
/  body
/* ------------------------------------- */
body {
    position: relative;
}

/* ------------------------------------- /
/  header
/* ------------------------------------- */
header {
    width: 100%;
    height: 58.27vw;
}

/* ------------------------------------- /
/  h2
/* ------------------------------------- */
.mina_h2 {
    width: min(40%, 300px);
    margin: 0 auto;
    transform: translateY(-30%);
}

/* ------------------------------------- /
/  event
/* ------------------------------------- */
.event {
    background-image: url('../img/circle_01.svg');
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
.event::before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 18.30vw);
    background-color: #FFFCDE;
    position: absolute;
    left: 0;
    bottom: 0;
}
    .event .inner {
        position: relative;
    }
.event_wrapper {
    width: min(100%, 950px);
    margin: 0 auto;
    background-image: url('../img/event_bg_01.svg'), url('../img/event_bg_02.svg');
    background-position: left 10px, right 3.89% top;
    background-size: 14.53% auto, 14.53% auto;
    background-repeat: no-repeat;
    position: relative;
}
.event_text {
    font-size: clamp(1.6rem, 5.0vw, 2.0rem);
}
.event_caution {
    width: min(100%, 400px);
    margin: 0 auto;
    letter-spacing: 0;
}
.event_list_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.event_list_column:nth-child(2n) {
    flex-direction: row-reverse;
}
    .event_list_column dt {
        width: calc(100% - min(55%, 600px));
        position: relative;
    }
    .event_list_column:nth-child(3) dt img {
        transform: translateX(-20px);
    }
    .event_list_column dd {
        width: min(55%, 600px);
        position: relative;
    }
.event_menu_column {
    background-image: url('../img/event_dot.svg');
    background-position: left bottom;
    background-size: 10px auto;
    background-repeat: repeat-x;
    position: relative;
}
.event_menu_column:last-child {
    background-image: none;
}
.event_menu_title {
    font-size: clamp(1.8rem, 2.0vw, 2.2rem);
}
    .event_menu_title .fsS {
        font-size: 0.82em;
    }
.event_menu_spot {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 1px 0 1px 32px;
    background-image: url('../img/map_icon.svg');
    background-position: left center;
    background-size: 20px auto;
    background-repeat: no-repeat;
    font-size: clamp(1.6rem, 3.0vw, 1.8rem);
}
.event_menu_spot.large {
    font-size: clamp(2.0rem, 3.0vw, 2.4rem);
    padding: 0 0 0 37px;
    background-size: 27px auto;
}
.event_menu_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.event_menu_left {
    width: min(100%, 120px);
}
.event_menu_center {
    width: min(100%, 245px);
}
.event_menu_right {
    width: min(100%, 93px);
}
.event_menu_time {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 1px 0 1px 32px;
    background-image: url('../img/time_icon.svg');
    background-position: left center;
    background-size: 21px auto;
    background-repeat: no-repeat;
    font-size: clamp(1.6rem, 3.0vw, 1.8rem);
}
.event_menu_time.price {
    background-image: url('../img/price_icon.svg');
}
.event_menu_center .event_menu_time {
    background-position: left 5px;
}
.event_item {
    position: absolute;
}
.event_item.item_01 {
    width: 51.67%;
    left: 55%;
    bottom: -60%;
}
.event_item.item_10 {
    width: 28.56%;
    left: -11.67%;
    bottom: 10%;
}
.event_item.item_02 {
    width: min(20%, 88px);
    left: min(57%, 256px);
    bottom: 20%;
}
.event_item.item_03 {
    width: 25.33%;
    left: min(73%, 363px);
    bottom: -15%;
}
.event_item.item_04 {
    width: min(20%, 88px);
    left: min(76%, 384px);
    bottom: 35%;
}
.event_item.item_05 {
    width: 16.66%;
    right: 2%;
    bottom: 33%;
}
.event_item.item_06 {
    width: 9.73%;
    left: -2.0%;
    top: -18%;
}
.event_item.item_07 {
    width: 12.74%;
    right: -1.72%;
    top:-9%;
}
.event_item.item_08 {
    width: 11%;
    left: -1.6%;
    top: 6%;
}
.event_item.item_09 {
    width: 12%;
    right: 0%;
    top: -5%;
}
.event_item.item_12 {
    width: 7.264%;
    left: 53.5%;
    top: 18%;
}
.event_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: min(4.75vw, 65px);
}
.event_bottom_column {
    width: 100%;
    background-color: #FBDC86;
    border-radius: 20px;
    position: relative;
}
.event_bottom_column.komichi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.event_bottm_left {
    width: 49%;
}
.event_bottm_left_inner {
    width: min(100%, 414px);
    margin: 0 auto;
}
.event_bottm_right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 51%;
    
}
.event_bottom_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: min(100%, 468px);
    margin: 0 auto;
}
.event_bottom_wrapper .event_bottm_title {
    width: min(100%, 252px);
}
.event_bottm_title {
    position: relative;
}
.event_bottm_text {
    font-size: clamp(1.8rem, 2.0vw, 2.2rem);
    position: relative;
}
.event_bottom_spot {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 1px 0 1px 32px;
    background-image: url('../img/map_icon.svg');
    background-position: left center;
    background-size: 20px auto;
    background-repeat: no-repeat;
    font-size: clamp(1.6rem, 3.0vw, 1.8rem);
    position: relative;
}
.event_bottom_column:first-child .event_bottom_spot {
    width: min(100%, 320px);
}
.event_bottom_column:last-child .event_bottom_spot {
    width: min(100%, 174px);
}
.shop_title {
    width: min(100%, 184px);
    margin: 0 auto;
    transform: translateY(40%);
}
.shop_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 25px;
    border: 1px #302D2C solid;
    border-radius: 10px;
}
    .shop_list li {
        width: 52%;
        padding: 0 0 0 16px;
        margin: 12px 0 0;
        background-image: url('../img/shop_star.svg');
        background-position: left center;
        background-size: 13px auto;
        background-repeat: no-repeat;
        letter-spacing: 0.05em;
        line-height: 1.2;
    }
    .shop_list li:nth-child(2n) {
        width: 48%;
    }
    .shop_list li:first-child,
    .shop_list li:nth-child(2) {
        margin: 0;
    }
    .shop_list span {
        display: inline-block;
    }

@media (max-width: 1200px) {
.event_item.item_04 {
    left: min(57%, 256px);
    bottom: 1%;
}
.event_item.item_05 {
    right: auto;
    left: min(76%, 384px);
    bottom: 32%;
}
}
@media (max-width: 1000px) {
/*
.event_bottom {
    width: min(100%, 600px);
    margin: 0 auto;
}
*/
.event_bottom_column {
    width: 100%;
}
.event_menu_left {
    width: 100%;
}
.event_item.item_06 {
    width: 15%;
}
.event_item.item_07 {
    width: 25%;
}
.event_item.item_12 {
    width: 10%;
}
.event_item.item_08 {
    width: 16%;
}
.event_item.item_09 {
    width: 17%;
}
}
@media (max-width: 768px) {
.event_wrapper {
    background-size: max(20%, 100px) auto, max(20%, 100px) auto;
    background-position: left center, right 2% center;
}
.event_wrapper::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FFFCDE;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
}
.event_list {
    width: min(100%, 500px);
    margin: 0 auto;
}
.event_list_column,
.event_list_column:nth-child(2n) {
    flex-direction: column;
    margin: max(6.5vw, 30px) 0 0;
}
    .event_list_column dt {
        width: min(100%, 450px);
    }
    .event_list_column dd {
        width: 100%;
    }
    .event_list_column:nth-child(3) dt img {
        transform: none;
    }
    .event_list_column:nth-child(2) dd {
        padding: 40px 0 70px 0;
    }
.event_item.item_01 {
    bottom: 0;
    left: 35%;
}
.event_item.item_10 {
    left: -5%;
    bottom: -10%;
}
.event_item.item_08 {
    top: 10%;
}
.event_item.item_09 {
    top: 13%;
}
.event_bottom {
    width: 100%;
}
.shop_list {
    padding-top: 30px;
}
    .shop_list li {
        width: 100%;
        margin: 10px 0;
    }
    .shop_list li:nth-child(2n) {
        width: 100%;
    }
    .shop_list li:first-child,
    .shop_list li:nth-child(2) {
        margin: 10px 0;
    }
}
@media (max-width: 600px) {
.event_item.item_05 {
    right: 0;
    left: auto;
    bottom: 13%;
}
.event_bottm_left {
    width: 100%;
}
    .event_bottm_left .event_bottom_spot {
        margin: 0 auto;
    }
.event_bottm_right {
    width: 100%;
}
.event_bottom_wrapper {
    display: block;
}
    .event_bottom_wrapper .event_bottm_title {
        margin: 0 auto;
    }
    .event_bottom_wrapper .event_bottom_spot {
        margin: 15px auto 0;
    }
    .shop_list span:last-child {
        font-size: 0.8em;
    }
}

/* ------------------------------------- /
/  map
/* ------------------------------------- */
.map {
    background-color: #FFFCDE;
    background-image: url('../img/circle_02.svg');
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
.map::before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 18.30vw);
    background-color: #FFD82E;
    position: absolute;
    left: 0;
    bottom: 0;
}
    .map .inner {
        position: relative;
    }
.map_img {
    width: min(100%, 700px);
    margin: 0 auto;
}

/* ------------------------------------- /
/  footer
/* ------------------------------------- */
footer {
    padding: 0 0 17.35vw;
    background-image: url('../img/footer_bg.svg');
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.footer_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: felx-start;
    row-gap: 20px;
    width: min(100%, 768px);
    margin: 0 auto;
}
.footer_list_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    column-gap: 15px;
    width: 49%;
}
.footer_list_column:first-child {
    width: 100%;
    margin: 0 0 10px;
    align-items: center;
}
    .footer_list_column dt {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 26px;
        border-radius: 13px;
        line-height: 1.2;
    }
    .footer_list_column dd {
        font-size: clamp(1.6rem, 3.0vw, 1.8rem);
        letter-spacing: 0;
    }
    .footer_list_column:nth-child(1) dt,
    .footer_list_column:nth-child(2) dt,
    .footer_list_column:nth-child(4) dt {
        width: min(100%, 64px);
    }
    .footer_list_column:nth-child(3) dt,
    .footer_list_column:nth-child(5) dt {
        width: min(100%, 96px);
    }
    .footer_list_column:nth-child(1) dd {
        width: min(calc(100% - min(100%, 64px) - 15px), 420px);
        font-size: clamp(2.0rem, 3.0vw, 2.6rem);
        line-height: 1.2;
    }
    .footer_list_column:nth-child(2) dd,
    .footer_list_column:nth-child(4) dd {
        width: calc(100% - min(100%, 64px) - 15px);
    }
    .footer_list_column:nth-child(3) dd,
    .footer_list_column:nth-child(5) dd {
        width: calc(100% - min(100%, 96px) - 15px);
    }
    .footer_list_column span {
        display: inline-block;
    }
@media (max-width: 900px) {
.footer_list {
    width: min(100%, 550px);
}
.footer_list_column {
    width: 100%;
}
    .footer_list_column:nth-child(1) dt,
    .footer_list_column:nth-child(2) dt,
    .footer_list_column:nth-child(4) dt {
        width: min(100%, 96px);
    }
    .footer_list_column:nth-child(1) dd,
    .footer_list_column:nth-child(2) dd,
    .footer_list_column:nth-child(4) dd {
        width: calc(100% - 96px - 15px);
    }
}
@media (max-width: 600px) {
.footer_list_column {
    column-gap: 10px;
}
    .footer_list_column dt {
        letter-spacing: 0;
    }
    .footer_list_column:nth-child(1) dt,
    .footer_list_column:nth-child(2) dt,
    .footer_list_column:nth-child(3) dt,
    .footer_list_column:nth-child(4) dt,
    .footer_list_column:nth-child(5) dt {
        width: min(100%, 82px);
    }
    .footer_list_column:nth-child(1) dd,
    .footer_list_column:nth-child(2) dd,
    .footer_list_column:nth-child(3) dd,
    .footer_list_column:nth-child(4) dd,
    .footer_list_column:nth-child(5) dd {
        width: calc(100% - 82px - 10px);
    }
}