@charset "utf-8";

/* ##### 共通 ##### */
.active .inner-header,
.active main,
.active footer {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.logo {
    width: 280px;
}

.sp-only {
    display: none;
}

.mainimg-cont {
    margin: auto;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    right: 0;
    -webkit-transform: translate(0, calc(-50% - 20px));
    transform: translate(0, calc(-50% - 20px));
    z-index: 1;
}

.flexrev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[class*="icon"] {
    display: inline-block;
    width: 35px;
    height: 35px;
}

[class*="icon"]:before {
    font-weight: 900;
    line-height: 100%;
    display: inline-block;
}

.icon-phone:before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
}

.icon-reservation:before {
    content: "\f274";
    font-family: "Font Awesome 5 Free";
}

.icon-line:before {
    content: "\f3c0";
    font-size: 24px;
    font-family: "Font Awesome 5 Brands";
    font-weight: normal;
    /* position: relative; */
    /* top: 2px; */
}

[class*="sns-icon-"]:before {
    font-size: 22px;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    color: #ea8d61;
    display: inline-block;
}

.sns-icon-youtube:before {
    content: "\f167";
}

.sns-icon-twitter:before {
    content: "\f099";
}

.sns-icon-instagram:before {
    content: "\f16d";
}

.sns-icon-facebook:before {
    content: "\f39e";
}

.num {
    width: 40px;
    height: 40px;
    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;
    font-size: 18px;
    color: #fff;
    line-height: 100%;
    background-color: #58b530;
}

.tel-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    letter-spacing: 2px;
    color: #f09060;
}

.tel-box a .icon-phone {
    margin-right: 10px;
}

.orange {
    color: #f0915b;
}

.yellow {
    color: #e6ba61;
}

.green {
    color: #58b530;
}

.pink {
    color: #eda3b0;
}

.vertical-text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.bgc-beige {
    background-color: #faf6eb;
}

.bgc-red {
    background-color: #e8c5bf;
}

.bgc-orange {
    background-color: #fceade;
}

.dot-list {
    padding-left: 20px;
}

.dot-list li {
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 5px;
}

.number-list li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.number-list li .num {
    width: inherit;
    height: inherit;
    display: inline;
    font-size: 16px;
    color: #f0915b;
    background-color: transparent;
    position: absolute;
    top: 5px;
    left: 0;
}

.dl-list-outer {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.dl-list-outer>dt {
    min-width: 20%;
    font-size: 18px;
    font-weight: bold;
}

.dl-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #333;
}

.dl-list dt {
    font-weight: bold;
    min-width: 25%;
    padding: 0 10px;
}

.dl-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.time-list {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.time-list:not(:last-of-type) {
    margin-bottom: 10px;
}

.time-list dt {
    min-width: 15%;
}

.time-list dt:after {
    content: '/';
    display: inline-block;
    margin: 0 10px;
    float: right;
}

.time-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.check-list>li {
    padding-left: 40px;
    position: relative;
}

.check-list>li:before {
    content: "\f058";
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #58b530;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.acc-list dt,
.acc-list dd {
    border-radius: 5px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.acc-list dt {
    background-color: #faf6eb;
}

.acc-list dt:before {
    content: 'Q';
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #f0915b;
    position: absolute;
    top: 20px;
    left: 10px;
}

.acc-list dt:after {
    content: "\f107";
    font-size: 26px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f0915b;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.acc-list dd:before {
    content: 'A';
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #58b530;
    position: absolute;
    top: 20px;
    left: 10px;
}

.acc-list dt:hover {
    cursor: pointer;
}

.acc-list dt.action:after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.square-list li {
    padding-left: 20px;
    position: relative;
}

.square-list li:before {
    content: '■';
    display: inline-block;
    color: #58b530;
    position: absolute;
    top: 0;
    left: 0;
}

.border-box {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 10px;
}

.asterisk-box {
    font-size: 14px;
    padding-left: 16px;
    position: relative;
}

.asterisk-box:before {
    content: '※';
    position: absolute;
    top: 5px;
    left: 0;
}

.dot-box {
    border: 2px dotted #000;
    border-radius: 10px;
}

.scale a:hover {
    opacity: 1;
}

.scale a .ofimg img {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.scale a:hover .ofimg img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.white-filter:before {
    background-color: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .logo {
        width: 200px;
    }

    .sp-only {
        display: block;
    }

    [class*="icon"] {
        width: 24px;
        height: 25px;
    }

    .tel-box a {
        font-size: 26px;
    }

    .dl-list>dt {
        min-width: 40%;
    }

    .check-list>li {
        padding-left: 35px;
    }

    .check-list>li:before {
        font-size: 26px;
    }

    .acc-list dt:before,
    .acc-list dd:before {
        top: 15px;
    }
}

@media (max-width: 599px) {

    .dl-list-outer,
    .dl-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dl-list>dt,
    .dl-list-outer dt {
        padding: 10px 0 0 0;
    }

    .dl-list dd {
        width: 100%;
    }

    .acc-list dt,
    .acc-list dd {
        padding-left: 30px;
        padding-right: 30px;
    }

    .acc-list dt:before,
    .acc-list dd:before {
        font-size: 20px;
        top: 10px;
    }

    .acc-list dt:before,
    .acc-list dd:before {
        left: 5px;
    }

    .acc-list dt:after {
        right: 5px;
    }
}

/* ##### 共通 end ##### */

/* ##### ボタン ##### */
.more-btn {
    width: 180px;
    height: 40px;
}

.more-btn a,
.more-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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 100%;
    color: #fff;
    background-color: #f0915b;
    border: 1px solid #f0915b;
    border-radius: 5px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.center-btn {
    margin-left: auto;
    margin-right: auto;
}

.more-btn-long {
    width: 100%;
}

.more-btn-brown {
    height: 50px;
}

.more-btn-brown a {
    background-color: #755613;
    border: 1px solid #755613;
}

.more-btn-yellow {
    height: 50px;
}

.more-btn-yellow a {
    background-color: #F9BB43;
    border: 1px solid #F9BB3B;
}

.more-btn-green {
    height: 70px;
}

.more-btn-green a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 20px;
    padding: 10px;
    background-color: #00ba01;
    border: 1px solid #00ba01;
}
.more-btn-green.reserve24 a{
    background-color: #85c866;
    border: 1px solid #85c866;
}
.more-btn-green.reserve24 a:before{
  content: "\f274";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}

.more-btn-green a .icon-line {
    margin-right: 10px;
}

.more-btn-green a .icon-line:before {
    font-size: 34px;
}

.more-btn a:hover,
.more-btn button:hover {
    opacity: 1;
    color: #f0915b;
    background-color: #fff;
    cursor: pointer;
}

.more-btn-brown a:hover {
    color: #755613;
}

.more-btn-yellow a:hover {
    color: #F9BB3B;
}

.more-btn-green a:hover {
    color: #00ba01;
}

@media (max-width: 1024px) {
    .more-btn-green {
        height: 50px;
    }

    .more-btn-green a {
        font-size: 16px;
    }

    .more-btn-green a .icon-line:before {
        font-size: 30px;
    }
}

@media (max-width: 599px) {
    .more-btn {
        width: 160px;
        height: 35px;
    }

    .more-btn a {
        font-size: 14px;
    }

    .more-btn-long {
        width: 100%;
        height: 40px;
    }
}

/* ##### ボタン end ##### */

/* ##### 見出し ##### */
.title-parent {
    text-align: center;
}

.title-parent * {
    text-align: left;
}

.title_01 {
    display: inline-block;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 2px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 5px;
    border-bottom: 3px solid #f0915b;
}

.title_02 {
    font-size: 30px;
}

.title_03 {
    font-size: 26px;
}

.title_04 {
    font-size: 36px;
}

.title_05 {
    display: inline-block;
    font-size: 20px;
    border-bottom: 2px solid #333;
}

.title_06 {
    display: inline-block;
    font-size: 24px;
    color: #58b530;
    line-height: 110%;
    border-bottom: 2px solid #58b530;
}

.title_07 {
    font-size: 18px;
    padding-left: 5px;
    border-left: 5px solid #f0915b;
}

.title_08 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    padding: 10px;
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
}

.title_09 {
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 2px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0 5px;
    border-bottom: 3px solid #f0915b;
    width: 80%;
}

.title_10 {
    display: inline-block;
    font-size: 18px;
    color: #58b530;
    line-height: 110%;
    border-bottom: 2px solid #58b530;
}

.title_10 a {
    color: #58b530;
}

@media (max-width: 1024px) {
    .title_01 {
        font-size: 28px;
    }

    .title_02 {
        font-size: 24px;
    }

    .title_03 {
        font-size: 20px;
    }

    .title_04 {
        font-size: 28px;
    }

    .title_08 {
        letter-spacing: 1px;
    }
    .title_09 {
        font-size: 28px;
    }
    .title_10 {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .title_01 {
        font-size: 20px;
    }

    .title_02 {
        font-size: 18px;
    }

    .title_04 {
        font-size: 22px;
    }

    .title_06 {
        font-size: 18px;
    }

    .title_08 {
        padding: 5px;
        border-top: 1px dotted #000;
        border-bottom: 1px dotted #000;
    }
    .title_09 {
      font-size: 20px;
      width: auto;
    }
}

/* ##### 見出し ene ##### */

/* ##### カスタムコンテンツ ##### */
.blog-list li {
    width: calc(82% / 3);
    margin: 20px 3% 0 3%;
    background-color: #fff;
}

.blog .blog-list li {
    width: 100%;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

.blog .blog-list .cc-img {
    width: 35%;
    margin: 0;
}

.blog .blog-list .cc-info {
    width: 63%;
}

.blog-list .cc-info .two-line {
    display: block;
}

.blog-list .cc-category {
    height: auto !important;
}

.blog-list .cc-img {
    margin: -30px 0 0 -30px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.blog-list a {
    display: block;
    font-weight: bold;
}

.cc-category {
    line-height: 100%;
}

.parent-category span,
.children-category span {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.parent-category span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 100%;
    background-color: #58b530;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
    display: inline-block;
}

.parent-category,
.children-category {
    /* margin: 0px 15px; */
}



.parent-category001 {
    display: inline-block;
    color: #fff;
    line-height: 100%;
    background-color: #f0915b;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
}


.children-category{
display: inline-block;
    font-size: 12px;
    line-height: 100%;
    margin: 0 5px 5px 0;
    padding: 3px 10px;
    border: solid 1px #9c9c9c;
}

.voice-list li {
    border-bottom: 1px solid #333;
}
.voice-list .voice-img{
   width: 35%;
}
.voice-list .voice-info{
   width: 63%;
}
.voice-list li{
  width: 100%;
  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: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  margin: 0 0 10px 0;
}


.voice-list li .cc-title a {
    display: block;
    font-size: 20px;
    color: #58b530;
}

.voice-list li .cc-title a .two-line {
    display: block;
    width: 100%;
}

.cc-side-title {
    font-size: 20px;
    border-left: 8px solid #f0915b;
}

.cc-side-list {
    padding-left: 16px;
}

.cc-side-list li {
    letter-spacing: 1px;
    padding-left: 20px;
    position: relative;
}

.cc-side-list li:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    color: #f0915b;
    line-height: 100%;
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 5px;
}

.voice .cc-side-title.acc-btn,
.blog .cc-side-title.acc-btn {
    position: relative;
    padding-right: 40px;
}

.voice .cc-side-title.acc-btn:after,
.blog .cc-side-title.acc-btn:after {
    content: "\f107";
    font-size: 26px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f0915b;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.voice .cc-side-title.acc-btn.action:after,
.blog .cc-side-title.acc-btn.action:after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.voice .cc-side-title:hover,
.blog .cc-side-title:hover {
    cursor: pointer;
}

.detail-info .cc-title {
    font-size: 24px;
    color: #58b530;
    line-height: 140%;
}
.detail-cont .relational-posts-wrapper {
    display: none;
}
@media (max-width: 1024px) {

    .blog-list li {
        width: 100%;
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 10px 0 20px 10px;
    }

    .blog .blog-list li {
        margin-bottom: 20px;
    }

    .blog-list .cc-img {
        width: 40%;
        margin: -15px 0 0 -15px;
    }

    .blog .blog-list .cc-img {
        width: 35%;
    }

    .blog-list .cc-info {
        width: 60%;
    }

    .blog .blog-list .cc-info {
        width: 63%;
    }

    .blog .blog-list .cc-info a {
        font-size: 15px;
    }

    .parent-category {
        margin: 3px 0;
        padding: 5px 10px;
    }

    .children-category {
        margin: 3px 0;
    }

    .children-category span {
        margin: 0 5px 5px 0;
        padding: 5px 10px;
    }

    .blog .blog-list .cc-category span {
        font-size: 11px;
    }

    .voice-list li .cc-title a {
        font-size: 18px;
    }

    .cc-cont,
    .cc-side {
        width: 100%;
    }

    .cc-side {
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .cc-side-box {
        width: 48%;
        margin: 0 1%;
    }

    .detail-info .cc-title {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .blog .blog-list li {
        margin-bottom: 30px;
    }

    .blog-list .cc-img,
    .blog .blog-list .cc-img {
        width: 100%;
    }

    .blog-list .cc-info,
    .blog .blog-list .cc-info {
        width: 100%;
    }

    .blog .blog-list .cc-info {
        padding: 5px;
    }

    .cc-side-box {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .voice-list li .cc-title a {
        font-size: 16px;
    }

    .detail-info .cc-title {
        font-size: 18px;
    }
    .voice-list .voice-img{
       width: 100%;
    }
    .voice-list .voice-info{
       width: 100%;
    }
}

/* ##### カスタムコンテンツ end ##### */

/* ##### header ##### */
.inner-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .common .inner1200 {
        width: 100%;
    }

    .inner-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px;
    }

    .header-box {
        margin-left: 15px;
    }

    .header-box .address {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .inner-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    header .logo {
        margin-bottom: 10px;
    }

    .header-box {
        margin-left: 0;
    }

    .inner-header .tel-box a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* ##### header end ##### */

/* ##### nav ##### */
nav {
    width: 100%;
    background-color: #fff;
}

nav .logo {
    display: none;
}

.nav-list li:not(.sp-only) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.nav-list li:not(:first-of-type):before {
    content: '/';
    font-size: 24px;
    display: inline-block;
    margin: 0 20px;
}

.nav-list li a {
    letter-spacing: 1px;
}

nav.fixed {
    background-color: rgba(255, 255, 255, 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);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
}

nav.fixed .logo {
    display: block;
    width: 140px;
    margin-right: 30px;
}

@media (max-width: 1024px) {
    nav {
        width: 500px;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transform: translate(500px, 0);
        transform: translate(500px, 0);
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 4;
    }

    nav .logo {
        width: 50%;
        display: block;
        margin: 10px auto;
    }

    .nav-list {
        width: 100%;
        height: calc(100% - 100px);
        display: block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 20px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav-list li {
        margin: 10px 5px;
    }

    .nav-list li:not(:first-of-type):before {
        display: none;
    }

    .active nav {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-box-shadow: -2px 0px 15px -5px #000;
        box-shadow: -2px 0px 15px -5px #000;
    }

    nav.fixed {
        background-color: #fff;
        left: auto;
    }

    nav.fixed .logo {
        width: 50%;
        margin-right: auto;
    }
}

@media (max-width: 599px) {
    nav {
        width: 270px;
        -webkit-transform: translate(270px, 0);
        transform: translate(270px, 0);
    }
}

/* ##### nav end ##### */

/* ##### footer ##### */
.totop {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}

.totop a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-color: #ea8d61;
    border: 1px solid #ea8d61;
    border-radius: 5px;
}

.totop a:before {
    content: "\f106";
    font-size: 22px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
}

.totop a:hover {
    opacity: 1;
    background-color: #fff;
    color: #ea8d61;
}

.floating-box {
    position: fixed;
    top: 150px;
    right: 20px;
    z-index: 2;
}

.floating-list li {
    width: 70px;
    height: 70px;
}

.floating-list .float-btn-red {
    display: none;
}

.floating-list li a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50%;
    text-decoration: none !important;
}

.float-btn-orange a {
    background-color: #f0c05a;
    border: 1px solid #f0c05a;
}

.float-btn-red a {
    background-color: #ea8d61;
    border: 1px solid #ea8d61;
}

.float-btn-green a {
    background-color: #00bc00;
    border: 1px solid #00bc00;
}

.floating-list li a span[class*="icon-"] {
    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;
    font-size: 34px;
    color: #fff;
}

.floating-list li a .icon-reservation:before{
  font-size: 18px;
}
.floating-list li a .text-reservation{
  color: #fff;
  font-size: 11px;
  line-height:100%;
}
.floating-list li a:hover {
    opacity: 1;
    background-color: #fff;
}

.floating-list .float-btn-orange a:hover span:before {
    color: #f0c05a;
}
.floating-list li a:hover .text-reservation{
  color: #f0c05a;
}

.floating-list .float-btn-red a:hover span:before {
    color: #ea8d61;
}

.floating-list .float-btn-green a:hover span:before {
    color: #00bc00;
}

/* b-type */
.b-type .floating-list li a {
    background-color: #fff;
}

.b-type .floating-list .float-btn-orange a span:before {
    color: #f0c05a;
}

.b-type .floating-list .float-btn-red a span,
.b-type .floating-list .float-btn-red a span:before {
    color: #ea8d61;
}

.b-type .floating-list .float-btn-green a span:before {
    color: #00bc00;
}

.b-type .floating-list .float-btn-orange a:hover {
    color: #fff;
    background-color: #f0c05a;
}

.b-type .floating-list .float-btn-red a:hover {
    color: #fff;
    background-color: #ea8d61;
}

.b-type .floating-list .float-btn-green a:hover {
    color: #fff;
    background-color: #00bc00;
}

.b-type .floating-list .float-btn-orange a:hover span:before,
.b-type .floating-list .float-btn-red a:hover span:before,
.b-type .floating-list .float-btn-green a:hover span:before {
    color: #fff;
}
.b-type .floating-list li a .text-reservation{
  color: #f0c05a;
}
.b-type .floating-list li a:hover .text-reservation{
  color: #fff;
}


/* b-type end */

footer .logo {
    margin-left: auto;
    margin-right: auto;
}

.footer-contact-box {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.sns-list li span[class*="sns-icon"] {
    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;
}

.footer-nav li {
    position: relative;
    padding-left: 20px;
}

.footer-nav li:before {
    content: "\f105";
    font-size: 22px;
    color: #ea8d61;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.copy {
    font-size: 12px;
}

@media (max-width: 1024px) {
    .floating-box {
        top: auto;
        bottom: 65px;
    }

    .floating-list li {
        width: 62px;
        height: 62px;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
    }

    .floating-list .float-btn-red {
        display: block;
    }

    .floating-list li a span[class*="icon-"] {
        font-size: 20px;
    }

    .footer-inner {
        min-width: 330px;
        margin: 0 2.5%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .footer-contact-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    footer .tel-box,
    footer .sns-list {
        margin: 5px 0;
    }
    .floating-list li a .text-reservation{
      font-size: 10px;
    }
}

@media (max-width: 599px) {
    .floating-box {
        bottom: 20px;
        right: 75px;
    }

    .floating-list {
        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;
    }

    .floating-list li {
        margin: 0 5px;
    }

    .footer-inner {
        min-width: 100%;
        margin: 0;
    }

    .footer-nav li {
        margin-bottom: 10px;
        padding-left: 16px;
        line-height: 120%;
    }

    .footer-nav li a {
        font-size: 14px;
        line-height: 140%;
    }

    .copy {
        padding-bottom: 80px;
    }
}

/* ##### footer end ##### */

/* ##### top ##### */
.mainimg-title,
.mainimg-title+.text {
    color: #000;
    text-shadow:
        white 1px 1px 10px,
        white -1px -1px 10px,
        white -1px 1px 10px,
        white 1px -1px 10px;
}

.mainimg-title {
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 2px;
}

.mainimg-title+.text {
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 2px;
}

.news-box {
    width: 1000px;
    max-width: 98%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.news-box .news-list {
    width: 10%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 30px;
}

.news-box .news-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
}

.news-box .news-list dd a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top_01 .sideby-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top_03 .sideby-wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.blog-link-box a {
    display: block;
    position: relative;
    border: 5px solid #f0915b;
}

.blog-link-box a:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #f0925b transparent;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

.blog-link-box-inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.top_04 .border-box .text {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

.support-list>li {
    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;
    position: relative;
    padding-bottom: 60px;
}

.support-list>li .more-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.circle-wrap {
    width: 100%;
    position: relative;
}

.circle-wrap .circle-title {
    font-size: 28px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    margin: auto;
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}
.circle-wrap .circle-title.prc2 {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    -webkit-transform: none;
    transition: none;
    color: #f0915b;
    margin-top: 15px;
}
.circle-wrap .ofimg {
    border-radius: 50%;
}
.circle-wrap .ofimg.br30 {
    border-radius: 30px;
}
.circle-wrap .ofimg:before {
    position: relative;
    z-index: 1;
}
.circle-wrap .ofimg.br30:before {
background: none !important;
}
.support-yellow .circle-wrap .ofimg:before {
    background-color: rgba(230, 186, 97, 0.8);
}

.support-green .circle-wrap .ofimg:before {
    background-color: rgba(92, 148, 119, 0.8);
}

.support-pink .circle-wrap .ofimg:before {
    background-color: rgba(237, 163, 176, 0.8);
}

.balloon {
    width: 100%;
    border-radius: 5px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.balloon:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 12px 12.5px;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
}

.support-yellow .balloon {
    background-color: #f5e1ae;
}

.support-yellow .balloon:before {
    border-color: transparent transparent #f5e1ae transparent;
}

.support-green .balloon {
    background-color: #c6e5d6;
}

.support-green .balloon:before {
    border-color: transparent transparent #c6e5d6 transparent;
}

.support-pink .balloon {
    background-color: #fddae1;
}

.support-pink .balloon:before {
    border-color: transparent transparent #fddae1 transparent;
}

.top_06 .sideby-img {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.top_06 .sideby-img .title_03 {
    margin: 0 20px;
}

.sheet-box {
    position: relative;
}

.sheet-box .title_02 {
    margin: auto;
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}

.sheet-btn {
    width: 140px;
    height: 40px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.sheet-btn a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    color: #f0915b;
    border: 1px solid #f0915b;
}

.sheet-btn a:hover {
    opacity: 1;
    color: #fff;
    background-color: #f0915b;
}

.top_08 .sideby-map {
    padding: 10px;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .mainimg-title {
        font-size: 42px;
    }

    .mainimg-title+.text {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .top_04 .border-box .text {
        font-size: 28px;
    }

    .support-list>li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .circle-wrap {
        width: 40%;
    }

    .circle-wrap .circle-title {
        font-size: 24px;
    }

    .balloon {
        width: 55%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .balloon:before {
        top: 50%;
        left: -12px;
        right: auto;
        -webkit-transform: translate(0, -50%) rotate(-90deg);
        transform: translate(0, -50%) rotate(-90deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    .support-list>li .more-btn {
        left: auto;
        right: 5px;
    }

    .time-list dt {
        min-width: 25%;
    }

    .top_07 .sheet-box .ofimg:before {
        padding-top: 45%;
    }

    .top_08 .sideby-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .top_08 .sideby-map {
        padding: 5px;
    }
}

@media (max-width: 599px) {
    .mainimg-title {
        font-size: 24px;
    }

    .mainimg-title+.text {
        font-size: 16px;
        letter-spacing: 0;
    }

    .news-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        bottom: 1%;
    }

    .news-box .news-list {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .news-box .news-list dd {
        width: 100%;
        margin-left: 0;
    }

    .top_01 .sideby-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .top_01 .sideby-title .vertical-text {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .top_04 .border-box .text {
        font-size: 24px;
    }

    .support-list>li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
    }

    .circle-wrap {
        width: 80%;
    }

    .balloon {
        width: 100%;
        margin-top: 20px;
    }

    .balloon:before {
        top: -12px;
        left: 0;
        right: 0;
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    .support-list>li .more-btn {
        left: 0;
        right: 0;
    }

    .top_07 .sheet-box .ofimg:before {
        padding-top: 55%;
    }
}

/* ##### top end ##### */

/* ##### 下層ページ共通 ##### */
div.wrapper:not(.top) .mainimg {
    padding: 50px 10%;
}

div.wrapper:not(.top) .underimg:before {
    background-color: rgba(225, 172, 118, 0.7);
    z-index: 1;
    position: relative;
}

div.wrapper:not(.top) .mainimg-cont {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

div.wrapper:not(.top) .mainimg-cont .mainimg-title {
    font-size: 36px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.breadcrumbs {
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.breadcrumbs ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.breadcrumbs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.breadcrumbs ul li:not(:first-of-type):before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    color: #f0915b;
    font-weight: 900;
    display: inline-block;
    margin: 0 10px;
}

.breadcrumbs .breadcrumbs-thispage {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.breadcrumbs .breadcrumbs-thispage span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1024px) {
    div.wrapper:not(.top) .mainimg {
        padding: 0;
    }

    div.wrapper:not(.top) .underimg:before {
        padding-top: 35%;
    }

    div.wrapper:not(.top) .mainimg-cont .mainimg-title {
        font-size: 32px;
    }

    .breadcrumbs {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 599px) {

    div.wrapper:not(.top) .underimg:before {
        padding-top: 70%;
    }

    div.wrapper:not(.top) .mainimg-cont .mainimg-title {
        font-size: 24px;
    }

    .breadcrumbs ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .breadcrumbs .breadcrumbs-thispage {
        width: auto;
        max-width: 100%;
    }
}

/* ##### 下層ページ共通 end ##### */

/* ##### はじめての方へ ##### */
.flow-list li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flow-list li:not(:last-of-type) {
    margin-bottom: 80px;
    position: relative;
}

.flow-list li:not(:last-of-type):after {
    content: "\f107";
    font-size: 50px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f0915b;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

.flow-list02 li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flow-list02 li:not(:last-of-type) {
    margin-bottom: 80px;
    position: relative;
}


.flow-list-img {
    width: 30%;
    position: relative;
}

.flow-list-img .num {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

.flow-list-box {
    width: 68%;
}

.flow-title {
    font-size: 18px;
    font-weight: bold;
    color: #8ac25d;
}

@media (max-width: 1024px) {
    .flow-list li:not(:last-of-type) {
        margin-bottom: 70px;
    }

    .flow-list li:not(:last-of-type):after {
        font-size: 40px;
    }
}

@media (max-width: 599px) {
    .flow-list li:not(:last-of-type) {
        margin-bottom: 50px;
    }

    .flow-list li:not(:last-of-type):after {
        font-size: 30px;
    }

    .flow-list-img {
        width: 100%;
    }

    .flow-list-box {
        width: 100%;
    }

    .flow-title {
        font-size: 16px;
    }
}

/* ##### はじめての方へ end ##### */

/* ##### 院長・スタッフ紹介 ##### */
[class*="staff_"] a {
    text-decoration: underline;
}

.qualification {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
}

.staff-positon {
    font-size: 18px;
}

.staff-name {
    font-size: 20px;
    font-weight: bold;
}

.staff-box:nth-of-type(even) {
    background-color: #faf6eb;
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

@media (max-width: 1024px) {
    .qualification {
        font-size: 18px;
    }
}

/* ##### 院長・スタッフ紹介 end ##### */

/* ##### 患者様の声 ##### */
.tab-btn-list {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.tab-btn-list li {
    font-size: 20px;
}

.tab-btn {
    padding: 10px 50px;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 5px;
}

.tab-btn.on {
    border-bottom: 1px solid #faf6eb;
    background-color: #faf6eb;
}

.tab-btn:hover {
    cursor: pointer;
}

.tablist-wrap {
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.tablist-wrap:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #c0c0c0;
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.must {
    font-size: 14px;
    color: #f00;
    line-height: 100%;
    margin: 0 5px;
}

.contact-item>dt,
.contact-item>dd {
    width: 100%;
}

.contact-item dd select [value=""] {
    display: none;
    color: #818181;
}

.question-list dt {
    padding-left: 40px;
    position: relative;
}

.question-list .contact-num {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.form-box-inner .contact-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.contact-item dd input,
.contact-item dd select,
.contact-item dd textarea {
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #a9a9a9;
}

.contact-item dd textarea {
    width: calc(100% - 10px);
    height: 170px;
}

.form-box .contact-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.form-box .contact-item dt {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-item dd input {
    width: 100%;
}

.half-input-item dd input {
    width: 50%;
}

.form-box-inner .contact-item:first-of-type {
    border-top: 1px solid #c0c0c0;
}

.form-box-inner .contact-item>dt {
    background-color: #fddae1;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #c0c0c0;
}

.form-box-inner .contact-item>dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.confirm .temp-box .input-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.confirm .form-box-inner .baby-name-item>dd .input-wrap {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


.confirm .form-box-inner .baby-name-item>dd .input-wrap div {
    margin-left: 16px;
}

.form-box-inner .contact-item:last-of-type>dt {
    border-bottom: 1px solid #c0c0c0;
}

.form-box-inner .baby-name-item dd input {
    width: 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 #f0915b;
    border-radius: 50%;
    background-color: #fff;
}

.radiobtn input:checked+label {
    text-decoration: underline;
    color: #000;
}

.radiobtn input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #f0915b;
    border-radius: 50%;
}

.square-radiobtn-item .radiobtn input:checked+label:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 0;
    height: ;
    display: block;
    position: absolute;
    top: -1px;
    color: #f0915b;
    background-color: transparent;
}

@media (max-width: 1024px) {
    .tab-btn-list li {
        font-size: 18px;
        padding: 10px 30px;
    }

    .form-box .contact-item dt {
        width: 35%;
    }

    .form-box-inner .baby-name-item dd {
        -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;
    }

    .form-box-inner .contact-item dd .input-wrap {
        width: 100%;
        margin: 5px 0;
    }

    .form-box-inner .baby-name-item dd input {
        width: 200px;
    }

    .confirm .form-box-inner .baby-name-item>dd .input-wrap {
        width: 100%;
    }

    .confirm .form-box-inner .baby-name-item>dd .input-wrap div {
        margin-left: 16px;
    }
}

@media (max-width: 599px) {
    .tab-btn-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .tab-btn-list li {
        font-size: 14px;
        line-height: 120%;
        margin: 0 2px;
        padding: 10px;
    }

    .form-box .contact-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-box .contact-item dt,
    .form-box .contact-item dd {
        width: 100%;
    }

    .form-box-inner .contact-item>dt {
        border-right: 1px solid #c0c0c0;
    }

    .form-box-inner .contact-item>dd {
        border-left: 1px solid #c0c0c0;
    }

    .form-box-inner .baby-name-item>dd {
        -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;
    }

    .form-box-inner .baby-name-item>dd>input {
        width: 150px;
    }
}

/* ##### 患者様の声 end ##### */

/* ##### 問診票 ##### */
.interview-sheet .contact-item>dt {
    min-width: 25%;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fceade;
}

.interview-sheet .radiobtn-item dd {
    -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;
}

.interview-sheet .contact-item>dd .input-wrap {
    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;
    margin: 0 1%;
}

.interview-sheet .husband-birthday-item>dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.interview-sheet .husband-birthday-item>dd .input-wrap {
    width: 48%;
}

.interview-sheet .contact-item>dd .input-wrap input {
    width: 50%;
    /* display: block; */
    display: inline-block;
}

.interview-sheet .birthday-item dd .input-wrap input {
    width: 100%;
}

.interview-sheet .temp-box dd {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.interview-sheet .temp-box .input-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.interview-sheet .radiobtn-item dd span {
    margin-bottom: 5px;
}

.interview-sheet .square-radiobtn-item dd {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.interview-sheet .square-radiobtn-item dd span {
    margin: 2px 4px;
}

.interview-sheet .square-radiobtn-item dd label:before {
    border-radius: 3px;
}

.interview-sheet .square-radiobtn-item dd input:checked+label:after {
    border-radius: 3px;
}

.interview-sheet .square-radiobtn-item dd .input-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.interview-sheet .contact-item dd .contact-item-inner-list {
    width: 100%;
}

.interview-sheet .contact-item dd .contact-item-inner-list li:not(:last-of-type) {
    margin-bottom: 10px;
}

.interview-sheet .contact-item dd .contact-item-inner-list input {
    width: 100px;
}

.form-dl-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-dl-list dt {
    min-width: 15%;
    margin-right: 15px;
}

.form-dl-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.interview-sheet .contact-item>dd .spec-wrap {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.interview-sheet .contact-item>dd .input-wrap .spec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.interview-sheet .half-span dd .input-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.horizonal .form-dl-list dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-dl-list dd .input-wrap {
    width: auto;
}

.form-dl-list dd>span:not(:last-of-type) {
    margin-right: 15px;
}

.form-dl-list dd input {
    width: auto;
}

.wide-li .form-dl-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;
}

.wide-li .form-dl-list dd {
    width: 100%;
}

.half-span span {
    font-size: 14px;
    line-height: 120%;
    display: inline-block;
    width: 48%;
    margin: 1%;
}

.intext-box dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sheet_confirm {
    opacity: 0;
}

[data-element-id] .sheet_confirm {
    opacity: 1;
}

@media (max-width: 1024px) {

    .interview-sheet .sp-wide .form-dl-list {
        -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: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .interview-sheet .sp-wide dd {
        width: 100%;
    }

    .form-dl-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -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;
    }

    .form-dl-list dd {
        width: 100%;
    }

    .interview-sheet .form-box-inner .birthday-item dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .interview-sheet .form-box-inner .birthday-item dd .input-wrap {
        width: calc(94% / 3);
        margin: 1%;
    }

    .interview-sheet .form-box-inner .birthday-item dd .age {
        width: 50%;
    }

    .horizonal .form-dl-list dd {
        -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: flex-start;
    }

    .interview-sheet .contact-item>dd .spec-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .interview-sheet .contact-item>dd .input-wrap .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .interview-sheet .husband-birthday-item dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .interview-sheet .husband-birthday-item dd .input-wrap {
        width: auto;
    }

    .interview-sheet .husband-birthday-item dd .age {
        width: 50%;
    }

    .interview-sheet .contact-item dd .half-span span {
        font-size: 12px;
    }

    .interview-sheet .contact-item dd .half-span span input {
        width: 70%;
    }
}

@media (max-width: 599px) {
    .interview-sheet .contact-item dd .contact-item-inner-list input {
        width: 80px;
    }

    .interview-sheet .form-box-inner .contact-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .interview-sheet .contact-item>dt {
        min-width: 100%;
        width: 100%;
    }

    .interview-sheet .contact-item>dd .spec-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .interview-sheet .form-box-inner .sp-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .interview-sheet .form-box-inner .sp-vertical .input-wrap {
        margin: 1%;
    }

    .interview-sheet .contact-item>dd .sp-onecolumn .input-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-dl-list dt {
        min-width: 25%;
        margin-right: 10px;
    }

    .half-span span {
        width: 98%;
    }
}

/* ##### 問診票 end ##### */

/* ##### アクセス ##### */
.access main a:not([href*="tel"]) {
    text-decoration: underline;
}

.timetable {
    width: 100%;
    border: 1px solid #333;
    border-collapse: collapse;
}

.timetable tbody tr {
    border-top: 1px solid #333;
}

.timetable th,
.timetable td {
    line-height: 120%;
    padding: 10px;
    text-align: center;
}

.timetable tr th:first-of-type {
    width: 30%;
    border-right: 1px solid #333;
}

.timetable tr td span {
    color: #58b530;
}

.timetable tr th:not(:last-of-type),
.timetable tr td:not(:last-of-type) {
    border-right: 1px solid #333;
}

.access .map:after {
    padding-top: 40%;
}

.access .youtube {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.access .flow-list li {
    margin-bottom: 30px;
}

.access .flow-list li .flow-list-img {
    width: 100%;
}

.access .flow-list li:not(:last-of-type):after {
    display: none;
}

.price-box-wrap {
    width: 800px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.price-list dt {
    min-width: 35%;
    font-weight: bold;
    color: #fff;
    background-color: #f0915b;
    border-bottom: 1px solid #fff;
}

.price-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: 1px solid #f0915b;
    border-right: 1px solid #f0915b;
}

.price-list:last-of-type dt,
.price-list:last-of-type dd {
    border-bottom: 1px solid #f0915b;
}

@media (max-width: 1024px) {
    .access .youtube {
        width: 80%;
    }

    .timetable tr th:first-of-type {
        width: 35%;
    }

    .timetable th,
    .timetable td {
        font-size: 14px;
        padding: 10px 5px;
    }
}

@media (max-width: 599px) {
    .access .youtube {
        width: 100%;
    }

    .timetable th,
    .timetable td {
        padding: 5px;
    }

    .access .time-list dt {
        min-width: 35%;
    }

    .price-list dt,
    .price-list dd {
        width: 100%;
    }

    .price-list dt {
        border-bottom: none;
    }

    .price-list dd {
        border-left: 1px solid #f0915b;
    }
}

/* ##### アクセス end ##### */

/* ##### 予約 ##### */
.inpage-nav-list li a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #58b530;
    border-radius: 10px;
    padding: 10px 10px 10px 40px;
    position: relative;
}

.inpage-nav-list li a:before {
    content: "\f274";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    color: #58b530;
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
}
.faq_00 .inpage-nav-list li a:before{
    content: "\f128";
}

.inpage-title {
    font-size: 22px;
    line-height: 120%;
    text-align: center;
}

.link a {
    font-size: 18px;
    color: #58b530;
    text-decoration: underline;
}

.line {
    width: 360px;
    max-width: 90%;
    text-align: center;
}

.line a {
    display: inline-block;
    margin-top: 15px;
}

.reservation .check-list li:before {
    top: 5px;
}

.reservation-list li {
    min-height: 40px;
}

.reservation-list li a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 5px 10px;
    background-color: #f0915b;
    border: 2px solid #f0915b;
    border-radius: 5px;
}

.reservation-list li.download-link a {
    background-color: #58b530;
    border: 2px solid #58b530;
}

.reservation-list li a:hover {
    opacity: 1;
    background-color: #fff;
    color: #f0915b;
}

.reservation-list li.download-link a:hover {
    color: #58b530;
}

@media (max-width: 1024px) {
    .inpage-title {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .reservation-list li a {
        font-size: 14px;
    }
}

/* ##### 予約 end ##### */

/* ##### 院内風景 ##### */
.facility-list li {
    -webkit-box-shadow: 3px 3px 6px -1px #dcdcdc;
    box-shadow: 3px 3px 6px -1px #dcdcdc;
}

.facility-list li .title_07 {
    line-height: 140%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.facility-list li .text {
    font-size: 14px;
    line-height: 140%;
}

@media (max-width: 599px) {
    .facility-list li {
        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;
    }

    .facility-list li .ofimg {
        width: 40%;
    }

    .facility-list li .title_07 {
        width: 58%;
        font-size: 16px;
    }
}

/* ##### 院内風景 end ##### */

/* ##### IE11 ##### */
.ie11 .dot-list li {
    list-style: none;
    position: relative;
}

.ie11 .dot-list li:before {
    content: '・';
    margin: auto;
    position: absolute;
    top: 12px;
    left: -18px;
    z-index: 1;
}

.ie11 .dot-list li.wide-li:before,
.ie11 .dot-list li.dot-for-ie:before {
    top: 2px;
}

/* ##### IE11 end ##### */

/* ##### 見たまま編集 ##### */
[data-element-id] nav {
    position: static;
    z-index: 1;
}

[data-element-id] .sp-only {
    display: block;
    border: 1px solid #696969;
    margin: 5px;
}

[data-element-id] .sp-only:after {
    content: 'スマホナビのリンク';
    display: block;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    padding: 2px;
    background-color: #696969;
}

[data-element-id] .totop {
    position: absolute;
    right: 160px;
}

[data-element-id] .floating-box {
    position: absolute;
}

[data-element-id] .floating-box .contel a span {
    font-size: 16px;
    line-height: 110%;
}

[data-ab-test-contents] {
    display: block !important;
}

[data-element-id] .floating-box .a-type,
[data-element-id] .floating-box .b-type {
    border: 1px solid #696969;
    margin-top: 30px;
}

[data-element-id] .floating-box .a-type:before,
[data-element-id] .floating-box .b-type:before {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    padding: 5px;
    background-color: #696969;
}

[data-element-id] .floating-box .a-type:before {
    content: 'A/BテストのAです';
}

[data-element-id] .floating-box .b-type:before {
    content: 'A/BテストのBです';
}

[data-element-id] .bottom-slide {
    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;
}

[data-element-id] .bottom-slide li {
    width: 25%;
}

[data-element-id] .tablist {
    border: 1px solid #f00;
    margin: 100px 0;
}

[data-element-id] .tablist:nth-of-type(1):before,
[data-element-id] .tablist:nth-of-type(2):before {
    display: block;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    margin-top: -50px;
    padding: 5px 10px;
    background-color: #f00;
}



[data-element-id] .tablist:nth-of-type(1):before {
    content: 'こちらは「ご出産レポート・患者さまの声」です';
}
[data-element-id] .tablist:nth-of-type(2):before {
    content: 'こちらは「アンケートフォーム」です';
}

[data-element-id] .floating-list .float-btn-red {
    display: block;
}

/* ##### 見たまま編集 end ##### */

.dropmenu li ul {
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: absolute;
    left: 50%;
    width: 240px;
    z-index: 10;
    padding: 10px;
    background: rgba(240, 144, 96, 0.7);
}
.dropmenu li ul:before{
    bottom: 100%;
    left: 50%;
    content: '';
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 6px solid transparent;
    border-bottom-color: rgba(240, 144, 96, 0.7);
    position: absolute;
}

.dropmenu li ul li {
    width: 100%;
}
.dropmenu li ul li a{
    display: block;
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    padding: 13px 15px;
    text-align: left;
}
.dropmenu li:hover ul {
    visibility: visible;
    opacity: 1;
}
.dropmenu > li {
    position: relative;
}
.nav-list li li:before{
  display: none !important;
}
.dropmenu li ul.drop1{
  -webkit-transform: translate(-50%, 100px);
  -ms-transform: translate(-50%, 100px);
  transform: translate(-50%, 100px);
}
.dropmenu li:hover ul.drop1 {
  -webkit-transform: translate(-50%, 150px);
  -ms-transform: translate(-50%, 150px);
  transform: translate(-50%, 150px);
}
.dropmenu li ul.drop2{
  -webkit-transform: translate(-50%, 70px);
  -ms-transform: translate(-50%, 70px);
  transform: translate(-50%, 70px);
}
.dropmenu li:hover ul.drop2 {
  -webkit-transform: translate(-50%, 110px);
  -ms-transform: translate(-50%, 110px);
  transform: translate(-50%, 110px);
}
.dropmenu li ul.drop3{
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
.dropmenu li:hover ul.drop3 {
  -webkit-transform: translate(-50%, 50px);
  -ms-transform: translate(-50%, 50px);
  transform: translate(-50%, 50px);
}

[data-element-id] .dropmenu li ul{
  display: block !important;
  visibility: visible;
  opacity: 1;
  position: initial !important;
  transform: initial !important;
}
[data-element-id] .dropmenu li ul:before{
  display: none;
}

@media (max-width: 1024px) {
  .dropmenu li ul{
    display: none !important;
  }
}

.disin {
    display: inline-block;
}

.blog_box .detail-cont h2{
    font-size: 24px;
    font-weight: 700;
    border-bottom: solid 2px #f0c05a;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.blog_box .detail-cont h3{
      display: block;
      font-size: 22px;
      color: #000;
      font-weight: 700;
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      background: #fff1dc;
      border-radius: 8px;
      padding: 15px 20px;
      margin-bottom: 20px;
}

.blog_box .detail-cont h4 {
  display: block;
    font-size: 24px;
    color: #000;
    font-weight: 700;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 20px;
    padding-left: 20px;
    line-height: 100%;
    position: relative;
}

.blog_box .detail-cont h4:before {
  content: "";
  display: block;
  position: absolute;
  background: #f0c05a;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 2px;
}



.catchcopy_mv .inner1200 {text-align: center;}

.marlr{
  margin: 0px 15px;
}


/* 追記 */

.age-category{
  margin-top: 10px;
  margin-bottom: 5px;
/*   margin-left: 5px; */
  font-size: 15px;
}

.times-category{
/*   margin-left: 5px; */
  font-size: 16px;
}

.age-text {
    display: inline-block;
    font-size: 16px;
    line-height: 100%;
    margin: 0 5px 5px 0;
    font-weight: bolder;
    font-family: Sans-Serif;
}

.times-text {
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    margin: 0 5px 5px 0;
    font-weight: bolder;
    font-family: Sans-Serif;
}

.age-detail{
  font-size: 16px;
}

.times-detail{
  font-size: 16px;
}

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

p.mt10.top_kanja_title {
    font-size: 18px;
    font-weight: 600;
}
 
 p.details_btn {
   display: inline-block;
   font-size: 14px;
   line-height: 100%;
   margin: 0 5px 5px 0;
   padding: 10px;
   border: 1px solid #f0915b;
}


 p.details_btn span{
    color: #f0915b;
   } 
   
  .flex02{
    display: flex;
    flex-wrap: nowrap;
  }
  
  .job-text{
    margin-top: 25px;
    font-weight: bold;
  }
  
  .image-flex{
    display: flex;
  }
  
  .image-box{
    width: calc(100% / 3 - 2%);
    margin: 1%;
  }
  
  .career-box{
    width: 100%;
    text-align: center;
  }
  
  
  @media (max-width: 1024px){
      .job-text {
    margin-top: 25px;
    font-weight: bold;
    margin: 25px auto 0;
    text-align: center;
}

.image-flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.image-box {
    width: 50%;
    margin: 0;
}
  }

.cc-img{
  width: 35%;
  margin: 0;
}

.v-flex{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

.voice-list li {
    width: 100%;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

.voice-list li.flex02{
  display: flex;
  flex-wrap: nowrap;
}


/* 2/19 追記 */

.times-category {
    /* margin-left: 5px; */
    font-size: 16px;
    margin-bottom: 5px;
}

.image-box{
      width: 319px;
    height: 219px;
}

.image-flex {
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px){
.image-box {
    width: 290px;
    height: 219px;
    margin: 1% 1%;
}
}

@media (max-width: 599px){
  
  .side-text{
    font-size: 14px;
  }
.image-box {
    width: 47%;
    height: 100%;
    margin: 0 1% 3% 1%;
}

  .image-box:last-of-type {
    margin-bottom: 0px;
}
}

/* 2/19 追記 */
.pregnancy-text {
    display: inline-block;
    font-size: 16px;
    line-height: 100%;
    margin: 0 5px 5px 0;
        font-weight: bolder;
    font-family: Sans-Serif;
}

.pregnancy-category{
  font-size: 16px;
}


@media (max-width: 599px){
  .top_01.top_box{
    margin-top: 167px;
  }
  
  .news-box{
    margin-bottom: 50px;
  }
}

.pc-image{
  display: flex;
}

.sp-image{
  display: none;
}

@media (max-width: 599px){
  
  [data-element-id].news-box {
    margin-bottom: -1541px;
}
  .sp-image{
  display: flex;
}

.pc-image{
  display: none;
}

[data-element-id].catchcopy_mv .inner1200 {
    text-align: center;
    margin-top: 250px;
}

/* .mainimg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center left;
    font-family: 'object-fit: cover; object-position: center left;';
}
 */
 
.mainimg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center left;
    font-family: 'object-fit: cover; object-position: center left;';
}
.top_01.top_box {
    margin-top: 141px;
}

.news-box {
    margin-bottom: 40px;
}

.mainpage-catch {
    margin-top: 70px;
}

[data-element-id].mainpage-catch {
    margin-top: -50px;
}
.cc-title{
  width: 100%;
}
}

.marlr{
  margin-right: auto;
}


@media (max-width: 1024px){
  .parent-category {
    margin: 3px 0 0px 0px;
    padding: 5px 10px 0px 0;
}
}

.voice .voice-list li {
    width: 100%;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px 0;
}


.voice .voice-list .cc-img{
  width: 35%;
    margin: 0;
}

.voice .voice-list .cc-info {
    width: 63%;
}


@media (max-width: 599px){
  .voice .voice-list li {
    margin-bottom: 30px;
}

.voice-list .cc-img, .voice .voice-list .cc-img {
    width: 100%;
}

.voice-list a {
    display: block;
    font-weight: bold;
}
}


/* 2/22 追記 */

@media (max-width: 599px){
  
  .mainimg-box{
    position: relative;
  }
.news-box {
    position: absolute;
    bottom: -175px;
}
}

/* recommend */

.voice-info-list{
  display: flex;
  justify-content: space-between;
}

.voice-img{
  width: 35%;
}

.voice-info{
  width: 65%;
  margin-left: 1%;
}

.voice-info .parent-category span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 100%;
    background-color: #58b530;
    margin: 0;
    padding: 3px 10px;
    display: inline-block;
}

li.kanjaflex {
    margin-bottom: 50px;
}

.uk-width-1-1.inner.youtube01 iframe {
    width: 100%;
    height: 515px;
}

@media (max-width: 599px){
.uk-width-1-1.inner.youtube01 iframe {
    height: 180px;
}}



.uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    background: none;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000;
    text-shadow: white 1px 1px 10px, white -1px -1px 10px, white -1px 1px 10px, white 1px -1px 10px;
    opacity: 1;
    height: 23rem;
    width: 100%;
    top: 43%;
    padding: 5px;
}


@media (max-width: 599px){
/* .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    font-size: 1rem;
    top: 43%;
    padding: 5px;
} */

.uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    font-size: 1rem;
    top: 51%;
    padding: 5px;
}

  .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade br{
    display: none;
}
  
}

.pc-none{
  display: none !important;
}

.sp-none{
  display: block !important;
}

@media only screen and (max-width: 599px){
  .pc-none{
  display: block !important;
}

.sp-none{
  display: none !important;
}
}




.r{
  display: inline-block;
}

@media only screen and (max-width: 1024px){
  .r{
  display: block;
}

.mainimg-box {
    position: relative;
    height: 300px !important;
}
}

/* 6/10 */

  .db-sp{
    display: block !important;
  }
  
 @media only screen and (max-width: 599px){
 .sp-height{
  height: 75px  
}
 
 
.common.sp-height{
  /* height: 150px; */
}

.news-box {
    position: absolute;
    bottom: -185px;
}
 } 
@media only screen and (min-width: 600px) and (max-width: 1024px) {
   .top .mainimg-box {
    position: relative;
    height: 420px !important;
}

.top .uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    background: none;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000;
    text-shadow: white 1px 1px 10px, white -1px -1px 10px, white -1px 1px 10px, white 1px -1px 10px;
    opacity: 1;
    height: 23rem;
    width: 100%;
    top: 43%;
    padding: 5px;
}
}


 @media only screen and (max-width: 599px){
.yorokobi{
 display: block 
}
}


[data-element-id].spfixbtn {
  display: block;
  position: relative;
}

.spfixbtn {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff;
  padding: 5px 10px;
  z-index: 150;
}
.spfixbtn .t_btn {
  width: 32%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.spfixbtn .c3 a {
  
  background: #94bd5d;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-align: center;
  padding: 10px 10px 10px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.spfixbtn .t_btn a:before {
  font-family: fontawesome;
  margin-right: 4px;
  font-size: 16px;
}
.spfixbtn .contactbtn {
  width: 32%;
}
.spfixbtn .contactbtn a {
 background: #f0c05a;
 color: #fff;
 display: block;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 padding: 10px;
 overflow: hidden;
 position: relative;
 border-radius: 30px;
}

.spfixbtn .contactbtn.c1 a:before{
  width: 15px;
  height: 21px;
  background-size: contain;
  position: absolute;
}


.spfixbtn .contactbtn.c2 a:before{
  width: 15px;
  height: 21px;
  background-size: contain;
  position: absolute;
}

.spfixbtn .contactbtn.c2 a{
  background: #f0c05a;
}

.spfixbtn .contactbtn.c3 a{
  background: #00bc00;
}


.spfixbtn .contactbtn.c4 a{
  background: #ea8d61;
}


.c1　a:before{
  content: "\f879";
}

@media only screen and (max-width: 599px) {
  .spfixbtn {
    display: block;
  }
}



span.text-reservation {margin-left: 2px;}

@media only screen and (max-width: 599px) {
  .floating-list{
    display: none;
  }
.totop{
    bottom: 70px;
    right: 15px;
}

.icon-line:before{
    content: "\f3c0";
    font-size: 19px;
    font-family: "Font Awesome 5 Brands";
    font-weight: normal;
    position: relative;
    top: 2px;
}

span.icon-line.lineic {
    height: 34px !important;
}
}


/* 0322 追加 */

.book-box{
  margin: 80px auto;
  text-align: center !important;
}

.book-box div{
  text-align: center !important;
}


.book-img{
      width: 40%;
    margin: auto;
}

.book-txt{
  margin-top: 40px;
}

@media only screen and (max-width: 1024px){
  .book-img {
    width: 30%;
    margin: auto;
}
}

.r{
　display: block;
}


@media only screen and (max-width: 599px){
  .book-img {
    width: 80%;
    margin: auto;
}

  .r{
　  display: inline-block;
}  

}

.new-size{
  width: 250px;
    height: 70px;
}

.red-txt{
  color: rgb(0, 0, 0);
  text-align: center;
  width: 80%;
}

 @media only screen and (min-width: 1025px){
   
   .l85{
     left: 85px !important;
   }
   
   .l100{
     left: 100px !important;
   }
.dropmenu li:hover ul.drop1 {
    -webkit-transform: translate(-50%, 150px);
    -ms-transform: translate(-50%, 150px);
    transform: translate(-50%, 150px);
    top: -105px;
    left: 95px;
}

.dropmenu li:hover ul.drop2 {
    -webkit-transform: translate(-50%, 110px);
    -ms-transform: translate(-50%, 110px);
    transform: translate(-50%, 110px);
    left: 100px;
    top: -65px;
}

.dropmenu li:hover ul.drop3 {
    -webkit-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    top: -20%;
} 


} 

@media only screen and (max-width: 599px){
  .top main{
  margin-top: 0px;
}

main{
  margin-top: 50px;
}
}

/* 05/18 追記 */

#h1{
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
}


@media only screen and (max-width: 1024px){
  .test-body #h1 {
    width: 90%;
}
}

@media only screen and (max-width: 599px){
  
header .logo {
    margin: 0 auto 10px;
}

.test-body #h1 {
    width: 70%;
    font-size: 12px;
    margin-bottom: 10px;
}

.common.sp-height {
   height: 110px;
}
}


/* 0705 作成 */

.career-box h3{
  font-weight: bold;
}

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

.list-flex li{
  width: 30%;
}

.list-flex .ttl{
    text-align: center;
    margin-bottom: 30px;
}

[data-element-id].heightLine-img{
  height: 500px !important;
}

.caption-box{
width: 80%;
margin: 50px auto 0;
text-align: center;
border: 2px solid #f0915b;
padding: 30px 0;
}

@media only screen and (max-width: 599px){
  .list-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 50px;
}

.list-flex li {
    width: 100%;
}

.list-flex li:first-of-type {
    margin-bottom: 30px;
}

.heightLine-img{
  height: 450px !important;
    margin-bottom: 30px;
}

.list-flex li:last-of-type .heightLine-img{
  height: 550px !important;
}

.caption-box {
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
    border: 2px solid #f0915b;
    padding: 20px 20px;
}
}

.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}
}

@media only screen and (min-width: 1025px){
  .sumbnail{
    margin-bottom: 30px;
  }
  
}

/* 07/06 追記 */
.mail-benner{
    width: 600px;
    margin: 0 auto 50px;
    display: block;
}

.mail-benner a{
  width: 100%;
  display: block;
}

.mail-benner a img{
  width: 100%;
}


@media only screen and (max-width: 599px){
  .mail-benner {
    width: 94%;
}
}

/* スタッフページ */

.movie-outer{
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

.movie-outer iframe{
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}


/* 0921 追記 */

/* 口コミ追加 */

.shinqcompass_review_widget {
    width: 80%;
    margin: 50px auto 50px;
    max-width: 850px;
}

@media only screen and (max-width: 599px){
  .shinqcompass_review_widget {
    width: 96%;
    margin: 30px auto 30px;
}
}

/* 鍼灸コンパスのバナー追加  */

.first .sinkyu-benner{
    margin: 0 auto 25px;
    width: 200px;
    height: 40px;
}

.first .sinkyu-benner img{
  width: 100%;
}


/* 0928 追記 */

.contact-item dt{
position: relative;  
}

.contact-item dt span{
    display: block;
    color: red;
    font-size: 13px;
    position: absolute;
    top: 51%;
    right: 10px;
    transform: translateY(-50%);
    font-weight: bold;
}

@media only screen and (max-width: 599px){
  .contact-item dt span {
    font-size: 14px;
    right: 190px;
}
}

/* 10/26 追記 */

@media only screen and (max-width: 599px){
   .mainimg-box .news-box {
        margin-bottom: 50px;
    box-shadow: rgb(0 0 0 / 40%) 1px 1px 1px 1px;
  }
  
     .top_01 .title_02 {
    font-size: 22px !important;
  }
  
  .spfixbtn .contactbtn.c4 a {
   background: #ea8d61;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
 } 
 
 .spfixbtn span.text-reservation {
    margin-left: 2px;
    font-size: 12px;
}
 
   .spfixbtn .contactbtn.c3 .icon-line{
   display: block;
    margin: auto;
}

   .spfixbtn .contactbtn.c2 .icon-reservation{
   display: block;
    margin: auto;
}

.spfixbtn .contactbtn a {
    background: #f0c05a;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}
}

.floating-list li a .text-reservation {
    color: #fff;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
}

.floating-list li.float-btn-green a:hover .text-reservation {
    color: #00bc00;
}

.floating-list li.float-btn-green a .text-reservation{
      position: relative;
    top: -2px;
}


/* 1/17 追記 */

.a-more-btn{
    margin: auto;
    margin-top: 50px;
    width: max-content;
}

.a-more-btn a{
      padding: 10px;
}

@media only screen and (max-width: 599px){
  .a-more-btn{
    margin-top: 25px;
}
}

.a-sheet-btn{
  width: max-content;
}

.a-sheet-btn a{
  padding: 10px;
}

/* 2023/02/09 */

/*プロフィール枠*/
#author_profile {
  border: 1px solid #f0915b;
  width: 100%;
  margin: 40px auto;
  overflow: hidden;
}
#author_profile p {
  margin-bottom: 20px;
  line-height: 1.8;
}
/*この記事を書いた人の見出し*/
#author_profile p.label {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #f0915b;
  padding: 10px 15px;
}
/*名前*/
#author_profile p.author_name {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    border-left: 1px solid #f0915b;
}
/*名前下の下線*/
#author_profile p.author_name::after {
  content: "";
  border-bottom: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
}
/*左側画像ブロック*/
#author_profile .left {
  width: 20%;
  float: left;
  margin: 10px 0 15px 30px;
}
/*画像サイズ*/
#author_profile .left img {
  width: 100%;
}
/*右側テキストブロック*/
#author_profile .right {
  width: 74%;
  float: left;
  font-size: 12px;
  line-height: 1.6;
  padding: 5px 0 20px 30px;
}
/*テキスト下部SNSブロック*/
#author_profile .right ul.author_sns {
  margin: 0;
  border-top: 1px dotted #dddddd;
  margin-top: 15px;
  padding-top: 20px;
}
#author_profile .right ul.author_sns li {
  float: left;
  margin-right: 15px;
  list-style: none;
}
#author_profile .right ul.author_sns li:last-child {
  margin-right: 0;
}
/*SNSアイコンを使う場合は別途アイコンCSSの設定が必要*/
#author_profile .right ul.author_sns li i.icon-facebook {
  color: #fff;
  background-color: #194c80;
  margin-right: 8px;
  padding: 6px 8px 0;
  position: relative;
  bottom: -3px;
}
/*SP時の挙動（画面サイズが小さい時）*/
@media (max-width: 599px) {
  #author_profile p.author_name {
    text-align: center;
  }
  #author_profile .left {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
  #author_profile .left img {
    width: 33%;
  }
#author_profile .right {
    width: 100%;
    float: none;
    padding: 10px 20px 10px;
}
  #author_profile .right ul.author_sns li {
    margin-bottom: 20px;
  }
}

.right a{
      color: #004e88;
    border-bottom: 1px solid #004e88;
}

#author_profile.writer-pro p.author_name{
    border-left: 1px solid #55a655 !important;
}

#author_profile.writer-pro p.label{
      background: #55a655 !important
}

.writer-pro{
      border: 1px solid #55a655 !important;
}

.blog .btn-type-01 a{
    width: 300px;
    max-width: 80%;
    margin-top: 15px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
    margin-left: inherit;
    margin-right: auto;
    padding: 15px;
        background: rgb(240 192 90);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 599px){
  .blog .btn-type-01 a{
  margin-right: auto;
  margin-left: auto;
}
}

/*シェアボタン*/
.snsbox {
  width: 100%;
  align-self: flex-end;
}
.snsbox ul {
    display: flex;
    width: 60%;
    margin-left: 0 !important;
    margin: 0 auto 50px;
}
.snsbox ul li {
  width: calc(100%/3.2)
} 
.snsbox li a {
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.snsbox .fb-btn a {
    background-color: #1877f2;
}
.snsbox .twitter-btn a {
    background-color: #1b95e0;
}
.snsbox .line-btn a {
    background-color: #00b900;
}
.snsbox .insta-btn a {
    background: linear-gradient(to top right, #7d2ace, #d43eaf, #e0525e, #e6a666);
}
.snsbox a .pic {
  width: 20%;
  margin-right: 5px;
}

@media only screen and (max-width: 599px){
.snsbox a .pic {
    width: 20%;
    display: flex;
    align-items: center;
}
.snsbox ul {
    display: flex;
    width: 90%;
    margin-left: 0 !important;
    margin: 0 auto 50px;
}
}

.white {
    color: #fff;
}

@media only screen and (max-width: 599px){
  .sp-fz14{
    font-size: 14px !important;
  }
}

/* パンくずリスト */

.breadcrumbs ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.breadcrumbs ol li:not(:first-of-type):before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    color: #f0915b;
    font-weight: 900;
    display: inline-block;
    margin: 0 10px;
}

/* 03/30 追記 */

/* .pic.up-ofi.movie{
    position: relative;
    display: block;
    width: 100%;
}


.pic.up-ofi.movie video{
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
}

.mainimg{
  overflow: visible !important;
}

@media only screen and (min-width: 600px){
  .mainimg.sp-none .news-box{
  bottom: -120px !important;
}

.top_01.top_box{
    margin-top: 160px;
}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.mainimg.sp-none .news-box {
    bottom: -90px !important;
}
}

@media only screen and (max-width: 599px){
  
.mainimg.pc-none{
  margin-top: 35px;
}

.top_01.top_box {
    margin-top: 75px;
}

.news-box {
    position: absolute;
    bottom: -120px;
}
} */


/* 2023/04/19 */

.shop-linkbtn{
    width: 45%;
    background: #58b530;
    margin: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-linkbtn a{
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 599px){
  .shop-linkbtn{
    width: 80%;
}
}

.fz-23em{
  font-size: 2.3em !important;
}

@media only screen and (max-width: 599px){
.uk-overlay-panel.uk-overlay-bottom.uk-overlay-background.uk-overlay-fade {
    font-size: 1.2rem;
    top: 42%;
    padding: 5px;
}
}

@media only screen and (max-width: 599px){
  .sp-top45{
    top: 45% !important;
  }
}

.uk-position-bottom {
    bottom: 30px !important;
}

/* 05・02 追記 */

.mainimg-box{
    overflow-y: visible;
}


.mainimg {
    position: relative;
    overflow: visible !Important;
}

.mainimg.sp-none .uk-dotnav{
  margin-left: 0px;
}

@media only screen and (min-width: 600px){
  .top_01.top_box.mt80{
    margin-top: 140px;  
  }
  
  .mainimg-box .news-box {
    bottom: -100px;
}
}

@media only screen and (max-width: 599px){
  .top_01.top_box {
    margin-top: 220px;
}

.news-box {
    position: absolute;
    bottom: -250px;
}

.mainimg.pc-none .uk-dotnav{
    bottom: 90px !important;
    margin-left: 0px;
}
}

.testtoppage .w-100img img{
  width: 100%;
}

@media only screen and (max-width: 1024px){
  .testtoppage .mainimg-box {
    position: relative;
    height: auto;
}

.testtoppage .top_01.top_box.mt80 {
    margin-top: 50px;
}
}

@media only screen and (max-width: 599px){
  .testtoppage .mainimg-box .news-box {
    margin-bottom: 50px;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 2px 2px;
}

.testtoppage .top_01.top_box {
    margin-top: 30px;
}

.testtoppage .news-box {
    position: absolute;
    bottom: -50px;
}

.testtoppage .top_01.top_box.mt80{
    margin-top: 30px;
}
}

.blog_detail .blog_box .detail-cont h2 {
    background: #f7f7f7 !important;
    padding: 10px !important;
    border-bottom: solid 3px #f0c05a !important;
}

.blog_detail .blog_box .detail-cont h3 {
    background: #fff !important;
    height: 45px;
    border-radius: 0px;
    border-left: solid 3px #f0c05a !important;
    display: flex;
    align-items: center;
}

.blog_detail .blog_box .detail-cont h4{
  font-size: 20px !important;
}


.blog_detail .blog_box .detail-cont h4::before {
background: #f0c05a !important;
    width: 15px !important;
    height: 3px !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
}

/* 2023/05/23 追記 */

@media only screen and (min-width: 1025px){
  .mainimg-box .news-box{
      box-shadow: rgb(0 0 0 / 40%) 1px 1px 1px 1px;
}  
}

@media only screen and (min-width: 1025px){
  #author_profile.matsumoto-profile .left{
   width: 15%;
    margin: -10px 30px 10px 35px; 
  }
}

@media only screen and (max-width: 1024px){
   #author_profile.matsumoto-profile .left{
  width: 15%;
    margin: -10px 30px 10px 40px;
  }
}

@media only screen and (max-width: 599px){
   #author_profile.matsumoto-profile .left{
width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1025px){
  .mainimg .uk-slideshow:after {
    padding-top: 48%;
    content: '';
    display: block;
}
}

@media only screen and (max-width: 599px){
  .sp-top46{
    top: 46% !important;
  }
}

/* 2023/06/13 目次 */

ol.tableofcontents{
    border: 1.5px dashed #f0915b;
    padding: 10px;
}

ol.tableofcontents li{
    margin-top: 10px;
    display: flex;
    align-items: center;
    /* width: 30%; */
    width: auto;
}

ol.tableofcontents li span{
    margin-right: 20px;
    display: inline-block;
    color: #f0915b;
    font-size: 23px;
    padding-left: 5px;
}

ol.tableofcontents li a{
    color: #f0915b;
}

.detail-mb100{
  margin-bottom: 100px;
}

.backcolor-contents{
    background: #9e9e9e47;
    padding: 20px;
}

.backcolor-contents li{
    font-weight: bold;
    font-size: 18px;
}

.backcolor-contents li:not(:last-of-type){
  margin-bottom: 5px;
}

.block-Link{
     width: 80%;
    border: 1px solid #ccc;
    padding: 20px;
}

.blog-block-semiinner{
      display: flex;
    align-items: center;
}

.blog-block_thumb{
      flex: 1;
}

.blog-block_thumb-body{
  flex: 2;
    display: flex;
    flex-direction: column;
    margin-left: 25px;
}

.blog-block_thumb-title{
      margin-bottom: 10px;
    font-weight: 900;
}

.blog-block_excerpt{
  color: #919191;
    font-size: 12px;
    line-height: 1.4em;
}

@media only screen and (max-width: 599px){
  .block-Link{
        width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
  }
  
  .blog-block-semiinner{
        flex-direction: column;
  }
  
  .blog-block_thumb-body{
        margin-top: 30px;
        margin-left: 0px;
  }
}


.sumnail-image{
  width: 100%;
    margin: 3% auto;
}

.sumnail-image img{
  width: 100%;
}

/* 2023/07/12 */

.orange-backcolor-contents {
    background: #ff5c0033;
    padding: 20px;
}

.blue-backcolor-contents {
    background: #21baf345;
    padding: 20px;
}

/* 2023/07/27 追記 */

@media only screen and (max-width: 599px){
  .method-box .text span{
    display: block;
    text-align: center;
    line-height: 2.3rem;
}
}
  
  


.btn-74,
.btn-74 *,
.btn-74 :after,
.btn-74 :before,
.btn-74:after,
.btn-74:before {
  border: 0 solid;
  box-sizing: border-box;
}
.btn-74 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: #000;
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  padding: 0;
}
.btn-74:disabled {
  cursor: default;
}
.btn-74:-moz-focusring {
  outline: auto;
}
.btn-74 svg {
  display: block;
  vertical-align: middle;
}
.btn-74 [hidden] {
  display: none;
}
.btn-74 {
    background: #f0c05a;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #feca5d, -5px -5px 10px #faffff;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-weight: 900;
    -webkit-mask-image: none;
    overflow: hidden;
    padding: 1.2rem 3rem;
    position: relative;
    text-transform: uppercase;
    transition: 0.2s;
    margin-top: 3%;
    margin-bottom: 3%;
}
.btn-74:active {
    box-shadow: inset 5px 5px 10px #f0c05a, inset -5px -5px 10px#f0c05a;
}

.btn-74 a{
  color: #fff;
}

/* 08/02 追記 */

.arrow-none::after{
  content: none !important;
}

.db-list{
  display: block !important;
}

/* 08/03 追記 */

.benner-content{
  /* width: 50%; */
  width: 70%;
    margin: 5% auto;
}

.benner-content img{
  width: 100%;

}

@media only screen and (max-width: 599px){
  .benner-content{
  width: 80%;
    margin: 5% auto;
}
}

.mli-0{
  margin-left: 0px !important;
}

/* 2023/09/08 追記 */

.catch-article {
    margin: 0px auto 40px;
    line-height: 3em;
    border-radius: 3px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    width: 60%;
    padding: 30px;
    max-width: 600px;
}

.catch-article div{
      margin-bottom: 10px;
}

.catch-article div b{
  color: #5bb431;
}

.catch-article div b.orange-txt{
  color: #f0915b;
}

.catch-article li {
    position: relative;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}

.catch-article li:first-of-type::before {
    content: "1";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #f0915b;
}

.catch-article li:nth-of-type(2)::before {
    content: "2";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #f0915b;
}

.catch-article li:last-of-type::before {
    content: "3";
    position: absolute;
    left: 0;
    top: 50%;
    color: #f0915b;
    transform: translateY(-50%);
}

.catch-article li:not(:nth-of-type(2)){
  padding-left: 16px;
}

@media only screen and (max-width: 599px){
  .catch-article {
    width: 100%;
    padding: 15px;
}

  .catch-article div{
    font-size: 13px;
}

  .catch-article li{
    font-size: 12px;
}

  .catch-article b{
    font-size: 13px;
}
}

.mv-cacth01{
    background: none;
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000;
    text-shadow: white 1px 1px 10px, white -1px -1px 10px, white -1px 1px 10px, white 1px -1px 10px;
    opacity: 1;
  left: 5%;
    top: -5%;
    position: absolute;
}

.mv-cacth02{
  background: none;
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000;
    text-shadow: white 1px 1px 10px, white -1px -1px 10px, white -1px 1px 10px, white 1px -1px 10px;
    opacity: 1;
    position: absolute;
    left: 5%;
}

@media only screen and (min-width: 600px){
  .mv-cacth02 {
    margin-top: 13%;
}
}

@media only screen and (max-width: 599px){
  .mv-cacth01 {
    font-size: 1.4rem;
    left: 5%;
    top: 1%;
}

.mv-cacth02 {
    font-size: 1.3rem;
    bottom: 65%;
    left: 5%;
}
}

/* 09/21 追記 */

.radiobtn.p10 .form-dl-list li{
  list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 5px;
}

.radiobtn.p10 .form-dl-list li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

/* 10/12 追記 */

.attention-txt{
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  color: red;
  font-size: 14px;
}

.contact-btns.mt0{
  margin-top: 0px;
}

.red-txt{
  font-weight: bold;
  font-size: 14px;
}

.attention-inner{
      width: 800px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0.8rem 1rem 1.2rem;
    background-color: #ffffff;
    border: 1px solid #f0915b;
}

.attention-inner h3{
      margin-bottom: 5px;
    display: inline-block;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 2px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 3px solid #f0915b;
    padding: 0 5px;
}

.attention-inner ol{
    border: none;
    color: #fff;
}

.attention-inner li span{
      color: #f0915b;
}

.attention-inner li a{
      color: #f0915b;
}

.top_08 .mt20{
  margin-top: 10px;
}

.top_08 .mb10{
  margin-bottom: 10px;
}

.indoor-view{
      width: 98%;
    margin: auto;
}

/* 11/28 追記 */

@media screen and (min-width:600px) {
 .price-box .price-list .minw-40{
  min-width: 40%;
}
}

.mb-15{
  margin-bottom: 15px;
}

/* 12/04 追記 */

.mv-reserve-btn {
    position: absolute;
    top: 25px;
    right: 120px;
    z-index: 1;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    width: 175px;
}

.mv-reserve-btn a{
    opacity: 1;
    border-radius: 10px;
    color: #fff;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    font-size: 17px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0c05a;
}

.mv-reserve-btn a:hover{
  background-color: #fff;
  color: #f0c05a;
  transition: .3s ease-in all;
}

@media screen and (min-width:600px) and (max-width:1024px) {
  .mv-reserve-btn {
    position: absolute;
    top: 155px;
    right: 120px;
    z-index: 1;
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: center;
    width: 175px;
}
}

@media screen and (max-width:599px) {
 .mv-reserve-btn {
    top: 158px;
    right: 25px;
    height: 35px;
    width: 110px;
}

.mv-reserve-btn a{
    font-size: 13px;
}
}
/* 12/14 追記 */

 @media screen and (max-width: 1024px) {
    .hamburger {
        display: block; /* 通常は表示 */
        transition: opacity 0.5s; /* 透明度の変化にアニメーションを適用 */
    }

    .hamburger.hidden {
        opacity: 0; /* 隠れている状態 */
        pointer-events: none; /* クリック等のイベントを無効化 */
    }
}

/* 01/09 追記 */

.w-145{
  width: 145px;
}

/* 01/12 追記 */

@media screen and (max-width:1024px) {
 .tbsp-none{
   display: none;
 }
}

.lh-15-nav a{
  line-height: 1.5rem !important;
}

/* 01/15 追記 */

.wi-auto {
    width: auto !important;
    text-indent: -1rem;
}

.wi-auto a{
  text-decoration: underline;
}

.t-indent-05{
  text-indent: 0.5rem;
}

/* 02/01 追記 */

@media screen and (max-width:1024px) {
.sp-ml-10{
  margin-left: 10px;
  font-size: 12px;
}

.sp-ml-10 a{
   color: #797979;
 }
}

/* 02・27 */

@media screen and (min-width:1025px) {
.block-Link{
  width: 100%;
}
}

@media screen and (max-width:599px) {
 .block-Link {
    width: 100%;
    border: 1px solid #ccc;
    padding: 0px;
    overflow: hidden;
}

.blog-block-semiinner {
    flex-direction: unset;
}

.blog-block_thumb-body {
    margin-top: 0px;
    overflow: hidden;
    margin-left: 0px;
}

.blog-block_thumb-title {
    margin-bottom: 10px;
    font-weight: 900;
    margin-left: 5px;
    font-size: 11px;
    line-height: initial;
    margin-right: 5px;
}

.blog-block_excerpt {
    color: #919191;
    font-size: 10px;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 26px;
    margin-left: 5px;
}

.blog-block_thumb-title {
    margin-bottom: 10px;
    font-weight: 900;
    margin-left: 5px;
    font-size: 11px;
    line-height: initial;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 34px;
}

.blog-block_thumb-title span{
    color: rgb(0, 0, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 34px;
}
}

/* 2024/03/08 追記 */


#staff-page .book-box .ta-l-i {
  text-align: left !important;
  height: 200px; /* 初期高さを200pxに変更 */
  overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
} 

#staff-page .book-box .ta-l-i.h-auto-i{
  height: auto !important;
}

#staff-page .show_more,
#staff-page .show_more2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 70%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}

#staff-page .active {
  background: none;
  bottom: -30px;
}

#staff-page .text_wrapper {
  position: relative;
  margin-bottom: 105px;
}

#staff-page .text_wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    border-left: 3px solid #f0915b;
    padding-left: 5px;
    margin-bottom: 20px;
} 



.first .show_more,
.first .show_more2 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  padding-top: 60px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 70%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}

.first .active {
  background: none;
  bottom: -30px;
}

.first .text_wrapper {
  position: relative;
  margin-bottom: 105px;
}

/* .first .text_wrapper h3 {
    font-size: 21px;
    font-weight: bold;
    border-left: 3px solid #f0915b;
    padding-left: 5px;
    margin-bottom: 20px;
}  */

.first .ta-l-i {
  text-align: left !important;
  height: 200px; /* 初期高さを200pxに変更 */
  overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
} 

.first .ta-l-i.h-auto-i{
  height: auto !important;
}


.first .box.mb30{
  margin-bottom: 45px;
}


#staff-page .ta-l{
  text-align: left;
}

.ttl_line3 {
  font-weight: bold;
  border-bottom: 3px solid #e3e3e3;
  padding: 0.3em;
  margin-bottom: 15px;
  position: relative;
}
.ttl_line3::after {
  content: '';
  background-color: #f0915b;
  width: 2em;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}

.book-box div.ta-l-i02{
  text-align: left !important;
}

.mb-30-list li:not(:last-of-type){
   margin-bottom: 30px;
}

.user-info {
    background: #f0915b;
    color: #fff;
    font-size: 12px;
    padding: 1px 5px 1px 5px;
    margin-bottom: 5px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    width: fit-content;
}

.user-ttl{
    color: #f0915b;
    font-weight: bold;
    line-height: 2rem;
}

.link-txt{
  margin-top: 5px;
}

.link-txt a{
  color: #0077dd;
  text-decoration: underline;
}

.user-info{
  margin-right: 5px;
}

.d-flex{
  display: flex;
}

#staff-page .hide_text {
    position: absolute;
    bottom: -60px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding-top: 60px;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
    cursor: pointer;
    transition: bottom 0.2s;
}

@media screen and (max-width:1024px) {
 .d-block-tb{
   display: block;
 }
}

/* 04/05 追記 */

.ta-c{
  text-align: center;
}

.ttl_center1 {
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
}
.ttl_center1::after {
  content: '';
  background-color: #4c9ac0;
  width: 2em;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}


.head-3 {
    position: relative;
    font-size: clamp(1rem, 0.925rem + 0.2vw, 1.125rem);
    font-weight: bold;
    margin-bottom: 20px;
    color: #f0915b;
    border-bottom: 3px dotted;
    width: 85%;
}

.lh-25{
  line-height: 2.5rem;
}

.fukidashi {
  position: relative;
  margin-bottom: 2em;
  padding: 1.5rem 2rem;
  border-radius: 10px;
  font-size: 18px;
  border: 1px solid #58b530
}

.fukidashi:before,
.fukidashi:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #fff;
  border: solid 1px #58b530;
}

.fukidashi:before {
  bottom: -15px;
  left: 30px;
  width: 30px;
  height: 30px;
  border: solid 1px #58b530;
}

.fukidashi:after {
  bottom: -30px;
  left: 50px;
  width: 15px;
  height: 15px;
  border: solid 1px #58b530;
}

.ta-c-i{
  text-align: center !important;
}


.more-seebtn {
    width: 180px;
    height: 40px;
    margin: 30px auto 50px;
}
.more-seebtn a{
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 100%;
    color: #fff;
    background-color: #58b530;
    border: 1px solid #58b530;
    border-radius: 5px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.more-seebtn a:hover, .more-btn button:hover {
    opacity: 1;
    color: #58b530;
    background-color: #fff;
    cursor: pointer;
}

@media screen and (max-width:1024px) {
 .head-3{
   width: 100%;
 }
 
 .more-seebtn {
    margin: 100px auto 50px;
}
}

.dbi-b{
  display: block !important;
}

.indent-list li{
  color: #f0915b;
  font-size: 14px;
  margin-left: 20px;
}

/* 04/11 追記 */

 .another-more-btn{
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.another-more-btn a{
  width: 100%;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

@media screen and (max-width:1024px) {
 .another-more-btn{
    width: 60%;
    height: 50px;
}
}

@media screen and (max-width:599px) {
 .another-more-btn{
    width: 80%;
}
 
 .another-more-btn a{
    line-height: 1.3rem;
}
}

@media screen and (min-width: 600px) {
  .sp-block{
  display: none;
} 
}

@media screen and (max-width:599px) {
.sp-block{
  display: block;
} 
}

.staff-profile .dl-list02{
  border-top: none;
  border-bottom: 1px solid #f0915b;
}

.staff-profile .dl-list02 dt{
  color: #f0915b;
}

.staff-profile .dl-list02 dd{
  color: #f0915b;
}

.bbi-none{
  border-bottom: none !important;
}

@media screen and (max-width:599px) {
 .staff-profile .dl-list02 dt{
  padding-top: 5px;
  padding-bottom: 5px;
}
} 

.img-w-55{
  width: 55%;
  max-width: 550px;
}

.mt-30{
  margin-top: 30px;
}

@media screen and (max-width:1024px) {
 .img-w-55{
    width: 75%;
    max-width: unset;
 }
}

@media screen and (max-width:599px) {
  .img-w-55{
    width: 100%;
 }
}

/* 2024/05/09 追記 */

.box.w100{
  width: 100%;
}

.fz-min16max24{
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
}

.mbi-20{
  margin-bottom: 20px !important;
}

.myi-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.another-more-btn02 a:hover, .another-more-btn02 button:hover {
    opacity: 1;
    color: #fff;
    background-color: #f0915b;
    border: 1px solid #f0915b;
    cursor: pointer;
}

.another-more-btn02 a, .another-more-btn02 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 100%;
    color: #f0915b;
    background-color: #fff;
    border: 1px solid #f0915b;
    border-radius: 5px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

@media screen and (max-width:1024px) {
 .another-more-btn02{
   width: fit-content !important;
   height: 35px !important;
 }
}

/* 2024/07/01 追記 */

.price-list.mt-10{
  margin-top: 10px;
}

.price-list .bb-solid{
  border-bottom: 1px solid #f0915b;
}

/* 2024/07/02  */

@media screen and (min-width:600px) {
 .price-list.ml-20{
  margin-left: 20px;
}

.price-box .price-list .pc-minw-385{
  min-width: 38.5%;
}
}

/* 2024/09/02 */
.another-more-btn.line a {
    width: 350px;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.another-more-btn02.line a{
    color: #06C755;
    border: 1px solid #06C755;
    position: relative;
}

.another-more-btn.line a::before {
    content: "";
    display: block;
    background-image: url('/upload/tenant_1/37b0675d3f782dcca65bcee1d4d3e786.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.another-more-btn02.line a:hover{
    color: #fff;
    background-color: #06C755;
    border: 1px solid #06C755;
}

@media(max-width:599px) {
.another-more-btn02.line{
    margin-left: auto;
    margin-right: auto;
}    
}

@media screen and (min-width:1025px) {
.pt23-pc{
  padding-top: 23px !important;
}
}

/* 2024/09/05  */

.tableofcontents-list div,.tableofcontents-list a{
  color: #0000ff;
}

.tableofcontents-list div {
    margin-bottom: 5px;
}

/* 2024/10/17 */

.orange-backcolor-contents li:not(:last-of-type){
  margin-bottom: 10px;
}

.orange-backcolor-contents li{
  text-indent: -1rem;
  padding-left: 1rem;
}

/* 2024/11/15 */

.wrapper #UgcCreativeReviewArea{
  margin-top: 100px;
}

@media screen and (max-width:599px) {
.wrapper #UgcCreativeReviewArea{
 margin-top: 50px;
} 

.top_01.top_box {
  margin-top: 50px;
}
}

/* 11/20 */

.news-section {
  margin-top: 50px;
  margin-bottom: 50px;
}

.news-section .news-box{
    position: relative;
    width: 80%;
    border: 1px #000;
    left: auto;
    right: auto;
    bottom: auto;
    box-shadow: 10px 10px 6px -11px rgb(0 0 0 / 100%);
    padding: 25px 50px;
    max-width: 1000px;
}


@media screen and (max-width:599px) {
 .news-section .news-box{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: rgb(0 0 0 / 40%) 1px 1px 1px 1px;
    padding: 15px 30px;
}

.news-section {
  margin-top: 0px;
  margin-bottom: 0px;
}

.news-section .news-box .more-btn {
  margin-right: auto;
}
}

/* 2024/12/10 */

.cta-bluetxt {
    color: #014ebfb3 !important;
}

.cc-side .cc-list{
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.cc-side .cc-list li{
  flex-direction: column;
}

.cc-side .cc-list li .cc-img{
  width: 100%;
  margin-bottom: 10px;
}

.cc-side .cc-list li .cc-info{
  width: 100%;
}

@media screen and (max-width:599px) {
 .cc-side .cc-list li .cc-category{
  font-size: 12px;
  padding: 5px;
}
}

/* 2025/02/07 */
.cta-wrap{
 padding: 30px;
 border: 1px solid #e5ad34;
}

.cta-wrap.ver01{
 margin: 20px 0;
}

.cta-wrap.ver02{
  margin-top: 40px;
}

.cta-wrap .line-btn,
.cta-wrap .web-btn{
  margin-top: 20px;
}

.cta-wrap .line-btn a,
.cta-wrap .web-btn a{
  background-color: #4cc764;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1.5em 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: 0.5em;
  font-weight: bold;
  font-family: system-ui;
}

.cta-wrap.ver02 .line-btn a,
.cta-wrap.ver02 .web-btn a {
  letter-spacing: 0.25em;
}

.cta-wrap .line-btn a:after{
  width: 50px;
  height: 50px;
  content: "";
  display: block;
  background-image: url('/upload/tenant_1/c337c1a5f18d63453c9e2b2a111c8631.webp');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  z-index: 1;
  font-size: 2em;
}

.cta-wrap .web-btn a{
  background-color: #E5AD34;
  position: relative;
}

.cta-wrap .web-btn a:after{
  width: 50px;
  height: 50px;
  content: "";
  display: block;
  background-image: url('/upload/tenant_1/e5388e46354628c11cb19cd2d757d3dc.webp');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.5em;
  z-index: 1;
  font-size: 2em;
}

.cta-wrap .web-btn .deco-staff{
  display: block;
  width: 150px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
}

.cta-wrap.ver02 .web-btn .deco-staff {
  width: 100px;
}

@media(max-width:1024px){
.cta-wrap .line-btn a,
.cta-wrap .web-btn a{
  font-size: 24px;
  letter-spacing: 0.25em;
}    
}

@media(max-width:599px) {
.cta-wrap .line-btn,
.cta-wrap .web-btn{
  margin-top: 10px;
}

.cta-wrap .line-btn a,
.cta-wrap .web-btn a{
  padding: 1em 0;
  font-size: 18px;
  letter-spacing: 0.1em;
}

.cta-wrap.ver02 .line-btn a,
.cta-wrap.ver02 .web-btn a {
  letter-spacing: 0.1em;
}

.cta-wrap .line-btn a:after{
  width: 30px;
  height: 30px;
}

.cta-wrap .web-btn a:after{
  width: 30px;
  height: 30px;
}

.cta-wrap .web-btn .deco-staff {
  width: 60px;
}

.cta-wrap.ver02 .web-btn .deco-staff {
  width: 55px;
}
}

/* 2025/02/28 */

.cta-wrap .line-btn div{
  color: #fff;
}

.cta-wrap .line-btn .annotation-txt{
  color: #fff;
  position: absolute;
  left: 0%;
  width: 100%;
  font-size: 12px;
  bottom: 10px;
  letter-spacing: 0.2em;
}

@media screen and (max-width:599px) {
.cta-wrap .line-btn .annotation-txt{
  font-size: 8px;
  bottom: 5px;
}
}

/* 03/04 */

.mt-100{
  margin-top: 100px;
}

.imgsize-100 img{
  width: 100%;
}

@media screen and (max-width:599px) {
.mt-70-sp{
   margin-top: 70px;
 }
}

/* 2025/03/06 */
.top-voice .text_wrapper {
  position: relative;
  margin-bottom: 105px;
}

.top-voice .ta-l-i {
  text-align: left !important;
  height: 700px; /* 初期高さを700pxに変更 */
  overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
} 

.top-voice .ta-l-i.h-auto-i{
  height: auto !important;
}

.top-media .text_wrapper {
  position: relative;
  margin-bottom: 105px;
}

.top-media .ta-l-i {
  text-align: left !important;
  height: 0px; /* 初期高さを0pxに変更 */
  overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
} 

.top-media .ta-l-i.h-auto-i{
  height: auto !important;
}

.top-message .ta-l-i {
  text-align: left !important;
  height: 420px; /* 初期高さを420pxに変更 */
  overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
} 

.top-message .ta-l-i.h-auto-i{
  height: auto !important;
}

.more-btn span.ver02{
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 100%;
  color: #fff;
  background-color: #f0915b;
  border: 1px solid #f0915b;
  border-radius: 5px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
}

@media(max-width:599px) {
  .top-voice .ta-l-i {
    text-align: left !important;
    height: 860px; /* 初期高さを860pxに変更 */
    overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
  }
  
  .top-message .ta-l-i {
    text-align: left !important;
    height: 530px; /* 初期高さを800pxに変更 */
    overflow: hidden; /* 追加: コンテンツがオーバーフローした場合に隠す */
  }   
  
  .mt50sp{
    margin-top: 50px;
  }
}

/* 2025/03/10 */

@media screen and (max-width:599px) {
 .top-media .show_more{
  width: 175px;
}

}

/* 2025/03/12 */

.imgsize-100.mb-100{
  margin-bottom: 100px;
}

@media screen and (max-width:599px) {
 .imgsize-100.mb-50-sp{
  margin-bottom: 50px;
}
}


@media screen and (min-width:600px) and (max-width:1024px) {
.imgsize-100.mt-120-tb{
  margin-top: 120px;
}
}

/* 2025/03/14 */

.mv-reserve-btn {
  top: 35px;
}

@media screen and (min-width:600px) and (max-width:1024px) {
.mv-reserve-btn {
  top: 35px;
  right: 40px;  
}
}

@media screen and (max-width:599px) {
.mainimg .uk-slideshow:after {
  padding-top: 35vh;
}

.mv-reserve-btn {
  top: 70px;
}
}

/* 2025/03/21 */

@media screen and (max-width:599px) {
 .imgsize-100.mt-70-sp{
   margin-top: 0px;
 }
 
  .mv-reserve-btn {
    top: auto;
    bottom: 80px;
  } 
}

/* 2025/03/24*/

@media screen and (max-width:1024px) {
 .hamburger{
   opacity: 1 !important;
 }
}

@media screen and (max-width:599px) {
 .top .mainimg-box {
  position: relative;
  height: auto !important;
  margin-top: 50px;
  margin-bottom: 30px;
}

 .top .imgsize-100.mb-100 {
    margin-bottom: 30px;
}

  .top .mv-reserve-btn {
    top: auto;
    bottom: 20px;
  }
}

@media screen and (min-width:600px){
  .top .mv-reserve-btn {
    top: auto;
    bottom: 30px;
}
}

@media screen and (min-width:1025px){
 .top .mainimg-box{
    background: #fff8e5;
 }
 
.top .mainimg.sp-none{
    width: 70%;
    margin: auto;
    min-width: 1000px;
 }
}

.more-btn.size-auto{
  margin-left: 0px !important;
}

.more-btn.size-auto,.more-btn.size-auto a{
  width: auto !important;
  max-width: none;
  height: auto !important;
}

.more-btn.size-auto,.more-btn.size-auto a span{
  margin-left: 20px;
}

.more-btn.size-auto.jci-left{
  justify-content: left !important;
}

/* 2025/04/21 */
.merumagabanner a .imgwrap {
    overflow: hidden;
}

.merumagabanner a img {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.merumagabanner a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@media(max-width:1024px){
.schedule_link_banner{
  width: 60%;
}

.merumagabanner{
  display: none;
}
}

@media(max-width:599px){
.schedule_link_banner{
  width: 100%;
}
}

/* 2025/06/02 */
.menu_ttl01{
  font-size: 42px;
  background-color: #f0915b;
  color: #fff;
  padding: 0.5em 1em;
  margin-bottom: 30px;
}

.menu_ttl02{
  width: fit-content;
  font-size: 36px;
  background-color: #f0915b;
  color: #fff;
  padding: 0.5em 1em;
}

.menu-container{
  border: 3px solid #f0915b;
}

.menu-container+.menu-container{
  margin-top: 30px;
}

.menu-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 30px;
}

.menu-txtwrap,
.menu-imgwrap{
  width: 48%;
}

.menu-btn{
  margin-top: 20px;
}

.menu-btn a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f0915b;
  color: #fff;
  font-size: 20px;
  padding: 0.25em 0.5em;
  border-radius: 10px;
}

.tar{
  text-align: right;
}

.tac{
  text-align: center;
}


.mokuji-container{
  background-color: #f0915b;
  padding: 30px 0;
}

.acc-list.vermenu{
  background-color: #fff;
}

.acc-list.vermenu dt {
  background-color: transparent;
  font-weight: bold;
  font-size: 18px;
}

.acc-list.vermenu dt:before {
  content: none;
}

.acc-list.vermenu dt:after {
  border: 1px solid;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.acc-list.vermenu dd:before {
  content: none;
}

.acc-list.vermenu dt,
.acc-list.vermenu dd {
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.accordion-wrap.vermenu{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
}

.accordion-wrap.vermenu .acc-list.vermenu{
  flex: 1;
  width: 80%;
  margin: auto;
}

.list-mokuji .item a{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.list-mokuji .item a .name{
  display: block;
  width: calc(( 100% - 5em ));
}

.list-mokuji .item a .price{
  display: block;
  width: 4em;
  text-align: right;
  margin-left: 1em;
}

.list-mokuji .item a .name:before{
  content: "-"
}

.list-mokuji .item+.item{
  margin-top: 1em;
}

@media(max-width:1024px){
.menu_ttl01{
  font-size: 32px;
}

.menu_ttl02{
  font-size: 28px;
}

.accordion-wrap.vermenu{
  display: block;
  gap: 0px;
}

.accordion-wrap.vermenu .acc-list.vermenu+.acc-list.vermenu{
  margin-top: 20px;
}

.accordion-wrap.vermenu .acc-list.vermenu{
  width: 100%;
}

}

@media(max-width:599px){
.menu_ttl01{
  font-size: 30px;
  margin-bottom: 20px;
}

.menu_ttl02{
  font-size: 24px;
}

.menu-imgwrap{
  display: contents;
}

.menu-txtwrap,
.menu-imgwrap{
  width: 100%;
}

.menu-imgwrap{
  order: 1;
}

.menu-txtwrap{
  order: 2;
  margin-top: 10px;
}

.menu-btn{
  order: 3;
  margin-top: 10px;
  width: 100%;
}

.menu-box{
  padding: 20px 10px;
}
}

/* 06/12 */

.maxw1000{
  max-width: 1000px;
}

@media screen and (max-width:599px) {
 .w-fitcont-sp{
   width: fit-content;
 }
 
  .w-fitcont-sp .text{
    padding: 0px;
  }
  
.maxw1000.w100-sp{
  width: 100%;
}
}

/* 2025/06/17 */
@media screen and (min-width: 1025px) {
.top .mainimg.ver02 {
    width: 70%;
    margin: auto;
    min-width: 1000px;
}
}

@media (max-width: 1024px) {
.mainimg.ver02 .uk-slideshow:after {
    padding-top: 55%;
}
}

@media(max-width:599px) {
.mainimg.ver02 .uk-slideshow:after {
    padding-top: 50%;
}    
}