@charset "utf-8";

/*
Theme Name: やまむら鍼灸整骨院
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

body {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
　font-feature-settings: "palt";
}
a:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease-out;
}
img {
 image-rendering: -webkit-optimize-contrast;
}
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
}

.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 #6a4331;
    color: #6a4331;
}
.common {
    color: #6a4331;
    font-weight:bold;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}


.about {
    background-color: #fffadc;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 1.5em 0;
    margin-bottom: 1.5em;
}
.about-box {
    text-align: center;
}
.about .wp-block-gallery-2 {
    margin-top: 1.5em;
    margin-bottom: 1.8em;
}
.about .cal {
    margin-bottom: 1em;
}

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

.map {
    position: relative;
    width: 100%;
    padding-top: 100%;
    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://yamamura-ss.com/wp/wp-content/uploads/2025/12/treatment-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2.5em;
}
.treatment ul {
    margin: 0;
    padding: 0;
}
.treatment li{
    margin-bottom:1.5em;
    list-style: none;
    text-indent:-0.7em;
}
.treatment li strong {
    color: #eb5500;
    font-size:1.2em;
    display: inline-block;
    margin-bottom: 0.2em;
    text-indent: 0.1em;
}

.acupuncture {
    padding-top: calc( 39vw + 3em );
    background-image: url(https://yamamura-ss.com/wp/wp-content/uploads/2025/12/Acupuncture-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2.5em
}
.acupuncture h3 {
    color: #eb5500;
    margin-block-end: 0em!important;
    padding-bottom: 0;
    font-size: 1.1em;
}
.acupuncture ul {
    color: #eb5500;
    list-style: none;
    padding: 0;
}
.acupuncture li::before {
    content:"● ";
}
.acupuncture .price {
    font-size:1.2em;
    color:#000;
}
.acupuncture .price span:nth-of-type(1){
    display:inline-block;
    margin-right:1em;
}
.acupuncture .price span:nth-of-type(2){
    display:inline-block;
    margin-right:1.7em;
}


.traffic {
    padding-top: calc( 39vw + 3em );
    background-image: url(https://yamamura-ss.com/wp/wp-content/uploads/2025/12/traffic-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2.5em;
}
.traffic strong {
    color: #eb5500;
}
.traffic dt {
    font-size: 1.3rem;
    margin-bottom: 0.2em;
    text-indent:-1em;
    margin-left: 1em;
    color: #eb5500;
}
.traffic dt::before {
    content:"●";
    color: #eb5500;
}
.traffic dd {
    margin-bottom: 1em;
}  
.traffic ol {
    padding: 0;
    list-style: decimal;
}
.traffic ol li{
    margin-left: 1.2em;
}


.sports {
    padding-top: calc( 39vw + 3em );
    background-image: url(https://yamamura-ss.com/wp/wp-content/uploads/2025/12/sports-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2.5em;
}
.sports dt {
    font-size: 1.3rem;
    margin-bottom: 0.2em;
    text-indent:-1em;
    margin-left: 1em;
    color: #eb5500;
}
.sports dt::before {
    content:"●";
    color: #eb5500;
}
.sports dd {
    margin-bottom: 2em;
}  

.oxygen {
    padding-top: calc( 39vw + 3em );
    background-image: url(https://yamamura-ss.com/wp/wp-content/uploads/2025/12/oxygen-top.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2.5em;
}
.oxygen strong {
    font-size:1.2em;
    color: #eb5500;
}
.oxygen .price {
    font-size:1.2em;
    color:#000;
}
.oxygen .price span:nth-of-type(1){
    display:inline-block;
    margin-right:1em;
}
.oxygen .price span:nth-of-type(2){
    display:inline-block;
    margin-right: 1em;
}
.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: 100px;
    max-width: 100%;
    display: block;
    margin-left: 0!important;
    margin-right: 0!important;
    height: 100px;
    text-align: center;
}
}


@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: 40px;
        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(http://chiryonavi.xsrv.jp/yamamura/wp-content/uploads/2025/12/logo-bg.png);
        background-position: bottom;
        background-repeat: repeat-x;
        padding-bottom: 15px;
    }
    .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: 15px;
    }
    .vk-menu-acc li {
    position: relative;
    margin-bottom: 0;
    border-left: 1px solid #644132;
}
    .vk-menu-acc {
    border-right: 1px solid #644132;   
}
    .device-pc .global-nav-list>li>a {
        padding: 0px 3em;
    }
    .nav li a, nav li a {
        color: #644132;
    }

    .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;
}

.news {
    text-align: center;
}
.news h2 {
    font-size:2em;
    letter-spacing: .1em;
}
.news-box {
       margin-left: auto!important;
       margin-right: auto!important;
       font-size:1.2rem;
       display: inline-block;
       text-align: left;
}
.news dt {
    font-size: 1.6rem;
}


.common h2{
    font-size: 2em;
    padding-left:1.5em;
}

.about {
    padding-bottom: 3em
}
.about-box {
    margin-left: 2em!important;
    margin-right: 2em!important;
}
.about .cal {
    margin-bottom: 2em;
}

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



.map {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 1.5em;
    padding-top: 50vw;
    margin-bottom: 5em;
}
.map iframe {
    width: 100vw;
    max-width: 100vw;
    height: 50vw;
}


.treatment {
    margin-bottom: 2.5em;
}
.treatment-box,
.acupuncture-box,
.traffic-box,
.sports-box,
.oxygen-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;
}    

.sports dt,
.traffic dt {
    font-size: 1.5rem;
}
    
.traffic dl {
    margin-bottom: 3em!important;
}  
.traffic ol li{
    margin-bottom: 1em!important;
} 


.sports dl {
    margin-bottom: 3em!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:#6b3f2a; /* 茶色 */
  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;
}

/* 上部のフッターナビ（必要なら消す／残すは後述） */
.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;
}






    
}