@charset "UTF-8";
/* CSS Document */


html,h1,h2{
    margin:0;
    padding:0;
    font-family: "Hiragino Mincho ProN", "游明朝", "YuMincho", serif;
    color:#333333;
}

body{
    max-width:100%;
    height:auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color:#ECECEC;
}

/*login start*/

@media screen and (min-width: 481px) {

    .login__body-container{
        margin:0 auto;
        vertical-align:top;
    }
    
    .login__body-cont{
        width:450px;
        margin:0 auto;
        background-color: #ffffff;
        padding:20px 0;
        position: absolute;
        inset: 50% auto auto 50%;   /* top:50%; left:50%; と同じ */
        transform: translate(-50%, -50%);
    }
    
    .login__header--title{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 18px;
        color: #f05a24;
        border-bottom: 2px solid #f05a24;
        width: 200px;
        margin: 20px auto 10px;
    }
    
    .login__header--sub-title{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 24px;
        font-weight: bold;
        margin-bottom:24px;
        color:#f05a24;
    }
    
    .main__login-cont{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        max-width: 450px;
        width: 90%;
        margin: 0 auto;
    }

    .main__login-cont--login{
        text-align: left;
        width: 90%;
        margin: 30px auto;
        display: block;
    }

    .form-label {
        display: block;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .form-control{
        display: block;
        width: 100%;
        padding: 15px;
        border: 2px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 0;
    }
    
    .main__login-cont--txt{
        width: 90%;
        font-size: 13px;
        margin: 0 auto;
    }

    .main__login-cont--button{
        text-align: center;
        width: 90%;
        padding: 15px;
        font-size: 18px;
        border-radius: 10px;
        border: 0px;
        background: #f05a24;
        margin: 50px auto;
        color: #ffffff;
        cursor:pointer;
    }

    a:hover {
        transition: .3s;
        opacity: 0.6;
    }

    .footer__login-txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size:10px;
    }
    
    .sp-br{
        display: none;
    }

}





@media screen and (max-width: 480px) {
    
    .login__body-container{
        margin:0 auto;
        vertical-align:top;
    }
    
    .login__body-cont{
        width:90%;
        margin:0 auto;
        background-color: #ffffff;
        margin-top:50px;
        padding:20px 0;
    }
    
    .login__header--title{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 16px;
        font-weight: bold;
        color: #f05a24;
        border-bottom: 2px solid #f05a24;
        width: 180px;
        margin: 20px auto 10px;
    }
    
    .login__header--sub-title{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 22px;
        font-weight: bold;
        margin-bottom:24px;
        color:#f05a24;
    }
    
    .main__login-cont{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        max-width: 450px;
        width: 90%;
        margin: 0 auto;
    }

    .main__login-cont--login{
        text-align: left;
        width: 90%;
        margin: 30px auto;
        display: block;
    }

    .form-label {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .form-control{
        display: block;
        width: 100%;
        padding: 10px;
        border: 2px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 0;
    }
    
    .main__login-cont--txt{
        width: 90%;
        font-size: 12px;
        margin: 0 auto;
        text-align: left;
    }

    .main__login-cont--button{
        text-align: center;
        width: 90%;
        padding: 10px;
        font-size: 18px;
        border-radius: 10px;
        border: 0px;
        background: #f05a24;
        margin: 30px auto;
        color: #ffffff;
    }

    .footer__login-txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size:10px;
        line-height: 18px;
    }

    .pc-br{
        display:none;
    }
}

/*login end*/





/*main*/

@media screen and (min-width: 801px) {
    
    
    .body__container{
        background-image:url("../img/main-bg.png");
        background-position:top;
        background-repeat:repeat;
        background-size:100% auto;
    }
    
    .header__container{
        margin: 0 auto;
        background-image:url("../img/main-fv-bg.png");
        background-position:center;
        background-size: cover;
        vertical-align:top;
        padding:30px;
        
    }
    
    .header__main-header--img{
        max-width:100%;
        height:auto;
        object-fit: cover;
        vertical-align: top;
        margin:0 auto;
    }
    
    .header__main-coupon{
        display: flex;
        align-items: center;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        background-color: #ffffff;
        margin: 1em auto;
        padding: .5em;
        border-radius: 100px;
        border: 5px solid #d7000f;
        text-align: center;
        justify-content: center;
        width: 55em;
        height: 5em;
        max-width: 90%;
    }
    
    .header__main-coupon--code{
        font-size:2em;
        font-weight:bold;
        color:#c1272d;
    }
    
    #coupon{
        font-size: 3em;
        font-weight: bold;
        border: none;
        color: #000;
        width: 6.5em;
        flex: 0 0 auto;
    }
    
    #coupon:focus {
        outline: none;
    }
    
    #copyBtn{
        background-color: #333333;
        border: none;
        border-radius: .4em;
        color: #ffffff;
        cursor: pointer;
        transition: background 0.2s;
        vertical-align: middle;
        padding: .4em .8em;
        font-size: 1.2em;
        margin-left: 1em;
    }
    
    #copyBtn:hover {
        opacity:0.6;
        transition: .2s;
    }
    
    .main__coupon-inner--point{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 1em;
        max-width: 90%;
        margin: 1em auto;
        font-weight: bold;
    }
    
    .main__main-container{
        max-width: 100%;
        margin: 0 auto;
    }
    
    .main__main-cont{
        margin: 0 auto 2em 0;
        max-width: 100%;
        border-top:10px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
    }
    
    .main__main-inner{
        max-width:90%;
        margin:0 auto;
    }

    .main__main-container--title{
        padding: 2em 0 .8em 0;
        font-size: 1.8em;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-weight: bold;
        color: #333333;
    }
    
    .main__button{
        text-align: center;
        width: 25em;
        padding: 1em;
        font-weight: bold;
        font-size: 1.8em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .main__button p{
        font-size: .7em;
        font-weight:normal;
        margin:0;
    }


    .main__coupon-inner--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 1.4em;
        text-align: center;
        margin: 0 auto;
        padding: 1.3em 0;
        color:#333333;
    }
    
    .main__coupon{
        max-width: 860px;
        margin: .8em auto 3em auto;
        background-color: #ffffff;
        border-left: 5px solid;
        border-right: 5px solid;
        border-bottom: 5px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
        box-shadow: 5px 5px 7px #6d6d6d;
    }

    .main__coupon-inner{
    }

    .main__coupon-inner--title{
        text-align: center;
        padding: .4em;
        font-size: 2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }
    
    
    .main__coupon-sub--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        text-align: left;
    }

    .main__coupon-sub--txt p{
        width: 90%;
        margin: 2em auto 0;
        color: #ed1c24;
        font-size: 1.3em;
        line-height: 1.5em;
        font-weight:bold;
    }

    .main__coupon-sub--txt ul{
        width: 90%;
        font-size: 1.2em;
        padding: 2em 0;
        list-style-position: inside;
        list-style-type: none;
        margin: 0 auto;
        line-height: 1.3em;
    }

    .main__coupon-sub--txt li::before {
        content:"◆";
    }

    .main__coupon-sub--txt ul li{
        padding-bottom:.8em;
    }

    .footer__sub-cont{
        max-width: 860px;
        margin: 0 auto 3em auto;
        background-color: #ffffff;
        border-left: 5px solid;
        border-right: 5px solid;
        border-bottom: 5px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
        box-shadow: 5px 5px 7px #6d6d6d;
    }

    .footer__sub-cont--title{
        text-align: center;
        padding: .4em;
        font-size: 2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }

    .footer__sub-cont--inner{
        margin: 0 auto;
        text-align: left;
        padding: 3em 0;
    }

    .footer__sub-cont--inner-txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        width: 90%;
        padding: 0;
        margin: 0 auto;
        list-style-type: none;
        line-height: 1.3em;
        font-size: 1em;
    }

    .footer__sub-cont--inner-txt li{
        padding-bottom:1em;
    }

    .footer__sub-cont--inner-txt li:last-child{
        padding-bottom:0;
    }
    
    .footer__sub-cont--inner-txt li::before {
        content:"※";
        margin-right:.2em;
    }

    .footer__button{
        text-align: center;
        width: 25em;
        padding: 1em;
        font-weight: bold;
        font-size: 1.5em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .footer__button p{
        font-size: .7em;
        font-weight:normal;
        margin:0;
    }


    .footer__copylight{
        padding: 2em 0 1em;
    }
    
    .footer__copylight--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size:.8em;
    }
    
    .sp {
      display: none;
    }
    
}





/*tablet size*/
@media screen and (min-width: 481px) and (max-width: 800px) {
 
    .body__container{
        background-image:url("../img/main-bg.png");
        background-position:top;
        background-repeat:repeat;
        background-size:100% auto;
    }
    
    .header__container{
        margin: 0 auto;
        background-image:url("../img/main-fv-bg.png");
        background-position:center;
        background-size: cover;
        vertical-align:top;
        padding:2em;
        
    }
    
    .header__main-header--img{
        max-width:100%;
        height:auto;
        object-fit: cover;
        vertical-align: top;
        margin:0 auto;
    }
    
    .header__main-coupon{
        display: flex;
        align-items: center;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        background-color: #ffffff;
        margin: 1.5em auto 0;
        border-radius: 100px;
        border: 3px solid #d7000f;
        text-align: center;
        justify-content: center;
        max-width: 90%;
        height:4em;
    }
    
    .header__main-coupon--code{
        font-size: 1.1em;
        font-weight: bold;
        color: #c1272d;
        width: 40%;
    }
    
    #coupon{
        font-size: 1.2em;
        font-weight: bold;
        border: none;
        color: #333333;
        width: 35%;
        flex: 0 0 auto;
    }
    
    #coupon:focus {
        outline: none;
    }
    
    #copyBtn{
        background-color: #333333;
        border: none;
        border-radius: .4em;
        color: #ffffff;
        cursor: pointer;
        transition: background 0.2s;
        vertical-align: middle;
        padding: .4em .8em;
        font-size: .8em;
    }
    
    #copyBtn:hover {
        opacity:0.6;
        transition: .2s;
    }
    
    .main__coupon-inner--point{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 1em;
        max-width: 90%;
        margin: 1em auto 0;
    }
    
    .main__main-container{
        max-width: 100%;
        margin: 0 auto;
    }
    
    .main__main-cont{
        max-width: 100%;
        border-top:10px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;

    }
    
    .main__main-inner{
        max-width:90%;
        margin:0 auto;
    }

    .main__main-container--title{
        padding: 2em 0 1em 0;
        font-size: 1.3em;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-weight: bold;
        color: #333333;
        max-width:90%;
        margin:0 auto;
    }
    
    .main__button{
        text-align: center;
        width: 25em;
        padding: .8em;
        font-weight: bold;
        font-size: 1.3em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
        max-width: 90%;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .main__button p{
        font-size: .7em;
        font-weight:normal;
        margin:0;
    }
    
    .main__coupon-inner--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: 1em;
        text-align: center;
        margin: 0 auto;
        padding:1em;
        color:#333333;
    }
    
    .main__coupon{
        max-width:90%;
        margin: 1em auto;
        background-color: #ffffff;
        border-left:3px solid;
        border-right:3px solid;
        border-bottom:3px solid;
        border-image:linear-gradient(90deg,rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
        box-shadow:5px 5px 7px #6d6d6d;
    }

    .main__coupon-inner{
    }

    .main__coupon-inner--title{
        text-align: center;
        padding: .5em;
        font-size: 1.2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }
    
    .main__coupon-sub--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        text-align: left;
    }

    .main__coupon-sub--txt p{
        width: 90%;
        margin: 2em auto 0;
        color: #ed1c24;
        font-size: 1em;
        line-height: 1.5em;
        font-weight: bold;
    }

    .main__coupon-sub--txt ul{
        width: 90%;
        font-size: 1em;
        padding: 2em 0;
        list-style-position: inside;
        list-style-type: none;
        margin: 0 auto;
        line-height: 1.3em;
    }

    .main__coupon-sub--txt li::before {
        content:"◆";
    }

    .main__coupon-sub--txt ul li{
        padding-bottom:.8em;
    }
    
    .footer__sub-cont{
        max-width: 90%;
        margin: 3em auto;
        background-color: #ffffff;
        border-left: 3px solid;
        border-right: 3px solid;
        border-bottom: 3px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
        box-shadow: 5px 5px 7px #6d6d6d;
    }

    .footer__sub-cont--title{
        text-align: center;
        padding: .5em;
        font-size: 1.2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }

    .footer__sub-cont--inner{
        margin: 0 auto;
        text-align: left;
        padding: 3em 0;
    }

    .footer__sub-cont--inner-txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        width: 90%;
        padding: 0;
        margin: 0 auto;
        list-style-type: none;
        line-height: 1.3em;
        font-size: 1em;
    }

    .footer__sub-cont--inner-txt li{
        padding-bottom:1em;
    }
    
    .footer__sub-cont--inner-txt li:last-child{
        padding-bottom:0;
    }
    
    .footer__sub-cont--inner-txt li::before {
        content:"※";
        margin-right:.2em;
    }

    .footer__button{
        text-align: center;
        width: 25em;
        padding: .8em;
        font-weight: bold;
        font-size: 1.3em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
        max-width: 90%;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .footer__button p{
        font-size: .7em;
        font-weight:normal;
        margin:0;
    }

    .footer__copylight{
        padding: 2em 0 1em;
    }
    
    .footer__copylight--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size:.8em;
    }
    
    .sp {
      display: none;
    }
    
}




@media screen and (max-width: 480px) {
    
.body__container{
        background-image:url("../img/main-bg.png");
        background-position:top;
        background-repeat:repeat;
        background-size:100% auto;
    }
    
    .header__container{
        margin: 0 auto;
        background-image: url(../img/main-fv-bg.png);
        background-position: center;
        background-size: cover;
        vertical-align: top;
        padding: .5em .5em .5em .5em;
        
    }
    
    .header__main-header--img{
        max-width:100%;
        height:auto;
        object-fit: cover;
        vertical-align: top;
        margin:0 auto;
    }
    
    .header__main-coupon{
        display: flex;
        align-items: center;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        background-color: #ffffff;
        margin: .8em auto 0;
        border-radius: 100px;
        border: 2px solid #d7000f;
        text-align: center;
        justify-content: center;
        max-width: 100%;
    }
    
    .header__main-coupon--code{
        font-size: .8em;
        font-weight: bold;
        color: #c1272d;
    }
    
    #coupon{
        font-size: 1.5em;
        font-weight: bold;
        border: none;
        color: #000;
        width: 45%;
        text-align:center;
        flex: 0 0 auto;
    }
    
    #coupon:focus {
        outline: none;
    }
    
    #copyBtn{
        background-color: #333333;
        border: none;
        border-radius: .6em;
        color: #ffffff;
        cursor: pointer;
        transition: background 0.2s;
        vertical-align: middle;
        padding: .3em .6em;
        font-size: .8em;
        font-weight:bold;
    }
    
    .main__coupon-inner--point{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: .8em;
        margin-top: .8em;
        margin-bottom: 1.2em;
        font-weight:bold;
    }
    
    .main__main-container{
        max-width: 100%;
        margin: 0 auto;
    }
    
    .main__main-cont{
        max-width: 100%;
        border-top:10px solid;
        border-image: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
    }
    
    .main__main-inner{
        max-width:90%;
        margin:0 auto;
    }

    .main__main-container--title{
        padding: 2em 0 1em 0;
        font-size: 1em;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-weight: bold;
        color: #333333;
    }
    
    .main__button{
        text-align: center;
        width: 20em;
        padding: .8em;
        font-weight: bold;
        font-size: 1em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
        max-width:100%;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .main__button p{
        font-size: .8em;
        font-weight:normal;
        margin:0;
    }
    
    .main__coupon-inner--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size: .8em;
        text-align: center;
        padding: 2%;
        color:#333333;
        font-weight:normal;
        line-height:1.5em;
    }
    

    .main__coupon{
        max-width:100%;
        background-color: #ffffff;
    }

    .main__coupon-inner{
        margin-bottom:1.5em;
        border-bottom:3px solid;
        border-image:linear-gradient(90deg,rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
    }

    .main__coupon-inner--title{
        text-align: center;
        padding: 3%;
        font-size: 1.2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }
    
    .main__coupon-sub--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        text-align: left;
    }

    .main__coupon-sub--txt p{
        margin: 0 auto;
        font-weight: bold;
        color: #ed1c24;
        font-size: .9em;
        line-height: 1.5em;
        padding:6%;
    }

    .main__coupon-sub--txt ul{
        font-size: .9em;
        padding: .8em 6%;
        list-style-position: inside;
        list-style-type: none;
        margin: 0 auto;
    }

    .main__coupon-sub--txt li::before {
        content:"◆";
    }

    .main__coupon-sub--txt ul li{
        line-height:1.3em;
        margin-bottom:0.8em;
    }

    .footer__sub-cont{
        max-width:100%;
        margin-bottom: 1.8em;
        background-color: #ffffff;
        border-bottom:3px solid;
        border-image:linear-gradient(90deg,rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%) 1;
    }

    .footer__sub-cont--title{
        text-align: center;
        padding: 3%;
        font-size: 1.2em;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        font-weight: bold;
        margin: 0 auto;
    }

    .footer__sub-cont--inner{
        margin: 0 auto;
        text-align: left;
        padding: 5%;
    }

    .footer__sub-cont--inner-txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        width:100%;
        padding:0;
        margin:0 auto;
        list-style-type: none;
    }

    .footer__sub-cont--inner-txt li{
        line-height: 1.3em;
        font-size: .9em;
        padding-bottom:1em;
    }
    .footer__sub-cont--inner-txt li::before {
        content:"※";
    }

    .footer__button{
        text-align: center;
        width: 20em;
        padding: .8em;
        font-weight: bold;
        font-size: 1em;
        border-radius: 100px;
        border: 0px;
        background: linear-gradient(90deg, rgba(181, 0, 5, 1) 0%, rgba(215, 0, 15, 1) 30%, rgba(215, 0, 15, 1) 70%, rgba(181, 0, 5, 1) 100%);
        color: #ffffff;
        cursor: pointer;
        max-width:100%;
    }
    
    a:hover {
        transition: .3s;
        opacity: 0.6;
    }
    
    .footer__button p{
        font-size: .8em;
        font-weight:normal;
        margin:0;
    }

    .footer__copylight{
        padding:1em;
    }
    
    .footer__copylight--txt{
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        font-size:.875em;
    }
    
    .pc {
        display: none;
    }

}
/*main end*/