@charset "utf-8";

/*
Theme Name: かわきた接骨院
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

body {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
  font-style: normal;
  image-rendering: -webkit-optimize-contrast;
　font-feature-settings: "palt";
    text-align: justify;
}
a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease-out;
}
img {
 will-change: transform;
 flex-shrink: 0;
 image-rendering: -webkit-optimize-contrast;
 /* image-rendering: crisp-edges; */
}
li {
    margin-top: .0em;
}
.sub-section {
    display: none;
}

#site-header-container .siteHeader_logo img,
#site-header-container .site-header-logo img{
  display: inline-block;
}

.header-copy{
    text-indent: -9999px;
    margin: 0;
}
.site-header-logo {
        padding-top: 0;
        margin-bottom: 1em;
        white-space: normal
}
.cta {
    margin: 30px auto!important;
}
.grecaptcha-badge { visibility: hidden; }


.news {
    margin-bottom:2em;
    color: #000;
}
.news h2 {
    border-bottom: 1px solid #000;
    text-align: center;
}
.news-box {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
}
.news dt {
    font-size: 1.3rem;
    margin-bottom: 0;
    line-height: 1.1;
}
.news dt::before {
    content:"● ";
    color: #e6000f;
}
.news dd {
    margin-bottom: 1.6em;
    margin-left: 1.7em;
    line-height: 1.2;
}

.common h2{
    border-bottom: 1px solid #28a037;
    color: #28a037;
}
.common {
    color: #000000;
    /* font-weight:bold; */
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.headline3 {
    background-color:#FFF;
    display:inline-block;
    font-size: 1.3rem;
    margin-bottom: 7px!important;
}
.common h4 {
    color:#e50012;
    font-size: 1.2rem;
    margin-bottom:.1em!important;
}
.green {
    color: #28a037;
}
.red, .required {
    color:#e50012;
}


.about {
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 1.5em 0 0;
    margin-bottom: 1.5em;
}
.about .greeting figure {
    width: 70%;
    margin: 0 auto 20px auto; 
}
.about .greeting p {
    text-align: justify;
    padding: 15px;
    background-color: #28a037;
    color: #FFF;
    border-radius: 10px
}
.about-box {
    text-align: center;
}
.about .wp-block-gallery-2 {
    margin-top: 1.5em;
    margin-bottom: 1.8em;
}
.about .cal {
    margin-bottom: 1em;
}
.about-box .cal-box p:nth-of-type(2){
    text-align: left;
}

.insta{
    margin-bottom: 2em;
}
.insta h2{
    text-align: center;
    margin-block-end: 0em!important;
}
.insta h2 img{
    width: 200px
}
.insta-text {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.map {
    position: relative;
    width: 100%;
    padding-top: 40%;
    height: 0;
    margin-bottom: 1.5em;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tel-img {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}
.treatment {
    padding-top: calc( 39vw + 3em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/treatment-top.jpg);
    background-position: center top 1em;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 1em;
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    padding-bottom: 1em;
}
.treatment ul:nth-of-type(1){
    margin: 0 0 50px 0!important;
    padding: 0;
}
.treatment ul:nth-of-type(1) li{
    margin-bottom:1.5em;
    list-style: none;
    text-indent:-0.7em;
}
.treatment ul:nth-of-type(1) li strong {
    font-size:1.2em;
    display: inline-block;
    margin-bottom: 0.2em;
    text-indent: 0.5em;
}
.treatment ul:nth-of-type(2){
    margin: 0!important;
    padding: 0;
    list-style:none;
}
.treatment ul:nth-of-type(2) li{
    margin-bottom:1.5em;
    text-indent: 0em;
}
.treatment ul:nth-of-type(2) li strong {
    font-size:1.2em;
    display: inline-block;
    margin-bottom: 0.2em;
}
.treatment ul:nth-of-type(2) li::marker{
    font-size:1.2em;
} 




.traffic {
    padding-top: calc( 39vw + 2em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/traffic-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 1em;
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    padding-bottom: 1em;
}
.traffic strong {font-size: 1.2em;}
.traffic dt {
    font-size: 1rem;
    margin-bottom: 0.2em;
    border-bottom: 1px dashed #737373;
    text-indent:-1em;
    padding-left:1em;
    font-weight: normal;
}
.traffic dt::before {
    content:"Q ";
}
.traffic dd {
    margin-bottom: 1.5em;
    text-indent:-1em;
    margin-left: 1em;
}  
.traffic dd::before {
    content:"A ";
    color: #e50012;
}
.traffic ol {
    padding: 0;
    list-style: decimal;
}
.traffic ol li{
    margin-left: 1.2em;
}


.sports {
    padding-top: calc( 39vw + 2em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/sports-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    padding-bottom: 1em;
}
.sports dt {
    font-size: 1.3rem;
    margin-bottom: 0.2em;
    text-indent:-1em;
    margin-left: 1em;
    color: #e50012;
}
.sports dt::before {
    content:"●";
    color: #e50012;
}
.sports dd {
    margin-bottom: 2em;
}  

.oxygen {
    padding-top: calc( 39vw + 2em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/oxygen-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    padding-bottom: 1em;
}
.oxygen li strong {
    font-size:1.3rem;
    /* font-weight: normal; */
}
.oxygen li::marker {
    font-size:1.3rem;
    font-weight: normal;
}
.oxygen .menu-box h3 {
    font-size: 1.2rem;
}
.oxygen .menu-box table {
    background-color: #FFF;
    font-weight: bold;
}
.oxygen .menu-box table th {
    background-color: #dfdfdf;
    text-align: center;
    padding: 0.4em;
}
.oxygen .menu-box table td {
    padding: 0.4em;
}



.lte {
    padding-top: calc( 39vw + 2em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/lte-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    background-color: hsl(91.11deg 60% 44.12% / 10%);
    padding-bottom: 1em;
    margin-top: 1em;
}
.lte .nai ul{
    list-style:none;
    margin-bottom: 1.5rem;
}
.lte .nai ul li{
    text-indent:-1.427em;
}
.lte .nai ul li::before {
    content:"● ";
}
.lte .gai ul{
    list-style:none;
    line-height:1.2
}
.lte .gai ul li{
    text-indent:-1.427em;
}
.lte .gai ul li::before {
    content:"＊";
}
.lte dt {
    font-size: 1.3rem;
    margin-bottom: 0em;
    text-indent:-1em;
    margin-left: 1em;
    color: #e50012;
}
.lte dt::before {
    content:"●";
    color: #e50012;
}
.lte dd {
    margin-bottom: 2em;
    margin-left: 1em;
}
.lte .inline {
    margin-bottom: 0.2em!important;
}
.lte .gai table {
    background-color: #FFF;
}
.lte .gai table th {
    background-color: #dfdfdf;
    text-align: center;
    white-space:nowrap;
    padding: 0.4em;
}
.lte .gai table td {
    padding: 0.4em;
}


.reserv {
    padding-top: calc( 39vw + 0em );
    background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/reserv-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    padding-bottom: 1em;
    margin-top: 1em;
}

#inquiry ul {
    list-style: none;
    padding-left:1em;
}
#inquiry ul li {
    text-indent: -1em;
}
#inquiry ul li::before {
    content:"※";
    color: #000000;   
}
#inquiry .contact-form-table {
    border:none!important;
}
#inquiry .contact-form-table th{
    border:none!important;
}
#inquiry .contact-form-table td{
    border:none!important;
}
.form-submit {
    text-align: center;
}
#contact-form {
  scroll-margin-top: 100px;
}
input[type=submit] {
    font-size: 1rem;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    padding: .2em 5em .4em;
    border-radius: 0;
}
input[type=submit]:not(:disabled):hover {
    color: #fff;
    cursor: pointer;
    background-color: #000000c7;
}

#inquiry .mw_wp_form_preview .contact-form-table {
    font-weight:bold;
}
#inquiry .mw_wp_form_preview th,
#inquiry .mw_wp_form_preview td {
    font-size: 1.2rem!important;
}
#inquiry .mw_wp_form_preview th{
    border-bottom: 1px dashed #b8b8b8!important;
}
#inquiry .mw_wp_form_preview td {
    margin-left:1em
}
#inquiry .mw_wp_form_preview input[type=submit] {margin-bottom: 1em;}
#inquiry .mw_wp_form_complete {
    font-weight:bold;
    color: red;
}







.main-section--margin-bottom--on {
    margin-bottom:7rem!important;
}




.site-body {
    margin-bottom:0;
    padding-bottom:0;
}
.footer-nav,
.site-footer-content{
    display: none;
}

@media (max-width: 991px) {
.spNone {
    display:none;
}
.pcNone{
    display: block;        
}
.site-header-logo img {
    max-height: 120px;
    max-width: 100%;
    display: block;
    margin-left: 0!important;
    margin-right: 0!important;
    height: 120px;
    text-align: center;
}

}


    
@media screen and (max-width: 767px) {

  .contact-form-table,
  .contact-form-table tbody,
  .contact-form-table tr,
  .contact-form-table th,
  .contact-form-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  .contact-form-table {
    border-collapse: collapse;
  }

  .contact-form-table tr {
    margin-bottom: 1.2em;
  }

  .contact-form-table th {
    padding: 0 0 0.4em 0 !important;
    text-align: left !important;
    font-weight: bold;
    border: none !important;
    background: none !important;
  }

  .contact-form-table td {
    padding: 0 !important;
    border: none !important;
  }

/*  .contact-form-table input[type="text"],
  .contact-form-table input[type="email"],
  .contact-form-table input[type="tel"],
  .contact-form-table textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }*/

  .contact-form-table textarea {
    min-height: 160px;
  }
   
}





@media (min-width: 992px) {
.spNone {
    display:block;
}
.pcNone{
    display: none;        
}
    .header-copy {
        text-indent: 0;
        text-align: center;
        font-size:14px;
        margin-top: 10px;
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
        margin-bottom: 10px;
        color: #737373;
    }
    .site-header {
        box-shadow: none;
    }
    .site-header--layout--nav-float .site-header-container {
        display: block;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: none;
    }
    .site-header-logo {
        text-align: center;
        padding-top: 1.1rem;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto!important;
        width: 100%!important;
        background-image: url(https://kawakita-808.com/wp/wp-content/uploads/2026/06/logo-bg.jpg);
        background-position: center bottom 20px;
        background-repeat: repeat-x;
        padding-bottom: 5px;
    }
    .site-header-logo img {
    max-height: 220px;
    max-width: 100%;
    display: block;
    margin-left: 0!important;
    margin-right: 0!important;
    height: 220px;
    text-align: center;
}
    .site-header--layout--nav-float .site-header-logo a {
        display: inline;
        width: -moz-fit-content;
        width: fit-content;
    }
        body:not(.header_scrolled) .global-nav--layout--float-right {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    .vk-menu-acc li {
    position: relative;
    margin-bottom: 0;
    border-left: 1px solid #000000;
}
    .vk-menu-acc {
    border-right: 1px solid #000000;
}
    .device-pc .global-nav-list>li>a {
        padding: 0.2em 3em 0.1em;
    }
    .nav li a, nav li a {
        color: #ffffff;
        background-color: #379137;
    }

    .global-nav--layout--float-right .global-nav-list {
        margin: auto!important;
    }

    .header_scrolled .global-nav-list>li>a {
        padding: 10px 3em;
    }

    
    .swiper {
        margin-top: -2.2rem;
    }
.btn-box {
    margin-bottom: 2em;
}

.headline3 {
    display:block;
    font-size: 1.8rem;
    padding-left:2em;
  width: calc(100% + 2em);
    position: relative !important;
  left: -2em !important;  
}

    



.common h2{
    font-size: 2em;
    padding-left:1.5em;
    margin-bottom: 50px!important;
}
.common h4 {
    color:#e50012;
    font-size: 1.6rem;
    margin-bottom: .5em!important;
}
.cta {
    margin: 80px auto!important;
    justify-content: center;
}


    
.about {
    padding-top: 5em;
}
.about .greeting {
    display: flex;
    background-color: #28a037;
    align-items: center;
    border-radius: 13px;
}
.about .greeting figure {
    width:auto;
    margin-bottom: 0;
} 
.about-box {
    margin-left: 2em!important;
    margin-right: 2em!important;
}
.about .cal {
    margin-bottom: .5em;
}
.about .cal-box {
    font-size:1.5em;
    font-weight:bold;
}
.about .annai {
    display:inline-block;
}
.about .annai span{
    display: inline-block;
    margin-left: 10em;
}




    
.insta {
    margin-top: 50px;
    margin-bottom: 50px;
}
.insta-text {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
}



.map {
    width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.map iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}


.treatment {
    margin-bottom: 2.5em;
    background-position: center top 1.5em;
}
.treatment-box,
.acupuncture-box,
.traffic-box,
.sports-box,
.oxygen-box,
.lte-box{
    padding-left: 2.6em!important;
    padding-right: 2.6em!important;
    font-size: 1.3em;
    margin-bottom: 5em!important
}
.treatment ul {
    margin-bottom: 3em!important;
}
    
.acupuncture .price,
.oxygen .price{
    font-size:1.4em;
    color:#000;
    margin: 2em 0!important;
}    

.traffic dt {
    font-size: 1.4rem;
    /* font-weight: bold; */
}

.traffic {
    margin-bottom:1.5em;
}
.traffic dl {
    margin-bottom: 3em!important;
}  
.traffic ol li{
    margin-bottom: 1em!important;
} 


.sports dl {
    margin-bottom: 3em!important;
}
.sports dt {
    font-size: 1.5rem;
    font-weight: bold;
}
.oxygen .menu-box h3 {
    font-size: 1.4rem;
}
.oxygen .menu-box table th {
    padding: 0.5em;
    font-size: 1em;
}
.oxygen .menu-box table td {
    padding: 0.5em 1.5em;
    font-size: 1em;
}


    
.hoken {
    font-size: 1.3rem;
}
.lte .gai table {
    font-weight: bold;
}
.lte .gai table th {
    padding: 0.5em;
    font-size: 1em;
}
.lte .gai table td {
    padding: 0.5em 1.5em;
    font-size: 1em;
}



.reserv strong {
    text-align: center;
    display: block;
    font-size: 1.3rem
}

#inquiry .mw_wp_form_preview .contact-form-table {
    font-weight:bold;
    margin-bottom: 3em;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
#inquiry .mw_wp_form_preview th,
#inquiry .mw_wp_form_preview td {
    font-size: 1.2rem!important;
    padding: .5rem 2em;
    border: none!important;
}


    


    

.footer-nav,
.site-footer-content{
    display: block;
}

.site-footer {
    background-color: #6a4331;
    color: #FFF;
}
.site-footer a {
    color: #FFF!important;
}
    
/* =========================
   footer 茶色デザイン（提示HTML専用）
   ========================= */

/* 全体：背景・文字色 */
.site-footer{
  background: #379137; /* 茶色 */
  color:#fff;
  margin-top: -2em;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
}


/* フッター内のテキスト・リンク */
.site-footer,
.site-footer a{
  color:#fff;
}
.site-footer a{
  text-decoration:none;
}
.site-footer a:hover{
  text-decoration:underline;
  opacity:.9;
}

.footer-name {
    font-size:1.4rem;
    margin-bottom: .4em!important;
}
#block-9 p{
    line-height: 1.2;
    margin-bottom: .8em;
}
    

/* 上部のフッターナビ（必要なら消す／残すは後述） */
.site-footer .footer-nav{
  background:transparent;
  padding:0;
}

/* 添付デザインはナビが茶色エリア内に「●付き2列」なので
   既存の横並びナビを“非表示”にする（不要ならコメントアウト解除） */
.site-footer .footer-nav{
  display:none;
}

/* 茶色エリア本体の余白 */
.site-footer .site-footer-content{
  padding: 34px 9vw 22px;
}

.site-footer .site-footer-content .row{
    display:flex;
    flex-wrap:nowrap;      /* 3カラム維持 */
    gap:40px;              /* カラム間の余白 */
    align-items:flex-start;
  }

  /* Bootstrapのcol指定（33%固定）を無効化 */
  .site-footer .site-footer-content .row > .col-lg-4{
    max-width:none;
    width:auto;
  }

  /* 1列目：残り幅を全部使う */
  .site-footer .site-footer-content .row > .col-lg-4:nth-child(1){
    flex:1 1 auto;
    min-width:0;           /* 長文で崩れるのを防ぐ */
  }

  /* 2列目・3列目：内容量に合わせた幅 */
  .site-footer .site-footer-content .row > .col-lg-4:nth-child(2),
  .site-footer .site-footer-content .row > .col-lg-4:nth-child(3){
    flex:0 0 auto;
    width:fit-content;     /* 内容幅にフィット */
  }

/* Bootstrapのcol幅を“それっぽく”上書き */
.site-footer .site-footer-content .col-lg-4{
  flex: 1 1 0px;     /* 3列に割れやすい */
  max-width:none;
  margin-left: auto;
}

/* 左ブロック（院情報） */
.site-footer .widget{
  margin:0;
  font-size: 1.7em;
  line-height:1.9;
  letter-spacing:.02em;
}

/* 右側のメニューを「●付きリスト」にしたい場合：
   いま右2カラムが空なので、ここにメニュー（リスト）を入れた前提の装飾 */
.site-footer .site-footer-content ul{
  margin:0;
  padding:0;
}
.site-footer .site-footer-content li{
  list-style:none;
  position:relative;
  padding-left: 1.2em;     /* ●分 */
  margin:0 0 10px 0;
  line-height: 1;
}

/* 白丸ポチ */
.site-footer .site-footer-content li::before{
  content:"";
  width: 1em;
  height: 1em;
  border-radius:50%;
  background:#fff;
  position:absolute;
  left:0;
  top: .6em;
  transform:translateY(-50%);
}

/* コピーライト（下部中央） */

.site-footer .site-footer-copyright p{
  margin:0;
}






    
}