@charset "UTF-8";

#side .side-title, .head-toggle-area #gmenu .gmenu-list .gmenu-item .menu-link .menu-en, #footer .en, #footer .kana {
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@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;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 62.5%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
text-align: left;
background-color: #fff;
word-wrap: break-word;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
clear: both;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
padding: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #a37e39;
text-decoration: none;
background-color: transparent;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #333;
text-align: left;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
cursor: pointer;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.epark-slider {
position: relative;
}
.epark-slider .slide > * {
display: block;
margin: 0 auto;
}
.epark-slider .slide-container {
position: relative;
width: 100%;
overflow: hidden;
}
.epark-slider .slide-container .slide-list-inner {
position: relative;
transition: .5s ease;
padding: 0;
list-style: none;
}
.epark-slider .slide-container .slide-list-inner .slide {
display: block;
float: left;
text-align: center;
list-style: none;
}
.epark-slider .slide-container .slide-list-inner .slide img {
display: block;
width: 100%;
margin: 0 auto;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
}
.epark-slider .arrow-area .arrow-btn {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
padding: 0;
overflow: hidden;
background: inherit;
border: none;
border-radius: 40px;
color: #fff;
cursor: pointer;
}
.epark-slider .arrow-area .arrow-btn.off {
cursor: default;
}
.epark-slider .arrow-area .arrow-btn:focus {
outline: none;
}
.epark-slider .arrow-area .arrow-btn.prev {
left: 10px;
}
.epark-slider .arrow-area .arrow-btn.next {
right: 10px;
}
.epark-slider .arrow-area .arrow-btn:before {
content: "";
display: block;
width: 100%;
height: 100%;
font-family: 'eparkfont';
font-size: 2rem;
line-height: 40px;
}
.epark-slider .arrow-area .arrow-btn.prev::before {
content: "\e155";
}
.epark-slider .arrow-area .arrow-btn.next::before {
content: "\e153";
}
.epark-slider .dot-inner {
display: block;
padding: 10px 0 0;
font-size: 0rem;
line-height: 1;
text-align: center;
}
.epark-slider .dot-inner .dot-item {
display: inline-block;
width: 13px;
height: 13px;
margin: 0 0 0 10px;
background: #f3f3f3;
border-radius: 15px;
cursor: pointer;
}
.epark-slider .dot-inner .dot-item.active {
background-color: #d2c094;
}
.epark-slider .dot-inner .dot-item:first-child {
margin: 0;
} .epark-slider.extend-slider .arrow-area .arrow-btn {
opacity: 0.8;
background-color: #999;
}
.epark-slider.extend-slider .arrow-area .arrow-btn:hover {
opacity: 1;
}
.epark-slider.extend-slider .slide-container .slide-list-inner .slide > * {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: .5s ease;
transition: .5s ease;
}
.epark-slider.extend-slider .slide-container .slide-list-inner .slide.active > * {
-webkit-transform: none;
transform: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.aligncenter {
display: block;
clear: both;
margin-left: auto;
margin-right: auto;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.none-content-caution {
padding: 10px;
font-size: 1.4rem;
}
input:placeholder-shown {
color: #757575;
font-size: 1.4rem;
}
input::-webkit-input-placeholder {
color: #757575;
font-size: 1.4rem;
}
input:-moz-placeholder {
opacity: 1;
color: #757575;
font-size: 1.4rem;
}
input::-moz-placeholder {
opacity: 1;
color: #757575;
font-size: 1.4rem;
}
input:-ms-input-placeholder {
color: #757575;
font-size: 1.4rem;
}
.display-none {
display: none;
}
.pc-display {
display: none;
}
.sp-display {
display: block;
}
#content .wrap {
position: relative;
display: block;
}
#main {
margin: 0 0 30px;
width: 100%;
}
#side {
margin: 0 0 20px;
width: 100%;
}
#side > * {
margin: 0 10px 30px;
}
#side > *:last-child {
margin: 0 10px;
}
#side ul {
list-style: none;
}
#side .side-title {
height: 60px;
margin: 0 0 10px;
padding: 0;
border-top: 2px solid #d2c094;
border-bottom: 2px solid #d2c094;
background-size: 46px 34px;
line-height: 60px;
text-align: center;
}
#side .side-title .title-inner {
display: inline;
vertical-align: middle;
}
#side .side-title .en {
font-size: 2.2rem;
}
#side .side-title .kana {
font-size: 1.8rem;
}
#side .side-title.ranking-post-title, #side .side-title.summary-post-title {
margin: 0;
}
#side .side-title.tag-list-title {
height: auto;
margin: 0 0 25px;
border: none;
background: none;
line-height: 1;
}
#side .side-title.tag-list-title .kana {
letter-spacing: -2px;
}
#side .side-title.supervise-title .en {
font-size: 2rem;
}
#side .side-content-area.ranking-post {
margin: 50px 10px 60px;
}
#side .side-content-area.slide-area {
margin: 0 10px 17px;
}
amp-list {
min-height: 1px;
}
.amp-list-common > div[role=list] {
position: relative;
height: auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption p {
display: none;
}
.wp-caption .wp-caption-text {
display: block;
text-align: center;
}
.aco-input {
display: none;
}
.aco-btn {
cursor: pointer;
}
.aco-box {
height: 0;
overflow: hidden;
opacity: 0;
transition: .3s ease;
}
.aco-box.on {
height: auto;
overflow: visible;
opacity: 1;
}
.sp_btn.aco-btn:after {
content: "▼";
font-size: 15px;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
.sp_btn.aco-btn.on::after {
content: "▲";
}
.page-guide {
display: none;
}
#side .side-title {
background: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/icon/title_deco_sp.png) no-repeat right bottom;
background-size: 46px 34px;
}
#side .side-title .kana {
background: rgba(255, 255, 255, 0.8);
}
.page-top-btn {
display: block;
opacity: 0;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 10;
width: 56px;
height: 56px;
padding: 13px 0 0;
border-radius: 100px;
background-color: #a37e39;
color: #fff;
text-decoration: none;
text-align: center;
}
.page-top-btn span {
display: block;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
line-height: 1;
}
.page-top-btn span:after {
content: "\e167";
display: block;
font-family: 'eparkfont';
font-size: 2rem;
}
.page-top-btn {
display: none;
}
.page-top-btn.on {
display: block;
opacity: 1;
}
.single-post .page-top-btn {
bottom: 90px;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#header .header-top-area {
padding: 3px 10px;
border-bottom: none;
background-color: #fff;
}
#header .header-top-area #epark-logo {
width: 76px;
height: 36px;
}
#header .header-top-area #epark-logo a {
position: relative;
height: 36px;
}
#header .header-top-area #epark-logo * {
display: block;
width: 76px;
height: 36px;
}
#header .emergency-notice {
display: block;
width: auto;
margin: 8px;
padding: 8px;
border: 1px solid #C00;
font-size: 12px;
}
#header .emergency-notice a {
color: #C00;
}
#header .emergency-notice a:hover {
text-decoration: underline;
}
#header .header-bottom-area {
position: relative;
flex-wrap: wrap;
height: 60px;
padding: 10px;
background-color: #e6d8d8;
text-align: center;
}
#header .header-bottom-area #site-logo {
flex: 0 1 100%;
margin: 0;
height: 40px;
font-weight: normal;
line-height: 0;
}
#header .header-bottom-area #site-logo a {
display: block;
width: 200px;
height: 40px;
}
#header .header-bottom-area #site-logo a img {
width: 200px;
height: 40px;
}
.input-toggle {
display: none;
}
.search-toggle-btn {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 10px 10px 0 0;
width: 50px;
height: 50px;
font-size: 2.9rem;
}
.search-toggle-btn::before {
content: "\e010";
display: block;
width: 100%;
height: 100%;
color: #333;
font-family: "eparkfont";
}
.header-search-area {
margin: 0;
background: #e6d8d8;
}
.header-search-area .header-form {
padding: 0 10px;
width: 100%;
height: auto;
}
.header-search-area .header-form::before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
box-shadow: 0 1px 2px #ccc;
}
.head-toggle-area {
position: relative;
width: 100%;
height: 0;
z-index: 5;
overflow: hidden;
transition: .3s ease;
background-color: #e6d8d8;
box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.3);
}
.head-toggle-area::before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
box-shadow: 0 1px 2px #ccc;
}
.head-toggle-area #gmenu .gmenu-list {
display: flex;
flex-wrap: wrap;
margin: 15px 0 0 0;
padding: 0;
width: 100%;
}
.head-toggle-area #gmenu .gmenu-list .gmenu-item {
width: calc( ( 100% - 8px ) / 2);
border: 1px solid #cacaca;
background-color: #fff;
}
.head-toggle-area #gmenu .gmenu-list .gmenu-item:first-of-type {
margin: 0 8px 0 0;
}
.head-toggle-area #gmenu .gmenu-list .gmenu-item .menu-link {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 10px 0;
color: #333;
}
.head-toggle-area #gmenu .gmenu-list .gmenu-item .menu-link .menu-en {
font-size: 2rem;
line-height: 1;
}
.head-toggle-area #gmenu .gmenu-list .gmenu-item .menu-link .menu-ja {
font-size: 0.6rem;
line-height: 1;
}
.head-toggle-area .search-form-inner,
.head-toggle-area .search-input,
.head-toggle-area .input.search-input[type="text"],
.head-toggle-area .search-submit-btn {
background-color: #fff;
}
.head-toggle-area .search-form-inner {
border: 1px solid #cacaca;
}
#search-toggle:checked ~ .head-toggle-area {
position: absolute;
top: 60px;
left: 0;
height: auto;
padding: 15px 10px;
overflow: visible;
}
#search-toggle:checked ~ .search-toggle-btn::before {
content: '\e040';
font-weight: bold;
} .breadcrumb-area {
margin: 10px;
}
.breadcrumb {
margin: 0;
padding: 0;
color: #333;
font-size: 0;
line-height: 1;
list-style: none;
}
.bread-item {
display: inline-block;
margin: 0 5px 0 0;
}
.bread-item:after {
content: "";
display: inline-block;
transform: rotate(-45deg);
margin: 0 0 0 5px;
width: 7px;
height: 7px;
border-right: 1px solid #9e9e9e;
border-bottom: 1px solid #9e9e9e;
}
.bread-item:last-child {
display: inline;
color: #333;
}
.bread-item:last-child::after {
display: none;
}
.bread-item a {
color: #333;
}
.bread-name {
font-size: 1.2rem;
line-height: 14px;
}
.jima-box {
flex: 0 0 385px;
}
.jima-box .jima-link {
align-items: center;
color: #333;
}
.jima-box .jima-link .jima-image {
width: 100%;
}
.jima-box .jima-link .jima-text {
margin: 0;
padding: 0 0 0 5px;
font-size: 1.2rem;
line-height: 1.4;
vertical-align: middle;
}
.sns-btn-list {
justify-content: space-between;
align-items: center;
margin: 0;
padding: 0 10px;
list-style: none;
}
.sns-btn-list .sns-btn {
width: 24%;
line-height: 22px;
text-align: center;
}
.sns-btn-list .sns-btn .sns-link {
display: block;
width: 100%;
height: 22px;
overflow: hidden;
color: #fff;
border-radius: 2px;
font-size: 1.2rem;
}
.sns-btn-list .sns-btn .sns-link:hover {
text-decoration: none;
}
.sns-btn-list .sns-btn .sns-link:before {
display: block;
font-family: 'eparkfont';
}
.sns-btn-list .sns-btn .sns-link.facebook::before {
content: "\e140";
background-color: #3c5997;
}
.sns-btn-list .sns-btn .sns-link.twitter::before {
content: "\e142";
background-color: #1ea0f2;
}
.sns-btn-list .sns-btn .sns-link.hatena::before {
content: "\e143";
background-color: #00a3dd;
}
.sns-btn-list .sns-btn .sns-link.line::before {
content: "\e200";
background-color: #00b900;
font-size: 1.4rem;
}
.side-content-area.tag-list {
padding: 30px 10px;
border: 2px solid #f3f3f3;
}
.recommend-tags {
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.recommend-tags .tag-cloud-link {
height: 18px;
margin: 0 10px 10px 0;
padding: 1px 11px 1px 10px;
background-color: #f3f3f3;
border-radius: 10px;
color: #198772;
font-size: 1rem;
line-height: 18px;
text-align: left;
}
.recommend-tags .tag-cloud-link::before {
content: "#";
margin: 0 2px 0 0;
color: inherit;
font-size: 1rem;
}
.supervise-list-inner {
flex-wrap: wrap;
margin: 0 0 10px;
padding: 10px;
background-color: #f3f3f3;
border-radius: 2px;
}
.supervise-list-inner.on .doctor-profile-button::after {
content: "\e150";
}
.supervise-image {
flex: 0 0 100px;
position: relative;
height: 100px;
margin: 0 10px 0 0;
border: 1px solid #fff;
}
.supervise-image * {
display: block;
width: 100%;
}
.supervise-content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
font-size: 1.2rem;
}
.supervise-content a {
display: inline-block;
color: #a37e39;
font-size: 1rem;
font-weight: bold;
}
.supervise-content a:hover {
color: #a37e39;
}
.supervise-content .doctor-name {
display: block;
margin: 0 0 25px;
font-size: 1.6rem;
color: #333;
font-weight: bold;
}
.supervise-content .doctor-name span {
padding: 0 5px 0 0;
font-size: 1rem;
font-weight: normal;
}
.supervise-content .doctor-profile-button {
align-self: flex-end;
margin: 0 0 0 10px;
color: #198772;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
}
.supervise-content .doctor-profile-button:after {
content: "\e148";
margin: 0 0 0 3px;
font-family: "eparkfont";
font-size: 1rem;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
.supervise-content .doctor-profile-button.on::after {
content: "\e150";
}
.doctor-profile-detail {
flex: 0 0 100%;
height: 0;
margin: 0;
padding: 0 20px;
overflow: hidden;
background-color: #fff;
font-size: 1.2rem;
}
.doctor-profile-detail.on {
height: auto;
margin: 10px 0 0;
padding: 20px;
overflow: visible;
}
.doctor-profile-detail .profile-subject {
font-size: 1.2rem;
color: #333;
font-weight: bold;
}
.doctor-profile-detail ul {
padding: 0;
}
.doctor-profile-detail li {
position: relative;
margin: 0 0 3px;
padding: 0 0 0 15px;
color: #333;
font-size: 1.2rem;
}
.doctor-profile-detail li:before {
content: "・";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.search-form-inner {
border-radius: 17px;
overflow: hidden;
}
.search-form-inner input.search-input {
flex: 1;
width: 100%;
padding: 3px 10px;
border: none;
font-size: 1.6rem;
vertical-align: middle;
}
.search-form-inner input.search-input:focus {
outline: 0;
}
.search-form-inner .search-submit-btn {
flex: 0 0 34px;
height: 34px;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
border-radius: 0;
font-size: 1.8rem;
line-height: 34px;
}
.search-form-inner .search-submit-btn::before {
content: "\e010";
display: block;
width: 100%;
height: 100%;
color: #333;
font-family: "eparkfont";
}
.search-form-inner .search-submit-btn:focus {
outline: 0;
}
#side-searchform {
padding: 0 10px;
}
#page404-searchform .search-form-inner .search-input {
background-color: #fff;
}
.side-post-list {
counter-increment: ranking;
margin: 0;
padding: 10px 10px 11px;
}
.side-post-list:first-child {
padding: 15px 10px 11px;
}
.side-post-list:last-child {
margin: 0;
}
.side-post-list .post-thumbnail {
position: relative;
width: 68px;
height: 68px;
margin: 0 10px 0 0;
overflow: hidden;
}
.side-post-list .side-post-content {
flex: 1;
width: 100%;
}
.side-post-list .post-title {
margin: 0 0 10px;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.3;
}
.side-post-list .post-title a {
color: #333;
}
.side-post-list a {
color: inherit;
}
.side-post-list a:hover {
color: inherit;
}
.side-post-list .meta {
justify-content: space-between;
align-items: center;
}
.side-post-list .taxonomy-list {
flex-wrap: wrap;
width: 100%;
margin: 0 0 15px;
padding: 0;
list-style: none;
}
.side-post-list .taxonomy-list .cat {
margin: 0 5px 0 0;
}
.side-post-list .taxonomy-list .cat:last-child {
margin: 0;
}
.side-post-list .taxonomy-list .cat a {
display: block;
height: 18px;
padding: 0 7px 0 6px;
border-radius: 10px;
background-color: #f3f3f3;
color: #198772;
font-size: 1rem;
line-height: 18px;
}
.side-post-list .taxonomy-list .cat a::before {
content: "#";
}
.post-list-area {
counter-reset: ranking;
}
.ranking-post .side-post-list {
border: none;
overflow: hidden;
}
.ranking-post .post-thumbnail {
overflow: visible;
}
.ranking-post .post-thumbnail a::before, .ranking-post .post-thumbnail a::after {
display: block;
position: absolute;
}
.ranking-post .post-thumbnail a::before {
content: "";
top: -18px;
left: -4px;
z-index: 1;
transform: rotate(45deg);
width: 20px;
height: 52px;
border-right: 1px solid #333;
background-color: #fff;
}
.ranking-post .post-thumbnail a::after {
content: counter(ranking);
top: -8px;
left: -3px;
z-index: 2;
color: #333;
font-size: 1.8rem;
}
.side-content-area.banner-block {
margin: 0 0 30px !important;
background-color: #f3f3f3;
}
.side-content-area.banner-block .banner-inner {
padding: 30px 10px 0;
border-top: 2px solid #d2c094;
background-color: #fff;
}
.side-content-area.banner-block img {
display: block;
margin: 0 auto;
}
.banner-content {
font-size: 1.2rem;
} #side .area-list .area-list-title {
margin: 0;
}
#side .area-list .menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#side .area-list .menu-list li {
display: block;
width: 50%;
height: 74px;
border-right: 1px solid #d2c094;
border-bottom: 1px solid #d2c094;
}
#side .area-list .menu-list li:nth-child(2n) {
border-right: none;
}
#side .area-list .menu-list li a {
display: block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 1;
text-align: center;
}
#side .area-list .menu-list li a:before {
display: inline-block;
width: 52px;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
content: "";
vertical-align: middle;
}
#side .area-list .menu-list li a span {
display: inline-block;
width: 56px;
color: #555555;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
}
#side .area-list .menu-list li.hokkaido_tohoku a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/hokkaido.png);
}
#side .area-list .menu-list li.kanto a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kanto.png);
}
#side .area-list .menu-list li.chubu a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/chubu.png);
}
#side .area-list .menu-list li.kinki a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kinki.png);
}
#side .area-list .menu-list li.chugoku_shikoku a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/chugoku.png);
}
#side .area-list .menu-list li.kyushu a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kyushu.png);
}
#side .area-list .area-more-btn {
margin: 10px 10px 0 0;
text-align: right;
font-size: 1.4rem;
}
#side .area-list .area-more-btn a {
color: #555555;
}  #side .sp-area-list .area-list-title {
margin: 0;
}
#side .sp-area-list .menu-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
overflow: hidden;
}
#side .sp-area-list .menu-list .accshow {
visibility: hidden;
}
#side .sp-area-list .menu-list .added {
visibility: visible;
}
#side .sp-area-list .menu-list li {
display: block;
width: 50%;
height: 74px;
border-right: 1px solid #d2c094;
border-bottom: 1px solid #d2c094;
}
#side .sp-area-list .menu-list li:nth-child(2n) {
border-right: none;
}
#side .sp-area-list .menu-list a {
display: block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 1;
text-align: center;
}
#side .sp-area-list .menu-list li a:before {
display: inline-block;
width: 52px;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
content: "";
vertical-align: middle;
}
#side .sp-area-list .menu-list li a span {
display: inline-block;
width: 56px;
color: #555555;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.3;
vertical-align: middle;
}
#side .sp-area-list .menu-list li.hokkaido_tohoku a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/hokkaido.png);
}
#side .sp-area-list .menu-list li.kanto a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kanto.png);
}
#side .sp-area-list .menu-list li.chubu a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/chubu.png);
}
#side .sp-area-list .menu-list li.kinki a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kinki.png);
}
#side .sp-area-list .menu-list li.chugoku_shikoku a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/chugoku.png);
}
#side .sp-area-list .menu-list li.kyushu a::before {
background-image: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/pref/kyushu.png);
}
#side .sp-area-list .area-more-btn {
margin: 10px 10px 0 0;
text-align: right;
font-size: 1.4rem;
}
#side .sp-area-list .area-more-btn a {
color: #555555;
}
.footer-content.wrap {
margin: 10px auto;
padding: 0 10px;
}
.notice-post {
margin: 10px 10px;
border: 1px solid #f3f3f3;
color: #333;
}
.notice-post dl {
margin: 0;
padding: 10px;
background-color: #fff;
text-align: center;
line-height: 1.7;
}
.notice-post dt {
margin: 15px 0 13px;
font-size: 1.4rem;
}
.notice-post dd {
margin: 0 0 10px;
font-size: 1rem;
}
#footer {
margin: 30px 0 0;
background-color: #fff;
color: #fff;
}
#footer .side-content {
padding: 0 10px;
}
#footer .foot-content-area {
padding: 0 10px;
}
#footer ul {
padding: 0;
list-style: none;
}
#footer .footer-menu-area {
display: none;
}
#footer .epark-link-list {
margin: 0 0 18px;
text-align: center;
}
#footer .epark-link-list li {
display: inline-block;
margin: 0;
padding: 0 10px;
border-right: 1px solid #fff;
}
#footer .epark-link-list li:last-child {
border-right: none;
}
#footer .epark-link-list li a {
color: #fff;
font-size: 1.4rem;
font-weight: bold;
}
#footer .footer-link-list {
flex-wrap: wrap;
margin: 0 0 25px;
padding: 0 5px;
text-align: center;
}
#footer .footer-link-list li {
display: inline-block;
margin: 0 0 10px;
padding: 0 10px;
border-right: 1px solid #fff;
}
#footer .footer-link-list li:last-child {
border-right: none;
}
#footer .footer-link-list li a {
color: #fff;
font-size: 1.2rem;
}
#footer #copy-right {
margin: 0;
padding: 16px 0 80px;
background-color: #4f4f4f;
color: #fff;
text-align: center;
}
#footer .sw-Footer_EparkLinkList li {
float: left;
display: block;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
#footer .sw-Footer_EparkLinkList a {
display: inline-block;
width: 100%;
padding: 0.7em 0;
-webkit-box-shadow: 0 -1px 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 1px 1px 0 0 #cccccc, -1px -1px 0 0 #cccccc;
box-shadow: 0 -1px 0 0 #ffffff inset, 0 1px 0 0 #ffffff inset, 1px 1px 0 0 #cccccc, -1px -1px 0 0 #cccccc;
background-color: #f4f4f4;
color: #333333;
font-size: 1.2rem;
line-height: 1.17em;
}
#footer .sw-Footer_EparkLinkBnr a {
display: block;
padding: 1.14em 1.5em;
text-align: center;
}
#footer .epark_common_footer_apri {
display: block;
width: 100%;
height: 420px;
border: none;
}
#footer .side-content .supervise-area {
margin: 0 0 15px;
padding: 10px;
}
#footer .supervise-top {
position: relative;
height: 0;
margin: 0 auto;
padding: 45% 0 0;
background: url(//kyoseishika.empower-column01.com/wp-content/themes/kyoseishika-thema_200730/images/top/sp_supervision_bk.jpg) no-repeat 0 0;
background-size: contain;
}
#footer .supervise-top-inner {
position: absolute;
top: 10px;
left: 10px;
width: calc( 100% - 20px);
height: calc( 100% - 20px);
padding: 10px;
background-color: rgba(255, 255, 255, 0.8);
}
#footer .supervise-top-inner p {
font-size: 1.2rem;
color: #333;
}
#footer .top-supervisor .supervise-bottom {
height: auto;
background-color: #f3f3f3;
}
#footer .top-supervisor .supervise-bottom .doctor-name {
display: block;
margin: 0 0 25px;
color: #333;
font-size: 1.6rem;
font-weight: bold;
}
#footer .top-supervisor .supervise-bottom .supervise-image {
display: block;
position: relative;
flex: 0 0 100px;
width: 100%;
height: 100px;
margin: 0 10px 0 0;
border: 1px solid #fff;
}
#footer .side-content .supervise-title {
background: url(//kyoseishika.empower-column01.com/wp-content/themes/kyoseishika-thema_200730/images/icon/title_deco_sp.png) no-repeat right bottom;
background-size: 46px 34px;
height: 60px;
margin: 0 0 10px;
padding: 0;
border-top: 2px solid #d2c094;
border-bottom: 2px solid #d2c094;
font-weight: normal;
line-height: 60px;
text-align: center;
}
#footer .top-titie .supervise-title {
margin: 0 auto 10px;
padding: 0 0 10px;
border-bottom: 1px solid #d2c094;
font-weight: normal;
line-height: 1;
text-align: center;
}
#footer .en {
font-size: 2rem;
color: #333;
}
#footer .kana {
font-size: 1.8rem;
color: #333;
}
.footer_app {
margin-top: 20px;
padding: 0 0 15px;
border-bottom: 1px solid #E0E0E0;
}
.footer_app p {
margin-bottom: 0;
padding: 0 0 21px;
color: #424242;
font-size: 15px;
text-align: center;
}
.footer_app .app_list {
display: table;
padding: 0 0 0 16px;
}
.footer_app .app_list .app1,
.footer_app .app_list .app2,
.footer_app .app_list .app3 {
display: table-cell;
margin-right: 5px;
}
.footer_app .app_list .app1 figcaption,
.footer_app .app_list .app2 figcaption,
.footer_app .app_list .app3 figcaption {
margin-top: 4px;
}
.footer_app .app_list .app1 figcaption a,
.footer_app .app_list .app2 figcaption a,
.footer_app .app_list .app3 figcaption a {
display: block;
width: 80px;
margin-right: 8px;
color: #333;
font-size: 11px;
font-weight: bolder;
text-decoration: none;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.footer_app .app_list .app1 figcaption span,
.footer_app .app_list .app2 figcaption span,
.footer_app .app_list .app3 figcaption span {
display: block;
}
#footer_sns .title {
padding: 21px 0 13px;
color: #424242;
font-size: 13px;
text-align: center;
}
#footer_sns .sns_content {
width: 100%;
margin: 0;
padding: 0 0 19px 0;
border-bottom: 1px solid #E0E0E0;
font-size: 0;
text-align: center;
}
#footer_sns li {
display: inline-block;
margin: 0px 16px 0 0;
} h2.side-title {
display: flex;
flex-direction: column;
margin: 10px;
padding: 0;
border-top: 2px solid #d2c094;
border-bottom: 2px solid #d2c094;
color: #333;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
font-size: 1.8rem;
font-weight: bold;
line-height: 60px;
text-align: center;
}
ul.other_colum li {
border-bottom: 1px solid #e5e5e5;
}
ul.other_colum li a {
display: block;
position: relative;
padding: 13px 20px 13px 70px;
font-size: 13px;
text-decoration: none;
}
ul.other_colum li a b {
display: block;
color: #a37e39;
font-size: 14px;
}
ul.other_colum li a p {
padding: 0 10px 0 0;
color: #333;
line-height: 15px;
}
ul.other_colum li a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 16px;
z-index: 1;
width: 44px;
height: 44px;
margin: auto;
}
ul.other_colum li a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
width: 8px;
height: 8px;
margin: auto;
text-decoration: none;
border-top: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
transform: rotate(45deg);
}
ul.other_colum li.lnk_SmileLine a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2017/top/smileline.png) 0 / 100% no-repeat;
}
ul.other_colum li.lnk_Babydent a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2017/top/hamigakids.png) 0 / 100% no-repeat;
}
ul.other_colum li.lnk_HanoAntenna a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2017/top/antenna.png) 0 / 100% no-repeat;
}