@charset "UTF-8";

@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;
}
.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;
}
.archive-title-area {
padding: 0 0 10px;
}
.archive-article-area {
padding: 0;
}
.title-deco {
margin: 0 0 30px 0;
background: url(//kyoseishika.empower-column01.com/wp-content/themes/kyoseishika-thema_2211/images/icon/title_deco_pc.png) no-repeat right bottom;
}
.title-deco .en {
font-size: 2.6rem;
font-weight: bold;
}
.title-deco .kana {
font-size: 1.8rem;
font-weight: bold;
}
.page-total-count {
margin: 0 0 15px;
color: #333;
font-size: 1.6rem;
}
.paging-area {
margin: 20px 0;
}
.paging-area .page {
width: 46px;
height: 48px;
line-height: 48px;
}
.paging-area .page:hover {
background-color: #a37e39;
color: #fff;
}
.term-header-area {
padding: 40px 0 50px;
}
.term-header-area .term-header-inner {
width: 1120px;
margin: 0 auto;
}
.term-header-area .term-title {
margin: 0 0 20px;
font-size: 3rem;
}
.term-header-area .term-content {
margin: 0;
padding: 30px;
font-size: 1.4rem;
}
.term-header-area.tag-image {
height: 258px;
margin: 0;
padding: 0;
background: url(//kyoseishika.empower-column01.com/wp-content/themes/kyoseishika-thema_2211/images/column/column_head.jpg) no-repeat center;
background-size: cover;
}
.term-header-area.tag-image .term-header-inner {
width: 1120px;
margin: 0 auto;
padding: 0;
}
.term-header-area.tag-image .tarm-tag-wrap {
width: 740px;
padding: 40px 0 30px;
}
.term-header-area.tag-image .term-title {
margin: 0 0 20px;
font-size: 3rem;
}
.term-header-area.tag-image .term-content {
padding: 30px;
font-size: 1.4rem;
}
.term-header-area.tag-child {
padding: 50px 0 40px;
}
.affiliation-area {
margin: 0 0 60px;
padding: 0;
}
.affiliation-area .affiliation-area-title {
margin: 0 0 10px;
color: #333;
font-size: 1.4rem;
font-weight: bold;
}
.affiliation-area .menu-list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 15px 0 0;
padding: 0;
}
.affiliation-area .menu-list li {
display: block;
width: calc( ( 100% - 45px ) / 4);
padding: 0;
margin: 0 15px 20px 0;
font-size: 1.6rem;
}
.affiliation-area .menu-list li:nth-child(even) {
margin: 0 15px 20px 0;
}
.affiliation-area .menu-list li:nth-child(-n + 2) {
padding: 0;
}
.affiliation-area .menu-list li:nth-child(4n) {
margin: 0 0 20px 0;
}
.affiliation-area .menu-list li:before {
display: none;
}
.affiliation-area .more-btn {
width: 220px;
height: 38px;
border-radius: 2px;
font-size: 1.6rem;
line-height: 38px;
}
.affiliation-area .more-btn:hover {
opacity: 0.6;
}
.affiliation-area.on .menu-list li:nth-child(n + 7) {
padding: 0;
}
.search-header-area {
padding: 0;
}
.search-header-area .sns-btn-list {
justify-content: flex-end;
padding: 0;
text-align: right;
}
.search-header-area .sns-btn-list li {
width: 70px;
padding: 0 3px;
text-align: center;
}
@media only screen and (max-width: 1120px) {
.term-header-area .term-header-inner,
.term-header-area.tag-image .term-header-inner {
width: 100%;
}
}
.page404-header::before {
font-size: 7.8rem;
}
.page404-header .page-title {
margin: 0 0 24px;
}
.page404-header .page-title span {
font-size: 1.4rem;
}
.page404-header .search-area {
justify-content: center;
padding: 0;
}
.page404-header #page404-searchform {
flex: 0 0 350px;
width: 350px;
}
.page404-header .search-form-inner {
border-radius: 2px;
}
.page404-header .search-form-inner .search-submit-btn {
flex: 0 0 75px;
width: 75px;
font-size: 1.4rem;
}
.page404-header .search-form-inner .search-submit-btn::before {
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0 10px 0 0;
}
.page404-header .search-form-inner .search-submit-btn:hover {
opacity: 0.6;
}
.page404-header .top-link {
flex: 0 0 130px;
width: 130px;
font-size: 1.4rem;
}
.page404-header .top-link:hover {
opacity: 0.6;
}
.popularity-keyword-area {
margin: 0 0 40px;
}
.popularity-keyword-area .keyword-title {
margin: 0 0 14px;
font-size: 1.3rem;
}
.popularity-keyword-area li {
margin: 0 33px 0 0;
font-size: 1.3rem;
}
.page404-title {
margin: 0 0 36px;
padding: 24px 0;
font-size: 1.5rem;
}
.page404-content {
margin: 0 0 20px;
padding: 0 20px 50px;
}
.page404-content .region-menu {
margin: 0 0 10px;
font-size: 1.5rem;
}
.page404-content .menu-list {
display: flex;
flex-wrap: wrap;
}
.page404-content .menu-list > .menu-item {
width: 48%;
margin: 0 0 35px;
}
.page404-content .menu-list > .menu-item > a {
font-size: 1.5rem;
}
.page404-content .menu-list > .menu-item:nth-child(even) {
margin: 0 0 35px 4%;
}
.page404-content .sub-menu .menu-item {
font-size: 1.3rem;
}
.page404-content .often-read-post-list li {
margin: 0 0 30px;
font-size: 1.3rem;
}
.page404-content .often-read-post-list li:last-child {
margin: 0;
}