@charset "UTF-8";

#page_main{
background: url("../images/main_news.jpg") no-repeat center center;
background-size: cover;
}

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

#news{ 
position:relative;
margin:50px auto 0 auto;
width:66.4%;
}

#news ul li a {
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
display: block;
padding: 30px 50px 30px 0;
position: relative;
border-bottom: 1px solid #dddddd;
}

#news ul li a::before {
content: '';
display: block;
position: absolute;
background: #666;
width: 15px;
height: 1px;
right: 0;
top: 50%;
}

#news ul li a::after {
content: '';
display: block;
position: absolute;
background: #666;
width: 15px;
height: 1px;
right: 0;
top: 50%;
transform: rotate(90deg);
}

#news ul li a:hover {
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
border-bottom: 1px solid #e37059;
color: #e37059;
}

#news ul li a:hover::before {
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
transform: rotate(90deg);
background: #e37059;
}

#news ul li a:hover::after {
transition: all 0.5s 0s cubic-bezier(0.23,1,0.32,1);
transform: rotate(180deg);
background: #e37059;
}

#news ul li time{
font-size:13px;
color:#999;
}

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

#news{ 
width:85%;
margin:30px auto 0 auto;
}

}

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

#news{ 
display:block;
position:relative;
margin:0 0 0 0;
width:100%;
}

#news h2{ 
font-size:18px;
margin-left:10%;
}

#news ul{ 
width:90%;
margin:0 auto;
}

}

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

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

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

}

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

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

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

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

}

/*----------------------------------------------------------------------------------------------------------------------#news_post----------*/

#news_post{ 
position:relative;
margin:10px auto 0 auto;
width:66.4%;
}

#news_post time{
font-size: 12px;
color: #999;
}

#news_post h2{
padding: 5px 0 15px;
border-bottom: 1px solid #e6e0db;
font-weight: bold;
font-size: 18px;
}

#news_post p{ margin-top: 30px; }

#news_post img{
width:100%;
height: auto;
}

#news_post p a{
color:#e37059;
text-decoration: underline;
}

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

#news_post p img{ 
max-width: 100%;
width:auto;
height: auto;
}

#news_post .more{ 
width:360px;
margin:100px auto 0 ; 
}

#news_post .more a{ 
border: 1px solid #dad5d1;
width:360px;
display: block;
}

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

#news_post{ 
width:85%;
}

}


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

#news_post{ 
width:90%;
margin:40px auto 0 auto;
}

#news_post h2{
font-size: 16px;
}

#news_post p{ margin-top: 25px; }

#news_post p img{ 
width:100%;
height: auto;
}

#news_post .more{ 
width:300px;
margin:60px auto 0 ; 
}

#news_post .more a{ 
width:100%;
}

}

.category {
    display: none !important;
}