@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*----------------------- set
-----------------------*/
/*-------------------------------------- mixin
--------------------------------------*/
/*-------------------------------------- ad
---------------------------------------*/
.ad-sb { width: 728px; height: 90px; position: absolute; left: 125px; top: 10px; }

.ad-fb { width: 728px; min-height: 90px; margin: 0 auto; }

.ad-wrap { overflow: hidden; *zoom: 1; margin-bottom: 40px; }

.ad-rec { width: 300px; min-height: 250px; max-height: 600px; margin-bottom: 40px; }

.ad-rec--left { width: 336px; height: 280px; margin-right: 16px; float: left; }

.ad-rec--right { width: 336px; height: 280px; float: left; }

.ad-yahoo { text-align: center; margin-bottom: 40px; }

.ad-rakuten { text-align: center; margin-bottom: 40px; }

.ad-text { margin-bottom: 15px; }

.ad-powerpush { overflow: hidden; *zoom: 1; border: 2px solid #0065A6; padding: 15px 15px 36px 15px; margin-bottom: 40px; position: relative; }
.ad-powerpush h2 { position: absolute; right: 0; bottom: 0; color: #ffffff; font-size: 0.8em; width: 280px; height: 24px; text-indent: -9999px; overflow: hidden; background: url(../images/ttl_powerpush_w.png) 50% 50% no-repeat #0065A6; }
.ad-powerpush h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 7px; line-height: 1.3em; }
.ad-powerpush p { line-height: 1.5em; font-size: 0.9em; color: #000000; }
.ad-powerpush .ad-powerpush__img { float: left; margin-right: 15px; }

.ad-powerpush-right { overflow: hidden; *zoom: 1; border: 2px solid #0065A6; padding: 10px 10px 36px 10px; margin-bottom: 40px; position: relative; }
.ad-powerpush-right h2 { position: absolute; right: 0; bottom: 0; color: #ffffff; font-size: 0.8em; width: 100%; height: 24px; text-indent: -9999px; overflow: hidden; background: url(../images/ttl_powerpush_w.png) 50% 50% no-repeat #0065A6; }
.ad-powerpush-right h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 7px; line-height: 1.3em; }
.ad-powerpush-right p { line-height: 1.3em; font-size: 0.8em; font-weight: bold; }
.ad-powerpush-right p:first-letter { font-size: 1.6em; font-weight: bold; margin-right: 0.1em; }
.ad-powerpush-right .ad-powerpush__img { width: 276px; margin-bottom: 10px; }

.ad-powerpush-right-movie { min-height: 221px; }
.ad-powerpush-right-movie h2 { background: url(../images/ttl_powerpush_movie_w.png) 50% 50% no-repeat #0065A6; }
.ad-powerpush-right-movie__content { position: relative; }
.ad-powerpush-right-movie__content > iframe { width: 276px; height: 155px; margin-bottom: 10px; }

.ad-recommend { margin-bottom: 20px; }

.ad-amazon { text-align: center; margin: 0 auto 40px auto; }

.ad-links { text-align: center; margin: 30px auto 27px auto; width: 300px; clear: both; }

.ad-inread { margin-bottom: 40px; }

/*-------------------------------------- common
--------------------------------------*/
body { font-family: Helvetica Neue, Helvetica, Arial, Geneva, sans-serif, "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 100%; background-color: #ffffff; }

a:link { color: #0062c4; text-decoration: none; }
a:visited { color: #195da1; text-decoration: none; }
a:hover { color: #4795e3; text-decoration: none; }
a:focus { color: #4795e3; text-decoration: none; }
a:active { color: #4795e3; text-decoration: none; }

img { margin: 0; padding: 0; vertical-align: bottom; }

a:hover img { opacity: 0.7; }

.wrap { background-color: #ffffff; }

.contents { overflow: hidden; *zoom: 1; width: 1018px; margin: 0 auto 70px auto; }
.contents .contents__main { overflow: hidden; *zoom: 1; width: 688px; float: left; }
.contents .contents__sub { width: 300px; margin-left: 30px; float: left; }

.breadcrumb { margin-bottom: 20px; font-size: 0.8em; }
.breadcrumb li { display: inline-block; }
.breadcrumb li + li:before { margin: 0 5px; content: ">"; }

.pagination { text-align: center; margin: 30px 0; }
.pagination li { display: inline-block; margin: 0px 4px; font-size: 0.8em; }
.pagination li a { display: block; color: #5b4d4d; background: #FFFFFF; text-decoration: none; text-align: center; border: 1px solid #dbdbdb; border-radius: 3px; min-width: 2.0em; padding: 6px 8px; }
.pagination li a:hover, .pagination li a:focus { background-color: #8BCDFF; color: #FFF; }
.pagination li a:active { background-color: #E2EEF7; color: #FFF; }
.pagination .pagination-current { color: #FFFFFF; background: #1a62aa; border: 1px solid #dbdbdb; border-radius: 3px; min-width: 2.0em; padding: 6px 8px; }
.pagination .pagination-dotted { border: none; }

.btn_back-top-high { position: fixed; width: 70px; height: 70px; bottom: 130px; right: 50px; z-index: 10000; }
.btn_back-top-high a:link img { opacity: 0.8; }
.btn_back-top-high a:hover img { opacity: 1.0; }

/*-------------------------------------- ヘッダー
--------------------------------------*/
.gheader { background: url(../images/header-border.png) left bottom repeat-x #FFF; border-bottom: 2px solid #E2EEF7; padding-bottom: 6px; margin-bottom: 20px; }
.gheader .gheader__inner { width: 1018px; margin: 0px auto 0px auto; position: relative; height: 160px; }
.gheader .gheader__inner .gheader__logo a { position: absolute; top: 10px; left: 0; width: 90px; height: 90px; text-indent: -9999px; background: url("/assets/images/logo.png") left top no-repeat; margin-right: 30px; }
.gheader .gheader__inner .gheader__search { position: absolute; bottom: -33px; right: 0; }
.gheader .gheader__inner .gheader__search .search { padding: 6px 15px 6px 30px; background: url("/assets/images/search.png") no-repeat 8px center; }
.gheader .gheader__inner .gheader__search .rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.gheader .gheader__inner .gheader__search input[type=text] { width: 115px; color: #333; font-size: 0.8em; border: 1px solid #d0d0d0; background-color: #fcfcfc; }
.gheader .gheader__inner .gheader__search input[type=button], .gheader .gheader__inner .gheader__search input[type=button]:hover { position: relative; left: -6px; border: 1px solid #adc5cf; background: #e4f1f9; color: #7da2aa; cursor: pointer; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZTdmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f1f9), color-stop(100%, #d5e7f3)); background: -moz-linear-gradient(#e4f1f9 0%, #d5e7f3 100%); background: -webkit-linear-gradient(#e4f1f9 0%, #d5e7f3 100%); background: linear-gradient(#e4f1f9 0%, #d5e7f3 100%); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFE4F1F9', endColorstr='#FFD5E7F3'); /* IE6-9 */ }
.gheader .gheader__inner .gheader__search--top { top: 16px; right: 109px; }
.gheader .gheader__inner .gheader__hotword { position: absolute; top: 19px; left: 380px; width: 350px; overflow: hidden; *zoom: 1; overflow: hidden; }
.gheader .gheader__inner .gheader__hotword a { float: left; display: block; border: 2px solid #1a62aa; background: #FFF; padding: 4px; margin-right: 5px; font-size: 1em; }
.gheader .gheader__inner .gheader__sns { overflow: hidden; *zoom: 1; position: absolute; top: 10px; right: 0; }
.gheader .gheader__inner .gheader__sns li { float: left; }
.gheader .gheader__inner .gheader__sns li .gheader__go, .gheader .gheader__inner .gheader__sns li .gheader__fa, .gheader .gheader__inner .gheader__sns li .gheader__tw { display: block; background-image: url("/assets/images/icon_c_google_plus.png"); background-repeat: no-repeat; background-position: 50%; width: 38px; height: 38px; text-indent: -9999px; margin-left: 8px; border: 1px solid #E2EEF7; border-radius: 2px; }
.gheader .gheader__inner .gheader__sns li .gheader__go:hover, .gheader .gheader__inner .gheader__sns li .gheader__fa:hover, .gheader .gheader__inner .gheader__sns li .gheader__tw:hover { background-color: #E2EEF7; }
.gheader .gheader__inner .gheader__sns li .gheader__go:active, .gheader .gheader__inner .gheader__sns li .gheader__fa:active, .gheader .gheader__inner .gheader__sns li .gheader__tw:active { background-color: #E5F7FF; }
.gheader .gheader__inner .gheader__sns li .gheader__fa { background-image: url("/assets/images/icon_c_facebook.png"); }
.gheader .gheader__inner .gheader__sns li .gheader__tw { background-image: url("/assets/images/icon_c_twitter.png"); }
.gheader .gheader__inner .gheader__menu { overflow: hidden; *zoom: 1; position: absolute; bottom: 0; left: -2px; }
.gheader .gheader__inner .gheader__menu li { float: left; }
.gheader .gheader__inner .gheader__menu li a { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; display: block; text-align: center; height: 37px; padding: 0 10px; line-height: 39px; margin: 0 2px; color: #ffffff; background-color: #0065A6; text-decoration: none; font-size: 0.9em; }
.gheader .gheader__inner .gheader__menu li a:hover { background-color: #8BCDFF; }
.gheader .gheader__inner .gheader__menu li.n-biz a { background-color: #1D52D4; }
.gheader .gheader__inner .gheader__menu li.n-biz a:hover { background-color: #8BCDFF; }
.gheader .gheader__inner .gheader__menu .gheader__menu--current a { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; display: block; text-align: center; height: 37px; padding: 0 11px; line-height: 39px; background-color: #249CF8; margin: 0 2px; color: #FFF; text-decoration: none; font-size: 0.9em; }
.gheader .gheader__inner .gheader__menu--top { left: 120px; }
.gheader .gheader__inner--top { height: 120px; }

/*-------------------------------------- ナビ
--------------------------------------*/
body.b-top nav.gheader__menu .n-top a, body.b-anime nav.gheader__menu .n-anime a, body.b-manga nav.gheader__menu .n-manga a, body.b-game nav.gheader__menu .n-game a, body.b-tv nav.gheader__menu .n-tv a, body.b-music nav.gheader__menu .n-music a, body.b-entama nav.gheader__menu .n-entama a, body.b-cinema nav.gheader__menu .n-cinema a, body.b-book nav.gheader__menu .n-book a, body.b-gallery nav.gheader__menu .n-gallery a, body.b-movie nav.gheader__menu .n-movie a { background-color: #1a62aa; }

/*-------------------------------------- 検索
--------------------------------------*/
.search { margin-bottom: 40px; }
.search .search__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }

/*-------------------------------------- ジャンルアーカイブ一覧
--------------------------------------*/
.genrearchive { margin-bottom: 30px; position: relative; }
.genrearchive__info { position: absolute; right: 10px; bottom: 10px; }
.genrearchive__info__exist-movie { display: inline-block; font-size: 0.9em; height: 24px; margin-right: 5px; }
.genrearchive__info__exist-movie img { vertical-align: text-bottom; display: inline-block; width: 24px; margin-bottom: 1px; }
.genrearchive__info__exist-graph { display: inline-block; color: #249CF8; font-size: 0.9em; height: 24px; }
.genrearchive__info__exist-graph img { vertical-align: text-bottom; display: inline-block; width: 24px; height: 24px; }
.genrearchive__info__exist-graph span { margin-left: 5px; top: -1px; position: relative; background: #ffffff; border: 1px solid #249CF8; display: inline-block; text-align: center; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; padding: 0px 5px 0px 4px; width: 24px; height: 18px; min-width: 2.4em; text-align: center; line-height: 18px; }
.genrearchive__info__exist-graph span:after, .genrearchive__info__exist-graph span:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.genrearchive__info__exist-graph span:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 2px; margin-top: -2px; }
.genrearchive__info__exist-graph span:before { border-color: rgba(36, 156, 248, 0); border-right-color: #249CF8; border-width: 3px; margin-top: -3px; }
.genrearchive__header { margin-bottom: 20px; position: relative; border-bottom: 1px solid #E5F7FF; }
.genrearchive .genrearchive__ttl, .genrearchive .genrearchive-article-list__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }
.genrearchive .genrearchive__ttl .genrearchive__ttl--small, .genrearchive .genrearchive-article-list__ttl .genrearchive__ttl--small { font-size: 0.7em; margin-left: 10px; }
.genrearchive .genrearchive-article-list { position: relative; margin-bottom: 80px; }
.genrearchive .genrearchive-article-list__ttl { font-size: 1.2em; color: #000; }
.genrearchive .genrearchive__rightlink a, .genrearchive .genrearchive-article-list__rightlink a { display: inline-block; position: absolute; right: 0; top: 4px; font-size: 0.9em; background-image: url("/assets/images/icon-archive.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 24px; height: 16px; line-height: 16px; }
.genrearchive .genrearchive__list { border-bottom: 1px solid #eee; margin-bottom: 40px; }
.genrearchive .genrearchive__list .genrearchive__news { overflow: hidden; *zoom: 1; border-top: 1px solid #eee; padding: 10px 0; position: relative; }
.genrearchive .genrearchive__list .genrearchive__news h3 { font-size: 1.2em; line-height: 1.3em; margin-bottom: 10px; }
.genrearchive .genrearchive__list .genrearchive__news h3 .genrearchive__new { color: #f39821; font-size: 0.7rem; font-weight: normal; font-weight: bold; font-size: 0.8rem; margin-left: 10px; vertical-align: top; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__movie-ttl { font-size: 1.0em; }
.genrearchive .genrearchive__list .genrearchive__news p { line-height: 1.4em; margin-bottom: 20px; color: #999999; font-size: 0.9em; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__img { float: left; margin-right: 15px; background: #E2EEF7; width: 150px; height: 150px; text-align: center; position: relative; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__img img { max-width: 150px; max-height: 150px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__movie-img { float: left; margin-right: 15px; width: 150px; position: relative; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__movie-img img { width: 100%; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__movie-img .genrearchive__movie-time { position: absolute; right: 0; bottom: 0; background: #000; color: #FFF; font-size: 0.7em; padding: 4px 6px; }
.genrearchive .genrearchive__list .genrearchive__news .genrearchive__date { position: absolute; bottom: 10px; color: #999999; font-size: 0.7em; margin-right: 6px; }
.genrearchive .genrearchive__list .genrearchive__news--genretop h3 { font-size: 1.5em; line-height: 1.4em; }
.genrearchive .genrearchive__list .genrearchive__news--genretop p { line-height: 1.4em; font-size: 1.0em; }
.genrearchive .genrearchive__list .genrearchive__news--genretop .genrearchive__img { width: 250px; height: 250px; }
.genrearchive .genrearchive__list .genrearchive__news--genretop .genrearchive__img img { max-width: 250px; max-height: 250px; }
.genrearchive .genrearchive__list .genrearchive__news--genretop .genrearchive__date { font-size: 0.8em; }
.genrearchive .genrearchive__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.genrearchive .genrearchive__more a:hover { background-color: #8BCDFF; }

/*-------------------------------------- カレンダー
--------------------------------------*/
.archive__calendar .archive__year, .archive__calendar .archive__month { border-top: 1px solid #249CF8; padding: 16px 40px 13px 20px; margin-bottom: 1px; letter-spacing: -0.4em; position: relative; }
.archive__calendar .archive__year a, .archive__calendar .archive__month a { display: inline-block; text-align: center; letter-spacing: normal; padding: 4px 0px; margin-right: 10px; font-size: 0.9em; color: #666666; width: 56px; }
.archive__calendar .archive__year a:hover, .archive__calendar .archive__month a:hover { background-color: #8BCDFF; color: #FFF; text-decoration: none; }
.archive__calendar .archive__year span, .archive__calendar .archive__month span { letter-spacing: normal; position: absolute; right: 20px; top: 20px; text-align: right; color: #1a62aa; font-size: 0.8em; }
.archive__calendar .archive__year .archive__year--current, .archive__calendar .archive__month .archive__year--current, .archive__calendar .archive__month .archive__month--current { background-color: #E2EEF7; color: #0069E5; }
.archive__calendar .archive__month a { width: 28px; }
.archive__calendar .archive__day { border-top: 1px solid #249CF8; border-bottom: 1px solid #249CF8; margin-bottom: 1px; padding: 16px 40px 13px 20px; min-height: 52px; letter-spacing: -0.4em; position: relative; }
.archive__calendar .archive__day a { display: inline-block; text-align: center; letter-spacing: normal; width: 28px; padding: 4px 0px; margin-bottom: 3px; margin-right: 10px; font-size: 0.9em; color: #666666; }
.archive__calendar .archive__day a:hover { background-color: #8BCDFF; color: #FFF; text-decoration: none; }
.archive__calendar .archive__day .archive__day--current { background-color: #E2EEF7; color: #0069E5; }
.archive__calendar .archive__day span { letter-spacing: normal; position: absolute; right: 20px; top: 35px; text-align: right; color: #1a62aa; font-size: 0.8em; }
.archive__calendar .archive__current { margin-top: 20px; position: relative; text-align: center; color: #666; height: 40px; line-height: 40px; margin-bottom: 20px; }
.archive__calendar .archive__current .prev, .archive__calendar .archive__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; }
.archive__calendar .archive__current .prev:hover, .archive__calendar .archive__current .next:hover { background-color: #8BCDFF; text-decoration: none; }
.archive__calendar .archive__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; }

/*-------------------------------------- 写真特集トップ
--------------------------------------*/
.photolatest { margin-bottom: 30px; position: relative; }
.photolatest .photolatest__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.photolatest .photolatest__rightlink a { display: inline-block; position: absolute; right: 0; top: 4px; font-size: 0.9em; background-image: url("/assets/images/icon-photo-archive.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 24px; height: 16px; line-height: 16px; }
.photolatest .photolatest__list { overflow: hidden; *zoom: 1; margin-bottom: 40px; width: 704px; margin-right: -16px; }
.photolatest .photolatest__list .photolatest__news { padding: 14px; position: relative; border: 1px solid #dddddd; width: 306px; height: 384px; float: left; margin-right: 16px; margin-bottom: 16px; }
.photolatest .photolatest__list .photolatest__news h3 { font-size: 0.9em; line-height: 1.2em; margin-bottom: 14px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.photolatest .photolatest__list .photolatest__news .photolatest__new { color: #f39821; font-size: 0.7rem; font-weight: normal; font-weight: bold; position: absolute; top: 0; left: 0; font-size: 0.8em; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist .photolatest__img { background: #E2EEF7; text-align: center; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type1 { margin-bottom: 10px; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type1 .photolatest__img { width: 306px; height: 310px; position: relative; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type1 .photolatest__img img { max-width: 100%; max-height: 310px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type2 { margin-bottom: 4px; overflow: hidden; *zoom: 1; width: 312px; margin-right: -6px; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type2 .photolatest__img { float: left; width: 150px; height: 150px; margin-right: 6px; margin-bottom: 6px; position: relative; }
.photolatest .photolatest__list .photolatest__news .photolatest__imglist--type2 .photolatest__img img { max-width: 150px; max-height: 150px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.photolatest .photolatest__list .photolatest__news .photolatest__genre { position: absolute; left: 14px; bottom: 30px; }
.photolatest .photolatest__list .photolatest__news .photolatest__genre a { background-color: #249CF8; color: #ffffff; font-size: 0.7em; padding: 5px 14px; text-decoration: none; display: inline-block; }
.photolatest .photolatest__list .photolatest__news .photolatest__genre a:hover { background-color: #8BCDFF; }
.photolatest .photolatest__list .photolatest__news .photolatest__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; left: 14px; bottom: 10px; }
.photolatest .photolatest__list .photolatest__news .photolatest__photo { position: absolute; right: 12px; bottom: 10px; font-size: 0.7em; color: #999999; }
.photolatest .photolatest__list .photolatest__news .photolatest__photo span { font-size: 1.4rem; color: #1a62aa; padding: 0px 5px; }
.photolatest .photolatest__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.photolatest .photolatest__more a:hover { background-color: #8BCDFF; }

/*-------------------------------------- 動画トップ
--------------------------------------*/
.movielatest { margin-bottom: 30px; position: relative; }
.movielatest .movielatest__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.movielatest .movielatest__ttl .movielatest__ttl--small { font-size: 0.7em; margin-left: 10px; }
.movielatest .movielatest__rightlink a { display: inline-block; position: absolute; right: 0; top: 4px; font-size: 0.9em; background-image: url("/assets/images/icon-archive.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 24px; height: 16px; line-height: 16px; }
.movielatest .movielatest__list { overflow: hidden; *zoom: 1; margin-bottom: 40px; width: 704px; margin-right: -16px; }
.movielatest .movielatest__list .movielatest__news { position: relative; width: 336px; float: left; margin-right: 16px; margin-bottom: 16px; }
.movielatest .movielatest__list .movielatest__news h3 { font-size: 0.9em; line-height: 1.2em; padding-bottom: 30px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.movielatest .movielatest__list .movielatest__news .movielatest__img { width: 336px; height: 187px; overflow: hidden; position: relative; }
.movielatest .movielatest__list .movielatest__news .movielatest__img:before { display: block; content: ""; position: absolute; z-index: 9999; color: #FFFFFF; width: 30px; height: 24px; background-image: url(/assets/images/icon-movie-play.png); background-size: 30px 24px; background-repeat: no-repeat; background-position: 50% 50%; left: 5px; bottom: 4px; }
.movielatest .movielatest__list .movielatest__news .movielatest__img img { width: 100%; margin-top: -33px; display: block; }
.movielatest .movielatest__list .movielatest__news .movielatest__img .movielatest__time { position: absolute; right: 0; bottom: 0; background: #000; color: #FFF; font-size: 0.7em; padding: 4px 6px; }
.movielatest .movielatest__list .movielatest__news .movielatest__inner { border: 1px solid #dbdbdb; padding: 10px; }
.movielatest .movielatest__list .movielatest__news .movielatest__inner .movielatest__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; left: 10px; bottom: 10px; }
.movielatest .movielatest__list .movielatest__news .movielatest__inner .movielatest__num { position: absolute; right: 10px; bottom: 10px; font-size: 0.7em; color: #999999; }
.movielatest .movielatest__list .movielatest__news .movielatest__inner .movielatest__num span { font-size: 0.9rem; color: #1a62aa; padding: 0px 5px; }
.movielatest .movielatest__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.movielatest .movielatest__more a:hover { background-color: #8BCDFF; }
.movielatest .movielatest__archive a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.movielatest .movielatest__archive a:hover { background-color: #8BCDFF; }

/*-------------------------------------- topics 右カラム
--------------------------------------*/
.sub-topics { margin-bottom: 20px; }
.sub-topics .sub-topics__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }

/*-------------------------------------- topics　写真
--------------------------------------*/
.ad-powerpush + .mainphoto { margin-top: -20px; }

.mainphoto { position: relative; zoom: 1; }
.mainphoto .slides { zoom: 1; }
.mainphoto .slides li { display: none; -webkit-backface-visibility: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin-bottom: 20px; }
.mainphoto .slides li img { width: 688px; height: auto; display: block; }
.mainphoto .slides li .mainphoto__caption { position: absolute; bottom: 0; background: #000; background-color: rgba(0, 0, 0, 0.5); color: #FFF; height: 36px; line-height: 36px; font-size: 0.9em; padding-left: 10px; width: 678px; }
.mainphoto .slides li .mainphoto__caption:hover { opacity: 0.7; }
.mainphoto .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.mainphoto .flex-direction-nav { display: none; }
.mainphoto .flex-control-nav { display: none; }

.photo-topics--top { margin-bottom: 20px; }
.photo-topics--top ul { overflow: hidden; *zoom: 1; width: 700px; margin-right: -12px; }
.photo-topics--top ul li { float: left; margin-right: 12px; }
.photo-topics--top ul li a { display: block; width: 128px; height: 72px; overflow: hidden; }
.photo-topics--top ul li a img { width: 128px; }

.photo-topics { width: 300px; }
.photo-topics h2, .photo-topics h3 { background-color: #0069E5; color: #fff; padding: 8px 8px; font-size: 0.8em; }
.photo-topics .photo-topics__news a { text-decoration: none; }
.photo-topics .photo-topics__news a h3 { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.photo-topics .photo-topics__news a .photo-topics__news__image-wrapper { max-height: 168px; overflow: hidden; }
.photo-topics .photo-topics__news a img { width: 300px; }

/*-------------------------------------- topics　ニュース
--------------------------------------*/
.news-topics { overflow: hidden; *zoom: 1; }
.news-topics .news-topics__subculture, .news-topics .news-topics__tv { width: 300px; }
.news-topics .news-topics__subculture h2, .news-topics .news-topics__tv h2, .news-topics .news-topics__subculture h3, .news-topics .news-topics__tv h3 { background-color: #0069E5; color: #fff; padding: 8px 8px; font-size: 0.8em; }
.news-topics .news-topics__subculture ul, .news-topics .news-topics__tv ul { border: 1px solid #eee; padding: 5px 10px; }
.news-topics .news-topics__subculture ul li, .news-topics .news-topics__tv ul li { height: 40px; line-height: 40px; border-top: 1px solid #eee; font-size: 0.9em; overflow: hidden; }
.news-topics .news-topics__subculture ul li:first-child, .news-topics .news-topics__tv ul li:first-child { border-top: none; }
.news-topics .news-topics__subculture ul li .icon-new, .news-topics .news-topics__tv ul li .icon-new { color: #f39821; font-size: 0.7rem; font-weight: normal; font-weight: bold; margin-left: 5px; }
.news-topics .news-topics__subculture ul li .icon-photo, .news-topics .news-topics__tv ul li .icon-photo { display: inline-block; background: url(../images/icon_camera16.png) no-repeat; width: 16px; height: 16px; text-indent: -99999px; overflow: hidden; margin-left: 5px; }
.news-topics .news-topics__subculture ul li .icon-movie, .news-topics .news-topics__tv ul li .icon-movie { display: inline-block; background: url(../images/icon_clapperboard16.png) no-repeat; width: 16px; height: 16px; text-indent: -99999px; overflow: hidden; margin-left: 5px; }
.news-topics .news-topics__subculture ul .news-topics__txt--last, .news-topics .news-topics__tv ul .news-topics__txt--last { border-bottom: none; }
.news-topics .news-topics__subculture--top { float: left; width: 336px; margin-bottom: 20px; }
.news-topics .news-topics__subculture--top li:first-child { font-size: 1.0rem; font-weight: bold; }
.news-topics .news-topics__tv--top { float: left; margin-left: 16px; width: 336px; margin-bottom: 20px; }
.news-topics .news-topics__tv--top li:first-child { font-size: 1.0rem; font-weight: bold; }

/*-------------------------------------- topics　注目動画
----------------------------------------*/
.movie-topics { width: 300px; }
.movie-topics h2, .movie-topics h3 { background-color: #0069E5; color: #fff; padding: 8px 8px; font-size: 0.8em; }
.movie-topics .movie-topics__main dl { position: relative; }
.movie-topics .movie-topics__main dl dt:before { display: block; content: ""; position: absolute; z-index: 9999; color: #FFFFFF; width: 30px; height: 24px; background-image: url(/assets/images/icon-movie-play.png); background-size: 30px 24px; background-repeat: no-repeat; background-position: 50% 50%; top: 140px; left: 5px; }
.movie-topics .movie-topics__main dl img { width: 300px; }
.movie-topics .movie-topics__main dl dd { padding: 10px 9px 5px 9px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.movie-topics .movie-topics__main dl dd p { margin-bottom: 5px; line-height: 1.3em; font-size: 0.9em; }
.movie-topics .movie-topics__main dl .movie-topics__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 10px; }
.movie-topics .movie-topics__list dl { position: relative; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; }
.movie-topics .movie-topics__list dl dt { position: absolute; left: 0; top: 0; }
.movie-topics .movie-topics__list dl dt:before { display: block; content: ""; position: absolute; z-index: 9999; color: #FFFFFF; width: 30px; height: 24px; background-image: url(/assets/images/icon-movie-play.png); background-size: 30px 24px; background-repeat: no-repeat; background-position: 50% 50%; left: 5px; bottom: 4px; }
.movie-topics .movie-topics__list dl dt img { width: 160px; }
.movie-topics .movie-topics__list dl dd { padding: 10px 10px 10px 170px; height: 70px; }
.movie-topics .movie-topics__list dl dd p { margin-bottom: 5px; line-height: 1.3em; font-size: 0.8em; }
.movie-topics .movie-topics__list dl dd .movie-topics__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 10px; left: 170px; }

.movie-topics--top { margin-bottom: 40px; border-bottom: 1px solid #eee; }
.movie-topics--top .movie-topics__list { border-top: none; }

/*------------------------------------------- maidigitv
-------------------------------------------*/
.maidigitv { overflow: hidden; *zoom: 1; margin-bottom: 40px; }
.maidigitv .maidigitv__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; background: url(/assets/images/maidigitv.png) no-repeat 0 0; text-indent: -9999px; padding-left: 123px; height: 22px; }
.maidigitv .maidigitv__latest, .maidigitv .maidigitv__popularity { overflow: hidden; *zoom: 1; border-bottom: 1px solid #eee; }
.maidigitv .maidigitv__latest h3, .maidigitv .maidigitv__popularity h3 { background-color: #0069E5; color: #fff; padding: 6px; font-size: 0.8em; }
.maidigitv .maidigitv__latest dl, .maidigitv .maidigitv__popularity dl { width: 50%; float: left; overflow: hidden; *zoom: 1; position: relative; border-top: 1px solid #eee; }
.maidigitv .maidigitv__latest dl dt, .maidigitv .maidigitv__popularity dl dt { position: relative; width: 160px; height: 90px; float: left; }
.maidigitv .maidigitv__latest dl dt:before, .maidigitv .maidigitv__popularity dl dt:before { display: block; content: ""; position: absolute; z-index: 9999; color: #FFFFFF; width: 30px; height: 24px; background-image: url(/assets/images/icon-movie-play.png); background-size: 30px 24px; background-repeat: no-repeat; background-position: 50% 50%; left: 5px; bottom: 4px; }
.maidigitv .maidigitv__latest dl dt img, .maidigitv .maidigitv__popularity dl dt img { width: 160px; height: 90px; }
.maidigitv .maidigitv__latest dl dt .maidigitv__time, .maidigitv .maidigitv__popularity dl dt .maidigitv__time { position: absolute; right: 0; bottom: 0; background: #000; color: #FFF; font-size: 0.7em; padding: 4px 6px; }
.maidigitv .maidigitv__latest dd, .maidigitv .maidigitv__popularity dd { position: relative; padding: 10px 10px 10px 170px; height: 70px; border-right: 1px solid #eee; }
.maidigitv .maidigitv__latest dd p, .maidigitv .maidigitv__popularity dd p { margin-bottom: 5px; line-height: 1.3em; font-size: 0.9em; }
.maidigitv .maidigitv__latest .maidigitv__date, .maidigitv .maidigitv__popularity .maidigitv__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 10px; left: 170px; }
.maidigitv .maidigitv__latest .maidigitv__num, .maidigitv .maidigitv__popularity .maidigitv__num { color: #999999; font-size: 0.7em; position: absolute; bottom: 10px; left: 170px; }
.maidigitv .maidigitv__latest .maidigitv__rank, .maidigitv .maidigitv__popularity .maidigitv__rank { background-color: #000000; color: #ffffff; height: 18px; line-height: 18px; padding: 0px 6px; font-size: 0.7em; position: absolute; left: 0; top: 0; }
.maidigitv .maidigitv__latest .maidigitv__new, .maidigitv .maidigitv__popularity .maidigitv__new { color: #f39821; font-size: 0.7rem; font-weight: normal; font-weight: bold; position: absolute; left: 0; top: 0; }
.maidigitv .maidigitv__popularity { margin-left: 16px; }

/*------------------------------------------- 写真特集
-------------------------------------------*/
.latestphoto { margin-bottom: 20px; }
.latestphoto .latestphoto__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.latestphoto .latestphoto__list { overflow: hidden; *zoom: 1; width: 690px; margin-right: -2px; margin-bottom: 40px; }
.latestphoto .latestphoto__list .latestphoto__thum { float: left; margin-right: 2px; margin-bottom: 2px; }
.latestphoto .latestphoto__list .latestphoto__thum a { width: 136px; height: 136px; background-color: #E2EEF7; display: block; position: relative; }
.latestphoto .latestphoto__list .latestphoto__thum a img { max-width: 136px; max-height: 136px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.latestphoto .latestphoto__list .latestphoto__thum--last { margin-right: 0px; }
.latestphoto .latestphoto__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.latestphoto .latestphoto__more a:hover { background-color: #8BCDFF; }

/*------------------------------------------- 写真特集アーカイブ
-------------------------------------------*/
.photoarchive { margin-bottom: 40px; overflow: hidden; }
.photoarchive .photoarchive__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.photoarchive .photoarchive__ttl .photoarchive__ttl--small { font-size: 0.7em; margin-left: 10px; }
.photoarchive .photoarchive__list { overflow: hidden; *zoom: 1; margin-bottom: 40px; width: 696px; margin-right: -8px; }
.photoarchive .photoarchive__list .photoarchive__news { float: left; position: relative; border: 1px solid #dddddd; width: 222px; margin-right: 8px; margin-bottom: 8px; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__new { color: #f39821; font-size: 0.7rem; font-weight: normal; font-weight: bold; position: absolute; top: 0; left: 0; font-size: 0.8em; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__img { background-color: #E2EEF7; text-align: center; width: 222px; height: 222px; position: relative; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__img img { max-width: 222px; max-height: 222px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner { padding: 10px; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner h3 { font-size: 0.9em; line-height: 1.2em; margin-bottom: 50px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__genre { position: absolute; bottom: 28px; left: 10px; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__genre a { background-color: #249CF8; color: #ffffff; font-size: 0.7em; padding: 5px 14px; text-decoration: none; display: inline-block; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__genre a:hover { background-color: #8BCDFF; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__genre a { padding: 4px 7px; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 10px; left: 10px; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__photo { position: absolute; right: 10px; bottom: 10px; font-size: 0.7em; color: #999999; }
.photoarchive .photoarchive__list .photoarchive__news .photoarchive__inner .photoarchive__photo span { font-size: 1.0rem; color: #1a62aa; padding: 0px 5px; }
.photoarchive .photoarchive__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.photoarchive .photoarchive__more a:hover { background-color: #8BCDFF; }

/*------------------------------------------- ランキング
-------------------------------------------*/
/*------------------------------------------- ランキング
-------------------------------------------*/
.ranking { position: relative; margin-bottom: 40px; }
.ranking__ttl { background-color: #0069E5; color: #fff; font-size: 0.8em; padding: 0px 10px; height: 26px; line-height: 26px; }
.ranking__list { border-bottom: 1px solid #d8d8d8; padding: 0; /* paddingキャンセル */ margin: 0; /* marginキャンセル */ list-styale: none; /* olがはき出す数字を消す */ counter-reset: rank; display: table; width: 100%; box-sizing: border-box; }
.ranking__list li { display: table-row; }
.ranking__list li:before { counter-increment: rank; content: counter(rank); display: table-cell; vertical-align: middle; height: 44px; width: 24px; text-align: center; border-top: 1px solid #d8d8d8; font-size: 1.0em; }
.ranking__list li a { display: table-cell; width: auto; vertical-align: middle; padding: 0 5px; border-top: 1px solid #d8d8d8; font-size: 0.8em; line-height: 1.4; }
.ranking__list li:nth-child(1):before { color: #FF0000; font-weight: bold; }
.ranking__list li:nth-child(1) a { font-weight: bold; }
.ranking__list li:nth-child(2):before { color: #FF9900; font-weight: bold; }
.ranking__list li:nth-child(3):before { color: #249CF8; font-weight: bold; }
.ranking__list li:nth-child(4):before { color: #666; font-weight: bold; }
.ranking__list li:nth-child(5):before { color: #a8a8a8; font-weight: bold; }

/*--------------------------------------- 特集
----------------------------------------*/
.feature { overflow: hidden; *zoom: 1; margin-bottom: 40px; }
.feature .feature__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }
.feature .feature__left, .feature .feature__right { float: left; width: 336px; }
.feature .feature__left .feature__large, .feature .feature__right .feature__large { margin-bottom: 10px; }
.feature .feature__left .feature__large dt, .feature .feature__right .feature__large dt { height: 189px; overflow: hidden; }
.feature .feature__left .feature__large dt img, .feature .feature__right .feature__large dt img { width: 336px; }
.feature .feature__left .feature__large dd, .feature .feature__right .feature__large dd { background-color: #E2EEF7; padding: 10px; line-height: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.feature .feature__left .feature__small, .feature .feature__right .feature__small { overflow: hidden; *zoom: 1; margin-bottom: 5px; }
.feature .feature__left .feature__small dt, .feature .feature__right .feature__small dt { float: left; height: 90px; overflow: hidden; }
.feature .feature__left .feature__small dt img, .feature .feature__right .feature__small dt img { width: 160px; }
.feature .feature__left .feature__small dd, .feature .feature__right .feature__small dd { float: left; background-color: #E2EEF7; line-height: 1.3em; height: 68px; padding: 10px; font-size: 0.9em; width: 155px; height: 70px; }
.feature .feature__right { float: right; }
.feature .feature__right .feature__large { margin-top: 10px; }

/*------------------------------------------- 最新記事
-------------------------------------------*/
.latestnews { margin-bottom: 40px; position: relative; }
.latestnews .latestnews__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }
.latestnews .latestnews__rightlink a { display: inline-block; position: absolute; right: 0; top: 4px; font-size: 0.9em; background-image: url("/assets/images/icon-archive.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 24px; height: 16px; line-height: 16px; }
.latestnews ul { margin-bottom: 40px; }
.latestnews ul li { overflow: hidden; *zoom: 1; border-top: 1px solid #eee; padding: 10px 0; position: relative; }
.latestnews ul li:last-child { border-bottom: 1px solid #eee; }
.latestnews ul li h3 { font-size: 1.2em; line-height: 1.3em; margin-bottom: 10px; }
.latestnews ul li p { line-height: 1.4em; margin-bottom: 20px; color: #999999; font-size: 0.9em; }
.latestnews ul li .latestnews__img { float: left; margin-right: 15px; background-color: #E2EEF7; width: 150px; height: 150px; text-align: center; position: relative; }
.latestnews ul li .latestnews__img img { max-width: 150px; max-height: 150px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.latestnews ul li .latestnews__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 15px; }
.latestnews ul li .latestnews__genre { position: absolute; bottom: 10px; left: 260px; }
.latestnews ul li .latestnews__genre a { background-color: #249CF8; color: #ffffff; font-size: 0.7em; padding: 5px 14px; text-decoration: none; display: inline-block; }
.latestnews ul li .latestnews__genre a:hover { background-color: #8BCDFF; }
.latestnews__info { position: absolute; right: 10px; bottom: 10px; }
.latestnews__info__exist-movie { display: inline-block; font-size: 0.9em; height: 24px; margin-right: 5px; }
.latestnews__info__exist-movie img { vertical-align: text-bottom; display: inline-block; width: 24px; margin-bottom: 1px; }
.latestnews__info__exist-graph { display: inline-block; color: #249CF8; font-size: 0.9em; height: 24px; }
.latestnews__info__exist-graph img { vertical-align: text-bottom; display: inline-block; width: 24px; height: 24px; }
.latestnews__info__exist-graph span { margin-left: 5px; top: -1px; position: relative; background: #ffffff; border: 1px solid #249CF8; display: inline-block; text-align: center; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; padding: 0px 5px 0px 4px; width: 24px; height: 18px; min-width: 2.4em; text-align: center; line-height: 18px; }
.latestnews__info__exist-graph span:after, .latestnews__info__exist-graph span:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.latestnews__info__exist-graph span:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 2px; margin-top: -2px; }
.latestnews__info__exist-graph span:before { border-color: rgba(36, 156, 248, 0); border-right-color: #249CF8; border-width: 3px; margin-top: -3px; }
.latestnews .latestnews__more a { width: 50%; margin: 0 auto; background: #249CF8; color: #FFF; text-align: center; height: 45px; line-height: 45px; display: block; }
.latestnews .latestnews__more a:hover { background-color: #8BCDFF; }

/*-------------------------------------- 全アーカイブトップ
--------------------------------------*/
.allarchive { margin-bottom: 40px; overflow: hidden; }
.allarchive__info { position: absolute; right: 10px; bottom: 10px; }
.allarchive__info__exist-movie { display: inline-block; font-size: 0.9em; height: 24px; margin-right: 5px; }
.allarchive__info__exist-movie img { vertical-align: text-bottom; display: inline-block; width: 24px; margin-bottom: 1px; }
.allarchive__info__exist-graph { display: inline-block; color: #249CF8; font-size: 0.9em; height: 24px; }
.allarchive__info__exist-graph img { vertical-align: text-bottom; display: inline-block; width: 24px; height: 24px; }
.allarchive__info__exist-graph span { margin-left: 5px; top: -1px; position: relative; background: #ffffff; border: 1px solid #249CF8; display: inline-block; text-align: center; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; padding: 0px 5px 0px 4px; width: 24px; height: 18px; min-width: 2.4em; text-align: center; line-height: 18px; }
.allarchive__info__exist-graph span:after, .allarchive__info__exist-graph span:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.allarchive__info__exist-graph span:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 2px; margin-top: -2px; }
.allarchive__info__exist-graph span:before { border-color: rgba(36, 156, 248, 0); border-right-color: #249CF8; border-width: 3px; margin-top: -3px; }
.allarchive .allarchive__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.allarchive .allarchive__ttl .allarchive__ttl--small { font-size: 0.7em; margin-left: 10px; }
.allarchive ul { border-bottom: 1px solid #eee; }
.allarchive ul li { overflow: hidden; *zoom: 1; border-top: 1px solid #eee; padding: 10px 0; position: relative; }
.allarchive ul li h3 { font-size: 1.1em; line-height: 1.3em; margin-bottom: 10px; }
.allarchive ul li p { line-height: 1.4em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 20px; color: #999999; font-size: 0.9em; }
.allarchive ul li .allarchive__img { float: left; margin-right: 15px; background: #E2EEF7; width: 120px; height: 120px; text-align: center; position: relative; }
.allarchive ul li .allarchive__img img { max-width: 120px; max-height: 120px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.allarchive ul li .allarchive__date { color: #999999; font-size: 0.7em; margin-right: 6px; position: absolute; bottom: 15px; }
.allarchive ul li .allarchive__genre { position: absolute; bottom: 10px; left: 230px; }
.allarchive ul li .allarchive__genre a { background-color: #249CF8; color: #ffffff; font-size: 0.7em; padding: 5px 14px; text-decoration: none; display: inline-block; }
.allarchive ul li .allarchive__genre a:hover { background-color: #8BCDFF; }
.allarchive ul li .allarchive__item { position: absolute; right: 0; bottom: 10px; }
.allarchive ul li .allarchive__item .allarchive__movie { text-indent: -9999px; display: inline-block; width: 22px; height: 20px; background: url("/assets/images/movie.png") left top no-repeat; }
.allarchive ul li .allarchive__item .allarchive__photo { display: inline-block; width: auto; height: 20px; background: url("/assets/images/photo.png") left center no-repeat; padding-left: 27px; font-size: 0.7em; color: #1a62aa; }
.allarchive ul li .allarchive__item .allarchive__photo span { position: relative; background: #ffffff; border: 1px solid #1a62aa; display: block; text-align: center; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px; border-radius: 2px 2px; padding: 0px 5px 0px 4px; height: 18px; line-height: 18px; }
.allarchive ul li .allarchive__item .allarchive__photo span:after, .allarchive ul li .allarchive__item .allarchive__photo span:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.allarchive ul li .allarchive__item .allarchive__photo span:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 4px; margin-top: -4px; }
.allarchive ul li .allarchive__item .allarchive__photo span:before { border-color: rgba(26, 98, 170, 0); border-right-color: #1a62aa; border-width: 5px; margin-top: -5px; }

/*--------------------------------------- 注目ワード
---------------------------------------*/
.hotword { margin-bottom: 20px; }
.hotword ul { display: inline; }
.hotword ul li { letter-spacing: normal; display: inline-block; margin-top: 8px; margin-right: 8px; line-height: 24px; overflow: hidden; }
.hotword ul li a { display: inline-block; color: #0065A6; background-color: #E5F7FF; font-weight: bold; padding: 0 10px; font-size: 0.9em; }
.hotword ul li a:hover { background-color: #8BCDFF; color: #FFF; }
.hotword .hotword__ttl { color: #1a62aa; font-size: 1.4em; }

/*--------------------------------------- 写真特集
---------------------------------------*/
.photogallery { margin-bottom: 40px; }
.photogallery .photogallery__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 15px; }
.photogallery .slider-pro .sp-slide { background: #000000; }
.photogallery .slider-pro .sp-slide .sp-image { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 300px !important; }
.photogallery .slider-pro .sp-previous-arrow:before, .photogallery .slider-pro .sp-previous-arrow:after { left: 0; }
.photogallery .slider-pro .sp-next-arrow:before, .photogallery .slider-pro .sp-next-arrow:after { right: 0; }

/*--------------------------------------- フッター
---------------------------------------*/
.gfooter { margin-top: 50px; border-top: 2px solid #249CF8; }
.gfooter .gfooter__innertop { border-top: 2px solid #0065A6; background-color: #FFF; overflow: hidden; *zoom: 1; }
.gfooter .gfooter__innertop .gfooter_logo { float: left; margin-right: 50px; }
.gfooter .gfooter__innertop .gfooter__menu { overflow: hidden; *zoom: 1; width: 1054px; margin: 0 auto; padding: 35px 0 15px 0; }
.gfooter .gfooter__innertop .gfooter__menu .gfooter__info, .gfooter .gfooter__innertop .gfooter__menu .gfooter__site { overflow: hidden; *zoom: 1; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dddddd; }
.gfooter .gfooter__innertop .gfooter__menu .gfooter__info dt, .gfooter .gfooter__innertop .gfooter__menu .gfooter__site dt { font-size: 0.7em; color: #666666; margin-bottom: 14px; }
.gfooter .gfooter__innertop .gfooter__menu .gfooter__info dd, .gfooter .gfooter__innertop .gfooter__menu .gfooter__site dd { font-size: 0.8em; margin-right: 15px; float: left; }
.gfooter .gfooter__innertop .gfooter__menu .gfooter__info .rssFeed, .gfooter .gfooter__innertop .gfooter__menu .gfooter__site .rssFeed { padding-left: 15px; background: url(/assets/images/rss.gif) left center no-repeat; }
.gfooter .gfooter__innertop .gfooter__menu .gfooter__site { border-bottom: none; padding-bottom: 0; }
.gfooter .gfooter__innerbottom { background-color: #1a62aa; }
.gfooter .gfooter__innerbottom .gfooter__copyright { width: 1054px; margin: 0 auto; padding: 20px 0 10px 0; }
.gfooter .gfooter__innerbottom .gfooter__copyright p { color: #ffffff; font-size: 0.6em; text-align: center; margin-bottom: 10px; }

/*-------------------------------------- error
--------------------------------------*/
.error { margin: 50px auto 0 auto; text-align: center; }
.error .error__title { font-size: 2.2em; margin-bottom: 50px; }
.error p { margin-bottom: 10px; }
.error .error__btn-text { margin-top: 50px; }

/*--------------------------------------
検索ページ
--------------------------------------*/
.search-page { margin-top: 20px; }
.search-page h2 { margin: 0 10px; font-size: 1.6em; color: #16387C; }

.form-site-seach-warpper { margin: 40px 10px; }

.form-site-search__input-text { border: 1px solid #a8a8a8; font-size: 1.0em; padding: 5px; border-radius: 2px; margin-right: 5px; min-height: 34px; width: 400px; height: 36px; vertical-align: top; }
.form-site-search__input-text:focus { background-color: #FFFCDB; }
.form-site-search__btn-submit { background-color: #249CF8; border: 1px solid #E2EEF7; height: 48px; width: 60px; padding: 0; border-radius: 2px; text-align: center; vertical-align: top; }
.form-site-search__btn-submit img { width: 32px; height: 32px; }
.form-site-search__btn-submit:hover, .form-site-search__btn-submit:focus { background-color: #8BCDFF; cursor: pointer; }
.form-site-search__btn-submit:active { background-color: #E2EEF7; }

/*--------------------------------------
まとめ
--------------------------------------*/
.matome__ttl { color: #1a62aa; font-size: 1.4em; margin-bottom: 20px; }
.matome__ttl + .matome__description { border-top: 1px solid #E5F7FF; padding-top: 20px; }
.matome__ttl + .matome__related-tags { border-top: 1px solid #E5F7FF; padding-top: 20px; }

.matome__description { margin-bottom: 20px; }
.matome__description p { font-size: 1.0em; line-height: 1.6; margin-bottom: 1.0em; }
.matome__description + .matome__info { margin-top: 40px; }

.matome__related-tags { position: relative; margin-bottom: 40px; }
.matome__related-tags ul { display: inline; }
.matome__related-tags ul li { letter-spacing: normal; display: inline-block; margin-top: 8px; margin-right: 8px; line-height: 24px; overflow: hidden; }
.matome__related-tags ul li a { display: inline-block; color: #0065A6; background-color: #E5F7FF; font-weight: bold; padding: 0 10px; font-size: 0.9em; }
.matome__related-tags ul li a:hover { background-color: #8BCDFF; color: #FFF; }
.matome__related-tags__title { background: url("/assets/images/tag.png") 0 0 no-repeat; background-size: 30px 24px; height: 24px; padding-left: 32px; line-height: 24px; font-weight: bold; font-size: 0.8em; color: #249CF8; display: inline-block; margin-right: 8px; overflow: hidden; }

.matome__info { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5F7FF; }
.matome__info__last-update { font-size: 0.8em; color: #333; margin-bottom: 1.0em; }
.matome__info__last-update__article { display: inline-block; }
.matome__info__last-update__movie { display: inline-block; }
.matome__info__last-update__movie:before { display: inline-block; content: "/ "; margin: 0 0.5em; }
.matome__info__text { line-height: 1.6; font-size: 0.9em; }
.matome__info__count { color: #000; font-weight: bold; font-size: 1.2em; margin: 0 0.1em; }

.matome-movie .movielatest__ttl { color: #000; font-size: 1.2em; }
.matome-movie .movielatest__list .movielatest__news { width: 218px; overflow: hidden; }
.matome-movie .movielatest__list .movielatest__news h3 { font-size: 0.8em; white-space: normal; height: 2.4em; overflow: hidden; line-height: 1.4; padding-bottom: 0; margin-bottom: 30px; }
.matome-movie .movielatest__list .movielatest__news .movielatest__img { width: 100%; height: 122px; }
.matome-movie .movielatest__list .movielatest__news .movielatest__img img { margin-top: -20px; }
.matome-movie .movielatest__archive { margin-top: -20px; }
.matome-movie .movielatest__list__loader { text-align: center; margin-bottom: 20px; }
.matome-movie .movielatest__list__loader img { width: 64px; height: 7px; }

.matome-latest__ttl { color: #000; font-size: 1.2em; margin-bottom: 20px; }
.matome-latest__list { position: relative; overflow: hidden; margin-bottom: 40px; width: 704px; margin-right: -16px; overflow: hidden; }
.matome-latest__list__item { width: 334px; height: 430px; border: 1px solid #dbdbdb; position: relative; margin-right: 16px; margin-bottom: 16px; list-style: none; float: left; display: block; overflow: hidden; }
.matome-latest__list__item > a { display: block; height: 390px; padding: 10px; }
.matome-latest__list__item > a:hover { background-color: #FAFDFF; }
.matome-latest__list__item__img-wrapper { width: 314px; height: 234px; background: #E2EEF7; position: relative; margin-bottom: 10px; }
.matome-latest__list__item__img-wrapper img { max-width: 314px; max-height: 234px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.matome-latest__list__item h3 { margin-bottom: 0.8em; line-height: 1.4; }
.matome-latest__list__item p { color: #333; font-size: 0.8em; line-height: 1.6; }

.matome-latestphoto .latestphoto__ttl { font-size: 1.2em; color: #000; }

.matome-archive .genrearchive__ttl { font-size: 1.2em; color: #000; }

#infscr-loading { clear: both; text-align: center; margin: 0 auto; padding: 20px 0; }
#infscr-loading img { width: 64px; }

.tag-cloud { margin-bottom: 40px; }
.tag-cloud__ttl { background: url(/assets/images/tag.png) 0 0 no-repeat; background-size: 30px 24px; padding-left: 32px; margin-bottom: 10px; line-height: 24px; font-size: 1.2em; color: #1a62aa; }
.tag-cloud__list { border: 1px solid #eee; padding: 10px; }
.tag-cloud__list__item { display: inline-block; }
.tag-cloud__list__item.top5 { font-size: 16px; font-weight: bold; }
.tag-cloud__list__item.top10 { font-size: 16px; }
.tag-cloud__list__item.top20 { font-size: 14px; }
.tag-cloud__list__item.top30 { font-size: 12px; }
.tag-cloud__list__item.normal { font-size: 10px; }
.tag-cloud__list__item a { display: inline-block; margin: 2px; color: #0065A6; background-color: #E5F7FF; padding: 5px; border-radius: 2px; }
.tag-cloud__list__item a:hover { background-color: #8BCDFF; color: #FFF; }