@charset "utf-8"; /* Ver1.0 Wirte 2017.02.14 */ /*-------------------------------------------------- ＊　リセットCSS /*-------------------------------------------------- ＊　リンク /*-------------------------------------------------- ＊　画像関連 /*-------------------------------------------------- ＊　装飾 /*-------------------------------------------------- ＊　固定ページ /*-------------------------------------------------- ＊　Print Style（印刷を考慮する場合に作成） --------------------------------------------------*/ /*-------------------------------------------------- reset css --------------------------------------------------*/ /* margin, paddingの幅を考慮せずに幅指定を可能にする */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } input, textarea,{ padding: 0; margin: 0; } input[type="button"],input[type="submit"] { -webkit-appearance: none; } ol, ul{ list-style:none; } ol li, ul li { line-height: 1.4; } table{ border-collapse: collapse; border-spacing:0; } caption, th{ text-align: left; } a:focus { outline:none; } img { width: 100%; height: auto; display: block; vertical-align: bottom; margin: 0 auto; } .inline_block { display: inline-block; *display: inline; *zoom: 1; } /* 入力フォームのパーツデザイン */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { padding: 0 14px; display: block; height: 60px; line-height: 60px; border-radius: 6px; vertical-align: middle; box-shadow: none; border: 0; width: 100%; background-color: #eaedf2; font-size: 16px; font-size: 1.6rem; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; } /* プレースホルダーの文字色 */ input.color { color: #231f20; font-weight: bold; width: 100%; } input::-webkit-input-placeholder { color: #999; font-weight: normal; } input:-ms-input-placeholder { color: #999; font-weight: normal; } input::-moz-placeholder { color: #999; font-weight: normal; } select { -webkit-appearance: none; /* 1 */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; } /* clearfixを使用する場合は、親要素のclassに「cf」を追加する */ .cf:after { content: ""; clear: both; display: block; } /*-------------------------------------------------- reset css --------------------------------------------------*/ /* PC対応 */ @media screen and (min-width: 901px) { .pc_view { display:block; } .sp_view { display:none; } } /* スマートフォン対応 */ @media screen and (max-width: 900px) { .pc_view { display:none; } .sp_view { display:block; } } /*-------------------------------------------------- リンク --------------------------------------------------*/ /*【注意】順番を入れ替えると正常に動作しなくなります*/ a { color: #231f20; text-decoration: underline; /*-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;*/ } a:visited { color: #231f20; } a:hover { color: #109dd0; background: rgba(255,255,255,0.8); cursor: pointer; } a:active { color: #231f20; } /* リンク青色 */ a.blue:visited { color: #109dd0; } /*-------------------------------------------------- 装飾 --------------------------------------------------*/ /* フォント */ .bold { font-weight: bold; } .mincho { font-family: "MS 明朝", "Yu Mincho", "YuMincho", serif; } /* 必須項目文字色 */ .hissu { color: #f8bd00; } /* カラー */ .blue { color: #109dd0; } .red { color: #ff1f20; } .green { color: #66ce4e; } .dark_green { color: #00A900; } .orn { color: #ee7f3a; } /* 下線 */ .underline { text-decoration: underline; } /* 上付き文字 */ .super { vertical-align: super; font-size: 1.0rem; } /*-------------------------------------------------- ウェブサイト全体で共通して使用するもの --------------------------------------------------*/ /* パンくずリスト */ #breadcrumb { margin: 0 auto 30px; width: 100%; background-color: #e8e8e8; } #breadcrumb .inner { padding: 0; } #breadcrumb ul { padding: 8px 0; width: 1100px; } #breadcrumb ul li { font-size: 10px; font-size: 1rem; float: left; } #breadcrumb ul li a { text-decoration: underline; color: #231F20; } #breadcrumb ul li a:hover { color: #109dd0; cursor: pointer; background: transparent; } #breadcrumb ul li.arrow { position: relative; display: inline-block; margin: 0 0 0 1%; padding: 0 0 0 2.2%; vertical-align: middle; text-decoration: none; } #breadcrumb ul li.arrow::before, #breadcrumb ul li.arrow::after { position: absolute; top: 0; bottom: 1px; left: 0; margin: auto; content: ""; vertical-align: middle; } #breadcrumb ul li.arrow::before { left: 5px; width: 4px; height: 4px; border-top: 1px solid #231f20; border-right: 1px solid #231f20; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 簡易リンク矢印（ 青色 > ） */ ul.easy_link li { position: relative; display: inline-block; padding: 0 0 0 2%; color: #000; vertical-align: middle; text-decoration: none; font-size: 12px; font-size: 1.2rem; } ul.easy_link li::before, ul.easy_link li::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } ul.easy_link li::before { left: 3px; width: 4px; height: 4px; border-top: 1px solid #109dd0; border-right: 1px solid #109dd0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 画像のサイズ */ img.l { width: 80%; } img.m { width: 50%; } img.s { width: 30%; } /*-------------------------------------------------- サイドバーとメインカラムで共通して使用するもの --------------------------------------------------*/ /* ページの見出し */ #main h1 { padding: 2% 3.75%; margin-bottom: 3.75%; font-size: 20px; font-size: 2.0rem; background-color: #109dd0; color: #fff; line-height: 1.4; } #main h2 { margin-top: 8.75%; padding-bottom: 5px; margin-bottom: 3.75%; font-size: 18px; font-size: 1.8rem; color: #109dd0; text-align: center; border-bottom: 3px solid #109dd0; line-height: 1.4; } #main h3 { margin-bottom: 15px; font-size: 18px; font-size: 1.8rem; color: #ee7f3a; line-height: 1.2; padding-left: 1.2em; text-indent: -1.2em; } #main h4 { padding-top: 5px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; color: #4cbbd0; line-height: 1.2; padding-left: 1.2em; text-indent: -1.2em; } #main h5 { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; text-align: center; } /* 見出しの例外 */ #main h3.ttl_blue { padding-top: 5px; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; color: #4cbbd0; line-height: 1.2; padding-left: 0em; text-indent: 0em; } #main h3.ttl_black { color: #231f20; } /* 見出しの例外(ルビつき) */ #main h1.ruby { padding: 3% 3.75% 1%; } /* 自動ナンバリング */ #main section h3.number { counter-increment: counter-h3; counter-reset: counter-h4; } #main section h3.number:before { content: counter(counter-h3)"."; margin-right: 0.3em; } #main section h4.number { counter-increment: counter-h4; counter-reset: counter-h5; } #main section h4.number:before { content: counter(counter-h3)"."counter(counter-h4); margin-right: 0.6em; } /* リスト型矢印（ 黒角丸 in > ） */ #main .list_arrow_base { padding: 0 0 10px 40px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; width: 100%; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; line-height: 1.4; } #main .list_arrow_base::before, #main .list_arrow_base::after { position: absolute; top: -10px; bottom: 0; left: 15px; margin: auto; content: ""; vertical-align: middle; } #main .list_arrow_base.mark::before { width: 16px; height: 16px; border-radius: 25%; background: #231f20; } #main .list_arrow_base.mark::after { left: 19px; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main .list_arrow_base a { width: 100%; height: 100%; display: block; } /* コンテンツの右に矢印 */ #main .list_arrow_base.right_arrow::before, #main .list_arrow_base.right_arrow::after { left: auto; right: 15px; } #main .list_arrow_base.mark.right_arrow::after { right: 2.5%; } /* 青い四角で囲われたリンクボタン */ #main .link_box { margin: 6.25% auto; width: 100%; } #main .link_box .btn { background: #4cbbd0; width: 375px; font-size: 16px; font-size: 1.6rem; text-align: center; color: #fff; position: relative; display: inline-block; padding: 16px 16px 16px 0; vertical-align: middle; text-decoration: none; line-height: 1.4; } #main .link_box .btn::before, #main .link_box .btn::after { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; content: ""; vertical-align: middle; } #main .link_box .btn.mark::before { width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; } #main .link_box .btn.mark::after { right: 16px; width: 5px; height: 5px; border-top: 1px solid #4cbbd0; border-right: 1px solid #4cbbd0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main .link_box .btn.mark:hover::after { border-color: #4cbbd0; } #main .link_box .btn.widen { padding: 27px 16px 27px 0; } @media screen and (min-width: 900px) { #main .link_box.various-box .btn::before, #main .link_box.various-box .btn::after { bottom: 60px; } #main .link_box .btn.various-origin { padding-bottom: 100px!important; margin-bottom: -100px; } #main .link_box .btn.various-tall { padding-top: 40px!important; } } #main .link_box .btn.wd100 { width: 100%; } #main .link_box:last-of-type { margin-bottom: 0; } #main .link_box.style2 { margin: 3% auto; width: 100%; } #main .link_box.style3 { margin: 0 auto 3%; } /* 3カラム */ #main .link_btn.unit3 { display: flex; flex-wrap: wrap; } #main .link_btn.unit3 a { display: inline-block; position: relative; width: calc(33.33% - (40px / 3)); margin-bottom: 20px; padding: 16px 16px 16px 0; background: #4cbbd0; color: #fff; font-size: 1.6rem; text-align: center; vertical-align: middle; line-height: 1.4; text-decoration: none; } #main .link_btn.unit3 a::before, #main .link_btn.unit3 a::after { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; content: ""; vertical-align: middle; } #main .link_btn.unit3 a::before { width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; } #main .link_btn.unit3 a::after { right: 16px; width: 5px; height: 5px; border-top: 1px solid #4cbbd0; border-right: 1px solid #4cbbd0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main .link_btn.unit3 a:not(:nth-of-type(3n)) { margin-right: 20px; } /* 電話番号用 */ #main .tel.link_box { margin: 10px auto; width: 100%; padding: 5px 16px; } #main .tel.link_box .btn { padding: 10px 16px 0; line-height: 1.6; } #main .tel.link_box a, #main .tel.link_box .fax { font-size: 14px; font-size: 1.4rem; font-weight: normal; text-align: left; padding: 20px 30px!important; line-height: 1.2!important; } #main .tel.link_box a span,#main .tel.link_box .fax span { font-size: 30px; font-size: 3.0rem; line-height: 1.6; vertical-align: middle; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; display: inline-block; } #main .tel.link_box a .names,#main .tel.link_box .fax .names { font-size: 20px; font-size: 2.0rem; } #main .tel.link_box a .hours,#main .tel.link_box .fax .hours { font-size: 15px; font-size: 1.5rem; } #main .tel.link_box a svg,#main .tel.link_box .fax svg { width: 26px; height: 26px; margin-right: 0.3em; vertical-align: middle; display: inline-block; } #main .tel.link_box.tel2 { padding: 5px 0; } @media screen and (min-width: 900px) { #main .tel.link_box.various-box { overflow: hidden; } } /* メールアドレス用 */ #main .tel.link_box a span.mail { font-size: 22px; font-size: 2.0rem; line-height: 2.4; } /* シンプルな電話番号マークをつける */ .tel_icon:before { margin:0 10px 0 0; content: ""; display: inline-block; width: 18px; height: 18px; background:url(/svg/tel_mark.svg); background-size: contain; vertical-align: middle; } /*-------------------------------------------------- メインカラムでのみ使用するもの --------------------------------------------------*/ /* dlリスト */ #page dl { width: 100%; display: block; } #page dl dd { width: 100%; padding-left: 4em; text-indent: -2.9em; } #page dl dd:nth-child(1):before { content: '(ア)'; margin-right: 1em; } #page dl dd:nth-child(2):before { content: '(イ)'; margin-right: 1em; } /* dlリスト病院指標更新履歴箇所 */ #page dl.hist_list dt { width: 160px; } #page dl.hist_list dd { margin-left: 0 !important; padding-left: 0; text-indent: 0; } #page dl.hist_list dd::before { display: none !important; margin-right: 0; } /* olリスト型共通項目 */ #page ol { width: 100%; display: block; } #page ol li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #CCC; display: list-item; } /* ナンバリングリスト（算用数字） */ #page ol.number { counter-reset: number; } #page ol.number li { padding-left: 2em; text-indent: -1.9em; } #page ol.number li:before { counter-increment: number; content: counter(number); background: #4cbbd0; display: inline-block; text-indent: 0em; margin-right: 0.5em; width: 1.7em; height: 1.7em; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: center; border-radius: 50%; line-height: 1.7; } #page ol.number li h4 { display: inline-block; } /* ナンバリングリスト（黒丸） */ #page ol.disc li { padding-left: 1em; text-indent: -1em; } #page ol.disc li:before { content: "・"; } #page ol.disc li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } /* タグ型リスト */ #page ol.tags li { display: inline-block; text-align: center; background: #e8e8e8; padding: 1% 2%; margin: 0 10px 10px 0; border-radius: 5px; -webkit-border-radius: 5px; border-bottom: none; } /* disc > tagsでのスタイル調整 */ #page ol.disc li ol.tags { padding: 0; text-indent: 0; margin-top: 10px; } #page ol.disc li ol.tags li { text-indent: 0; } #page ol.disc li ol.tags li:before { content: none; } #page ol.disc li ol.tags li:last-child { padding-bottom: 1%; margin-bottom: 10px; border: none; } /* number > tagsでのスタイル調整 */ #page ol.number li ol.tags { padding: 0; text-indent: 0; margin-top: 10px; } #page ol.number li ol.tags li { text-indent: 0; } #page ol.number li ol.tags li:before { content: none; } #page ol.number li ol.tags li:last-child { padding-bottom: 1%; margin-bottom: 10px; border: none; } #page ol li .inner_text { text-indent: 0; } /* ※印付きリスト */ .kome { padding-left: 1em; text-indent: -1em; } .kome:before { content:"※"; } /* ページ内タブメニュー（ボタン型タブ） */ .page_link_box { margin: 0 auto 6.25%; width: 100%; } .page_link { width: 100%; display: table; border-collapse: separate; } .page_link li { display: table-cell; text-align: center; padding: 1%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; vertical-align: middle !important; } .page_link li a { display: block; } .page_link li:first-of-type { border-left: 1px solid #dcdcdc; border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .page_link li:last-of-type { border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; } .page_link li.active { background: #4cbbd0; color: #fff; } .page_link.link2 li { width: 50%; } .page_link.link3 li { width: 33.33%; } .page_link.link4 li { width: 25%; } #guide_shihyo .page_link li { font-size: 14px !important; font-size: 1.4rem !important; } #guide_shihyo .page_link li a { color: #333 !important; text-decoration: underline !important; border-bottom: none !important; padding-bottom: 0 !important; } /* 「.box」と併用　白背景＋グレー枠線 */ #page .box.type_simple { padding: 10px; border: 1px solid #dcdcdc; } #medical .box.type_simple { padding: 10px; border: 1px solid #dcdcdc; } /* margin-bottom 指定 */ #page .mb0 { margin-bottom: 0; } #page .mb10 { margin-bottom: 1.25%; } #page .mb20 { margin-bottom: 2.5%; } #page .mb30 { margin-bottom: 3.75%; } #page .mb50 { margin-bottom: 6.25%; } #page .mb70 { margin-bottom: 8.75%; } /* 表のスタイル（基本） */ .table { width: 100%; display: table; border-collapse: collapse; } .table h2 { width: 100%; } .table .row { font-size: 14px; font-size: 1.4rem; display: table-row; } .table .row .th, .table .row .td { padding: 0 10px; width: 33.3%; height: 40px; vertical-align: middle; border: 1px solid; width: 5rem; border: 1px solid #dcdcdc; display: table-cell; } .table .row .th { background-color: #e8e8e8; } .table .row .th.head { background: #4cbbd0; border: 1px solid #4CBBD0; color: #fff; text-align: center; } .table .row .th.c, .table .row .td.c { text-align: center; } .table .row .th.r, .table .row .td.r { text-align: right; } /* 表を1列に複数配置する際にwrapしてください */ .tables { width: 100%; } /*.tables .col2 { width: 47%; float: left; }*/ /*.tables .col2:nth-child(odd) { margin-right: 6%; }*/ /* 表に詳細ボタンがある場合に使用 */ .tables .col2 .link_box .btn { width: 125px; font-size: 13px; font-size: 1.3rem; padding: 6px 16px 6px 0; } /* 表のスタイル（tableタグ） */ table { width: 100%; display: table; border-collapse: collapse; } table h2 { width: 100%; } table th, table td { padding: 10px 8px; width: 33.3%; vertical-align: middle; border: 1px solid #dcdcdc; display: table-cell; line-height: 1.4; } table th { background-color: #e8e8e8; height: 40px; } table td { font-size: 14px; font-size: 1.4rem; height: 40px; } table thead th { background: #4cbbd0; border: 1px solid #4CBBD0; color: #fff; text-align: center; } table th.c, table td.c { text-align: center; } table th.r, table td.r { text-align: right; } table a { text-decoration: underline; } table a:hover { background: transparent; } /* table .border_right_white { border-right-color: #fff; } */ /* tableのセル数とwidthを指定 */ table.cell2 th, table.cell2 td { width: 50%; } table.cell3 th, table.cell3 td { width: 33.3%; } table.cell4 th, table.cell4 td { width: 25%; } table.cell5 th, table.cell5 td { width: 20%; } .tables .box { margin-bottom: 6.25%; } .tables .box20 { margin-bottom: 2.5%; } .tables .reference { padding-top: 3.75%; } .tables .reference h3 { color: #ff781e; font-size: 18px; font-size: 1.8rem; } /* チェックリスト */ ul.check-list { } ul.check-list li { position: relative; margin-left: 54px; margin-bottom: 16px; } ul.check-list li:before { position: absolute; content: ""; background-image: url( '../img/check.svg' ); background-size: 15px 12px; width: 15px; height: 12px; top: 2px; left: -30px; } /*-------------------------------------------------- メインスタイル開始 --------------------------------------------------*/ /*-------------------------------------------------- 全サイズの基盤スタイル --------------------------------------------------*/ html, body { width: 100%; min-width: 1160px; height: 100%; color: #231f20; background-color: #FFF; line-height: 1.8; } html { font-size:62.5%; } /* ！！！消去厳禁！！！ */ body { border-top: 5px solid #109dd0; font-size: 14px; font-size: 1.4rem; } /*-------------------------------------------------- ヘッダー --------------------------------------------------*/ header { margin: 0 auto; width: 100%; } header #header { margin: 30px auto; width: 1100px; } /* ヘッダーロゴの色 */ header #header .logo { width: 500px; height: 70px; float: left;} header #header .logo .header_logo { width: 100%; height: 80px; } .jpn_name .st0 { fill: #109DD0; } .eng_name .st1 { fill: #AAAAAA; } /*header #header .logo a { width: 100%; height: 100%; display: block; }*/ /* ヘッダーカスタムメニュー */ header #header .header_menu { width: 550px; float: right; } /* 検索ボックス */ header #header .search_box { margin-right: 3.75%; width: 230px; float: left; } header #header dl.search { position: relative; width: 100%; height: 30px; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 3px; } header #header form { width: 230px; } header #header dl.search dt input { width: 85%; height: 30px; font-size: 13px; font-size: 1.3rem; background: none; border: none; line-height: 30px; } header #header dl.search dd { position: absolute; top: -1px; right: -1px; width: 15%; } header #header dl.search dd button { display: block; background: #109dd0; width: 100%; height: 30px; border: none; border-radius: 0 3px 3px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } header #header dl.search dd button:hover { cursor: pointer; background-color: #231F20; } header #header dl.search dd button img { margin: 0 auto; width: 15px; height: 15px; } /* 交通・アクセス */ header #header .access_box { margin-right: 3.75%; width: 126px; height: 30px; float: left; } header #header .access_box svg { width: 100%; border-radius: 2px; } /* 交通アクセスボタンの背景色を変更（svg用） */ #access_btn .st0 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } #access_btn:hover .st0 { fill: #231F20; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } /* 日本語・English */ header #header .language_box { position: relative; z-index: 2; width: 132px; float: left; } header #header .language_box ul li a { color: #231f20; text-decoration: underline; font-size: 12px; font-size: 1.2rem; } header #header .language_box ul li a:hover { color: #109DD0; } header #header .language_sp { display: none; } header #header .pull_down_btn { display: block; width: 126px; height: 30px; text-align: center; line-height: 30px; border: none; background-color: rgb(16, 157, 208); color: #FFF; font-size: 12px; } header #header .pull_down { display: none; position: absolute; height: 0; transition: .3s; } header #header .pull_down li a{ display: block; width: 126px; height: 30px; text-align: center; line-height: 30px; border: none; background-color: #f5f5f5; color: #FFF; font-size: 12px; } header #header .language_box:hover .pull_down{ display: block; height: 100%; } /* 医院情報 */ header #header .second { margin: 12px 0; text-align: right; } header #header .second a { font-size: 16px; font-size: 1.6rem; color: #231F20; } header #header .second a>span { margin-left: 3.75%; font-weight: bold; } header #header .second a:hover { color: #109DD0; } /* 文字サイズ・背景色 */ header #header .third { width: 100%; float: right; } header #header .fs_box { margin-right: 0%; float: left; width: 49%; } header #header .color_box { float: right; width: 49%; } header #header .third li { padding: 0 1%; font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 30px; border: 1px solid #dcdcdc; border-right: none; float: left; width: 33%; text-align: center; } header #header .third li a { color: #231f20; } header #header .third li a:hover { color: #109DD0; } header #header .third li:first-child { border-radius: 3px 0 0 3px; background-color: #e8e8e8; } header #header .third li:last-child { border-radius: 0 3px 3px 0; border-right: 1px solid #dcdcdc; } header #header .third ul li.swit { padding: 0 23px; } header #header .third ul li.swit.min { padding: 0 9px; } header #header .third ul li.swit.min a:hover { background: rgba(255,255,255,0); } header #header .third ul li.swit.min:last-child { border: 1px solid #000; } /* ナビゲーション */ header #header nav, header #header ul { margin: 0 auto; width: 100%; } header #header nav ul li { width: 166px; height: 90px; float: left; } header #header nav ul li.nav01 { width: 104px; } header #header nav { margin-top: 2.5%; } header #header nav a { width: 100%; height: 100%; display: block; } header #header nav a:hover .menu_name { fill: #109dd0; } /* アコーディオン部分 */ ul#accordion li ul { margin: 0 auto; width: 100%; position: relative; z-index: 2; display: none; } ul#accordion li ul li { padding: 0; width: 100%!important; height: 50px; line-height: 50px; background-color: #FFF; } ul#accordion li ul li:after { height: 0; background: none; } ul#accordion li ul li a { width: 100%; height: 100%; display: block; padding: 0 10px; font-size: 12px; font-size: 1.2rem; color: #fff; background: #4cbbd0; } ul#accordion li ul li a:hover { opacity: 1.0; background-color: #109dd0; color: #fff; } /* 2行の場合 */ ul#accordion li ul li.row2 { line-height: 1.2; } ul#accordion li ul li.row2 a { padding-top: 8px; } /* ナビゲーションアイコン */ svg.icon-logo.nav-01 { width: 104px; height: 90px; } /*-------------------------------------------------- フッター --------------------------------------------------*/ .town { width: 100%; height: 116px; background:url('../img/gifucity_bg.png') center no-repeat; } footer { position: relative; margin: 0 auto; width: 100%; background-color: #e8e8e8; } footer #footer { padding: 40px 0; } footer #footer img { width: 100%; } footer #copy { background-color: #109DD0; color: #FFF; font-size: 10px; font-size: 1.0rem; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; } footer #footer .left { width: 374px; border-right: 1px solid #fff; } footer #footer .left .logo { width: 314px; height: 60px; } footer #footer .left .logo a:hover { background: none; } /*footer #footer .logo .st1 { fill: #231F20; }*/ footer #footer .left .second { padding-left: 0; } footer #footer .left .second a { display: block; font-size: 16px; font-size: 1.6rem; color: #231F20; } footer #footer .left .second a>span { margin-left: 0; font-weight: bold; } footer #footer .left .second a:hover { color: #109DD0; background: none; } footer #footer .right { width: 700px; padding: 0 158px 0 0px; } footer #footer .list_arrow_base { padding: 0 0 10px 0px; margin: 0 10% 15px 0; width: auto; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; line-height: 1.4; } footer #footer .list_arrow_base:nth-of-type(4) { margin-right: 0; } footer #footer .list_arrow_base::before, footer #footer .list_arrow_base::after { position: absolute; top: -10px; bottom: 0; right: -25px; margin: auto; content: ""; vertical-align: middle; } footer #footer .list_arrow_base.mark::before { width: 16px; height: 16px; border-radius: 25%; background: #231f20; } footer #footer .list_arrow_base.mark::after { right: -19px; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } footer #footer .list_arrow_base a { width: 100%; height: 100%; display: block; color: #231f20; } footer #footer .list_arrow_base a:hover { color: #109DD0; background: none; } /* ページトップへ戻るボタン */ .pagetop { position: fixed; bottom: 50px; right: 40px; width: 140px; height: 34px; background: #109dd0; border-radius: 2px 2px 0 0; color: #fff; font-size: 1.2rem; text-align: center; line-height: 36px; cursor: pointer; } /*-------------------------------------------------- ページのレイアウト --------------------------------------------------*/ #main { padding: 0 30px; margin: 0 auto 100px; width: 1160px; } /* 画面幅いっぱいに表示したい場合に使用 */ .wrap { padding: 0 5%; margin: 0 auto; width: 100%; } /* メインカラムいっぱいに表示したい場合に使用 */ .inner { padding: 0 3.75%; margin: 0 auto; width: 1100px; } .left { float: left; } .right { float: right; } .text_center { text-align: center; } .text_right { text-align: right; } /*-------------------------------------------------- メインカラム --------------------------------------------------*/ /* コンテンツの幅 */ #content { width: 800px; float: right; } /* 単純なテキスト用ボックス */ #content .text { margin-bottom: 6.25%; width: 100%; } #content .center { text-align: center; } /* テキスト中央寄せ */ /* グレーの枠で囲む　（使用例）class="text gray" */ #content .text.gray { padding: 15px; margin-bottom: 3.75%; background-color: #e8e8e8; border-radius: 6px; } /* グレーの枠内のh3タグ */ #content .text.gray h3 { margin-top: 3.75%; margin-bottom: 10px; } #content .text.gray h3:nth-child(1) { margin-top: 0; } #content .text a { text-decoration: underline; } /*-------------------------------------------------- TOPページ --------------------------------------------------*/ #top #content { width: 1100px; float: none; } /* スライダー */ #top .slider { width: 90%; margin: 0 auto 4.5%; } #top .slick-slide img { width: 100%; height: auto; } #top .visual { width: 100%; } #top .visual .slick-slide { margin: 0; } #top .visual .slick-prev { left: 80px; width: 40px; height: 40px; z-index: 2; } #top .visual .slick-prev:after { display: block; content: ""; width: 20px; height: 20px; margin-left: 20px; border-top: #000 solid 4px; border-left: #000 solid 4px; transform: rotate(-45deg); } #top .visual .slick-next { right: 80px; width: 40px; height: 40px; } #top .visual .slick-next:after { display: block; content: ""; width: 20px; height: 20px; border-top: #000 solid 4px; border-right: #000 solid 4px; transform: rotate(45deg); } #top .visual .slick-prev:before, #top .visual .slick-next:before { content: none; } #top .visual .slick-dots li button { color: #231f20; opacity: 1; } @-moz-document url-prefix() { #top .visual .slick-dots { bottom: -35px; } } /* .slick-dots li button:before { color: #231f20; opacity: 1.0; } .slick-dots li.slick-active { color: #109DD0; } */ /* バナー */ .news_bnr { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3%; } .news_bnr a { display: flex; justify-content: center; align-items: center; position: relative; width: 49%; padding: 32px 20px 30px; border: solid 3px #089441; color: #089441; font-size: 2.0rem; font-weight: bold; text-align: center; text-decoration: none; } .news_bnr a:hover { background: #089441; color: #fff; } .news_bnr a::before, .news_bnr a::after { content: ""; position: absolute; } .news_bnr a::before { top: 50%; right: 30px; width: 24px; height: 24px; border-radius: 5px; background: #089441; transform: translateY(-50%); } .news_bnr a::after { top: 50%; right: 39px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .news_bnr a:nth-of-type(2) { border-color: #e63501; color: #e63501; } .news_bnr a:nth-of-type(2):hover { background: #e63501; color: #fff; } .news_bnr a:nth-of-type(2)::before { background: #e63501; } /* ピックアップメニュー */ #pic_menu { margin: 0 auto 4.5%; width: 100%; } #pic_menu .box { width: 25%; height: auto; float: left; border-left: 1px solid #dcdcdc; padding: 2% 0; display: block; } #pic_menu .box:last-of-type { border-right: 1px solid #dcdcdc; } #pic_menu .box .image { width: 40%; margin: 0 auto 5%; } #pic_menu .box .title { width: 100%; font-size: 16px; font-size: 1.6rem; padding: 0 0px 10px 0px; text-align: center; border-bottom: none; margin: 0; } #pic_menu .box .list_arrow_base.mark.right_arrow::after { right: 21px; } /* 簡易案内 */ #easy_guide { margin: 0 auto 4.5%; width: 100%; } /* 時間表 */ #easy_guide .left { margin-right: 3%; width: 47%; float: left; } #easy_guide .left table th, #easy_guide .left table td { font-size: 16px; font-size: 1.6rem; height: 66px; } #easy_guide .left table th { width: 25%; background-color: #109DD0; color: #FFF; border-bottom: 1px solid #FFF; } #easy_guide .left table td { width: 75%; } #easy_guide .left table td a:nth-child(2) { margin-left: 2em; } /* 右側 */ #easy_guide .right .box a, #easy_guide .right .box .center { border: 1px solid #dcdcdc; position: relative; padding: 25px 0; } #easy_guide .right .image { width: auto; height: 40px; margin: 0 auto 5%; } #easy_guide .right .image img { width: auto; height: 100%; border: none;} #easy_guide .right .title { text-align: center; padding: 0; margin: 0; border: none; font-size: 16px; font-size: 1.6rem; } #easy_guide .right .list_arrow_base.mark.right_arrow::after { right: 21px; } #easy_guide .right .box:last-of-type div.icon_top_non_smoking::before { content: url(/svg/top_non_smoking.svg); top: 20px; position: absolute; left: 100px; } #easy_guide .right .list_arrow_base.right_arrow::before, #easy_guide .right .list_arrow_base.right_arrow::after { top: 0px; } /* 院内リンク１段目 */ #easy_guide .right { width: 50%; float: left; } #easy_guide .right .box:first-of-type { margin-bottom: 5%; } #easy_guide .right .left { margin-right: 0; width: 50%; } #easy_guide .right .box:first-of-type { margin-bottom: 8%; } #easy_guide .right .box a:first-of-type { border-right: none; } /* 院内リンク２段目 */ #easy_guide .right img { border: 1px solid #dcdcdc; } #easy_guide .right .right img { border-left: none; } #easy_guide .right img.top_floor, #easy_guide .right img.top_access { border-bottom: none; } #easy_guide .right .box:last-of-type .center { float: left; width: 100%; padding: 0; border-top: none; } #easy_guide .right .box:last-of-type .center .title { padding: 23px; } #easy_guide .right .box:nth-of-type(2) .image { position: absolute; top: 20px; left: 20px; } /* 採用バナー */ #top_recruit { margin: 0 auto 6%; width: 100%; } #top_recruit .box { margin: 0 1%; width: 32%; float: left; } #top_recruit .box:nth-child(1) { margin-left: 0; } #top_recruit .box:nth-child(3) { margin-right: 0; } #top #content h2 { margin: 4.5% auto 2.7%; width: 30%; text-align: center; font-size: 30px; font-size: 3.0rem; color: #231F20; } /* ピックアップ */ .pickup_news { margin-bottom: 2%; border: solid 1px #ccc; } .pickup_news th { width: 18%; padding: 0 2%; background: #109dd0; border: none; color: #fff; font-size: 18px !important; font-size: 1.8rem !important; text-align: center; letter-spacing: 0.1em; } .pickup_news th:before { content: ""; display: inline-block; width: 42px; height: 34px; margin-right: 10px; background: url(/svg/icon_pickup.svg); vertical-align: middle; } .pickup_news td { position: relative; width: 82%; padding: 2% 2% 2% 4%; border: none; } .pickup_news td:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0; height: 0; margin-top: -10px; border-style: solid; border-width: 10px 0 10px 12px; border-color: transparent transparent transparent #109dd0; } .pickup_news td div { margin-bottom: 10px; } .pickup_news td a { display: inline-block; color: #109dd0; font-size: 15px; font-size: 1.5rem; } .pickup_news td a:not(:last-child) { margin: 0 0 20px; } .pickup_news .tag { display: inline-block; padding: 3px 0; margin-left: 1%; width: 13%; font-size: 10px; font-size: 1.0rem; text-align: center; color: #FFF; background-color: #231F20; border-radius: 2px; vertical-align: middle; } /* News */ .news_list { padding: 1.5%; margin: 0 auto 2.5%; width: 100%; border: 1px solid #DCDCDC; } .news_list.scroll_content { overflow-y: scroll; max-height: 200px; border-color: #e63501; border-width: 3px; } .news_inner { padding: 1px 2px; margin-bottom: 6%; border: 1px solid #DCDCDC; } .news_list .news { margin-bottom: 1%; } .news_list .news:last-of-type { margin-bottom: 0; } .news .date, .news .tag, .news .title { float: left; } .news .date { width: 13%; margin-right: 2%; } .news .tag { padding: 4px 0; margin: 0%; width: 13%; font-size: 10px; font-size: 1.0rem; text-align: center; color: #FFF; background-color: #231F20; border-radius: 2px; } .news .title { width: 70%; margin-left: 2%; } /* タグの色 */ .tag.important { background-color: #e63501; } /* 重要 */ .tag.oshirase { background-color: #109dd0; } /* お知らせ */ .tag.event { background-color: #3a74a9; } /* イベント */ .tag.seminar { background-color: #f85b46; } /* セミナー */ .tag.recruit { background-color: #b93250; } /* 採用 */ .tag.media { background-color: #12a6a9; } /* メディア */ .tag.public { background-color: #f0be3c; } /* 一般 */ .tag.medical { background-color: #23a26d; } /* 医療者 */ .tag.all { background-color: #78b43c; } /* 一般・医療者 */ .tag.appear { background-color: #4d4984; } /* 出演情報 */ .tag.press { background-color: #ffa31e; } /* プレスリリース */ /* タブメニュー */ .news_tab { position: relative; width: 100%; height: 339px; font-size: 0; } .news_tab div.hide_box { position: absolute; top: 30px; left: 0; display: block; margin: 17px 0 0; padding: 1.5%; width: 100%; height: 290px; font-size: 14px; font-size: 1.4rem; border: 1px solid #DCDCDC; } .news_tab input[type="radio"] { margin: 0 !important; display: none; } .news_tab input[type="radio"] + em { padding: 10px; width: 20%; font-size: 14px; font-size: 1.4rem; position: relative; z-index: 100; display: inline-block; background: #e8e8e8; border: 1px solid #DCDCDC; border-bottom: none; text-align: center; cursor: pointer; } .news_tab input[type="radio"]:checked + em { background: #FFF; border-top: 3px solid #231F20; } .news_tab input[type="radio"] + em + div { display: none; } .news_tab input[type="radio"]:checked + em + div { display: block; } .news_tab .news_list { padding: 0 0 1%; margin: 0 0 1%; border: none; } .news_tab .archive_link { width: 100%; text-align: right; position: absolute; bottom: 0; right: 15px; } /* archive矢印の装飾調整 */ #main .news_tab .archive_link .list_arrow_base { border: none; padding: 0 25px 10px 0; } #main .news_tab .archive_link .list_arrow_base.right_arrow::before, #main .news_tab .archive_link .list_arrow_base.right_arrow::after { right: 0; } #main .news_tab .archive_link .list_arrow_base.mark.right_arrow::after { right: 6px; } /* 情報公開 */ #top_infomation { margin: 0 auto; width: 100%; } #top_infomation .left, #top_infomation .right { width: 48%; font-size: 20px; font-size: 2.0rem; text-align: center; } #top_infomation .left { margin-right: 2%; border: 1px solid #dcdcdc; } #top_infomation .right { margin-left: 2%; } #top_infomation .btn { height: 60px; line-height: 60px; } #top_infomation .above, #top_infomation .below { height: 90px; line-height: 90px; border: 1px solid #dcdcdc; } #top_infomation .above { margin-bottom: 3.8%; } /* 情報公開arrow調整 */ #main #top_infomation .list_arrow_base.mark.right_arrow::after { right: 21px; } #main #top_infomation .list_arrow_base { padding: 5.4% 0; margin-bottom: 0; border: none; } #main #top_infomation .btn .list_arrow_base { padding: 2.4% 0; } #main #top_infomation .list_arrow_base::before, #main #top_infomation .list_arrow_base::after { top: 0; } /* 中央診療施設等 */ #top_bumon { margin: 0 auto; width: 100%; } #top_bumon .item { margin: 0 1.5% 4%; width: 31.33%; float: left; background-color: #fff; border: 1px solid #dcdcdc; } #top_bumon .item:hover { color: #109dd0; } #top_bumon .item:nth-child(1), #top_bumon .item:nth-child(3n+1) { margin-left: 0; } #top_bumon .item:nth-child(3n) { margin-right: 0; } #top_bumon .item .btn { height: 60px; } /* 部門arrow調整 */ #top_bumon .list_arrow_base.mark.right_arrow::after { right: 21px; } #top_bumon .list_arrow_base { padding: 6% 2px; margin: 0; border: none; text-align: center; } #top_bumon .list_arrow_base::before, #top_bumon .list_arrow_base::after { top: 0; } /* カルーセルスライダー */ #top .carousel { margin: 0 auto; width: 100%; position: relative; } #top .carousel .autoplay { margin: 0 auto; width: 100%; } #top .carousel .autoplay .slick-slide { margin: 1% 10px; } #top .carousel .autoplay .slick-slide:first-child { margin-left: 10px; } #top .carousel .autoplay .slick-slide:last-child { margin-right: 10px; } #top .carousel .autoplay .slick-prev:before, #top .carousel .autoplay .slick-next:before { content: none ; } #top .carousel .autoplay .slick-prev { left: -40px; width: 40px; height: 40px; z-index: 2; } #top .carousel .autoplay .slick-prev:after { display: block; content: ""; width: 14px; height: 14px; margin-left: 20px; border-top: #000 solid 4px; border-left: #000 solid 4px; transform: rotate(-45deg); } #top .carousel .autoplay .slick-next { right: -40px; width: 40px; height: 40px; } #top .carousel .autoplay .slick-next:after { display: block; content: ""; width: 14px; height: 14px; border-top: #000 solid 4px; border-right: #000 solid 4px; transform: rotate(45deg); } #top .carousel .slick-dots { bottom: 10px; } /*-------------------------------------------------- 固定ページ --------------------------------------------------*/ #page h2.first { margin-top: 0; } /* ページ最初のh2はpadding-topを無効にする */ #page { margin: 0 auto; width: 100%; } #page .text { margin-bottom: 3.75%; } /* 固定ページに使用する .textのマージン調整 */ #page .text em { color: #109dd0; } #page .text.box.type_simple { margin-bottom: 2.5%; } /* 固定ページに使用するナンバリング有りの .textのマージン調整 */ #page .text.box.type_simple+h3 { margin-top: 3.75%; } /* ナンバリング有りの h3のマージン調整 */ #page .text.right { text-align: right; float: none; } /* 新型インフルエンザ */ #influ .link_box br { display: none; } #nintei { /*width: 390px;*/ width: 49%; margin: 0 auto; } #page .saishin_caution { margin: 0 auto; width: 100%; background: #ffdf83; } #page .saishin_caution h3 { padding: 30px 0; color: #231f20; font-size: 26px; padding-left: 0; text-indent: 0; font-size: 2.6rem; line-height: 1; text-align: center; font-weight: bold; } /* 再診のh3スタイリング */ #page .left.hiyou_shiharai { width: 65%; } #page .right.hiyou_shiharai { width: 33%; } #page .hiyou_shiharai2 { width: 75%; } #page .second_layer .box { width: 47%; float: left; border: 1px solid #dcdcdc; padding: 0 2.5%; color: #231f20; margin-bottom: 2.5%; height: 60px; line-height: 60px; } #page .hiyou_img { width: 62.5%; margin: 0 auto 3.75%;} #page .second_layer.undertext .box { line-height: 80px; height: 110px; } #page .second_layer .box:nth-of-type(even) { float: right; } #page .second_layer .box .list_arrow_base.mark.right_arrow::after { right: 5.5%; } #page .second_layer .box .list_arrow_base::before, #page .second_layer .box.list_arrow_base::after { top: 0; right: 21px; } #page .second_layer .box a { padding: 0px 4%; margin: 0; } #page .second_layer .box h3 { display: inline-block; color: #4cbbd0; margin-bottom: 0; border-bottom: 3px solid #4cbbd0; padding: 0; text-indent: 0; } #page .second_layer .box .text { line-height: 1.4; margin: -15px 0 0 0; } #page .second_layer .box:hover { border: 1px solid #ececec; background-color: #4cbbd0; margin-bottom: 2.5%; } #page .second_layer .box:hover h3 { color: #fff; border-bottom: 3px solid #fff; } #page .second_layer .box:hover .text { color: #fff; } #main #page .second_layer .list_arrow_base::before, #main #page .second_layer .list_arrow_base::after { top: 0px; } /* 医療機関の方　padding調整 */ #page .second_layer .box.office_pet { padding-top: 1%; } #page .second_layer.undertext .office_allianceBox { } #page .second_layer.undertext .office_allianceBox h3 { padding-top: 6%; } #page .second_layer.undertext .office_allianceBox h3 span { font-size: 12px; font-size: 1.2rem; display: inline-block; padding-bottom: 1%; } #page .second_layer.undertext .office_allianceBox .text { margin-top: -15px; } /* ご相談 */ #page .second_layer.soudan .box { width: 100%; line-height: 70px; height: 110px; } #page .second_layer.soudan .box .text { margin: -15px 0 0 0; } #page .second_layer.soudan .box .list_arrow_base::before, #page .second_layer.soudan .box.list_arrow_base::after { right: 2.5%; } #page .left.sodan { width: 47%; } #page .right.sodan { width: 47%; } /* 入院の手続き */ table.nyuin_table1 th { width: 5%; } table.nyuin_table1 td { width: 20%; height: 60px; line-height: 1.8; } table.nyuin_table1 tr:nth-of-type(3) td { vertical-align: top; } table.nyuin_table2 th { width: 25%; } table.nyuin_table2 td { width: 75%; height: 60px; line-height: 1.8; } table.nyuin_table2 td .box { margin-bottom: 0; width: 100%; } table.nyuin_table2 td .left { width: 16%; text-align: right; } table.nyuin_table2 td .right { width: 84%; padding-left: 0.5em; } table.nyuin_table3 th { width: 15%; } table.nyuin_table3 td { width: auto; height: 60px; line-height: 1.8; } table.nyuin_table3 td:nth-of-type(2) { width: 10%; } table.nyuin_table3 td:nth-of-type(3) { width: 32%; } table.nyuin_table3 td[colspan="2"] { width: auto; } /* 入院中の生活 */ #page .type_simple ol.number li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .nyuin_tetsuduki_soudan .left, .nyuin_tetsuduki_soudan .right { width: 47%; } .nyuin_tetsuduki_soudan .left .box, .nyuin_tetsuduki_soudan .right .box { border: 1px solid #dcdcdc; padding: 20px 10px; margin-bottom: 20px; } .nyuin_tetsuduki_soudan .left .box h4, .nyuin_tetsuduki_soudan .right .box h4 { padding-top: 0!important; margin-bottom: 0!important; } .nyuin_tetsuduki_soudan .left .box .text, .nyuin_tetsuduki_soudan .right .box .text { margin-bottom: 0!important; } /* PET-CTを用いた地域医療連携について */ .pet_ct_box { margin-top: 40px; } .pet_ct_box .left_box { float: left; width: 200px; height: 200px; padding: 60px 0; background: #FF9398; text-align: center; } .pet_ct_box .center_box { float: left;} .pet_ct_box .center_box ul { margin: 20px; } .pet_ct_box .center_box ul li { padding: 0 24px 20px 34px; text-indent: -1.3em; } .pet_ct_box .center_box ul li.first { margin-bottom: 40px; background: url(../img/pet-ct_img_1.gif) no-repeat bottom; } .pet_ct_box .center_box ul li.second { background: url(../img/pet-ct_img_2.gif) no-repeat bottom; } .pet_ct_box .right_box { float: right; width: 200px; height: 200px; padding: 35px 0; background: #86CAFF; text-align: center; } /* 組織図・沿革 */ .soshiki_img { width: 60%; min-width: 640px; margin: 0 auto; } .enkaku_list { display: table; width: 800px; border-bottom: 1px dotted #ccc; } .enkaku_list .era_name,.enkaku_list .date,.enkaku_list .date2,.enkaku_list .content { display: table-cell; } .enkaku_list .era_name,.enkaku_list .date { width: 40px; padding: 10px 0; } .enkaku_list .date,.enkaku_list .date2 { text-align: right; } .enkaku_list .date2 { width: 80px; padding: 10px 0; } .enkaku_list .content { width: 680px; padding: 10px 10px 10px 30px; } /* 科長一覧 */ table.head_list_1 { width: 50.2%; } table.head_list_2 thead th { width: auto; } table.head_list_2 th { width: 33%; } table.head_list_2 td:nth-of-type(1) { width: 16%; } table.head_list_2 td:nth-of-type(2) { width: 50%; } #head_list table.cell4 th, #head_list table.cell4 td { height: auto; } /* 高度医療等の現状 */ ul.kodo_page_link { display: table; width: 100%; border-bottom: #dcdcdc solid 1px; } ul.kodo_page_link.first { border-top: #dcdcdc solid 1px; } ul.kodo_page_link li { display: table-cell; width: 33.3%; height: 40px; border-right: #dcdcdc solid 1px; text-align: center; vertical-align: middle; } ul.kodo_page_link li:first-of-type { border-left: #dcdcdc solid 1px; } ul.kodo_page_link li a { display: block; color: #000; } /* 病院機能指標 */ #kino_shihyo .tables .box table.kino_shihyo_table th.short { width: 6.5%; } #kino_shihyo .tables .box table.kino_shihyo_table tbody th { width: 6.5%; } #kino_shihyo .tables .box table.kino_shihyo_table th.link { text-align: left; } #kino_shihyo .tables .box table.kino_shihyo_table th.year { width: 8.5%; } #kino_shihyo .tables .box table.kino_shihyo_table td { width: 6%; height: 30px; } /* 医療安全管理委員会 */ #page ol.onegai_list li.last { border: none; } #page ol.onegai_list li div.indent_reset { text-indent: 0; } /* 外来受診される方 */ #page .second_layer div.list { width: 100%; margin-bottom: 3.75%; } #page .second_layer div.list .left,#page .second_layer div.list .right { width: 47%; } #page .second_layer div.list a { width: 100%; } #page .second_layer div.list ul li { width: 100%; line-height: 1.6; } #page .second_layer div.list ul li:before { content: "・"; } /* 理念 */ #page .rinen01 { font-size: 43px; font-size: 4.3rem; text-align: center; } #page .rinen02 { font-size: 30px; font-size: 3.0rem; } #page .rinen02 ol.number li { vertical-align: middle; border-bottom: none; } #page .rinen02 ol.number li:before { font-size: 20px; font-size: 2.0rem; vertical-align: text-top; margin-top: 0.5%; } /* 母体血を用いた出生前遺伝学的検査（母胎血胎児染色体検査：NIPT）のご案内 */ #page ol.number.kibousya_num li:last-of-type { border-bottom: none; } #page ol.number.kibousya_num li:before { content: counter(number) "."; background: none; color: #231f20; } #page .bumon_idenshi_kibousya_table td:nth-of-type(1) { width: 25%; } #page .bumon_idenshi_kibousya_table td:nth-of-type(2) { width: 25%; } #page .bumon_idenshi_kibousya_table td:nth-of-type(3) { width: 50%; } #page .bumon_idenshi_kibousya_table th { width: auto; border: none; } #page table.questionnaire th:first-of-type { border-right: 1px } #iryokikan .tables .box, #kibosha .tables .box { margin-bottom: 15px; } /* 当院について　*/ #page .second_layer .box h3.two_rows { margin-top: 12px; font-size: 14px; } /* 指標 */ #guide_shihyo { width: 100%; overflow: hidden; } #guide_shihyo table { width: 100%; } #guide_shihyo table th, #guide_shihyo table td { width: auto; } /* ボランティア募集　*/ .left.volunteer,.right.volunteer { width: 47%; } .left.volunteer ol,.right.volunteer ol { margin-bottom: 6%; padding-bottom: 10px; border-bottom: #ccc dotted 1px ; } .left.volunteer2,.right.volunteer2 { width: 30%; } .left.volunteer2 { margin-right: 5%; } .right.volunteer3 { width: 65%; } .left.volunteer2 span,.right.volunteer2 span,.right.volunteer3 span { display: block; margin-top: 10px; padding: 5px 0; background: #e8e8e8; text-align: center; border-radius: 2px; } /* 病院長あいさつ　*/ .left.greeting { width: 20%; } .right.greeting { width: 76%; } .right.greeting span { font-weight: bold; } .greeting2 { font-size: 29px; line-height: 1.4; } /* メディア掲載 */ .media_link { display: flex; flex-wrap: wrap; } .media_link li { width: calc(100% / 6); margin: 2px 0; } .media_link li a { display: block; width: calc(100% - 4px); height: 40px; background: #f5f5f5; text-align: center; line-height: 40px; text-decoration: none; } table.media_tbl th, table.media_tbl td { width: auto; } table.media_tbl th:not(:last-child) { border-right: solid 1px #fff; } table.media_tbl tbody tr:nth-of-type(even) td { background: #f5f5f5; } .relat_content { margin-top: 5%; padding-top: 5%; border-top: dotted 1px #ccc; } /* 治験について */ #chiken .link_box br { display: none; } /* 診療科目一覧　*/ table.head_list_3 thead th { width: auto; } table.head_list_3 th { width: 40%; } table.head_list_3 td:nth-of-type(1) { width: 26%; } table.head_list_3 td:nth-of-type(2) { width: 34%; } .surgery { border: solid 2px #179dd0; } .surgery_head th, .surgery_head td { background: #179dd0; color: #fff; } .surgery_head td a { color: #fff; } /* 情報公開　*/ #page .second_layer.infomation .box { height: 110px; line-height: 110px; } #page .second_layer.infomation .box h3.two_rows { margin-top: 30px; font-size: 1.8rem; } /* リンク集 */ #page ol.link_list { width: 100%; display: table; border-collapse: separate; } #page ol.link_list li { float: left; margin: 0 2% 20px 0; padding: 0; width: 32%; border: #dcdcdc solid 1px; text-align: center; vertical-align: middle; } #page ol.link_list li:nth-child(3n) { margin: 0 0 20px 0; } #page ol.link_list li a { display: block; padding: 10px 0; width: 100%; } /* 採用・募集 */ #page ol.recruit_list li { margin-bottom: 20px; padding-bottom: 20px; } #page ol.recruit_list li span { margin-right: 20px; padding: 5px 34px; font-size: 11px; color: #fff; background: #b93250; } #page .recruit_banner { margin: 0 auto; width: 100%; } #page .recruit_banner img { margin-bottom: 30px; } #page .recruit_banner a:nth-child(3) img { margin-bottom: 70px; } /* 医療機関（産婦人科）の方へ */ table.iryoukikan_table { margin-bottom: 1.25%; } table.iryoukikan_table thead th { width: auto; } table.iryoukikan_table td:nth-of-type(1) { width: 24%; } table.iryoukikan_table td:nth-of-type(2) { width: 24%; } table.iryoukikan_table td:nth-of-type(3) { width: 52%; } table.iryoukikan_table tr:last-child td { height: 60px; background: #e8e8e8; } #page ol.iryoukikan li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } /* アライアンス */ #alliance .link_box { margin: 2% auto; } table.alliance th, table.alliance td { width: auto; } table.alliance thead th:nth-of-type(1) { width: 5%; border-right: 1px solid #fff; } table.alliance thead th:nth-of-type(2) { width: 40%; } table.alliance thead th:nth-of-type(3) { width: 36%; } table.alliance thead th:nth-of-type(4) { width: 17%; } .link_box.alliance { margin-top: 0!important; } /* 交通アクセス */ .google_map { overflow: hidden; width: 100%; height: 500px; } .google_map iframe { width: 100%; height: 1100px; margin-top: -500px; pointer-events: auto !important; } table.access_table1 tbody th { width: 26%; } table.access_table1 tbody td { width: 74%; } table.access_table2 th, table.access_table2 td { width: auto; } table.access_table2 thead th:nth-of-type(1) { width: 26%; } table.access_table2 thead th:nth-of-type(2) { width: 29%; } table.access_table2 thead th:nth-of-type(3) { width: 29%; } table.access_table2 thead th:nth-of-type(4) { width: 16%; } /* 駐車料金整理料金表 */ table.access_table3 { margin-bottom: 0.5%; } table.access_table3 th, table.access_table2 td { width: auto; } table.access_table3 th, table.access_table3 td { border: none; } table.access_table3 tr { border: 1px solid #dcdcdc; } table.access_table3 th { width: 30%; } table.access_table3 th br { line-height: 2; } table.access_table3 th .kome { font-size: 13px; font-size: 1.3rem; padding-left: 0; text-indent: 0; } table.access_table3 th span:before { content: '・'; } table.access_table3 th span + br { line-height: 1.4; } table.access_table3 td { width: 29%; } table.access_table3 td.one { width: 12%; border-left: 1px solid #dcdcdc; } /* 特定の行だけボーダーを消去 */ table.access_table3 tr:nth-child(3), table.access_table3 tr:nth-child(7),table.access_table3 tr:nth-child(9) { border-bottom: none; } table.access_table3 tr:nth-child(4), table.access_table3 tr:nth-child(8), table.access_table3 tr:nth-child(10) { border-top: none; } table.access_table3 td.one.last { border-bottom: 1px solid #dcdcdc; } #access_index .tables .box.overflow-x { margin-bottom: 10px; } /* 院内map */ .access_map_image img { width: 100%; } .innai_guide .left { width: 34%; } .innai_guide .right { width: 60%; } .innai_guide table { margin-bottom: 2.5%; } .innai_guide table.cell2 th,.innai_guide table.cell2 td { width: auto; } .innai_guide table.cell2 th,.innai_guide table.cell3 th { width: 32%; background: #fff; } .innai_guide table.cell3 td { width: auto; border-right: none; border-left: none; } .innai_guide table.cell3 td:last-child { border-right: #dcdcdc solid 1px; } table.hanbai_table th, table.hanbai_table td { width: auto; } table.hanbai_table th:nth-child(1) { vertical-align: middle; } table.hanbai_table td:nth-child(2) { width: 32%; } table.hanbai_table thead th:nth-of-type(1) { width: 20%; } table.hanbai_table thead th:nth-of-type(2) { width: 28%; } table.hanbai_table tbody th { vertical-align: top; } table.hanbai_table tbody tr:nth-of-type(1) td:nth-of-type(2) { width: 12%; } table.hanbai_table td .left { width: 35%; text-align: right; } table.hanbai_table td .right { padding-left: 0.5em; width: 65%; } .hanbai_unit{ display: flex; justify-content: space-between; width: 100%; } .hanbai_unit .left_col{ width: 30%; text-align: right; } .hanbai_unit .right_col{ width: 70%; padding-left: 0.5em; } /* お問い合わせ */ table.contact th, table.contact td { width: auto; } table.contact thead th:nth-of-type(1) { width: 31%; } table.contact thead th:nth-of-type(2) { width: 30%; } table.contact thead th:nth-of-type(3) { width: 24%; } table.contact thead th:nth-of-type(4) { width: 15%; } table.contact tbody th { width: 5.5%; } /* 企業等からの資金提供状況の公表について */ #main .shikin_teikyo .link_box { margin: 2.5% auto 6.25%; width: 100%; } #main .shikin_teikyo .link_box .btn { width: 160px; padding: 10px 16px 10px 0; } /* 特発性大腿骨頭壊死症を対象とした医師主導治験のご紹介 */ .seikei_chiken1 .left { width: 69%; } .seikei_chiken1 .right { width: 30%; } .seikei_chiken2 .left { width: 70%; } .seikei_chiken2 .right { width: 26%; } table.seikei_chiken_table th,table.seikei_chiken_table td { width: auto; } table.seikei_chiken_table th { width: 20%; } table.seikei_chiken_table td br { display: none; } /* 歴代院長 */ .rekidai_list { display: flex; flex-wrap: wrap; } .rekidai_list__item { width: calc(25% - 30px); margin: 0 40px 40px 0; padding-bottom: 10px; border-bottom: solid 1px #179dd0; } .rekidai_list__item:nth-of-type(4n) { margin-right: 0; } .rekidai_img { margin-bottom: 10px; } .rekidai_name { margin-bottom: 10px; font-size: 1.6rem; font-weight: bold; } .rekidai_name span { font-size: 2.5rem; font-weight: bold; } /* サイトマップ */ #main .site_map h2 { margin-top: 11.25%; margin-bottom: 10%; } #main .site_map h2.first { margin-top: 0; } #main .site_map h2.tworow { margin-bottom: 3.75%; } .site_map { margin-bottom: 3.75%; } .site_map .box { float: left; width: 32%; margin-right: 2%; } .site_map .box:nth-child(3n) { margin-right: 0; } #main .site_map h2:nth-of-type(6) { margin-bottom: 3%; } .site_map .box2 { float: left; width: 48%; } .site_map .box2:nth-child(2) { margin-right: 2%; } .site_map .box2:nth-child(3) { margin-left: 2%; } /* 矢印設定*/ #page ol.simple_arrow { margin-bottom: 10%; } #page ol.simple_arrow li { position:relative; padding: 0 0 0 10px; border-bottom: none; } #page ol.simple_arrow li::before { display: block; content: ""; position: absolute; top: 7px; left: -3px; width: 5px; height: 5px; border-bottom: #000 solid 1px; border-right: #000 solid 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} /*-------------------------------------------------- サイドバー --------------------------------------------------*/ #side { margin-right: 30px; width: 270px; float: left; } #side h1 { padding: 16px 0; margin-bottom: 30px; font-size: 20px; font-size: 2.0rem; text-align: center; } #side h1.common { background-color: #fff; color: #231f20; border: 1px solid #ECECEC; } #side ul.last { margin-bottom: 8.75%; } #side ul.bnr li { margin-bottom: 2.5%; } #side ul.common { border: 1px solid #dcdcdc; border-bottom: none; padding: 15px; } #side ul.common li { margin-bottom: 20px; } #side ul.common li:last-of-type { margin-bottom: 0; } #side ul.common li span { color: #109DD0; width: 100%; display: block; font-size: 17px; font-size: 1.7rem; margin-bottom: 10px; } #side ul.common li a { color: #231f20; text-decoration: underline; position: relative; display: block; } #side .link_box { margin: 0 auto; border-bottom: 1px solid #fff; } #side .link_box .btn { width: 100%; } #side h2.side { text-align: left; padding-left: 1em; } #side .common_btn li a { border: 1px solid #ececec; border-bottom: none; margin-bottom: 0; padding: 15px; text-align: center; color: #231f20; } #side .common_btn li:last-of-type a { border-bottom: 1px solid #ececec; } #side .common_btn .list_arrow_base.mark.right_arrow::after { right: 16px; } #side .common_btn .list_arrow_base::before, #side .common_btn .list_arrow_base::after { top: 0; right: 10px; } #side .common_btn li a span::before { position: absolute; top: 20%; left: 5%; } #side .common_btn li a span.icon_gairai::before { content: url(/svg/side_gairai.svg); } #side .common_btn li a span.icon_access::before { content: url(/svg/side_access.svg); } #side .common_btn li a span.icon_map::before { content: url(/svg/side_map.svg); } /*-------------------------------------------------- 中央診療施設（bumon）・診療科（medical） --------------------------------------------------*/ /* 中央診療施設・診療科　共通 */ #bumon .box, #medical .box { margin: 0 auto 6.25%; width: 100%; } #bumon .doctor, #medical .doctor { margin-right: 3%; width: 17.6%; float: left; } #bumon .doctor .doctor_img, #medical .doctor .doctor_img { margin: 0 auto 10px; width: 100%; } #bumon .doctor .doctor_img img, #medical .doctor .doctor_img img { width: 100%; } #bumon .doctor .doctor_dtl, #bumon .doctor .doctor_dtl > div, #medical .doctor .doctor_dtl, #medical .doctor .doctor_dtl > div { width: 100%; font-size: 12px; font-size: 1.2rem; text-align: center; } #bumon .doctor .doctor_dtl .doctor_title_2, #medical .doctor .doctor_dtl .doctor_title_2 { padding: 6px; margin-top: 5px; font-size: 16px; font-size: 1.6rem; background-color: #e8e8e8; border-radius: 6px; } #bumon .doctor:nth-last-of-type(1) { margin-right: 0; } #bumon section h2, #medical section h2 { padding-top: 2.5%; } /* 診療科　基本情報 */ #medical h2.first { margin-top: 0; } #medical .greeting { width: 79.4%; float: left; } /* 診療科　医師紹介 */ #medical .timesheet { margin: 0 auto; width: 100%; } #medical .timesheet img { width: 100%; } #medical .box.type_simple .doctor { margin: 0 auto; width: 100%; } #medical .box.type_simple .doctor_img { margin-right: 3%; width: 17%; float: left; } #medical .box.type_simple .doctor_dtl { margin-right: 3%; width: 22%; text-align: left; float: left; } #medical .box.type_simple .doctor_dtl > div { text-align: left; } #medical .box.type_simple .dr_name { width: 100%; font-size: 20px; font-size: 2.0rem; } #medical .box.type_simple .dr_postion, #medical .box.type_simple .dr_pro { font-size: 12px; font-size: 1.2rem; } #medical .box.type_simple .dr_postion span, #medical .box.type_simple .dr_specialist span { display: inline-block; margin-right: 15px; } #medical .box.type_simple .dr_postion { margin-bottom: 5px; } #medical .box.type_simple span.specialist { padding: 1px 10px; margin: 0 5px 5px 0; display: block; width: 50px; text-align: center; background-color: #109DD0; color: #FFF; font-size: 11px; font-size: 1.1rem; } #medical .box.type_simple .doctor_society { width: 55%; float: left; } /* 診療科　診療日表　*/ #medical table { border-collapse: collapse; } #medical table th.head { color: #fff; width: 17%; height: 40px; border-top: none; border-bottom: #fff solid 1px; } #medical table th.head:first-of-type { width: 15%; } #medical table th { text-align: center; border-left: none; border-right: none; } #medical table td { text-align: center; width: auto; border: #dcdcdc 1px solid; } #medical table td.head { background: #e8e8e8; } #medical table td i { color: #888; font-weight: normal; } #medical table.shoshin th.head { background: #49b232; } #medical table.saishin { margin-top: 3.75%; } #medical table.saishin th.head { background: #038fd6; } #medical table.senmon { margin-top: 3.75%; } #medical table.senmon th.head { background: #333; } /*-------------------------------------------------- 鵜舟 --------------------------------------------------*/ /* 鵜舟インデックス */ #main .ubune_box { border-bottom: 1px dotted #ccc; margin-bottom: 3.75%; padding-bottom: 3.75%; } #main .ubune_box > .left { width: 30.75%; } #main .ubune_box > .right { width: 62.5%; } #main .ubune_box h2 { font-size: 18px; font-size: 1.8rem; color: #ff781e; margin: 0 0 20px 0; border: none; text-align: left; padding-bottom: 0; } #main .ubune_box h3 { font-size: 18px; font-size: 1.8rem; color: #109dd0; margin: 30px 0 10px; } #main .ubune_box h3:first-of-type { margin-top: 0; } #main .ubune_box .link_box .btn { width: 100%; } /* pagenavi */ .pagenavi { padding: 3% 0 0%; font-size: 16px; font-size: 1.6rem; text-align:center; font-size: 26px; font-size: 2.6rem; } .pagenavi ul { font-size: 0; } .pagenavi li { display: inline-block; margin: 0 0.5% 1%; } .pagenavi a { display: block; } .pagenavi a, .pagenavi li.current { padding: 11px 16px; background-color: #dcdcdc; color: #231f20; border: none; font-size: 14px; font-size: 1.4rem; } .pagenavi a:hover, .pagenavi li.current { background-color: #4cbbd0; color: #FFF; } /*-------------------------------------------------- 概要 --------------------------------------------------*/ /* 概要インデックス */ #main .gaiyou { font-size: 0; } #main .gaiyou_box { width: 30%; margin: 0 3% 6.25% 0; display: inline-block; vertical-align: top; } #main .gaiyou_box:nth-of-type(3n) { margin-right: 0; } #main .gaiyou_box h2 { font-size: 18px; font-size: 1.8rem; color: #ff781e; margin: 0 0 10px 0; border: none; text-align: left; padding-bottom: 0; } #main .gaiyou_box .link_box .btn { width: 100%; } /*-------------------------------------------------- お知らせ --------------------------------------------------*/ /* お知らせインデックス */ .news_index .news_list { padding: 2.5% 0 2%; margin: 0; border: none; border-bottom: 1px dotted #dcdcdc; } .news_index .news .date { width: 18%; margin-right: 1%; } .news_index .news .tag { width: 12%; } .news_index .news .title { margin-left: 2%; width: 67%; } .news_index .box { margin-bottom: 2.5%; } /* お知らせシングル */ .news_single .news { margin-bottom: 3.75%; } .news_single .news .tag { font-size: 12px; font-size: 1.2rem; width: 11%; margin: 0 1%; } .news_single .news .date { width: auto; line-height: inherit; } .news_single .eyecatch { width: 75%; margin:0 auto 3.75%; } .news_single .entry_text { margin-bottom: 6.25%; } .news_single strong { font-weight: bold; } .news_single .entry_image_area { margin-bottom: 6.25%; font-size: 0; } .news_single .entry_image_area .sub { margin-bottom: 6.25%; margin-right: 3%; display: inline-block; width: 47.5%; vertical-align: top; } .news_single .entry_image_area .sub:nth-of-type(even) { margin-right: 0; } .news_single .entry_image_area .sub .img { margin-bottom: 10px; } .news_single .entry_image_area .sub .text { text-align: center; padding: 6px; margin-top: 5px; font-size: 12px; font-size: 1.2rem; background-color: #e8e8e8; border-radius: 6px; } .news_single table.recruit_table th { width: 30%; } .news_single table.recruit_table td { width: 70%; } /*-------------------------------------------------- 医療連携センター --------------------------------------------------*/ table.calendar thead th { width: auto; padding: 8px 0px; background: #f5f5f5; border: solid 1px #ddd; color: #231f20; font-size: 1.2rem !important; } table.calendar thead th span { display: block; } table.calendar tbody th { width: 140px; padding: 8px; background: none; border: solid 1px #ddd; } table.calendar tbody td { width: auto; padding: 8px 0px; border: solid 1px #ddd; } table.calendar tbody td.triangle { background: #fffbf2; } table.calendar tbody td.cross { background: #fff2f2; } table.calendar tbody td.closed { background: #f5f5f5; } table.calendar tbody td.hyphen { background: #f5f5f5; } table.calendar tbody td img { width: 28px; height: 16px; margin: 0 auto; } .reserve_note { margin-bottom: 16px; padding: 10px; border: solid 2px #ff1f20; color: #ff1f20; font-weight: bold; } /*-------------------------------------------------- 看護師特定行為研修 --------------------------------------------------*/ /* ページの見出し、テキスト */ #kango_tokutei h1 { padding: 2% 3.75%; margin-bottom: 3.75%;font-size: 2.0rem; background-color:#FF9696; color: #fff; line-height: 1.4;text-align:center;position: relative;border: dashed 1px #ffffff;padding: 10px 15px;box-shadow: 0px 0px 0px 5px #FF9696;font-weight:bold;margin-top: 5px; } #kango_tokutei .english {font-size: 1.4rem;margin-left:1%;} #kango_tokutei .btm_line{border-bottom:2px solid #E6E6E6;} /* スライダー */ #kango_tokutei .kango_visual { width: 100%; } #kango_tokutei .kango_visual .slick-dots li button { color: #FF9696; opacity: 1; } #kango_tokutei .slick-dots li.slick-active button::before {opacity: 1;color: #FF9696;} #kango_tokutei .slick-next{right:7%;} #kango_tokutei .slick-prev{left:7%;z-index: 5;} @-moz-document url-prefix() { #kango_tokutei .kango_visual .slick-dots { bottom: -35px; } } /* マージン */ .mb_ll { margin-bottom: 12.5%; } .mb_l { margin-bottom: 8.75%; } .mb_m { margin-bottom: 6.25%; } .mb_sm { margin-bottom: 3.75%; } .mb_s { margin-bottom: 2.5%; } .mt_l { margin-top: 8.75%; } .mt_m { margin-top: 6.25%; } .mt_s { margin-top: 2.5%; } /* 横並び */ #kango_tokutei .unit2{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} /* 看護師特定行為研修index */ #kango_tokutei .unit2 .unit_left{width:25%;margin-left:2%;} #kango_tokutei .unit2 .unit_left img{width:100%;} #kango_tokutei .unit2 .unit_right{width:70%;margin-left:3%;margin-top:2%;} #kango_tokutei .unit_right .sub_ttl{font-size:2.2rem;color: #FF9696;line-height: 1.4;font-weight:bold;} #kango_tokutei .unit_right .sub_ttl::before{ content: " ";color#FF9696;margin:0 10px; vertical-align: middle;border-left:8px solid #FF9696;} #kango_tokutei .unit_right .model_txt { line-height:130%;margin-left:10px;} #kango_tokutei .unit_right .kango_detail { line-height:130%;margin-right:0;text-align: right;} #kango_tokutei .unit_right .kango_detail::after { content: "　";background:no-repeat url("/img/kango_tokutei/yajirusi@2x.png");display: inline-block;margin-left: 5px;width:30px;} #kango_tokutei .unit_right .kango_doc { display: flex; flex-wrap: wrap; } #kango_tokutei .unit_right .kango_doc .pdf_thumb { width: 140px; margin: 0 20px 20px 0; } #kango_tokutei .unit_right .kango_doc .movie_thumb { width: 180px; } #kango_tokutei .unit_right .kango_doc .pdf_thumb a { display: block; width: 100px; margin-bottom: 10px; } #kango_tokutei .unit_right .kango_doc .movie_thumb a { display: block; width: 180px; margin-bottom: 10px; } #kango_tokutei .unit_right .kango_doc .pdf_thumb span { display: block; white-space: nowrap; } #kango_tokutei .unit_right .kango_doc .movie_thumb span { display: block; white-space: nowrap; } /* 看護師特定行為研修 研修内容 */ #kango_tokutei .reserve{font-size:2.2rem;color: #FF9696;text-align: center;line-height: 1.4;font-weight:bold;} #kango_tokutei .reserve::before{ content: "－－－－－";font-weight:bold;color#FF9696; display: inline-block;margin-right: 10px; vertical-align: middle;font-size:2.2rem; } #kango_tokutei .reserve::after{ content: "－－－－－";font-weight:bold;color#FF9696; display: inline-block;margin-left: 10px; vertical-align: middle;font-size:2.2rem; } #kango_tokutei .btn-area { display: flex; justify-content: center; margin: 25px 0; } #kango_tokutei .btn-area .sheet-btn { position: relative; padding: 10px 20px; width: 50%; margin: 0 15px; text-align: center; text-decoration: none; font-size: 1.5rem; color: #fff; background: #ff9696; transition: .3s; } #kango_tokutei .btn-area .sheet-btn::before { position: absolute; content: ""; top: 5px; right: 5px; border-style: solid; border-color: #fff #fff transparent transparent; border-width: 6px; transition: .3s; } #kango_tokutei .btn-area .sheet-btn:hover { opacity: .8; } /* 看護師特定行為研修link*/ #kango_tokutei .link_ttl{font-size:2.2rem;color: #FF9696;line-height: 1.4;font-weight:bold;} #kango_tokutei .link_ttl::before{ content: " ";color#FF9696;margin:0 10px; vertical-align: middle;border-left:8px solid #FF9696;} #kango_tokutei .link_kango{line-height:130%;margin-left:10px;word-break: break-all;} /* 看護師特定行為研修受講モデル*/ #kango_tokutei .model_img{width:100%;margin:0 auto;} #kango_tokutei .model_img_btn{padding:7px;color:#ffffff;text-align:right;font-size:1.1rem;margin:0 0 20px auto;} #kango_tokutei .model_img_btn a{display:inline-block;color:#ffffff;border:none;background:#FF9696;padding: 5px;} #kango_tokutei .model_img_btn a:hover{opacity:0.7;} #kango_tokutei ol.model_caution li { padding-left: 1em; text-indent: -1em;border:none;margin-bottom:0;} #kango_tokutei ol.model_caution li:before { content: "※"; } /* 看護師特定行為研修ご挨拶 */ #kango_tokutei .unit2 .greeting_unit_left{width:20%;margin-left:2%;} #kango_tokutei .unit2 .greeting_unit_left img{width:100%;} #kango_tokutei .unit2 .greeting_unit_right{width:75%;margin-left:3%;margin-top:2%;} #kango_tokutei .greeting_unit_right .sub_ttl_greeting{font-size:1.8rem;border-left:8px solid #FFE2E2;position: relative;padding: .1em .3em .1em .5em;} #kango_tokutei .greeting_unit_right .sub_ttl_greeting::before{ content: "";width:8px;position: absolute;background:#FF9696;left: -8px;height: 50%;bottom: 0;} #kango_tokutei .greeting_unit_right .shozoku{font-size:1.4rem;} #kango_tokutei .greeting_unit_right .greeting_txt{line-height:150%;margin-left:10px;} /* 看護師特定行為研修募集要項 */ #kango_tokutei .lecture_box{width:100%;} #kango_tokutei .lecture_box .sub_ttl_lecture{font-size:2.2rem;color: #FF9696;line-height: 1.4;font-weight:bold;} #kango_tokutei .lecture_box .sub_ttl_lecture::before{ content: " ";color#FF9696;margin:0 10px; vertical-align: middle;border-left:8px solid #FF9696;} #kango_tokutei .lecture_box .lecture_txt{line-height:150%;margin-left:10px;} #kango_tokutei .lecture_box .lecture_lst_stl{} #kango_tokutei .lecture_box .lecture_lst{counter-reset:list-num;padding-bottom:0;line-height:150%;border-bottom:none;display:list-item;list-style-type: none;padding-left:1em;text-indent:-1.5em;} #kango_tokutei .lecture_box .lectur_nest{} #kango_tokutei .lecture_box .lectur_nest_lst{padding-bottom:0;line-height:150%;margin-bottom:0;border-bottom:none;display:list-item;padding-left: 2em; text-indent: -2.5em;} #kango_tokutei .lecture_detail{text-align:center;font-size:1.8rem;margin:0 auto;} #kango_tokutei .lecture_detail a{color:#FF9696;display: inline-block;font-weight:bold;} #kango_tokutei .lecture_detail a:hover{opacity:0.3;} /* 看護師特定行為研修お問い合わせ */ #kango_tokutei .contact_txt{line-height:150%;margin-left:10px;} #kango_tokutei .contact_txt_waku{line-height:150%;padding:20px;border:1px solid #707070;} #kango_tokutei .contact_txt_gray{line-height:200%;margin-left:10px;color:#7B7B7B;padding-left: 1em; text-indent: -1em;border:none;} #kango_tokutei .contact_txt_gray::before{ content: "・"; } #kango_tokutei .contact_txt_pink{line-height:150%;color:#FF9696;font-weight:bold;} #kango_tokutei .contact_txt_waku_gray{line-height:150%;padding:20px;border:1px solid #707070;} /* 看護師特定行為研修交通アクセス */ #kango_tokutei .kango_access{width:100%;} #kango_tokutei .kango_access .kango_google_map{ overflow: hidden; width: 100%; height: 500px; } #kango_tokutei .kango_access .kango_google_map iframe { width: 100%; height: 1100px; margin-top: -500px; pointer-events: auto !important; } #kango_tokutei .kango_text_right{line-height:150%;text-align:right;} #kango_tokutei .kango_text_right_gray{line-height:150%;text-align:right;color:#7B7B7B;} #kango_tokutei .kango_access_text{line-height:150%;} #kango_tokutei .kango_access_text_pool{line-height:150%;color: #7B7B7B;} #kango_tokutei .kango_map_img{width:100%;} #kango_tokutei .kango_access_ttl{font-size:2.2rem;color: #FF9696;line-height: 1.4;font-weight:bold;} #kango_tokutei .kango_access_ttl::before{ content: " ";color#FF9696;margin:0 10px; vertical-align: middle;border-left:8px solid #FF9696;} #kango_tokutei table.kango_access_table1 tbody th { width: 11%; } #kango_tokutei table.kango_access_table1 .gifu_st{ width: 20%; } #kango_tokutei table.kango_kango_access_table1 tbody td { width: 74%; } #kango_tokutei table.kango_access_table2 th, table.access_table2 td { width: auto; } #kango_tokutei table.kango_access_table2 thead th:nth-of-type(1) { width: 24%; } #kango_tokutei table.kango_access_table2 thead th:nth-of-type(2) { width: 29%; } #kango_tokutei table.kango_access_table2 thead th:nth-of-type(3) { width: 25%; } #kango_tokutei table.kango_access_table2 thead th:nth-of-type(4) { width: 22%; } /* 看護師特定行為研修駐車料金整理料金表 */ /* 表のスタイル（基本） */ #kango_tokutei .kango_table { width: 100%; display: table; border-collapse: collapse; } #kango_tokutei .kango_table h2 { width: 100%; } #kango_tokutei .kango_table .row { font-size: 14px; font-size: 1.4rem; display: table-row; } #kango_tokutei .kango_table .row .th, .table .row .td { padding: 0 10px; width: 33.3%; height: 40px; vertical-align: middle; border: 1px solid; width: 5rem; border: 1px solid #dcdcdc; display: table-cell; } #kango_tokutei .kango_table .row .th { background-color: #e8e8e8; } #kango_tokutei .kango_table .row .th.head { background: #4cbbd0; border: 1px solid #4CBBD0; color: #fff; text-align: center; } #kango_tokutei .kango_table .row .th.c, .table .row .td.c { text-align: center; } #kango_tokutei .kango_table .row .th.r, .table .row .td.r { text-align: right; } /* 表を1列に複数配置する際にwrapしてください */ #kango_tokutei .kango_tables { width: 100%; } #kango_tokutei .kango_tables .col2 .link_box .btn { width: 125px; font-size: 13px; font-size: 1.3rem; padding: 6px 16px 6px 0; } /* 表のスタイル（tableタグ） */ #kango_tokutei table { width: 100%; display: table; border-collapse: collapse; } #kango_tokutei table th, table td { padding: 10px 8px; width: 30%; vertical-align: middle; border: 1px solid #dcdcdc; display: table-cell; line-height: 1.4;color:#7B7B7B; } #kango_tokutei table th { background-color: #F5F5F5; height: 40px; } #kango_tokutei table td { font-size: 14px; font-size: 1.4rem; height: 40px; } #kango_tokutei table thead th { background:#FFE2E2; border: 1px solid #dcdcdc; color: #7B7B7B; text-align: center; } #kango_tokutei table th.c, table td.c { text-align: center; } #kango_tokutei table th.r, table td.r { text-align: right; } #kango_tokutei table a { text-decoration: underline; } #kango_tokutei table a:hover { background: transparent; } #kango_tokutei .access_sub_ttl{line-height:150%;font-size: 2rem;color:#7B7B7B;font-weight:bold;} #kango_tokutei table.kango_access_table3 { margin-bottom: 0.5%; } #kango_tokutei table.kango_access_table3 th, table.access_table2 td { width: auto; } #kango_tokutei table.kango_access_table3 th, table.access_table3 td { border: none; } #kango_tokutei table.kango_access_table3 tr { border: 1px solid #dcdcdc; } #kango_tokutei table.kango_access_table3 th { width: 30%; } #kango_tokutei table.kango_access_table3 th br { line-height: 2; } #kango_tokutei table.kango_access_table3 th .kango_kome { font-size: 13px; font-size: 1.3rem; padding-left: 0; text-indent: 0; } #kango_tokutei table.kango_access_table3 th span:before { content: '・'; } #kango_tokutei table.kango_access_table3 th span + br { line-height: 1.4; } #kango_tokutei table.kango_access_table3 td { width: 29%; } #kango_tokutei table.kango_access_table3 td.kango_one { width: 12%; border-left: 1px solid #dcdcdc; } /* 特定の行だけボーダーを消去 */ #kango_tokutei table.kango_access_table3 tr:nth-child(3), table.kango_access_table3 tr:nth-child(7),table.access_table3 tr:nth-child(9) { border-bottom: none; } #kango_tokutei table.kango_access_table3 tr:nth-child(4), table.kango_access_table3 tr:nth-child(8), table.access_table3 tr:nth-child(10) { border-top: none; } #kango_tokutei table.kango_access_table3 td.kango_one.kango_last { border-bottom: 1px solid #dcdcdc; } #kango_tokutei table.kango_access_table3 td.btm_bd {border-bottom-style: hidden;} #kango_tokutei .tables .box.overflow-x { margin-bottom: 10px; } #kango_tokutei ol.disc li { padding-left: 1em; text-indent: -1em;border:none; } #kango_tokutei ol.disc li:before { content: "・"; } #kango_tokutei .kango_access_txt_waku{color:#7B7B7B;line-height:150%;padding:20px;border:1px solid #7B7B7B;} /* 護師特定行為研修ニュース */ #kango_tokutei .news_ttl { padding: 2% 3.75%; margin-bottom: 3.75%;font-size: 2.0rem; background-color:#FFE2E2; color: #FF9696; line-height: 1.4;text-align:center;padding: 10px　15px;font-weight:bold; } #kango_tokutei .news_ttl::before{ content: "　";background:no-repeat url("/img/kango_tokutei/kango_news_icon@2x.png");display: inline-block;margin-left: 5px;width:30px;min-width: 25px;min-height: 25px;background-size: cover;} #main .kango_news_ttl { padding: 2% 3.75%; margin-bottom: 3.75%;font-size: 2.0rem; background-color:#FFE2E2; color: #FF9696; line-height: 1.4;text-align:center;padding: 10px　15px;font-weight:bold; } #main .kango_news_ttl::before{ content: "　";background:no-repeat url("/img/kango_tokutei/kango_news_icon@2x.png");display: inline-block;margin-right: 10px;width:30px;background-size: cover;} #main .kango_news_ttl_single { padding: 2% 3.75%; margin-bottom: 3.75%;font-size: 2.0rem; background-color:#FF9696; color: #fff; line-height: 1.4;text-align:center;position: relative;border: dashed 1px #ffffff;padding: 10px 15px;box-shadow: 0px 0px 0px 5px #FF9696;font-weight:bold;margin-top: 5px; } #kango_tokutei .news_ttl .english {font-size: 1.4rem;margin-left:1%;color: #FF9696;} .kango_news_list { padding: 1.5%; margin: 0 auto; width: 100%;} .kango_news_inner { padding: 1px 2px; margin-bottom: 6%; border: 1px solid #DCDCDC; } .kango_news_list .kango_news { margin-bottom: 1%; } .kango_news_list .kango_news:last-of-type { margin-bottom: 0; } .kango_news .kango_date, .kango_news .kango_tag, .kango_news .kango_title { float: left; } .kango_news .kango_date { width: 17%; margin-right: 2%;text-align: center;padding:3px;background:#FF9696;color:#fff; } .kango_news .kango_tag { padding: 4px 0; margin: 0%; width: 13%; font-size: 10px; font-size: 1.0rem; text-align: center; color: #FFF; background-color: #231F20; border-radius: 2px; } .kango_news .kango_title { width: 76%; margin-left: 2%; } .kango_news .kango_title a{text-decoration: none;} /* kango_pagenavi */ .kango_pagenavi { padding: 3% 0 0%; font-size: 16px; font-size: 1.6rem; text-align:center; font-size: 26px; font-size: 2.6rem; } .kango_pagenavi ul { font-size: 0; } .kango_pagenavi li { display: inline-block; margin: 0 0.5% 1%; } .kango_pagenavi a { display: block; } .kango_pagenavi a, .kango_pagenavi li.kango_current { padding: 11px 16px; background-color: #dcdcdc; color: #231f20; border: none; font-size: 14px; font-size: 1.4rem; } .kango_pagenavi a:hover, .kango_pagenavi li.kango_current { background-color: #FF9696; color: #FFF; } } /*------------------------------------------------------------------------ < 1099 ------------------------------------------------------------------------*/ @media screen and (max-width: 1099px) { /*-------------------------------------------------- ウェブサイト全体で共通して使用するもの --------------------------------------------------*/ /* パンくずリスト */ #breadcrumb { margin-bottom: 20px; } #breadcrumb ul { padding: 8px 3%; width: 100%; } /*-------------------------------------------------- メインスタイル開始 --------------------------------------------------*/ /*-------------------------------------------------- 基盤スタイル --------------------------------------------------*/ html, body { min-width: initial; } /*-------------------------------------------------- 共通アイテム --------------------------------------------------*/ /* 青リンクボタン */ #main .link_box { margin: 3% auto; } #main .link_box a { font-size: 14px; font-size: 1.4rem; } #main .link_box .btn { width: 100%; } #main .link_box.tel2 .btn { width: 47.5%; } #main .link_box .btn.widen { padding: 3% 1%; } #side .link_box .btn { width: 100%; } #main .link_box .btn:not(.fax):nth-child(2) { margin-top: 3%; } #main .tel.link_box a { padding: 15px 20px !important; } /* サイドバーのボタンテキスト */ #side span.icon_gairai, #side span.icon_access, #side span.icon_map, #side .link_box { font-size: 13px; font-size: 1.3rem; } #side .link_box { margin: 0 auto; } /*-------------------------------------------------- ヘッダー --------------------------------------------------*/ header #header { margin: 20px auto; width: 100%; } header #header .logo { margin-left: 3%; width: 40%; } /* ヘッダー情報 */ header #header .header_menu { width: 55%; } header #header .header_menu { margin-left: 3%; width: 54%; } /* 検索フォーム */ header #header .search_box, header #header form { width: 180px; } header #header dl.search dt input { width: 80%; } header #header dl.search dd { width: 20%; } /* 住所・サイズ・色変更 */ header #header .second { padding-right: 20px; margin: 10px 0; text-align: left; } header #header .second span { font-size: 13px; font-size: 1.3rem; } header #header .second a { font-size: 14px; font-size: 1.4rem; } header #header .second a>span { margin-left: 2%; } header #header .third { padding-right: 5%; } /* ナビゲーション */ header #header nav ul li { width: 15%; height: 90px; float: left; } header #header nav ul li.nav01 { width: 10%; } /* アコーディオンメニュー */ header #header ul#accordion li ul li { height: 40px; line-height: 40px; } header #header ul#accordion li ul li.row2 { height: 50px; line-height: 1.2; } /*-------------------------------------------------- フッター --------------------------------------------------*/ footer #footer { padding: 20px 0; } footer #footer .left { padding-left: 3%; width: 40%; } footer #footer .left .logo { width: 90%; } footer #footer .right { padding: 1% 0 0 3%; width: 60%; } footer #footer .list_arrow_base, footer #footer .list_arrow_base:nth-of-type(4) { margin: 0 8% 15px 0; } /*-------------------------------------------------- ページのレイアウト --------------------------------------------------*/ #main { width: 100%; } #side { margin-right: 3%; width: 25%; } #content { width: 72%; } /* メインカラムいっぱいに表示したい場合に使用 */ .inner { width: 100%; } /* 見出し */ #main h1, #side h1 { padding-top: 13px; padding-bottom: 13px; font-size: 18px; font-size: 1.8rem; } #page .second_layer .box h3 { letter-spacing: -1px; } /*-------------------------------------------------- TOPページ --------------------------------------------------*/ #top #content { width: 100%; } /* ピックアップ */ .pickup_news th:before { display: block; margin: 0 auto 5px; } /*-------------------------------------------------- 固定ページ --------------------------------------------------*/ /* 診療日・外来担当表 */ #main #gairaitanto .link_box .btn { width: 100%; } /* 入院費用 */ #page .hiyou_img { width: 80%; } /* ご相談 */ #gosoudan .link_box.tel2 .left { width: 100%; } /* 医療機関の方へ */ #page .second_layer.undertext .office_allianceBox h3 span { font-size: 12px; font-size: 1.2rem; display: block; padding-bottom: 1%; } #page .second_layer.undertext .office_allianceBox .text { margin-top: -20px; } /* 医療機能連携協定 */ table.alliance thead th:nth-of-type(2) { width: 30%; } table.alliance thead th:nth-of-type(3) { width: 32%; } /* サイトマップ */ .site_map .box { width: 48%; margin: 0; } .site_map .box:nth-child(2n) { margin-left: 4%; } /* このサイトについて */ #main #aboutsite .link_box.tel2 .btn { width: 100%; } #main #aboutsite .tel.link_box a span.mail { line-height: 1.4; } /* 取材・撮影のお申し込み　個人情報保護 */ #main #shuzai .link_box.tel2 .btn, #main #privacy .link_box .btn { margin-bottom: 3%; width: 100%; } /* 院内マップ */ #main .link_box { margin: 3% auto; } #access_map .link_box .btn { margin-bottom: 3%; } /* リンク集 */ #page ol.link_list li { width: 48%; } #page ol.link_list li { margin-right: 4%; } #page ol.link_list li:nth-child(3n) { margin-right: 4%; } #page ol.link_list li:nth-child(2n) { margin-right: 0; } #page ol.link_list li a { padding: 10px 10px; } /* 診療科・部門 */ #medical #main .link_box .btn, #bumon #main .link_box .btn { margin-bottom: 3%; } } /*------------------------------------------------------------------------ < 900 ------------------------------------------------------------------------*/ @media screen and (max-width: 900px) { /*-------------------------------------------------- リンク --------------------------------------------------*/ a:hover { background: transparent; } /*-------------------------------------------------- メインカラムでのみ使用するもの --------------------------------------------------*/ /* ナンバリングリスト（算用数字） */ #page ol.number li:before { vertical-align: top: } #page ol.number li h4 { vertical-align: top; padding-top: 0; } /*-------------------------------------------------- サイドバーとメインカラムで共通して使用するもの --------------------------------------------------*/ /* ページの見出し */ #main h1 { padding: 4% 3.75%; margin-bottom: 3.75%; font-size: 18px; font-size: 1.8rem; background-color: #109dd0; color: #fff; line-height: 1.4; } #main h2 { margin-top: 8.75%; padding-bottom: 1%; margin-bottom: 3.75%; font-size: 18px; font-size: 1.8rem; color: #109dd0; text-align: center; border-bottom: 3px solid #109dd0; line-height: 1.4; } #main h3 { margin-bottom: 1.5%; } #main h4 { padding-left: 0; text-indent: 0em; } #page .box.type_simple h4 { padding-left: 0; } /* ページ内タブメニュー（ボタン型タブ） */ .page_link li { padding: 3.75%; font-size: 12px; font-size: 1.2rem; } /* 3カラム */ #main .link_btn { display: block; } #main .link_btn.unit3 a { width: 100%; padding: 2% 5%; } #main .link_btn.unit3 a:not(:nth-of-type(3n)) { margin-right: 0; } /* 電話番号用 */ #main .tel.link_box.tel2 a:first-of-type { margin-bottom: 3.75%; } #main .tel.link_box .left, #main .tel.link_box .right { float: none; } #main .tel.link_box a,#main .tel.link_box .fax { text-align: center; line-height: 1.2!important; } #main .tel.link_box a .names,#main .tel.link_box .fax .names { font-size: 14px; font-size: 1.4rem; } #main .tel.link_box a span,#main .tel.link_box .fax span { font-size: 28px; font-size: 2.8rem; } #main .link_box.tel2 .btn { width: 100%; } #main #page .tel.link_box.tel2 a:first-of-type { margin-bottom: 0; } /* 電話番号用(iPhone) */ #main .tel.link_box .fax span a { padding: 0 !important; font-size: 28px; font-size: 2.8rem; color: #fff; text-decoration: none; line-height: 1.6; vertical-align: middle; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; display: inline-block; } /* メールアドレス用 */ #main .tel.link_box a span.mail { line-height: 1.4; } /*-------------------------------------------------- 全サイズの基盤スタイル --------------------------------------------------*/ html, body { min-width: auto; line-height: 1.6; } body { position: relative; height: auto; padding-bottom: 57px; } #main {margin: 0 auto; width: 100%; padding: 0 3%; } #main .link_box .btn { width: 100%; padding: 2% 5%; } #main .link_box .btn:nth-child(2) { margin-top: 3.75%; } #main section.open:last-of-type { border-bottom: #eee solid 1px; } #content { width: 100%; float: none; margin: 0 auto 6.25%; } .inner { width: 100%; } #breadcrumb { display: none; } /* 画像のサイズ */ img.l { width: 100%; } img.m { width: 100%; } img.s { width: 100%; } /*-------------------------------------------------- ヘッダー --------------------------------------------------*/ header #header { width: 100%; padding: 0 3%; } header #header .logo { width: 100%; height: auto; margin: 0 auto 20px; float: none; } header #header .header_menu { display: none; } header #header nav ul li { width: 33.33%; height: auto; border: 1px solid #dcdcdc; border-left: none; border-bottom: none; } header #header nav ul li:first-child { display: none; } header #header nav .border, header #header nav .triangle { fill:none; } header #header nav ul li { border: 1px solid #dcdcdc; } header #header nav ul li:nth-child(3), header #header nav ul li:nth-child(6) { border-right: 1px solid #fff; border-left: 1px solid #fff; } header #header nav ul li:nth-child(2), header #header nav ul li:nth-child(3), header #header nav ul li:nth-child(4) { border-bottom: 1px solid #fff; } header #header .language_sp { display: block;} header #header .language_sp.list_arrow_base { width: 90px; line-height: 1.4; } header #header .language_sp.list_arrow_base.eng { width: 100%; } header #header .language_sp.list_arrow_base a::before, header #header .language_sp.list_arrow_base a::after { position: absolute; top: -10px; bottom: 0; left: auto; right: 0; margin: auto; content: ""; vertical-align: middle; } header #header .language_sp.list_arrow_base.mark a::before { width: 16px; height: 16px; margin-top: 12px; border-radius: 25%; background: #231f20; } header #header .language_sp.list_arrow_base.mark a::after { right: 6px; width: 5px; height: 5px; margin-top: 17px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); } header #header .language_sp.list_arrow_base a { position: relative; width: 100%; height: 100%; margin-right: 10px; padding-right: 20px; white-space: nowrap; } /* header #header nav ul li:nth-of-type(2) { border-left: 1px solid #dcdcdc; } header #header nav ul li:nth-of-type(5) { border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; } header #header nav ul li:nth-of-type(6) { border-bottom: 1px solid #dcdcdc; } header #header nav ul li:nth-of-type(7) { border-bottom: 1px solid #dcdcdc; } */ /* アコーディオン部分 */ ul#accordion li ul { display: none!important; } /* 電話番号用 */ #header .tel.link_box { margin: 5% auto 8.75%; width: 100%; padding: 0; } #header .tel.link_box .btn { background: #4cbbd0; width: 100%; position: relative; display: block; } #header .tel.link_box a { color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: normal; text-align: center; padding: 3%!important; text-decoration: none; } #header .tel.link_box a span { font-size: 28px; font-size: 2.8rem; line-height: 1.4; vertical-align: middle; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; display: inline-block; } #header .tel.link_box a .names { font-size: 14px; font-size: 1.4rem; } #header .tel.link_box a .hours { font-size: 15px; font-size: 1.5rem; } #header .tel.link_box a svg { width: 26px; height: 26px; margin-right: 0.3em; vertical-align: middle; display: inline-block; } #header .tel.link_box.tel2 { padding: 5px 0; } /*-------------------------------------------------- フッター --------------------------------------------------*/ .town { position: absolute; bottom: 50px; height: 230px; } footer { background-color: transparent; } footer #footer { padding: 5% 3% 150px; } footer #footer .left { display: none; } footer #footer .right { float: none; width: 100%; padding: 0; } footer #footer .list_arrow_base { display: block; margin: 0; padding: 0; } footer #footer .list_arrow_base a { border-bottom: 1px solid #ececec; padding: 3.75%; text-decoration: none; } footer #footer .list_arrow_base:first-of-type a { border-top: 1px solid #000; } footer #footer .list_arrow_base::before, footer #footer .list_arrow_base::after { right: 8px; top: -1%; } footer #footer .list_arrow_base:nth-of-type(4) { margin: 0; } footer #footer .list_arrow_base.mark::after { right: 14px; } footer #copy { background: #e8e8e8; color: #231f20; } /* ページトップへ戻るボタン */ .pagetop { display: none !important; } /*-------------------------------------------------- サイドバー --------------------------------------------------*/ #side { width: 100%; float: none; margin: 0 auto; border-top: ; border-top: 1px solid #000; padding-top: 25px; } #side .common_btn { } #side .common_btn .list_arrow_base.mark.right_arrow::after { right: 16px; } /*-------------------------------------------------- top --------------------------------------------------*/ /* スライダー */ #top .visual { margin-bottom: 10% } #top .carousel .autoplay .slick-prev { left: 10px; width: 25px; height: 25px; } #top .carousel .autoplay .slick-next { right: 10px; width: 25px; height: 25px; } #top .carousel .autoplay .slick-prev:after { margin-left: 8px; } #top .carousel .slick-dots { bottom: 0; } #top #content { width: 100%; } /* バナー */ .news_bnr a { padding: 22px 10px 20px; font-size: 1.8rem; } .news_bnr a::before { right: 20px; width: 20px; height: 20px; } .news_bnr a::after { right: 27px; width: 6px; height: 6px; } /* ピックアップメニュー */ #pic_menu .box { width: 49%; border: none;border: 1px solid #dcdcdc; } #pic_menu .box:nth-child(1) { margin-right: 1%; margin-bottom: 2%; } #pic_menu .box:nth-child(2) { margin-left: 1%; margin-bottom: 2%; } #pic_menu .box:nth-child(3) { margin-right: 1%; } #pic_menu .box:nth-child(4) { margin-left: 1%; } /* 簡易メニュー */ #easy_guide .right .box a{ border: 1px solid #dcdcdc; border-bottom: none; } #easy_guide .right .box a:first-of-type { border-right: 1px solid #dcdcdc; } #easy_guide .right .box:last-of-type .center { border-top: 1px solid #dcdcdc; letter-spacing: -1px; } #top_recruit .box { width: 100%; margin-bottom: 2.5%; } /* 簡易案内 */ #easy_guide .left table tr { border-bottom: 1px dotted #DCDCDC; } #easy_guide .left table th { width: 30%; background: transparent; color: #231f20; border: none; font-weight: bold; } #easy_guide .left table td { border: none; } #easy_guide .left table th, #easy_guide .left table td { height: auto; padding: 2% 10px; } #easy_guide .left { width: 100%; margin: 0 0 3% 0; float: none; } /* 左側 */ #easy_guide .left table td a:nth-child(2) { margin-left: 0; display: block; } #easy_guide .left table td a+br { display: none; } /* 右側 */ #easy_guide .right .left { width: 100%; } #easy_guide .right { width: 100%; float: none; } #easy_guide .right .box:first-of-type { margin: 0; } #easy_guide .right .box:nth-of-type(1) a:last-of-type { border-bottom: none; } #easy_guide .right .box a, #easy_guide .right .box .center { display: block; margin: 0; } #easy_guide .right .image { position: absolute; top: 15px; left: 20px; } #easy_guide .right .title { display: block; } #easy_guide .right .box:last-of-type div.icon_top_non_smoking::before { left: 25px; } #easy_guide .right .box:last-of-type .center .title { padding-left: 18%; } #top_infomation .left { width: 100%; } #top_infomation .right { display: none; } #top #content h2 { width: 100%; } .news .date { width: auto; } .news .title { width: 100%; margin: 5px 0 0; } .news .title a { color: #109DD0; } .news_list .news { margin-bottom: 2.5%; } .news_tab .archive_link { bottom: -10px; } /* 中央診療施設等 */ #top_bumon .item:nth-child(1), #top_bumon .item:nth-child(3n+1) { margin-left: 0; } #top_bumon .item:nth-child(3n) { margin-right: 2%; } #top_bumon .item { margin: 0 2% 4% 0; width: 48%; } #top_bumon .item:nth-child(2n) { margin-right: 0; } #top_bumon .list_arrow_base.mark.right_arrow::after { right: 20px; } /* ピックアップ */ .pickup_news th { width: 24%; } .pickup_news td { width: 76%; } .pickup_news .tag { margin-left: 2%; padding: 4px 10px; width: auto; } /* タブメニュー */ .news_tab { height: auto; } .news_tab .news_list { border: none; padding: 0 0 2%; margin: 0 0 2%; } .news_tab .news_list:last-of-type { padding-bottom: 10px; } .news_tab div.hide_box { position: relative; top: 0; margin: 0; height: auto; padding: 1.5% 1.5% 7.5%; } .news_tab input[type="radio"] + em { width: 100%; } .news_tab input[type="radio"]:checked + em { width: 100%; } /* ニュースタグ */ .news .tag { padding: 4px 10px; width: auto; } /* カルーセルスライダー */ #top .visual .slick-prev { left: 20px; } #top .visual .slick-next { right: 20px; } /*-------------------------------------------------- 固定ページ --------------------------------------------------*/ #page .hiyou_img { width: 80%; } #page .second_layer .box { width: 100%; padding: 3% 13% 3% 3%; height: auto; line-height: 1.4; } #page .second_layer .box .list_arrow_base::before, #page .second_layer .box.list_arrow_base::after { right: 20px; } #page .second_layer .box h3.two_rows { margin-top: 0; } #page .second_layer .box h3 { margin-bottom: 0; } #page .second_layer .box .text { margin: 2.5% 0 0 0; } #page .second_layer div.list .left, #page .second_layer div.list .right { width: 100%; margin-bottom: 3.75%; } #page .second_layer.soudan .box .list_arrow_base::before, #page .second_layer.soudan .box.list_arrow_base::after { right: 20px; } #page .second_layer.soudan .box .text { margin: 2.5% 0 0 0; } #page .second_layer.soudan .box { height: auto; padding: 5% 15% 5% 5%; line-height: 1.4; } #page .second_layer.undertext .box { line-height: 1.4; height: auto; } #page .second_layer.undertext .office_allianceBox h3 { padding: 0; } #page .second_layer.undertext .office_allianceBox .text { margin-top: 2.5%; } #page .left.sodan, #page .right.sodan { width: 100%; float: none; margin-bottom: 3.75%; } /* 支払方法 */ #page .hiyou_shiharai2 { width: 100%; } #page .saishin_caution { font-size: 22px; font-size: 2.2rem; } /* 病院長あいさつ　*/ .left.greeting { width: 80%; margin: 0 auto 2.5%; float: none; } .right.greeting { width: 100%; } /* 情報公開　*/ #page .second_layer.infomation .box { height: auto; line-height: normal; } #page .second_layer.infomation .box h3.two_rows { margin: 0; } /* 入院の手続き */ table.nyuin_table2 td .left { width: 100%; color: #4cbbd0; text-align: left; } table.nyuin_table2 td .right { width: 100%; margin-bottom: 5px; padding-left: 0; } /* 入院中の生活 */ .nyuin_tetsuduki_soudan .left, .nyuin_tetsuduki_soudan .right { width: 100%; } /* PET-CTを用いた地域医療連携について */ .pet_ct_box .left_box { width: 100%; } .pet_ct_box .center_box { width: 100%; float: right; } .pet_ct_box .right_box { width: 100%; float: left; } .pet_ct_box .center_box ul li { padding: 0 0 20px 0;} .pet_ct_box .center_box ul li.first { color: #FF9398; background: none; margin-bottom: 0; } .pet_ct_box .center_box ul li.second { color: #86CAFF; background: none; } .pet_ct_box .arrow_box .left, .pet_ct_box .arrow_box .right { width: 50%; } .pet_ct_box .arrow_box .left img, .pet_ct_box .arrow_box .right img { width: auto; } /* 組織図・沿革 */ .soshiki_img { width: 80%; min-width: auto; } .enkaku_list { width: 100%; } .enkaku_list .era_name, .enkaku_list .date, .enkaku_list .date2, .enkaku_list .content { display: block; } .enkaku_list .era_name, .enkaku_list .date { padding: 0; } .enkaku_list .era_name { padding: 1% 3%; margin: 5% auto 2.5%; color: #fff; background-color: #4cbbd0; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; display: inline-block; width: auto; letter-spacing: 2px; } .enkaku_list:first-of-type .era_name { margin-top: 0; } .enkaku_list .date, .enkaku_list .date2 { font-weight: bold; width: 100%; text-align: left; } .enkaku_list .date2 { padding: 10px 0 0; } .enkaku_list .content { display: block; width: 100%; padding: 0 0 2.5%; } /* 理念 */ #page .rinen02 ol.number li { padding-left: 1.5em; text-indent: -1.5em; } /* アクセス */ .access_map_image { width: 100%; } .access_map_image img { width: 100%; } /* 院内マップ */ #access_map .link_box .btn { margin-bottom: 0; } .innai_guide { border-bottom: 1px solid #dcdcdc; } .innai_guide .left { width: 80%; margin: 0 auto 3.75%; float: none; } .innai_guide .right { width: 100%; margin: 0 auto 3.75%; float: none; } /* 企業等からの資金提供状況の公表について */ #main .shikin_teikyo .link_box a { float: none; } /* 高度医療等の現状 */ ul.kodo_page_link li { height: auto; padding: 2%; } ul.kodo_page_link li a { padding: 2%; } /* 医療機関の方へ */ #page .second_layer.undertext .office_allianceBox h3 span { font-size: 12px; font-size: 1.2rem; display: inline-block; padding-bottom: 1%; } /* サイトマップ */ .site_map .box, .site_map .box2 { width: 100%; float: left; margin: 0; } .site_map .box:nth-child(2n) { margin-left: 0; } .site_map .box2 { float: left; width: 100%; } .site_map .box2:nth-child(2) { margin-right: 0; } .site_map .box2:nth-child(3) { margin-left: 0; } /* 個人情報 */ #main #privacy .link_box .btn { margin-bottom: 0; } /*-------------------------------------------------- 中央診療施設（bumon）・診療科（medical） --------------------------------------------------*/ /* 中央診療施設・診療科　共通 */ #bumon .doctor, #medical .doctor { width: 25%; } #bumon #main section.open div, #medical #main section.open div { background-color: #e8e8e8; } #medical .greeting { float: none; width: 100%; } #medical .doctor .doctor_dtl, #medical .doctor .doctor_dtl > div { font-size: 12px; font-size: 1.2rem; } #bumon .doctor .doctor_dtl .doctor_title_2, #medical .doctor .doctor_dtl .doctor_title_2 { font-size: 15px; font-size: 1.5rem; } #bumon section h2, #medical section h2 { padding: 3.75%; } /* 診療科　医師紹介 */ #medical .box.type_simple .doctor_img { width: 33%; } #medical .box.type_simple .doctor_dtl { width: 60%; } #medical .box.type_simple .doctor_society { width: 100%; } #medical .box.type_simple .dr_name { font-size: 16px; font-size: 1.6rem; } #medical .box.type_simple span.specialist { font-size: 12px; font-size: 1.2rem; } #medical .box.type_simple { margin-bottom: 0; } #bumon .doctor { width: 31.3%; margin-bottom: 6.25%; } #bumon .doctor:nth-of-type(3n) { margin-right: 0; } /* 診療科・中央診療施設アコーディオン化 */ #main section.open h2 { width: 100%; margin: 0; padding-left: 20px; border-left: #eee solid 1px; border-top: #eee solid 1px; border-right: #eee solid 1px; border-bottom: none; text-align: left; cursor: pointer; } #content section.open div.text.gray { display: none; margin-bottom: 0; background-color: #fff; border-left: #eee solid 1px; border-right: #eee solid 1px; border-bottom: none; border-radius: 0; } #content section.open > div { display: none; } /* アコーディオンの＋、－アイコン設定 */ .open h2,.open span { display: inline-block; transition: all .4s; box-sizing: border-box; } .open h2 { position: relative; width: 100%; height: 60px; } .open h2 span { position: absolute; right: 16px; width: 16px; height: 2px; background-color: #109dd0; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } .open h2 span:nth-of-type(1) { top: 30px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .open h2 span:nth-of-type(2) { top: 30px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } /* ＋、－切り替え */ .open h2.active span:nth-of-type(1) { display:none;} .open h2.active span:nth-of-type(2) { top: 30px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .open h2 { height: auto; } .open h2 span:nth-of-type(1) { top: 50%; } .open h2 span:nth-of-type(2) { top: 50%; } .open h2.active span:nth-of-type(2) { top: 50%; } /*-------------------------------------------------- 鵜舟 --------------------------------------------------*/ /* 鵜舟インデックス */ #main .ubune_box .left img { width: 80%; } #main .ubune_box { margin-bottom: 8.75%; } #main .ubune_box > .left { width: 100%; float: none; } #main .ubune_box > .right { width: 100%; float: none; margin-top: 6.25%; } /*-------------------------------------------------- 概要 --------------------------------------------------*/ /* 概要インデックス */ #main .gaiyou_box { width: 100%; } #main .gaiyou_box img { width: 80%; box-shadow: 0px 1px 3px #ccc; } /*-------------------------------------------------- お知らせ --------------------------------------------------*/ /* お知らせインデックス */ .news_index .news .date { width: 20%; margin-right: 5%; } .news_index .news .title { width: 100%; margin: 1% 0 0 0; } .news_index .news .tag { width: 14%; } /* お知らせシングル */ .news_single .news .date { width: auto; padding-top: 4px; } .news_single .news .tag { width: auto; padding: 4px 2%; } .news_single .eyecatch { width: 90%; } .news_single .entry_image_area .sub { display: block; margin: 0 auto 6.25%; width: 80%; } .news_single .entry_image_area .sub:nth-of-type(even) { margin-right: auto; } /* スマホ用フッターメニュー */ #fixed_fotter_bottom { width: 100%; height: 57px; line-height: 50px; line-height: 5.0rem; border-top: 3px solid #fff; background-color: #109dd0; position: fixed; bottom: 0; z-index: 99999; padding-top: 0px; } #fixed_fotter_bottom .fixed_footer_menu_box { width: 100%; display: table; } #fixed_fotter_bottom .fixed_footer_menu { margin: 0 auto; width: 20%; display: table-cell; text-align: center; } #fixed_fotter_bottom .fixed_footer_menu img { width: 60px; height: 60px; display: inline-block; } /* ドロワーメニュー */ nav.drawer-nav ul.drawer-menu { font-size: 14px; font-size: 1.4rem; } nav.drawer-nav ul.drawer-menu li { padding-left: 3%; border-bottom: 1px solid #EFEFEF; } nav.drawer-nav ul.drawer-menu li:last-of-type { border-bottom: none; } nav.drawer-nav ul.drawer-menu li > a { width: 100%; height: 100%; display: block; padding: 2% 1.5%; } nav.drawer-nav ul.drawer-menu li a:hover { color: #24cddd; } nav.drawer-nav ul.drawer-menu li:hover { background-color: #e8e8e8; } nav.drawer-nav ul.drawer-menu li.sub { text-indent: 0; } nav.drawer-nav ul.drawer-menu li dl { padding: 3% 1.5%; } nav.drawer-nav ul.drawer-menu li a.toggle { position: relative; } nav.drawer-nav ul.drawer-menu li a.toggle::before, nav.drawer-nav ul.drawer-menu li a.toggle::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; } nav.drawer-nav ul.drawer-menu li a.toggle::before { right: 15px; width: 4px; height: 4px; border-top: 1px solid #231f20; border-right: 1px solid #231f20; -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* 検索ボックス */ nav.drawer-nav ul.drawer-menu li form dl.search { position: relative; width: 100%; height: auto; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 3px; padding: 0; } nav.drawer-nav ul.drawer-menu li form { width: 100%; } nav.drawer-nav ul.drawer-menu li form dl.search dt input { width: 85%; height: 30px; line-height: 30px; font-size: 13px; font-size: 1.3rem; background: none; border: none; } nav.drawer-nav ul.drawer-menu li form dl.search dd { position: absolute; top: 0px; right: -1px; width: 15%; } nav.drawer-nav ul.drawer-menu li form dl.search dd button { display: block; background: #109dd0; width: 100%; height: 30px; border: none; border-radius: 0 3px 3px 0; } nav.drawer-nav ul.drawer-menu li form dl.search dd button:hover { cursor: pointer } nav.drawer-nav ul.drawer-menu li form dl.search dd button img { margin: 0 auto; width: 15px; height: 15px; } /* ドロワーの装飾 */ .drawer--left .drawer-hamburger { display: none; } /* ページ上部の開閉メニューを非表示 */ .drawer-nav { overflow: auto!important; } /*ACCORDION*/ nav.drawer-nav ul.drawer-menu li ul li { border-bottom: none; padding-bottom: 0; } #acMenu .toggle { display:block; width:100%; height:auto; cursor:pointer; } #acMenu ul { width:100%; height:auto; display:none; } #acMenu .maru::after { border-top: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #main section.open h2 { padding-right: 8.75%; } #main section.open h2.active { border-bottom: #eee solid 1px; } .tables .box table, .tables .box20 table { width: 100%; } /* スクロールさせる表に対してスクロールバーを表示させる */ .overflow-x { overflow-x: scroll; } .overflow-x::-webkit-scrollbar { height: 15px; } .overflow-x::-webkit-scrollbar-track { border-radius: 8px; background: #eee; } .overflow-x::-webkit-scrollbar-thumb { border-radius: 8px; background: #666; } .overflow-y { overflow-y: scroll; height: 70vh; } .overflow-y::-webkit-scrollbar { width: 10px; } .overflow-y::-webkit-scrollbar-track { border-radius: 8px; background: #eee; } .overflow-y::-webkit-scrollbar-thumb { border-radius: 8px; background: #666; } /* 下記のものについては、テーブルの枠組みを調整 */ /* 科長一覧 */ #head_list table.head_list_2 tr, #head_list table.head_list_2 td { width: 33.33%; } /* 交通アクセス */ #access_index table th, #access_index table td { padding: 5px; } #access_index table.access_table1 tbody th { width: 40%; } #access_index table.access_table1 tbody td { width: 60%; } #access_index table.access_table3 th { text-align: left; } /* 院内マップ */ table.hanbai_table td .left { width: 100%; text-align: left; color: #4cbbd0; } table.hanbai_table td .right { width: 100%; margin-bottom: 3%; padding-left: 0; } .hanbai_unit{ flex-direction: column; } .hanbai_unit .left_col{ width: 100%; text-align: left; color: #4cbbd0; } .hanbai_unit .right_col{ width: 100%; margin-bottom: 3%; padding-left: 0; } /* ポルトガル語 院内マップ・診療日・外来担当表・入院の手続き */ .tables .box .table_prt { width: 100%; table-layout: fixed; word-break: break-all; word-wrap: break-word; } /*-------------------------------------------------- 看護師特定行為研修 --------------------------------------------------*/ /* ページの見出し、テキスト */ #kango_tokutei h1 { padding: 2% 3.75%; margin-bottom: 3.75%;font-size: 2.0rem; background-color:#FF9696; color: #fff; line-height: 1.4;text-align:center;position: relative;border: dashed 1px #ffffff;padding: 10px 15px;box-shadow: 0px 0px 0px 5px #FF9696;font-weight:bold;margin: 5px;} #kango_tokutei .english {font-size: 1.4rem;margin-left:1%;} #kango_tokutei .btm_line{border-bottom:2px solid #E6E6E6;} /* 看護師特定行為研修募集要項 */ #kango_tokutei .lecture_box .sub_ttl_lecture::before{ content: " ";color#FF9696;margin:0 10px 0 0; vertical-align: middle;border-left:8px solid #FF9696;} #kango_tokutei .lecture_box .lecture_txt {margin-left: 0;} /* 看護師特定行為研修受講モデル*/ #kango_tokutei .model_img_btn{text-align:center;} } @media screen and (max-width: 768px) { /*-------------------------------------------------- トップ --------------------------------------------------*/ /* バナー */ .news_bnr a { font-size: 1.6rem; } /*-------------------------------------------------- 固定ページ --------------------------------------------------*/ /* メディア掲載 */ .media_link li { width: calc(100% / 4); } /*-------------------------------------------------- 表の表示調整 --------------------------------------------------*/ /* 外来担当表 */ #gairaitanto table th, #gairaitanto table td { padding: 5px; } /* 科長一覧 */ /* 院長 */ #head_list table.head_list_1 th { width: 33%; } #head_list table.head_list_1 td { width: 67%; } /* 副院長 */ #head_list table.cell4, #head_list table.cell4 tbody, #head_list table.cell4 tr { width: 100%; display: flex; flex-wrap: wrap; } #head_list table.cell4 th { width: 33%; display: block; float: left; border-right: none; } #head_list table.cell4 td { width: 67%; display: flex; align-items: center; float: left; } #head_list table.cell4 th:not(:last-child), #head_list table.cell4 td:not(:last-child) { border-bottom: none; } #head_list table.cell4 td:nth-child(4) { border-bottom: none; } #head_list table.cell4 td.last { border-bottom: 1px solid #dcdcdc; } /* 3列並び */ #head_list table.head_list_2 th { width: 33%; } #head_list table.head_list_2 th:nth-of-type(2), #head_list table.head_list_2 td:nth-of-type(1) { width: 27%; } #head_list table.head_list_2 th:nth-of-type(3),#head_list table.head_list_2 td:nth-of-type(2) { width: 40%; } /* 病院機能指標 */ #kino_shihyo .tables .box table.kino_shihyo_table { width: 700px; } #kino_shihyo .tables .box table.kino_shihyo_table th, #kino_shihyo .tables .box table.kino_shihyo_table td { padding: 1%; } #kino_shihyo .tables .box table.kino_shihyo_table th.short, #kino_shihyo .tables .box table.kino_shihyo_table tbody th, #kino_shihyo .tables .box table.kino_shihyo_table tbody td { width: 6.5%; } #kino_shihyo .tables .box table.kino_shihyo_table th.year { width: 10%; } /* 指標 */ #guide_shihyo { overflow: auto; } /* mapの高さ調整 */ .google_map { height: 35vh; } /* 医療機関（産婦人科）の方へ */ #iryokikan table.iryoukikan_table, #kibosha table.bumon_idenshi_kibousya_table { width: 700px; } /* お問い合わせ */ #contact table.contact { width: 700px; } /* 歴代院長 */ .rekidai_list { display: flex; flex-wrap: wrap; } .rekidai_list__item { width: calc(50% - 10px); margin: 0 20px 20px 0; } .rekidai_list__item:nth-of-type(even) { margin-right: 0; } .rekidai_name { font-size: 1.4rem; } .rekidai_name span { font-size: 2.0rem; } /* 医療連携センター 予約空き情報 */ table.calendar { min-width: 700px; } } /*------------------------------------------------------------------------ < 640 ------------------------------------------------------------------------*/ @media screen and (max-width: 640px) { html, body { min-width: 320px; } /*-------------------------------------------------- 共通 --------------------------------------------------*/ /* タグ型リスト */ #page ol.tags li { text-align: left; width: 100%; } #main .link_box .btn.widen { padding: 3% 10% 3% 1%; } /*-------------------------------------------------- ヘッダー --------------------------------------------------*/ header #header nav ul li::before { right: 5px; } /* Androidのみ */ .android header #header .logo { margin: 0 auto 20px; width: 100%; height: 50px; float: none; } .android header #header nav ul li { height: 70px; } /* アコーディオン部分 */ #header .tel.link_box a span { font-size: 20px; font-size: 2.0rem; } /*-------------------------------------------------- メインカラム --------------------------------------------------*/ /*#main h1 { margin-bottom: 8.75%; }*/ #main .link_box .btn { padding: 5% 8%; } #main .tel.link_box a, #main .tel.link_box .fax { padding: 5% 2%!important; } #main .tel.link_box a span, #main .tel.link_box .fax span { font-size: 24px; font-size: 2.4rem; } #main h3 { padding-left: 0; text-indent: 0; } #side .link_box .btn { padding: 4% 8%; font-size: 13px !important; font-size: 1.3rem !important; } /*-------------------------------------------------- TOP --------------------------------------------------*/ /* スライダー */ #top .visual .slick-prev, #top .visual .slick-next { width: 15px; height: 15px; top: 44%; } #top .visual .slick-dots li { margin: 0 2px; } /* バナー */ .news_bnr a { width: 100%; padding: 17px 10px 10px; border-width: 2px; font-size: 1.5rem; } .news_bnr a::before { right: 12px; width: 16px; height: 16px; border-radius: 25%; } .news_bnr a::after { right: 18px; width: 5px; height: 5px; border-width: 1px; } .news_bnr a:nth-of-type(1) { margin-bottom: 10px; } /* ピックアップ */ .pickup_news { margin-bottom: 4%; } .pickup_news th { display: block; width: 100%; height: auto; padding: 2%; } .pickup_news th:before { display: inline-block; margin-right: 10px; } .pickup_news td { display: block; width: 100%; height: auto; padding: 6% 2% 4%; } .pickup_news td:before { top: 0; left: 50%; margin: 0 0 0 -10px; border-style: solid; border-width: 12px 10px 0 10px; border-color: #109dd0 transparent transparent transparent; } /* お知らせタブ */ .news_tab label { width: 100%; height: 100%; display: block; } #pic_menu .list_arrow_base.mark::before,#pic_menu .list_arrow_base.mark::after { display: none; } #pic_menu .box .image { margin-bottom: 1.5%; } #pic_menu .box .title { font-size: 13px; font-size: 1.3rem; } /* android */ .android #pic_menu .box { height: 16%; } #top_bumon .item .btn { height: auto; } #top_bumon .list_arrow_base { height: 54px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-size: 1.3rem; } #main #top_bumon .list_arrow_base.mark::before, #main #top_bumon .list_arrow_base.mark::after { display: none; } /*-------------------------------------------------- 固定ページ --------------------------------------------------*/ #page ol li { padding-bottom: 3.75%; margin-bottom: 3.75%; } #page .second_layer .box { padding: 5% 15% 5% 5%; } /* 入院費用 - お支払いについて */ #page .left.hiyou_shiharai, #page .right.hiyou_shiharai, #page .hiyou_img { width: 100%; } /* 当院について - 理念と基本方針とビジョン */ #page .rinen01 { font-size: 30px; font-size: 3rem; } #page .rinen02 { font-size: 18px; font-size: 1.8rem; } #page .rinen02 ol.number li:before { font-size: 14px; font-size: 1.4rem; margin-top: 0; } /* 憲章・基本戦略 */ #page #kensho h3 { margin-bottom: 2%; } #page #kensho .text { margin-bottom: 5%; } #page #kensho ol li { padding-bottom: 2%; margin-bottom: 2%; } /* 治験について */ #chiken .link_box br { display: block; } /* 新型インフルエンザ */ #influ .link_box br { display: block; } /* 特発性大腿骨頭壊死症とくはつせいだいたいこっとうえししょうを対象とした医師主導治験のご紹介 */ .seikei_chiken1 .left,.seikei_chiken1 .right, .seikei_chiken2 .left, .seikei_chiken2 .right { width: 100%; } table.seikei_chiken_table th,table.seikei_chiken_table td { width: auto; } table.seikei_chiken_table th { width: 30%; } table.seikei_chiken_table td br { display: block; } /*-------------------------------------------------- お知らせ --------------------------------------------------*/ /* お知らせインデックス */ .news_index .news .date { width: auto; } .news_index .news .tag { width: 28%; } /* ボランティア募集　*/ .left.volunteer, .right.volunteer { width: 100%; } #page .volunteer ol li { padding-bottom: 2.5%; margin-bottom: 2.5%; } .left.volunteer2, .right.volunteer2 { width: 100%; margin-bottom: 3.75%; } .right.volunteer3 { width: 100%; } .left.volunteer2:last-of-type, .right.volunteer2:last-of-type { margin-bottom: 0; } /*-------------------------------------------------- 中央診療施設（bumon）・診療科（medical） --------------------------------------------------*/ #bumon .doctor { width: 48%; margin-right: 2%; margin-bottom: 6.25%; } #bumon .doctor:nth-of-type(3n) { margin-right: 2%; } #bumon .doctor:nth-of-type(even) { margin-right: 0; } #medical .doctor { width: 35%; } /*-------------------------------------------------- 表の表示調整 --------------------------------------------------*/ /* 当院について - 企業からの資金提供 */ #shikin_teikyo table.cell3 th:nth-child(1), #shikin_teikyo table.cell3 td:nth-child(1) { width: 33%; } #shikin_teikyo table.cell3 th:nth-child(2), #shikin_teikyo table.cell3 td:nth-child(2) { width: 26%; } #shikin_teikyo table.cell3 th:nth-child(3), #shikin_teikyo table.cell3 td:nth-child(3) { width: 41%; } #shikin_teikyo table th, #shikin_teikyo table td { padding: 5px; } /* 交通アクセス */ /* 駐車整理料金 */ #access_index table.access_table3 { width: 700px; } #access_index .tables .box.overflow-x { margin-bottom: 1%; } table.hanbai_table th:nth-child(1) { padding: 1%; } /* 院内マップ */ .innai_guide .right table.cell3 tr td:nth-child(2) { width: 20%; } .innai_guide .right table.cell3 tr td:nth-child(3) { width: 80%; } /* 診療科 */ #medical table.shoshin, #medical table.saishin, #medical table.senmon { width: 700px; } #medical table.shoshin thead th.head:first-of-type, #medical table.saishin thead th.head:first-of-type, #medical table.senmon thead th.head:first-of-type { text-align: left; } /* 専門医教育認定施設等一覧 */ #qualified table, #qualified thead, #qualified tbody, #qualified tr { width: 100%; display: block; } #qualified tr:after { content: ""; clear: both; display: block; } #qualified table.cell2 th { width: 100%; display: block; } #qualified td { width: 100%; height: auto; display: block; float: left; border-bottom: none; } #qualified td.last { border-bottom: 1px solid #dcdcdc; } /* ドロワーメニュー */ nav.drawer-nav ul.drawer-menu { font-size: 14px; font-size: 1.4rem; } nav.drawer-nav ul.drawer-menu li { padding: 1.5%; border-bottom: 1px solid #EFEFEF; } nav.drawer-nav ul.drawer-menu li a { width: 100%; height: 100%; display: block; } nav.drawer-nav ul.drawer-menu li:hover { background-color: #e8e8e8; } } /*------------------------------------------------------------------------ < 480 ------------------------------------------------------------------------*/ @media screen and (max-width: 480px) { ul.check-list li { position: relative; margin-left: 30px; margin-bottom: 16px; } ul.check-list li:before { position: absolute; content: ""; background-image: url( '../img/check.svg' ); background-size: 15px 12px; width: 15px; height: 12px; top: 2px; left: -24px; } } /*-------------------------------------------------- 看護師特定行為研修 --------------------------------------------------*/ /* PC対応 */ @media screen and (min-width: 481px) { .kango_pc_view { display:block; } .kango_sp_view { display:none; } } /* スマートフォン対応 */ @media screen and (max-width: 480px) { .kango_pc_view { display:none; } .kango_sp_view { display:block; } /* googlemap*/ #kango_tokutei .kango_access .kango_google_map{height: 200px; } /* メディア掲載 */ .media_link li { width: calc(100% / 3); } }