@charset "UTF-8";
/*.kan_ttl154{ display: none;}*/
.l-main img{
    width: 100%;
}
.limited{
    background-color: #fff18c;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    
}

.l-container h3{border-bottom: 1px solid #cccccc;padding-bottom: 10px;color: #666666;margin-bottom: 10px;}
.bg331{background-color: #f7f7f7;margin: auto;width: 100%;}
.bg331_in{}
.main-wrapper{
background-color: #ffffff;
}
    .main-visual{
    position: relative;
    background-image: url("../images/331/331_hdr_bg.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 6vw 0 10vw 0;
    margin-bottom: 5.3333333333vw;
    }
.main-visual .lead_txt{ }
.main-visual .lead_txt img{position: absolute; top: -70px; right: 0px; width: 80% !important;}

.main-visual .coupon-box img{
    width: 100%;   
}
.main-visual .coupon-box{
    position: relative;
}

.main-visual .lead_txt img {
    position: absolute;
    top: 36.3333vw;
    right: 0px;
    width: 80px !important;
}
/*クーポンコード*/
.coupon-box .coupon-code{
    font-weight: 600;
    font-size: 5.06666666vw;
    position: absolute;
    right: 15.6666666vw;
    bottom: 14vw;
}
.coupon-box .copybtn {
    position: relative; }
.coupon-box .copybtn #copyButton {
    letter-spacing: 0.15em; }

.coupon-box .copybtn .btn {
    position: absolute;
    border-radius: 0;
    width: 54.3333vw;
    background-color: #818181;
    color: #ffffff;
    bottom: 5vw;
    padding: 1.06666666vw;
    right: 15vw;
    font-weight: 500;
    font-size: 3.2vw;
    transition: all .1s;
    text-align: center;
    display: block; 
}
.coupon-box .copybtn .btn:hover {
        background-color: #cccccc;
    
}
.copybtn #message {
    opacity: 0; }
.copybtn #message.is-active {
    opacity: 1; }
.copybtn .mseg {
    position: absolute;
    top: -18px;
    left: 38%;
    background-color: #ffffff;
    font-size: 3.3vw;
    color: #414141;
    padding: 5px 12px;
    border: #B5B5B5 solid 1px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 6px;
    font-weight: 500;
}
.main-content__wrapper{
    padding: 0 5.3333333333vw;
}
.main-content .txt{
    font-size: 5.6666vw;
    margin-bottom: 10.06666667vw;
}
.main-content .caution{
    font-size: 2.666666vw;
    margin-bottom: 10.06666667vw;
}
.main-content{
    padding: 0;
}


/* ここにPC向けのCSS指定 */
@media (min-width: 768px) {
.bg331_in{width: 900px;}
.l-container h3{font-size: 16px;}	
.main-visual .lead_txt img{position: absolute; top: -100px; right: -150px; width: 100px !important;}   
/*MV*/
    .main-wrapper {
        padding-bottom: 50px;
    }
    .main-visual{
        text-align: center;
        max-height: 1000px;
        padding: 50px 0 90px;
        margin-bottom: 30px;
    }
    .main-content__wrapper {
        padding: 0;
        max-width: 1160px;
        margin: 0 auto;
    }
    .main-content .caution{
        margin-bottom: 64px;
    }
    .main-visual .coupon-box {
    display: inline-block;
}
    .main-visual .coupon-box img{
        width: 600px;
        margin: 0 auto;
        display: block;
    }
    .coupon-box .coupon-code {
        font-size: 29px;
        right: 100px;
        bottom: 85px;
		color: #34322c;
    }
    .coupon-box .copybtn .btn {
        font-size: 17px;
        width: 300px;
        padding: 5px;
        /**/border-radius: 0px;
        bottom: 34px;
        right: 115px;
        line-height: 1;
        /*border: 1px solid #ae1924;*/
    }
    .main-content .caution {
    font-size: 14px;
    }
        .copybtn .mseg {
        position: absolute;
        top: -28px;
        left: 44%;
        background-color: #ffffff;
        font-size: 13px;
        color: #414141;
        padding: 5px 12px;
        border: #B5B5B5 solid 1px;
        text-align: center;
        margin-bottom: 10px;
        border-radius: 10px;
        font-weight: 500;
    }
    
    

     
    }