@charset "UTF-8";
/*
Theme Name: Qetic Theme Beta
Version: 7.2
Description: News Media Qetic 
Author: Yuichi Kudo
Author URI: @pbrry
*/

@-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);}}

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; font-size: 100%; vertical-align: baseline; background: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; overflow-y: scroll; height: 100%; background: rgba(0,0,0,0);}
body { line-height: 1; height: 100%; background: rgba(0,0,0,1); font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; word-wrap: break-word; overflow-wrap: break-word; font-feature-settings: 'pkna' 1;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.author_box, blockquote:before, body, input, select { vertical-align: middle }
ins, mark { background-color: #ff9; color: #000 }
ul {font-size:0;}
h1, h2, h3, h4, h5, h6, p, span, a, .single_content { -webkit-font-smoothing: antialiased; }
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: #000; background: 0 0 }
mark { font-style: italic; font-weight: 700 }
strong{ color:#191919; font-weight: 900;}
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
hr { height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding:0;  }
.wpcf7 .selectwrap:after, article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block }
.amazonjs_item .amazonjs_info ul, .post_share ul, .slick-dots, .sns_count ul, .tag_keyword ul, nav ul, ol, ul { list-style: none }
input { font-family: brandon-grotesque, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; font-size: 15px; color: #000 }
.form-select, .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea { width: 100%; padding: 5px 8px; border: 1px solid #fefefe; border-radius: 0; font-size: 16px; color: #333; box-sizing: border-box }
.wpcf7 input.wpcf7-submit { line-height: 1; display: block; width: 100%; margin: 0; padding: 13px 0; -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; text-align: center; border: none; border-radius: 4px; outline: 0; background: #000; color: #fff; font-size: 16px; font-weight: 900 }
.wpcf7 select { z-index: 1; width: 100%!important; height: 40px!important; -webkit-appearance: none!important; padding: 0 13px; line-height: 1; font-size: 16px; box-sizing: border-box; background: #fff; border-radius: 0; border: none }
:after, :before, html { box-sizing: border-box; }
.wpcf7 .selectwrap { position: relative }
.wpcf7 .selectwrap:after { position: absolute; top: 0; right: 13px; bottom: 0; width: 0; height: 0; margin: auto; content: ''; border-width: 8px 5px 0; border-style: solid; border-color: #666 transparent transparent }
#menu_icon, blockquote:before { position: absolute; top: 20px; left: 20px }
header, img { width: 100% }
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}
input[type=text]::-ms-clear {display:none;width:0;height:0}
input[type=text]::-ms-reveal {display:none;width:0;height:0}
input[type="text"]:focus {outline: 0;border: none;}
html.wf-active { visibility: visible }
.cd-dropdown, .clearfix:after, .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden }
:after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
::selection { background: #d8ff20; color: #000 }
img { height: auto; max-width: 100%; vertical-align: bottom; line-height: 0 }
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: ""; content: none }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -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; -webkit-border-radius: 5px; -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: #F6F6F6; background-color: rgba(250,250,250,.8); padding: 30px; margin: 0 0 30px; -webkit-border-radius: 5px; -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-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; content: "\f10d"; color: #DDD; color: rgba(0,0,0,.4); font-size: 30px }
.clearfix:after, header, 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:#191919; font-weight: 900;}
.clearfix {overflow: hidden;zoom: 1;}
.clearfix:after { content: ""; clear: both; height: 0; }
.clear { clear: both }
header { z-index: 10; padding: 30px; position: fixed }
header .logo { margin: 0 auto; padding: 0; width: 90px; height: 30px }
.amazonjs_item .amazonjs_info ul li {line-height: 1.7;}
#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_item .amazonjs_info ul {font-size: 11px; line-height:1.5;}
.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: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.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; }
.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-loading .slick-list { background: url(./ajax-loader.gif) center center no-repeat #fff }
.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%; -o-border-radius: 50%; -ms-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-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.score {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#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!important }
#bg_slider {height: 120vh!important }
#bg_slider .slick-slide {transform: scale3d(1.1, 1.1, 1); position: relative; height: 120vh!important; overflow: hidden }
#bg_slider .slick-slide .bg_cover {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);display: block; height: 120vh!important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
#main_slider .cat { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
#bg_slider .slick-slide .bg_cover .bg_img {opacity:.85; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; background-blend-mode: difference; background-color: #191919; height: 120vh!important; transition: all .2s ease;-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);}
#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 .cat, #main_slider .slick-slide .score .count { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); }
#main_slider .cat { font-family: brandon-grotesque, sans-serif; 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%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50%; z-index: 2 }
#main_slider .cat:before { content: ''; position: absolute; height: 0; right: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(255,255,255,.6) }
#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-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: repeating-linear-gradient(45deg, hsla(60,99%,40%,1), hsla(170,99%,41%,1), hsla(335,100%,41%,1), hsla(271,99%,33%,1)) 0 0/200% no-repeat; background-blend-mode: normal; background-size: cover }
#main_slider .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; -webkit-animation: gradientAnimation 2s linear infinite; animation: gradientAnimation 2s linear infinite }
#main_slider .slick-slide img { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
#main_slider .slick-slide:hover img { opacity: .3; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1) }
#main_slider .slick-slide .meta {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; width: 66.6666%; padding: 0; left: -20px; bottom: -20px; z-index: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; opacity: 1; overflow: hidden }
#main_slider .slick-slide h2 { position: relative; clear: both; padding: 5px 13px; color: #000; line-height: 26px; height: 62px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; background: rgba(250,250,250,.9); letter-spacing: 0; margin-left: -1px }
#main_slider .slick-slide .cat_link, #main_slider .slick-slide .score { font-family: brandon-grotesque, sans-serif; font-weight: 900; line-height: 1 }
#main_slider .slick-slide:hover h2 { background: 0 #000; color: #fff }
#main_slider .slick-slide .cat_link { font-size: 12px; color: #000; letter-spacing: 1px; padding: 8px 13px; position: relative; display: inline-block; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; background: rgba(250,250,250,.9); margin-left: -1px }
#main_slider .slick-slide:hover .cat_link { background: #000; color: #fff }
#main_slider .slick-slide .cat_link a { color: #fff }
#main_slider .slick-slide .score { opacity: 1; position: absolute; display: block; padding: 0; top: 10px; right: 10px; color: #000; background: rgba(250,250,250,.9); font-size: 13px; z-index: 1; width: 42px; height: 42px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
#main_slider .slick-slide:hover .score { color: #fff; background: #000 }
#main_slider .slick-slide .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); letter-spacing: 0 }
#main_slider .slick-slide .score:before { position: absolute; display: none; content: ""; top: 0; left: -32px; z-index: -1; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 16px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
#main_slider .entry_date, .column_slide .cat { opacity: 1; font-family: brandon-grotesque, sans-serif; color: #fff; line-height: 1; display: inline-block; -moz-transition: all .2s ease; z-index: 2; font-size: 16px; font-weight: 900 }
#main_slider .slick-slide:hover .score:before { border-color: #000 #000 transparent transparent }
#main_slider .entry_date:before, .column_slide .cat:before { content: ''; border-top: 1px solid rgba(255,255,255,.6) }
#main_slider .entry_date { right: -15px; letter-spacing: 0; position: absolute; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
#main_slider .entry_date:before { position: absolute; height: 0; left: -35px; top: 7px; width: 30px }
.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 .cat, .column_slide .slick-slide .score .count { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
.column_slide .cat { left: -15px; letter-spacing: 1px; position: absolute; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50% }
.column_slide .cat:before { position: absolute; height: 0; top: 7px; width: 30px; right: -35px }
.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-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: repeating-linear-gradient(45deg, hsla(60,99%,40%,1), hsla(170,99%,41%,1), hsla(335,100%,41%,1), hsla(271,99%,33%,1)) 0 0/200% no-repeat; background-blend-mode: normal }
.column_slide .slick-slide:hover .overlay { -webkit-animation: gradientAnimation 2s linear infinite; animation: gradientAnimation 2s linear infinite; 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 img { z-index: 1; opacity: .9; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.column_slide .slick-slide.slick-active:hover img, .column_slide .slick-slide:hover img { opacity: .3; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1) }
.column_slide .slick-slide .meta {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; width: 96%; padding: 0; left: -20px; bottom: -20px; z-index: 10; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;  overflow: hidden }
.column_slide .slick-slide h2 { position: relative; clear: both; padding: 5px 13px; color: #000; line-height: 26px; height: 62px; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; background: rgba(250,250,250,.9); letter-spacing: 0; margin-left: -1px }
.column_slide .entry_date, .column_slide .slick-slide .cat_link, .column_slide .slick-slide .score { font-family: brandon-grotesque, sans-serif; line-height: 1 }
.column_slide .slick-slide:hover h2 { background: #000; color: #fff }
.column_slide .slick-slide .cat_link { font-size: 12px; font-weight: 900; color: #000; letter-spacing: 1px; padding: 8px 13px; position: relative; display: inline-block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; background: rgba(250,250,250,.9); margin-left: -1px }
.column_slide .slick-slide:hover .cat_link { background: #000; color: #fff }
.column_slide .slick-slide .cat_link a { color: #fff }
.column_slide .slick-slide .score { opacity: 1; position: absolute; display: block; pointer-events: none; padding: 0; top: 10px; right: 10px; color: #000; background: rgba(250,250,250,.9); font-size: 13px; font-weight: 900; z-index: 1; text-align: center; width: 42px; height: 42px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.column_slide .slick-slide:hover .score { color: #fff; background: #000 }
.column_slide .slick-slide .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%); letter-spacing: 0 }
.column_slide .entry_date, .single_wrap .single_img .entry_date, .single_wrap .single_img .score .count { letter-spacing: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
.column_slide .slick-slide .score:before { position: absolute; display: none; content: ""; top: 0; left: -32px; z-index: -1; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 16px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.column_slide .slick-slide:hover .score:before { border-color: #000 #000 transparent transparent }
.column_slide .entry_date { opacity: 0; font-size: 16px; font-weight: 900; color: #fff; position: absolute; display: inline-block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateY(-50%); -ms-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 }
.column_slide .entry_date:before { content: ''; position: absolute; height: 0; left: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(250,250,250,.6) }
#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 .single_bg .bg_cover {display: block; transform: scale3d(1.1, 1.1, 1); height: 120vh!important }
#single_content .single_bg .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); -o-filter: blur(10px); -ms-filter: blur(10px); opacity: .85; background-blend-mode: difference; background-color: #191919; height: 120vh!important;}
.single_wrap { position: relative; width: 1140px; margin: 0 auto; display: block; padding: 90px 0 0; clear: both }
.single_wrap .single_img { position: relative; margin-bottom: 0; max-width: 100%; line-height: 0 }
.single_wrap .single_img img { width: 100%; max-width: 100%; height: auto; max-height: 100%; line-height: 0 }
.single_wrap .single_img .meta { position: absolute; width: 66.6666%; padding: 0; left: 0; bottom: 0; z-index: 2; opacity: 1; overflow: hidden }
#breadcrumbs { font-size: 12px; 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 ;}
.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% }
.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; float: left; 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: 16px 0; -webkit-transition: .3s all ease; -transition: .3s all ease; transition: .3s all ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.sns_count li a [class^=icon-] { font-size: 18px }
.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 }
.single_wrap .single_img h1 { font-family: YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; position: relative; clear: both; padding: 10px 20px; color: #000; line-height: 2; font-size: 20px; letter-spacing: 1px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; 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;
}
.single_wrap .single_img .cat_link, .single_wrap .single_img .score { font-family: brandon-grotesque, sans-serif; color: #000; font-weight: 900 }
.single_wrap .single_img .cat_link { font-size: 14px; line-height: 1; letter-spacing: 1px; padding: 8px 13px; position: relative; display: inline-block; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; 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_wrap .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,.99) }
.single_wrap .single_img .score { opacity: 1; position: absolute; display: block; padding: 0; top: 10px; right: 10px; background: rgba(250,250,250,.9); font-size: 13px; line-height: 1; z-index: 1; width: 42px; height: 42px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.single_wrap .single_img .photo_c { opacity: 1; position: absolute; bottom: 10px; right: 10px; display: block; color: #000; font-size: 10px; font-weight: 900; background: rgba(250,250,250,.6); line-height: 1; padding: 8px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.single_wrap .single_img .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%) }
.single_wrap .single_img .score:before { position: absolute; display: none; content: ""; top: 0; left: -32px; z-index: -1; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.single_wrap .single_img .cat, .single_wrap .single_img .entry_date { font-family: brandon-grotesque, YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif; font-size: 18px; color: #fff; display: inline-block; z-index: 2; font-weight: 900; line-height: 1 }
.single_wrap .single_img .cat:before, .single_wrap .single_img .entry_date:before { content: ''; position: absolute; height: 0; width: 50px; border-top: 1px solid rgba(255,255,255,.6) }
.author_box, .single_wrap .single_img .entry_date { -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
.single_wrap .single_img .entry_date { position: absolute; transition: all .2s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50%; right: 20px }
.single_wrap .single_img .entry_date:before { left: -60px; top: 9px }
.single_wrap .single_img .cat { opacity: 1; letter-spacing: 1px; position: absolute; left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.single_wrap .single_img .cat:before { right: -60px; top: 9px }
.article_single, .author_box { width: 100%; padding: 30px; margin-bottom: 0; position: relative }
.article_single { background: rgba(250,250,250,.9) }
.at-gallery { position:relative; padding-top:30px;}
.at-gallery h3{position:relative;font-family: brandon-grotesque, sans-serif;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 #191919;}
.at-gallery h3:before {left:50%; margin-left: -120px;}
.at-gallery h3:after {right:50%; margin-right: -120px;}
.at-gallery a { padding:2px; display:inline-block; position: relative; width: 70px; box-sizing: border-box;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;transition: all .1s ease;}
.at-gallery a img {width: 100%; height: auto;}
.at-gallery a:hover img {}
.at-gallery a:after {display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.at-gallery a:hover:after {mix-blend-mode: exclusion; background: linear-gradient(45deg, #a73dbd, #f7ab8d);}
.author_box { display: table; background: rgba(250,250,250,.4); transition: all .2s ease }
.author_box.page, h3.author_title { margin-bottom: 30px }
.author_box .author_img a img, h3.author_title span { -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
.author_box:hover { background: rgba(250,250,250,.7) }
h3.author_title { text-align: center }
h3.author_title span { font-size: 18px; font-weight: 900; text-align: center; color: #000; line-height: 1; letter-spacing: 0; transition: all .2s ease; 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_box .author_img { display: table-cell; width: 13%; vertical-align: top }
.author_box .author_img a { display: inline-block }
.author_box .author_img a img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 100%; height: auto; opacity: 1; transition: all .2s ease }
.author_box .author_img a:hover img { opacity: .6 }
.author_box .author_profile { display: table-cell; width: 87%; vertical-align: top; padding-left: 30px }
.author_box .author_profile h4.author_name { font-size: 16px; font-weight: 900; text-align: left; color: #000; line-height: 1; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.author_box .author_profile h4.author_name a { color: #000 }
.author_box .author_profile h4.author_name a:hover { text-decoration: underline }
.author_box .author_profile .author_position {height:10px; font-size: 10px; font-weight: 400; text-align: left; color: #333; line-height: 1; margin-bottom: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.author_box .author_profile .author_txt {position: relative;height: 48px; font-size: 10px; text-align: left; color: #222; line-height: 16px; margin-bottom: 13px;display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden;-webkit-box-orient: vertical; width:100%;}
.author_profile .author_link { text-align: right }
.author_profile .author_link a { font-size: 12px; font-weight: 900; text-align: right; color: #000; line-height: 1 }
.author_profile .author_link a span { position: relative }
.author_profile .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); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.author_profile .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 ul 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_profile ul li a { display: block; width: 100%; height: 100%; font-size: 16px; padding: 10px 0 5px }
.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-family: Roboto, sans-serif; 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; -webkit-transition: .3s all ease; -transition: .3s all ease; transition: .3s all ease }
.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 [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; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; 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%); -ms-transform: translateX(-50%) }
.post_push .txt_area .txt { font-size: 10px; color: #666 }

.releasebox { position: relative; margin-bottom: 0; box-sizing: border-box; display: table; width: 100% }
.releasebox .image_area { width: 30%; min-height: 200px; display: table-cell; }
.releasebox .image_area a img{margin:0;}
.releasebox .txt_area { width: 70%; display: table-cell; padding: 0 0 0 30px; text-align: left; vertical-align: top; }
.releasebox .txt_area, .releasebox .txt_area p { color: #333; line-height: 1.4; font-size: 10px; font-weight: 900;}
.releasebox .txt_area .txt {padding-top:15px; font-size: 10px; color: #797979; line-height:1.4; }
.releasebox .txt_area .txt p {padding:0px; margin-bottom:3px!important; font-size: 10px!important; color: #797979; line-height:1.4!important; }

.article_single .single_content { font-family: YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; color: #000; 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; -webkit-transition: .2s all ease; -transition: .2s all ease; transition: .2s all ease; font-family: brandon-grotesque, sans-serif; background: #191919; color: #fff }
.pagination a {display:inline-block; }
.pagination a span.c-page {background: #fff; color: #191919 }
.pagination a:hover span.c-page { background: #191919; color: #fff }
.tag_keyword { width: 100%; display: block; }
.tag_keyword ul {margin:5px 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_keyword ul li { display: inline-block; margin: 0; padding: 0;}
.tag_keyword ul li a {margin: 5px 5px 5px 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; -webkit-transition: all .2s; transition: all .2s; font-weight: 900; background: linear-gradient(45deg,rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.2) 60%);}
.wp-pagenavi .previouspostslink:before { font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale }
.tag_keyword ul li:nth-child(even) a {}
.tag_keyword ul li a:before {font: normal normal normal 10px/1 FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale; margin-right: 4px; content: "\f02b"; display: inline-block; font-size: inherit; -webkit-font-smoothing: antialiased;}
.tag_keyword ul 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 {font-family: brandon-grotesque, sans-serif; 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 ul li { display: inline-block; margin: 0; padding: 0;}
.tag_list ul 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 13px; color: #fff; font-size: 10px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; font-weight: 900; background: linear-gradient(45deg,rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.2) 60%);}
.tag_list ul li:nth-child(even) a {}
.tag_list ul li a:before {font: normal normal normal 10px/1 FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale; margin-right: 2px; content: "\f292"; display: inline-block; font-size: inherit; -webkit-font-smoothing: antialiased;}
.tag_list ul 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; font-weight: 400; 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; font-family: YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; 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 #000 }
.article_single .single_content p { font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif!important; color: #191919; line-height: 1.8; font-size: 15px; letter-spacing: .05px; margin-bottom: 20px; word-break: break-all;}
.article_single .single_content p:empty {display:none;}
.article_single .single_content a {position:relative; text-decoration: underline; }
.article_single .single_content strong a {text-decoration: none; }
a.btn, a.btn:hover {border:none; text-decoration: none!important }
.article_single .single_content p img { max-width: 100%; display: block; line-height: 0; font-size: 0; letter-spacing: 0; margin-bottom: 30px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }
.slide_inf .article { -webkit-transition: all .2s ease; -moz-transition: all .2s easee; transition: all .2s ease; }
.article_single .single_content p a[rel*="attachment"] img {margin-bottom: 0;}
.information p a[rel*="attachment"] {margin-bottom: 15px;}

.article_single .single_content img:hover, .article_single .single_content p img:hover { box-shadow: 0 0 3px rgba(0,0,0,.5) }
.article_single .single_content img { margin-bottom: 30px }
.article_single .single_content a[rel*="attachment"] {display:inline-block;font-size: 0;line-height: 0;vertical-align: bottom;}
.article_single .single_content a[href*="attachment"]:before {opacity:0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; position: absolute; bottom: 20px; right: 20px; content: "\f00e"; display: block;font: normal normal normal 18px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; z-index: 2;}
.article_single .single_content a:hover[href*="attachment"]:before {opacity:1;}
 
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 }
a.btn, .single_content button {text-decoration: none; border:none; text-align: center; padding: 18px; font-weight: 900; font-size: 14px!important; color: #fff; background: rgba(0,0,0,.9); margin: 0 auto 15px; letter-spacing: 0; box-sizing: border-box; cursor: pointer; width: 38%; line-height: 1; overflow: hidden; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all .3s ease; 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!important; 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;}
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: 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; -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
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 { font-size: 13px; line-height: 1; font-weight: 900; margin-right: 8px; padding-top: 0 }
.article_single .single_content .txtcredit { font-size: 12px; text-align: right; margin: 0; line-height: 1.6 }
.article_single .single_content .quotecredit { font-size: 12px; text-align: right; margin: 0 0 30px; line-height: 1.6 }
.article_single .single_content h3.report { font-size: 18px; line-height: 2; border: none; text-align: center; padding: 0 0 30px; margin: 0 }
.article_single .single_content .photocredit { font-size: 11px; text-align: left; margin: -20px 0 40px; line-height: 1.5 }
.article_single .single_content figure p {margin:0; line-height:0; font-size:0;}
.article_single .single_content figure a {display:inline-block;}
.article_single .single_content figure a img {margin-bottom:10px;}
.article_single .single_content figure figcaption { font-size: 11px; text-align: left; margin: 3px 0 40px; line-height: 1.5 }
.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; font-family: brandon-grotesque, sans-serif }
.information h2 { line-height: 1; font-size: 20px; font-weight: 900 }
.information h2:before { content: none }
.information h3 { line-height: 1.5; font-size: 16px; text-align: center; font-family: YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; 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 ul li { margin-bottom: 10px; display: flex }
.information ul 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; transition: all .2s ease }
.author-thumbnail a img { -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%; transition: all .2s ease }
.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:100px; height:auto;}
.at-gallery.gallery a:hover {}
.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; font-family: brandon-grotesque, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif; 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(255,255,255,0); border-left-color: rgba(255,255,255,.6); transform: translateX(-50%) }
.archive_title h1:after { bottom: 0; border: 1px solid rgba(255,255,255,0); border-left-color: rgba(255,255,255,.6); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.authors_wrap { width: 100%; padding-top: 30px }
.authors { overflow: hidden; width: 100%; margin-bottom: 60px }
.authors .author-profile { float: left; width: 20%; padding: 15px }
.author-thumbnail { margin-bottom: 15px }
.author-thumbnail a { display: block; width: 100%; height: auto; cursor: pointer }
.author-thumbnail a img { border-radius: 50%; width: 100%; height: auto; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.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 .slick-slide .article .entry_date, .slick-slide .article .new { font-size: 16px; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  letter-spacing: 0; z-index: 2; opacity: 1 }
.content_slide .slick-slide .article .entry_date, .content_slide .slick-slide .article .score, .slick-slide .article .new, .slide_inf .article .txt .cat_link {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-family: brandon-grotesque, sans-serif; font-weight: 900;}
.content_slide { width: 100% }
.content_slide .slick-slide { width: 100%; margin: 30px }
#content_box { position: relative; width: 100%; padding: 0 }
.nav_slide.slick-slider { margin-bottom: 10px; z-index: 2 }
.slide_inf { position: relative; width: 100%; padding: 0; display: inline-block }
.slide_inf .article { position: relative; width: 100%; margin-bottom: 30px; display: inline-block; clear: both; float: right; transition: all .1s ease; background: rgba(250,250,250,.85); z-index: 2 }
.content_slide .slick-slide .article .entry_date:before, .slick-slide .article .new:before { content: ''; height: 0; width: 30px; border-top: 1px solid rgba(255,255,255,.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 }
.slick-slide .article .new { line-height: 1; position: absolute; display: inline-block; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50% }
.slick-slide .article .new:before { right: -35px; top: 7px }
.content_slide .slick-slide .article .entry_date { line-height: 1; position: absolute; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50%; right: -10px }
.content_slide .slick-slide .article .entry_date:before { left: -35px; top: 7px }
.recommend_slide .slick-slide .score:before, .yarpp-related .article .score:before { border-color: #fff #fff transparent transparent; content: "" }
.content_slide .slick-slide .article .score { opacity: 1; position: absolute; display: block; pointer-events: none; padding: 0; top: 10px; right: 10px; color: #000; background: #fff; font-size: 13px; line-height: 1; z-index: 1; text-align: center; width: 42px; height: 42px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.content_slide .slick-slide .article:hover .score { color: #fff; background: #000 }
.content_slide .slick-slide .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0 }
.content_slide .slick-slide .score:before { position: absolute; display: none; content: ""; top: 0; left: -32px; z-index: -1; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 16px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.content_slide .slick-slide:hover .score:before { border-color: #000 #000 transparent transparent }
.slide_inf .article .thumb { position: relative; float: left; 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) }
.slide_inf .article .thumb img {width:370px; height:229px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.slide_inf .article:hover .thumb img { mix-blend-mode: darken; -webkit-filter: grayscale(100%) contrast(1.3); filter: grayscale(100%) contrast(1.3) }
.slide_inf .article .thumb .overlay { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear }
.slide_inf .article:nth-child(even) .thumb { float: right }
.slide_inf .article .txt { position: relative; float: left; width: 50%; padding: 30px 30px 0; height: auto }
.slide_inf .article:nth-child(even) .txt { float: right }
.slide_inf .article .txt .cat_link { font-size: 13px; color: #000; padding: 0; display: inline-block; line-height: 1; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; 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; font-family: brandon-grotesque, "Helvetica Neue", Helvetica, Arial, sans-serif }
.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: #000; font-weight: 900; margin-bottom: 24px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.slide_inf .article .txt h2 a { color: #000 }
.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: 11px; line-height: 18px; height: 54px; -webkit-line-clamp: 3; color: #4a4a4a; font-weight: 400; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.loadmore a, .yarpp-related .article { -webkit-transition: all .3s ease; -moz-transition: all .3s ease }
.slide_inf .article:hover .txt h3.desc p { color: #fff }
.loadmore, .loadmore a { font-weight: 900; color: #000; letter-spacing: 1px; text-align: center; font-family: brandon-grotesque, sans-serif; font-size: 16px }
.loadmore a { background: rgba(250,250,250,.8); padding: 20px; display: block; transition: all .3s ease }
.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_item .amazonjs_info { display: block }
.amazonjs_item .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 ul li, .thumb:after, .yarpp-related .article .txt:after { clear: both }
.amazonjs_item .amazonjs_info ul { margin: 0; padding: 0 }
.amazonjs_item .amazonjs_info ul li { list-style: none; line-height: 1.5em; font-size: 1em; margin: 0; padding: 0 }
.amazonjs_item .amazonjs_info ul li b { margin-right: .5em; color: #555; font-weight: 400 }
.amazonjs_item .amazonjs_info .amazonjs_price { color: #900 }
.amazonjs_item .amazonjs_info .amazonjs_price span { color: #666; margin-left: .5em }
.amazonjs_item .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 ul li, .amazonjs_music .amazonjs_info ul li { line-height: 1.6em }
.yarpp-related { width: 100%; padding: 0; position: relative; margin-bottom: 0; display: table; vertical-align: middle; }
.yarpp-related h3, .yarpp-related h3 span:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) }
.yarpp-related h3 { text-align: center; margin-bottom: 20px; opacity: 1; font-family: brandon-grotesque, sans-serif; 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(255,255,255,0); border-left-color: rgba(255,255,255,.6); transform: translateX(-50%) }
.slick-current h3.blue:before, .yarpp-related h3 span:after { border: 1px solid rgba(255,255,255,0); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) }
.yarpp-related h3 span:after { bottom: 0; border-left-color: rgba(255,255,255,.6); transform: translateX(-50%) }
.yarpp-related .article { position: relative; width: 33.3333%; display: inline-block; transition: all .3s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); touch-action: auto }
.yarpp-related .article .thumb { position: relative; float: left; width: 100%; height: auto; overflow: hidden }
.yarpp-related .article .thumb img { opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.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; font-family: brandon-grotesque, "Helvetica Neue", Helvetica, Arial, sans-serif }
.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,.6) }
.yarpp-related .article .txt { position: relative; float: left; width: 100%; padding: 20px; height: auto; background: rgba(250,250,250,.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.yarpp-related .article:nth-child(even) .txt { background: rgba(250,250,250,.5) }
.yarpp-related .article:hover .txt { background: rgba(0,0,0,.9) }
.yarpp-related .article .txt .cat_link { height: 10px; font-family: brandon-grotesque, sans-serif; font-size: 12px; font-weight: 900; color: #000; padding: 0; line-height: 1; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.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 .entry-date { position: absolute; top: 30px; right: 30px; font-size: 12px; color: #9DA8B0; padding: 0; display: inline-block; text-align: right; font-weight: 700; line-height: 1; letter-spacing: .5px; font-family: brandon-grotesque, proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif }
.yarpp-related .article .txt p.relate-title { font-size: 13px; line-height: 26px; height: 52px; display: -webkit-box; color: #000; letter-spacing: 0; font-weight: 900; margin-bottom: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.recommend_slide .cat, .yarpp-related .article .entry_date, .yarpp-related .article .score { font-family: brandon-grotesque, sans-serif; font-weight: 900; line-height: 1 }
.yarpp-related .article .txt p.relate-title a { color: #000 }
.yarpp-related .article:hover .txt p.relate-title, .yarpp-related .article:hover .txt p.relate-title a { color: #fff }
.yarpp-related .article .entry_date { opacity: 1; font-size: 16px; color: #fff; letter-spacing: 0; position: absolute; display: inline-block; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: -20px; z-index: 2 }
.recommend_slide .slick-slide .score, .yarpp-related .article .score { pointer-events: none; right: 10px; font-size: 13px; text-align: center; -moz-border-radius: 50%; -ms-border-radius: 50% }
.yarpp-related .article .entry_date:before { content: ''; position: absolute; height: 0; left: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(255,255,255,.6) }
.yarpp-related .article .score { opacity: 1; position: absolute; display: block; padding: 0; top: 10px; color: #000; background: rgba(250,250,250,.9); z-index: 1; width: 42px; height: 42px; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.recommend_slide, .recommend_slidebox { width: 100%; height: auto }
.yarpp-related .article:hover .score { color: #fff; background: #000 }
.yarpp-related .article .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0 }
.yarpp-related .article .score:before { position: absolute; display: none; top: 0; left: -32px; z-index: -1; border-style: solid; border-width: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.yarpp-related .article:hover .score:before { border-color: #000 #000 transparent transparent }
.recommend_slidebox { padding: 0 0 30px }
.recommend_slide .slick-slide { margin: 30px; position: relative; transform: scale3d(1, 1, 1) }
.recommend_slide .cat, .recommend_slide .slick-slide .score .count { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  }
.recommend_slide .cat { opacity: 0; font-size: 16px; color: #fff; letter-spacing: 1px; position: absolute; display: inline-block; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; left: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  top: 50%; z-index: 2 }
.recommend_slide .cat:before { content: ''; position: absolute; height: 0; right: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(255,255,255,.6) }
.recommend_slide .slick-slide.slick-active .cat { left: -15px; opacity: 1 }
.recommend_slide .slick-slide .overlay, .recommend_slide .slick-slide a.mask { width: 100%; height: 100%; background-size: cover; background-position: center center; top: 0; left: 0; position: absolute }
.recommend_slide .slick-slide a.mask { display: block }
.recommend_slide .slick-slide .overlay { opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: repeating-linear-gradient(45deg, hsla(60,99%,40%,1), hsla(170,99%,41%,1), hsla(335,100%,41%,1), hsla(271,99%,33%,1)) 0 0/300% no-repeat; background-blend-mode: normal; -webkit-animation: gradientAnimation 3s linear infinite; animation: gradientAnimation 3s linear infinite }
.recommend_slide .slick-slide .cat_link, .recommend_slide .slick-slide h2 { background-image: linear-gradient(to right, rgba(250,250,250,.9) 50%, rgba(0,0,0,.01) 50%); margin-left: -1px }
.recommend_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: exclusion }
.recommend_slide .slick-slide img { opacity: .9; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.recommend_slide .slick-slide.slick-active:hover img, .recommend_slide .slick-slide:hover img { opacity: .3; -webkit-transform: scale3d(1.02, 1.02, 1); transform: scale3d(1.02, 1.02, 1) }
.recommend_slide .slick-slide.slick-active img { opacity: 1 }
.recommend_slide .slick-slide .meta { position: absolute; width: 96%; padding: 0; left: -20px; bottom: 20px; z-index: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden }
.recommend_slide .slick-slide.slick-active .meta { bottom: -20px; opacity: 1 }
.recommend_slide .slick-slide h2 { position: relative; clear: both; padding: 5px 13px; color: #000; line-height: 26px; height: 62px; font-size: 16px; display: -webkit-box; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; background-position: 0 0; background-size: 200% auto; letter-spacing: 0 }
.recommend_slide .entry_date, .recommend_slide .slick-slide .cat_link, .recommend_slide .slick-slide .score { font-weight: 900; line-height: 1; font-family: brandon-grotesque, sans-serif }
.recommend_slide .slick-slide .cat_link:before, .recommend_slide .slick-slide h2:before { content: ''; z-index: -1; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.99) }
.recommend_slide .slick-slide:hover h2 { background-position: 100% 0; color: #fff }
.recommend_slide .slick-slide h2:before { width: 0; position: absolute; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease }
.recommend_slide .slick-slide:hover h2:before { width: 100% }
.recommend_slide .slick-slide .cat_link { font-size: 12px; color: #000; letter-spacing: 1px; padding: 8px 13px; position: relative; display: inline-block; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; background-position: 0 0; background-size: 200% auto }
.recommend_slide .slick-slide:hover .cat_link { background-position: 100% 0; color: #fff }
.recommend_slide .slick-slide .cat_link a { color: #fff }
.recommend_slide .slick-slide .cat_link:before { width: 0; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.recommend_slide .slick-slide:hover .cat_link:before { width: 100% }
.recommend_slide .slick-slide .score { opacity: 0; position: absolute; display: block; padding: 0; top: 10px; color: #000; background: rgba(250,250,250,.9); z-index: 1; width: 42px; height: 42px; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.recommend_slide .slick-slide:hover .score { color: #fff; background: #000 }
.recommend_slide .slick-slide.slick-active .score { opacity: 1 }
.recommend_slide .slick-slide .score .count { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);  letter-spacing: 0 }
.recommend_slide .slick-slide .score:before { position: absolute; display: none; top: 0; left: -32px; z-index: -1; border-style: solid; border-width: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.recommend_slide .slick-slide:hover .score:before { border-color: #000 #000 transparent transparent }
.recommend_slide .entry_date { opacity: 0; font-size: 16px; color: #fff; letter-spacing: 0; position: absolute; display: inline-block; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 15px; z-index: 2 }
.ranking h3.title, h3.blue { color: #fff; letter-spacing: 1px; font-weight: 900; text-align: center }
.recommend_slide .slick-slide.slick-active .entry_date { right: -15px; opacity: 1 }
.recommend_slide .entry_date:before { content: ''; position: absolute; height: 0; left: -35px; top: 7px; width: 30px; border-top: 1px solid rgba(255,255,255,.6) }
h3.blue { font-family: brandon-grotesque, sans-serif; font-size: 20px; line-height: 20px; margin: 0; padding: 30px 0; position: relative; opacity: .6; cursor: pointer;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-current h3.blue:after, .slick-current h3.blue:before { content: ""; position: absolute; left: 50%; height: 25px; width: 0; z-index: 10 }
.slick-current h3.blue { color: #fff; font-weight: 900; opacity: 1 }
.slick-current h3.blue:before { top: 0; border-left-color: rgba(255,255,255,.6); transform: translateX(-50%) }
.slick-current h3.blue:after, .slick-current h4.rankt:before { border: 1px solid rgba(255,255,255,0); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%) }
.slick-current h3.blue:after { bottom: 0; border-left-color: rgba(255,255,255,.6); transform: translateX(-50%) }
.ranking, .ranking_nav { width: 100%; position: relative }
.ranking a[class^="cat-id"] {font-family: brandon-grotesque; 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 15px; 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 { font-family: brandon-grotesque, sans-serif; display: block; font-size: 22px; line-height: 22px; margin-bottom: 15px }
.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; font-family: brandon-grotesque, sans-serif; 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(255,255,255,.6); transform: translateX(-50%) }
.slick-current h4.rankt:after { bottom: 0; border: 1px solid rgba(255,255,255,0); border-left-color: rgba(255,255,255,.6); -webkit-transform: translateX(-50%); -ms-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 }
.ranking_content ul.wpp-list { padding: 15px; counter-reset: rankingcounter }
.ranking_content ul li { width: 100%; margin-bottom: 0; display: inline-block; position: relative }
.ranking_content ul li .wrap { width: 100%; height: 100%; overflow: auto; position: relative; background: rgba(250,250,250,.1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease }
.ranking_content ul li:hover .wrap { background: rgba(0,0,0,.9) }
.ranking_content ul li:last-child { margin-bottom: 0 }
.ranking_content ul 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-family: brandon-grotesque; font-weight: 900; z-index: 3; font-style: italic; left: -20px; width: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.ranking_content ul li .thumb .count, .ranking_content ul li .txt .cat_link a, h3.footer_title, ul.footer_menu li.footer_item { font-family: brandon-grotesque, sans-serif }
.ranking_content ul li .thumb { width: 50%; height: auto; float: left; position: relative }
.ranking_content ul li .thumb .overlay { width: 100%; height: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); background: repeating-linear-gradient(45deg, #CBCB01, #01D0AE, #D10057, #5701A7) 0 0/100% no-repeat; background-blend-mode: normal }
.rank_more a .more_txt, .rank_more a .more_txt:before { -webkit-transition: all .2s ease; -moz-transition: all .2s ease }
.ranking_content ul li:hover .thumb .overlay { opacity: .4; background-blend-mode: difference }
.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 ul li:nth-child(even) .thumb { float: right }
.ranking_content ul 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 ul 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%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.ranking_content ul li .txt { width: 50%; height: auto; float: left; padding: 13px 13px 0; overflow: hidden;}
.ranking_content ul li:nth-child(even) .txt { float: right }
.ranking_content ul li .txt h3, .txt .rank-title { font-size: 10px; line-height: 15px; height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #fff; letter-spacing: 0; font-weight: 900; margin-bottom: 0; word-break: break-all }
.txt .rank-category {font-family: brandon-grotesque; 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 ul 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: 14px; color: #fff; letter-spacing: .5px; line-height: 1; padding: 20px 20px; font-weight: 900; text-align: center; display: block }
.rank_more a .more_txt { position: relative; transition: all .2s ease }
.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(255,255,255,.6) }
.rank_more a .more_txt:before { left: -25px; transition: all .2s ease }
.rank_more a .more_txt:after { right: -25px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease }
.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 }
.footer_menu { padding-right: 30px }
p.footer_catch { color: #fff; font-size: 11px; 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_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 }
.footer_container { width: 100%; margin: 0; padding: 0 }
ul.footer_menu { 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 }
ul.footer_menu li.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 }
ul.footer_menu li.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; transition: all .2s; 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: #000; 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!important; margin: 0 5px 10px; -webkit-transition: .5s all ease; -transition: .5s all ease; transition: .5s all ease; font-family: Montserrat, sans-serif; width: 40px; text-align: center; vertical-align: middle; padding: 12px 0 }
.cd-dropdown-trigger, .cd-dropdown-trigger .wrap, .cd-dropdown-trigger span { transition: all .2s; box-sizing: border-box; display: inline-block }
.wp-pagenavi .previouspostslink:before { display: inline-block; font-size: inherit; -webkit-font-smoothing: antialiased; content: "\f060" }
.wp-pagenavi .nextpostslink:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f061" }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #000; 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%); -ms-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: #000; 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 ul 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: #000; color: #fff; pointer-events: auto; -webkit-transition: color .2s, background-color .2s; -moz-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 h2, .cd-dropdown p.nav-title { height: 62px }
.cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px }
.cd-dropdown { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(250,250,250,.9); color: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .5s 0s, visibility 0s .5s; -moz-transition: -moz-transform .5s 0s, visibility 0s .5s; transition: transform .5s 0s, visibility 0s .5s }
.cd-dropdown h2, .cd-dropdown p.nav-title { position: relative; z-index: 1; color: #000; font-family: brandon-grotesque, sans-serif; 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: #000 }
.cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-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); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg) }
.cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s 0s, visibility 0s 0s; -moz-transition: -moz-transform .5s 0s, visibility 0s 0s; transition: transform .5s 0s, visibility 0s 0s }
.cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; padding: 62px 15px 0 }
.cd-dropdown-content a, .cd-dropdown-content ul a { font-family: brandon-grotesque, sans-serif; display: block; color: #000; 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 ul 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 ul 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 ul 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); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity .3s, -webkit-transform .3s; -moz-transition: opacity .3s, -moz-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%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-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%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-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 {font-family: YuGothic, 'Yu Gothic', '游ゴシック体', '游ゴシック', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, sans-serif!important; 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%; -moz-border-radius: 50%; border-radius: 50%; float: left }
.cd-search input[type=search] { width: 100%; height: 50px; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; color: #000; border: none; background: rgba(250,250,250,0); border-bottom: 1px solid #000; font-family: brandon-grotesque, sans-serif; border-radius: 0; font-size: 16px }
.cd-search input[type=search]::-webkit-input-placeholder {
color:#000
}
.cd-search input[type=search]::-moz-placeholder {
color:#000
}
.cd-search input[type=search]:-moz-placeholder {
color:#fff
}
.cd-search input[type=search]:-ms-input-placeholder {
color:#000
}
.cd-search input[type=search]:focus { color: #000; 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: #000; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.go-back a::before, .has-children>a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.go-back a::after, .has-children>a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-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%; -moz-transform-origin: 11px 50%; -ms-transform-origin: 11px 50%; -o-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%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-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); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-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%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 60px; border-top: 1px solid #000 }
span.colorline { font-weight: 700; background: linear-gradient(transparent 70%, #b5ff17 70%) }

@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) {
.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 a {width:20%; }
.at-gallery.gallery {margin-bottom:10px; padding:0;}
.at-gallery.gallery a {width: 20%; padding:2px;}
.at-gallery.gallery a img {padding:0;}
.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 }
.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: 0px }
.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 { 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: 11px }
body, footer, header{ max-width: 100%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
header { padding: 20px 10px }
#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 }
#single_content .single_bg .bg_img {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#bg_slider .slick-slide .bg_cover .bg_img {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.main_slidebox { padding: 40px 0 0 }
#main_slider .slick-slide { margin: 20px; z-index: 2 }
#main_slider .slick-slide h2 { font-size: 12px; line-height: 20px; height: 46px; padding: 3px 8px; width: 90%; -webkit-line-clamp: 2; letter-spacing: 0 }
#main_slider .slick-slide .meta { left: -10px; bottom: -10px; width: 90% }
.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 .cat:before { right: -40px; top: 5px; width: 30px }
#main_slider .entry_date { font-size: 12px; right: 5px }
#main_slider .slick-slide .cat_link { font-size: 10px; padding: 5px 8px }
#main_slider .entry_date:before { left: -40px; top: 5px; width: 30px }
#main_slider .slick-slide .score { top: 5px; right: 5px; font-size: 10px; width: 36px; height: 36px }
.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: 11px; line-height: 18px; height: 42px; 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 .cat:before { right: -25px; top: 4px; width: 20px }
.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 .entry_date:before { left: -25px; top: 5px; width: 20px }
.column_slide .slick-slide .score { top: 5px; right: 5px; font-size: 11px; width: 36px; height: 36px }
.column_slide .slick-slide .meta { width: 90%; left: -10px; bottom: -10px; 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 }
.slick-current h3.blue:after, .slick-current h3.blue:before { height: 15px }
.slide_inf { position: relative; width: 100%; padding: 0; display: inline-block }
.slide_inf .article { margin-bottom: 10px }
.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: #000; padding: 0; display: inline-block; line-height: 11px; letter-spacing: 0; margin-bottom: 10px }
.slide_inf .article .txt h2 { font-size: 10px; letter-spacing: 0; line-height: 18px; height: 36px; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 0 }
.slick-slide .article .new { font-size: 10px; line-height: 1; left: 10px; bottom: 5px; top: inherit }
.slick-slide .article .new:before { right: -25px; top: 4px; width: 20px }
.content_slide .slick-slide .article .entry_date { font-size: 10px; top: inherit; right: 10px; bottom: 5px }
.content_slide .slick-slide .article .entry_date:before { left: -25px; top: 4px; width: 20px }
.content_slide .slick-slide .article .score { background: 0 0; color: #fff; font-size: 10px; top: 10px; width: 30px; right: 10px; height: 10px; text-align: right; opacity: 1 }
.slide_inf .article .txt h3.desc { display: none }
.slide_inf .article .thumb img {width:100%; height:auto; max-height:122px;}
.ranking_content ul { padding: 0 }
.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_wrap .single_img { margin: 0 10px 70px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.single_wrap .single_img .cat { font-size: 8px; letter-spacing: 0px; left: 10px; line-height: 1; }
.single_wrap .single_img .cat:before { right: -40px; top: 4px; width: 30px; }
.single_wrap .single_img .entry_date { font-size: 8px; line-height: 1; right: 10px }
.single_wrap .single_img .entry_date:before { left: -40px; top: 4px; width: 30px }
.single_wrap .single_img .meta { width: 100%; bottom: -60px; height: 60px;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.single_wrap .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_wrap .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_wrap .single_img .photo_c {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; bottom: 0; right: 0; color: #000; font-size: 8px; font-weight: 400; background: rgba(250,250,250,.5); padding: 5px;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#breadcrumbs { font-size: 8px; margin-bottom:15px }
.article_single { background: rgba(250,250,250,.9); padding: 20px 10px 10px; margin-bottom: 10px; }
.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%); -ms-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 }
.sns_count li a [class^=icon-] { font-size: 15px }
.article_single .single_content { line-height: 2; font-size: 13px }
.single_content h2.single_desc {font-size:8px; line-height:1.6;}
.article_single .single_content p { line-height: 2; font-size: 12px; letter-spacing: 0; margin-bottom: 15px }
.article_single .single_content p img { margin-bottom: 10px }
.article_single .single_content img { margin-bottom: 20px }
.article_single .single_content .photocredit { font-size: 9px; margin: -5px 0 20px }
.article_single .single_content figure a {display:inline-block;}
.article_single .single_content figure a img {margin-bottom:5px;}
.article_single .single_content figure figcaption { font-size: 9px; text-align: left; margin: 5px 0 30px; line-height: 1.5; }
.article_single .single_content .txtcredit { font-size: 9px; line-height: 1.5 }
.article_single .single_content .quotecredit { font-size: 9px; line-height: 1.5; margin: 0 0 30px; }
.article_single .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;}
.at-gallery {padding-top: 15px;}
a.btn, .single_content button { text-align: center; padding: 18px; font-size: 12px!important; margin: 0 auto 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width:62%; }
a.next {padding: 15px 10px; font-size: 13px!important; 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; font-family: brandon-grotesque, sans-serif; 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; font-family: brandon-grotesque, sans-serif; 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 {margin:0;}
.tag_keyword ul { padding: 0; background: 0 0; margin:0; }
.tag_keyword ul li a { line-height: 10px; padding: 10px 14px 9px 12px; font-size: 10px;}
.tag_keyword ul li a:before {font: normal normal normal 9px/1 FontAwesome; margin-right: 4px; content: "\f02b";}
.tag_list {margin-bottom:10px; padding:30px 15px;}
.tag_list ul { padding: 0; background: 0 0; margin-top: 0px }
.tag_list ul li a { line-height: 10px; padding: 10px 14px 9px 12px; font-size: 10px;}
.tag_list ul li a:before {font: normal normal normal 9px/1 FontAwesome; margin-right: 2px;}
.author_box { padding: 15px }
.author_box.page { margin-bottom: 10px }
.author_box .author_img { width: 18% }
.author_box .author_profile { width: 82%; padding-left: 13px }
.author_box .author_profile h4.author_name { font-size: 13px; margin-bottom: 8px }
.author_box .author_profile .author_position {height:10px; font-size: 8px; margin-bottom: 13px }
.author_box .author_profile .author_txt { font-size: 8px; line-height:14px; height:28px; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 13px;overflow: hidden;-webkit-box-orient: vertical; width:100%;}
.author_profile .author_link { text-align: right }
.author_profile .author_link a { font-size: 10px }
.author_profile .author_link a span:before { top: 5px }
.post_push { margin-bottom: 10px }
.post_share { margin: 10px 0 10px; }
.top_ad { margin: 0 10px }
.bottom_ad { margin: 0 10px 10px }
.single_ad { margin: 0 }
.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 { margin-bottom: 10px }
.releasebox .image_area { width: 30%; height: auto; min-height: 160px }
.releasebox .txt_area { width: 70%; padding: 0 0 0 15px;}
.releasebox .txt_area, .releasebox .txt_area p { color: #333; line-height: 1.5!important; font-size: 10px!important;}
.releasebox .txt_area .txt { 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_item .amazonjs_info { margin-bottom: 10px; margin-left: 70px!important }
.amazonjs_item img { width: 60px; max-width: 60px }
.amazonjs_item .amazonjs_info h4 a, .amazonjs_item .amazonjs_info ul li { font-size: .9em }
.amazonjs_item { font-size: 11px }
.yarpp-related .article .txt { padding: 10px }
.yarpp-related .article .txt .cat_link { font-size: 10px; margin-bottom: 5px }
.yarpp-related .article .txt p.relate-title { font-size: 10px; line-height: 16px; height: 32px }
.yarpp-related .article { width: 50%; padding-right: 5px; margin-bottom: 10px }
.yarpp-related .article:nth-child(even) { padding-right: 0; padding-left: 5px }
.yarpp-related .article .thumb, .yarpp-related .article .thumb .overlay, .yarpp-related .article .thumb img { height: auto }
#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: absolute; top: calc(100% + 10px); height: auto; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); color: #111433; box-shadow: 0 4px 12px rgba(0,0,0,.1); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s; -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s; transition: opacity .3s 0s, visibility 0s .3s, transform .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 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s 0s, visibility .3s 0s, -webkit-transform .3s 0s; -moz-transition: opacity .3s 0s, visibility .3s 0s, -moz-transform .3s 0s; transition: opacity .3s 0s, visibility .3s 0s, transform .3s 0s }
.cd-dropdown-content { padding: 10px 30px; overflow: visible }
.cd-dropdown-content ul { padding: 30px; overflow: visible }
.cd-dropdown-content a, .cd-dropdown-content ul a { color: #000; 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 { 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); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-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); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-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); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-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; -moz-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; -moz-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: #111433 }
.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 { width: 100%; float: left }
.cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; width: 275px }
.cd-dropdown-content .cd-secondary-dropdown>li>a { color: #000; 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); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.cd-dropdown-content .cd-secondary-dropdown>li { margin: 10px 0; padding: 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); -moz-transform: translate(0); -ms-transform: translate(0); -o-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: #000; 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: #000 }
.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: #000 }
.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%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50% }
}
.fa.fa-pull-left, .fa.pull-left { margin-right: .3em }
.fa, .fa-stack { display: inline-block }

@media only screen and (max-width:768px) {
.cd-dropdown { background: rgba(250,250,250,.98) }
}
@font-face { font-family: icomoon; src: url(icomoon/fonts/icomoon.eot?-qz7pb2); src: url(icomoon/fonts/icomoon.eot?#iefix-qz7pb2) format('embedded-opentype'), url(icomoon/fonts/icomoon.woff?-qz7pb2) format('woff'), url(icomoon/fonts/icomoon.ttf?-qz7pb2) format('truetype'), url(icomoon/fonts/icomoon.svg?-qz7pb2#icomoon) format('svg'); font-weight: 400; font-style: normal }
[class*=" icon-"], [class^=icon-] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-feedly:before { content: "\e900" }
.icon-hatebu:before { content: "\e901" }
.icon-line:before { content: "\e902" }
.icon-pocket:before { content: "\e903" }
.icon-home:before { content: "\e904" }
.icon-pen:before { content: "\e908" }
.icon-images:before { content: "\e90e" }
.icon-camera:before { content: "\e90f" }
.icon-headphones:before { content: "\e910" }
.icon-music:before { content: "\e911" }
.icon-play:before { content: "\e912" }
.icon-film:before { content: "\e913" }
.icon-mic:before { content: "\e91e" }
.icon-folder-open:before { content: "\e930" }
.icon-tag:before { content: "\e935" }
.icon-tags:before { content: "\e936" }
.icon-ticket:before { content: "\e939" }
.icon-location:before { content: "\e947" }
.icon-clock:before { content: "\e94e" }
.icon-calendar:before { content: "\e953" }
.icon-users:before { content: "\e972" }
.icon-quotes-left:before { content: "\e977" }
.icon-quotes-right:before { content: "\e978" }
.icon-pie-chart:before { content: "\e99a" }
.icon-trophy:before { content: "\e99e" }
.icon-rocket:before { content: "\e9a5" }
.icon-fire:before { content: "\e9a9" }
.icon-power:before { content: "\e9b5" }
.icon-link:before { content: "\e9cb" }
.icon-attachment:before { content: "\e9cd" }
.icon-bookmark:before { content: "\e9d2" }
.icon-star-full:before { content: "\e9d9" }
.icon-heart:before { content: "\e9da" }
.icon-checkmark:before { content: "\ea10" }
.icon-play3:before { content: "\ea1c" }
.icon-arrow-right:before { content: "\ea34" }
.icon-arrow-right2:before { content: "\ea3c" }
.icon-checkbox:before { content: "\ea52" }
.icon-share:before { content: "\ea82" }
.icon-amazon:before { content: "\ea87" }
.icon-google:before { content: "\ea88" }
.icon-facebook:before { content: "\ea90" }
.icon-instagram:before { content: "\ea92" }
.icon-spotify:before { content: "\ea94" }
.icon-twitter:before { content: "\ea96" }
.icon-vine:before { content: "\ea97" }
.icon-rss:before { content: "\ea9b" }
.icon-youtube:before { content: "\ea9d" }
.icon-tumblr:before { content: "\eab9" }