.original {
    position: relative;
    font-family: serif;
    font-size: 18px;
    color: #000;
    line-height: 1.8;
}

.original img {
    max-width: 100%;
}

.original .container {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.original .mv {
    width: 100%;
    background-image: url(https://img21.shop-pro.jp/PA01441/665/etc/mv.jpg?cmsp_timestamp=20191213131522);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    height: 760px;
}

.original .mv .container {
    position: relative;
}

.original .mv .copy {
    position: absolute;
    left: 0;
    top: 50px;
    opacity: 0;
    z-index: 2;
}

.original .mv .katsuo {
    position: absolute;
    left: -70px;
    top: 400px;
    opacity: 0;
    z-index: 1;
}

.original .message {
    text-align: center;
    line-height: 2;
    padding: 80px 0;
    opacity: 0;
}

.original .bg {
    background-image: url(https://img21.shop-pro.jp/PA01441/665/etc/arashi.png?cmsp_timestamp=20191213133221);
    background-size: cover;
    padding: 80px 0 10%;
    margin-bottom: 80px;
}

.original .box,
.original .box-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px;
    opacity: 0;
}

.original .box:last-of-type,
.original .box-reverse:last-of-type {
    margin-bottom: 0;
}

.original .box .img,
.original .box-reverse .img {
    width: 40%;
}

.original .box .detail,
.original .box-reverse .detail {
    width: 55%;
}

.original .box .detail .catch_copy,
.original .box-reverse .detail .catch_copy {
    font-size: 160%;
    color: #af7f64;
    font-weight: bold;
}

.original .box-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.original .product {
    background-image: url(https://img21.shop-pro.jp/PA01441/665/etc/bg.png?cmsp_timestamp=20191213133509);
    background-size: cover;
    padding: 100px 50px;
    margin-bottom: 100px;
    color: #fff;
    opacity: 0;
}

.original .product .top-copy {
    font-size: 140%;
    text-align: center;
    margin-bottom: 80px;
}

.original .product ul {
    list-style-type: none;
    margin: 0 0 80px;
    padding: 0;
    text-align: center;
}

.original .product ul li {
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.original .buyarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
}

.original .buyarea .product-img {
    width: 47.5%;
}

.original .buyarea .product-detail {
    width: 47.5%;
}

.original .buyarea .product-detail h2 {
    text-align: left;
}

.original .buyarea .product-detail a.go-detail {
    display: block;
    background: #f46b45;
    background: -webkit-gradient(linear, left top, left bottom, from(#c14056), to(#923041));
    background: linear-gradient(to bottom, #c14056, #923041);
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}

.original .buyarea .product-detail a.go-detail:hover {
    background: #c14056;
    background: -webkit-gradient(linear, left top, left bottom, from(#923041), to(#c14056));
    background: linear-gradient(to bottom, #923041, #c14056);
}

.original .image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.original .image-list img {
    width: 24%;
}

.original table {
    width: 100%;
    font-size: 90%;
}

.original table th {
    position: relative;
    text-align: left;
    width: 15%;
    padding: 15px 0;
    border-bottom: 1px solid #000;
    vertical-align: top;
}

.original table td {
    text-align: left;
    width: 85%;
    padding: 15px 0;
    border-bottom: 1px solid #000;
}

.original .about {
    padding: 60px 0;
}

.original .about h2 {
    border-bottom: 1px solid #000;
}

@media (max-width: 768px) {
    .original {
        font-size: .9rem;
    }

    .original .mv {
        width: 100%;
        height: 30vh;
    }

    .original .mv .container {
        height: 100%;
        padding: 0 30px;
    }

    .original .mv .copy {
        position: absolute;
        left: 5%;
        top: 10%;
        opacity: 1 !important;
    }

    .original .mv .copy img {
        width: auto;
        height: 250px;
    }

    .original .mv .copy.fade {
        -webkit-animation-name: inherit;
        animation-name: inherit;
    }

    .original .mv .katsuo {
        left: inherit;
        top: 20vh;
        right: 0;
        opacity: 1 !important;
    }

    .original .mv .katsuo img {
        width: 150px;
    }

    .original .mv .katsuo.fade {
        -webkit-animation-name: inherit;
        animation-name: inherit;
    }

    .original .message {
        padding: 40px 10%;
        text-align: left;
        opacity: 1 !important;
    }

    .original .message.fade {
        -webkit-animation-name: inherit;
        animation-name: inherit;
    }

    .original .bg {
        background-image: url(https://img21.shop-pro.jp/PA01441/665/etc/arashi.png?cmsp_timestamp=20191213133221);
        background-size: cover;
        padding: 40px 15px 5%;
        margin-bottom: 40px;
    }

    .original .box,
    .original .box-reverse {
        display: block;
        margin-bottom: 40px;
    }

    .original .box .img,
    .original .box-reverse .img {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .original .box .detail,
    .original .box-reverse .detail {
        width: 100%;
    }

    .original .box-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .original .product {
        padding: 50px 10px;
        margin-bottom: 40px;
    }

    .original .product .top-copy {
        margin-bottom: 40px;
    }

    .original .product ul {
        margin: 0 0 40px;
    }

    .original .buyarea {
        display: block;
        padding: 0 30px;
    }

    .original .buyarea .product-img {
        width: 100%;
        text-align: center;
    }

    .original .buyarea .product-detail {
        width: 100%;
    }

    .original .about {
        padding: 0 15px;
    }

    .original table {
        margin-bottom: 30px;
    }

    .original table th,
    .original table td {
        display: block;
        width: 100%;
    }

    .original table th {
        border-bottom: none;
    }

    .original .image-list {
        display: block;
        margin: 20px 0;
    }

    .original .image-list img {
        width: 100%;
        margin-bottom: 5px;
    }
}

.fade {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*# sourceMappingURL=top.css.map */