@charset "UTF-8";



/*----------------------------------------------------------------------------------------------------------------------news----------*/


#content .news_list{
width:90%;
margin: 40px 0 0 auto;
}

.news_list li { 
border-bottom: 1px dotted #c6c6c3;;
background: url("../images/ico_allow.png") no-repeat right 2.3% center;
background-size:8px 12px;
transition: 0.2s;
}

.news_list li:hover{ 
background: url("../images/ico_allow.png") no-repeat right 1.8% center;
background-size:8px 12px;
transition: 0.2s;
}
   
.news_list li a {
padding: 45px 0 45px 0;
display:flex;
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
}

.news_list li:hover a { 
color:#999;
padding: 45px 0 45px 5px;
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
}

.news_list li a span{ 
display: block;
width:15%;
line-height:1.6;
}

.news_list li a h1{ 
line-height:1.6;
width:80%;
}

@media screen and (max-width:1100px){
}

@media screen and (max-width:767px){

#content .news_list{
width:100%;
margin: 0;
}

.news_list li a {
padding: 30px 0 30px 0;
display:block;
}

.news_list li:hover a { 
padding: 30px 0 30px 5px;
}

.news_list li a span{ 
width:100%;
}

.news_list li a h1{ 
width:90%;
margin-top:5px;
}

}




/*----------------------------------------page-navi----------*/

.wp-pagenavi{ 
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 80px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
display: block;
background: #f8f7f4;
border-radius: 50%;
width: 50px;
height: 50px;
color: #333;
line-height: 50px;
text-align: center;
margin: 10px;
border:1px solid #cac5bb;
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
}

.wp-pagenavi a:hover {	
background:#333;
color: #fff;
border:1px solid #333;
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
}

.wp-pagenavi span.current {
display: block;
background:#333;
border-radius: 50%;
width: 50px;
height: 50px;
color: #fff;
line-height: 50px;
text-align: center;
margin: 10px;
}

@media screen and (max-width:767px){

.wp-pagenavi{ margin-top: 50px; }

.wp-pagenavi a, .wp-pagenavi a:link { margin: 5px; }

.wp-pagenavi span.current { margin: 5px; }

}



/*----------------------------------------------------------------------------------------------------------------------news_detail----------*/


#post{
width:50%;
margin: 330px auto 0;
}

#post h1{
font-size:20px;
line-height:2.2;
letter-spacing: 0.05em;
}

#post p{ margin-top:40px; }

#post p a{ text-decoration: underline; }
#post p a:hover{ text-decoration: none; }

#post .back_list{ 
margin-top: 80px;
padding-left:15px;
background: url("../images/ico_allow.png") no-repeat left center;
background-size:8px 12px;
}

#post .back_list a{
text-decoration: underline;
opacity: 1;
transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

#post .back_list a:hover{
opacity: 0.5;
}


@media screen and (max-width:1100px){

#post{
width:80%;
margin: 300px auto 0;
}

}


@media screen and (max-width:767px){

#post{
width:90%;
margin: 175px auto 0;
}

#post h1{
line-height:1.7;
margin-top: 6px;
}

#post p{ margin-top:20px; }

#post .back_list{ margin-top: 40px; }

}