@charset "UTF-8";
/* CSS Document */
/*===================================
mv
===================================*/
#mv {
    background: #f6f4ee;
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0;
}
#mv .mv_title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8%;
    z-index: 2;
}
#mv .mv_title .title svg {
    width: min(300px, 100%);
}
#mv .mv_title .title svg .cls-1 {
    fill: #61503a;
}
#mv .mv_title ._list {
    border-left: 3px solid #61503a;
    padding-left: .5em;
}
#mv .mv_title ._list ._item {
    color: #61503a;
    font-size: 7vw;
}
#mv .mv_title .btns {
    margin-top: 3em;
    justify-content: flex-start;
}
#mv .mv_title .btns .btn {
    background: #f6f4ee;
    border-color: #f6f4ee;
    color: #61503a;
}
#mv .mv_title .btns .btn:hover {
    background: #61503a;
    border-color: #61503a;
    
    color: #f6f4ee;
}
#mv .mv .mv_img {
    position: absolute;
    bottom: 0;
}
#mv .mv .mv_img img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top right;
}
#mv .mv .mv_img video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    display: block;
}
@media screen and (min-width: 767px) {
    #mv .mv_title ._list ._item {

font-size: clamp(1rem, 5vw, 3rem);
}
    #mv .mv .mv_img {
        right: 0;
    }
    #mv .mv .mv_img video {
        width: 100vw;
        height: 100vh;
        object-position: bottom 0 right 15%;
    }
}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {
    #mv .mv_title .btns .btn {
        font-size: 2vw;
    }
}
/* home_info */
#home_info {
    background: #eae8e4;
}
#home_info ._container {
    padding: 8%;
}
#home_info ._container ._box ._post_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#home_info ._container ._box ._post_list .card {
    display: flex;
    flex-direction: column;
}
#home_info ._container ._box ._post_list .card .thumnail {
    border-radius: 12px 12px 0 0;
}
#home_info ._container ._box ._post_list .card .thumnail img {
    border-radius: 12px 12px 0 0;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}
#home_info ._container ._box ._post_list .card .content {
    background: #f6f4ee;
    border-radius: 0 0 12px 12px;
}
#home_info ._container ._box ._post_list .card .content .post_link {
    padding: 4%;
}
#home_info ._container ._box ._post_list .card .content .date-time-container {
    border-top: 1px solid;
    text-align: end;
}
#home_info ._container ._box ._post_list .card .content .date-time-container .date-time {}
#home_info ._container ._box ._post_list .card .content .infos {}
#home_info ._container ._box ._post_list .card .content .infos .title {}
#home_info ._container ._box ._post_list .card .content .action {
    background: #e0dac8;
    border-radius: 0 0 12px 12px;
    color: #61503a;
    text-align: center;
    margin-top: 1em;
    padding: 4%;
}
@media screen and (min-width: 767px) {
    #home_info ._container ._box ._post_list {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #home_info ._container ._box ._post_list .card {
        width: calc((100% - 10px) / 2);
    }
    #home_info ._container ._box ._post_list .card .thumnail {
        height: 150px;
    }
}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {
    #home_info ._container ._box ._post_list .card {
        width: calc((100% - 3px) / 4);
    }
}
/* about */
#about ._container {
    padding: 8%;
}
#about ._container .heading01 {
    color: #61503a;
}
#about ._container ._box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin: 1em 0;
}
#about ._container ._box ._img {}
#about ._container ._box ._img img {
    border-radius: 16px;
    width: 100%;
}
#about ._container ._box ._text #about ._container ._box ._text + ._text {
    margin-top: 1em;
}
#about ._container ._box ._text .heading02 {
    border-left: 3px solid;
    color: #61503a;
    font-weight: 500;
    padding-left: .5em;
}
#about ._container ._box ._text p {
    margin-top: 1em;
}
@media screen and (min-width: 767px) {
    #about ._container ._box ._text p {
        margin-top: 2em;
        font-size: 3vw;
    }
}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {
    #about ._container ._box {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3em;
    }
    #about ._container ._box ._text {
        width: calc(100% / 2);
    }
    #about ._container ._box ._text p {
        margin-top: 2em;
        font-size: 1.5vw;
    }
    #about ._container ._box ._img {
        width: calc(100% / 2);
    }
}
/* service */
#service ._container {
    padding: 8% 0 8% 8%;
}
#service ._container .heading01 {
    color: #dfdecc;
}
#service ._container ._box .slider-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin-top: 1em;
}
#service ._container ._box .slide {
    flex: none;
    scroll-snap-align: start;
    width: 80%;
    margin-right: 20px;
}
#service ._container ._box .slide ._img img {
    width: 100%;
    object-fit: contain;
}
#service ._container ._box .slide ._text {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 1em;
}
#service ._container ._box .slide ._text .heading02 {
    line-height: 1.5;
    font-weight: 500;
}
#service ._container ._box .slide ._text .heading02 span {
    font-size: .5em;
}
#service ._container ._box .slide ._text ._price {
    font-size: 10vw;
    border-bottom: 1px solid #61503a;
    padding-bottom: .2em;
}
#service ._container ._box .slide ._text ._list {
    color: #61503a;
    margin-top: 1em;
    padding-left: 1em;
}
#service ._container ._box .slide ._text ._list ._item {
    list-style: disc;
    margin-left: 1em;
}
#service ._container ._box .slide ._text ._list ._item:first-child {
    list-style: none;
    font-size: 1.2em;
    margin-left: -.5em;
}
#service ._container ._box:last-child .slide ._text .heading02 {
    font-size: 7vw;
}
#service ._container ._box .active {}
@media screen and (min-width: 767px) {
    #service ._container ._box:last-child .slide ._text .heading02 {
        font-size: 5vw;
    }
    #service ._container ._box .slide ._text ._price {
        font-size: 5vw;
    }
    #service ._container ._box .slide {
        width: 45%;
    }
}
@media screen and (min-width: 960px) {
    #service ._container ._box .slide ._text ._list {
        font-size: 2.5vw;
    }
}
@media screen and (min-width: 1200px) {
    #service ._container ._box .slide {
        width: 27%;
    }
    #service ._container ._box:last-child .slide ._text .heading02 {
        font-size: 2vw;
    }
    #service ._container ._box .slide ._text ._list {
        font-size: 1vw;
    }
    #service ._container ._box .slide ._text ._price {
        font-size: 2vw;
    }
}
/* booking */
#booking ._container {
    padding: 8%;
}
#booking ._container .heading01 {
    color: #61503a;
}
/* iOS Safariでプレースホルダー風のテキストを表示 */
#booking .input_item:empty::before {
    content: attr(placeholder);
    color: #aaa;
    font-size: 16px;
}
@media screen and (min-width: 767px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {}
/* location */
#location {
    color: #fff;
}
#location ._container {
    padding: 0 8%;
}
#location ._container .heading01 {}
#location ._container ._box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin: 1em 0 0;
}
#location ._container .map {
    display: flex;
}
#location ._container .map iframe {
    width: 100vw;
    height: min(500px, 45vh);
    filter: grayscale(1);
    opacity: 1;
    vertical-align: bottom;
    transition: all 0.3s;
}
#location ._container .map iframe:hover {
    filter: grayscale(0);
}
#location ._container ._box ._shop_detail {}
#location ._container ._box ._shop_detail ._list + ._list {
    margin-top: 1em;
}
#location ._container ._box ._shop_detail ._list .shopname {
    font-size: 1.3em;
}
@media screen and (min-width: 767px) {
    #location ._container ._box {
        flex-direction: row;
        margin: 0;
    }
    #location ._container .map {
        width: 50%;
    }
    #location ._container ._box ._shop_detail {
        width: 50%;
    }
}
@media screen and (min-width: 960px) {
    #location ._container ._box ._shop_detail ._list {
        font-size: 2vw;
    }
}
@media screen and (min-width: 1200px) {
    #location ._container ._box ._shop_detail ._list {
        font-size: 1.3vw;
    }
}
/* instagram */
#instagram ._container {
    padding: 8%;
}
#instagram ._container .heading01 {
    color: #61503a;
}
#instagram .insta_list {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
#instagram .insta_list li {
    border-radius: 16px;
    width: calc((100% - 2px) / 3);
    overflow: hidden;
}
#instagram .insta_list li a {
    display: flex;
}
#instagram .insta_list li img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: .3s all;
}
#instagram .insta_list li video {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: .3s all;
}
#instagram .insta_list:hover li img, #instagram .insta_list:hover li video {
    filter: grayscale(100%) blur(3px);
    transition: .3s all;
}
#instagram .insta_list li:hover img, #instagram .insta_list li:hover video {
    filter: grayscale(0%) blur(0);
    transform: scale(1.2, 1.2) rotate(5deg);
}
@media screen and (min-width: 767px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1200px) {
    #instagram .insta_list {
        gap: 30px;
    }
    #instagram .insta_list li {
        width: calc((100% - 60px) / 3);
    }
}
/* reviews */
#reviews {}
#reviews ._container {
    padding: 8%;
}
#reviews ._container .heading01 {
    color: #61503a;
    line-height: 1.2;
}
#reviews .eapps-widget-toolbar-panel-wrapper {
    display: none;
}
#reviews .WidgetTitle__Header-sc-ruy1gu-2 {
    display: none;
}