@charset "utf-8";
/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */


/*------------------------------------------------------------
[SP] movie_list_primary
------------------------------------------------------------ */
.movie_list_primary {
	margin:4.6875vw auto 0;
	padding: 0;
	width: 93.75vw;
	list-style: none;
}
.movie_list_primary li {
	margin-bottom: 4.6875vw;
	width: 93.75vw;
	background: url(../img/sp_bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 12.5vw;
	position: relative;
}

/* new mark */
.movie_list_primary li.new::after {
	content: 'NEW';
	width: 8vw;
	height: 8vw;
	background: #0d69a8;
	font-size: 2vw;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -4vw;
	right: -2vw;
}

.movie {
	 position: relative;
	 padding-bottom: 56.25%;
	 height: 0;
	 overflow: hidden;
}
.movie iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.movie_list_primary .title {
	font-size: 4.375vw;
	line-height: 1.2;
	min-height: 15.625vw;
	color: #fff;
	padding: 4.6875vw 3.125vw 3.125vw 20.3125vw;
	background:url(../img/icon_flower_white.svg) no-repeat 6.25vw center;
	background-size: 8.4375vw auto;
}

/*------------------------------------------------------------
[SP] switch_movie_container
------------------------------------------------------------ */
.switch_movie_container {
	margin:4.6875vw auto;
	padding: 0;
	width: 93.75vw;
	list-style: none;
}
.switch_movie_container li {
	width: 93.75vw;
	background: url(../img/sp_bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 12.5vw;
	display: none;
}
.switch_movie_container li.show {
	display: block;
}
.switch_movie_container .title {
	font-size: 4.375vw;
	line-height: 1.2;
	min-height: 15.625vw;
	color: #fff;
	padding: 4.6875vw 3.125vw 3.125vw 20.3125vw;
	background:url(../img/icon_flower_white.svg) no-repeat 6.25vw center;
	background-size: 8.4375vw auto;
}
.switch_movie_container .btn_change {
	margin: 0 5.46875vw;
	background: #fff;
	font-size: 3.125vw;
	padding: 2.34375vw;
	display: inline-block;
	color: #0069ac;
	text-decoration: none;
}

/*------------------------------------------------------------
[SP] movie_list_secondary
------------------------------------------------------------ */
.movie_list_secondary {
	margin:4.6875vw auto 0;
	padding: 0;;
	width: 93.75vw;
	list-style: none;
}
.movie_list_secondary li {
	margin-bottom: 4.6875vw;
	width: 93.75vw;
	background: url(../img/sp_bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 12.5vw;
	position: relative;
}

/* new mark */
.movie_list_secondary li.new::after {
	content: 'NEW';
	width: 8vw;
	height: 8vw;
	background: #0d69a8;
	font-size: 2vw;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -4vw;
	right: -2vw;
}
.movie_list_secondary li.new.category_fishing::after {
	background:#00abe4;
}
.movie_list_secondary li.new.category_children::after {
	background:#2bc732;
}
.movie_list_secondary li.new.category_challenged_sports::after {
	background:#fa9900;
}
.movie_list_secondary li.new.category_culture_sports::after {
	background:#f47275;
}
.movie_list_secondary li.new.category_future_challenge::after {
	background:#ff4d4d;
}



.movie_list_secondary li.category_fishing {
	background: url(../img/sp_bg_article_bottom_fishing.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_children {
	background: url(../img/sp_bg_article_bottom_children.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_challenged_sports {
	background: url(../img/sp_bg_article_bottom_challenged_sports.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_culture_sports {
	background: url(../img/sp_bg_article_bottom_culture_sports.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_future_challenge {
	background: url(../img/sp_bg_article_bottom_future_challenge.svg) no-repeat center bottom;
	background-size: 100% auto;
}

.movie_list_secondary .title {
	font-size: 4.375vw;
	line-height: 1.2;
	min-height: 15.625vw;
	color: #fff;
	padding: 4.6875vw 3.125vw 4.6875vw 20.3125vw;
}
.movie_list_secondary li.category_fishing .title {
	background:url(../img/icon_fishing_boat_white.svg) no-repeat 4.6875vw center;
	background-size: 10.9375vw auto;
}
.movie_list_secondary li.category_children .title {
	background:url(../img/icon_children_future_white.svg) no-repeat 5.46875vw center;
	background-size: 9.375vw auto;
}
.movie_list_secondary li.category_challenged_sports .title {
	background:url(../img/icon_challenged_sports_white.svg) no-repeat 5vw center;
	background-size: 11.71875vw auto;
}
.movie_list_secondary li.category_culture_sports .title {
	background:url(../img/icon_culture_sports_white.svg) no-repeat 4.84375vw center;
	background-size: 11.875vw auto;
}
.movie_list_secondary li.category_future_challenge .title {
	background:url(../img/icon_future_challenge_white.svg) no-repeat 4.53125vw center;
	background-size: 12.34375vw auto;
}


/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

/*------------------------------------------------------------
[PC] movie_list_primary
------------------------------------------------------------ */
.movie_list_primary {
	margin:45px auto 0;
	width: 640px;
}
.movie_list_primary li {
	margin-bottom: 20px;
	width: 640px;
	background: url(../img/bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 70px;
}

/* newmark */
.movie_list_primary li.new::after {
	content: 'NEW';
	width: 40px;
	height: 40px;
	background: #0d69a8;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -20px;
	right: -15px;
}

.movie_list_primary .title {
	font-size: 15px;
	line-height: 1.2;
	min-height: 65px;
	color: #fff;
	padding: 20px 30px 10px 68px;
	background:url(../img/icon_flower_white.svg) no-repeat 20px 18px;
	background-size: 38px auto;
}

/*------------------------------------------------------------
[PC] switch_movie_container
------------------------------------------------------------ */
.switch_movie_container {
	margin:20px auto;
	padding: 0;
	width: 640px;
	list-style: none;
}
.switch_movie_container li {
	width: 640px;
	background: url(../img/bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 70px;
	display: none;
}
.switch_movie_container li.show {
	display: block;
}
.switch_movie_container .title {
	font-size: 15px;
	line-height: 1.2;
	min-height: 65px;
	color: #fff;
	padding: 20px 30px 10px 68px;
	background:url(../img/icon_flower_white.svg) no-repeat 20px 18px;
	background-size: 38px auto;
}
.switch_movie_container .btn_change {
	margin: 0 68px;
	background: #fff;
	font-size: 12px;
	padding: 10px;
	display: inline-block;
	color: #0069ac;
	text-decoration: underline;
	cursor: pointer;
}
.switch_movie_container .btn_change:hover {
	text-decoration: none;
}

/*------------------------------------------------------------
[PC] movie_list_secondary
------------------------------------------------------------ */
.movie_list_secondary {
	margin:25px auto 0;
	padding: 0;;
	width: 848px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.movie_list_secondary li {
	margin: 0 80px 25px 0;
	width: 384px;
	background: url(../img/bg_article_bottom_general.svg) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 40px;
}
/* new mark */
.movie_list_secondary li.new::after {
	content: 'NEW';
	width: 40px;
	height: 40px;
	background: #0d69a8;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -20px;
	right: -15px;
}

.movie_list_secondary li:nth-child(2n) {
	margin: 0 0 25px 0;
}
.movie_list_secondary li.category_fishing {
	background: url(../img/sp_bg_article_bottom_fishing.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_children {
	background: url(../img/sp_bg_article_bottom_children.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_challenged_sports {
	background: url(../img/sp_bg_article_bottom_challenged_sports.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_culture_sports {
	background: url(../img/sp_bg_article_bottom_culture_sports.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary li.category_future_challenge {
	background: url(../img/sp_bg_article_bottom_future_challenge.svg) no-repeat center bottom;
	background-size: 100% auto;
}
.movie_list_secondary .title {
	font-size: 15px;
	line-height: 1.2;
	min-height: 40px;
	color: #fff;
	padding: 20px 30px 20px 50px;
}
.movie_list_secondary li.category_fishing .title {
	background:url(../img/icon_fishing_boat_white.svg) no-repeat 12px center;
	background-size: 28px auto;
}
.movie_list_secondary li.category_children .title {
	background:url(../img/icon_children_future_white.svg) no-repeat 18px center;
	background-size: 23px auto;
}
.movie_list_secondary li.category_challenged_sports .title {
	background:url(../img/icon_challenged_sports_white.svg) no-repeat 15px center;
	background-size: 23px auto;
}
.movie_list_secondary li.category_culture_sports .title {
	background:url(../img/icon_culture_sports_white.svg) no-repeat 14px center;
	background-size: 28px auto;
}
.movie_list_secondary li.category_future_challenge .title {
	background:url(../img/icon_future_challenge_white.svg) no-repeat 9px center;
	background-size: 35px auto;
}


}