@charset "UTF-8";

@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.archive-article-area {
display: flex;
flex-wrap: wrap;
margin: 20px 0 0;
padding: 0;
}
.post-list {
margin: 15px 15px 0 0;
padding: 0;
width: 236px;
}
.post-list:nth-child(2n) {
margin-right: 15px; }
.post-list:nth-child(1), .post-list:nth-child(2), .post-list:nth-child(3) {
margin-top: 0; }
.post-list:nth-child(3n) {
margin-right: 0; }
.post-list .post-thumbnail {
margin: 0 20px 0 0;
width: 234px;
height: 176px;
position: relative;
overflow: hidden;
}
.post-list .post-content {
margin: 15px;
}
.post-list .post-content .post-title {
margin: 10px 0;
}
.post-list .post-content .post-title a {
font-size: 1.6rem;
}
.post-list .entry-content {
display: block;
position: absolute;
top: 0;
left: 0;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 1.4rem;
}
.post-list .entry-content p:last-of-type {
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
float: right;
}
.post-list .update-date {
flex: 0 0 75px;
margin: 0 0 0 auto;
font-size: 1.4rem;
text-align: right;
}
.post-list .taxonomy-list {
padding: 0;
width: 100%;
}
.post-list .taxonomy-list .cat {
margin: 0 5px 0 0;
}
.post-list .taxonomy-list .cat a {
height: 26px;
padding: 1px 13px 1px 10px;
border-radius: 13px;
font-size: 1.4rem;
line-height: 26px;
}
#content .post-list > a > img:hover {
opacity: 1 !important;
animation: none !important;
}
.post-list:hover .post-content .entry-content {
opacity: 1;
height: calc(100% - 20px);
width: 214px;
margin: 10px;
padding: 20px;
overflow: visible;
}
.top-content {
margin: 0 0 30px;
}
.top-content.notice-post-area {
margin: 0 0 40px;
}
.top-content.notice-post-area .top-title .kana {
background: transparent;
letter-spacing: 0;
}
.top-content:last-child {
margin: 0;
}
.top-content .top-title {
margin: 0 0 20px;
background: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/icon/title_deco_pc.png) no-repeat right bottom;
background-size: 57px 41px;
}
.top-content .top-title .en {
font-size: 3rem;
font-weight: bold;
}
.top-content .top-title .kana {
background: transparent;
font-size: 2.2rem;
font-weight: bold;
}
.top-supervisor {
margin: 0 0 40px;
padding: 15px;
}
.top-supervisor .supervise-top-wrap {
background: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/top/pc_supervision_bk.jpg) no-repeat 0 0;
background-size: 710px 186px;
}
.top-supervisor .supervise-top {
width: 710px;
height: 186px;
padding: 20px;
background: none;
}
.top-supervisor .supervise-top-inner {
top: 20px;
left: 20px;
width: 670px;
height: 146px;
margin: 0 auto;
padding: 20px;
background-color: rgba(255, 255, 255, 0.6);
}
.top-supervisor .supervise-top-inner p {
font-size: 1.4rem;
}
.top-supervisor .supervise-title {
margin: 0 auto 20px;
padding: 0 0 14px;
}
.top-supervisor .supervise-title .en {
font-size: 3rem;
font-weight: bold;
}
.top-supervisor .supervise-title .kana {
font-size: 2.2rem;
font-weight: bold;
}
.top-supervisor .supervise-bottom {
display: flex;
height: 140px;
padding: 20px;
}
.top-supervisor .supervise-image {
flex: 0 0 100px;
width: 100px;
height: 100px;
}
.top-supervisor .supervise-content {
height: 100px;
padding: 25px;
}
.top-supervisor .supervise-content a {
font-size: 1.2rem;
}
.top-supervisor .supervise-content .doctor-name {
font-size: 1.8rem;
}
.top-supervisor .supervise-content .doctor-name span {
font-size: 1.2rem;
}
#main-visual {
height: 430px;
margin: 0 auto 40px;
padding: 0;
background: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/top/pc_main_back.jpg) no-repeat center;
background-color: #eaede7;
}
.top-content.area-list .area-map {
position: relative;
width: 740px;
height: 508px;
padding: 40px;
background-color: #f3f3f3;
}
.top-content.area-list .area-map .area-inner {
position: absolute;
top: 40px;
left: 0;
right: 0;
width: 450px;
height: 336px;
margin: 0 auto;
background: url(//kyoseishika.stg-column01.com/wp-content/themes/kyoseishika-thema_2211/images/top/top_map.svg) no-repeat center;
background-size: contain;
}
.top-content.area-list .area-map .menu-item {
z-index: 5;
}
.top-content.area-list .area-map .hokkaido_tohoku {
position: absolute;
top: 155px;
right: 40px;
}
.top-content.area-list .area-map .kanto {
position: absolute;
top: 312px;
right: 40px;
}
.top-content.area-list .area-map .chubu {
position: absolute;
top: 40px;
right: 340px;
}
.top-content.area-list .area-map .kinki {
position: absolute;
bottom: 40px;
right: 273px;
}
.top-content.area-list .area-map .chugoku_shikoku {
position: absolute;
top: 80px;
}
.top-content.area-list .area-map .kyushu {
position: absolute;
bottom: 40px;
}
.top-content.area-list .menu-list > .menu-item > .menu-link {
color: #a37e39;
font-size: 1.6rem;
font-weight: bold;
}
.top-content.area-list .menu-list .sub-menu {
display: flex;
flex-wrap: wrap;
width: 156px;
}
.top-content.area-list .menu-list .sub-menu .menu-item {
display: inline-block;
width: 76px;
height: 24px;
margin: 4px 0 0 0;
padding: 2px;
background-color: #fff;
text-align: center;
}
.top-content.area-list .menu-list .sub-menu .menu-item:nth-of-type(odd) {
margin: 4px 4px 0 0;
}
.top-content.area-list .menu-list .sub-menu .menu-item:nth-of-type(1) {
margin: 0 4px 0 0;
}
.top-content.area-list .menu-list .sub-menu .menu-item:nth-of-type(2) {
margin: 0;
}
.top-content.area-list .menu-list .sub-menu .menu-item .menu-link {
color: #333;
font-size: 1.4rem;
font-weight: normal;
}
.top-content.area-list .menu-list .sub-menu .menu-item .menu-link.none-post {
color: #ccc;
}