@charset "utf-8";

@media print, screen and (min-width : 769px){
	/*.section {
		margin-top: 100px;
	}
	.section img {
		display: block;
		width: 100%;
	}
	.section h3 {
		margin-bottom: 50px;
		text-align: center;
		font-weight: normal;
		font-size: 38px;
	}
	.section h3 span {
		display: inline-block;
		padding: 0 40px 14px;
		border-bottom: 4px solid #444;
	}

	#footer_topic_path {
		margin-top: 85px;
	}*/


/* ----------------------------------------
	section_movie
---------------------------------------- */

	/*.section_movie a[name] {
		position: absolute;
		right: 100%;
	}

	.section_movie .text {
		padding: 15px;
		border: 1px solid #707070;
		background: #fff;
		white-space: nowrap;
		font-size: 17px;
	}*/

	.movie_main {
		/*width: 576px;*/
		margin: auto;
	}
	.movie_main a {
		display: block;
		position: relative;
	}
	.movie_main a:hover {
		opacity: 0.8;
	}
	.movie_main a::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 40px;
		height: 40px;
		/*background: url(btn_play.svg) 50% 50% / contain no-repeat;*/
		transform: translate(-50%,-50%);
	}
	.movie_main .text {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	/*.section_movie ul {
		flex-wrap: wrap;
		justify-content: space-between;
		width: 967px;
		margin: 40px auto 0;
	}
	.section_movie li {
		width: 476px;
		background: #707070;
	}
	.section_movie li:nth-child(n+3) {
		margin-top: 15px;
	}

	.section_movie .movie {
		position: relative;
		padding-top: 56.25%;
	}
	.section_movie .movie iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.section_movie li .link {
		margin-top: 20px;
	}*/


	/* ------------------------------
		Modal
	------------------------------ */
	
	#movie_modal {
		display: none;
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 65535;
		width: 100%;
		height: 100%;
		text-align: center;
		white-space: nowrap;
	}
	#movie_modal::after,
	#movie_modal_inner {
		display: inline-block;
		vertical-align: middle;
	}
	#movie_modal::after {
		content: '';
		width: 0;
		height: 100%;
	}

	#movie_modal .overlay {
		width: 100%;
		height: 100%;
		opacity: 1;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		background: #fff;
	}

	.modal_btn_close {
		background: 50% 50% / contain no-repeat;
		z-index: 2;
		cursor: pointer;
		transition: opacity .1s ease;
		position: fixed;
		left: 20px;
		top: 20px;
		width: 30px;
		height: 30px;
		background-image:url(modal_close.png);
	}

	.modal_btn_close:hover {
		opacity: .7;
	}

	#movie_modal_inner {
		opacity: 0;
		position: relative;
		top: 0;
		z-index: 2;
		box-sizing: border-box;
		width: 90%;
		max-width: 800px;
		margin: auto;
		white-space: normal;
	}

	#movie_modal_data {
		position: relative;
		padding-top: 56.25%;
	}
	#movie_modal_data iframe,
	#movie_modal_data .video-js {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	#movie_modal_data iframe.on,
	#movie_modal_data .video-js.on {
		display: block;
	}
	
	/*202403add 動画サムネを2カラムに*/
	.movie_mainWrapper {
		display: flex;
		justify-content: space-between;
	}
	
	.movie_mainWrapper .movie_main {
		width: 48%;
	}
}