/*
Theme Name: Lightning-Child
Template: Lightning
*/
.site-footer-copyright p:nth-child(2) {
  display: none !important;
}

.site-footer-copyright {
  display: none;
}

/*TOPへ戻るボタン*/
.page_top_btn{
  width: 55px;
  height: 60px;
  border-radius:10px 10px 0 0;
  margin-right:15px;
  margin-bottom:0px;
  /*background:#fff;*/
  /*color: #000;*/
  box-shadow: 0 0 10px 3px rgb(0 0 0 / 15%);
  opacity: 0.7;
  }

.kadomaru {
  border-radius: 20px;
  overflow: hidden;
}


/*　画像の縮小　*/
.zoomOut img{
	transform: scale(1.1);
	transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomOut a:hover img{/*hoverした時の変化*/
	transform: scale(1);/*拡大の値を変更したい場合はこの数値を変更*/
}


/*　画像のマスク　*/

.mask{
    display: block;
    line-height:0;/*行の高さを0にする*/
    overflow: hidden;/*拡大してはみ出る要素を隠す*/
}


/*　画像の拡大　*/

.zoomIn img{
	transform: scale(1);
	transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomIn a:hover img{/*hoverした時の変化*/
	transform: scale(1.2);/*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/


/* NEWS お知らせ */





/*MENU 診療案内*/
.menu-div  {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  border-radius: 20px;
  border: 4px solid #435b5b;
}


/* アンダーライン用CSS */
/* 基本的なアンダーライン */
.text-underline {
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 10px;
  color: #453B2C;
}

.text-underline_02 {
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 10px;
  /* 文字と下線の間隔 */
  color: #79684D;
}

.text-underline_03 {
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 10px;
  /* 文字と下線の間隔 */
  color: #333;
}

/* カスタマイズ可能なアンダーライン（太さ・色・間隔を調整可能） */
.text-underline-custom {
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  padding-bottom: 2px;
}

/* 文字と下線の間に広めの間隔を設ける */
.text-underline-spaced-large {
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  padding-bottom: 8px;
  /* 間隔を調整 */
  /*display: inline-block;*/
  line-height: 1.5;
}

/* ホバー時にアンダーラインを表示 */
.text-underline-hover {
  text-decoration: none;
}

.text-underline-hover:hover {
  text-decoration: underline;
}

/* 装飾的なアンダーライン（グラデーションやアニメーション付き） */
.text-underline-decorative {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.text-underline-decorative::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #41A884, #0EA2E4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.text-underline-decorative:hover::after {
  transform: scaleX(1);
}

/* 一重線のアンダーライン */
.text-underline-single {
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 10px;
  /* 文字と下線の間隔 */
}

/* 点線のアンダーライン（間隔付き） */
.text-underline-dotted {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
  padding-bottom: 4px;
  /* 文字と下線の間隔 */
  display: inline-block;
}

/* 二重線のアンダーライン（間隔付き） */
.text-underline-double {
  text-decoration: underline;
  text-decoration-style: double;
  text-underline-offset: 3px;
  /* 文字と下線の間隔 */
}

.menu-ico img {
  border-radius: 50px;
}
.news-area {
  margin-top:-200px;

}

.news-div{
  border-radius: 20px;
  border: 0.1px solid whitesmoke;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
  margin-top: -100px;
  
}

.blog-div {
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
}


/*  診療案内 treatment */

/* */





/* title line*/
.txt_tit_en {
  position: relative;
  color: var(--font-color);
}

.txt_tit_en :after {
  display: inline-block;
  width: 100px;
  height: var(--bd-width);
  background: var(--bd-color);
  vertical-align: middle;
  margin-left: 15px;
  content: "";
}


/*  h4 line */
.h3_tit01_en {
  position: relative;
  padding-left: 6.0rem;
  color: #41A884;
  font-size: 1.2rem;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em;
}

.h3_tit01_en::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5.2rem;
  height: 1px;
  margin: auto;
  background-color: #41A884;
  content: "";
}

/*トップ 医療機関一覧*/
.top_medical .medical_list_box a:first-child {
  background: url("../") no-repeat center 14px;
}

.top_medical .medical_list_box a {
  display: block;
  width: 19.5%;
  margin-right: 7.2%;
  margin-bottom: 47px;
  padding-top: 55px;
  height: 372px;
  text-align: center;
  box-sizing: border-box;
}




.time-table {
  width: 100%;
}


.time-table tr td:first-child {
  text-align: left;
}

.time-table tr th,
.time-table tr td {
  padding: 15px 0;
  vertical-align: middle;
  text-align: center;
  min-width: 35px;
  font-weight: 500;
}

.time-table tr {
  border-bottom: 1px solid #ccc;
}

.time-table th {
  background: #0EA2E4;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.time-table td {
  background: #fff;
  color: #000;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.time-table td:first-child {
  background: #0EA2E4;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.time-table td:last-child {
  background: #0EA2E4;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.time-table td:last-child:hover {
  background: #0EA2E4;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.time-table td:last-child:hover a {
  color: #fff;
  text-decoration: none;
}

.time-table td:last-child:hover a:hover {
  background: #0EA2E4 !important;
  border: 2px solid #0EA2E4 !important;
  color: #fff;
  text-decoration: none;
}

/* カスタムボタン */
.cm-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  border-radius: 50px;
  width: 270px;
  padding: 18px 44px 18px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #fff;
  border: 2px solid #0EA2E4;
  background: #0EA2E4;
  max-width: 100%;
  line-height: normal;
  margin: 50px auto 0;
}

/* ボタン共通設定 */
.btn03 {
  /*影の基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: transparent;
  border-radius: 25px;
  border: solid 1px #333;
  outline: none;
  /*アニメーションの指定*/
  transition: all 0.2s ease;
}

/*hoverをした後のボタンの形状*/
.btn03:hover {
  border-color: transparent;
}

/*ボタンの中のテキスト*/
.btn03 span {
  position: relative;
  z-index: 2;
  /*z-indexの数値をあげて文字を背景よりも手前に表示*/
  /*テキストの形状*/
  display: block;
  padding: 10px 30px;
  background: #fff;
  border-radius: 25px;
  color: #333;
  /*アニメーションの指定*/
  transition: all 0.3s ease;
}

/*== 下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushdown:before {
  content: "";
  /*絶対配置で影の位置を決める*/
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 0;
  /*影の形状*/
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #333;
}

/*hoverの際にY軸に4pxずらす*/
.pushdown:hover span {
  background-color: #333;
  color: #fff;
  transform: translateY(4px);
}

/*== 影がついて浮き上がる */

/*ボタンの形状*/
.btn-float {
  border: 1px solid #ccc;
  color: #333;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  outline: none;
  /*アニメーションの指定*/
  transition: all .3s;
}

/*hoverをしたらボックスに影がつく*/
.btn-float:hover {
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
  border-color: transparent;
}

/*矢印が右に移動する*/
.btnarrow4 {
  /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
  /*形状*/
  display: inline-block;
  padding: 0 20px;
  color: #333;
  text-decoration: none;
  outline: none;
}



/*矢印と下線の形状*/
.btnarrow4::before {
  content: '';
  /*絶対配置で下線の位置を決める*/
  position: absolute;
  bottom: -8px;
  left: 15%;
  /*下線の形状*/
  width: 85%;
  height: 1px;
  background: #333;
  /*アニメーションの指定*/
  transition: all .3s;

}

.btnarrow4::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  bottom: -3px;
  right: 0;
  /*矢印の形状*/
  width: 15px;
  height: 1px;
  background: #333;
  transform: rotate(35deg);
  /*アニメーションの指定*/
  transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before {
  left: 20%;
}

.btnarrow4:hover::after {
  right: -5%;
}

.indent {
  display: block;
  padding-left: 1em !important;
  text-indent: -1em !important;
}

/*右スライド（お問い合わせ等） */
/* スライドアニメーションナビゲーション */
.slide_anime_nav {
  position: fixed;
  z-index: 1010;
  top: 55%;
  transform: rotate(0) translateY(-50%);
  margin-left: -20px;
  font-size: 20px;
}

.slide_anime_nav>div {
  background: #79684D;
  transition: transform 0.3s ease 0s;
  transform: translateX(0px);
  margin-left: 0px;
  border-radius: 100px 0 0 100px;
}

.slide_anime_nav>div:not(:last-of-type) {
  margin-bottom: 10px;
}

.slide_anime_nav>div:hover {
  /*background: #0074f0;*/
  background: #9FE0C5;
}

.slide_anime_nav a {
  color: white;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  min-width: calc(45px - 100px);
  min-height: 100px;
  white-space: nowrap;
  text-decoration: none;
  margin-left: 30px;
}

.slide_anime_nav a:hover {
  text-decoration: none;
  width: 200px;
}

.slide_anime_nav .fas {
  width: 45px;
  text-align: center;
}

.fixed_right {
  left: calc(100% - 45px);
}

.fixed_right>div:hover {
  transform: translateX(-120px);
}

.fixed_right a::after {
  display: block;
  content: attr(data-text);
  padding-right: 1rem;
  margin-left: 0.25rem;
}

.svg-inline--fa {
  box-sizing: content-box;
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
  width: var(--fa-width, 2.25em);
}

.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  content: var(--fa);
  margin: 10px;
  text-align: center;
}


/*BLOG border-radius: 30px

/*フッター  */

/*フッター ここまで */


/*タイムライン全体の設定*/
.timeline {
  max-width: 400px;
  width: 100%;
  margin: 50px auto;
  padding: 0 30px;
}

.timeline li {
  /*線の起点とするためrelativeを設定*/
  position: relative;
  list-style: none;
  padding: 0 0 20px 0;
}

.timeline dl {
  margin: 0 0 20px 3em;
}

/*絶対配置で線を設定*/
.border-line {
  /*線の位置*/
  position: absolute;
  left: 0.2em;
  top: 0;
  width: 2px;
  /*線の太さ*/
  height: 0;
  /*はじめは高さを0に*/
  background: #ccc;
}

/*よくある質問
施術を受けるときのご注意
caution
*/

.caution-kadomaru{ 
border-radius: 30px;
border: 1px solid #435b5b;
box-shadow: 1px 1px #000;
padding-top: var(--wp--preset--spacing--30);
padding-right: var(--wp--preset--spacing--30);
padding-bottom: var(--wp--preset--spacing--30);
padding-left: var(--wp--preset--spacing--30);
background-color: rgb(255, 255, 255);
}

/* 施術の流れ flow */
.flow-kadomaru{
  padding: 10px;
  background: #E2DCBF;
  border-radius: 20px;
  box-shadow: 1px 1px gray; 
}

.flow-div {
  height: auto;
  background: url("../img/image/back-ground_01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
  overflow: hidden;
  border-radius: 20px;
}

/* self-pay*/ 
.self-pay-kadomaru{
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;  
}


/*hydrogen*/
.hydrogen-kadomaru{
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;  
}


/* 保険施術 ページ*/
.health-insurance-img  {
  border-radius: 30px;
}

.sucking-ball {
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;
}

.fascia {
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;
}

.pelvic-correction {
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;
}

.combination-treatment {
  padding: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 4px 4px gray;
}
/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 50%;
}

/*レスポンシブ*/
/*タブレット端末*/
@media (max-width: 767px) {

  .p-fixBtnWrap,
  .wookit-floating,
  .wookit-fab,
  .wc-sticky-tool,
  /* コメントアウト */
  .sticky-tools {
    display: none !important;
  }

  /* 右スライド（お問い合わせ等）HIDE */
  .slide_anime_nav {
    display: none;
  }
}


/* レスポンシブ */
/* スマホ幅で Arkhe のページトップ固定ボタンを下部固定バーより上へ移動 */
@media (max-width: 640px) {
  /* ここに画面サイズ640px以下に適用するスタイルを記述 */



}



@media (max-width: 480px) {
  /* ここに画面サイズ480px以下に適用するスタイルを記述 */




}