@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
#page-header {
width: 100%;
margin: 0 auto 40px;
padding: 0;
}
#page-header .page-title {
margin: 0 0 20px;
font-size: 3rem;
}
#page-header .sns-btn-list {
justify-content: flex-end;
margin: 10px 0 0;
}
#page-header .sns-btn-list .sns-btn {
width: 70px;
margin: 0 5px 0 0;
}
#page-header .sns-btn-list .sns-btn:last-of-type {
margin: 0;
}
#page-header.clinic_cat {
width: 1120px;
margin: 0 auto;
}
#page-header.clinic_cat .taxonomy-header-area.kanto {
margin: 0;
}
#page-header.clinic_cat .taxonomy-header-area .taxonomy-title {
font-size: 4.8rem;
letter-spacing: 5px;
}
#page-header.clinic_cat .taxonomy-header-area .taxonomy-title span {
display: inline;
font-size: 2.4rem;
letter-spacing: 2px;
}
#page-header.clinic_cat .sns-btn-list {
margin: 10px 0 20px;
padding: 0;
text-align: right;
}
#page-header.clinic_cat .sns-btn-list li {
width: 70px;
}
.clinic-cat-inner .cat-description {
display: block;
margin: 0 0 30px;
}
.clinic-cat-inner .clinic-cat-list {
padding: 0;
}
.clinic-cat-inner .clinic-cat-list li.menu-item {
margin: 0 12px 12px 0;
width: calc( ( 100% - 60px ) / 6);
}
.clinic-cat-inner .clinic-cat-list li.menu-item:nth-child(3n) {
margin: 0 12px 12px 0;
}
.clinic-cat-inner .clinic-cat-list li.menu-item:nth-child(6n) {
margin: 0 0 12px 0;
}
.archive-main-area .archive-title-area {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 10px;
border-bottom: 1px solid #dcdcdc;
}
.archive-main-area .archive-title-area .archive-title {
width: unset;
margin: 0;
padding: 0;
font-size: 1.7rem;
}
.archive-main-area .archive-title-area .page-total-count {
width: unset;
margin: 0;
padding: 0;
}
.clinic-cat-inner .clinic-cat-list li.menu-item .menu-link:hover {
opacity: 1 !important;
color: #fff;
background-color: #7BA6A5;
}
.clinic-list .clinic-list-content .reserve-btn-area .clinic-reserve-btn a:hover {
opacity: 1 !important;
box-shadow: 0px 3px 0 #6c344d;
background-color: #9e5c77;
}
.clinic-list .clinic-list-content .reserve-btn-area .clinic-reserve-btn.detail a:hover {
opacity: 1 !important;
box-shadow: 0px 3px 0 #12685d;
background-color: #098a86;
}
.haisya-clinic-btn a:hover {
opacity: 1 !important;
border-bottom-color: #b74b02;
background-color: #dd5900;
}
@media only screen and (max-width: 1120px) {
#page-header.clinic_cat {
width: 100%;
}
}
#main .paging-area {
margin: 20px 0;
}
#main .paging-area a.page:hover {
color: #fff;
background-color: #7BA6A5;
}
#main .paging-area .page {
width: 46px;
height: 48px;
line-height: 48px;
}