/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit {
    background: url(../img/cuisine/pagetit_bg.jpg) center;
    background-size: cover;
}

.page_subnav .color {
    display: block;
    color: #5c9291;
    font-size: 1.6rem;
}
.page_subnav .row02 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.sec_tit02 {
    color: #fff;
}

.pic_slide_flex {
    margin-bottom: 80px;
}
.pic_slide_flex .pic_slide_wrap {
    width: 84.375%;
}
.pic_slide_flex .pic_slide {
    margin-bottom: 0;
}
.pic_slide_flex .pic_slide .slick-dots {
    position: absolute;
    bottom: -40px;
}
.pic_slide_flex .pic_slide .pic_caption {
    padding-right: 96px;
}
.pic_slide_flex .pic_slide_thumb_wrap {
    position: relative;
    width: 13.28125%;
    padding: 40px 0;
}
.pic_slide_flex .append_arrows .slick-prev,
.pic_slide_flex .append_arrows .slick-next {
    top: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 24px;
    margin-top: 0;
    opacity: 1 !important;
}
.pic_slide_flex .append_arrows .slick-prev {
    top: 0;
    background: url(../img/cuisine/icon_slide_top@2x.png) no-repeat center;
    background-size: auto 100%;
}
.pic_slide_flex .append_arrows .slick-next {
    bottom: 0;
    background: url(../img/cuisine/icon_slide_btm@2x.png) no-repeat center;
    background-size: auto 100%;
}
.pic_slide_flex .pic_slide_thumb {
    height: 100%;
    overflow: hidden;
}
.pic_slide_flex .pic_slide_thumb .slick-list {
    overflow: visible;
}
.pic_slide_flex .pic_slide_thumb > .slide_item:not(:first-child) {
    display: none;
}
.pic_slide_flex .pic_slide_thumb .slick-track {
    /*transform: unset !important;*/
}
.pic_slide_flex .pic_slide_thumb .slide_item {
    padding: 3px 0;
    opacity: 0.5;
    transition: opacity 0.5s;
}
.pic_slide_flex .pic_slide_thumb .slick-current .slide_item {
    opacity: 1;
}
.pic_slide_thumb img {
    aspect-ratio: 170 / 94;
    width: 170px;
    height: auto;
    object-fit: cover;
}

.txt_border {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(68, 73, 88, 0.9);
}

@media screen and (max-width: 810px) {
    .page_subnav .color {
        font-size: 1.3rem;
    }
    .pic_slide_flex {
        margin-bottom: 40px;
    }
    .pic_slide_flex .pic_slide_wrap {
        width: 100%;
    }
    .pic_slide_flex .pic_slide {
        margin-bottom: 0;
    }
    .pic_slide_flex .pic_slide .slick-dots {
        display: none;
    }
    .pic_slide_flex .pic_slide .pic_caption {
        padding-right: 8px;
        padding-bottom: 6px;
        font-size: 1.4rem;
    }
    .pic_slide_flex .pic_slide_thumb_wrap {
        width: 100%;
        padding: 0 0;
    }
    .pic_slide_flex .pic_slide_thumb {
        width: 100%;
        height: auto;
        margin-top: 16px;
        overflow: hidden;
    }
    .pic_slide_flex .pic_slide_thumb .slick-list {
        overflow: visible;
    }
    .pic_slide_flex .pic_slide_thumb .slide_item {
        padding: 0 2px;
    }
    .txt_border {
        padding-top: 20px;
    }
}
/* ---------------------------------------------------
	breakfast
------------------------------------------------------ */
#breakfast {
    padding: 96px 0 48px;
}
#breakfast .breakfast_sec {
    padding: 48px 0;
}
#breakfast .breakfast_sec .sec_tit02 .color {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    display: block;
    margin-bottom: 8px;
    color: #5c9291;
    font-size: 1.8rem;
}
#breakfast #plate {
    margin-top: 40px;
}
#breakfast #viking {
    margin-top: 24px;
}

@media screen and (max-width: 810px) {
    #breakfast {
        padding: 48px 0 24px;
    }
    #breakfast .breakfast_sec {
        padding: 48px 0 24px;
    }
    #breakfast #plate {
        margin-top: 0;
    }
}
/* ---------------------------------------------------
	blunch
------------------------------------------------------ */
#blunch {
    padding: 96px 0;
}
#blunch .blunch_col .col_pic {
    position: relative;
    width: calc(50% + 80px);
    text-align: right;
}
#blunch .blunch_col .col_pic .slick-dots {
    position: absolute;
    left: calc(100% + 24px);
    bottom: 0;
    text-align: left;
}
#blunch .blunch_col .col_pic .slick-dots li button {
    background: #7da8a7;
}
#blunch .blunch_col .col_pic .slick-dots li.slick-active button {
    background: #5c9291;
}
#blunch .blunch_col .col_txt {
    width: calc(50% - 80px);
    padding: 60px 32px 40px;
}
#blunch .blunch_col .col_txt > * {
    max-width: 426px;
}

@media screen and (max-width: 810px) {
    #blunch {
        padding: 48px 0;
    }
    #blunch .blunch_col {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    #blunch .blunch_col .col_pic {
        width: 100%;
        margin-bottom: 32px;
    }
    #blunch .blunch_col .col_txt {
        width: 100%;
        padding: 0;
    }
    #blunch .blunch_col .col_txt > * {
        max-width: 100%;
    }
}
/* ---------------------------------------------------
	dinner
------------------------------------------------------ */
#dinner {
    padding: 96px 0 48px;
}
#dinner .dinner_sec {
    padding: 48px 0;
}
#dinner #french {
    margin-top: 32px;
}

@media screen and (max-width: 810px) {
    #dinner {
        padding: 48px 0 24px;
    }
    #dinner .dinner_sec {
        padding: 48px 0 24px;
    }
    #dinner #french {
        margin-top: 0;
    }
}
/* ---------------------------------------------------
		desert
------------------------------------------------------ */
#desert {
    padding: 96px 0;
}
#desert .desert_col .col_pic {
    position: relative;
    width: calc(50% + 80px);
    text-align: right;
}
#desert .desert_col .col_pic .pic_slide {
    position: static;
    max-width: 720px;
    margin-left: auto;
    margin-right: 0;
}
#desert .desert_col .col_pic .slick-dots {
    position: absolute;
    left: calc(100% + 24px);
    bottom: 0;
    text-align: left;
}
#desert .desert_col .col_pic .slick-dots li button {
    background: #7da8a7;
}
#desert .desert_col .col_pic .slick-dots li.slick-active button {
    background: #5c9291;
}
#desert .desert_col .col_txt {
    width: calc(50% - 80px);
    padding: 60px 32px 40px;
}
#desert .desert_col .col_txt > * {
    max-width: 426px;
}
#desert .desert_col + .desert_col {
    margin-top: 64px;
}
#desert .desert_col02 {
    margin: 64px 0 0;
}
#desert .desert_col02 .col_item {
    width: 47.8%;
    max-width: 516px;
}
#desert .desert_col02 .col_item .item_txt {
    max-width: 396px;
    margin: 40px auto 0;
}
#desert .desert_col02 .col_item .item_txt .caption {
    margin-bottom: 32px;
}
#desert .desert_col02 .col_item .item_txt .txt_price {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(68, 73, 88, 0.9);
}
#desert .desert_col02 .col_item .item_txt .txt_price .tax {
    display: inline-block;
    font-size: 1.4rem;
}

@media screen and (max-width: 810px) {
    #desert {
        padding: 48px 0;
    }
    #desert .desert_col {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    #desert .desert_col .col_pic {
        width: 100%;
        margin-bottom: 32px;
    }
    #desert .desert_col .col_pic .pic_slide {
        position: relative;
    }
    #desert .desert_col .col_pic .slick-dots {
        position: static;
        text-align: center;
    }
    #desert .desert_col .col_txt {
        width: 100%;
        padding: 0 0;
    }
    #desert .desert_col .col_txt > * {
        max-width: 100%;
    }
    #desert .desert_col + .desert_col {
        margin-top: 48px;
    }
    #desert .desert_col02 {
        margin-top: 40px;
    }
    #desert .desert_col02 .col_item {
        width: 100%;
        max-width: 100%;
    }
    #desert .desert_col02 .col_item .item_txt {
        max-width: 100%;
        margin: 24px auto 0;
    }
    #desert .desert_col02 .col_item .item_txt .caption {
        margin-bottom: 16px;
    }
    #desert .desert_col02 .col_item + .col_item {
        margin-top: 40px;
    }
}
/* ---------------------------------------------------
	restaurant
------------------------------------------------------ */
#restaurant {
    margin-top: 96px;
    padding: 64px 0;
    background: rgba(92, 146, 145, 0.4);
    color: #fff;
}
#restaurant .restaurant_col .col_pic {
    position: relative;
    width: calc(50% + 80px);
}
#restaurant .restaurant_col .col_pic .pic_slide {
    position: static;
    max-width: 720px;
    margin-left: auto;
    margin-right: 0;
}
#restaurant .restaurant_col .col_pic .slick-dots {
    position: absolute;
    left: calc(100% + 24px);
    bottom: 0;
    text-align: left;
}
#restaurant .restaurant_col .col_pic .slick-dots li button {
    background: #7da8a7;
}
#restaurant .restaurant_col .col_pic .slick-dots li.slick-active button {
    background: #5c9291;
}
#restaurant .restaurant_col .col_txt {
    width: calc(50% - 80px);
    padding: 60px 32px 40px;
}
#restaurant .restaurant_col .col_txt > * {
    max-width: 426px;
}
#restaurant .table {
    margin-top: 24px;
}

@media screen and (max-width: 810px) {
    #restaurant {
        margin-top: 48px;
        padding: 48px 0;
    }
    #restaurant .restaurant_col {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    #restaurant .restaurant_col .col_pic {
        width: 100%;
        margin-bottom: 32px;
    }
    #restaurant .restaurant_col .col_pic .pic_slide {
        position: relative;
    }
    #restaurant .restaurant_col .col_pic .slick-dots {
        position: static;
        text-align: center;
    }
    #restaurant .restaurant_col .col_txt {
        width: 100%;
        padding: 0 0;
    }
    #restaurant .restaurant_col .col_txt > * {
        max-width: 100%;
    }
}