/*
Theme Name: Qetic Theme Master
Version: 7.2
Description: News Media Qetic
Author: Yuichi Kudo
Author URI: @pbrry
*/

@font-face { font-family: 'M PLUS 1p'; font-display: auto; src: font-url('https://fonts.googleapis.com/css?family=M+PLUS+1p:300,600&subset=japanese'); }
*, *::before, *::after { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { font-family: 'M PLUS 1p', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 400; line-height: 1.15; height: 100%; background: #1a1a1a; font-synthesis: weight style; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: unset; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; scroll-behavior: smooth; font-feature-settings: "pwid"; }
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent }
hr { height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: .35em .75em .625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
.author_box, blockquote:before, body, input, select { vertical-align: middle }
ins, mark { background-color: #ff9; color: #1a1a1a }
h1, h2, h3, h4, h5, h6, p, span { margin: 0; padding: 0; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
p { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0 }
audio { visibility: visible !important }
a { margin: 0; padding: 0; font-size: 100%; color: #1a1a1a; background: 0 0 }
mark { font-style: italic; font-weight: 700 }
strong { color: #1a1a1a; font-weight: 900 }
del { text-decoration: line-through }
article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block }
ol, ul { list-style: none; vertical-align: middle; font-size: 0; }
input { font-size: 15px; color: #1a1a1a }
#menu_icon, blockquote:before { position: absolute; top: 20px; left: 20px }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none }
.cd-dropdown, .clearfix:after, .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden }
::selection { background: #d8ff20; color: #1a1a1a }
img { height: auto; max-width: 100%; vertical-align: middle; line-height: 0 }
.article .thumb img.lazyload { opacity: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.article .thumb img.lazyloaded { opacity: 1; }
.wp-caption { max-width: 100%; }
table { border-collapse: separate; border-spacing: 0 }
caption, td, th { font-weight: 400; text-align: left }
blockquote:after, blockquote:before, q:after, q:before { content: none }
blockquote, q { -ms-hyphens: none; hyphens: none; quotes: none }
blockquote { position: relative; background-color: #F6F6F6; background-color: rgba(250, 250, 250, .6); padding: 30px 30px 30px 70px; margin: 0 0 10px; -moz-border-radius: 5px; border-radius: 5px }
.article_single .single_content blockquote p { font-size: 14px; font-style: italic; margin: 0 }
.contentbox { position: relative; background-color: rgba(250, 250, 250, .8); padding: 30px; margin: 0 0 30px; -moz-border-radius: 5px; border-radius: 5px }
.contentbox p { font-size: 14px; font-style: italic; margin: 0 }
.article_single .single_content img.wpcf7-form-control { max-width: 84px; margin-bottom: 10px }
blockquote:before { font-weight: 400; font-style: normal; text-decoration: inherit; display: inline; width: auto; height: auto; line-height: normal; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; content: "“"; color: #DDD; font-size: 30px }
.clearfix:after, header .logo a { display: block }
blockquote footer { display: block; font-size: 12px; line-height: 1; margin-top: 10px; text-align: right }
blockquote footer cite { font-size: 12px; display: inline-block }
a:active, a:focus, a:hover { outline: 0 }
a img { border: 0 }
.strong { color: #1a1a1a; font-weight: 900 }
.clearfix { overflow: hidden; zoom: 1 }
.clearfix:after { content: ""; clear: both; height: 0 }
.clear { clear: both }
.fa { display: none }
header { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-shrink: 0; align-self: auto; mix-blend-mode: exclusion; }
header { z-index: 10; padding: 30px; position: fixed }
header .logo { margin: 0 auto; padding: 0; width: 90px; height: 30px; backface-visibility: hidden; backface-visibility: hidden; }
#container, #content, #wrapper { width: 100% }
#logo path { fill: #fff; stroke: #fff; stroke-width: 0; transition: all .3s }
#logo:hover path { fill: rgba(250, 250, 250, .7) }
#content { position: relative; margin: 0 auto; display: inline-block }
.slick-list, .slick-slider, .slick-track { position: relative; display: block; background: rgba(0, 0, 0, 0) }
.top_ad { margin: 30px 30px 0 }
.bottom_ad { margin: 0 30px 30px }
.sns_link { width: 33.33%; float: left; text-align: center }
.amazonjs_info ul { font-size: 11px; line-height: 1.5 }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: hand }
.slick-track { position: relative; top: 0; left: 0; display: block }
.slick-track:before, .slick-track:after { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
[dir='rtl'] .slick-slide { float: right }
.slick-slide img { display: block; max-width: 100%; max-height: 100%; width: 100%; height: auto; }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { background: 0 0; color: transparent; outline: 0 }
.slick-next, .slick-prev { font-size: 0; line-height: 0; z-index: 100; position: absolute; top: 50%; display: block; width: 40px; height: 40px; margin-top: -20px; padding: 0; cursor: pointer; border: none }
.slick-next span, .slick-prev span { width: 50%; height: 1px; background-color: rgba(250, 250, 250, .9); position: absolute }
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 }
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0 }
.slick-prev { left: 26px }
[dir=rtl] .slick-prev { right: 26px; left: auto }
.slick-prev span { left: 0 }
.slick-prev span:nth-of-type(1) { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 12px }
.slick-prev span:nth-of-type(2) { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); bottom: 13px }
.slick-next { right: 26px }
[dir=rtl] .slick-next { right: auto; left: 26px }
.slick-next span { right: 0 }
.slick-next span:nth-of-type(1) { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); top: 12px }
.slick-next span:nth-of-type(2) { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); bottom: 13px }
.slick-dots { position: absolute; bottom: 5px; display: block; width: 100%; padding: 0; text-align: center; margin: 0; height: 20px }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0 }
#main_slider .slick-slide .score, .single_wrap .single_img .score { -moz-border-radius: 50%; border-radius: 50%; text-align: center }
#bg_slider, .bg_slidebox { background: rgba(0, 0, 0, 0) }
.slick-dots li button:focus, .slick-dots li button:hover { outline: 0 }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .75; color: #1a1a1a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#bg_slider, #bg_slider .slick-slide, .bg_slidebox { width: 100%; min-height: 100% }
.bg_slidebox { max-height: 100%; position: fixed; z-index: -1; height: 120vh; height: calc(100vh + 40px) !important; }
#bg_slider { height: 120vh; height: calc(100vh + 40px) !important }
#bg_slider .slick-slide { transform: scale3d(1.1, 1.1, 1); position: relative; height: calc(100vh + 40px) !important; overflow: hidden }
.bg_cover { display: block; height: 120vh; height: calc(100vh + 40px) }
#bg_slider .bg_img { opacity: 1; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; background-blend-mode: difference; background-color: #222; height: calc(100vh + 40px) !important; transition: all .2s ease; -webkit-filter: blur(10px); -moz-filter: blur(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#main_slider, .main_slidebox { width: 100%; height: auto }
.main_slidebox { padding: 60px 0 0 }
#main_slider .slick-slide { margin: 30px; position: relative; transform: scale3d(1, 1, 1) }
#main_slider a { display: flex; justify-content: center; align-items: center; align-content: center; margin: 0 auto; max-width: 1200px; width: 100%; height: auto; position: relative; }
#main_slider .cat { opacity: 1; font-size: 16px; font-weight: 900; color: #fff; line-height: 1; letter-spacing: 1px; position: absolute; display: inline-block; transition: all .2s ease; left: -15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 2 }
#main_slider .slick-slide .overlay, #main_slider .slick-slide a.mask { width: 100%; height: 100%; background-position: center center; top: 0; left: 0; position: absolute }
#main_slider .slick-slide a.mask { display: block; background-size: cover }
#main_slider .slick-slide .overlay { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background-blend-mode: normal; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#main_slider .slick-slide:hover .overlay { background: repeating-linear-gradient(45deg, #cbcb01, #01d0ae, #5701a7) 0 0 / 200% no-repeat; opacity: 1; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1); background-blend-mode: darken; }
#main_slider .slick-slide:active .overlay { -webkit-animation: gradientAnimation 1.5s linear infinite; animation: gradientAnimation 1.5s linear infinite }
#main_slider .slick-slide img { opacity: 1 }
#main_slider .slick-slide:hover img { opacity: .6; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1); }
#main_slider .slick-slide .meta { position: absolute; width: 52%; padding: 0; left: -20px; bottom: -20px; z-index: 1; opacity: 1; overflow: hidden }
#main_slider .slick-slide h2 { position: relative; clear: both; padding: 5px 13px; color: #1a1a1a; line-height: 26px; height: auto; max-height: 62px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: #fff; letter-spacing: 0; margin-left: -1px }
.slick-slide h2 { word-break: break-all; }
#main_slider .slick-slide:hover h2 { background: 0 #1a1a1a; color: #fff }
#main_slider .slick-slide .cat_link { font-size: 12px; font-weight: 900; color: #1a1a1a; letter-spacing: 0; padding: 8px 13px; position: relative; display: inline-block; background: #fff; margin-left: -1px }
#main_slider .slick-slide:hover .cat_link { background: #1a1a1a; color: #fff }
#main_slider .cat_link a { color: #fff }
#main_slider .slick-slide:hover .score { color: #fff; background: #1a1a1a }
#main_slider .entry_date, .column_slide .cat { opacity: 1; color: #fff; line-height: 1; display: inline-block; z-index: 2; font-size: 16px; font-weight: 900 }
#main_slider .slick-slide:hover .score:before { border-color: #1a1a1a #1a1a1a transparent transparent }
#main_slider .entry_date { right: -15px; letter-spacing: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
.single_img h1, p img, a img, p.relate-title, .at-gallery a, .thumb img, .tag_keyword a, h3.desc p, h3.desc, h3.author_title span, a span:before, .more_txt, .more_txt:before, .more_txt:after, .loadmore a, .article, li a, .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend, a.btn, .btt_wrap, .cd-dropdown-trigger, .cd-dropdown-trigger .wrap, .cd-dropdown-trigger span, .article_single, .single_content, button, .lazy-loaded, .lazy-hidden, .article, .single_content { -webkit-transition: all .2s, ; transition: all .2s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.cat_link, .cat, .txt, .entry_date, .slick-slide h2 { -webkit-transition: all ease .2s, ; transition: all ease .2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.article_single { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.entry_date, .cat {mix-blend-mode: exclusion; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0; }
.cat_link { font-weight: 900; line-height: 1; letter-spacing: 0 }
.score { position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; pointer-events: none; font-size: 12px; font-weight: 900; z-index: 2; line-height: 1; color: #1a1a1a; background: rgba(250, 250, 250, .9); width: 42px; height: 42px; -moz-border-radius: 50%; border-radius: 50% }
.article:hover .score { color: #fff; background: #1a1a1a }
.score .count { display: flex; justify-content: center; align-items: center; align-content: center; line-height: 1; position: relative; letter-spacing: 0 }
.count svg { width: 6px; height: 10px; display: inline-block; margin-right: 2px; fill: #1a1a1a }
.yarpp-related .count svg { width: 5px; height: 8px }
.slick-slide:hover .count svg
.article:hover .count svg, .content_slide .article:hover .score svg, a:hover .score svg { fill: #fff }
.archive-diviver { width: 100%; padding: 60px 0; height: 100% }
.column_slide, .column_slidebox { width: 100%; height: auto }
.column_slidebox { padding: 0 0 30px }
.column_slide .slick-slide { margin: 30px; position: relative; transform: scale3d(1, 1, 1) }
.column_slide a { display: flex; justify-content: center; align-items: center; align-content: center; margin: 0 auto; max-width: 540px; width: 100%; height: auto; position: relative; }
.column_slide .cat { left: -15px; letter-spacing: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
.column_slide .slick-slide .overlay, .column_slide .slick-slide a.mask { width: 100%; height: 100%; background-size: cover; background-position: center center; top: 0; left: 0; position: absolute }
.column_slide .slick-slide a.mask { display: block }
.column_slide .slick-slide .overlay { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.column_slide .slick-slide:hover .overlay { opacity: 1; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1); background-blend-mode: difference }
.column_slide .slick-slide:active .overlay { -webkit-animation: gradientAnimation 2s linear infinite; animation: gradientAnimation 2s linear infinite; }
.column_slide .slick-slide img {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); z-index: 1; opacity: 1; }
.column_slide .slick-slide:hover img {-webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.column_slide .slick-slide .meta { position: absolute; width: 96%; padding: 0; left: -20px; bottom: -20px; z-index: 10; overflow: hidden }
.column_slide .slick-slide h2 { position: relative; clear: both; padding: 5px 13px; color: #1a1a1a; line-height: 26px; height: 62px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: #fff; letter-spacing: 0; margin-left: -1px }
.column_slide .slick-slide:hover h2 { background: #1a1a1a; color: #fff }
.column_slide .slick-slide .cat_link { font-size: 12px; font-weight: 900; color: #1a1a1a; letter-spacing: 0; padding: 8px 13px; position: relative; display: inline-block; background: #fff; }
.column_slide .slick-slide:hover .cat_link { background: #1a1a1a; color: #fff }
.column_slide .cat_link a { color: #fff }
.column_slide .slick-slide:hover .score { color: #fff; background: #1a1a1a }
.column_slide .entry_date { font-size: 16px; font-weight: 900; color: #fff; position: absolute; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 15px; z-index: 2 }
.column_slide .slick-slide.slick-active .entry_date { right: -15px; opacity: 1 }
#single_content { position: relative; width: 100%; margin: 0 auto }
#single_content .single_bg { width: 100%; min-height: 100%; position: fixed; z-index: -1; height: 120vh !important; background: rgba(0, 0, 0, 0); margin-top: -60px; }
#single_content .bg_cover { display: block; transform: scale3d(1.1, 1.1, 1); height: 120vh !important }
#single_content .bg_img { display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); opacity: 1; background-blend-mode: difference; background-color: #1a1a1a; height: 120vh !important }
.single_wrap { position: relative; width: 1140px; margin: 0 auto; display: block; padding: 90px 0 0; clear: both }
.single_img { position: relative; margin-bottom: 0; max-width: 100%; line-height: 0 }
.single_img img { width: 100%; max-width: 100%; height: auto; max-height: 100%; line-height: 0 }
.single_img .meta { position: absolute; width: 66.6666%; padding: 0; left: 0; bottom: 0; z-index: 2; opacity: 1; overflow: hidden }
.single_meta { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 40px }
#breadcrumbs { font-size: 12px; line-height: 1; color: #666; width: 100%; height: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; margin-bottom: 20px; }
#breadcrumbs::-webkit-scrollbar { display: none; height: 0 }
.article_meta { font-size: 10px; text-align: right; letter-spacing: 0; box-sizing: border-box; margin-bottom: 10px; line-height: 1; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.sns_count li, .sns_count li a, .sns_count ul { box-sizing: border-box; margin: 0 }
#breadcrumbs a { color: #333 }
.pr_meta { margin-bottom: 20px; color: #666; font-size: 11px }
span.pr { border: 1px solid #aaa; padding: 2px 3px; line-height: 1 }
#breadcrumbs span { display: inline; overflow: hidden }
.archives #breadcrumbs, .archives #breadcrumbs a { color: #fff }
.sns_count { position: relative; margin-bottom: 0; box-sizing: border-box; display: flex }
.sns_count ul { width: 100%; display: flex; justify-content: center; align-items: center }
.sns_count li a, a { vertical-align: baseline }
.sns_count li a, a, ins { text-decoration: none }
.sns_count li { padding: 0; color: #fff; text-align: center; display: inline-flex; width: 33.3333% }
.sns_count li:last-child { padding: 0 }
.sns_count li a { display: block; color: #FFF; width: 100%; text-align: center; outline: 0; cursor: pointer; zoom: 1; padding: 12px 0 }
.sns_count li.fb a, .sns_count li.ln a, .sns_count li.tw a { background-color: rgba(250, 250, 250, .4); color: rgba(250, 250, 250, 1) }
.sns_count li.fb a.hover, .sns_count li.fb a:hover, .sns_count li.ln a.hover, .sns_count li.ln a:hover, .sns_count li.tw a.hover, .sns_count li.tw a:hover { text-decoration: none; color: #fff }
.sns_count li.fb a.hover { background-color: #3b5998 }
.sns_count li.tw a.hover { background-color: #3cf }
.sns_count li.ln a.hover { background-color: #00C402 }
.sns_count li.fb a:hover { background-color: #3b5998 }
.sns_count li.tw a:hover { background-color: #3cf }
.sns_count li.ln a:hover { background-color: #00C402 }
.sns_count li a svg { width: 18px; height: 18px; fill: #fff }
.sns_count li a path { fill: #fff }
.single_img h1 { position: relative; clear: both; padding: 10px 20px; color: #1a1a1a; line-height: 2; font-size: 20px; letter-spacing: 1px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: rgba(250, 250, 250, .9); background-position: 0 0; background-size: 200% auto; word-break: break-all }
.wp-embedded-content { width: 100% }
p.wp-embed-heading { margin: 0 0 20px; font-weight: 600; font-size: 16px; line-height: 1.6 }
.profile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; border-collapse: collapse; text-align: left; line-height: 1.7; font-size: 13px; margin: 0 0 30px }
.profile tr { padding: 10px; width: 100% }
.profile th { width: 24%; padding: 10px 0; vertical-align: top; border-bottom: 1px solid #ccc }
.profile td { width: 76%; padding: 10px 0; vertical-align: top; border-bottom: 1px solid #ccc }
.single_img .cat_link { font-size: 14px; line-height: 1; letter-spacing: 0; padding: 8px 13px; position: relative; display: inline-block; background-image: linear-gradient(to right, rgba(250, 250, 250, .9) 50%, rgba(0, 0, 0, .01) 50%); background-position: 0 0; background-size: 200% auto; text-transform: uppercase; margin-left: -1px }
.single_img .cat_link:before { content: ''; z-index: -1; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .9) }
.single_img .photo_c { opacity: 1; position: absolute; bottom: 10px; right: 10px; display: block; color: #fff; font-size: 10px; font-weight: 400; line-height: 1; padding: 5px; mix-blend-mode: exclusion;}
.single_img .cat, .single_img .entry_date { font-size: 18px; color: #fff; display: inline-block; z-index: 2; font-weight: 900; line-height: 1 }
.single_img .entry_date { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 20px }
.single_img .cat { opacity: 1; letter-spacing: 0; position: absolute; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
.article_single { background: rgba(250, 250, 250, .9); width: 100%; padding: 20px; margin-bottom: 0; position: relative }
.at-gallery-wrap { width: 100%; margin-top: 30px; height: auto; overflow: hidden; position: relative }
.at-gallery { width: 100%; height: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap }
.at-gallery::-webkit-scrollbar { display: none; height: 0 }
.at-gallery a { position: relative; margin: 5px; display: inline-block; width: 70px; height: 70px; opacity: 1; white-space: nowrap }
.at-gallery a img { width: 70px; height: 70px }
.at-gallery a:after { display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
.at-gallery h3 { position: relative; display: block; font-size: 22px; line-height: 1; margin-bottom: 25px; text-align: center }
.at-gallery h3:before, .at-gallery h3:after { content: ''; position: absolute; height: 0; top: 47%; width: 20px; border-top: 1px solid #1a1a1a }
.at-gallery h3:before { left: 50%; margin-left: -120px }
.at-gallery h3:after { right: 50%; margin-right: -120px }
.single_bottom_box { width: 100%; display: flex; background: rgba(250, 250, 250, .9); flex-direction: row; justify-content: space-between; align-items: center; align-content: center }
.post_update_box { width: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; align-content: center }
.post_update_box p.update_time { width: 100%; height: 16px; font-size: 10px; text-align: right; color: #8e8e8e; line-height: 16px; font-style: italic }
.author_box { width: 50%; padding: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: center }
.author_box.page { margin:0; padding:30px; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; align-content: center }
h3.author_title { margin-bottom: 30px }
h3.author_title { text-align: center }
h3.author_title span { font-size: 18px; font-weight: 900; text-align: center; color: #1a1a1a; line-height: 1; letter-spacing: 0; position: relative }
h3.author_title span:after, h3.author_title span:before { position: absolute; height: 0; top: 9px; width: 20px; content: ''; border-top: 1px solid rgba(0, 0, 0, 1) }
h3.author_title span:before { left: -25px }
h3.author_title span:after { right: -25px }
.author_img { width: 40px; align-self: center }
.author_img a { display: inline-block }
.author_img a img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100%; height: auto; opacity: 1 }
.author_img a:hover img { opacity: .6 }
.author_img.author_archive { width: auto; max-width:240px; align-self: center }
.author_profile { width: auto; align-self: center; padding-left: 10px }
.author_profile.author_archive {padding: 0 20%;}
.author_name { font-size: 12px; text-align: left; color: #333; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.author_name.author_archive { font-size: 16px; text-align: center; color: #fff; line-height: 24px; margin:10px; }
.author_name a { color: #333 }
.author_name.author_archive a { color: #fff }
.author_name a:hover { text-decoration: underline }
.author_position { font-size: 8px; text-align: left; color: #8e8e8e; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.author_position.author_archive { font-size: 12px; text-align: center; color: #fff; line-height: 18px; margin-bottom:10px;}

.author_box .author_profile .author_txt { position: relative; height: 48px; font-size: 10px; text-align: left; color: #222; line-height: 16px; margin-bottom: 13px; overflow: hidden; width: 100% }
.author_box .author_profile .author_txt.author_archive { position: relative; height: auto; font-size: 12px; text-align: left; color: #fff; line-height: 20px; margin-bottom: 13px; overflow: hidden; width: 100% }
.author_link { text-align: right }
.author_link a { font-size: 12px; font-weight: 900; text-align: right; color: #1a1a1a; line-height: 1 }
.author_link a span { position: relative }
.author_link a span:before { content: ''; position: absolute; height: 0; left: -25px; width: 20px; top: 6px; border-top: 1px solid rgba(0, 0, 0, 1) }
.author_link a:hover span:before { left: -45px; width: 40px; top: 6px }
.author_profile ul { overflow: hidden; clear: both; width: 100%; margin-right: 30px }
.author_profile li { float: right; overflow: hidden; width: 40px; height: auto; font-size: 16px }
.attach_prev, .l_main, .r_main, .tag_i, .tag_s, .tag_txt { float: left }
.author_sns li a { display: block; width: 100%; height: 100%; font-size: 16px; padding: 10px 0 5px; fill: #fff}
.author_sns li a svg { width: 16px; height: 16px; fill: #fff }
.author_sns li a path { fill: #fff }
.post_share li, .post_share li a { display: inline-flex; text-align: center }
.post_share { width: 100%; position: relative; margin-bottom: 0 }
.post_share h3 { text-align: center; font-weight: 900; font-size: 20px; margin-bottom: 30px }
.post_share li, .post_share li a, .post_share ul { margin: 0; box-sizing: border-box }
.post_share ul { width: 100% }
.post_share li { padding: 0; color: #fff; float: left; width: 50% }
.post_share li:last-child { padding: 0 }
.post_share li a { color: #FFF; width: 100%; text-decoration: none; outline: 0; cursor: pointer; vertical-align: baseline; zoom: 1 }
.post_share li a .icon-fb, .post_share li a .icon-tw { width: 20%; padding: 13px; background: rgba(250, 250, 250, .2); text-align: center }
.post_share li a:hover .icon-fb { background: #3b5998 }
.post_share li a:hover .icon-tw { background: #4898d7 }
.post_share li a .text { width: 80%; padding: 13px; color: #fff; font-size: 14px; font-weight: 900; text-align: center; line-height: 18px }
.post_share li a svg { width: 18px; height: 18px; fill: #fff }
.post_share li a [class^=icon-] { font-size: 18px }
.post_share li.fb a, .post_share li.tw a { background: rgba(250, 250, 250, .5); text-decoration: none }
.post_share li.fb a:hover { background-color: #3468af; color: #fff }
.post_share li.tw a:hover { background-color: #55acee; color: #fff }
.post_push { position: relative; margin-bottom: 0; box-sizing: border-box; background-color: rgba(250, 250, 250, .6); display: table; width: 100% }
.post_push .image_area { width: 50%; height: 200px; display: table-cell; background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: .95 }
.post_push .txt_area { width: 50%; display: table-cell; padding: 20px; text-align: center; vertical-align: middle }
.post_push .txt_area p { color: #333; line-height: 1.5; font-size: 16px; font-weight: 900; margin-bottom: 15px }
.post_push .txt_area .button { display: inline-block; width: 200px; height: auto; line-height: 1; margin-bottom: 15px }
.button iframe { min-height: auto }
img.linebtn { width: 116px; border-radius: 3px }
.archive_title h1:before, .single_content h2:before { -webkit-transform: translateX(-50%); }
.post_push .txt_area .txt { font-size: 10px; color: #666 }
.releasebox { position: relative; margin-bottom: 0; box-sizing: border-box; display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start }
.releasebox .image_area { align-self: flex-start; flex-basis: 36% }
.releasebox .image_area img { margin: 0 !important }
.releasebox .txt_area { flex-basis: 64%; padding: 0 0 0 30px; text-align: left }
.releasebox .txt_area h4 { color: #333; line-height: 1.6; font-size: 14px; font-weight: 900; margin: 0 0 20px }
.releasebox .txt_area, .releasebox .txt_area p { color: #333; line-height: 1.6; font-size: 12px; margin: 0 0 10px; font-style: normal }
.releasebox .txt_area .txt { padding-top: 10px; font-size: 10px; color: #797979; line-height: 1.6 }
.releasebox .txt_area .txt p { padding: 0; margin: 0 0 10px !important; font-size: 12px !important; color: #444; line-height: 1.6 !important; font-style: normal }
.article_single .single_content { color: #1a1a1a; line-height: 2; font-size: 15px; word-break: break-all }
.pagination { width: 100%; margin: 30px 0; clear: both; text-align: center }
.pagination.top { margin: 15px 0 30px }
.pagination span.c-page { height: 42px; width: 42px; border-radius: 42px; padding: 12px 3px; font-weight: 900; line-height: 18px; font-size: 18px !important; display: inline-block; margin: 4px 8px; background: #1a1a1a; color: #fff }
.pagination a { display: inline-block }
.pagination a span.c-page { background: #fff; color: #1a1a1a }
.pagination a:hover span.c-page { background: #1a1a1a; color: #fff }
.tag_keyword { margin: 10px 0; width: 100%; display: block; height: auto; overflow: hidden; position: relative }
.tag_keyword ul { width: 100%; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap }
.tag_keyword ul::-webkit-scrollbar { display: none; height: 0 }
.tag_keyword li { display: inline-block; margin: 0; padding: 0 }
.tag_keyword li a { margin: 0 5px 0 0; border-radius: 40px; letter-spacing: 0; position: relative; display: inline-block; line-height: 10px; padding: 11px 15px 10px 13px; color: #fff; font-size: 10px; text-decoration: none; font-weight: 900; background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 60%) }
.tag_keyword li a:hover { background: linear-gradient(45deg, rgba(233, 30, 99, 0.8), rgba(49, 27, 146, 0.8) 60%) }
.tag_list { width: 100%; padding: 30px 25px; margin-bottom: 30px; display: inline-block; background: rgba(250, 250, 250, .1) }
.tag_list h3 { display: block; font-size: 22px; line-height: 22px; margin-bottom: 30px; color: #fff; letter-spacing: 1px; font-weight: 900; text-align: center }
.tag_list ul { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: 0 0 }
.tag_list li { display: inline-block; margin: 0; padding: 0 }
.tag_list li a { margin: 0 5px 5px 0; border-radius: 40px; letter-spacing: 0; position: relative; display: inline-block; line-height: 10px; padding: 11px 15px 10px; color: #fff; font-size: 10px; text-decoration: none; font-weight: 900; background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 60%) }
.tag_list li a:hover { background: linear-gradient(45deg, rgba(233, 30, 99, 0.8), rgba(49, 27, 146, 0.8) 60%) }
.single_content h2 { position: relative; font-size: 24px; line-height: 1.8; letter-spacing: .1px; margin: 60px 0 40px; padding-bottom: 25px; text-align: center }
.single_content h2　a { text-decoration: none }
.single_content h2.single_desc { padding-bottom: 25px; margin: 0 0 25px; word-break: break-all; color: #666; line-height: 1.6; font-size: 12px; letter-spacing: 0 }
.single_content h2:before { content: ''; position: absolute; height: 0; left: 50%; bottom: 0; transform: translateX(-50%); width: 30px; border-top: 1px solid rgba(0, 0, 0, .99) }
.single_content h3 { position: relative; font-size: 18px; line-height: 1.5; letter-spacing: .1px; margin: 60px 0 20px; font-weight: 900; padding-left: 10px; border-left: 2px solid #1a1a1a }
.single_content p { color: #333; line-height: 2; font-size: 16px; letter-spacing: .5px; margin-bottom: 20px; word-break: break-all }
.single_content p:empty { display: none }
.single_content a { position: relative; text-decoration: underline }
.single_content h2 a { text-decoration: none }
.single_content h3 a { text-decoration: none }
.single_content strong a { text-decoration: none }
.btn, .btn:hover { border: none; text-decoration: none !important }
.single_content p img { max-width: 100%; display: block; line-height: 0; font-size: 0; letter-spacing: 0; margin-bottom: 30px }
.single_content p a[rel*="attachment"] img { margin-bottom: 0 }
.information p a[rel*="attachment"] { margin-bottom: 15px }
.single_content img:hover, .single_content p img:hover { box-shadow: 0 0 3px rgba(0, 0, 0, .5) }
.single_content img { margin-bottom: 30px }
iframe { max-width: 100% }
.movie_wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; max-width: 100% }
.movie_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#attachment, .archive_title h1, .attach_box, .l_main, .main_wrap, .r_main { position: relative }
.btn, .single_content button { text-decoration: none; text-align: center; padding: 18px; font-weight: 900; font-size: 13px; color: #fff; background: rgba(0, 0, 0, .9); margin: 0 auto 15px; letter-spacing: 0; box-sizing: border-box; cursor: pointer; width: 50%; line-height: 1; overflow: hidden; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; border-radius: 60px; white-space: nowrap; text-overflow: ellipsis; outline: none; border: none }
a.next { text-decoration: none; text-align: center; padding: 15px; font-weight: 900; font-size: 14px; color: #333; background: rgba(255, 255, 255, 0.9); margin: 0 auto; letter-spacing: 0; box-sizing: border-box; cursor: pointer; width: 62%; line-height: 1.6; overflow: hidden; display: block; transition: all .3s ease; border-radius: 6px; text-decoration: none !important }
a.next:hover { background: rgba(0, 0, 0, 0.9); color: #fff }
.next .fa { font-size: 13px; line-height: 1; font-weight: 900; margin-right: 8px; padding-top: 0 }
a.next span { display: block; margin-bottom: 13px; font-size: 14px; line-height: 1 }
.single_content p > a.btn { margin-bottom: 0 }
.single_content p > .single_content button { margin-bottom: 0 }
a.btn + a.btn { margin-top: 10px }
.single_content button + .single_content button { margin-top: 10px }
.attach_next .attach_thumb a img, .attach_prev .attach_thumb a img { height: auto }
a.btn:hover, .single_content button:hover { text-decoration: none !important; background: linear-gradient(45deg, #A3FF05, #FDD926) }
a.btn:active, .single_content button:active { transform: scale3d(.95, .95, 1) }
a.btn .fa { display: none; font-size: 13px; line-height: 1; font-weight: 900; margin-right: 8px; padding-top: 0 }
.single_content .txtcredit { font-size: 12px; text-align: right; margin: 0; line-height: 1.6; font-style: italic }
.single_content .quotecredit { font-size: 12px; text-align: right; margin: 0 0 30px; line-height: 1.6 }
.single_content h3.report { font-size: 18px; line-height: 2; border: none; text-align: center; padding: 0 0 30px; margin: 0 }
.single_content .photocredit { font-size: 11px; text-align: left; margin: -20px 0 40px; line-height: 1.5 }
.single_content figure p { margin: 0; line-height: 0; font-size: 0 }
.single_content figure a { display: inline-block }
.single_content figure a img { margin-bottom: 10px }
.single_content figure figcaption { font-size: 11px; text-align: left; margin: -5px 0 40px; line-height: 1.6; font-style: italic }
.information { background: rgba(250, 250, 250, .6); padding: 25px 30px 10px; font-size: 13px; margin-bottom: 30px }
.information h2 { border: none; padding: 0; margin: 0 0 20px; line-height: 1; font-size: 20px; }
.information h2:before { content: none }
.information h3 { line-height: 1.5; font-size: 16px; text-align: center; border: none; margin: 0 0 20px }
.article_single .single_content .information p { line-height: 21px; font-size: 13px; margin: 0 0 10px }
.information .fa { min-width: 13px; text-align: center; margin-right: 8px }
.information .notes, .article_single .single_content .information .notes p { margin: 0; font-size: 10px; color: #777; line-height: 1.4 }
.information a.btn { margin: 20px auto; display: block; border-radius: 60px }
.information ul { margin: 0; padding: 0; list-style-type: none; display: block }
.cb-entry-content .information p { margin: 0; line-height: 1.6 }
.information li { margin-bottom: 10px; display: flex }
.information li a { color: #444; font-weight: 900 }
.tag_i { width: 5% }
.tag_txt { width: 86% }
.tag_s { width: 8% }
.information .cb-count { font-size: 13px; font-weight: 900; color: #DA0000 }
.information .cb-count .fa { min-width: 13px; text-align: center; margin-right: 0 }
.main_wrap { width: 1200px; margin: 0 auto; display: block; padding: 0 }
.l_main { width: 66.6666%; padding: 0 }
.r_main { width: 33.3333%; margin: 30px 0 0; padding: 0 30px 0 0 }
.r_main .bnr { margin: 0 0 30px; width: 100%; height: auto; padding: 0; overflow: auto }
#single_content .r_main, #single_content .r_main .bnr { margin: 0; padding: 0 }
#single_content .r_main .ranking { margin: 0 }
.navigation a { padding: 60px 0 }
#attachment { width: 100%; max-width: 1000px; display: block; clear: both; padding: 30px 0 0; margin: 0 auto }
#breadcrumbs.attachment { margin: 0 }
#breadcrumbs.attachment, #breadcrumbs.attachment a, #breadcrumbs.attachment span { color: #fff }
.attachment_img { position: relative; margin-bottom: 20px }
.attach_title h1 a { color: #fff; display: block; margin: 5px 5px 0; font-size: 15px; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.attach_box { width: 100%; margin: 0 0 20px; display: table; vertical-align: middle; font-size: 0; line-height: 0 }
.attach_box .attach_next, .attach_box .attach_prev { width: 33.3333% }
.attach_prev { padding-right: 0 }
.attach_prev .attach_thumb { display: table-cell; width: 20%; vertical-align: top }
.attach_prev .attach_thumb a { display: inline-block }
.attach_prev .attach_thumb a img { width: 100%; opacity: 1 }
.author-thumbnail a img { height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 1 }
.attach_prev .attach_text { background: rgba(250, 250, 250, .3); color: #fff; display: table-cell; width: 80%; vertical-align: middle; font-size: 15px; line-height: 1; text-align: center }
.attach_prev .attach_text:hover { background: rgba(250, 250, 250, .4) }
.attach_prev .attach_text a { color: #fff; padding: 24px 0; display: inline-block; width: 100% }
.attach_next { padding-left: 0; float: right }
.attach_next .attach_thumb { display: table-cell; width: 20%; vertical-align: top }
.attach_next .attach_thumb a { display: inline-block }
.attach_next .attach_thumb a img { width: 100% }
.attach_next .attach_text { background: rgba(250, 250, 250, .3); color: #fff; display: table-cell; width: 80%; vertical-align: middle; font-size: 15px; line-height: 1; text-align: center }
.attach_next .attach_text:hover { background: rgba(250, 250, 250, .4) }
.attach_next .attach_text a { color: #fff; padding: 24px 0; display: inline-block; width: 100% }
a.btn.attach { margin: 45px auto; background: rgba(250, 250, 250, .3); border: none }
a.btn.attach:hover { color: #fff; background: rgba(250, 250, 250, .5) }
.at-gallery.gallery { margin-bottom: 20px }
.at-gallery.gallery a { width: 70px; height: 70px }
.at-gallery.gallery a img { padding: 0 }
#attachment .post_share { margin-bottom: 45px }
.archive_title { margin: 0; width: 100%; padding: 90px 0 0 }
.archive_title h1 { text-align: center; font-weight: 900; color: #fff; font-size: 24px; line-height: 24px; padding: 25px 0; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.archive_title h1:after, .archive_title h1:before { content: ""; position: absolute; left: 50%; height: 20px; width: 0; z-index: 10 }
.archive_title h1:before { top: 0; border: 1px solid rgba(0, 0, 0, 0); border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
.archive_title h1:after { bottom: 0; border: 1px solid rgba(0, 0, 0, 0); border-left-color: rgba(250, 250, 250, .6); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.authors_wrap { width: 100%; padding-top: 30px }
.authors { overflow: hidden; width: 100%; margin-bottom: 60px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start }
.authors .author-profile { width: 20%; padding: 15px }
.author-thumbnail { margin-bottom: 15px }
.author-thumbnail a { display: block; width: 100%; height: auto; cursor: pointer }
.author-thumbnail a:hover img { opacity: .6 }
.author-description h2 .nickname { font-size: 13px; font-weight: 900; text-align: center; color: #fff; line-height: 1; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
p.author-des, p.author-position { font-size: 10px; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; text-align: center; overflow: hidden }
p.author-position { color: #fff; line-height: 1; margin-bottom: 15px; -webkit-line-clamp: 1 }
p.author-des { min-height: 60px; color: #fff; line-height: 2; margin-bottom: 10px; -webkit-line-clamp: 3; word-break: break-all }
.content_slide .article .entry_date, .article .new { font-size: 16px; font-weight: 900; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0; z-index: 2; opacity: 1;mix-blend-mode: exclusion; }
.content_slide { width: 100% }
.content_slide .slick-slide { width: 100%; margin: 30px }
#content_box { position: relative; width: 100%; padding: 0 }
.nav_slide { margin-bottom: 10px; z-index: 2 }
.slide_inf { position: relative; width: 100%; display: inline-block; padding: 30px 30px 0; }
.slide_inf .article { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; position: relative; width: 100%; margin-bottom: 30px; background: rgba(250, 250, 250, .85); z-index: 2; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.article a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; position: relative; width: 100%; }
.article:nth-child(even) a { flex-direction: row-reverse; }
.article .entry_date:before, .article .new:before { content: ''; height: 0; width: 30px; border-top: 1px solid rgba(250, 250, 250, .6); position: absolute }
.slide_inf .article:hover { background: rgba(0, 0, 0, .85) }
.slide_inf .article:nth-child(even):hover { background-position: 0 0; color: #fff }
.slide_inf .article:nth-child(even):before { right: 0; left: inherit }
.article:after { clear: both }
.article .new { line-height: 1; position: absolute; display: inline-block; left: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
.article .new:before { right: -35px; top: 7px }
.article .entry_date { line-height: 1; position: absolute; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: -10px }
.article .entry_date:before { left: -35px; top: 7px }
.article .thumb { position: relative; align-self: stretch; width: 50%; overflow: hidden; height: 100% }
.article:hover .thumb { background: #c4ec33 }
.article:hover .thumb:after { background: linear-gradient(45deg, #a73dbd, #f7ab8d); display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; mix-blend-mode: hard-light; -webkit-filter: contrast(1.1); filter: contrast(1.1) }
.article .thumb img { width: 100%; height: auto; max-width: 100%; max-height: 100%; opacity: 1 }
.article:hover .thumb img { mix-blend-mode: darken; -webkit-filter: grayscale(100%) contrast(1.3); filter: grayscale(100%) contrast(1.3) }
.article .thumb .overlay { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0 }
.article .txt { position: relative; align-self: stretch; width: 50%; padding: 30px; height: auto }
.article .txt .cat_link { font-size: 13px; color: #1a1a1a; padding: 0; display: inline-block; line-height: 1; letter-spacing: 0; margin-bottom: 10px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100% }
.slide_inf .article:hover .txt .cat_link { color: #fff }
.txt .entry-date { position: absolute; top: 30px; right: 30px; font-size: 12px; color: #9DA8B0; padding: 0; display: inline-block; text-align: right; font-weight: 900; line-height: 1; letter-spacing: .5px }
.slide_inf .article .txt h2, .slide_inf .article .txt h3.desc p, h3.desc { display: -webkit-box; letter-spacing: 1px; overflow: hidden; -webkit-box-orient: vertical }
.txt:after { clear: both }
.slide_inf .article .txt h2 { font-size: 16px; line-height: 26px; height: 52px; -webkit-line-clamp: 2; color: #1a1a1a; font-weight: 900; margin-bottom: 24px }
.slide_inf .article .txt h2 a { color: #1a1a1a }
.slide_inf .article:hover .txt h2, .slide_inf .article:hover .txt h2 a { color: #fff }
.slide_inf .article .txt h3.desc p, h3.desc { font-size: 12px; line-height: 20px; height: auto; max-height: 60px; -webkit-line-clamp: 3; color: #666; letter-spacing: .5px; font-weight: 400 }
.slide_inf .article:hover .txt h3.desc p { color: #fff }
.loadmore { text-align: center; font-size: 16px; padding: 0 30px 30px; }
.loadmore a { font-weight: 900; color: #1a1a1a; letter-spacing: 1px; text-align: center; font-size: 16px; background: rgba(250, 250, 250, .8); padding: 20px; display: block }
.loadmore a:hover { color: #fff; background: rgba(0, 0, 0, .9) }
#infscr-loading { text-align: center; margin: 0 auto }
#infscr-loading img { width: 16px; height: 16px; display: inline-block }
.navigation { margin: 0 }
.amazonjs_item { font-size: 13px; margin: 15px 0; padding: 10px; border: 1px solid #ddd; position: relative; display: block; background: #fff; color: #333 }
.amazonjs_item a { color: #e47911; text-decoration: none }
.amazonjs_item a:hover { color: #963 }
.amazonjs_item * { margin: 0; padding: 0; border: 0 }
.amazonjs_item .amazonjs_indicator { margin: 0; clear: both; overflow: hidden }
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_img { float: left; display: block; width: 64px; height: 64px; background: url(../qtctm/img/amazon_logo.jpg) center no-repeat }
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_title { display: block; line-height: 24px; margin-left: 72px }
.amazonjs_item .amazonjs_indicator .amazonjs_indicator_footer { clear: both }
.amazonjs_item .amazonjs_image { display: block; float: left; margin-right: 10px }
.amazonjs_info { display: block }
.amazonjs_info h4 { margin: 0 0 5px; padding: 0; font-size: 1.2em; font-weight: 700; clear: none; border: none }
.amazonjs_item .amazonjs_footer, .ranking, .ranking:after, .ranking_content li, .thumb:after { clear: both }
.amazonjs_info li { list-style: none; line-height: 1.5em; font-size: 1em; margin: 0; padding: 0 }
.amazonjs_info li b { margin-right: .5em; color: #555; font-weight: 400 }
.amazonjs_info .amazonjs_price { color: #900 }
.amazonjs_info .amazonjs_price span { color: #666; margin-left: .5em }
.amazonjs_info .amazonjs_listprice { text-decoration: line-through }
.amazonjs_item .amazonjs_review { padding: 0; font-size: .7em; position: absolute; right: 34px; bottom: 4px }
#preview .amazonjs_item .amazonjs_review { display: none }
.amazonjs_book .amazonjs_info ul, .amazonjs_music .amazonjs_info ul { margin-top: .5em }
.amazonjs_book .amazonjs_info li, .amazonjs_music .amazonjs_info li { line-height: 1.6em }
.yarpp-related { align-self: flex-start; width: 100%; padding: 0; margin-bottom: 10px; overflow: hidden; position: relative }
.yarpp-related ul { width: 100%; height: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; align-self: flex-start; }
.yarpp-related ul::-webkit-scrollbar { display: none; height: 0 }
.yarpp-related h3, .yarpp-related h3 span:before { -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.yarpp-related h3 { text-align: center; margin-bottom: 20px; opacity: 1; font-size: 14px; font-weight: 900; color: #fff; line-height: 1; letter-spacing: 0; position: absolute; display: inline-block; left: 50%; transform: translateX(-50%); top: 50%; z-index: 2 }
.yarpp-related h3 span { position: relative }
.yarpp-related h3 span:after, .yarpp-related h3 span:before { content: ""; position: absolute; left: 50%; height: 15px; width: 0; z-index: 10 }
.yarpp-related h3 span:before { top: 0; border: 1px solid rgba(0, 0, 0, 0); border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
h3.blue:before, .yarpp-related h3 span:after { border: 1px solid rgba(0, 0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.yarpp-related h3 span:after { bottom: 0; border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
.yarpp-related .article { position: relative; width: 28%; height: auto; margin: 0 10px 0 0; display: inline-block; opacity: 1; white-space: nowrap; vertical-align: middle; }
.yarpp-related .article a { display: flex; justify-content: center; align-items: center; align-content: flex-start; flex-direction: column; white-space: normal; flex-shrink: 0; }
.yarpp-related .article .thumb { position: relative; width: 100%; height: auto; overflow: hidden }
.yarpp-related .article .thumb img { opacity: 1; width: 100%; height: auto; }
.yarpp-related .article:hover .thumb img { opacity: .7 }
.yarpp-related .article .thumb .relate_t { position: absolute; font-size: 10px; color: #fff; left: 10px; bottom: 10px; font-weight: 900 }
.yarpp-related .article .thumb .relate_t:before { content: ''; position: absolute; height: 0; right: -25px; top: 4px; width: 15px; border-top: 1px solid rgba(255, 255, 255, .7) }
.yarpp-related .article .txt { position: relative; width: 100%; padding: 15px; height: auto; background: rgba(250, 250, 250, .6) }
.yarpp-related .article:nth-child(even) .txt { background: rgba(250, 250, 250, .7) }
.yarpp-related .article:hover .txt { background: rgba(0, 0, 0, .9) }
.yarpp-related .article .txt .cat_link { height: 10px; font-size: 12px; font-weight: 900; color: #1a1a1a; padding: 0; line-height: 1; letter-spacing: .5px; margin-bottom: 10px; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.recommend_slide .slick-slide h2, .yarpp-related .article .txt p.relate-title { overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.yarpp-related .article:hover .txt .cat_link { color: #fff }
.yarpp-related .article .txt p.relate-title { font-size: 12px; line-height: 20px; height: 40px; display: -webkit-box; color: #1a1a1a; letter-spacing: 0; margin-bottom: 0 }
.recommend_slide .cat, .yarpp-related .article .entry_date, .yarpp-related .article .score { font-weight: 900; line-height: 1 }
.yarpp-related .article .txt p.relate-title a { color: #1a1a1a }
.yarpp-related .article:hover .txt p.relate-title, .yarpp-related .article:hover .txt p.relate-title a { color: #fff }
.yarpp-related .article .entry_date:before { content: ''; position: absolute; height: 0; left: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(250, 250, 250, .6) }
.recommend_slide, .recommend_slidebox { width: 100%; height: auto }
.yarpp-related .article:hover .score { color: #fff; background: #1a1a1a }
h3.blue { text-align: center; font-size: 20px; line-height: 20px; margin: 0; padding: 30px 0; position: relative; opacity: .6; cursor: pointer; color: #fff; font-weight: 900; opacity: 1 }
h3.blue:after, h3.blue:before { content: ""; position: absolute; left: 50%; height: 25px; width: 0; z-index: 10 }
h3.blue:before { top: 0; border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
h3.blue:after, .slick-current h4.rankt:before { border: 1px solid rgba(0, 0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
h3.blue:after { bottom: 0; border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
.ranking, .ranking_nav { width: 100%; position: relative }
.ranking a[class^="cat-id"] { font-weight: 900; font-size: 8px; color: #fff; margin-bottom: 8px; line-height: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; letter-spacing: 1px }
.ranking { padding: 30px 0; margin-bottom: 30px; display: inline-block; background: rgba(250, 250, 250, .2) }
.ranking .slick-slide { padding: 0 }
.ranking_nav { padding: 0 20px; margin-bottom: 5px }
.ranking_nav .slick-prev { left: 22px }
.ranking_nav .slick-next { right: 22px }
.ranking .ranking_nav .slick-slide { padding: 0 }
.ranking h3.title { display: block; font-size: 22px; line-height: 22px; margin-bottom: 30px; color: #fff; text-align: center; }
.ranking h4.rankt { text-align: center; font-weight: 900; color: rgba(250, 250, 250, .3); font-size: 16px; line-height: 16px; padding: 20px 0; position: relative; letter-spacing: .5px; cursor: pointer }
.slick-current h4.rankt:after, .slick-current h4.rankt:before { content: ""; position: absolute; left: 50%; height: 15px; width: 0; z-index: 10 }
.slick-current h4.rankt { color: #fff; font-weight: 900 }
.slick-current h4.rankt:before { top: 0; border-left-color: rgba(250, 250, 250, .6); transform: translateX(-50%) }
.slick-current h4.rankt:after { bottom: 0; border: 1px solid rgba(0, 0, 0, 0); border-left-color: rgba(250, 250, 250, .6); -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.ranking_content { width: 100%; position: relative; padding: 0 10px }
.ranking_content.page { width: 740px; position: relative; padding: 0 10px; margin: 0 auto }
.ranking_content ul { counter-reset: rankingcounter; padding: 0 15px }
.ranking_content ul.wpp-list { padding: 15px; counter-reset: rankingcounter }
.ranking_content li { width: 100%; margin-bottom: 0; display: inline-block; position: relative }
.ranking_content li .wrap { width: 100%; height: 100%; overflow: auto; position: relative; background: rgba(250, 250, 250, .15) }
.ranking_content li:hover .wrap { background: rgba(0, 0, 0, .9) }
.ranking_content li:last-child { margin-bottom: 0 }
.ranking_content li:before { counter-increment: rankingcounter; content: counter(rankingcounter); font-size: 38px; position: absolute; display: block; text-align: center; vertical-align: middle; line-height: 1; color: #fff; font-weight: 900; z-index: 3; font-style: italic; left: -20px; width: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); mix-blend-mode: exclusion; }
.ranking_content li a { display: flex; justify-content: space-between; align-items: stretch; align-content: flex-start; flex-direction: row }
.ranking_content li:nth-child(even) a { flex-direction: row-reverse }
.ranking_content li .thumb { width: 50%; height: auto; max-height: 100px; position: relative }
.ranking_content li .thumb img { width: 100%; height: auto; max-height: 98px }
.cd-dropdown-content ul.is-hidden>.cd-divider, .cd-dropdown-content ul.is-hidden>li>.cd-search, .cd-dropdown-content ul.is-hidden>li>a, .cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.is-hidden>.cd-divider, .cd-dropdown-content.is-hidden>li>.cd-search, .cd-dropdown-content.is-hidden>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a, .cd-dropdown-trigger.dropdown-is-active span:nth-of-type(3) { opacity: 0 }
.ranking_content li .thumb:before { position: absolute; display: block; top: 0; left: 0; z-index: 2; border-color: #48e0a4 transparent transparent #48e0a4; border-style: solid; border-width: 18px }
.ranking_content li .thumb .count { font-weight: 900; color: #fff; font-size: 14px; line-height: 14px; margin-bottom: 0; text-align: center; position: absolute; top: 50%; margin-top: -5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.ranking_content li .txt { width: 50%; height: auto; padding: 13px 13px 0; overflow: hidden }
.popular-title, .txt .rank-title { font-size: 12px; line-height: 18px; height: 54px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #fff; letter-spacing: 0; font-weight: 400; margin-bottom: 0; word-break: break-all }
.ranking_content li .txt .cat_link { height: 10px; font-size: 12px; font-weight: 900; color: #fff; line-height: 1; letter-spacing: .5px; margin-bottom: 10px; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
.txt .rank-category { font-weight: 900; font-size: 8px; color: #fff; margin-bottom: 8px; line-height: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; letter-spacing: 1px }
.ranking_content li .txt .cat_link a { font-size: 10px; font-weight: 900; color: #414141; padding: 0; display: inline-block; line-height: 1; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase }
.rank_more { position: relative; padding: 0 }
.rank_more a { position: relative; font-size: 12px; color: #fff; letter-spacing: .5px; line-height: 1; padding: 20px; font-weight: 900; text-align: center; display: block }
.rank_more a .more_txt { position: relative }
.rank_more a .more_txt:after, .rank_more a .more_txt:before { content: ''; position: absolute; height: 0; top: 6px; width: 20px; border-top: 1px solid rgba(250, 250, 250, .6) }
.rank_more a .more_txt:before { left: -25px }
.rank_more a .more_txt:after { right: -25px }
.rank_more a:hover .more_txt:before { left: -45px; width: 40px }
.rank_more a:hover .more_txt:after { right: -45px; width: 40px }
#footer { position: relative; width: 100%; margin: 0; padding: 0; background: rgba(250, 250, 250, .2) }
.footer_wrap { width: 100%; margin: 0; padding: 60px 30px 30px }
.footer_column { width: 25%; float: left }
p.footer_catch { color: #fff; font-size: 12px; line-height: 20px; margin-bottom: 30px }
.footer_sns { width: 300px; margin: 0 auto 20px }
.footer_sns .sns_link { width: 20% }
.footer_sns .sns_link a { color: #fff; display: inline-block; padding: 20px }
.footer_sns .sns_link a span { font-size: 20px }
.footer_sns .sns_link a svg { width: 20px; height: 20px; fill: #fff }
.footer_sns .sns_link a:hover svg { opacity: .6 }
.footer_logo { width: 90px; height: 86px; margin-bottom: 10px }
.aitsu_0 { fill: #fff }
.aitsu_1 { fill-rule: evenodd; clip-rule: evenodd; fill: #fff }
h3.footer_title { position: relative; display: inline-block; font-size: 18px; font-weight: 900; color: #fff; line-height: 1; letter-spacing: 1px; margin-bottom: 30px; width: 100%; }
.footer_container { width: 100%; margin: 0; padding: 0 }
.footer_menu { padding-right: 30px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.footer_menu .footer_item { width: 100%; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: 1px; margin-bottom: 10px }
.backtotop, a#linktotop { height: 50px; width: 50px }
.footer_menu .footer_item a { color: #fff }
#footer .copyright { padding: 15px 0; font-size: 9px; font-weight: 400; text-align: center; color: #fff }
.backtotop { position: fixed; z-index: 1; right: 30px; bottom: 30px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent }
a#linktotop { display: block }
.btt_wrap { position: relative; margin: 5px; width: 40px; height: 40px; box-sizing: border-box }
.btt_wrap span { position: absolute; width: 24px; height: 1px; background-color: rgba(250, 250, 250, .9) }
.btt_wrap span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); left: 0 }
.btt_wrap span:nth-of-type(2) { -webkit-transform: translateY(20px) rotate(45deg); transform: translateY(20px) rotate(45deg); right: 0 }
.wp-pagenavi { width: 100%; list-style-type: none; padding: 10px 0 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center }
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.extend { color: #1a1a1a; background: rgba(250, 250, 250, .5); text-decoration: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: 700; line-height: 14px; font-size: 14px; margin: 0 5px 10px; width: 40px; text-align: center; vertical-align: middle; padding: 12px 0 }
.cd-dropdown-trigger, .cd-dropdown-trigger .wrap, .cd-dropdown-trigger span { box-sizing: border-box; display: inline-block }
.wp-pagenavi .previouspostslink:before { display: inline-block; font-size: inherit; -webkit-font-smoothing: antialiased; content: "＜" }
.wp-pagenavi .nextpostslink:before { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "＞" }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #1a1a1a; background: rgba(250, 250, 250, .9) }
.wp-pagenavi span.extend { margin: 0 5px 10px }
.spinner { position: absolute; bottom: 0; height: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.spinner>div { background-color: #fff; height: 30px; width: 1px; display: inline-block; margin: 0 4px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s }
.spinner .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s }
.spinner .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s }
.cd-dropdown-trigger { position: relative; width: 50px; height: 50px }
.cd-dropdown-trigger .wrap { position: relative; margin: 15px 10px 0; width: 30px; height: 20px }
.cd-dropdown-trigger span { position: absolute; left: 0; width: 100%; height: 1px; background-color: rgba(250, 250, 250, .9) }
.cd-dropdown-trigger span:nth-of-type(1) { top: 0 }
.cd-dropdown-trigger span:nth-of-type(2) { top: 9px; width: 66.6666% }
.cd-dropdown-trigger span:nth-of-type(3) { bottom: 0; width: 33.3333% }
.cd-dropdown-trigger:hover span { width: 100% }
.cd-dropdown-trigger.dropdown-is-active { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
.cd-dropdown-trigger.dropdown-is-active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg) }
.cd-dropdown-trigger.dropdown-is-active span:nth-of-type(2) { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); width: 100% }
.cd-dropdown-wrapper { display: inline-block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3 { position: absolute; bottom: 0; display: inline-block; width: 100%; background: rgba(250, 250, 250, .9); padding: 3px 8px; font-size: 10px }
.cd-dropdown h2, .cd-dropdown p.nav-title, .cd-dropdown-content .cd-divider, .cd-dropdown-content a, .cd-dropdown-content ul a { padding: 0 }
.cd-dropdown-content .cd-dropdown-gallery>li { width: 48%; float: left; margin-right: 4% }
.cd-dropdown-content .cd-dropdown-gallery>li:nth-of-type(2n) { margin-right: 0 }
.cd-dropdown-content .cd-dropdown-gallery>li.go-back { width: 100% }
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #1a1a1a; font-size: 12px; margin-bottom: 20px }
.cd-dropdown-content .cd-dropdown-gallery>li:last-of-type a, .cd-dropdown-content .cd-dropdown-gallery>li:nth-last-of-type(2) a { margin-bottom: 0 }
.cd-dropdown-content a, .cd-dropdown-content li.see-all a { font-size: 14px }
.cd-dropdown-content .cd-dropdown-gallery>.see-all a, .cd-dropdown-content .cd-dropdown-icons>.see-all a, .cd-dropdown-content .cd-secondary-dropdown>.see-all a { margin: 0; height: 100%; line-height: 45px; background: #1a1a1a; color: #fff; pointer-events: auto; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s }
.cd-dropdown-content .cd-dropdown-gallery>.see-all, .cd-dropdown-content .cd-dropdown-icons>.see-all, .cd-dropdown-content .cd-secondary-dropdown>.see-all { width: 100%; height: 45px; text-align: center }
.cd-dropdown { position: fixed; z-index: 30; top: 0; left: 0; width: 100%; height: 100%; background: rgba(250, 250, 250, .9); color: #1a1a1a; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .2s; transition: all .2s; }
.cd-dropdown h2, .cd-dropdown p.nav-title { height: 62px; position: relative; z-index: 1; color: #1a1a1a; display: block; font-size: 22px; font-weight: 900; line-height: 1; text-align: center; letter-spacing: 1px; padding: 22px }
.cd-dropdown .cd-close { position: absolute; z-index: 1; left: 0; top: 6px; height: 50px; width: 50px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent }
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; height: 27px; width: 1px; background-color: #1a1a1a }
.cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg) }
.cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg) }
.cd-dropdown.dropdown-is-active { height: 100vh; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .2s; transition: all .2s; }
.cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: auto; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform .2s; transition: transform .2s; padding: 62px 15px 0 }
.cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px; display: block; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; font-size: 16px; font-weight: 700 }
.cd-dropdown-content .cd-divider+li>a, .cd-dropdown-content li:first-of-type>a, .cd-dropdown-content ul .cd-divider+li>a, .cd-dropdown-content li:first-of-type>a { border-top-width: 0 }
.cd-dropdown-content .cd-dropdown-icons li { width: 100%; float: left; margin-bottom: 15px }
.cd-dropdown-content .cd-dropdown-icons li a { padding: 0 }
.cd-dropdown-content li.go-back a { padding-left: 26px }
.cd-dropdown-content .cd-dropdown-icons li.go-back { width: 100%; margin: 0 }
.cd-dropdown-content li:last-of-type>a, .cd-dropdown-content li:last-of-type>a { border-bottom-width: 1px }
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { padding-top: 10px; padding-bottom: 10px; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; color: #585a70; text-transform: uppercase }
.cd-dropdown-content .cd-divider, .cd-dropdown-content .cd-search, .cd-dropdown-content a, .cd-dropdown-content ul .cd-divider, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul a { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s }
.cd-dropdown-content .cd-search { margin-bottom: 10px }
.cd-dropdown-content ul.is-hidden, .cd-dropdown-content.is-hidden { -webkit-transform: translateX(100%); transform: translateX(100%) }
.cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch }
.cd-dropdown-content .see-all a { color: #fff }
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: auto; position: relative }
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p.name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item .column_title { float: left; height: 40px; margin: 0; width: 80%; position: relative }
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #999; font-size: 8px; line-height: 1; display: block; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p.name { color: #333; display: block; font-size: 12px; line-height: 16px; margin: 10px 0 5px 10px }
.cd-dropdown-content .cd-dropdown-gallery img { display: block; width: 100% }
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item img { display: block; width: 15%; height: auto; -webkit-border-radius: 50%; border-radius: 50%; float: left }
.cd-search input[type=search] { width: 100%; height: 50px; padding: 0; -webkit-appearance: none; appearance: none; color: #1a1a1a; border: none; background: rgba(250, 250, 250, 0); border-bottom: 1px solid #1a1a1a; border-radius: 0; font-size: 16px }
.cd-search input[type=search]::-webkit-input-placeholder { color: #1a1a1a }
.cd-search input[type=search]::-moz-placeholder { color: #1a1a1a }
.cd-search input[type=search]:-moz-placeholder { color: #fff }
.cd-search input[type=search]:-ms-input-placeholder { color: #1a1a1a }
.cd-search input[type=search]:focus { color: #1a1a1a; outline: 0 }
.cd-search input[type=search]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, .8) }
.cd-search input[type=search]:focus::-moz-placeholder { color: rgba(17, 20, 51, .8) }
.cd-search input[type=search]:focus:-moz-placeholder { color: rgba(17, 20, 51, .8) }
.cd-search input[type=search]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, .8) }
.go-back a, .has-children>a { position: relative }
.go-back a::after, .go-back a::before, .has-children>a::after, .has-children>a::before { content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 1px; width: 11px; background: #1a1a1a; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.go-back a::before, .has-children>a::before { -webkit-transform: rotate(45deg); ransform: rotate(45deg) }
.go-back a::after, .has-children>a::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.has-children>a { padding-right: 40px }
.has-children>a::after, .has-children>a::before { right: 1px; -webkit-transform-origin: 11px 50%; transform-origin: 11px 50% }
.cd-dropdown-content .go-back a { padding-left: 26px }
.cd-dropdown-content .go-back a::after, .cd-dropdown-content .go-back a::before { left: 1px; -webkit-transform-origin: 0 50%; transform-origin: 0 50% }
.cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2 }
.no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
.no-js .cd-dropdown-wrapper .cd-close { display: none }
.vertical_img { text-align: center }
.vertical_img img { max-width: 100%; width: auto }
.separator { position: relative; font-size: 0; line-height: 0; height: 0; width: 100%; margin: 60px 0; padding: 1px 0 }
.separator:after { content: ''; position: absolute; height: 0; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60px; border-top: 1px solid #1a1a1a }
span.colorline { font-weight: 700; background: linear-gradient(rgba(0,0,0,0) 60%, #b5ff17 60%) }
@media screen and (max-width:1140px) {
	.main_wrap { width: 1140px; margin: 0 auto }
	.l_main { width: 70% }
	.r_main { width: 30%; padding: 0 30px 0 0 }
	.slide_inf .article { width: 100% }
	.slide_inf .article .thumb img { width: 100%; height: auto }
}
@media screen and (max-width:740px) {
	.ranking_content li .thumb img { max-height: 100%; }
	.author_box.page {padding: 15px;}
	.author_profile.author_archive {padding: 0;}
	.profile { width: 100%; line-height: 1.7; font-size: 12px; margin: 0 0 30px }
	.profile tr { padding: 10px; width: 100% }
	.profile th { width: 30%; padding: 10px 0 }
	.profile td { width: 70%; padding: 10px 0 }
	.pr_meta { margin-bottom: 15px; color: #666; font-size: 10px }
	span.pr { border: 1px solid #aaa; padding: 2px 3px; line-height: 1 }
	.footer_container, h3.footer_title { text-align: center }
	.at-gallery h3 { margin-bottom: 15px }
	#content, .l_main, .r_main { position: relative }
	#breadcrumbs.attachment, #breadcrumbs.attachment a, #breadcrumbs.attachment span, .column_slide .slick-slide .cat_link a, p.footer_catch { color: #fff; font-size: 8px; line-height: 1 }
	.attach_title h1 a { font-size: 12px }
	.column_slide .slick-slide h2, .slide_inf .article .txt h2, h3.blue { overflow: hidden; -webkit-box-orient: vertical }
	.main_wrap { width: 100% }
	#attachment { padding: 10px 0 0 }
	.attachment_img { margin-bottom: 10px }
	#attachment .post_share, .attach_box { margin: 0 auto 10px }
	a.btn.attach { margin: 20px auto 30px }
	.loadmore { padding: 0 10px 10px; }
	.attach_box { padding: 0 }
	.attach_box .attach_next, .attach_box .attach_prev { width: 50% }
	.attach_box .attach_next { padding-left: 5px }
	.attach_box .attach_prev { padding-right: 5px }
	.attach_next .attach_thumb a, .attach_prev .attach_thumb a { padding: 0 }
	.attach_prev .attach_thumb { width: 35% }
	.attach_prev .attach_text { width: 65%; font-size: 11px; text-align: center }
	.attach_next .attach_thumb { width: 35% }
	.attach_next .attach_text { width: 65%; font-size: 11px; text-align: center }
	#breadcrumbs.attachment { padding: 0 10px; margin-bottom: 10px }
	iframe { max-width: 100%; min-height: 186px }
	.ranking_content { padding: 0 }
	.slide_inf .article { margin-bottom: 10px; width: 100% }
	.footer_wrap { margin: 0; padding: 40px 10px 0 }
	.footer_column { width: 100%; float: left; margin-bottom: 30px }
	.footer_menu { padding-right: 0 }
	.footer_logo { width: 66px; height: auto; margin: 0 auto 10px }
	p.footer_catch { font-size: 10px; line-height: 16px }
	h3.footer_title { display: block; margin-bottom: 20px }
	ul.footer_menu li.footer_item { width: 33.3333%; font-size: 12px }
	body, footer, header { max-width: 100%; text-rendering: auto; }
	header { padding: 15px 10px }
	.cd-dropdown-trigger .wrap { margin: 10px 10px 0 }
	#menu_icon { top: 5px; left: 0 }
	header .logo { width: 66px; height: 22px }
	#content { width: 100%; margin: 0 auto }
	.l_main { width: 100%; padding: 0 }
	.r_main { width: 100%; padding: 0 10px; margin: 0 }
	.r_main .bnr, .ranking { margin: 0 0 10px }
	.r_main .bnr { width: 100%; height: auto; padding: 0 }
	.main_slidebox { padding: 40px 0 0 }
	#main_slider .slick-slide { margin: 15px; z-index: 2 }
	#main_slider .slick-slide h2 { font-size: 12px; line-height: 20px; height:auto;max-height: 46px; padding: 3px 8px; width: 90%; -webkit-line-clamp: 2; letter-spacing: 0 }
	#main_slider .slick-slide .meta { left: -5px; bottom: -5px; width: 94% }
	.slick-next span:nth-of-type(2), .slick-prev span:nth-of-type(2) { bottom: 16px }
	#main_slider .cat { font-size: 12px; left: 5px; letter-spacing: 0 }
	#main_slider .entry_date { font-size: 12px; right: 5px }
	#main_slider .slick-slide .cat_link { font-size: 10px; padding: 5px 8px }
	#main_slider .slick-slide .score { top: 5px; right: 5px; font-size: 10px; width: 32px; height: 32px }
	.slick-next span:nth-of-type(1), .slick-prev span:nth-of-type(1) { top: 15px }
	.slick-next span, .slick-prev span { width: 30% }
	.slick-next { right: 5px }
	.slick-prev { left: 5px }
	.column_slidebox { padding: 0 0 20px }
	.column_slide .slick-slide { margin: 15px }
	.column_slide .slick-slide h2 { font-size: 12px; line-height: 18px; height: auto; padding: 3px 5px; display: -webkit-box; -webkit-line-clamp: 2 }
	.column_slide .slick-slide .cat_link { font-size: 10px; padding: 3px 5px }
	.column_slide .cat { font-size: 10px; left: 5px; letter-spacing: 0 }
	.column_slide .slick-slide.slick-active .cat { left: 5px; opacity: 1 }
	.column_slide .entry_date { font-size: 10px; right: 5px; letter-spacing: 0 }
	.column_slide .slick-slide.slick-active .entry_date { right: 5px; opacity: 1 }
	.column_slide .slick-slide .entry-date { position: absolute; bottom: 66px; right: 10px; font-size: 10px; color: #fff; padding: 0; display: inline-block; text-align: right; font-weight: 400; line-height: 1; letter-spacing: 1px }
	.column_slide .slick-slide .score { top: 5px; right: 5px; font-size: 10px; width: 32px; height: 32px }
	.column_slide .slick-slide .meta { width: 94%; left: -5px; bottom: -5px; opacity: 1 }
	.content_slide .slick-slide { margin: 10px }
	.content_slide .slick-slide .article:hover .score { background: 0 0 }
	h3.blue { font-size: 14px; line-height: 14px; padding: 20px 10px; display: -webkit-box; -webkit-line-clamp: 1 }
	h3.blue:after, h3.blue:before { height: 15px }
	.slide_inf { position: relative; width: 100%; padding: 10px 10px 0; display: inline-block }
	.slide_inf .article .thumb { position: relative; float: left; width: 50%; height: auto; overflow: hidden }
	.slide_inf .article .txt { float: left; width: 50%; height: auto; padding: 10px 10px 0; border-bottom: none }
	.slide_inf .article .txt .cat_link { font-size: 9px; color: #1a1a1a; padding: 0; display: inline-block; line-height: 11px; letter-spacing: 0; margin-bottom: 5px }
	.slide_inf .article .txt h2 { font-size: 12px; font-weight: 400; letter-spacing: 0; line-height: 18px; padding: 0; height: 54px; display: -webkit-box; -webkit-line-clamp: 3; margin-bottom: 0; overflow: hidden; word-break: break-all; }
	.single_meta { margin-bottom: 0; }
	.article .new { font-size: 10px; line-height: 1; left: 10px; bottom: 5px; top: inherit }
	.article .new:before { right: -25px; top: 4px; width: 20px }
	.content_slide .article .entry_date { font-size: 10px; top: inherit; right: 10px; bottom: 5px }
	.content_slide .article .entry_date:before { left: -25px; top: 4px; width: 20px }
	.content_slide .article .score { justify-content: flex-end; background: 0 0; color: #fff; font-size: 10px; top: 10px; width: 30px; right: 10px; height: 10px; text-align: right; opacity: 1 }
	.score svg { width: 5px; height: 8px }
	#main_slider .score svg, .column_slide .score svg { fill: #1a1a1a }
	#main_slider .slick-slide:hover .score svg, .column_slide .slick-slide:hover .score svg, .yarpp-related .article:hover .score svg, a:hover .score svg, a:hover .slick-slide .score svg { fill: #fff }
	.content_slide .score .count svg { fill: #fff }
	.slide_inf .article .txt h3.desc { display: none }
	.slide_inf .article .thumb img { width: 100%; height: auto; max-height: 122px }
	.ranking_nav .slick-prev { left: 18px }
	.ranking_nav .slick-next { right: 18px }
	#single_content { padding: 62px 0 0 }
	.single_wrap { width: 100%; padding: 0 }
	.single_wrap .l_main { padding: 0 10px }
	.single_img { margin: 0 10px 70px }
	.single_img .cat { font-size: 8px; letter-spacing: 0; left: 10px; line-height: 1 }
	.single_img .cat:before { right: -40px; top: 4px; width: 30px }
	.single_img .entry_date { font-size: 8px; line-height: 1; right: 10px }
	.single_img .entry_date:before { left: -40px; top: 4px; width: 30px }
	.single_img .meta { width: 100%; bottom: -60px; height: 60px }
	.single_img h1 { padding: 5px 10px; line-height: 25px; font-size: 14px; letter-spacing: 0; -webkit-line-clamp: 2; text-align: center; background: rgba(250, 250, 250, .6); height: 60px }
	.single_img h1 a { line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
	.single_img .photo_c { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; bottom: 0; right: 0; color: #fff; font-size: 8px; font-weight: 400; padding: 3px; mix-blend-mode: exclusion; }
	#breadcrumbs { font-size: 8px; margin-bottom: 15px }
	.article_single { background: rgba(250, 250, 250, .9); padding: 20px 10px 10px; margin-bottom: 0 }
	.single_content h2 { position: relative; font-size: 18px; line-height: 1.8; letter-spacing: 0; margin: 25px 0; padding-bottom: 15px; font-weight: 400; text-align: center }
	.single_content h2:before { content: ''; position: absolute; height: 0; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 30px; border-top: 1px solid rgba(0, 0, 0, .99) }
	.single_content h3 { font-size: 16px; line-height: 1.4; letter-spacing: .05px; margin: 20px 0; font-weight: 900; padding-left: 10px }
	.sns_count li a { padding: 10px 0 }
	.article_single .single_content { line-height: 2; font-size: 13px }
	.single_content h2.single_desc { font-size: 12px; line-height: 1.6 }
	.single_content p { line-height: 2; font-size: 12px; letter-spacing: 0; margin-bottom: 15px }
	.single_content p img { margin-bottom: 10px }
	.single_content img { margin-bottom: 20px }
	.single_content .photocredit { font-size: 9px; margin: -5px 0 20px }
	.single_content figure a { display: inline-block }
	.single_content figure a img { margin-bottom: 5px }
	.single_content figure figcaption { font-size: 9px; text-align: left; margin: 0 0 30px; line-height: 1.6 }
	.single_content .txtcredit { font-size: 9px; line-height: 1.5 }
	.single_content .quotecredit { font-size: 9px; line-height: 1.5; margin: 0 0 30px }
	.single_content blockquote p { font-size: 11px; font-style: italic; margin: 0; line-height: 20px }
	blockquote { padding: 20px 20px 20px 60px }
	blockquote:before { left: 16px; top: 14px }
	.contentbox { padding: 20px; margin: 0 0 20px }
	.contentbox p { font-size: 11px; font-style: italic; margin: 0; line-height: 20px }
	blockquote footer, blockquote footer cite { font-size: 11px }
	.pagination { margin: 30px 0 20px }
	.pagination.top { margin: 10px 0 20px }
	a.btn, .single_content button { text-align: center; padding: 13px; font-size: 12px; margin: 10px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 66% }
	a.next { padding: 15px 10px; font-size: 13px; width: 80% }
	a.next .fa { font-size: 13px; line-height: 1; font-weight: 900; margin-right: 8px; padding-top: 0 }
	a.next span { display: block; margin-bottom: 10px; font-size: 13px; line-height: 1 }
	.single_content p > a.btn { margin-bottom: 0 }
	.information { background: rgba(250, 250, 250, .8); padding: 25px 20px 10px; font-size: 13px; margin-bottom: 20px }
	.information h2 { border: none; padding: 0; margin: 0 0 15px; line-height: 1; font-size: 20px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block }
	.information h2:before { content: none }
	.information h3 { border: none; padding: 0; margin: 15px 0; line-height: 1.6; font-size: 14px; text-align: center; letter-spacing: 0 }
	.article_single .single_content .information p { line-height: 1.6; font-size: 9px; margin: 0 0 15px }
	.information .fa { min-width: 13px; text-align: center; margin-right: 8px }
	.information .notes { padding: 5px 0; font-size: 8px; color: #777; line-height: 1.5 }
	.information a.btn { margin: 20px auto 10px; display: block; border-radius: 60px }
	.information .cb-count { font-size: 13px }
	.information .cb-count .fa { min-width: 13px }
	.tag_keyword ul { padding: 0; background: 0 0; margin: 0 }
	.tag_keyword li a { line-height: 10px; padding: 10px 14px 9px 12px; font-size: 10px }
	.tag_list { margin-bottom: 10px; padding: 30px 15px }
	.tag_list ul { padding: 0; background: 0 0; margin-top: 0 }
	.tag_list li a { line-height: 10px; padding: 10px 14px 9px; font-size: 10px }
	.author_box { width: 100%; padding: 15px }
	.post_update_box { width: 100%; padding: 15px }
	.author_box .author_profile p.author_name { font-size: 10px }
	.post_update_box p.update_time { font-size: 8px }
	.author_profile .author_link { display: none }
	.post_push { margin-bottom: 10px }
	.post_share { margin: 0 0 10px }
	.top_ad { margin: 0 10px }
	.bottom_ad { margin: 0 10px 10px }
	.single_ad { margin: 0 0 10px }
	.yarpp-related { margin-bottom: 0 }
	.post_share li a .icon-fb { width: 20%; padding: 8px 3px }
	.post_share li a [class^=icon-] { font-size: 15px }
	.post_share li a .text { width: 80%; padding: 8px 3px; color: #fff; font-size: 8px; font-weight: 700; text-align: center; line-height: 18px }
	.post_share li a .icon-tw { width: 20%; padding: 8px 3px }
	.post_push .image_area { width: 50%; height: auto; min-height: 160px }
	.post_push .txt_area { width: 50%; padding: 10px 5px }
	.post_push .txt_area p { font-size: 11px; margin-bottom: 10px }
	.post_push .txt_area .button { width: 100%; height: auto; line-height: 1; margin-bottom: 10px }
	.post_push .txt_area .txt { font-size: 9px; color: #666 }
	.releasebox { flex-direction: column; margin: 0 }
	.releasebox .image_area { flex-basis: 100% }
	.releasebox .txt_area { flex-basis: 100%; padding: 0; margin: 0 }
	.releasebox .txt_area, .releasebox .txt_area p { color: #333; line-height: 1.5 !important; font-size: 10px !important }
	.releasebox .txt_area .txt { padding: 0; font-size: 8px !important }
	.button img.linebtn { width: 78px }
	.post_share li.fb a { margin-right: 5px }
	.post_share li.tw a { margin-left: 5px }
	.amazonjs_info { margin-bottom: 10px; margin-left: 70px !important }
	.amazonjs_item img { width: 60px; max-width: 60px }
	.amazonjs_info h4 a, .amazonjs_info li { font-size: .9em }
	.amazonjs_item { font-size: 11px }
	.yarpp-related .article .txt { padding: 10px }
	.yarpp-related .article .txt .cat_link { font-size: 12px; margin-bottom: 10px }
	.yarpp-related .article .txt p.relate-title { font-size: 12px; line-height: 20px; height: 40px }
	.yarpp-related .article { width: 210px; max-height: 210px; margin-right: 10px; margin-bottom: 10px }
	.yarpp-related .article .thumb .overlay { height: auto }
	.yarpp-related .article .thumb, .yarpp-related .article .thumb img { width: 100%; max-height: 130px }
	#single_content .r_main { margin: 0; padding: 0 10px }
	#single_content .r_main .bnr, #single_content .r_main .ranking { margin: 0 0 10px }
	.archive_title { margin: 0; width: 100%; padding: 60px 0 0 }
	.archive_title h1 { font-size: 20px; line-height: 20px; padding: 20px 10px }
	.archive_title h1:after, .archive_title h1:before { height: 15px }
	.authors { margin-bottom: 30px }
	.authors_wrap { padding-top: 0 }
	.authors .author-profile { width: 50%; padding: 15px }
	.author-thumbnail { margin-bottom: 15px }
	.author-description h2 .nickname { font-size: 13px; font-weight: 900; text-align: center; color: #fff; line-height: 1; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 }
	p.author-des, p.author-position { font-size: 10px; font-weight: 400; text-align: center; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical }
	p.author-position { line-height: 1; margin-bottom: 15px; -webkit-line-clamp: 1 }
	p.author-des { line-height: 2; margin-bottom: 10px; -webkit-line-clamp: 3; word-break: break-all }
	.backtotop { right: 50%; bottom: 30px; margin-right: -25px }
	.fa-fw, .fa-li { text-align: center }
}
@media only screen and (min-width:768px) {
	.cd-dropdown h2, .cd-dropdown p.nav-title, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 60px; line-height: 60px }
	.cd-dropdown .cd-close { top: 5px }
	.cd-dropdown-content, .cd-dropdown-content ul { padding-top: 60px }
	.cd-dropdown-content a, .cd-dropdown-content ul a { font-size: 1.8rem }
}
@media only screen and (min-width:1024px) {
	.cd-dropdown h2, .cd-dropdown p.nav-title, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px }
	.cd-dropdown { position: fixed; top: 80px; left: 30px; height: auto; width: auto; color: #1a1a1a433; box-shadow: 0 4px 12px rgba(0, 0, 0, .1); opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s 0s; transition: all .3s 0s; }
	.open-to-left .cd-dropdown { right: 0; left: auto }
	.cd-dropdown .cd-close, .cd-dropdown h2, .cd-dropdown p.nav-title { display: none }
	.cd-dropdown.dropdown-is-active { background: rgba(250, 250, 250, .95); height: auto; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .3s 0s; transition: all .3s 0s; top: 80px; left: 30px; }
	.cd-dropdown-content ul { padding: 30px; overflow: visible }
	.cd-dropdown-content a, .cd-dropdown-content ul a { color: #1a1a1a; height: 50px; line-height: 50px; font-size: 16px }
	.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb }
	.cd-dropdown-content .cd-divider+li>a, .cd-dropdown-content ul .cd-divider+li>a { border-top-width: 1px }
	.cd-dropdown-content ul.is-hidden>.cd-divider, .cd-dropdown-content ul.is-hidden>li>.cd-search, .cd-dropdown-content ul.is-hidden>li>a, .cd-dropdown-content ul.move-out>.cd-divider, .cd-dropdown-content ul.move-out>li>.cd-search, .cd-dropdown-content ul.move-out>li>a, .cd-dropdown-content.is-hidden>.cd-divider, .cd-dropdown-content.is-hidden>li>.cd-search, .cd-dropdown-content.is-hidden>li>a, .cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { opacity: 1 }
	.cd-dropdown-content { padding: 10px 30px; overflow: visible; position: static; height: auto; width: 280px }
	.cd-dropdown-content>li:last-of-type a { border-bottom: none }
	.no-touch .cd-dropdown-content>li:not(.has-children) a:hover { color: #999 }
	.cd-dropdown-content.move-out>.cd-divider, .cd-dropdown-content.move-out>li>.cd-search, .cd-dropdown-content.move-out>li>a { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
	.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons, .cd-dropdown-content .cd-secondary-dropdown { -webkit-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: rgba(250, 250, 250, .9); box-shadow: 0 2px 14px rgba(0, 0, 0, .1) }
	.cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after, .cd-dropdown-content .cd-secondary-dropdown::after { clear: both; content: ""; display: table }
	.cd-dropdown-content .cd-dropdown-gallery>.go-back, .cd-dropdown-content .cd-dropdown-icons>.go-back, .cd-dropdown-content .cd-secondary-dropdown>.go-back, .cd-dropdown-content .cd-secondary-dropdown>li>a::after, .cd-dropdown-content .cd-secondary-dropdown>li>a::before, .cd-dropdown-content .cd-secondary-dropdown>li>ul>.go-back { display: none }
	.open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons, .open-to-left .cd-dropdown-content .cd-secondary-dropdown { left: auto; right: 100% }
	.cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden, .cd-dropdown-content .cd-secondary-dropdown.is-hidden { -webkit-transform: translateX(0); transform: translateX(0) }
	.cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in, .cd-dropdown-content .cd-secondary-dropdown.fade-in { -webkit-animation: cd-fade-in .2s; animation: cd-fade-in .2s }
	.cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out, .cd-dropdown-content .cd-secondary-dropdown.fade-out { -webkit-animation: cd-fade-out .2s; animation: cd-fade-out .2s }
	.no-touch .cd-dropdown-content .cd-dropdown-gallery>.see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons>.see-all a:hover, .no-touch .cd-dropdown-content .cd-secondary-dropdown>.see-all a:hover { color: #fff; background-color: #1a1a1a433 }
	.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a, .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a { border: none }
	.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 30px }
	.cd-dropdown-content .cd-dropdown-gallery>.see-all, .cd-dropdown-content .cd-dropdown-icons>.see-all { width: 100% }
	.cd-dropdown-content .cd-dropdown-icons>li { width: 50%; float: left }
	.cd-dropdown-content .cd-secondary-dropdown>li { margin: 10px 0; padding: 0; width: 100%; float: left }
	.cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; width: 275px }
	.cd-dropdown-content .cd-secondary-dropdown>li>a { color: #1a1a1a; font-size: 16px; margin-bottom: 0; line-height: 30px; height: 30px; font-weight: 900 }
	.cd-dropdown-content .cd-secondary-dropdown.move-out>li>a { -webkit-transform: translateX(0); transform: translateX(0) }
	.cd-dropdown-content .cd-secondary-dropdown>li:nth-of-type(2n) { border-right-width: 0 }
	.cd-dropdown-content .cd-secondary-dropdown>li>ul { -webkit-transform: translate(0); transform: translate(0); position: relative; height: auto }
	.cd-dropdown-content .cd-secondary-dropdown a { line-height: 25px; height: 25px; font-size: 1.3rem; padding-left: 0 }
	.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { color: #666 }
	.cd-dropdown-content .cd-secondary-dropdown ul { padding-bottom: 25px; overflow: hidden; height: auto }
	.cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent }
	.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent }
	.cd-dropdown-content .cd-secondary-dropdown .go-back a::after, .cd-dropdown-content .cd-secondary-dropdown .go-back a::before { left: 0 }
	.cd-dropdown-content .cd-secondary-dropdown .see-all { position: absolute; bottom: 0; left: 0; width: 100% }
	.cd-dropdown-content .cd-dropdown-gallery { width: 600px }
	.cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: 100%; margin: 0 0 .6em }
	.cd-dropdown-content .cd-dropdown-icons { width: 600px }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 70px; padding: 0 20px 0 0 }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover img { opacity: .7 }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p.name { color: #1a1a1a; font-weight: 700; padding-bottom: 5px; font-size: 12px }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover p, .cd-dropdown-content>.has-children>a.is-active { color: #999 }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block }
	.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px }
	.cd-dropdown-content>.has-children>ul { visibility: hidden }
	.cd-dropdown-content>.has-children>.cd-secondary-dropdown.is-active>li>ul, .cd-dropdown-content>.has-children>ul.is-active { visibility: visible }
	.cd-dropdown-content>.has-children>a.is-active::after, .cd-dropdown-content>.has-children>a.is-active::before { background: #1a1a1a }
	.cd-search input[type=search] { background-color: rgba(250, 250, 250, 0) }
	.cd-search input[type=search]::-webkit-input-placeholder { color: #333 }
	.cd-search input[type=search]::-moz-placeholder { color: #333 }
	.cd-search input[type=search]:-moz-placeholder { color: #333 }
	.cd-search input[type=search]:-ms-input-placeholder { color: #333 }
	.go-back a::after, .go-back a::before, .has-children>a::after, .has-children>a::before { background: #1a1a1a }
	.open-to-left .cd-dropdown-content>.has-children>a { padding-left: 40px; padding-right: 20px }
	.open-to-left .cd-dropdown-content>.has-children>a::after, .open-to-left .cd-dropdown-content>.has-children>a::before { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; transform-origin: 1px 50% }
	.fa.fa-pull-left, .fa.pull-left { margin-right: .3em }
}


@media only screen and (max-width:768px) {
.cd-dropdown{background:rgba(250,250,250,.98)}
}

@-webkit-keyframes gradientAnimation {0%, 100% {background-position:0 30%, 0 0}50% {background-position:100% 70%, 0 0}}
@keyframes gradientAnimation {0%, 100% {background-position:0 30%, 0 0}50% {background-position:100% 70%, 0 0}}
@-webkit-keyframes cd-fade-in {0% {opacity:0;visibility:visible}100% {opacity:1;visibility:visible}}
@-moz-keyframes cd-fade-in {0% {opacity:0;visibility:visible}100% {opacity:1;visibility:visible}}
@keyframes cd-fade-in {0% {opacity:0;visibility:visible}100% {opacity:1;visibility:visible}}
@-webkit-keyframes cd-fade-out {0% {opacity:1;visibility:visible}100% {opacity:0;visibility:visible}}
@-moz-keyframes cd-fade-out {0% {opacity:1;visibility:visible}100% {opacity:0;visibility:visible}}
@keyframes cd-fade-out {0% {opacity:1;visibility:visible}100% {opacity:0;visibility:visible}}
@-webkit-keyframes fa-spin {0% {-webkit-transform:rotate(0);transform:rotate(0);}100% {-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@keyframes fa-spin {0% {-webkit-transform:rotate(0);transform:rotate(0);}100% {-webkit-transform:rotate(359deg); transform:rotate(359deg);}}