@charset "utf-8";
/* CSS Document */

:root {

--base-color2: #814e36;
--base-text-color2: #ffffff;


--menu-bg-color-dark: #8b461e;          /* 2025 */
--menu-bg-color-dark: rgb(155 71 22 / 80%);
--menu-bg-color-light: #ff9e83;

--header-link-bg-color: #80b345;
--header-link-hover-color: #888888;

--menu-border-color: #e55d0e;


--mb-menu-main-bg-color: #e55d0e;

--menu-tab2-bg-color: #fb8c00;

/* banner パネル */
--banner1-title-color:#ffffff;
--banner1-title-shadow-color:#4c3326;
--banner1-label-color:#888888;
--banner2-title-color:#ffffff;
--banner2-title-shadow-color:#5f413c;
--banner2-label-color:#888888;

--link-btn01-bg-color:#e25f26;

--header-bg-color : #673e2c;
--mb-menu-container-bg-color: #814e36;  /* 2025 */
--foot-bg-color : #673e2c;      /* 2025 */

--name_pc-shadow-color : #673e2c;   /* 2025 */
--foot-wrap-shadow-color: #673e2c;/* 2025 */

}
.swiperParallax .swiper-button-prev:after, .swiperParallax .swiper-button-next:after {
    border: none;
}
.swiperParallax .swiper-button-prev:after {
    content: "prev";
}
.swiperParallax .swiper-button-next:after {
    content: "next";
}
.main_content-2col-l {
    width: calc(100% - 28%);
}
.main_content-2col-r {
    position: relative;
    top:46px;
    width: 28%;
}

.head_container {
    background-color: transparent;
}
.head_container_box {
    top: 35px;
    background-color: transparent;
}

.menu_tab_panel {
    display:none;
    transition: transform 1s ease;
}

.over_wrap{
    display:block;
}

.over_mark {
    top: -30px;
    width: 80%;
    max-width: 350px;
    height: auto;
}
.over_ttl, .over_logo, .over_tel {
    display:none;
}
.over_menu {
    top:-350px;
}

@media screen and (max-width: 824px) {
    .main_content-2col-l {
        width: 100%;
    }
    .main_content-2col-r {
        display: none;
    }
    .over_wrap {
        top: 100px;
    }
    .over_mark {
        top: 0px;
        left:0;
        margin:auto;
    }
	.over_menu {
        margin-top: 10px;
    }
    .over_menu .tab1 {
        display:none;
    }

    .mb_menu_container .menu_main ul, .mb_menu_container .menu_sub ul {
        display:none;
    }
    
}

@media screen and (min-height: 481px) {
    .menu_tab_panel {
    }
}

@media screen and (max-height: 480px) {
	.over_wrap {
        top: 80px;
    }
    .over_mark {
        margin: auto;
        top: 20px;
        width: 230px;
        left: 0;    }
    .over_logo p {
        display: block;
    }
    .over_ttl {
        height: 38px;
    }
    .over_tel {
        display: none;
    }
    .over_menu .tab1 {
        display: none;
    }
    .over_menu .tab2 {
        display: none;
    }
}

@media screen and (max-width: 479px) {
	.over_wrap {
        top: 100px;
    }
    .over_mark {
        top: -20px;
        width: 60%;
    }
    .over_ttl .mb .ruby-fake {
        font-size:36px;
    }
    .over_logo h1 span {
        font-size:20px;
    }
    .over_logo h1 p {
        font-size:18px;
    }
    .over_menu .tab1, .over_menu .tab2 {
        top: 10px;
    }
    .over_logo h1.mb {
        margin: 0px 0px 0px 8px;
    }
    .over_tel .mb, .over_tel_nochg .mb {
        margin: 4px 0px 0px 8px;
        font-size: 17px;
    }
}

@media screen and (max-width: 360px) {
    .over_wrap {
        top: 90px;
    }
    .over_logo p {
        display: block;
    }
    .over_ttl {
        height: 38px;
    }
    .over_tel {
        display: none;
    }
    .over_menu .tab1 {
        display: none;
    }
}

@media screen and (max-height: 400px) {
    .over_wrap {
        top: 60px;
    }
    .over_mark {
        top: 0px;
        width: 220px;
    }
}

@media screen and (max-height: 400px) and (max-width: 824px) {
    .over_wrap {
        top: 60px;
    }
    .over_mark {
        top: -20px;
        width: 180px;
    }
}

.menu_tab_panel .tab2 a {
    background-position-x: 16px;
}
.menu_tab_panel .tab2 .text {
	padding-left: 60px;
}
.menu_tab_panel .tab1 {
	margin-top: 10px;
}
.menu_tab_panel .tab1 a {
    background-position-x: 21px;
}
.menu_tab_panel .tab1 .text {
	padding-left: 60px;
}


.over_logo {
    max-width: calc(90vw);
}


.contents_wrap {
    z-index: 3;
}


.left_box {
    display:flex;
}


a.link_btn, .link_btn a {
    width:100%;
    padding: 6px 3em 6px 1em;
    border-radius: 16px;
    font-size: 14px;
    margin: 0 0em 8px 1em;
}


@media screen and (max-width: 824px) {
    .left_box {
        display:block;
    }
    .left_box div.img {
        text-align: center;
    }

    a.link_btn, .link_btn a {
        margin: 0;
        margin-bottom: 10px;
    }

}

.googlemap {
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.googlemap iframe {
    width: 100%;
    height: calc(100% + 400px);
    margin-top: -150px;
}


/* ラベルバー */

.labeltitle_type1{
    color: var(--text-color);
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    background-color: var(--bg-color);
    font-family: "Klee One", cursive;
    font-size: 20px;
}
.labeltitle_type1:before {
    content: '';
    border-left: 2px dotted;
    margin-right: 0.5rem;
}
.labeltitle_type1 p {
    display:inline-block;
    padding-left:2em;
    font-size: var(--labeltitle-sub-fontsize);
    font-weight: normal;
}