@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); /* Theme Name: The Japan Times - Main Theme URI: http://bentographics.com Author: Benjamin Thomas & David Ashkanasy Author URI: http://bentographics.com Description: Created by Bento Graphics. */ .content_styles .entry article img, .logo_header h1, .logo_header h1 img, header[role=banner] img { -ms-interpolation-mode: bicubic } .comment_count, svg:not(:root) { overflow: hidden } [data-icon]:before, h1, h2, h3, h4, h5 { -webkit-font-smoothing: antialiased } .form_element, article img { width: 100%; max-width: 100% } article, aside, details, figcaption, figure, footer, header, hgroup, hr, nav, section, summary { display: block } hr, img, legend { border: 0 } table, table th { border-top: 1px solid #999 } body, td { text-align: left } .clearfix:after, .content_styles .entry hr:after { clear: both } .flex-direction-nav a, a { text-decoration: none; cursor: pointer } #___gcse_1 a, #___gcse_1 a.gs-title, #___gcse_1 a.gs-title b, .gs-title.gsc-table-cell-thumbnail, .gsc-control-cse.gsc-control-cse-en a.gs-title, .gsc-results .gsc-cursor-box .gsc-cursor-page, .gsc-wrapper * a { text-decoration: none!important } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 1 } body, figure { margin: 0 } a:focus { outline: dotted thin } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } @font-face { font-family: Pluto; src: url(library/fonts/pluto/plutosansbold-webfont.eot); src: url(library/fonts/pluto/plutosansbold-webfont.eot?#iefix) format('embedded-opentype'), url(library/fonts/pluto/plutosansbold-webfont.svg#PlutoSansBold) format('svg'), url(library/fonts/pluto/plutosansbold-webfont.woff) format('woff'), url(library/fonts/pluto/plutosansbold-webfont.ttf) format('truetype'); font-weight: 400; font-style: normal } @font-face { font-family: Pluto; src: url(library/fonts/pluto/plutosansregular-webfont.eot); src: url(library/fonts/pluto/plutosansregular-webfont.eot?#iefix) format('embedded-opentype'), url(library/fonts/pluto/plutosansregular-webfont.svg#PlutoSansRegular) format('svg'), url(library/fonts/pluto/plutosansregular-webfont.woff) format('woff'), url(library/fonts/pluto/plutosansregular-webfont.ttf) format('truetype'); font-weight: 200; font-style: normal } @font-face { font-family: icons; src: url(library/fonts/icons/icomoon.eot); src: url(library/fonts/icons/icomoon.eot?#iefix) format('embedded-opentype'), url(library/fonts/icons/icomoon.svg#icomoon) format('svg'), url(library/fonts/icons/icomoon.woff) format('woff'), url(library/fonts/icons/icomoon.ttf) format('truetype'); font-weight: 400; font-style: normal; vertical-align: sub } [data-icon]:before { font-family: icons; content: attr(data-icon); speak: none; font-weight: 400 } .flex-next, .flex-prev, .related-posts-type li:before, [class*=" icon-"]:before, [class^=icon-]:before { font-family: icons; font-style: normal; speak: none; font-weight: 400; -webkit-font-smoothing: antialiased; vertical-align: sub } .icon-single_image:before { content: "\25a3" } .icon-menu:before { content: "\2b" } .flex-prev:before, .icon-arrow-left:before { content: "\3c" } .flex-next:before, .icon-arrow-right:before { content: "\3e" } .icon-leaf:before { content: "\2767" } .icon-export:before, .icon-share:before { content: "\21aa" } .icon-record:before, .related-posts-type ul li:before { color: #c8102e; content: "\25c9"; float: left; padding-right: .3125em } .icon-rss:before { content: "\21c4" } .icon-twitter:before { content: "\74"; text-transform: none } .icon-facebook:before { content: "\66"; text-transform: none } .credit, .writerstitle, .icon-disqus:before, .icon-dollar:before, .icon-jt:before, .meta p, .section_title h2, .writer, h3, time { text-transform: uppercase } .icon-mail:before { content: "\2709" } .icon-checkmark-2:before { content: "\2713" } .icon-paperplane:before { content: "\27b6" } .icon-printer:before { content: "\50" } .icon-bolt:before { content: "\21" } .icon-star:before { content: "\25e6" } .icon-star-2:before { content: "\25d7" } .icon-star-3:before { content: "\25cf" } .icon-google:before, .icon-googleplus:before { content: "\67" } .icon-jt:before { content: "jt"; font-family: "Times New Roman", Times, serif } .icon-dollar:before { content: "$"; font-family: Arial, Helvetica, Verdana, sans-serif; vertical-align: middle; padding-left: .1875rem; padding-right: .4375rem!important } .icon-compass:before, .icon-location:before { padding-right: .3125em; font-family: icons; float: none!important; color: #c8102e!important } .icon-calendar:before { content: "\274f" } .icon-food:before { content: "\296f" } .icon-target:before { content: "\2609" } .icon-disqus:before { content: "\44" } .icon-tag:before { content: "\25ad" } .icon-phone:before { content: "\260f" } .icon-map:before { content: "\2690" } .icon-location:before { content: "\25bd"; font-size: 12px; font-size: .75rem } .icon-compass:before { content: "\27f4"!important; margin-top: -(3em/16)!important; font-size: 12px; font-size: .75rem } body, html { font-size: 100% } .icon-music:before { content: "\266b" } .icon-directions:before { content: "\2691" } .icon-smoking_icon:before { content: "\25ac" } .icon-thumbs-up:before { content: "\261d" } .icon-thumbs-down:before { content: "\261f" } .icon-clock:before { content: "\231a" } .icon-yen:before, .yen:before { content: "\00A5"; font-family: arial, verdana!important } .icon-yen:before { color: #c8102e!important } .icon-drink:before { content: "\25cc" } .icon-credit-card:before { content: "\270d" } .icon-seat:before { content: "\25ef" } .icon-transport:before { content: "\21d4"; padding-right: .625rem!important } .icon-reserved:before { content: "\2613" } .icon-ticket:before { content: "\25b0" } .icon-chair:before { content: "\231e" } .icon-search:before { content: "\25ce" } .icon-megaphone:before { content: "\e600" } .icon-cone:before { content: "\25b2" } .icon-statistics:before { content: "\2934" } .icon-file-pdf:before { content: "\2736" } .icon-file-word:before { content: "\77" } .icon-file-excel:before { content: "\58" } .icon-new-tab:before { content: "\2922" } .icon-mobile:before { content: "\260e" } .icon-house:before { content: "\2617" } .icon-language:before { content: "\25ba" } .icon-japan:before { content: "日"; font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important } .icon-checkmark:before { content: "\2611" } .icon-cross:before { content: "\2612" } .icon-pictures:before { content: "\25b1" } .icon-video:before { content: "\25a8" } .icon-play:before { content: "\25B6" } .icon-download:before { content: "\2193" } .icon-bookmark:before { content: "\25ae" } .icon-arrow-down:before { content: "\2b07" } .icon-arrow-up:before { content: "\2b06" } .icon-flickr:before { content: "\46" } .icon-network:before { content: "\25cd" } .icon-link:before { content: "\2924" } .icon-plus:before { content: "\e001" } .icon-minus:before { content: "\e005" } .icon-blank:before { content: "\0020" } .gcsc-branding a:before, .google_map_link:before, img.gcsc-branding-img a:before, img.gcsc-branding-img-noclear a:before, img.gsc-branding-img a:before, img.gsc-branding-img-noclear a:before { content: none!important } .icon-restaurant:before { content: "\296f" } .white { color: #fff } /* TODO: #898989 isn't bue (class name should be changed) */ .blue { color: #898989!important } a.blue:hover { color: #c8102e!important } .red { color: #c8102e } .grey { color: #efefef } h3, h3 a { color: #c8102e } body, h1 a, h3 span { color: #333 } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } body { line-height: 24px; line-height: 1.5rem; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 200; vertical-align: baseline; background: #fbfbfb } h1, h2, h3, h4, h5 { -moz-font-smoothing: antialiased; font-smoothing: antialiased } h1 { font-family: utopia-std, Georgia, serif; font-size: 24px; font-size: 1.5rem; line-height: 27px; line-height: 1.6875rem; font-weight: 700; margin: 0 0 .125em } h2, h3 { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 200 } h2 { font-size: 14px; line-height: 18px; color: #666; margin-top: .4375em } h3 { font-size: 11px; font-size: .6875rem; line-height: 14px; line-height: .875rem } h3 span { padding: 0 .1875em } h4 { font-family: utopia-std, Georgia, serif } .credit, .writerstitle, .writer, time { font-size: 11px; line-height: 21px; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-weight: 200!important; color: #999 } time { text-transform: inherit } p { font-size: 19px; font-size: 1.1875rem; font-family: utopia-std, Georgia, "Hiragino Mincho Pro", "Hiragino Mincho", serif } .topics p { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } a { color: #898989; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out } a:focus, a:hover { color: #c8102e } ol, ul { font-size: 19px; font-size: 1.1875rem; padding-left: 1.25rem; list-style-type: none; margin: 1.25em } ul li { list-style-type: disc } ol li { list-style-type: decimal } em { font-style: italic } strong { font-weight: 700 } .gallery img { margin-bottom: 0; max-width: 100%; } .gallery figcaption { color: #666; font-family: Roboto, Light; font-size: 13px; line-height: 18px; padding-top: 5px } address, hr { margin: 1.25em 0 } .gallery figcaption.single { padding-top: 0 } table th, td { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: .4em 2% } article img { border: 0; outline: 0; margin: 0 0 .5em; backface-visibility: hidden } hr { padding: 0; height: 1px; border-top: 1px solid #efefef } hr:after, hr:before { clear: both; font-family: icons } address { font-style: normal } table { border-collapse: collapse; border-spacing: 0; font-size: 12px; font-size: .75rem; line-height: 16px; line-height: 1rem; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 100% } table th { font-weight: 400; background: #ccc; text-align: center } td { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto } tr { border-left: 1px solid #999 } tr:nth-of-type(even) { background: #efefef } .section_title { border-top: solid 2px #898989; position: relative; width: 100%; } .sidebar .section_title { border-top: solid 3px #eae9e0; } .section_title h2 { font-size: 26px; margin: 0 auto; padding: 0 10px; font-weight: 400; background: #fbfbfb; max-width: 90%; position: absolute; top: -10px; left: 50%; transform: translate(-50%, 0); text-align: center; white-space: nowrap; } .section_title h2 a { color: #c8102e } .section_title h2 a:hover { color: #898989; } .section_title.small { height: .25em } .section_title.small h2 { font-size: 12px; color: #666!important; position: absolute; } .related-posts-type, .related_links { font-family: utopia-std, Georgia, serif; font-size: 18px; font-size: 1.125rem; line-height: 22px; line-height: 1.375rem; margin-left: 0; float: left; margin-bottom: .875rem; width: 100% } .button, .form_element, .meta p, input[type=password], input[type=submit], input[type=text] { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .related-posts-type ul, .related_links ul { padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0 } .related-posts-type .icon-circle:before, .related-posts-type .icon-images:before, .related-posts-type .icon-movie:before, .related-posts-type .icon-record:before, .related-posts-type li:before, .related_links .icon-circle:before, .related_links .icon-images:before, .related_links .icon-movie:before, .related_links .icon-record:before, .related_links li:before { font-size: 11px; font-size: .6875rem; margin-left: -1.4em; padding-right: .28125em; color: #898989; font-weight: 400 } .related-posts-type li, .related_links li { list-style-type: none; margin-bottom: .5em } .latest_sidebar, .related-posts-type li:last-child, .related_links li:last-child { margin-bottom: 0 } .featured { margin-top: 20px; } .featured .related-posts-type ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .featured .related-posts-type ul li { width: 48%; } @media screen and (max-width: 767px) { .featured .related-posts-type ul { font-size: 1em; margin: 0 17px; } @media only screen and (orientation: portrait) { .featured .related-posts-type ul { display: block; } .featured .related-posts-type ul li { width: 100%; } } } .related-posts-type li a, .related_links li a { color: #333 } .related-posts-type li a:hover, .related_links li a:hover { color: #c8102e } .related-posts-type h2, .related_links h2 { display: none } .meta p { font-size: 11px; font-size: .6875rem } .meta p.enlarge { margin-top: -.625rem } .meta p.enlarge img { width: 10px; width: .625rem; height: 10px; height: .625rem; margin: .625rem .3125rem 0 0 } .comment_count { float: right; color: #fff; font-size: 10px; font-size: .625rem; line-height: 18px; line-height: 1.125rem; height: 21px; width: 25px; text-align: center; background: url(library/img/icon_speech_bubble.png) bottom left no-repeat #898989 } .button, .form_element, input[type=submit] { padding: .625rem; -moz-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block } a.comment_count:hover { background: url(library/img/icon_speech_bubble.png) bottom left no-repeat #c8102e; color: #fff } .form_element { -webkit-appearance: none; appearance: none; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 1rem; border: none; color: #333; font-weight: 200 } .button, input[type=password], input[type=submit], input[type=text] { width: 100%; max-width: 100%; -webkit-appearance: none; -moz-background-clip: padding } .button, input[type=submit] { appearance: none; border-radius: 3px; -webkit-background-clip: padding-box; font-size: 1rem; border: none; color: #fff!important; background: #898989; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 1 } input[type=password], input[type=text], select { -moz-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } .button:hover, .content_styles .button:hover, .content_styles input[type=submit]:hover, input[type=submit]:hover { color: #fff!important; background: #c8102e!important } .content_styles .button, .content_styles input[type=submit] { color: #fff!important } input[type=password], input[type=text] { appearance: none; border-radius: 3px; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; font-size: 1rem; color: #333; font-weight: 200; display: block; border: 3px solid #eae9e0; padding: 7px 10px; margin: 1em 0 } select, textarea { width: 100%; max-width: 100%; padding: .625rem; -webkit-appearance: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; display: block; color: #333 } select { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important; appearance: none; border-radius: 3px; border: none; background: url(library/img/e_p/icon_select_dropdown.png) 95% center no-repeat #ccc; background-size: 20px 20px; font-size: 14px; font-size: .875rem } .nav_search input[type=text], textarea { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } select option { background: #fff } textarea { -moz-appearance: none; appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; font-size: 16px; font-size: 1rem; border: none; font-weight: 200 } .nav_search input[type=text] { display: inline-block; font-size: 16px; font-size: 1rem; background: #fff; -webkit-appearance: none; padding: 0 .6em; min-width: 140px; height: 25px; line-height: 25px; line-height: 1.5625rem } .content_styles.japanese .entry, .content_styles.japanese .entry em, .content_styles.japanese .entry h1, .content_styles.japanese .entry h2, .content_styles.japanese .entry h3, .content_styles.japanese .entry h4, .content_styles.japanese .entry h5, .content_styles.japanese .entry h6, .content_styles.japanese .entry li, .content_styles.japanese .entry p, .content_styles.japanese .entry strong, .content_styles.japanese .entry table, .content_styles.japanese .entry ul, .content_styles.japanese header hgroup h1, .nav_search input[type=search] { font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important } .nav_search input[type=search] { float: right; font-size: 14px; font-size: .875rem; font-weight: 400; color: #333; border: 1px solid #ddd; width: 95%; padding-left: 5%; height: 40px; background: url(library/img/google_custom_search_watermark.gif) 12px 12px no-repeat #fff; -webkit-appearance: none; outline: 0; display: inline!important; vertical-align: baseline; line-height: 1; letter-spacing: .1em } .content_styles header { margin-bottom: .625em } .single-title h1, .single-post-title h1, .content_styles header > hgroup h1 { color: #151515; font-family: utopia-std, Georgia, serif; font-size: 39px; line-height: 44px; margin: 2px 0 } .single-title h4.deck, .content_styles header>hgroup h4.deck { color: #666; font-family: Roboto, Light; font-size: 18px; font-weight: 300; line-height: 24px; margin-top: 5px } .content_styles .entry { font-family: utopia-std, Georgia, "Hiragino Mincho Pro", "Hiragino Mincho", serif; text-rendering: optimizeLegibility; position: relative; margin-bottom: 1.25rem } .content_styles .entry h1, .content_styles .entry h2, .content_styles .entry h3, .content_styles .entry h4, .content_styles .entry h5, .content_styles .entry h6 { color: #151515; font-family: utopia-std, Georgia, serif; margin: 1.25em 0; text-transform: inherit; font-weight: 700; text-shadow: 0 0 0; font-style: normal; line-height: 120% } .content_styles .entry .dateline, .content_styles .entry .jt_marketmoves p, .jt_weather p, .content_styles .entry .wp-caption .wp-caption-text { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .content_styles .entry h1:first-child, .content_styles .entry h2:first-child, .content_styles .entry h3:first-child, .content_styles .entry h4:first-child, .content_styles .entry h5:first-child, .content_styles .entry h6:first-child { margin-top: 0 } .content_styles .entry h1 { font-size: 28px; font-size: 1.75rem } .content_styles .entry h2 { font-size: 30px; } .content_styles .entry h3 { font-size: 28px; } .content_styles .entry h4 { font-size: 26px; } .content_styles .entry h5 { font-size: 24px; } .content_styles .entry h6 { font-size: 22px; } .content_styles .entry p { font-size: 19px; font-size: 1.1875rem; line-height: 27px; line-height: 1.6875rem; margin-bottom: .9375em; position: relative } .content_styles .entry .dateline { font-size: 14px; font-weight: 400; color: #333; text-transform: uppercase; line-height: 1 } .content_styles .entry ol, .content_styles .entry ul { padding-left: 1em; margin: 1.25em 0 } .content_styles .entry ul li { list-style-type: disc; margin-bottom: .3125em } .content_styles .entry ol li { list-style-type: decimal; margin-bottom: .3125em } .content_styles .entry em { font-style: italic } .content_styles .entry strong { font-weight: 700 } .content_styles .entry blockquote p { font-size: 24px; font-size: 1.5rem; line-height: 32px; line-height: 2rem; font-style: italic; margin: .5em .5em .3em 0; padding: 1em; float: left; border-top: 3px solid #c8102e; border-bottom: 3px solid #c8102e } .content_styles .entry article img { max-width: auto; width: auto; border: 0; outline: 0; margin: 1.25em 0 } .content_styles .entry article img.alignleft { max-width: auto; width: auto } .content_styles .entry article img.alignright { float: right; width: auto } .content_styles .entry p img.alignleft { max-width: auto; width: auto; margin: .625em 1.25em .625em 0 } .content_styles .entry p img.alignright { max-width: auto; width: auto; margin: .625em 0 1.25em .625em } .content_styles .entry hr { display: block; padding: 0; height: 1px; border: 0; border-top: 3px solid #eae9e0; margin: 1.25em auto; text-align: center; position: relative } .content_styles .entry hr:before { position: relative; top: -12px; content: "\2767"; background: #fbfbfb; padding: 0 10px; color: #c8102e } .content_styles .entry address { font-style: normal; margin: 1.25em 0 } .content_styles .entry .wp-caption { max-width: 100% } .content_styles .entry .wp-caption img { margin: .625em 0 0 } .content_styles .entry .wp-caption .wp-caption-text { font-size: 13px; font-size: .8125rem; line-height: 18px; line-height: 1.125rem; float: left; margin-bottom: 1.25em } .content_styles .entry .wp-caption .wp-caption-text { float: right; color: #999; font-size: 11px; font-size: .6875rem } .content_styles .entry .wp-caption.alignleft { max-width: auto; width: auto; margin: .625em 1.25em .625em 0 } .content_styles .entry .wp-caption.alignright { max-width: auto; width: auto; margin: .625em 0 1.25em .625em } .jt_weather p { font-size: .75rem !important; font-weight: 300; line-height: 1rem !important; margin-bottom: 0 !important; } .jt_weather table caption { font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; margin-bottom: .3125em; font-weight: 400; text-transform: uppercase; width: 100%; text-align: center } .jt_weather table td, .jt_weather table th, .jt_weather table tr { border-color: #fff; background: #efefef; text-align: left } .jt_weather table th { border-top: none } .jt_weather table tr:nth-of-type(even) { background: #efefef } .jt_weather table img { width: 100%; height: auto } .jt_weather table .star_rating { padding: 0; margin: 0; width: 100%; float: left } .jt_weather table .star_rating li { list-style-type: none; font-size: 14px; font-size: .875rem; line-height: 20px; line-height: 1.25rem; margin: 0 .1875em; display: inline-block } .jt_weather table .star_rating li span { text-indent: 0; color: #c8102e } .jt_weather table .star_rating img { width: auto; display: inline } .jt_weather { border: none; max-width: 100%; overflow: auto; padding: 0; margin-bottom: 25px; width: 100%; background: #fff } .jt_weather tbody tr th { text-align: center } .jt_weather tbody tr td { background: #fff; border-color: #efefef; text-align: center; word-break: normal } .jt_weather thead tr th { padding: 1.25em 0; text-align: center } .content_styles .entry .jt_marketmoves h3 { margin-bottom: .3125em } .content_styles .entry .jt_marketmoves p { font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem } .content_styles .entry .jt_marketmoves img { width: 100%; max-width: 100% } .content_styles .entry a[href^="http:"]:before, .content_styles .entry a[href^="https:"]:before { padding-right: .3125em; content: "\2922"; font-family: icons; font-size: 12px; font-size: .75rem; color: #c8102e; display: inline-block; } .content_styles .entry a[href*="japantimes.co.jp"]:before, .content_styles .entry a[href*="japantimes.2xx.jp"]:before, .content_styles .entry a[href*="cdn-japantimes.com"]:before { content: none; padding-right: 0 } .content_styles .entry a[href$=".xlsx"]:before, .content_styles .entry a[href$=".XLSX"]:before, .content_styles .entry a[href$=".doc"]:before, .content_styles .entry a[href$=".DOC"]:before, .content_styles .entry a[href$=".docx"]:before, .content_styles .entry a[href$=".DOCX"]:before, .content_styles .entry a[href$=".pdf"]:before, .content_styles .entry a[href$=".PDF"]:before, .content_styles .entry a[href$=".xls"]:before, .content_styles .entry a[href$=".XLS"]:before { padding-right: .3125em; content: "\2736"; font-family: icons; font-size: 14px; font-size: .875rem; color: #c8102e } .cinema_box p, .jt_events_places_archive p, .jt_events_places_single p, .jt_film_archive p, .jt_filmbox p, .jt_filmsearch_box p, .jt_reader, .jt_restaurant p { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .content_styles .entry table { border-top: 1px solid #999; margin-bottom: 1.25em; line-height: 22px; line-height: 1.375rem } .jt_bio { margin-bottom: 30px !important; } .jt_bio, .jt_book, .jt_infobox { border-top: 3px solid #c8102e; border-bottom: 3px solid #c8102e; background: #fff } .content_styles .entry table td { vertical-align: middle; text-align: center } .content_styles .entry table h1 { margin: 0 } .content_styles .entry table .loosers, .content_styles .entry table .standings_title, .content_styles .entry table .winners, .content_styles .entry table caption { font-size: 18px; font-size: 1.125rem; text-transform: uppercase; padding: 1.25em 0; font-weight: 400; color: #c8102e } .content_styles .entry .jt_sumo_standings { overflow: auto } .overthrow-enabled .overthrow { overflow: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch } #wp-calendar { margin-bottom: 1.25em } #wp-calendar caption { font-size: 18px; font-size: 1.125rem; font-weight: 400; margin-bottom: .625em; text-transform: uppercase } #wp-calendar td, #wp-calendar th { text-align: center; padding: 1.25em 0 } #wp-calendar td a, #wp-calendar th a { display: block } .jt_bio, .jt_infobox { padding: .9375em 1.25em; font-style: italic; font-size: 21px; font-size: 1.3125rem; line-height: 28px; line-height: 1.75rem; margin: .3125em 0 } .jt_reader { font-size: 14px; font-size: .875rem; text-transform: uppercase; padding-bottom: .625em; font-style: normal; margin: 1.25em 0 } .jt_reader .region { font-size: 11px; font-size: .6875rem; text-transform: capitalize } .jt_book { padding: .9375em 1.25em; font-style: italic; font-size: 21px; font-size: 1.3125rem; line-height: 28px; line-height: 1.75rem; margin: .3125em 0 } .cinema_box, .jt_events_places_archive, .jt_events_places_single, .jt_film_archive, .jt_filmbox, .jt_restaurant { border-top: 3px solid #c8102e; border-bottom: 3px solid #c8102e; padding: .625em 0 0; margin: .3125em 0; width: 100%; background: #fff } .cinema_box [class*=" icon-"]:before, .cinema_box [class^=icon-]:before, .jt_events_places_archive [class*=" icon-"]:before, .jt_events_places_archive [class^=icon-]:before, .jt_events_places_single [class*=" icon-"]:before, .jt_events_places_single [class^=icon-]:before, .jt_film_archive [class*=" icon-"]:before, .jt_film_archive [class^=icon-]:before, .jt_filmbox [class*=" icon-"]:before, .jt_filmbox [class^=icon-]:before, .jt_restaurant [class*=" icon-"]:before, .jt_restaurant [class^=icon-]:before { vertical-align: baseline } .cinema_box p, .jt_events_places_archive p, .jt_events_places_single p, .jt_film_archive p, .jt_filmbox p, .jt_restaurant p { font-size: 12px; font-size: .75rem; line-height: 16px; line-height: 1rem; margin-bottom: 0 } .cinema_box table caption, .jt_events_places_archive table caption, .jt_events_places_single table caption, .jt_film_archive table caption, .jt_filmbox table caption, .jt_restaurant table caption { font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; margin-bottom: .3125em; font-weight: 400; text-transform: uppercase; width: 100%; text-align: center } .cinema_box table td, .cinema_box table th, .cinema_box table tr, .jt_events_places_archive table td, .jt_events_places_archive table th, .jt_events_places_archive table tr, .jt_events_places_single table td, .jt_events_places_single table th, .jt_events_places_single table tr, .jt_film_archive table td, .jt_film_archive table th, .jt_film_archive table tr, .jt_filmbox table td, .jt_filmbox table th, .jt_filmbox table tr, .jt_restaurant table td, .jt_restaurant table th, .jt_restaurant table tr { border-color: #fff; background: #efefef; text-align: left } .cinema_box table td address, .cinema_box table th address, .cinema_box table tr address, .jt_events_places_archive table td address, .jt_events_places_archive table th address, .jt_events_places_archive table tr address, .jt_events_places_single table td address, .jt_events_places_single table th address, .jt_events_places_single table tr address, .jt_film_archive table td address, .jt_film_archive table th address, .jt_film_archive table tr address, .jt_filmbox table td address, .jt_filmbox table th address, .jt_filmbox table tr address, .jt_restaurant table td address, .jt_restaurant table th address, .jt_restaurant table tr address { margin: 0!important } .cinema_box table th, .jt_events_places_archive table th, .jt_events_places_single table th, .jt_film_archive table th, .jt_filmbox table th, .jt_restaurant table th { border-top: none } .cinema_box table td, .jt_events_places_archive table td, .jt_events_places_single table td, .jt_film_archive table td, .jt_filmbox table td, .jt_restaurant table td { padding: .4em 2%; white-space: normal!important; word-break: break-word } .cinema_box table tr:nth-of-type(even), .jt_events_places_archive table tr:nth-of-type(even), .jt_events_places_single table tr:nth-of-type(even), .jt_film_archive table tr:nth-of-type(even), .jt_filmbox table tr:nth-of-type(even), .jt_restaurant table tr:nth-of-type(even) { background: #efefef } .cinema_box table img, .jt_events_places_archive table img, .jt_events_places_single table img, .jt_film_archive table img, .jt_filmbox table img, .jt_restaurant table img { width: 100%; height: auto; margin-bottom: 0 } .cinema_box table .star_rating, .jt_events_places_archive table .star_rating, .jt_events_places_single table .star_rating, .jt_film_archive table .star_rating, .jt_filmbox table .star_rating, .jt_restaurant table .star_rating { padding: 0; margin: 0; width: 100%; float: left } .cinema_box table .star_rating li, .jt_events_places_archive table .star_rating li, .jt_events_places_single table .star_rating li, .jt_film_archive table .star_rating li, .jt_filmbox table .star_rating li, .jt_restaurant table .star_rating li { list-style-type: none; font-size: 14px; font-size: .875rem; line-height: 20px; line-height: 1.25rem; margin: 0 .1875em; display: inline-block } .cinema_box table .star_rating li span, .jt_events_places_archive table .star_rating li span, .jt_events_places_single table .star_rating li span, .jt_film_archive table .star_rating li span, .jt_filmbox table .star_rating li span, .jt_restaurant table .star_rating li span { text-indent: 0; color: #c8102e } .cinema_box table .star_rating img, .jt_events_places_archive table .star_rating img, .jt_events_places_single table .star_rating img, .jt_film_archive table .star_rating img, .jt_filmbox table .star_rating img, .jt_restaurant table .star_rating img { width: auto; display: inline } /* This makes a Trailer link clickable https://stackoverflow.com/questions/4407878/why-does-adding-floatleft-to-my-css-make-my-link-unclickable#4408709 */ .jt_filmbox { margin-bottom: 20px; position: relative; z-index: 10; } .jt_filmbox td { font-weight: 300; } .jt_filmbox .description { text-align: left !important; } .jt_filmsearch_box { padding: .625em 0; margin: .3125em 0; width: 100% } .jt_filmsearch_box p { font-size: 12px; font-size: .75rem; line-height: 16px; line-height: 1rem; margin-bottom: 0 } .jt_filmsearch_box table caption { font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; margin-bottom: .3125em; font-weight: 400; text-transform: uppercase; width: 100%; text-align: center } .jt_filmsearch_box table td, .jt_filmsearch_box table th, .jt_filmsearch_box table tr { border-color: #fff; background: #efefef; text-align: left; text-transform: capitalize } .cinema_box, .jt_filmsearch_box table th { border-top: none } .jt_filmsearch_box table td address, .jt_filmsearch_box table th address, .jt_filmsearch_box table tr address { margin: 0!important } .jt_filmsearch_box table tr:last-child { border-bottom: 1px solid #999!important } .cinema_box, .jt_filmsearch_box table tr:last-child td, .jt_filmsearch_box table tr:last-child th { border-bottom: none } .jt_filmsearch_box table tr:nth-of-type(even) { background: #efefef } .jt_filmsearch_box table img { width: 100%; height: auto } .jt_filmsearch_box table .star_rating { padding: 0; margin: 0; width: 100%; float: left } .jt_filmsearch_box table .star_rating li { list-style-type: none; font-size: 14px; font-size: .875rem; line-height: 20px; line-height: 1.25rem; margin: 0 .1875em; display: inline-block } .jt_filmsearch_box table .star_rating li span { text-indent: 0; color: #c8102e } .jt_filmsearch_box table .star_rating img { width: auto; display: inline } .jt_restaurant .japanese { font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif } .jt_restaurant .large_view { display: none; visibility: hidden } .jt_restaurant th { text-align: center!important; width: 25%!important; padding: .3125rem } .jt_restaurant th .yen:before, .jt_restaurant th [class*=" icon-"]:before, .jt_restaurant th [class^=icon-]:before { display: block; margin: 0 auto; text-align: center!important; font-size: 20px; font-size: 1.25rem; padding-right: 0 } .jt_restaurant td { text-align: left } .jt_restaurant .directions, .jt_restaurant .location { display: block } .jt_restaurant address { margin: 0 } .jt_restaurant .yen:before, .jt_restaurant [class*=" icon-"]:before, .jt_restaurant [class^=icon-]:before { padding-right: .3125em; color: #c8102e!important; vertical-align: middle } .jt_restaurant .icon-smoking_icon:before { padding-right: .625em } .cinema_box { padding: 0; margin-top: .625rem } .cinema_box table { border-top: none!important } .cinema_box table td, .cinema_box table th { text-align: left!important; display: block } .red_border_top .info_box { border-top: 3px solid #c8102e; padding: 0 } .negative_margin_top .info_box { margin-top: -1rem } .info_box table { margin-bottom: 0!important } .jt_bottombox, .jt_sidebox { background: #fff; border-top: 3px solid #c8102e; border-bottom: 3px solid #c8102e; padding: .9375em 1.25em; font-style: italic; font-size: 21px; font-size: 1.3125rem; line-height: 28px; line-height: 1.75rem; margin: .3125em 0; border-color: #eae9e0 } .jt_bottombox p, .jt_bottombox ul li, .jt_sidebox p, .jt_sidebox ul li, .more_link span { font-style: normal } .jt_bottombox ol li, .jt_bottombox ul li, .jt_sidebox ol li, .jt_sidebox ul li { margin-bottom: .9375em } .jt_marketmoves h3 { margin-bottom: .3125em } .jt_marketmoves p { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem } .jt_marketmoves img { width: 100%; max-width: 100% } .jt_events_places_archive, .jt_film_archive { background: 0 0; border-top: none; border-bottom: none; margin: 0 } .jt_events_places_archive table, .jt_film_archive table { border-top: none } .jt_events_places_archive table tr, .jt_film_archive table tr { border-top: 1px solid #fff; padding: 2px 0 } .jt_events_places_archive table th, .jt_film_archive table th { text-align: center; width: 30px; width: 1.875rem; border: none; padding-left: 0; padding-right: 0 } .jt_events_places_archive table td, .jt_film_archive table td { border: none; width: auto; max-width: 90% } .jt_events_places_archive table td time, .jt_film_archive table td time { font-size: inherit; color: inherit } .jt_events_places_archive table .film_rating, .jt_film_archive table .film_rating { padding-left: 10%; width: 100% } .jt_events_places_archive [class^=icon-], .jt_film_archive [class^=icon-] { color: #c8102e } .jt_events_places_archive address, .jt_film_archive address { margin: 0 } .jt_events_places_single { background: 0 0; border-top: none; border-bottom: none; margin: 0 0 1.25rem } .jt_events_places_single table { border-top: none!important } .jt_events_places_single table tr { border-top: 1px solid #fff; padding: 5px 0; float: left; width: 100% } .jt_events_places_single table th { text-align: center; border: none; width: 100%; display: block } .jt_events_places_single table td { border: none; width: 100%; display: block; padding: .3125rem } .jt_events_places_single table td time { font-size: inherit; color: inherit } .jt_events_places_single table td #geo-map { padding-top: .625rem; display: block; text-align: center; font-weight: 400 } .jt_events_places_single table td .google_map_link { display: block } .jt_events_places_single table td.date { text-transform: capitalize } .jt_events_places_single table [class*=" icon-"]:before, .jt_events_places_single table [class^=icon-]:before { padding-right: .3125rem } .jt_events_places_single [class^=icon-] { color: #c8102e } .jt_events_places_single address { margin: 0 } .clearfix:after, .clearfix:before { display: table; content: "" } .invisible { display: none } .padding-top { padding-top: 1.25em } .border_top, .margin_top { padding-top: 1.25rem!important } .small_margin_bottom { padding-bottom: .625rem!important } .border_top { border-top: 1px solid #ddd } .border_bottom { border-bottom: 1px solid #ddd!important; padding-bottom: 1.25em } .no_border { border: none!important } .block { display: block } .small_device { display: block!important; visibility: visible!important } .desktop_device, .large_device, .show_from_tablet { display: none!important; visibility: hidden!important } .lowercase { text-transform: lowercase!important } .capitalize { text-transform: capitalize!important } #wrap .ad.top { width: 100%; margin: 0 auto!important; padding: 0!important; display: block } #wrap .ad.top .banner { width: 100%; padding: 0; margin: 0 auto!important; line-height: 0 } #wrap .ad.top .banner div { padding: 0 auto; max-width: 100%!important; width: 100%!important; line-height: 0 } #wrap .ad.top .banner div img { max-width: 100%!important; height: auto; padding: 0; margin: 0 auto; display: inline-block } #wrap .ad.top .banner div iframe { margin: 0; padding: 0 } #wrap .ad.top .banner img { max-width: 100%!important; height: auto; padding: 0; margin: 0 auto } header[role=banner] { width: 100%; border-top: 1px solid #ddd; background: #fff } header[role=banner] img { max-width: 100% } .site_header { width: 100%; background: #fff } .social_header { visibility: hidden; display: none } .social_header a, .weather_header a { color: #333; } .todays_print_edition_header { line-height: 1.0625rem; } .todays_print_edition_header a { color: #c8102e; font-size: .6875rem; font-weight: 200; line-height: 1.0625rem; } .todays_print_edition_header a:hover { color: #898989 !important; } .header_extras { display: none; visibility: hidden } .header_extras.left_extras a:hover { color: #c8102e; } .login_header { margin: 0 auto; text-align: center } .login_header ul { margin: 0 0 .625em; padding: 0; border-bottom: 1px solid #efefef } .login_header ul li { list-style: none; display: inline; font-size: 11px; font-size: .6875rem } .login_header ul li a { display: inline; text-transform: uppercase; padding: .625em 0 } .login_header ul span { padding: 0 .5em } .login_header ul span.icon { text-transform: lowercase; padding: 2px; background: #666; border-radius: 10px; color: #fff } .logo_header { width: 100%; text-align: center } .logo_header h2.current_date { color: #898989; letter-spacing: 1px; text-align: center; margin: 0 auto 1em; font-weight: 300; font-size: 11px; font-size: .6875rem; padding: 0 } .logo_header h2.current_date a { color: #999 } .logo_header h2, .logo_header h2 a, .logo_header h2.current_date a:hover, .page_title h2, .page_title h2 a, .page_title h3 { color: #333 } .logo_header h1 { display: block; width: 70%; max-width: 12.5em; margin: 0 auto .375em; position: relative; line-height: 29px; line-height: 1.8125rem } .logo_header h2 { font-size: 1.75em; text-align: center; text-transform: uppercase; display: block; margin-bottom: .3125em } .page_title h1 { width: 5.625em; margin: 0 auto .3125em } .page_title h2 { text-transform: uppercase; font-size: 30px; font-size: 1.875rem; line-height: 30px; line-height: 1.875rem; text-align: center; margin: 0 auto .3em; font-weight: 400; width: 95%; display: block } .page_title h3 { font-size: 20px; font-size: 1.25rem; line-height: 26px; line-height: 1.625rem; font-weight: 100; text-align: center } #extra_links_header { text-align: center; margin: 0 auto } #extra_links_header ul { margin: 0; border-top: 1px solid #efefef } #extra_links_header ul li { display: inline; font-size: 11px; } #extra_links_header ul li a { letter-spacing: .0625em; padding: 0 3px; margin-right: 3px; } #nav { margin-bottom: 1em; text-align: left } #nav .btn, #nav .btn_group { margin-top: .3125em } #nav ul.main_menu { padding-left: 0; margin: 0; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1); box-shadow: 0 0 4px rgba(0, 0, 0, .1) } #nav ul.main_menu li { display: flex; font-size: 14px; font-weight: 400; height: 34px; text-transform: uppercase } #nav ul.main_menu li a { min-height: 37px; } #nav ul.main_menu li .big_menu, .reveal { display: none } #nav ul.main_menu li a:focus, #nav ul.main_menu li a:hover, #nav_anchor_container .nav_anchors li.city_guide.current-menu-item a, #nav_anchor_container .nav_anchors li.offcanvas_menu #sidebarButton.active { color: #c8102e } #nav ul.main_menu li ul.sub_menu { visibility: hidden; margin-bottom: 0; padding: 0 0 0 1.25em } #nav ul.main_menu li ul.sub_menu li { padding: 0 } .desktop_search, .sub_menu { display: none; visibility: hidden } #nav_anchor_container { width: 100%; background: top left #efefef; border-bottom: 1px solid #fbfbfb; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .1); box-shadow: 0 3px 4px rgba(0, 0, 0, .1); } #nav_anchor_container .nav_anchors { display: flex; align-items: center; justify-content: space-between; margin: 0 15px; padding: 0; height: 45px; line-height: 45px; } #nav_anchor_container .nav_anchors li { font-size: 13px; list-style: none; border-right: 1px solid #fff } #nav_anchor_container .nav_anchors li.offcanvas_menu { padding-right: 1.875em } #nav_anchor_container .nav_anchors li.city_guide { padding: 0 2.5em; text-transform: uppercase; text-align: center } #nav_anchor_container .nav_anchors li.search_flyout { float: right; text-align: right; border: none } .ad div, .affiliates ul li, .blog_links, .links ul li, .module_nav, .pagination p, .topics p { text-align: center } #nav_anchor_container .nav_anchors li.search_flyout a { font-size: 24px; } #nav_anchor_container .nav_anchors li.search_flyout a span { position: absolute; left: -99999em } #nav_anchor_container .nav_anchors li a { color: #898989; font-weight: 400 } #nav_anchor_container .nav_anchors li a:focus, #nav_anchor_container .nav_anchors li a:hover { color: #c8102e } #nav_anchor_container .nav_anchors li a .icon-menu { font-size: 14px; font-size: .875rem; line-height: 43px; line-height: 2.6875rem; margin-right: .3125em; float: left } #nav_anchor_container .nav_anchors li a:last-child { border: none } .header_content, .main_content { position: relative } .nav_search, .nav_search input[type=submit], .nav_search label { display: none } .ad, .main:after, .no-js .nav_search, .sidebar.main:after { display: block } .main:after, .sidebar.main:after { visibility: hidden; font-size: 0; content: " "; clear: both; height: 0 } .nav_search { margin: 0; padding: .625em 0; width: 100%; float: left } #wrapper, .header_content, .padding_block { margin: 0 auto; width: 100% } body.single, body.single #wrapper, body.single .section_title h2 { background-color: #fff; } body.single #wrapper { border: none; } .padding_block { padding: 0 3.75% } .ad { width: 100% } .main { margin: 0 } .main:nth-of-type(1) { padding-top: 1.25em } .single_block { margin-bottom: .875em!important } .index-loop-article a { display: block; } .sidebar .column { width: 100% } .column { width: 100%; margin: .625em 0 } .module { clear: left } .module .full_width { width: 100%!important; margin-left: 0!important } .module h3 { color: #333 } .module h3 a { color: #c8102e } .module h3 a:focus, .module h3 a:hover { color: #898989 } .module .module_articles { padding-left: 0; margin: 0; clear: both } .module .module_articles li { list-style-type: none; vertical-align: top } .module .module_articles li h1 { font-size: 21px; font-size: 1.3125rem; line-height: 26px; line-height: 1.625rem; margin-bottom: .125em } .module .pagination .pages a { font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; font-weight: 100 } .module_nav li, .module_nav ul { line-height: .6875rem } .module_nav { margin: 0 auto; width: 92.5% } .module_nav li, .module_nav ul { padding: 0; margin: 0 } .module_nav li { list-style-type: none; display: inline-block } .module_nav li a { color: #c8102e; font-size: 11px; font-size: .6875rem; line-height: 11px; line-height: .6875rem; display: inline-block; padding: .375rem; text-transform: uppercase } .module_nav li.current-menu-item a { color: #c8102e } .featured .featured_article .featured_image { float: left; width: 22.58%; margin-right: 3.2258% } .featured .featured_article .featured_image img { max-width: 100%; height: auto } .featured .featured_article .featured_title { float: left; width: 74.1945% } .featured .featured_article h3.blue a { color: #898989 } .featured .featured_article h3.blue a:hover, .featured .featured_article h3.blue afocus { color: #c8102e } .featured .featured_article .no_feature_image { width: 100%!important; margin-left: 0!important } .blog_links, .pagination, .sidebar>div, .topics { width: 100% } .featured .featured_article p { clear: left; margin-bottom: 1em } .lorem, .oc, .sidebar, .wildcard, .wildcard.second { clear: both } .featured .related_articles { margin-top: 1em } .featured .related_links { margin: 0 0 1em } .featured .related_links li { font-size: 16px!important; font-size: 1rem!important } .pagination, .topics { background: url(library/img/border_shadow_bg_small.png) bottom no-repeat; padding-bottom: 1.5em } .pagination p, .topics p { text-transform: uppercase; font-size: .6875em; font-weight: 100 } .pagination .red, .topics .red { font-weight: 400 } .ad { margin-top: 0 } .ad img { margin: 0 auto; max-width: 100% } .ad .mobile { margin-left: -12px } .ad div { min-width: auto; margin: 0 auto } .affiliates ul { padding-left: 0; margin: 1.25em 0 } .affiliates ul li { text-transform: uppercase; list-style-type: none; margin-bottom: .3125em } .affiliates ul li a { color: #333 } .affiliates ul li a:focus, .affiliates ul li a:hover { color: #c8102e } .blog_links { float: right } .blog_links .links ul li { width: 100%; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .blog_links .yen_for_living a { font-size: 24px; font-size: 1.5rem; line-height: 39px; line-height: 2.4375rem; text-transform: uppercase; color: #2ea2e4 } .blog_links .japan_pulse a { font-size: 24px; font-size: 1.5rem; line-height: 39px; line-height: 2.4375rem; text-transform: uppercase; color: #ff6c00 } .links ul { padding-left: 0; margin: 0 } .links ul li { list-style-type: none; display: block; float: left; width: 50% } .links ul li a { color: #333 } .links ul li a:focus, .links ul li a:hover { color: #c8102e } .n2u_list h2, .powered_by_n2u, .supplements .announcements li, .supplements .insider_tips li, .supplements .international_reports li, .supplements .n2u_news_releases li, .supplements .special_supplements li { font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important } .supplements .blog_links ul li { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-weight: 200; text-align: center } .supplements .blog_links ul li:before { content: none } .supplements .blog_links ul li:last-child { margin-bottom: 1em } .supplements ul { padding: 0; margin: 1em 0 0 } .supplements ul li { list-style: none; font-size: 14px; font-size: .875rem; text-align: left; padding: .125em 2.5em; font-weight: 700 } .supplements ul li .small { font-size: 12px; font-size: .75rem; color: #999 } .supplements ul li:before { content: "\3e"; font-family: icons; color: #c8102e; padding-top: 2px; vertical-align: bottom; margin-left: -15px } .sponsored_links div.sponsor a, .sponsored_links div.sponsor p, .sponsored_links div.sponsor.zexy ul li { font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif } .supplements ul li a:hover { color: #c8102e } .sponsored_links div.sponsor { background: #fff; padding: 1.25em .625em } .sponsored_links div.sponsor img { float: left; margin-right: 3% } .sponsored_links div.sponsor a, .sponsored_links div.sponsor p { font-size: 11px } .sponsored_links div.sponsor.zexy img { width: 100%; float: none } .sponsored_links div.sponsor.zexy ul { margin: 0; padding: 0 } .sponsored_links div.sponsor.zexy ul li { list-style-type: none; font-size: 12px; font-size: .75rem; line-height: 16px; line-height: 1rem; border-bottom: 1px solid #efefef; padding-bottom: .3125em; margin-bottom: .3125em; vertical-align: top } .sponsored_links div.sponsor.zexy ul li a { float: left; width: 50% } .misc_links ul li { font-size: 16px; font-size: 1rem } .supplements_sidebar ul { padding: 0; margin: 0 } .supplements_sidebar ul li { list-style-type: none; padding: .5em 0; border-bottom: 1px solid #efefef; font-size: 16px; font-size: 1rem } .supplements_sidebar img { width: 100%; max-width: 100% } .supplements_sidebar .sidebar_image { width: 20%; max-width: 3.75em; float: right } .supplements_sidebar .sidebar_text { width: 73.3333333333%; float: left } .supplements_sidebar .sidebar_text .date, .supplements_sidebar .sidebar_text .small { font-size: 12px; font-size: .75rem; color: #999; display: block } .supplements_sidebar .sidebar_text h1 { font-size: 16px; font-size: 1rem; font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important } .supplements_sidebar .sidebar_text h3 { text-transform: capitalize; color: #666 } .supplements_sidebar .sidebar_text.no_image { width: 100% } .no-js .oc { left: 0!important; display: none!important; position: relative!important; margin-bottom: 1em } .menu-link ul li, a.menu-link { display: block } .menu-link ul { margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 202 } .menu-link ul li a { text-transform: uppercase; display: block; font-weight: 400; font-size: 14px; font-size: .875rem; line-height: 36px; line-height: 2.25rem; color: #333; padding-left: 0; margin-top: 1.25em } .menu-link ul li a:hover, .menu-link ul li.current-menu-item>a { color: #c8102e; border-left-color: #c8102e } .menu-link ul li.current-menu-parent>a { color: #c8102e!important } .menu-link ul li.current-menu-ancestor a, .menu-link ul li.current-menu-parent a { color: #c8102e; border-left-color: #c8102e } .menu-link ul li.menu-item-8471 a { margin-top: 0 } .menu-link ul li ul.sub-menu li { font-size: 14px; font-size: .875rem; text-indent: .625em; border-bottom: 1px solid #fff } .menu-link ul li ul.sub-menu li a { font-weight: 200; margin-top: 0; border-left: 3px solid #898989; color: #333 } .menu-link ul li .sub-menu-support a { border-left: 3px solid #c8102e !important; } .menu-link ul li ul.sub-menu li a:hover, .menu-link ul li ul.sub-menu li.current-menu-ancestor>a, .menu-link ul li ul.sub-menu li.current-menu-item>a { color: #c8102e; border-left-color: #c8102e } .menu-link ul li ul.sub-menu li:first-child { border-top: 1px solid #fff } body.page-id-16234 #menu li.menu-item-27>a, body.page-id-16237 #menu li.menu-item-27>a, body.page-template-column-community-php #menu li.menu-item-26>a, body.page-template-column-culture-php #menu li.menu-item-27>a, body.page-template-column-life-php #menu li.menu-item-25>a, body.page-template-column-news-php #menu li.menu-item-23>a, body.page-template-column-opinion-php #menu li.menu-item-24>a, body.page-template-column-sports-php #menu li.menu-item-28>a, body.post-type-archive-community #menu li.menu-item-26>a, body.post-type-archive-culture #menu li.menu-item-27>a, body.post-type-archive-life #menu li.menu-item-25>a, body.post-type-archive-news #menu li.menu-item-23>a, body.post-type-archive-opinion #menu li.menu-item-24>a, body.post-type-archive-sports #menu li.menu-item-28>a, body.single-community #menu li.menu-item-26>a, body.single-culture #menu li.menu-item-27>a, body.single-life #menu li.menu-item-25>a, body.single-news #menu li.menu-item-23>a, body.single-opinion #menu li.menu-item-24>a, body.single-sports #menu li.menu-item-28>a, body.tax-community_category #menu li.menu-item-26>a, body.tax-community_column #menu li.menu-item-26>a, body.tax-community_tag #menu li.menu-item-26>a, body.tax-culture_category #menu li.menu-item-27>a, body.tax-culture_column #menu li.menu-item-27>a, body.tax-culture_tag #menu li.menu-item-27>a, body.tax-life_category #menu li.menu-item-25>a, body.tax-life_column #menu li.menu-item-25>a, body.tax-life_tag #menu li.menu-item-25>a, body.tax-news_category #menu li.menu-item-23>a, body.tax-news_column #menu li.menu-item-23>a, body.tax-news_tag #menu li.menu-item-23>a, body.tax-opinion_category #menu li.menu-item-24>a, body.tax-opinion_column #menu li.menu-item-24>a, body.tax-opinion_tag #menu li.menu-item-24>a, body.tax-sports_category #menu li.menu-item-28>a, body.tax-sports_column #menu li.menu-item-28>a, body.tax-sports_tag #menu li.menu-item-28>a { color: #c8102e!important } .wrap { position: relative; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out } .wrap.active { left: 14em } .wrap.active .ad, .wrap.active .site_footer, .wrap.active header[role=banner], .wrap.active section.main { position: relative; background: #fbfbfb; z-index: 303 } .wrap.active #nav_anchor_container { position: relative; z-index: 303 } a.menu-link { float: left; padding: 0 } .oc { color: #fff } .offcanvas .oc { width: 14em; height: 100%; position: absolute; top: 0; left: -14em; z-index: 101 } .active .oc { display: block!important; left: 0; width: 14.9em } .active .oc .off_canvas_scroll { background: url(library/img/gradient_border.png) top right repeat-y #efefef; position: relative; width: 14em; padding: 1em } .active .overthrow-enabled .overthrow { overflow: auto; -webkit-overflow-scrolling: touch } nav.active { display: block } .offcanvas_over { overflow: hidden } .content_styles .related_articles ul { padding-left: 0; } @media screen and (min-width:62.5em) { a.menu-link { display: none } .offcanvas .oc { position: static; display: none; visibility: hidden; float: left; width: 30%; height: 100% } .wrap.active { left: 0 } .lorem { clear: none; margin-left: 30% } } .flexslider-container .flexslider { border: none; background: 0 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0; z-index: 200; -webkit-border-radius: 0; border-radius: 0 } #carousel_large .flex-direction-nav li a, .flex-direction-nav li a { -moz-border-radius-topright: 24px; -moz-border-radius-bottomleft: 24px; -moz-border-radius-topleft: 24px } .flexslider .slides li { list-style-type: none } .flexslider .slides li .entry { margin-bottom: .625rem } .flexslider .slides li .entry .related-posts-type { margin-bottom: 0 } .flexslider .related-posts-type ul { -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; -o-column-count: 1; -o-column-gap: 0; column-count: 1; column-gap: 0; margin: 1.25rem 0 0 1.25rem!important; padding: 0!important } .flex-direction-nav { position: absolute; top: 15px; top: .9375rem; right: 100px; right: 6.25rem } .flex-direction-nav li { list-style-type: none } .flex-direction-nav li .flex-prev { left: 20px; left: 1.25rem; top: 0; text-indent: -2px; text-indent: -.125rem } .flex-direction-nav li .flex-next { top: 0; left: 60px; left: 3.75rem; text-align: left; text-indent: 5px; text-indent: .3125rem } .flex-direction-nav li a { background: rgba(255, 255, 255, .8); color: #333; height: 24px; height: 1.5rem; width: 24px; width: 1.5rem; -moz-border-radius-bottomright: 24px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; opacity: 100; text-indent: 2px; text-align: center; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; padding: 0; margin: 0; -webkit-border-radius: 24px; border-radius: 24px } .flex-direction-nav li a:focus, .flex-direction-nav li a:hover { color: #c8102e } #carousel_large .slides { max-height: 200px; overflow: hidden } #carousel_large .slides li { cursor: pointer; margin-right: .3125em } #carousel_large .flex-direction-nav { position: static; top: auto; right: auto } #carousel_large .flex-direction-nav li { list-style-type: none } #carousel_large .flex-direction-nav li .flex-prev { left: 1.25em!important; text-indent: -1px } #carousel_large .flex-direction-nav li .flex-next { right: 1.25em!important; left: auto } #carousel_large .flex-direction-nav li a { top: .9375em; position: absolute; background: #c8102e; color: #fff!important; -moz-border-radius-bottomright: 24px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; opacity: .9; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; border: 1px solid #eae9e0; line-height: 24px; line-height: 1.5rem; height: 26px; width: 26px; -webkit-border-radius: 24px; border-radius: 24px } #carousel_large .flex-direction-nav li a:focus, #carousel_large .flex-direction-nav li a:hover { background: #898989; color: #fff!important } .big_loading, .carousel_loading, .loading { background: url(library/img/spinner.gif) center center no-repeat!important } #carousel_large .flex-direction-nav li.flex-disabled { opacity: .7!important } .flexslider:hover .flex-prev { left: 1.25em!important } .flexslider:hover .flex-next { right: 1.25em!important } #slider .flex-direction-nav li, #slider:hover .flex-direction-nav li { list-style-type: none } #slider .flex-direction-nav li .flex-prev, #slider:hover .flex-direction-nav li .flex-prev { left: 1%!important } #slider .flex-direction-nav li .flex-next, #slider:hover .flex-direction-nav li .flex-next { right: 40%!important } .loading { min-height: 300px; min-height: 18.75rem } .big_loading { min-height: 400px; min-height: 25rem } .carousel_loading { min-height: 160px; min-height: 10rem } .flex-control-nav { top: 15px; top: .9375rem; height: 30px; height: 1.875rem } .flex-control-nav li a { height: 10px; width: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background: #fff!important; border: 1px solid #999 } .flex-control-nav li a.flex-active { background: #333!important; border: none } .small_device_flex { display: block; visibility: visible } .large_device_flex { display: none; visibility: hidden } .flex-container a:focus, .flex-container a:hover, .flex-slider a:focus, .flex-slider a:hover { outline: 0 } .flex-control-nav, .flex-direction-nav, .slides { margin: 0; padding: 0; list-style: none } .flex-pauseplay span { text-transform: capitalize } .flexslider { padding: 0; margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2) } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { overflow: hidden; width: 100%; display: block } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .flexslider .slides { display: block } * html .flexslider .slides { height: 1% } .no-js .flexslider .slides>li:first-child { display: block } .flexslider .slides { zoom: 1 } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .carousel li { margin-right: 5px } .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; color: rgba(0, 0, 0, .8); text-shadow: 1px 1px 0 rgba(255, 255, 255, .3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flex-direction-nav .flex-prev { left: -50px } .flex-direction-nav .flex-next { right: -50px; text-align: right } .flexslider:hover .flex-direction-nav .flex-prev { opacity: .7; left: 10px } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-next { opacity: .7; right: 10px } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1 } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, .5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); box-shadow: inset 0 0 3px rgba(0, 0, 0, .3) } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, .7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, .9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width:860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px } .flex-direction-nav .flex-next { opacity: 1; right: 10px } } .lv_thumbnail_icon { width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; margin-left: -18px; margin-top: -18px; background-position: 99px 99px; background-repeat: no-repeat; display: block!important } .breaking span { display: inline; color: #c8102e; font-weight: 700 } .breaking h1 { display: inline; font-weight: 200; font-size: 14px; font-size: .875rem; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center } .story time { font-size: 11px; font-size: .6875rem; padding-left: 0 } .story .related-posts-type ul li, .story ul.double { width: 100%; float: none } .top-story { border-bottom: 1px solid #ddd; padding-top: 18px; } .top-story:first-child { padding-top: 0; } .top-story:last-child { border-bottom: none; } .home .column_small.column_large_small_margin article:last-child { border: none; padding: 0 } .home .breaking_news h3 { font-weight: 400 } .home .breaking_news h3:before { content: "\21"; font-family: icons; color: #c8102e; font-size: 16px; font-size: 1rem; line-height: 12px; line-height: .75rem; float: left; margin: 0 0 0 -2px } #___gcse_1 a.gs-title, .gs-title.gsc-table-cell-thumbnail.gsc-thumbnail-left { overflow: visible!important } .homepage_wildcard figure { margin-bottom: .875em; } .homepage_wildcard figure img { display: block; max-width: 100%; width: 100% } .homepage_wildcard_mobile { display: none; } /* Mobile */ @media screen and (max-width: 767px) { .author-meta-section > div:first-child { width: 130px !important; } .author-meta-section > div:last-child { width: calc(100% - 145px) !important; } .flexslider-container { margin-bottom: 8px; } .homepage_wildcard_image { display: none; } .homepage_wildcard_mobile { display: block; margin-bottom: 20px; } body.home .featured .featured_article .featured_title { float: none; width: 100% } } .editors-picks a { border-bottom: 1px solid #ddd } .editors-picks a:last-child { border-bottom: none; margin-bottom: 10px; } .editors-picks article { margin: 9px 0 !important; } .opinion .opinion_title { float: left; width: 100% } .opinion .opinion_title h1 { display: inline } .opinion .featured_image { position: relative } .opinion .featured_image .overlay_image { display: block; position: absolute; top: 0; left: 0 } .opinion .featured_image img { max-width: 25%; height: auto; float: left; padding-right: 5%; z-index: 8 } .opinion p { clear: both } .more_link { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-size: .875rem } .more_link span { padding-top: .3125em; font-family: icons; speak: none } .archive_story { padding-top: .625em; border-bottom: 1px solid #ccc; padding-bottom: 1.25em } .archive_story .image_col { width: 22%; float: left; margin-right: 3% } .archive_story .image_col img { margin: 0 } .archive_story .date a { color: #898989!important } .archive_story .archive_story .content_col { width: 100%; float: none } .archive_story .no_feature_image { width: 100%!important } .archive_story:last-child { border: none; margin-bottom: 0!important } .archive_secondary { padding: 0; border: 0 } .archive_secondary h1 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem } .archive_secondary_first:first-child { padding-top: 1.25em; border-top: 1px solid #ccc } .date_archive_border { border-bottom: 1px solid #ddd; padding-bottom: 1.25em; margin-bottom: 1.25em } .article_list_ad_border { border-top: 1px solid #ccc; padding-top: 1em!important } .pagination a { line-height: 30px; line-height: 1.875rem; height: 30px; height: 1.875rem } .pagination .pages { width: auto; display: table; margin: 0 auto; text-align: center } .pagination .pages a, .pagination .pages span { margin-right: 1.25rem; color: #333; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 1.5rem } .pagination .dots:hover { color: #333 !important; } .pagination .pages a:focus, .pagination .pages a:hover, .pagination .pages span:focus, .pagination .pages span:hover { color: #c8102e } .pagination .pages .current { color: #c8102e !important; display: inline } .pagination .pages .next { margin-right: 0 } .author-meta-section { display: flex; justify-content: space-between; } .author-meta-section > div:first-child { width: 180px; } .author-meta-section > div:last-child { width: calc(100% - 195px); } .writer_image img { width: 100%; max-width: 100% } .writer_meta .meta_title_container { display: block; width: 100%; height: .3125em; border-top: 1px solid #efefef; margin-bottom: 1em } .writer_meta h3 { color: #333 } body.author .writer { font-size: 11px; line-height: 18px; margin: 4px 0; word-break: break-all; } .archive_blurb h1, .archive_blurb p { margin-bottom: .5em } .post-type-archive-opinion .featured_image { position: relative } .post-type-archive-opinion .featured_image .overlay_image { display: block; position: absolute; top: 0; left: 0 } .author .writer_image { position: relative; margin-bottom: 1em } .author .writer_image img.photo { height: auto; width: 100%!important } .author .writer_image .overlay_image { display: block; position: absolute; top: 0; left: 0 } .author .column_large_small_margin { margin-right: 2.12765957447% } .cartoon_module .story { width: 47.9166666667%; float: left } .cartoon_module .story:nth-child(2n+2) { float: right } .cartoon_module .story .featured_image img { margin: 0 } .cartoon_module .story .date { font-size: 12px; font-size: .75rem } .module .section_title h2 span { font-weight: 200 } .wildcard { background: url(library/img/background_grain_3.gif) #f7f7f4; position: relative; padding: .625em 0 } .wildcard h3 { color: #c8102e; text-transform: uppercase; text-align: center; margin-bottom: .625em } .wildcard blockquote { font-style: normal; font-weight: 100; text-align: center; font-size: 15px; font-size: .9375rem; line-height: 21px; line-height: 1.3125rem; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-bottom: .3125em; padding: 0 1.25em } .wildcard blockquote.alt { font-family: utopia-std, Georgia, serif; font-weight: 700; font-size: 21px; font-size: 1.3125rem; line-height: 26px; line-height: 1.625rem } .wildcard small { text-transform: uppercase; text-align: center; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; display: block } .wildcard .triangle { position: absolute; z-index: 1; right: 0; top: 0; border-color: #fbfbfb #fbfbfb #ccc #ccc; border-style: solid; border-width: 10px; margin: 0 } .wildcard_js_banner { background: 0 0!important } .wildcard_js_banner img { width: 100%; max-width: 18.75em; display: block; margin: 0 auto } .wildcard_js_banner div, .wildcard_js_banner ins { display: block!important; margin: 0 auto!important } .wildcard_1 > div, .wildcard_2 > div, .wildcard_3 > div { text-align: center; } .wc_image blockquote, .wc_image h3 { text-align: left; padding: 0 1.25em 0 0 } .wc_image .wild_image { float: right; margin-right: 4.16666666667%; margin-top: .3125em; margin-bottom: 0; width: 29.1666666667% } .wc_image .wild_image img { margin: 0; max-width: 100% } .wc_image .wild_text { float: left; margin-left: 4.16666666667%; margin-top: .3125em; width: 62.5% } .sidebar .wc_image .wild_image { width: 25% } .sidebar .wc_image .wild_text { width: 66.6666666667%!important; float: left!important } .sidebar .wc_image.hardcoded h3 { padding: 5px 20px; margin: 0!important; text-transform: capitalize!important; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem } .sidebar .wc_image.hardcoded .wild_image { margin: 0 0 0 10px; float: right!important } .sidebar .wc_image.hardcoded .wild_text { padding: 0 20px; margin: 0; width: 100%!important; font-size: 13px; font-size: .8125rem; line-height: 20px; line-height: 1.25rem } .text_ad a span, .text_ad a span b { width: 100%; font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important } .text_ad { display: inline-block; margin: 0 auto!important; width: 100%; } .text_ad a span { color: #898989!important; font-weight: 200!important; text-align: center; display: inline-block } .text_ad a span:focus, .text_ad a span:hover { color: #c8102e!important } .text_ad a span b { display: block; padding: .3125em 0; margin: .625em 0 1.25em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 400!important; font-size: 13px; font-size: .8125rem; color: #898989!important } .text_ad iframe { height: 60px; width: 100%; } #carousel_large img, .fresco img { margin: 0 } .text_ad div { width: 100%!important; padding: 0 } .main_content>.text_ad { width: 92.5% } .fresco .icon-pictures, .fresco .icon-single_image, .fresco .icon-video { font-weight: 400; text-align: center; font-size: 18px; font-size: 1.125rem; display: block; height: 20px; line-height: 20px; line-height: 1.25rem; width: 32px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; float: right } .search-title, .search-title-pages h1 { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 200 } .fresco .icon-pictures:before, .fresco .icon-single_image:before, .fresco .icon-video:before { vertical-align: top } .fresco .icon-single_image { font-size: 22px; font-size: 1.375rem; line-height: 18px; line-height: 1.125rem } .fresco:focus .icon-pictures, .fresco:focus .icon-single_image, .fresco:focus .icon-video, .fresco:hover .icon-pictures, .fresco:hover .icon-single_image, .fresco:hover .icon-video { opacity: .9; color: #c8102e!important } #carousel_large .multimedia_icon_wrapper { position: static; margin-top: -1.5em; padding-bottom: 24px } #carousel_large .icon-pictures, #carousel_large .icon-single_image, #carousel_large .icon-video { color: #fff; opacity: .99 } .cartoon_module .multimedia_icon_wrapper { position: relative } .cartoon_module .icon-pictures, .cartoon_module .icon-single_image, .cartoon_module .icon-video { color: #898989 } .cartoon_module .fresco .icon-pictures, .cartoon_module .fresco .icon-single_image, .cartoon_module .fresco .icon-video { height: 24px; width: 24px } .cartoon_module .fresco:focus .icon-pictures, .cartoon_module .fresco:focus .icon-single_image, .cartoon_module .fresco:focus .icon-video, .cartoon_module .fresco:hover .icon-pictures, .cartoon_module .fresco:hover .icon-single_image, .cartoon_module .fresco:hover .icon-video { opacity: 1; color: #c8102e } .view_more { display: block; text-align: center; margin-top: 25% } .search-title { color: #999; font-size: 20px; font-size: 1.25rem } .search-title-pages h1 { display: inline; text-transform: uppercase; font-size: 20px; font-size: 1.25rem } .search-title-pages h1 a { color: #898989 } .search-title-pages h1 a a:focus, .search-title-pages h1 a a:hover { color: #c8102e } .gsc-clear-button, .gsc-search-button { display: none!important } .cse form.gsc-search-box, form.gsc-search-box { padding: 0!important; margin: 0!important; width: 100%; max-width: 100%; border: none } .cse form.gsc-search-box table, .cse form.gsc-search-box td, .cse form.gsc-search-box tr, form.gsc-search-box table, form.gsc-search-box td, form.gsc-search-box tr { border: none!important; padding: 0!important; margin: 0!important } .cse form.gsc-search-box input.gsc-input, form.gsc-search-box input.gsc-input { width: 100%; max-width: 100%; display: block; float: right; font-size: 12px; font-size: .75rem; font-family: Georgia, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho", "ヒラギノ明朝", serif!important; font-weight: 400; color: #333; border: none; background-position: 15px 50%!important; padding: 0 0 0 15px!important; text-indent: 0!important; background-size: 119px 16px!important } #___gcse_1, .gsc-control-cse.gsc-control-cse-en, .gsc-wrapper * { background: 0 0!important } .gsc-control-cse.gsc-control-cse-en, .gsc-wrapper * { border: none!important; padding: 0!important; margin: 0!important } .gsc-adBlockVertical, .gsc-wrapper.gsc-thinWrapper { width: 100%!important; max-width: 100%!important; display: block!important; float: none!important } .gsc-wrapper * { font-family: utopia-std, Georgia, "Hiragino Mincho Pro", "Hiragino Mincho", serif!important } #___gcse_1 a.gs-title, .gsc-control-cse { font-family: utopia-std, Georgia, serif!important } .gsc-control-cse.gsc-control-cse-en a, .gsc-control-cse.gsc-control-cse-en a:active, .gsc-control-cse.gsc-control-cse-en a:hover, .gsc-control-cse.gsc-control-cse-en a:link, .gsc-control-cse.gsc-control-cse-en a:visited { text-decoration: none!important; border: 0!important } #___gcse_1, #___gcse_1 table, #___gcse_1 td, #___gcse_1 tr { border: none!important; padding: 0!important; margin: 0!important } #___gcse_1 .gsc-webResult { padding: 0 0 1em!important; margin: 0 0 1em!important; border-bottom: 1px solid #ddd!important } #___gcse_1 .gsc-webResult:first-child { margin-top: 1em!important } #___gcse_1 .gs-image img { margin-right: 1em!important; width: 100%!important } .gs-title:before, .gs-image:before { content: none !important; } .gsc-control-cse { background-color: transparent!important; border-color: transparent!important; padding: 0!important; margin: 0!important } #___gcse_1 a.gs-title { font-size: 21px; font-size: 1.3125rem; line-height: 24px; line-height: 1.5rem; float: left!important; height: auto!important; margin-bottom: .3em!important; border: none!important; text-align: left!important } #___gcse_1 a.gs-title b { font-size: 21px; font-size: 1.3125rem; line-height: 24px; line-height: 1.5rem; font-style: normal!important } #___gcse_1 table, #___gcse_1 td.gsc-table-cell-thumbnail.gsc-thumbnail, #___gcse_1 tr { padding-right: 1em!important; vertical-align: top!important } .gs-image-box { margin-right: 1em !important; } .gs-fileFormatType, .gs-imageResult .gs-snippet, .gs-webResult .gs-snippet { font-size: 17px!important; line-height: 22px!important } .gs-bidi-start-align.gs-snippet { font-size: 17px!important } .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-short { color: #999!important; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .gs-fileFormat span, .gsc-results .gsc-cursor-box .gsc-cursor-page { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif!important } .gsc-cursor-page { color: #333 !important; transition: all .2s ease-out; } .gsc-cursor-page:hover { color: #c8102e !important; } .gcsc-branding { margin-top: 20px!important; clear: both!important } .gcsc-branding img, img.gcsc-branding-img img, img.gcsc-branding-img-noclear img, img.gsc-branding-img img, img.gsc-branding-img-noclear img { margin: 0 0 0 .2em!important } .gsc-results .gsc-cursor { text-align: center!important; margin: 0 auto!important; display: block!important } .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 21px!important; padding: 10px!important; text-align: center!important; margin: 0 auto!important; font-weight: 400!important } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #c8102e!important; font-weight: 400!important } .gsc-url-bottom { display: none!important } .gs-fileFormat { text-align: left!important; display: block!important; clear: both!important; margin: .2em 0 0!important; text-transform: uppercase!important } .gs-fileFormat span { float: left!important; display: inline!important; font-size: 11px!important; font-weight: 200!important; margin-right: 5px!important } .gsc-snippet-metadata { width: 100%; float: left; text-align: left } .gsc-orderby { float: right } body .gsc-selected-option-container { width: 90px!important; padding: 0!important } .gsc-adBlock { display: block!important; width: 100%!important; max-width: 100%!important } .content_styles { width: 100% } .content_styles .logo_header h1 { width: 50% } .content_styles .meta p { margin-bottom: .875rem } .content_styles .meta ul { margin: 0 0 .625rem; padding: 0 } .content_styles .meta ul li { list-style-type: none; font-size: 11px; font-size: .6875rem; line-height: 16px; line-height: 1rem } .content_styles .meta .related-posts-type { margin: 0 } .content_styles .meta .related-posts-type li { font-size: 17px; font-size: 1.0625rem; line-height: 21px; line-height: 1.3125rem; text-align: left; padding-left: 0; text-transform: none } .content_styles .meta .related-posts-type li:before { margin-left: 0 } .content_styles .attachments { display: block } .content_styles .attachments img { margin: 0 0 1em } .content_styles .attachments a.fresco { width: 40%; float: left; margin: 0 5% } .content_styles .meta_extras .edit, .content_styles large, .content_styles large-16x9 { width: 100% } .content_styles .entry figcaption { color: #666; font-family: Roboto, Light; font-size: 13px; line-height: 18px; padding-top: 5px } .content_styles .meta_extras li { margin-right: .75em; float: left; line-height: 16px; line-height: 1rem; font-size: 11px; font-size: .6875rem; position: relative; margin-top: .3125em } .content_styles .meta_extras li .icon-printer:before { color: #898989; display: inline-block; font-size: 12px; font-size: .75rem; line-height: 14px; line-height: .875rem; padding-right: .3125rem; vertical-align: middle } .content_styles .meta_extras li .icon-share { display: inline-block; font-size: 12px; font-size: .75rem; line-height: 14px; line-height: .875rem; padding-right: .3125rem; vertical-align: middle } .content_styles .meta_extras li:last-child { margin-right: 0 } .content_styles .meta_extras li.post_time { float: right; margin: .3125em 0 0 } .content_styles .meta_extras li.post_time time { font-size: 11px; font-size: .6875rem; font-weight: 200; margin: 0; text-transform: uppercase; display: block; line-height: 16px; line-height: 1rem } .content_styles .meta_extras .post_history { margin: .3125em 0 0 } .content_styles .meta_extras .post_history span, .content_styles .meta_extras .post_history time, .content_styles .meta_extras .post_history ul li { font-size: 11px; font-size: .6875rem; font-weight: 200; margin: 0; text-transform: uppercase } .content_styles .meta_extras .post_history span a, .content_styles .meta_extras .post_history time a, .content_styles .meta_extras .post_history ul li a { color: #898989 } .content_styles .meta_extras .post_history ul li { padding: 0; list-style: none; color: #333 } .content_styles .meta_extras .post_history ul li time { display: inline!important } .content_styles .meta_extras .post_details span { font-size: 11px; font-size: .6875rem; font-weight: 200; margin: 0; text-transform: uppercase } .atm-i, .atm-i #at_hover.atm-s .at_bold, .atm-i #at_hover.atm-s a, .atm-i .atm-s a { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 200!important } .content_styles .meta_extras .post_details span a { color: #898989 } .content_styles .meta_extras .post_details:after { clear: left } .content_styles .OUTBRAIN .MB_1 .section_title.small { margin-top: 0!important } .content_styles .inline_image a[href^="http:"]:before { content: none; padding-right: 0 } .content_styles .inline_image a { display: block; position: relative; z-index: 10 } .content_styles .entry .content_footer_notice li span, .content_styles .entry .content_footer_notice p span, .twitter-tweet { display: none } .content_styles .inline_image br { height: 1px; line-height: 1px } .content_styles .thumbnail { max-width: 140px } .content_styles .thumbnail-200x200 { max-width: 200px } .content_styles .medium { max-width: 310px } .content_styles .align_left.thumbnail, .content_styles .align_left.thumbnail-200x200 { padding-right: 1.25em; float: left } .content_styles .align_right.thumbnail, .content_styles .align_right.thumbnail-200x200 { padding-left: 1.25em; float: right } .content_styles .popover { position: absolute; z-index: 1001; background: #fff; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -ms-box-shadow: 0 0 3px #ccc; -o-box-shadow: 0 0 3px #ccc; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .9375em; width: 200px; margin-left: -100px; display: none; -webkit-border-radius: 4px; border-radius: 4px } .content_styles .service_menu { margin-top: .625em } .content_styles .entry .content_footer_notice li, .content_styles .entry .content_footer_notice p { font-size: 12px; font-size: .75rem; line-height: 15px; line-height: .9375rem; font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #c8102e } .content_styles .article_footer_ad { text-align: center; margin: 1.25em 0 } .content_styles embed, .content_styles iframe, .content_styles object { width: 100%; max-width: 100% } .content_styles a { color: #898989; } .content_styles a:focus, .content_styles a:hover { color: #c8102e; } .embed-container { position: relative; margin-bottom: 1em; padding-bottom: 56.25%; height: 0; overflow: hidden } .embed-container embed, .embed-container iframe, .embed-container object { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important } #disqus_thread img { width: auto } .atm-i { border: none; padding-bottom: .625em; font-size: 11px; font-size: .6875rem; text-transform: uppercase; width: 100%; max-width: 100% } .atm-i #at_pspromo, .atm-i #atic_auth, .atm-i #atic_signin, .atm-i .atm-f { display: none!important } #no_js_blocker, #weather .wp-forecast-copyright, .error404 .main_content #searchform .assistive-text, .error404 .main_content #searchform .submit { display: none } .atm-i a { color: #898989 } .atm-i #at_hover.atm-s a:hover { background: #999!important; color: #fff!important } .atm-i #at_hover.atm-s .at_bold, .atm-i #at_hover.atm-s a, .atm-i .atm-s a { color: #898989!important } #jto_paywall .paywall_block .section_title.small.single_block h2, #jto_paywall .paywall_block h3, #jto_paywall .paywall_block p, #jto_paywall .paywall_block ul li, #jto_paywall .paywall_block.notification p { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif!important } #weather li { float: left; display: block; text-align: left; width: 50%; background: #efefef; margin-bottom: 3px; list-style: none } #weather li img { width: auto } .page-template-sitemap-php .content_styles .entry ul { margin: 10px 0 20px } .page-template-sitemap-php .content_styles .entry ul li { list-style-type: disc } .page-template-sitemap-php .content_styles .entry ul li a:before { content: none } .page-template-page-interstitial-ad-php { background: #333; color: #fff } .page-template-page-interstitial-ad-php .main_content { margin: 20px auto; text-align: center; width: 100%; float: none } .page-template-page-interstitial-ad-php img { width: 100% } .page-template-page-interstitial-ad-php div, .page-template-page-interstitial-ad-php iframe { margin: 1.25em auto } .page-template-page-interstitial-ad-php iframe { border: 1px solid #fff } .error404 .main_content { width: 100% !important; } .error404 .main_content #searchform { margin: 1em 0 } .error404 .main_content #searchform input[type=search] { border: 3px solid #efefef } .error404 section.main h2 { color: #333; font-family: utopia-std,Georgia,serif; font-size: 1.75rem; font-weight: 700; line-height: 120%; margin: .125em 0; } .main.blank_template .sidebar div { width: 100% } .no-js .single .main_content { position: relative; max-height: 400px; overflow: hidden } .no-js .single .main_content #no_js_blocker { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fbfbfb; z-index: 100 } .no-js .single .main_content #no_js_blocker #no_js_message { padding: 2.5em; border: 3px solid #c8102e } .no-js .single .main_content #no_js_blocker #no_js_message span.headline { font-size: 24px; font-size: 1.5rem; line-height: 28px; line-height: 1.75rem; font-weight: 400 } .no-js .single .main_content #no_js_blocker #no_js_message span.text { font-size: 14px; font-size: .875rem; line-height: 18px; line-height: 1.125rem; margin: 1.25em 0 0 } #no_js_message span { display: block; } #jto_paywall .paywall_block { border: .25em solid #eae9e0; padding: .625em 1.25em; text-align: center; margin-bottom: 1.25em!important } #jto_paywall .paywall_block .section_title.small.single_block { background: 0 0; margin-bottom: 0!important } #jto_paywall .paywall_block .section_title.small.single_block h2 { font-size: 12px; font-size: .75rem; position: relative; top: -2.125em; text-align: center; text-transform: uppercase; background: #fbfbfb; margin: 0; font-weight: 400 } #jto_paywall .paywall_block.notification { border-color: #c8102e } #jto_paywall .paywall_block.notification h2 { color: #c8102e!important } #jto_paywall .paywall_block h3, #jto_paywall .paywall_block p, #jto_paywall .paywall_block ul li { font-size: 14px; font-size: .875rem; line-height: 20px; line-height: 1.25rem; margin: 0 } #jto_paywall .paywall_block h3.small_text, #jto_paywall .paywall_block p.small_text, #jto_paywall .paywall_block ul li.small_text { font-size: 12px; font-size: .75rem } #jto_paywall .paywall_block h3 em, #jto_paywall .paywall_block p em, #jto_paywall .paywall_block ul li em { font-weight: 400 } #jto_paywall .paywall_block h3 { font-weight: 400; margin-bottom: .666666666667em } #jto_paywall .paywall_block ul { margin: 0; padding: 0 } #jto_paywall .paywall_block ul li { list-style-type: none; border-bottom: 1px solid #ccc; padding: 1.25em; display: inline-block } #jto_paywall .paywall_block ul li:last-child { border: none } #jto_paywall .paywall_block#subscribe h3 { font-size: 18px; margin: 9px 0 0; } #jto_paywall .paywall_block#subscribe .button { background: #c8102e } #jto_paywall .paywall_block#user_account ul { padding: 0; margin: 0 } #jto_paywall .paywall_block#user_account ul li { list-style-type: none; border-bottom: none; padding: .5em; display: inline-block } #jto_paywall .paywall_block#user_account ul li a { height: 35px; width: 35px; display: block; line-height: 35px; background: #898989; color: #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; overflow: hidden } #jto_paywall .paywall_block#user_account ul li a:hover { background: #c8102e } #jto_paywall .paywall_block#user_account ul li a .icon { color: #fff } #jto_paywall .paywall_block#user_account ul li a .label { position: absolute; left: -1000000px } #jto_paywall .paywall_block .button, #jto_paywall .paywall_block input { width: 60%; min-width: 12.5em; margin: .625em auto } #jto_paywall .paywall_block em { font-style: normal; font-weight: 400 } html body #wrap .ad.bottom, html body .ad.bottom { width: 100%!important; max-width: 100%!important; background: #fff; border-top: 1px solid #efefef; display: block } html body #wrap .ad.bottom .banner, html body .ad.bottom .banner { width: 100%; padding: .625em 0 } html body #wrap .ad.bottom .banner img, html body .ad.bottom .banner img { width: 96%; max-width: 60.625em } a.back-to-top { background: #c8102e; color: #fff; text-align: center; display: block; line-height: 40px; line-height: 2.5rem; font-size: .75em; height: 3.125em; width: 100%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out } a.back-to-top:focus, a.back-to-top:hover { background: #898989; } .site_footer { text-transform: uppercase } .site_footer .footer_top { background: #efefef; padding: 18px 0; } .site_footer .footer_middle { background: #999; padding: 1em 0; } .site_footer .footer_middle#affiliates { background: #666 } #affiliates .footer_content { justify-content: center; } .site_footer .footer_middle#affiliates .footer_content a { display: block; font-weight: 200; color: #fff; font-size: 12px; font-size: .75rem; width: 100% } .site_footer .footer_middle#affiliates .footer_content a:hover { color: #c8102e } .site_footer .footer_middle .main_menu { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0; -moz-column-count: 2; -moz-column-gap: 5%; -webkit-column-count: 2; -webkit-column-gap: 5%; column-count: 2; column-gap: 5%; width: 100% } .site_footer .footer_middle .main_menu li { display: flex; flex-direction: column; font-size: 14px; font-size: .875rem; list-style-type: none; font-weight: 200 } @media screen and (max-width: 767px) { .site_footer .footer_middle .main_menu > li { margin-bottom: 30px !important; width: 47%; } .site_footer #footer_menu .menu-item-pc-hidden { display: initial !important; visibility: hidden; } } .site_footer .menu-item-pc-hidden { display: none !important; } .site_footer .footer_middle .main_menu li a { color: #fff; display: block } .site_footer .footer_middle .main_menu li a:focus, .site_footer .footer_middle .main_menu li a:hover { color: #333 } .site_footer .footer_middle .main_menu li ul.sub-menu { margin: 0; padding: 0 } .site_footer .footer_middle .main_menu>li { font-size: 16px; font-size: 1rem; overflow: visible; display: inline-block; font-weight: 400; margin-bottom: 1.25em; margin-top: 0; } .site_footer .footer_middle .main_menu > li > a { margin-bottom: 5px; } .site_footer .footer_middle .main_menu>li ul { overflow: auto; padding: 0; margin: 0 0 1.25em } .site_footer .footer_bottom { background: top left #333; padding: 1em 0 } .site_footer .footer_bottom .secondary_menu { text-align: center; margin: 0; padding: 0 } .site_footer .footer_bottom .secondary_menu li { list-style-type: none; padding-bottom: 1em; font-size: 14px; font-size: .875rem; font-weight: 100; display: inline-block } .site_footer .footer_bottom .secondary_menu a { display: inline-block; padding: .3125em .625em; text-align: center } .site_footer .footer_bottom .secondary_menu a:focus, .site_footer .footer_bottom .secondary_menu a:hover { color: #c8102e } .site_footer .footer_bottom .copyright p { color: #fff; text-transform: uppercase; font-size: .6875em; font-weight: 100; margin-bottom: 1em } .site_footer .footer_bottom .copyright .footer_logo { display: block; width: 33.33%; max-width: 9.375em; margin: 0 auto } .site_footer .footer_bottom .copyright img { max-width: 100% } .site_footer .footer_content { display: flex; align-items: center; justify-content: space-between; margin: auto; } .login_footer, .social_footer { display: block; margin: 0; } .login_footer ul, .social_footer ul { display: flex; margin: 0; padding: 0; } .login_footer ul li, .social_footer ul li { list-style-type: none; display: block; font-size: 21px; font-size: 1.3125rem; border-bottom: 1px solid #999 } .login_footer ul li a, .social_footer ul li a { color: #c8102e; text-transform: none; text-transform: uppercase } .login_footer ul li, .social_footer ul li { padding: 0 .3125em; } .login_footer ul li:first-child { padding-left: 0; } .social_footer ul li:last-child { padding-right: 0; } .login_footer ul li a:hover, .social_footer ul li a:hover { color: #898989; } .social_footer ul li { border: none; } .corporate_nav a { color: #fff; } .corporate_nav a:hover { color: #898989 !important; } @media only screen and (min-width:28.75em), print { .cartoon_module .story { width: 48.3870967742%; float: left; margin-right: 3.22580645161% } .cartoon_module .story:nth-child(2n+2) { float: left; margin-right: 0 } .content_styles .entry .jt_restaurant th { width: 17%!important } .content_styles .entry .jt_filmbox th { width: 19%!important } .content_styles li.post_time { width: 45%; text-align: right } .content_styles li.post_time time { display: inline!important; padding-left: .3125em; float: right } .content_styles li.post_time .post_history { display: inline; margin-right: .3125em; margin-top: 0; padding-right: .3125em; border-right: 1px solid #ccc; height: 18px } } /* Mobile */ @media screen and (max-width: 767px) { .site_footer .footer_top { padding: 10px 0; } .site_footer .footer_content, .login_footer ul { flex-direction: column; align-items: normal; text-align: center; } .login_footer { margin-bottom: 10px; } .social_footer ul { justify-content: center; text-align: center; } .login_footer ul li { padding: 9px 0; } .login_footer ul li:first-child { padding-top: 0; } } /* Tablet and Desktop */ @media screen and (min-width: 768px) { #affiliates .footer_content, .footer_bottom .footer_content { display: block; } .site_footer .footer_top .login_footer li { border-bottom: 0; border-right: solid 2px #555; line-height: 20px; } } @media only screen and (min-width:30em), print { .jt_events_places_single { background: 0 0 } .jt_events_places_single table tr th { text-align: left; border: none; width: 33.3333333333%; display: inline-block; word-wrap: break-word } .jt_events_places_single table tr td { border: none; text-align: left!important; width: 65.625%; display: inline-block } } @media only screen and (min-width:34.375em), print { #wrap .ad.top .banner { height: auto; padding: .3125em 0 } .touch_notification { display: none } .content_styles .entry .jt_restaurant th { width: 14%!important } .content_styles .entry .jt_filmbox th { width: 17%!important } .align_left { float: left; padding-right: 1.25em } .align_right { float: right; padding-left: 1.25em } .site_footer .footer_top .login_footer li:last-child { border-right: none; } .site_footer .footer_middle .main_menu li input[type=search] { float: right } .site_footer .footer_middle .main_menu li:last-child { margin-top: 0; display: inline } .site_footer .footer_content { width: 98%; max-width: 80em } } @media only screen and (min-width:36.875em), print { .content_styles .entry p { font-size: 22px; font-size: 1.375rem; line-height: 30px; line-height: 1.875rem } .alignleft, .left { float: left } .alignright, .right { float: right } } @media only screen and (min-width:46.875em), print { .header_extras ul li, .left_extras .social_header li a, .left_extras .weather_header p { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } .header_extras ul li { text-transform: uppercase; list-style-type: none } .no-js .oc { display: none!important } .show_from_tablet { display: block!important; visibility: visible!important } .related-posts-type li, .related_links li { font-size: 17px!important; font-size: 1.0625rem!important } .right { float: right!important } .left { float: left!important } .header_content { width: 94% } #wrapper { width: 100% } .main { padding-left: 3%; padding-right: 3% } .padding_block { width: 100%; padding: 0 } .col_1 { width: 6.3829787234%; float: left } .col_2 { width: 14.8936170213%; float: left } .col_3 { width: 23.4042553191%; float: left } .col_4 { width: 31.914893617%; float: left } .col_5 { width: 40.4255319149%; float: left } .col_6 { width: 48.9361702128%; float: left } .col_7 { width: 57.4468085106%; float: left } .col_8 { width: 65.9574468085%; float: left } .col_9 { width: 74.4680851064%; float: left } .col_10 { width: 82.9787234043%; float: left } .col_11 { width: 91.4893617021%; float: left } .col_12 { width: 100%; float: left } .col_gutter { margin-right: 2.12765957447% } .archive_story .image_col { width: 22.5806451613%; float: left } .archive_story .image_col img { margin: 0 } .archive_story .content_col { width: 74.1935483871%; float: left } .archive_story .content_col.no_feature_image { width: 100% } .no_feature_image { width: 100%!important } .archive_top_story:first-child { border-bottom: #ccc 1px solid; padding-bottom: 1.25em } .main_content { float: left; margin: 0 auto; width: 100% } .column, .small_device .column { width: 47.5%; float: left; margin-right: 2.12% } .column:last-child, .small_device .column:last-child { margin-right: 0 } .column_small { width: 35.483%; float: left } .column_large { width: 61.2903225806%; float: left } .column_full { width: 100%!important; margin-right: 0!important } .column_half, .column_two_large { width: 48.3870967742%; float: left } .column_large_small_margin { margin-right: 3.22% } .column_half { margin-right: 3.22580645161% } .column_half:last-child, .column_half:nth-of-type(3) { margin-right: 0 } .column_half .jt_events_places_archive table tr, .column_half .jt_events_places_single table tr { width: 100%; border-top: 1px solid #fff } .column_half .jt_events_places_archive table tr:last-child, .column_half .jt_events_places_single table tr:last-child { border-bottom: 1px solid #fff } .related-posts-type ul, ul.double { margin: 0; padding: 0 } .related-posts-type ul li, ul.double li { width: 48%; float: left; padding-left: 2% } .related-posts-type ul li:nth-child(2n+1), ul.double li:nth-child(2n+1) { margin-left: 0; clear: left } .site_header, header[role=banner] { min-height: 7.1875em } .site_header>.header_content { padding-top: .9375rem } #extra_links_header { display: none; visibility: hidden } .header_extras, .left_extras .social_header { visibility: visible; display: block } .header_extras ul { padding: 0; margin: 0 } .header_extras ul li { padding: 0; margin: 0; font-weight: 200; font-size: .6875rem; line-height: 16px; line-height: 1rem } .header_extras ul li.strong { font-weight: 700 } .header_extras>div { float: left; width: 100% } .left_extras .social_header { line-height: 16px; line-height: 1rem } .header2 ul.sub_menu, .login_header { visibility: hidden; display: none } .left_extras .social_header li { display: inline; font-size: 15px; font-size: .9375rem; text-transform: none } .left_extras .social_header li a { padding: 0 .3125em } .left_extras .social_header li a.icon-mail { font-size: 14px; font-size: .875rem } .left_extras .weather_header { text-align: left; position: relative; margin-top: 5px } .left_extras .weather_header p { font-weight: 200; font-size: .6875rem; line-height: 11px; line-height: .6875rem; margin: .3125em 0 0; padding: 0 .3125em 0 0; display: inline-block } .left_extras .weather_header h2 { font-size: 11px; font-size: .6875rem; line-height: 11px; line-height: .6875rem; margin: 0; padding: 0; color: #333 } .left_extras .weather_header .icon_weather { float: left; width: 3.75em; margin: 0 0 0 -10px; padding: 0 } .left_extras .weather_header .icon_weather img { margin: 0; padding: 0; float: left } .left_extras .weather_header .temperature { font-weight: 400 } .left_extras .weather_header .temperature:after { content: "\B0 C" } .right_extras { text-align: right } .right_extras ul#user_account_header li { line-height: 17px; line-height: 1.0625rem; padding-bottom: 5px } .right_extras ul#user_account_header li.strong a { font-size: 1.2em; font-weight: bolder } .right_extras ul#user_account_header li span.icon { text-transform: lowercase; padding: 2px; background: #666; border-radius: 10px; color: #fff } .logo_header h2.current_date { padding: 0; position: relative } .logo_header h1 { width: 300px!important; max-width: 300px; margin: .875em auto 0!important } .logo_header h1 img { margin: 0 auto; padding: 0; vertical-align: top } .logo_header_2 h1 { margin-bottom: 0 } .logo_header_2 h1 img { width: 100%; -ms-interpolation-mode: bicubic } .page_title { text-align: center } .page_title h1 { width: 7.5em; position: relative; margin: 2px auto 14px } .page_title h2 { font-size: 42px; font-size: 2.625rem; line-height: 44px; line-height: 2.75rem; margin-bottom: 0 } .taxonomy_archive .page_title h1 { margin-top: 0 } #nav_anchor_container .nav_anchors li.nav_search { width: 31.914%; padding-left: 0; margin-right: 0 } #nav_anchor_container .nav_anchors li.nav_search input[type=submit], #nav_anchor_container .nav_anchors li.nav_search label { display: none } .sidebar.bottom .supplements>div, .sidebar.bottom>div { display: inline-block } .nav_search { padding: 17px 17px 0; } .nav_search input[type=text], input[type=search] { padding: 0; width: 100%; height: 2.5em; line-height: 30px; line-height: 1.875rem } .inline_image img, .section_title { margin: 0 } large, large-16x9 { width: 100% } .sidebar { clear: both } .sidebar.bottom .full_width, .sidebar.bottom>div { width: 100% } .sidebar .ad { float: left } .sidebar .ad img { max-width: 100%; margin: 0 auto } .sidebar .affiliates { float: right } .sidebar .wildcard { float: right; clear: none } .sidebar .trending { float: left } .sidebar .wildcard_ad, .sidebar .wildcard_ad_not_single { float: right } .sidebar .blog_links { float: right; text-align: center } .sidebar .wildcard.second { margin-top: 0; clear: none } .sidebar.top .wildcard, .sidebar.top .wildcard_js_banner { float: left } .sidebar.bottom .supplements .announcements, .sidebar.bottom .supplements .insider_tips, .sidebar.bottom .supplements .international_reports, .sidebar.top .wildcard_2, .sidebar.top .wildcard_3 { float: right } .sidebar.top .wildcard_1 { clear: both; float: right } .sidebar.bottom { -moz-column-count: 2; -moz-column-gap: 3.22580645161%; -webkit-column-count: 2; -webkit-column-gap: 3.22580645161%; column-count: 2; column-gap: 3.22580645161%; width: 100% } .sidebar.bottom .full_width>div, .sidebar.bottom .left_column { float: left } .sidebar.bottom .supplements ul { margin-bottom: 0 } .sidebar.bottom .section_title { margin-top: .3125rem } .sidebar.bottom .full_width .ad { float: right } .sidebar.bottom .full_width .ad div { display: block; margin: 0 auto } .sidebar.bottom .wildcard { float: none; clear: both } .sidebar.bottom .blog_links, .sidebar.bottom .opinion_alt, .sidebar.bottom .sponsored_links, .sidebar.bottom .wildcard.second { float: right } .sidebar.bottom .opinion_alt_2 { float: left } .sidebar.myaccount .blog_links, .sidebar.myaccount .wildcard { float: left; margin-bottom: 1.25em!important } .sidebar.myaccount .wildcard:last-child { float: right } .wc_image blockquote, .wc_image h3 { text-align: left; padding: 0 1.25em 0 0 } .wc_image .wild_image { float: left; margin-left: 4.16666666667%; margin-top: .3125em; margin-bottom: 0; width: 29.1666666667% } .wc_image .wild_image img { margin: 0; max-width: 100% } .wc_image .wild_text { float: left; margin-left: 4.16666666667%; margin-top: .3125em; width: 45.8333333333% } .wc_image .wildcard_js_banner { padding: 1.25em .625em } .wc_image_2 .wild_image { margin-left: 3.22580645161%; width: 9.67741935484% } .wc_image_2 .wild_text { margin-left: 3.22580645161%; width: 80.6451612903% } .small_device_flex { display: none; visibility: hidden } .large_device_flex { display: block; visibility: visible } .module_nav { width: 100% } .featured .featured_article .content_col, .featured .featured_article p.featured_excerpt, .module .featured_article .content_col, .module .featured_article p.featured_excerpt { clear: none; float: right; width: 74.1945% } .module_articles li { display: inline-block; width: 48%; margin-left: 2.90322580645% } .module_articles li:nth-child(2n+1) { margin-left: 0 } .topics { background: url(library/img/border_shadow_bg.png) bottom no-repeat } .content_styles .entry .jt_filmbox th, .content_styles .entry .jt_restaurant th { text-align: left!important; width: 21.2765957447%!important; padding: .4em 2% } .content_styles .entry .jt_filmbox th [class*=" icon-"], .content_styles .entry .jt_filmbox th [class^=icon-]:before, .content_styles .entry .jt_restaurant th [class*=" icon-"], .content_styles .entry .jt_restaurant th [class^=icon-]:before { width: 15px } .content_styles .entry .jt_filmbox th .yen, .content_styles .entry .jt_restaurant th .yen { width: 19px; display: inline-block } .content_styles .entry .jt_filmbox th .yen:before, .content_styles .entry .jt_filmbox th [class*=" icon-"]:before, .content_styles .entry .jt_filmbox th [class^=icon-]:before, .content_styles .entry .jt_restaurant th .yen:before, .content_styles .entry .jt_restaurant th [class*=" icon-"]:before, .content_styles .entry .jt_restaurant th [class^=icon-]:before { display: inline-block; margin: 0; text-align: left!important; font-size: 14px; font-size: .875rem; vertical-align: top; padding-right: .3125em } .cartoon_module .story, .cartoon_module .story:nth-child(2n+2) { margin-right: 3.22580645161%; float: left } .content_styles .entry .jt_filmbox .large_view, .content_styles .entry .jt_restaurant .large_view { visibility: visible; display: inline } .content_styles .entry .jt_filmbox th { width: 14.8936170213%!important } .cartoon_module .story { width: 22.5806451613% } .cartoon_module .story:nth-child(4n+4) { margin-right: 0 } .content_styles .padding_block { width: 100%; margin: 0 auto } .content_styles .attachments a.fresco { width: 19%; float: left; margin: 3% 3% 0 } .content_styles #comments { width: 100% } .content_styles .jt_forms .column { float: left; width: 45%; margin-right: 5% } .content_styles .jt_forms .column:last-child { margin-right: 0; float: right } .content_styles .jt_forms .column hr { margin: 0 0 1.25em } .error404 .main_content #searchform input[type=search] { width: 47.7419354839%; float: left } .site_footer .footer_middle#affiliates .footer_content { text-align: center } .site_footer .footer_middle#affiliates .footer_content a { display: inline-block; width: auto; padding: 0 .625em } .site_footer .footer_middle .main_menu { padding: 0; margin: 0; -moz-column-count: inherit; -moz-column-gap: inherit; -webkit-column-count: inherit; -webkit-column-gap: inherit; column-count: inherit; column-gap: inherit; width: 100% } .site_footer .footer_middle .main_menu li { font-size: 12px; font-size: .75rem; list-style-type: none; font-weight: 200; text-align: center } .site_footer .footer_middle .main_menu>li { font-size: 14px; font-size: .875rem; overflow: auto; display: inherit; float: left; font-weight: 400; margin-bottom: .3125em } .site_footer .footer_middle .main_menu>li:last-child, .site_footer .footer_middle .main_menu>li:nth-last-child(2) { margin-right: 0 } .site_footer .footer_bottom .copyright p { float: left } .site_footer .footer_bottom .copyright .footer_logo { display: block; float: right; width: 20%; margin: 0 } .content_styles .entry .sitemap_menu { padding: 0; margin: 0; -moz-column-count: 2; -moz-column-gap: 5%; -webkit-column-count: 2; -webkit-column-gap: 5%; column-count: 2; column-gap: 5%; width: 100% } .content_styles .entry .sitemap_menu li { font-size: 17px; font-size: 1.0625rem; list-style-type: none; font-weight: 200 } .content_styles .entry .sitemap_menu>li { font-size: 21px; font-size: 1.3125rem; color: #333; overflow: auto; display: inline-block; margin: 20px 0 .625em; width: 100%; font-weight: 400 } .content_styles .entry .sitemap_menu>li ul { overflow: auto } .content_styles .entry .sitemap_menu>li>.submenu { margin-top: 20px } .single .related-posts-type ul li { width: 100%; float: left; list-style-position: inside; margin-left: 0 } } @media only screen and (min-width:62.5em) { .sidebar, body.community_column .sidebar.bottom, body.community_tag .sidebar.bottom, body.culture_column .sidebar.bottom, body.culture_tag .sidebar.bottom, body.life_column .sidebar.bottom, body.life_tag .sidebar.bottom, body.news_column .sidebar.bottom, body.news_tag .sidebar.bottom, body.opinion_column .sidebar.bottom, body.opinion_tag .sidebar.bottom, body.sports_column .sidebar.bottom, body.sports_tag .sidebar.bottom { clear: right } .padding_block { width: 100%; margin: 0 auto } .desktop_device, .large_device { display: block!important; visibility: visible!important } #wrapper, .header_content, .nav_search { width: 95%; max-width: 1280px; max-width: 80rem; padding-top: 1.25rem } .nav_search { float: none; margin: 0 auto; padding: 0; position: relative } .nav_search input[type=search] { width: 30.8510638298%; padding-left: 1.06382978723%; position: absolute; right: 0; top: 0; z-index: 250; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px rgba(0, 0, 0, .1) } .main { padding: 0 } .main:nth-of-type(1) { padding-top: 0 } .single-title, .main_content { float: left; margin: 0 auto; width: 65.9574468085% !important; } .page_title { width: 48.936%; margin-bottom: .1375em } .page_title h2 { vertical-align: top } .logo_header h1 { width: 380px!important; max-width: 380px; margin: 0 auto!important } .weather_header .icon_weather { width: 5.3125em } .single #wrapper { width: 94%; max-width: 80em } .single #wrapper .padding_block { width: 100% } .content_styles .entry p { font-size: 20px; line-height: 32px; } .content_styles .entry .jt_book, .content_styles .entry .jt_filmbox, .content_styles .entry .jt_sidebox, .content_styles .entry blockquote { width: 48.3870967742%; float: left; margin-right: 3.22580645161% } .content_styles .entry .jt_book .rating span, .content_styles .entry .jt_filmbox .rating span, .content_styles .entry .jt_sidebox .rating span, .content_styles .entry blockquote .rating span { float: left } .content_styles .entry .jt_book caption, .content_styles .entry .jt_filmbox caption, .content_styles .entry .jt_sidebox caption, .content_styles .entry blockquote caption { text-align: center!important } .content_styles .entry .jt_filmbox th { width: 32%!important } .content_styles .entry .jt_restaurant th { text-align: left; width: 29.7872340426%!important } .content_styles .meta ul li { line-height: 24px; line-height: 1.5rem; margin-top: 0 } .content_styles .meta ul li.post_time { float: left; width: 100%; line-height: 20px; line-height: 1.25rem; text-align: left } .content_styles .meta ul li.post_time time { display: inline!important; padding: 0; text-align: center; float: none } .content_styles .meta ul li.post_time .post_history { display: block; float: none; margin: 0; padding: 0; border-right: none; height: auto } .content_styles .meta ul li.post_time .popover { margin-left: 0 } .content_styles .meta ul li.post_time .popover li { line-height: 16px; line-height: 1rem } .content_styles .meta ul li.post_details { width: 100%; margin: 0 } .content_styles .meta ul li a.post-edit-link { color: #c8102e } .content_styles .meta .related-posts-type ul li { padding-left: .875rem!important; list-style-position: outside } .content_styles .meta .related-posts-type ul li:before { margin-left: -.875rem } .content_styles .meta .attachments a.fresco { width: 100%; float: none; margin: 0 } .content_styles .service_menu { margin-top: .625em } .content_styles .related_articles { margin-top: .5em } .content_styles .related_articles li { padding-left: .75em; width: 100% } .content_styles .related_articles::nth-child(2n+1) { padding: 0 } .announcements .single_block { margin: 0 } .announcements ul { width: 100% } .announcements ul li { display: inline-block; line-height: 16px; line-height: 1rem } .announcements ul li a { padding: .625em; border: none } #nav .header_content { padding-top: 0 } #nav .header_content .navbar_inner { display: flex; } .menu-item-pc-hidden { display: none !important; } .related-posts-type li, .related_links li { font-size: 18px; font-size: 1.125rem } .module .module_articles li h1 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem } .nav_anchors { display: none !important; } .reveal { display: block } #nav { display: block!important; overflow: visible; position: relative; text-align: left; top: 0; width: auto; z-index: 100; margin-bottom: 0; background: #efefef; border-bottom: 2px solid #fff; border-bottom: 3px solid #ccc } #nav .btn, #nav .btn_group { margin-top: .3125em } #nav ul.main_menu { margin: 0; padding: 0; list-style: none; display: flex; width: 95%; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1) } #nav ul.main_menu li { width: 100% } #nav ul.main_menu li a { display: flex; align-items: center; justify-content: center; color: #333; padding: 0; margin: 0; background: 0 0; border-left: 1px solid #fff; border-bottom: 3px solid #c8102e; width: 100%; } #nav ul.main_menu li a:hover, #nav ul.main_menu li.current-menu-ancestor a { color: #898989; border-bottom: 3px solid #898989 } #nav .navbar-inner { position: relative; padding: 0 } #nav .e_p_and_search { width: 5%; } #nav .e_p_and_search .main_menu { width: 100% } #nav .menu-item-cityguide { display: none !important; } /* currently not used (display: none) */ #nav .menu-item-cityguide a { position: relative } #nav .menu-item-cityguide a::before { content: ''; background: url(library/img/e_p/illu_e_p_menu_170.png) 2px top no-repeat; position: absolute; top: -18px; right: 0; width: 100%; height: 100%; } #nav .e_p_and_search .main_menu .search { border-right: 1px solid #fff } #nav .e_p_and_search .main_menu .search a { font-size: 24px; font-size: 1.5rem; } #nav .e_p_and_search .main_menu .search a span { position: absolute; left: -10000px } body.page-id-16234 #nav ul.main_menu li#menu-item-27 a, body.page-id-16237 #nav ul.main_menu li#menu-item-27 a, body.page-template-column-community-php #nav ul.main_menu li#menu-item-26 a, body.page-template-column-culture-php #nav ul.main_menu li#menu-item-27 a, body.page-template-column-life-php #nav ul.main_menu li#menu-item-25 a, body.page-template-column-news-php #nav ul.main_menu li#menu-item-23 a, body.page-template-column-opinion-php #nav ul.main_menu li#menu-item-24 a, body.page-template-column-sports-php #nav ul.main_menu li#menu-item-28 a, body.post-type-archive-community #nav ul.main_menu li#menu-item-26 a, body.post-type-archive-culture #nav ul.main_menu li#menu-item-27 a, body.post-type-archive-life #nav ul.main_menu li#menu-item-25 a, body.post-type-archive-news #nav ul.main_menu li#menu-item-23 a, body.post-type-archive-opinion #nav ul.main_menu li#menu-item-24 a, body.post-type-archive-sports #nav ul.main_menu li#menu-item-28 a, body.single-community #nav ul.main_menu li#menu-item-26 a, body.single-culture #nav ul.main_menu li#menu-item-27 a, body.single-life #nav ul.main_menu li#menu-item-25 a, body.single-news #nav ul.main_menu li#menu-item-23 a, body.single-opinion #nav ul.main_menu li#menu-item-24 a, body.single-sports #nav ul.main_menu li#menu-item-28 a, body.tax-community_category #nav ul.main_menu li#menu-item-26 a, body.tax-community_column #nav ul.main_menu li#menu-item-26 a, body.tax-community_tag #nav ul.main_menu li#menu-item-26 a, body.tax-culture_category #nav ul.main_menu li#menu-item-27 a, body.tax-culture_column #nav ul.main_menu li#menu-item-27 a, body.tax-culture_tag #nav ul.main_menu li#menu-item-27 a, body.tax-life_category #nav ul.main_menu li#menu-item-25 a, body.tax-life_column #nav ul.main_menu li#menu-item-25 a, body.tax-life_tag #nav ul.main_menu li#menu-item-25 a, body.tax-news_category #nav ul.main_menu li#menu-item-23 a, body.tax-news_column #nav ul.main_menu li#menu-item-23 a, body.tax-news_tag #nav ul.main_menu li#menu-item-23 a, body.tax-opinion_category #nav ul.main_menu li#menu-item-24 a, body.tax-opinion_column #nav ul.main_menu li#menu-item-24 a, body.tax-opinion_tag #nav ul.main_menu li#menu-item-24 a, body.tax-sports_category #nav ul.main_menu li#menu-item-28 a, body.tax-sports_column #nav ul.main_menu li#menu-item-28 a, body.tax-sports_tag #nav ul.main_menu li#menu-item-28 a { color: #c8102e!important; border-bottom: 3px solid #c8102e!important } nav.sub_menu_container .current-menu-parent>a { color: #c8102e!important } #nav .desktop_search { display: block; visibility: visible; float: right; width: 32.9787234043%; padding-top: .5em; margin: 0 } #nav .desktop_search input[type=submit], #nav .desktop_search label { display: none } #nav .desktop_search input[type=text] { width: 100% } .top_arrow { position: absolute; z-index: 1; left: 70%; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; margin: -1.65em 0 0 -3px } .sub_menu_container { background: #fff; margin-bottom: 0; position: relative; z-index: 1; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .1); box-shadow: 0 3px 4px rgba(0, 0, 0, .1); text-align: center } .sub_menu_container ul.sub_menu { left: 0; background: 0 0; position: relative; z-index: 101; visibility: visible; height: 1.875em; line-height: 30px; line-height: 1.875rem; padding-left: 0; display: inline-block; width: auto; margin: 0 auto } .sub_menu_container ul.sub_menu li { font-size: 12px; font-size: .75rem; list-style-image: none; background: 0 0; padding-left: 20px; display: inline; float: none; text-align: center; position: relative; text-transform: uppercase } .sub_menu_container ul.sub_menu li:first-child { padding-left: 0 } .sub_menu_container ul.sub_menu li.current-community_category-ancestor a, .sub_menu_container ul.sub_menu li.current-culture_category-ancestor a, .sub_menu_container ul.sub_menu li.current-life_category-ancestor a, .sub_menu_container ul.sub_menu li.current-menu-ancestor a, .sub_menu_container ul.sub_menu li.current-menu-item a, .sub_menu_container ul.sub_menu li.current-news_category-ancestor a, .sub_menu_container ul.sub_menu li.current-opinion_category-ancestor a, .sub_menu_container ul.sub_menu li.current-sports_category-ancestor a { color: #c8102e } .sub_menu_container ul.sub_menu li a { margin-bottom: .25em; color: #333; text-align: left; padding-left: .3125em; display: inline; background: 0 0 } .sub_menu_container ul.sub_menu li a:hover { color: #c8102e } .sidebar { float: right; width: 31.914893617% } .sidebar .trending .bottom { display: block } .sidebar.bottom { clear: right; float: right; width: 31.914893617%!important; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0 } .sidebar.bottom .blog_links { margin-bottom: 0!important } .sidebar.bottom .section_title { margin-top: 0 } .date_archive_border { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .sidebar aside, .sidebar div, .sidebar nav, .sidebar.bottom aside, .sidebar.bottom div, .sidebar.bottom nav { float: none!important; width: 100%!important } .sidebar .misc_links { margin-bottom: 100px } .sidebar .wildcard { clear: both } .column_large { width: 61.2903225806%; float: left } .tabs .tab_1, .tabs .tab_2 { width: 50% } } @media only screen and (min-width:78.75em) { body { background: #fff } #wrapper { background: #fbfbfb; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 1.25rem 2.5rem; z-index: 1 } .sub_menu_container { z-index: 100 } #nav .desktop_search { margin-left: 0; float: right } .related-posts-type li, .related_links li, p { font-size: 17px; font-size: 1.0625rem } body.archive.cityguide section.main p { font-size: 1.0625rem!important } .big_menu { width: 1200px!important; display: none } } .content_styles .entry .jt_restaurant th { text-align: left; width: 21.2765957447% } @media print { html { font-size: 13px } html body { background: #fff!important } html body h1, html body h2, html body h3, html body p { orphans: 3; widows: 3 } html body thead { display: table-header-group } html body img, html body tr { page-break-inside: avoid } html body .padding_block { width: 100%!important; max-width: 100%!important } html body #wrapper { padding-top: 0!important } html body .site_header, html body header[role=banner] { min-height: auto; border: none!important } html body .logo_header { width: 100%; max-width: 100% } html body .logo_header h2.current_date { font-size: 9px; font-size: .5625rem; margin: .625em; padding: 1em; top: 0 } html body .logo_header h1 { max-width: 250px; margin-bottom: 1.25em } html body .section_title { border-bottom: 14px solid #eae9e0 } html body .section_title h2 { top: -3px; background: #fff!important } html body .section_title.small { border-bottom: 4px solid #eae9e0!important } html body .section_title.small h2 { top: -8px; background: #fff!important } html body .page_title { position: relative; margin: 2em 0 } html body .page_title h1 { position: absolute; left: 0; bottom: 0 } html body .page_title h1 img { vertical-align: bottom; margin-top: 40px } html body .page_title h2 { font-size: 36px; font-size: 2.25rem; padding: 0; width: 100%; max-width: 100% } html body .entry a:after { content: " (" attr(href) ")"; font-size: 80% } html body .entry .jt_filmbox, html body .entry .jt_restaurant, html body .entry .jt_sidebox, html body .entry blockquote { max-width: 40%; float: left; margin: 10px 15px 10px 0!important } html body .entry p { font-size: 16px!important; line-height: 22px!important } html body #disqus_thread, html body #extra_links_header, html body #nav_anchor_container, html body .ad.bottom, html body .ad.top, html body .share-dropdown, html body .flex-control-nav, html body .flex-direction-nav, html body .header_extras, html body .icon-printer, html body .login_header, html body .meta.footer, html body .nav_anchors, html body .related_articles, html body .sidebar.bottom, html body .sidebar.top, html body .site_footer, html body .social_header, html body .sub_menu, html body .sub_menu_container, html body .topics, .meta_extras .post_history, .meta_extras .edit, .single-sns-area, .commenting-policy, .pagetop-wrap, .article_footer_ad, .jt-speechkit-container, .note-to-commenters, .note-to-non-commenters, #disqus_recommendations, aside.sidebar { display: none!important; visibility: hidden!important } .page_title hgroup { align-items: center; display: flex; justify-content: center; } .page_title h2 { margin: 0 20px; width: 0; } } #speechkit-io-iframe { min-height: 60px !important; } .jt_content_ad { float: right; margin: 0 0 20px 10px; } .jt_content_ad div:before { content: 'ADVERTISEMENT'; display: block; color: grey; font-size: .6875rem; font-family: pluto; text-align: center; border-bottom: solid .5px #ccc; margin-bottom: 10px } .jt_content_ad div:after { content: ''; color: grey; display: block; border-bottom: solid .5px #ccc; padding-bottom: 10px; } @media screen and (max-width:768px) { .jt_content_ad { float: none; clear: both; margin: 0 auto; text-align: center } } #jt_press a { text-decoration: none !important; } #jt_press a:before { content: none !important; } #jt_press p { font-family: 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Verdana, Helvetica, sans-serif !important; font-size: 1em !important; margin-bottom: 0 !important; } #jt_press hr { margin: 2% 0 !important } #jt_press .press-related { margin-top: 7px; } #jt_press .pagination { height: 55px; } body[class*=" paged-"] #jt_press .pagination a { color: #333 !important; } body[class*=" paged-"] #jt_press .pagination a:hover { color: #c8102e !important; } .entry .jt_press_releases { margin-top: 1.125em } .entry .jt_press_releases .single_block h2 { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif!important; text-transform: uppercase; font-size: .75rem } .entry .jt_press_releases nav { margin-bottom: 30px; } ul.press_releases { margin: 0!important } ul.press_releases li a { font-family: Pluto, 'Helvetica Neue', Helvetica, Arial, sans-serif } ul.press_releases li a:before { content: none!important } @media print { #taboola-descending-article-thumbnails, ._cm-video { display: none!important } } #rbox-t2m { overflow: visible } .sidebar_jt_links { border-top: solid .25em #eae9e0; border-bottom: solid .25em #eae9e0 } .single-post-categories { display: inline-block; margin: 10px 0 5px; } .kicker { color: #666; font-size: 14px; margin-bottom: 6px; } body.single-post .kicker { margin-bottom: 15px; } #jtarticle p:empty { display: none; } .jt_forms.japanese #jtarticle p, .jt_forms.japanese #jtarticle div, .jt_forms.japanese #jtarticle span, .jt_forms.japanese #jtarticle ul, .jt_forms.japanese #jtarticle ol { font-size: 16px; } .cityguide-review-link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .film-not-yet { margin: 20px 10px; } /* Mobile */ @media screen and (max-width: 767px) { @media only screen and (orientation: portrait) { .align_right, .align_left { display: block; margin: 0 auto; } .cityguide-review-link { white-space: normal; } } } /* added 2021-02-21 (ap) per request */ .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow-y: hidden; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(4px); } .modal-content { background-color: rgba(255,255,255,1); opacity: 1; margin: 150px auto 0 auto; width: 80%; max-width: 400px; padding: 20px; border: 1px solid black; } .modal-content figure{ width: 70%; margin:15px auto 25px; } .modal-content figure img{ width:100%; height:auto; } .modal-content p{ text-align:center; font-size: 20px; color:#333; margin-bottom: 10px; }