/* カスタム用 css */

body {
    background-image: url(/gs20250806t/images/background_img_for_body.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    body {
    	background-position: right 20%;
    	background-size: 170%;
	}
}

.heading[data-layout=lv1] {
	background-repeat: no-repeat;
    background-size: auto;
}

@media screen and (max-width: 1024px) {
    .heading[data-layout=lv1] {
    	background-size: cover;
	}
}

.swiper[data-layout^=item-list-type] .swiper-container {
    max-width: 980px;
}

.figure[data-layout=modal] .swiper {
    height: 100%;
    width: 100%;
    position: absolute;
}
.figure[data-layout=modal] .swiper-slide-active {
    z-index: 1;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper[data-layout^=item-list-modal] .swiper-button {
    color: #3f3f3f;
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .swiper[data-layout^=item-list-modal] .swiper-button {
        font-size:3.7333333333vw;
        width: 9.6vw;
        height: 9.6vw;
    }
}
@media screen and (min-width: 768px) {
    .swiper[data-layout^=item-list-modal] .swiper-button {
        font-size:14px;
        width: 40px;
        height: 40px;
    }
}
@media screen and (min-width: 768px)and (max-width:1024px) {
    .swiper[data-layout^=item-list-modal] .swiper-button {
        font-size:3.7333333333vw;
        width: 3.90625vw;
        height: 3.90625vw;
    }
}
.swiper[data-layout^=item-list-modal] .swiper-button::before {
    content: "〈";
    font-size: 20px;
    font-weight: bold;
    position: absolute;
}
.swiper[data-layout^=item-list-modal] .swiper-button-disabled {
    color: #c2c2c2;
    cursor: default;
    display: none;
}
.swiper[data-layout^=item-list-modal] .swiper-button-lock {
    display: none;
}
.swiper[data-layout^=item-list-modal] .swiper-button-prev {
    left: 0;
}
.swiper[data-layout^=item-list-modal] .swiper-button-prev::before {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.swiper[data-layout^=item-list-modal] .swiper-button-next {
    right: 0;
}
.swiper[data-layout^=item-list-modal] .swiper-button-next::before {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1);
}