@charset "UTF-8";

/* メイン画像
---------------------------------------------------------------------------*/
.block-mainimg {
    background-image: url(../img/ceremony/fig-mainimg.jpg);
}
@media screen and (max-width: 768px){
    .block-mainimg {
        background-image: url(../img/ceremony/fig-mainimg-sp.jpg);
    }
}


/* 詳細
---------------------------------------------------------------------------*/
.box-ceremony {
    background-image: url(../img/ceremony/bg-ceremony.png);
    background-repeat: repeat-x;
    margin-bottom: 80px;
}
.hdl-ceremony {
    margin-bottom: 15px;
    font-size: .23rem;
    line-height: 180%;
}
.lead-ceremony {
    font-size: .16rem;
    line-height: 200%;
}
.fig-ceremony-big {
    margin-bottom: 40px;
    text-align: center;
}
.box-figs-ceremony {
    margin-top: 40px;
}
.tbl-ceremony {
    margin-top: 50px;
}
.tbl-ceremony dt,
.tbl-ceremony dd {
    padding: 10px;
    border-top: 1px solid #D4C77F;
    border-bottom: 1px solid #D4C77F;
    font-size: .16rem;
}
.tbl-ceremony dt {
    width: 15%;
    background-color: #F9F2CC;
    text-align: center;
    font-weight: 400;
}
.tbl-ceremony dd {
    width: 35%;
}
.btn-ceremony {
    margin-top: 50px;
}



@media screen and (max-width: 768px){
    .box-ceremony {
        margin-bottom: 8vw;
        background-image: none;
    }
    .hdl-ceremony {
        margin-bottom: 2vw;
        font-size: 4.5vw;
        line-height: 160%;
    }
    .lead-ceremony {
        font-size: 3.8vw;
        line-height: 160%;
    }
    .fig-ceremony-big {
        margin-bottom: 5vw;
    }
    .box-figs-ceremony {
        margin-top: 5vw;
    }
    .fig-ceremony-mid {
        margin-bottom: 3vw;
    }
    .box-ceremony-small {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .fig-ceremony-small {
        width: 49%;
    }
    .tbl-ceremony {
        margin-top: 5vw;
    }
    .tbl-ceremony {
        border-top: 1px solid #D4C77F;
    }
    .tbl-ceremony dt,
    .tbl-ceremony dd {
        font-size: 3.8vw;
        border-top: none;
    }
    .tbl-ceremony dt {
        width: 30%;
    }
    .tbl-ceremony dd {
        width: 70%;
    }
    .btn-ceremony {
        margin-top: 5vw;
    }
}