@charset "utf-8";

.page_title p.copy  {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 1.8rem;
}
@media only screen and (max-width: 768px) {
    .page_title p:not(.copy) {
        line-height: 1.6;
        text-align: left;
    }
}

.venue::before {
    content: '';
    display: block;
    width: .1rem;
    height: 3.4rem;
    background: #E2E2D5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
.venue::after {
    content: '';
    display: block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: #E2E2D5;
    position: absolute;
    left: 0;
    right: 0;
    top: 3.1rem;
    margin: 0 auto;
}


@media only screen and (min-width: 769px) {
/*================================
Local Navi
================================*/
    .lnav {
        background: #EFEFEC;
        border-bottom: 1px solid #E2E2D5;
        padding: 0 0 6rem;
    }
    .lnav .choice {
        display: none;
    }
    .lnav .venuelist {
        display: flex;
        justify-content: center;
        gap: 0 .6rem;
        align-items: stretch;
        max-width: 1200px;
        margin: 0 auto;
    }
    .lnav .venuelist li {
        text-align: center;
        width: 23.5rem;
    }
    .lnav .venuelist li a {
        display: block;
        text-align: center;
        color: #4A521E;
        padding-bottom: 2.6rem;
    }
    .lnav .venuelist li a::before {
        content: '';
        display: block;
        width: 2.7rem;
        height: 2.7rem;
        background: #767A25;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }
    .lnav .venuelist li a::after {
        content: '';
        display: block;
        width: .6rem;
        height: .6rem;
        border-top: .1rem solid #fff;
        border-right: .1rem solid #fff;
        transform: rotate(135deg);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 1.1rem;
        margin: 0 auto;
    }
    .lnav .venuelist li a figure {
        overflow: hidden;
    }
    .lnav .venuelist li a figure img {
        transition: transform .3s;
    }
    .lnav .venuelist li a:hover figure img {
        transform: scale(1.1);
    }
    
    .lnav .venuelist li p {
        font-weight: 500;
        letter-spacing: .05em;
        font-size: 1.3rem;
        margin: 1.5rem 0;
    }
    
    .lnav .venuelist li span {
        display: block;
    }
    
    
    
    /*================================
        Venue
    ================================*/
    main .venue {
        position: relative;
    }
    main .venue:not(:last-of-type) {
        padding: 9rem 0 0;
    }
    main .venue:last-of-type {
        padding: 9rem 0 0;
    }
/*
    main .venue:not(:last-of-type)::after {
        content: "";
        display: block;
        max-width: 1000px;
        border-bottom: 1px solid #ccc;
        margin: 8rem auto 0;
    }
*/
    
    main .venue .details {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        max-width: 1000px;
        margin: 0 auto 5rem;
    }
    main .venue h2, 
    main .venue .details figure {
        width: 100%;
    }
    main .venue h2 {
        margin-bottom: 5rem;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: .05em;
        color: #4A521E;
    }
    main .venue h2 span {
        display: block;
        margin-bottom: 1rem;
        font-size: 2.5rem;
    }
    
    main .venue .details figure {
        margin-bottom: 4rem;
    }
    /*--------------------------
        Copy, Text
    ---------------------------*/
    main .venue .note {
        width: 100%;
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.05em;
    }
    main .venue .note .copy {
        margin-bottom: 2rem;
        font-size: 1.8rem;
        letter-spacing: 0.1em;
    }
    main .venue .note .copy + p {
        line-height: 2.3;
    }
    main .venue .note .infolist {
        width: 100%;
        padding-top: 1.5rem;
        border-top: 1px solid #D3D3C9;
        max-width: 36rem;
        margin: 2.5rem auto 0;
    }
    
    /*--------------------------
        photogallery
    ---------------------------*/
    .venue .bg_block {
        background: #EFEFEC;
        padding: 8rem 0;
    }
    .photogallery {
        max-width: 820px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .photogallery li {
        max-width: 260px;
        margin-bottom: 2rem;
    }
    .photogallery li img {
        width: 260px;
        height: 260px;
        object-fit: cover;
    }
    
    
    /*--------------------------
        Photo List
    ---------------------------*/
    
    main .venue .photolist {
        margin: 5rem 0 0;
        position: relative;
    }
    main .venue .photolist li{
        margin: 0 2rem;
    }
    main .venue .slick-prev,
    main .venue .slick-next{
        width: 1.5rem;
        height: 1.5rem;
        top: 50%;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -moz-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
        z-index: 99;
    }
    main .venue .slick-prev {
        left: calc((100vw - 800px) / 2 - .3rem);
        border-left: 1px solid  #ccc;
        border-bottom: 1px solid  #ccc;
    }
    main .venue .slick-next {
        right: calc((100vw - 800px) / 2 - .3rem);
        border-top: 1px solid  #ccc;
        border-right: 1px solid  #ccc;
    }
    main .venue .slick-prev::before,
    main .venue .slick-next::before {
        content: none;

    }

    /*--------------------------
        photomodal
    ---------------------------*/
    .photomodal_overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .79);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 0;
        pointer-events: none;
        transition: opacity .5s;
    }
    .photomodal_overlay.show {
        opacity: 1;
        pointer-events: all;
    }
    .photomodal_content {
        max-width: 90%;
        width: 816px;
        margin: 0 auto;
        position: relative;
    }
    main .venue .photomodal_content .slick-prev, main .venue .photomodal_content .slick-next {
        width: 42px;
        height: 42px;
        background: #fff;
        border-radius: 50%;
        right: -100px;
        z-index: 1100;
    }
    main .venue .photomodal_content .slick-prev {
        right: auto;
        left: -100px;
    }
    main .venue .photomodal_content .slick-prev::after, main .venue .photomodal_content .slick-next::after {
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    main .venue .photomodal_content .slick-list,
    main .venue .photomodal_content .slick-track {
        display: flex;
        align-items: center;
    }
    main .venue .photomodal_content .slick-slide {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    main .venue .photomodal_content .slick-slide img {
        max-height: 90svh;
        width: auto;
        margin: 0 auto;
    }
    main .venue .photomodal_content .slick-prev::after {
        transform: rotate(180deg);
    }
    .photomodal_close {
        appearance: none;
        width: 28px;
        height: 28px;
        position: absolute;
        top: -36px;
        right: 0;
        border: 0;
        border-radius: 0;
        background: none;
    }
    .photomodal_close::before, .photomodal_close::after {
        content: '';
        display: block;
        width: 2px;
        height: 20px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg);
    }
    .photomodal_close::after {
        transform: rotate(-45deg);
    }
    
    
    /*--------------------------
        Report
    ---------------------------*/
    main .venue .recommend {
        padding: 3rem 0 0;
    }
    
    main .venue .report {
        width: 100%;
    }
    main .venue .report h3 {
        margin-bottom: 2rem;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: .05em;
        color: #4A521E;
    }
    main .venue .report h3 span {
        display: block;
        margin-bottom: .8rem;
        font-size: 2rem;
    }
    main .venue .report .reportlist {
        display: flex;
        justify-content: center;
        align-items: stretch;
        margin: 0 auto;
    }
    main .venue .report .reportlist li {
        max-width: 13rem;
        margin: 0 1.56rem;
        text-align: center;
        line-height: 1.5;
        font-size: 1.3rem;
        color: #4A521E;
        letter-spacing: .0.5em;
    }
    main .venue .report .reportlist li img {
        display: block;
        height: 13rem;
        border-radius: 50%;
        margin-bottom: 1.2rem;
        border-radius: 50%;
    }
    
    /*--------------------------
        Coordinate
    ---------------------------*/
    main .venue .recommend {
        width: 80%;
        margin: 0 auto;
        padding: 3rem 4% 0;
    }
    main .venue .coordinate {
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 4rem;
        text-align: center;
        font-size: .9rem;
        letter-spacing: .2em;
        -webkit-transition: opacity .3s ease-out;
        -moz-transition: opacity .3s ease-out;
        -ms-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
    }
    main .venue .coordinate:hover {
        opacity: .6;
    }
    /* Ceremony-------------------*/
    body.ceremony main .venue#higashiyama .coordinate {
        background-image: url("/wedding/assets/img/ceremony/higashiyama/mainphoto.jpg");
    }
    body.ceremony main .venue#cozy .coordinate {
        background-image: url("/wedding/assets/img/ceremony/cozy/mainphoto.jpg");
    }
    body.ceremony main .venue#atelier .coordinate {
        background-image: url("/wedding/assets/img/ceremony/atelier/mainphoto.jpg");
    }
    body.ceremony main .venue#traditional .coordinate {
        background-image: url("/wedding/assets/img/ceremony/traditional/mainphoto.jpg");
    }
    /* Banquet-------------------*/
    body.banquet main .venue#pagoda .coordinate {
        background-image: url("/wedding/assets/img/banquet/pagoda/mainphoto.jpg");
    }
    body.banquet main .venue#higashiyama .coordinate {
        background-image: url("/wedding/assets/img/banquet/higashiyama/mainphoto.jpg");
    }
    body.banquet main .venue#terrace .coordinate {
        background-image: url("/wedding/assets/img/banquet/terrace/mainphoto.jpg");
    }
    body.banquet main .venue#atelier .coordinate {
        background-image: url("/wedding/assets/img/banquet/atelier/mainphoto.jpg");
    }
    body.banquet main .venue#yasaka .coordinate {
        background-image: url("/wedding/assets/img/banquet/yasaka/mainphoto.jpg");
    }
    body.banquet main .venue#camera .coordinate {
        background-image: url("/wedding/assets/img/banquet/camera/mainphoto.jpg");
    }
    main .venue .coordinate::before {
        content: "";
        display: block;
        width: 100%;
        background: #B55245;
        opacity: .9;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }
    main .venue .coordinate img {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 45%;
    }
    main .venue .coordinate a {
        display: block;
        padding: 4rem 50% 4rem 3rem;
        color: #fff;
        position: relative;
        z-index: 2;
    }
    main .venue .coordinate a:hover {
        opacity: 1;
    }
    main .venue .coordinate span {
        display: block;
        margin-bottom: .5rem;
        font-size: 1.6rem;
        letter-spacing: .2em;
    }
    /*--------------------------
        Recommend List
    ---------------------------*/
    main .venue .recommendlist {
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    main .venue .recommendlist li {
        width: 48%;
    }
    main .venue .recommendlist li:first-child:last-child {
        margin: 0 auto;
    }
    main .venue .recommendlist li a {
        display: block;
        background: #5E7441;
        padding: .7rem 1rem;
        text-align: center;
        font-size: 1.1rem;
        color: #fff;
        position: relative;
    }
    main .venue .recommendlist li a::before {
        content: "";
        display: block;
        border: .3rem solid transparent;
        border-left: .3rem solid #fff;
        position: absolute;
        left: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


@media only screen and (max-width: 768px) {
    /*================================
        Venue List
    ================================*/
    .lnav {
        background: #EFEFEC;
        padding: 0 2rem 4rem;
    }
    .lnav .choice {
        color: #767A25;
        font-size: 1.3rem;
        letter-spacing: 0.05em;
        padding: 1.5rem 0;
        position: relative;
        border-bottom: .1rem solid #767A25;
        margin-bottom: 3rem
    }
    .lnav .choice::before {
        content: '';
        display: block;
        width: 2rem;
        height: 2rem;
        background: #767A25;
        border-radius: 50%;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }
    .lnav .choice::after {
        content: '';
        display: block;
        width: .4rem;
        height: .4rem;
        border-top: .1rem solid #fff;
        border-right: .1rem solid #fff;
        transform: rotate(135deg);
        position: absolute;
        right: 0.7rem;
        top: 44%;
        margin: 0 auto;
    }

    .lnav .venuelist {
        margin: 0 2rem;
    }
    .lnav .venuelist img {
        display: none;
    }
    .lnav .venuelist li {
        width: 100%;
        border-bottom: .1rem solid #C7C7BC;
        color: #4A521E;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .lnav .venuelist li p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 7rem;
    }
    .lnav .venuelist li span {
        font-size: 1.3rem;
        letter-spacing: .05em;
        display: block;
        min-width: 7.5rem;
    }
    
    .lnav .venuelist li p::before {
        content: '';
        display: block;
        width: 2rem;
        height: 2rem;
        background: #767A25;
        border-radius: 50%;
        position: absolute;
        right: 0;
        margin: 0 auto;
    }
    .lnav .venuelist li p::after {
        content: '';
        display: block;
        width: .4rem;
        height: .4rem;
        border-top: .1rem solid #fff;
        border-right: .1rem solid #fff;
        transform: rotate(135deg);
        position: absolute;
        right: 0.7rem;
        margin: 0 auto;
    }
    
    /*--------------------------
        Venue List（下）
    ---------------------------*/
    /*
    #contents>main + .lnav{
        padding-bottom: 2.5rem;
    }
    #contents>main + .lnav .venuelist li:last-of-type{
        display: block;
        margin: 2rem 5% 0;
        position: relative;
    }
    #contents>main + .lnav .venuelist li:last-of-type .photo{
        height: 7rem;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
        body.ceremony #contents>main + .lnav .venuelist li:last-of-type .photo{
            background-image: url("/wedding/assets/img/banquet/pagoda/mainphoto.jpg");
        }
        body.banquet #contents>main + .lnav .venuelist li:last-of-type .photo{
            background-image: url("/wedding/assets/img/ceremony/higashiyama/mainphoto.jpg");
        }
    #contents>main + .lnav .venuelist li:last-of-type .photo strong{
        display: none;
    }
    #contents>main + .lnav .venuelist li:last-of-type .photo::before{
        content: "";
        display: block;
        width: 100%;
        background: #5E7441;
        opacity: .8;
        position: absolute;
        left: 0;top: 0;bottom: 0;
    }
    #contents>main + .lnav .venuelist li:last-of-type .photo::after{
        content:"";
        display: block;
        border: .3rem solid transparent;
        border-left: .3rem solid #fff;
        position:absolute;
        right:1rem;top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        transform:translateY(-50%);
    }
    #contents>main + .lnav .venuelist li:last-of-type .title{
        text-align: center;
        font-size: .9rem;
        position:absolute;
        left:50%;top:50%;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }
    #contents>main + .lnav .venuelist li:last-of-type .title span{
        display: block;
        margin: 0;
        font-size: 1.4rem;
        letter-spacing: .2em;
    }
*/
    /*--------------------------
        Venue List（中）
    ---------------------------*/
    /*
    main .lnav{
        display: none;
        width: 100%;
        position: fixed;
        left: 0;bottom: 0;
        z-index: 9999;
    }
*/
    /*================================
        Venue
    ================================*/
    main .venue {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 7rem 0 0;
        position: relative;
    }

    main .venue > * {
        width: 100%;
    }
    main .venue h2 {
        margin-bottom: 3rem;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: .05em;
        color: #4A521E;
    }
    main .venue h2 span {
        display: block;
        margin-bottom: .5rem;
        font-size: 2.5rem;
    }
    
    /*--------------------------
        Copy, Text
    ---------------------------*/
    main .venue .details {
        padding-bottom: 2.5rem;
    }
    main .venue .details .note {
        padding: 0 2rem;
        margin-top: 3rem;
        font-size: 1.3rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
    }
    main .venue .details .note p:not(.copy) br {
        display: none;
    }
    main .venue .details .note .copy {
        text-align: center;
        margin-bottom: 1.4rem;
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        line-height: 1.45;
    }
    main .venue .details .note .infolist {
        border-top: 1px solid #D3D3C9;
        margin: 2.5rem 0 0;
        padding-top: 2.5rem;
        text-align: center;
    }
    
    
    /*--------------------------
        Photo List
    ---------------------------*/
    main .venue .photolist {
        -webkit-order: 2;
        order: 2;
    }
    main .venue .photolist li {}
    /*--------------------------
        photogallery
    ---------------------------*/
    .venue .bg_block {
        background: #EFEFEC;
        padding: 5rem 0;
    }
    .photogallery {
        max-width: 89.3333%;
        margin: 0 auto 3.3rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .photogallery li {
        width: 31.9403%;
        padding-top: 31.9403%;
        margin-bottom: .7rem;
        position: relative;
    }
    .photogallery li a {
        position: static;
    }
    .photogallery li img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*--------------------------
        photomodal
    ---------------------------*/
    .photomodal_overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .79);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 0;
        pointer-events: none;
        transition: opacity .5s;
    }
    .photomodal_overlay.show {
        opacity: 1;
        pointer-events: all;
    }
    .photomodal_content {
        max-width: 89.3333%;
        margin: 0 auto;
        position: relative;
    }
    main .venue .photomodal_content .slick-prev, main .venue .photomodal_content .slick-next {
        width: 2.5rem;
        height: 2.5rem;
        background: #fff;
        border-radius: 50%;
        right: -1.25rem;
        z-index: 1100;
    }
    main .venue .photomodal_content .slick-prev {
        right: auto;
        left: -1.25rem;
    }
    main .venue .photomodal_content .slick-prev::after, main .venue .photomodal_content .slick-next::after {
        content: '';
        display: block;
        width: .5rem;
        height: .5rem;
        border-top: .1rem solid #000;
        border-right: .1rem solid #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: rotate(45deg);
        margin: auto;
    }
    main .venue .photomodal_content .slick-list,
    main .venue .photomodal_content .slick-track {
        display: flex;
        align-items: center;
    }
    main .venue .photomodal_content .slick-slide {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    main .venue .photomodal_content .slick-slide img {
        max-height: 90svh;
        width: auto;
        margin: 0 auto;
    }
    main .venue .photomodal_content .slick-prev::after {
        transform: rotate(-135deg);
    }
    .photomodal_close {
        appearance: none;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: -3rem;
        right: 0;
        border: 0;
        border-radius: 0;
        background: none;
    }
    .photomodal_close::before, .photomodal_close::after {
        content: '';
        display: block;
        width: .2rem;
        height: 2rem;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg);
    }
    .photomodal_close::after {
        transform: rotate(-45deg);
    }
    
    
    /*--------------------------
        Report
    ---------------------------*/
    main .venue .related {
        -webkit-order: 4;
        order: 4;
        background: #F9F9F7;
        padding: 4rem 0 4rem;
        position: relative;
    }
    
    main .venue .report h3 {
        margin-bottom: 3rem;
        text-align: center;
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: .05em;
        color: #4A521E;
    }
    main .venue .report h3 span {
        display: block;
        margin-bottom: 1rem;
        font-size: 2rem;
    }
    main .venue .report .reportlist {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        width: 90%;
        margin: 0 auto;
    }
    main .venue .report .reportlist li {
        width: 28%;
        margin: 0 1rem;
        text-align: center;
        letter-spacing: .1em;
        font-size: 1rem;
        color: #4A521E;
    }
    main .venue .report .reportlist li:first-of-type {
        margin-left: 0;
    }
    main .venue .report .reportlist li:last-of-type {
        margin-right: 0;
    }
    main .venue .report .reportlist li img {
        display: block;
        height: 9.45rem;
        margin-bottom: 1rem;
        border-radius: 50%;
    }
    /*--------------------------
        Coordinate
    ---------------------------*/
    main .venue .recommend {}
    main .venue .coordinate {
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 4rem 5% 4rem;
        text-align: center;
        font-size: .8rem;
        letter-spacing: .2em;
    }
    /* Ceremony-------------------*/
    body.ceremony main .venue#higashiyama .coordinate {
        background-image: url("/wedding/assets/img/ceremony/higashiyama/mainphoto.jpg");
    }
    body.ceremony main .venue#cozy .coordinate {
        background-image: url("/wedding/assets/img/ceremony/cozy/mainphoto.jpg");
    }
    body.ceremony main .venue#atelier .coordinate {
        background-image: url("/wedding/assets/img/ceremony/atelier/mainphoto.jpg");
    }
    body.ceremony main .venue#traditional .coordinate {
        background-image: url("/wedding/assets/img/ceremony/traditional/mainphoto.jpg");
    }
    /* Banquet-------------------*/
    body.banquet main .venue#pagoda .coordinate {
        background-image: url("/wedding/assets/img/banquet/pagoda/mainphoto.jpg");
    }
    body.banquet main .venue#higashiyama .coordinate {
        background-image: url("/wedding/assets/img/banquet/higashiyama/mainphoto.jpg");
    }
    body.banquet main .venue#terrace .coordinate {
        background-image: url("/wedding/assets/img/banquet/terrace/mainphoto.jpg");
    }
    body.banquet main .venue#atelier .coordinate {
        background-image: url("/wedding/assets/img/banquet/atelier/mainphoto.jpg");
    }
    body.banquet main .venue#yasaka .coordinate {
        background-image: url("/wedding/assets/img/banquet/yasaka/mainphoto.jpg");
    }
    body.banquet main .venue#camera .coordinate {
        background-image: url("/wedding/assets/img/banquet/camera/mainphoto.jpg");
    }
    main .venue .coordinate::before {
        content: "";
        display: block;
        width: 100%;
        background: #B55245;
        opacity: .9;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }
    main .venue .coordinate img {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 45%;
    }
    main .venue .coordinate a {
        display: block;
        padding: 3rem 50% 3rem 3rem;
        color: #fff;
        position: relative;
        z-index: 2;
    }
    main .venue .coordinate span {
        display: block;
        margin-bottom: .5rem;
        font-size: 1.4rem;
        letter-spacing: .2em;
    }
    /*--------------------------
        Recommend List
    ---------------------------*/
    main .venue .recommendlist {
        width: 90%;
        margin: 3rem auto 0;
        position: relative;
        z-index: 2;
    }
    main .venue .recommendlist li {}
    main .venue .recommendlist li:last-of-type {
        display: none;
    }
    main .venue .recommendlist li a {
        display: block;
        background: #189A6F;
        padding: 1.5rem;
        text-align: center;
        font-size: 1.1rem;
        color: #fff;
        position: relative;
    }
    main .venue .recommendlist li a::before {
        content: "";
        display: block;
        border: .3rem solid transparent;
        border-left: .3rem solid #fff;
        position: absolute;
        left: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    /*--------------------------
        Close
    ---------------------------*/
    main .venue .related .close {
        display: none;
        position: absolute;
        left: 50%;
        bottom: -2.5rem;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 8rem;
        height: 8rem;
        background: #F9F9F7;
        border-radius: 50%;
        padding-top: 5.5rem;
        text-align: center;
        font-family: 'Crimson Text', serif;
        font-size: .9rem;
        line-height: 1;
        letter-spacing: .2em;
    }
    main .venue .related .close::before {
        content: "";
        display: block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        left: 50%;
        bottom: 3rem;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
    }
    /*--------------------------
        Show Related
    ---------------------------*/
    main .venue .showrelated {
        -webkit-order: 5;
        order: 5;
        display: none;
        width: 90%;
        background: #5E7441;
        margin: 0 auto 0;
        padding: 1.5rem;
        text-align: center;
        font-size: 1.1rem;
        color: #fff;
        position: relative;
    }
    main .venue .showrelated::before {
        content: "";
        display: block;
        border: .3rem solid transparent;
        border-top: .3rem solid #fff;
        position: absolute;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}