/* 320px/740px/741px/1039px/1040px *//* 以下は普通のCSSを書けばOK */ @charset "utf-8"; /* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */ /* 160404 */ /* 追加分*/ .access_img{width: auto; height:170px; float:left; margin: 10px 0 0 0; } /*お知らせ*/ .news_link{color: #008C8B !important; font-weight: bold; text-decoration: underline !important;} .news_strong{color:#c00; font-weight:bold; display:inline !important;} /*コンタクトレンズ*/ body#lens{background:#00A9E4;padding: 15px; height:auto; _zoom: 1; overflow: hidden; } .faq_all{/* width: 80%; */border: 3px solid #534A4B;background:#FFF;_zoom: 1;overflow: hidden;padding:7%;} .faq_all_inner{ margin:0 auto; float: left; text-align:left; border-bottom: 1px dashed #333; margin-bottom: 15px; padding:0 0 20px;} .faq_all h3{ font-size: 18px; font-weight: bold; padding-bottom: 15px; margin:10px 0 20px 0; border-bottom: 6px solid #CEC9C6;} .h3_lens2 { color: #00A8E4; font-weight: bold;} .faq_bt{margin: 0 auto;display: block;/* float: left; */background:#00A9E4;padding:10px 15px;font-size:14px;color:#FFF !important;text-decoration:none !important;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width: 150px;} .lens-bc{text-align: center;} .lens-bc img{ margin:0 0 20px 0; } .bt_all{/* width:100%; */margin: 40px 0 -40px 0;text-align: center;} .float_R{ position: absolute; top: -60px; right: 0; } .gaikan{position: relative;height: 50px;} /*--------------------------------------------- ** ヘッダー記述 ---------------------------------------------*/ #hdr_ara { width:100%; height:501px; border-bottom:solid 5px #008C8B;} .hdr_upr { width:100%; height:501px; background:url(../img/common/hdr_bg.png) no-repeat; background-position:center -40px; } #h_logo_wrapper { width:100%; height:105px; padding:0 /* 25px 0 0 0*/; background: url(../img/sp/bg_header_sp_upr.png) no-repeat; background-position:center top;-moz-background-size:cover;background-size:cover; overflow:hidden;} .header_inner { margin:0 0; position:relative; } #h_btn_tel { width:23.4%; float:left;/*position:relative;*/} .h_btn_tel_img { position:absolute; left:calc(16.7% - 40px); top:55px;} .sp_hdr_linL { position:absolute; left:25%; top:55px; width:2px;} .sp_hdr_linR {position:absolute;left:75%;top: 55px;width:2px;} /* 電話ボタン */ .header_tel {} .tel_bt,.access_bt { display:block; width: 50%; height: 60px; padding:5px 0; float: left; text-align:center;color:#FFF !important; } /* アイコン */ .fa-mobile {display: block !important;font-size: 40px !important; margin:0 0 -10px 0;} .fa-map-marker {display: block !important; font-size: 36px !important; margin:2px 0 -7px 0;} /* ボタン文字の大きさ */ .tel_bt span { text-align:center; font-size:11px; } .access_bt span { text-align:center;font-size:11px; } /* ボタンの色 */ .tel_bt {background:#008C8B; } .access_bt {background:#7fc3c5;} /* 診療時間 */ .s_time { background-color: #f1ffff; padding:10px 0; font-size:0.8rem; clear:both; _zoom: 1; overflow: hidden; margin: 0 auto;} .s_time dl {_zoom: 1; overflow: hidden;} .s_time div { margin:0 calc((100% - 20em) / 2);} .s_time div p { margin: 0;} .s_time div p span { background-color: #008C8B;color: #FFF;padding: 1px 10px; -moz-border-radius:14%; -webkit-border-radius:13%/50%; border-radius:13%/50%; font-size: 0.6rem; margin: 0 15px 0 0px; } .h_cls {background:#7fc3c5 !important; letter-spacing: 0.34em;} /*--------------------------------------------- ** 診療時間の表組記述 ---------------------------------------------*/ /* コンテンツ */ /* カラムヘッダー */ table.time {font-size:0.9em;} table.time tr:first-child {background:#D5F1F2;} table.time tr th {padding:5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:1em; font-weight:normal;} #top_gaiyo table.time tr th {border-color:#ccc;} #top_gaiyo table.time tr:nth-child(2) td, #top_gaiyo table.time tr:nth-child(3) td {border-color:#ccc;} /* 午前 */ table.time tr.tblAM {background:#fff; } table.time tr.tblAM td {padding:3px 5px; font-size:1.3em; color:#444; border:solid 1px #ccc; border-top:none;text-align:center;} table.time tr.tblAM td:first-child {color:#333; background:#D5F1F2;font-size:1em; line-height:1.4em; padding:3px 5px;font-weight:normal;} /* 午前の休診日（文字色を設定） */ table.time tr.tblAM td:nth-child(8) {color:#008C8B;font-size:1em;} /* 午後 */ table.time tr.tblPM {background:#fff; } table.time tr.tblPM td {padding:3px 5px; font-size:1.3em; color:#444; border:solid 1px #ccc; text-align:center;} table.time tr.tblPM td:first-child {color:#333; background:#D5F1F2;font-size:1em; line-height:1.4em; padding:3px 5px;font-weight:normal;} /* 午後の休診日 */ table.time tr.tblPM td:nth-child(4), table.time tr.tblPM td:nth-child(7), table.time tr.tblPM td:nth-child(8) {color:#008C8B;font-size:1em;} /* 手術 */ table.time tr.tblOP {background:#fff; } table.time tr.tblOP td {padding:3px 5px; font-size:1.3em; color:#444; border:solid 1px #ccc; text-align:center;} table.time tr.tblOP td:first-child {color:#333; background:#D5F1F2;font-size:1em; line-height:1.4em; padding:3px 5px;font-weight:normal;} /* 手術の休診日 */ table.time tr.tblOP td:nth-child(2), table.time tr.tblOP td:nth-child(3), table.time tr.tblOP td:nth-child(4), table.time tr.tblOP td:nth-child(6), table.time tr.tblOP td:nth-child(7), table.time tr.tblOP td:nth-child(8) {color:#008C8B;font-size:1em;} /* ヘッダー */ /* #h_time_tbl table.time {font-size:0.7em;}*/ /* トップP 診療時間 */ #top_time_tbl table.time tr th {padding:10px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:0.8em;} #top_time_tbl table.time tr.tblAM td {font-size:1.2em;} #top_time_tbl table.time tr.tblAM td:first-child {font-size:0.8em;} #top_time_tbl table.time tr.tblPM td {font-size:1.2em;} #top_time_tbl table.time tr.tblPM td:first-child {font-size:0.8em;} #top_time_tbl table.time tr.tblOP td {font-size:1.2em;} #top_time_tbl table.time tr.tblOP td:first-child {font-size:0.8em;} #top_time_tbl .dsp_flg {display:none;} #top_time_tbl table.time tr.tblAM td:nth-child(8), #top_time_tbl table.time tr.tblPM td:nth-child(4), #top_time_tbl table.time tr.tblPM td:nth-child(7), #top_time_tbl table.time tr.tblPM td:nth-child(8), #top_time_tbl table.time tr.tblOP td:nth-child(2), #top_time_tbl table.time tr.tblOP td:nth-child(3), #top_time_tbl table.time tr.tblOP td:nth-child(4), #top_time_tbl table.time tr.tblOP td:nth-child(6), #top_time_tbl table.time tr.tblOP td:nth-child(7), #top_time_tbl table.time tr.tblOP td:nth-child(8) {font-size:1em;} .cls_kazari_ara {margin-top:15px;font-size:0.9em;} .cls_kazari {margin-right:1em; background:#008C8B; border-radius:20px; padding:3px 30px; color:#fff;} /* 診療のご案内P 診療時間 */ #treat_tbl_ara table.time tr th {padding:12px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:1.1em; } #treat_tbl_ara table.time tr th:nth-child(n+2) {width:84px;} #treat_tbl_ara table.time tr.tblAM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblAM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblPM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblPM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblOP td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblOP td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} /* フッター診療時間 */ #footer table.time tr th:nth-child(n+2) {width:27px;} #footer table.time tr:first-child {background:#7fc3c5;} #footer table.time tr th {padding:5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:0.8em;} #footer table.time tr.tblAM td {font-size:1.2em;} #footer table.time tr.tblAM td:first-child {font-size:0.8em;background:#7fc3c5;} #footer table.time tr.tblPM td {font-size:1.2em;} #footer table.time tr.tblPM td:first-child {font-size:0.8em;background:#7fc3c5;} #footer table.time tr.tblOP td {font-size:1.2em;} #footer table.time tr.tblOP td:first-child {font-size:0.8em;background:#7fc3c5;} #footer .dsp_flg {display:none;} #footer table.time tr.tblAM td:nth-child(8), #footer table.time tr.tblPM td:nth-child(4), #footer table.time tr.tblPM td:nth-child(7), #footer table.time tr.tblPM td:nth-child(8), #footer table.time tr.tblOP td:nth-child(2), #footer table.time tr.tblOP td:nth-child(3), #footer table.time tr.tblOP td:nth-child(4), #footer table.time tr.tblOP td:nth-child(6), #footer table.time tr.tblOP td:nth-child(7), #footer table.time tr.tblOP td:nth-child(8) {font-size:0.8em;} #footer table.time,table.time_add, #footer div.time_add { border-collapse:collapsed;} #footer table.time tr th, #footer table.time tr.tblAM td, #footer table.time tr.tblPM td, #f_clinicdata_tab dl table.time tr th, #f_clinicdata_tab dl table.time tr.tblAM td, #f_clinicdata_tab dl table.time tr.tblPM td, #footer table.time tr.tblOP td, #f_clinicdata_tab dl table.time tr.tblOP td {border:solid 1px #ccc;} #footer table.time_add td,div.time_add { border:solid 3px #D5F1F2; text-align:right; } #footer div.time_add { display:block;} #footer table.time { margin:10px 0;} #pgtop {width:100%; padding:11px 0; color:#fff; text-align:center; background:#7fc3c5;font-size:1em; line-height:1.4em; margin-top:130px;} #pgtop img {margin-bottom:12px;} #pgtop a,#pgtop a:hover,#pgtop a:visited {font-size:1em; line-height:0.8em;color:#fff; width:100%; height:100%; display:block;} /*--------------------------------------------- ** フッター記述 ---------------------------------------------*/ /* フッターロゴ */ #f_logo { padding:20px 30% 20px;} /* クリニック情報 */ #f_clinicdata { width: 100%; text-align:center; background-color: #FFFFfF; } #f_clinicdata dl dt { background-color: #EAEAEA; padding:2px 0; margin-bottom: 5px; color:#008C8B; font-weight:bold; } #f_clinicdata dl dd {padding: 0 5% 10px;/* margin-bottom: 10px; */} #f_clinicdata2 { width: 100%; text-align:center; background-color: #FFFFfF; } #f_clinicdata2 dl dt { background-color: #EAEAEA; padding:2px 0; margin-bottom: 5px; color:#008C8B; font-weight:bold; } #f_clinicdata2 dl dd {padding: 0 5% 10px;/* margin-bottom: 10px; */} #f_clinicdata_tab { width: 100%; text-align:center; background-color: #FFFFDF; } #f_clinicdata_tab dl dt { background-color: #008C8B; padding:2px 0; margin-bottom: 5px; color:#FFF; } #f_clinicdata_tab dl dd {padding: 0 5% 10px;/* margin-bottom: 10px; */} #map-canvas {width:100%; height:360px;} #copyright {font-size: 0.6em;width:100%;text-align:center;padding: 8px 0;background-color: #008C8B;color:#FFF;} /*--------------------------------------------- ** 共用パーツ ---------------------------------------------*/ /* index.php */ .top_h3_wrapper_01 { width: 100%; height: auto;background:url(../img/sp/top_bg_01.png) no-repeat;background-size:contain; display:block; margin: 0; position:relative; } .top_h3_wrapper_01:before { content:""; display: block; padding-top: 31.25%; overflow: hidden;} .top_h3_wrapper_02 {height: auto;background:url(../img/sp/top_bg_02.png) no-repeat;background-size:contain;padding:0; position:relative; } .top_h3_wrapper_02:before {content:""; display: block; padding-top: 31.25%; overflow: hidden;} .top_h3_wrapper_03 {height: auto;background:url(../img/sp/top_bg_03.png) no-repeat;background-size:contain;padding:0; position:relative; } .top_h3_wrapper_03:before {content:""; display: block; padding-top: 31.25%; overflow: hidden;} .top_h3_wrapper_04 {height: auto;background:url(../img/sp/top_bg_04.png) no-repeat;background-size:contain;padding:0; position:relative; } .top_h3_wrapper_04:before {content:""; display: block; padding-top: 31.25%; overflow: hidden;} .treat_list { float: left; margin:10px 0;} .treat_list li h3 { color: #008C8B; font-weight: bold; padding:15px 0 5px 0; /*border-bottom: dotted 1px #7fc3c5;*/ margin-bottom: 10px; text-align: center;} .treat_list li p { } #top_btn_qjin {padding: 5px 10px; width:8em; margin:0 auto; background:#D5F1F2; /* background: url(../img/common/pc_common_bt.png) no-repeat;*/ /* display: block;*/ color: #008C8B !important; text-align: center; /* position: absolute; top:0; right: 0; */} #top_btn_qjin a p {margin-bottom:0;} #top_qjin .common_bt { width:auto;padding:0; margin:0; background:transparent; display:block; color:#008C8B !important; text-align:left; border:none; } #top_qjin .common_bt p { font-size:1em !important; background:none; margin:0; padding:0;} /* 医院のご紹介 */ #clinic .box_wrapper {margin-top:30px;} #clinic .h2_wrapper {background:transparent; text-align:center; position:relative;} #clinic_wrapper1 .LR_wrapper img, #clinic_wrapper2 .LR_wrapper img {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .clinic_list { float: left; margin:10px 0; width:100%;} .clinic_list li h3 { color: #008C8B; font-weight: bold; padding:15px 0 5px 0; border-bottom: dotted 1px #7fc3c5; margin-bottom: 10px; text-align: left;} .clinic_list li p { } .clinic_list:last-child { margin-bottom:100px;} .clinic_list li img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } /* 初診について */ #first .box_wrapper {margin-top:30px;} #first .h2_wrapper {background:transparent; text-align:center; position:relative;} table#first_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em;} table#first_about tr th {color:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:15px 30px 10px; text-align:center;} table#first_about tr td {padding:15px 30px 10px; } table#first_about tr td ul {margin:0 0 0 1em; padding:0;} table#first_about tr td ul li {list-style:disc; color:#008C8B;} table#first_about tr td ul li span {color:#444;} /*table#first_about tr td span.l1st {color:#008C8B; font-weight:bold;font-size:0.8em; position:relative; top:-0.1em; margin-right: 0.3em;}*/ table#first_about tr td p span {color:#008C8B;} table#first_about tr td p:nth-child(2) {margin-bottom:0;} .first_flow .first_flow_L img { width:calc(100% - 10px); border:solid 5px #7fc3c5;} .first_flow .first_flow_R h3 { display:block; background:#7fc3c5; color:#fff; font-weight:bold; padding:5px 15px;} .first_flow .first_flow_R p { padding:5px 0 20px 0;} .first_privacy { width:calc(100% - 44px); margin:0 auto; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; border:solid 2px #008C8B; color:#008C8B; padding:20px 20px 10px 20px;} .first_privacy p { line-height:2.1em;} .chgclr1st {display:block;} .chgclr1st:first-letter {color:#7fc3c5;} #top_oshirase .news dl dt a {color:#008C8B;} #top_oshirase .news dl dd a span {color:#008C8B;} #top_oshirase .news dl dd a {color:#444;} .bnr_href {} .img_contact { margin-bottom:15px;} /* 医師プロフィール */ #doctor .box_wrapper {margin-top:30px;} #doctor .h2_wrapper {background:transparent; text-align:center; position:relative;} .doctor_img01 {margin:0 0 30px 0;} /* 診療のご案内 */ #treat .box_wrapper {margin-top:30px;} #treat .h2_wrapper {background:transparent; text-align:center; position:relative;} .treat_rinen {width:calc(100% - 40px); height:auto; background:#F2F2EA url(../img/treat/treat_bg_logo.png) no-repeat; background-position:center 26px; background-size:60%; position:relative; text-align:center; margin:0 auto; padding-top:85px; padding:bottom:50px; margin-bottom:40px;} .treat_rinen h3 {font-size:1.2em; letter-spacing: 0; font-weight:bold; margin-bottom:40px;} .treat_rinen p {line-height:2em; margin-bottom:40px;} .treat_rinen p:last-child {font-size:1.2em;} #treat_wrapper1 .LR_wrapper dl {margin-bottom:18px;padding-bottom:24px; border-bottom:dotted 1px #ccc;} #treat_wrapper1 .LR_wrapper dl dt {font-size:1em; float:left;} #treat_wrapper1 .LR_wrapper dl dt span {font-size:1.4em;} #treat_wrapper1 .LR_wrapper dl dd {font-size:1em; padding-left:3em; position:relative; top:0.4em;;} /* 診療のご案内P 診療時間 */ #treat_tbl_ara table.time {width:calc(100% - 39px);} #treat_tbl_ara table.time tr th {padding:10px 5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:1.1em; } #treat_tbl_ara table.time tr th:nth-child(n+2) {width:24px;} #treat_tbl_ara table.time tr.tblAM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblAM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblPM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblPM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblOP td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblOP td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} .kasane2 {position: relative; left:9px;color: #fff; } .kasane2:before { content: ""; display: block; position: absolute; top: 0px; left: -9px; width: 1.4em; height: 1.4em; border-radius: 20px; background-color: #008C8B; z-index: -1; } /* #treat_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(100% - 312px);padding-right:30px; margin-top:40px;} #treat_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:282px;padding-left:0; margin-top:40px;} */ table#treat_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:2em;} table#treat_about tr th {color:#fff; background:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:8px 15px; text-align:center; width:calc(100% - 30px);display:block;-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px;} table#treat_about tr td {width:calc(100% - 30px); display:block; padding:8px 15px;} table#treat_about tr td p {margin-bottom:0;} table#treat_about tr td a {display:block; margin-top:1em;} .treat_menu_ico01 {width:54px; height:33px;display:block;margin:5px auto;} .treat_menu_ico02 {width:60px; height:48px;display:block;margin:5px auto;} .treat_menu_ico03 {width:38px; height:48px;display:block;margin:5px auto;} .treat_menu_ico04 {width:55px; height:42px;display:block;margin:5px auto;} .treat_menu_ico05 {width:61px; height:26px;display:block;margin:5px auto;} .treat_menu_ico06 {width:54px; height:44px;display:block;margin:5px auto;} /* 白内障 */ #cataract .box_wrapper {margin-top:30px;} #cataract .h2_wrapper {background:transparent; text-align:center; position:relative;} table#cataract_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em;} table#cataract_about tr th {color:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:8px 30px;} table#cataract_about tr td {padding:8px 30px;} table#cataract_about tr td ul {margin:0 0 0 1em; padding:0;} table#cataract_about tr td ul li {list-style:disc; color:#008C8B;} table#cataract_about tr td ul li span {color:#444;} /*table#cataract_about tr td span.l1st {color:#008C8B; font-weight:bold;font-size:0.8em; position:relative; top:-0.1em; margin-right: 0.3em;}*/ .sp_kakomi {margin-bottom:20px;} .sp_kakomi p {margin-bottom:0;} /* 緑内障 */ #glaucoma .box_wrapper {margin-top:30px;} #glaucoma .h2_wrapper {background:transparent; text-align:center; position:relative;} table#glaucoma_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em;} table#glaucoma_about tr th {color:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:15px 30px 10px;} table#glaucoma_about tr td {padding:15px 30px 20px;} table#glaucoma_about tr td ul {margin:0 0 0 1em; padding:0;} table#glaucoma_about tr td ul li {list-style:disc; color:#008C8B;} table#glaucoma_about tr td ul li span {color:#444;} /* アクセス */ #access .box_wrapper {margin-top:30px;} #access .h2_wrapper {background:transparent; text-align:center; position:relative;} .access_btn_map a, .access_btn_map a:hover, .access_btn_map a:link, .access_btn_map a:visited {color:#fff; } /* STUFF */ table#top_stuff {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em; margin-top:36px; background:#F2F2EA;text-align:center; font-size:1.2em;} table#top_stuff tr td { padding:34px 20px 24px 20px; vertical-align:top; text-align:left; width:auto;} table#top_stuff tr td:first-child { text-align:center; width:267px;border-right:dashed 1px #DCDCC7;} table#top_stuff tr td h4 { font-size:1.03em; color:#008C8B; font-weight:bold; margin:0;} table#top_stuff tr td hr { border: solid 2px #008C8B; margin:10px 0 30px 0;} table#top_stuff tr td span { font-size:0.73em;} table#top_stuff tr td dl { margin-bottom:15px; width:100%; clear:both;} table#top_stuff tr td dl dt p {color:#008C8B; background:#D4ECEA; border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px; padding:2px 10px; display:block; float:left; width:50px; margin-bottom:10px; font-size:0.73em; line-height:1.4em;text-align:center} table#top_stuff tr td dl dd {display:block; font-size:0.71em; padding-left:90px; line-height:1.4em; position:relative;top:2px;} table#top_stuff tr td dl:last-child {margin-bottom:0;} table#top_stuff tr td ul {margin:0; padding:0;} table#top_stuff tr td ul li {list-style:disc; color:#008C8B; } table#top_stuff tr td ul li span {color:#444;} table#top_stuff tr td p{ float:left;} .stuff_ara {text-align:center;} .stuff_str {color:#008C8B; } .stuff_ara h4 {color:#008C8B; font-size:1.13em; display:inline;} .stuff_ico {color:#008C8B; position:relative; top:4px; } .stuff_nbr {color:#008C8B; position:relative; top:4px; font-size:1.75em; font-weight:bold;} .stuff_add {color:#444 !important; font-size:0.88em;} .addition {margin-top:5px; font-size:0.9em;} /*--------------------------------------------- ** 個別指定 for スマートフォン ---------------------------------------------*/ @media screen and (max-width: 740px) { .common_bt_02 { width: calc((100% - 32px)); font-size:14px; } .sp_none{display:none;} .pc_none{} #header { margin-bottom:0;} .header_inner { margin:0 0; position:relative; padding: 30px 0 0 0;} #h_shoulder { font-size:12px; } #h_shoulder { position: absolute; top: 0; left:0; right:0; text-align: center; padding: 5px 0; color: #FFF; background: #078A8C; } .img_main_sp_ara { width:100%; height:200px; background-position:center bottom !important;} /* STUFF */ #top_qjin {margin:0 auto 40px auto;} /* table#top_stuff {display:block; width:100%;} table#top_stuff tr td {display:block; width:calc(100% - 40px) !important; border:none !important;} table#top_stuff tr td:first-child {padding-bottom:0;} */ table#top_stuff {display:block; width:100%;} table#top_stuff tr td {display:block; width:calc(100% - 40px) !important; border:none !important;} table#top_stuff tr td:first-child {padding-bottom:0;} table#top_stuff tr td dl { margin-bottom:15px; width:calc(100% - 20px); clear:both;} table#top_stuff tr td dl dt p {color:#008C8B; background:#D4ECEA; border-radius:15px; -moz-border-radius:15px;-webkit-border-radius:15px; padding:2px 10px; display:block; float:left; width:100%; margin-bottom:10px; font-size:0.73em; line-height:1.4em;text-align:center} table#top_stuff tr td dl dd {display:block; font-size:0.71em; padding-left:0; line-height:1.4em; position:relative;top:2px;} table#top_stuff tr td dl:last-child {margin-bottom:0;} /*table#top_stuff tr td {padding:20px} table#top_stuff tr td div span:nth-child(2):before {content: "\A" ; white-space: pre ;} .stuff_inner1 {display:block; width:100% !important; padding-bottom:0 !important; padding-bottom:0 !important;} .stuff_inner2 {display:block; width:100% !important; padding-bottom:0 !important;} table#top_stuff tr:nth-child(3) td {display:block; width:calc(100% - 40px) !important; border:none !important;} */ /* table#top_stuff tr:nth-child(3) td:first-child {width:27%;} table#top_stuff tr:nth-child(3) td:nth-child(2) {width:25%;} table#top_stuff tr:nth-child(3) td:last-child {width:28%;} */ /* table#top_stuff tr td dl dt {padding:2px 28px;} */ .stuff_ara {line-height: 1.8em;} .stuff_ara h4:after {content: "\A" ; white-space: pre ;} .stuff_ara span i {font-size:1.5em !important;} .stuff_str {line-height:1.9em;} .stuff_str span:before {content: "\A" ; white-space: pre ;} .stuff_nbr {color:#008C8B; position: relative; top: 5px; /*font-size: 2.4em;*/} .stuff_add:before {content: "\A" ; white-space: pre ;} /* ロゴ */ #logo { width: 120px; float:left;position:absolute;top: 44px; left: 0; right: 0; /*bottom: 0;*/ margin: auto;} #logo a h1{ display:block; width: 120px; height:130px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/sp/sp_logo.png) no-repeat; margin:0 0 0 0; padding:0; background-size: contain; background-position:center top; } #logo a h1:before { content:""; display: block; padding-top: 18%; } #logo a h1:hover{ opacity:0.5;} #logo a h1 span{display: none;} #h_tel, .tel_img {z-index:99;} .first_pdf{background:#F0F0E1;padding: 10px 10px 10px 0;float: left;font-size: 10px;/* width: 470px; */margin: -10px 0 20px 0;text-align: center;} .first_pdf p#pdf_f{float: left;font-size: 12px !important;margin: 2px 0px 0px 15px;text-align: left!important;} .first_pdf a img{/* float: right; */margin: 10px 0;} #img_main_sp {width:100%; background-size:contain; overflow:hidden; position:relative; border-bottom:solid 5px #008C8B;} #img_main_sp .h_kazari {position:absolute; top:0; left:0; background:url(../img/sp/bg_header_sp.png) no-repeat; width:100%; height:16%; background-size:cover; background-position:center bottom;} .h_sp_h1 {width:calc(100% - 30px); margin:0 auto;} .h_sp_h1 img {margin:20px 0;} /* アクセスマップの上イメージ */ .gaikan_all ul{ width:100% !important; float:left;} .gaikan_all ul p{ font-size:14px; margin:10px 0 20px !important; } .access_img{width: 100%;height:auto;float:left;margin: 10px 0 0 0;} /* fook */ .only_tab, .only_pc { display:none;} .only_sp { display:inline;} .exc_sp { display:none;} #kazari { width:100%; height:6px; font-size:2px; background:#7fc3c5;} #kazari div:first-child { width:50%; height:100%; background:#008C8B;} .main { margin-bottom:0;} h1 { text-align:center; font-size:1em; margin:10px 0 20px 0;} .sp_br { display: block;} .top_img_main {} .mnubox_wrapper { margin-bottom:30px;} .mnubox { border-collapse:collapse; border:solid 2px #008C8B; padding: 20px 15px; background:url(../img/common/h2_mnubox_kazari.png) no-repeat; background-position: calc(100% - 9px) center; background-size:12%;} .mnubox:nth-child(2) { padding: 20px 10px; width:calc(50% - 23px);float:left; border-top:none; background-position: calc(100% - 9px) calc(100% - 9px); background-size:24%;} .mnubox:nth-child(3) { padding: 20px 10px; width:calc(50% - 23px);float:left; border-top:none; border-left:none; background-position: calc(100% - 9px) calc(100% - 9px); background-size:24%;} .mnubox:nth-child(2) h2, .mnubox:nth-child(3) h2 {display:block;font-size:1em;padding: 0 0 0 15px; margin-bottom:8px;} .mnubox:nth-child(2) p, .mnubox:nth-child(3) p {font-size:0.9em;} .mnubox a {display:block; width:100%; height:100%;} /*.mnubox:last-child {clear:both;}*/ /* ごあいさつ */ #top_aisatsu { font-size: 1em; } #top_aisatsu h3 { font-weight:bold; font-size:1.1em;} .doctor_img { width: 220px;height: 220px;margin: 0 auto 20px;background:url(../img/sp/top_doctor.png) no-repeat;background-size:contain;} /* お知らせ */ .news {} #top_oshirase .news dl { border-bottom: dotted 1px #888; margin: 20px 0 10px 0; padding-bottom: 5px; } #top_oshirase .news dl:first-child{display:block !important;} #top_oshirase .news dl:nth-child(2){display:block !important;} #top_oshirase .news dl dt { border: 1px solid #ccc; background-image: linear-gradient(-7deg, #ffffff 50%, #eaffff 50%, #eaffff); font-size: 1em; padding:5px; margin-bottom: 10px; text-align: center; } #top_oshirase .news dl dd span, #top_oshirase .news dl dd span a:link, #top_oshirase .news dl dd span a:hover, #top_oshirase .news dl dd span a:visited { text-decoration: none; font-size: 1.1em; display: block; } /* STUFF */ table#top_stuff {font-size:1em;} /* 診療のご案内 */ .h_sp_h1 table.time tr td .dsp_flg {display:none;} table.time tr th {font-size:0.8rem;} table.time tr.tblAM td {font-size:1.2rem;} table.time tr.tblAM td:first-child {font-size:0.8rem;} table.time tr.tblPM td {font-size:1.2rem;} table.time tr.tblPM td:first-child {font-size:0.8rem;} table.time tr.tblOP td {font-size:1.2rem;} table.time tr.tblOP td:first-child {font-size:0.8rem;} #table-treat { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 20px auto 25px auto; box-sizing: border-box; } #table-treat th { text-align: center; background: #f1ffff; } #table-treat th,#table-treat td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px; vertical-align: top; font-size: 1em; display: block; box-sizing: border-box; } table#treat_about tr th a, table#treat_about tr th a:hover, table#treat_about tr th a:visited, table#treat_about tr th a:link {color:#fff !important;} table#treat_about tr td a p, table#treat_about tr td a:hover p, table#treat_about tr td a:visited p, table#treat_about tr td a:link p {color:#444 !important;} .dsp_flg {display:none;} #treat_tbl_ara table.time tr.tblAM td:first-child {font-size:1.1em; padding:5px 20px;background:#D5F1F2; line-height:1.1em;} #treat_tbl_ara table.time tr.tblPM td:first-child {font-size:1.1em; padding:5px 20px;background:#D5F1F2; line-height:1.1em;} #treat_tbl_ara table.time tr.tblOP td:first-child {font-size:1.1em; padding:5px 20px;background:#D5F1F2; line-height:1.1em;} table.treat_exp { border:none !important;} table.treat_exp tr { border:none !important;} table.treat_exp th { border:none !important; background:transparent !important; padding-right:0 !important; padding-left:0 !important;} table.treat_exp tr:first-child th span { width: 100%; display: block; background-color: #f1ffff; color:#008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em; } table.treat_exp tr:nth-child(2) th span { width: 100%; display: block; background-color: #008C8B; color:#fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em;} table.treat_exp tr td h4 { font-weight:bold; color:#008C8B; line-height:1.4em; margin-bottom:10px;} table.treat_exp td { border:none !important; padding-right:0 !important; padding-left:0 !important;} .time_add { background:#7fc3c5; color:#fff; width:calc(100% - 6px); text-align:right; padding:5px; margin-left:3px;} .time_add tr td {padding:5px; font-size:0.9em;} /* 白内障 */ /* #cataract_wrapper2 .LR_wrapper .scaler {width:75%; margin:0 auto 70px auto;} */ #cataract_wrapper2 .LR_wrapper .scaler {width:75%; margin:0 auto 20px auto;} /* 初診について */ #first_wrapper3-1 img:first-child { margin-top:30px;} #table-first { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 20px auto 25px auto; box-sizing: border-box; } #table-first th { text-align: center; background: #f1ffff; } #table-first th,#table-first td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px; vertical-align: top; font-size: 1em; display: block; box-sizing: border-box; } .ul-first { padding: 0; margin: 0 auto 10px auto; list-style: none; width: 92%; } .ul-first li { padding-left: 2.5em; text-indent: -2.5em; margin: 0; } /* 医師の紹介 */ .doctor_obi {background:#F2F2EA; padding:40px 0; margin-bottom:60px;} p.doctoren {/*width:565px;*/ margin:20px 0 0 0; line-height:1.6em; } dl.block { width: 100%; border-bottom: dashed 1px #d3d3d3; padding-bottom: 20px; display: block; margin: 30px auto; } dl.block dt { float:none;clear: both; width: 75%; padding: 0; color: #FFF; font-weight: bold; font-size: 1.2em; margin: 0 auto; } dl.block dd { width: 95%; padding: 0; clear: both; margin: 0 auto; text-align: center; font-size:1em;} .list_top { margin: 10px auto 5px auto; float:none;clear: both; color: #008C8B; width: 100px; display: block; font-weight: bold; font-size:1em; } .komidashi { width: 100%; display: block; background-color: #008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 10px auto 30px auto; font-size: 0.8em;} /* コンタクトレンズ .lens-bc{ padding: 20px; margin: 0; width: calc(100% - 40px); height: 100%; overflow: hidden; } .lens-bc img{ display:block; width:100%; margin:20px auto 40px;} */ /* アクセス */ #access_map { width:100%; height:400px; margin-bottom:10px;} .access_btn_map {width:100%; height:55px; text-align:center; line-height:55px; color:#fff; background:#008C8B;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .access_hr {border:solid 1px #008C8B; margin:10px 0;} .access_fl {float:left; width:275px; /* margin-right:10px; */} #access_wrapper1 {margin-bottom:70px;} #access_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:100%;margin-right:30px; margin-top:10px; position:relative; min-height:224px;} #access_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:100%;padding-left:0; margin-top:10px;} #access_wrapper1 .LR_wrapper:first-child img {width:100%;} #access_wrapper1 .LR_wrapper:first-child img:nth-child(2) {/*position:absolute;*/ right:0; bottom:0;} .pos_ {position:relative; top:-20px;} .access_tbl {width:100%;} .access_tbl tr th {width:calc(100% - 20px); display:block; color:#008C8B; font-size:1em; text-align:center; padding:20px 10px; border-bottom:solid 1px #008C8B;} .access_tbl tr th i {margin-bottom:5px;} .access_tbl tr:first-child td:nth-child(2) {width:100%; display:block; text-align:left; padding:20px 0; } .access_tbl tr:first-child td:nth-child(3) {width:100%; display:block; color:#008C8B; } .access_tbl tr:nth-child(2-) {clear:left;} .access_tbl tr td:nth-child(2) {width:100%; display:block; text-align:left; padding:20px 0; } .access_tbl tr td:nth-child(2) span {font-weight:bold;color:#008C8B;} .access_tbl tr td:nth-child(3) {width:100%; display:block; color:#008C8B; } /* .access_tbl tr:last-child th, .access_tbl tr:last-child td:nth-child(2), .access_tbl tr:last-child td:nth-child(3) {border:none;} */ .access_tbl tr:nth-child(2) td, .access_tbl tr:nth-child(3) td {text-align:center;} /*--------------------------------------------- ** box ブロック ---------------------------------------------*/ .box_wrapper { width: 100%; margin-bottom: 36px;} .box_cont {width: 90%; margin: 0 5%;} /*--------------------------------------------- ** ボタン ---------------------------------------------*/ .common_bt { width:13em;padding: 5px 8px; margin:20px auto 0; background-color: #fff; display:block; color:#008C8B !important; text-align:left; border:solid 2px #008C8B; /* background:url(../img/common/h2_mnubox_kazari.png) no-repeat; background-position: calc(100% - 9px) center; background-size:12%; */ } .common_bt p { font-size:1.3em !important; background: url(../img/sp/sp_h2.png) no-repeat; background-size:6%; background-position:left center; margin-bottom:0; padding:0 0 0 18px;} #footer { border-top:solid 3px #008C8B;} #f_time_tbl {width:calc(100% - 30px); margin:0 auto; margin-bottom:40px;} #f_logo {background:#fff; text-align: center;} #footer_before {display:none;} .fff {background:#fff;} /* WordPress */ #widget_btn_2list { clear: both; padding-bottom: 40px;} #widget_btn_2list #top_btn_oshirase { text-align: center; position: relative; bottom: 0; right: 0; } #primary,#secondary {width:calc(100% - 30px); margin:auto; font-size:0.85em; float:none !important;} #secondary .common_bt {width:90% !important; padding: 15px 0px 15px 8px !important;} /* top_qjin */ #top_qjin {display:block; width:100%; background:#D5F1F2; position:relative; text-align:center;} .top_qjin_L {display:block; width:202px; height:50px; background:url(../img/top/top_qjin_Lsp.png) no-repeat ; margin:auto; text-indent:-9999%; overflow:hidden;} .top_qjin_R {display:block; width:153px; height:50px; background:url(../img/top/top_qjin_R.png) no-repeat ; margin:auto; text-indent:-9999%;} #stuff1{ margin:15px;} #stuff2{ margin:15px;} #stuff3{ margin:15px;} .qjin{display:block; background:#fff; color:#00888B; font-size:1.1em; padding:3px 6px 1px;} #gairai_top .gai_dl{ clear: both; margin:3% auto 0; min-height: 1.4em; line-height: 1.2em; margin-bottom: 30px; } #gairai_top .gai_dl dt{float: none; clear: left; width: 100%; color: #008C8B; font-weight: bold; margin:0 0.7em 5px 0; padding: 5px 0; text-align: center; background-color: #EAEAEA;} #gairai_top .gai_dl dd{float: none; margin: 5px 0; padding: 10px 0 0 10px; width:100%; position:relative;color: #008C8B; font-size:1.8rem;font-weight:bold; text-align:center;} #gairai_top .gai_dl2{ clear: both; margin:1% auto 5%; min-height: 1.4em; line-height: 1.4em; padding-bottom: 50px; font-size:0.8em;} #gairai_top .gai_dl2 dt{float: left; clear: left; width: 80px; margin:0 0.7em 5px 0; padding: 5px 0;} #gairai_top .gai_dl2 dd{float: left; padding: 5px 0; width:calc(100% - 110px - 0.7em);} } /*--------------------------------------------- ** 個別指定 for タブレット ---------------------------------------------*/ @media screen and (min-width: 741px) and (max-width: 1039px) { .sp_none{} .pc_none{display:none;} #header { margin-bottom:80px;} .box_30 {width:calc(100% - 60px); margin:0 auto;} .box_35 {width:calc(100% - 70px); margin:0 auto;} /* ロゴ */ #logo { width: 120px; position:absolute; top: 17px; left: 10px; } #logo a h1{ display:block; width: 120px; height:130px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/sp/sp_logo.png) no-repeat; margin:0 0 0 0; padding:0; background-size: contain; background-position:center top; } #logo a h1:before { content:""; display: block; padding-top: 18%; } #logo a h1:hover{ opacity:0.5;} #logo a h1 span{display: none;} .hdr_tel {position: absolute; right: 385px; top: 10px; border-right:1px solid #BED1C2; padding-right:7px;} .hdr_tel img{width: 200px;} .hdr_tel2 {position: absolute;right:217px;top: 10px;width: 160px; line-height: 1.0;} .hdr_tel2 img{width: 160px;} .hdr_tel2::before{ content:'外来予約専用電話'; background-color:#008688; width:160px; display:block; color:#fff; font-size:0.5em; text-align:center; padding:4px 0 3px; } .hdr_opn {position:absolute; right:5px; top:13px; width:200px;} .first_pdf{background: #F0F0E1;padding: 10px 10px 10px 0;float: left;font-size: 10px;width: 470px;margin: -10px 0 0 0;} .first_pdf p#pdf_f{float: left;font-size: 12px !important;margin: 2px 0px 0px 15px;} .first_pdf a img{ float: right; margin: 3px 10px 0px 0px;} .gaikan_all ul{ width:33%; float:left;} .gaikan_all ul p{ font-size:14px; margin:10px 0 20px !important; } /* fook */ .only_sp, .only_pc { display:none;} .only_tab { display:inline;} .box_cont {width: calc(100% - 30px); margin: 0 auto;} #top_gaiyo .box_cont, #top_aisatsu .box_cont, #top_oshirase .box_cont {width:100%;} #h_logo_wrapper { padding-top:7px; width:100%; border:none; background:none; margin: 20px 0 0 0; } #h_shoulder { padding-left:11px;} #h_shoulder p { font-size:0.6em; color:#008C8B; position: absolute;top: -15px;} #h_tel_wrapper { width:calc(35% - 15px); margin-right:15px; float:left;} #logo a h1 {margin:10px 0 0 0;} #img_main { width:calc(100% - 30px); margin:10px auto 20px; } .top_img_main {} #top_aisatsu,#top_gaiyo,#top_oshirase { width: calc(100% - 30px); margin:0 auto;} .section_wrapper a.bnr_href/* section*/ { width: calc(50% - 15px); display:block; float:left; margin-bottom:20px;} .section_wrapper a.bnr_href/*section*/:nth-child(even) { margin-left:30px;} .section_wrapper a.bnr_href/*section*/:last-child { clear:left;} .section_wrapper:after, .section_wrapper:before { content: ""; clear: both; display: block; } .bnr_href {width: calc(50% - 30px);} /*#top_oshirase .news dl {display:none;}*/ /*#top_oshirase .news dl:first-child{display:block !important;}*/ /*.section_wrapper:after {padding-bottom:40px;} */ .mnubox {display:block; width:calc((100% - 60px) / 3); float:left; margin-left:30px;} .mnubox:first-child {margin-left:0;} #top_gaiyo dl { clear: both; width: 100%; min-height: 1.4em; line-height: 1.4em; border-bottom: dotted 1px #E4E4E4; margin-bottom: 5px; padding-bottom: 15px; } #top_gaiyo dl dt { float: left; clear: left; width: 9em; font-weight: bold; background: #008C8B; margin-right: 0.7em; padding: 5px 0; text-align: center; color:#fff; } #top_gaiyo dl dd { float: left; width: calc(100% - 11em); margin: 5px 0; /* margin-left: 7em; */ } #top_gaiyo dl.t2l {height:2.8em;} #top_gaiyo dl.t2l dt {height:2.8em; line-height:2.8em;} /*#top_gaiyo dl.t2l dd {height:2.8em;} */ #gaiyo_map {height:350px;} #gaiyoL table.time {margin-top:20px;} .news{ } #top_oshirase .news dl {border-bottom:dotted 1px #888; margin:20px 0 10px 0; padding-bottom: 5px;} #top_oshirase .news dl:after {content="";display:block;clear:both;} #top_oshirase .news dl dt{ float:left; width: 150px; height: 50px; border: 1px solid #ccc; background-image: linear-gradient(-20deg, #ffffff 50%, #eaffff 50%, #eaffff); font-size: 1em; line-height: 50px; text-align: center; } #top_oshirase .news dl dd{ padding-left:180px; width:calc(100% - 180px); position: relative; top: -7px; } #top_oshirase .news dl dd span, #top_oshirase .news dl dd span a:link, #top_oshirase .news dl dd span a:hover, #top_oshirase .news dl dd span a:visited{ text-decoration:none; font-size:1.1em; display:block; } #top_oshirase .news dl dd p{margin-bottom:0;} .doctor_img { display:none;} #top_aisatsu { background:url(../img/top/top_aisatsu.png) no-repeat; background-position:right top; background-size:50%; min-height: 300px;} #top_aisatsu h3 { font-size:1.1em; font-weight:bold;} #top_aisatsu p { width:60%;} #top_aisatsu .common_bt p { width:auto;} .common_bt:before {clear:both;} /*.common_bt { width:10em; padding: 15px 20px; margin:20px auto 40px auto; border:solid 1px #7fc3c5; display:block; color:#444 !important; text-align:center; }*/ .common_bt { width: 12em; padding: 5px 0px 5px 8px; margin: 20px auto 0; background-color: #fff; display: block; color: #008C8B !important; text-align: center; border: solid 2px #008C8B; /* background: url(../img/common/h2_mnubox_kazari.png) no-repeat; background-position: calc(100% - 9px) center; background-size: 12%;*/ } .common_bt p { font-size: 1.1em !important; background: url(../img/sp/sp_h2.png) no-repeat; background-size: 6%; background-position: left center; margin-bottom: 0; padding: 0 0 0 18px; } /* 医院のご紹介 */ #clinic_wrapper1, #clinic_wrapper2 {float:left; clear:none; width:calc((100% - 40px)/3); margin:0 20px 30px 0; min-height:200px;} #clinic_wrapper1:nth-child(3n), #clinic_wrapper2:nth-child(3n) {margin-right:0;} #cataract .box_wrapper {margin-top:50px;} /* 診療のご案内 */ .block_treat {margin-bottom:40px;} #table-treat { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 30px auto 35px auto; } #table-treat th { text-align: center; background: #f1ffff; width:35%; font-weight:bold; /* padding-top: 20px !important;*/ /* height:20px; padding-bottom: 20px !important; */ } #table-treat td{ width:65%; } #table-treat th,#table-treat td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px; /* vertical-align: top;*/ font-size: 0.9rem; } #table-treat th{ } #table-treat td {padding:20px 30px;} .ul-first { padding: 0; margin: 0 0 20px 35px; list-style: none; } table#table-treat:last-child {margin-bottom:60px;} table.treat_exp { border:none !important;} table.treat_exp tr { border:none !important;} table.treat_exp th { border:none !important; background:transparent !important; width:100% !important; padding:0 !important; margin:0 !important; display:block !important;} table.treat_exp tr:first-child th span { width: 100%; display: block; background-color: #f1ffff; color:#008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em; } table.treat_exp tr:nth-child(2) th span { width: 100%; display: block; background-color: #008C8B; color:#fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em;} table.treat_exp tr td h4 { font-weight:bold; color:#008C8B; line-height:1.4em; margin-bottom:10px;} table.treat_exp td { border:none !important; width:100% !important; padding:20px 0 !important; margin:0 !important; display:block !important;} table.treat_exp tr:first-child td {padding-bottom:30px !important;} table.treat_exp tr:nth-child(2) td {padding-bottom:0 !important;} table.treat_exp tr td p {padding-bottom:0 !important;margin-bottom:0 !important;} .treat_list {display:block; width:calc((100% - 40px) / 2); margin-left:10px; margin-right:10px; min-height:503px;} .treat_img_p {float: left; margin:10px 25px 30px 0;width: 360px;} /* 初診について */ #first_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(50% - 20px);padding-right:20px; margin-top:20px;} #first_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:calc(50% - 20px);padding-left:0; margin-top:20px;} #first_wrapper2 .LRinner_wrapper:nth-child(even) {float:left; width:calc(50% - 20px);padding-right:20px; margin-top:20px;margin-bottom:40px;} #first_wrapper2 .LRinner_wrapper:nth-child(odd) {float:left; width:calc(50% - 20px);padding-left:0; margin-top:20px; margin-bottom:40px;} table#first_about tr td ul li {float:left; margin-right:3em;} table#first_about tr td ul li:nth-child(3), table#first_about tr td ul li:nth-child(4) { float: none;clear: both;} #first_wrapper3-1 { margin-bottom:30px;} #first_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:185px; padding-right:30px; margin-top:0px;} #first_wrapper3-1 .LR_wrapper:nth-child(even) {float:left; width:calc(100% - 215px); margin-top:0px;} .first_pdf {background: #F2F2EA;padding: 10px; font-size: 0.9em; width:calc(100% - 30px); height:75px; margin: 0 0 0 0;} .first_pdf p#pdf_f { width:calc(100% - 280px); float: left; margin-top:8px;} .first_pdf a img { width:250px; float: right; margin: 0 0 0 14px;} #table-first { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 30px auto 35px auto; } #table-first th { text-align: center; background: #f1ffff; width:35%; font-weight:bold; /* padding-top: 20px !important;*/ /* height:20px; padding-bottom: 20px !important; */ } #table-first td{ width:65%; } #table-first th,#table-first td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px; /* vertical-align: top;*/ font-size: 0.9rem; } .ul-first { padding: 0; margin: 0 0 20px 35px; list-style: none; } .ul-first li { padding-left: 2.5em; text-indent: -2.5em; margin: 0; } .first_flow { clear:both; min-height:200px;} .first_flow:after { clear:both;} .first_flow_L { float:left; width:calc(20% + 20px); margin:10px 20px 5px 0;} .first_flow_R { float:left; width:calc(80% - 50px); margin:10px 0 5px 0; min-height:140px;} .first_flow .first_flow_L img { width:calc(100% - 10px); border:solid 5px #7fc3c5;} .first_flow .first_flow_R h3 { display:block; background:#7fc3c5; color:#fff; font-weight:bold; padding:5px 15px;} .first_flow .first_flow_R h3 span { font-size:1.2em; font-weight:normal;} .first_flow .first_flow_R p { font-size:0.9em !important;padding:5px 1em 20px 3em;} .first_privacy {margin:0 auto 40px auto; background:#f1ffff;} /* 医師プロフィール */ .doctor_obi {background:#F2F2EA url(../img/doctor/doctor_obi.png) no-repeat; background-position:center center; background-size:cover; min-height:540px; padding:40px 0; margin-bottom:60px;} p.doctoren {width:565px; margin:20px 0 0 0; line-height:1.7em; } dl.block { width: 100%; border-bottom: dashed 1px #d3d3d3; padding-bottom: 30px; display: block; margin: 30px auto; } dl.block dt { float:left; width: 20%; padding: 0; color: #FFF; font-weight: bold; font-size: 1.4em; position: relative; } dl.block dd { padding: 9px 0 0 calc(20% + 70px); font-size:1em;line-height: 2em;} .komidashi { width: 100%; display: block; background-color: #008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 10px auto 30px auto; font-size: 0.7em;} .list_top { margin: 8px 0 5px 0; float: left; color: #008C8B; width: 100px; display: block; font-weight: bold; font-size: 1em;line-height:1em; } /*.list_top:first-child{margin-top:0;} */ /* アクセス */ #access_map { width:100%; height:400px; margin-bottom:10px;} .access_btn_map {width:100%; height:55px; text-align:center; line-height:55px; color:#fff; background:#008C8B;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .access_hr {border:solid 1px #008C8B; margin:10px 0;} .access_fl {float:left; width:275px; margin-right:10px;} #access_wrapper1 {margin-bottom:70px;} #access_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(100% - 470px);margin-right:30px; margin-top:10px; position:relative; min-height:224px;} #access_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:440px;padding-left:0; margin-top:10px;} #access_wrapper1 .LR_wrapper:first-child img {width:70%;} #access_wrapper1 .LR_wrapper:first-child img:nth-child(2) {position:absolute; right:0; bottom:0;} .access_tbl {width:100%; position:relative;} .access_tbl tr th {width:calc(100% - 20px); display:block; color:#008C8B; font-size:1em; text-align:center; padding:20px 10px; border-bottom:solid 1px #008C8B;} .access_tbl tr th i {margin-bottom:5px;} .access_tbl tr:first-child td:nth-child(2) {width:calc(75% - 30px); margin-right:30px; display:block; text-align:left; padding:20px 0; } .access_tbl tr:first-child td:nth-child(3) {width:25%; display:block; color:#008C8B; position:absolute; right:0; top:20%;} .access_tbl tr:nth-child(2-) {clear:left;} .access_tbl tr td:nth-child(2) {width:100%; display:block; text-align:left; padding:20px 0; } .access_tbl tr td:nth-child(2) span {font-weight:bold;color:#008C8B;} .access_tbl tr td:nth-child(3) {width:100%; display:block; color:#008C8B; } /* .access_tbl tr:last-child th, .access_tbl tr:last-child td:nth-child(2), .access_tbl tr:last-child td:nth-child(3) {border:none;} */ .access_tbl tr:nth-child(2) td, .access_tbl tr:nth-child(3) td {text-align:center;} .clinic_list {display:block; width:calc((100% - 40px) / 2); margin-left:10px; margin-right:10px; min-height:510px;} /* .lens-bc{ padding: 20px; margin: 0; width: calc(100% - 40px); height: 100%; overflow: hidden; } .lens-bc img{ display:block; float:left; width:calc(50% - 64px); min-height:266px; margin:20px 32px;}*/ #footer { margin-top: 60px;} #ftrL { position:relative;} /* #ftrC { float:left; width:calc(100% - 289px); padding:0 15px;} #ftrR { clear:both; width:100%;} */ /* 診療のご案内 */ .treat_rinen {width:calc(100% - 40px); height:430px; background:#F2F2EA url(../img/treat/treat_bg_logo.png) no-repeat; background-position:center 26px; background-size:60%; position:relative; text-align:center; margin:0 auto;} .treat_rinen h3 {position:relative; top:45px; font-size:1.5em; letter-spacing: 2px; font-weight:bold;} .treat_rinen p {position:relative; top:40px; line-height:2em;} .treat_rinen p:last-child {position:relative; top:50px; font-size:1.2em;} #treat_wrapper1 .LR_wrapper dl {margin-bottom:5px; padding-bottom:13px; border-bottom:dotted 1px #ccc;} #treat_wrapper1 .LR_wrapper dl dt {font-size:1em; float:left;} #treat_wrapper1 .LR_wrapper dl dt span {font-size:1.4em;} #treat_wrapper1 .LR_wrapper dl dd {font-size:1em; padding-left:3em; position:relative; top:0.4em;;} .kasane2 {position: relative; left:9px;color: #fff; } .kasane2:before { content: ""; display: block; position: absolute; top: 0px; left: -9px; width: 1.4em; height: 1.4em; border-radius: 20px; background-color: #008C8B; z-index: -1; } #treat_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(100% - 312px);padding-right:30px; margin-top:40px;} #treat_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:282px;padding-left:0; margin-top:40px;} #treat_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:calc(78% - 30px);padding-right:30px; margin-top:-10px;} #treat_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:calc(22% - 30px);padding-left:30px; margin-top:-10px;} #treat_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #treat_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:calc(35% - 20px); padding-right:20px; margin-top:0px;} #treat_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:65%; margin-top:0px;} #treat_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:31px; border-bottom: 30px solid #008C8B;} #treat_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} table#treat_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; margin-bottom:1em;} table#treat_about tr th a, table#treat_about tr th a:hover, table#treat_about tr th a:visited, table#treat_about tr th a:link {color:#fff !important;} table#treat_about tr td a p, table#treat_about tr td a:hover p, table#treat_about tr td a:visited p, table#treat_about tr td a:link p {color:#444 !important;} table#treat_about tr th {color:#fff; background:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:34px 15px 0; text-align:center; width: calc(30% - 30px); height:100%; display:inline-block; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;} table#treat_about:nth-child(1) tr th, table#treat_about:nth-child(2) tr th {padding-top:40px;} table#treat_about tr td {width:calc(70% - 30px); display:inline-block; padding:20px 15px;} table#treat_about:nth-child(1) tr th, table#treat_about:nth-child(2) tr th, table#treat_about:nth-child(3) tr th {padding-top:58px;} .treat_menu_ico01 {width:54px; height:33px;display:block;margin:5px auto;} .treat_menu_ico02 {width:60px; height:48px;display:block;margin:5px auto;} .treat_menu_ico03 {width:38px; height:48px;display:block;margin:5px auto;} .treat_menu_ico04 {width:55px; height:42px;display:block;margin:5px auto;} .treat_menu_ico05 {width:61px; height:26px;display:block;margin:5px auto;} .treat_menu_ico06 {width:54px; height:44px;display:block;margin:5px auto;} /* 診療のご案内P 診療時間 */ #treat_tbl_ara table.time {width:100%;} #treat_tbl_ara table.time tr th {padding:10px 5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:1.1em; } #treat_tbl_ara table.time tr th:nth-child(n+2) {width:63px;} #treat_tbl_ara table.time tr.tblAM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblAM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblPM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblPM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblOP td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblOP td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} table#cataract_about tr td ul li {float:left; margin-right:3em;} #cataract_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(73% - 30px);margin-right:30px; margin-top:-10px;} #cataract_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:calc(27% - 30px);margin-left:30px; margin-top:-10px;} #cataract_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:calc(78% - 30px);margin-right:30px; margin-top:-10px;} #cataract_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:calc(22% - 30px);margin-left:30px; margin-top:-10px;} #cataract_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #cataract_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:calc(35% - 20px); margin-right:20px; margin-top:0px;} #cataract_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:65%; margin-top:0px;} #cataract_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:calc(50% - 30px); width:60px;height:31px; border-bottom: 30px solid #008C8B;} #cataract_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} #glaucoma_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:calc(27% - 30px);padding-right:30px; margin-top:-10px;} #glaucoma_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:73%;padding-left:0; margin-top:-10px;} #glaucoma_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:calc(78% - 30px);padding-right:30px; margin-top:-10px;} #glaucoma_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:22%;padding-left:0; margin-top:-10px;} #glaucoma_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #glaucoma_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:calc(35% - 20px); padding-right:20px; margin-top:0px;} #glaucoma_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:65%; margin-top:0px;} #glaucoma_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:31px; border-bottom: 30px solid #008C8B;} #glaucoma_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} #treat .box_wrapper, #cataract .box_wrapper, #glaucoma .box_wrapper { margin-top: 80px; } /* フッターロゴ */ #f_logo { padding:20px ; width:200px; min-height:135px;} #f_time_tbl table.time {font-size:1em;} /* クリニック情報 */ #f_clinicdata { display: block; width: calc(100% - 250px);margin: 0; text-align: left; background-color:transparent;position: absolute; left: 160px; top: 15px;} #f_clinicdata dl { width:580px; clear: both; min-height: 1.4em; line-height: 1.4em; margin-bottom: 5px; padding-bottom: 15px;} #f_clinicdata dl dt { float: left; /* clear: left;*/ width: 100px; color:#008C8B; font-weight:bold; margin-right: 0.7em; padding: 5px 0; text-align: center; } #f_clinicdata dl dd { /*float: left;*/ margin: 5px 0;padding-left:120px;padding-top:5px; } #f_clinicdata2 { display: block; width: calc(100% - 10px);margin:30px auto 20px auto; text-align: left; background-color:transparent;} #f_clinicdata2 dl { clear: both; width: 100%; min-height: 1.4em; line-height: 1.4em; margin-bottom: 5px; padding-bottom: 15px;} #f_clinicdata2 dl dt { float: left; clear: left; width: 100px; color:#008C8B; font-weight:bold; margin-right: 0.7em; padding: 5px 0; text-align: center; } #f_clinicdata2 dl dd { float: left; margin: 5px 0; padding:0; width: calc(100% - 115px); } #f_clinicdata_tab {clear:both; display:block; width: calc(100% - 30px); margin:20px auto 0; text-align:center; background-color: #FFFFDF; } #f_clinicdata_tab dl dt { background-color:transparent; border-bottom:dotted 1px #008C8B; padding:2px 0; margin-bottom: 5px; color:#008C8B; font-weight:bold; } #f_clinicdata_tab dl dd {padding: 0 5% 10px;/* margin-bottom: 10px; */} #f_time_tbl {/*width:calc(100% - 30px);*/ margin:0 auto 30px;;} .time_add { background:#7fc3c5; color:#fff; width:calc(100% - 6px); text-align:right; padding:5px; margin-left:3px;margin-bottom: 40px;} .time_add tr td {padding:5px; font-size:0.9em;} /* フッター診療時間 */ #footer table.time tr th:nth-child(n+2) {width:56px;} #footer table.time tr:first-child {background:#7fc3c5;} #footer table.time tr th {padding:5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:0.8em;} #footer table.time tr.tblAM td {font-size:1.2em;} #footer table.time tr.tblAM td:first-child {font-size:0.8em;background:#7fc3c5;} #footer table.time tr.tblPM td {font-size:1.2em;} #footer table.time tr.tblPM td:first-child {font-size:0.8em;background:#7fc3c5;} #footer table.time tr.tblOP td {font-size:1.2em;} #footer table.time tr.tblOP td:first-child {font-size:0.8em;background:#7fc3c5;} #footer .dsp_flg {display:none;} #footer table.time tr.tblAM td:nth-child(8), #footer table.time tr.tblPM td:nth-child(4), #footer table.time tr.tblPM td:nth-child(7), #footer table.time tr.tblPM td:nth-child(8), #footer table.time tr.tblOP td:nth-child(2), #footer table.time tr.tblOP td:nth-child(3), #footer table.time tr.tblOP td:nth-child(4), #footer table.time tr.tblOP td:nth-child(6), #footer table.time tr.tblOP td:nth-child(7), #footer table.time tr.tblOP td:nth-child(8) {font-size:0.8em;} /* #footer table.time {font-size:0.6em;} #footer table.time,table.time_add, #footer div.time_add { border-collapse:collapsed;} #footer table.time tr th, #footer table.time tr.tblAM td, #footer table.time tr.tblPM td, #f_clinicdata_tab dl table.time tr th, #f_clinicdata_tab dl table.time tr.tblAM td, #f_clinicdata_tab dl table.time tr.tblPM td, #footer table.time tr.tblOP td, #f_clinicdata_tab dl table.time tr.tblOP td {border:solid 1px #ccc;} */ #footer table.time_add td,div.time_add { border:solid 1px #ccc; text-align:right; } #footer div.time_add { display:block;} #footer table.time { margin:10px 0;} /* STUFF */ /*#top_qjin {margin:40px auto -30px auto;}*/ table#top_stuff {display:block; width:100%;} table#top_stuff tr td {display:block; width:calc(100% - 40px) !important; border:none !important;} table#top_stuff tr td:first-child {padding-bottom:0;} /* table#top_stuff tr td div span:nth-child(2):before {content: "\A" ; white-space: pre ;} .stuff_inner1 {display:block; width:100% !important; padding-bottom:0 !important;} .stuff_inner2 {display:block; width:100% !important;} table#top_stuff tr:nth-child(3) td {width:20%;} table#top_stuff tr:nth-child(3) td:first-child {width:27%;} table#top_stuff tr:nth-child(3) td:nth-child(2) {width:25%;} table#top_stuff tr:nth-child(3) td:last-child {width:28%;} table#top_stuff tr td dl dt {padding:2px 28px;} */ /* table#top_stuff {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em; margin-top:80px; background:#F2F2EA;text-align:center; font-size:1.2em;} table#top_stuff tr th {background:#008C8B; color:#fff; font-size:1.1em; border-bottom:solid 1px #fff; padding:8px 15px;border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; } table#top_stuff tr td {padding:20px 10px 20px 20px; vertical-align:top;} table#top_stuff tr:nth-child(3) td {padding-top:0; text-align:left;} table#top_stuff tr td div {background:#fff; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; padding:10px 15px;; text-align:left; font-size:1.1em;} table#top_stuff tr td div span {color:#008C8B; } table#top_stuff tr td div span:nth-child(2) {margin-left:20px;} table#top_stuff tr:nth-child(3) td {border-right:dashed 1px #DCDCC7;width:15%;} table#top_stuff tr:nth-child(3) td:first-child {width:27%;} table#top_stuff tr:nth-child(3) td:nth-child(2) {border-right:dashed 1px #DCDCC7;width:32%;} table#top_stuff tr:nth-child(3) td:last-child {border-right:none;width:26%;} table#top_stuff tr td dl dt {color:#008C8B; background:#D4ECEA; border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px; padding:2px 35px; display:inline; clear:both; margin-bottom:10px;} table#top_stuff tr td dl dd {display:block; margin-top:10px; font-size:0.8em;} table#top_stuff tr td ul {margin:0; padding:0;} table#top_stuff tr td ul li {list-style:disc; color:#008C8B; } table#top_stuff tr td ul li span {color:#444;} table.stuff_inner {margin:0; padding:0;} .stuff_inner1 {border:none !important; width:47% !important; padding:0 ;} .stuff_inner2 {border:none !important; width:53% !important; padding:0;} .stuff_ara {text-align:center;} .stuff_str {color:#008C8B; } .stuff_ico {color:#008C8B; position:relative; top:5px; } .stuff_nbr {color:#008C8B; position:relative; top:5px; font-size:2.4em;} .stuff_add {color:#444 !important;} */ /* WordPress */ #widget_btn_2list { clear: both; padding-bottom: 40px;} #widget_btn_2list #top_btn_oshirase { text-align: center; position: relative; bottom: 0; right: 0; } #primary,#secondary {width:calc(100% - 30px); margin:auto; font-size:0.85em; float:none !important;} #secondary .common_bt {width:20em !important; padding: 15px 0px 15px 8px !important;} /* top_qjin */ #top_qjin {display:block; width:100%; height:200px; background:#D5F1F2; position:relative;} .top_qjin_L {display:block; width:310px; height:50px; background:url(../img/top/top_qjin_L.png) no-repeat ; position:absolute; left:36px; top:0; text-indent:-9999%; overflow:hidden;} .top_qjin_R {display:block; width:153px; height:50px; background:url(../img/top/top_qjin_R.png) no-repeat ; position:absolute; left:0; right:0; bottom:0; margin:auto; text-indent:-9999%;} #stuff1{ position: absolute; left: 56px; top: 90px;} #stuff2{ position: absolute; left: 250px; top: 90px;} #stuff3{ position: absolute; left: 337px; top: 90px;} .qjin{display:inline-block; background:#fff; color:#00888B; font-size:1.1em; padding:3px 6px 1px;} } /*----------------------------------------------------- */ /* 個別指定 for TAB large */ /*----------------------------------------------------- */ @media screen and (min-width: 934px) and (max-width: 1039px) { .mnubox {display:block; width:calc((100% - 60px) / 3); float:left; margin:10px;} .hdr_upr { padding: 23px 0 0 0; } #f_clinicdata2 {margin-top:0;} table#treat_about:last-child tr th {padding-top:16px;} /* アクセス */ #access_map { width:100%; height:400px; margin-bottom:10px;} .access_btn_map {width:100%; height:55px; text-align:center; line-height:55px; color:#fff; background:#008C8B;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .access_hr {border:solid 1px #008C8B; margin:10px 0;} .access_fl {float:left; width:275px; margin-right:10px;} #access_wrapper1 .LR_wrapper:first-child img {width:270px;} #access_wrapper1 {margin-bottom:70px;} #access_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:494px;padding-right:30px; margin-top:10px;} #access_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:440px;padding-left:0; margin-top:10px;} .access_tbl {width:100%;} /*.access_tbl tr th {width:200px; color:#008C8B; font-size:1em; text-align:center; padding:20px 10px; border-bottom:solid 1px #ccc;}*/ .access_tbl tr td:nth-child(2) {width:calc(100% - 493px); text-align:left; padding:20px 10px; border-bottom:solid 1px #ccc;} .access_tbl tr td:nth-child(2) span {font-weight:bold;color:#008C8B;} .access_tbl tr td:nth-child(3) {width:293px; color:#008C8B; border-bottom:solid 1px #ccc;} .access_tbl tr td {border:none !important;} /* フッター診療時間 */ #footer table.time tr th:nth-child(n+2) {width:76px;} #h_shoulder p {font-size:0.7em;color:#008C8B;position: absolute;top: 4px;} } /*----------------------------------------------------- */ /* 個別指定 for PC */ /*----------------------------------------------------- */ @media screen and (min-width: 1040px) { .sp_none{} .pc_none{display:none;} .box_30 {width:calc(100% - 60px); margin:0 auto;} .box_35 {width:calc(100% - 70px); margin:0 auto;} .gaikan_all ul{ width:33%; float:left;} .gaikan_all ul p{ font-size:14px; margin:10px 0 20px !important; } /* fook */ .only_tab, .only_sp { display:none;} .only_pc { display:inline;} .box_all { width:100%; clear:both;} .box_pc { width:1040px; clear:both; margin:0 auto;} .box_cont {width: 1040px; margin: 0 auto 20px auto; position: relative;} #top_gaiyo .box_cont, #top_aisatsu .box_cont, #top_oshirase .box_cont {width:100%;} /*--------------------------------------------- ** ヘッダー記述 ---------------------------------------------*/ #header { margin-bottom:80px;} #top #header { margin-bottom:20px;} #h_logo_wrapper { padding-top: 0px; width: 1040px; height:200px; border: none; background: none; margin:0 auto; position:relative } .header_inner { width:1040px; margin:0 auto; position:relative;} #h_shoulder { padding-left:11px; padding-top: 0px;} #h_shoulder p { font-size:0.8em; color:#008C8B;} #top #hdr_ara { background-position:center bottom !important; height:600px;} /*534px;}*/ #hdr_ara { background-position:center bottom !important; height:500px;} /*534px;}*/ .hdr_upr { width: 100%; height: 504px; background: url(../img/common/hdr_bg.png) no-repeat; background-position: center 0; /*-28px; */ /* -40px */ margin: 0 0 0 0; border-top: 13px solid #FBFBFB; } .hdr_tel { position: absolute; right: 490px; top: 30px; width: 270px; border-right:1px solid #BED1C2; padding-right:10px; } .hdr_tel img{ width: 270px; } .hdr_tel2 { position: absolute; right: 285px; top: 30px; width: 192px; line-height: 1.0; } .hdr_tel2::before{ content:'外来予約専用電話'; background-color:#008688; width:192px; display:block; color:#fff; font-size:0.7em; text-align:center; padding:4px 0 3px; } .hdr_opn { position: absolute; right: 5px; top: 32px; width: 270px; } #img_main { width:1040px; margin:20px auto; } .top_img_main {} #gairai_top { width:100%; padding:0 0 ; } #gairai_top div { width:100%; padding:20px 0 20px ; } #gairai_top .gai_dl{ clear: both; margin:3% auto 0; min-height: 1.4em; line-height: 1.4em; margin-bottom: 5px; padding-bottom: 15px;} #gairai_top .gai_dl dt{float: left; clear: left; width: 100px; color: #008C8B; font-weight: bold; margin:0 0.7em 5px 0; padding: 5px 0; text-align: center; background-color: #EAEAEA;} #gairai_top .gai_dl dd{float: left; margin: 5px 0; padding: 10px 0 10px 10px; width:calc(100% - 110px - 0.7em); position:relative;color: #008C8B; font-size:1.8rem;font-weight:bold;} #gairai_top .gai_dl2{ clear: both; margin:1% auto 0; min-height: 1.4em; line-height: 1.4em; margin-bottom: 5px; padding-bottom: 15px; font-size:0.9em;} #gairai_top .gai_dl2 dt{float: left; clear: left; width: 90px; margin:0 0.7em 5px 0; padding: 5px 0;} #gairai_top .gai_dl2 dd{float: left; padding: 5px 0; width:calc(100% - 110px - 0.7em);} #top_aisatsu { width:100%; background: url(../img/top/top_aisatsu.png) no-repeat; background-position: right top; background-size: 75%; min-height: 300px;} #top_gaiyo, .section_wrapper { width: 1040px; margin:0 auto; position:relative;} .section_wrapper .box_wrapper { float:left; width:calc(50% - 31px);} .section_wrapper .box_wrapper:nth-child(odd) { padding-right:30px; border-right:solid 1px transparent; } .section_wrapper .box_wrapper:nth-child(odd):after { content: ""; line-height: 0; display: block; overflow: hidden; position: absolute; right:calc(50% - 1px);top: 75px; height: calc(100% - 124px); border-right: 1px solid #008C8B; } .section_wrapper .box_wrapper:nth-child(even) { padding-left: 30px; } .section_wrapper a.bnr_href/* section*/ { width: 480px; display:block; float:left; margin-bottom:20px;} .section_wrapper a.bnr_href/* section*/:nth-child(even) { margin-left:20px;} .section_wrapper a.bnr_href/* section*/:last-child { clear:left;} /* .section_wrapper section { width: calc(50% - 30px); display:block; float:left; margin-bottom:20px;} .section_wrapper section:nth-child(even) { margin-left:30px;} .section_wrapper section:last-child { clear:left;} */ .section_wrapper:after, .section_wrapper:before { content: ""; clear: both; display: block; } .top_aisatsu_bg {background:#F0F0E1 url(../img/top/top_doctor.png) no-repeat; background-position:center 86px; padding-bottom:10px;} #top_aisatsu .box_cont {width:66%; margin:0;} #top_aisatsu h3 { font-size: 1.2em;font-weight: bold;} #top_gaiyo {min-height:750px;} /* ロゴ */ #logo {width: 200px;height:200px;position: absolute;left: 10px;top: 34px;} #logo a h1{ display:block; width: 360px; height:200px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/sp/sp_logo.png) no-repeat; margin:0; padding:0; background-size: 45%; } #logo a h1:before { content:""; display: block; padding-top: 18%; } #logo a h1:hover{ opacity:0.8;} #logo a h1 span{display: none;} /* index */ #top_clinicdata { display: block; width: 100%; margin: 0; text-align: left; background-color: transparent; } #top_clinicdata dl { clear: both; width: 100%; min-height: 1.4em; line-height: 1.4em; margin-bottom: 5px; padding-bottom: 15px; } #top_clinicdata dl dt { float: left; clear: left; width: 100px; color: #008C8B; font-weight: bold; margin:0 0.7em 5px 0; padding: 5px 0; text-align: center; background-color: #EAEAEA; } #top_clinicdata dl dd { float: left; margin: 5px 0; padding: 0 0 10px 10px; width:calc(100% - 110px - 0.7em); position:relative; } .top_bg_pc {width:100%;padding:30px 0 10px 0;background:#e6e5d5;margin: 50px 0;} #top_oshirase { width: 1040px; margin:0 auto; position:relative; } .top_oshirase{ width:100%; padding:20px 0; background:#e6e5d5 url(../img/top/top_bg_oshirase.png) no-repeat; background-position:center top; max-height: 420px; } .top_oshirase .h2_wrapper_alt {width:1040px; margin: 0 auto; position: relative;} .news{ } #top_oshirase .news dl {border-bottom:dotted 1px #888; margin:20px 0 10px 0; padding-bottom: 5px;} #top_oshirase .news dl:after {content="";display:block;clear:both;} #top_oshirase .news dl dt{ float:left; width: 150px; height: 50px; border: 1px solid #ccc; background-image: linear-gradient(-20deg, #ffffff 50%, #eaffff 50%, #eaffff); font-size: 1.2em; line-height: 50px; text-align: center; } #top_oshirase .news dl dd{ padding-left:180px; width:calc(100% - 180px); position: relative; top: -7px; } #top_oshirase .news dl dd span, #top_oshirase .news dl dd span a:link, #top_oshirase .news dl dd span a:hover, #top_oshirase .news dl dd span a:visited{ text-decoration:none; font-size:1.2em; display:block; } #top_oshirase .news dl dd p{margin-bottom:0;} .layerTransparent { /* background-color: rgba(255,255,255,0.5); height: 210px; */} .top_h3_wrapper_01 { width:480px; height: 210px; background:url(../img/top/top_bg_01.png) no-repeat; position:relative; } .top_h3_wrapper_01:before { content:""; display: block; padding-top: 0; overflow: hidden;} .top_h3_wrapper_02 { width:480px; height: 210px; background:url(../img/top/top_bg_02.png) no-repeat; position:relative; } .top_h3_wrapper_02:before { content:""; display: block; padding-top: 0; overflow: hidden;} .top_h3_wrapper_03 { width:480px; height: 210px; background:url(../img/top/top_bg_03.png) no-repeat; position:relative; } .top_h3_wrapper_03:before { content:""; display: block; padding-top: 0; overflow: hidden;} .top_h3_wrapper_04 { width:480px; height: 210px; background:url(../img/top/top_bg_04.png) no-repeat; position:relative; } .top_h3_wrapper_04:before { content:""; display: block; padding-top: 0; overflow: hidden;} a section div p, a:hover section div p, a:visited section div p {color:#444;} .mnubox {display:block; width:320px; min-height:352px; float:left; margin-left:40px; background:#fff;} .mnubox:first-child {margin-left:0;} .mnubox p {display:block; padding:0 15px; position:relative; top:15px;} .top_midashi_h3 { position: relative; font-size: 1.5rem; position: absolute; top: 40px !important; left: 20px !important; width: 330px !important;} .top_after_midashi { position:absolute; left:20px; top:100px; width:250px; font-size: 0.9em;} /* a .top_midashi_h3 .top_midashi_s, a:hover .top_midashi_h3 .top_midashi_s, a:visited .top_midashi_h3 .top_midashi_s, a .top_midashi_h3 .chgclr1st, a:hover .top_midashi_h3 .chgclr1st, a:visited .top_midashi_h3 .chgclr1st {color:#008C8B} */ #gaiyoL { width:480px; min-height:500px; float:left; margin-right:20px; position:relative;} #gaiyoR { width:480px; min-height:500px; float:left; position:relative;} #top_gaiyo dl { clear: both; width: 100%; min-height: 1.4em; line-height: 1.4em; margin-bottom: 10px; padding-bottom: 20px;} #top_gaiyo dl:after { clear:both;} #top_gaiyo dl dt { float: left; clear: left; width: 9em; font-weight: bold; background: #008C8B; margin-right: 0.7em; padding: 10px 0; text-align: center; color:#fff;} #top_gaiyo dl dd { float: left; width: calc(100% - 11em); padding:10px; background: #f1ffff;} #top_gaiyo dl.p3l {height:3.83em;} #top_gaiyo dl.p3l dt {height:4.2em; line-height:4.2em;margin-bottom:10px;} /*#top_gaiyo dl.p3l dd {height:2.8em;} */ #gaiyo_map {height:448px;} #gaiyoL table.time {margin-top:20px;} #gaiyoL table.time:after {clear:both;} #treat .box_wrapper, #cataract .box_wrapper, #glaucoma .box_wrapper {margin-top:50px;} /* 診療のご案内 */ .block_treat {margin-bottom:40px;} .h3_treat {font-size:1.5em !important; margin-bottom:20px !important;} #table-treat { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 20px auto 35px auto;} #table-treat th { text-align: center; background: #f1ffff; width:30%;/* padding-top: 20px !important;*/ } #table-treat td { width:70%;} #table-treat th,#table-treat td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px; /* vertical-align: top;*/ font-size: 1em;} #table-treat th{ /* height:40px; padding-top: 40px !important; padding-bottom: 40px !important; */ } #table-treat:last-child { margin-bottom:40px;} table.treat_exp { border:none !important;} table.treat_exp tr { border:none !important;} table.treat_exp th { border:none !important; background:transparent !important; width:100% !important; padding:0 !important; margin:15px 0 0 0 !important; display:block !important;} table.treat_exp tr:first-child th span { width: 100%; display: block; background-color: #f1ffff; color:#008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em; padding: 3px 0;} table.treat_exp tr:nth-child(2) th span { width: 100%; display: block; background-color: #008C8B; color:#fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 0 auto; font-size: 0.9em; padding: 3px 0;} table.treat_exp tr td h4 { font-weight:bold; color:#008C8B; line-height:1.4em; margin-bottom:10px;} table.treat_exp td { border:none !important; width:100% !important; padding:20px 0 !important; margin:0 !important; display:block !important;} table.treat_exp tr:first-child td {padding-bottom:10px !important;} table.treat_exp tr:nth-child(2) td {padding-bottom:5px !important } table.treat_exp tr td p {padding-bottom:0 !important;margin-bottom:0 !important;} .treat_list {display:block; width:calc((100% - 60px) / 3); margin-left:10px; margin-right:10px; min-height:490px;} .treat_list:last-child { margin-bottom:40px;} .treat_img_p {float: left; margin:10px 25px 30px 10px;width:calc((100% - 60px) / 3);} /* 初診について */ #first_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:370px;padding-right:30px; margin-top:-10px;} #first_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:640px;margin-top:-10px;} #first_wrapper1 .LRinner_wrapper:nth-child(odd) {float:left; width:calc(50% - 24px);padding-right:24px; margin-top:20px;} #first_wrapper1 .LRinner_wrapper:nth-child(even) {float:left; width:calc(50% - 24px);margin-top:20px;} #first_wrapper3-1 { margin-bottom:30px;} #first_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:370px; padding-right:30px; margin-top:0px;} #first_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:640px; margin-top:0px;} .first_pdf {background: #F2F2EA;padding: 10px; font-size: 0.9em; width:100%; height:75px; margin: 0 0 0 0;} .first_pdf p#pdf_f { width:calc(100% - 270px); float: left; margin-top:8px;;} .first_pdf a img { width:250px; float: right; margin: 0 0 0 14px;} /* #first .box_wrapper:first-child {width:50%; float:left;} #first .box_wrapper:nth-child(2) {width:50%; float:left;} #first .box_wrapper:first-child .h2_wrapper .top_h2_01 {width:490px; margin-left:calc(100% - 490px);} #first .box_wrapper:nth-child(2) .h2_wrapper .top_h2_01 {width:490px; margin-right:calc(100% - 490px);} #first .box_wrapper:first-child .box_cont {width:470px; margin-left:calc(100% - 490px); margin-right:20px; margin-bottom:40px;} #first .box_wrapper:nth-child(2) .box_cont {width:470px; margin-left:20px; margin-right:calc(100% - 490px);} */ #table-first { border-right: 1px solid #008C8B; border-top: 1px solid #008C8B; border-collapse: collapse; border-spacing: 0; width: 100%; padding: 0; margin: 20px auto 80px auto; } #table-first th { text-align: center; background: #f1ffff; width:30%;/* padding-top: 20px !important;*/ } #table-first td { width:70% } #table-first th, #table-first td { border-bottom: 1px solid #008C8B; border-left: 1px solid #008C8B; font-weight: normal; padding: 8px 15px 8px 15px;/* vertical-align: top;*/ font-size: 1em; } .ul-first { padding: 0; margin: 0 0 20px 35px; list-style: none; } .first_flow { min-height:220px;} .first_flow_R:last-child { min-height:100px;} .first_flow_L { float:left; width:calc(25% + 30px); margin:10px 30px 10px 0;} .first_flow_R { float:left; width:calc(75% - 60px); margin:10px 0 10px 0;} .first_flow .first_flow_L img { width:calc(100% - 10px); border:solid 5px #7fc3c5;} .first_flow .first_flow_R h3 { display:block; background:#7fc3c5; color:#fff; font-weight:bold; padding:5px 15px;font-size: 1.2em;} .first_flow .first_flow_R h3 span { font-size:1.4em; font-weight:normal;} .first_flow .first_flow_R p { font-size:1em !important;padding:15px 0 0 3em; margin-bottom:0;} .first_flow_R:last-child { /* margin-bottom:40px; */} .first_privacy {margin:0 auto 40px auto; background:#f1ffff;} /* 診療のご案内 */ .treat_rinen {width:calc(100% - 40px); height: 340px /* 430px */; background:#F2F2EA url(../img/treat/treat_bg_logo.png) no-repeat; background-position:center 26px; background-size:60%; position:relative; text-align:center; margin:0 auto; padding-top:130px;} .treat_rinen h3 {/*position:relative; top:50px;*/ font-size:1.5em; letter-spacing: 2px; font-weight:bold; margin:0; padding:0;} .treat_rinen p {position:relative; top:40px; line-height:2em; margin-bottom:50px;} .treat_rinen p:last-child {/*position:relative; top:50px;*/ font-size:1.2em;} #treat_wrapper1 .LR_wrapper dl {margin-bottom:13px; padding-bottom:24px; border-bottom:dotted 1px #ccc;} #treat_wrapper1 .LR_wrapper dl dt {font-size:1em; float:left;} #treat_wrapper1 .LR_wrapper dl dt span {font-size:1.4em;} #treat_wrapper1 .LR_wrapper dl dd {font-size:1em; padding-left:3em; position:relative; top:0.4em;;} .kasane2 {position: relative; left:9px;color: #fff; } .kasane2:before { content: ""; display: block; position: absolute; top: 0px; left: -9px; width: 1.4em; height: 1.4em; border-radius: 20px; background-color: #008C8B; z-index: -1; } #treat_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:728px;padding-right:30px; margin-top:40px;} #treat_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:282px;padding-left:0; margin-top:40px;} #treat_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:710px;padding-right:30px; margin-top:0px;} #treat_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:270px;padding-left:30px; margin-top:0px;} #treat_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #treat_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:350px; padding-right:20px; margin-top:0px;} #treat_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:608px; margin-top:0px;} #treat_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:31px; border-bottom: 30px solid #008C8B;} #treat_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} table#treat_about {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px; border: none; background:#F2F2EA; border-collapse: separate; border-spacing: 0; width:100%; margin-bottom:1em;} table#treat_about tr th {color:#fff; background:#008C8B; font-size:1.1em; border-bottom:solid 1px #fff; padding:24px 15px; text-align:center;position:relative; width: 190px; height:100%; display:inline-block; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;} table#treat_about:nth-child(1) tr th, table#treat_about:nth-child(2) tr th {padding-top:58px;} table#treat_about tr th a, table#treat_about tr th a:hover, table#treat_about tr th a:visited, table#treat_about tr th a:link {color:#fff !important;} table#treat_about tr td a p, table#treat_about tr td a:hover p, table#treat_about tr td a:visited p, table#treat_about tr td a:link p {color:#444 !important;} table#treat_about tr td {width:758px; display:inline-block; padding:30px 20px;} .treat_menu_ico01 {width:54px; height:33px;display:block;margin:5px auto;} .treat_menu_ico02 {width:60px; height:48px;display:block;margin:5px auto;} .treat_menu_ico03 {width:38px; height:48px;display:block;margin:5px auto;} .treat_menu_ico04 {width:55px; height:42px;display:block;margin:5px auto;} .treat_menu_ico05 {width:61px; height:26px;display:block;margin:5px auto;} .treat_menu_ico06 {width:54px; height:44px;display:block;margin:5px auto;} * 診療のご案内P 診療時間 */ #treat_tbl_ara table.time {width:calc(100% - 39px);} #treat_tbl_ara table.time tr th {padding:10px 5px; color:#444; border:solid 1px #ccc; text-align:center;line-height: 1.1em;font-size:1.1em; } #treat_tbl_ara table.time tr th:nth-child(n+2) {width:84px;} #treat_tbl_ara table.time tr.tblAM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblAM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblPM td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblPM td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} #treat_tbl_ara table.time tr.tblOP td {font-size:1.2em;} #treat_tbl_ara table.time tr.tblOP td:first-child {font-size:1.1em; padding:20px;background:#D5F1F2;} /* 白内障 */ #cataract_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:610px;padding-right:30px; margin-top:0;} #cataract_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:370px;padding-left:30px; margin-top:0;} #cataract_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:680px;padding-right:30px; margin-top:0px;} #cataract_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:240px;padding-left:30px; margin-top:0px;} #cataract_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #cataract_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:350px; padding-right:20px; margin-top:0px;} #cataract_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:608px; margin-top:0px;} #cataract_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:31px; border-bottom: 30px solid #008C8B;} #cataract_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} table#cataract_about tr th, table#cataract_about tr td { padding: 8px 30px; } /* 緑内障 */ #glaucoma_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:370px;padding-right:30px; margin-top:-10px;} #glaucoma_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:640px;padding-left:0; margin-top:-10px;} #glaucoma_wrapper2 .LR_wrapper:nth-child(odd) {float:left; width:710px;padding-right:30px; margin-top:0px;} #glaucoma_wrapper2 .LR_wrapper:nth-child(even) {float:left; width:270px;padding-left:30px; margin-top:0px;} #glaucoma_wrapper3-1 {width:calc(100% - 62px); padding:30px; border:solid 1px #9B9B8C; margin-bottom:30px;} #glaucoma_wrapper3-1 .LR_wrapper:nth-child(odd) {float:left; width:350px; padding-right:20px; margin-top:0px;} #glaucoma_wrapper3-1 .LR_wrapper:nth-child(even){float:left; width:608px; margin-top:0px;} #glaucoma_wrapper3-1:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:31px; border-bottom: 30px solid #008C8B;} #glaucoma_wrapper3-1:last-child:after {content: ""; line-height: 50%; display: block; overflow: hidden; position: absolute; left:395px; width:60px;height:30px; border-bottom: none;} /* 医師プロフィール */ .doctor_obi {background:#F2F2EA url(../img/doctor/doctor_obi.png) no-repeat; background-position:center center; min-height:500px; padding-top:35px; margin-bottom:60px;} p.doctoren {width:580px; margin:20px 0 0 0; line-height:1.5em; } dl.block { width: 100%; border-bottom: dashed 1px #d3d3d3; padding-bottom: 20px; display: block; margin: 10px auto; } dl.block dt { float:left; width: 160px; padding: 0; color: #FFF; font-weight: bold; font-size: 1.2em; position: relative;} dl.block dd { padding: 14px 0 0 200px; font-size:1em;} .komidashi { width: 100%; display: block; background-color: #008C8B; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; text-align: center; margin: 10px auto 30px auto; font-size: 0.9em;} .list_top:first-child{margin-top:0;} .list_top { display:block; float:left; width:70px; margin-right:30px; color: #008C8B;font-weight: bold;} /* アクセス */ #access_map { width:100%; height:400px; margin-bottom:10px;} .access_btn_map {width:100%; height:55px; text-align:center; line-height:55px; color:#fff; background:#008C8B;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .access_hr {border:solid 1px #008C8B; margin:10px 0;} .access_fl {float:left; width:275px; margin-right:10px;} #access_wrapper1 {margin-bottom:70px;} #access_wrapper1 .LR_wrapper:nth-child(odd) {float:left; width:570px;padding-right:30px; margin-top:10px;} #access_wrapper1 .LR_wrapper:nth-child(even) {float:left; width:440px;padding-left:0; margin-top:10px;} .access_tbl {width:100%;} .access_tbl tr th {width:230px; color:#008C8B; font-size:1em; text-align:center; padding:20px 10px; border-bottom:solid 1px #008C8B;} .access_tbl tr th i {margin-bottom:5px;} .access_tbl tr td:nth-child(2) {width:calc(100% - 523px); text-align:left; padding:20px 30px 20px 10px; border-bottom:solid 1px #ccc;} .access_tbl tr td:nth-child(2) span {font-weight:bold;color:#008C8B;} .access_tbl tr td:nth-child(3) {width:293px; color:#008C8B; border-bottom:solid 1px #ccc;} /* .access_tbl tr:last-child th, .access_tbl tr:last-child td:nth-child(2), .access_tbl tr:last-child td:nth-child(3) {border:none;} */ #access i {color:#008C8B;} dl.map_ico { display:block; 100%; margin:10px auto 20px auto; text-align:left;} dl.map_ico dt { display:block; width: 2em; float:left;} dl.map_ico dd { display:block; padding-left:3em; padding-top:1.5em; font-size:1em; line-height:1.4em;} /* dl.map_ico { display:block; width:300px; margin:10px auto 20px auto; text-align:left;} dl.map_ico dt { display:block; width: 2em; float:left;} dl.map_ico dd { display:block; padding-left:3em; font-size:1em; line-height:1.4em;} */ a.btn_access_map, a.btn_access_map:hover { display:block; width:100%; margin:10px auto 60px auto; padding: 7px 0; text-align:center; background:#008C8B; color:#fff;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} a.btn_access_map i, a.btn_access_map:hover i {color:#fff} .table-access { background-color: #fff; border: 2px solid #008C8B; border-collapse: separate; border-radius: 12px; margin-bottom: 50px; line-height: 1.7; width: 100%;} .table-access th { border-right: 1px solid #008C8B; color: #008C8B; text-align: center; width: 288px; border-bottom: 1px solid #008C8B; padding: 20px 0 18px;} .table-access td { border-bottom: 1px solid #008C8B; padding: 20px 40px 18px 40px; text-align: justify; } /* 医院のご紹介 */ #clinic_wrapper1, #clinic_wrapper2 {float:left; clear:none; width:calc((100% - 40px)/3); margin:0 20px 30px 0; min-height:200px;} #clinic_wrapper1:nth-child(3n), #clinic_wrapper2:nth-child(3n) {margin-right:0;} .clinic_list {display:block; width:calc((100% - 60px) / 3); margin-left:10px; margin-right:10px; min-height:390px; min-height: 480px; } #top_btn_oshirase {padding: 5px 10px 5px 20px; margin: 10px auto 0 auto; background: url(../img/common/pc_common_bt.png) no-repeat; display: block; color: #fff !important; text-align: right; position: absolute; bottom: -27px; right: 0;} #top_oshirase div.box_cont {padding-bottom: 25px; position:relative;} #top_btn_clidata {padding: 5px 10px 5px 20px; margin: auto 0; background: url(../img/common/pc_common_bt.png) no-repeat; display: block; color: #fff !important; text-align: right; position: absolute; top:0; right: 0;} #top_btn_clidata a p {margin-bottom:0;} #top_btn_aisatsu {padding:5px 10px 5px 20px; margin: 10px auto 0 auto; background: url(../img/common/pc_common_bt.png) no-repeat; display: block; color: #fff !important; text-align: right; position: absolute; bottom: -27px; right: 0;} #top_btn_aisatsu a p {margin-bottom:0;} .oshirase_pc {clear:both; margin-top:70px; margin-bottom:40px;} .common_bt:before {clear:both;} .common_bt { } .common_bt p { display:block;margin-bottom:0;} a.common_bt:link, a.common_bt:hover, a.common_bt:visited {color:#fff !important;} #gaiyoL .common_bt {position:absolute; left: calc(240px - 5em); bottom: -148px;} #gaiyoR .common_bt {position:absolute; left: calc(240px - 5em); bottom: -140px;} /* .lens-bc{ padding: 20px; margin: 0; width: 940px; height: 100%; overflow: hidden; } .lens-bc img{ margin:20px 32px;}*/ /*--------------------------------------------- ** PC個別 フッター記述 ---------------------------------------------*/ #footer_before { width:100%; height:90px;background:url(../img/common/bg_footer_pc.png) no-repeat; background-position:center bottom;background-size: contain;margin-top: 50px;} #footer { background:#D5F1F2; padding:0 0 0 0; font-size:0.9em;} .f_nav_obi { height:50px; background:#f7fcfc;} .f_obi { height:50px; background:#008C8B;} /* フッターロゴ */ #f_logo { margin:0 0 30px 0; padding:0; width:75%;} #ftrL { float:left; width:calc(50% - 20px); margin-right:40px;} #ftrR { float:left; width:calc(50% - 20px);} /* クリニック情報 */ #f_clinicdata,#f_clinicdata2 { width: 100%; text-align:left; background-color: transparent; } #f_clinicdata dl,#f_clinicdata2 dl { margin:0; padding:0; } #f_clinicdata dl dt,#f_clinicdata2 dl dt { width: 90px; float:left; padding:0 0 0 15px; margin-bottom: 10px; color:#444; background:none; font-weight:bold; background: url(../img/sp/sp_h2.png) no-repeat; background-size: 9px;} #f_clinicdata dl dd,#f_clinicdata2 dl dd { padding: 0 0 0 105px; margin-bottom: 10px;} #f_clinicdata_tab { width: 100%; text-align:left; background-color: transparent; } #f_clinicdata_tab dl { margin:0; padding:0; } #f_clinicdata_tab dl dt { width: 90px; float:left; padding:0; margin-bottom: 10px; color:#444; background:none; font-weight:bold;} #f_clinicdata_tab dl dd { padding: 0 0 0 90px; margin-bottom: 10px;} #f_time_tbl table.time { font-size:1.2em;} #map-canvas { width: 100%; height: 455px; margin-bottom: 20px;} table#treat_about tr td ul li, table#cataract_about tr td ul li, table#glaucoma_about tr td ul li, table#first_about tr td ul li {float:left; margin-right:3em;} table#first_about tr td ul li:nth-child(3),table#first_about tr td ul li:nth-child(4){ float:none; clear:both;margin-right: 0} /* フッターナビ */ #footer-nav {} #footer-nav ul {} #footer-nav ul li { float: left; width: calc((100% - 5em - 7px) / 8); text-align: center; line-height:50px; border:none;} #footer-nav ul li a, #footer-nav ul li a:hover { font-size: 0.9em; color:#008C8B; margin:0;display: block;width: 100%;height: 100%;} #copyright { font-size: 0.8em; width:100%;line-height:50px;text-align:center; margin:0; padding:0; background-color:#008C8B; color:#FFF;} /* フッター診療時間 */ #footer table.time {font-size:0.6rem !important;} #footer table.time,table.time_add, #footer div.time_add { border-collapse:collapsed;} #footer table.time tr th, #footer table.time tr.tblAM td, #footer table.time tr.tblPM td, #f_clinicdata_tab dl table.time tr th, #f_clinicdata_tab dl table.time tr.tblAM td, #f_clinicdata_tab dl table.time tr.tblPM td, #footer table.time tr.tblOP td, #f_clinicdata_tab dl table.time tr.tblOP td {border:solid 1px #ccc;} #footer table.time_add td,div.time_add { border:solid 1px #ccc; text-align:right; } /* #footer div.time_add { display:block;} #footer table.time { margin:10px 0;} */ .time_add { background:#7fc3c5; color:#fff; width:calc(100% - 6px); text-align:right; padding:5px; margin-left:3px;margin-bottom: 40px;} .time_add tr td {padding:5px; font-size:0.9em;} /* WordPress */ #widget_btn_2list { clear: both; padding-bottom: 40px;} #widget_btn_2list #top_btn_oshirase { text-align: center; position: relative; bottom: 0; right: 0; } /* top_qjin */ #top_qjin{display:block; width:1040px; height:50px; background:#D5F1F2; position:relative;} .top_qjin_L{display:block; width:310px; height:50px; background:url(../img/top/top_qjin_L.png) no-repeat ; position:absolute; left:36px; top:0; text-indent:-9999%; overflow:hidden;} .top_qjin_R{display:block; width:153px; height:50px; background:url(../img/top/top_qjin_R.png) no-repeat ; position:absolute; left:871px; top:0; text-indent:-9999%;} #stuff1{ position: absolute; left: 365px; top: 7px;} #stuff2{ position: absolute; left: 568px; top: 7px;} #stuff3{ position: absolute; left: 660px; top: 7px;} .qjin{display:inline-block; background:#fff; color:#00888B; font-size:1.1em; padding:3px 6px 1px;} }