@charset "UTF-8";
/* CSS Document */

#informationWrap{
display: flex;
justify-content: space-between;
}





@media screen and (max-width: 999px){
#informationWrap{
display: block;
}
}/*999*/





#informationList{
width: calc(100% - 300px);
}
#informationList ul.list{
border-top: 1px solid #cdcdcd;
margin-top: 40px;
}
#informationList ul.list li{
border-bottom: 1px solid #cdcdcd;
}
#informationList ul.list li a{
display: flex;
align-items: center;
padding: 30px 10px;
text-decoration: none;
color: #111111;
}
#informationList ul.list li a:hover{
color: #6fd1e3;
}
#informationList ul.list li p{
line-height: 24px;
}
#informationList ul.list li p.date{
width: 100px;
}
#informationList ul.list li p.cate{
width: 120px;
margin-left: 50px;
font-size: 11px;
text-align: center;
}
#informationList ul.list li p.cate span{
display: block;
background-color: #CFDAE3;
color: #111111;
border-radius: 50em;
}
#informationList ul.list li p.cate.end span{
background-color: #dddddd;
}
#informationList ul.list li p.cate span+span{
margin-top: 5px;
}
#informationList ul.list li p.title{
width: calc(100% - 320px);
margin-left: 50px;
}
#informationList p.nonePosts{
margin-top: 40px;
}





@media screen and (max-width: 999px){
#informationList{
width: auto;
}
#informationList ul.list{
margin-top: 30px;
}
/*#informationList ul.list li a{
display: block;
padding: 20px 10px;
}
#informationList ul.list li p.date{
width: auto;
}
#informationList ul.list li p.title{
width: auto;
}*/
#informationList ul.list li a{
flex-wrap: wrap;
padding: 20px 10px;
}
#informationList ul.list li a:hover{
color: #6fd1e3;
}
#informationList ul.list li p{
line-height: 24px;
}
#informationList ul.list li p.date{
width: auto;
}
#informationList ul.list li p.cate{
margin-left: 20px;
}
#informationList ul.list li p.title{
width: 100%;
margin-left: 0;
margin-top: 0.5em;
}
}/*999*/





#informationSingle{
width: calc(100% - 300px);
}
#informationSingle p.date{
margin-top: 0.5em;
}
#informationSingle p.cate{
display: flex;
flex-wrap: wrap;
margin-left: -10px;
font-size: 11px;
text-align: center;
}
#informationSingle p.cate span{
display: block;
width: 120px;
background-color: #CFDAE3;
border-radius: 50em;
margin-top: 10px;
margin-left: 10px;
padding: 2px 5px;
}
.infoContent{
padding-top: 20px;
}
.infoContent::after{
content: '';
display: block;
clear: both;
}
.infoContent p{
margin-top: 2em;
}
.infoContent img{
max-width: 100%;
height: auto;
}
.alignnone{
margin: 0;
}
.aligncenter{
display: block;
margin: 0 auto;
}
div.aligncenter{
position: relative;
left: 5px;
}
div.alignright{
float: right;
margin: 0 -10px 0 20px;
overflow: hidden;
}
img.alignright{
float: right;
margin: 0 0 0 20px;
}
div.alignleft{
float: left;
margin: 0 10px 0 0;
}
img.alignleft{
float: left;
margin: 0 20px 0 0;
}
.infoContent .wp-caption{
background: transparent;
text-align: center;
max-width: 100%;
margin-top: 20px;
overflow: hidden;
}
.infoContent .wp-caption img{
border: none;
height: auto;
width: auto;
margin: 0;
padding: 0;
}
.infoContent .wp-caption-text{
font-size: 12px;
margin: 5px 0 0 0;
padding: 0 10px 0 0;
width: 100%;
}





@media screen and (max-width: 999px){
#informationSingle{
width: auto;
}
#informationSingle p.date{
padding-left: 40px;
}
#informationSingle p.cate{
padding-left: 40px;
}
}/*999*/





#paginationSingle{
margin-top: 60px;
}
#paginationSingle ul{
display: flex;
position: relative;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
height: 100px;
}
#paginationSingle ul li{
height: 100%;
text-align: center;
}
#paginationSingle ul li.list{
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
width: 34%;
text-align: center;
}
#paginationSingle ul li.list::before, #paginationSingle ul li.list::after{
content: '';
display: block;
position: absolute;
top: 20px;
bottom: 20px;
width: 1px;
border-left: 1px dotted #aaaaaa;
}
#paginationSingle ul li.list::before{
left: 0;
}
#paginationSingle ul li.list::after{
right: 0;
}
#paginationSingle ul li.prev{
width: 33%;
}
#paginationSingle ul li.next{
width: 33%;
margin-left: auto;
/*text-align: right;*/
}
#paginationSingle ul li a{
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
color: #111111;
text-decoration: none;
position: relative;
}
#paginationSingle ul li.prev a{
/*padding-left: 30px;*/
}
#paginationSingle ul li.next a{
/*padding-right: 30px;*/
}
#paginationSingle ul li a:hover{
color: #6fd1e3;
}
#paginationSingle ul li.prev a::before, #paginationSingle ul li.next a::before{
content: '';
display: block;
position: absolute;
top: 50%;
width: 20px;
height: 12px;
transform: translate(0, -50%);
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
#paginationSingle ul li.prev a::before{
transform: translate(0, -50%) rotate(180deg);
left: 10px;
}
#paginationSingle ul li.next a::before{
right: 10px;
}





@media screen and (max-width: 999px){
#paginationSingle{
margin-top: 30px;
}
#paginationSingle ul{
display: block;
height: auto;
}
#paginationSingle ul li{
height: auto;
}
#paginationSingle ul li.list{
position: relative;
top: auto;
bottom: auto;
left: auto;
transform: none;
width: auto;
}
#paginationSingle ul li.list::before, #paginationSingle ul li.list::after{
content: none;
}
#paginationSingle ul li.prev{
width: auto;
border-bottom: 1px dotted #aaaaaa;
text-align: left;
}
#paginationSingle ul li.next{
width: auto;
margin-left: 0;
border-top: 1px dotted #aaaaaa;
text-align: right;
}
#paginationSingle ul li a{
display: block;
height: auto;
padding: 15px 10px;
}
#paginationSingle ul li.prev a{
padding-left: 40px;
}
#paginationSingle ul li.next a{
padding-right: 40px;
}
}/*999*/





#informationSide{
width: 200px;
}
#informationSide .sticky{
position: sticky;
top: 100px;
}
.informationSideBox+.informationSideBox{
margin-top: 40px;
}
#informationSide h2{
border-bottom: 1px solid #111111;
position: relative;
padding-bottom: 10px;
}
#informationSide h2::before{
content: '';
display: block;
width: 20px;
height: 10px;
position: absolute;
top: 0.9em;
transform: translate(-30px, -50%);
background-color: #1d2086;
}
#informationSide ul{
margin-top: 10px;
}
#informationSide ul li a{
display: block;
text-decoration: none;
color: #111111;
padding: 5px 0;
}
#informationSide ul li a:hover{
color: #6fd1e3;
}





@media screen and (max-width: 999px){
#informationSide{
width: auto;
margin-top: 50px;
}
#informationSide h2{
border-bottom: 1px solid #111111;
padding-bottom: 10px;
}
#informationSide ul{
margin-top: 10px;
}
#informationSide ul li a{
display: block;
text-decoration: none;
color: #111111;
padding: 5px 0;
}
#informationSide ul li a:hover{
color: #6fd1e3;
}
}/*999*/