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

body{margin:0px auto}

.box {display: flex;flex-wrap: wrap;} 

a:hover{opacity:0.7} 
a:hover{opacity:0.7} 
a:hover{opacity:0.7} 


@media screen and (min-width:780px) { 

.sp{display:none} 
.contents{max-width: 1440px; margin:0px auto; padding:10% 5% 3%; } 
.p15{padding:0 15px }
	
.text-c p{
text-align: center
}
	
.box-half64_1{width:55%}
.box-half64_2{width:35%}
.box-half46_1{width:35%}
.box-half46_2{width:55%}
.box-half37_1{width:20%}
.box-half37_2{width:75%}
.box-half73_1{width:75%}
.box-half73_2{width:20%}
.box-half28_1{width:10%}
.box-half28_2{width:85%}
.box-half82_1{width:85%}
.box-half82_2{width:10%}
.box-half55{width:46%}
.box-half333{width:31%;}
.box-half4{width:22%}
	

#c01{
background:url(""); background-size:100% 100%; background-position:center;  background-repeat:no-repeat; 
}
#c01 .ttl{
max-width: 209px; width: 40%; margin: 5% auto 0;
}
	
	
#c02 .contents{
position: relative; max-width: 786px;
}
#c02 .contents .news{
text-align: center; 
}

#c02 .contents .news{
 width: 100%; display: flex;flex-wrap: wrap; border-bottom:1px solid #cfcfcf;
}
#c02 .contents .news div{
padding: 5% 0; margin-right:8%
}
#c02 .search-ttl{
margin:0 auto; border-bottom:1px solid #cfcfcf; padding-bottom: 20px; max-width: 850px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; 
}

#c02 .news:hover{
    background: #fafafa; 
}
a{text-decoration: none; color: #000}

.pg{
text-align: center; margin-top: 15%
}
#c02 .contents .news .data {
width:10%
}
#c02 .contents .news .txt {
width:80%; text-align:left; margin-right:0
}
#c02 .contents .news .data {
width:10%
}
#c02 .contents .news .txt {
width:80%; text-align:left; margin-right:0
}
} 



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

.pc{display:none} 
.contents{width:90%; margin:0px auto; padding:15% 0 3%;} 
	
.text-c p{
text-align: left
}
	
.box-half64_1{width:100%}
.box-half64_2{width:100%}
.box-half46_1{width:100%}
.box-half46_2{width:100%}
.box-half37_1{width:20%}
.box-half37_2{width:75%}
.box-half73_1{width:75%}
.box-half73_2{width:20%}
.box-half28_1{width:15%}
.box-half28_2{width:80%}
.box-half82_1{width:80%}
.box-half82_2{width:15%}
.box-half55{width:100%}
.box-half333{width:66%}
.box-half4{width:46%}
	
	

#c01{
background:url(""); background-size:100% 100%; background-position:center;  background-repeat:no-repeat; 
}
#c01 .ttl{
max-width: 209px; width: 25%; margin:15% auto; 
}
	
	
#c02 .contents{
position: relative; max-width: 786px;
}
#c02 .contents .news{
text-align: left
}

#c02 .contents .news{
 width: 100%; display: flex;flex-wrap: wrap; border-bottom:1px solid #cfcfcf;
}
#c02 .contents .news div{
padding: 5% 0; 
}
#c02 .contents .news .data{
padding-bottom:0
}
#c02 .search-ttl{
margin:0 auto; border-bottom:1px solid #cfcfcf; padding-bottom: 20px; max-width: 850px; font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif; 
}

#c02 .news:hover{
    background: #fafafa; 
}
a{text-decoration: none; color: #000}

.pg{
text-align: center; margin-top: 15%
}

}

/*--------------- ページャー ---------*/
.pnavi {
    display: flex; flex-wrap: wrap; max-width: 332px; margin: 10% auto 0;justify-content: center;
}
a.pnavi {
    font: inherit; direction: inherit;
}
a.page-numbers {
    font: inherit; color: black; text-decoration: inherit; padding:5px 3px; border:0px solid #cfcfcf; width: 30px; border-radius: 90px; text-align: center;
}
span.page-numbers.current {
    padding:5px 3px; border:1px solid #cfcfcf; width: 30px; border-radius: 90px; text-align: center;
}
.pnavi_li:hover {
    padding:5px 3px; border:1px solid #cfcfcf; width: 30px; border-radius: 90px; text-align: center;
}
a.prev.page-numbers {
    margin-right: 30px; border:1px solid #fff;
}
a.next.page-numbers {
    margin-right: 30px; border:1px solid #fff;
}


.pnavi {
    max-width: 450px !important;
}