@charset "utf-8";

/* report-Wrapper */
section.report-Wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}


.ttl_inner{
    text-align: center;
    padding: 5em 0;
}

p.text_big{
    font-size: 18px;
}

p.text_small{
    font: 16px;
}

p.date_text {
    position: relative;
}

p.date_text::after {
    content: '';
    width: 81px;
    height: 1px;
    display: inline-block;
    background-color: #9A8D62;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 40px);
}

p.title_text{
    padding-top: 1em;
}

.report_inner{
    width: 50%;
    text-align: center;
    padding: 68px 0;
}

img.report_image{
    width: 90%;
}

img.more_btn{
    width: 25%;
    padding-top: 2em;
}

p.name_text {
    padding-top: 15px;
}

img.more_btn:hover {
    transform: translateY(3px);
    transition: color .3s, background .3s, box-shadow .3s, transform .3s;
}




/* ーーーーーーーーーーーーーー

report-detail　ここから

ーーーーーーーーーーーーーーーー*/
.bar_image {
    padding-top: 9em;
}

h1.reprt_name {
    text-align: center;
    font-size: 25px;
    position: relative;
}

h1.reprt_name::after{
    content: '';
    width: 81px;
    height: 3px;
    display: inline-block;
    background-color: #9A8D62;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 40px);
}

p.report_title {
    padding-top: 2em;
}

section.report_Inner {
    display: block;
    padding-bottom: 11em;
    padding-top: 2em;
}

.report_photo {
    background-color: #FDF9EF;
    text-align: center;
}

.report_photo img {
    width: 70%;
    padding: 55px 0;
}

.report_detail {
    text-align: center;
    padding-top: 1em;
}

img.detail_image {
    width: 50%;
}

.detail_wrapper {
    display: flex;
    padding: 40px 0;
}

.comment_box{
    display: block;
    padding: 15px 29px;
}

h2.comment_title {
    font-size: 20px;
    font-weight: 400;
    position: relative;
}

h2.comment_title::after {
    content: '';
    width: 100%;
    height: 9px;
    display: inline-block;
    background-color: rgba(156, 187, 186, 33%);
    bottom: 8px;
    left: calc(-1%);
    position: absolute;
}

.comment_inner {
    padding-top: 1em;
}

img.sub_photo {
    width: 22%;
    margin: 15px;
}

.sub_photo_area {
    display: flex;
    flex-wrap: wrap;
}

img.banquet_image {
    width: 36%;
}

p.title_item {
    text-align: center;
    font-size: 22px;
}

.report_banquet_box {
    padding: 2em;
    margin-top: 3em;
    box-shadow: 0 0px 14px 0 rgb(217 215 215 / 56%);
    position: relative;
}

h3.banquet_name {
    font-size: 20px;
    padding-bottom: 1em;
    position: relative;
}

h3.banquet_name::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    background-color: #EAE3CB;
    bottom: 22px;
    left: calc(0%);
}

h3.banquet_name::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    background-color: #EAE3CB;
    bottom: 16px;
    left: calc(0%);
}

.box_flex {
    display: flex;
    position: relative;
}

p.inner_item {
    width: 100%;
    position: absolute;
    left: 38%;
    top: 28px;
    font-size: 18px;
}

p.detail_item {
    width: 20%;
    display: block;
    position: absolute;
    left: 38%;
    top: 24%;
    background-color: #c6a79e;
    padding: 6px 15px;
    color: #fff;
}

p.text_item {
    width: 60%;
    position: absolute;
    left: 38%;
    top: 42%;
}

button.BQ_detail_btn {
    font-family: inherit;
    right: 2%;
    position: absolute;
    padding: 1em 7em;
    border: none;
    top: 84.5%;
    background-color: #bc9588;
    color: #fff;
}

button.BQ_detail_btn:hover{
    cursor: pointer;
    background-color: #c6a79e;
    transition: .4s;
}

@media only screen and (max-width: 768px){
    .ttl_inner {
        padding: 2em 0;
    }

    section.report-Wrapper{
        display: block;
        font-size: 16px;
    }

    .report_inner {
        width: 100%;
        text-align: center;
        padding: 17px 0;
    }

    p.text_small {
        width: 91%;
        margin: 5px auto;
        margin-bottom: 0;
        font-size: 14px;
    }

    img.more_btn {
        width: 32%;
        padding-top: 1em;
    }

    /* ーーーーーーーーーーーーーー

    report-detailレスポンシブここから

    ーーーーーーーーーーーーーーーー*/
    h1.reprt_name {
        font-size: 18px;
    }

    .ttl_inner {
        padding-bottom: 40px;
    }

    .report_photo img {
        width: 100%;
        padding: 14px 0;
    }

    .bar_image {
        padding-top: 0em;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 1em;
    }

    section.report_Inner {
        padding-bottom: 0;
        padding-top: 22px;
    }

    .detail_wrapper {
        padding: 11px 0;
        display: block;
        text-align: center;
    }

    img.detail_image {
        width: 90%;
    }

    .detail_wrapper.detail_wrapper_sp {
        display: flex;
        flex-direction: column-reverse;
    }

    .detail_wrapper.detail_wrapper_sp img {
        margin: 0 auto;
    }

    h2.comment_title {
        font-size: 18px;
    }

    img.sub_photo {
        width: 30.5%;
        margin: 1%;
        text-align: center;
    }

    .sub_photo_area {
        display: block;
        padding: 0 10px;
        text-align: center;
    }

    p.title_item {
        text-align: center;
        font-size: 18px;
    }

    .report_banquet_box {
        padding: 0 20px;
        margin-top: 1em;
        box-shadow: 0 10px 44px 0 rgb(217 215 215 / 56%);
        padding-bottom: 10px;
    }

    img.banquet_image {
        width: 100%;
    }

    .report_banquet_box {
        padding: 0 20px;
        margin-top: 1em;
        box-shadow: none;
        margin-bottom: 27em;
        text-align: start;
    }

    p.inner_item {
        width: 100%;
        position: absolute;
        left: 1%;
        top: 104%;
        font-size: 18px;
    }

    p.detail_item {
        width: 45%;
        display: block;
        position: absolute;
        left: 1%;
        top: 130%;
        background-color: #9A8D62;
        padding: 1px 4px;
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    p.text_item {
        width: 98%;
        position: absolute;
        left: 1%;
        top: 143%;
    }

    button.BQ_detail_btn {
        font-family: inherit;
        right: 5%;
        position: absolute;
        padding: 8px 29px;
        border: none;
        top: 173.5%;
        background-color: #43270B;
        color: #fff;
        font-size: 13px;
    }

}

@media (max-width: 380px){
    img.sub_photo {
        width: 29%;
        margin: 1%;
        text-align: center;
    }

    .sub_photo_area {
        text-align: center;
    
    }

    /* .sw-Gnav ul li {
        width: 100%;
    }

    .st-Footer_Info_GroupBtn {
        width: 100%; 
    } */
}