@charset 'UTF-8';

/* ***********************************
	common
*********************************** */
article {line-height: 1.88;}
.dspace_footer { background-color: #e7e7e7; }
.pcInline { display: inline; }
.spInline { display: none; }
.pcBlock { display: block; }
.spBlock { display: none; }
.movies_container { margin: 0 auto; padding: 0 55px; max-width: 870px; }
.movies_container_wide { margin: 0 auto; padding: 0 13px; max-width: 954px; }
@media (max-width:767px) {
.pcInline { display: none; }
.spInline { display: inline; }
.pcBlock { display: none; }
.spBlock { display: block; }
.movies_container { margin: 0 auto; padding: 0 20px; max-width: 870px; }
.movies_container_wide { margin: 0 auto; padding: 0 20px; max-width: 954px; }
}

/* ***********************************
	movies_title
*********************************** */
.movies_title { background: url(/me/dspace/studio/movie/img/02/bg_main.jpg) center bottom no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: 462px; }
@media (max-width:767px) {
.movies_title { background: url(/me/dspace/studio/movie/img/02/bg_main_sp.jpg) center bottom no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: 66.6666vw; }
.movies_title img { width: 79.2vw; }
}

/* ***********************************
	movies_sub_title
*********************************** */
.movies_sub_title { margin-top: 80px; }
.movies_sub_title h3 { font-size: 2.375em; font-weight: bold; line-height: 1.5; text-align: center; margin-bottom: -20px; }
@media (max-width:767px) {
.movies_sub_title { margin-top: 40px; }
.movies_sub_title h3 { font-size: 1.625em; font-weight: bold; line-height: 1.5; text-align: left; margin-bottom: -10px; }
}

/* ***********************************
	movies_intro
*********************************** */
.movies_intro { background: #010001 url(/me/dspace/studio/movie/img/02/bg_intro.jpg) no-repeat; background-size: 100% auto; color: #ffffff; padding: 90px 0 100px 0; }
.movies_intro .intro_lead { font-size: 1.0625em; }
.movies_intro .intro_outer { position: relative; margin-top: 50px; }
.movies_intro .intro_outer::before { border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; }
.movies_intro .intro_outer::after { border-top: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 0px; right: 0px; width: 22px; height: 22px; }
.movies_intro .intro_inner { position: relative; padding: 50px 60px; }
.movies_intro .intro_inner::before { border-bottom: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; bottom: 0px; left: 0px; width: 22px; height: 22px; }
.movies_intro .intro_inner::after { border-bottom: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; bottom: 0px; right: 0px; width: 22px; height: 22px; }
.movies_intro .intro_inner p { font-size: 0; line-height: 0; text-align: center; }
.movies_intro .intro_inner p img { max-width: 100%; }
.movies_intro .intro_inner dl { margin-top: 60px; }
.movies_intro .intro_inner dl dt { overflow: hidden; text-align: center; }
.movies_intro .intro_inner dl dt span { font-size: 1.25em; font-weight: bold; position: relative; padding: 0 10px; }
.movies_intro .intro_inner dl dt span::before { border-top: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 50%; right: 100%; width: 750px; }
.movies_intro .intro_inner dl dt span::after { border-top: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 50%; left: 100%; width: 750px; }
.movies_intro .intro_inner dl dd { font-size: 0.875em; margin-top: 10px; }
.movies_intro .intro_info { margin-top: 40px; }
.movies_intro .intro_info dt { font-size: 1.125em; font-weight: bold; }
.movies_intro .intro_info dd { border-top: 1px solid rgba(255,255,255,0.3); font-size: 0.8125em; margin-top: 5px; padding-top: 10px; }
@media (max-width:767px) {
.movies_intro { background: #010001 url(/me/dspace/studio/movie/img/02/bg_intro_sp.jpg) no-repeat; background-size: 100% auto; color: #ffffff; padding: 45px 0; }
.movies_intro .intro_lead { font-size: 0.875em; }
.movies_intro .intro_outer { position: relative; margin-top: 25px; }
.movies_intro .intro_outer::before { border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; }
.movies_intro .intro_outer::after { border-top: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; }
.movies_intro .intro_inner { position: relative; padding: 30px 0; }
.movies_intro .intro_inner::before { border-bottom: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; }
.movies_intro .intro_inner::after { border-bottom: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; }
.movies_intro .intro_inner p { font-size: 0; line-height: 0; text-align: center; }
.movies_intro .intro_inner p img { width: 100%; max-width: 100%; }
.movies_intro .intro_inner dl { margin-top: 40px; }
.movies_intro .intro_inner dl dt { overflow: hidden; text-align: center; }
.movies_intro .intro_inner dl dt span { font-size: 0.875em; font-weight: bold; position: relative; padding: 0 5px; }
.movies_intro .intro_inner dl dt span::before { border-top: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 50%; right: 100%; width: 750px; }
.movies_intro .intro_inner dl dt span::after { border-top: 1px solid rgba(255,255,255,0.3); content: ""; position: absolute; top: 50%; left: 100%; width: 750px; }
.movies_intro .intro_inner dl dd { font-size: 0.75em; margin-top: 10px; }
.movies_intro .intro_info { margin-top: 25px; }
.movies_intro .intro_info dt { font-size: 0.8125em; font-weight: bold; }
.movies_intro .intro_info dd { border-top: 1px solid rgba(255,255,255,0.3); font-size: 0.75em; margin-top: 5px; padding-top: 10px; }
}

/* ***********************************
	movies_talks
*********************************** */
.movies_talks { margin-top: 80px;}
.movies_talks img { width: 100%; }
.movies_talks .talks_text { margin-top: 30px; }
.movies_talks .talks_paragraph > * { margin-bottom: 30px; }
.movies_talks .talks_paragraph > *:last-child { margin-bottom: 0; }
.movies_talks dt { color: #86431d; font-weight: bold; position: relative; padding-left: 1.3em; }
.movies_talks dt::after { content: "―"; position: absolute; top: 0px; left: 0px; }
.movies_talks dd { position: relative; padding-left: 7em; }
.movies_talks dd span { font-weight: bold; position: absolute; top: 0px; left: 0px; }
.movies_talks dd span.txt_note {
	position: relative;
	font-size: .8rem;
	font-weight: normal;
}
.movies_talks .photo { position: relative; }
.movies_talks .photo span { display: block; font-size: 0; line-height: 0; }
.movies_talks .photo small { display: block; font-size: 0.6875em; position: absolute; bottom: 8px; right: 8px; }
.movies_talks .talks_float { float: right; margin: 0 0 30px 30px; width: 44.3678%; }
@media (max-width:767px) {
.movies_talks { margin-top: 40px;}
.movies_talks img { width: 100%; }
.movies_talks .talks_text { margin-top: 15px; }
.movies_talks .talks_paragraph > * { margin-bottom: 15px; }
.movies_talks .talks_paragraph > *:last-child { margin-bottom: 0; }
.movies_talks dt { color: #86431d; font-size: 1.0625em; font-weight: bold; position: relative; padding-left: 1.3em; }
.movies_talks dt::after { content: "―"; position: absolute; top: 0px; left: 0px; }
.movies_talks dd { font-size: 1.0625em; position: relative; padding-left: 0; }
.movies_talks dd span { font-weight: bold; position: relative; }
.movies_talks .photo { position: relative; }
.movies_talks .photo span { display: block; font-size: 0; line-height: 0; }
.movies_talks .photo small { display: block; font-size: 0.625em; position: absolute; bottom: 5px; right: 5px; }
.movies_talks .talks_float {
    display: block;
    float: none;
    width: 100%;
    margin: 15px 0;
}
.sp_order--reverse {
	display: flex;
	flex-direction: column-reverse;
}
}

/* ***********************************
	movies_full_img
*********************************** */
.movies_full_img { margin-top: 80px; }
.movies_full_img p { position: relative; padding-bottom: 48.4375%; }
.movies_full_img p span { display: block; font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; }
.movies_full_img p small { display: block; font-size: 0.6875em; position: absolute; bottom: 8px; right: 8px; }
.movies_full_img.img_01 p { background: url(/me/dspace/studio/movie/img/02/img_full_01.jpg) center center no-repeat; background-size: cover; }
.movies_full_img.img_02 p { background: url(/me/dspace/studio/movie/img/02/img_full_02.jpg) center center no-repeat; background-size: cover; }
@media (max-width:767px) {
.movies_full_img { margin-top: 40px; }
.movies_full_img p { position: relative; padding-bottom: 52.6666%; }
.movies_full_img p span { display: block; font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; }
.movies_full_img p small { display: block; font-size: 0.625em; position: absolute; bottom: 5px; right: 5px; }
}

/* ***********************************
	movies_caption
*********************************** */
.main-content .movies_caption { display: block; font-size: 0.6875em; margin-top: 8px; }
.main-content .movies_caption.caption_right { text-align: right; padding-right: 10px; }
@media (max-width:767px) {
.main-content .movies_caption { display: block; font-size: 0.625em; text-align: right; margin-top: 5px; }
.main-content .movies_caption.caption_right { text-align: right; padding-right: 10px; }
}

/* ***********************************
	movies_copy
*********************************** */
.movies_copy {line-height: 1.5; margin-top: 60px; }
.movies_copy ul { border-top: 1px solid #cccccc; padding-top: 20px;}
.movies_copy ul li { padding-top: 10px; }
.movies_copy ul li:first-child { padding-top: 0; }
.movies_copy ul li a { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGBAMAAAD9IJlFAAAAKlBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMjZDADAAAADXRSTlMA95t9FejnwLFTPTEn/qr93gAAACJJREFUCNdjCHZgYGC4K3QASNy9sQBIXJ8A5G5gYEgGSgAApqgK2EMAAKcAAAAASUVORK5CYII=) 0 .63em no-repeat; color: #ff5a00; display: inline-block; padding-left: 13px; }
.movies_copy ul li a:hover { text-decoration: underline; }
@media (max-width:767px) {
.movies_copy { margin-top: 40px; }
.movies_copy ul { border-top: 1px solid #cccccc; padding-top: 15px;}
.movies_copy ul li { padding-top: 5px; }
.movies_copy ul li:first-child { padding-top: 0; }
.movies_copy ul li a { background: url(/shared_sp/img/bg_gray/arr.png) 0 .5em no-repeat; background-size: 7px 7px; color: #ff5a00; display: inline-block; font-size: 0.875em; padding-left: 14px; }
.movies_copy ul li a:hover { text-decoration: underline; }
}

/* ***********************************
	movies_profile
*********************************** */
.movies_profile { margin-top: 60px; }
.movies_profile .profile_box { border: 1px solid #cacaca; padding: 60px; }
.movies_profile .profile_box dt { font-size: 1.25em; font-weight: bold; }
.movies_profile .profile_box dd {margin-top: 20px; }
.movies_profile .profile_box p { margin-top: 1em; }
@media (max-width:767px) {
.movies_profile { margin-top: 40px; }
.movies_profile .profile_box { border: 1px solid #cacaca; padding: 30px; }
.movies_profile .profile_box dt { font-size: 0.8125em; font-weight: bold; }
.movies_profile .profile_box dd { font-size: 0.8125em; margin-top: 5px; }
.movies_profile .profile_box p { font-size: 0.8125em; margin-top: 1em; }
}

/* ***********************************
	movies_relevant
*********************************** */
.movies_relevant {line-height: 1.5; margin-top: 40px; }
.movies_relevant .relevant_wrap { border-top: 1px solid #cacaca; padding-top: 40px; }
body.detail .relevant_articles { margin-bottom: 0; }
body.detail .relevant_articles .aside_title .inner { min-height: 46px; padding: 10px 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAuCAMAAACccvDPAAAAOVBMVEUdHRv////Hx8ZWVlQrKymOjo3x8fHj4+NycnE5OTjV1dRHR0ZkZGLU1NScnJu4uLiqqqqqqqmAgH/dj8LcAAAB1klEQVQ4y4WUWZaEIAxFIYEwiKDuf7FNgkgVtN3vpzjhVmZUetUOsNgmzmVUTZjdK0defcrT79xu1LfMvnIrJuDKUVCrDC2cFTsm2+RR3F8zR9W8lVY0aOCAwLXTF0eWMTrrDZBJJ7vaTo01gqfB0cYXha99TcDdqeZdcnEPZ8WsExudsbb3WkuO/uFkCIF/rPbGmV7tfdG5bPq/A4HKYyqNUzfnexSlauqBk1o5Sc5IfRo3fSrAmUPh9nqA2woU2rlHkMKLcJ6Hc7JHcKMnIuu4mFMLZ2Q2wIFJmysPzGtuK2jhdj4xJyA406lQKKnBwX1qDQN9ppbaqaFl4L786TstLNU3VEvB3uvG6Xt3rmfl0FqbnvC+cxfK0dXbCzF8rykidG6Ss0YIf8D83iJ0uf7qLK3vN6sPBSaOWG+KRRyTqRxMT0fiHebLaCvn1KRDU5pNsjOz8jZbInOLdVXf03+UhNN02HefxmcnfaHILIwC149WZA5UwExtwKtIHyko6P1L8rMKdXzqlYivnOUptfkmxOvdH6Ln/ETv3XEfewUHHG9N3A4o8eay+lvQ/f3D0c25v7Ewvn82YXjFLuGGHBT7LPHGX/QCcez9rGgk9a6VG34hzrYf8LcMpomQvGIAAAAASUVORK5CYII=) no-repeat; }
@media (max-width:767px) {
.movies_relevant { margin-top: 25px; }
.movies_relevant .relevant_wrap { border-top: 1px solid #cacaca; padding-top: 25px; }
body.detail .relevant_articles { margin-bottom: 0; }
body.detail .relevant_articles .aside_title .inner { min-height: 40px; padding-left: 46px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABQCAMAAACTf/MwAAAAM1BMVEUdHRv///+Ojo3Hx8ZWVlQrKynx8fE5OTjj4+NHR0bV1dSqqqqcnJtkZGKAgH9ycnG4uLfkt6I3AAADeUlEQVRYw62XWYKsIAxFMQmDjO5/ta9EMYAWavW7X22ph0huQlpMI6GDQFkBnB08+B2jXBCtZHBvMQqkuJAE9QbDkBPIP8YoEgMF9QxjpRhqVmMMU+449xg1i1vN95ggHijeYRbxSHiD0WKXJgDAVcbiKgCg4y6NMW5neDNdyoC+CkdcBgNNYS12UoiFqyKHc41R+1Ju3aNIUkiVNwuntDmY4vK55bdseXWNAXl8t52PqPTnGqtc22kiroszJoldy6Q2oF7ZQpiJBEsqzmY6Y+B47hN24a3AxK+VTxZFvscoWeUyHLuY1tV1W5oTRyd7DK8IJV84TXa9hFMlRFG0dBioMceHk9AlTlbzcIeheoEc78couF4lccL4Lxg7N+VSJ9uIM4YNQDVmkaLHaJUXxYkGGI6GC6nFuD3ZKC4w7ozhdsde2BpTXPdHX2HgIlNK55dltUAOyax/+jNFMqb2TdysCbW9Qm6DWvXJZnv2Ls6ZiFVN6Q85J5vZ/Ufrc03Bnhau8K2zzJzs/liwFxWuOTZVot6yh1ftXXKjqPuNqX+oshhEuEr2/Ak1nU8ZgfUPmj9fRTPNJ0pUnCaqMVDtFDs2XZ41ZOvuFnoMcAOse+Vkk2SGTLYtPviGacy2TTIIpPOZhXwqsIEZ4+qvtO1IZLozKjZmNP0Wy+NSdnnx9ljBz4NxQEzNEZjOPqEIEOlcFNBiQp0qKx7LtJiFEvBgiFkeINH8laCJCKYWMxBG2U20sKAZjZD3c60G+368ZlDYIC5fjTALke6SSZTA7eE7mWupyCA66JQxIL6IcD99sHgn6MvnMgbFV1G1oe5r6tIkbswil+KoweQO2xaLkdx+xA+EG0YPOSmnayS1YUgM5W4Gd7n7JoqxtBiKdgyIPynuGPwbxu0Y+zcMlppCr39laG/r0jQIQb5EzLCYqwp3j0FcKIwJ3pSYnnNSecX76ShNHQBfJU2qjEjz4Rssd9bymR+bpUxLjClSN45uz0zXulixA547GnnFULaYG8cbDHUuNvJ9NPzofPjGRlrR87u9yRNWcIN/oO+VhueU//UMr2Xii5rEC8zqPvFSkkiL2GD0zz2rwdCvGGww8VcM781furpmzF+6evg/GOh9Y9FBpPkVhAgZ0wnRQyA9sksEQDTPhjaFCECS3wbwiOq32W8pGDue/e7kiltH+gdiqhoiexqABgAAAABJRU5ErkJggg==); -webkit-background-size: 35px auto; background-size: 35px auto; }
}

/* ***********************************
	movies_share
*********************************** */
.movies_share { margin-top: 30px; }
.movies_share .footer_share_buttons { margin-top: 0; padding-bottom: 0; }
.movies_share .article_footer { display: none; }
@media (max-width:767px) {
.movies_share { margin-top: 0; }
.movies_share .footer_share_buttons { margin-top: 0; padding-bottom: 0; }
.movies_share .article_footer { display: none; }
}

/*! Related Links */
.related_links {margin-top: 40px;}
.related_links ul{position:relative;width:50%;margin:0 auto}
.related_links li{float:left;width:50%}
.related_links a{display:block}
.related_links .society_space{width:68.06%;margin-right:2.64%}
.related_links .twitter{position:absolute;bottom:0;right:0}

@media (max-width:767px) {
.related_links {margin-top: 0px;}
.related_links .warp_banner{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #ccc}
.related_links ul{width:auto}
.related_links li{float:none;width:auto;margin-top:10px}
.related_links li:first-child{margin-top:0}
.related_links li img {_width:100%;max-width:100%;vertical-align:top}
.related_links .society_space{width:auto;margin-right:0}
.related_links .twitter{position:static}
}

/* ***********************************
	article_nav
*********************************** */
.contents_back__link .wrap_link { padding-bottom: 50px; border-bottom: 1px solid #ccc; }
.article_nav{display:table;width:100%;table-layout:fixed;margin-top: 0;border:1px solid #ccc;background-color:#f1f1f1}
.article_nav a{display:table-cell;padding:1.56em 10px;vertical-align:middle;text-align:center;text-decoration:none}
.article_nav .next,.article_nav .prev{background-color:#1a1a1a;color:#fff;font-weight:700}
.article_nav .next:hover,.article_nav .prev:hover{color:#ff5a00}
.article_nav .prev:before{content:"";display:inline-block;width:19px;height:11px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABQCAMAAABLc1c6AAAAUVBMVEUAAAD/////////////WgD/////////////////////WgD/////////WgD/WgD/////////WgD/WgD/WgD/WgD/////WgD/WgD/////////WgDXSGVyAAAAGXRSTlMAQL+AQO8Qj98wW1Bg79bPcHAgEIqvnzAgWcphugAAARhJREFUSMe9lFluxCAQRDEMBu/LeJbm/gdNlPkYEaJ+jojyPq2yqa4uY77o4mp0VrFPVdBacUZl8LHRFUFksTk/SILLgYPAbsXQ7+jq2TdS9NOsC65Hul9VxWOeeqOypam/ZOzfbaSCo/zKnL2GXngizoXTZdbYkeRphRfuxLakaaIfioc2ZxEJxbdzwlsCB4FdHpqjq2fbUXKmOPd0nCnOo2zKJaOfUlGdIxWAoX1OG3vhiTCX+nRDhOJ2i8ioKkYvXm1LexNZOv1SpVY7ET/ABQ+tHvynolEwQYgTktdBzhSAXRiao+MF4BpHU1GGslJMGwNJxj/0fiNnQQTutV+ut1Gwr/UKEUjyTz+Pq4iuXACvkcvAlfoANo8jM2cdrCkAAAAASUVORK5CYII=) no-repeat}
.article_nav .prev:hover:before{background-position:0 -11px}
.article_nav .next:after{content:"";display:inline-block;width:19px;height:11px;margin-left:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABQCAMAAABLc1c6AAAAUVBMVEUAAAD/////////////WgD/////////////////////WgD/////////WgD/WgD/////////WgD/WgD/WgD/WgD/////WgD/WgD/////////WgDXSGVyAAAAGXRSTlMAQL+AQO8Qj98wW1Bg79bPcHAgEIqvnzAgWcphugAAARhJREFUSMe9lFluxCAQRDEMBu/LeJbm/gdNlPkYEaJ+jojyPq2yqa4uY77o4mp0VrFPVdBacUZl8LHRFUFksTk/SILLgYPAbsXQ7+jq2TdS9NOsC65Hul9VxWOeeqOypam/ZOzfbaSCo/zKnL2GXngizoXTZdbYkeRphRfuxLakaaIfioc2ZxEJxbdzwlsCB4FdHpqjq2fbUXKmOPd0nCnOo2zKJaOfUlGdIxWAoX1OG3vhiTCX+nRDhOJ2i8ioKkYvXm1LexNZOv1SpVY7ET/ABQ+tHvynolEwQYgTktdBzhSAXRiao+MF4BpHU1GGslJMGwNJxj/0fiNnQQTutV+ut1Gwr/UKEUjyTz+Pq4iuXACvkcvAlfoANo8jM2cdrCkAAAAASUVORK5CYII=) 0 -22px no-repeat}
.article_nav .next:hover:after{background-position:0 -33px}
.article_nav .index{width:55%;color:#333;background-color:#fff}
.article_nav .index:before{content:"";display:inline-block;position:relative;top:2px;width:25px;height:19px;margin-right:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABICAMAAAC+yjdCAAAATlBMVEUAAAAzMzP/WgAzMzP/WgAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzP/WgAzMzP/WgAzMzP/WgD/WgD/WgD/WgD/WgD/WgD/WgAzMzP/WgCydbhTAAAAGHRSTlMAv79AQBDvVc+pj3ow59/PIIswEKRVcCDhqLgWAAAA80lEQVRIx+3Vy26EMAyFYQcIhCTcmenJ+79oparqZmzpeNEd//pb2CLI8tMeZuGbxrXSOM7Ikdb9Ok5CV4AUtHSedZ5g79krI8JcNSCr3J4/VQeXmmaN20Ufl4cr1f6zYvMALbH76m7hey3LSePrbsdF62FZXkJ3tLZ1Wi6+NXvPQRmxmat27dC42bttp4PLud0at7t8XB6udA6fvW3eNS3iok1CFzOQaF1XYI6Oi8aPsgcg7PzVBorjaoM/8v0Ix5HPcOTkrmGA31WRKs1FyggUnsuemM8EuB4BoDwxgv9tTHDl96C4RHFxefjD/4uDyc+/AQwyJMjIC3RvAAAAAElFTkSuQmCC) no-repeat}
.article_nav .index:hover{color:#ff5a00}
.article_nav .index:hover:before{background-position:0 -19px}
.article_nav.end .index,.article_nav.first .index{width:77.5%}
@media (max-width:767px) {
.article_nav{position:relative;display:block;border:none}
.article_nav a{display:block}
.article_nav a .inner{font-size:.88em}
.article_nav .next,.article_nav .prev{padding-right:0;padding-left:0;width:50%}
.article_nav .next:hover,.article_nav .prev:hover{color:#fff}
.article_nav .prev:before{width:17px;height:9px;background-position:0 -22px;-webkit-background-size:17px auto;background-size:17px auto}
.article_nav .prev:hover:before{background-position:0 -22px}
.article_nav .next{position:absolute;top:0;right:0;border-left:1px solid #fff}
.article_nav .next:after{width:17px;height:9px;background-position:0 -31px;-webkit-background-size:17px auto;background-size:17px auto}
.article_nav .next:hover:after{background-position:0 -31px}
.article_nav .index{width:auto;color:#333;font-weight:700;border-top:1px solid #fff;background-color:#e3e3e3}
.article_nav .index:before{background-position:0 -19px;-webkit-background-size:23px auto;background-size:23px auto}
.article_nav .index:hover{color:#333}
.article_nav .index:hover:before{background-position:0 -19px}
.article_nav.end .index,.article_nav.first .index{width:auto}
.article_nav.first{margin-top:7.5em}
.article_nav.first .next{top:-100%}
.article_nav.first .index{border:none}
}

/* ***********************************
	movies_padding
*********************************** */
.movies_padding { background-color: #e7e7e7; font-size: 0; line-height: 0; margin-top: 100px; height: 230px; }
@media (max-width:767px) {
.movies_padding { background-color: #e7e7e7; font-size: 0; line-height: 0; margin-top: 50px; height: 115px; }
}


.section_related { margin: 50px 0 35px;}
.section_related .section_header { text-align: left; font-size: 1.37em; }
.section_related .section_header .inner { position: relative; display: block; padding-bottom: 10px;border-bottom: 1px solid #333; font-size: 1.375rem; }
.section_related .section_header .inner:after, 
.section_related .section_header .inner:before {position: absolute; bottom: -3px; display: block; width: 5px; height: 5px;  content: ''; border-radius: 50%; background-color: #333; }
.section_related .section_header .inner:before { left: 0; }
.section_related .section_header .inner:after { right: 0; }
/* .section_related .banner_area { padding-bottom: 35px; border-bottom: 1px solid #ccc; } */
.section_related .banner_area .banner { position: relative; display: flex; color: #fff; text-decoration: none; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; background-color: #000000;}
.section_related .banner_area .banner:hover { opacity: 0.65; }
.section_related .banner_area .banner .sp_bg { display: none; }
.section_related .banner_area .col_l { width: 50%; padding: 40px 60px; line-height: 1.5; }
.section_related .banner_area .col_l .tit { font-size: 87.5%; font-weight: bold; }
.section_related .banner_area .col_l .name { font-size: 125%; font-weight: bold; }
.section_related .banner_area .col_l .desc { margin-top: 1em; font-size: 87.5%; }
.section_related .banner_area .col_l .detail { margin-top: 1.3em; padding: 0.88em 10px; text-align: center; border: 1px solid #ccc; font-weight: bold; }
.section_related .banner_area .col_l .detail .inner:before { display: inline-block; width: 20px; height: 10px; margin-right: 7px; content: ''; background: url(../../img/02/arr_right.png) no-repeat; }
.section_related .banner_area .col_r { flex-shrink: 0; width: 50%; background-image: url(../../img/02/img_related_01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.section_related .banner_area small {
	display: block;
	font-size: 0.6875em;
	line-height: 1;
    position: absolute;
    bottom: 8px;
    right: 8px;
}
@media (max-width:767px) {
.section_related {margin-top: 30px; margin-bottom: 15px; padding-bottom: 0; }
.section_related .banner_area .banner {display: block;}
.section_related .banner_area .banner .sp_bg { display: block; width: 100%;}
.section_related .banner_area { position: relative; padding-bottom: 0; border-bottom: none; }
.section_related .banner_area .col_l { position: absolute; width: 100%; padding: 30px 0; top: 0; }
.section_related .banner_area .col_r { display: none; }
.section_related .banner_area .col_l .tit { padding: 0 20px; font-size: .75rem; }
.section_related .banner_area .col_l .name { padding: 0 20px; font-size: 1rem; }
.section_related .banner_area .col_l .desc { padding: 0 20px; font-size: .875rem; }
.section_related .banner_area .col_l .detail { display: none; }
.section_related .banner_area small { font-size: 1em; }
}
.txt_note {
	position: relative;
	padding-left: 1.2rem;
	font-size: .875rem;
}
.txt_note::before {
	position: absolute;
	left: 0;
	content: '※';
	display: inline-block;
}