/*----------------------- set
-----------------------*/
/*-------------------------------------- mixin
--------------------------------------*/
/*------------------------------------------ article
--------------------------------------*/
.newsbody { margin-bottom: 40px; overflow: hidden; }
.newsbody .newsbody__header { margin-bottom: 25px; position: relative; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #249CF8; border-top: 1px solid #249CF8; }
.newsbody .newsbody__header .newsbody__corner { color: #1a62aa; margin-bottom: 15px; display: block; font-size: 1.1em; }
.newsbody .newsbody__header .newsbody__ttl { font-size: 1.6em; line-height: 1.4em; margin-bottom: 20px; font-weight: bold; }
.newsbody .newsbody__header .newsbody__genre { position: absolute; right: 0; bottom: 15px; font-size: 1.2em; }
.newsbody .newsbody__header .newsbody__genre a { background-color: #249CF8; color: #ffffff; font-size: 0.7em; padding: 5px 14px; text-decoration: none; display: inline-block; }
.newsbody .newsbody__header .newsbody__genre a:hover { background-color: #8BCDFF; }
.newsbody .newsbody__header .newsbody__genre a { margin-left: 6px; display: inline; }
.newsbody .newsbody__header .newsbody__num { position: absolute; right: 0; bottom: 15px; font-size: 0.8em; color: #333; }
.newsbody .newsbody__header .newsbody__num span { font-size: 1.0rem; padding: 0px 4px; }
.newsbody .newsbody__header .newsbody__date { color: #999999; font-size: 0.7em; margin-right: 6px; font-size: 0.9em; color: #666; }
.newsbody .newsbody__img { margin-bottom: 15px; text-align: center; background: #E2EEF7; width: 100%; max-height: 450px; position: relative; }
.newsbody .newsbody__img img { max-width: 100%; max-height: 450px; }
.newsbody .newsbody__img .newsbody__img--num { position: absolute; bottom: 0px; padding: 10px; color: #aaa; right: 5px; }
.newsbody .newsbody__caption { font-size: 0.8em; margin-bottom: 30px; color: #666; line-height: 1.3em; }
.newsbody .newsbody__movie { margin-bottom: 30px; }
.newsbody .newsbody__photo-current { margin-top: 20px; position: relative; text-align: center; color: #666; height: 40px; line-height: 40px; margin-bottom: 20px; margin-bottom: 30px; }
.newsbody .newsbody__photo-current .prev, .newsbody .newsbody__photo-current .next { font-size: 0.9em; position: absolute; color: #FFF; left: 0; display: inline-block; background: #249CF8; width: 100px; height: 40px; line-height: 40px; padding: 0px 15px 0px 0px; background-image: url("/assets/images/icon_arrow_left_n_white.png"); background-repeat: no-repeat; background-position: 10px center; text-align: right; }
.newsbody .newsbody__photo-current .prev:hover, .newsbody .newsbody__photo-current .next:hover { background-color: #8BCDFF; text-decoration: none; }
.newsbody .newsbody__photo-current .next { right: 0; left: auto; padding: 0px 0px 0px 15px; background-image: url("/assets/images/icon_arrow_right_n_white.png"); background-position: 90px center; text-align: left; }
.newsbody .newsbody__photo-current .newsbody__article-link a { width: 50%; background: #249CF8; color: #FFF; text-align: center; height: 40px; line-height: 40px; display: inline-block; }
.newsbody .newsbody__photo-current .newsbody__article-link a:hover { background-color: #8BCDFF; }
.newsbody .newsbody__thumblist { overflow: hidden; *zoom: 1; margin-bottom: 10px; width: 696px; margin-right: -8px; }
.newsbody .newsbody__thumblist .newsbody__thumb { float: left; margin-right: 8px; margin-bottom: 8px; }
.newsbody .newsbody__thumblist .newsbody__thumb a { display: block; background: #E2EEF7; width: 79px; height: 79px; text-align: center; position: relative; }
.newsbody .newsbody__thumblist .newsbody__thumb img { max-width: 75px; max-height: 75px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.newsbody .newsbody__thumblist .current a { background: #E5F7FF; border: 1px solid #249CF8; width: 77px; height: 77px; }
.newsbody .newsbody__thumblist .newsbody__thumb--last { margin-right: 0; }
.newsbody .newsbody__photo-link { width: 100%; font-size: 0.8em; text-align: right; margin-bottom: 25px; font-weight: bold; }
.newsbody .newsbody__photo-link .newsbody__photo-num { font-size: 1.3rem; padding: 0 4px; }
.newsbody .newsbody__photo-more { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; margin-bottom: 20px; }
.newsbody .newsbody__photo-more:hover { background-color: #8BCDFF; }
.newsbody .newsbody__photo-more a { color: #FFF; }
.newsbody .newsbody__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; margin-top: 20px; }
.newsbody .newsbody__more a:hover { background-color: #8BCDFF; }
.newsbody .newsbody__sns { text-align: center; margin-bottom: 30px; }
.newsbody .newsbody__sns li { display: inline-block; padding: 0 6px 0 6px; padding: 0 6px; }
.newsbody .newsbody__sns .sns-youtube { margin-top: 10px; font-size: 0.9em; }
.newsbody .newsbody__sns .sns-youtube a { display: inline-block; padding-left: 20px; color: #E13332; background: url(../images/icon_youtube.png) left 50% no-repeat; }
.newsbody .newsbody__sns .sns-youtube a:hover { color: #F17E7E; }
.newsbody .newsbody__sns .sns-youtube a:active { color: #FFA4A4; }
.newsbody .newsbody__footer { margin-top: 32px; }
.newsbody .newsbody__footer .newsbody__tag { position: relative; margin-bottom: 20px; }
.newsbody .newsbody__footer .newsbody__tag ul { display: inline; }
.newsbody .newsbody__footer .newsbody__tag ul li { letter-spacing: normal; display: inline-block; margin-top: 8px; margin-right: 8px; line-height: 24px; overflow: hidden; }
.newsbody .newsbody__footer .newsbody__tag ul li a { display: inline-block; color: #0065A6; background-color: #E5F7FF; font-weight: bold; padding: 0 10px; font-size: 0.9em; }
.newsbody .newsbody__footer .newsbody__tag ul li a:hover { background-color: #8BCDFF; color: #FFF; }
.newsbody .newsbody__footer .newsbody__tag__title { background: url("/assets/images/tag.png") 0 0 no-repeat; background-size: 30px 24px; width: 30px; height: 24px; font-weight: bold; font-size: 0.8em; color: #249CF8; display: inline-block; margin-right: 8px; text-indent: -9999px; overflow: hidden; }
.newsbody .newsbody__footer .newsbody__kanren { margin-top: 20px; margin-bottom: 40px; }
.newsbody .newsbody__footer .newsbody__kanren h2 { color: #1a62aa; margin-bottom: 15px; }
.newsbody .newsbody__footer .newsbody__kanren .newsbody__moviekanren__movie { margin-bottom: 30px; }
.newsbody .newsbody__footer .newsbody__kanren .newsbody__moviekanren__title { color: #1a62aa; margin-bottom: 15px; }
.newsbody .newsbody__footer .newsbody__kanren .newsbody__moviekanren__list li { background: url("/assets/images/link-external.png") 3px 1px no-repeat; padding-left: 20px; font-weight: bold; font-size: 0.9em; margin-bottom: 10px; }
.newsbody .newsbody__footer .newsbody__kanren .newsbody__moviekanren__list li:last-child { margin-bottom: 0; }
.newsbody .newsbody__footer .newsbody__kanren .newsbody__moviekanren__list li.internal { background: url("/assets/images/link-internal.png") 3px 1px no-repeat; }
.newsbody p { margin-bottom: 15px; line-height: 1.6em; }
