/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/*
======================================
    スマホ横のスタイルを記載する
======================================
*/
@media(min-width: 441px) and (max-width: 600px) {
    /* 共通 */
    body.custom-background {
        /* 背景画像 */
        background-image: url("../../../../uploads/2023/12/background_botu6_spHorizontal.png");
    }
    .btn-1 {
        /* width: 50%; */
        height: 44px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 44px;
    }
    .btn-1::after {
        /* top: 16px; */
        width: 14px;
        height: 14px;
    }
    .floatBox1, .floatBox2 {
        display: block;
        justify-content: center;
    }
    /* ハンバーガーメニュー */
    body:not(.header_scrolled) .vk-menu-acc .h-nav1,
    body:not(.header_scrolled) .vk-menu-acc .h-nav2,
    body:not(.header_scrolled) .vk-menu-acc .h-nav3,
    body:not(.header_scrolled) .vk-menu-acc .h-nav4,
    body:not(.header_scrolled) .vk-menu-acc .h-nav5,
    body:not(.header_scrolled) .vk-menu-acc .h-nav6 {
        width: 100%;
    }
    /* ボトムバー */
    .page_top_btn {
        bottom: 13%;
    }
    #bottom_access {
        display: none;
    }
    #bottom_webBtn {
        margin-right: 185px;
    }
    #bottom_RSV {
        right: 5%;
    }
    /* ヘッダー */
    .header_scrolled .global-nav-list>li{
        /* スクロール時にヘッダーを削除する */
        display: none;
    }
    /* サイドバー */
    .sideFix-table {
        display: none;
    }

    /* お知らせ */
    .noticeBox {
        width: 100%;
    }
    .wp-block-latest-posts.is-grid {
        margin-left: 20px;
    }

    /* 診療案内 */
    .guidanceBox {
        height: 0;
        padding-top: 15%;
        padding-bottom: 200%;  /* (高さ(1000)÷幅(500))×100で比率を算出 */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_800px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_700px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_600px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_1200px.png); */
        background-image: url("../../../../uploads/2023/11/medical_1200px.png");
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_h900px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_h1100px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_1500px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_550px.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/medical_500px.png); */
        object-fit: cover;
        /* background-size: 100% auto; */
    }
    #m-floatBox2 {
        display: block;
    }
    .floatBox2 .floatBox3:first-child .floatBtn:last-child {
        margin-right: 0 !important;
    }
    #btn1 {
        /* 詳細ボタン */
        margin: 30px 30px 0px 30px;
    }
    #btnUp {
        /* 上段4つのボタン */
        margin: 0px 20px 30px 0px;
    }
    #btnDown {
        /* 下段4つのボタン */
        margin: 0 20px 30px 0;
    }
    .floatBtn {
        width: 150px;
        height: 150px;
        margin-bottom: 0px;
    }
    .icon {
        width: 50px;
        height: 50px;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .floatBtn p {
        font-size: 12px;
    }
    #treatmentBtn {
        width: 50%;
        margin-top: 30px;
    }

    .list-item .btn-1 {
        width: 80%;
        height: 70px;
        line-height: 70px;
        font-size: 12px;
    }
    .list-item .btn-1::after {
        right: 1%;
        /* font-size: 10px; */
    }
    .list-item {
        height: 80px;
        vertical-align: middle;
    }

    .col_5 > *{
        width: calc( 33.33333% - 8px );
        transform: translateX(11%);
    }
    .col_5 > *:nth-child(5n){
        /* margin-right: 12px; */
    }
    .col_5 > *:nth-child(4n){
        margin-right: 12px;
    }
    .col_5 > *:nth-child(2n){
        margin-right: auto;
    }

    /* 治療のご案内 */
    .treatmentBox {
        margin-bottom: 500px;
        align-items: start;
    }
    .treatmentBox .t-BOX3 .t-h1 p:first-child {
        font-size: 36px;
    }
    .treatmentBox .t-BOX3 .t-h1 p:last-child {
        font-size: 16px;
    }
    .t-BOX1 {
        width: 80%;
        height: 200px;
    }
    .t-BOX2 {
        width: 100%;
        height: 950px;
    }
    .t-BOX3 {
        display: block;
    }
    .t-h1 {
        margin: 50px 30px 50px 0;
    }
    .t-btn {
        display: inline-block;
        margin-top: 10px;
        margin-left: 60px;
        /* margin: 0 auto; */
        /* text-align: center; */
    }
    .t-floatBox {
        margin-bottom: 30px;
    }
    #t-btn-1{
        font-size: 10px;
    }

    /* 特徴 */
    .Features01_box {
        height: 3000px;
    }
    .F-box {
        width: 300px;
        height: 300px;
        margin-right: auto;
        margin-left: auto;
        /* background-color: #24A878; */
        border-radius: 10px;
    }
    .floatBox1 .F-box:first-child {
        margin-top: 0px;
    }
    .F-box img {
        width: 100px;
        height: 100px;
    }
    .F-box h2 {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #fafafa;
        text-align: center;
    }
    .F-box p {
        height: 80px;
        text-align: left;
        font-size: 12px;
        /* color: #505050; */
    }
    .F-box p:first-child {
        margin-bottom: 0px;
    }
    .floatBox1 .F-box:last-child, .floatBox2 .F-box:last-child  {
        margin-right: auto;
        margin-left: auto;
    }
    #img2, #img3, #img4, #img5, #img6, #img7, #img8 {
        width: 90px;
        height: 90px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* コンタクトレンズ */
    .contactLens {
        height: 900px;
    }
    .contactLens::before {
        height: 900px;
    }
    .contactLens .floatBox1 .floatBtn {
        margin: 30px auto 0 auto !important;
    }
    .contactLens .floatBox1 {
        padding-top: 1px;
    }
    .top-con-btn p {
        display: inline-block;
        width: 90%;
        height: auto;
        margin-top: 10px;
        font-size: 12px;
    }
    .top-con-btn .icon {
        display: inline-block;
        width: 90px;
        height: 90px;
        background-size: cover;
        padding-top: 10px;
    }
    .campaign {
        width: 90%;
        height: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
        border-radius: 80px;
        text-align: center;
    }
    .margin2 {
        margin-bottom: 20px;
    }
    .txt2 {
        font-size: 12px;
    }
    .txt_1 {
        font-size: 20px;
    }

    /* 採用情報 */
    .recruit {
        /* position: relative;
        z-index: 0; */
        width: 100%;
        height: 520px;
        padding-top: 30px;
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/10/採用情報背景_乗算.png); */
        /* background-image: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/11/テクスチャコンタクト7.png); */
        /* background-image: url("../../../../uploads/2023/11/テクスチャコンタクト7.png"); */
        background-size: cover;
        transition: 0.3s ease-in-out;
    }
    .textFream {
        width: 60%;
        height: 250px;
        margin: 0px auto 30px auto;
        background-color: #fafafa;
        border-radius: 10px;
        opacity: 0.7;
    }
    .recTxt {
        font-size: 10px;
    }
    .recText_h1 {
        display: none;
    }
    .recText_h2 {
        padding-top: 30px;
        padding-bottom: 20px;
        font-size: 18px;
    }
    .recText_h6 {
        padding-bottom: 60px;
    }
    .Requirements {
        /* width: 324px; */
        width: 90%;
        height: 60px;
        margin: 0 auto;
        background-color: #81DACF;
        border-radius: 10px;
    }
    .nav-open {
        position: relative;
        padding-left: 2em;
        line-height: 3.75em;
        color: #505050;
        font-size: 16px;
        font-weight: bold;
        background: #81DACF;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }
    .nav-open:before {
        width: 20px;
        height: 20px;
        top: 50%;
        right: 7%;
    }
    .Requirements_contents { /*非表示画面*/
        position: relative;
        display: none;
        width: 100%;
        height: 370px;
        top: -10px;     /*募集要項と少し重ねる*/
        background-color: #81DACF;
        color: #505050;
        font-size: 10px;
        border-radius: 0 0 10px 10px;
    }
    .recCate {
        display: flex;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border-bottom: 1px solid #505050;
        border-radius: 30px;
    }
    .cate_first_p {
        margin: 10px 0 10px 20px;
        font-weight: bold;
    }
    .recCate_child {
        margin: 10px 0 10px 100px;
    }
    .Requirements_contents .btn-1 {
        font-size: 10px;
    }
    #con2 {
        width: 100%;
        margin-top: 30px;
    }

    /* アクセス */
    .access {
        height: 1280px;
    }
    .accessOutline1 {
        display: block;
        width: 90%;  /*100%だと中央寄が効かない為、実数値で設定*/
        /* height: 700px; */
        height: auto;
        margin: 0 auto;
        padding: 20px 0 10px 0;
    }
    .accessOutline1 img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    .accessDetail1 {
        width: 90%;
        height: 311px;
        margin: 10px auto;
    }
    .accessDetail1 p {
        color: #505050;
    }
    .txt {
        display: flex;
        margin-bottom: 5px;
        font-size: 10px;
    }
    .txt p:first-child{
        margin-right: 30px;
        color: #008736;
        font-weight: bold;
    }
    .come p{
        margin-top: 15px;
        font-size: 10px;
    }
    .bass {
        margin-top: 20px;
    }
    .bass p:first-child {
        margin-bottom: 10px;
        color: #008736;
        font-size: 10px;
        font-weight: bold;
    }
    .bass p {
        font-size: 10px;
    }
    .bass .basscenter {
        margin-top: 15px;
    }
    .accessOutline2 {
        display: block;
        width: 90%;
        height: auto;
        margin: 0px auto;
        /* padding-top: 1em; */
        /* padding-bottom: 42%; */
        padding-bottom: 153%;
    }
    .googleMap {
        width: 100%;
        /* max-width: 486px; */
        height: 250px;
        margin: 250px auto 0 auto;
        max-width: 400px;
    }
    .googleMap iframe {
        border-radius: 10px;
    }
    .Roster {
        width: 100%;
        /* max-width: 350px; */
        /* max-width: 486px; */
        height: 100%;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        overflow-x: scroll;
    }
    .biz-hour, .topRoster_outline {
        /* width: 350px; */
        /* max-width: 486px; */
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .topRoster_outline {
        width: 440px;
    }
    .biz-hour .sub-text1, .topRoster_outline .sub-text1 {
        font-size: 8px;
        font-weight: normal;
    }
    .biz-hour .sub-text2, .topRoster_outline .sub-text2 {
        font-size: 8px;
        font-weight: normal;
    }
    #acc-bizhour td img {
        width: 20px;
        height: 20px;
    }
    #acc-bizHour th, #acc-bizHour td {
        width: 10%;
        font-size: 10px;
        padding: 5px 8px;
    }
    .row1 {
        width: 9% !important;
    }
    .riceMark {
        padding-left: 10px;
    }
    /* コピーライト */
    .site-footer-copyright p {
        margin-bottom: 50px;
        text-align: center;
    }

    /* ---★2024/01/31修正分★---------------------------- */
    /* 見出し */
    .Features01_h1 p:first-child {
        font-size: 56px;
    }
    /* 挨拶文余白 */
    #gretting-common {
        width: 90%;
    }
    /* 挨拶文キャッチコピー */
    .has-huge-font-size {
        font-size: 26px;
    }
    /* 挨拶文本文 */
    .bg_text {
        padding: 20px;
    }
    /* 特徴 */
    .Features01_box {
        height: 3800px;
    }
    .F-box {
        height: 350px;
    }
    .F-box-title {
        height: 150px;
    }
    .F-box p {
        margin-bottom: 30px;
    }
    /* 目の病気について */
    .btn-medical {
        margin-top: 0 !important;
        height: 70px !important;
        line-height: 70px !important;
        font-size: 12px !important;
    }
    .btn-medical:after {
        display: none;
    }
    /* アクセス */
    .access {
        height: 1280px;
    }

    .PC-br {
        /* PC用改行 */
        display: none;
    }
    /* 子画面でリストを中央寄せにする際 */
    .listcenter {
        width: auto;
        margin: 0 auto;
    }
    /* 眼科ドックテーブル */
    .doc_table th {
        border-bottom: none;
        width: 100%;
        display: block;
    }
    .doc_table td {
        border-bottom: none;
        width: 100%;
        display: block;
        font-size: 18px;
        font-weight: bold;
    }
    .doc_table td:last-child {
        border-bottom: solid 1px #8d8d8d;
        width: 100%;
        display: block;
    }

    /* 眼科ドックギフト券テーブル */
    .docgift_table th {
        border-bottom: none;
        width: 100%;
        display: block;
    }
    .docgift_table td {
        border-bottom: none;
        width: 100%;
        display: block;
        font-size: 18px;
        font-weight: bold;
    }
    .docgift_table td:last-child {
        border-bottom: solid 1px #8d8d8d;
        width: 100%;
        display: block;
    }

    /* ドライアイテーブル */
    .dryeye_table th {
        border-bottom: none;
        width: 100%;
        display: block;
    }
    .dryeye_table td {
        border-bottom: none;
        width: 100%;
        display: block;
        font-size: 18px;
        font-weight: bold;
    }
    .dryeye_table td:last-child {
        border-bottom: solid 1px #8d8d8d;
        width: 100%;
        display: block;
    }

    /* 求人案内テーブル */
    .recruit_table th {
        border-bottom: none;
        width: 100%;
        display: block;
    }
    .recruit_table td {
        border-bottom: none;
        width: 100%;
        display: block;
        font-size: 18px;
        font-weight: bold;
    }
    .recruit_table td:last-child {
        border-bottom: solid 1px #8d8d8d;
        width: 100%;
        display: block;
    }
        /* 眼科ドックボタン */
        /* .doc_btn1 a {
            width: 260px;
            margin-left: 0px !important;
        }
        .doc_btn2 a {
            width: 260px;
        } */

    /* コンタクトレンズ */
    .contactLens {
        height: 1500px;
    }

    /* キャンペーン情報(見出し) */
    .campaign_h2:before,
    .campaign_h2:after {
        width: 70px;
    }
    .campaign_h2:before {
        left: -60px !important;
    }
    .campaign_h2:after {
        right: -60px !important;
    }

    /* キャンペーン情報(中身) */
    .cam_box {
        display: block;
        margin-top: 50px;
        width: 90%;
        margin: 50px auto;
    }
    .cam_inner_box {
        /* display: block; */
        margin: 30px auto;
    }

    .bottomBtn {
        display: none;
    }

    .applicationForm {
        display: flex;
        position: fixed;
        width: 100%;
        height: 50px;
        left: 0;
        bottom: 0;
        z-index: 999;
    }
    .applicationForm a {
        /* 横並びにする且つwidthを効かせる為 */
        display: inline-block;
        font-size: 16px !important;
    }
    .applicationForm a:first-child {
        position: relative;
        width: 33%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #24A878;
        font-size: 12px;
        font-weight: bold;
        transition: 0.5s;
    }
    .applicationForm a:first-child:hover {
        background-color: #AAE6DF;
        color:#24A878;
    }
    .applicationForm a:first-child::after {
        position: absolute;
        content: "";
        display: inline-block;
        top: 32%;
        left: 23%;
        width: 16px;
        height: 16px;
        /* background: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/10/診断書・カルテのアイコン素材.png) no-repeat; */
        background: url("../../../../uploads/2023/10/診断書・カルテのアイコン素材.png") no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    .applicationForm a:nth-child(2) {
        position: relative;
        width: 34%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #5090ff;
        font-size: 12px;
        font-weight: bold;
        transition: 0.5s;
    }
    .applicationForm a:nth-child(2):hover {
        background-color: #77a9ff;
        color:#4073cc;
    }
    .applicationForm a:nth-child(2)::after {
        position: absolute;
        content: "";
        display: inline-block;
        top: 32%;
        left: 23%;
        width: 16px;
        height: 16px;
        /* background: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/10/診断書・カルテのアイコン素材.png) no-repeat; */
        background: url("../../../../uploads/2023/10/診断書・カルテのアイコン素材.png") no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    .applicationForm a:last-child {
        position: relative;
        width: 33%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #FF9950;
        font-size: 12px;
        font-weight: bold;
        transition: 0.5s;
    }
    .applicationForm a:last-child:hover {
        background-color: #fcbf94;
        color:#FF9950;
    }
    .applicationForm a:last-child::after {
        position: absolute;
        content: "";
        display: inline-block;
        top: 35%;
        left: 23%;
        width: 16px;
        height: 16px;
        /* background: url(http://ophthalmologyclinic3demo.local/wp-content/uploads/2023/10/電話の受話器のアイコン素材-13.png) no-repeat; */
        background: url("../../../../uploads/2023/10/電話の受話器のアイコン素材-13.png") no-repeat;
        background-size: contain;
        vertical-align: middle;
    }
    .applicationForm p {
        padding-left: 0px;
    }
    .applicationForm a:last-child span {
        letter-spacing: 1px;
    }

    .PC-acc {
        display: none;
    }
    .SP-acc {
        height: 1330px !important;
    }
    /* 目の病気 */
    .Gui_ortBtn {
        font-size: 10px !important;
        line-height: 7em !important;
    }

    /* 治療のご案内 */
    .PC-Treatment {
        /* PC用を無効 */
        display: none;
    }

    /* コンタクトレンズキャンペーン情報 */
    .cam_inner_box {
        height: 220px;
    }

    /* 白内障待機期間ラベル */
    .cataract_Label {
        font-size: 16px;
        line-height: 95px;
    }
    .cataract_Label_Box {
        height: 80px;
    }

    /* オルソケラトロジー */
    .ort_table_price {
        width: 100% !important;
    }
    /* 2025/01/27 トピックス追加対応 */
    .topics_commonMargin {
        width: 80%;
        margin: 0 auto;
    }
    .topics {
        width: 80%;
    }
    .topics td {
        height: 70px;
        font-size: 10px;
    }    
    .topics td:first-child {
        width: 50px;
        padding-left: 100px;
    }    
    .sp_topics {
        display: block;
    }
    .pc_topics {
        display: none;
    }    
    .sp_topicsBox {
        background-color: transparent;
    }
    .topics_table {
        width: 100%;
        margin: 0 auto;
    }
    .topics_table th, .topics_table td {
        border: solid 1px #dcdcdc;
    }
    .topics_table th {
        width: 200px;
        background: #fff;
        color: #505050;
        /* font-weight: bold; */
        text-align: left;        
    }
    .topics_table td {
        font-size: 18px;
        /* font-weight: bold; */
    }
    .topics_table th {
        border-bottom: none;
        width: 100%;
        display: block;
    }
    .topics_table td {
        border-bottom: none;
        width: 100%;
        display: block;
        font-size: 12px;
        /* font-weight: bold; */
    }
    .topics_table td:last-child {
        border-bottom: solid 1px #dcdcdc;
        width: 100%;
        display: block;
        text-decoration: underline;
        background-color: #fff;
    }   
/* 2025/3/13 山根 外来表・お知らせ追加対応 */
    .outpatient_sp {
        display: block;
    }
    .outpatient_pc {
        display: none;
    }
    .outpatient td {
        /* 外来表のセル内の文字調整 */
        font-size: 10px;
        font-weight: bold;
        color: #505050;
    }
    .satcell span, .thucell span{
        /* font-weight: normal; */
        font-size: 8px;
    }  
    /* SP用 */
    .outpatient_sp tr:nth-child(3n+1) th {
        background-color: #187452;
        color: #fff;
        text-align: left;
    }
    .outpatient_sp tr:nth-child(2n+1) th {
        width: 10px;
    } 
/* 2025/05/08 山根　5月保守対応 */
    .recruitment_stop_title{
        font-size: 40px;
    }


    /*----------------------------*/
/* 2025/7/2 澗口 デザイン変更 */
/*----------------------------*/
/*------------------------*/
/*共通のスタイル*/
/*------------------------*/
.site-header-container{
    width: 80%;
    margin-left: 0px;
}
.site-header-logo img{
    width: 100%;
}
.vk-mobile-nav-menu-btn{
    top: 20px;
}

/*ブロック見出しのスタイル*/
.heading-normal{
 /*デフォルトのスタイル（左寄せ・緑・中サイズ・太字）*/

    margin-top: 20px;
    font-size: 16px;
    line-height: 20px !important;
  padding-bottom: 5px;           /* 文字と線の間に余白 */
  margin-bottom: 10px;           /* 次の要素との間隔 */
}
.heading-normal span{
/*見出し日本語部分のスタイル（大サイズ）*/
    font-size: 12px;
}

/*スマホ版のみの横並び*/
.flex-row-sp {
  flex-direction: row !important;
}
/*スマホ版のみの縦並び*/
.flex-col-sp {
  flex-direction: column !important;
}

/* ボタン */
.btn-1{
    font-size: 14px !important;
    border-radius: 10px;
    padding-left: 10px;
    line-height: 37px !important;
}
.btn-1::after {
    top: 50%;
    right: 10px;
    width: 20px !important;
    height: 20px !important;
}

/*レイヤーブラー*/
.layer-blur-big-top{
    height: 20px;
    top: -10px;
}
.layer-blur-big-bottom{
    height: 20px;
    bottom: -10px;
}
.layer-blur-big2-top{
    height: 10px;
    top: -5px;
}
.layer-blur-big2-bottom{
    height: 10px;
    bottom: -5px;
}
.layer-blur-top{
    height: 20px;
    top: -10px;
}
.layer-blur-bottom{
    height: 20px;
    bottom: -10px;
}
.version-pc{
 display: none;
}
/*------------------------*/
/*ページトップブロックのスタイル*/
/*------------------------*/

.catch-copy{

    font-size: 24px;
    
    color: #505050;
    text-shadow:
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff;
      
  top: 65%;            /* 親要素（画像）の高さに対する割合 */
  left: 2%;           /* 親要素（画像）の幅に対する割合 */
  margin-left: 12px;
}
.catch-copy p{
    font-family: "Noto Serif JP", serif !important;
    font-weight: bold;
}

/*------------------------*/
/*お知らせ・トピックスブロックのスタイル*/
/*------------------------*/
.news-topics-block{
    width: 100%;
    padding: 40px 0;
    margin-top: 40px;
    margin-bottom: 40px;
}
.news-block{
    margin-bottom: 40px;
}
.news-topics-h {
    width: 125px;
    text-align: center;
}
.news-topics-h p{
    font-size: 16px !important;
}
.news-topics-h span{
    font-size: 12px !important;
}

.yellow-line{
    height: 2px; /* 線の太さ */
  width: 80%; /* 幅（必要に応じて調整） */
  margin-bottom: 30px; /* 上下余白 */
  border-radius: 2px; /* 角を少し丸めたい場合 */
}

.topics-text a:hover{
    text-decoration: underline;
}
.topics-text p{
    font-size: 12px;
    color: #505050;
}

.topics-child-block{
    /*6/18 澗口更新*/
    width: 300px;
}

.news-child-block {
    padding: 0px !important;
    width: 300px;
}
.news-child-block li{
    padding: 0px !important;
}

.news-topics-btn{
    width: 200px !important;
    height: 40px !important;
}

/*------------------------*/
/*白内障手術待機期間のスタイル*/
/*------------------------*/
.cataract_Label {
    width: 320px;
    height: 40px;
    line-height: 30px;

    font-size: 14px;
}

/*------------------------*/
/*ご挨拶ブロックのスタイル*/
/*------------------------*/
.greeting-block{
    margin-bottom: 40px;
}
.greeting-image-caption{
    width: 340px;
    height: auto;
    padding: 10px 10px;
    font-size: 14px;
}
.greeting-text p{
    font-size: 12px;
    line-height: 18px;

    margin: auto 15px;
}
.greeting-text-last{
    line-height: 18px !important;
    padding-top: 12px;
}

/*------------------------*/
/*診療案内ブロックのスタイル*/
/*------------------------*/
.info-table table{
    margin-right: auto;
}
.info-table td{
    font-size: 10px;
    width: 40px;
}
.info-table span{
    font-size: 6px;
}

.info-table-row-1 td{
    height: 18px;
}
.info-table-row-2 td{
    height: 150px;
}
.info-table-row-3 td{
    height: 80px;
}

.info-table-col-1 td:first-child{
    width: 45px;
}

.info-table-remark_sentence{
    font-size: 12px;
}
.info-text{
    font-size: 10px;
    width: 390px;
}
.info-table-col-thu{
    width: 54px !important;
    line-height: 0.3 !important;
}
.info-table-col-thu p{
    font-size: 10px !important;
}
.info-table-col-sat{
    line-height: 0.3 !important;
    width: 68px !important;
}
.info-table-col-sat p{
    font-size: 10px !important;
}
.annotation-mark{
    /* ※部分 */
    font-size: 10px !important;
}

.yellow-line-vertical{
    margin: 20px auto;
    width: 90%; /* 線の太さ */
    height: 3px; /* 幅（必要に応じて調整） */
}

/*------------------------*/
/* 当院の特徴のスタイル     */
/*------------------------*/
.features-block{
    padding-top: 30px;
    padding-bottom: 80px;

    margin: 100px 0;
}
.features-block-item{
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: left;
}
.features-block-item-col{
    padding-right: 0px;

}
.features-block-item-col2{
    padding-left: 0px;
}
.features-row2{
    padding-top: 50px;
}

.features-bg-image{

    width: 100%;
    height: 345px;
}

.features-item-h :first-child{
    font-size: 12px;
}
.features-item-h span{
    font-size: 20px !important;
}
.features-item-h :last-child{
    font-weight: bold;
    font-size: 20px !important;
}
.features-item-image{
    position: absolute;
    z-index: -1;
    width: 225px;
    height: 120px;
    top: -10%;
    right: 0%;
}

.features-item-text p{
    font-size: 14px !important;
}
.features-item-text p:first-child{
    font-size: 16px;
    font-weight: bold;
}

.features-button a{
    margin: 5px 0px;

    font-size: 14px ;
    padding-left: 3px ;
    padding-right: 3px ;
    width: 110px ;
    height: 24px;

    border-radius: 24px;
    padding-left: 10px;
    line-height: 20px ;
}
.features-button a::after {
    width: 20px ;
    height: 20px ;
}
.features-button-longtext a{
    width: 170px !important;
}
.features-row{
    justify-content: left;
}
.features-text-shadow p{
     text-shadow:
        0 0 16px #fff,
        0 0 16px #fff,
        0 0 16px #fff,
        0 0 16px #fff,
        0 0 16px #fff,
        0 0 16px #fff;
}
.features-slider{
    width: 355px;
    height: 300px;

    margin-top: 40px;
}

/*--------------------------*/
/* コンタクトレンズのスタイル */
/*--------------------------*/
.contact-lens-btn a{
    width: 75px;
    height: 75px;

    margin: 20px 15px;
}
.contact-lens-btn p{
    font-size: 10px;
    line-height: 12px;
    margin-top: 0px;
}
.contact-lens-btn-icon1 {
    width: 35px;
    height: 35px;
}
.contact-lens-btn-icon2 {
    width: 35px;
    height: 35px;
}
.contact-lens-btn-icon3 {
    width: 35px;
    height: 35px;
}
.contact-lens-campaign{
    width: 320px;
    height: 50px;
}
.contact-lens-campaign p{
    line-height: 36px;
}
.contact-lens-text{
    margin-top: 10px;
    margin-bottom: 20px;
}

.contact-lens-instagram-btn{
    width: 160px;
    height: 40px;
    margin-bottom: 40px;
    margin-right: 8px;
    font-size: 12px;

}
.contact-lens-instagram-btn::before{
    content: "";
    position: absolute;

  width: 25px;
  height: 25px;

  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
.contact-lens-instagram-btn::after{
    content: "";
    position: absolute;

  width: 25px;
  height: 25px;

  background-color: #FF0054;

  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.contact-lens-line-btn{
    width: 160px;
    height: 40px;
    margin-bottom: 40px;
    margin-left: 8px;
    font-size: 12px;
}
.contact-lens-line-btn::before{
  width: 25px;
  height: 25px;

  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
.contact-lens-line-btn::after{
  width: 25px;
  height: 25px;

  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}

/*------------------------*/
/* 目の病気のスタイル     */
/*------------------------*/
.about-center-text p{
    font-size: 16px;
}
.about-open-btn{
    width: 140px;
    height: 40px;
    margin-top: 20px;

    font-size: 14px;
    background-color: #338577 !important;
}

/* モーダルの中身 */
.modal-content {
  background: white;
  padding: 10px;
  border-radius: 10px;
  width: 95%;
  height: 90vh;
  overflow: hidden; /* ←ここで外枠はスクロールしない */
}

/* 閉じるボタン */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 46px;
  cursor: pointer;
}

.about-modal-text{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.btn-about a{
    position: relative;
    text-align: center;
    font-size: 14px !important;
	color: #FFFFFF !important;
    background-color: #66B7A7 !important;
	border:solid 4px #66B7A7 !important;
    box-shadow: #00000030 3px 3px;
    border-radius: 6px;
	height: 32px !important;
    width: 120px !important;
	line-height: 22px !important;
    margin: 6px 0;
}
.btn-about-longtext a{
    display: block;
     font-size: 12px !important;
}

.modal-pc{
    display: none;
}
.modal-s{
    display: none;
}

.modal-m-btn-list{
  flex-wrap: wrap;
  overflow-y: auto;

  /* モーダル内の最大の高さを調整し、他のコンテンツが潰れないようにする */
  max-height: 40vh; /* ここは適宜調整：モーダルのmax-heightとの差分 */
  margin-top: 10px;
}

/*------------------------*/
/* アクセスのスタイル     */
/*------------------------*/
.access-sp-flex-col{
    display: flex;
    flex-direction: column;
    
    width: 310px;
}
.access-sp-flex-row{
    display: flex;  
    justify-content: space-between;
}
.access-sp-flex-row img{
    width: 170px;
    height: 90px;
}
.access-sp-flex-row iframe{
    width: 100px;
    height: 90px;
}
 /* グーグルマップ */
.googleMap {
    display: block;
    height: 200px;
    margin: 20px 0px !important;
    padding-top: 0px;
}
.google-maps-link a{
    font-size: 10px !important;
}

.access-text-block{
    width: 310px;
    height: 220px;

    margin-top: 20px;
}
.access-text-th{
    font-size: 8px;
}
.access-text-td{
    font-size: 8px;
}

.access-bas th{
  font-size: 8px;
  padding: 0px 0px !important;    
}
.access-bas td{
  height: auto;
    width: 10px;
    padding: 4px 2px;
}
.access-bas-h{
    font-size: 10px;
    font-weight: bold;
    border-bottom: 2px solid #505050;
    width: 90%;
    justify-self: center;

    margin-top: 0px;
    margin-bottom: 10px;
}
.access-bas-h span{
    color: #ff0000;
    padding-left: 10px;
}
.access-bas-h span:first-child{
    color: #505050;

    font-size: 20px;
    font-weight: bold;
    padding-left: auto;
}

.access-bas-table-2{
    width: auto;
    text-align: left;
}
.access-bas-table-2-1{
    
    width: auto;
    border-bottom: solid 2px #51BCFF;
}
.access-bas-table-2-2{
   
    width: auto;
    border-bottom: solid 2px #00e266;
}
.access-bas-table-2-3{
    width: auto;
    border-bottom: solid 2px #ff0000;
}
.access-bas-table-3 th{
    text-align: left;
    width: auto;
}

/* 2025/8/7 山根 access車でお越し修正 */
.access-car-h{
    font-size: 10px;
    font-weight: bold;
    border-bottom: 2px solid #505050;
    /*
    バスブロックの子要素が親より飛び出しているため、
    バスでは90%を指定している。
    車では100%にすることでバスと横幅を合わせれる
    */
    width: 100%;
    justify-self: start;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 113px;
}
.access-car-h span{
    color: #333;
    padding-left: 20px;
}
.access-car-h p:first-child span{
    color: #505050;

    font-size: 20px;
    font-weight: bold;
    padding-left: auto;
}
.access-car-h p:last-child span{
    font-size: 10px;
}

.ellipse-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px; /* 円の間隔 */
}

.ellipse {
    width: 100px;
    height: 90px;
    border: 2px solid #66B7A7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.5;
    box-sizing: border-box;
    padding: 10px;
    background-color: #66B7A7;
    color: #fff;
    font-size: 8px;
}

/* 文字サイズ調整用 */
.s_text {
    font-size: 12px;
}
.font-h1-sp span {
    font-size: 30px;
}

/*------------------------*/
/* ICLのスタイル     */
/*------------------------*/
/* 1番の見出し文字サイズ */
.icl-font-h1-sp span {
    font-size: 28px;
}

.center-icl {
    text-align: center;
}
.center-icl ul, .center-icl ol {
    display: inline-block;
    text-align: left;
    margin-left: 0px;
    padding: 0;
    max-width: 180px;
}
.center-icl p {
    display: inline-block;
    text-align: left;
    margin-left: 0px;
    padding: 0;
}
.warn-center-icl {
    text-align: center;
}
.warn-center-icl ul{
    display: inline-block;
    text-align: left;
    margin-left: 50px;
    padding: 0;
    max-width: 180px;
}

/* 3番メリデメ */
.merdem-icl {
    text-align: center;
}
.merdem-icl ul {
    display: inline-block;
    text-align: left;
    margin: 0px;
    padding: 0;
}

/* 4番手術の流れのカードレイアウト*/
 .lens-period,
 .lens-period tbody,
 .lens-period tr,
 .lens-period th,
 .lens-period td {
    display: block;
    width: 100%;
    border: none; /* デフォルトの枠線消す */
 }
.lens-period tr {
    margin-bottom: 1em;   /* 各行に余白 */
    border: 1px solid #808080;
    padding: 0.5em;
}

.lens-period th {
    font-weight: bold;
    background: #f9f9f9;
    border-bottom: 1px solid #808080;
    text-align: center;
}

.lens-period td {
    padding-left: 1em;
}


/* 5番費用のカードレイアウト*/
 .cost-period,
 .cost-period tbody,
 .cost-period tr,
 .cost-period th,
 .cost-period td {
    display: block;
    width: 100%;
    border: none; /* デフォルトの枠線消す */
 }
.cost-period tr {
    margin-bottom: 1em;   /* 各行に余白 */
    border: 1px solid #808080;
    padding: 0.5em;
}

.cost-period th {
    font-weight: bold;
    background: #f9f9f9;
    border-bottom: 1px solid #808080;
    text-align: center;
}

.cost-period td {
    padding-left: 1em;
}

/* 6番手術後の生活のカードレイアウト*/
 .surgeryLife-period,
 .surgeryLife-period tbody,
 .surgeryLife-period tr,
 .surgeryLife-period th,
 .surgeryLife-period td {
    display: block;
    width: 100%;
    border: none; /* デフォルトの枠線消す */
 }
.surgeryLife-period tr {
    margin-bottom: 1em;   /* 各行に余白 */
    border: 1px solid #808080;
    padding: 0.5em;
}

.surgeryLife-period th {
    font-weight: bold;
    background: #f9f9f9;
    border-bottom: 1px solid #808080;
    text-align: center;
}

.surgeryLife-period td {
    padding-left: 1em;
}



/* pcのボトムバーを非表示 */
    .bottom_btn_all {
        display: none !important;
    }
/*フッターメニューの非表示化(sp版のみ)*/
.widget_nav_menu{
    display: none;
}
}