@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.exception {
position: relative;
}
#page-header.exception .sns-btn-list {
position: absolute;
bottom: 10px;
right: 10px;
}
#page-header.exception .sns-btn-list li {
width: 70px;
}
#page-header.exception .breadcrumb-area {
padding: 0;
}
#page-header.exception *:last-child {
margin: 15px auto 0;
padding: 0;
}
.page-header-area_all {
width: 1120px;
padding: 0;
height: 300px;
}
.page-header-area_all .page-area_all-title {
left: 30px;
font-size: 4.8rem;
}
.page-header-area_all .page-area_all-title span {
font-size: 4.8rem;
}
.page-area_all-list {
position: relative;
height: auto;
padding: 15px 40px 20px;
background-position: 0% 0%;
}
.page-area_all-list .area_all-list-title {
margin: 0 0 10px;
}
.page-area_all-list .area_all-list-title a {
position: static;
width: auto;
height: auto;
padding: 0;
color: #000;
font-size: 5.4rem;
text-shadow: none;
}
.page-area_all-list .area_all-list-title a::after {
display: none;
}
.page-area_all-list .description {
margin: 0 0 20px;
color: #000;
font-size: 1.5rem;
}
.page-area_all-list .chlid-area_all-list {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.page-area_all-list .chlid-area_all-list li {
width: 17%;
margin: 0 3% 15px 0;
}
.page-area_all-list .chlid-area_all-list li:nth-child(5) {
margin-right: 0;
}
.page-area_all-list .chlid-area_all-list li:nth-child(5) ~ li {
margin-bottom: 0;
}
.page-area_all-list .chlid-area_all-list li .pref {
display: block;
width: 100%;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid #000;
color: #000;
font-size: 1.8rem;
line-height: 34px;
text-align: center;
text-decoration: none;
}
.page-area_all-list .chlid-area_all-list li .pref.none-post {
border: 1px solid #999;
color: #999;
}
.page-area_all-list .chlid-area_all-list li .pref a:hover {
background-color: #461111;
}
@media only screen and (max-width: 1120px) {
.page-header-area_all {
width: 100%;
}
}