@charset "UTF-8";

/* ▼▼▼ お知らせ
=====================================*/
.container.select{
	max-width: 913px;
}
.container.news {
	max-width: 924px;
	padding: 0 0 60px;
	margin:0 auto;
}
select{
	width: 100%
	border:1px solid #CCCCCC;
	border-radius: 5px;
	/* padding: 10px 5px 10px 15px; */
	padding: 10px 15px;
	margin-bottom: 24px;
}
select {
	-webkit-appearance: none;
	appearance: none; /* デフォルトのスタイルを無効 */
	width: 100%;
}
select::-ms-expand {
	display: none; /* デフォルトのスタイルを無効(IE用) */
}
.select_wrap{
	/* width: 102px; */
	width: 142px;
	margin: 0 0 0 auto;
	position: relative;
}
.select_wrap::before{
	content:"";
	width: 3px;
	height: 3px;
	border-right:1px solid #707070;
	border-bottom: 1px solid #707070;
	transform: rotate(45deg);
	position: absolute;
	top: 27%;
	/* left: 82px; */
	right: 15px;
}
.news_wrap{
	display: flex;
	flex-wrap: wrap;
}
.news {
	width: 100%;
	max-width: 240px;
	}
	.news{
		margin:0 34px;
	}
.news a {
	display: block;
	}
.news .photo{
	margin-bottom: 10px;
}
.news .txt_box{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}
.date_area{
	justify-content: flex-start;
}
.date_area .date{
	border-right: 1px solid #727272;
	padding-right:14px;
}
.date_area .category{
	padding-left: 14px;
}
.news .date ,.news .category{
	font-size: 10px;
	color: #727272;
	line-height: 1;
	}
.pagenav {
	width: 340px;
	padding: 60px 0 0;
	margin: 0 auto;
	line-height: 38px;
	position: relative;
	overflow: hidden;
	}
.detail .pagenav {
	width: 100%;
	padding: 30px 0 0;
	}
	.pagenav ol {
		width: 240px;
		margin: 0 auto;
		overflow: hidden;
		font-weight: bold;
		}
		.pagenav ol li{
			float: left;
			width: 40px;
			border: 1px solid #707070;
			margin-right: 10px;
			font-size: 11px;
			text-align: center;
			}
			.pagenav ol li.now a{
				background: #000;
				color: #fff;
			}
		.pagenav ol li:last-child {margin-right: 0;}
			.pagenav ol li a {
				display: block;
				background: #fff;
				color:#000;
				text-decoration: underline;
				}
			.pagenav ol li a:hover {
				background: none;
				color: #fff;
				text-decoration: none;
				}
	.pagenav .prev,
	.pagenav .next {
		position: absolute;
		width: 40px;
		height: 40px;
		border:1px solid #707070;
		top: 60px;
		left: 0;
		}
		.pagenav .prev a,
		.pagenav .next a{
			width: 40px;
			height: 40px;
		}
	.pagenav .next {
		left: inherit;
		right: 0;
		}
	.pagenav .prev:before {
		content: "";
		width: 4px;
		height: 4px;
		border-top:1px solid #707070;
		border-left: 1px solid #707070;
		transform: rotate(-45deg);
		margin:auto;
		position: absolute;
		top:0;
		right:0;
		bottom: 0;
		left: 0;
		}
	.pagenav .next:after {
		content: "";
		width: 4px;
		height: 4px;
		border-top:1px solid #707070;
		border-right: 1px solid #707070;
		transform: rotate(45deg);
		margin:auto;
		position: absolute;
		top:0;
		right:0;
		bottom: 0;
		left: 0;
		}

/* 詳細 */
.detail .container{
	padding: 100px 20px 90px;
}
.article {
	margin-bottom: 55px;
	clear: both;
	overflow: hidden;
	}
	.article > .flex_box{
		align-items: center;
	}
	.article .date_area{
		margin-bottom: 15px;
	}
	.article .text_area{
		width: 39%;
		background: none;
	}
	.article .date,.article .category{
		font-size: 10px;
		color:#727272;
	}
	.article h2 {
		font-size: 20px;
		font-weight: bold;
	}
	.article .photo_area{
		width: 50%;
	}
	.article .inner {
	margin-bottom: 50px;
	overflow: hidden;
	}
	.article ul.link{
		margin-bottom: 80px;
	}
	.article ul.link li {
		margin-bottom: 10px;
		}
	.article ul.link li a {
	padding-left: 15px;
	text-decoration: underline;
	position: relative;
	}
	.article ul.link li a::before{
		content:"";
		width: 3px;
		height: 3px;
		border-top:1px solid #707070;
		border-right:1px solid #707070;
		transform:rotate(45deg);
		margin:auto;
		position: absolute;
		top:0;
		left:0;
		bottom: 0;
	}
.img_wrap{
	max-width: 640px;
	margin:0 auto;
}
.img_wrap div:not(:last-of-type){
	margin-bottom: 40px;
}
.share_area {
	margin-bottom: 40px;
}
.share_area p{
	text-align: center;
	margin-bottom: 27px;
}
.share_area .share_list{
	display: flex;
	justify-content:center;
}
.share_area .share_list li:not(:last-child){
	margin-right: 32px;
}
.detail .pagenav .back {
	width: 166px;
	height: 40px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	border: 1px solid #707070;
	}
.detail .pagenav .prev{
	top:30px;
	left:33%;
}
.detail .pagenav .next{
	top:30px;
	right: 33%;
}
/* imgLiquid
======================================================*/
.news_wrap .news .photo img{
	display: none;
}
.news_wrap .news .photo{
	width: 240px;
	height: 160px;
	margin-right: 40px;
}
.img_wrap .photo{
	width: 640px;
	height: 427px;
}
/* youtube
======================================================*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {
.detail .container {
    padding: 0 20px 30px;
}
.news {
width: 100%;
max-width: 375px;
margin:0;
}
.news.container{
	padding: 0 30px;
}
.select_wrap select{
	font-size: 16px;
	padding: 7px 11px;
}
/* .select_wrap::before{
	right: 20px;
	left:auto;
} */
.select_wrap::before{
	top:26%;
	right: 10px;
}
.news a:hover {text-decoration: none;}
.news .date {
	float: none;
	}
.news .txt_box {
  margin-bottom: 5px;
}
.date_area{
margin: 0 0 50px;
}
.pagenav {
	width: 86%;
padding: 50px 0 0;
}
.detail .pagenav {
	padding: 15px 0 0;
	}
	.pagenav ol {
		width: 100%;
		max-width: 188px;
		line-height: 28px;
		}
		.pagenav ol li {
			width: 30px;
			margin-right: 5%;
			}
.pagenav .prev,
.pagenav .next {
	width: 30px;
	height: 30px;
	top: 50px;
	left: 0;
	}
.pagenav .next {
	left: inherit;
	right: 0;
	}
.pagenav .prev a, .pagenav .next a {
    width: 30px;
    height: 30px;
}
.pagenav .back {
	width: 210px;
	}

/* 詳細 */
.article > .flex_box{
	display: block;
	margin-bottom: 0;
	}
.article .date_area{
	width: 100%;
}
.article .text_area {
	width: 100%;
}
.article h2 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 16px;
	}
.article .photo_area {
  width: 100%;
	margin-bottom: 30px;
}
.article .inner {
	margin-bottom: 34px;
	}

.article ul.link {
	float: none;
	width: 100%;
	margin-bottom: 40px;
	}
.article .photo {margin-bottom: 10px;}
	.article ul.link li {
		margin-bottom: 10px;
		}
.article ul.link li a {
	background-size: 14px 14px;
	}
.img_wrap div:not(:last-of-type) {
    margin-bottom: 30px;
}
.share_area p{
	font-size: 12px;
}
.pagenav .prev a, .pagenav .next a{
	width: 40px;
	height: 40px;
}
.detail .pagenav .prev {
	width: 40px;
	height: 40px;
  top: 15px;
  left: 16px;
}
.detail .pagenav .next{
	width: 40px;
	height: 40px;
  top: 15px;
  right: 16px;
}
/* imgLiquid
======================================================*/
.news_wrap .news .photo {
		width: 100%;
		max-width: 100%;
		height: 210px;
		margin: 0 0 5px 0;
}
.img_wrap .photo {
    width: 100%;
    height: 210px;
}
/* youtube
======================================================*/
.youtube {
    padding-top: 62.69%;
}
}

/* ▼▼▼ 320px〜479px
=====================================*/
@media screen and (max-width: 320px) {
.pagenav{
	width: 100%;
}
}