@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

    .fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900); }
.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto; } .fa-plus-square::before {
content: "\f0fe"; }
.fa-remove::before {
content: "\f00d"; }
.fa-chevron-right{
content: "\f054"; }
.fa-sort-desc {
content: "\f0dd"; }
@font-face {
font-family: "Font Awesome 5 Brands";
font-display: block;
font-weight: 400;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-brands-400.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-brands-400.ttf) format("truetype"); }
@font-face {
font-family: "Font Awesome 5 Free";
font-display: block;
font-weight: 900;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-solid-900.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-solid-900.ttf) format("truetype"); }
@font-face {
font-family: "Font Awesome 5 Free";
font-display: block;
font-weight: 400;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-regular-400.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-regular-400.ttf) format("truetype"); }
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-solid-900.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-solid-900.ttf) format("truetype"); }
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-brands-400.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-brands-400.ttf) format("truetype"); }
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-regular-400.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-regular-400.ttf) format("truetype");
unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-v4compatibility.woff2) format("woff2"), url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/fa-v4compatibility.ttf) format("truetype");
unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F250,U+F252,U+F27A; } @font-face {
font-family: 'Noto Sans JP';
font-weight: 700;
font-style: normal;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/NotoSansJP-Bold.woff2) format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Noto Sans JP';
font-weight: 400;
font-style: normal;
src: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/font/NotoSansJP-Regular.woff2) format('woff2');
font-display: swap;
} @font-face {
font-family: 'eparkfont';
src: url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.eot?jrz23t);
src: url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.eot?jrz23t#iefix) format('embedded-opentype'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.ttf?jrz23t) format('truetype'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.woff?jrz23t) format('woff'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.svg?jrz23t#eparkfont) format('svg');
font-weight: normal;
font-style: normal;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
img { max-width: 100%; height: auto; }
.clear { clear: both; } .clearfix:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
html { font-size: 62.5%; }
body { background-color: #fcfcfc; line-height: 1.5; font-size: 1.6rem; color: #333; font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", "Yu Gothic", "YuGothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; -webkit-text-size-adjust: none; }
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}
a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover   { color: #333; text-decoration: none; }
a:active  { color: #333; text-decoration: none; }
.spp { display: none; }
.container { width: 960px; padding: 0 0; margin: 40px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.container .mainContent { width: 930px; margin: auto; }
.container .sidebar { width: 230px; }
#wck { display: block; width: 100%; height: 0px; position: relative; }
.alpha:hover { opacity: 0.75; cursor: pointer; }
@media screen and (max-width: 767px){
body { font-size: 1.5rem; }
img{ width: 100%; }
.container { width: calc( 100% - 16px ); padding: 0; margin: 20px auto; }
.container .mainContent { width: 100%; }
.container .sidebar { width: 100%; margin-top: 50px; }
.container .sidebar > div { width: 96%; margin: 6px auto 0  auto; }
.pcp { display: none; }
.spp { display: block; }
#wck { display: none; }
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
} input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.contentBlock {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 960px;
margin: 60px auto;
padding: 0 0;
}
#create_banner_wrap {
margin: 30px 0 50px 0;
}
#create_side_banner_wrap {
width: 100%;
margin: 0 auto 40px auto;
}
#create_banner_wrap a,
#create_side_banner_wrap a {
display: block;
}
#create_banner_wrap img,
#create_side_banner_wrap img {
margin: auto;
}
#create_banner_wrap ul.slick-dots li:only-child, #create_side_banner_wrap ul.slick-dots li:only-child {
display: none;
}
#create_banner_wrap a:hover,
#create_side_banner_wrap a:hover {
opacity: 0.6;
}
@media screen and (max-width: 768px) {
#create_banner_wrap a:focus,
#create_side_banner_wrap a:focus,
#create_banner_wrap a:active,
#create_side_banner_wrap a:active, 
#create_banner_wrap a:hover,
#create_side_banner_wrap a:hover {
opacity: 1;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }.sp-display {
display: none;
}	
@media screen and (max-width: 767px) {
.pc-display {
display: none;
}	
.sp-display {
display: block;
}	
}  .st-gHeader_GroupArea {
display: none;
}
@media screen and (max-width: 767px) { body.overfHiden {
overflow: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.st-gHeader_GroupArea {
display: block;
width: 100%;
z-index: 2000;
max-height: 100%;
}
.st-gHeader_GroupBox {
position: relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 10px;
background-color: #009688;
z-index: 2;
}
.st-gHeader_GroupModal {
display: none;
width: 100%;;
max-height: 100%;
-webkit-overflow-scrolling: touch;
position: fixed;
z-index: 20000;
background: #ffffff;
overflow: scroll;
}
.st-gHeader_GroupModal > iframe {
width: 100%;
height: 2000px;
}
.st-gHeader_GroupBox > p {
font-size: 10px;
color: #ffffff;
}
.st-gHeader_GroupBox > p.item2::after {
content: "";
width: 7px;
height: 7px;
display: inline-block;
vertical-align: text-top;
margin-left: 6px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.st-gHeader_GroupBox.active > p.item2::after {
vertical-align: text-bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.st-gHeader_GroupModalCloser {
display: none;
margin-bottom: 32px;
}
.st-gHeader_GroupBox.active + .st-gHeader_GroupModal .st-gHeader_GroupModalCloser {
display: block;
}
.st-gHeader_GroupModalCloser > a {
display: block;
width: 80%;
padding: 10px;
margin: 12px auto;
text-align: center;
border: 1px solid #666666;
background-color: #ffffff;
font-weight: bolder;
color: #666666;
border-radius: 4px;
text-decoration: none;
font-size: 16px;
}
.st-gHeader_GroupModalCloser > a.tap {
background-color: #f2f2f2;
}
}
@media screen and (max-width: 320px) {
.st-gHeader_GroupBox > p.item2 {
display: none;
}
} #footer {
margin: 0 auto;
padding: 0;
background-position-y: 0; }
#footer .footer-logo-area {
margin: 0 auto;
padding: 85px 0 45px;
text-align: center;
}
#footer .footer-logo-area img {
width: 398px;
}
#footer .footer_1 {
padding-top: 30px;
position: relative;
font-size: 0;
line-height: 1;
}
#footer .footer_1 .foot-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
padding: 20px 15px;
font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Lucida Grande",sans-serif;
}
#footer .footer_1 .foot-nav {
float: right;
width: 655px;
font-size: 1.3rem;
text-align: left;
}
#footer .footer_1 .foot-nav li {
margin: 0 1.1em 0.8em 0;
padding-right: 1em;
border-right: 1px solid #dddddd;
display: inline-block;
line-height: 1.1;
}
#footer .footer_1 .foot-nav li:last-child {
border-right: none;
}
#footer .footer_1 .copyright-wrapper {
width: 100%;
clear: both;
}
#footer .footer_1 .copyright-wrapper p {
padding: 10px 0 15px;
color: #999999;
font-size: 1.2rem;
line-height: 1.5;
text-align: center;
}
#footer .footer_d01 ul li a,
#footer .footer_d01 ul li a:hover {
color: #0679b2;
}
#footer .footer_d01 ul li a {
margin: 0 3px 0 0;
}
#footer .footer_d01 ul li a:hover {
opacity: 1;
text-decoration: underline;
}
#footer .footer_banner_list_box {
margin: 0 auto 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
text-align: center;
}
#footer .footer_banner_list_box > li {
margin: 0 30px 0 0;
width: 300px;
height: 80px;
}
#footer .footer_banner_list_box > li:last-child {
margin: 0;
}
#footer .footer_banner_list_box > li > a {
display: block;
}
#footer .footer_banner_list_box > li > .pc-display {
display: block;
}
#footer .footer_banner_list_box > li > .sp-display {
display: none;
}
#footer .footer_banner_list_box > li > a > img {
width: 100%;
}
#footer .footer_banner_list_box > li > a > img:hover {
opacity: 0.8;
text-decoration: none;
cursor: pointer;
}
#footer .footer_d01 {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 960px;
overflow: hidden;
zoom: 1;
}
#footer .footer_jima_area {
width: 255px;
float: left;
}
#footer .footer_jima_area .footer_jima_text:after {
display: block;
clear: both;
content: "";
}
#footer .footer_jima_area a:hover {
opacity: 0.8;
text-decoration: none;
}
#footer .footer_jima_area img {
float: left;
width: auto;
height: 55px;
margin-right: 8px;
}
#footer .footer_jima_area .footer_jima_text {
display: block;
color: #666666;
font-size: 1rem;
text-align: left;
line-height: 1.5;
}
#footer .footer_jima_area .footer_jima_text .jima {
display: inline;
color: #0679b2;
}
#footer .contents {
margin-bottom: 30px;
}
#footer .contents .lt {
margin: 0 10px 10px 0;
float: left;
}
#footer .contents .rt {
margin: 0 0 10px 10px;
float: right;
}
#footer .contents .ct {
margin: 10px 0;
text-align: center;
}
#footer .footer-banner-area {
margin: 0 auto;
text-align: center;
}
#footer .epark-global-footer-box-inner {
margin: 0 auto;
padding: 15px;
width: 100%; border-bottom: 1px solid #dddddd;
color: #333333;
font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Lucida Grande",sans-serif;
font-size: 1.3rem;
text-align: left;
line-height: 1.4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#footer .epark-global-footer-box-inner a, #footer .epark-global-footer-box-inner a:hover {
color: #0679b2;
}
#footer .epark-global-footer-group-sites {
margin-bottom: 4px;
}
#footer .epark-global-arrow {
font-size: 1.3rem;
}
#footer .epark-global-arrow::before {
margin: 0 0 0 -5px;
color: #f38004;
font-family: 'eparkfont';
text-decoration: none;
content: "\e135";
}
#footer .epark-global-footer-group-box .epark-global-footer-group-title {
margin-bottom: 8px;
font-weight: 700;
}
#footer .epark-global-footer-group-box ul li {
display: inline-block;
margin: 0 1.2em 0.8em 0;
padding-right: 0.9em;
border-right: 1px solid #dddddd;
line-height: 1.1;
}
#footer .epark-global-footer-group-box ul li:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
#footer .footer-menu-area {
font-size: 0;
line-height: 1;
}
#footer .footer-menu-area li {
margin: 0 0 10px;
padding: 0 10px;
border-right: 1px solid #bad9a5;
display: inline-block;
font-size: 1.2rem;
line-height: 1.7;
}
#footer .footer-menu-area li:first-child {
border-left: 1px solid #bad9a5;
}
#footer .footer-menu-area li a {
color: #1f7cc3;
text-decoration: none;
}
#footer #copy-right {
margin: 20px 0 0;
color: #565656;
font-size: 1.4rem;
text-align: center;
}
@media only screen and (max-width: 767px) {
#footer {
padding: 0;
border-top: none; }
#footer .wrap {
padding: 0;
border-top: 1px #cccccc solid;
}
#footer .footer-logo-area {
padding: 0 0 30px;
}
#footer .footer-logo-area img {
width: 100%;
display: block;
}
#footer .footer-logo-area a img {
padding: 0 10px;
}
#footer .footer_banner_list_box {
margin: 0;
display: inline;
}
#footer .footer_banner_list_box > li {
width: 100%;
height: auto;
margin: 0 auto 20px;
}
#footer .footer_banner_list_box > li:last-child {
margin: 0 auto;
}
#footer .footer_banner_list_box > li > .pc-display {
display: none;
}
#footer .footer_banner_list_box > li > .sp-display {
display: block;
}
#footer .footer_banner_list_box > li > a > img {
width: 100%;
max-height: none;
}
#footer .footer_banner_list_box > li > a > img:hover {
opacity: 1;
text-decoration: none;
}
#footer .footer_1 {
padding-top: 0;
}
#footer .sw-Footer-wrapper {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}
#footer .sw-Footer_EparkLinkBox div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#footer .sw-Footer_EparkLinkBnr > a {
display: block;
padding: 16px;
font-size: 1.6rem;
text-align: center;
}
#footer .sw-Footer_EparkLinkBnr > a > img {
max-width: 615px;
width: 100%;
vertical-align: middle;
}
#footer .sw-Footer_EparkLinkList ul {
list-style: none;
}
#footer .sw-Footer_EparkLinkList > li {
display: block;
float: left;
width: 50%;
box-sizing: border-box;
text-align: center;
}
#footer .sw-Footer_EparkLinkList > li.full {
width: 100%;
}
#footer .sw-Footer_EparkLinkList > li > a {
display: inline-block;
width: 100%;
padding: 11px 0;
box-shadow: 1px 1px 0 0 #bdbdbd, -1px -1px 0 0 #bdbdbd;
background-color: #f5f5f5;
font-size: 1.1rem;
color: #424242;
line-height: normal;
}
#footer .sw-Footer_LinkListBox {
padding: 9px 16px 0;
}
#footer .sw-Footer_LinkList {
margin: 0 auto;
line-height: 1.6;
text-align: center;
}
#footer .sw-Footer_LinkList > li {
display: inline-block;
padding: 0 3px 0 1px;
font-size: 1.1rem;
line-height: normal;
}
#footer .sw-Footer_LinkList > li > a {
color: #0277bd;
}
#footer .sw-Footer_LinkList > li > a::after {
content: "";
display: inline-block;
height: 1em;
margin: 0 0.3em 0 0.5em;
border-right: solid 1px #e0e0e0;
vertical-align: middle;
}
#footer .sw-Footer_LinkList > li:last-child > a::after {
margin: 0;
border-right: none;
}
#footer .sw-Footer_Cert {
display: flex;
justify-content: space-around;
padding: 10px 16px;
}
#footer .sw-Footer_Cert a {
display: flex;
color: #333333;
}
#footer .sw-Footer_Cert a img {
max-width: inherit;
}
#footer .sw-Footer_CertJima {
display: flex;
position: relative;
font-size: 1.1rem;
align-items: center;
}
#footer .sw-Footer_CertJima .jima {
display: inline;
color: #0679b2;
}
#footer .sw-Footer_CertJima > a + p {
margin-left: 8px;
color: #424242;
font-size: 0.9rem;
}
#footer .sw-Footer_CertJima > a > img {
width: 55px;
height: 80px;
}
#footer .sw-Footer_Copyright {
clear: left;
padding: 16px 0 120px;
background-color: #424242;
color: #ffffff;
text-align: center;
}
#footer .sw-Footer_Copyright > p {
font-size: 0.9rem;
line-height: normal;
}
} #header .wrap .header-top-area .jima-box.pc-display {
display: inline-block;
width: 385px;
font-size: 0;
line-height: 1;
vertical-align: middle;
}
.jima-box .jima-trustmark-img {
display: inline-block;
width: 51px;
vertical-align: middle;
}
.jima-box .jima-trustmark-text {
padding: 0 0 0 5px;
display: inline-block;
width: calc( 100% - 51px);
font-size: 1.2rem;
line-height: 1.4;
vertical-align: middle;
}
.jima-box .jima-trustmark-text a {
color: inherit;
}
@media only screen and (max-width: 1079px) { #header .wrap .header-top-area .jima-box.pc-display {
display: none;
} #side .jima-box.sp-display {
padding: 0 10px;
display: block;
font-size: 0;
line-height: 1;
}
.jima-box .jima-trustmark-img {
margin: 0 10px 0 0;
}
.jima-box .jima-trustmark-text {
padding: 0;
width: calc( 100% - 61px);
}
}
 #header .menu ul,
#cont .mainContent .index ol,
.parent-term ul,
.child-term ul,
#type div ul,
#attribute div ul,
.disease-name ul,
.doctors-content ul,
.disease-display ul,
.new-ranking-content,
.recommend-content div ul,
.content-banner-box,
.contentBox .term-top-content,
.term-top-content .child ul,
.index-name + div,
.index-name + div > div ul,
.top-disease ul,
.disease-list ul,
.other-parent ul,
.child-symptom ul,
.rel-disease-bottom ul,
#cont .mainContent .top-doctor-display,
.other-doctor-display,
.supervision-column ul,
.relate-column ul,
.supervision-disease ul,
.supervision-doctor .doctor-display,
.relate-category .category-list-wrap ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
.container .mainContent h2,
.new-ranking-content div li::after,
#footer .snsLink span {
font-size: 2.4rem;
}
#cont .mainContent .index dd ol li a,
.doctor-display .top-doctor-profile .name,
#footer .search .checkbox,
#type .rel-disease-top ul li .rel-disease-title,
.supervision-disease ul li .column-title,
#cont .mainContent .top-doctor-display li a .top-doctor-title,
#cont .mainContent.single .head .medical,
#cont .mainContent.single .postBlock .features-title a,
#cont .mainContent.single .postBlock .disease-title a,
#cont .mainContent.single .head .other-title {
font-size: 1.8rem;
}
.breadcrumb span,
.breadcrumb li,
.doctor-display .top-doctor-profile .name span,
#cont .mainContent .top-doctor-display li a .top-doctor-title span {
font-size: 1.4rem;
}
#header .menu ul li a,
#cont .mainContent .index,
.doctor-display .top-doctor-profile .name,
.new-ranking-content div:last-of-type div::after,
.column-title,
#footer .snsLink span,
#type .rel-disease-top ul li .rel-disease-title,
.supervision-disease ul li .column-title,
#cont .mainContent .top-doctor-display li a .top-doctor-title,
#cont .mainContent.single .head .medical {
font-weight: bold;
}
#header .menu ul li:last-of-type,
#cont .mainContent .index dd ol li:last-of-type,
#home.container .mainContent h1 + img + p,
.mainContent .contentBox > div:last-of-type,
.container .mainContent .contentBox .more,
#cont .mainContent.single .postBlock .content-banner-box,
.footer-banner-box .banner_list:last-of-type,
#footer .snsLink ul li:last-of-type,
#type .rel-disease-top ul li:last-of-type,
.doctor-display .top-doctor-profile .doctor-explain,
#cont .mainContent .index.index-doctors,
.mainContent .index-medical-subjects + .term-top-content > div,
.container .mainContent .doctor-display .top-doctor-profile p,
#cont .mainContent.single .head .single-top-right li:last-of-type,
#cont .mainContent.single .index dd ol li:last-of-type,
#cont .mainContent.single .blog-card-wrapper p,
.supervision-doctor .doctor-display .top-doctor-profile,
.supervision-disease ul li:last-of-type,
.supervision-doctor .career span:last-of-type,
.container .mainContent .noPosts p,
#cont .mainContent .e-popover-header .e-popover-header-content {
margin: 0;
}
#cont .mainContent h3,
.doctor-display .top-doctor-profile .name,
.doctor-display .top-doctor-profile .name span,
#footer .search h2,
#type .rel-disease-top ul li .rel-disease-title,
#type .rel-disease-top ul li .rel-disease-title::after,
.supervision-disease ul li .column-title,
.supervision-disease ul li .column-title::after,
#cont .mainContent .top-doctor-display li a .top-doctor-title,
#cont .mainContent h4::before,
.disease-title .title-txt,
#cont .mainContent.single .postBlock .features-title .blog-card-title,
#cont .mainContent .e-popover-15,
.relate-category > ul li a {
color: #009688;
}
#header .menu ul li a,
#cont .mainContent .index dt,
#cont .mainContent .index dt:before,
#cont .mainContent .index dd ol li a::before {
color: #4db6ac;
}
#header div.closePanel,
#sideSearchArea > div.closePanel,
#home.container h1,
.content-banner-box .banner-sp,
#cont .mainContent .more-label,
#cont .mainContent.single .postBlock .content-banner-box li::before,
#cont .mainContent.single .postBlock .refSite ul li::before,
#cont .mainContent .e-popover-header .e-popover-header-content::before,
#cont .mainContent .head .lead-display .lead-text ul > p,
#cont .mainContent .head .lead-display .lead-text ol > p {
display: none;
} a {
-webkit-transition: all .2s;
transition: all .2s;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
a:hover,
a:active,
#footer .search input[type="submit"]:hover,
#cont #search .topics > ul > li:hover,
#cont .mainContent .e-modal-scroller #openWindow:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
} #header {
width: 930px;
margin: auto;
}
#header .inner {
position: relative;
width: 930px;
margin: 0 auto;
}
#header ul.subMenu {
text-align: right;
}
#header ul.subMenu li { 
display: inline-block;
margin: 15px 0 0 20px;
line-height: 1.0;
}
#header ul.subMenu li a { 
color: #0679b2;
font-size: 1.2rem;
}
#header ul.subMenu li a i {
margin-right: 5px;
font-size: 1.5rem;
vertical-align: middle;
}
#header ul.subMenu li.first:before {
content:'';
display: inline-block; 
width: 10px;
height: 16px;
margin: 0 5px 0 0;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.1 11.04'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%230679b2;}%3C/style%3E%3C/defs%3E%3Ctitle%3Eicon_first%3C/title%3E%3Cpath class='a' d='M7.1.4c0-.4-.5-.6-.7-.3L3.5,2.9.7.1A.46.46,0,0,0,0,.4v7a.37.37,0,0,0,.1.3l3.1,3.1c.1.2.2.2.3.2a.37.37,0,0,0,.3-.1L7,7.8c0-.1.1-.2.1-.3ZM3.4,9.8.9,7.3V1.5L3.4,4Z' transform='translate(0 0.04)'/%3E%3C/svg%3E");
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
vertical-align: middle;
}
#header ul.subMenu + div {
margin: 20px 0;
}
#header ul.subMenu + div a {
display: inline-block;
width: 300px;
height: 50px;
margin: 0 15px 0 0;
vertical-align: middle;
}
#header ul.subMenu + div .logo-txt {
display: inline-block;
color: #4d4d4d;
font-size: 1.2rem;
}
#header ul.subMenu + div img,
.recommend-content div li a .thumb-display img,
#cont .mainContent .head .lead-display .lead-img img,
#cont .mainContent .head .lead-display .lead-text,
.mainContent .index-medical-subjects + .term-top-content > div,
#cont .mainContent.single .head .photo img,
#cont .mainContent.single .postBlock .content-banner-box li a img,
.relate-category .category-list-wrap {
width: 100%;
}
#header ul.subMenu + div img,
.supervision-column ul li div,
.relate-column ul li div,
.recommend-content div,
.supervision-disease ul li div {
width: 100%;
height: 100%;
}
#header div.logo {
position: absolute;
top: 55px;
right: 0px;
width: 100px;
height: 50px;
}
#header .menu ul li {
width: 183px;
height: 50px;
margin: 0 4px 0 0;
text-align: center;
}
#header .menu ul li:first-of-type {
width: 182px;
}
#header .menu ul li a {
display: block;
opacity: 1;
height: 100%;
border: 1px solid #4db6ac;
line-height: 2;
transition: none;
}
#header .menu ul li a:hover,
#header .menu ul li a:active,
#footer .search ul li a,
#type .rel-disease-top ul li a:hover,
.supervision-disease ul li a:hover {
background: #4db6ac;
color: #ffffff;
transition: none;
}
#header .menu ul li a span:before {
margin: 0 10px 0 0;
font-family: 'eparkfont';
font-size: 2.5rem;
font-weight: normal;
vertical-align: -5px;
}
#header .menu ul li:nth-of-type(1) a span:before {
content: "\e228";
}
#header .menu ul li:nth-of-type(2) a span:before {
content: "\e230";
}
#header .menu ul li:nth-of-type(3) a span:before {
content: "\e229";
}
#header .menu ul li:nth-of-type(4) a span:before {
content: "\e227";
}
#header .menu ul li:nth-of-type(5) a span:before {
content: "\e226";
} .breadcrumb-area {
width: 930px;
margin: 20px auto 0;
}
.breadcrumb li {
display: inline-block;
margin: 0 0 7px 0;
color: #999999;
}
.breadcrumb span + span:before,
.breadcrumb li + li:before {
content: '＞';
margin: 0 10px;
color: #999999;
}
.breadcrumb a {
padding: 0 0 2px 0;
border-bottom: 1px solid #0679b2;
color: #0679b2;
} #home.container {
margin: 30px auto 40px;
}
.container .mainContent h1 {
font-size: 2.8rem;
}
.container .mainContent h1,
.container .mainContent h1 + img,
#cont .mainContent .index dd ol li:nth-of-type(3n):not(:last-of-type),
#footer .snsLink,
.mainContent.lo2 .term-top-content div h3 + p,
.supervision-disease ul li:nth-of-type(3n):not(:last-of-type),
#cont .mainContent .refSite ul li,
#cont .mainContent.single .postBlock .refSite ul li,
#cont .mainContent.single .head .other-title-content {
margin: 0 0 20px 0;
}
.container .mainContent h1 + img {
display: block;
}
.container .mainContent h2 {
margin: 40px 0 20px 0;
padding: 0 0 8px 10px;
border-bottom: 2px solid #009688;
border-left: 10px solid #009688;
line-height: 1.05;
}
#cont .mainContent h3 {
margin: 30px 0 20px 0;
padding: 0 0 4px 5px;
border-bottom: 1px solid #009688;
color: #333333;
font-size: 2.2rem;
}
#cont .mainContent.lo2 h3 {
margin: 40px 0 20px 0;
}
#cont .mainContent h4 {
margin: 20px 0;
font-size: 2.0rem;
}
#cont .mainContent h4::before,
#cont .mainContent .index dd ol li a::before {
content: '\f111';
display: inline-block;
font-family: "Font Awesome 5 Free";
line-height: 1;
vertical-align: middle;
}
#cont .mainContent h4::before {
margin: 0 8px 5px 0;
font-size: 1.0rem;
}
.container .mainContent p {
margin: 0 0 30px 0;
} #cont .mainContent .index {
padding: 30px 50px;
border: 2px solid #4db6ac;
border-radius: 10px;
}
#cont .mainContent .index dt {
margin: 0 0 30px 0;
font-size: 2.0rem;
text-align: center;
}
#cont .mainContent .index dt:before {
content: '\e231';
margin: 0 7px 0 0;
font-family: 'eparkfont';
}
#cont .mainContent .index dd ol li,
#cont .mainContent.single .index.index-diseases ol li {
width: 220px;
margin: 0 70px 20px 0;
padding: 0 0 0 20px;
text-indent: -10px;
}
#cont .mainContent .index dd ol li a {
display: block;
color: #666666;
line-height: 1.2;
}
#cont .mainContent .index dd ol li a::before {
margin: 0 10px 5px 0;
font-size: 1.2rem;
} #cont .mainContent .head {
margin: 0 0 40px 0;
}
#cont .mainContent .head .lead-display {
display: flex;
}
#cont #type .head .lead-display {
display: block;
}
#cont #type .head .lead-display::after {
content: "";
clear: both;
}
#cont .mainContent .head .lead-display .lead-img {
float: none;
flex-shrink: 0;
width: 300px;
height: 200px;
margin: 0 30px 0 0;
overflow: hidden;
text-align: center;
}
#cont #type .head .lead-display .lead-img {
float: left;
height: 300px;
}
#cont #type .lead-img > img {
width: 300px;
height: 300px;
}
#cont .mainContent .head .lead-display .lead-text > *:last-child {
margin-bottom: 0;
}
#cont .mainContent .head .lead-display .lead-text ul + p,
#cont .mainContent .head .lead-display .lead-text ol + p {
margin: 30px 0;
} .pager { width: 100%; background: transparent; margin: 20px auto; font-size: 1.1em; text-align: center; }
.pager a { text-decoration: none; }
.pager .page-numbers { display: inline-block; font-size: 18px; padding: 0 .5em; height: 1.6em; line-height: 1.6em; border: #ddd; }
.pager .page-numbers:hover,
.pager .current { background-color: #009688; color: #fff; } .symptom,
.bodypart,
.new-ranking-content > div,
.flex-contents-wrap > section,
.term-top-content > div > div,
.index-name + div > .flex-contents-wrap > div {
width: 450px;
}
.symptom,
.bodypart {
display: inline-block;
vertical-align: top;
}
.symptom,
.new-ranking-content > div:first-of-type,
#footer .search div.half:nth-of-type(1),
.flex-contents-wrap > section:nth-of-type( odd ),
.mainContent .index-medical-subjects + .term-top-content > div > div:nth-of-type( odd ),
.index-name + div > .flex-contents-wrap > div:nth-of-type( odd ) {
margin: 0 30px 0 0;
} .page-up-btn {
position: fixed;
bottom: 70px;
right: calc(50% - 465px);
z-index: 10001;
width: 80px;
height: 80px;
border-radius: 50%;
background: #4db6ac;
transition: none;
}
.page-up-btn:active {
opacity: 1;
}
.page-up-btn::after {
content: "\f0d8";
position: absolute;
top: -5px;
right: 23px;
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 5.6rem;
font-weight: 600;
} .container .mainContent .contentBox .more a,
.container .mainContent .contentBox .top-disease + a,
.container .term-top-content .child + a,
.container .mainContent .contentBox .disease-list + a,
.container .mainContent .contentBox .top-page-link,
.index-name + div > .flex-contents-wrap > div > div + a {
display: flex;
justify-content: center;
position: relative;
width: 260px;
height: auto;
margin: 30px 0 0 auto;
padding: 10px 20px 10px 10px;
border: 1px solid #666666;
color: #666666;
font-weight: bold;
line-height: 1.8;
}
.container .mainContent .contentBox .child-term + .more a,
.container .mainContent .contentBox .top-disease + a,
.container .mainContent .contentBox .disease-list + a,
.index-name + div > .flex-contents-wrap > div > div + a {
margin: 10px auto 0;
}
.container .term-top-content .child + a {
margin: 5px auto 0;
}
.container .mainContent .contentBox .more a::after,
.container .mainContent .contentBox .top-disease + a::after,
.container .term-top-content .child + a::after,
.container .mainContent .contentBox .disease-list + a::after,
.container .mainContent .contentBox .top-page-link::after,
.index-name + div > .flex-contents-wrap > div > div + a::after {
content: "\f054";
display: block;
margin: 5px 0 0 15px;
color: #666666;
font-family: "Font Awesome 5 Free";
font-size: 1.2rem;
font-weight: 600;
}
.container .mainContent .contentBox .more a:hover,
.container .mainContent .contentBox .top-disease + a:hover,
.container .term-top-content .child + a:hover,
.container .mainContent .contentBox .disease-list + a:hover,
.container .mainContent .contentBox .top-page-link:hover,
.index-name + div > .flex-contents-wrap > div > div + a:hover {
opacity: 1;
background: #f0f0f0;
} .parent-term,
.term-top-content .child,
.child-symptom {
margin: 0 0 10px 0;
}
.parent-term ul li,
.term-top-content .child ul li {
width: 220px;
}
#home #type div ul li {
width: 178px;
}
#attribute div ul li,
.child-symptom ul li,
.other-parent ul li {
width: 225px;
}
.parent-term ul li,
#home #type div ul li,
#attribute div ul li,
.term-top-content .child ul li,
.child-symptom ul li,
.other-parent ul li {
margin: 0 10px 15px 0;
}
.disease-name ul li {
width: 80px;
margin: 0 14.4px 15px 0;
text-align: center;
}
.parent-term ul li:nth-of-type(2n),
#home #type div ul li:nth-of-type(5n),
#attribute div ul li:nth-of-type(4n),
.term-top-content .child ul li:nth-of-type(2n),
.child-symptom ul li:nth-of-type(4n),
.other-parent ul li:nth-of-type(4n),
.disease-name ul li:nth-of-type(10n) {
margin: 0 0 15px 0;
}
#home #type div ul li:last-of-type,
#attribute div ul li:last-of-type,
.disease-name ul li:last-of-type,
.other-parent ul li:last-of-type {
margin: 0;
}
.parent-term ul li a,
#home #type div ul li a,
#attribute div ul li a,
.disease-name ul li a,
.term-top-content .child ul li a,
.child-symptom ul li a,
.other-parent ul li a {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
width: 100%;
padding: 7px 0;
border: 1px solid #009688;
border-radius: 20px;
color: #009688;
font-weight: bold;
}
.parent-term ul li a.small-txt,
#home #type div ul li a.small-txt,
#attribute div ul li a.small-txt,
.disease-name ul li a.small-txt,
.term-top-content .child ul li a.small-txt,
.child-symptom ul li a.small-txt,
.other-parent ul li a.small-txt {
padding: 9.5px 0;
font-size: 1.3rem;
}
.parent-term ul li a:hover,
#home #type div ul li a:hover,
#attribute div ul li a:hover,
.disease-name ul li a:hover,
.term-top-content .child a:hover,
.child-symptom ul li a:hover,
.other-parent ul li a:hover,
.parent-term ul li a:active,
#home #type div ul li a:active,
#attribute div ul li a:active,
.disease-name ul li a:active,
.term-top-content .child a:active,
.child-symptom ul li a:active,
.other-parent ul li a:active {
background: #009688;
color: #ffffff;
} .child-term ul li,
.child + .top-disease ul li,
.disease-list ul li,
.index-name + div > div ul li {
width: 220px;
margin: 0 10px 20px 0;
}
.disease-display ul li,
.top-disease ul li,
.rel-disease-bottom ul li {
width: 290px;
margin: 0 30px 20px 0;
}
.child-symptom + .top-disease ul li {
width: 225px;
margin: 0 10px 20px 0;
}
.child-term ul li:nth-of-type(2n),
.disease-display ul li:nth-of-type(3n),
.child + .top-disease ul li:nth-of-type(2n),
.child-symptom + .top-disease ul li:nth-of-type(4n),
.disease-list ul li:nth-of-type(2n),
.index-name + div > div ul li:nth-of-type(2n),
.rel-disease-bottom ul li:nth-of-type(3n) {
margin: 0 0 20px 0;
}
.disease-display ul li:last-of-type,
.child-symptom + .top-disease ul li:last-of-type,
.rel-disease-bottom ul li:last-of-type {
margin: 0;
}
.child-term ul li a,
.disease-display ul li a,
.top-disease ul li a,
.disease-list ul li a,
.index-name + div > div ul li a,
.rel-disease-bottom ul li a {
padding: 0 0 2px 0;
border-bottom: 1px solid #0679b2;
color: #0679b2;
line-height: 1.8;
}
.child-term ul li a:visited,
.disease-display ul li a:visited,
.container .mainContent.single .doctors-content + div .disease-display ul li a:visited {
border-bottom: 1px solid #6b4ba1;
color: #6b4ba1;
}
.container .mainContent.single .disease-display ul li a:visited {
border-bottom: 1px solid #0679b2;
color: #0679b2;
} .doctor-display,
.new-ranking-content div li,
.recommend-content div li,
#cont .mainContent .top-doctor-display li,
.supervision-column ul li,
.relate-column ul li {
overflow: hidden;
position: relative;
border: 2px solid #4db6ac;
border-radius: 10px;
box-shadow: 5px 5px 0 0 #4db6ac;
}
ul li:last-of-type .doctor-display,
.new-ranking-content div li:last-of-type,
.recommend-content div li:last-of-type,
#cont .mainContent .top-doctor-display li:last-of-type,
#cont .mainContent.lo2 ul:last-of-type li:last-of-type .doctor-display,
.supervision-column ul li:last-of-type,
.relate-column ul li:last-of-type {
margin: 0 5px 5px 0;
}
.doctor-display:hover,
.new-ranking-content div li:hover,
.recommend-content div li:hover,
#cont .mainContent .top-doctor-display li:hover,
.supervision-column ul li:hover,
.relate-column ul li:hover {
-webkit-transform: translate(5px,5px);
-ms-transform: translate(5px,5px);
transform: translate(5px,5px);
box-shadow: none;
}
.doctor-display a,
.new-ranking-content li a,
.recommend-content div li a,
#cont .mainContent .top-doctor-display li a,
.supervision-column ul li a,
.relate-column ul li a {
display: block;
height: 100%;
padding: 20px;
}
.doctor-display a::after,
.new-ranking-content li a::after,
#cont .mainContent .top-doctor-display li a::after,
.supervision-column ul li a::after,
.relate-column ul li a::after,
#cont .mainContent .post .postBlock::after,
.blog-card-wrapper::before,
.blog-card-wrapper::after {
content: "";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.thumb-display {
float: left;
overflow: hidden;
}
.doctor-display .top-doctor-profile .name,
.new-ranking-content div li .column-title,
.supervision-column li a div .column-title,
.relate-column ul li a .column-title,
.recommend-content div li a .column-title {
line-height: 1.4;
} .doctors-content ul li,
.other-doctor-display li {
display: flex;
}
.doctor-display {
width: 440px;
margin: 0 45px 5px 0;
}
.doctor-display img {
float: left;
width: 150px;
}
.doctor-display .top-doctor-profile {
margin: 0 0 0 170px;
font-size: 1.2rem;
}
.doctor-display .top-doctor-profile span {
display: block;
margin: 0 0 15px 0;
font-size: 1.5rem;
}
.doctor-display .top-doctor-profile .name span {
display: inline;
}
.doctor-display .top-doctor-profile .doctor-explain {
font-size: 1.2rem;
} .container .mainContent .new-ranking-content > div:last-of-type h2 + p {
letter-spacing: -0.05px;
}
.new-ranking-content div li,
.supervision-column ul li,
.relate-column ul li {
display: flex;
width: 445px;
margin: 0 0 25px 0;
}
.new-ranking-content div li .thumb-display,
.supervision-column li .thumb-display,
.relate-column ul li .thumb-display {
width: 150px;
height: 100px;
}
.new-ranking-content div li .column-title,
.mainContent .new-ranking-content div li p,
.supervision-column li a div .column-title,
.supervision-column li a div .column-title + p,
.relate-column ul li a .column-title,
.relate-column ul li a .column-title + p {
display: block;
margin: 0 0 0 165px;
}
.new-ranking-content div li p,
.supervision-column li a div .column-title + p,
.relate-column ul li a .column-title + p {
padding: 10px 0 0 0;
font-size: 1.2rem;
}
.new-ranking-content div:last-of-type li::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-bottom: 80px solid transparent;
border-left: 80px solid #4db6ac;
}
.new-ranking-content div:last-of-type li::after {
display: block;
position: absolute;
top: 15px;
left: 15px;
z-index: 3;
color: #ffffff;
font-weight: bold;
line-height: 1;
}
.new-ranking-content div:last-of-type li:nth-of-type(1)::after {
content: "1";
}
.new-ranking-content div:last-of-type li:nth-of-type(2)::after {
content: "2";
}
.new-ranking-content div:last-of-type li:nth-of-type(3)::after {
content: "3";
} .recommend-content div li {
width: 200px;
min-height: 244px;
margin: 0 41px 5px 0;
}
.recommend-content div li a {
padding: 10px 8px;
}
.recommend-content div li a .thumb-display {
float: none;
width: 180px;
height: 120px;
margin: 0 0 10px 0;
}
.recommend-content div li a .column-title {
display: block;
} .content-banner-box li,
.footer-banner-box .banner_list {
width: 300px;
height: 80px;
overflow: hidden;
}
.content-banner-box li {
margin: 60px 15px 20px 0;
}
.content-banner-box .banner-pc:last-of-type {
margin: 60px 0 20px 0;
}
#cont .mainContent.single .content-banner-box .banner-pc {
margin: 30px 15px 20px 0;
}
#cont .mainContent.single .content-banner-box .banner-pc:last-of-type {
margin: 30px 0 20px 0;
}
#cont .mainContent.single .postBlock .content-banner-box li {
padding: 0;
text-indent: 0;
}
.footer-banner-box {
display: flex;
max-width: 930px;
margin: 60px auto 40px;
}
.container.symptomContent + #footer .footer-banner-box,
.container.bodypartContent + #footer .footer-banner-box {
margin: 60px auto;
}
.footer-banner-box .banner_list {
margin: 0 15px 0 0;
}
.content-banner-box li a,
.footer-banner-box .banner_list a {
display: block;
height: 100%;
font-size: 0;
} #footer .snsLink {
max-width: 930px;
margin: 0 auto 40px;
text-align: left;
}
#footer .snsLink ul,
#cont .mainContent.single .head .single-top-right ul {
font-size: 0;
}
#footer .snsLink ul li,
#cont .mainContent.single .head .single-top-right li {
display: inline-block;
width: 130px;
height: 30px;
margin: 0 10px 0 0;
}
#footer .snsLink ul li a,
#cont .mainContent.single .head .single-top-right li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 5px;
color: #ffffff;
font-size: 1.2rem;
}
#footer .snsLink ul li a::before,
#cont .mainContent.single .head .single-top-right li a::before {
content: "";
width: 20px;
height: 20px;
margin: 0 10px 0 0;
image-rendering: -webkit-optimize-contrast;
}
#footer .snsLink ul li a.twitter,
#cont .mainContent.single .head .single-top-right li a.twitter {
background: #1da1f2;
}
#footer .snsLink ul li a.twitter::before,
#cont .mainContent.single .head .single-top-right li a.twitter::before {
background: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/img/common/twitter.png) no-repeat;
background-size: 100%;
}
#footer .snsLink ul li a.facebook,
#cont .mainContent.single .head .single-top-right li a.facebook {
background: #3b5998;
}
#footer .snsLink ul li a.facebook::before,
#cont .mainContent.single .head .single-top-right li a.facebook::before {
background: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/img/common/facebook.png) no-repeat;
background-size: 100%;
}
#footer .snsLink ul li a.line,
#cont .mainContent.single .head .single-top-right li a.line {
background: #27ad37;
}
#footer .snsLink ul li a.line::before,
#cont .mainContent.single .head .single-top-right li a.line::before {
background: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/img/common/line.png) no-repeat;
background-size: 100%;
} #footer .search {
margin: 0 0 40px 0;
padding: 30px 0;
background: #d5edeb;
}
#footer .search h2 {
margin: 0 0 20px 0;
text-align: center;
}
#footer .search #searchform {
position: relative;
width: 481px;
margin: 0 auto;
}
#footer .search input[type="text"] {
width: 436px;
height: 45px;
padding: 1px 34px 1px 10px;
border: 2px solid #4db6ac;
border-radius: 10px 0 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fcfcfc;
}
#footer .search input[type="text"]::placeholder,
#footer .search input[type="text"]:-ms-input-placeholder,
#footer .search input[type="text"]::-ms-input-placeholder {
color: #999999;
}
#footer .search input[type="submit"] {
position: absolute;
top: 0px;
right: 0px;
width: 45px;
height: 45px;
border-radius: 0 10px 10px 0;
background: #4db6ac;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.8%2016.8%22%20style%3D%22enable-background%3Anew%200%200%2016.8%2016.8%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M16.7%2C15.5l-4.3-4.3c2.1-2.7%2C1.9-6.5-0.6-9c-2.7-2.7-7-2.7-9.6%2C0c-2.7%2C2.7-2.7%2C7%2C0%2C9.6c1.3%2C1.3%2C3.1%2C2%2C4.8%2C2%20c1.5%2C0%2C2.9-0.5%2C4.2-1.4l4.3%2C4.3L16.7%2C15.5z%20M3.3%2C10.6c-2-2-2-5.3%2C0-7.3c1-1%2C2.3-1.5%2C3.6-1.5s2.6%2C0.5%2C3.6%2C1.5c2%2C2%2C2%2C5.3%2C0%2C7.3%20C8.6%2C12.6%2C5.3%2C12.6%2C3.3%2C10.6z%22%2F%3E%3C%2Fsvg%3E');
background-size: 28px;
background-position: center center;
background-repeat: no-repeat;
text-indent: 200%;
white-space: nowrap;
}
#footer .search .checkbox {
margin: 10px 0 0 0;
padding: 0 0 0 30px;
}
#footer .search .checkbox::before {
left: 3px;
width: 6px;
height: 12px;
margin: -9px 0 0 2px;
border-right: 3px solid #4db6ac;
border-bottom: 3px solid #4db6ac;
}
#footer .search .checkbox::after {
left: 0;
width: 18px;
height: 18px;
margin: -8px 0 0 0;
border: 1px solid #4db6ac;
box-sizing: border-box;
background: #fcfcfc;
}
#footer .search input[type=checkbox]:checked + .checkbox:before {
z-index: 1;
}
#footer .search div.half,
#cont .mainContent.single .head .single-top-left {
display: inline-block;
}
#footer .search ul {
display: flex;
width: 480px;
margin: 20px auto 0;
}
#footer .search ul li {
margin: 0 20px 3px 0;
}
#footer .search ul li a {
display: flex;
justify-content: center;
width: 230px;
height: 40px;
padding: 6px 0 0 0;
border-radius: 20px;
box-shadow: 0 3px 0 0 #3f958d;
font-weight: bold;
line-height: 1.8;
}
#footer .search ul li a::after {
display: inline-block;
content: "\f054";
margin: 1px 0 0 15px;
color: #ffffff;
font-family: "Font Awesome 5 Free";
font-size: 1.6rem;
font-weight: 600;
}
#footer .search ul li a:hover {
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
box-shadow: none;
} .mainContent .index-medical-subjects + .term-top-content > div h2 {
margin: 60px 0 0 0;
}
.mainContent .index-medical-subjects + .term-top-content > div:first-of-type h2 {
margin: 40px 0 0 0;
}
#cont .mainContent.lo2 .index-medical-subjects + .term-top-content div div:nth-of-type(-n+2) h3 {
margin: 30px 0 20px 0;
}
.mainContent .term-top-content > div > div {
display: inline-block;
vertical-align: top;
}
.container .mainContent .contentBox .disease-list + a,
.index-name + div > .flex-contents-wrap > div > div + a {
width: 340px;
min-height: 40px;
padding: 5px;
} #type .rel-disease-top {
margin: 0 0 25px 0;
}
#type .rel-disease-top ul li,
.supervision-disease ul li {
position: relative;
width: 290px;
margin: 0 30px 0 0;
}
#type .rel-disease-top ul li a,
.supervision-disease ul li a {
display: block;
opacity: 1;
width: 100%;
height: 100%;
border: 1px solid #4db6ac;
}
#type .rel-disease-top ul li .rel-disease-title,
.supervision-disease ul li a .column-title {
display: block;
padding: 20px 35px 0 15px;
}
#type .rel-disease-top ul li .rel-disease-title::after,
.supervision-disease ul li a .column-title::after {
content: "\f054";
position: absolute;
top: 20px;
right: 15px;
font-family: "Font Awesome 5 Free";
}
#type .rel-disease-top ul li a:hover .rel-disease-title,
#type .rel-disease-top ul li a:hover .rel-disease-title::after,
.supervision-disease ul li a:hover .column-title,
.supervision-disease ul li a:hover .column-title::after {
color: #ffffff;
}
#type .rel-disease-top ul li .rel-disease-description,
.supervision-disease ul li a .column-title + p {
margin: 0;
padding: 20px 15px;
overflow: hidden;
font-size: 1.2rem;
}  #cont .mainContent .top-doctor-display li {
width: 278px;
margin: 0 45px 5px 0;
}
#cont .mainContent .top-doctor-display li img {
display: block;
margin: 0 auto;
}
#cont .mainContent .top-doctor-display li a {
font-size: 1.5rem;
}
#cont .mainContent .top-doctor-display li a .top-doctor-title span {
display: inline-block;
margin: 0;
}
#cont .mainContent .top-doctor-display li a span {
display: block;
margin: 15px 0;
}
#cont .mainContent .top-doctor-display li a p {
margin: 0;
font-size: 1.3rem;
} .other-doctor-display {
margin: 20px 0 0 0;
}
.more-content .other-doctor-display {
margin: 40px 0 0 0;
}
#cont .mainContent .other-doctor-display .doctor-display {
margin: 0 45px 40px 0;
} #cont .mainContent.single .head .photo {
flex-shrink: 0;
width: 180px;
height: 180px;
margin: 0 30px 0 0;
}
#cont .mainContent.single .head .medical + .lead-text {
margin: 0;
}
#cont .mainContent.single .head .photo + div h1 span {
font-size: 2.2rem;
}
.container .mainContent.doctor-profile .doctor-message + p br {
margin: 0;
}
.supervision-column ul li,
.relate-column ul li {
margin: 0 35px 25px 0;
}
.supervision-column ul li:nth-of-type(2n):not(:last-of-type),
.relate-column ul li:nth-of-type(2n):not(:last-of-type) {
margin: 0 5px 25px 0;
}
.supervision-column ul li:nth-last-of-type(2),
.relate-column ul li:nth-last-of-type(2) {
margin: 0 35px 5px 0;
}
.supervision-disease ul li {
margin: 0 30px 20px 0;
}
.supervision-disease ul li a .column-title u {
text-decoration: none;
}  #cont .mainContent .postBlock p {
margin: 0 0 20px 0;
}
#cont .mainContent.single .index.index-special,
#cont .mainContent.single .index.index-post {
margin: 0 0 40px 0;
}
#cont .mainContent.single .index.index-special ol,
#cont .mainContent.single .index.index-post ol {
flex-direction: column;
}
#cont .mainContent.single .index ol li {
width: 754px;
}
#cont .mainContent.single .head .created-date,
#cont .mainContent.single .head .updated-date,
#cont .mainContent.single .head .view-count {
color: #666666;
font-size: 1.5rem;
}
#cont .mainContent.single .head .created-date,
#cont .mainContent.single .head .updated-date {
display: inline-block;
margin: 0 10px 0 0;
}
#cont .mainContent.single .head .created-date::before,
#cont .mainContent.single .head .updated-date::before {
margin: 0 5px 0 0;
font-family: 'eparkfont';
font-weight: bold;
}
#cont .mainContent.single .head .created-date::before {
content: "\e004";
}
#cont .mainContent.single .head .updated-date::before {
content: "\e187";
}
#cont .mainContent.single .head .single-top-right {
text-align: right;
margin: 10px 0 30px 0;
}
#cont .mainContent .post p.q {
font-weight: bold;
}
#cont .mainContent.single .postBlock > div {
margin: 0 0 30px 0;
}
#cont .mainContent.single .postBlock img {
display: block!important;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
#cont .mainContent.single .postBlock img {
width: 300px;
}
}
#cont .mainContent.single .postBlock p a {
display: inline-block;
margin: 10px 0;
}
#cont .mainContent.single .postBlock p a {
color: #0679b2;
text-decoration: underline;
text-underline-position: under;
text-underline-offset: 2px;
}
#cont .mainContent.single .postBlock ul,
#cont .mainContent .post .postBlock .table {
margin: 20px 0;
}
#cont .mainContent.single .postBlock p + ul,
#cont .mainContent .post .postBlock p + table {
margin: -10px 0 20px 0;
}
#cont .mainContent.single .postBlock p + ol {
margin: -10px 0 20px 20px;
}
#cont .mainContent .head .lead-display ol {
margin: 0 0 0 20px;
list-style: decimal;
}
#cont .mainContent .postBlock div ol {
margin: 20px 0 20px 20px;
list-style: decimal;
}
#cont .mainContent .head .lead-display ul li,
#cont .mainContent .head .lead-display ol li,
#cont .mainContent.single .postBlock ul li,
#cont .mainContent.single .postBlock ol li {
margin: 10px 0 0 0;
font-weight: bold;
text-indent: -14px;
padding: 0 0 0 15px;
}
#cont .mainContent .head .lead-display ul li::before,
#cont .mainContent.single .postBlock ul li::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
background: #4db6ac;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#cont .mainContent .post table {
width: 100%;
margin: 20px 0;
border-collapse: collapse;
border: 2px solid #e0e0e0;
}
#cont .mainContent .post table th,
#cont .mainContent .post table thead td,
#cont .mainContent .post table td {
padding: 10px 5px;
border: 2px solid #e0e0e0;
}
#cont .mainContent .post table th,
#cont .mainContent .post table thead td {
background: #f0f0f0;
font-size: 1.8rem;
font-weight: bold;
} #cont .mainContent.single .postBlock .refSite {
margin: 30px 0 0 0;
}
#cont .mainContent.single .postBlock .refSite .title::before {
content: '▼';
color: #4db6ac;
}
#cont .mainContent.single .postBlock .refSite .title {
font-size: 18px;
font-weight: bold;
}
#cont .mainContent.single .postBlock .refSite ul {
margin: 0;
}
#cont .mainContent.single .postBlock .refSite ul li {
padding: 0;
font-weight: normal;
text-indent: 0;
}
#cont .mainContent .refSite ul li a,
.relate-category .category-all ul li a {
padding: 0 0 2px 0;
border-bottom: 1px solid #0679b2;
color: #0679b2;
}
#cont .mainContent .refSite ul li a {
line-height: 1.8;
}
#cont .mainContent .refSite ul li a::before {
content: '\f35d';
margin: 0 5px 0 0;
color: #0679b2;
font-family: "Font Awesome 5 Free";
font-weight: 600;
} .supervision-doctor {
margin: 0 0 40px 0;
}
.supervision-doctor .doctor-display {
flex-wrap: nowrap;
margin: 0;
padding: 30px 60px;
border: none;
border-radius: 10px;
box-shadow: none;
background: #f6f6f6;
}
.supervision-doctor .doctor-display:hover {
transform: none;
}
.supervision-doctor .doctor-display img {
height: 100%;
margin: 0 40px 0 0;
}
.supervision-doctor .doctor-display .top-doctor-profile a {
display: inline-block;
height: auto;
margin: 0 0 15px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #0679b2;
}
.supervision-doctor .doctor-display .top-doctor-profile a span {
color: #0679b2;
margin: 0;
}
.supervision-doctor .special-subject span:nth-of-type(1),
.supervision-doctor .career span:nth-of-type(1) {
margin: 0 0 10px 0;
color: #666;
font-weight: bold;
} #cont .mainContent .e-popover-15 {
padding: 0 0 2px 0;
border-bottom: 1px solid #009688;
}
#cont .mainContent .e-modal-scroller #openWindow:hover {
text-decoration: none;
} #cont .mainContent.single .head .spelling,
#cont .mainContent.single .head .other-spelling {
display: block;
font-size: 1.4rem;
font-weight: normal;
}
#cont .mainContent.single .head .other-spelling {
padding: 0 0 5px 50px;
font-size: 1.2rem;
}
#cont .mainContent.single .head .other-title::before {
content: "別名：";
}
#cont .mainContent .head .lead-display h3:first-of-type {
margin: 0 0 20px 0;
} .relate-category .category-all {
display:flex;
}
#cont .mainContent .post .relate-category .category-all p {
flex-shrink: 0;
height: 16px;
margin: 6px 15px 0 0;
padding: 0 15px 0 0;
border-right: 2px solid #666;
color: #666666;
font-weight: bold;
line-height: 1;
}
.relate-category .category-all ul li {
margin: 0 20px 23px 0;
}
.relate-category .category-all:last-of-type ul li {
margin: 0 20px 3px 0;
}
.relate-category > ul {
margin: 20px 0 0 0;
border-bottom: 1px dashed #ddd;
border-top: 1px dashed #ddd;
}
.relate-category > ul li a {
display: block;
padding: 10px 0 10px 30px;
border-bottom: 1px dashed #ddd;
font-weight: bold;
text-indent: -14px;
}
.relate-category > ul li:last-of-type a {
border: none;
}
.relate-category > ul li a::before {
content: "\f054";
display: inline-block;
margin: 0 15px 0 0;
color: #009688;
font-family: "Font Awesome 5 Free";
font-size: 1.6rem;
font-weight: 600;
} #cont #search .topics > ul > li {
position: relative;
min-height: 74px;
overflow: hidden;
transition: all .3s;
-webkit-transition: all .3s;
}
#cont #search .topics > ul > li > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cont #search .topics > ul > li h3 {
margin: 0;
padding: 0;
border: none;
font-size: 1.5rem;
}
#cont #search .topics > ul > li + li {
margin: 16px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid #ddd;
}
#cont #search .topics > ul > li .photo {
float: left;
width: 120px;
height: 74px;
margin: 0 10px 0 0;
overflow: hidden;
}
#cont #search .topics > ul > li .photo img {
width: 100%;
height: auto;
}
#cont #search .topics > ul > li .photo + div {
width: calc( 100% - 130px );
margin: 0 0 0 130px;
}
#cont #search .topics > ul > li p {
margin: 0;
font-size: 1.3rem;
word-break: break-all;
}
#cont #search .topics > ul > li div > div {
margin: 8px 0 0 0;
font-size: 1.3rem;
text-align: right;
}
#cont #search .topics > ul > li div > div p {
display: inline-block;
width: 100%;
max-width: 250px;
height: 1.4em;
line-height: 1.4em;
}
#cont #search .topics > ul > li div > div p span {
display: inline-block;
}
#cont #search .topics > ul > li div > div p span:last-of-type::before {
content: " ";
white-space: pre-wrap;
} .noPosts {
width: 100%;
padding: 100px 0;
background-color: #ccc;
text-align: center;
} #cont #topics ul.dList { margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
#cont #topics ul.dList li { position: relative; width: 30%; margin-right: 3%; font-size: 1.3rem; margin-bottom: 20px; border-bottom: 1px solid #ddd; -webkit-transition: all .3s; transition: all .3s; }
#cont #topics ul.dList li:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }
#cont #topics ul.dList li .image { width: 100%; height: auto; max-height: 130px; overflow: hidden; }
#cont #topics ul.dList li>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
#cont #topics ul.dList li img { width: 100%; height: auto; }
#cont #topics ul.dList li .title { font-size: 0.9em; font-weight: bold; color: #009688; }
#cont #topics ul.dList li .name { font-weight: bold; font-size: 1.3rem; margin: 3px auto 6px; }
#cont #topics ul.dList li .name span { font-size: 0.8em; }
#cont #topics ul.dList li .name a { display: inline; }
#cont #topics ul.dList li time { display: block; text-align: right; color: #999; margin: 3px auto 5px; }
#cont #topics ul.dList li .special span { font-weight: bold; font-size: 0.9em; color: #888; } #cont .mainContent .post #leftContent { position: absolute; left: -220px; top: 0; width: 200px; text-align: right; }
#cont .mainContent .post #leftContent p.category { margin-top: 0; color: #888; }
#cont .mainContent .post #leftContent time { font-size: 1.2rem; color: #aaa; }
#cont .mainContent .post .postBlock img.alignleft { float: left; margin-right: 2%; }
#cont .mainContent .post .postBlock img.alignright { float: right; margin-left: 2%; }
#cont .mainContent .post .postBlock figure { overflow: hidden; width: 48%; margin: 0 0 10px; }
#cont .mainContent .post .postBlock figure.full { overflow: hidden; width: 100%; margin: 0 0 10px; }
#cont .mainContent .post .postBlock figure img { width: 100%; }
#cont .mainContent .post .postBlock figure.alignleft  { float: left; margin-right: 2%; }
#cont .mainContent .post .postBlock figure.alignright { float: right; margin-left: 2%; }
#cont .mainContent .post .postBlock figure.alignleft.full  { float: none; margin-right: 0; }
#cont .mainContent .post .postBlock figure.alignright.full { float: none; margin-left: 0; }
#cont .mainContent .post .postBlock figure figcaption { font-size: 1.1rem !important; color: #999; margin-top: 0 !important; } #cont .mainContent .post .postBlock .wp-caption { overflow: hidden; }
#cont .mainContent .post .postBlock .wp-caption-text { font-size: 1.1rem !important; color: #999; margin-top: 3px !important; } @media screen and (min-width: 768px) {  #home #type div ul li:nth-of-type(5n+1):nth-last-of-type(-n+5),
#home #type div ul li:nth-of-type(5n+1):nth-last-of-type(-n+5) ~ li:not(:last-of-type),
#attribute div ul li:nth-of-type(4n+1):nth-last-of-type(-n+4),
#attribute div ul li:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ li:not(:last-of-type),
.other-parent ul li:nth-of-type(4n+1):nth-last-of-type(-n+4),
.other-parent ul li:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ li:not(:last-of-type) {
margin: 0 10px 0 0;
}
.disease-name ul li:nth-of-type(10n+1):nth-last-of-type(-n+10) ~ li:not(:last-of-type) {
margin: 0 14.4px 0 0;
} .disease-display ul li:nth-of-type(3n+1):nth-last-of-type(-n+3),
.disease-display ul li:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ li:not(:last-of-type),
.rel-disease-bottom ul li:nth-of-type(3n+1):nth-last-of-type(-n+3),
.rel-disease-bottom ul li:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ li:not(:last-of-type) {
margin: 0 30px 0 0;
}
.child-symptom + .top-disease ul li:nth-of-type(4n+1):nth-last-of-type(-n+4),
.child-symptom + .top-disease ul li:nth-of-type(4n+1):nth-last-of-type(-n+4) ~ li:not(:last-of-type) {
margin: 0 10px 0 0;
} #cont .mainContent .index.index-diseases dd ol li:nth-of-type(3n+1):nth-last-of-type(-n+3),
#cont .mainContent .index.index-diseases dd ol li:nth-of-type(3n+1):nth-last-of-type(-n+3)~ li:not(:last-of-type) {
margin: 0 70px 0 0;
} #cont .mainContent .other-doctor-display li:nth-of-type(2n+1):nth-last-of-type(-n+2) .doctor-display,
#cont .mainContent .other-doctor-display li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type) .doctor-display {
margin: 0 45px 5px 0;
}
#cont .mainContent .other-doctor-display li:nth-of-type(2n) .doctor-display {
margin: 0 0 40px 0;
}
#cont .mainContent .other-doctor-display li:last-of-type .doctor-display {
margin: 0 5px 5px 0;
}
#cont .mainContent .other-doctor-display .doctor-display p {
min-height: 72px;
} .supervision-disease ul li:nth-of-type(3n+1):nth-last-of-type(-n+3),
.supervision-disease ul li:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ li:not(:last-of-type) {
margin: 0 30px 0 0;
} #cont .mainContent .e-modal-scroller {
margin: 40px 0 0 auto;
}
#cont .mainContent .e-popover-header .e-popover-header-content {
font-size: 1.3rem;
}
.page-up-btn.ads-on {
bottom: 110px;
}
}
@media screen and (max-width: 960px) and (min-width: 767px) { #header,
#footer {
width: 960px;
}
#header .menu ul {
width: calc( 100% - 30px );
margin: 0 auto;
}
.breadcrumb-area {
margin: 20px 15px 0;
}
}
@media screen and (max-width: 767px) { #header .inner .subMenu,
#home.container .mainContent h1,
#home.container .mainContent h1 + img,
.content-banner-box .banner-pc,
#cont .mainContent .other-doctor-display + .more-label,
.footer-banner-box .slick-dots li:first-child:last-child {
display: none;
}
#header .inner {
width: auto;
}
.doctor-display .top-doctor-profile .name,
#cont .mainContent .top-doctor-display li a .top-doctor-title,
#cont .mainContent.single .head .photo + div h1 span,
.supervision-doctor .doctor-display .top-doctor-profile .name {
font-size: 1.7rem;
}
#header .menu ul li a span:before,
#cont .mainContent .index dt,
#cont .mainContent .index dd ol li a,
#footer .search h2,
#cont .mainContent.single .head .medical,
.supervision-doctor .doctor-display .top-doctor-profile span {
font-size: 1.5rem;
}
#header .menu ul li a,
.breadcrumb span,
.breadcrumb li,
.doctor-display .top-doctor-profile span,
.recommend-content div li a .column-title,
#cont .mainContent .top-doctor-display li a span,
#cont .mainContent.single .head .updated-date,
#cont .mainContent.single .head .created-date,
#cont .mainContent.single .head .view-count,
#cont .mainContent.single .head .other-title {
font-size: 1.2rem;
}
.doctor-display .top-doctor-profile,
.doctor-display .top-doctor-profile .doctor-explain,
.new-ranking-content div li .column-title + p,
.mainContent .new-ranking-content div li p,
#footer .search ul li a,
#footer .search ul li a::after,
#cont .mainContent .top-doctor-display li a p,
#cont .mainContent.single .head .spelling,
.supervision-column li a div .column-title + p,
.relate-column ul li a .column-title + p {
font-size: 1.1rem;
}
#header .menu ul li,
.symptom,
.new-ranking-content > div:first-of-type,
.footer-banner-box .banner_list,
.flex-contents-wrap > section:nth-of-type( odd ),
.index-name + div > .flex-contents-wrap > div:nth-of-type( odd ),
.mainContent .index-medical-subjects + .term-top-content > div > div:nth-of-type( odd ),
#cont .mainContent.single .head .address,
.supervision-doctor .doctor-display .top-doctor-profile a,
.relate-category .category-all:last-of-type {
margin: 0;
}
.symptom,
.bodypart,
.new-ranking-content > div,
#footer .search ul li,
.term-top-content > div,
.term-top-content > div > div,
.index-name + div > .flex-contents-wrap > div,
#cont .mainContent.lo2 .other-doctor-display li,
#cont .mainContent.single .index dd ol li,
#cont .mainContent.single .index dd ol li:nth-of-type(3n):not(:last-of-type),
.supervision-disease ul li,
#cont .mainContent.single .index.index-diseases ol li {
width: 100%;
}
.new-ranking-content ul,
#cont .mainContent .head .lead-display,
.doctors-content ul,
.doctors-content ul li,
.other-doctor-display li,
#type .rel-disease-top ul,
#cont .mainContent.lo2 h4 + ul,
#cont .mainContent .top-doctor-display,
.supervision-column ul,
.relate-column ul {
flex-direction: column;
} #header { 
width: calc( 100% - 16px );
}
#header ul.subMenu + div {
margin: 15px 0;
}
#header ul.subMenu + div a {
display: block;
width: 150px;
height: 25px;
margin: 0;
}
#header ul.subMenu + div .logo-txt {
margin: 7px 0 0 0;
}
#header ul.subMenu + div .logo-txt,
#cont .mainContent .index dd ol li a::before {
font-size: 1.0rem;
}
#header div.logo {
top: -5px;
width: 76px;
height: 38px;
}
#header .menu ul li {
height: 45px;
}
#header .menu ul li:nth-of-type(-n+3) {
width: 19.5%;
}
#header .menu ul li:nth-last-of-type(-n+2) {
width: 20.615%;
}
#header .menu ul li a {
padding: 5px 0 7px 0;
border-right: none;
line-height: 1.3;
}
#header .menu ul li a span:before {
display: block;
margin: 0;
}
#header .menu ul li:last-of-type a {
border-right: 1px solid #4db6ac;
}
.breadcrumb-area {
width: auto;
margin: 20px 8px;
}
.breadcrumb span + span:before, .breadcrumb li + li:before {
margin: 0 8px;
} #home.container {
margin: 20px auto;
}
.container .mainContent h1 {
font-size: 2.1rem;
margin: 0 0 15px 0;
}
.container .mainContent h1 + p,
#cont .mainContent .head {
margin: 0 0 30px 0;
}
.container .mainContent h1 + img {
margin: 0 0 15px 0;
}
.container .mainContent h2 {
position: relative;
margin: 30px 0 15px 0;
padding: 0 0 4px 10px;
font-size: 2.0rem;
line-height: 1.1;
}
#cont .mainContent h3 {
padding: 0 0 5px 5px;
font-size: 1.8rem;
}
#cont .mainContent.lo2 h3 {
margin: 30px 0 20px 0;
}
#cont .mainContent h4 {
margin: 20px 0 10px 0;
font-size: 1.6rem;
}
.container .mainContent p,
#type .rel-disease-top,
#type .rel-disease-top ul li,
.supervision-disease ul li,
.supervision-disease ul li:nth-last-of-type(2),
.supervision-disease ul li:nth-last-of-type(3) {
margin: 0 0 20px 0;
} #cont .mainContent .index {
padding: 20px 10px;
border: 1px solid #4db6ac;
}
#cont .mainContent .index dd ol li,
#cont .mainContent .index dd ol li:nth-of-type(3n):not(:last-of-type) {
width: calc( ( 100% - 15px) / 2 );
margin: 0 15px 20px 0;
}
#cont .mainContent .index dt,
#cont .mainContent .index dd ol li:nth-of-type(2n):not(:last-of-type),
#cont .mainContent.single .index dd ol li,
#cont .mainContent.single .index dd ol li:nth-of-type(3n):not(:last-of-type),
#cont .mainContent.single .index.index-diseases ol li {
margin: 0 0 20px 0;
} #cont .mainContent .head .lead-display .lead-img {
margin: 0 auto 15px;
}
#cont #type .head .lead-display .lead-img {
float: none;
}
#cont #type .head .lead-display::after {
content: none;
}
#cont .mainContent .head .lead-display .lead-text ul + p,
#cont .mainContent .head .lead-display .lead-text ol + p {
margin: 20px 0;
} .page-up-btn {
bottom: 25px;
right: 8px;
width: 50px;
height: 50px;
}
.page-up-btn.ads-on {
bottom: 140px;
}
.page-up-btn:hover {
opacity: 1;
}
.page-up-btn::after {
top: 3px;
right: 16px;
font-size: 2.8rem;
} .container .mainContent .contentBox .more a,
.container .mainContent .contentBox .top-disease + a,
.container .term-top-content .child + a,
.container .mainContent .contentBox .disease-list + a,
.container .mainContent .contentBox .top-page-link,
.index-name + div > .flex-contents-wrap > div > div + a {
width: 250px;
margin: 20px auto 0;
padding: 8px 5px;
}
.container .mainContent .contentBox .child-term + .more a,
.container .mainContent .contentBox .top-disease + a,
.container .term-top-content .child + a,
.container .mainContent .contentBox .disease-list + a,
.index-name + div > .flex-contents-wrap > div > div + a {
margin: 0 auto;
}
.container .mainContent .contentBox .more a::after,
.container .mainContent .contentBox .top-disease + a::after,
.container .mainContent .contentBox .child + a::after,
.container .mainContent .contentBox .disease-list + a::after,
.container .mainContent .contentBox .top-page-link::after,
.index-name + div > .flex-contents-wrap > div > div + a::after {
margin: 4px 0 0 15px;
} .parent-term ul li,
#home #type div ul li,
#home #type div ul li:nth-of-type(5n),
#attribute div ul li,
#attribute div ul li:nth-of-type(4n),
.term-top-content .child ul li,
.child-symptom ul li,
.other-parent ul li {
width: calc( ( 100% - 9px ) / 2 );
margin: 0 9px 10px 0;
}
.disease-name ul li {
width: calc( ( 100% - 14px ) / 3 );
margin: 0 7px 10px 0;
}
.parent-term ul li:nth-of-type(2n),
#home #type div ul li:nth-of-type(2n),
#attribute div ul li:nth-of-type(2n),
.disease-name ul li:nth-of-type(3n),
.term-top-content .child ul li:nth-of-type(2n),
.child-symptom ul li:nth-of-type(2n),
.other-parent ul li:nth-of-type(2n) {
margin: 0 0 10px 0;
}
#home #type div ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
#home #type div ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type),
#attribute div ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
#attribute div ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type),
.other-parent ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
.other-parent ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type) {
margin: 0 9px 0 0;
}
.disease-name ul li:nth-of-type(3n+1):nth-last-of-type(-n+3),
.disease-name ul li:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ li:not(:last-of-type) {
margin: 0 7px 0 0;
}
#home #type div ul li:last-of-type,
#attribute div ul li:last-of-type,
.other-parent ul li:last-of-type {
margin: 0;
}
.parent-term ul li a,
#home #type div ul li a,
#attribute div ul li a,
.disease-name ul li a,
.term-top-content .child ul li a,
.child-symptom ul li a,
.other-parent ul li a {
padding: 11px 0;
border-radius: 22px;
font-size: 1.4rem;
}
.parent-term ul li a.small-txt,
#home #type div ul li a.small-txt,
#attribute div ul li a.small-txt,
.disease-name ul li a.small-txt,
.term-top-content .child ul li a.small-txt,
.child-symptom ul li a.small-txt,
.other-parent ul li a.small-txt {
padding: 13.5px 0;
font-size: 1.1rem;
}
.parent-term ul li a:hover,
#home #type div ul li a:hover,
#attribute div ul li a:hover,
.disease-name ul li a:hover,
.term-top-content .child a:hover,
.child-symptom ul li a:hover,
.other-parent ul li a:hover,
.parent-term ul li a:active,
#home #type div ul li a:active,
#attribute div ul li a:active,
.disease-name ul li a:active,
.term-top-content .child a:active,
.child-symptom ul li a:active,
.other-parent ul li a:active {
transition: none;
} .child-term ul li,
.child + .top-disease ul li,
.disease-list ul li,
.index-name + div > div ul li,
.top-disease ul li,
.child-symptom + .top-disease ul li,
.disease-display ul li,
.disease-display ul li:nth-of-type(3n),
.rel-disease-bottom ul li,
.rel-disease-bottom ul li:nth-of-type(3n) {
width: calc( ( 100% - 9px) / 2 );
margin: 0 9px 20px 0;
}
.child-symptom + .top-disease ul li:nth-of-type(2n),
.disease-display ul li:nth-of-type(2n),
.rel-disease-bottom ul li:nth-of-type(2n) {
margin: 0 0 20px 0;
}
.disease-display ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
.disease-display ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type),
.child-symptom + .top-disease ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
.child-symptom + .top-disease ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type),
.rel-disease-bottom ul li:nth-of-type(2n+1):nth-last-of-type(-n+2),
.rel-disease-bottom ul li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type) {
margin: 0 9px 0 0;
}
.disease-display ul li:last-of-type,
.child-symptom + .top-disease ul li:last-of-type,
.rel-disease-bottom ul li:last-of-type {
margin: 0;
} .doctor-display,
.new-ranking-content div li,
.recommend-content div li,
#cont .mainContent .top-doctor-display li,
.supervision-column ul li,
.relate-column ul li {
border: 1px solid #4db6ac;
box-shadow: 3px 3px 0 0 #4db6ac;
}
.doctor-display,
.new-ranking-content div li,
#cont .mainContent .top-doctor-display li,
#cont .mainContent.lo2 .doctor-display,
#cont .mainContent ul li:nth-of-type(2n) .doctor-display,
.supervision-column ul li,
.supervision-column ul li:nth-of-type(2n):not(:last-of-type),
.relate-column ul li,
.relate-column ul li:nth-of-type(2n):not(:last-of-type) {
width: auto;
margin: 0 3px 20px 0;
}
.doctor-display:hover,
.new-ranking-content div li:hover,
.recommend-content div li:hover,
#cont .mainContent .top-doctor-display li:hover,
.supervision-column ul li:hover,
.relate-column ul li:hover {
-webkit-transform: translate(3px,3px);
-ms-transform: translate(3px,3px);
transform: translate(3px,3px);
}
ul li:last-of-type .doctor-display,
.new-ranking-content div li:last-of-type,
.recommend-content div li:last-of-type,
#cont .mainContent .top-doctor-display li:last-of-type,
#cont .mainContent ul li:last-of-type .doctor-display,
.supervision-column ul li:last-of-type,
.relate-column ul li:last-of-type {
margin: 0 3px 3px 0;
}
.doctor-display a,
.new-ranking-content div li a,
#cont .mainContent .top-doctor-display li a,
.supervision-column ul li a,
.relate-column ul li a {
padding: 15px;
} .doctor-display img,
#cont .mainContent .top-doctor-display li img {
width: 115px;
}
.doctor-display .top-doctor-profile {
margin: 0 0 0 130px;
}
.doctor-display .top-doctor-profile .name {
margin: 0 0 10px 0;
}
.doctor-display .top-doctor-profile .name span,
#cont .mainContent .top-doctor-display li a .top-doctor-title span {
font-size: 1.3rem;
}
.doctor-display .top-doctor-profile span {
margin: 10px 0;
} .new-ranking-content div li,
.supervision-column ul li,
.relate-column ul li,
.new-ranking-content div li > div,
.new-ranking-content li a {
min-height: auto;
}
.new-ranking-content div:last-of-type li::before {
border-bottom: 50px solid transparent;
border-left: 50px solid #4db6ac;
}
.new-ranking-content div:last-of-type li::after {
top: 10px;
left: 10px;
font-size: 1.8rem;
line-height: 0.6;
}
.new-ranking-content div li .thumb-display,
.supervision-column li .thumb-display,
.relate-column ul li .thumb-display {
width: 120px;
height: 80px;
}
.new-ranking-content div li .column-title,
.mainContent .new-ranking-content div li p,
.supervision-column li a div .column-title,
.supervision-column li a div .column-title + p,
.relate-column ul li a .column-title,
.relate-column ul li a .column-title + p {
width: auto;
margin: 0 0 0 135px;
}
.new-ranking-content div li .column-title,
.supervision-column ul li .column-title,
.relate-column ul li .column-title {
font-size: 1.4rem;
} .recommend-content div li {
width: calc((100% - 15px) / 2 );
min-height: 180px;
margin: 0 12px 15px 0;
}
.recommend-content div li a {
padding: 10px;
}
.recommend-content div li:nth-of-type(2n):not(:last-of-type) {
margin: 0 0 15px 0;
}
.recommend-content div li:nth-of-type(2n+1):nth-last-of-type(-n+2),
.recommend-content div li:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ li:not(:last-of-type) {
margin: 0 12px 3px 0;
}
.recommend-content div li a .thumb-display {
width: 100%;
height: 100px;
margin: 0 0 10px 0;
} .content-banner-box .banner-sp {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.content-banner-box li {
margin: 30px auto 0;
}
#cont .mainContent.single .content-banner-box .banner-sp {
margin: 10px 0 0;
}
.footer-banner-box.slick-dotted.slick-slider,
.container.symptomContent + #footer .footer-banner-box,
.container.bodypartContent + #footer .footer-banner-box {
width: calc( 100% - 16px );
margin: 30px auto;
}
.footer-banner-box .slick-list {
width: 300px;
margin: 0 auto 5px;
}
.footer-banner-box .slick-prev,
.footer-banner-box .slick-next {
z-index: 1;
width: 25px;
height: 25px;
}
.footer-banner-box .slick-prev {
left: 0;
}
.footer-banner-box .slick-next {
right: 0;
}
.footer-banner-box .slick-prev::before,
.footer-banner-box .slick-next::before {
display: block;
opacity: 1;
border-radius: 50%;
background: #4db6ac;
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 2.5rem;
font-weight: 600;
}
.footer-banner-box .slick-prev::before {
content: "\f104";
padding: 0 3px 0 0;
}
.footer-banner-box .slick-next::before {
content: "\f105";
padding: 0 0 0 1px;
}
.footer-banner-box .slick-dots {
bottom: -30px;
margin: 0 0 20px 0;
}
.footer-banner-box .slick-dots li {
margin: 5px 10px 0;
}
.footer-banner-box .slick-dots li,
.footer-banner-box .slick-dots li button {
width: 10px;
height: 10px;
}
.footer-banner-box .slick-dots li button:before {
content: "";
opacity: 1;
width: 10px;
height: 10px;
border: 1px solid #4db6ac;
border-radius: 50%;
box-sizing: border-box;
color: #fff;
line-height: 10px;
}
.footer-banner-box .slick-dots li.slick-active button:before {
opacity: 1;
background: #4db6ac;
} #footer .snsLink {
margin: 0 8px 20px;
}
#footer .snsLink ul li {
width: calc( ( 100% - 14px ) / 3 );
height: 35px;
margin: 0 7px 0 0;
}
#footer .snsLink ul li a::before {
width: 17.5px;
height: 17.5px;
} #footer .search {
margin: 20px 0;
padding: 20px 17.5px;
}
#footer .search #searchform {
width: auto;
}
#footer .search input[type="text"] {
width: calc( 100% - 39px );
height: 40px;
font-size: 1.4rem;
}
#footer .search input[type="submit"] {
width: 40px;
height: 40px;
background-size: 24px;
color: #4db6ac;
}
#footer .search .checkbox {
padding: 0 0 0 25px;
font-size: 1.4rem;
}
#footer .search .checkbox::after {
width: 15px;
height: 15px;
}
#footer .search .checkbox::before {
width: 4px;
height: 11px;
}
#footer .search div.half:nth-of-type(1) {
margin: 0 20px 0 0;
}
#footer .search ul {
width: calc( 100% - 30px);
}
#footer .search ul li {
margin: 0 0 3px 0;
}
#footer .search ul li:nth-of-type(1) {
margin: 0 10px 3px 0;
}
#footer .search ul li:nth-of-type(2) a {
letter-spacing: -0.5px;
}
#footer .search ul li a {
width: 100%;
height: 35px;
padding: 10px 0 0 0;
box-shadow: 0 2px 0 0 #3f958d;
line-height: 1.5;
}
#footer .search ul li a::after {
margin: 1px 0 0 8px;
} .mainContent .index-medical-subjects + .term-top-content > div:first-of-type h2,
.mainContent .index-medical-subjects + .term-top-content > div h2 {
margin: 30px 0 0 0;
}
#cont .mainContent.lo2 .index-medical-subjects + .term-top-content div div:nth-of-type(-n+2) h3,
#cont .mainContent.lo2 .index-medical-subjects + .term-top-content h3 {
margin: 30px 0 10px 0;
}
.container .mainContent .contentBox .disease-list + a,
.index-name + div > .flex-contents-wrap > div > div + a {
width: 100%;
max-width: 335px;
min-height: 45px;
} #type .rel-disease-top ul li {
width: calc( 100% - 3px );
}
#type .rel-disease-top ul li a {
min-height: 114px;
}
#type .rel-disease-top ul li .rel-disease-title,
.supervision-disease ul li a .column-title {
padding: 15px 30px 0 15px;
font-size: 1.6rem;
}
#type .rel-disease-top ul li .rel-disease-title::after,
.supervision-disease ul li a .column-title::after {
top: 15px;
}
#type .rel-disease-top ul li .rel-disease-description,
.supervision-disease ul li a .column-title + p {
padding: 15px;
font-size: 1.3rem;
} .more-content .other-doctor-display {
margin: 20px 0 0 0;
}
#cont .mainContent.lo2 .other-doctor-display li {
display: block;
}
#cont .mainContent .top-doctor-display li img {
float: left;
}
#cont .mainContent .top-doctor-display li a .top-doctor-title {
margin: 0 0 10px 130px;
}
#cont .mainContent .top-doctor-display li a span {
margin: 10px 0 10px 130px;
}
#cont .mainContent .top-doctor-display li a p {
margin: 10px 0 0 130px;
} #cont .mainContent .more-label {
display: block;
width: 100%;
padding: 3px 0;
border: 1px solid #666666;
border-radius: 15px;
color: #666666;
text-align: center;
}
.other-doctor-display + .more-content + .more-label,
.supervision-column #more-check-column:checked ~ .more-label,
#cont .mainContent #more-check-disease:checked ~ .more-label,
.relate-column #more-check-column:checked ~ .more-label {
margin: 20px 0 0 0;
}
#cont .mainContent .more-label::before {
content: "もっと見る";
font-weight: bold;
}
#cont .mainContent .more-label::after {
content: "\e154";
margin: 0 0 0 15px;
font-family: 'eparkfont';
font-size: 1.2rem;
}
#cont .mainContent .more-label.on::before,
#cont .mainContent #more-check-column:checked ~ .more-label::before,
#cont .mainContent #more-check-disease:checked ~ .more-label::before {
content: "閉じる";
}
#cont .mainContent .more-label.on::after,
#cont .mainContent #more-check-column:checked ~ .more-label::after,
#cont .mainContent #more-check-disease:checked ~ .more-label::after {
content: "\e152";
margin: 0 0 0 15px;
font-family: 'eparkfont';
font-size: 1.2rem;
} #cont .mainContent.single .head .photo {
margin: 0 auto;
}
#cont .mainContent.single .head .photo + div h1,
#cont .mainContent.single .head .medical {
width: 100%;
text-align: center;
}
#cont .mainContent.single .head .photo + div {
margin: 15px 0 0 0;
}
#cont .mainContent.single .head .medical {
margin: 15px 0;
}
#cont .mainContent.single .head .medical + .lead-text {
text-align: left;
}
.supervision-column ul li:nth-last-of-type(2),
.relate-column ul li:nth-last-of-type(2) {
margin: 0 5px 25px 0;
}
.supervision-column ul li:nth-of-type(n+4),
.supervision-disease ul li:nth-of-type(n+4),
.relate-column ul li:nth-of-type(n+4) {
display: none;
}
.supervision-column #more-check-column:checked ~ ul li:nth-of-type(n+4),
.supervision-disease #more-check-disease:checked ~ ul li:nth-of-type(n+4),
.relate-column #more-check-column:checked ~ ul li:nth-of-type(n+4) {
display: block;
} #cont .mainContent.single .head .view-count {
display: block;
margin: 10px 0 0 0;
}
#cont .mainContent.single .head .single-top-left {
display: block;
text-align: right;
}
#cont .mainContent.single .head .single-top-right {
margin: 20px 0;
}
#cont .mainContent.single .head .single-top-right li {
width: calc( ( 100% - 29px ) / 3 );
height: 20px;
margin: 0 14.5px 0 0;
}
#cont .mainContent.single .head .single-top-right li a {
font-size: 1.0rem;
line-height: 1;
}
#cont .mainContent.single .head .single-top-right li a::before {
width: 12px;
height: 12px;
}
#cont .mainContent.single .index.index-special,
#cont .mainContent.single .index.index-post {
margin: 0 0 30px 0;
}
#cont .mainContent.single .postBlock  h4 {
margin: 20px 0;
}
#cont .mainContent.single .postBlock > div {
margin: 0 0 20px 0;
}
#cont .mainContent.single .postBlock p + ul,
#cont .mainContent .post .postBlock p + table {
margin: 20px 0;
}
#cont .mainContent .post .postBlock img.alignleft,
#cont .mainContent .post .postBlock img.alignright  {
float: none;
margin: 0 auto;
}
#cont .mainContent .head .lead-display ul li::before,
#cont .mainContent.single .postBlock ul li::before {
width: 9px;
height: 9px;
}
#cont .mainContent .post table,
#cont .mainContent .post table th,
#cont .mainContent .post table thead td,
#cont .mainContent .post table td {
border: 1px solid #e0e0e0;
}
#cont .mainContent .post table th,
#cont .mainContent .post table thead td,
#cont .mainContent .post table td {
padding: 8.5px 3px;
font-size: 1.3rem;
} #cont .mainContent.single .postBlock .refSite {
margin: 20px 0 0 0;
}
#cont .mainContent.single .postBlock #neighbor-clinic-area + .refSite {
margin: -10px 0 0 0;
} .supervision-doctor {
margin: 0 0 30px 0;
}
.supervision-doctor .doctor-display {
flex-direction: column;
padding: 20px;
}
.supervision-doctor .doctor-display img {
float: none;
width: 150px;
margin: 0 auto 20px;
}
.supervision-doctor .doctor-display .top-doctor-profile > span {
margin: 15px 0;
}
.supervision-doctor .doctor-display .top-doctor-profile .name span {
font-size: 1.3rem;
} #cont .mainContent .e-modal-scroller {
padding: 0;
}
#cont .mainContent .recommend-content + section .e-modal-scroller {
margin: 30px 0 0 0;
}
#cont .mainContent .e-popover-modal .e-popover-wrapper {
margin: 20px 0 60px;
} #cont .mainContent.single .head .spelling {
margin: 0 0 10px 0;
}
#cont .mainContent.single .head .other-title-content {
margin: 0 0 15px 0;
}
#cont .mainContent.single .head .other-spelling {
padding: 0 0 0 35px;
font-size: 1.0rem;
} .relate-category .category-all {
flex-direction: column;
margin: 0 0 7px 0;
}
#cont .mainContent .post .relate-category .category-all p {
margin: 0 0 13px 0;
border: none;
}
.relate-category .category-all ul li,
.relate-category .category-all:last-of-type ul li {
margin: 0 20px 16px 0;
}
.relate-category > ul {
margin: 7px 0 0 0;
}
.relate-category > ul li a {
padding: 10px 0 10px 20px;
text-indent: -10px;
}
.relate-category > ul li a::before {
margin: 0 10px 0 0;
}
}
@media screen and (max-width: 320px) {
#footer .search ul {
width: 100%;
}
#footer .snsLink ul li a::before {
margin: 0 5px 0 0;
}
} #cont .mainContent .cta1 { width: 100%; margin: 100px auto 60px; overflow: hidden; border-radius: 20px; }
#cont .mainContent .cta1 .catch { text-align: center; font-weight: bold; color: #fff; font-size: 1.3em; line-height: 2.2em; background-color: #009688; }
#cont .mainContent .cta1 .inner { position: relative; background-color: #e8fdfb; padding: 20px 5%; } #cont .mainContent .cta1 .inner .title { position: relative; display: block; width: 300px; margin: 8px auto 0; } #cont .mainContent .cta1 .inner .description { text-align: center; font-size: 1.2em; color: #4c4c4c; font-weight: bold; border-bottom: 2px solid #009688; }
#cont .mainContent .cta1 .inner .main_title  { text-align: center; font-size: 2.2em; line-height: 1.3; color: #113995; margin: 0px 0 20px; }
#cont .mainContent .cta1 .inner .center { margin: 20px auto; padding: 30px 0 20px; background-color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 10px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px rgba(0,0,0,0.2); }
#cont .mainContent .cta1 .inner .center .img { width: 280px; text-align: center; }
#cont .mainContent .cta1 .inner .center ul   { width: 350px; line-height: 2; }
#cont .mainContent .cta1 .inner .center ul li:before { content: ''; display: inline-block; width: 1em; height: 1em; border-radius: 50%; background-color: #009688; vertical-align: middle; margin-right: 1em; }
#cont .mainContent .cta1 .inner .btn_block { overflow: hidden; margin: 20px 0; }
#cont .mainContent .cta1 .inner .btn_block a.button { display: block; width: 70%; margin: 0 auto; background: #009688; color: #fff; border-bottom: 2px solid #007569; font-size: 1.5em; line-height: 2.2em; text-align: center; border-radius: 4px; }
#cont .mainContent .cta1 .inner .btn_block p { display: block; width: 70%; margin: 8px auto 0; }
#cont .mainContent .cta1 .inner .btn_block p { color: #009688; }
#cont .mainContent .cta1 .inner .btn_block p span { display: inline-block; width: auto; padding: 0 0 0 1em; text-align: left; }
#cont .mainContent .cta1 .inner .btn_block p span a { color: #333; }
#cont .mainContent .cta1 .inner .btn_block p span:before { font-family: "Font Awesome 5 Free"; content:"\f054"; font-weight: 600; font-size: 0.8em; color: #009688; margin-right: 0.2em; }
@media screen and (max-width: 767px){
#cont .mainContent .cta1 { width: 96%; margin: 30px auto; }
#cont .mainContent .cta1 .catch { font-size: 1.1em; line-height: 1.4; padding: 10px 5% 8px; }
#cont .mainContent .cta1 .inner .title { width: 90%; max-width: 270px; padding-left: 60px; }
#cont .mainContent .cta1 .inner .title:before { left: 0px; font-size: 3.6em; }
#cont .mainContent .cta1 .inner .description { font-size: 1.0em; }
#cont .mainContent .cta1 .inner .main_title  { font-size: 1.6em; }
#cont .mainContent .cta1 .inner .center { padding: 20px 4% 16px; }
#cont .mainContent .cta1 .inner .center .img { width: 30%; }
#cont .mainContent .cta1 .inner .center ul   { width: 64%; }
#cont .mainContent .cta1 .inner .btn_block a.button { width: 90%; font-size: 1.2em; line-height: 2.0em; }
#cont .mainContent .cta1 .inner .btn_block p { width: 90%; margin: 16px auto 0; }
} #cont .mainContent .cta2,
#cont .mainContent .cta3 {
width: 100%;
margin: 20px auto 20px;
overflow: hidden;
border-radius: 20px;
}
#cont .mainContent .cta2 .catch,
#cont .mainContent .cta3 .catch {
margin-bottom: 0;
background-color: #009688;
color: #fff;
font-size: 1.3em;
font-weight: bold;
line-height: 2.2em;
text-align: center;
}
#cont .mainContent .cta2 .inner,
#cont .mainContent .cta3 .inner {
position: relative;
padding: 20px 5%;
background-color: #e8fdfb;
} #cont .mainContent .cta2 .inner .title,
#cont .mainContent .cta3 .inner .title {
position: relative;
display: block;
width: 300px;
margin: 8px auto 0;
padding-left: 50px;
}
#cont .mainContent .cta2 .inner .title:before,
#cont .mainContent .cta3 .inner .title:before {
display: block;
position: absolute;
top: 0;
left: -42px;
color: #009688;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-weight: 600;
font-size: 5em;
line-height: 1;
}
#cont .mainContent .cta2 .inner .description,
#cont .mainContent .cta3 .inner .description {
border-bottom: 2px solid #009688;
color: #4c4c4c;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
#cont .mainContent .cta2 .inner .main_title,
#cont .mainContent .cta3 .inner .main_title {
margin: 0px 0 20px;
color: #113995;
font-size: 2.2em;
line-height: 1.3;
text-align: center;
}
#cont .mainContent .cta2 .inner .from_ms,
#cont .mainContent .cta3 .inner .from_ms {
margin: 20px 0;
padding: 10px 5% 10px;
background-color: #fff;
}
#cont .mainContent .cta2 .inner .from_ms p,
#cont .mainContent .cta3 .inner .from_ms p {
font-weight: bold;
}
#cont .mainContent .cta2 .inner .from_ms ul,
#cont .mainContent .cta3 .inner .from_ms ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 20px 0;
}
#cont .mainContent .cta2 .inner .from_ms ul li,
#cont .mainContent .cta3 .inner .from_ms ul li {
width: 48%;
margin-bottom: 10px;
}
#cont .mainContent .cta2 .inner .from_ms ul li a,
#cont .mainContent .cta3 .inner .from_ms ul li a {
display: block;
padding: 10px 1% 10px 4%;
border: 1px solid #ccc;
line-height: 1;
}
#cont .mainContent .cta2 .inner .from_ms ul li a:before,
#cont .mainContent .cta3 .inner .from_ms ul li a:before {
margin-right: 0.4em;
color: #009688;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 600;
font-size: 0.8em;
}
#cont .mainContent .cta2 .inner .from_city,
#cont .mainContent .cta3 .inner .from_city {
margin: 20px 0;
padding: 10px 5% 10px;
background-color: #fff;
}
#cont .mainContent .cta2 .inner .from_city p,
#cont .mainContent .cta3 .inner .from_city p {
font-weight: bold;
}
#cont .mainContent .cta2 .inner .from_city>div,
#cont .mainContent .cta3 .inner .from_city > div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px 20px;
}
#cont .mainContent .cta2 .inner .from_city .btn,
#cont .mainContent .cta3 .inner .from_city .kijinai-cta {
display: block;
height: 44px;
padding: 0 10px;
background-color: #009688;
color: #fff;
line-height: 44px;
text-align: center;
}
#cont .mainContent .cta2 .inner .from_city #core_area,
#cont .mainContent .cta3 .inner .from_city .core_area {
width: 120px;
padding: 10px 32px 10px 12px;
}
#cont .mainContent .cta2 .inner .from_city #core_medical_subjects,
#cont .mainContent .cta3 .inner .from_city .cta_core_medical_subjects {
width: 290px;
padding: 10px 32px 10px 12px;
}
#cont .mainContent .cta2 .inner .from_city #only_medical_subjects,
#cont .mainContent .cta3 .inner .from_city .one_medical_subject {
width: 290px;
padding: 10px 32px 10px 12px;
border: 1px solid #ccc
}
@media screen and (max-width: 767px) {
#cont .mainContent .cta2,
#cont .mainContent .cta3 {
width: 96%;
margin: 30px auto;
}
#cont .mainContent .cta2 .catch,
#cont .mainContent .cta3 .catch {
padding: 10px 5% 8px;
font-size: 1.65rem;
line-height: 1.4;
}
#cont .mainContent .cta2 .inner .title,
#cont .mainContent .cta3 .inner .title {
width: 90%;
max-width: 270px;
padding-left: 60px;
}
#cont .mainContent .cta2 .inner .title:before,
#cont .mainContent .cta3 .inner .title:before {
left: 0px;
font-size: 3.6em;
}
#cont .mainContent .cta2 .inner .description,
#cont .mainContent .cta3 .inner .description {
font-size: 1.0em;
}
#cont .mainContent .cta2 .inner .main_title,
#cont .mainContent .cta3 .inner .main_title  {
font-size: 1.6em;
}
#cont .mainContent .cta2 .inner .from_ms,
#cont .mainContent .cta3 .inner .from_ms {
margin: 10px 0;
padding: 10px 3% 10px;
}
#cont .mainContent .cta2 .inner .from_ms ul,
#cont .mainContent .cta3 .inner .from_ms ul {
padding: 10px 0 0;
}
#cont .mainContent .cta2 .inner .from_city,
#cont .mainContent .cta3 .inner .from_city {
margin: 10px 0;
padding: 10px 3% 10px;
}
#cont .mainContent .cta2 .inner .from_city > div,
#cont .mainContent .cta3 .inner .from_city > div {
padding: 10px 0 0;
}
#cont .mainContent .cta2 .inner .select-wrap,
#cont .mainContent .cta3 .inner .select-wrap {
width: 100%;
margin-bottom: 10px;
}
#cont .mainContent .cta2 .inner .select-wrap2,
#cont .mainContent .cta3 .inner .select-wrap2 {
width: 100%;
margin-bottom: 10px;
}
#cont .mainContent .cta2 .inner .from_city #core_area,
#cont .mainContent .cta3 .inner .from_city .core_area {
width: 100%;
font-size: 15px;
}
#cont .mainContent .cta2 .inner .from_city #core_medical_subjects,
#cont .mainContent .cta3 .inner .from_city .cta_core_medical_subjects,
#cont .mainContent .cta3 .inner .from_city .kijinai-cta
{
width: 100%;
font-size: 15px;
}
#cont .mainContent .cta2 .inner .from_city #only_medical_subjects {
width: 100%;
}
#cont .mainContent .cta2 .inner .from_city .btn {
width: 100%;
}
#cont .mainContent .cta3 .inner .from_city .one_medical_subject {
width: 100%;
margin-bottom: 10px;
}
}
@media screen and (max-width: 520px) {
#cont .mainContent .cta2 .inner .from_ms ul li,
#cont .mainContent .cta3 .inner .from_ms ul li {
width: 100%;
}
}
@media screen and (max-width: 767px){
#cont .mainContent .post #leftContent p.category { position: relative; top: 0; left: 0; width: 100%; height: 24px; line-height: 24px; padding-left: 2%; color: #fff; font-size: 1.2rem; font-weight: bold; }
#cont .mainContent .post #leftContent time { position: absolute; top: 0; right: 7px; line-height: 24px; color: #fff; font-size: 1rem; }
#cont .mainContent .post > div#post-all-box.display-off {
display: none;
}
#cont .mainContent .post > div#post-all-box,
#cont .mainContent .post > div#post-excerpt-box {
margin: 0;
}
#cont .mainContent .post > div #post-all-button {
display: block;
width: 50%;
max-width: 200px;
margin: 0 auto;
padding: 11px 16px;
border: 1px solid #c2c2c2;
border-radius: 4px;
background-color: transparent;
color: #333;
font-size: 14px;
font-weight: normal;
line-height: 18px;
text-decoration: none;
text-align: center;
cursor: pointer;
} .mainContent .dl3box dl  { margin: 16px 2% 16px; }
}
@media screen and (max-width: 375px){
#cont .mainContent .post .postBlock figure { width: 100%; }
#cont .mainContent .post .postBlock figure img { width: 100%; }
#cont .mainContent .post .postBlock figure.alignleft  { float: none; margin-right: 0%; }
#cont .mainContent .post .postBlock figure.alignright { float: none; margin-left: 0%; } #cont .mainContent .post .postBlock .wp-caption { overflow: hidden; } } .mainContent .dl3box dl { overflow: hidden; margin-top: 30px; padding: 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.mainContent .dl3box dt { width: 100%; font-weight: bold; font-size: 1.6rem; margin-top: 1.5em; color: #1b7267; border-bottom: 2px solid #1b7267; }
.mainContent .dl3box dd { position: relative; width: 47%; height: auto; padding-top: 18px; }
.mainContent .dl3box .content { position: relative; height: 100%; width: 100%; }
.mainContent .dl3box .content:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.mainContent .dl3box .content a { position: absolute; z-index: 2; top: 0; left: 0; display: block; color: #555; height: 100%; width: 100%; }
.mainContent .dl3box .content header { position: relative; display: block; float: left; width: 87px; }
.mainContent .dl3box .content header .category { bottom: 0; left: 0; text-align: center; font-size: 1rem; line-height: 1.5; }
.mainContent .dl3box .content header + div { margin-left: 95px; }
.mainContent .dl3box .content header + div.disease { margin-left: 0; }
.mainContent .dl3box .content .excerpt { position: relative; margin: 0; font-size: 1.2rem; }
.mainContent .dl3box .content p.title { position: relative; font-size: 1.4rem; font-weight: bold; line-height: 1.5; height: auto; padding: 1px 0 3px; border-bottom: none; }
hr.blank { border: none; height: 60px; width: 100%; }
#footer .epark_common_footer_apri { display: none; }
@media screen and (max-width: 767px){
.mainContent .dl3box dd { width: 100%; border-bottom: 1px solid #ddd; padding: 8px 0; }
.mainContent .dl3box .content h2 { margin-bottom: 1px; }
#footer .tag { margin: 25px 5%; width: 90%; }
#footer .epark_common_footer_apri { display: block; width: 100%; height: 406px; }
}
@media screen and (max-width: 320px) {
#footer .epark_common_footer_apri { height: 427px; }
} #notFound .contentBox > div:before { position: relative; top: 0; left: 0; display: block; content: '\f06a'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 10em; color: #009688; line-height: 1; }
#notFound .contentBox > div { background-color: #c8ded4; padding: 30px 2%; text-align: center; }
#notFound p.t1 { font-size: 2.0em; line-height: 1.8; margin: 20px auto 0; color: #009688; }
#notFound p.t2 { font-size: 1em; line-height: 1.8; margin: 0px auto 20px; color: #4d4d4d; }
#notFound form a { display: inline-block; height: 30px; width: 130px; color: #fff; margin-left: 6px; border: 1px solid #cecbca; background-color: #009688; line-height: 30px; font-size: 1.2rem; vertical-align: middle; }
#notFound form a:after { position: relative; display: inline-block; width: 0.9em; height: 1em; padding-left: 0.1em; margin-left: 0.5em; border-radius: 50%; content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1em; color: #009688; line-height: 1em; background-color: #fff; text-align: center; }
#notFound form a:hover { opacity:0.60; }
#notFound .searchArea { position: relative; width: 500px; display: inline-block; }
#notFound .searchArea div { display: inline-block; position: relative; width: 300px; }
#notFound .searchArea div input[type="text"] { border: 1px solid #dedede; padding: 0 34px 0 6px; border-radius: 5px; width: 300px; height: 30px; padding-top: 2px; font-size: 1.3rem; }
#notFound .searchArea div input[type="submit"] { position: absolute; z-index: 2; top: 0px; right: 0px; background-color: #009688; border: 1px solid #dedede; border-radius: 5px; width: 30px; height: 30px; text-indent: 200%; white-space: nowrap; overflow: hidden; color: #fff; cursor: pointer; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.8%2016.8%22%20style%3D%22enable-background%3Anew%200%200%2016.8%2016.8%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M16.7%2C15.5l-4.3-4.3c2.1-2.7%2C1.9-6.5-0.6-9c-2.7-2.7-7-2.7-9.6%2C0c-2.7%2C2.7-2.7%2C7%2C0%2C9.6c1.3%2C1.3%2C3.1%2C2%2C4.8%2C2%20c1.5%2C0%2C2.9-0.5%2C4.2-1.4l4.3%2C4.3L16.7%2C15.5z%20M3.3%2C10.6c-2-2-2-5.3%2C0-7.3c1-1%2C2.3-1.5%2C3.6-1.5s2.6%2C0.5%2C3.6%2C1.5c2%2C2%2C2%2C5.3%2C0%2C7.3%20C8.6%2C12.6%2C5.3%2C12.6%2C3.3%2C10.6z%22%2F%3E%3C%2Fsvg%3E'); background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; }
#notFound .searchArea div input[type="submit"]:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
@media screen and (max-width: 767px){
#notFound .contentBox > div:before { font-size: 5em; }
#notFound p { margin: 10px 3%; font-size: 1.0em; }
#notFound .searchArea { position: relative; width: auto; display: inline-block; }
#notFound .searchArea div { max-width: 300px; width: 90%; margin-bottom: 2em; }
#notFound .searchArea div input[type="text"] {  width: 100%; }
#notFound .searchArea div input[type="submit"] { height: 0px; padding-top: 28px; }
} input[type=radio],
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
position: relative;
display: inline-block;
margin: 5px 0px 8px 0;
padding: 0px 0px 0px 28px;
border-radius: 8px;
vertical-align: middle;
cursor: pointer;
}
.checkbox:after {
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
position: absolute;
top: 50%;
left: 5px;
display: block;
margin-top: -6px;
width: 14px;
height: 14px;
border: 1px solid #a9a9a9;
border-radius: 0;
content: '';
}
.checkbox:before {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top: 50%;
left: 9px;
display: block;
margin-top: -6px;
width: 5px;
height: 10px;
border-right: 3px solid #0080cc;
border-bottom: 3px solid #0080cc;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }
.select-wrap {
position: relative;
width: auto;
display: inline-block;
}
.select-wrap:before {
z-index: 1;
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
pointer-events: none;
content: ''; width: 0; border-top: 10px solid #999; border-right: 7px solid transparent; border-bottom: 0px solid transparent; border-left: 7px solid transparent;
}
select{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
outline:none;
-moz-appearance: menulist;
-webkit-appearance: menulist;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
height: auto;
line-height: 1.4em;
padding: 10px 32px 10px 12px;
border: 1px solid #a9a9a9;
color:#333;
width:auto;
border-radius: 0;
font-size: 1em;
}
select option{
background-color: #fff;
color: #333;
}
select::-ms-expand {
display: none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
color:#fff;
}
.select-wrap.select-primary > select{
background:#0084B4;
color:#fff;
border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff;
}
.select-wrap.select-inverse:before{
color:#fff;
}
.select-wrap.select-inverse > select{
color:#fff;
border-color: #fff;
}
.select-wrap.select-inverse > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff;
} .from_city select {
-webkit-appearance: none;
} aside.display-off {
display: none;
} #neighbor-clinic-link {
margin: 0 10px 20px;
padding: 20px 20px 10px;
border-radius: 14px;
background-color: #e8fdfb;
}
#cont .mainContent .post #neighbor-clinic-link h3 {
display: flex;
margin: 0 0 10px;
padding: 0;
border-bottom: none;
font-size: 14px;
line-height: initial;
}
#cont .mainContent .post #neighbor-clinic-link h3::before {
content: '■';
margin: 0 3px 0 0;
}
#neighbor-clinic-link p {
font-size: 14px;
line-height: initial;
}
#neighbor-clinic-link a {
display: block;
margin: 15px auto;
padding: 10px 0;
border-radius: 8px;
background-color: #fe9917;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
text-align: center;
}
#neighbor-clinic-link a::after {
content: "\f13a";
font-family: FontAwesome;
margin: 0 0 0 10px;
}
#neighbor-clinic-link a:hover {
opacity: 1;
} .neighbor-clinic {
margin: 30px 0;
padding: 15px 10px 20px;
border-top: 2px solid #009688;
border-bottom: 2px solid #009688;
background-color: #d5edeb;
}
.neighbor-clinic-area.slider .neighbor-clinic {
padding: 15px 0 20px 10px;
}
#cont .mainContent .postBlock .neighbor-clinic p,
#cont .mainContent .neighbor-clinic p {
margin: 0 0 5px;
padding: 0;
color: #040404;
font-size: 14px;
}
#cont .mainContent .postBlock .neighbor-clinic p a,
.neighbor-clinic p a {
margin: 0;
color: #1573b1;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.neighbor-clinic .neighbor-clinic-header {
display: flex;
justify-content: space-between;
margin: 0 0 15px;
}
.neighbor-clinic-area.slider .neighbor-clinic-header,
.neighbor-clinic-area.slider .neighbor-clinic-header {
margin: 0 10px 15px 0;
}
#cont .mainContent .postBlock .neighbor-clinic .neighbor-clinic-title,
#cont .mainContent .neighbor-clinic .neighbor-clinic-title {
display: flex;
flex: 0 2 auto;
align-content: center;
margin: 0 5px 0 0;
color: #000;
font-size: 14px;
font-weight: bold;
}
#cont .mainContent .postBlock .neighbor-clinic .neighbor-clinic-title::before,
#cont .mainContent .neighbor-clinic .neighbor-clinic-title::before {
content: '■';
margin: 0 3px 0 0;
}
.neighbor-clinic .refresh-button {
display: flex;
flex: 0 0 67.5px;
justify-content: center;
align-content: center;
padding: 5px 0;
height: 23.5px;
border-radius: 10px;
background: #4db6ac;
color: #fff;
font-size: 1.3rem;
line-height: 1;
}
.neighbor-clinic .refresh-button::before {
content: "\e187";
margin: 1px 4.5px 0 0;
font-family: 'eparkfont';
font-weight: bold;
}
.neighbor-clinic-area.slider .neighbor-scroll {
display: flex;
overflow-x: scroll;
}
.neighbor-clinic-area.slider .neighbor-clinic-box {
min-width: 92.554%;
height: 100%;
margin: 0 10px 0 0;
}
.neighbor-clinic-area.slider .neighbor-clinic-box:last-of-type {
position: relative;
width: 100%;
overflow: visible;
}
.neighbor-clinic-area.slider .neighbor-clinic-box:last-of-type::after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 10px;
height: 100%;
background: transparent;
}
.neighbor-clinic .neighbor-clinic-box {
margin: 0 8px 15px;
padding: 10px 10px 20px;
background: #fff;
}
.neighbor-clinic .neighbor-clinic-info-box {
display: flex;
justify-content: space-between;
margin: 0 0 15px;
}
#cont .mainContent .postBlock .neighbor-clinic .neighbor-clinic-name,
#cont .mainContent .neighbor-clinic .neighbor-clinic-name {
background-color: transparent;
}
#cont .mainContent .postBlock .neighbor-clinic .neighbor-clinic-address,
#cont .mainContent .neighbor-clinic .neighbor-clinic-address {
margin: 0;
}
#cont .mainContent .postBlock .neighbor-clinic .distance,
#cont .mainContent .neighbor-clinic .distance {
display: flex;
align-content: center;
}
#cont .mainContent .postBlock .neighbor-clinic .neighbor-clinic-address a,
.neighbor-clinic .neighbor-clinic-address a {
font-weight: normal;
}
#cont .mainContent .neighbor-clinic .neighbor-clinic-info-box img {
width: auto;
height: 70px;
margin: 0 0 4px 10px;
}
#cont .mainContent .neighbor-clinic .distance::before {
content: "\e006";
margin: 0 3px 0 0;
color: #009688;
font-family: 'eparkfont';
font-style: normal;
}
.neighbor-clinic .attention {
margin: 5px 0 10px;
font-size: 12px;
}
.neighbor-clinic .price-btn {
margin: 15px 0;
}
.neighbor-clinic .price-btn a,
.neighbor-clinic .price-btn a:hover {
border: 4px solid #ff7977;
background-color: #ff7977;
color: #fff;
}
.neighbor-clinic .business-day-table {
margin: 0 0 5px;
width: 100%;
border-collapse: collapse;
}
.neighbor-clinic tr th,
.neighbor-clinic tr td {
padding: 3px 2px;
border: 2px solid #e5e5e5;
font-size: 14px;
text-align: center;
}
.neighbor-clinic tr th {
font-weight: bold;
}
.neighbor-clinic tr th.saturday,
.neighbor-clinic tr td:nth-of-type(6) {
color: #6eaaff;
}
.neighbor-clinic tr th.sunday,
.neighbor-clinic tr th.holiday,
.neighbor-clinic tr .close {
color: #fa7387;
font-weight: bold;
}
.neighbor-clinic tr th.saturday,
.neighbor-clinic tr td:nth-of-type(6) {
color: #6eaaff;
font-weight: bold;
}
.neighbor-clinic tr:first-of-type th {
background-color: #f7f7f7;
font-weight: bold;
}
.neighbor-clinic .add_info {
display: block;
margin: 0;
text-align: left;
font-size: 14px;
line-height: 16px;
}
.neighbor-clinic .neighbor-clinic-detail {
margin: 20px 9.5px 0;
text-align: center;
}
.neighbor-clinic .neighbor-clinic-detail a {
display: inline-block;
width: 100%;
margin: 0;
padding: 1.25px 5px;
border-bottom: 2.5px solid #b88118;
border-radius: 22px;
background: #eaa520;
color: #fff;
line-height: 40px;
font-weight: bold;
text-align: center;
text-decoration: none;
box-sizing: border-box;
}
.neighbor-clinic .neighbor-clinic-detail a span {
display: inline-block;
font-size: 14px;
line-height: 21px;
text-align: center;
vertical-align: middle;
}
.neighbor-clinic-area.slider .neighbor-clinic .content-link {
margin: 20px 10px 0 0;
}
.neighbor-clinic .content-link {
margin: 20px 8px 0;
}
.neighbor-clinic .content-link a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 34px;
margin: 0 auto;
border-radius: 7px;
background-color: #4db6ac;
color: #fff;
font-size: 1.5rem;
line-height: normal;
text-align: center;
text-decoration: none;
}
.neighbor-clinic .content-link a::after {
content: "\e153";
margin: 3px 0 0 15px;
font-family: 'eparkfont';
font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
#cont .mainContent .neighbor-clinic .neighbor-clinic-info-box img {
height: 150px;
}
.neighbor-clinic .reserve_area {
padding: 26px 20px;
}
.neighbor-clinic .reserve_area .availability .enable-wrapper {
display: inline-block;
}
.neighbor-clinic .tel-reserve-note-link {
max-width: 20em;
margin: 10px 0 0;
padding: 0;
}
.neighbor-clinic .tel-reserve-note-popup {
bottom: 35px;
left: -5px;
max-width: 356px;
margin-right: auto;
}
.add_info {
width: 100%;
margin: 4px 0 0 4px;
}
.neighbor-clinic .price-btn {
margin: 15px auto;
}
}
@media screen and (max-width: 767px) {
.neighbor-clinic .neighbor-clinic-detail a span {
max-width: 270px;
}
} #cont .mainContent .post .plus-blog-card {
width: 130px;
background: #4db6ac;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.75;
text-align: center;
}
.features-title a,
.disease-title a,
#cont .mainContent.single .postBlock .features-title a,
#cont .mainContent.single .postBlock .disease-title a {
display: inline-block;
width: 100%;
height: 100%;
margin: 0;
padding: 13px 10px 13px 0;
border: 1px solid #4db6ac;
border-radius: 0 10px 10px 10px;
color: #666;
text-decoration: none;
}
.features-title a::before,
.disease-title a::before {
padding: 20px 10px;
font-family: 'eparkfont';
vertical-align: middle;
}
.features-title a::before {
content: "\e182";
font-size: 24px;
}
.disease-title a::before {
content: "\e052";
font-size: 28px;
}
.blog-card-wrapper + br + .blog-card-wrapper {
margin: 6px 0 0 0;
}
.blog-card-wrapper + .blog-card-wrapper,
.head .lead-text .blog-card-wrapper:first-of-type {
margin: 30px 0 0 0;
}
.blog-card-wrapper .blog-card-title {
display: inline-block;
max-width: 69%;
margin: 0 40px 0 0;
font-weight: bold;
vertical-align: middle;
line-height: 1.3;
}
.blog-card-wrapper .more-blog-card {
display: inline-block;
padding: 1.5px 16.24px;
border-radius: 30px;
background: #4db6ac;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
}
.lead-text .blog-card-wrapper .blog-card-title {
max-width: 55%;
margin: 0 20px 0 0;
}
.blog-card-wrapper .more-blog-card::after {
content: "\f054";
margin: 0 0 0 10px;
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 1.6rem;
font-weight: 600;
}
@media screen and (max-width: 767px) {
#cont .mainContent .post .plus-blog-card {
width: 115px;
border-radius: 7px 7px 0 0;
font-size: 1.2rem;
line-height: 1.74;
}
.blog-card-wrapper,
.blog-card-wrapper + .blog-card-wrapper {
margin: 20px 0 0 0;
}
.blog-card-wrapper + br + .blog-card-wrapper {
margin: 0;
}
.features-title a,
.disease-title a,
#cont .mainContent.single .postBlock .features-title a,
#cont .mainContent.single .postBlock .disease-title a {
border-radius: 0 7px 7px 7px;
padding: 0;
}
.features-title a::before,
.disease-title a::before {
padding: 10px 13.5px;
font-size: 20px;
}
.lead-text .blog-card-wrapper .blog-card-title,
.blog-card-wrapper .blog-card-title {
max-width: 83%;
margin: 10px 0;
font-size: 1.4rem;
line-height: 1.5;
}
.blog-card-wrapper .more-blog-card {
display: block;
width: 100%;
height: 22px;
padding: 0;
border-radius: 0 0 6px 6px;
font-size: 1.2rem;
line-height: 1.6;
text-align: center;
}
.blog-card-wrapper .more-blog-card::after {
display: none;
}
} .fast-doctor-content {
position: relative;
width: 930px;
margin: 20px auto 0;
padding: 15px 10px;
border: 2px solid #009688;
background: linear-gradient( 110deg, #fcfcfc 50%, #e6f5f3 50% );
font-size: 1.3rem;
}
.fast-doctor-content.pc-display {
height: 138px;
}
#footer .fast-doctor-content {
margin: 0 auto 10px;
}
.fast-doctor-content-left {
float: left;
width: 457px;
}
.fast-doctor-content-left p {
line-height: 1;
}
.fast-doctor-title {
margin: 0 0 10px 24px;
color: #009688;
font-size: 2.2rem;
font-weight: bold;
}
.fast-doctor-content .tel-number {
margin: 10px 0 0 22px;
font-size: 0;
font-weight: bold;
}
.fast-doctor-content .tel-number p {
display: inline-block;
width: 79%;
margin: 5px 0 0 0;
font-size: 3.2rem;
line-height: 20px;
letter-spacing: 1px;
text-align: center;
}
.fast-doctor-content .tel-number::before,
.fast-doctor-content .call-tap-btn::before {
content: "\e132";
display: inline-block;
transform: rotate( -20deg );
margin: 0 9px 0 0;
color: #fff;
font-family: 'eparkfont';
font-size: 1.4rem;
font-weight: normal;
line-height: 1.8;
text-align: center;
vertical-align: top;
}
.fast-doctor-content .tel-number::before {
width: 32px;
height: 32px;
border-radius: 50%;
background: #009688;
line-height: 32px;
}
.fast-doctor-content .tel-number span {
display: inline-block;
margin: 7px 0 0 0;
font-size: 1.4rem;
line-height: 1;
text-align: center;
}
.fast-doctor-content ul {
margin: 7px 0 7px 475px;
padding: 0 0 0 12px;
text-indent: -12px;
}
.fast-doctor-content ul li {
color: #444444;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 1px;
}
.fast-doctor-content ul li a {
color: #0679b2;
text-decoration: underline;
}
.fast-doctor-content .fast-doctor-img {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
width: 140px;
height: 98px;
background: url(//byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/img/common/fast_doctor_img.png) no-repeat;
background-size: contain;
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.fast-doctor-content {
margin: 20px 15px 0;
}
}
@media screen and (max-width: 767px) {
.fast-doctor-content.sp-display {
display: block;
width: calc( 100% - 16px );
margin: 15px auto 0;
padding: 0;
border: 1px solid #46aca2;
background: #e6f5f3;
}
.fast-doctor-content.sp-display + .breadcrumb-area {
margin: 15px 8px 20px;
}
#footer .fast-doctor-content.sp-display {
margin: 20px auto;
}
.fast-doctor-content.sp-display .bg-fast-doctor-title {
background: #46aca2;
}
.fast-doctor-content.sp-display .wrap-fast-doctor-title {
position: relative;
width: 263px;
margin: auto;
}
.fast-doctor-content.sp-display .fast-doctor-title {
width: 176px;
margin: 0;
padding: 10px 0 8px 0;
color: #ffffff;
font-size: 1.6rem;
text-align: center;
line-height: inherit;
}
.fast-doctor-content.sp-display .fast-doctor-title span {
font-size: 2.0rem;
}
.fast-doctor-content.sp-display .fast-doctor-img {
bottom: 1px;
width: 84px;
height: 58px;
margin: 0 0 0 3px;
}
.fast-doctor-content.sp-display ul {
margin: 10px;
}
.fast-doctor-content.sp-display .call-tap-btn {
display: block;
margin: 0 9px 10px;
padding: 8px;
border-bottom: 3px solid #ae791b;
border-radius: 28px;
background: #f9ad27;
color: #ffffff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.fast-doctor-content.sp-display .call-tap-btn::before {
margin: 0 5px 0 0;
font-size: 2.0rem;
vertical-align: -2px;
}
.fast-doctor-content.sp-display .call-tap-btn span {
display: inline-block;
margin: 0 0 0 15px;
padding: 5px 16px;
border-radius: 10px;
background: #ffffff;
color: #f4b84f;
font-size: 1.2rem;
line-height: 0.95;
vertical-align: middle;
}
} .flex-contents-wrap {
width: 100%;
display: flex;
margin: 0;
}
.term-top-content > .flex-contents-wrap + div > div {
width: 100%;
}
div[data-cptid]::before {
content: 'スポンサーリンク';
display: block;
color: #999;
font-size: 1.2rem;
text-align: center;
}  div[data-cptid="1533721"]::before,
div[data-cptid="1533722"]::before,
div[data-cptid="1533723"]::before,
div[data-cptid="1533724"]::before,
div[data-cptid="1533725"]::before,
div[data-cptid="1533726"]::before,
div[data-cptid="1533727"]::before,
div[data-cptid="1533728"]::before,
div[data-cptid="1533729"]::before,
div[data-cptid="1533730"]::before,
div[data-cptid="1533731"]::before,
div[data-cptid="1533732"]::before,
div[data-cptid="1533733"]::before,
div[data-cptid="1533734"]::before,
div[data-cptid="1533735"]::before,
div[data-cptid="1533736"]::before,
div[data-cptid="1533737"]::before {
display: none;
} div[data-cptid="1501165"]::before,
div[data-cptid="1500544"]::before,
div[data-cptid="1500561"]::before,
div[data-cptid="1500574"]::before,
div[data-cptid="1510657"]::before,
div[data-cptid="1510661"]::before,
div[data-cptid="1510669"]::before,
div[data-cptid="1510673"]::before,
div[data-cptid="1510677"]::before,
div[data-cptid="1510681"]::before,
div[data-cptid="1510685"]::before,
div[data-cptid="1510692"]::before,
div[data-cptid="1510696"]::before,
div[data-cptid="1510703"]::before,
div[data-cptid="1510709"]::before,
div[data-cptid="1510716"]::before,
div[data-cptid="1510720"]::before {
display: none;
}
  .sliderContainer { width: 100%; min-width: 980px; height: 328px; overflow: hidden; }
.slider { display: block; width: 100%; height: 328px; max-width: 960px; margin: 0 auto 0; }
.slider img { width: 100%; height: auto; }
.sliderContainer .slick-list { overflow: visible; }
.slider .slick-slide { position: relative; width: 580px; height: 328px; background-color: #eee; margin: 0 25px; border: 1px solid #ddd; }
.slider .slick-slide .title { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 79px; padding: 18px 18px; font-size: 18px; line-height: 20px; font-weight: bold; color: #fff; background: rgba(0, 0, 0, 0.65); } @media screen and (max-width: 767px) {
.sliderContainer { width: 100%; min-width: 100%; height: auto; overflow: hidden; margin-bottom: 40px; }
.slider { height: auto; }
.slider .slick-slide { width: 80%; height: auto; margin: 0 5px; }
.slider .slick-slide a { display: block; width: 100%; padding-top: 61.666667%; -webkit-box-sizing: inherit; box-sizing: content-box; }
.slider .slick-slide a img  { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .slider .slick-slide .title { font-size: 1.3rem; height: auto; padding: 8px; }
}
 .slick-loading .slick-list {
background: #fff url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/fonts/slick.eot);
src: url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/fonts/slick.woff) format("woff"), url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/fonts/slick.ttf) format("truetype"), url(https://byouki-scope.stg-column02.com/wp-content/themes/byouki-scope_230126/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }.post-views.entry-meta>span{margin-right:0!important;font:16px/1}.post-views.entry-meta>span.post-views-icon.dashicons{display:inline-block;font-size:16px;line-height:1;text-decoration:inherit;vertical-align:middle}