@charset "UTF-8";

/***************************************************
	giftticket.css
***************************************************/
#giftticket .headline {
    background: url(/img/giftticket/main.jpg) center center no-repeat;
    background-size: cover;
}
#giftticket .ttl03 {    font-size: 34px;}

/*--- info01 ---*/
#info01 {
    margin-bottom: 80px;
    padding: 90px 0;
    text-align: center;
}
#info01 .main_txt {
    margin-bottom: 90px;
    /*font-size: 36px;*/
    font-size: 34px;
    line-height: 2;
}
#info01 .sub_txt {
    margin-bottom: 90px;
    font-size: 24px;
    line-height: 2.8;
}
#info01 .sub_txt:last-child {    margin-bottom: 0;}
#info01 .sub_txt a {
    font-weight: bold;
    text-decoration: underline;
	-webkit-transition: all .3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#info01 .sub_txt a:hover {
    opacity: .8;
    text-decoration: none;
}

/*--- info02,info03 ---*/
#info02,
#info03 {    margin-bottom: 90px;}
#info02 .ttl03,
#info03 .ttl03 {
    margin-bottom: 70px;
}
#info02 .d-m-flex, #info03 .d-m-flex {    justify-content: space-between;}
#info02 .item, #info03 .item {    width: 48%;}
#info02 .item img, #info03 .item img {    width: 100%;}
#info02 .txtBox {
    margin-left: auto;
/*    margin-bottom: 90px;*/
}
#info03 .txtBox {
    margin-right: auto;
    margin-bottom: 90px;
}

/*--- info02 ---*/
#info02 .flow_list {    margin-left: 0;}
#info02 .flow_list li {
    display: flex;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 2;
}
#info02 .flow_list span {
    display: block;
    margin-top: -5px;
    color: #59040b;
    font-size: 36px;
    line-height: 1;
}
#info02 ul {    margin-left: 20px;}
#info02 ul li {
    font-size: 20px;
    line-height: 2;
    text-indent: -20px
}

/*--- info03 ---*/
#info03 .ticketBox {    margin-bottom: 80px;}
#info03 .ticketBox dl {
    margin-bottom: 20px;
    text-align: center;
}
#info03 .ticketBox:nth-child(2) dl {    margin-bottom: 10px;}
#info03 .ticketBox dt {
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
}
#info03 .ticketBox dd {
    font-size: 36px;
}
#info03 .ticketBox dd span {
    font-size: 20px;
}
#info03 .txt01 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 2.2;
}

@media only screen and (max-width: 768px) {
    /*--- info01 ---*/
    #info01 {
        margin-bottom: 40px;
        padding: 50px 0;
    }
    #info01 .main_txt {
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 2.2;
    }
    #info01 .sub_txt {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 2.2;
    }
    
    /*--- info02,info03 ---*/
    #info02 .ttl03,
    #info03 .ttl03 {    margin-bottom: 40px;}
    #info02 .item,
    #info03 .item {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    #info02 .item img,
    #info03 .item img {    max-width: 280px;}

    /*--- info02 ---*/
    #info02 .flow_list li {    font-size: 18px;}
    #info02 .flow_list span {
        margin-top: 0;
        font-size: 25px;
    }

    /*--- info03 ---*/
    #info03 .ticketBox dt {
        margin-bottom: 10px;
        font-size: 22px;
    }
    #info03 .ticketBox dd {
        font-size: 20px;
    }
    #info03 .ticketBox dd span {
        font-size: 16px;
    }
    #info03 .txt01 {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 2.2;
    }
}