@charset "utf-8";

* {
    box-sizing: border-box;
}

body {
    background-color: #8ad1e9;
}

.wrapper {
    max-width: 750px;
    margin: 0 auto;
}

:root {
    --be-event01: url(../images/event-bg01.webp);
    --be-event02: url(../images/event-bg02.webp);
    --be-sale01: url(../images/sale-bg01.webp);
    --be-sale02: url(../images/sale-bg02.webp);
    --be-sale03: url(../images/sale-bg03.webp);
}

.bg {
    background-image: url(../images/bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.bg-event {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-event01 {
    background-image: var(--be-event01);
}

.bg-event02 {
    background-image: var(--be-event02);
}

.bg-sale01 {
    background-image: var(--be-sale01);
}

.bg-sale02 {
    background-image: var(--be-sale02);
}

.bg-sale03 {
    background-image: var(--be-sale03);
}

header {
    background-color: #ffffff;
}

img {
    width: 100%;
    height: 100%;
}

div {
    margin-top: -5px;
}

.img-box {
    width: 100%;
    height: auto;
    position: relative;
}

.link-flex {
    width: 100%;
    display: flex;
    justify-content: center;
}

.link-flex a {
    display: block;
    width: 39.3%;
    height: auto;
}

.top-link {
    display: block;
    margin-top: -3px;
}

footer {
    margin-top: -3px;
}

/* 子ページキービジュアル配置 */
.common-kv {
    padding-bottom: 53%;
}

.common-kv02 {
    padding-bottom: 92%;
}

.kv-absolute {
    position: absolute;
    top: -5%;
    object-fit: contain;
}

.event-card {
    display: block;
    width: 82.6%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 10%;
}

/* セールページ背景ズレ調整用 */
.margin-edit {
    margin-top: -2px;
}

/* アニメーション */
.fade-img {
    opacity: 0;
    visibility: hidden;
    transition: .8s;
    transform: translateY(50px);
}

.effect-img {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}