@charset "utf-8";

/* ----------------------------------------------
カラー
----------------------------------------------- */
:root{
    --color-primary: #000;
    --color-gray: #F2F2F2;
    --color-border: #E6E6E6;
    --color-bg: #fff;
}

/* ----------------------------------------------
フォント
----------------------------------------------- */

@font-face
{
font-family:"こころ明朝" ;
src: url('https://cdn.leafscape.be/kokoro/Kokoro_web.woff2')
     format("woff2");
}

:root{
  --primaryJP: "こころ明朝","游明朝体","Yu Mincho";
  --primaryEN: "Cinzel", serif;
    --textEN: "Lora", serif;
}

body{
    font-family: var(--primaryJP);
    line-height: 1.6;
}

/* ----------------------------------------------
トップページ
----------------------------------------------- */

/* 
マージン
----------------------------------------------- */
.p-topSpacer{
    margin-top: 160px;
    margin-bottom: 160px;
}  

.c-imgBoxWrap + .c-headingWrap{
    margin-top: 160px;
}
.c-headingWrap + .c-map{
    margin-top: 100px;
}

@media screen and (max-width: 750px) {
    .p-topSpacer{
        margin-top: 100px;
        margin-bottom: 100px;
    }  
    
    .c-imgBoxWrap + .c-headingWrap{
        margin-top: 100px;
    } }

/* 
hero ロゴ
----------------------------------------------- */
.p-topKyoyamato__logo{
    max-width: 100px;
    width: 80%;
  }

.p-kyoyamato__logo{
    position: absolute;
    bottom: 60px;
    left: 60px;
    max-width: 50px;
    width: 80%;
    z-index: 3;
}

.p-kyorinsen__logo{
    max-width: 300px;
    width: 80%;
}

@media screen and (max-width: 750px) {
    .p-kyoyamato__logo{
        bottom: 20px;
        left: 20px;
        max-width: 40px;
}}

/* 
トップページ/画像
----------------------------------------------- */

/* 京大和 */
.p-top__kyoyamatoImg01{
    background: url(../img/top/topKyoyamato01.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg02{
    background: url(../img/top/topKyoyamato02.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg03{
    background: url(../img/top/topKyoyamato03.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg04{
    background: url(../img/top/topKyoyamato04.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg05{
    background: url(../img/top/topKyoyamato05.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg06{
    background: url(../img/top/topKyoyamato06.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg07{
    background: url(../img/top/topKyoyamato07.webp) no-repeat center/cover;
}

.p-top__kyoyamatoImg08{
    background: url(../img/top/topKyoyamato08.webp) no-repeat center/cover;
}
.p-top__kyoyamatoImg09{
    background: url(../img/top/topKyoyamato09.webp) no-repeat center/cover;
}

.p-top__kyorinsenImg01{
    background: url(../img/top/topKyorinsen01.webp) no-repeat center/cover;
}
.p-top__kyorinsenImg02{
    background: url(../img/top/topKyorinsen02.webp) no-repeat center/cover;
}
.p-top__kyorinsenImg03{
    background: url(../img/top/topKyorinsen03.webp) no-repeat center/cover;
}

/* 
トップページ/導入
----------------------------------------------- */
.p-introheadingWrap{
    text-align: center;
    padding-top: 40px;
    margin-bottom: 100px;
}

.p-introGrid{
    display: flex;
    justify-content: center;
    gap: 100px;
}

.p-introGrid .c-menuBox{
    max-width: 400px;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 80px;
}

@media screen and (max-width: 750px) {
    .p-introheadingWrap{
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .p-introGrid{
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .p-introGrid .c-menuBox{
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}


/* 
トップページ/お知らせ
----------------------------------------------- */

.p-topNews{
    margin-top: 140px;
    padding-top: 80px;
    border-top: var(--color-border) 1px solid;
}

.p-topNews__heading-en{
    font-size: 1.5rem;
    font-family: var(--primaryEN);
    text-align: center;
    letter-spacing: 1rem;
}

.p-topNews__grid{
    display: flex;
    margin-top: 120px;
    margin-bottom: 40px;
}

.p-topNews__heading{
    position: relative;
    padding-top: 30px;

    font-size: 1.5rem;
    writing-mode: vertical-rl;

    display: flex;
    align-items: center;
    width: 27.0833333333%;
}

.p-topNews__heading::before {
    content: '';
    position: absolute;
    background: url(../img/common/icon-logo.svg) no-repeat center/cover;
    width: 24px;
    height: 24px;
    
    top: 0;
}
  
.p-topNews__list{
    width:72.9166666667%;
    font-size: 0.875rem;
}

.p-topNews__list li:first-child{
    border-top: var(--color-border) 1px solid;
}

.p-topNews__item{
    display: flex;
    gap: 8.5%;

    align-items: center;
    padding: 40px 0;
    border-bottom: var(--color-border) 1px solid;
}

/* .p-topNews__item:hover{
    background-color: var(--color-gray);
} */

.p-topNews .c-btn__noLine{
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 750px) {

    .p-topNews__grid{
        flex-direction: column;
        gap: 40px;

        margin-top: 40px;
        margin-bottom: 16px;
    }
    
    .p-topNews__heading,
    .p-topNews__list{
        width: 100%;
    }
}

/* ----------------------------------------------
下層
----------------------------------------------- */

/* ----------------------------------------------
京大和
----------------------------------------------- */

.p-kyoyamato__textBox{
    margin-top: 120px;
    margin-bottom: 120px;
}

/* hero
----------------------------------------------- */

.p-kyoyamatoHero__copy{
    position: relative;
}

.p-kyoyamatoHero__copy::before,
.p-kyoyamatoHero__copy::after{
    position: absolute;
    writing-mode: horizontal-tb;
    line-height: 1rem;
    font-size: 3rem;
}

.p-kyoyamatoHero__copy::before{
    content: "”";
    top: 0;
    right: -2rem;
}

.p-kyoyamatoHero__copy::after{
    content: "“";
    bottom: -0.8em;
    left: -2rem;
}

/* ご挨拶
----------------------------------------------- */

.p-kyoyamatoGreeting{
    text-align: center;
    line-height: 3em;

    margin-top: 120px;
    margin-bottom: 120px;
}

/* 沿革
----------------------------------------------- */

.p-kyoyamato__tableWrap{
    background-color: #f2f2f2;
    padding: 80px 100px;
}

.p-kyoyamato__tableWrap table{
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    /* padding-inline: 40px; */
}

.p-kyoyamato__tableHeading{
    font-size: 1.5rem;
    text-align: center;

    margin-bottom: 40px;
}

.p-kyoyamato__table tr{
    width: 100%;
    display: flex;
    align-items: center;

    padding: 12px 0px;
    border-bottom: #fff 1px solid;
}

.p-kyoyamato__table tr:first-child{
    border-top: #fff 1px solid;
}

.p-kyoyamato__table .-year{
    width: 20%;
    min-width: 200px;
}

@media screen and (max-width: 750px) {

    .p-kyoyamato__tableWrap {
        padding: 40px 20px;}
        
    .p-kyoyamato__table tr{
        flex-direction: column;
        align-items: baseline;
        padding: 16px 0px;
    }

    .p-kyoyamato__table .-year{
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

/* 画像
----------------------------------------------- */

.p-kyoyamato__img01{
    background: url(../img/kyoyamato/kyoyamato01.webp) no-repeat center/cover;
}

.p-kyoyamato__img02{
    background: url(../img/kyoyamato/kyoyamato02.webp) no-repeat center/cover;
    /* 400px */
    height: clamp(20rem, 17.5rem + 12.5vw, 25rem);
}

.p-kyoyamato__img03{
    background: url(../img/kyoyamato/kyoyamato03.webp) no-repeat center/cover;
    /* 400px */
    height: clamp(20rem, 17.5rem + 12.5vw, 25rem);
}

.p-kyoyamato__img04{
    background: url(../img/kyoyamato/kyoyamato04.webp) no-repeat center/cover;
     /* 315px */
    height: clamp(15.625rem, 14.148rem + 7.39vw, 19.688rem)
}

.p-kyoyamato__img02,
.p-kyoyamato__img03,
.p-kyoyamato__img04{
    margin-top: 120px;
    margin-bottom: 120px;
}

/* スライド画像 */
.p-kyoyamatoSlide__img01{
    background: url(../img/kyoyamato/kyoyamato_slide01.webp) no-repeat center/cover;
}

.p-kyoyamatoSlide__img02{
    background: url(../img/kyoyamato/kyoyamato_slide02.webp) no-repeat center/cover;
}

.p-kyoyamatoSlide__img03{
    background: url(../img/kyoyamato/kyoyamato_slide03.webp) no-repeat center/cover;
}

/* 
京大和/お料理
----------------------------------------------- */

.p-kyoyamatoCuisine__img01{
    background: url(../img/kyoyamato/kyoyamatoCuisine01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyoyamatoCuisine__img02{
    background: url(../img/kyoyamato/kyoyamatoCuisine02.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisine__img03{
    background: url(../img/kyoyamato/kyoyamatoCuisine03.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisine__img04{
    background: url(../img/kyoyamato/kyoyamatoCuisine04.webp) no-repeat center/cover;
}

/* スライド画像 */
.p-kyoyamatoCuisineSlide__img01{
    background: url(../img/kyoyamato/kyoyamatoCuisine_slide01.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisineSlide__img02{
    background: url(../img/kyoyamato/kyoyamatoCuisine_slide02.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisineSlide__img03{
    background: url(../img/kyoyamato/kyoyamatoCuisine_slide03.webp) no-repeat center/cover;
}

/* 
京大和/お部屋
----------------------------------------------- */

.p-kyoyamatoRooms__img01{
    background: url(../img/kyoyamato/kyoyamatoRooms01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyoyamatoRooms__img02{
    background: url(../img/kyoyamato/kyoyamatoRooms02.webp) no-repeat center/cover;
}

.p-kyoyamatoRooms__img03{
    background: url(../img/kyoyamato/kyoyamatoRooms03.webp) no-repeat center/cover;
}

.p-kyoyamatoRooms__img04{
    background: url(../img/kyoyamato/kyoyamatoRooms04.webp) no-repeat center/cover;
}

/* スライド画像 */
.p-kyoyamatoRoomsSlide__img01{
    background: url(../img/kyoyamato/kyoyamatoRooms_slide01.webp) no-repeat center/cover;
}

.p-kyoyamatoRoomsSlide__img02{
    background: url(../img/kyoyamato/kyoyamatoRooms_slide02.webp) no-repeat center/cover;
}

.p-kyoyamatoRoomsSlide__img03{
    background: url(../img/kyoyamato/kyoyamatoRooms_slide03.webp) no-repeat center/cover;
}

/* 
京大和/ ご利用シーン
----------------------------------------------- */

/* ウェディングテキスト */
.p-kyoyamatoWedding__textBox{
    text-align: center;
    margin-bottom: 120px;
}

.p-kyoyamatoWedding__copy{
    font-size: 1.25rem;
    line-height: 3rem;

    margin-bottom: 80px;
}

/* 画像 */
.p-kyoyamatoPrivate__img01{
    background: url(../img/kyoyamato/kyoyamatoPrivate01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyoyamatoPrivate__img02{
    background: url(../img/kyoyamato/kyoyamatoPrivate02.webp) no-repeat center/cover;
}

.p-kyoyamatoPrivate__img03{
    background: url(../img/kyoyamato/kyoyamatoPrivate03.webp) no-repeat center/cover;
}

.p-kyoyamatoBusiness__img01{
    background: url(../img/kyoyamato/kyoyamatoBusiness01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyoyamatoBusiness__img02{
    background: url(../img/kyoyamato/kyoyamatoBusiness02.webp) no-repeat center/cover;
}

.p-kyoyamatoBusiness__img03{
    background: url(../img/kyoyamato/kyoyamatoBusiness03.webp) no-repeat center/cover;
}

.p-kyoyamatoWedding__img01{
    background: url(../img/kyoyamato/kyoyamatoWedding01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyoyamatoWedding__img02{
    background: url(../img/kyoyamato/kyoyamatoWedding02.webp) no-repeat center/cover;
}

.p-kyoyamatoWedding__img03{
    background: url(../img/kyoyamato/kyoyamatoWedding03.webp) no-repeat center/cover;
}

.p-kyoyamatoWedding__img04{
    background: url(../img/kyoyamato/kyoyamatoWedding04.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}


/* ----------------------------------------------
京林泉
----------------------------------------------- */

.p-kyorinsen__textBox{
    text-align: center;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyorinsen__copy{
    font-size: 1.25rem;
    line-height: 3rem;

    margin-bottom: 40px;
}

/* 画像 */
.p-kyorinsen__img01{
    background: url(../img/kyorinsen/kyorinsen01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyorinsen__img02{
    background: url(../img/kyorinsen/kyorinsen02.webp) no-repeat center/cover;
}

.p-kyorinsen__img03{
    background: url(../img/kyorinsen/kyorinsen03.webp) no-repeat center/cover;
}

.p-kyorinsen__img04{
    background: url(../img/kyorinsen/kyorinsen04.webp) no-repeat center/cover;
}

.p-kyorinsen__img05{
    background: url(../img/kyorinsen/kyorinsen05.webp) no-repeat center/cover;
}

.p-kyorinsen__img06{
    background: url(../img/kyorinsen/kyorinsen06.webp) no-repeat center/cover;
}

.p-kyorinsen__img07{
    background: url(../img/kyorinsen/kyorinsen07.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-kyorinsen__img08{
    background: url(../img/kyorinsen/kyorinsen08.webp) no-repeat center/cover;
}

/* スライド画像 */
.p-kyorinsenSlide__img01{
    background: url(../img/kyorinsen/kyorinsen_slide01.webp) no-repeat center/cover;
}

.p-kyorinsenSlide__img02{
    background: url(../img/kyorinsen/kyorinsen_slide02.webp) no-repeat center/cover;
}

.p-kyorinsenSlide__img03{
    background: url(../img/kyorinsen/kyorinsen_slide03.webp) no-repeat center/cover;
}

/*
京林泉 料理
----------------------------------------------- */

.p-kyorinsenCuisine__img01{
    background: url(../img/kyorinsen/kyorinsenCuisine01.webp) no-repeat center/cover;
    margin-top: 120px;
    margin-bottom: 120px;
}
.p-kyorinsenCuisine__img02{
    background: url(../img/kyorinsen/kyorinsenCuisine02.webp) no-repeat center/cover;
}

/* スライド画像 */
.p-kyoyamatoCuisineSlide__img01{
    background: url(../img/kyorinsen/kyorinsenCuisine_slide01.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisineSlide__img02{
    background: url(../img/kyorinsen/kyorinsenCuisine_slide02.webp) no-repeat center/cover;
}

.p-kyoyamatoCuisineSlide__img03{
    background: url(../img/kyorinsen/kyorinsenCuisine_slide03.webp) no-repeat center/cover;
}

/* ----------------------------------------------
料理　（京大和 京林泉 共通）
----------------------------------------------- */

.p-cuisine__text{
    text-align: center;
}

.p-cuisine__menu{
    text-align: center;
    font-size: 0.875rem;

    margin-top: 100px;
    margin-bottom: 100px;
}

.p-cuisine__menuList{
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.p-cuisine__menu-item{
    margin-top: 40px;
    margin-bottom: 30px;
}

.p-cuisine__menu-item .-menuPrice{
    display: flex;
    justify-content: space-between;
}

.p-cuisine__menu-item .-price,
.p-cuisine__menu-item .-menu{
font-size: 1.125rem;
line-height: 2rem;}

.p-cuisine__menu-item .-menu{
    text-align: left;
    position: relative;
    padding-left: 1.2rem;}

.p-cuisine__menu-item .-menu::before{
    position: absolute;
    content:"◆";
    left: 0;
}

.p-cuisine__menu-item .-menu span{
    font-size: 0.875rem;
    margin-left: 4px;
}

.p-cuisine__menu-item .-menu span.-mark{
    font-size: 0.8125rem;
    color: #fff;
    background-color: var(--color-primary);
    padding: 2px;
    margin-left: 4px;
}


.p-cuisine__menu-item .-detail{
    text-align: justify;
    font-size: 0.875rem;
    padding-left: 1rem;}


    
@media screen and (max-width: 750px) {
    .p-cuisine__text{
        writing-mode: horizontal-tb;
        text-align: center;
        line-height: 2rem;
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .p-cuisine__text .u-kigou{
          transform: rotate(0deg);
    }

    .p-cuisine__text .u-kutouten {
        position: unset;
    }

    .p-cuisine__menu,
    .p-cuisine__menu{
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .p-cuisine__menuList,
    .p-cuisine__menuList{
        gap: 40px;
    }

    .p-cuisine__menu-item .-menu span{
        margin-left: 0px;
    }
}

/* ----------------------------------------------
会社概要
----------------------------------------------- */

.p-company__table{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 120px;
}

.p-company__table dl{
    display: flex;
    border-bottom: #000 0.5px solid
}

.p-company__table dl:first-child{
    border-top: #000 0.5px solid
}

.p-company__table dd,
.p-company__table dt{
    padding: 12px 30px;
}

.p-company__table dt{
    min-width: 150px;
    width: 20%;
    border-right: #000 0.5px solid;
}

@media screen and (max-width: 750px) {

    .p-company__table{
        margin-top: 80px;
    }

    .p-company__table dd,
    .p-company__table dt{
        padding: 12px 20px;
        }

    .p-company__table dt{
        min-width: 120px;}
}

/* ----------------------------------------------
採用情報
----------------------------------------------- */

.p-recruit__tableWrap{
    display: flex;
    flex-direction: column;
    gap: 80px;

    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 120px;
}


.p-recruit__table-heading{
    text-align: left;
    margin-bottom: 50px;
}

.p-recruit__textBox{
    margin-bottom: 20px;
}

.p-recruit__copy{
    font-weight: 600;
    margin-bottom: 12px;
}

.p-recruit__table{
    width: 100%;
}

.p-recruit__table tr{
    width: 100%;
    display: flex;
    gap: 32px;
    padding: 12px 0px;
}

.p-recruit__table th{
    width: 6em;
    text-align: justify;
    text-align-last: justify;
    font-weight: 300;
}

/* .p-recruit__table td{
    width: 80%;
} */

.p-recruit__table th.u-max200{
    min-width: 200px;
}


.p-recruit__table td{
    display: flex;
    align-items: center;
}

.p-recruit__table td ul li{
    text-indent: -1em;
    padding-left: 1em;
}

.p-recruit__table td ul li::before{
    content: "・";
}

.p-recruit__table td ul li.-job + li.-job{
    margin-top: 10px;
}


@media screen and (max-width: 750px) {

    .p-recruit__tableWrap{
        margin-top: 80px;
    }    

    .p-recruit__table-heading{
        margin-bottom: 24px;
    }

    .p-recruit__table tr{
        flex-direction: column;
        align-items: baseline;
        gap: 0px;
        padding: 16px 0px;
    }

    .p-recruit__table th{
        width: 100%;
        max-width: 100%;
        font-size: 1rem;
        margin-bottom: 8px;
        text-align-last: auto;
    }

    .p-recruit__table th.u-max200{
        max-width: 100%;
    }
    

    .p-recruit__table td{
        padding-left: 1rem;
        width: 100%;
    }
}

/*
お問合せフォーム
----------------------------------------------- */

.p-contact__infoBox{
    text-align: center;
    margin-top: 120px;
}

.p-contact__infoBox dl{
    display: flex;
    flex-wrap: wrap;
}

.p-contact__infoBox dt,
.p-contact__infoBox dd{
    display: inline;
    width: 50%;
}

.p-contact__infoBox dt{
    position: relative;
    text-align: end;
    padding-right: 1em;
}

.p-contact__infoBox dt::after{
    position: absolute;
    content: "：";
}

.p-contact__infoBox dd{
    text-align: justify;
}


.p-contact__formWrap{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 120px;
    margin-top: 80px;
}

.p-contact__formlist{
    display: flex;
    flex-direction: column;
    gap: 24px;

    margin-bottom: 40px;
}

.p-contact__form .p-contact__formlist li {
    display: flex;
    gap: 8px 10px;
    flex-wrap: wrap;
}

.p-contact__form .p-contact__formlist .label{
    width: 11em;
}

.p-contact__form .p-contact__formlist .must{
    color: #AB2D2D;
    font-size: 0.875rem;
    margin-left: 10px;
}

.p-contact__form .err{
    width: 100%;
    color: #AB2D2D;
    font-size: 0.75rem;
    text-align: end;
}

.p-contact__checkbox .err{
    text-align: center;
    margin-top: 8px;
}

.p-contact__form .p-contact__formlist input,
.p-contact__form .p-contact__formlist textarea{
    width: calc(100% - (11em + 10px));
    border: var(--color-border) 1px solid;
}

.p-contact__form .p-contact__formlist input{
    padding: 8px 10px;
    height: 50px;
}

.p-contact__form .p-contact__formlist textarea{
    padding: 8px 10px;
    height: 250px;
}

.p-contact__form-personal .text{
    overflow-y: scroll;
    padding: 8px 10px;
    border: var(--color-border) 1px solid;

    height: 200px;
    margin-top: 8px;
}

.p-contact__checkbox{
    display: block;
    text-align: center;
    line-height: 20px;
    margin-top: 60px;
}

.p-contact__checkbox .check {
    width: 20px;
    height: 20px;
    background-color: black;
    margin-right: 15px;
    border-radius: 5px;
    margin-top: -2px;
}

.p-contact__btnWrap{
    margin-top: 75px;
  }

.p-contact__form .c-btn{
    font-size: 0.875rem;
    letter-spacing: 0.2em;

    display: block;
    margin: 0 auto;
}


@media screen and (max-width: 750px) {
    .p-contact__form .p-contact__formlist li {
       flex-direction: column;
    }
    
    .p-contact__form .p-contact__formlist .label{
        width: 100%;
    }

    .p-contact__form .p-contact__formlist input,
    .p-contact__form .p-contact__formlist textarea{
    width: 100%;}
}


/* ----------------------------------------------
お知らせ
----------------------------------------------- */

.p-newsWrap{
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    padding-inline: 40px;
    padding: 0 20px;
    margin-top: 120px;
}

.p-newsList{
    display: flex;
    flex-direction: column;
}

.p-newsItem{
    padding: 48px 0;
    border-bottom: #ccc solid 0.5px;
}

.p-newsItem:first-child{
    border-top: #ccc solid 0.5px;
}

.p-newsItem__date,
.p-newsItem__title{
    display: inline-block;
    font-size: 1.5rem;
}

.p-newsItem__contents{
    margin-top: 40px;
}

.p-pagenation{
    display: flex;
    justify-content: space-between;

    margin-top: 120px;
}

.p-pagenation a{
    position: relative;
}

.p-pagenation a.p-pagenation__next{
    position: relative;
    padding-right: 1em;
}

.p-pagenation a.p-pagenation__prev{
    position: relative;
    padding-left: 1em;
}

.p-pagenation a.p-pagenation__next::before,
.p-pagenation a.p-pagenation__prev::before{
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    transition: ease 0.4s;
    border-top: 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
}

.p-pagenation a.p-pagenation__next::before{
    right: 0px;
    transform: translate(0, -50%) rotate(45deg);
}

.p-pagenation a.p-pagenation__prev::before{
    left: 0px;
    transform: translate(0, -50%) rotate(-135deg);
}

.p-pagenation a:hover{
    opacity: 0.4;
    transition: ease 0.4s;
}

@media screen and (max-width: 750px) {
    .p-newsItem__date,
    .p-newsItem__title{
        display: inline-block;
    font-size: 1.25rem;
}

    .p-newsItem__contents{
        margin-top: 24px;
    }

    .p-pagenation{
    margin-top: 40px;
    }
}





/* ----------------------------------------------
英語ページ
----------------------------------------------- */

.p-EN-intro__list{
    display: flex;
    flex-direction: column;
    gap: 100px;

    margin-top: 60px;
    margin-bottom: 60px;
}

.p-EN-cuisine__menu{
    max-width: 500px;
    margin: 0 auto;

    margin-top: 60px;
    text-align: center;
}

.p-EN-cuisine__menuList{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.p-EN-cuisine__menuList .p-cuisine__menuType .c-heading03{
    font-size: 1.25rem;
    font-family: var(--primaryEN);
    letter-spacing: 0.25em;
}

.p-EN-cuisine__menuList .p-cuisine__menuType .c-heading03 span{
    font-family: var(--textEN);
    display: block;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
}

.p-EN-cuisine__menuList .p-cuisine__menu-item .-price{
    font-size: 1.25rem;
    font-family: var(--primaryEN);
    letter-spacing: 0.2em;
}

.p-EN-access{
    text-align: center;
}

.p-EN-access__heading{
    font-family: var(--primaryEN);
    font-size: 1.25rem;
    letter-spacing: 0.2em;

    margin-top: 60px;
    margin-bottom: 30px;
}

.p-EN-accessBox{
    font-family: var(--textEN);
    font-size: 0.875rem;
    line-height: 2.5em;
    letter-spacing: 0.1em;
}

.p-EN-accessBox p + p{
    margin-top: 1em;
}

.p-EN-rsvBtn{
    position: relative;
    display: inline-block;

    transition: ease 0.4s;
    border: 1px solid var(--color-primary);
}

.p-EN-rsvBtn img{
    width: 300px;
    height: auto;
    padding: 20px 48px ;
}

.p-EN-rsvBtn::after{
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    transition: ease 0.4s;
    border-top: 1px solid var(--color-primary);
    border-right: 1px solid var(--color-primary);
    transform: translate(0, -50%) rotate(45deg);
}

.p-EN-rsvBtn:hover{
    opacity: 0.6;
}


@media screen and (max-width: 750px) {

    .p-EN-intro__list{
    gap: 60px;
    margin-bottom: 40px;
    }

.p-EN-cuisine__menuList{
    gap: 0;
}

  .p-EN-cuisine__menu {
    margin-top: 40px;
    }

    .p-EN-cuisine__menuList .p-cuisine__menu-item .-price{
    font-size: 1rem;
}

.p-EN-access__heading{

    font-size: 1.125rem;
        margin-top: 30px;
    margin-bottom: 16px;
}

.c-EN-heading__copy{
    margin-bottom: 40px;
}

}