@charset "utf-8";


/* clearfix */
.clearfix:after { content:"."; display:flex; clear:both; height:0; visibility:hidden; }
.clearfix { display:flex; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:flex; }
.news_chirashi,.news_chirashi *{
	box-sizing:border-box;
}
#newsWrap,#newsWrap *,.setumei,.setumei *{
 	box-sizing:border-box;   
}
.news_chirashi h3.title1{
    width:100%; 
    font-size: clamp(18px, 1.6vw, 26px);
    text-align: center;
    margin:0 auto 20px;
}
.news_chirashi div.setumei{
    width:100%;
    padding:0px 1em;
    background:rgba(150,150,150,0.1);
    margin: 10px auto 20px;
     line-height: 1.7;
}

.news_chirashi div.setumei p{
    width:100%;
    text-align: left;
    line-height: 1.7;
    padding:5px;
    padding-left:1em;
    text-indent:-1em;
    margin:0;
}
@media screen and (max-width:1361px){
.news_chirashi div.setumei{
    width:min(100%,600px);
}   
}
/*
.news_chirashi h3.title1 + .right_line{
    position: relative;
}
.news_chirashii h3.title1 + .right_line:after{
    top: 13px;
    right: -110px;
    width: 100px;
}
*/
#chirashi #newsWrap{
    margin-bottom:10px;
}

@media screen and (min-width:960px){
    #chirashi #newsList{
    width:100%;
    height: auto;
    display:flex;
    justify-content: center;
		gap:10px;
}

	#chirashi h3.title1{
	display:flex;
	align-items: center;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
		 margin:60px auto 40px;
}
    #chirashi h3.title1 + p{
    margin-bottom:0px;
}
}

#chirashi iframe {
    display: flex;
    justify-content: center;
    height: 610px;
}

@media screen and (max-width:767px){
   #chirashi iframe {
    height: 82vw;
} 
    #chirashi #newsWrap{
    margin-bottom:20px;
}
}
@media screen and (max-width:480px){
    #chirashi #newsWrap{
    margin-bottom:50px;
}
}
ul#newsList{
    width:100%;
	height:auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 0 auto;
	padding:0;
}
ul#newsList li{
    width:min(100%,600px);
    height: auto;
    margin:0 auto 20px;
}
ul#newsList li:nth-child(1){
	padding:0 0px 0 0;
    
}
ul#newsList li:nth-child(2){
	padding:0;
}

a{opacity: 1; text-decoration:underline;}
a:hover{opacity: 0.7; text-decoration:none;}
#newsWrap + p a{font-size: 14px;}
.thumbNailWrap{
	width:min(100%,600px);
	height:auto;
	display: flex;
    justify-content: center;
}

.thumbNailWrap img{
	width: 100%;
    height: auto;
    border: 0.5em solid rgb(218,102,17,.3);
}

.thumbNailWrap img{
	width: 100%;
    height: auto;
    border: 0.5em solid rgb(218,102,17,.3);
}
/**** W900px時 ↓ ****/
@media screen and (max-width: 900px)and (max-width:1280px) {

.clearfix {
    display:flex;
	margin: 0 auto;
}

ul#newsList{
    width:100%;
    height:auto;
	display: block;
    justify-content: center;
}
/*
ul#newsList li{
    height:480px;
}
ul#newsList li:nth-child(1){
	padding:0 0 0 0;
}
ul#newsList li:nth-child(2){
	padding:0 0 0 0;
    margin-top: -15px;
}
*/
a{opacity: 1; text-decoration:underline;}
a:hover{opacity: 0.7; text-decoration:none;}
    
.thumbNailWrap img{
/*	width: 90vw;*/
    height: auto;
    border: 0.5em solid rgb(218,102,17,.3);
}

}
    @media screen and (max-width:899px){
       ul#newsList li{
    height:65vw;
} 
    }
        @media screen and (max-width:767px){
       ul#newsList li{
    height:67vw;
} 
    }
#news_list_page #newsWrap{
    width:min(100%,1200px);
    margin:0 auto;
}
#news_list_page main{
    padding-left:15px;
    padding-right:15px;
}
@media screen and (max-width:959px){
    #news_list_page main{
        padding:60px 15px;
    }  
}
#news_list_page .thumbNailWrap{
	width:min(100%,1200px);
	height:auto;
	display: block;

}
#news_list_page ul#newsList {
	width:min(100%,1200px);
	height:auto;
	display: grid;
    justify-content: center;
    gap:10px 20px;
    grid-template-columns: repeat(3,1fr);
    margin-bottom:20px;
}
#news_list_page ul#newsList li{
    width:100%;
    height: auto;
    margin:0 auto 20px;
    display:flex;
    flex-direction: column;
    gap:0px;
    border-radius:5px;
    padding:10px;
    background:rgba(0,0,0,0.05);
    box-shadow:0px 5px 5px rgba(0,0,0,0.3);
}
#news_list_page ul#newsList li > *{
    margin-bottom:1em;
}
#news_list_page ul#newsList li .title{
    height:3em;
    width:100%;
    overflow: hidden;
    padding:5px;
    background:rgba(0,0,0,0.1);
    line-height: 1.4;
    margin-top:-1.2em;
    margin-bottom:1em;
}
#news_list_page .thumbNailWrap img{
    border:none;
}
#news_list_page div.setumei{
    width:min(100%,1200px);
    margin: 10px auto 20px;
     line-height: 1.7;
}
#news_list_page div.setumei > div{
    width:100%;
    padding:0px 1em;
    background:rgba(150,150,150,0.1);
    margin: 10px auto 20px;
     line-height: 1.7;
}
#news_list_page div.setumei > div p{
    width:100%;
    text-align: left;
    line-height: 1.7;
    padding:5px;
    padding-left:1em;
    text-indent:-1em;
    margin:0;
}
#news_list_page div.setumei > p{
    width:100%;
    text-align: right;
    line-height: 1.7;
    padding:5px;
    margin:0;
}
#news_list_page .comment{
    line-height: 1.5;
    height:auto;
    min-height:6em;
    max-height:9.5em;
    overflow: hidden;
    padding:3px 5px;
    background:#fff;
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
@media screen and (max-width:960px){
   #news_list_page ul#newsList {
       width:min(100%,1000px);
    grid-template-columns: repeat(2,1fr);
}
    #news_list_page div.setumei{
    width:min(100%,1000px);
}
}
@media screen and (max-width:767px){
   #news_list_page ul#newsList {
    grid-template-columns: repeat(1,1fr);
} 
}