@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    background-color: #000;
    font-family: 'Noto Sans JP', 'Roboto', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif;
}

.wrap {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

/*--------- amazon link ---------*/
.link {
    padding-inline: min(8vw, 60px);
}

.link--bg-white {
    background-color: #fff;
}

.link--bg-blue {
    background-color: #0B2532;
}

/*--------- footer ---------*/

.copyright {
    margin-top: min(22.67vw, 170px);
    background-color: #2FA8B4;
    padding-block: min(5.33vw, 40px);
    text-align: center;
    box-sizing: border-box;
}

.copyright__links {
    display: flex;
    justify-content: center;
    font-size: min(3.47vw, 26px);
    width: 100%;
    text-align: center;
    margin: 0 auto min(2vw, 15px);
}

.copyright__links a {
    display: block;
    text-decoration: none;
    line-height: 1em;
    color: #fff;
    padding-inline: min(2.67vw, 20px);
}

.copyright__links span {
    display: block;
    color: #fff;
    line-height: 1em;
    margin-top: -0.05em;
}

.copyright p {
    margin: 0;
    color: #fff;
    font-size: min(2.93vw, 22px);
    padding-bottom: min(19.2vw, 144px);
}


/*--------- floating banner ---------*/

.banner {
    position: fixed;
    bottom: 0px;
    max-width: 750px;
    width: 100%;
    z-index: 10;
}

/*--------- slider section ---------*/
.slider {
    position: relative;
    background-image: url(../img/slider_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    padding: 40px 0 min(27.2vw, 204px);
    background-color: #f4a02d;
}

/*--------- swiper ---------*/

.slider .swiper {
    padding: 0 60px;

    @media (max-width: 450px) {
        padding: 0 30px;
    }
}

.slider .swiper-wrapper {
    width: 100%;
}

.slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.slider .swiper-pagination-bullets {
    bottom: min(12.8vw, 96px);
}

.slider .swiper-pagination-bullet {
    margin-inline: min(1.33vw, 10px) !important;
    background: #fff;
    opacity: 1;
    width: min(2.93vw, 22px);
    height: min(2.93vw, 22px);;
}

.slider .swiper-pagination-bullet-active{
    background: #000;
}