@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/

.ttl01{
	padding-left:20px;
}
.ttl01.news:before{ background-color:#39B54A;}


.news-cat-list{
	margin-bottom:120px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.news-cat-list li{
	margin-right:0.5em;
	font-size:34px;
	line-height:1.3;
	font-family: 'Noto Serif JP', serif;
}
.news-cat-list li a{
	text-decoration:none;
	color:#000;
}
.news-cat-list li:after{
	content:" / ";
}
.news-cat-list li:last-child:after{
	content:"";
}
.news-cat-list li.news-list-back:after{
	content:" > ";
}

/* +++++++++++++++++++++++++ */

.news-list{
}
.news-list li{
	margin-bottom:200px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.news-list > li .ph{
	width:44%;
	position:relative;
	overflow: hidden;
	padding-top:30%;
}
.news-list > li .ph img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-list > li .txt{
	width:52%;
}
.news-list > li:nth-child(even) .txt{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}

.news-list a{
	text-decoration:none;
	color:#000;
}
.news-list .day{
}
.news-list .article-ttl{
	margin-bottom:20px;
	font-size:34px;
	line-height:1.3;
	font-family: 'Noto Serif JP', serif;
}
.news-list .article-description{
	margin-bottom:30px;
}
.news-list .article-link{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.news-list .article-link .more-link{
}
.news-list .article-link .more-link a{
	color:#999;
}
.news-list .article-link .article-cat{
}
.news-list .article-link .article-cat a{
	text-decoration:underline;
}

/* +++++++++++++++++++++++++ */

.pager-link{
	margin-bottom:120px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.pager-link li{
	min-width:13%;
	text-align:center;
}
.pager-link li a{
	display:block;
	padding:20px 50px;
	border: solid 1px #000;
	border-radius:15px;
	font-size:34px;
	line-height:1.3;
	font-family: 'Noto Serif JP', serif;
	text-decoration:none;
	color:#000;
}

/* +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ */

.news-detail-content{
	max-width:750px;
	margin-bottom:120px;
	margin-left: auto;
	margin-right: auto;
}
.news-detail-content .ph{
	margin-bottom:50px;
}
.news-detail-content .day{
}
.news-detail-content .detail-ttl{
	margin-bottom:20px;
	font-size:34px;
	line-height:1.3;
	font-family: 'Noto Serif JP', serif;
}

.news-detail-content .txt{
	margin-bottom:50px;
}
.news-detail-content .detail-cat{
	text-align:right;
}
.news-detail-content .detail-cat a{
	color:#000;
	text-decoration:underline;
}

.news-detail-content .detail-cat a{
	color:#000;
	text-decoration:underline;
}
.news-detail-content iframe{
	max-width:100%;
}





}

@media screen and (min-width:768px) and ( max-width:1110px) {
}

@media (max-width: 768px) {
	
	.ttl01{
		padding-left:20px;
	}
	.ttl01.news:before{ background-color:#39B54A;}
	
	
	.news-cat-list{
		margin-bottom:12vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.news-cat-list li{
		margin-right:0.5em;
		font-size:16px;
		line-height:1.3;
		font-family: 'Noto Serif JP', serif;
	}
	.news-cat-list li a{
		text-decoration:none;
		color:#000;
	}
	.news-cat-list li:after{
		content:" / ";
	}
	.news-cat-list li:last-child:after{
		content:"";
	}
	.news-cat-list li.news-list-back:after{
		content:" > ";
	}
	
	/* +++++++++++++++++++++++++ */
	
	.news-list{
	}
	.news-list li{
		margin-bottom:20vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.news-list > li .ph{
		width:100%;
		margin-bottom:5vw;
		position:relative;
		overflow: hidden;
		padding-top:60%;
	}
	.news-list > li .ph img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.news-list > li .txt{
		width:100%;
	}
	
	.news-list a{
		text-decoration:none;
		color:#000;
	}
	.news-list .day{
	}
	.news-list .article-ttl{
		margin-bottom:3vw;
		font-size:24px;
		line-height:1.3;
		font-family: 'Noto Serif JP', serif;
	}
	.news-list .article-description{
		margin-bottom:3vw;
	}
	.news-list .article-link{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.news-list .article-link .more-link{
	}
	.news-list .article-link .more-link a{
		color:#999;
	}
	.news-list .article-link .article-cat{
	}
	.news-list .article-link .article-cat a{
		text-decoration:underline;
	}
	
	/* +++++++++++++++++++++++++ */
	
	.pager-link{
		margin-bottom:12vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.pager-link li{
		min-width:30%;
		text-align:center;
	}
	.pager-link li a{
		display:block;
		padding:2vw 0;
		border: solid 1px #000;
		border-radius:15px;
		font-size:18px;
		line-height:1.3;
		font-family: 'Noto Serif JP', serif;
		text-decoration:none;
		color:#000;
	}
	
	/* +++++++++++++++++++++++++ */
	/* +++++++++++++++++++++++++ */
	
	.news-detail-content{
		margin-bottom:15vw;
		margin-left: auto;
		margin-right: auto;
	}
	.news-detail-content .ph{
		margin-bottom:5vw;
	}
	.news-detail-content .day{
	}
	.news-detail-content .detail-ttl{
		margin-bottom:4vw;
		font-size:24px;
		line-height:1.3;
		font-family: 'Noto Serif JP', serif;
	}
	
	.news-detail-content .txt{
		margin-bottom:5vw;
	}
	.news-detail-content .detail-cat{
		text-align:right;
	}
	.news-detail-content .detail-cat a{
		color:#000;
		text-decoration:underline;
	}
	.news-detail-content iframe{
		max-width:100%;
	}
			
				
}





/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}

.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}

.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}

.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}

@media screen and (max-width: 768px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}
}