@charset "utf-8";

/* fonts */
.pinyon {
    font-family: 'Pinyon Script', cursive;
}

/* fonts end */

/* base.css overwrite */
html {
    color: #fff;
    background-color: #212123;
}

.Android {
   font-family: 'Noto Serif JP', serif; 
}

/* base.css overwrite end */

/* ##### 追加css ##### */
.up-fd-even>*:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.up-fd-odd>*:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.up-lst-deci {
    padding-left: 24px;
}

.up-lh-0\.5 {
    line-height: 0.5;
}

.up-ls1 {
    letter-spacing: 1px;
}

.up-ls2 {
    letter-spacing: 2px;
}

.up-radius5 {
    border-radius: 5px;
    overflow: hidden;
}

.up-radius10 {
    border-radius: 10px;
    overflow: hidden;
}

.up-radius15 {
    border-radius: 15px;
    overflow: hidden;
}

.up-radius20 {
    border-radius: 20px;
    overflow: hidden;
}

.up-radius20 {
    border-radius: 20px;
    overflow: hidden;
}

.up-radius25 {
    border-radius: 25px;
    overflow: hidden;
}

.up-radius30 {
    border-radius: 30px;
    overflow: hidden;
}

.up-radius35 {
    border-radius: 35px;
    overflow: hidden;
}

.up-radius40 {
    border-radius: 40px;
    overflow: hidden;
}

.up-radius45 {
    border-radius: 45px;
    overflow: hidden;
}

.up-radius50 {
    border-radius: 50px;
    overflow: hidden;
}

.up-lst-disc {
    list-style-type: disc;
    padding-left: 20px;
}

.up-w-650,
.up-w-700,
.up-w-900 {
    max-width: 100%;
}

.up-z1 {
    z-index: 1;
    position: relative;
}

.up-z2 {
    z-index: 2;
    position: relative;
}

.up-z3 {
    z-index: 3;
    position: relative;
}

.up-ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.up-horizonal {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}

.up-vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

@media (max-width: 1024px) {
    [class*="up-col"] {
        margin-left: auto;
        margin-right: auto;
    }

    .up-scrolling\@tb {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .up-fd-even\@tb>*:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-fd-odd\@tb>*:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-lh-0\.5\@tb {
        line-height: 0.5;
    }

    .up-radius5\@tb {
        border-radius: 5px;
        overflow: hidden;
    }

    .up-radius10\@tb {
        border-radius: 10px;
        overflow: hidden;
    }

    .up-radius15\@tb {
        border-radius: 15px;
        overflow: hidden;
    }

    .up-radius20\@tb {
        border-radius: 20px;
        overflow: hidden;
    }

    .up-radius25\@tb {
        border-radius: 25px;
        overflow: hidden;
    }

    .up-radius30\@tb {
        border-radius: 30px;
        overflow: hidden;
    }

    .up-radius35\@tb {
        border-radius: 35px;
        overflow: hidden;
    }

    .up-radius40\@tb {
        border-radius: 40px;
        overflow: hidden;
    }

    .up-radius45\@tb {
        border-radius: 45px;
        overflow: hidden;
    }

    .up-radius50\@tb {
        border-radius: 50px;
        overflow: hidden;
    }

    .up-ellipsis\@tb {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .up-horizonal\@tb {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@tb {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
}

@media (max-width: 599px) {
    .up-fd-even\@sp>*:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-fd-odd\@sp>*:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-scrolling\@sp {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .up-lh-0\.5\@sp {
        line-height: 0.5;
    }

    .up-ls2\@sp {
        letter-spacing: 2px;
    }

    .up-ls1\@sp {
        letter-spacing: 1px;
    }

    .up-radius5\@sp {
        border-radius: 5px;
        overflow: hidden;
    }

    .up-radius10\@sp {
        border-radius: 10px;
        overflow: hidden;
    }

    .up-radius15\@sp {
        border-radius: 15px;
        overflow: hidden;
    }

    .up-radius20\@sp {
        border-radius: 20px;
        overflow: hidden;
    }

    .up-radius25\@sp {
        border-radius: 25px;
        overflow: hidden;
    }

    .up-radius30\@sp {
        border-radius: 30px;
        overflow: hidden;
    }

    .up-radius35\@sp {
        border-radius: 35px;
        overflow: hidden;
    }

    .up-radius40\@sp {
        border-radius: 40px;
        overflow: hidden;
    }

    .up-radius45\@sp {
        border-radius: 45px;
        overflow: hidden;
    }

    .up-radius50\@sp {
        border-radius: 50px;
        overflow: hidden;
    }

    .up-ellipsis\@sp {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .up-horizonal\@sp {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@sp {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
}

/* ##### 追加css end ##### */

/* hamburger overlay */
.hamburger {
    display: none;
}

@media (max-width: 1024px) {
    .hamburger {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
        background: rgb(186, 164, 110);
        background: linear-gradient(45deg, rgba(186, 164, 110, 1) 0%, rgba(112, 94, 49, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa46e', endColorstr='#705e31', GradientType=1);
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
    }

    .hamburger a,
    .hamburger a:hover,
    .hamburger a:focus {
        opacity: 1;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .menu-trigger {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 50%;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .active .hamburger {
        padding: 7px;
    }

    .active .menu-trigger {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translate(0, 16px) rotate(-45deg);
        transform: translate(0, 16px) rotate(-45deg);
    }

    .active .menu-trigger span:nth-of-type(2) {
        -webkit-transform: translate(0, -100%) rotate(45deg);
        transform: translate(0, -100%) rotate(45deg);
    }

    .active .menu-trigger span:nth-of-type(3) {
        opacity: 0;
    }

    .overlay {
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(77, 66, 62, 0.3);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
    }

    .active .overlay {
        display: block;
    }
}

@media (max-width: 599px) {
    .hamburger {
        width: 45px;
        height: 45px;
        top: 10px;
        right: 10px;
    }

    .active .hamburger {
        padding: 5px;
    }
}

/* hamburger overlay end */

/* A-BiSUスライダー */
.mainimg {
    position: relative;
}

.mainimg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
}

.mainimg .uk-slideshow {
    position: relative;
    overflow: hidden;
    height: auto !important;
}

.mainimg .uk-slideshow::after {
    padding-top: 50%;
    content: '';
    display: block;
}

.mainimg .uk-slideshow li {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100% !important;
}

.mainimg .uk-slideshow li>div {
    height: 100% !important;
}

.uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}

.uk-dotnav-contrast>*>* {
    background: #ccc;
}

.uk-dotnav-contrast>.uk-active>* {
    background: #565656;
}

.uk-dotnav>.uk-active>* {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.uk-dotnav li a:hover {
    opacity: 1;
}

.uk-position-bottom {
    bottom: -30px;
}

/* A-BiSUスライダー end */

/* pager */
.pager ul li {
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.pager ul li a,
.pager ul li .now {
    font-size: 16px;
    line-height: 1;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

.pager ul li .now,
.pager ul li a:hover {
    opacity: 1;
    ackground: rgb(186, 164, 110);
    background: linear-gradient(45deg, rgba(186, 164, 110, 1) 0%, rgba(112, 94, 49, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa46e', endColorstr='#705e31', GradientType=1);
}

.pager ul .prev-arrow::before,
.pager ul .next-arrow::before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 100%;
}

.pager ul .prev-arrow::before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

/* pager end */

/* area */
[class*="area_"] {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 1024px) {
    [class*="area_"] {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* area end */

/* common */
.fz50\% {
    font-size: 50%;
}

.fz60\% {
    font-size: 60%;
}

.fz70\% {
    font-size: 70%;
}

.fz80\% {
    font-size: 80%;
}

.fz90\% {
    font-size: 90%;
}

.fz120\% {
    font-size: 120%;
}

.fz140\% {
    font-size: 140%;
}

.fz160\% {
    font-size: 160%;
}

.fz180\% {
    font-size: 180%;
}

.fz200\% {
    font-size: 200%;
}

.flexver {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg-parent {
    position: relative;
}

.bg-img {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: -1;
}

.map::after {
    padding-top: 100%;
}

.infinity {
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.infinity-left {
    margin-left: -999rem;
    padding-left: 999rem;
}

.infinity-right {
    margin-right: -999rem;
    padding-right: 999rem;
}

.space-parent-10>.space-child+.space-child {
    margin-top: 10px;
}

.space-parent-20>.space-child+.space-child {
    margin-top: 20px;
}

.space-parent-30>.space-child+.space-child {
    margin-top: 30px;
}

.space-parent-40>.space-child+.space-child {
    margin-top: 40px;
}

.space-parent-50>.space-child+.space-child {
    margin-top: 50px;
}

.space-parent-60>.space-child+.space-child {
    margin-top: 60px;
}

.space-parent-70>.space-child+.space-child {
    margin-top: 70px;
}

.space-parent-80>.space-child+.space-child {
    margin-top: 80px;
}

.space-parent-90>.space-child+.space-child {
    margin-top: 90px;
}

.space-parent-100>.space-child+.space-child {
    margin-top: 100px;
}

@media (max-width: 1024px) {

    .active main,
    .active footer {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .fz50\%\@tb {
        font-size: 50%;
    }

    .fz60\%\@tb {
        font-size: 60%;
    }

    .fz70\%\@tb {
        font-size: 70%;
    }

    .fz80\%\@tb {
        font-size: 80%;
    }

    .fz90\%\@tb {
        font-size: 90%;
    }

    .fz120\%\@tb {
        font-size: 120%;
    }

    .fz140\%\@tb {
        font-size: 140%;
    }

    .fz160\%\@tb {
        font-size: 160%;
    }

    .fz180\%\@tb {
        font-size: 180%;
    }

    .fz200\%\@tb {
        font-size: 200%;
    }

    .space-parent-10\@tb>.space-child+.space-child {
        margin-top: 10px;
    }

    .space-parent-20\@tb>.space-child+.space-child {
        margin-top: 20px;
    }

    .space-parent-30\@tb>.space-child+.space-child {
        margin-top: 30px;
    }

    .space-parent-40\@tb>.space-child+.space-child {
        margin-top: 40px;
    }

    .space-parent-50\@tb>.space-child+.space-child {
        margin-top: 50px;
    }

    .space-parent-60\@tb>.space-child+.space-child {
        margin-top: 60px;
    }

    .space-parent-70\@tb>.space-child+.space-child {
        margin-top: 70px;
    }

    .space-parent-80\@tb>.space-child+.space-child {
        margin-top: 80px;
    }

    .space-parent-90\@tb>.space-child+.space-child {
        margin-top: 90px;
    }

    .space-parent-100\@tb>.space-child+.space-child {
        margin-top: 100px;
    }
}

@media (max-width: 599px) {
    .fz50\%\@sp {
        font-size: 50%;
    }

    .fz60\%\@sp {
        font-size: 60%;
    }

    .fz70\%\@sp {
        font-size: 70%;
    }

    .fz80\%\@sp {
        font-size: 80%;
    }

    .fz90\%\@sp {
        font-size: 90%;
    }

    .fz120\%\@sp {
        font-size: 120%;
    }

    .fz140\%\@sp {
        font-size: 140%;
    }

    .fz160\%\@sp {
        font-size: 160%;
    }

    .fz180\%\@sp {
        font-size: 180%;
    }

    .fz200\%\@sp {
        font-size: 200%;
    }

    .space-parent-10\@sp>.space-child+.space-child {
        margin-top: 10px;
    }

    .space-parent-20\@sp>.space-child+.space-child {
        margin-top: 20px;
    }

    .space-parent-30\@sp>.space-child+.space-child {
        margin-top: 30px;
    }

    .space-parent-40\@sp>.space-child+.space-child {
        margin-top: 40px;
    }

    .space-parent-50\@sp>.space-child+.space-child {
        margin-top: 50px;
    }

    .space-parent-60\@sp>.space-child+.space-child {
        margin-top: 60px;
    }

    .space-parent-70\@sp>.space-child+.space-child {
        margin-top: 70px;
    }

    .space-parent-80\@sp>.space-child+.space-child {
        margin-top: 80px;
    }

    .space-parent-90\@sp>.space-child+.space-child {
        margin-top: 90px;
    }

    .space-parent-100\@sp>.space-child+.space-child {
        margin-top: 100px;
    }
}

/* common end */

/* text */
.black {
    color: #212123;
}

.gold {
    color: #574a3b;
}

.gold_02 {
    color: #baa46d;
}

.gold-gradation {
    background: rgb(105, 84, 29);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(105, 84, 29, 1)), color-stop(20%, rgba(105, 84, 29, 1)), color-stop(80%, rgba(208, 181, 108, 1)));
    background: linear-gradient(to bottom, rgba(105, 84, 29, 1) 20%, rgba(105, 84, 29, 1) 20%, rgba(208, 181, 108, 1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69541d', endColorstr='#d0b56c', GradientType=0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.white-transparent {
    color: rgba(255, 255, 255, 0.2);
}

.text-shadow-black {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5),
        1px 1px 8px rgba(0, 0, 0, 0.5),
        -1px -1px 8px rgba(0, 0, 0, 0.5);
}

.text-shadow-white {
    text-shadow:
        0px 0px 1px rgba(255, 255, 255, 0.3);
}

.text-shadow-white_02 {
    text-shadow:
        -1px -1px 3px rgba(255, 255, 255, 0.3),
        0px 0px 3px rgba(255, 255, 255, 0.3),
        1px 1px 3px rgba(255, 255, 255, 0.3);
}

.text-shadow-none {
    text-shadow: none;
}

/* text end */

/* border */
.border-gold {
    border: 1px solid #806b32;
}

.border-gold-top {
    border-top: 1px solid #806b32;
}

.border-gold-bottom {
    border-bottom: 1px solid #806b32;
}

.border-gold-left {
    border-left: 1px solid #806b32;
}

.border-gold-right {
    border-right: 1px solid #806b32;
}

@media (max-width: 1024px) {
    .border-gold\@tb {
        border: 1px solid #806b32;
    }

    .border-gold-top\@tb {
        border-top: 1px solid #806b32;
    }

    .border-gold-bottom\@tb {
        border-bottom: 1px solid #806b32;
    }

    .border-gold-left\@tb {
        border-left: 1px solid #806b32;
    }

    .border-gold-right\@tb {
        border-right: 1px solid #806b32;
    }
}

@media (max-width: 599px) {
    .border-gold\@sp {
        border: 1px solid #806b32;
    }

    .border-gold-top\@sp {
        border-top: 1px solid #806b32;
    }

    .border-gold-bottom\@sp {
        border-bottom: 1px solid #806b32;
    }

    .border-gold-left\@sp {
        border-left: 1px solid #806b32;
    }

    .border-gold-right\@sp {
        border-right: 1px solid #806b32;
    }
}

/* border end */

/* gradation */
.gradation-gold-up-to-bottom {
    background: rgb(128, 107, 50);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 107, 50, 1)), to(rgba(205, 181, 128, 1)));
    background: linear-gradient(to bottom, rgba(128, 107, 50, 1) 0%, rgba(205, 181, 128, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#806b32', endColorstr='#cdb580', GradientType=0);
}

.gradation-gold-up-to-bottom_02 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(203, 185, 151, 0.8)), to(rgba(229, 218, 197, 0.8)));
    background: linear-gradient(to bottom, rgba(203, 185, 151, 0.8) 0%, rgba(229, 218, 197, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccbb997', endColorstr='#cce5dac5', GradientType=0);
}

.gradation-gold-up-to-bottom_03 {
    background: rgb(197, 185, 156);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(197, 185, 156, 1)), to(rgba(212, 205, 187, 1)));
    background: linear-gradient(to bottom, rgba(197, 185, 156, 1) 0%, rgba(212, 205, 187, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5b99c', endColorstr='#d4cdbb', GradientType=0);
}

.gradation-gold-up-to-bottom-transparent {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 93, 49, 0.8)), to(rgba(189, 166, 111, 0.8)));
    background: linear-gradient(to bottom, rgba(111, 93, 49, 0.8) 0%, rgba(189, 166, 111, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6f5d31', endColorstr='#ccbda66f', GradientType=0);
}

.gradation-gold-up-to-bottom-transparent_02 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 77, 23, 0.85)), to(rgba(208, 181, 108, 0.85)));
    background: linear-gradient(to bottom, rgba(97, 77, 23, 0.85) 0%, rgba(208, 181, 108, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6614d17', endColorstr='#a6d0b56c', GradientType=0);
}

.gradation-gold-left-to-right {
    background: rgb(129, 102, 26);
    background: -webkit-gradient(linear, left top, right top, from(rgba(129, 102, 26, 1)), to(rgba(207, 181, 108, 1)));
    background: linear-gradient(to right, rgba(129, 102, 26, 1) 0%, rgba(207, 181, 108, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81661a', endColorstr='#cfb56c', GradientType=1);
}

/* gradation end */

/* border */
.border-white {
    border: 1px solid #fff;
}

.border-gold-5px {
    border: 5px solid #9a895a;
}

/* border end */

/* logo */
.logo {
    width: 440px;
    max-width: 90%;
}

.logo a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo [class^="logo-img"] {
    display: inline-block;
}

.logo-img2 {
    margin-left: 10px;
}

/* logo end */

/* title */
.title {
    font-size: 30px;
}

.title_en {
    font-family: 'Pinyon Script', cursive;
    font-size: 90px;
    line-height: 0.5;
    color: #574a3b;
}

.title_01 {
    font-size: 30px;
}

.title_02 {
    font-size: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.title_03 {
    font-size: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.title_03::before,
.title_03::after {
    content: '';
    display: inline-block;
    width: 123px;
    height: 4px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_005.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 20px;
}

.title_03::after {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.title_03-inner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.title_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.title_04 .title_01 {
    margin-top: -15px;
}

.title_04::after {
    content: '';
    display: inline-block;
    width: 34px;
    height: 7px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_002.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 10px auto;
}

.title_05::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 3px auto;
    border-bottom: 1px dashed #b49c56;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.title_06::after {
    content: '';
    display: block;
    width: 76px;
    max-width: 90%;
    height: 3px;
    margin: 5px auto 10px auto;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_006.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.title_07 {
    font-family: 'Pinyon Script', cursive;
    font-size: 30px;
    color: #574a3b;
    line-height: 1.2;
    padding: 10px 10px 0 20px;
    border-left: 2px solid#574a3b;
}

.title_08 {
    font-size: 30px;
    text-align: center;
}

.title_08::after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background-color: #9b873b;
    margin: 10px auto;
}

.title_09 {
    font-size: 26px;
    text-align: center;
}

.title_09::after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background-color: #fff;
    margin: 10px auto;
}

.title_09.black::after {
    background-color: #212123;
}

.title_10 {
    font-size: 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.title_10 .number {
    font-size: 50px;
}

.title_10 .number::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #c1a973;

}

@media (max-width: 1024px) {
    .title_en {
        font-size: 70px;
    }

    .title {
        font-size: 26px;
    }

    .title_01 {
        font-size: 26px;
    }

    .title_02 {
        font-size: 30px;
    }

    .title_03 {
        font-size: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .title_03::before,
    .title_03::after {
        width: 100px;
        height: 3px;
        margin: 0 10px;
    }

    .title_08 {
        font-size: 26px;
    }

    .title_09 {
        font-size: 24px;
    }

    .title_10 {
        font-size: 26px;
    }

    .title_10 .number::after {
        margin-bottom: 20px;
    }
}

@media (max-width: 599px) {
    .title_en {
        font-size: 55px;
    }

    .title {
        font-size: 22px;
    }

    .title_01 {
        font-size: 22px;
    }

    .title_02 {
        font-size: 26px;
    }

    .title_03 {
        font-size: 18px;
    }

    .title_08 {
        font-size: 22px;
    }

    .title_09 {
        font-size: 20px;
    }

    .title_10 {
        font-size: 22px;
    }

    .title_10 .number::after {
        margin-bottom: 10px;
    }
}

/* title end */

/* btn */
.btn {
    width: 220px;
    max-width: 70%;
    height: 55px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.btn-wide {
    width: 350px;
    max-width: 90%;
}

.btn a,
.btn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: 'Pinyon Script', cursive;
    font-size: 30px;
    color: #fff;
    padding: 5px 30px 5px 5px;
    background: rgb(128, 107, 50);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 107, 50, 1)), to(rgba(205, 181, 128, 1)));
    background: linear-gradient(to bottom, rgba(128, 107, 50, 1) 0%, rgba(205, 181, 128, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#806b32', endColorstr='#cdb580', GradientType=0);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: relative;
}

.btn a .ja,
.btn button .ja {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
}

.btn-wide a .ja,
.btn-wide button .ja {
    font-size: 14px;
}

.btn a::before,
.btn button::before {
    content: '';
    display: block;
    width: 52px;
    height: 9px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_004.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    position: absolute;
    top: 50%;
    right: -26px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
}

.btn-white a,
.btn-white button {
    color: #806b32;
    background: #fff;
}

.btn-white a::before,
.btn-white button::before {
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_007.png);
}

.btn-transparent a,
.btn-transparent button {
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}

.btn:hover,
.btn:hover {
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
}

.btn a:hover,
.btn button:hover {
    opacity: 1;
}

.back-btn,
.detail-btn {
    min-width: 100px;
    height: 35px;
}

.back-btn {
    max-width: 220px;
    min-width: 160px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.back-btn a,
.back-btn button,
.detail-btn a,
.detail-btn button {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #fff;
}

.back-btn a::before,
.back-btn button::before {
    content: '';
    display: block;
    width: 52px;
    height: 9px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_004.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: -26px;
    -webkit-transform: translate(0, -50%) scale(-1, 1);
    transform: translate(0, -50%) scale(-1, 1);
    z-index: 1;
}

.back-btn:hover {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
}

.back-btn a:hover,
.back-btn button:hover {
    opacity: 1;
}

.prev-btn a::before,
.next-btn a::after {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin: 0 15px 0 0;
}

.prev-btn a::before {
    margin: 0 15px 0 0;
}

.next-btn a::after {
    content: "\f105";
    margin: 0 0 0 15px;
}

@media (max-width: 1024px) {

    .btn-box .back-btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 599px) {
    .btn {
        height: 45px;
    }

    .btn a,
    .btn button {
        font-size: 22px;
    }

    .btn-wide a .ja,
    .btn-wide button .ja {
        font-size: 13px;
    }
}

/* btn end */

/* header */
.header-inner {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.header-logo {
    width: 20%;
    margin: 10px auto 10px 20px;
}

.tel-box {
    padding: 10px 20px;
}

.tel-box .tel a {
    font-size: 20px;
}

.scrolled .header-inner {
    background-color: rgba(55, 59, 68, 0.9);
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1024px) {
    .header-inner {
        width: 100%;
        height: 100%;
        padding: 20px;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 6%);
        transform: translate(0, 6%);
        opacity: 0;
    }

    .active .header-inner {
        visibility: visible;
        background-color: rgba(33, 33, 35, 0.95);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    .header-logo,
    .tel-box {
        width: 40%;
        margin: 0 2.5%;
    }

    .tel-box {
        padding: 5px 15px;
    }
}

@media (max-width: 599px) {
    .header-inner {
        padding: 10px;
    }

    .header-logo {
        width: 70%;
        margin: 5px auto 2.5% 5px;
    }

    .tel-box {
        width: 70%;
        margin: 5px auto;
    }
}

/* header end */

/* nav */
.sp-only {
    display: none;
}

nav {
    margin: auto 25px;
}

.nav-list li+li {
    margin-left: 25px;
}

.nav-list>li a,
.nav-list>li .dropdown-btn {
    font-size: 16px;
}

.nav-list>li a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #806b32;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.nav-list>li>a:hover {
    opacity: 1;
}

.nav-list>li>a:hover::after {
    width: 100%;
}

.dropmenu {
    *zoom: 1;
}

.dropmenu .dropdown {
    position: relative;
    overflow: hidden;
}

.dropmenu .dropdown::after {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    border: 0;
    left: 0;
}

.dropdown-btn {
    display: block;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.dropdown-btn:hover {
    cursor: pointer;
    opacity: 0.6;
}

.dropmenu .dropdown ul {
    width: 280px;
    margin: 50px auto 0 auto;
    padding: 10px 15px;
    background-color: rgba(55, 59, 68, 0.9);
    border-radius: 3px;
    opacity: 0;
    -webkit-box-shadow: 3px 3px 10px -7px #000;
    box-shadow: 3px 3px 10px -7px #000;
    -webkit-transition-property: all;
    -webkit-transition: 0.3s linear;
    transition-property: all;
    transition: 0.3s linear;
    position: absolute;
    top: 100%;
    left: -175px;
    right: -175px;
    z-index: -9999 !important;
}

.dropmenu .dropdown ul::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(55, 59, 68, 0.9) transparent;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

#dropmenu .dropdown ul li {
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-left: 0;
}

#dropmenu .dropdown ul li+li {
    border-top: 1px solid #fff;
}

#dropmenu .dropdown:hover {
    overflow: visible;
}

#dropmenu .dropdown:hover ul {
    opacity: 1;
    z-index: 2 !important;
}

#dropmenu .dropdown ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 10px 5px;
}

@media (max-width: 1024px) {
    .sp-only {
        display: block;
    }

    nav {
        width: 100%;
        height: calc(100% - 130px);
        margin: 0;
        padding: 15px 0;
        -webkit-box-shadow: 0px -3px 7px -7px #808080 inset;
        box-shadow: 0px -3px 7px -7px #808080 inset;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .nav-list {
        width: 100%;
        height: 100%;
        padding: 10px;
    }

    .nav-list li {
        width: 100%;
    }

    .nav-list li+li {
        margin-top: 10px;
        margin-left: 0;
    }

    .nav-list>li>a {
        display: block;
        padding: 10px;
        border: 1px solid #fff;
        background-color: rgba(55, 59, 68, 0.5);
    }

    #dropmenu .dropdown {
        overflow: visible;
    }

    #dropmenu .acc-btn::before {
        content: '';
        width: 10px;
        height: 1px;
        background-color: #fff;
        margin: auto;
        position: absolute;
        top: 20px;
        right: 15px;
        z-index: 1;
    }

    .dropmenu .acc-btn::after {
        content: '';
        width: 1px;
        height: 10px;
        background-color: #fff;
        margin: auto;
        position: absolute;
        top: 15px;
        left: auto;
        right: 20px;
        z-index: 1;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
    }

    .dropmenu .acc-btn.action::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .dropmenu .dropdown {
        padding: 10px;
        border: 1px solid #fff;
        background-color: rgba(55, 59, 68, 0.5);
    }

    .dropmenu .dropdown::after {
        display: none;
    }

    .dropmenu .dropdown ul {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0 0 0 20px;
        border-radius: 0;
        opacity: 1;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static;
        z-index: 1 !important;
    }

    .dropmenu .dropdown ul::before {
        display: none;
    }

    #dropmenu .dropdown ul li+li {
        margin-top: 5px;
        border-top: none;
    }

    #dropmenu .dropdown ul li a {
        padding: 5px 5px 5px 20px;
        position: relative;
    }

    #dropmenu .dropdown ul li a::before {
        content: '∟';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media (max-width: 599px) {

    .nav-list li a,
    .nav-list li .dropdown-btn {
        font-size: 14px;
    }

    #dropmenu .dropdown ul li a {
        font-size: 13px;
    }
}

/* nav end */

/* footer */
.fixed-bnr {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1),
        0px 0px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1),
        0px 0px 10px -2px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.fixed-bnr .tel a {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 20px;
    background: rgb(129, 102, 26);
    background: -webkit-gradient(linear, left top, right top, from(rgba(129, 102, 26, 1)), to(rgba(207, 181, 108, 1)));
    background: linear-gradient(to right, rgba(129, 102, 26, 1) 0%, rgba(207, 181, 108, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81661a', endColorstr='#cfb56c', GradientType=1);
}

.fixed-bnr .tel a::before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
}

footer {
    padding: 80px 0;
    background-color: #000;
}

.footer-tel {
    text-align: center;
}

.footer-tel a {
    font-size: 30px;
}

.footer-tel a::before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
}

.footer-btn a {
    width: 100%;
    height: 100%;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #fff;
}

.footer-btn a::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    display: inline-block;
    margin-right: 5px;
}

.footer-bnr-list li a img {
    width: 100%;
}

.footer-bnr-list .sns-link-instagram a {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #212123;
    letter-spacing: 1px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
}

.footer-bnr-list .sns-link-instagram a::before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    font-size: 24px;
    font-weight: 900;
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.footer-nav-box {
    position: relative;
}

.footer-nav-box::after {
    content: '';
    display: block;
    width: 241px;
    height: 4px;
    margin: 15px auto;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_008.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer-nav-list li {
    margin-bottom: 5px;
}

.footer-nav-list li+li {
    padding-left: 30px;
    position: relative;
}

.footer-nav-list li+li::before {
    content: '｜';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 10px;
}

@media (max-width: 1024px) {
    .fixed-bnr {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    footer {
        padding: 50px 0;
    }

    .footer-nav-list li {
        margin-bottom: 10px;
    }
}

@media (max-width: 599px) {
    .fixed-bnr {
        width: 100%;
    }

    .footer-bnr-list .sns-link-instagram a::before {
        font-size: 20px;
    }
}

/* footer end */

/* カスタムコンテンツ */
.cc-list li+li {
    border-top: 2px dotted #574c2f;
}

.news_blog .cc-list li+li {
    border-top: none;
}

.cc-title {
    font-size: 16px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.category .tag {
    font-size: 12px;
    line-height: 1;
    padding: 2px 10px;
    background: rgb(186, 164, 110);
    background: linear-gradient(45deg, rgba(186, 164, 110, 1) 0%, rgba(112, 94, 49, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa46e', endColorstr='#705e31', GradientType=1);
}

.category .tag+.tag {
    margin-left: 10px;
}

.side-box+.side-box {
    margin-top: 50px;
}

.side-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    background: rgb(155, 138, 90);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(155, 138, 90, 1)), to(rgba(201, 176, 117, 1)));
    background: linear-gradient(to bottom, rgba(155, 138, 90, 1) 0%, rgba(201, 176, 117, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b8a5a', endColorstr='#c9b075', GradientType=0);
}

.side-list li+li {
    border-top: 2px dotted #574c2f;
}

.side-list li a {
    display: block;
    padding: 10px 10px 10px 50px;
    position: relative;
}

.side-list li a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
}

.detail-info {
    border-bottom: 1px dashed #6d5d34;
}

.recommend .cc-img a {
    height: 100%;
}

@media (max-width: 599px) {
    .side-box+.side-box {
        margin-top: 30px;
    }
}

/* カスタムコンテンツ end */

/* timetable */
.timetable {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.timetable tr th,
.timetable tr td {
    padding: 5px;
}

.timetable tr+tr {
    border-top: 1px solid #fff;
}

@media (max-width: 1024px) {

    .timetable tr th,
    .timetable tr td {
        font-size: 12px;
    }
}

/* timetable end */

/* table */
.table-parent {
    min-width: 768px;
}

.table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border: 1px solid #fff;
}

.table tr+tr {
    border-top: 1px solid #fff;
}

.table th,
.table td {
    font-size: 16px;
    text-align: center;
    padding: 10px;
}

.table th {
    width: calc(100% / 3);
    background-color: #2a2b30;
}

.table th+th,
.table td {
    border-left: 1px solid #fff;
}

.scroll-hint-icon {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* table end */

/* table-gold */
.table-gold {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #fff;
}

.table-gold tr+tr {
    border-top: 1px solid #fff;
}

.table-gold th,
.table-gold td {
    padding: 20px;
}

.table-gold th {
    width: 20%;
    font-size: 18px;
    font-weight: bold;
    color: #212123;
    text-align: left;
    border-right: 1px solid #fff;
    background: rgb(153, 136, 89);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 136, 89, 1)), to(rgba(205, 179, 119, 1)));
    background: linear-gradient(to bottom, rgba(153, 136, 89, 1) 0%, rgba(205, 179, 119, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#998859', endColorstr='#cdb377', GradientType=0);
}

@media (max-width: 1024px) {
    .table-gold th {
        width: 25%;
    }
}

@media (max-width: 599px) {

    .table-gold th,
    .table-gold td {
        padding: 10px;
    }

    .table-gold th {
        font-size: 16px;
    }
}

/* table-gold end */

/* mainimg */
.mainimg-inner {
    position: relative;
}

.mainimg-inner::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 33, 35, 1)), color-stop(9%, rgba(33, 33, 35, 1)), color-stop(88%, rgba(33, 33, 35, 0.3)), to(rgba(33, 33, 35, 0.3)));
    background: linear-gradient(to bottom, rgba(33, 33, 35, 1) 0%, rgba(33, 33, 35, 1) 9%, rgba(33, 33, 35, 0.3) 88%, rgba(33, 33, 35, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212123', endColorstr='#4d212123', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mainimg-cont {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.mainimg-title {
    font-size: 50px;
    text-align: center;
    line-height: 2;
    font-weight: 100;
}

.mainimg-title span {
    display: block;
}

.mainimg-title .ja {
    letter-spacing: 15px;
}

.mainimg-title .en {
    font-size: 20px;
    letter-spacing: 2px;
}

.underimg .mainimg-cont {
    top: 60%;
}

.underimg-title {
    width: 650px;
    max-width: 80%;
    font-size: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 calc(50% - 500px) 0 auto;
    padding: 80px 50px;
    background-color: rgba(33, 33, 35, 0.8);
    position: relative;
}

.underimg-title span {
    z-index: 1;
    position: relative;
}

.underimg-title::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #c1a65e;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: 1;
}

.underimg-title .ja {
    padding-left: 40px;
    position: relative;
}

.underimg-title .ja::before {
    content: '−';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.underimg-title .en {
    font-size: 50px;
    color: #bca464;
    white-space: nowrap;
    position: absolute !important;
    bottom: 0;
    right: 35px;
}

@media (max-width: 1024px) {
    .mainimg-title {
        font-size: 40px;
        line-height: 1.5;
    }

    .mainimg-title .ja {
        letter-spacing: 10px;
    }

    .mainimg-title .en {
        font-size: 18px;
    }

    .underimg-title {
        font-size: 22px;
        margin: 0 30px 0 auto;
        padding: 50px 30px;
    }

    .underimg-title::before {
        border: 2px solid #c1a65e;
        top: -8px;
        left: -8px;
    }

    .underimg-title .ja {
        padding-left: 30px;
    }

    .underimg-title .en {
        font-size: 36px;
        right: 35px;
    }
}

@media (max-width: 599px) {
    .mainimg-title {
        font-size: 24px;
    }

    .mainimg-title .ja {
        letter-spacing: 5px;
    }

    .mainimg-title .en {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .underimg-title {
        font-size: 18px;
        margin: 0 20px 0 auto;
        padding: 50px 20px;
    }

    .underimg-title .ja {
        padding-left: 25px;
    }

    .underimg-title .en {
        font-size: 22px;
        letter-spacing: 1px;
        right: 20px;
    }
}

/* mainimg end */

/* breadcrumbs */
.breadcrumbs {
    padding: 30px 0;
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.breadcrumbs-list li {
    font-size: 16px;
    letter-spacing: 1px;
}

.breadcrumbs-list li+li::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin: 0 15px;
}

/* breadcrumbs end */

/* overlap-box */
.overlap-box .box-cont {
    margin-left: -10%;
    z-index: 1;
}

.overlap-box .box-cont {
    margin-left: -10%;
    z-index: 1;
}

@media (max-width: 599px) {
    .overlap-box .box-cont {
        margin: 0;
    }
}

/* overlap-box end */

/* overlap-box-reverse */
.overlap-box-reverse .box-img {
    margin-right: -50px;
}

.overlap-box-reverse:nth-of-type(even) .box-img {
    margin-left: -50px;
    margin-right: 0;
}

@media (max-width: 1024px) {
    .overlap-box-reverse .box-img {
        margin-right: -25px;
    }

    .overlap-box-reverse:nth-of-type(even) .box-img {
        margin-left: -25px;
        margin-right: 0;
    }
}

@media (max-width: 599px) {
    .overlap-box-reverse .box-img {
        margin-right: 0;
    }

    .overlap-box-reverse:nth-of-type(even) .box-img {
        margin-left: 0;
        margin-right: 0;
    }
}

/* overlap-box-reverse end */

/* fade-box */
.fade-box {
    position: relative;
}

.fade-box-cont {
    padding-right: calc(50% - 500px);
}

.fade-box::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(45%, rgba(230, 226, 213, 1)), color-stop(65%, rgba(197, 185, 156, 1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(230, 226, 213, 1) 45%, rgba(197, 185, 156, 1) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#c5b99c', GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .fade-box-cont {
        padding-right: 30px;
    }
}

@media (max-width: 599px) {
    .fade-box-cont {
        padding-left: 30px;
    }

    .fade-box::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(43%, rgba(230, 226, 213, 1)), color-stop(98%, rgba(197, 185, 156, 1)), to(rgba(197, 185, 156, 1)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(230, 226, 213, 1) 43%, rgba(197, 185, 156, 1) 98%, rgba(197, 185, 156, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#c5b99c', GradientType=0);
    }
}

/* fade-box end */

/* shift-box */
.shift-box-wrap .shift-box+.shift-box {
    margin-top: 100px;
}

.shift-box-wrap .shift-box .shift-box-title::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #806b32;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50%;
    margin-right: -999rem;
    padding-right: 999rem;
}

.shift-box-wrap .shift-box:nth-of-type(even) .shift-box-title::after {
    width: auto;
    margin-right: 50%;
    padding-right: 0;
    margin-left: -999rem;
    padding-left: 999rem;
}

.shift-box-inner_02 {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: -10%;
    z-index: 1;
}

.shift-box-wrap .shift-box:nth-of-type(even) .shift-box-inner_01 {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.shift-box-wrap .shift-box:nth-of-type(even) .shift-box-inner_02 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: -10%;
    z-index: 1;
}

.shift-box-count {
    position: absolute !important;
    top: 0;
    right: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.shift-box-wrap .shift-box:nth-of-type(even) .shift-box-count {
    left: 30px;
    right: auto;
}

@media (max-width: 1024px) {
    .shift-box-wrap .shift-box+.shift-box {
        margin-top: 80px;
    }
}

@media (max-width: 599px) {
    .shift-box-wrap .shift-box+.shift-box {
        margin-top: 50px;
    }
}

/* shift-box end */

/* big-tel-box */
.big-tel-box {
    text-align: center;
}

.big-tel-box a {
    font-family: 'Pinyon Script', cursive;
    font-size: 50px;
    color: #8f7a42;
}

@media (max-width: 1024px) {
    .big-tel-box a {
        font-size: 40px;
    }
}

@media (max-width: 599px) {
    .big-tel-box a {
        font-size: 30px;
    }
}

/* big-tel-box end */

/* arrow-box */
.arrow-box {
    position: relative;
}

.arrow-box::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 95px 0 95px;
    border-color: #6d5c2f transparent transparent transparent;
    margin: auto;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    z-index: 1;
}

/* arrow-box end */

/* box */
.black-box {
    background-color: rgba(55, 59, 68, 0.5);
}

.black-box_02 {
    padding: 50px;
    background-color: rgba(42, 43, 48, 0.85);
}

.gray-box {
    padding: 20px;
    background-color: #454343;
}

.gold-box {
    background-color: #433f36;
}

@media (max-width: 599px) {
    .black-box_02 {
        padding: 30px 15px;
    }
}

/* box end */

/* balloon */
.balloon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #4d4d4f;
    margin-top: 25px;
    padding: 10px 15px;
    position: relative;
}

.balloon:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(77, 77, 79, 0);
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
    border-bottom-color: #4D4D4F;
    bottom: 100%;
    left: 50%;
}

/* balloon end */

/* random-img */
.random-img .img:nth-of-type(even) {
    margin-left: auto;
}

.random-img .img+.img {
    margin-top: 30px;
}

.uk-open .uk-modal-dialog {
    min-width: 400px;
    height: auto !important;
    top: 50% !important;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.uk-open .uk-modal-dialog img {
    width: 100%;
}

@media (max-width: 599px) {
    .uk-open .uk-modal-dialog {
        min-width: 80%;
    }
}

/* random-img end */

/* bnr */
.bnr-wrap {
    overflow: hidden;
}

.bnr-wrap .bg-cont {
    min-height: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bnr-belt {
    padding: 10px 50px 10px 80px;
    -webkit-transform: skew(-45deg) translate(-50px, 0);
    transform: skew(-45deg) translate(-50px, 0);
}

.bnr-belt-inner {
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}

.bnr_02 .bnr-box {
    min-height: 190px;
    padding: 10px 20px;
}

.bnr_02 .bnr-box-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .bnr_02 .bnr-box-img {
        min-width: 313px;
    }
}

@media (max-width: 599px) {
    .bnr-belt {
        padding: 10px 20px 10px 60px;
        -webkit-transform: skew(-25deg) translate(-50px, 0);
        transform: skew(-25deg) translate(-50px, 0);
    }

    .bnr-belt-inner {
        -webkit-transform: skew(25deg);
        transform: skew(25deg);
    }
}

/* bnr end */

/* overhang */
.overhang-left {
    position: relative;
}

.overhang-left::before {
    content: '';
    display: block;
    width: 500%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

/* overhang end */

/* alternate-parent */
.alternate-parent>.alternate-child:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.alternate-parent-rowr>.alternate-child:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* alternate-parent end */

/* color-alternate */
.color-alternate .alternate-child .box-cont {
    background-color: #2c2d33;
}

.color-alternate .alternate-child:nth-of-type(even) .box-cont {
    background: rgb(198, 186, 156);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(198, 186, 156, 1)), to(rgba(211, 204, 186, 1)));
    background: linear-gradient(to bottom, rgba(198, 186, 156, 1) 0%, rgba(211, 204, 186, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ba9c', endColorstr='#d3ccba', GradientType=0);
}

.color-alternate .alternate-child:nth-of-type(even) .box-cont * {
    color: #212123;
}

/* color-alternate end */

/* calc-parent */
.calc-parent .calc-child:nth-of-type(odd) .box-cont {
    padding-right: calc(50% - 500px);
}

.calc-parent .calc-child:nth-of-type(even) .box-cont {
    padding-left: calc(50% - 500px);
    padding-right: 0;
}

.calc-parent-rowr .calc-child:nth-of-type(odd) .box-cont {
    padding-left: calc(50% - 500px);
}

.calc-parent-rowr .calc-child:nth-of-type(even) .box-cont {
    padding-right: calc(50% - 500px);
    padding-left: 0;
}

@media (max-width: 1024px) {
    .calc-parent .calc-child:nth-of-type(odd) .box-cont {
        padding-right: 20px;
    }

    .calc-parent .calc-child:nth-of-type(even) .box-cont {
        padding-left: 20px;
    }

    .calc-parent-rowr .calc-child:nth-of-type(odd) .box-cont {
        padding-left: 20px;
    }

    .calc-parent-rowr .calc-child:nth-of-type(even) .box-cont {
        padding-right: 20px;
    }
}

@media (max-width: 599px) {
    .calc-parent .calc-child:nth-of-type(odd) .box-cont {
        padding-right: 10px;
    }

    .calc-parent .calc-child:nth-of-type(even) .box-cont {
        padding-left: 10px;
    }

    .calc-parent-rowr .calc-child:nth-of-type(odd) .box-cont {
        padding-left: 10px;
    }

    .calc-parent-rowr .calc-child:nth-of-type(even) .box-cont {
        padding-right: 10px;
    }
}

/* calc-parent end */

/* circle-list */
.circle-list li {
    position: relative;
}

.circle-list li::after {
    content: '';
    display: block;
    width: 65px;
    height: 16px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_003.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 15px;
    right: 5px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.circle-list .col-inner {
    position: relative;
    width: 100%;
}

.circle-list .col-inner::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.circle-list .col-inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.circle-list .col--inner {
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.circle-list li:hover::after {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

@media (max-width: 599px) {
    .circle-list li:nth-of-type(2n+2) {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .circle-list li+li {
        margin-top: -25%;
    }

    .circle-list li::after {
        bottom: 35px;
    }
}

/* circle-list end */

/* link-list */
.link-list li a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.link-list li a .balloon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/* link-list end */

/* check-list */
.check-list li {
    padding-top: 10px;
    padding-left: 35px;
    position: relative;
}

.check-list li::before {
    content: '';
    width: 35px;
    height: 33px;
    background-image: url(/import/tenant_2/153.126.166.127/html/images/common/parts_001.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 2px;
    left: 0;
}

.check-list-mini li {
    padding-top: 10px;
    padding-left: 30px;
}

.check-list-mini li::before {
    width: 30px;
    height: 30px;
    top: 2px;
}

.check-list-dot li {
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0 30px 35px;
}

.check-list-dot li::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #c1a973;
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
    position: absolute;
    bottom: 0;
}

@media (max-width: 599px) {
    .check-list li {
        padding-top: 10px;
        padding-left: 30px;
    }

    .check-list li::before {
        width: 30px;
        height: 28px;
    }
}

/* check-list end */

/* num-list */
.num {
    font-family: 'Pinyon Script', cursive;
    font-size: 45px;
    line-height: 1;
    color: #a39061;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 10px auto;
    padding: 5px;
    border: 1px dashed #a39061;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .num-list li {
        position: relative;
    }

    .num-list li .num {
        font-size: 34px;
        width: 60px;
        height: 60px;
        text-shadow:
            -1px -1px 3px rgba(0, 0, 0, 0.2),
            0px 0px 3px rgba(0, 0, 0, 0.2),
            1px 1px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow:
            -1px -1px 3px rgba(0, 0, 0, 0.2),
            0px 0px 3px rgba(0, 0, 0, 0.2),
            1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow:
            -1px -1px 3px rgba(0, 0, 0, 0.2),
            0px 0px 3px rgba(0, 0, 0, 0.2),
            1px 1px 3px rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(-5%, -25%);
        transform: translate(-5%, -25%);
        z-index: 1;
    }
}

@media (max-width: 599px) {
    .num-list li .num {
        font-size: 30px;
        padding-top: 10px;
    }
}

/* num-list end */

/* faq-list */
.faq-list dt,
.faq-list dd {
    padding-left: 35px;
    position: relative;
}

.faq-list dd {
    margin-top: 15px;
}

.faq-list dt::before,
.faq-list dd::before {
    display: inline-block;
    font-size: 28px;
    font-weight: 100;
    line-height: 1;
    position: absolute;
    top: -5px;
    left: 0;
}

.faq-list dt::before {
    content: 'Q';
}

.faq-list dd::before {
    content: 'A';
}

@media (max-width: 1024px) {

    .faq-list dt,
    .faq-list dd {
        padding-left: 30px;
    }

    .faq-list dt::before,
    .faq-list dd::before {
        font-size: 25px;
    }

    .faq-list dd {
        margin-top: 10px;
    }
}

@media (max-width: 599px) {

    .faq-list dt,
    .faq-list dd {
        padding-left: 25px;
    }

    .faq-list dt::before,
    .faq-list dd::before {
        font-size: 20px;
        top: 0;
    }
}

/* faq-list end */

/* flow-list */
.flow-list-heading {
    position: absolute;
    top: -30px;
    left: 10px;
}

/* flow-list end */

/* cause-list */
.cause-list>li+li .cause-list-inner {
    border-left: 1px dashed #9a895a;
}

.cause-list>li:nth-of-type(4n+1) .cause-list-inner {
    border-left: none;
}

@media (max-width: 1024px) {
    .cause-list>li:nth-of-type(4n+1) .cause-list-inner {
        border-left: 1px dashed #9a895a;
    }

    .cause-list>li:nth-of-type(2n+1) .cause-list-inner {
        border-left: none;
    }
}

/* cause-list end */

/* award-list */
.awards-list li {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.awards-list li:hover {
    cursor: pointer;
    opacity: 0.6;
}

/* award-list end */

/* beforeafter-wrap */
.after-box {
    position: relative;
}

.after-box::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    font-weight: 900;
    color: #9a895a;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: calc(50% + 25px);
    left: -7.5%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    z-index: 1;
}

@media (max-width: 1024px) {
    .after-box::before {
        font-size: 40px;
        top: calc(50% + 20px);
    }
}

@media (max-width: 599px) {
    .after-box {
        margin-top: 80px;
    }

    .after-box::before {
        content: '\f078';
        text-align: center;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

/* beforeafter-wrap end */

/* form */
input,
select,
textarea {
    font-size: 16px !important;
}

.must {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 3px 10px;
    background: rgb(186, 164, 110);
    background: linear-gradient(45deg, rgba(186, 164, 110, 1) 0%, rgba(112, 94, 49, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa46e', endColorstr='#705e31', GradientType=1);
}

.contact-item+.contact-item {
    margin-top: 30px;
}

.contact-item dd input,
.contact-item dd textarea {
    width: 100%;
    color: #333;
    padding: 5px;
}

.contact-item dd textarea {
    height: 150px;
}

.radiobtn input {
    width: auto;
}

.radiobtn label {
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
    padding-left: 22px;
}

.radiobtn input {
    display: none;
}

.radiobtn label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.radiobtn label:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #8f7a42;
    border-radius: 50%;
    background-color: #fff;
}

.radiobtn input:checked+label {
    text-decoration: underline;
}

.radiobtn input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #8f7a42;
    border-radius: 50%;
}

.contact-btns li button {
    width: 200px;
    height: 45px;
    background: rgb(124, 104, 49);
    background: -webkit-gradient(linear, left top, right top, from(rgba(124, 104, 49, 1)), to(rgba(205, 181, 127, 1)));
    background: linear-gradient(to right, rgba(124, 104, 49, 1) 0%, rgba(205, 181, 127, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c6831', endColorstr='#cdb57f', GradientType=1);
    border: none;
}

.contact-btns li.back-btn {
    height: inherit;
}

.contact-btns li.back-btn button {
    background: rgb(205, 181, 127);
    background: -webkit-gradient(linear, left top, right top, from(rgba(205, 181, 127, 1)), to(rgba(124, 104, 49, 1)));
    background: linear-gradient(to right, rgba(205, 181, 127, 1) 0%, rgba(124, 104, 49, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdb57f', endColorstr='#7c6831', GradientType=1);
}

.contact-btns li.back-btn button:hover {
    opacity: 0.5;
}

.contact-btns li.back-btn button::before {
    display: none;
}

.contact-btns li.back-btn:hover {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 599px) {
    .must {
        margin-left: 10px;
    }
}

/* form end */

/* area_10 */
.area_10 .map::after {
    padding-top: 50%;
}

/* area_10 end */

/* area_14_plus */
@media (max-width: 599px) {
    .awards-list li {
        min-width: calc(100% / 3 - 12px);
    }
}

/* area_14_plus end */

/* area_15 */
.area_15 .btn .ja {
    font-size: 16px;
}

/* area_15 end */

/* lightbox */
.uk-close:after {
    color: #000;
}

/* lightbox end */

/* IE11 */
.ie11 .gold-gradation {
    color: #574a3b;
}

.ie11 .footer-bnr-list .sns-link-instagram a::before {
    color: #f13f79;
}

/* IE11 end */

/* id表示 */
main[data-element-id] [id],
main[data-element-id] [data-href*="#"] {
    position: relative;
}

main[data-element-id] [data-href*="#"]:before {
    content: attr(data-href)"";
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    padding: 5px 10px;
    background-color: #696969;
    z-index: 100;
}

main[data-element-id] [id]:before {
    content: attr(id)"";
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    padding: 5px 10px;
    background-color: #696969;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

main[data-element-id] [data-href$="/#"]:before {
    display: none;
}

/* id表示 end */

/* 見たまま編集 */
[data-element-id] [data-ab-test-block] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[data-element-id] [data-ab-test-contents] {
    display: block !important;
    margin: 10px;
    border: 2px solid #006400;
}

/* [data-element-id] .up-col-2>div,
[data-element-id] .up-col-3>div {
    width: 100%;
} */

[data-element-id] .up-col-2>div[data-collection-list-content],
[data-element-id] .up-col-3>div[data-collection-list-content],
[data-element-id] .up-col-3>div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[data-element-id] .up-col-2>div[data-collection-list-content] li {
    width: 48%;
    margin: 1%;
}

[data-element-id] .up-col-3>div[data-collection-list-content] li,
[data-element-id] .up-col-3>div[data-recommend-collection-list-content] li {
    width: calc(94% / 3);
    margin: 1%;
}

[data-element-id] .staff-list li:nth-of-type(n+5) {
    display: none;
}

[data-element-id] [data-ab-test-contents]:nth-of-type(1)::before {
    content: 'Aです';
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #006400;
    padding: 2px 10px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

[data-element-id] [data-ab-test-contents]:nth-of-type(2)::before {
    content: 'Bです';
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #006400;
    padding: 2px 10px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

[data-element-id] .fixed-bnr {
    border: 2px solid #006400;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    position: static;
}

[data-element-id] .fixed-bnr::before {
    content: 'スマホ固定バナー';
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    padding: 5px 10px;
    background-color: #006400;
}

[data-element-id] .header-inner {
    padding-right: 100px;
    position: absolute;
}

[data-element-id] .bnr-wrap {
    background-color: #a9a9a9;
}

[data-element-id] .bnr-wrap.bnr_02 {
    background-color: #fff;
}

[data-element-id] .bnr-wrap .bg-img {
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 2;
}

[data-element-id] .nav-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-element-id] .nav-list li {
    margin: 5px;
}

[data-element-id] .nav-list li.sp-only {
    display: block;
    border: 2px solid #006400;
}

[data-element-id] .nav-list li.sp-only::before {
    content: 'スマホナビ';
    display: block;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    padding: 3px 10px;
    background-color: #006400;
}

[data-element-id] #dropmenu .dropdown {
    overflow: visible;
    position: static;
}

[data-element-id] #dropmenu .dropdown ul {
    opacity: 1;
    top: calc(100% + 50px);
    left: 50px;
    right: auto;
    z-index: 2 !important;
    border: 2px solid #006400;
}

[data-element-id] #dropmenu .dropdown ul::before {
    content: '「治療内容」下のドロップダウン';
    display: block;
    width: calc(100% + 4px);
    height: auto;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    padding: 3px 10px;
    background-color: #006400;
    border-width: 0;
    border-color: none;
    top: -18px;
    left: -2px;
}

[data-element-id] .shift-box-count.text-editable {
    position: absolute !important;
}

/* 見たまま編集 end */


.iryodx{
  text-align: center;
}


@media (max-width: 599px) {
  .iryodx{
  text-align: left;
}
}

.floating-phone,
.floating-phone * {
  box-sizing: border-box;
}

.floating-phone {
  position: fixed;
  left: 24px;
  top: 50%;
  transform:translateY(-50%);
  z-index: -9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 230px;
  font-family:
    "Noto Serif JP",
    "游明朝",
    "Yu Mincho",
    "ヒラギノ明朝 ProN",
    serif;
    opacity:0;
    transition:.4s;
}

.floating-phone.grown{
  z-index:9999;
  opacity:1;
}

.floating-phone__item > a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  color: #fff !important;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
  border: 1px solid;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}

.floating-phone__item > a::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 0;
  border: 1px solid rgba(255, 255, 255, 0.45);
  pointer-events: none;
}

.floating-phone__item > a > span {
  position: relative;
  z-index: 1;
  display: block;
}

.floating-phone__item > a > span:first-child {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.floating-phone__item > a > span:last-child {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* 外来：ゴールド */
.floating-phone__item--outpatient > a {
  background:
    linear-gradient(
      135deg,
      #6f5d31 0%,
      #806b32 38%,
      #cdb580 100%
    );
  border-color: #ddcb9e;
}

/* 往診：シルバー */
.floating-phone__item--visit > a {
  background:
    linear-gradient(
      135deg,
      #4b4c4e 0%,
      #787a7d 45%,
      #c5c7c9 100%
    );
  border-color: #d9dadd;
}

@media (hover: hover) {
  .floating-phone__item > a:hover {
    filter: brightness(1.1);
    transform: translateY(-3px);
  }
}

.floating-phone__item > a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -7px;
}

/* タブレット */
@media screen and (max-width: 1024px) and (min-width: 600px) {
  .floating-phone {
    transform:translateY(0);
    top:auto;
    left:auto;
    right: 16px;
    bottom: 16px;
    width: 210px;
  }

  .floating-phone__item > a {
    min-height: 68px;
  }

  .floating-phone__item > a > span:last-child {
    font-size: 18px;
  }
}

/* スマートフォン */
@media screen and (max-width: 599px) {
  body {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
  }

  .floating-phone {
    right: 0;
    bottom: 0;
    left: 0;
    transform:translateY(0);
    top:auto;
    flex-direction: row;
    gap: 0;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: #202020;
  }

  .floating-phone__item {
    flex: 1 1 50%;
    min-width: 0;
  }

  .floating-phone__item > a {
    min-height: 68px;
    border-width: 1px 0 0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.22);
  }

  .floating-phone__item--outpatient > a {
    border-right: 1px solid rgba(255, 255, 255, 0.45);
  }

  .floating-phone__item > a::before {
    inset: 4px;
  }

  .floating-phone__item > a > span:first-child {
    font-size: 12px;
    letter-spacing: 0.08em;
  }

  .floating-phone__item > a > span:last-child {
    font-size: clamp(14px, 4.2vw, 17px);
    letter-spacing: 0.02em;
  }
}

@media print {
  .floating-phone {
    display: none;
  }
}

.floating-phone__item > a::after{
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color:#fff;
    position: absolute;
    top: 50%;
    right:96%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
}

@media(max-width:1024px){
 .floating-phone__item > a::after{
    display:none;
} 
}

[data-element-id].floating-phone {
  position: relative;
  left: 0px;
  top: 0%;
  transform:translateY(0%);
}
