@charset "UTF-8"; /* WEBフォントの指定 */ @font-face { font-family: 'bigtitle'; font-display: swap; src: url('/wp-content/themes/sanfujinka-debut.com/fonts/bigtitle.otf') format('opentype'); } /* Theme Name: sanfujinka-debut.com */ html { font-size: 62.5%; } body { font-family: Meiryo, sans-serif; font-size: 1.6em; color: #333; } @media screen and (max-width: 767px) { .main_content { transition: right 0.3s; right: 0; } .main_content:before { display: none; content: ''; right: 0; position: fixed; width: 100%; height: 100%; top: 0; transition-duration: 0.3s; transition-property: right, background-color; background-color: rgba(0, 0, 0, 0); z-index: 1; } .main_content.fixed { position: fixed; } .main_content.fixed:before { display: block; } .main_content.open_sp { top: 0; right: 278px; } .main_content.open_sp:before { right: 276px; background-color: rgba(0, 0, 0, 0.5); } .main_content.open_sp header nav { right: 0; } .main_content.open_sp .sp_menu.open { display: none; } .main_content.open_sp .sp_menu.close { display: flex; } } header { background: #000; border-bottom: 5px solid #e30080; } header .wrapper { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: relative; } @media screen and (max-width: 767px) { header .wrapper { padding: 0; display: block; } } header .site_title { padding: 1em 0; } @media screen and (max-width: 767px) { header .site_title { text-align: center; margin: 0; padding: 0.3em 0; } } header .site_title a { text-decoration: none; display: block; } @media screen and (max-width: 767px) { header .site_title a { display: inline-block; } } header .site_title .logo { margin: 0; } @media screen and (max-width: 767px) { header .site_title .logo { width: 104px; margin-left: auto; margin-right: auto; margin-bottom: 0; line-height: 0.7em; } } header .site_title .logo img { width: 100%; height: auto; vertical-align: top; } header .site_title .url { margin: 0; font-size: 1rem; text-align: center; color: #e30080; } header nav { display: flex; align-items: center; font-size: 1.4rem; right: 0; transition: right 0.3s; } @media screen and (max-width: 767px) { header nav { display: block; position: fixed; top: 0; right: -278px; width: 278px; background: #fff; height: 100%; } } header nav .title { display: none; } @media screen and (max-width: 767px) { header nav .title { display: block; text-align: center; font-size: 3.2rem; padding: 0.3em 0; margin: 0; background: #000; } header nav .title a { display: inline-block; } } header .menu { list-style-type: none; padding: 0; display: flex; align-items: center; } @media screen and (max-width: 767px) { header .menu { display: block; padding: 32px 40px; } } header li { margin-right: 50px; font-size: 1.4rem; } @media screen and (max-width: 767px) { header li { margin-right: 0; margin-bottom: 30px; } } header li:last-of-type { margin-right: 0; } @media screen and (max-width: 767px) { header li:last-of-type { margin-bottom: 0; } } header li.sp { display: none; } @media screen and (max-width: 767px) { header li.sp { display: block; } } header a { text-decoration: none; color: #fff; font-weight: bold; } @media screen and (max-width: 767px) { header a { color: #000; } } header .search a { background: #76c454; color: #fff; padding: 10px; display: block; border-radius: 5px; } @media screen and (max-width: 767px) { header .search { display: none; } } header .sp_menu { display: none; } @media screen and (max-width: 767px) { header .sp_menu { z-index: 2; position: absolute; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; right: 10px; top: calc(50% - 20px); cursor: pointer; } header .sp_menu.close { display: none; } } #index_page .link_button { text-align: center; margin-bottom: 0; } #index_page .link_button a { font-size: 1.4rem; background: #E4007F; color: #fff; padding: 16px 32px; display: block; border-radius: 5px; text-decoration: none; display: inline-block; } #index_page .now_search { background-image: url(images/index/now_search.jpg); background-color: #f7f2f1; background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; min-height: 387px; align-items: center; } @media screen and (max-width: 767px) { #index_page .now_search { display: block; min-height: 300px; background-image: url(images/index/now_search_sp.png); background-position: top center; padding: 0 24px 48px; background-size: contain; } } #index_page .now_search .section_title br { display: none; } @media screen and (max-width: 767px) { #index_page .now_search .section_title br { display: block; } } @media screen and (max-width: 767px) { #index_page .now_search .section_title { padding-top: 230px; font-size: 2.4rem; line-height: 1.5em; } } #index_page .now_search .wrapper { margin-left: 32%; margin-top: 20px; } @media screen and (max-width: 767px) { #index_page .now_search .wrapper { margin: 0; } } #index_page .now_search .message { margin-top: 2em; } @media screen and (max-width: 767px) { #index_page .now_search .message { margin-top: 1em; } } #index_page .now_search form { display: flex; border: 1px solid #E4007F; width: 100%; max-width: 380px; border-radius: 6px; overflow: hidden; position: relative; } #index_page .now_search form input { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; padding-right: 8em; border: none; flex: 1; } #index_page .now_search form button { border-radius: 0; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 6em; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; position: absolute; top: 0; right: 0; } #index_page .message { font-size: 1.4rem; line-height: 2.2em; } #index_page .section_title { margin-top: 0; font-size: 2.6rem; font-weight: bold; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif; } #index_page .hospital_search { min-height: 482px; background: url(images/index/hospital_search.jpg); background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; flex-direction: column; } @media screen and (max-width: 767px) { #index_page .hospital_search { padding: 48px 24px; } } #index_page .hospital_search figure { margin: 0; text-align: center; } #index_page .hospital_search .section_title { display: flex; align-items: center; } #index_page .hospital_search .section_title:before, #index_page .hospital_search .section_title:after { content: url(images/index/title_arrow.png); } @media screen and (max-width: 767px) { #index_page .hospital_search .section_title:before, #index_page .hospital_search .section_title:after { display: none; } } #index_page .hospital_search .section_title:before { margin-right: 26px; transform: scaleX(-1); } #index_page .hospital_search .section_title:after { margin-left: 26px; } #index_page .doctor_110 { min-height: 399px; background: url(images/index/doctor_110.jpg) #f8f5ee; background-position: right; background-size: contain; background-repeat: no-repeat; display: flex; justify-content: center; flex-direction: column; padding-left: 15%; } @media screen and (max-width: 767px) { #index_page .doctor_110 { background-position: top right; padding: 200px 24px 48px; background-size: 320px auto; } } #index_page .doctor_110 .link_button { text-align: left; } @media screen and (max-width: 767px) { #index_page .doctor_110 .link_button { text-align: center; } } #index_page .doctor_110 .section_title { display: flex; align-items: center; } #index_page .doctor_110 .section_title:after { content: url(images/index/title_arrow.png); margin-left: 26px; } @media screen and (max-width: 767px) { #index_page .doctor_110 .section_title { text-align: center; display: block; } #index_page .doctor_110 .section_title:after { display: none; } } #index_page .section_wrapper { margin: 90px auto; max-width: 910px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: flex; justify-content: space-between; } @media screen and (max-width: 767px) { #index_page .section_wrapper { max-width: 100%; padding: 0; display: block; } } #index_page .section_wrapper .section_title { text-align: center; } #index_page .section_wrapper figure { margin: 0; margin-top: 36px; } #index_page .section_wrapper figure img { width: 100%; height: auto; } #index_page .section_wrapper article { flex: 1; margin-right: 100px; } #index_page .section_wrapper article:last-of-type { margin-right: 0; } @media screen and (max-width: 767px) { #index_page .section_wrapper article { margin-bottom: 60px; margin-right: 0; } #index_page .section_wrapper article:last-of-type { margin-bottom: 0; } } #index_page .section_wrapper .message { min-height: 9em; } @media screen and (max-width: 767px) { #index_page .section_wrapper .message { padding: 0 24px; min-height: 0; } } footer { padding: 50px 0; background: #000; border-top: 5px solid #e30080; } @media screen and (max-width: 767px) { footer { padding: 0 0 34px; display: flex; flex-direction: column; } } footer .wrapper { display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 767px) { footer .wrapper { display: block; order: 2; } } footer .wrapper p { margin-top: 0; } footer .sns { display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 767px) { footer .site_title { text-align: center; margin-right: 0; padding-top: 34px; } } footer .twitter a, footer .facebook a { background: #fff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } footer .twitter { margin-right: 12px; } footer nav { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; } @media screen and (max-width: 767px) { footer nav { order: 1; background: #fff; display: grid; grid-template-columns: repeat(2, 1fr); } } footer nav p { margin-right: 32px; } @media screen and (max-width: 767px) { footer nav p { margin: 0; border-bottom: 1px solid #e8e8e8; } } footer nav p:last-of-type { margin-right: 0; } footer nav p a { color: #fff; font-weight: bold; text-decoration: none; } @media screen and (max-width: 767px) { footer nav p a { color: #000; display: block; text-align: center; padding: 1em 0; } } footer nav p.sp { display: none; } @media screen and (max-width: 767px) { footer nav p.sp { display: block; } } @media screen and (max-width: 767px) { footer nav p:nth-of-type(odd) { border-right: 1px solid #e8e8e8; } } footer small { color: #fff; margin-bottom: 0; text-align: center; display: block; margin-top: 32px; } @media screen and (max-width: 767px) { footer small { order: 3; margin-top: 10px; } } #breadcrumb { max-width: 1000px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: flex; align-items: center; font-size: 1.4rem; list-style-type: none; font-family: "hiragino kaku gothic pro"; color: black; } #breadcrumb li{ margin: 0 0 10px 0; } @media screen and (max-width: 767px) { #breadcrumb { flex-wrap: wrap; line-height: 1.4em; } } #breadcrumb li:after { /* content: '>'; margin-left: 1em; margin-right: 1em; */ content: '>'; margin-left: 2em; margin-right: 2em; } #breadcrumb li:last-of-type:after { display: none; } #breadcrumb a { color: #000; } #page-search { margin-bottom: 40px; } #page-search .select-search { padding: 0 15px; display: flex; align-items: center; flex-direction: column; } #page-search .select-search ul { max-width: 614px; width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; border-radius: 6px; list-style-type: none; overflow: hidden; padding: 0; display: flex; font-size: 1.8rem; font-weight: bold; text-align: center; } @media screen and (max-width: 767px) { #page-search .select-search ul { font-size: 1.4rem; } } #page-search .select-search li { flex: 1; border-right: 1px solid #E4007F; } #page-search .select-search li:last-of-type { border-right: none; } #page-search .select-search a { display: block; padding: 1em 0; text-decoration: none; color: #E4007F; } @media screen and (max-width: 767px) { #page-search .select-search a span { display: block; font-size: 1.8rem; } } #page-search .select-search .selected a { color: #fff; background: #E4007F; } #page-search .select-search .description { background: #F7F2F1; padding: 1em 2em; border-radius: 6px; font-size: 1.4rem; line-height: 2em; } @media screen and (max-width: 767px) { #page-search .select-search .description.pc { display: none; } } #page-search .select-search .description.sp { display: none; } @media screen and (max-width: 767px) { #page-search .select-search .description.sp { display: block; } } #page-search #area-map { background: #F6FBFE; margin-top: 50px; padding: 20px 0; } @media screen and (max-width: 767px) { #page-search #area-map { padding: 0; background: none; } } #page-search #area-map .wrapper { max-width: 644px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-search #area-map .section_title { font-size: 2.0rem; display: flex; } #page-search #area-map .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } @media screen and (max-width: 767px) { #page-search #area-map .section_title { display: none; } } #page-search #area-map .map { margin: 0; padding: 0; list-style-type: none; position: relative; margin-top: -40px; height: 378px; /* background: url("images/search/map.png"); */ } @media screen and (max-width: 767px) { #page-search #area-map .map { height: auto; background-size: contain; background-repeat: no-repeat; background-position: center; } } #page-search #area-map .map li { position: absolute; } @media screen and (max-width: 767px) { #page-search #area-map .map li { display: none; } } #page-search #area-map .map .base { top: 0; left: 0; opacity: 0.5; } #page-search #area-map .map .hokkaido { top: 0; left: 82.3%; } #page-search #area-map .map .aomori { top: 97px; left: 82.3%; } #page-search #area-map .map .iwate { top: 131px; left: 90.6%; } #page-search #area-map .map .miyagi { top: 164px; left: 90.6%; } #page-search #area-map .map .akita { top: 131px; left: 82.3%; } #page-search #area-map .map .yamagata { top: 164px; left: 82.3%; } #page-search #area-map .map .fukushima { top: 198px; left: 86.3%; } #page-search #area-map .map .yamanashi { top: 297px; left: 73.98%; } #page-search #area-map .map .niigata { top: 198px; left: 73.8%; } #page-search #area-map .map .nagano { top: 231px; left: 73.98%; } #page-search #area-map .map .toyama { top: 198px; left: 65.49%; } #page-search #area-map .map .ishikawa { top: 198px; left: 59.9%; } #page-search #area-map .map .fukui { top: 216px; left: 49.15%; } #page-search #area-map .map .tokyo { top: 297px; left: 82.3%; } #page-search #area-map .map .kanagawa { top: 331px; left: 82.3%; } #page-search #area-map .map .chiba { top: 297px; left: 90.6%; } #page-search #area-map .map .saitama { top: 264px; left: 82.3%; } #page-search #area-map .map .ibaraki { top: 264px; left: 90.6%; } #page-search #area-map .map .tochigi { top: 231px; left: 90.6%; } #page-search #area-map .map .gunma { top: 231px; left: 82.3%; } #page-search #area-map .map .aichi { top: 297px; left: 65.49%; } #page-search #area-map .map .gifu { top: 231px; left: 65.49%; } #page-search #area-map .map .mie { top: 301px; left: 59.93%; } #page-search #area-map .map .shizuoka { top: 331px; left: 73.98%; } #page-search #area-map .map .osaka { top: 282px; left: 49.15%; } #page-search #area-map .map .hyogo { top: 231px; left: 43.77%; } #page-search #area-map .map .kyoto { top: 249px; left: 49.15%; } #page-search #area-map .map .nara { top: 282px; left: 54.55%; } #page-search #area-map .map .shiga { top: 249px; left: 59.94%; } #page-search #area-map .map .wakayama { top: 334px; left: 49.15%; } #page-search #area-map .map .tottori { top: 231px; left: 35.28%; } #page-search #area-map .map .shimane { top: 231px; left: 26.95%; } #page-search #area-map .map .okayama { top: 264px; left: 35.28%; } #page-search #area-map .map .hiroshima { top: 264px; left: 26.95%; } #page-search #area-map .map .yamaguchi { top: 231px; left: 21.56%; } #page-search #area-map .map .tokushima { top: 331px; left: 35.28%; } #page-search #area-map .map .kagawa { top: 297px; left: 35.28%; } #page-search #area-map .map .ehime { top: 297px; left: 26.95%; } #page-search #area-map .map .kouchi { top: 331px; left: 26.95%; } #page-search #area-map .map .fukuoka { top: 258px; left: 14.05%; } #page-search #area-map .map .saga { top: 258px; left: 8.49%; } #page-search #area-map .map .nagasaki { top: 258px; left: 2.78%; } #page-search #area-map .map .kumamoto { top: 309px; left: 2.78%; } #page-search #area-map .map .ooita { top: 309px; left: 11.27%; } #page-search #area-map .map .miyazaki { top: 343px; left: 11.27%; } #page-search #area-map .map .kagoshima { top: 343px; left: 2.78%; } #page-search #area-map .map .okinawa { top: 195px; left: 2.78%; } #page-search #area-map label { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; margin-top: 30px; display: none; } #page-search #area-map label:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #page-search #area-map label select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; background:white; border: none; width: 100%; padding-right: 60px; } @media screen and (max-width: 767px) { #page-search #area-map label { display: block; } } #page-search #area-text { margin-top: 68px; } @media screen and (max-width: 767px) { #page-search #area-text.pc { display: none; } } #page-search #area-text .section_title { font-size: 2.0rem; display: flex; justify-content: center; margin-bottom: 0; } #page-search #area-text .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-search #area-text .wrapper { padding-top: 40px; padding-bottom: 40px; max-width: 614px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-search #area-text article { display: flex; line-height: 1.8em; } #page-search #area-text .region, #page-search #area-text .city { margin-right: 1em; text-align: right; font-size: 1.7rem; } #page-search #area-text .region { width: 6em; } #page-search #area-text ul { flex: 1; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } #page-search #area-text li { font-size: 1.7rem; } #page-search #area-text li:after { content: ''; border-right: 1px solid #333; margin: 0 0.5em; vertical-align: middle; height: 1em; display: inline-block; } #page-search #area-text li:last-of-type:after { display: none; } #page-search #area-text li a { color: #E4007F; } #page-search #area-text .pref .region { width: 2em; } #page-search #area-line { margin-top: 68px; display: flex; flex-direction: column; align-items: center; max-width: 330px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-search #area-line .section_title { font-size: 2.0rem; display: flex; } #page-search #area-line .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-search #area-line form { width: 100%; } #page-search #area-line .title { font-size: 1.7rem; } #page-search #area-line label { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; } #page-search #area-line label:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #page-search #area-line label select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #page-search #area-line .button_wrap { margin-top: 40px; display: flex; justify-content: center; } #page-search #area-line button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #page-search #area-conditions { margin-top: 68px; display: flex; flex-direction: column; align-items: center; max-width: 780px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-search #area-conditions .section_title { font-size: 2.0rem; display: flex; } #page-search #area-conditions .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-search #area-conditions .freeword_section { width: 100%; } #page-search #area-conditions .freeword { display: flex; border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; } #page-search #area-conditions .freeword input { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; background: none; border: none; flex: 1; } #page-search #area-conditions .freeword button { border-radius: 0; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: auto; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; padding: 1em; padding-right: 1em; } @media screen and (max-width: 767px) { #page-search #area-conditions .freeword button { background: #b2a6a3; } } #page-search #area-conditions .section_wrap { display: flex; margin-top: 40px; } @media screen and (max-width: 767px) { #page-search #area-conditions .section_wrap { display: block; } } #page-search #area-conditions .section_wrap section { flex: 1; } #page-search #area-conditions .section_wrap section:first-of-type { margin-right: 50px; } @media screen and (max-width: 767px) { #page-search #area-conditions .section_wrap section:first-of-type { margin-right: 0; } } #page-search #area-conditions .section_wrap .select_box { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; } #page-search #area-conditions .section_wrap .select_box:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #page-search #area-conditions .section_wrap .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #page-search #area-conditions .title { font-size: 1.7rem; } #page-search #area-conditions article { margin-top: 30px; } #page-search #area-conditions .check_box { display: flex; flex-wrap: wrap; } #page-search #area-conditions .check_box p { width: 50%; margin: 0.5em 0; } @media screen and (max-width: 767px) { #page-search #area-conditions .check_box p { width: 100%; } } #page-search #area-conditions .check_box label { cursor: pointer; font-size: 1.4rem; display: inline-flex; align-items: center; } #page-search #area-conditions .check_box input { border: 1px solid #B3A6A3; width: 2em; height: 2em; border-radius: 6px; background: none; margin-right: 0.5em; } #page-search #area-conditions .commitment p { width: 25%; } @media screen and (max-width: 767px) { #page-search #area-conditions .commitment p { width: 100%; } } #page-search #area-conditions .button_wrap { margin-top: 40px; display: flex; justify-content: center; } #page-search #area-conditions button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } @media screen and (max-width: 767px) { #page-search .select_city_pc { display: none; } } #page-search .select_city_sp { display: none; padding: 0 15px; margin-top: 30px; } @media screen and (max-width: 767px) { #page-search .select_city_sp { display: block; } } #page-search .select_city_sp .section_title { font-size: 2.0rem; display: flex; } #page-search .select_city_sp .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-search .select_city_sp .select_box { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; } #page-search .select_city_sp .select_box:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #page-search .select_city_sp .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #page-search .select_city_sp .select_city_message { margin-top: 20px; font-size: 1.5rem; font-weight: bold; } #archive-hospital { display: flex; max-width: 1000px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #archive-hospital .open_search_box { display: none; } @media screen and (max-width: 767px) { #archive-hospital .open_search_box { text-align: center; border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; margin-top: 0; margin-bottom: 20px; display: block; } } @media screen and (max-width: 767px) { #archive-hospital { flex-direction: column; } } #archive-hospital aside { width: 280px; margin-right: 50px; } #archive-hospital aside .sp_title_wrap { display: none; } @media screen and (max-width: 767px) { #archive-hospital aside .sp_title_wrap { display: block; position: relative; text-align: center; font-size: 1.6rem; border-bottom: 1px solid #ccc; } #archive-hospital aside .sp_title_wrap .title { margin: 0; padding: 1em 0; } #archive-hospital aside .sp_title_wrap .close { position: absolute; right: 10px; cursor: pointer; top: 50%; transform: translateY(-50%); line-height: 1em; margin: 0; font-size: 3rem; } } @media screen and (max-width: 767px) { #archive-hospital aside { margin-right: 0; order: 2; width: auto; margin-top: 40px; } } @media screen and (max-width: 767px) { #archive-hospital aside .search_box { position: fixed; bottom: -100%; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 10000; overflow-y: scroll; transition: 0.3s bottom; } } #archive-hospital aside .search_box.open { bottom: 0; } #archive-hospital aside section { background: #F7F2F1; } #archive-hospital aside .title_wrap { display: flex; } #archive-hospital aside .select_box { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; margin-bottom: 20px; } #archive-hospital aside .select_box:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #archive-hospital aside .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #archive-hospital aside .button_wrap { display: flex; justify-content: center; margin-bottom: 0; } #archive-hospital aside button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #archive-hospital .freeword { padding: 30px; margin-bottom: 40px; } #archive-hospital .freeword .section_title { margin-top: 0; } #archive-hospital .freeword input { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; padding: 1em; box-sizing: border-box; } #archive-hospital .area_or_line { padding-top: 50px; position: relative; } #archive-hospital .area_or_line .form { display: none; padding: 30px; } #archive-hospital .area_or_line .section_title { display: flex; align-items: center; justify-content: center; width: 50%; height: 50px; margin: 0; font-size: 1.7rem; background: #EBE5E4; cursor: pointer; position: absolute; top: 0; left: 0; } #archive-hospital .area_or_line .selected .section_title { background: none; cursor: auto; } #archive-hospital .area_or_line .selected .form { display: block; } #archive-hospital .area_or_line .line-form .section_title { right: 0; left: auto; } #archive-hospital .conditions { padding: 30px; margin-top: 40px; } #archive-hospital .conditions .section_title { font-size: 2.0rem; display: flex; } #archive-hospital .conditions .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #archive-hospital .conditions .check_box p { margin: 0.5em 0; } #archive-hospital .conditions .check_box label { cursor: pointer; font-size: 1.4rem; display: inline-flex; align-items: center; } #archive-hospital .conditions .check_box input { border: 1px solid #B3A6A3; width: 2em; height: 2em; border-radius: 6px; background: none; margin-right: 0.5em; } #archive-hospital main { flex: 1; } @media screen and (max-width: 767px) { #archive-hospital main { order: 1; } } #archive-hospital main .section_title { font-size: 2.0rem; display: flex; } #archive-hospital main .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #hospital-list.relation { max-width: 1000px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #hospital-list.relation section { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 767px) { #hospital-list.relation section { grid-template-columns: repeat(1, 1fr); } } #hospital-list .section_title { font-size: 2.0rem; display: flex; } #hospital-list .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #hospital-list section { display: grid; grid-gap: 30px; grid-template-columns: repeat(1, 1fr); } @media screen and (max-width: 767px) { #hospital-list section { grid-template-columns: repeat(1, 1fr); } } #hospital-list article { overflow: hidden; border-radius: 6px; } #hospital-list a { display: block; position: relative; color: #333; } #hospital-list figure { margin: 0; height: 200px; background: #DEE; } /* #hospital-list img { vertical-align: top; width: 100%; height: 100%; object-fit: cover; } */ /* #hospital-list img { vertical-align: top; width: 30%; height: auto; object-fit: cover; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; margin-right: 20px; } */ #hospital-list img { vertical-align: top; width: 25%; height: auto; object-fit: cover; position: absolute; bottom: 0; right: 0; margin: auto; margin-right: 10px; z-index: 999; border: 10px solid #DEE; } /* #hospital-list .tag { list-style-type: none; padding: 0; position: absolute; left: 10px; top: 10px; margin: 0; display: flex; } */ #hospital-list .tag { list-style-type: none; padding: 0; left: 10px; top: 10px; margin: 0; display: flex; margin:0px; margin-right: 5px; } #hospital-list .tag li { background: #E4007F; color: #fff; font-weight: bold; font-size: 1.2rem; padding: 0.3em; margin-right: 0.5em; } #hospital-list .tag li:last-of-type { margin-right: 0; } /* #hospital-list .status { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; } */ #hospital-list .status { position: absolute; top: 0; bottom: 0; box-sizing: border-box; width: 100%; } /* #hospital-list .wrap { padding: 1em; background: rgba(255, 255, 255, 0.85); } */ #hospital-list .wrap { padding: 1em; height: 100%; } #hospital-list .osan { list-style-type: none; padding: 0; margin: 0px; display: flex; font-size: 1.2rem; flex-wrap: wrap; padding: 0em; } #hospital-list .osan li { background: #55B7FF; color: #fff; font-weight: bold; font-size: 1.2rem; padding: 0.3em; margin-right: 0.5em; margin-top: 0.5em; } #hospital-list .osan li:last-of-type { margin-right: 0; } #hospital-list .title, #hospital-list .description { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #hospital-list .title { font-size: 1.5rem; } #hospital-list .description { font-size: 1.2rem; margin-bottom: 0; } table{ font-size: 12px; margin-top: 7px; color: ; } tr.sinryo td{ width: 15px !important; padding:0px !important; text-align: center; min-width: 15px !important; position:relative; left: -2px; } tr.sinryo{ position: absolute; } #hospital-list .osan li{ margin-top:0px !important; } th.sinryo{ width:15px !important; padding:0px !important; text-align:center; min-width:15px !important; } ul.hospital_type{ list-style:none; display:flex; padding:0; } ul.hospital_type li{ margin-right:2px; margin-left:2px; } span.sepa{ line-height: 1em; padding: 0 0.2em; } span.sepa:last-child{ display:none; } ul.hospital_type { list-style: none; display: flex; padding: 0; font-weight: bold; color: lightslategrey; } ul.hospital_type { list-style: none; display: flex; padding: 0; font-weight: 100; color: #333; font-size: 0.8em; } .fa-stethoscope:before { content: "\f0f1"; margin-right: 4px; color: black; } .fa-map-marker-alt:before { content: "\f3c5"; margin-right: 4px; } .catlist{ display:flex; align-items:inherit; margin-top:7px; } #hospital-list .more { margin-top: 30px; text-align: center; border-radius: 6px; background-color: #fff; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #E4007F; font-weight: bold; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; outline: none; cursor: pointer; font-size: 1.6rem; } #hospital-list .empty { display: none; } #hospital-detail .hospital_type { display: flex; flex-wrap: wrap; padding-left: 0; list-style-type: none; } #hospital-detail .hospital_type li { padding: 0.5em; font-size: 1.2rem; color: #ffffff; background: #55b7ff; font-weight: bold; margin-right: 0.5em; margin-bottom: 0.5em; } #hospital-detail .hospital_type li:last-of-type { margin-right: 0; } #hospital-detail .main_visual .thumbnail { overflow: hidden; } #hospital-detail .main_visual .thumbnail ul { margin: 0; padding: 0; list-style-type: none; display: flex; transition: transform 300ms; } #hospital-detail .main_visual .thumbnail li { flex-shrink: 0; width: 100%; } #hospital-detail .main_visual .thumbnail img { width: 100%; height: auto; } #hospital-detail .main_visual .selector { display: flex; list-style-type: none; margin: 10px 0; padding: 0; justify-content: center; } #hospital-detail .main_visual .selector li { width: 19px; height: 19px; border-radius: 50%; background: #F7F2F1; cursor: pointer; margin-right: 10px; } #hospital-detail .main_visual .selector li:last-of-type { margin-right: 0; } #hospital-detail .main_visual .selector li.selected { background: #B2A6A3; cursor: auto; } #hospital-detail .message { display: flex; align-items: center; padding: 0 40px; } @media screen and (max-width: 767px) { #hospital-detail .message { padding: 0; display: block; } } #hospital-detail .message figure { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0; margin-right: 10px; } @media screen and (max-width: 767px) { #hospital-detail .message figure { margin-left: auto; margin-right: auto; margin-top: 40px; } } #hospital-detail .message figure img { width: 100%; height: 100%; } #hospital-detail .message p { flex: 1; font-size: 1.4rem; line-height: 1.8em; } #hospital-detail .movie { text-align: center; margin-top: 40px; } #hospital-detail .movie iframe { max-width: 590px; width: 100%; height: 330px; border: none; } @media screen and (max-width: 767px) { #hospital-detail .movie iframe { height: 168px; } } #hospital-detail .sub_title { padding: 1em; font-size: 1.7rem; background: #F7F2F1; } #hospital-detail .medical_time .open { color: #55B7FF; } #hospital-detail .medical_time p { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #hospital-detail .medical_time .timetable { font-weight: normal; text-align: center; } #hospital-detail table { border-collapse: collapse; margin-left: 20px; margin-right: 20px; font-size: 1.4rem; width: calc(100% - 40px); } @media screen and (max-width: 767px) { #hospital-detail table { width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; } } #hospital-detail table, #hospital-detail th, #hospital-detail td { border: 1px solid #D1CBC9; } #hospital-detail th, #hospital-detail td { padding: 1em; } @media screen and (max-width: 767px) { #hospital-detail th, #hospital-detail td { padding: 0.5em; } } #hospital-detail th { background: #F7F2F1; } #hospital-detail .summary ul { margin: 0; padding: 0; list-style-type: none; display: flex; } #hospital-detail .summary ul li:after { content: '/'; margin-left: 0.5em; margin-right: 0.5em; } #hospital-detail .summary ul li:last-of-type:after { display: none; } #hospital-detail .access dl { display: flex; font-size: 1.4rem; } #hospital-detail .access dt { width: 4em; } #hospital-detail .access dd { flex: 1; margin: 0; position: relative; padding-left: 2em; } #hospital-detail .access dd:before { position: absolute; top: 0; left: 0; content: ':'; margin: 0 0.5em; } #hospital-detail .access dd p { margin: 0; } #hospital-detail .access .google_map { background: #eeeeee; } #hospital-detail .fee p { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #hospital-detail .fee span { font-size: 2.0rem; font-weight: bold; } #hospital-detail .review .notfound { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #hospital-detail .review dl { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #hospital-detail .review dt { display: flex; justify-content: space-between; border-bottom: 1px solid #B2A6A3; } #hospital-detail .review dt p { margin-bottom: 0.5em; } #hospital-detail .review dt span.name { font-weight: bold; } #hospital-detail .review dd { line-height: 1.8em; margin-left: 0; margin-top: 0.5em; } #hospital-detail .review .button_wrap { display: flex; flex-direction: column; align-items: center; } #hospital-detail .review .more { border-radius: 6px; background-color: #fff; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #E4007F; font-weight: bold; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; outline: none; cursor: pointer; font-size: 1.6rem; display: block; text-align: center; text-decoration: none; } #hospital-detail .review .post { margin-top: 0; } #hospital-detail .review .post a { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; display: block; text-align: center; text-decoration: none; } #hospital-detail .notice p { margin-left: 20px; margin-right: 20px; line-height: 1.8em; font-size: 1.4rem; } #hospital-detail .notice .back { text-align: center; } #hospital-detail .notice .back button { border-radius: 6px; background-color: #55B7FF; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; display: block; text-align: center; text-decoration: none; } #hospital-detail .tel { background: #B2A6A3; padding: 1em; display: flex; align-items: center; color: #fff; margin-top: 2em; } #hospital-detail .tel dt { font-size: 1.4rem; margin-right: 2em; } #hospital-detail .tel dd { font-size: 2.3rem; margin-left: 0; font-weight: bold; } #hospital-detail .tel dd a { color: #fff; } #hospital-detail .empty { display: none; } #page-review { max-width: 670px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #page-review .description_wrap { display: flex; justify-content: center; } #page-review .description { background: #F7F2F1; padding: 1em 2em; border-radius: 6px; font-size: 1.4rem; line-height: 2em; } #doctor_110-post .description, #page-inquiry .description { padding-right: 1em; padding-left: 1em; font-size: 1.4rem; line-height: 1.8em; } #page-review .section_title, #doctor_110-post .section_title, #page-inquiry .section_title { font-size: 2.0rem; display: flex; } #page-review .section_title:before, #doctor_110-post .section_title:before, #page-inquiry .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-review .sub_title, #doctor_110-post .sub_title, #page-inquiry .sub_title { padding: 1em; font-size: 1.7rem; background: #F7F2F1; } #page-review form, #doctor_110-post form, #page-inquiry form { padding: 0 20px; } #page-review .message, #doctor_110-post .message, #page-inquiry .message { font-size: 1.4rem; line-height: 1.8em; } #page-review dl, #doctor_110-post dl, #page-inquiry dl { font-size: 1.4rem; margin-top: 2em; } #page-review dt, #doctor_110-post dt, #page-inquiry dt { font-weight: bold; display: flex; align-items: center; } #page-review dt p, #doctor_110-post dt p, #page-inquiry dt p { margin: 0; } #page-review dd, #doctor_110-post dd, #page-inquiry dd { margin-top: 0.5em; margin-left: 0; line-height: 1.8em; } #page-review input[type="text"], #page-review input[type="email"], #page-review input[type="tel"], #page-review textarea, #doctor_110-post input[type="text"], #doctor_110-post input[type="email"], #doctor_110-post input[type="tel"], #doctor_110-post textarea, #page-inquiry input[type="text"], #page-inquiry input[type="email"], #page-inquiry input[type="tel"], #page-inquiry textarea { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; background: none; border: 1px solid #B3A6A3; flex: 1; border-radius: 6px; width: 100%; } #page-review input[type="text"], #page-review input[type="email"], #page-review input[type="tel"], #doctor_110-post input[type="text"], #doctor_110-post input[type="email"], #doctor_110-post input[type="tel"], #page-inquiry input[type="text"], #page-inquiry input[type="email"], #page-inquiry input[type="tel"] { max-width: 326px; } #page-review .zipcode input, #doctor_110-post .zipcode input, #page-inquiry .zipcode input { max-width: 100px; } #page-review input[type="radio"], #doctor_110-post input[type="radio"], #page-inquiry input[type="radio"] { width: 2em; height: 2em; margin-right: 0.5em; cursor: pointer; } #page-review label, #doctor_110-post label, #page-inquiry label { display: inline-flex; align-items: center; margin-right: 2em; cursor: pointer; } #page-review textarea, #doctor_110-post textarea, #page-inquiry textarea { height: 10em; resize: vertical; } #page-review .select_box, #doctor_110-post .select_box, #page-inquiry .select_box { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; max-width: 218px; } #page-review .select_box:after, #doctor_110-post .select_box:after, #page-inquiry .select_box:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #page-review .select_box select, #doctor_110-post .select_box select, #page-inquiry .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #page-review .notice, #doctor_110-post .notice, #page-inquiry .notice { font-weight: normal; margin-left: 0.5em; } #page-review .button_wrap, #doctor_110-post .button_wrap, #page-inquiry .button_wrap { display: flex; flex-direction: column; align-items: center; margin-top: 40px; } #page-review .send button, #doctor_110-post .send button, #page-inquiry .send button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #page-review .redo, #doctor_110-post .redo, #page-inquiry .redo { margin-right: 1em; } #page-review .redo button, #doctor_110-post .redo button, #page-inquiry .redo button { border-radius: 6px; background-color: #B2A6A3; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #page-review .back, #doctor_110-post .back, #page-inquiry .back { text-align: center; margin: 0; } #page-review .back a, #page-review .back button, #doctor_110-post .back a, #doctor_110-post .back button, #page-inquiry .back a, #page-inquiry .back button { text-decoration: none; display: block; border-radius: 6px; background-color: #55B7FF; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #page-review .confirm dd, #doctor_110-post .confirm dd, #page-inquiry .confirm dd { margin-left: 1em; } #page-review .confirm .button_wrap, #doctor_110-post .confirm .button_wrap, #page-inquiry .confirm .button_wrap { flex-direction: row; justify-content: center; } #page-review .confirm .back, #doctor_110-post .confirm .back, #page-inquiry .confirm .back { margin-right: 1em; } #page-review .confirm .back a, #doctor_110-post .confirm .back a, #page-inquiry .confirm .back a { background: #B2A6A3; } #page-review input[type="text"].title_input, #doctor_110-post input[type="text"].title_input, #page-inquiry input[type="text"].title_input { max-width: none; } #page-inquiry { max-width: 670px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #archive-doctor_110 { display: flex; max-width: 1000px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } @media screen and (max-width: 767px) { #archive-doctor_110 { flex-direction: column; } } #archive-doctor_110 aside { width: 280px; margin-right: 50px; } @media screen and (max-width: 767px) { #archive-doctor_110 aside { margin-right: 0; order: 2; width: auto; margin-top: 40px; } } #archive-doctor_110 aside section { background: #F7F2F1; } #archive-doctor_110 aside .title_wrap { display: flex; } #archive-doctor_110 aside .select_box { border: 1px solid #B3A6A3; width: 100%; display: flex; border-radius: 6px; overflow: hidden; cursor: pointer; position: relative; margin-bottom: 20px; } #archive-doctor_110 aside .select_box:after { position: absolute; top: 0; right: 0; content: ''; width: 44px; height: 100%; background-color: #B3A6A3; background-image: url(images/search/select.svg); background-position: center; background-repeat: no-repeat; background-size: 14px 9px; pointer-events: none; } #archive-doctor_110 aside .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; } #archive-doctor_110 aside form { padding: 30px; } #archive-doctor_110 aside .button_wrap { display: flex; justify-content: center; margin-bottom: 0; } #archive-doctor_110 aside button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #archive-doctor_110 .consultation { padding: 30px; } @media screen and (max-width: 767px) { #archive-doctor_110 .consultation { margin-left: -15px; margin-right: -15px; } } #archive-doctor_110 .consultation .section_title { margin-top: 0; font-size: 2.0rem; display: flex; } #archive-doctor_110 .consultation .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #archive-doctor_110 .consultation .post { text-align: center; margin-bottom: 0; } #archive-doctor_110 .consultation .post a { text-decoration: none; display: block; border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #archive-doctor_110 .consultation p { line-height: 1.8em; } #archive-doctor_110 .category { padding: 30px; margin-top: 40px; } @media screen and (max-width: 767px) { #archive-doctor_110 .category { padding: 0; background: none; margin-left: -15px; margin-right: -15px; } } #archive-doctor_110 .category .section_title { margin-top: 0; margin-left: 15px; font-size: 2.0rem; display: flex; } #archive-doctor_110 .category .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } @media screen and (max-width: 767px) { #archive-doctor_110 .category .section_title { margin-left: 15px; margin-top: 30px; } } #archive-doctor_110 .category ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } @media screen and (max-width: 767px) { #archive-doctor_110 .category ul { border-top: 1px solid #eee; } } #archive-doctor_110 .category li { padding-left: 1em; text-indent: -1em; line-height: 1.8em; } @media screen and (max-width: 767px) { #archive-doctor_110 .category li { border-bottom: 1px solid #eee; } } #archive-doctor_110 .category li:before { content: '・'; } @media screen and (max-width: 767px) { #archive-doctor_110 .category li:before { display: none; } } #archive-doctor_110 .category a { text-decoration: none; color: #333; } @media screen and (max-width: 767px) { #archive-doctor_110 .category a { display: block; padding: 1em; } } #doctor_110-list { flex: 1; } #doctor_110-list .section_title { margin-top: 0; font-size: 2.0rem; display: flex; } #doctor_110-list .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #doctor_110-list article a { display: flex; text-decoration: none; color: #333; border-bottom: 1px solid #F7F2F1; padding-top: 1em; } #doctor_110-list .question { display: flex; align-items: center; justify-content: center; background: #F7F2F1; border-radius: 50%; font-weight: bold; font-size: 2.1rem; width: 55px; height: 55px; margin-right: 0.5em; margin-top: 0; } #doctor_110-list .wrapper { flex: 1; } #doctor_110-list .status { display: flex; align-items: center; justify-content: space-between; } #doctor_110-list .status p { margin: 0; } #doctor_110-list .status.empty_category { justify-content: flex-end; } #doctor_110-list .category { margin: 0; padding: 0.5em; background: #55B7FF; color: #fff; font-weight: bold; font-size: 1.2rem; border-radius: 6px; } #doctor_110-list .date { font-size: 1.4rem; } #doctor_110-list .title { font-size: 1.7rem; } #doctor_110-list .more { margin-top: 2em; text-align: center; border-radius: 6px; background-color: #fff; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #E4007F; font-weight: bold; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; outline: none; cursor: pointer; font-size: 1.6rem; } #doctor_110-list .empty { display: none; } #doctor_110-detail { flex: 1; } #doctor_110-detail .question_section { display: flex; } #doctor_110-detail .question_section .status { display: flex; align-items: center; justify-content: space-between; } #doctor_110-detail .question_section .status p { margin: 0; } #doctor_110-detail .question, #doctor_110-detail .answer { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; font-size: 2.1rem; width: 55px; height: 55px; margin-right: 0.5em; margin-top: 0; } #doctor_110-detail .question { background: #F7F2F1; } #doctor_110-detail .answer { background: #E4007F; color: #fff; } #doctor_110-detail .wrapper { flex: 1; } #doctor_110-detail .category { margin: 0; padding: 0.5em; background: #55B7FF; color: #fff; font-weight: bold; font-size: 1.2rem; border-radius: 6px; } #doctor_110-detail .date { font-size: 1.4rem; } #doctor_110-detail .title { font-size: 2.4rem; /* margin-top: 0.5em; */ } #doctor_110-detail .person { display: flex; font-size: 1.4rem; } #doctor_110-detail .person p:after { content: '/'; margin: 0 0.5em; } #doctor_110-detail .person p:last-of-type:after { display: none; } #doctor_110-detail .message { font-size: 1.4rem; line-height: 1.8em; margin-bottom: 0; } #doctor_110-detail .answer_section { background: #F7F2F1; border-radius: 6px; display: flex; padding: 30px; margin-top: 40px; } #doctor_110-detail .name { font-size: 1.4rem; margin-top: 0; } #doctor_110-detail .back { margin-top: 2em; text-align: center; } #doctor_110-detail .back a { text-decoration: none; display: block; border-radius: 6px; background-color: #55B7FF; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #doctor_110-detail figure { margin: 0; padding: 0; margin-left: 10px; width: 70px; float: right; } #doctor_110-detail figure img { width: 100%; height: auto; } #doctor_110-detail .answer_user { flex: 1; display: flex; justify-content: space-between; } #archive-column { display: flex; max-width: 1000px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #archive-column.single_column { max-width: 1200px; } @media screen and (max-width: 767px) { #archive-column { flex-direction: column; } } #archive-column aside { width: 280px; margin-right: 50px; } @media screen and (max-width: 767px) { #archive-column aside { margin-right: -15px; margin-left: -15px; order: 2; width: auto; margin-top: 40px; } } #archive-column aside section { background: #F7F2F1; padding: 30px; } @media screen and (max-width: 767px) { #archive-column aside section { background: none; padding: 0; } } #archive-column aside .section_title { margin-top: 0; font-size: 2.0rem; display: flex; } #archive-column aside .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } @media screen and (max-width: 767px) { #archive-column .popular .section_title { margin-left: 15px; } } #archive-column .popular article { margin-bottom: 1em; } #archive-column .popular article:last-of-type { margin-bottom: 0; } #archive-column .popular a { display: flex; text-decoration: none; color: #333; } @media screen and (max-width: 767px) { #archive-column .popular a { padding: 0 15px; } } #archive-column .popular figure { margin: 0; margin-right: 10px; width: 80px; } #archive-column .popular figure img { width: 100%; height: auto; } #archive-column .popular dl { margin: 0; flex: 1; } #archive-column .popular dt { margin: 0; padding: 0; } #archive-column .popular dt p { margin: 0; padding: 0.3em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; } #archive-column .popular dt p.ninshin { background: #a84200; } #archive-column .popular dt p.matanity { background: #e6d5ba; } #archive-column .popular dt p.syussan { background: #009ded; } #archive-column .popular dt p.baby { background: #fcf800; } #archive-column .popular dt p.sanfujinka { background: #ff4e9d; } #archive-column .popular dt p.fujinka { background: #fd0000; } #archive-column .popular dt p.sanka { background: #ff7200; } #archive-column .popular dt p.funin { background: #a4a4a4; } #archive-column .popular dt p.byouki { background: #9648a1; } #archive-column .popular dt p.eiyou { background: #4ed500; } #archive-column .popular dd { font-size: 1.4rem; line-height: 1.8em; margin-left: 0; margin-top: 0.5em; } #archive-column .category { padding-top: 0; } @media screen and (max-width: 767px) { #archive-column .category .section_title { margin-left: 15px; margin-top: 30px; } } #archive-column .category ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } @media screen and (max-width: 767px) { #archive-column .category ul { border-top: 1px solid #eee; } } #archive-column .category li { padding-left: 1em; text-indent: -1em; line-height: 1.8em; } @media screen and (max-width: 767px) { #archive-column .category li { border-bottom: 1px solid #eee; } } #archive-column .category li:before { content: '・'; } @media screen and (max-width: 767px) { #archive-column .category li:before { display: none; } } #archive-column .category a { text-decoration: none; color: #333; } @media screen and (max-width: 767px) { #archive-column .category a { display: block; padding: 1em; } } #column-list { flex: 1; } #column-list .section_title { margin-top: 0; font-size: 2.0rem; display: flex; } #column-list .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #column-list article { margin-bottom: 1em; } #column-list article:last-of-type { margin-bottom: 0; } #column-list article a { display: block; text-decoration: none; color: #333; } #column-list article .wrapper { flex: 1; } #column-list article figure { margin: 0; margin-right: 20px; width: 130px; } @media screen and (max-width: 767px) { #column-list article figure { width: 65px; } } #column-list article figure img { width: 100%; height: auto; } #column-list article .status { display: flex; justify-content: space-between; align-items: flex-start; } #column-list article .category { margin: 0; padding: 0; list-style-type: none; } #column-list article .category p { margin: 0; padding: 0.3em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; } @media screen and (max-width: 767px) { #column-list article .category p { font-size: 1.0rem; } } #column-list article .category p.ninshin { background: #a84200; } #column-list article .category p.matanity { background: #e6d5ba; } #column-list article .category p.syussan { background: #009ded; } #column-list article .category p.baby { background: #fcf800; } #column-list article .category p.sanfujinka { background: #ff4e9d; } #column-list article .category p.fujinka { background: #fd0000; } #column-list article .category p.sanka { background: #ff7200; } #column-list article .category p.funin { background: #a4a4a4; } #column-list article .category p.byouki { background: #9648a1; } #column-list article .category p.eiyou { background: #4ed500; } #column-list article time { font-size: 1.4rem; margin-left: 1em; } @media screen and (max-width: 767px) { #column-list article time { font-size: 1.2rem; } } #column-list article .title { font-weight: normal; font-size: 1.4rem; line-height: 1.8em; margin-left: 0; margin-top: 0.5em; } #column-list .more { text-align: center; border-radius: 6px; background-color: #fff; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #E4007F; font-weight: bold; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; outline: none; cursor: pointer; font-size: 1.6rem; } #column-list .empty { display: none; } #column-detail { flex: 1; } #column-detail .wrapper { display: flex; justify-content: space-between; } #column-detail .wrapper .category { margin: 0; padding: 0; list-style-type: none; } #column-detail .wrapper .category p { margin: 0; padding: 0.3em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; } #column-detail .wrapper .category p.ninshin { background: #a84200; } #column-detail .wrapper .category p.matanity { background: #e6d5ba; } #column-detail .wrapper .category p.syussan { background: #009ded; } #column-detail .wrapper .category p.baby { background: #fcf800; } #column-detail .wrapper .category p.sanfujinka { background: #ff4e9d; } #column-detail .wrapper .category p.fujinka { background: #fd0000; } #column-detail .wrapper .category p.sanka { background: #ff7200; } #column-detail .wrapper .category p.funin { background: #a4a4a4; } #column-detail .wrapper .category p.byouki { background: #9648a1; } #column-detail .wrapper .category p.eiyou { background: #4ed500; } /* #column-detail .wrapper .category p.funin { background: #FFB755; } #column-detail .wrapper .category p.sanfujinka { background: #FF99FF; } */ #column-detail .wrapper .time { font-size: 1.4rem; } #column-detail .section_title { font-size: 2.4rem; } #column-detail .content p { font-size: 1.4rem; line-height: 1.8em; } #column-detail .content img { max-width: 100%; height: auto; } #column-detail .content h2 { font-size: 2.0rem; border-bottom: 1px solid #707070; padding-bottom: 0.5em; } #column-detail .content h3 { font-size: 1.7rem; color: #E4007F; margin-bottom: 0.5em; } #column-detail .back { text-align: center; margin-bottom: 50px; margin-top: 30px; } #column-detail .back a { border-radius: 6px; background-color: #55B7FF; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; text-decoration: none; display: block; } #column-detail .comment_content { background: #F7F2F1; border-radius: 6px; padding: 30px; } #column-detail .comment_content .form_title_wrap { display: flex; align-items: center; background: #fff; border-radius: 6px; padding: 0 1em; margin-bottom: 30px; } #column-detail .comment_content .title { font-size: 1.7rem; } #column-detail .comment_content .comment_list { font-size: 1.4rem; margin-bottom: 2em; } #column-detail .comment_content .comment_list .status { display: flex; justify-content: space-between; margin-bottom: 1em; } #column-detail .comment_content .comment_list .name { margin: 0; font-weight: bold; } #column-detail .comment_content .comment_list .message { line-height: 1.8em; } #column-detail .comment_content .comment_list article { border-bottom: 1px solid #DEDAD9; padding-bottom: 1em; margin: 1em; } #column-detail .comment_content form p { font-size: 1.4rem; } #column-detail .comment_content form dl { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #column-detail .comment_content form dt { font-weight: bold; display: flex; align-items: center; } #column-detail .comment_content form dt p { margin: 0; margin-left: 0.5em; } #column-detail .comment_content form dd { margin-top: 0.5em; margin-left: 0; line-height: 1.8em; } #column-detail .comment_content form input[type="text"], #column-detail .comment_content form input[type="email"], #column-detail .comment_content form textarea { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; border: 1px solid #B3A6A3; flex: 1; border-radius: 6px; width: 100%; } #column-detail .comment_content form input[type="text"], #column-detail .comment_content form input[type="email"] { max-width: 326px; } #column-detail .comment_content form textarea { height: 128px; resize: vertical; } #column-detail .send { margin-bottom: 0; text-align: center; } #column-detail .send button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } #page-faq { max-width: 720px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-faq .section_title { font-size: 2.0rem; display: flex; } #page-faq .section_title:before { content: ''; width: 1em; height: 1em; border: 5px solid #55B7FF; border-radius: 50%; box-sizing: border-box; line-height: 1em; margin-right: 0.5em; } #page-faq dt, #page-faq dd { display: flex; font-size: 1.4rem; line-height: 1.8em; } #page-faq .question, #page-faq .answer { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; font-size: 2.1rem; width: 55px; height: 55px; margin-right: 0.5em; margin-top: 0; } #page-faq .question { background: #F7F2F1; } #page-faq .answer { background: #E4007F; color: #fff; } #page-faq .message { flex: 1; margin-left: 1em; } #page-faq section { margin-bottom: 60px; } #page-faq ul { list-style-type: none; padding-left: 0; } #page-faq li { padding-left: 1.0em; text-indent: -1.0em; } #page-faq li:before { content: '*'; margin-right: 0.5em; } #page_404 { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page_forum { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-top: 40px; } /*# sourceMappingURL=style.css.map */ /*フォントの調整*/ /*ヘッダー*/ header .site_title { padding: 0.7em 0; } header .wrapper { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: relative; font-family: "hiragino kaku gothic pro"; } @media screen and (max-width:767px){ header .wrapper { justify-content: center; } } /*フォントのデフォルトの太さを調整*/ body{ -webkit-font-smoothing: antialiased; } /*TOPページ*/ #index_page .now_search .wrapper { margin-left: 39%; margin-top: 20px; } h2.section_title.bigtitle{ font-family: bigtitle !important; font-weight: 100 !important; letter-spacing: 0.1em; font-size:2.8rem !important; } #index_page .now_search .message { margin: 2em 0 3em 0; font-family: Hiragino Kaku Gothic Pro; font-weight: 600; } #index_page .now_search form input { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; padding-right: 8em; border: none; flex: 1; font-family: arial; font-weight:100; } #index_page .now_search form button { border-radius: 0; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 6em; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.4rem; position: absolute; top: 0; right: 0; font-family: Hiragino Kaku Gothic Pro; } #index_page .link_button a { font-size: 1.4rem; background: #E4007F; color: #fff; padding: 14px 36px; display: block; border-radius: 5px; text-decoration: none; display: inline-block; font-weight: bold; font-family: "Hiragino Kaku Gothic Pro"; font-weight: 600; min-width: 110px; text-align: center; } #index_page .section_title { margin-top: 0; font-size: 2.9rem; letter-spacing: 0.05em; font-weight: 300; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "MS P明朝", "MS 明朝", serif; } #index_page .message { font-size: 1.4rem; line-height: 2.2em; font-family: "hiragino kaku gothic pro"; font-weight: 300; } @media screen and (max-width:767px){ #index_page .now_search .wrapper { margin-left: 0px; margin-top: 0px; } #index_page .now_search .section_title { padding-top: 70vw; font-size: 2.4rem; line-height: 1.5em; } #index_page .now_search .message { margin: 0em 0 2em 0; font-family: Hiragino Kaku Gothic Pro; font-weight: 600; } #index_page .hospital_search { padding: 0px 24px; } } /*パンくず*/ #breadcrumb a { color: #000; font-family: hiragino kaku gothic pro; font-weight: 100; text-decoration: none; } /*条件検索ぺーじ - エリアから探す*/ #page-search .select-search .selected a { font-family: -webkit-body; } #page-search .select-search a { font-family: -webkit-body; } #page-search .select-search .description { background: #F7F2F1; padding: 1em 2em; border-radius: 6px; font-size: 1.4rem; line-height: 2em; font-family: -webkit-body; font-weight: 100; } #page-search #area-map .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #page-search #area-text .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #page-search #area-text .region { width: 6em; font-family: "hiragino kaku gothic pro"; font-weight: 600; } #page-search #area-text li a { color: #E4007F; font-family: "hiragino kaku gothic pro"; font-weight: 300; text-decoration: none; } @media screen and (max-width:767px){ #page-search .select-search .description.sp { display: block; font-size: 1.2rem; } #page-search #area-text .section_title { font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; width: 100%; } #page-search #area-map .section_title { font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; display:none; } } /*条件検索ぺーじ - 沿線から探す*/ #page-search #area-line .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; } #page-search #area-line .title { font-size: 1.7rem; font-family: "hiragino kaku gothic pro"; } #page-search #area-line label select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; background: white; } @media screen and (max-width:767px){ #page-search #area-line { margin-top: 0px; display: flex; flex-direction: column; align-items: center; max-width: 330px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } #page-search #area-line .section_title { font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; width: 100%; } #page-search #area-line .title { font-size: 1.5rem; font-family: "hiragino kaku gothic pro"; } #page-search .select-search .description { background: #F7F2F1; padding: 1em 2em; border-radius: 6px; font-size: 1.2rem; line-height: 2em; font-family: -webkit-body; font-weight: 100; } } /*条件検索ぺーじ - 条件から探す*/ #page-search #area-conditions .section_wrap .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; background: white; } @media screen and (max-width:767px){ #page-search #area-conditions { margin-top: 0px; display: flex; flex-direction: column; align-items: center; max-width: 780px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; } } #page-search #area-conditions .check_box label { cursor: pointer; font-size: 1.4rem; display: inline-flex; align-items: center; font-family: "hiragino kaku gothic pro"; } #page-search #area-conditions .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #page-search #area-conditions .freeword_section { width: 100%; max-width: 400px; } #page-search #area-conditions .section_wrap section:first-of-type { margin-right: 150px; max-width: 300px; } #page-search #area-conditions .section_wrap section { flex: 1; max-width: 300px; } #page-search #area-conditions .title { font-size: 1.7rem; font-family: "hiragino kaku gothic pro"; } #page-search #area-conditions .section_wrap .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; background: white; font-family: "hiragino kaku gothic pro"; } #page-search #area-conditions button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; font-family: "hiragino kaku gothic pro"; } #page-search #area-conditions .freeword button { border-radius: 0; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: auto; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.4rem; padding: 1em; padding-right: 1em; } @media screen and (max-width:767px){ #page-search #area-conditions .section_title { font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; width: 100%; } #page-search #area-conditions .title { font-size: 1.5rem; font-family: "hiragino kaku gothic pro"; } #page-search #area-conditions .section_title { font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; width: 100%; margin: 3rem 0 2rem 0; } #page-search #area-conditions .freeword button { border-radius: 0; background-color: #B3A6A3; padding-top: 1em; padding-bottom: 1em; width: auto; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.4rem; padding: 1em; padding-right: 1em; } #page-search #area-conditions .section_wrap section:first-of-type { margin-right: 0px; max-width: 300px; } } /*ドクター110番-archive*/ #doctor_110-post{ max-width: 670px; } #archive-doctor_110 { display: flex; max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } #doctor_110-list .section_title { margin-top: 0; font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; } #doctor_110-list .category { margin: 0; padding: 0.3em 0.5em; background: #55B7FF; color: #fff; font-weight: bold; font-size: 1.2rem; border-radius: 3px; font-family: "hiragino kaku gothic pro"; } #archive-doctor_110 .consultation .section_title { margin-top: 0; font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #archive-doctor_110 .category .section_title { margin-top: 0; margin-left: 15px; font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #archive-doctor_110 .consultation .post a { font-size: 1.4rem; background: #E4007F; color: #fff; padding: 9px 36px; display: block; border-radius: 5px; text-decoration: none; display: inline-block; font-weight: bold; font-family: "Hiragino Kaku Gothic Pro"; font-weight: 600; max-width: 110px; text-align: center; } #archive-doctor_110 .consultation p { line-height: 1.8em; font-size: 1.4rem; font-family: "hiragino kaku gothic pro"; font-weight: 100; } #archive-doctor_110 .category a { text-decoration: none; color: #333; font-family: "hiragino kaku gothic pro"; font-weight: 100; font-size: 1.4rem; } #doctor_110-list .question { display: flex; align-items: center; justify-content: center; background: #F7F2F1; border-radius: 50%; font-weight: bold; font-size: 2.1rem; width: 55px; height: 55px; margin-right: 0.5em; margin-top: 0; font-family: "hiragino kaku gothic pro"; line-height: 1; } #doctor_110-list article a { display: flex; text-decoration: none; color: #333; border-bottom: 1px solid #F7F2F1; padding-top: 1em; align-items: center; } #doctor_110-list .title { font-size: 1.7rem; font-family: "hiragino kaku gothic pro"; line-height: 1; margin: 0.5em 0 1em 0; } #doctor_110-list .status p { margin: 0; font-family: "hiragino kaku gothic pro"; } @media screen and (max-width:767px){ #doctor_110-list .title { font-size: 1.4rem; font-family: "hiragino kaku gothic pro"; line-height: 1; margin: 0.5em 0 1em 0; } #doctor_110-list .date { font-size: 1.2rem; } #doctor_110-list .question { display: flex; align-items: center; justify-content: center; background: #F7F2F1; border-radius: 50%; font-weight: bold; font-size: 1.4rem; width: 35px; height: 35px; margin-right: 0.5em; margin-top: 0; font-family: "hiragino kaku gothic pro"; line-height: 1; } #doctor_110-list .section_title { margin-top: 0; font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; } #archive-doctor_110 .consultation .section_title { margin-top: 0; font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; } #archive-doctor_110 .category .section_title { margin-top: 0; margin-left: 15px; font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; letter-spacing: 0.05em; padding: 0 15px; } #archive-doctor_110 .category a { text-decoration: none; color: #333; font-family: "hiragino kaku gothic pro"; font-weight: 100; font-size: 1.4rem; padding: 15px 30px; } header .site_title .logo img { width: 100%; height: auto; max-width: 100%; vertical-align: top; } p.sp_menu.open img { border-style: none; max-width: 60px; height: auto; } } #doctor_110-list article .status { display: flex; justify-content: space-between; align-items: flex-start; } #doctor_110-list article .category { margin: 0; padding: 0; background: none; list-style-type: none; } #doctor_110-list article .category p { margin: 0; padding: 0.3em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; } @media screen and (max-width: 767px) { #doctor_110-list article .category p { font-size: 1.0rem; } } #doctor_110-list article .category p.ninshin { background: #a84200; } #doctor_110-list article .category p.matanity { background: #e6d5ba; } #doctor_110-list article .category p.syussan { background: #009ded; } #doctor_110-list article .category p.baby { background: #fcf800; } #doctor_110-list article .category p.sanfujinka { background: #ff4e9d; } #doctor_110-list article .category p.fujinka { background: #fd0000; } #doctor_110-list article .category p.sanka { background: #ff7200; } #doctor_110-list article .category p.funin { background: #a4a4a4; } #doctor_110-list article .category p.byouki { background: #9648a1; } #doctor_110-list article .category p.eiyou { background: #4ed500; } #doctor_110-detail .status { display: flex; justify-content: space-between; align-items: flex-start; } #doctor_110-detail .category { margin: 0; padding: 0; background: none; list-style-type: none; } #doctor_110-detail .category p { margin: 0; padding: 0.3em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; } @media screen and (max-width: 767px) { #doctor_110-detail .category p { font-size: 1.0rem; } } #doctor_110-detail .category p.ninshin { background: #a84200; } #doctor_110-detail .category p.matanity { background: #e6d5ba; } #doctor_110-detail .category p.syussan { background: #009ded; } #doctor_110-detail .category p.baby { background: #fcf800; } #doctor_110-detail .category p.sanfujinka { background: #ff4e9d; } #doctor_110-detail .category p.fujinka { background: #fd0000; } #doctor_110-detail .category p.sanka { background: #ff7200; } #doctor_110-detail .category p.funin { background: #a4a4a4; } #doctor_110-detail .category p.byouki { background: #9648a1; } #doctor_110-detail .category p.eiyou { background: #4ed500; } /*ドクター110番 詳細ページ*/ #doctor_110-detail .comment_content { background: #F7F2F1; border-radius: 6px; padding: 30px; } #doctor_110-detail .comment_content .form_title_wrap { display: flex; align-items: center; background: #fff; border-radius: 6px; padding: 0 1em; margin-bottom: 30px; } #doctor_110-detail .comment_content .title { font-size: 1.7rem; } #doctor_110-detail .comment_content .comment_list { font-size: 1.4rem; margin-bottom: 2em; } #doctor_110-detail .comment_content .comment_list .status { display: flex; justify-content: space-between; margin-bottom: 1em; } #doctor_110-detail .comment_content .comment_list .name { margin: 0; font-weight: bold; } #doctor_110-detail .comment_content .comment_list .message { line-height: 1.8em; } #doctor_110-detail .comment_content .comment_list article { border-bottom: 1px solid #DEDAD9; padding-bottom: 1em; margin: 1em; } #doctor_110-detail .comment_content form p { font-size: 1.4rem; } #doctor_110-detail .comment_content form dl { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; } #doctor_110-detail .comment_content form dt { font-weight: bold; display: flex; align-items: center; } #doctor_110-detail .comment_content form dt p { margin: 0; margin-left: 0.5em; } #doctor_110-detail .comment_content form dd { margin-top: 0.5em; margin-left: 0; line-height: 1.8em; } #doctor_110-detail .comment_content form input[type="text"], #doctor_110-detail .comment_content form input[type="email"], #doctor_110-detail .comment_content form textarea { padding: 1em; font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; border: 1px solid #B3A6A3; flex: 1; border-radius: 6px; width: 100%; } #doctor_110-detail .comment_content form input[type="text"], #doctor_110-detail .comment_content form input[type="email"] { max-width: 326px; } #doctor_110-detail .comment_content form textarea { height: 128px; resize: vertical; } #doctor_110-detail .send { margin-bottom: 0; text-align: center; } #doctor_110-detail .send button { border-radius: 6px; background-color: #E4007F; padding-top: 1em; padding-bottom: 1em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; } /*コラム-archive*/ #archive-column aside .section_title { margin-top: 0; font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height:1; } #archive-column .popular dt p { margin: 0; padding: 0.3em 0.5em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; line-height: 1.1; font-family:"hiragino kaku gothic pro"; margin: 0.2em 0; } #column-list article .category p { margin: 0; padding: 0.3em 0.5em; background: #55B7FF; color: #fff; font-weight: bold; border-radius: 4px; font-size: 1.2rem; display: inline-block; line-height: 1.1; font-family:"hiragino kaku gothic pro"; } #archive-column .popular dd { font-size: 1.4rem; line-height: 1.15em; margin-left: 0; margin-top: 0.5em; font-family: "hiragino kaku gothic pro"; } #column-list article .title { font-weight: normal; font-size: 1.4rem; line-height: 1.8em; margin-left: 0; margin-top: 0.5em; font-family: "hiragino kaku gothic pro"; } #column-list article time { font-size: 1.4rem; margin-left: 1em; font-family: "hiragino kaku gothic pro"; } #column-list .more { text-align: center; border-radius: 6px; background-color: #fff; padding-top: 0.8em; padding-bottom: 0.8em; width: 176px; color: #E4007F; font-weight: bold; margin-left: auto; margin-right: auto; border: 1px solid #E4007F; outline: none; cursor: pointer; font-size: 1.6rem; font-family: "hiragino kaku gothic pro"; line-height: 1; } #archive-column { display: flex; max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } @media screen and (max-width:767px){ #column-list article time { font-size: 1.2rem; margin-left: 1em; font-family: "hiragino kaku gothic pro"; } #column-list .section_title { margin-top: 0; font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; margin-bottom: 25px; } #archive-column aside .section_title { margin-top: 0; font-size: 1.7rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; margin-bottom: 25px; } #archive-column .category a { display: block; padding: 1em; font-size: 1.4rem; } } /*病院検索結果一覧ページ*/ #archive-hospital { display: flex; max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; } .conditions input.free{ cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; border: 1px solid #B3A6A3; border-radius: 5px; } #archive-hospital .area_or_line .selected .section_title { background: none; cursor: auto; font-family: "hiragino kaku gothic pro"; } #archive-hospital .area_or_line .line-form .section_title { right: 0; left: auto; font-family: "hiragino kaku gothic pro"; } #archive-hospital main .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; } #archive-hospital aside .select_box select { cursor: pointer; font-size: 1.4rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-sizing: border-box; padding: 1em; border: none; width: 100%; padding-right: 60px; font-family: "hiragino kaku gothic pro"; background: white; } #archive-hospital aside button { border-radius: 6px; background-color: #E4007F; padding-top: 0.8em; padding-bottom: 0.8em; width: 176px; color: #fff; font-weight: bold; margin-left: auto; margin-right: auto; border: none; outline: none; cursor: pointer; font-size: 1.6rem; font-family: "hiragino kaku gothic pro"; } #archive-hospital .conditions .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; } .conditions h3.title{ font-size: 1.5rem; font-family: "hiragino kaku gothic pro"; margin: 2em 0 0.6em 0; } #archive-hospital .conditions { padding: 30px; margin-top: 40px; font-family: "hiragino kaku gothic pro"; } #hospital-list .tag li { background: #E4007F; color: #fff; font-weight: bold; font-size: 1.2rem; padding: 0.3em 0.4em 0.4em 0.4em; margin-right: 0.5em; font-family: "hiragino kaku gothic pro"; } #hospital-list .osan li { background: #55B7FF; color: #fff; font-weight: bold; font-size: 1.2rem; padding: 0.3em; margin-right: 0.5em; margin-top: 0.5em; font-family: "hiragino kaku gothic pro"; } /* #hospital-list .title { font-size: 1.5rem; font-family: "hiragino kaku gothic pro"; margin: auto; } */ #hospital-list .title { font-size: 2.0rem; font-family: "hiragino kaku gothic pro"; margin: inherit; margin-bottom: 0.5em; border-bottom: 3px solid white; max-width: 100%; padding-bottom: 0.5em; color:#E4007F; } #hospital-list .description { font-size: 1.2rem; margin-bottom: 0; margin-top: 0.5em; font-family: "hiragino kaku gothic pro"; max-width: 65%; } /*病院詳細ページ*/ #archive-hospital main { flex: 1; font-family: "hiragino kaku gothic pro"; } #hospital-detail .medical_time .open { color: #55B7FF; text-align: center; padding: 1em 0 !important; } #hospital-detail table, #hospital-detail th, #hospital-detail td { border: 1px solid #D1CBC9; padding: 0.7em !important; } #hospital-detail .access .google_map { background: #eeeeee; margin-top: 2em 0 3em 0; } #hospital-detail .fee p { margin-left: 20px; margin-right: 20px; font-size: 1.4rem; margin-top: 4rem; margin-bottom: 4rem; } #hospital-detail .tel dt { font-size: 1.4rem; margin-right: 2em; font-weight: 600; } #hospital-list .section_title { font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; } #hospital-detail .tel dd a { color: #fff; text-decoration: none; } #hospital-detail .fee span.money{ font-size: 1.0em; font-weight: 100; } @media screen and (max-width:767px){ #hospital-detail .tel { background: #B2A6A3; padding: 1em; display: flex; align-items: center; color: #fff; margin-top: 2em; flex-wrap: wrap; justify-content: center; } #hospital-detail .tel dt { font-size: 1.4rem; margin-right: 0px; font-weight: 600; margin-bottom: 1rem; } #hospital-detail table, #hospital-detail th, #hospital-detail td { border: 1px solid #D1CBC9; padding: 0.3em !important; } #hospital-detail .access dd { flex: 1; margin: 0; position: relative; padding-left: 2em; word-break: break-all; } } /*FAQページ*/ #page-faq { max-width: 720px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; font-family: "hiragino kaku gothic pro"; } #page-faq .section_title { font-size: 2.0rem; display: flex; line-height: 1; margin-bottom: 3rem; } #page-faq .question { background: #F7F2F1; margin-right: 3rem; } @media screen and (max-width:767px){ #page-faq dt, #page-faq dd { display: flex; font-size: 1.4rem; line-height: 1.8em; margin-left: 0; } #page-faq .question { background: #F7F2F1; margin-right: 1rem; max-width: 35px; max-height: 35px; min-width:35px; font-size: 1.4rem; margin-top:0px; } #page-faq .question, #page-faq .answer { display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; font-size: 1.4rem; width: 35px; height: 35px; margin-right: 0.5em; margin-top: 0; } #page-faq .message { flex: 1; margin-left: 1em; margin-top: 0px; } #page-faq .title{ margin-left: 1em; margin-top:0px; } #page-faq .section_title { font-size: 1.7rem; display: flex; line-height: 1; margin-bottom: 0rem; } #page-faq dl{ border-bottom: 1px solid #F7F2F1; padding: 2rem 0; } #page-faq section { margin-bottom: 3rem; } } /*口コミガイドラインページ*/ #page-inquiry { max-width: 670px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; margin-bottom: 40px; font-family: "hiragino kaku gothic pro"; } #page-review .section_title, #doctor_110-post .section_title, #page-inquiry .section_title { font-size: 2.0rem; display: flex; line-height: 1; } @media screen and (max-width:767px){ #page-review .section_title, #doctor_110-post .section_title, #page-inquiry .section_title { font-size: 1.7rem; display: flex; line-height: 1; } } /*フッター*/ footer .wrapper p.facebook { margin-top: 0; margin-left: 3rem; } @media screen and (max-width:767px){ footer{ border-top: 1px solid lightgrey; } footer nav p a { color: #000; display: block; text-align: center; padding: 1.5em 0; font-weight: 100; font-family: "hiragino kaku gothic pro"; } footer .wrapper p.facebook { margin-top: 0; margin-left: 0rem; } } /*pc-sp非表示*/ .pchidden{ display:none; } @media screen and (max-width:767px){ .pchidden{ display:block ; } .sphidden{ display:none !important; } } /*ロゴ*/ @media screen and (max-width:767px){ header .site_title .logo { width: 180px; margin-left: auto; margin-right: auto; margin-bottom: 0.4rem; line-height: 0.7em; } header nav .title { display: block; text-align: center; font-size: 3.2rem; padding: 0.49em 0; margin: 0; background: white; border-bottom: 1px solid lightgrey; } header .menu { display: block; padding: 32px 40px; font-family: "hiragino kaku gothic pro"; font-weight: 100; } header a { color: #000; font-weight: 100; } footer small { order: 3; margin-top: 10px; font-size: 1rem; } } @media screen and (min-width:767px){ #hospital-detail .medical_time .timetable { font-weight: normal; text-align: center; width: 120px; } #hospital-detail table { border-collapse: collapse; margin-left: 20px; margin-right: 20px; font-size: 1.4rem; width: auto; } #hospital-detail .medical_time .open { color: #55B7FF; text-align: center; padding: 1.2em 1.2em !important; } #hospital-detail table, #hospital-detail th, #hospital-detail td { border: 1px solid #D1CBC9; padding: 1.2em 1.2em !important; } #hospital-detail td { border: 1px solid #D1CBC9; padding: 0.8em 0.8em !important; } #hospital-detail td.tbright { border: 1px solid #D1CBC9; padding: 0.8em 0.8em !important; min-width: 250px; }} @media screen and (max-width:767px){ #hospital-detail td.tbright { border: 1px solid #D1CBC9; padding: 0.8em 0.8em !important; min-width: 68%; } } #column-detail .content h2{ position: relative; padding: 0.5em; background: pink; color: white; line-height: 1.8; text-shadow: 1px 0px 1px grey; } #column-detail .content h2::before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 20px rgb(149, 158, 155); } #column-detail { flex: 1; position: relative; } #ez-toc-container { background: #F9F9F9; border: 1px solid #e30080; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); display: table; margin-bottom: 1em; padding: 10px; float:right; width: auto; right: 0; font-size: small; font-family: inherit; margin-left: 30px; } #ez-toc-container a { color: #444; text-decoration: none; text-shadow: none; margin: 0.5em 0; } #column-detail .content img:first-child { max-width: 100%; height: auto; max-width: 300px; max-height: 200px; } .ez-toc-pull-right { float: right!important; margin-left: 10px !important; } @media screen and (max-width:767px){ #ez-toc-container { background: #F9F9F9; border: 1px solid #e30080; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); display: table; margin-bottom: 1em; padding: 10px; position: initial; width: auto; right: 0; font-size: small; font-family: inherit; margin: 2em auto; } #column-detail .content img:first-child { max-width: 100%; height: auto; max-width: 100%; margin:0 auto; } } @media screen and (max-width:767px){ .relatedthumb{ width: 47% !important; } .yuzo-img{ background: url(https://www.sanfujinka-debut.com/wp-content/uploads/2018/10/立ち会い出産のメリット・デメリットとは?-3-150x150.jpg) 50% 50% no-repeat; width: 100% !important; max-width: 100%; height: 88px; margin-bottom: 5px; background-size: cover; } #hospital-list img { vertical-align: top; width: 23%; height: auto; object-fit: cover; position: absolute; top: auto; bottom: 0; right: 0; margin: auto; margin-right: 10px; z-index: 999; border: 10px solid #DEE; } } #column-detail { flex: 1; position: relative; font-family: "hiragino kaku gothic pro"; line-height: 2; font-size: 0.9em; } ul.hospital_type{ list-style:none; display:flex; padding:0; } ul.hospital_type li{ margin-right:2px; margin-left:2px; } span.sepa{ line-height: 1em; padding: 0 0.2em; } span.sepa:last-child{ display:none; } ul.hospital_type { list-style: none; display: flex; padding: 0; font-weight: bold; color: lightslategrey; } ul.hospital_type { list-style: none; display: flex; padding: 0; font-weight: 100; color: #333; font-size: 0.8em; } .fa-stethoscope:before { content: "\f0f1"; margin-right: 4px; color: black; } .fa-map-marker-alt:before { content: "\f3c5"; margin-right: 4px; } .catlist{ display:flex; align-items:inherit; margin-top:7px; } /*フォーラム*/ #bbpress-forums li.bbp-header { background: pink; padding: 0.8em 3em; font-size: 1.3em; } #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; overflow: hidden; padding: 2em; } #bbpress-forums p.bbp-topic-meta span { white-space: nowrap; display: none; } #bbpress-forums { background: transparent; clear: both; margin-bottom: 20px; overflow: hidden; font-size: 12px; font-family: -webkit-body; } #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; overflow: hidden; padding: 2em; box-shadow: 0px 1px 1px 0px #a5a9ab; margin: 2%; border-radius: 40px; } li.bbp-topic-title a.bbp-topic-permalink{ font-size: 1.3em; text-decoration: none; color: black; font-weight: bold; } li.bbp-topic-title a.bbp-topic-permalink::before{ content: "\f328"; font-family: 'Font Awesome 5 Free'; margin-right: 0.6em; color: #e30080; } .bbp-pagination { float: left; width: 100%; margin-bottom: 15px; text-align: center; font-size: 1.2em; font-weight: bold; } fieldset.bbp-form input{ font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; border: 1px solid #B3A6A3; flex: 1; border-radius: 6px; width: auto; margin-top: 10px !important; } #bbpress-forums fieldset.bbp-form { border: 3px solid #FEF0F0; padding: 10px 20px; margin-bottom: 10px; background: #FFF8F8; } #bbpress-forums fieldset.bbp-form legend { padding: 5px; display: none; } #bbpress-forums fieldset.bbp-form label { margin: 0; display: inline-block; font-size: 1.3em; margin: 1% 0; font-weight: bold; } @media only screen and (max-width: 480px){ #bbpress-forums div.bbp-reply-author img.avatar { position: inherit; top: 15px; left: 0; width: 60px; height: auto; } #bbpress-forums div.bbp-the-content-wrapper input { font-size: 12px; padding: 5px; margin: 0 2px 0 0; line-height: 1em; width: auto; } fieldset.bbp-form input { font-size: 1.4rem; outline: none; box-sizing: border-box; padding: 1em; border: 1px solid #B3A6A3; flex: 1; border-radius: 6px; width: auto; margin-top: 10px !important; width: 100%; } #bbpress-forums li.bbp-header { background: pink; padding: 0.8em 1em; font-size: 1.3em; border-radius:0px; } #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; overflow: hidden; padding: 1em; box-shadow: 0px 1px 1px 0px #a5a9ab; margin: 2%; border-radius: 0px; } li.bbp-topic-title a.bbp-topic-permalink { font-size: 1em; text-decoration: none; color: black; font-weight: bold; } } @media screen and (max-width:768px){ p.backdiagnosis a{ width: 150px; padding: 1em; background: darkcyan; border-radius: 30px; font-weight: bold; color: white; text-decoration: none; position: fixed; right: 5px; bottom: 5px; } } #hospital-detail .main_visual .thumbnail li { flex-shrink: 0; width: 100%; text-align: center !important; } /* #hospital-detail .main_visual .thumbnail img { width: 50% !important; height: auto; } */ #hospital-detail .main_visual .thumbnail img { width: auto; height: auto; max-width: 50%; } .googlead{ margin-top:5%; text-align:center; } /*病院地域固定ページ*/ main#hospital-list.areaarchive{ max-width: 1030px; margin: 0 auto; witdh:100%; padding-left: 15px; padding-right: 15px; margin-bottom:30px; } main#hospital-list.areaarchive img { vertical-align: top; width: 16%; height: auto; object-fit: cover; position: absolute; bottom: 0; right: 0; margin: auto; margin-right: 10px; z-index: 999; border: 10px solid #DEE; } main#hospital-list.areaarchive h3.areatitle{ font-size: 2.0rem; display: flex; font-family: "hiragino kaku gothic pro"; line-height: 1; background: #e30080; padding: 1em 1em; margin-bottom: -15px; color: white; z-index: 999; } @media screen and (max-width:767px){ main#hospital-list.areaarchive img { width: 23%; } } .responsive-map0 > iframe { border: 1px solid #ccc; width:100% !important; height: 100% !important; } /* 2019/11/11 */ /*=================== 概要直下 こだわり追加 =====================*/ #gaiyou .gaiyou_kodawari{ border: 4px solid #e30080; font-family: "hiragino kaku gothic pro"; padding: 0 0 10px 0; margin-left: 20px; margin-right: 20px; margin-bottom: 17px; } #gaiyou .gaiyou_kodawari h4{ background: #e30080; color: #fff; display: inline-block; font-size: 16px; margin-top: 0; padding: 10px; /* margin-bottom: 10px; */ } #gaiyou .gaiyou_kodawari p{ color: #333333; font-size: 14px; padding: 0 10px; } @media screen and (max-width: 767px){ #gaiyou .gaiyou_kodawari{ margin-left: 0; margin-right: 0; } } /*病院一覧ページの画像非表示 - 20191210*/ #hospital-list img { /* display: none; */ } /*病院詳細ページの画像非表示 - 20191210*/ .main_visual{ /* display:none; */ }