
body.ceremony header li.nav-ceremony::after {
    display: block;
}

/* ==============================
  ページタイトル
============================== */
.page-title-wrap  {
    padding:  5.21% 0 4.71%;
}
.page-title-wrap h1 {
    width: 27.97%;
}
.page-title-wrap h1 span.jp {
    width: 11.95%;
}
.page-title-wrap p {
    width: 41.06%;
}
.page-title-wrap p span {
    overflow: hidden;
}
.page-title-wrap p .page-title-text01 {
    width: 61.01%;
}
@media print, screen and (max-width: 768px) {
    .page-title-wrap  {
        padding: 34.74vw 0 15.62vw;
    }
    .page-title-wrap h1 {
        width: 44.384vw;
    }
    .page-title-wrap h1 span.jp {
        width: 10.66vw;
    }
    .page-title-wrap p {
        width: 68.64vw;
        margin: 9.7vw auto 0;
    }
    .page-title-wrap p .page-title-text01 {
        width: 59.08%;
    }
    .page-title-wrap p .page-title-text02 {
        width: 41.05%;
    }
    .page-title-wrap p .page-title-text03 {
        width: 100%;
    }
    .page-title-wrap p .page-title-text04 {
        width: 65.1%;
    }
}


/* ==============================
  海の教会
============================== */
/*  width / 379(section .text-wrap .title) */
#marine_chapel .text-wrap .title h2 {
    width: 41.72%;
}
/*  width / 617(section .text-wrap .text-box) */
#marine_chapel .text-wrap .text-box h3 {
/*    width: 82.24%;
    max-width: 508px;*/
}
#marine_chapel .text-wrap .text-box h3 .marine_chapel-text02 {
/*    width: 95.53%;
    max-width: 485px;*/
}
@media print, screen and (max-width: 768px) {
    /*  width / 375(アートボードサイズ) */
    #marine_chapel .text-wrap .title h2 {
        width: 35.99vw;
    }
    /*  width / 375(アートボードサイズ) */
    #marine_chapel .text-wrap .text-box h3 {
/*        width: 83.2vw;
        max-width: 83.2vw;*/
    }
    #marine_chapel .text-wrap .text-box h3 .marine_chapel-text02 {
        /*width: 95.6%;
        max-width: 95.6%;*/
    }
}

/* ==============================
  あわじグリーン館
============================== */
#awaji_green_house .text-wrap .title h2 {
    width: 49.79%;
    max-width: 189px;
}
#awaji_green_house .text-wrap .title h2 span.awaji_green_house-tit01 {
    width: 56.73%;
}
#awaji_green_house .text-wrap .text-box h3 {
/*    width: 64.79%;
    max-width: 400px;*/
}
#awaji_green_house .text-wrap .text-box h3 .awaji_green_house-text02 {
/*    width: 67.61%;
    max-width: 273px;*/
}
@media print, screen and (max-width: 768px) {
    #awaji_green_house .text-wrap .title h2 {
        width: 69.3vw;
        max-width: 69.3vw;
    }
    #awaji_green_house .text-wrap .title h2 span.awaji_green_house-tit01 {
        width: 100%;
    }
    #awaji_green_house .text-wrap .text-box h3 {
/*        width: 66.13vw;
        max-width: 66.13vw;*/
    }
    #awaji_green_house .text-wrap .text-box h3 .awaji_green_house-text02 {
/*        width: 67.67%;
        max-width: 67.67%;*/
    }
}

/* ==============================
  プールサイド
============================== */
#poolside .text-wrap .title h2 {
    width: 57.83%;
}
#poolside .text-wrap .text-box h3 {
/*    width: 51.51%;
    max-width: 318px;*/
}
#poolside .text-wrap .text-box h3 .poolside-text01 {
/*    width: 98.86%;
    max-width: 315px;*/
}
#poolside .text-wrap .text-box h3 .poolside-text02 {
/*    width: 98.86%;
    max-width: 315px;*/
}
@media print, screen and (max-width: 768px) {
    #poolside .text-wrap .title h2 {
        width: 49.49vw;
    }
    #poolside .text-wrap .text-box h3 {
/*        width: 52.15vw;
        max-width: 52.15vw;*/
    }
    #poolside .text-wrap .text-box h3 .poolside-text01 {
/*        width: 98.83%;
        max-width: 98.83%;*/
    }
    #poolside .text-wrap .text-box h3 .poolside-text02 {
/*        width: 99.97%;
        max-width: 99.97%;*/
    }
}

/* ==============================
  ステラ
============================== */
#stella .text-wrap .title h2 {
    width: 27.89%;
}
#stella .text-wrap .text-box h3 {
/*    width: 83.84%;
    max-width: 518px;*/
}
#stella .text-wrap .text-box h3 .stella-text01 {
/*    width: 38.33%;
    max-width: 198px;*/
}
@media print, screen and (max-width: 768px) {
    #stella .text-wrap .title h2 {
        width: 24.07vw;
    }
    #stella .text-wrap .text-box h3 {
/*        width: 80.54vw;
        max-width: 80.54vw;*/
    }
    #stella .text-wrap .text-box h3 .stella-text01 {
/*        width: 99.99%;
        max-width: 99.99%;*/
    }
    #stella .text-wrap .text-box h3 .stella-text02 {
/*        width: 46.61%;
        max-width: 46.61%;*/
    }
}


/* ==============================
  夢舞台挙式
============================== */
#yumebutai .text-wrap .title h2 {
    width: 52.6%;
}
#yumebutai .text-wrap .text-box h3 {
/*    width: 75.62%;
    max-width: 467px;*/
}
#yumebutai .text-wrap .text-box h3 .yumebutai-text01 {
/*    width: 91.99%;
    max-width: 430px;*/
}
@media print, screen and (max-width: 768px) {
    #yumebutai .text-wrap .title h2 {
        width: 45.332vw;
    }
    #yumebutai .text-wrap .text-box h3 {
/*        width: 76.45vw;
        max-width: 76.45vw;*/
    }
    #yumebutai .text-wrap .text-box h3 .yumebutai-text01 {
/*        width: 92.02%;
        max-width: 92.02%;*/
    }
}
