/* 共通 */
/* .body {
    height: 100%;
} */
.wrapper {
    position: relative;
    padding-bottom: 360px;
    min-height: 100vh;
    box-sizing: border-box;
    width:100%;
    overflow:hidden;
}
.error-area {
    font-weight: bold;
    color: red;
    font-size: 30px;
}
.sp-contents {
    /* width: 375px; */
    /* position: relative; */
    /* height: 1600px; */
    /* background-color: white; */
    display: flex;
    justify-content: center;
}
.contents {
    /* min-height: 80vh; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
#error_area {
    display: none;
}
.menu-list {
    font-size: xxx-large;
}
.gift {
    width: 500px;
}
.none {
    display: none;
}
.ribbon {
    color: white;
    background-color:#ffb6c1;
    display: inline-block;
    position: relative;
    height: 60px;/*リボンの高さ*/
    line-height: 60px;/*リボンの高さ*/
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    box-sizing: border-box;
    width: 70%;
    margin: 0 auto;
}
.ribbon:before, .ribbon:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
  
.ribbon:before {
    top: 0;
    left: 0;
    border-width: 30px 0px 30px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
  
.ribbon:after {
    top: 0;
    right: 0;
    border-width: 30px 15px 30px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.ribbon-title {
    font-size: 3.5vw;
}
/* ヘッダー */
/* giftHeader.php */
    /* ↓ここからバーガーメニュー関連 */
    .header-area {
        color: white;
        background-color: #ffb566;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /* margin-bottom: 1%; */
        /* padding: 2%; */
    }
    .header-area_lite {
        color: white;
        background-color: #7f7f7f;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /* margin-bottom: 1%; */
        /* padding: 2%; */
    }
        .header-area_premium {
        color: white;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /* margin-bottom: 1%; */
        /* padding: 2%; */
    }
    .soudan_header {
        background-color: #ffb6c1;
        height:250px;
        
    }
    .premium_grad{
        background-image: radial-gradient(circle, #FCE364, #B29400 31%);
    }
    .sapotoku-logo {
            width: 24vw;
    }
    .sousa-logo {
            width: 52vw;
    }
    .sousa-logo_lite{
        width: 32vw;
    }
    .arw_wh {
        width: 10%;
        height: auto;
        position: absolute;
        left: 5%;
    }
    .hamburger-menu {
        width: 17%;
        height: 55px;
        border: none;
        background: transparent;
        appearance: none;
        padding: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
    }
    .hamburger-menu__bar {
        display: inline-block;
        width: 50%;
        height: 10%;
        background: white;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: .5s;
    }
    .hamburger-menu__bar:first-child {
        top: 0px;
    }
    .hamburger-menu__bar:nth-child(2) {
        top: 25px;
    }
    .hamburger-menu__bar:last-child {
        top: 50px;
    }
    .hamburger-menu--open .hamburger-menu__bar {
        top: 50%;
    }
    .hamburger-menu--open .hamburger-menu__bar:first-child {
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .hamburger-menu--open .hamburger-menu__bar:last-child {
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
        display: none;
    }
    .navigation {
        display: none;
        background: gray;
        position: absolute;
        top: 130px;
        width: 100%;
        /* height: 100vh; */
        height: 87vh;
        z-index: 9999;
    }
    .navigation__list {
        /* display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        height: 50%; */
    }
    .navigation__list-item {
        width: 40%;
        border-radius: 15px 15px 15px 15px;
        box-shadow: 0px 0px 5px lightgray;
        height: 40%;
        margin: 6% 0;
    }
    .navigation__list-item a {
        padding: 0;
        color: white;
        text-align: center;
        font-size: 3.5vw;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        height: 12vw;
        position: relative;
    }
    .navigation__link {
        /* line-height: 3;
        height: 30%; */
        background-color: #ff8368;
        border-radius: 0 0 15px 15px;
        font-weight: 700;
        text-decoration: none;
        display: block;
        padding: 24px 0;
        transition: .5s;
    }
    .navigation__icon {
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navigation__icon img {
        height: 50%;
        /* width: 35%; */
        border-radius: 15px 15px 0 0;
        }
    @media (hover: hover) and (pointer: fine) {
        .navigation__link:hover {
            background: #333;
        }
    }

.navigation__list ul {
    padding-left: 0;
    /* padding-top: 10%; */
}
.navigation__list li {
    list-style: none;
    font-size: 5vw;
    /* color: white; */
    /* margin-bottom: 3%; */
    text-align: center;
    line-height: 2.5;
}

.navigation__list a {
    color: white;
}

/* フッター */
/* giftFooter.php */
/* .footer-area {
    height: 258px;
    width: 100%;
    color: white;
    background-color: #ffb566;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
    z-index: 9999;
} */
.copyright {
    height: 130px;
    width: 100%;
    color: white;
    background-color: #ffb566;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
    z-index: 9999; 
}
.copyright_lite {
    height: 130px;
    width: 100%;
    color: white;
    background-color: #7f7f7f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
    z-index: 9999; 
}
.copyright_premium {
    height: 130px;
    width: 100%;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
    z-index: 9999; 
}
.copyright_soudan {
    height: 130px;
    width: 100%;
    color: white;
    background-color: #ffb6c1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    position: absolute;
    bottom: 0;
    z-index: 9999; 
}

/* ヘッダー内アイコン */
/* .gg-chevron-right-o {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid;
    border-radius: 100px
}
.gg-chevron-right-o::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    left: 5px;
    top: 6px
} */