.logo__header{
    display: none;
}

/*======================================================mainVisual======================================================*/

.mainVisual__inner{
    position: relative;
}

header{
    position: absolute;
    width: 100%;
    right: 0;
}

.mainVisual__img img{
    height: 100vh;
    object-fit: cover;
}

.mainVisual__conts{
    position: absolute;
    z-index: 2;
    top: 25%;
    left: 100px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
    width: calc(100% - 200px);
}

.mainVisual__logo,
.mainVisual__info{
    grid-column: 1 / 3;
}

.mainVisual__info .shopInfo{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    margin-top: 50px;
}

.businessHours{
    grid-column: 1 / 2;
    display: flex;
    justify-content: space-between;
    width: 175px;
}

.businessHours ul:nth-child(1){
    padding-right: 30px;
    border-right: solid #fff 1px;
}

.mainVisual__info .shopInfo a{
    grid-column: 1 / 2;
}

.mainVisual__info .shopInfo a .sns {
    display: flex;
}

.mainVisual__info .shopInfo a .sns .sns__icon{
    margin-right: 10px;
}

.mainVisual__info .shopInfo .reservation{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    width: 175px;
}

.mainVisual__info .shopInfo .reservation ul{
    display: flex;
    justify-content: space-between;
}

.mainVisual__info .shopInfo .reservation ul li:nth-child(1){
    padding-right: 15px;
    border-right: solid #fff 1px;
}

.mainVisual__info .shopInfo .holiday{
    grid-column: 2 / 3;
    width: 180px;
}

.mainVisual__info .shopInfo .holiday p:nth-child(1){
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid #fff 1px;
}

.mainCopy{
    grid-column: 4 / 6;
    position: absolute;
    bottom: -20%;
}

.mainCopy h1{
    font-size: 1.7em;
}

.mainCopy p{
    font-size: 1.2em;
    margin-top: 10px;
}

/*======================================================about======================================================*/

.about__top__img{
    grid-column: 1 / 4;
}

.about__top__img img{
    height: 100%;
    object-fit: cover;
    border-radius: 0 25px 25px 0;
    width: calc(100% + 150px);
    margin-left: -200px;
}

.about__top__conts{
    grid-column: 4 / 6;
}

.about__conts{
    margin-top: 80px;
}

.about__top__conts .en{
    margin-top: 80px;
}

.en p{
    font-size: 0.75em;
}

.about__top__conts .btn{
    margin-top: 80px;
    width: calc(100% / 2 - 50px);
}

/*======================================================recommended======================================================*/

.recommendedMenu{
    background-image: url("data:image/svg+xml,%3Csvg width='1728' height='970' viewBox='0 0 1728 970' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M110.575 16.6108L0 36V750L1.97139e-05 781L215.668 841.085C317.037 869.327 424.683 865.316 523.669 829.608C637.456 788.562 762.172 789.566 875.284 832.44L1058.64 901.94C1238.97 970.291 1434.78 987.004 1624.09 950.202L1728 930L1728 750V185L1728 182H1717.23L1513.67 125.289C1411.43 96.8042 1302.86 100.85 1203.02 136.865C1089.97 177.646 966.161 177.292 853.345 135.863L663.136 66.0154C486.518 1.15769 295.898 -15.8855 110.575 16.6108Z' fill='%23D7D6D6'/%3E%3C/svg%3E");
    background-size: cover;
    height: 80vh;
	padding-top: 10vh;
}

.recommendedMenu__inner{
    padding-top: 100px;
}

.recommendedMenu__inner .bookmark__left{
    grid-column: 1 / 2;
}

.recommendedMenu__inner .bookmark__left .bookmark__number{
    margin-left: 75px;
}

.sectionInfo{
    grid-column: 1 / 2;
}

.recommendedMenu__inner .ja p,
.recommendedMenu__inner .en p{
    color: #383123;
}

.recommendedMenu__inner .ja{
    margin-top: 50px;
}

.recommendedMenu__inner .en{
    margin-top: 100px;
}

.sectionBox{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    grid-column: 2 / 6;
}

.sectionBox a:nth-child(1){
    grid-column: 1 / 3;
}

.sectionBox a:nth-child(2){
    grid-column: 3 / 5;
}

.recommendedCard {
    height: 100%;
}

.recommendedCard__inner{
    height: 100%;
}

.recommendedCard__img{
    width: 100%;
}

.recommendedCard__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px 25px 0 0;
}

.recommendedCard__conts{
    background-color: #877E6E;
    border-radius: 25px;
    padding: 25px;
    width: calc(100% - 50px);
}

/*======================================================menu======================================================*/

.menuSelecter{
    margin-top: 100px;
}

.menuInfo{
    margin-top: 100px;
}

.menuInfo__en{
    margin-top: 50px;
}

.menuBox{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    grid-column: 2 / 6;
    height: 50%;/*=====================================後ほど編集==================================*/
}

.menuSelecter select{
    height: 50px;
    border-radius: 10px;
    border: solid #fff 1px;
    background-color: #383123;
    color: #fff;
    padding-left: 10px;
}

/*======================================================how_to_enjoy======================================================*/

/*.howToEnjoy{
    background-image: url("data:image/svg+xml,%3Csvg width='1728' height='970' viewBox='0 0 1728 970' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M110.575 16.6108L0 36V750L1.97139e-05 781L215.668 841.085C317.037 869.327 424.683 865.316 523.669 829.608C637.456 788.562 762.172 789.566 875.284 832.44L1058.64 901.94C1238.97 970.291 1434.78 987.004 1624.09 950.202L1728 930L1728 750V185L1728 182H1717.23L1513.67 125.289C1411.43 96.8042 1302.86 100.85 1203.02 136.865C1089.97 177.646 966.161 177.292 853.345 135.863L663.136 66.0154C486.518 1.15769 295.898 -15.8855 110.575 16.6108Z' fill='%23D7D6D6'/%3E%3C/svg%3E");
    background-size: cover;
    height: 100vh;
    padding-top: 20%;
}

.howToEnjoy__info{
    grid-column: 1 / 2;
}

.howToEnjoy__info__ja{
    margin-top: 30px;
}

.howToEnjoy__info__en{
    margin-top: 30px;
}

.howToEnjoy__info__ja p,
.howToEnjoy__info__en p{
    color: #383123;
}

.howToEnjoy__conts{
    grid-column: 2 / 6;
}

.howToEnjoy__conts__inner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    height: 100%;
}

.howToEnjoy__img{
    grid-column: 1 / 4;
    width: calc(100% - 50px);
}

.howToEnjoy__img img{
    height: 100%;
    object-fit: cover;
    border-radius: 25px 0 0 25px;
}

.howToEnjoy__btn__box a{
    background-color: #877E6E;

    width: calc(100% + 50px);
    margin-left: -100px;
    padding: 25px;
}

.howToEnjoy__btn__box{
    display: grid;
    grid-template-rows: repeat(3, 1fr);
}

.howToEnjoy__btn__box a:nth-child(1){
    border-radius: 0 25px 0 0;
}

.howToEnjoy__btn__box a:nth-child(2){
    border-radius: 0 0 0 0;
}

.howToEnjoy__btn__box a:nth-child(3){
    border-radius: 0 0 25px 0;
}


.howToEnjoy__btn__box a:nth-child(1)::before{
    border-radius: 0 25px 0 0;
}

.howToEnjoy__btn__box a:nth-child(2)::before{
    border-radius: 0 0 0 0;
}

.howToEnjoy__btn__box a:nth-child(3)::before{
    border-radius: 0 0 25px 0;
}
*/

.howToEnjoy__conts{
    grid-column: 2 / 6;
}

.howToEnjoy__conts__inner{
    height: 100%;
}

.howToEnjoy__conts__inner .card__Link{
    position: relative;
    height: 100%;
    z-index: 10;
}

.howToEnjoy__conts__inner .card__Link:before{
    z-index: 10;
}

.howToEnjoy__img{
    position: absolute;
    height: 100%;
    width: 100%;
}

.howToEnjoy__img img{
    border-radius: 25px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.howToEnjoy__btn__box{
    position: absolute;
    top: 80%;
    right: 25px;
}

/*======================================================Schedule======================================================*/

.monthNumber{
    background-color: #877E6E;
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    height: 50px;
    padding: 10px;
    align-items: center;
    grid-column: 5 / 6;
}

.calendar__plugin{
    background-color: aquamarine;
    height: 500px;
    grid-column: 1 / 6;
}

/*======================================================Access======================================================*/

.map{
    grid-column: 2 / 6;
}

.map iframe{
    border-radius: 25px;
}

.accessInfo{
    margin-top: 30px;
}

.accessInfo p:nth-child(1){
    margin-top: 30px;
}

.accessInfo .btn{
    margin-top: 100px;
    width: calc(100% - 50px);
}

.reservation ul{
    display: flex;
    justify-content: space-between;
}

.reservation ul li:nth-child(1){
    border-right: solid #fff 1px;
    padding-right: 25px;
}

.holiday p:nth-child(1){
    border-bottom: solid #fff 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/*======================================================Access======================================================*/

#business-hours-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
}

.calendar-header {
    grid-column: span 7;
    text-align: center;
    font-weight: bold;
}

.calendar-day {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
}


.schedule{
    display: none;
}