@charset "UTF-8"; /* cssリセット */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,header,footer,article,section,nav,hgroup,aside {margin:0; padding:0; font-size:100%;}h1,h2,h3,h4,h5,h6 {font-weight: normal;} table { } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none; list-style-position:outside;} caption,th {text-align:left;} q:before,q:after {content:'';} img{vertical-align:bottom;} body {font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; background-position:top center; background-attachment:fixed;} html {height:100%;} em {font-weight:bold;} a:link {text-decoration:underline; color:#0081cd;} a:visited {text-decoration:underline; color:#0081cd;} a:active {text-decoration:underline; color:#0081cd;} a:hover {text-decoration:underline; color:#73cbf3;} blockquote{ border: 1px solid #ccc; padding: 15px 15px 0; margin: 10px 0; background: #fffede; } iframe { max-width: 100%; } /* ID */ body{margin:0; text-align:center; font-size:1.0em; line-height:1.8; color:#333333;} * html body {font-size:100%;}/* IE6 */ *+html body {font-size:100%;}/* IE7 */ body:first-of-type body {font-size:80%;}/* safari3 */ /* パンくずCSS */ #breadcrumbs{ /*width: 910px;*/ margin:30px auto 0; clear:both; font-size:0.9em; line-height:1.7em; } /*画像回り込みCSS */ .centered { display: block; margin-left: auto; margin-right: auto; } .aligncenter { /*display: block; margin-left: auto; margin-right: auto;*/ display: block !important; margin-left: auto !important; margin-right: auto !important; } .alignright { float: right; margin: 0 0 10px 10px; display: inline; } .alignleft { float: left; margin: 0 10px 10px 0; display: inline; } .fee-hover-container button { padding:12px 13px 13px } #wp_page_numbers{ background:none; } /* スライドショー*/ .metaslider .caption-wrap{ background-color:#272A8D !important; line-height:40px !important; font-size:130% !important; }/* 背景jQuery*/.vegas-loading { border-radius: 10px; background: #000; background: rgba(0,0,0,0.85); background: url(images/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */ height: 32px; left: 20px; position: fixed; top: 20px; width: 32px; z-index: 0; } /* ボタン */ .css_btn_class { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:none; padding:9px 18px; background-color:#272A8D; color:#fff !important; display:inline-block; text-decoration:none !important; font-weight:bold; } /* ボタンPCのみ */ @media only screen and (min-width:481px) { .css_btn_class:hover { background-color:#fff; color:#272A8D !important; border:1px solid #272A8D; }.css_btn_class:active { position:relative; top:1px;} } /* キャプション付イメージ */ .wp-caption { text-align: center; padding: 5px; margin: 5px 15px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display:inline-block; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 !Important; } /*カレンダー*/ .isp-calendar-table1{ float:left; margin-right:10px;} .isp-calendar-table2{ float:left; margin-right:10px;} table td.day{ background:#FFFFCC !Important; } table td.all{ background:#FFCCCC !Important; } table td.pm{ background:#BFDFFF !Important; } /*地図*/ * html .simplemap-content {hight:400px;}/* IE6 */ *+html .simplemap-content {hight:400px;}/* IE7 */ /*blogの前へ次へ*/ #blog_prev_next{ padding:10px; } #blog_prev_next li{ list-style:none; font-size:16px; } #blog_prev_next li a{ display:block; padding:5px 20px; border:#272A8D 2px solid; text-decoration:none; color:#272A8D; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition:all .3s; } #blog_prev_next li a:hover{ border:#272A8D 2px solid; background-color:#272A8D; color:#ffffff; } #blog_prev_next .blog_prev{ float:left; } #blog_prev_next .blog_next{ float:right; } /*診療時間テーブル*/ .tablepress td{ text-align:center; } /*ニュースショートカット*/ .column dt { font-weight: bold; color:#272A8D; } .column dt .newsdate { color: #8a8a8a; font-weight: normal; } .column dd { margin-left: 10px; } /*トップページの編集ボタン*/ .btn_blockedit { text-indent:0px; line-height:24px; } .editover{ display:block; position:relative; } .edit_link,.edit_link_h,.edit_link_s{ position: absolute; z-index:10; background-color:#000000; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-align:center; display:table-cell; vertical-align:middle; line-height:3em; } .edit_link{ top:0; right:0; width:100%; } .edit_link_h{ top:-30px; right:0; width:100%; } .edit_link_s{ top:0; right:0; width:100%; } .edit_link:hover,.edit_link_h:hover,.edit_link_s:hover{ filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; } /* バナー追加リンク 2015.11.13追加 */ #sideMenu li.editover a:hover { background-color: rgba(0, 0, 0, 0.85) !important; } .edit_link_new { z-index:10; background-color:#000000; text-align:center; display:block-table; box-sizing: border-box; margin-bottom: 20px; vertical-align:middle; line-height:3em; height: 52px; width: 260px; border: #F00 2px dashed; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } /* 2017.05.16 add */ /* コンテンツ追加 */ .edit_link_new_contents { z-index:10; background-color:#000000; text-align:center; display:block-table; box-sizing: border-box; margin-bottom: 20px; vertical-align:middle; line-height:3em; height: 52px; width: 100%; border: #F00 2px dashed; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #change_order { width: 100%; text-align: center; } /* 提携医療機関 2015.07.06追加 */ #main .affili_clinic { margin-left: 0; } .affili_clinic li { list-style: none; float: left; margin-right: 10px; } /*写真ギャラリー用CSS*/ #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-1 .gallery-caption { margin-left: 0; } #gallery-2 { margin: auto; } #gallery-2 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-2 .gallery-caption { margin-left: 0; } #gallery-3 { margin: auto; } #gallery-3 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-3 .gallery-caption { margin-left: 0; } #gallery-4 { margin: auto; } #gallery-4 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-4 .gallery-caption { margin-left: 0; } #gallery-5 { margin: auto; } #gallery-5 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-5 .gallery-caption { margin-left: 0; } #gallery-6 { margin: auto; } #gallery-6 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-6 .gallery-caption { margin-left: 0; } #gallery-7 { margin: auto; } #gallery-7 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-7 .gallery-caption { margin-left: 0; } #gallery-8 { margin: auto; } #gallery-8 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-8 .gallery-caption { margin-left: 0; } #gallery-9 { margin: auto; } #gallery-9 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-9 .gallery-caption { margin-left: 0; } .ab-item{ background:#fff000; color:#333; } /*スマホバナー 2015.05.28追加*/ .banner.smart_phone ul { display: none; } /*mainのデフォルトli*/ #main ol li{margin-left: 1em;} /* メニューを非表示 */ #sideMenu li a[title="nodisplaymenu"] { display: none; } /*説明バルーン用css 2015.05.13追加*/ /******************************* * 共通設定 ********************************/ #wpadminbar .balloon, .balloon { position: relative; display: inline-block; padding: 15px; width: 300px; height: auto; background-color: #344051; text-align: left; color: #fff; z-index: 100; font-size: 16px; line-height: 1.5; } #wpadminbar .balloon:hover, .balloon:hover { cursor: pointer; } /******************************* * 上左からの吹き出し ********************************/ .topleft_balloon:after { content: ""; position: absolute; top: -10px; left: 10%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #344051 transparent; } /******************************* * 上右からの吹き出し ********************************/ .topright_balloon:after { content: ""; position: absolute; top: -10px; left: 80%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #344051 transparent; } /******************************* * 左からの吹き出し ********************************/ .left_balloon:after { content: ""; position: absolute; top: 20%; left: -10px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #344051 transparent transparent; } /******************************* * 右からの吹き出し ********************************/ .right_balloon:after { content: ""; position: absolute; top: 20%; right: -10px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #19283C; } /******************************* * 閉じるボタン ********************************/ #wpadminbar .balloon .ico_close, .balloon .ico_close { position: absolute; top: 5px; right: 8px; } /******************************* * 割り込みを解除 ********************************/ .clear_balloon{ clear: both; } /******************************* * バルーン位置 ********************************/ #wpadminbar #bln_manual { position: absolute; top: 40px; right: 20px; } #wpadminbar #bln_icon { position: absolute; top: 40px; left: 20px; } #bln_navi { position: absolute; top: 55px; left: 130px; } .blnpos_middle { position: absolute; top: 10px; right: 10px; } /******************************* * 説明動画 ********************************/ #mov_intro { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 1000; display: none; } #mov_intro #player { margin-top: 5%; margin-left: 17%; } #mov_intro .ico_close { position: absolute; top: 10px; right: 10px; } .blog_mainsidemenu { display: none; } /* 2018.08.16 add googlemap icon不具合のため */ .simplemap .gm-control-active img{ margin:10px !important; } /* 2020.06.01 add start */ @media only screen and (min-width:481px) { #wv_headbtn { position: fixed; top: 10%; right: calc(50% - 563px); z-index: 100; line-height: 30px; } @media only screen and (max-width: 1112px){ #wv_headbtn { position: sticky; top: 10px; margin: 0 25px 0 0; text-align: right; height: 0; white-space: nowrap; zoom: 1.2; } #wv_headbtn ul { float: right; margin-right: 0; } #wv_headbtn li a { margin: 10px 0 0 0; } } #wv_headbtn li a { padding: 17px 10px !important; -webkit-writing-mode: vertical-rl !important; writing-mode: vertical-rl !important; -ms-writing-mode: tb-rl !important; background-color: #272A8D; border-radius: 10px; text-decoration: none; color: #FFFFFF; box-shadow: 0 0 8px #b5b5b5; } #wv_headbtn li a:hover { background-color: #FFFFFF; color: #272A8D; } } @media screen and (max-width:480px){ #wv_headbtn { margin: 7px 3vw 10px; } #wv_headbtn ul { display: flex; align-items: center; } #wv_headbtn li { display: flex; justify-content: space-between; } #wv_headbtn li a { padding: 2vw; background-color: #272A8D; margin: 0 1vw; border-radius: 1vw; color: #FFFFFF; text-decoration: none; } /*ボタンが1つのとき*/ #wv_headbtn ul.wv_headbtn_1 li a { font-size: 4vw; width: 88vw; } /*ボタンが2つのとき*/ #wv_headbtn ul.wv_headbtn_2 li a { font-size: 4vw; width: 40vw; } /*ボタンが3つのとき*/ #wv_headbtn ul.wv_headbtn_3 li a { font-size: 4vw; } /*ボタンが4つのとき*/ #wv_headbtn ul.wv_headbtn_4 li a { font-size: 3vw; } } /* 2020.06.01 add end */ /******************************* * YouTube挿入 ********************************/ .wv_youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .wv_youtube iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* 2022.05.26 add start */ /* ボタン3カラム */ #main article ul.wev_btn3col { margin: 20px auto; display: flex; flex-flow: wrap; } #main article ul.wev_btn3col li { list-style: none; width: 31%; margin: 1%; } #main article ul.wev_btn3col li a { color: #272A8D; font-size: 1.1em; line-height: 1.4; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; text-decoration: none; background: #fff; border: 1px solid #272A8D; border-radius: 3px; height: 4em; padding: 0 2.2em; position: relative; transition: 0.3s; } #main article ul.wev_btn3col li a::after { font-family: 'Material Icons'; content: '\e5cc'; font-size: 1.5em; position: absolute; top: 50%; right: 0.4em; transform: translateY(-50%); } #main article ul.wev_btn3col li a:hover { background: #272A8D20; } /* 四角アイコン */ #main article .wev_icon_box { margin: 20px auto; display: flex; flex-flow: wrap; } #main article .wev_icon_box li { list-style: none; display: flex; flex-flow: column; margin: 1.5% 1%; width: calc(100% / 4.4); background: #fff; box-shadow: 3px 5px 3px 0 #ededed; box-sizing: border-box; font-size: 0.8em; line-height: 1.6; } #main article .wev_icon_box li a { display: block; padding: 1.2em 1.4em; height: 100%; color: #424242!important; text-decoration: none; transition: 0.3s; } #main article .wev_icon_box li a:hover { background: [[color_sub]]20; } #main article .wev_icon_box li img { display: block; margin: 0 auto; width: 40%; } #main article .wev_icon_box li strong { display: block; margin: 0.7em auto; width: 100%; font-size: 1.2em; letter-spacing: 0.05em; text-align: center; } /* 丸アイコン */ #main article ul.wev_icon_circle { display: flex; flex-flow: wrap; justify-content: center; margin: 20px auto; font-size: 14px; } #main article ul.wev_icon_circle li { list-style: none; display: flex; flex-direction: column; justify-content: center; margin: 12px 12px; width: 180px; height: 180px; background: #272A8D; border-radius: 50%; box-sizing: border-box; color: #fff; text-align: center; } #main article ul.wev_icon_circle li a { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; border-radius: 50%; color: #fff; text-decoration: none; transition: 0.3s; } #main article ul.wev_icon_circle li:hover { opacity: 0.7; } #main article ul.wev_icon_circle li img { display: block; margin: -20px auto 5px; width: 70px!important; height: auto; transition: 0.3s; } #main article ul.wev_icon_circle li .ttl { display: flex; justify-content: center; align-items: center; font-size: 17px; line-height: 1.3; } #main article ul.wev_icon_circle li .ttl::after { font-family: 'Material Icons'; content: '\eac9'; font-size: 1.3em; position: absolute; bottom: 0.6em; left: 52%; transform: translateX(-50%); } /* カード01 */ .wev_card_01 { display: flex; flex-flow: wrap; justify-content: center; margin: 1em 0 2em; font-size: 16px; } .wev_card_01 .card-item { margin: 0.7rem auto; width: 21em; background: #f5f4f4; position: relative; } .wev_card_01 img { width: 100%; max-width: 100%!important; height: auto; padding: 0!important; } .wev_card_01 .card-title { margin-bottom: 0!important; padding: 1.2em 1.5em 0.5em; font-size: 1.2em!important; font-weight: bold; text-align: center; letter-spacing: 0.05em; line-height: 1.4; } .wev_card_01 .card-text { padding: 0 1.5em 5em; font-size: 0.9em!important; letter-spacing: 0.05em; } .wev_card_01 .card-link { width: 100%; text-align: center; position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); } .wev_card_01 .card-link a { text-decoration: none; background: #272A8D; padding: 0.8em 2em; color: #fff!important; font-size: 1em; letter-spacing: 0.05em; } .wev_card_01 .card-link a i { margin-right: -0.5em; } /* カード02 */ #main article ul.wev_card_02 { display: flex; flex-flow: wrap; justify-content: center; margin: 20px auto; font-size: 16px; } #main article ul.wev_card_02 li { list-style: none; width: 31%; /*2カラム47.7%、4カラム22.7%*/ margin: 1em 0.5em; font-size: 1em; } #main article ul.wev_card_02 li a { display: block; padding-bottom: 0.5em; background: #272A8D; border-radius: 5px; color: #fff; text-align: center; text-decoration: none; } #main article ul.wev_card_02 li a img { display: block; margin-bottom: 0.5em; padding: 0; width: 100%; max-width: 100%; border-radius: 4px 4px 0 0; transition: 0.3s; } /* カード03 */ .wev_accordion_one._flex { cursor:pointer; } .wev_accordion_inner { display: none; } .wev_accordion_area { display: flex; flex-flow: wrap; justify-content: space-between; margin: auto; } .wev_accordion_one._flex { width: 300px; height: 100%; margin: 20px 10px; padding: 0; background: #f5f4f4; border-radius: 5px; box-sizing: border-box; color: #555; font-size: 19px; text-align: center; letter-spacing: 0.1em; line-height: 48px; } .wev_accordion_header img { display: block; margin: 0 auto 6px; width: 300px; height: auto; border-radius: 5px 5px 0 0; } .wev_accordion_header i { color: #272A8D; font-size: 28px; position: absolute; bottom: 12px; right: 12px; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out; } .wev_accordion_header { position: relative; } .wev_accordion_header.open i { transform: scaleY(-1); } .wev_accordion_inner { padding: 20px; text-align: left; } .wev_accordion_inner ul li { list-style: none; margin: 8px 0; line-height: 1.5; } .wev_accordion_inner ul li::before { content: ''; display: block; width: 10px; height: 10px; background: #272A8D; border-radius: 50%; position: absolute; left: -20px; top: 5px; } /* カード04 */ .wev_card_04 { display: flex; flex-flow: wrap; justify-content: center; margin: 1em 0 2em; font-size: 16px; } .wev_card_04 .card-item { width: 14em; margin: 0.7rem auto; position: relative; } .wev_card_04 img { display: block; width: 90%; max-width: 100%!important; height: auto; margin: 0 auto!important; padding: 0!important; border-radius: 50%; } .wev_card_04 .card-title { margin-bottom: 0!important; padding: 0.5em 1.5em 1.2em; font-size: 1.2em!important; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4; text-align: center; } .wev_card_04 .card-item:first-child .card-title { color: #f39fb2!important; } .wev_card_04 .card-item:nth-child(2) .card-title, .wev_card_04 .card-item:nth-child(6) .card-title { color: #acc124!important; } .wev_card_04 .card-item:nth-child(3) .card-title, .wev_card_04 .card-item:nth-child(7) .card-title { color: #e3a71c!important; } .wev_card_04 .card-item:nth-child(4) .card-title, .wev_card_04 .card-item:nth-child(8) .card-title { color: #d99dce!important; } .wev_card_04 .card-item ul { display: flex; flex-flow: column; width: fit-content; margin: 0 auto!important; padding-left: 1em; } .wev_card_04 .card-item ul li { list-style: none!important; } .wev_card_04 .card-item ul li::before { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 0.6em; left: -1.3em; } .wev_card_04 .card-item:first-child li::before { background: #f39fb2!important; } .wev_card_04 .card-item:nth-child(2) li::before, .wev_card_04 .card-item:nth-child(6) li::before { background: #acc124!important; } .wev_card_04 .card-item:nth-child(3) li::before, .wev_card_04 .card-item:nth-child(7) li::before { background: #e3a71c!important; } .wev_card_04 .card-item:nth-child(4) li::before, .wev_card_04 .card-item:nth-child(8) li::before { background: #d99dce!important; } /* 当院の特徴 */ #main article .wev_feature { display: flex; flex-flow: wrap; justify-content: center; margin: 60px auto; counter-reset: number; list-style-type: none!important; } #main article .wev_feature li { display: flex; flex-flow: column; width: 29%; margin: 0 2%; font-size: 0.9em; position: relative; } #main article .wev_feature li strong { display: block; width: 100%; margin: 1em auto 0.5em; padding-left: 20%; font-size: 1.2em; letter-spacing: 0.05em; text-align: left; } #main article .wev_feature li::before { counter-increment: number; content: counter(number); display: inline-block; color: [[color_sub]]20; font-size: 5.2em; font-style: italic; letter-spacing: 0em; position: absolute; top: 45%; left: 0%; } /* 番号付きリスト */ #main article ol.wev_list_box { counter-reset: number; list-style-type: none!important; margin: 0 0 20px; padding: 0; font-size: 16px; } #main article ol.wev_list_box li { margin-bottom: 12px; margin-left: 0; padding: 12px 12px 12px 15px; background: #272A8D;20; border-left: solid 35px #272A8D;; border-radius: 3px; color: #5a5a5a; font-weight: bold; line-height: 1.5em; position: relative; } #main article ol.wev_list_box li:before { counter-increment: number; content: counter(number); display: inline-block; width: 35px; height: 1em; color: #fff; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-size: 15px; font-weight: bold; line-height: 1; text-align: center; position: absolute; top: 50%; left: -35px; transform: translateY(-50%); } /* メリット */ #main article ul.wev_list_merit { position: relative; margin: 70px 0 30px; padding: 20px 30px 20px 45px; border: 3px solid #5dc680; background-color: #fff; border-radius: 0 10px 10px 10px; } #main article ul.wev_list_merit::before { position: absolute; top: -2.8em; left: -0.2em; content: 'メリット'; font-size: 15px; font-weight: bold; color: #ffffff; background-color: #5dc680; border-radius: 10px 10px 0 0; padding: 0.5em 1em 0.5em 3em; } #main article ul.wev_list_merit::after { position: absolute; top: -1.5em; left: 0.6em; font-family: 'Material Icons'; content: "\e815"; font-size: 22px; color: #fff; text-align: center; line-height: 1; border-radius: 20px 0 0 20px; } #main article ul.wev_list_merit li { position: relative; list-style-type: none; margin: 10px 0; } #main article ul.wev_list_merit li::before { position: absolute; top: -0.1em; left: -1.3em; font-family: 'Material Icons'; content: "\ef4a"; color: #9ddcb2; } /* デメリット */ #main article ul.wev_list_demerit { position: relative; margin: 70px 0 30px; padding: 20px 30px 20px 45px; border: 3px solid #ff8585; background-color: #fff; border-radius: 0 10px 10px 10px; } #main article ul.wev_list_demerit::before { position: absolute; top: -2.8em; left: -0.2em; content: 'デメリット'; font-size: 15px; font-weight: bold; color: #ffffff; background-color: #ff8585; border-radius: 10px 10px 0 0; padding: 0.5em 1em 0.5em 3em; } #main article ul.wev_list_demerit::after { position: absolute; top: -1.5em; left: 0.6em; font-family: 'Material Icons'; content: "\e814"; font-size: 22px; color: #fff; text-align: center; line-height: 1; border-radius: 20px 0 0 20px; } #main article ul.wev_list_demerit li { position: relative; list-style-type: none; margin: 10px 0; } #main article ul.wev_list_demerit li::before { position: absolute; top: -0.1em; left: -1.3em; font-family: 'Material Icons'; content: "\ef4a"; color: #ffbbbb; } /* ポイント */ #main article ul.wev_list_point { position: relative; margin: 70px 0 30px; padding: 20px 30px 20px 45px; border: 3px solid #f8bd6b; background-color: #fff; border-radius: 0 10px 10px 10px; } #main article ul.wev_list_point::before { position: absolute; top: -2.8em; left: -0.2em; content: 'ポイント'; font-size: 15px; font-weight: bold; color: #ffffff; background-color: #f8bd6b; border-radius: 10px 10px 0 0; padding: 0.5em 1em 0.5em 3em; } #main article ul.wev_list_point::after { position: absolute; top: -1.5em; left: 0.6em; font-family: 'Material Icons'; content: "\e79a"; font-size: 22px; color: #fff; text-align: center; line-height: 1; border-radius: 20px 0 0 20px; } #main article ul.wev_list_point li { position: relative; list-style-type: none; margin: 10px 0; } #main article ul.wev_list_point li::before { position: absolute; top: -0.1em; left: -1.3em; font-family: 'Material Icons'; font-weight: bold; content: "\e5ca"; color: #f8bd6b; } /* チェック */ #main article ul.wev_list_check { position: relative; margin: 70px 0 30px; padding: 20px 30px 20px 45px; border: 3px solid #62a4ec; background-color: #fff; border-radius: 0 10px 10px 10px; } #main article ul.wev_list_check::before { position: absolute; top: -2.8em; left: -0.2em; content: 'こんな症状はありませんか?'; font-size: 15px; font-weight: bold; color: #ffffff; background-color: #62a4ec; border-radius: 10px 10px 0 0; padding: 0.5em 1em 0.5em 3em; } #main article ul.wev_list_check::after { position: absolute; top: -1.5em; left: 0.6em; font-family: 'Material Icons'; content: "\e5ca"; font-size: 22px; color: #fff; text-align: center; line-height: 1; border-radius: 20px 0 0 20px; } #main article ul.wev_list_check li { position: relative; list-style-type: none; margin: 10px 0; } #main article ul.wev_list_check li::before { position: absolute; top: -0.2em; left: -1.3em; font-family: 'Material Icons'; font-size: 19px; content: "\e834"; color: #aac9ed; } /* 2022.05.26 add end */ @media only screen and (min-width:481px) { /* PCのみ共通 */ .pc_fleft{float: left;} .pc_fright{float: right;} .pc_w10p{width: 10%} .pc_w20p{width: 20%} .pc_w30p{width: 30%} .pc_w40p{width: 40%} .pc_w50p{width: 50%} .pc_w60p{width: 60%} .pc_w70p{width: 70%} .pc_w80p{width: 80%} .pc_w90p{width: 90%} .pc_w100p{width: 100%} /* 画像をマウスオーバーしたときの挙動 */ a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } .bn_top{ margin-top:45px; } .pagetop{margin-top:45px;} /* #main dl.gallery-item .gallery-caption { width: 204px; margin-left: 50px !important; margin-top: 7px; text-align: left; line-height: 1.3em; } */ .smart_phone_index{ display: none; } /*診療時間テーブルの縦位置中央*/ #main article table.time_table td{ vertical-align: middle; } #main article .table_scroll{ overflow: auto;    /*tableをスクロールさせる*/ } #main article .table_scroll::-webkit-scrollbar{  /*tableにスクロールバーを追加*/ height: 5px; } #main article .table_scroll::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/ background: #F1F1F1; } #main article .table_scroll::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/ background: #BCBCBC; } /*blog基本*/ #side_blog { margin-top: 30px; } #side_blog h3{ color: #000; text-align: center; font-weight: bold; font-size: 18px; border-top: solid 3px #f1f1f1; padding: 15px 0 10px; margin: 30px 0 0; } #side_blog .side_blognew dt{ font-size: 90%; line-height: 1.6; margin-left: 10px } #side_blog .side_blognew dd{ font-size: 90%; line-height: 1.2; margin-left: 10px; margin-bottom: 8px; } #side_blog .side_blogcat dd{ font-size: 90%; line-height: 1.6; margin-left: 10px } #side_blog .side_blogcal { } #wp-calendar{ width: 100%; } #wp-calendar th{ background-color: #efefef; } #wp-calendar tr{ border-top: 1px solid #ccc; } #wp-calendar th,#wp-calendar td{ text-align: center; } #wp-calendar .pad{ border: none; } /*2016.03.10 add */ .banner ul li img { max-width: 100%; } /*2018.05.23 add ipad viewport対応 */ body{ min-width: 1010px; } /* Basic code - don't modify */ #nav { display: block; margin: 0; padding: 0; position: relative; } #nav li { list-style: none; margin: 0; padding: 0; position: relative; } #nav a { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* = INDEX ====================================== 1:#wrapper 2:#header 3:#gNav 4:#contents 5:#main 6:#sideMenu 7:#pagetop 8:#footer ============================================= ===== 1:#wrapper ===== */ html{ scroll-behavior:smooth; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v16/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body{ letter-spacing: 0.13em; min-width: 1050px; color: #282828; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #wrapper { width: 100%; margin: 0 auto; text-align: left; background-color: rgba(255, 255, 255, 0.8); background: #fff\9; /* IE 8 and below */ min-height: 100%; min-width: 910px; } .material-icons { font-size: inherit; vertical-align: middle; } p { color: #282828; } #main p[class]{ margin: 0; } a, a:link, a:visited, a::before, a::after{ cursor: pointer; color: #00A0E9; text-decoration: underline; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } a:hover { opacity: .7; text-decoration: none; } /* ボタンcss */ .css_btn_class { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; text-align: center; width: 225px; height: 50px; color: #fff !important; padding: 0; position: relative; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .css_btn_class:hover{ opacity: .7; color: #fff !important; border: none; } /* ===== 2:#header ===== */ #header { position: relative; margin: 0 auto; width: 1100px; min-height: 170px; } .header-wrap-1 { background-color: #fafafa; } .header-wrap-2 { background-color: #fff; } .header-wrap-inner-2 { width: 1000px; margin: 0 auto; position: relative; } #header h1 { position: absolute; transform: translateY(-50%); top: 37%; left: 0; } #header .cliniclogo_img { vertical-align: middle; max-height: 140px; width: 350px; } #header .h1_text { color: #272A8D; line-height: 75px !important; vertical-align: -webkit-baseline-middle; } #header h1 a { text-decoration: none; } #header .header_text { font-size: 14px; color: #272A8D !important; position: absolute; top: 102px; left: 0; } #header .header_address { display: none; position: absolute; top: 50%; left: 310px; transform: translateY(-50%); font-size: 12px; width: 450px; text-align: justify; letter-spacing: 1px; } #header .header_address2 { position: absolute; top: 87px; left: 380px; transform: translateY(-50%); font-size: 12px; width: 450px; text-align: justify; letter-spacing: 1px; } #header .header_address2 a{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 18px; color: #fff; padding: 3px 0 0 0; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient( 90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient( 90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #header .header_address2 p.box_txt { font-size: 11px; background: #000; padding: 3px 8px 0 8px; color: #fff; width: fit-content; margin-bottom: 2px; } #header .header_address a{ position: absolute; transform: translateY(-50%); top: 50%; right: -72px; display: flex; justify-content: center; align-items: center; width: 75px; height: 26px; padding: 5px 0 0 0; color: #fff; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #header .header_tel { display: none; position: absolute; top: 24px; right: 0; font-size: 20px; } #header .header_tel .tel { color: #272A8D; display: flex; align-items: center; } #header .header_tel .tel::before{ content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/phone.png); width: 30px; height: 25px; display: inline-flex; margin-right: 8px; } #header .header_tel .tel i{ display: none; } #header .header_time { position: absolute; top: 50px; right: 0; font-size: 90%; } #header .header_time dt { float: left; clear: left; width: 60px; font-size: 100%; } #header .header_time dd { font-size: 100%; padding: 0 0 0 60px; } #header .header_week { font-size: 12px; letter-spacing: 0; position: absolute; right: 0; top: 10px; } #header .header_week a { text-decoration: none; margin-left: 18px; white-space: nowrap; position: absolute; right: 248px; top: 0; width: 75px; height: 19px; background-color: #272A8D; display: inline-flex; justify-content: center; color: #fff; } #header .header_week a i{ display: none; } #header .header_week img { vertical-align: middle !important; } #mobile { display: none; width: 0; margin: 0; padding: 0; } #sidr { display: none; width: 0; margin: 0; padding: 0; } #page_search { display: none; text-align: right; font-size: 100%; } #page_search #s { position: absolute; right: 0; bottom: 0; padding: 4px 16px; font-size: 12px; width: 330px; height: 30px; background-color: #ddd; border: none; border-radius: 50px; } #page_search #searchsubmit { display: none; position: absolute; top: 26px; right: 162px; padding: 6px; } ::-webkit-input-placeholder , :-ms-input-placeholder, ::placeholder { color: #272A8D; } #wv_headbtn{ top: 40%; right: 0; } _::-webkit-full-page-media, _:future, :root #wv_headbtn{ right: 40px; } #wv_headbtn li a{ max-height: 264px; font-size: 24px; position: relative; border-radius: 0; display: flex; justify-content: center; align-items: center; background: rgb(0,160,233); background: -moz-linear-gradient(180deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(180deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #wv_headbtn li a:hover{ color: #fff !important; } #wv_headbtn li a::before{ content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_phone_w.png); width: 47px; height: 42px; display: inline-flex; margin-bottom: 8px; } /* ===== 3:#gNav ===== */ #gNav { margin: 0 auto; clear: both; min-width: 1100px; position: relative; z-index: 1; margin: -4px 0 0; } #gNav ul { width: 1100px; text-align: center; margin: 0 auto; padding: 0; display: table; _display: block; } #gNav li { display: table-cell; vertical-align: middle; text-align: center; list-style: none; /display: inline; /*IE7*/ /zoom: 1; /*IE7*/ _display: inline; /*IE6*/ _zoom: 1; /*IE6*/ _width: 150px; white-space: nowrap; position: relative; } #gNav li:not(:first-of-type)::before{ position: absolute; content:""; width: 1px; height: 40px; background-color: #00A0E9; left: 0; top: 50%; transform: translateY(-50%) rotate(15deg); } #gNav li a { display: block; color: #272A8D; font-size: 18px; text-decoration: none; padding: 19px 0; /padding: 19px 35px; /*IE7*/ _padding: 19px 0; /*IE6*/ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; zoom: 1; line-height: 1.4; } #gNav li a:hover { zoom: 1; color: #00A0E9; font-weight: bolder; } #gnav li:first-child a:hover, #gnav li:last-child a:hover { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #gNav li:first-child { margin-left: 20px; } #gNav li:last-child { border-right: none; margin-right: 20px; } /* droppy */ #nav ul:before { position: absolute; top: -8px; left: 30px; content: ''; border-bottom: 10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; } #nav ul { display: block; padding: 10px !Important; background-color: #fff; border: none; width: initial; width: auto; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12); } #nav ul li ul { left: 30px; top: 30px; } #nav ul li { display: inherit; margin: 10px; clear: left; /*text-align: left !important;*/ } #nav ul li:first-child { margin-left: 10px; } #nav ul li a { display: inline; font-size: 95%; } #nav ul li a:hover { display: inline; background-color: transparent; text-decoration: underline; font-weight: bold; } /* ===== 4:#contents ===== */ #contents { width: 100%; margin: 30px auto 0; } #contents::after { content: ''; clear: both; display: block; } #images { position: relative; width: 100%; min-width: 910px; text-align: center; margin: 0; } #images .metaslider { max-width: 100% !important; } #images img.topimage { width: 100%; position: absolute; top: -60px; left: 0; } .flex-direction-nav .flex-next { right: 0 !important; } .flex-direction-nav .flex-prev { left: 0 !important; } /* スライドショープラグイン*/ #images .metaslider .caption-wrap { background-color: transparent !important; line-height: inherit !important; font-size: inherit !important; opacity: 1; bottom: 0; top: 0; left: 0; right: 0; z-index: 3; display: flex; justify-content: center; align-items: center; } #images .metaslider .caption-wrap .caption { color: #000; font-size: 53px; padding: 0; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; } .caption-text{ line-height: 1.4; } .caption-text-large{ font-size: 63px; color: #272A8D; } .caption-list{ display: flex; justify-content: center; margin-top: 16px; } .caption-list-item{ width: 240px; height: 240px; background-color: #00A0E9; border-radius: 50%; margin: 16px; border: 2px dashed #fff; box-shadow: 0 0 0 8px #00A0E9; position: relative; } .caption-list-item::before{ position: absolute; content: ""; top: -10px; left: -10px; width: 256px; height: 256px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; z-index: -1; } .caption-list-item-title{ width: 156px; height: 34px; font-size: 20px; background-color: #fff; color: #00A0E9; text-shadow: none; display: inline-flex; justify-content: center; align-items: center; margin: 56px 0 12px; } .caption-list-item-text{ font-size: 33px; text-shadow: none; color: #fff; line-height: 1.4; } .caption-list-item-text2{ font-size: 24px; text-shadow: none; color: #fff; line-height: 1.2; } /*背景をグラデで黒くする #images .flexslider .slides::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 3; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.35) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.35) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.35) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0); }*/ /* ===== 5:#main ===== */ #main { width: 100%; } #main #breadcrumbs { width: 1100px; margin: 0px auto 10px; } #main article img { max-width: 100%; height: auto; padding: 0; } #main article h2 { font-size: 35px; color: #00A0E9; font-weight: 100; margin: 0 auto 80px; text-align: center; position: relative; } .page_weveryhome #main article h2::after{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_heading.png); width: 40px; height: 60px; top: 54px; left: 50%; transform: translateX(-50%); } .page_weverysub #main article h2::before{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_heading.png); width: 40px; height: 60px; top: 0; left: 50%; transform: translateX(-50%); } .page_weverysub #main article h2{ padding-top: 60px; } #main article h3 { font-size: 30px; color:#00A0E9; background-color: #f1f1f1; padding: 8px 0 8px 16px; border-top: 2px solid #00A0E9; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); margin: 30px 0 15px; clear: both; } #main article h4 { font-size: 22px; color: #00A0E9; border-bottom: 1px solid #00A0E9; margin: 30px 0 15px; padding: 2px 0 2px; clear: both; line-height: 1.4em; } #main article h5 { font-size: 20px; color: #00A0E9; border-left: 3px solid #00A0E9; padding: 2px 0 0 10px; line-height: 1.2em; margin: 15px 0 10px; clear: both; } #main article h6 { font-size: 18px; color: #00A0E9; margin: 0 0 15px; font-weight:bold; line-height: 1.4em; } #main article p { margin: 0 auto 15px; } #main article ul { list-style-type: disc; margin: 0 0 15px 1.5em; } #main article ol { list-style-type: decimal; margin: 0 0 2.5em 1.5em; font-size: 1.0em; line-height: 1.7em; } #main article em { background: linear-gradient(transparent 60%, #272A8D50 60%); font-weight: 700; } /*共通*/ #main article .scroll-table table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } #main article table { border-collapse: collapse; margin: 0 0 15px; /*border: 1px solid #e0e0e0;*/ color: #282828; text-align: left; /*box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);*/ } #main article table th { background: #272A8D; padding: 16px; border: 1px solid #272A8D; white-space: nowrap; color: #fff; } #main article table td { background: #ffffff; border: solid 1px #272A8D; padding: 16px; } #main article table p { margin: 0; padding: 0; } #main article dl { } #main article dt { font-weight: 700; } #main article dd { margin: 0 0 10px 0; } #main article ul ul { margin: 0 0 0.6em 1.5em; } #main article ul li { position: relative; font-size: 16px; color: #424242; } #main article ul li::after, #main article ul li::before { } #main article ul li::after { } #main article ul ul li { list-style-type: disc; padding-left: 0; } #main article ul ul li::after, #main article ul ul li::before { content: none; } #main article ul ul li::after {} #main article #blog_prev_next ul li::after { display: none; } #main article ol { list-style-type: decimal; margin: 0 0 15px 1.5em; } #main article ol>li { margin-left: 0.5em; font-size: 16px; } #main article ol ol { list-style-type: decimal !important; margin: 0 0 1em 3.5em; } #main article ol ol>li { padding-left: 0; margin-left: 0 !important; } #main article ol ol>li:before { content: none; } #main article blockquote { background-color: #f7f7f7; border: solid 1px #f0f0f0; color: #757575; padding: 15px 18px 0; margin: 0 0 15px; } /* - article - */ article section { overflow: hidden; /*floatの解除*/ position: relative; zoom: 1; /*IE6対応*/ margin: 0; z-index: 0; padding: 40px 0; } article section > *{ width: 1100px; margin: 0 auto; } details { transition: .5s; background: #efefef; padding: 10px; margin-bottom: 15px; display: block; } details[open] { min-height: 30px; } summary { font-size: 18px; color: #272A8D; cursor:pointer; } /* - .pageSec - */ #main article section.pageSec { padding-bottom: 80px; } /* - .infoSec - */ #main article section.infoSec dl { max-height: 300px; overflow: auto; padding: 25px; box-shadow: 0 6px 6px #ddd; width: 950px; } #main article section.infoSec dt { color: #272A8D; font-size: 18px; line-height: 1.5; display: flex; align-items: center; } #main article section.infoSec dt strong{ order: 2; margin-left: 32px; } #main article section.infoSec dt .info_date { display: block; margin-left: -1em; } #main article section.infoSec dd { border-bottom: dotted 1px #f0f0f0; /*font-size: 14px;*/ margin: 12px 0 18px; padding: 0 0 15px; padding-left: 146px; } #main article section.infoSec p { margin: 0 } /* - .mapSec - */ #main article section.mapSec { display: none; } #main article section.mapSec .simplemap iframe { height: 432px; } .simplemap { /display: inline; /* IE用ハック */ /zoom: 1; /* IE用ハック */ } .simplemap-content { width: 100% !important; } #main article .mapSec p { font-size: 14px; line-height: 1.6; } #main article section.mapSec .mapSec_tomappage a { background-color: #272A8D; color: #fff; text-decoration: none; padding: 10px 0; display: block; margin: 20px auto 0; font-size: 16px; text-align: center; } #main article section.mapSec .mapSec_tomappage a:hover { opacity: 0.7; -moz-opacity: 0.7; zoom: 1; } #main article section.mapSec .mapSec_tomappage a i { display: none; } /* - .timeSec - */ #main article section.timeSec{ display: none; } #main article table.time_table { margin: 0 0 20px; } #main article table.time_table th { text-align: center; font-weight: 400; font-size: 19px; } #main article table.time_table th:nth-of-type(even){ background-color: #00A0E9; } #main article table.time_table .column-1 { white-space: nowrap; } #main article table.time_table td { background: transparent; padding: 0; text-align: center; font-size: 35px; color: #00A0E9; width: 10%; } #main article table.time_table td.time_title { color: #272A8D; font-weight: bold; } img.image_list { float: left; margin: 0 15px 15px 0; } #main article .column_title { font-size: 140% } /* 1列目 */ #main article table.time_table tr th:nth-of-type(1) { /* background-color: #fff; */ } /* 2列目 */ #main article table.time_table tr th:nth-of-type(2) { /* background-color: #f1f1f1; */ } /* 3列目 */ #main article table.time_table tr th:nth-of-type(3) { /* background-color: #fff; */ } /* 4列目 */ #main article table.time_table tr th:nth-of-type(4) { /* background-color: #f1f1f1; */ } /* 5列目 */ #main article table.time_table tr th:nth-of-type(5) { /* background-color: #fff; */ } /* 6列目 */ #main article table.time_table tr th:nth-of-type(6) { /* background-color: #f1f1f1; */ } /* 7列目 */ #main article table.time_table tr th:nth-of-type(7) { /* background-color: #fff; */ } /* 8列目 */ #main article table.time_table tr th:nth-of-type(8) { /* background-color: #f1f1f1; */ } /* 1列目 */ #main article table.time_table tr td:nth-of-type(1) { /* background-color: #fff; */ } /* 2列目 */ #main article table.time_table tr td:nth-of-type(2) { /* background-color: #f1f1f1; */ } /* 3列目 */ #main article table.time_table tr td:nth-of-type(3) { /* background-color: #fff; */ } /* 4列目 */ #main article table.time_table tr td:nth-of-type(4) { /* background-color: #f1f1f1; */ } /* 5列目 */ #main article table.time_table tr td:nth-of-type(5) { /* background-color: #fff; */ } /* 6列目 */ #main article table.time_table tr td:nth-of-type(6) { /* background-color: #f1f1f1; */ } /* 7列目 */ #main article table.time_table tr td:nth-of-type(7) { /* background-color: #fff; */ } /* 8列目 */ #main article table.time_table tr td:nth-of-type(8) { /* background-color: #f1f1f1; */ } #main article .timeSec p { margin: 0; } /* - .topSec1472- */ #header section.topSec1472 { position: absolute; top: 10px; right: 0; font-size: 17px; text-align: center; } #header section.topSec1472 .tel2 { background: #efefef; padding: 11px 22px; border-radius: 7px; } #header section.topSec1472 h3 { font-size: 13px; color: #fff; background-color: #00a0e9; border-radius: 15px; padding: 7px 13px 3px 13px; margin: 0 0 8px 0; } #header section.topSec1472 p { line-height: 19px; font-size: 18px; } #header section.topSec1472 p.tel_box1 span.box_txt { font-size: 12px; } #header section.topSec1472 p.tel_box2 span { font-size: 11px; background: #000; padding: 4px 5px 2px 5px; color: #fff; } /* - .topSec118 - */ #main article section.topSec118 ul.affili_clinic li::after, #main article section.topSec118 ul.affili_clinic li::before { display: none; } #main article section.topSec118 p { font-size: 14px; } #main article section.topSec118 a { text-decoration: none; color: #272A8D; } /* - 写真ギャラリー - */ #main .gallery { margin: 18px 0 50px; } /* 2col ──────────────────── */ #main .gallery-columns-2 .gallery-item { float: left; margin: 0 2% 2% 0; width: 47.5%; box-sizing: border-box; overflow: initial; } #main .gallery-columns-2 .gallery-item:last-of-type { margin: 0; } #main .gallery-columns-2 .gallery-item img { width: 100%; height: auto; max-height: 250px; width: inherit; } #main .gallery-columns-2 dd.gallery-caption { text-align: center; font-size: 13px; color: #757575; margin: 12px 20px; } /* 3col ──────────────────── */ #main .gallery-columns-3 .gallery-item { float: left; margin: 0 3% 0 0; width: 31.33%; box-sizing: border-box; } #main .gallery-columns-3 .gallery-item:last-of-type { margin: 0; } #main .gallery-columns-3 .gallery-item img { width: 100%; height: auto; max-height: 250px; width: inherit; } #main .gallery-columns-3 dd.gallery-caption { font-size: 13px; color: #757575; margin: 12px 16px; } /* 4col ──────────────────── */ #main .gallery-columns-4 .gallery-item { float: left; margin: 0 2% 0 0; width: 23%; box-sizing: border-box; } #main .gallery-columns-4 .gallery-item:last-of-type { margin: 0; } #main .gallery-columns-4 .gallery-item img { width: 100%; height: auto; max-height: 250px; width: inherit; } #main .gallery-columns-4 dd.gallery-caption { text-align: left; font-size: 13px; color: #757575; margin: 10px 14px; } /* 画像の配置 ──────────────────── */ /* 2col ──────────────────── */ #main article .wev2col, #main article .wev2cols2 { margin: 10px 0 40px; } #main article .wev2col::after, #main article .wev2cols2::after { content: ''; display: block; clear: both; } #main article .wev2col div, #main article .wev2cols2 div { display: inline-block; margin: 0 1% 15px; width: 47%; border: none; padding: 0; vertical-align: top; } #main article .wev2col div:last-of-type, #main article .wev2cols2 div:last-of-type { /*margin: 0;*/ } #main article .wev2col h4, #main article .wev2cols2 h4 { color: #272A8D; text-align: left; padding: 0; font-size: 16px; border: none; margin: 0; line-height: 1.4; } #main article .wev2col p, #main article .wev2cols2 p { /*color: #757575; font-size: 14px;*/ text-align: left; margin: 0 0 10px; } #main article .wev2col img, #main article .wev2cols2 img{ max-width: 100%; height: inherit; } /* 3col ──────────────────── */ #main article .wev3col, #main article .wev3cols2 { margin: 10px 0 40px; } #main article .wev3col::after, #main article .wev3cols2::after { content: ''; display: block; clear: both; } #main article .wev3col div, #main article .wev3cols2 div { width: 30%; border: none; padding: 0; display: inline-block; margin: 0 1% 10px; vertical-align: top; } #main article .wev3col div:last-of-type, #main article .wev3cols2 div:last-of-type { /* margin: 0; */ } #main article .wev3col h4, #main article .wev3cols2 h4 { color: #272A8D; text-align: left; padding: 0; font-size: 16px; border: none; margin: 0; line-height: 1.4; } #main article .wev3col p, #main article .wev3cols2 p { /*color: #757575; font-size: 12px;*/ text-align: left; margin: 0 0 10px; } #main article .wev3col img, #main article .wev3cols2 img{ max-width: 100%; height: inherit; } /* 4col ──────────────────── */ #main article .wev4col { margin: 10px 0 40px; } #main article .wev4col::after { content: ''; display: block; clear: both; } #main article .wev4col div { display: inline-block; margin: 0px 1% 10px; width: 22%; border: none; padding: 0; vertical-align: top; } #main article .wev4col div:last-of-type { /* margin: 0; */ } #main article .wev4col h4 { color: #272A8D; text-align: left; padding: 0; font-size: 14px; border: none; margin: 0; line-height: 1.4; } #main article .wev4col p { /*color: #757575; font-size: 12px;*/ text-align: left; margin: 0 0 10px; } #main article .wev4col img{ max-width: 100%; height: inherit; } /*listの並び 2列*/ .li2sp1 ul, .li2sp2 ul { display: table; } .li2sp1 li, .li2sp2 li { width: 47%; float: left; padding-bottom:10px; } .li2sp1 li:nth-child(odd), .li2sp2 li:nth-child(odd) { padding-right: 6%; } /*listの並び 3列*/ .li3sp1 ul, .li3sp2 ul, .li3sp3 ul { display: table; } .li3sp1 li, .li3sp2 li, .li3sp3 li { width: 30%; float: left; padding: 0 5% 10px 0; } .li3sp1 li:nth-child(3n), .li3sp2 li:nth-child(3n), .li3sp3 li:nth-child(3n) { padding-right: 0; } /*検索*/ #main article strong.search_header{ font-size: 20px; } /* - .column - */ #main article section.column #wp_page_numbers li:after { display: none; } /* ===== 6:#sideMenu ===== */ #sideMenu { display: none; width: 260px; float: left; margin: 0 auto 100px; } #sideMenu .menu_box { border-top: 1px solid #e0e0e0; padding: 15px 0 15px 20px; } #sideMenu h2 { color: #272A8D; font-weight: bold; font-size: 18px; margin: 0 0 6px -7px; } #sideMenu ul { padding: 0; } #sideMenu li { position: relative; margin: 0 0 5px; border-bottom: 1px dotted #ddd; } #sideMenu li:last-child { border-left: none; border-bottom: none; } #sideMenu li a { text-decoration: none; color: #757575; display: inline-block; font-size: 16px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; line-height: 1.5em; padding: 5px 0; width: 100%; } #sideMenu li a:hover { color: #272A8D; /*background-color: rgba(255, 255, 255, 0.8);*/ } #sideMenu li ul { margin: 0px 0 2px 2em; } #sideMenu li ul li { border: none; } #sideMenu li ul li::before { content: ''; width: 0.7em; height: 1px; display: block; position: absolute; background-color: #cccccc; top: 12px; left: -1.2em; } #sideMenu .menu_description { font-size: 80%; color: #8a8a8a; } #sideMenu .banner { padding: 0 } #sideMenu .banner ul { padding: 0 } #sideMenu .banner li { border: none; padding: 0; margin: 0 0 15px; } #sideMenu .banner li a { width: 100%; padding: 0; color: #0081cd; text-decoration: underline; } #sideMenu .banner li a:hover { color: #73cbf3 } #sideMenu .banner img{ max-width: 100%; height:inherit; } #sideMenu .qr { font-size: 14px; border-radius: 4px; margin: 48px 0; position: relative; height: 118px; border: 1px solid #e0e0e0; } #sideMenu .qr p { width: 120px; position: absolute; top: 42px; left: 14px; line-height: 1.4; } #sideMenu .qr img { width: 90px; position: absolute; top: 16px; right: 10px; } .backhome { display: none } /* sideCalender ──────────────────── */ #sideMenu .bn_top { margin: 0; } #sideMenu .isp-calendar-table { font-size: 12px; color: #5f6368; } #sideMenu table.isp-business-calendar { background-color: transparent; } #sideMenu table.isp-business-calendar .space { background-color: #fff; } #main article .isp-calendar-table .scroll-table table{ display: inline-table; } .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type { margin: 0 0 10px; position: relative; display: block; height: 20px; } #main article .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type { display: table-row; } #sideMenu table.isp-calendar-inner td.calendar-date-title { font-weight: normal; text-align: left; margin: 0px; padding: 0px; color: #424242; position: absolute; left: 12px; } #sideMenu .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type td:first-of-type { position: absolute; right: 28px; top: 0px; } #sideMenu .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type td:last-of-type { position: absolute; right: 2px; top: 0px; } #sideMenu table.isp-calendar-inner div.move_button { width: 10px; height: 10px; } #sideMenu table.isp-calendar-inner div.prv { background: none; cursor: pointer; padding: 5px; } #sideMenu table.isp-calendar-inner div.prv::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #717579; border-bottom: 2px solid #717579; -webkit-transform: rotate(135deg); transform: rotate(135deg); display: block; position: absolute; } #sideMenu table.isp-calendar-inner div.prv_off { background: none; padding: 5px; } #sideMenu table.isp-calendar-inner div.prv_off::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; -webkit-transform: rotate(135deg); transform: rotate(135deg); display: block; position: absolute; } #sideMenu table.isp-calendar-inner div.nxt { background: none; text-align: right; cursor: pointer; padding: 5px; } #sideMenu table.isp-calendar-inner div.nxt::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #717579; border-bottom: 2px solid #717579; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; } #sideMenu table.isp-calendar-inner div.nxt_off { background: none; text-align: right; padding: 5px; } #sideMenu table.isp-calendar-inner div.nxt_off::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; position: absolute; } #sideMenu table.isp-business-calendar td { padding: 7px 7px; } #sideMenu table.isp-business-calendar thead th { background-color: transparent; font-weight: normal; } #sideMenu table.isp-business-calendar .A, #sideMenu table.isp-business-calendar .B, #sideMenu table.isp-business-calendar .C, #sideMenu table.isp-business-calendar .D, #sideMenu table.isp-business-calendar .E, #sideMenu table.isp-business-calendar .F, #sideMenu table.isp-business-calendar .G{ margin: 0 auto; font-size: 13px; line-height: 1.8em; border-radius: 6px; } #sidr table.isp-business-calendar .today { border: 1px solid #404040 !important; background-color: inherit !important; border-radius: 6px; } #sideMenu p.calendar-information { padding: 14px 10px !important; font-size: 12px; line-height: 1.2; } p span.holiday-color { border-radius: 100%; } .return_now { display: none; } /* ===== 7:#pagetop ===== */ #wrapper .pagetop{ position: relative; z-index: 10; color: transparent; font-size: 0; margin: 0 auto; width: 1100px; } #wrapper .pagetop a{ position: absolute; content: ""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/pagetop.png); width: 80px; height: 80px; bottom: -80px; right: 0; } /* ===== 8:#footer ===== */ .footercontents { background: #dadce0; min-width: 1000px; } footer { width: 100%; height: 100%; font-size: 80%; clear: both; position: relative; } footer p { color: #272A8D; } #footer_area { margin: 0 auto; text-align: left; width: 1100px; position: relative; min-height: 330px; } footer h2 { } footer h2 a { background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/footer_logo.png); overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; top: 48px; left: 0; width: 623px; height: 94px; background-size: 100%; } footer .footer_youso { font-size: 18px; padding-top: 160px; } footer .footer_youso .footer_clinickamoku, footer .footer_youso .footer_clinicholiday{ display: none; } footer .footer_youso .footer_clinictraffic{ display: flex; margin-left: -1em; position: relative; } footer .footer_youso .footer_clinictraffic a{ font-size: 16px; position: absolute; bottom: -44px; left: 18px; display: flex; justify-content: center; align-items: center; width: 100px; height: 33px; color: #fff; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); } #footer_add { margin: 0 auto 0; } footer .address { position: absolute; bottom: 62px; left: 50%; transform: translateX(-50%); text-align: right; width: 1100px; font-size: 14px; color: #272A8D; } /********************* 新しく追加した項目 *************************/ /***** メインコンテンツ:一番上 *****/ section.topSec1338{ } #main section.topSec1338 p{ } .contents-head{ display: flex; justify-content: space-between; } .contents-head-item{ width: 530px; } .contents-head-item > p{ margin: 0; position: relative; } .contents-head-item > p::before{ position: absolute; content:""; width: calc(100% - 24px); height: calc(100% - 24px); border: 1px solid #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); } #main section.topSec1338 p img { width: 530px; } .contents-head-item-box{ display: flex; align-items: flex-end; justify-content: space-between; } .contents-head-item-box-info{ } .contents-head-item-box-info-text{ font-size: 18px; } .contents-head-item-box-info-title{ margin-top: -16px !important; font-size: 36px; color: #00A0E9; } /***** 診療内容 *****/ section.topSec1340{ background-color: #ffffff; background-image: repeating-linear-gradient( 90deg,rgba(229, 229, 229, 1) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgba(229, 229, 229, 1) 0px 1px, transparent 1px 5px); } section.topSec1340::before{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/subject_bg.png); width: 1110px; height: 1110px; right: 0; bottom: 0; z-index: -1; } .subject{ } .subject-list{ display: flex; justify-content: space-between; margin-bottom: 32px; } .subject-list-item{ width: 535px; /*min-height: 560px;*/ box-shadow: 0 0 8px #bbb; border-radius: 30px; display: flex; align-items: center; flex-flow: column; padding: 40px; background-color: #fff; } #main .subject-list-item p{ margin: 0; } #main .subject-list-item-drop{ margin: 0; list-style-type: none; position: relative; } #main .subject-list-item-drop-title{ cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; text-align: center; width: 225px; height: 50px; color: #fff !important; padding: 0; position: relative; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #main .subject-list-item .menu{ display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); list-style: none; background-color: #fff; width: 225px; box-shadow: 0 0 8px #ddd; border-radius: 10px; text-align: center; margin: 0; } #main .subject-list-item-drop-title .menu.open{ display: flex; } #main .subject-list-item .menu-item{ width: 100%; height: 40px; list-style: none; } #main .subject-list-item .menu-item a{ width: 100%; height: 100%; color: #272A8D; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; } .subject-list-item-title{ font-size: 24px; margin: 16px 0 !important; } .subject-list-item-text{ /*min-height: 80px;*/ margin-bottom: 16px !important; } .subject-foot{ display: flex; justify-content: space-between; margin-bottom: 32px; } .subject-foot-item { width: 535px; /* min-height: 150px; */ box-shadow: 0 0 8px #bbb; border-radius: 30px; display: flex; padding: 16px 24px; background-color: #fff; align-items: center; } .subject-foot-item p:first-of-type{ display: inline-flex; align-items: center; margin: 0!important; } .subject-foot-item-text { margin-left: 40px !important; width: 100%; /* margin-top: 9% !important; */ display: flex; flex-flow: column; align-items: center; } .subject-foot-item-text .css_btn_class { width: 90%; margin: 5px auto; } /***** 自由診療 *****/ section.topSec1343{ padding-bottom: 80px; } section.topSec1343::before, section.topSec1343::after{ position: absolute; content:""; width: 1007px; height: 1007px; opacity: .05; z-index: -1; } section.topSec1343::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_blue.png); top: -320px; left: -320px; } section.topSec1343::after{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_navy.png); right: -320px; bottom: -320px; } .free-medical{ display: flex; justify-content: space-between; } .free-medical-item{ text-align: center; width: 530px; } .free-medical-item img { width: 530px; } .free-medical-item-title{ font-size: 36px; } .free-medical-item-btnwrap{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 24px; } #main .free-medical-item-btnwrap p{ } .free-medical-item-btnwrap p a.css_btn_class{ background: #272A8D; margin: 4px 16px; } /***** オンライン診療アプリ *****/ section.topSec1348{ overflow: visible; min-height: 600px; padding-top: 0; } section.topSec1348::before, section.topSec1348::after{ position: absolute; content:""; width: 100vw; height: 600px; } section.topSec1348::before{ } section.topSec1348::after{ } .app{ display: flex; justify-content: space-between; position: relative; } .app::before, .app::after{ position: absolute; content:""; width: 100vw; min-width: 1100px; height: 600px; top:0; transform: translateX(-50%); z-index: -1; left: 50%; } .app::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/section_bg.png); background-position: center right; background-repeat: no-repeat; mix-blend-mode: soft-light; } .app::after{ z-index: -2; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .app-box{ width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; min-height: 600px; } .app-box-photo{ position: absolute; top: -56px; } .app-box-photo img{ } .app-box p{ color: #fff; } .app-box-subtitle{ font-size: 28px; } .app-box-title{ font-size: 48px; margin-top: -16px !important; } .app-box-list{ margin: 24px 0 40px; display: flex; justify-content: space-between; width: 544px; } .app-box-list-item{ background-color: #fff; width: 170px; height: 170px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; line-height: 1.4; color: #272A8D !important; } .app-box-link{ } .app-box-link .css_btn_class{ background: #fff; color: #272A8D !important; } .app-box-link .css_btn_class::after{ content:""; display: inline-flex; margin-left: 8px; width: 8px; height: 8px; border: 8px solid transparent; border-left: 12px solid #272A8D; } /***** オンライン診療アプリ *****/ section.topSec1350{ } section.topSec1350::before{ position: absolute; content: ""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/certificate_bg.png); width: 1188px; height: 1188px; left: 0; top: 0; z-index: -1; } #main section.topSec1350 p{ margin: 0; } .certificate{ } .certificate-subtitle{ position: absolute; top: 24px; left: 50%; transform: translateX(-50%); } .certificate-text{ text-align: center; } .certificate-photo{ text-align: center; } /***** ご挨拶 *****/ section.topSec1353{ } #main section.topSec1353 p{ } .about{ display: flex; justify-content: space-between; width: 100vw; } .about-box{ width: 50%; position: relative; display: flex; flex-flow: column; justify-content: center; z-index: 0; } .about-photo{ } .about-photo img{ width: 50vw; object-fit: cover; } .about-name{ position: absolute; right: 40px; bottom: 100px; font-size: 24px; color: #272A8D !important; } .about-box:nth-of-type(2){ background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .about-box:nth-of-type(2)::before{ position: absolute; content:""; width: 100%; height: 100%; background-image: repeating-linear-gradient( 90deg,rgb(100 100 100 / 50%) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgb(100 100 100 / 50%) 0px 1px, transparent 1px 5px); z-index: -1; } .about-box:nth-of-type(2) p{ padding: 0 60px; color: #fff !important; } .about-box-title{ font-size: 48px; margin-bottom: 16px !important; } .about-box-subtitle{ font-size: 24px; margin-bottom: 16px !important; } .about-box-text{ font-size: 18px; margin-bottom: 40px !important; } .about-box-link{ margin-left: auto !important; } .about-box-link .css_btn_class{ color: #272A8D !important; background: #fff; } /***** お知らせ下:写真 *****/ section.topSec1356{ } #main section.topSec1356 p{ display: flex; width: 100vw; } #main section.topSec1356 p img{ width: calc(100% / 4); object-fit: cover; height: 15vw; } /***** 治療 *****/ section.topSec1358{ } #main section.topSec1358 p{ } .treatment{ } .treatment-list{ display: flex; } .treatment-list-item{ } .treatment-list-item:first-of-type{ position: relative; padding: 40px 48px 50px; background-image: repeating-linear-gradient( 90deg,rgba(242, 242, 242, .5) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgba(242, 242, 242, .5) 0px 1px, transparent 1px 5px); margin: 0 0 20px 0; } .treatment-list-item:first-of-type::before{ } .treatment-list:nth-of-type(even) .treatment-list-item:first-of-type{ order: 2; } .treatment-list-item-subtitle{ font-size: 24px; } .treatment-list-item-title{ font-size: 36px; color: #272A8D; margin-top: -12px !important; } .treatment-list-item-text{ font-size: 18px; margin-top: 24px !important; } .treatment-list-item-link{ position: absolute; right: 48px; bottom: 0; } .treatment-list-item-link .css_btn_class{ } .treatment-list-item-photo { width:400px; } /***** 交通案内と診療時間 *****/ section.topSec1362{ background-image: repeating-linear-gradient( 135deg, #efefef 0px 4px, #ffffff 4px 8px ); padding: 80px 0px 144px; } section.topSec1362::before{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_white.png); width: 1040px; height: 1040px; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; } .map-and-time{ display: flex; justify-content: space-between; } .map, .time{ width: 530px; } #main .map h2, #main .time h2{ margin-bottom: 16px; } #main .map h2::after, #main .time h2::after{ display: none; } .map,{ position: relative; } .map .simplemap iframe{ height: 350px; } .map .simplemap + p{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .map .simplemap + p a i{ display: none; } .map, .map-text{ text-align: center; } .time{ } .time .time-text{ text-align: center; } #main .time h2:nth-of-type(2){ margin-top: 24px; } /***** 紹介先・提携病院 *****/ section.topSec1360{ width: 1100px; margin: 0 auto; } #main section.topSec1360 p{ text-align: center; margin-bottom: 40px; } #main section.topSec1360 ul{ margin: auto; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; width: 890px; } #main section.topSec1360 ul li{ display: flex; justify-content: space-around; margin-bottom: 24px; } #main section.topSec1360 ul li a{ display: inline-flex; justify-content: center; align-items: center; width: 400px; height: 50px; background-color: #272A8D; color: #fff; text-decoration: none; border-radius: 50px; } /***** メインコンテンツ:一番下 *****/ section.topSec1364{ height: 392px; } section.topSec1364::before{ position: absolute; content: ""; background-image: repeating-linear-gradient( 135deg, #282828 0px 2px, transparent 2px 4px ); width: 100vw; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0.3; } .contact{ display: flex; flex-flow: column; justify-content: center; height: 100%; } .contact::before, .contact::after{ position: absolute; content: ""; width: 100vw; min-width: 1100px; height: 392px; top: 0; transform: translateX(-50%); z-index: -1; left: 50%; } .contact::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/section_bg.png); background-position: center right; background-repeat: no-repeat; mix-blend-mode: soft-light; } .contact::after{ z-index: -2; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #main p.contact-text{ font-size: 32px; color: #fff; text-align: center; margin-bottom: 32px; } #main p.contact-link{ display: flex; justify-content: space-between; flex-flow: wrap; } #main p.contact-link a{ width: 530px; height: 104px; color: #272A8D; background-color: #fff; border-radius: 24px; display: inline-flex; align-items: center; justify-content: center; position: relative; text-decoration: none; margin-bottom: 20px; } .contact-link .phone{ font-size: 48px; } .contact-link .online{ font-size: 36px; } #main p.contact-link a.css_btn_class.phone { font-size: 48px; } #main p.contact-link a.css_btn_class { font-size: 36px; } .contact-link .phone::before, .contact-link .online::before{ content:""; display: inline-flex; width: 40px; height: 40px; background-size: 100%; background-position: center; margin-right: 16px; background-repeat: no-repeat; } .contact-link .phone::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/phone.png); } .contact-link .online::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_online.png); } .contact-link-text-small{ font-size: 22px; margin-top: 6px; } #main article .line_btn_fix { position: fixed; bottom: 40px; right: calc(50% - 560px); z-index: 999; box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; }#sp_footer{ display: none; } } @media screen and (max-width:480px){ /* -------------------------- */ /* max-480px */ /* -------------------------- */ html, body { width: 100%; background-color: #efefef; } #wrapper { width: 100%; margin: 0 auto; text-align: center; background-color: #ffffff; -webkit-box-shadow: 3px 0 2px rgba(80,80,80,0.3); -moz-shadow: 3px 0 2px rgba(80,80,80,0.3); box-shadow: 3px 0 2px rgba(80,80,80,0.3); } #header { width: 96%; margin: 0 auto; text-align: left; } #header h1 { width: 100%; font-size: 24px; line-height: 1.8; font-weight: normal; padding: 60px 0 0; } #header h1 a { color: #272A8D; text-decoration: none; } #header .cliniclogo_img { vertical-align: middle; zoom: 60%; max-width: 100%; margin-right: 3px; } #header .header_text { font-size: 80%; padding: 5px 0; line-height: 1.4; color: #272A8D; } #header .header_address { font-size: 70%; line-height: 1.4; text-align: left; padding: 0; } #header .header_tel { font-size: 80%; line-height: 1.9; text-align: left; } #header .header_tel .tel { font-size: 1.4em; font-weight: bold; color: #272A8D; } #header .header_time { display: none; font-size: 80%; text-align: left; } #header .header_time dt { float: left; clear: left; width: 60px; } #header .header_time dd { padding: 0 0 0 60px } #header .header_week { display: none; font-size: 80%; text-align: left; } #mobile { width: 100%; height: auto; background: #272A8D; position: fixed; z-index: 999; -webkit-box-shadow: 0 3px 2px rgba(80, 80, 80, 0.3); -moz-box-shadow: 0 3px 2px rgba(80, 80, 80, 0.3); box-shadow: 0 3px 2px rgba(80, 80, 80, 0.3); cursor:pointer; /* 2016.01.19 メニュー位置不具合修正追加 */ top: 0; left: 0; } #mobile a { min-height: 40px; width: 100%; margin: 0; cursor:pointer; } #mobile a img { height: inherit; vertical-align: top; } .mobile_menu{ } .sidr { display: none; position: absolute; top: 0; right: -300px !important; height: auto; z-index: 999999; width: 260px; font-size: 100%; background: #efefef; color: #333; padding: 20px; -webkit-box-shadow: inset 3px 1px 2px rgba(80, 80, 80, 0.3); -moz-box-shadow: inset 3px 1px 2px rgba(80, 80, 80, 0.3); box-shadow: inset 3px 1px 2px rgba(80, 80, 80, 0.3); } .sidr .sidr-inner { padding: 0 0 15px } .sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px; } .sidr.right { left: auto; right: -260px; } div#sidr.left { left: -300px; } .sidr h2 { font-size: 100%; font-weight: normal; padding: 10px 0 5px; margin: 0; color: #272A8D; line-height: 1.8; text-align: left; border-bottom: solid 1px #272A8D; } .sidr p.close { font-weight: bold; text-align: right; } .sidr p.close a { color: #fff; font-size: 100%; text-decoration: none; padding: 3px 10px; background: #ccc; } .sidr ul { display: block; margin: 0 0 15px; padding: 0; } .sidr ul li { display: block; margin: 0; text-align: left; } .sidr ul li a { border-bottom: 1px solid #fff; display: block; text-decoration: none; font-size: 80%; color: #333; padding: 12px 0 10px 8px; } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none } .sidr ul li ul li{ margin-left:15px; } .sidr ul li ul li a:before{ content:"> "; } /* スマホバナー 2015.5.29 追加 */ .sidr .banner ul { clear: both; } .sidr .banner li { margin-top: 10px; } .sidr .banner li a { padding: 0; border: none; } .banner.smart_phone{ clear: both; margin-top: 10px; } #main .banner.smart_phone ul, .banner.smart_phone ul { display: block; padding: 0; margin-left: 0; } #main .banner.smart_phone li, .banner.smart_phone li { list-style: none; text-align: center; margin-bottom: 10px; } /* スマホバナー 2015.5.29 追加 ここまで */ p.backhome { text-align: left } p.backhome a { color: #fff; font-size: 100%; font-weight: bold; text-decoration: none; background: #272A8D; padding: 3px 10px; } #page_search { display: none } #gNav { /*width: 100%;*/ border: solid 1px #CCC; margin: 0; clear: both; } #gNav ul { display: none } #nav-global-parent { display: none } #contents { width: 100%; margin: 0 auto; } /* スライドショープラグイン*/ .metaslider .caption-wrap { background-color: #272A8D; !important: ; line-height: 10px !important; font-size: 80% !important; } #images { position: relative; width: 100%; overflow: hidden; margin: 0; } #images img { width: 100%; height: auto; margin: 0 0 20px; } #images img.topimage { width: 100%; position: absolute; top: -20px; left: 0; } .top_image img { width: 100%; height: auto; } #images img { width: 100%; height: auto; margin: 0 0 20px; } #main { width: 96%; margin: 0 auto; text-align: left; } #main article h2 { font-size: 20px; line-height: 1.4; color: #ffffff; margin: 20px 0 8px; background-color: #272A8D; padding:7px 10px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; clear: both; } #main article h3 { font-size: 20px; line-height: 1.4; color: #272A8D; clear: both; margin:15px 0 5px 0; } #main article h4 { font-size: 16px; line-height: 20px; color: #00A0E9; border-bottom: solid 1px #cccccc; padding: 0; clear: both; margin:10px 0 5px 0; } #main article h5 { font-size: 16px; line-height: 20px; color: #333; font-weight: bold; clear: both; margin:5px 0 0 0; } #main article p { font-size: 95%; margin: 0 0 5px; } #main article img { max-width: 90%; height: auto; padding: 0 5%; } #main article img.half-size-image { width: 40% } #main article ul { list-style-type: disc; margin: 0 0 2.5em 1.5em; font-size: 80%; line-height: 1.7em; } #main article ol { list-style-type: decimal; margin: 0 0 2.5em 1.5em; font-size: 80%; line-height: 1.7em; } #main article table { font-size: 80%; border-collapse: collapse; margin: 10px 0; } #main article table th { background: #efefef; border: solid 1px #ccc; text-align: center; padding: 9px; } #main article table td { background: #ffffff; border: solid 1px #ccc; padding: 9px; } #main article table p { margin: 0; padding: 0; } #main article dl { font-size: 80% } #main article dt { } #main article dd { margin: 0 0 10px 0 } #breadcrumbs { display: none } /* - article - */ #main article section { margin: 0 0 25px } #main article section.heightLine { height: auto !important } /* - .infoSec - */ #main article section.infoSec dl { font-size: 80% } #main article section.infoSec dt { color: #272A8D; margin-top: 10px; } #main article section.infoSec dd { padding-bottom: 5px; border-bottom: dotted 1px #e6e6e6; } #main article section.infoSec p { margin: 0 } /* - .mapSec - */ #main article section.mapSec iframe { /*width: 100%;*/ height: 200px; margin: 0 0 5px; } #main article section.mapSec .simplemap-content { width: 95% !important; margin: 0 auto; } /* - .timeSec - */ #main article table.time_table { width: 100% } #main article table.time_table th { background: #272A8D; color: #ffffff; border: solid 1px #333; font-weight: bold; text-align: center; padding: 4px 6px; } #main article table.time_table td { background: #ffffff; border: solid 1px #333; padding: 4px 6px; text-align: center; } #main article table.time_table td.time_title { color: #272A8D; font-weight: bold; } #main dl.gallery-item img { border: none !important; } #main dl.gallery-item .gallery-caption{ margin-top: 7px ; text-align: center ; line-height: 1.4em ; width: 100% ; } /*テーブルスクロールCSS*/ #main article .table_scroll{ overflow: auto;    /*tableをスクロールさせる*/ } #main article .table_scroll::-webkit-scrollbar{  /*tableにスクロールバーを追加*/ height: 5px; } #main article .table_scroll::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/ background: #F1F1F1; } #main article .table_scroll::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/ background: #BCBCBC; } #sideMenu { width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; text-align: left; /*border-top: 1px solid #ddd;*/ } #sideMenu h2 { color: #272A8D; font-size: 100%; font-weight: bold; padding: 0 0 5px 8px; margin: 20px 0 0; } #sideMenu ul { font-size: 90% } #sideMenu li { border-bottom: solid 1px #e6e6e6 } #sideMenu li:last-child { border-left: none } #sideMenu li a { width: 95%; text-decoration: none; color: #515151; display: inline-block; padding: 6px 5px 4px 8px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } #sideMenu li a:hover { background-color: rgba(255, 255, 255, 0.6) } #sideMenu p { font-size: 80% } #sideMenu .backhome { display: none } #sideMenu .menu_box { display: none } #sideMenu .banner { padding: 30px 0 0 } #sideMenu .banner ul { padding: 0 } #sideMenu .banner li { border: none; margin-bottom: 10px; text-align: center; } #sideMenu .banner li a { width: 95%; padding: 0; color: #0081cd; text-decoration: underline; } #sideMenu .banner li a:hover { color: #73cbf3 } #sideMenu .banner li a img { margin: 0 auto } #sideMenu .banner p a { width: 95%; display: block; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; margin: 0 auto; padding: 12px 0; text-align: center; background: #272A8D; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } #sideMenu .banner p a:hover { background: ; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } #sideMenu .qr { display: none } .pagetop { width: 96%; height: 50px; position: relative; clear: both; text-align: right; margin: 0 auto; } #sideMenu .spnone{ display:none; } .pagetop a { position: absolute; bottom: 0; right: 0; color: #ffffff; font-size: 80%; text-decoration: none; background-color: #272A8D; padding: 5px 8px; border-radius: 4px 4px 0 0; /* CSS3草案 */ -webkit-border-radius: 4px 4px 0 0; /* Safari,Google Chrome用 */ -moz-border-radius: 4px 4px 0 0; /* Firefox用 */ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; } .pagetop a:hover { background: ; border-radius: 4px 4px 0 0; /* CSS3草案 */ -webkit-border-radius: 4px 4px 0 0; /* Safari,Google Chrome用 */ -moz-border-radius: 4px 4px 0 0; /* Firefox用 */ } footer { width: 100%; background: #333333; color: #ffffff; font-size: 70%; padding: 30px 0; clear: both; } #footer_area { width: 96%; margin: 0 auto; text-align: left; padding: 0 0 35px; } footer h2 { font-size: 1.4em } footer .address { width: 100%; font-size: 50%; margin: 20px auto 0; } /*blog基本*/ #side_blog { margin: 10px; } #side_blog h3{ font-weight: bold; margin-top: 10px; } #side_blog .side_blognew,#side_blog .side_blogcat{ } #side_blog .side_blognew dt{ line-height: 1.6; margin-left: 10px; } #side_blog .side_blognew dd{ line-height: 1.6; margin-left: 10px } #side_blog .side_blognew dd a{ display: block; padding: 5px; border-bottom:1px solid #ddd; } #side_blog .side_blogcat dd{ line-height: 1.6; margin-left: 10px } #side_blog .side_blogcat dd a{ display: block; padding: 5px; border-bottom:1px solid #ddd; } #side_blog .side_blogcal { } #wp-calendar{ width: 100%; } #wp-calendar th{ background-color: #efefef; } #wp-calendar tr{ border-top: 1px solid #ccc; } #wp-calendar th,#wp-calendar td{ text-align: center; } #wp-calendar .pad{ border: none; } /*2016.03.10 add */ .banner ul li img { max-width: 100%; /* 2022.04.20 add */ height: inherit; } /*2022.04.21 add */ .banner.smart_phone h2 { font-size: 20px; line-height: 1.4; color: #ffffff; margin: 20px 0 8px; background-color: #272A8D; padding:7px 10px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; clear: both; text-align: left; } /* 2022.05.26 add start */ /* ボタン */ #main article ul.wev_btn3col { flex-flow: column; } #main article ul.wev_btn3col li { width: 90%; margin: 2% auto; } /* 四角アイコン */ #main article .wev_icon_box li { width: calc(100% / 2.1); font-size: 1em; } #main article .wev_icon_box li strong small { font-size: 0.5em; } /* 丸アイコン */ #main article ul.wev_icon_circle li { display: flex; margin: 3vw; width: 38vw; height: 38vw; font-size: 4vw; } #main article ul.wev_icon_circle li img { width: 50px!important; } #main article ul.wev_icon_circle li .ttl { font-size: 15px; } #main article ul.wev_icon_circle li .ttl::after { bottom: 0.4em; } /* カード02 */ #main article ul.wev_card_02 li { width: 44%; margin: 0.5em 0.5em; font-size: 0.8em; } /* カード03 */ .wev_accordion_area { flex-flow: column; align-items: center; } #main article .wev_accordion_area .wev_accordion_header img { max-width: 100%!important; width: 100%; height: auto; padding: 0!important; } .wev_accordion_inner { padding: 0 10%; } /* 当院の特徴 */ #main article .wev_feature li { width: 80%; margin: 0 auto 25px; } #main article .wev_feature { margin: 50px auto; } #main article .wev_feature li::before { bottom: auto; top: 31vw; } /* 2022.05.26 add end */ /*====2017.11.10 add mobile共通====*/ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v16/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); } /* ===== スマホ下部メニュー ===== */ #sp_footer{ display: flex; background-color: #00A0E9; width: 100%; position: fixed; margin: 0; bottom: 0; left: 0; right: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -3px 2px rgba(80, 80, 80, 0.3); z-index:100; animation-name: slideUp; animation-timing-function: ease-in; animation-iteration-count: 1; animation-delay: 0s; transform-origin: 50% 50% 0; animation-duration: .7s; } @keyframes slideUp { 0% { bottom: -56px; } 100% { bottom: 0; } } #sp_footer ul{ display:table; width: 100%; } #sp_footer li{ display: table-cell; vertical-align: middle; text-align: center; border-left: 1px solid #fff; padding:5px 0; width: 25%; } #sp_footer li:first-child{ border-left: none; } #sp_footer li i{ } #sp_footer li span{ display: block; font-size: 10px; } #sp_footer li a{ color: #FFFFFF; } /*====2017.11.10 add====*/ @font-face { font-family: 'Material Icons'; font-weight: 400; font-style: normal; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v16/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); } html{ scroll-behavior:smooth; } .material-icons { font-family: 'Material Icons'; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; white-space: nowrap; letter-spacing: normal; text-transform: none; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { letter-spacing: 0.08em; word-wrap:break-word; color: #282828; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } p { color: #282828; } #main p[class]{ margin: 0; } a, a:link, a:visited, a::before, a::after{ cursor: pointer; color: #00A0E9; text-decoration: underline; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } a:hover { opacity: .7; text-decoration: none; } /* ボタンcss */ .css_btn_class { margin: 8px auto; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; text-align: center; width: 90%; min-width: 200px; max-width: 240px; height: 40px; color: #fff !important; padding: 0; position: relative; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .css_btn_class:hover{ opacity: .7; color: #fff !important; border: none; } /* ===== 1:#wrapper ===== */ #wrapper { overflow-x: hidden; } .material-icons { font-size: inherit; vertical-align: middle; } /* ──────────────────── */ #mobile { position: fixed; top: 8px; right: 9px; left: auto; width: auto; background: #ffffffeb; box-shadow: none; border-radius: 3px; } #mobile.side-open { position: absolute; } #mobile a { display: block; width: auto; min-height: inherit; margin: 0; } #mobile a img { width: 28px; } #mobile .mobile_menu .material-icons { font-size: 12vw; } /* ──────────────────── */ #header { z-index: 1; padding-bottom: 8px; margin: 0 5vw; min-height: 104px; } #header h1 { /*position: absolute; top: 6px; left: 10px;*/ width : -webkit-calc(100% - 50px) ; width : calc(100% - 50px) ; padding: 15px 0px 5px; font-size: 5.5vw; line-height: 1.2; } #header .cliniclogo_img { zoom: initial; max-width: calc(100% - 4vw); } #header .header_tel { line-height: 1; position: fixed; top: 16vw; right: 10px; z-index: 10; width: 11vw; } #header .side-open{ position: absolute; } #header .header_tel .tel { display: block; text-align: center; text-decoration: none; color: #fff; } #header .header_tel p.side-open{ position: absolute; } #header .header_tel .tel i { font-size: 7vw; position: absolute; top: 2px; left: 7px; } #header .tel2 { } #header .header_tel .tel a { font-size: 3vw; display: block; padding: 8vw 1vw 1vw; text-decoration: none; color: #fff; border-radius: 2px; background-color: #272A8D; } #header .header_text { font-size: 3vw; line-height: 1.4; padding: 5px 0; color: #272A8D; width : -webkit-calc(100% - 58px) ; width : calc(100% - 58px) ; } #header .header_text p{ color: #272A8D ; } #header .header_address2 { font-size: 12px; text-align: justify; letter-spacing: 1px; width: calc(100% - 20px); line-height: 17px; } #header .header_address2 a{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 18px; color: #fff; padding: 3px 0 0 0; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient( 90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient( 90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #header .header_address2 p.box_txt { font-size: 11px; background: #000; padding: 3px 8px 0 8px; color: #fff; width: fit-content; margin: 5px 0 } #header .header_address { display: none; font-size: 10px; line-height: 1.5; /*position: absolute; top: 80px; left: 10px;*/ padding: 0 10px 0 0; text-align: left; width : -webkit-calc(100% - 58px) ; width : calc(100% - 58px) ; } #header .header_address a{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 18px; color: #fff; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #wv_headbtn li a{ position: relative; border-radius: 0; display: flex; justify-content: center; align-items: center; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } /* ──────────────────── */ #gNav { border: none; } /* ──────────────────── */ #images img { min-height: 260px; margin: 0; object-fit: cover; } #images .metaslider .caption-wrap { font-size: inherit !important; line-height: inherit !important; z-index: 3; bottom: 0; top: 0; left: 0; right: 0; opacity: 1; display: flex; justify-content: center; align-items: center; background-color: transparent !important; } #images .metaslider .caption-wrap .caption { font-size: 4.5vw; padding: 0; letter-spacing: .05em; color: #000; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; } .caption-text{ line-height: 1.4; } .caption-text-large{ font-size: 6vw; color: #272A8D; } .caption-list{ display: flex; justify-content: center; margin-top: 16px; } .caption-list-item{ width: 110px; height: 110px; background-color: #00A0E9; border-radius: 50%; margin: 8px; border: 2px dashed #fff; box-shadow: 0 0 0 4px #00A0E9; position: relative; } .caption-list-item::before{ position: absolute; content: ""; top: -4px; left: -4px; width: 120px; height: 120px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; z-index: -1; } .caption-list-item-title{ padding: 4px; font-size: 12px; background-color: #fff; color: #00A0E9; text-shadow: none; display: inline-flex; justify-content: center; align-items: center; margin: 16px 0 8px; } .caption-list-item-text{ text-shadow: none; color: #fff; line-height: 1.4; font-size: 3.8vw; } .caption-list-item-text2{ text-shadow: none; color: #fff; line-height: 1.2; font-size:9px; } /*背景をグラデで黒くする #images .flexslider .slides::before { position: absolute; z-index: 3; display: block; width: 100%; height: 100%; content: ''; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .35) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .35) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .35) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0); }*/ /* ──────────────────── */ #contents { margin: 15px auto 0; } #main { width: auto; padding: 0; margin-top: -25px; } /* ──────────────────── */ .page_weverysub #main article img { max-width: 100%; height: auto; padding: 0; } #main article h2 { font-size: 23px !important; line-height: 1.5; margin: 0 auto 40px; padding: 7px 14px!important; color: #00A0E9 !important; border-radius: 3px; background-color: transparent !important; text-align: center; position: relative; } #main article h2::after{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_heading.png); width: 20px; height: 30px; bottom: -28px; left: 50%; transform: translateX(-50%); background-size: contain; } #main article h3 { font-size: 18px; margin: 20px auto 20px; padding: 6px 0 4px 8px; color: #00A0E9; border-top: 2px solid #00A0E9; background-color: #f1f1f1; box-shadow: 1px 1px 2px rgba(0, 0, 0, .15); } #main article h4 { font-size: 17px; margin: 20px auto 20px; padding: 0 0 2px; color: #00A0E9; border-bottom: 1px solid #00A0E9; line-height: 1.5; } #main article h5 { font-size: 16px; line-height: 1.5; margin: 20px auto 20px; padding: 3px 0 0 8px; color: #00A0E9; border-left: 3px solid #00A0E9; } #main article h6 { font-size: 15px; margin: 20px auto 20px; color: #00A0E9; } #main article em { background: linear-gradient(transparent 60%, #272A8D50 60%); font-weight: 700; } /* ──────────────────── */ #main article p { font-size: 16px; margin: 0 0 5px; } /* ──────────────────── */ #main article ul { font-size: 13px; line-height: 1.8; margin: 20px auto 20px 1.5em; list-style-type: disc; } #main article ul li { font-size: 16px; position: relative; color: #424242; } #main article ul li::after, #main article ul li::before { } #main article ul li::after { } #main article ol { font-size: 16px; line-height: 1.8; margin: 10px 0 10px 1.5em; list-style-type: decimal; } #main article ol>li { font-size: 16px; margin-left: 0; color: #424242; } /* ──────────────────── */ #main article blockquote { font-size: 16px; margin: 20px auto 20px; padding: 10px 10px 2px; color: #757575; border: solid 1px #f0f0f0; background-color: #f7f7f7; } #main article blockquote p { color: #757575; } /* ──────────────────── */ #main article dl { font-size: inherit; margin: 20px auto 20px; } #main article dt { font-size: 18px; font-weight: 700; color: #424242; } #main article dd { font-size: 16px; margin: 0 0 10px 0; color: #757575; } #main article iframe { max-width: 100%; height: inherit; /* min-height: 200px; */ } article section{ position: relative; margin: 0 !important; padding: 24px 0; z-index: 0; overflow: hidden; } article section > *{ width: 90%; margin-right: 5%; margin-left: 5%; } details { transition: .5s; background: #efefef; padding: 7px 15px; margin-bottom: 15px; display: block; } details[open] { min-height: 30px; } summary { font-size: 18px; color: #272A8D; cursor:pointer; } /* ──────────────────── */ .aligncenter { display: block !important; float: none !important; margin: 0 auto 20px !important; } .alignright { display: block !important; float: none !important; margin: 0 auto 20px !important; } .alignleft { display: block !important; float: none !important; margin: 0 auto 20px !important; } #main article img.half-size-image { width: initial !important; } /* - 写真ギャラリー - */ #main .gallery { margin: 18px 0 28px; } /* 2col ──────────────────── */ #main .gallery-columns-2 .gallery-item { float: none; box-sizing: border-box; width: auto; margin: 14px auto; /*border: 1px solid #eee;*/ box-shadow: 0 0 2px rgba(0, 0, 0, .1); } #main .gallery-columns-2 .gallery-item:last-of-type { margin: 0; } #main .gallery-columns-2 .gallery-item img { width: 100%; max-width: 100%; height: auto; padding: 0; object-fit: cover; max-height: 250px; width: inherit; } #main .gallery-columns-2 dd.gallery-caption { font-size: 12px; width: auto; margin: 8px; text-align: center; color: #757575; } /* 3col ──────────────────── */ #main .gallery-columns-3 .gallery-item { float: none; box-sizing: border-box; width: auto; margin: 14px auto; /*border: 1px solid #eee;*/ box-shadow: 0 0 2px rgba(0, 0, 0, .1); } #main .gallery-columns-3 .gallery-item:last-of-type { margin: 0; } #main .gallery-columns-3 .gallery-item img { width: 100%; max-width: 100%; height: auto; padding: 0; object-fit: cover; max-height: 250px; width: inherit; } #main .gallery-columns-3 dd.gallery-caption { font-size: 12px; width: auto; margin: 8px; text-align: center; color: #757575; } /* 4col ──────────────────── */ #main .gallery-columns-4 .gallery-item { float: left; box-sizing: border-box; width: 48%; margin: 0 4% 4% 0; border: 1px solid #eee; box-shadow: 0 0 2px rgba(0, 0, 0, .1); } #main .gallery-columns-4 .gallery-item:nth-child(2n) { margin: 0; } #main .gallery-columns-4 .gallery-item img { width: 100%; max-width: 100%; height: auto; padding: 0; object-fit: cover; max-height: 250px; width: inherit; } #main .gallery-columns-4 dd.gallery-caption { font-size: 12px; width: auto; margin: 8px; text-align: left; color: #757575; } /* 画像の配置 ──────────────────── */ /* 2col ──────────────────── */ #main article .wev2col { margin: 20px 0 30px; } #main article .wev2col::after { display: block; clear: both; content: ''; } #main article .wev2col div { width: auto; margin: 0 0 10px; padding: 0; border: none; } #main article .wev2col div:last-of-type { margin: 0; } #main article .wev2col img { max-width: 100%; height: auto; padding: 0; object-fit: cover; } #main article .wev2col h4 { font-size: 14px; line-height: 1.4; margin: 0 0 2px; padding: 0; text-align: left; color: #272A8D; border: none; } #main article .wev2col p { /*font-size: 12px; color: #757575;*/ margin: 0 0 10px; text-align: left; } #main article .sp_wev2col div { display: inline-block; width: 45% !important; vertical-align: top; margin: 0 2% !important; } /* 3col ──────────────────── */ #main article .wev3col { margin: 20px 0 30px; } #main article .wev3col::after { display: block; clear: both; content: ''; } #main article .wev3col div { width: auto; margin: 0 0 10px; padding: 0; border: none; } #main article .wev3col div:last-of-type { margin: 0; } #main article .wev3col img { max-width: 100%; height: auto; padding: 0; object-fit: cover; } #main article .wev3col h4 { font-size: 14px; line-height: 1.4; margin: 0 0 2px; padding: 0; text-align: left; color: #272A8D; border: none; } #main article .wev3col p { /*font-size: 12px; color: #757575;*/ margin: 0 0 10px; text-align: left; } #main article .sp_wev3col div { display: inline-block; width: 30%; vertical-align: top; margin: 0 1%; } /* 4col 2cols2 3cols2──────────────────── */ #main article .wev4col, #main article .wev2cols2, #main article .wev3cols2 { margin: 20px 0 30px; } #main article .wev4col::after, #main article .wev2cols2::after, #main article .wev3cols2::after { display: block; clear: both; content: ''; } #main article .wev4col div, #main article .wev2cols2 div, #main article .wev3cols2 div { float: left; width: 48%; margin: 0 4% 2% 0; padding: 0; border: none; } #main article .wev4col div:nth-child(2n), #main article .wev2cols2 div:nth-child(2n), #main article .wev3cols2 div:nth-child(2n) { margin: 0; } #main article .wev4col img, #main article .wev2cols2 img, #main article .wev3cols2 img { max-width: 100%; height: auto; padding: 0; object-fit: cover; } #main article .wev4col h4, #main article .wev2cols2 h4, #main article .wev3cols2 h4 { font-size: 14px; line-height: 1.4; margin: 0 0 2px; padding: 0; text-align: left; color: #272A8D; border: none; } #main article .wev4col p, #main article .wev2cols2 p, #main article .wev3cols2 p { /*font-size: 12px; color: #757575;*/ line-height: 1.4; margin: 0 0 10px; text-align: left; } /* - .topSec - */ /* - .infoSec - */ #sideMenu, .banner.smart_phone{ display: none; } #main .infoSec .banner.smart_phone { margin: 0; } #main .infoSec .banner.smart_phone li::after, #main .infoSec .banner.smart_phone li::before { content: none; } #main .infoSec .banner.smart_phone ul { margin: 0; } #main .banner.smart_phone li, .banner.smart_phone li { margin: 15px auto; max-width: 90%; } #contents #main article section.infoSec dl { overflow-y: scroll; max-height: 300px; padding: 0 10px; box-shadow: 0 6px 6px #ddd; } #contents #main article section.infoSec dl::-webkit-scrollbar { -webkit-appearance: none; width: 3px; } #contents #main article section.infoSec dl::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.3); box-shadow: 0 0 1px rgba(255,255,255,.5); } #main article section.infoSec h2 { letter-spacing: .1em; } #main article section.infoSec dt { margin: 15px 0 0; color: #272A8D; display: flex; flex-flow: column; } #main article section.infoSec dt strong { /*font-size: 14px;*/ font-weight: normal !important; line-height: 1.2; display: block; order: 2; } #main article section.infoSec dt .info_date { line-height: 1.4; display: block; margin-left: -1em; } #main article section.infoSec dd { margin: 0 0 10px; padding: 6px 0 6px; } /* - .mapSec - */ #main article section.mapSec{ display: none; } #main article section.mapSec .simplemap iframe { height: 210px; } .simplemap-content { width: 100% !important; } #main article .mapSec p { font-size: 13px; line-height: 1.6; } #main article section.mapSec .mapSec_tomappage a { font-size: 15px; display: block; margin: 20px 10px 0; padding: 10px 0; text-align: center; text-decoration: none; color: #fff; border-radius: 3px; background-color: #272A8D; } #main article section.mapSec .mapSec_tomappage a:hover { opacity: .7; } #main article section.mapSec .mapSec_tomappage a i { display: none; } /* - .timeSec - */ #main article section.timeSec{ display: none; } #main article table, #main article table.time_table { font-size: 14px; margin: 10px auto 10px; border-collapse: collapse; text-align: left; color: #424242; /*border: 1px solid #e0e0e0;*/ /*box-shadow: 0 0 3px rgba(0, 0, 0, .1);*/ } #main article .scroll-table table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } #main article table th, #main article table.time_table th { padding: 12px; text-align: left; border: 1px solid #272A8D; background: #272A8D; color: #fff !important; } #main article table th{ white-space: nowrap; } #main article table td, #main article table.time_table td { padding: 12px; border: solid 1px #272A8D; background: #fff; } #main article table p, #main article table.time_table p { margin: 0; padding: 0; } #main article table.time_table { margin: 0 0 20px; } #main article table.time_table th { font-weight: 400; text-align: center; color: inherit; } #main article table.time_table th:nth-of-type(even){ background-color: #00A0E9; } #main article table.time_table .column-1 { white-space: nowrap; } #main article table.time_table td { text-align: center; width: 10%; } #main article table.time_table td.time_title { font-weight: bold; color: #272A8D; } img.image_list { float: left; margin: 0 15px 15px 0; } #main article .column_title { font-size: 140%; } /* 1列目 */ #main article table.time_table tr th:nth-of-type(1) { /* background-color: #fff; */ } /* 2列目 */ #main article table.time_table tr th:nth-of-type(2) { /* background-color: #f1f1f1; */ } /* 3列目 */ #main article table.time_table tr th:nth-of-type(3) { /* background-color: #fff; */ } /* 4列目 */ #main article table.time_table tr th:nth-of-type(4) { /* background-color: #f1f1f1; */ } /* 5列目 */ #main article table.time_table tr th:nth-of-type(5) { /* background-color: #fff; */ } /* 6列目 */ #main article table.time_table tr th:nth-of-type(6) { /* background-color: #f1f1f1; */ } /* 7列目 */ #main article table.time_table tr th:nth-of-type(7) { /* background-color: #fff; */ } /* 8列目 */ #main article table.time_table tr th:nth-of-type(8) { /* background-color: #f1f1f1; */ } /* 1列目 */ #main article table.time_table tr td:nth-of-type(1) { /* background-color: #fff; */ } /* 2列目 */ #main article table.time_table tr td:nth-of-type(2) { /* background-color: #f1f1f1; */ } /* 3列目 */ #main article table.time_table tr td:nth-of-type(3) { /* background-color: #fff; */ } /* 4列目 */ #main article table.time_table tr td:nth-of-type(4) { /* background-color: #f1f1f1; */ } /* 5列目 */ #main article table.time_table tr td:nth-of-type(5) { /* background-color: #fff; */ } /* 6列目 */ #main article table.time_table tr td:nth-of-type(6) { /* background-color: #f1f1f1; */ } /* 7列目 */ #main article table.time_table tr td:nth-of-type(7) { /* background-color: #fff; */ } /* 8列目 */ #main article table.time_table tr td:nth-of-type(8) { /* background-color: #f1f1f1; */ } #main article .timeSec p { margin: 0; } /* - .topSec1472- */ #header section.topSec1472 { text-align: center; width: calc(100% - 20px); margin-top: 5px; } #header section.topSec1472 .tel2 { background: #efefef; padding: 11px 22px; border-radius: 7px; } #header section.topSec1472 h3 { font-size: 13px; color: #fff; background-color: #00a0e9; border-radius: 15px; padding: 7px 13px 3px 13px; margin: 0 0 8px 0; } #header section.topSec1472 p { line-height: 19px; font-size: 18px; } #header section.topSec1472 p.tel_box1 span.box_txt { font-size: 12px; } #header section.topSec1472 p.tel_box2 span { font-size: 11px; background: #000; padding: 4px 5px 2px 5px; color: #fff; } /* - .topSec118 - */ #main article section.topSec118 ul.affili_clinic li::after, #main article section.topSec118 ul.affili_clinic li::before { display: none; } #main article section.topSec118 p { } #main article section.topSec118 a { text-decoration: none; color: #272A8D; } /*検索*/ #main article strong.search_header{ font-size: 22px; } /* ──────────────────── */ #main article ul.affili_clinic li::after { display: none !important; content: none !important; } /* - .blog - */ #wp_page_numbers ul li::after { display: none !important; } #blog_prev_next ul li::after { display: none !important; } /* ===== 7:#pagetop ===== */ #wrapper .pagetop{ position: relative; z-index: 10; color: transparent; font-size: 0; margin: 0 auto; width: 100%; height: 0; } #wrapper .pagetop a{ position: absolute; content: ""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/pagetop.png); width: 40px; height: 40px; bottom: -40px; right: 0; border-radius: 0; background-size: contain; } /* ===== 8:#footer ===== */ .footercontents { background: #dadce0; } footer { clear: both; padding: 18px 0; background-color: #fff; position: relative; min-height: 224px; } footer p { color: #272A8D; } #footer_area { width: auto; margin: 0 auto; padding: 56px 20px 18px; text-align: left; } footer h2 { margin: 0 auto 0; } footer h2 a { background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/footer_logo.png); overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; top: 18px; left: 20px; width: 240px; height: 36px; background-size: 100%; } footer .footer_youso { font-size: 9px; margin: 0 auto 0; } footer .footer_youso .footer_clinickamoku, footer .footer_youso .footer_clinicholiday{ display: none; } footer .footer_youso .footer_clinictraffic{ } footer .footer_youso .footer_clinictraffic a{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 18px; color: #fff; text-decoration: none; border-radius: 50px; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); } #footer_add { margin: 0 auto 0; } footer .address { font-size: 9px; margin: 0 auto 0; padding: 8px 0 54px; text-align: center; color: #272A8D; background-color: #fff; } /* ──────────────────── */ #sp_footer { width: 96%; margin: 1% 2% 0; border-radius: 3px 3px 0 0; box-shadow:0px 0px 10px 0px #00000061; } #sp_footer ul li { position: relative; } #sp_footer li a { /*text-decoration: none; color: #888;*/ } #sp_footer li:nth-child(3) { background: #11b91d; } #sp_footer ul li:nth-child(3) a:before { content: ''; background-image: url(https://honestl.clinic/wp-content/uploads/2021/12/line.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; position: absolute; top: 3px; left: 50%; transform: translateX(-50%); } #sp_footer li:nth-child(4) { background: linear-gradient(0deg, #F0BF57, #ee385a, #9d27c5); } #sp_footer ul li:nth-child(4) a:before { content: ''; background-image: url(https://honestl.clinic/wp-content/uploads/2022/11/instagram.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 28px; height: 28px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); } #sp_footer li span { /* font-size: 12px; font-weight: bold; display: block;*/ } /* ──────────────────── */ /* サイドメニュー */ /* ──────────────────── */ #sidr { z-index: 100; width: 300px; padding: 0; color: #424242; background-color: #fff; } #sidr .backhome { display: none; } #sidr p.close { position: absolute; z-index: 2; top: 0; right: 0; } #sidr p.close a { display: block; overflow: hidden; width: 35px; height: 35px; padding: 0; white-space: nowrap; text-indent: 100%; background-color: #a2a2a2; position: fixed; top: 10px; right: 10px; border-radius: 100%; } #sidr p.close a::before { position: absolute; top: 16px; left: 5px; display: block; width: 25px; height: 0; content: ''; transform: rotate(45deg); border-top: 2px solid #fff; } #sidr p.close a::after { position: absolute; top: 16px; left: 5px; display: block; width: 25px; height: 0; content: ''; transform: rotate(-45deg); border-top: 2px solid #fff; } #sidr .menu-side_top { position: relative; z-index: 1; margin-bottom: 10px; text-align: left; background-color: #fafafa; box-shadow: inset 3px 1px 2px rgba(80, 80, 80, .3); } #sidr .header_address { font-size: 9px; line-height: 1.5; margin: 0 0 2px; padding: 0 30px 0 0; text-align: left; } #sidr .header_week { font-size: 9px; line-height: 1.5; margin: 0 0 2px; padding: 0 30px 0 0; text-align: left; } #sidr .header_week a { text-decoration: none; } #sidr .header_week i { font-size: 18px; position: relative; top: -2px; } #sidr .header_tel { display: inline-block; } #sidr .header_tel .tel { line-height: 22px; width: 58px; text-align: center; border-radius: 3px; background-color: #272A8D; } #sidr .header_tel .tel i { font-size: 14px; line-height: 1; margin: -2px -4px 0 -2px; color: #fff; } #sidr .header_tel .tel a { font-size: 14px; text-decoration: none; color: #fff; } #sidr input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; border-radius: 0; -webkit-appearance: none; } #sidr #searchform2 { display: inline-block; } #sidr #page_search2 { position: relative; top: -2px; margin: 0 0 0 5px; } #sidr #s2 { font-size: 10px; width: 216px; padding: 5px 5px 5px 30px; color: #424242; border: 1px solid #dadce0; } #sidr #searchsubmit2 { position: absolute; top: 10px; left: 10px; width: 14px; } /* ──────────────────── */ #sidr #menu-main_menu { margin: 55px 0 20px; padding: 0 20px; } #sidr ul li a { font-size: 16px; line-height: 1.8; /*padding: 12px 0;*/ padding: 12px 30px 12px 0; color: #424242; border-bottom: 1px solid #dadce0; position: relative; } #sidr ul#menu-main_menu > li { position: relative; } #sidr ul#menu-main_menu > li .accordion-elm { position: absolute; right: 2px; top: 10px; font-size: 11px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; padding: 10px 8px 9px; } #sidr ul#menu-main_menu > li .accordion-elm.active { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #sidr ul#menu-main_menu > li .sub-menu { display: none; } #sidr ul ul { margin: 0; } #sidr ul li ul li { position: relative; margin: 0; text-indent: .8em; } #sidr ul#menu-main_menu li ul li a::before { position: relative; top: -4px; left: 1px; display: inline-block; width: .7em; height: 1px; margin: 0 .5em 0 0; content: ''; border-top: 1px solid #aaa; } /* ──────────────────── */ #sidr .menu_box { margin: 10px 0; padding: 0 20px; } #sidr .menu_box h2 { font-size: 16px; margin: 0 0 8px; padding: 5px 5px 10px; color: #424242; border-bottom: 1px solid #dadce0; position: relative; line-height: 1.4em; } #sidr .menu_box h2:after { content: "▼"; position: absolute; right: 0; color: #424242; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; font-size: 11px; padding: 12px 8px 11px; top: -12px; } #sidr .menu_box h2.active:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #sidr .menu_box h2+div { display: none; } #sidr .menu_box ul { margin: 0; } #sidr .menu_box ul li a { font-size: 15px; line-height: 1.8; padding: 10px 0 10px 1em; text-indent: -1em; color: #757575; border-bottom: none; } #sidr .menu_box ul li a:before { position: relative; top: -2px; display: inline-block; width: 5px; height: 5px; margin: 0 .7em 0 0; content: ''; transform: rotate(45deg); border-top: 1px solid #aaa; border-right: 1px solid #aaa; } #sidr .menu_box li ul { margin: 0 0 0 1.7em; } #sidr .menu_box li ul li::before { position: absolute; top: 11px; left: -.8em; display: block; width: .6em; height: 1px; content: ''; background-color: #ccc; } #sidr .menu_box li ul li a { padding: 2px 0 2px 1px; text-indent: 0; } #sidr .menu_box li ul li a::before, #sidr .menu_box li ul li a::after { content: none; } /* ──────────────────── */ #sidr .banner.smart_phonetop { margin: 36px 0; padding: 0 20px; } #sidr .banner.smart_phonetop a { border-bottom: none; } /* sideCalender ──────────────────── */ #sidr .bn_top { margin: 0; } #sidr .isp-calendar-table { font-size: 11px; color: #5f6368; } #sidr table.isp-business-calendar { } #sidr table.isp-business-calendar .space { background-color: #fff; } #sidr table.isp-calendar-inner { width: 216px; margin: 0 auto; } .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type { position: relative; display: table-row; height: 20px; margin: 0 0 10px; } #main article .isp-calendar-table .scroll-table table{ display: inline-table; } #sidr table.isp-calendar-inner td.calendar-date-title { font-weight: normal; position: relative; /* left: 12px; */ margin: 0; padding: 0; text-align: center; color: #424242; } #sidr .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type td:first-of-type { position: relative; top: 0; /* right: 28px; */ } #sidr .isp-calendar-table table.isp-calendar-inner>tbody>tr:first-of-type td:last-of-type { position: relative; top: 0; right: 2px; } #sidr table.isp-calendar-inner div.move_button { width: 10px; height: 10px; } #sidr table.isp-calendar-inner div.prv { padding: 5px; cursor: pointer; background: none; } #sidr table.isp-calendar-inner div.prv::before { position: absolute; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-right: 2px solid #717579; border-bottom: 2px solid #717579; } #sidr table.isp-calendar-inner div.prv_off { padding: 5px; background: none; } #sidr table.isp-calendar-inner div.prv_off::before { position: absolute; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; } #sidr table.isp-calendar-inner div.nxt { padding: 5px; cursor: pointer; text-align: right; background: none; } #sidr table.isp-calendar-inner div.nxt::before { position: absolute; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 2px solid #717579; border-bottom: 2px solid #717579; } #sidr table.isp-calendar-inner div.nxt_off { padding: 5px; text-align: right; background: none; } #sidr table.isp-calendar-inner div.nxt_off::before { position: absolute; display: block; width: 8px; height: 8px; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; } #sidr table.isp-business-calendar td { padding: 5px 5px; } #sidr table.isp-business-calendar thead th { font-weight: normal; background-color: transparent; } #sidr table.isp-business-calendar .A .circle, #sidr table.isp-business-calendar .B .circle, #sidr table.isp-business-calendar .C .circle, #sidr table.isp-business-calendar .D .circle, #sidr table.isp-business-calendar .E .circle, #sidr table.isp-business-calendar .F .circle, #sidr table.isp-business-calendar .G .circle { display: block; margin: 0 auto; border-radius: 100%; } #sidr table.isp-business-calendar .today { } #sidr p.calendar-information { font-size: 12px; line-height: 1.2; padding: 14px 5px !important; } #sidr .banner li { margin: 10px 20px; text-align: center; } p span.holiday-color { border-radius: 100%; } .return_now { display: none; } #main .isp-calendar-table table{ display: inline-table !important; } /********************* 新しく追加した項目 *************************/ /***** メインコンテンツ:一番上 *****/ section.topSec1338{ } #main section.topSec1338 p{ } #main section.topSec1338 p img{ max-width: 100%; padding: 0; } .contents-head{ } .contents-head-item{ margin-bottom: 24px; } .contents-head-item > p{ margin: 0; position: relative; } .contents-head-item > p::before{ position: absolute; content:""; width: calc(100% - 24px); height: calc(100% - 24px); border: 1px solid #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); } .contents-head-item-box{ } .contents-head-item-box-info{ display: flex; justify-content: center; } .contents-head-item-box-info-text{ } .contents-head-item-box-info-title{ color: #00A0E9; } .contents-head-item-box > p a{ margin-top: 4px; } /***** 診療内容 *****/ section.topSec1340{ background-color: #ffffff; background-image: repeating-linear-gradient( 90deg,rgba(229, 229, 229, 1) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgba(229, 229, 229, 1) 0px 1px, transparent 1px 5px); } section.topSec1340::before{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/subject_bg.png); width: 1110px; height: 1110px; right: 0; bottom: 0; z-index: -1; } .subject{ } .subject-list{ } .subject-list-item{ box-shadow: 0 0 8px #bbb; border-radius: 30px; display: flex; align-items: center; flex-flow: column; padding: 16px; margin: 16px; background-color: #fff; } #main .subject-list-item p{ margin: 0; text-align: center; } #main .subject-list-item > p img{ width: 70% !important; } .subject-list-item-title{ font-size: 24px; margin: 8px 0 !important; } .subject-list-item-text{ } .subject-foot{ margin-bottom: 16px; } .subject-foot-item{ min-height: 120px; box-shadow: 0 0 8px #bbb; border-radius: 30px; display: flex; padding: 16px 8px; background-color: #fff; margin-bottom: 12px; align-items: center; } .subject-foot-item p:first-of-type { display: flex; align-items: center; margin: 0!important; width: 30%; } #main .subject-list-item-drop{ margin: 20px 0; list-style-type: none; position: relative; } #main .subject-list-item-drop-title{ cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; text-align: center; width: 225px; height: 50px; color: #fff !important; padding: 0; position: relative; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #main .subject-list-item .menu{ display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); list-style: none; background-color: #fff; width: 225px; box-shadow: 0 0 8px #ddd; border-radius: 10px; text-align: center; margin: 0; } #main .subject-list-item-drop-title .menu.open{ display: flex; } #main .subject-list-item .menu-item{ width: 100%; height: 40px; list-style: none; } #main .subject-list-item .menu-item a{ width: 100%; height: 100%; color: #272A8D; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; } .subject-foot-item-text{ width: 100%; } /***** 自由診療 *****/ section.topSec1343{ padding-bottom: 16px; } section.topSec1343::before, section.topSec1343::after{ position: absolute; content:""; width: 1007px; height: 1007px; opacity: .05; z-index: -1; } section.topSec1343::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_blue.png); top: -320px; left: -320px; } section.topSec1343::after{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_navy.png); right: -320px; bottom: -320px; } .free-medical{ } .free-medical-item{ text-align: center; margin-bottom: 32px; } #main .free-medical-item p img{ max-width: 100%; padding: 0; } .free-medical-item-title{ font-size: 22px !important; } .free-medical-item-btnwrap{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 24px; } #main .free-medical-item-btnwrap p{ } .free-medical-item-btnwrap p a.css_btn_class{ background: #272A8D; margin-top: 0; width: 100vw; } /***** オンライン診療アプリ *****/ section.topSec1348{ overflow: visible; padding-top: 0; } section.topSec1348::before, section.topSec1348::after{ position: absolute; content:""; width: 100vw; height: 100%; } section.topSec1348::before{ } section.topSec1348::after{ } .app{ position: relative; } .app::before, .app::after{ position: absolute; content:""; width: 100vw; min-width: 1280px; height: 488px; top:0; transform: translateX(-50%); z-index: -1; left: 50%; } .app::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/section_bg.png); background-position: center right; background-repeat: no-repeat; mix-blend-mode: soft-light; } .app::after{ z-index: -2; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .app-box{ display: flex; flex-flow: column; justify-content: center; align-items: center; min-height: 184px; } .app-box-photo{ position: absolute; top: -56px; } .app-box-photo img{ max-width: 60% !important; padding: 0 !important; } .app-box p{ color: #fff; } .app-box-subtitle{ font-size: 20px !important; } .app-box-title{ font-size: 24px !important; } .app-box-list{ margin: 16px 0; display: flex; justify-content: space-between; width: 100%; } .app-box-list-item{ background-color: #fff; width: 108px; height: 108px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; text-align: center; font-size: 20px; line-height: 1.4; color: #272A8D !important; } .app-box-link{ } .app-box-link .css_btn_class{ background: #fff; color: #272A8D !important; } .app-box-link .css_btn_class::after{ content:""; display: inline-flex; margin-left: 8px; width: 8px; height: 8px; border: 8px solid transparent; border-left: 12px solid #272A8D; } /***** オンライン診療アプリ *****/ section.topSec1350{ } section.topSec1350::before{ position: absolute; content: ""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/certificate_bg.png); width: 300px; height: 300px; left: 0; bottom: 0; z-index: -1; background-size: contain; } #main section.topSec1350 h2{ margin-top: 20px; } #main section.topSec1350 p{ margin: 0; } .certificate{ } .certificate-subtitle{ position: absolute; top: 24px; left: 50%; transform: translateX(-50%); } .certificate-text{ text-align: center; } .certificate-photo{ text-align: center; } /***** ご挨拶 *****/ section.topSec1353{ } #main section.topSec1353 p{ } .about{ width: 100vw; margin: 0 !important; } .about-box{ position: relative; z-index: 0; } .about-photo{ } .about-photo img{ max-width: 100vw !important; padding: 0 !important; } .about-name{ position: absolute; right: 16px; bottom: 16px; font-size: 24px; color: #272A8D !important; } .about-box:nth-of-type(2){ background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } .about-box:nth-of-type(2)::before{ position: absolute; content:""; width: 100%; height: 100%; background-image: repeating-linear-gradient( 90deg,rgb(100 100 100 / 50%) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgb(100 100 100 / 50%) 0px 1px, transparent 1px 5px); z-index: -1; } .about-box:nth-of-type(2) p{ padding: 0 32px; color: #fff !important; } .about-box-title{ padding-top: 16px !important; font-size: 24px !important; } .about-box-subtitle{ font-size: 20px !important; } .about-box-text{ } .about-box-link{ padding-bottom: 16px !important; } .about-box-link .css_btn_class{ color: #272A8D !important; background: #fff; } /***** お知らせ下:写真 *****/ section.topSec1356{ } #main section.topSec1356 p{ display: flex; width: 100vw; } #main section.topSec1356 p img{ width: calc(100% / 4); object-fit: cover; height: 20vw; max-width: 100%; padding: 0; } /***** 治療 *****/ section.topSec1358{ } #main section.topSec1358 p{ } .treatment{ } .treatment-list{ margin-bottom: 24px; } .treatment-list-item{ } .treatment-list-item:first-of-type{ position: relative; padding: 16px; background-image: repeating-linear-gradient( 90deg,rgba(242, 242, 242, .5) 0px 1px, transparent 1px 5px), repeating-linear-gradient(0deg,rgba(242, 242, 242, .5) 0px 1px, transparent 1px 5px); } .treatment-list-item:first-of-type::before{ } .treatment-list:nth-of-type(even) .treatment-list-item:first-of-type{ order: 2; } .treatment-list-item-subtitle{ font-size: 24px; } .treatment-list-item-title{ font-size: 24px !important; color: #272A8D; margin-top: -8px !important; } .treatment-list-item-text{ font-size: 18px; margin-top: 8px !important; } .treatment-list-item-link{ } .treatment-list-item-link .css_btn_class{ } .treatment-list-item-photo img{ max-width: 100% !important; padding: 0 !important; } /***** 交通案内と診療時間 *****/ section.topSec1362{ background-image: repeating-linear-gradient( 135deg, #efefef 0px 4px, #ffffff 4px 8px ); } section.topSec1362::before{ position: absolute; content:""; background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/shape_white.png); width: 360px; height: 360px; top: -20px; left: -20px; z-index: -1; background-size: 100%; } .map-and-time{ } .map, .time{ } #main .map h2, #main .time h2{ margin-bottom: 16px; } #main .map h2::after, #main .time h2::after{ display: none; } .map{ position: relative; } .map .simplemap iframe{ height: 350px; } .map .simplemap + p{ } .map .simplemap + p a i{ display: none; } .map .map-text{ text-align: center; } .time{ } .time .time-text{ text-align: center; } #main .time h2:nth-of-type(2){ margin-top: 24px; } /***** 紹介先・提携病院 *****/ section.topSec1360{ margin: 0 auto; } #main section.topSec1360 p{ text-align: center; margin: 8px auto 16px; } #main section.topSec1360 ul{ margin: 0 auto; list-style: none; } #main section.topSec1360 ul li{ display: flex; justify-content: space-around; margin-bottom: 12px; } #main section.topSec1360 ul li a{ display: inline-flex; justify-content: center; align-items: center; width: 90%; min-width: 240px; max-width: 300px; height: 40px; background-color: #272A8D; color: #fff; text-decoration: none; border-radius: 50px; } /***** メインコンテンツ:一番下 *****/ section.topSec1364{ height: 392px; } section.topSec1364::before{ position: absolute; content: ""; background-image: repeating-linear-gradient( 135deg, #282828 0px 2px, transparent 2px 4px ); width: 100vw; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0.3; } .contact{ display: flex; flex-flow: column; justify-content: center; height: 100%; } .contact::before, .contact::after{ position: absolute; content: ""; width: 100vw; min-width: 1280px; height: 100%; top: 0; transform: translateX(-50%); z-index: -1; left: 50%; } .contact::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/section_bg.png); background-position: center right; background-repeat: no-repeat; mix-blend-mode: soft-light; } .contact::after{ z-index: -2; background: rgb(0,160,233); background: -moz-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(39,42,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a0e9",endColorstr="#272a8d",GradientType=1); } #main p.contact-text{ font-size: 18px; line-height: 1.4; color: #fff; text-align: center; margin-bottom: 16px; } #main p.contact-link { display: flex; flex-flow: column; align-items: center; } #main p.contact-link a { width: 100%; height: 60px; color: #272A8D; background-color: #fff; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; position: relative; text-decoration: none; max-width: 100%; } .contact-link .phone, #main article .contact-link .phone.css_btn_class { font-size: 24px; margin-bottom: 8px; } .contact-link .online{ } .contact-link .phone::before, .contact-link .online::before{ content:""; display: inline-flex; width: 24px; height: 24px; background-size: 100%; background-position: center; margin-right: 16px; background-repeat: no-repeat; } .contact-link .phone::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/phone.png); } .contact-link .online::before{ background-image: url(https://honestl.clinic/wp-content/uploads/2021/08/icon_online.png); } .contact-link-text-small{ } #main article .line_btn_fix { position: fixed; bottom: 70px!important; right: 5%; z-index: 999; box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; } #main article .line_btn_fix img { width: 80px; height: 80px; } }