@charset "UTF-8";



@media screen and (min-width: 768px) {
	#glb_nav_media > a {
		border-bottom: 2px #b42010 solid;
	}
		
	#media_h3 {
		text-align: center;
		font-size: 200%;
		line-height: 1;
		font-weight: 400;
		margin: 60px 0 65px;
	}
	#media_list {
		width: 96%;
		max-width: 700px;
		margin: 0 auto;
	}
	#media_list li {
		margin: 0 0 35px;
	}
	#media_list li:last-child {
		margin-bottom: 0 !important;
	}
	#media_list li time {
		display: block;
		color: #8d8d8d;
		font-size: 85%;
		line-height: 1.6;
	}
	#media_list li .month {
		color: #8d8d8d;
		font-size: 85%;
		line-height: 1.6;
	}
	#media_list li .title {
		color: #5c5c5c;
		font-size: 100%;
		line-height: 1.8;
	}
	#media_list li .title a {
		color: #5c5c5c;
		text-decoration: underline;
	}
	#media_list li .title a:hover {
		color: #e61010 !important;
	}

	#cm_h3 {
		text-align: center;
		font-size: 200%;
		line-height: 1;
		font-weight: 400;
		margin: 60px 0 80px;
	}
	.cm {
		width: 96%;
		max-width: 900px;
		margin: 0 auto 160px;
	}
	.cm:last-of-type {
		margin-bottom: 0 !important;
	}
	.cm dt {
		font-size: 120%;
		line-height: 1;
		text-align: center;
		margin: 0 0 25px;
	}
}
@media screen and (max-width: 767px) {
	#media_h3 {
		text-align: center;
		font-size: 125%;
		line-height: 1;
		font-weight: 400;
		margin: 35px 0 35px;
	}
	#media_list {
		width: 96%;
		margin: 0 auto;
	}
	#media_list li {
		margin: 0 0 25px;
	}
	#media_list li:last-child {
		margin-bottom: 0 !important;
	}
	#media_list li time {
		display: block;
		color: #8d8d8d;
		font-size: 80%;
		line-height: 1.6;
	}
	#media_list li .month {
		color: #8d8d8d;
		font-size: 80%;
		line-height: 1.6;
	}
	#media_list li .title {
		color: #5c5c5c;
		font-size: 85%;
		line-height: 1.6;
	}
	#media_list li .title a {
		color: #5c5c5c;
		text-decoration: underline;
	}
	#media_list li .title a:hover {
		color: #e61010 !important;
	}

	#cm_h3 {
		text-align: center;
		font-size: 125%;
		line-height: 1;
		font-weight: 400;
		margin: 35px 0 35px;
	}
	.cm {
		width: 96%;
		margin: 0 auto 45px;
	}
	.cm:last-of-type {
		margin-bottom: 0 !important;
	}
	.cm dt {
		font-size: 100%;
		line-height: 1;
		text-align: center;
		margin: 0 0 12px;
	}
}
.cm dd {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.cm dd iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* 2026年6月追記 */
@media screen and (min-width: 768px) {
	.media_category {
		width: 96%;
		max-width: 1000px;
		margin: 0 auto 90px;
	}
	.media_category:last-of-type {
		margin-bottom: 0;
	}
	.media_category h4 {
		margin: 0 0 30px;
	}
	.media_year h5 {
		color: #020202;
		font-size: 140%;
		line-height: 1.6;
		font-weight: 500;
		margin: 0 0 30px;
	}
	.media_year > dl {
		margin: 0 0 40px;
	}
	.media_year > dl:last-of-type {
		margin-bottom: 0;
	}
	.media_year > dl > dt {
		font-size: 120%;
		line-height: 1.6;
		margin: 0 0 3px;
	}
	.media_year > dl > dd {
		color: #5c5c5c;
		font-size: 100%;
		line-height: 1.9;
	}
	.media_year > dl > dd dl {
		padding-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	.media_category {
		width: 96%;
		margin: 0 auto 50px;
	}
	.media_category:last-of-type {
		margin-bottom: 0;
	}
	.media_category h4 {
		margin: 0 0 20px;
	}
	.media_year h5 {
		color: #020202;
		font-size: 105%;
		line-height: 1.6;
		font-weight: 500;
		margin: 0 0 15px;
	}
	.media_year > dl {
		margin: 0 0 30px;
	}
	.media_year > dl > dt {
		font-size: 95%;
		line-height: 1.6;
		margin: 0 0 3px;
	}
	.media_year > dl > dd {
		color: #5c5c5c;
		font-size: 85%;
		line-height: 1.8;
	}
	.media_year > dl > dd dl {
		padding-top: 15px;
	}
}
.media_year > dl > dd p {
	word-break: break-all;
}
.media_year > dl > dd a {
	color: #e61010;
}
.media_year > dl > dd a:hover {
	text-decoration: underline;
}
.media_youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.media_youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}