@charset "shift_jis";

/*id名から指定をお願いいたします
#ccontents_works_mufg_wrapper .クラス名〜*/

#contents_works_mufg_wrapper {
	max-width: 810px;
	width: auto;
	font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", Meiryo, sans-serif;
}
#contents_works_mufg_wrapper .cf:before,
#contents_works_mufg_wrapper .cf:after {
	content: "";
	display: table;
}
#contents_works_mufg_wrapper .cf:after {
	clear: both;
}
#contents_works_mufg_wrapper .cf {
	zoom: 1;
}
#contents_works_mufg_wrapper img {
	max-width: 100%;
}
#contents_works_mufg_wrapper .mv img {
	width: 100%
}
#contents_works_mufg_wrapper .wrapper {
	width: auto;
	margin: 0 auto 0;
	padding-bottom: 90px;
	background-color: #fff9f3;
}
#contents_works_mufg_wrapper .wrapper .catch {
	text-align: center;
	padding: 60px 0;
	letter-spacing: 0.08em;
}
#contents_works_mufg_wrapper .wrapper .catch .lead {
	font-size: 23px;
	font-weight: 600;
	color: #981a13;
	padding-bottom: 30px;
	line-height: 150%;
}
#contents_works_mufg_wrapper .wrapper .catch p {
	font-size: 18px;
	font-weight: 600;
	line-height: 170%;
}
#contents_works_mufg_wrapper .wrapper .movie {
	padding: 0 25px;
}
#contents_works_mufg_wrapper .wrapper .movie h2 {
	padding: 0 25px 30px;
}
#contents_works_mufg_wrapper .wrapper .movie_box {
	width: 100%;
	margin: auto;
	background: linear-gradient(to right, #FFF 60%, #fff9f3);
	border-radius: 20px;
	padding: 50px 30px;
	box-shadow: -20px 10px 20px 0px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item {
	display: grid;
	grid-template-columns: 298px 1fr;
	margin-bottom: 60px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item:last-child {
	margin-bottom: 0;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_no {
	color: #b51818;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_main {
	position: relative;
	overflow: hidden;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_main iframe {
	display: block;
	width: 100%;
	border:0;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 18px;
	padding: 50px 0 15px 40px;
	position: relative;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right h3 span {
	color: #b51818;
	font-size: 25px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #b51818;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right p {
	font-size: 14px;
	line-height: 1.7;
	font-weight: 600;
	padding-left: 40px;
}

#contents_works_mufg_wrapper .wrapper .nominate {
	margin-top: 115px;
}
#contents_works_mufg_wrapper .wrapper .nominate img {
	display: block;
	margin: 0 auto;
}
#contents_works_mufg_wrapper .wrapper .nominate a {
	display: block;
	margin: 0 auto;
	font-size: 20px;
	width: 407px;
	line-height: 89px;
	text-align: center;
	background-color: #ffc82f;
	color: #000;
	border-radius: 100px;
}
#contents_works_mufg_wrapper .sp_rank_vote {
	margin-top: 65px;
}
#contents_works_mufg_wrapper .sp_rank_vote a {
	display: table;
	margin: 0 auto;
}


/* sp */
@media screen and (max-width: 768px) {

#contents_works_mufg_wrapper .wrapper {
	width: auto;
	margin: 0 auto 0;
	padding-bottom: 50px;
}
#contents_works_mufg_wrapper .wrapper .catch {
	padding: 50px 15px;
}
#contents_works_mufg_wrapper .wrapper .catch .lead {
	font-size: 20px;
	padding-bottom: 30px;
}
#contents_works_mufg_wrapper .wrapper .catch p {
	font-size: 15px;
}
#contents_works_mufg_wrapper .wrapper .movie {
	padding: 0 25px;
}
#contents_works_mufg_wrapper .wrapper .movie h2 {
	padding: 0 0 20px;
}
#contents_works_mufg_wrapper .wrapper .movie h2 img {
	width: 40%;
}
#contents_works_mufg_wrapper .wrapper .movie_box {
	padding: 30px 20px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item {
	grid-template-columns: 1fr;
	margin-bottom: 50px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_thumb img {
	width: 100%;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right h3 {
	font-size: 24px;
	padding: 30px 0 15px 10px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right h3 span {
	font-size: 24px;
}
#contents_works_mufg_wrapper .wrapper .movie_box .movie_item .movie_right p {
	font-size: 14px;
	padding-left: 10px;
}

#contents_works_mufg_wrapper .wrapper .nominate {
	margin: 60px auto 0;
	width: 90%;
}
#contents_works_mufg_wrapper .wrapper .nominate img {
	display: block;
	margin: 0 auto;
}
#contents_works_mufg_wrapper .wrapper .nominate a {
	font-size: 18px;
	width: 90%;
	line-height: 74px;
}
#contents_works_mufg_wrapper .sp_rank_vote {
	margin: 50px auto 0;
	width: 90%;
}
#contents_works_mufg_wrapper .sp_rank_vote a {
	display: table;
	margin: 0 auto;
}

}