@charset "utf-8";

/*********************************************************************
*
*  For tickets
*
*********************************************************************/

/* ---------------------------------------------------- */
/* contents_wrap */
/* ---------------------------------------------------- */
@media (min-width: 768px) {
    #contents_wrap {
        background-image: url(../../common/img/deco/stack_7.png), url(../../common/img/deco/stack_8.png), url(../../common/img/deco/stack_5.png), url(../../common/img/deco/stack_6.png);
        background-size: 340px auto, 340px auto, 150px auto, 259px auto;
        background-position: right bottom, left bottom, right top 80px, left top -20px;
        background-repeat: no-repeat;
    }
}

@media (max-width: 767px) {
    /*
    #contents_wrap {
        background-image: url(../../common/img/deco/stack_7.png), url(../../common/img/deco/stack_8.png);
        background-size: 150px auto, 150px auto;
        background-position: right bottom, left bottom;
        background-repeat: no-repeat;
    }
*/
}

/* ---------------------------------------------------- */
/* sec_outline_wrap */
/* ---------------------------------------------------- */
.sec_outline_wrap {
    margin-bottom: 50px;
}

.sec_outline_wrap .sec_ttl {
    margin-bottom: 50px;
    color: #D1545D;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
}
.sec_outline_wrap .date {
    margin-bottom: 30px;
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
}
.sec_outline_wrap .copy {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}

.sec_outline_wrap .desc {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
}

.sec_outline_wrap .desc_2 {
    margin-top: 20px;
    padding: 20px 10px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    border: 2px solid #FF0000;
}

@media (max-width: 767px) {
    .sec_outline_wrap {
        margin-bottom: 30px;
    }
    
    .sec_outline_wrap .sec_ttl {
        margin-bottom: 30px;
        font-size: 1.8rem;
    }
    .sec_outline_wrap .date {
        margin-bottom: 30px;
        font-size: 1.6rem;
    }
    .sec_outline_wrap .copy {
        font-size: 1.4rem;
    }
    
    .sec_outline_wrap .desc {
        font-size: 1.1rem;
        text-align: justify;
    }
    .sec_outline_wrap .desc_2 {
        font-size: 1.3rem;
        text-align: left;
    }
}

/* ---------------------------------------------------- */
/* sec_refund_wrap */
/* ---------------------------------------------------- */
.sec_refund_wrap {
}

.sec_refund_wrap .list li+li {
    margin-top: 30px;
}

.sec_refund_wrap .ttl {
    padding: 10px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    background-color: #003C5F;
}
.sec_refund_wrap li:nth-child(1) .ttl {
    background-color: #003C5F;
}
.sec_refund_wrap li:nth-child(2) .ttl {
    background-color: #0074BE;
}
.sec_refund_wrap li:nth-child(3) .ttl {
    background-color: #E34E92;
}
.sec_refund_wrap li:nth-child(4) .ttl {
    background-color: #2EA69C;
}
.sec_refund_wrap li:nth-child(5) .ttl {
    background-color: #009C00;
}
.sec_refund_wrap li:nth-child(6) .ttl {
    background-color: #F08437;
}

.sec_refund_wrap .ttl .main {
    font-size: 1.8rem;
}

.sec_ticket_wrap .ttl .sub {
    margin-left: 10px;
    font-size: 1.1rem;
}

.sec_refund_wrap .block {
    padding: 30px 20px ;
    background-color: #FFF;
}

.sec_refund_wrap .url {
    margin-bottom: 20px;
    font-size: 1.9rem;
    font-weight: 700;
    text-align: center;
}
.sec_refund_wrap .url a {
    text-decoration: underline;
}
.sec_refund_wrap .url a:hover {
    text-decoration: none;
}

.sec_refund_wrap .copy {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}

.sec_refund_wrap *+.copy {
    margin-top: 20px;
}

.sec_refund_wrap .desc {
    font-size: 1.2rem;
    text-align: center;
}

@media (max-width: 767px) {
    
    .sec_refund_wrap .ttl .main {
        font-size: 1.4rem;
    }
    
    .sec_refund_wrap .block {
        padding: 20px 10px ;
    }
    
    .sec_refund_wrap .url {
        margin-bottom: 10px;
        font-size: 1.4rem;
    }
    .sec_refund_wrap .url a {
        display: block;
        word-break: break-all;
    }
    .sec_refund_wrap .copy {
        font-size: 1.4rem;
    }
    
    .sec_refund_wrap .desc {
        font-size: 1.1rem;
    }
}