/*
Theme Name: LINQWEB
Theme URI: 
Template: lightning
Description: 
Author: Yukari Hiramatsu BY LINQWEB https://linqweb.com
Tags: 
Version: 0.6.0
*/


/*フォント設定*/

body { font-family: "BIZ UDPGothic", sans-serif!important;}

h1.page-header-title{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 1.8rem;
line-height: 1.6;
  color: #744114;
text-align:left}

h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 1.8rem;
 line-height: 1.6;
  color: #744114;}

h3{ 
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    color: #744114;
}
p{  font-size: 1em; line-height: 1.8; text-align: justify;}
table,ul{
    line-height: 1.5;
}

/* スライダー */
.vk_slider.slider01 .swiper-wrapper {
  transition-timing-function:linear;
}

/*------------------------------/*
/*TOPページ*/
/*------------------------------/*

/*初めての方もお気軽にお問い合わせください*/
h2.first_title_h2:before {
    content: "";
    width: 0;
    height: 0;
    border: transparent solid 10px;
    border-top: #744114 solid 11px;
    position: absolute;
    left: 48%;
    top: 100%;
}


/*チェックリスト*/
.list01::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('images/icn_check.png'); /* 修正箇所 */
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}
.list01 {
    border-bottom: 2px dotted #ffa937; 
  padding-bottom: 10px; /* 文字と下線の間の余白（お好みで調整） */
  margin-bottom: 10px;  /* 下線と次のリスト項目の間の余白 */
}

/* 前にリーフ */
h3.leaf::before {
  content: "";
  display: inline-block;
  width: 58px;
  height: 46px;
  background-image: url('images/icn_leaf.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}

h3.leaf {
  padding-left: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #744114;
  margin-bottom: 15px;
}



/*------------------------------/*
/*　下層ページ共通-h2リーフ　　　　　*/
/*----------------------------*/
body:not(.home) h2{
    background: url("images/bg_hdg2.png") left 10px center no-repeat;
    font-size: 16px;
    color: #4c2909;
    line-height: 1.2;
    padding: 10px 1em 10px 52px;
    border-top: 2px solid #f3ece5;
    border-bottom: 1px solid #a59484;
    margin-bottom: 40px;
}
/*------------------------------/*
/*初めての方へページ　　　　　　　　　*/
/*------------------------------/*

　/*親御さんが・・・*/
h3.about01{
    font-size: 28px;
    color: #ff9947;
    line-height: 31px;
    background: url("images/ttl_info_about02.png") 40px 37px no-repeat;
    border-bottom: #ffce81 solid 1px;
    padding: 37px 5px 28px 170px;
}
@media screen and (max-width: 767px) {
  h3.about01 {
    background: none;
    padding: 10px 0; 
  }
}


/*------------------/*
/*当院の特徴　　　　*/
/*----------------*/
h4.inrow_point{
    font-size: 20px;
    color: #744114;
    line-height: 1.3;
    padding: 15px 0 16px;
    border-bottom: #7f5026 solid 1px;
    margin-bottom: 20px;
}

/*----------------/*
/*衛生管理　　　　*/
/*---------------*/

h3.pattern01 {
    margin-bottom: 30px;
    letter-spacing: .1em;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #5c5c5c;
    position: relative;
    font-family:YuGothic, "YuGothic M", メイリオ, sans-seri;
}

h3.pattern01::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url(images/hdg_deco01.png) no-repeat center / contain;
    position: absolute;
    top: .5em;
    left: 0;
}
h3.pattern02 {
    margin-bottom: 30px;
    letter-spacing: .1em;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #5c5c5c;
    position: relative;
    font-family:YuGothic, "YuGothic M", メイリオ, sans-seri;
}
h3.pattern02::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url(images/hdg_deco02.png) no-repeat center / contain;
    position: absolute;
    top: .5em;
    left: 0;
}

h3.pattern03 {
    margin-bottom: 30px;
    letter-spacing: .1em;
    padding-left: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #5c5c5c;
    position: relative;
    font-family:YuGothic, "YuGothic M", メイリオ, sans-seri;    
}

h3.pattern03::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url(images/hdg_deco03.png) no-repeat center / contain;
    position: absolute;
    top: .5em;
    left: 0;
}

h4.ttl {
    margin-bottom: 17.5px;
    letter-spacing: .1em;
    font-size: 20px;
    font-weight: bold;
    color: #4c2909;
    border-top: 2px solid #4c2909;
    border-bottom: 2px solid #4c2909;
    text-align: center;
}


/*------------------------/*
/*カスタム投稿タイプ「NEWS」　　　　*/
/*--------------------------*/
body.single-news h1 {
    background: url("images/bg_hdg2.png") left 10px center no-repeat;
    font-size: 16px;
    color: #4c2909;
    line-height: 1.2;
    padding: 10px 1em 10px 52px;
    border-top: 2px solid #f3ece5;
    border-bottom: 1px solid #a59484;
    margin-bottom: 40px;
}


/*------------------------------/*
/*フッター*/
/*------------------------------/*

/* リスト項目の後ろにスラッシュを追加 */
.wp-block-navigation ul li::after {
    content: "/";
margin: 0 1.4em;}

.wp-block-navigation ul li:last-child::after {
    content: none;
}

/*GoogleMap*/
.test.vk_outer.vk_outer-paddingLR-use {
    padding-left:0;
    padding-right:0;
}
.test.vk_outer.vk_outer-paddingLR-use iframe {
    width:100% !important;
}

/* サイドバーウィジェットの下余白を削除 */
.sub-section aside {
  margin-bottom: 5px !important;
}


/*------------------------------------*/
/* pc時の右端固定追従ボタン */
/*------------------------------------*/
.fixed-side-btns {
  position: fixed;
 top: 5%;
  right: 0;
  z-index: 9999;
}

.fixed-side-btns ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-side-btns li {
  text-align: right;
}

.fixed-side-btns img {
  display: block;
  width: 80px;
  height: auto;
  transition: opacity 0.3s ease;
}

.fixed-side-btns a:hover img {
  opacity: 0.8;
}

/* スマホでは非表示（任意） */
@media (max-width: 768px) {
  .fixed-side-btns {
    display: none;
  }
}


@media (max-width: 768px) {
  .footerFloatingMenu {
    display: flex !important;
  }
}



/*------------------------------------*/
/* フッターフローティングボタン (隙間なしタイプ） */
/*----------------------------------*/

/* フローティングメニュー全体のスタイル */
.footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

/* リンク共通のスタイル（ボタン風ではない） */
.footerFloatingMenu__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  width: 50%;
  height: auto; /* 固定の高さ */
  transition: all 0.3s ease;
}

/* アイコンのスタイル */
.footerFloatingMenu__btn i {
  margin-right: 8px;
  font-size: 1.5em;
  color: #ffffff;
}

/* フローティングメニューの画像はみ出し防止 */
#footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 8px 0; /* ←上下に余白をつけることで切れなくなる */
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  overflow: visible; /* ←はみ出しカット防止 */
}

/* 横並びを安定させる */
#footerFloatingMenu ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 画像サイズ調整（はみ出さない高さ） */
#footerFloatingMenu ul li a img {
  max-height: 70px; /* ←画像の高さを揃えて切れ防止 */
  height: auto;
  width: auto;
  display: block;
}


/* スマホ以外では非表示にする */
#footerFloatingMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  #footerFloatingMenu {
    display: block;
  }
}

.container.site-footer-content {
    padding-top: 20px !important;
}


/*-------------------------------------------
投稿　次へ　前へカスタマイズ
----------------------------------------*/
.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}

/*------------------------*/
/*モバイル時ヘッダーTELボタン*/
/*------------------------*/
    .mobile-btn-phone a {
        display: inline-block;
        background-color: #fff;
        color: #FFA10C;
        border: 1px solid #FFA10C;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 48px;
        text-align: center;
        font-size: 10px;
        box-sizing: border-box; }
  
@media screen and (max-width: 767px) {
  .site-header-logo img {
    margin-left:10px !important;
  }
}

 /* PCサイズ（1025px以上）では非表示 */
@media screen and (min-width: 1025px) {
.mobile-btn-phone {
    display: none !important;
            }
        }

/* スマホ・タブレットサイズ（1024px以下）での設定 */
 @media (max-width: 1024.98px){
            .mobile-btn-phone {
                position: absolute;
                z-index: 5000;
                top: 5px;
                right: 45px;
                line-height: 1;
                font-size: 20px;
            }

/* 管理バーが出ている時の調整 */
            .admin-bar .mobile-btn-phone {
                top: 50px;
            }

/* ボタンの装飾 */
            .mobile-btn-phone a {
                display: inline-block;
                background-color: #fff;
                color: #FFA10C;
                border: 1px solid #FFA10C; 
                border-radius: 50%; 
                width: 50px;
                height: 50px;
                line-height: 48px; 
                text-align: center;
                font-size: 20px; 
                box-sizing: border-box;
            }


/* アイコンの調整 */
            .mobile-btn-phone .fa-phone::before {
                color: #FFA10C;
            }
        }