/*
Theme Name: Qetic 2024
Version: 9.0.0
Description: News Media Qetic
Author: Yuichi Kudo
*/
@import url("https://p.typekit.net/p.css?s=1&k=mvk7lcv&ht=tk&f=31141.31145&a=920949&app=typekit&e=css");
@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e5199f/00000000000000003b9ae7f4/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:400;
}
@font-face {
font-family:"interstate";
src:url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/630ec8/00000000000000003b9ae7f8/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n7&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:700;
}
.tk-interstate { font-family: "interstate",sans-serif; }
* {font-family:inherit;font-size:inherit;line-height:inherit;}
*,*:after,*:before {box-sizing:border-box}
a,abbr,address,article,aside,audio,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,iframe,img,ins,label,legend,li,main,mark,nav,ol,p,pre,q,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video {margin:0;padding:0;border:0;outline:0;background:transparent;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}
html {font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-overflow-scrolling:touch;overflow-scrolling:touch;scroll-behavior:smooth}
body {background:#fff;color:#2c2c2c;font-family:interstate,-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif;font-weight:400;line-height:1.15;font-size:1.6rem;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
header {position:fixed;left:15px;top:15px;width:auto;height:auto;padding:0;mix-blend-mode:exclusion;z-index:20;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0);transition:all ease 0.25s}
article,aside,footer,header,main,nav,section {display:block}
::selection {background: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
div,section {position:relative;width:100%;height:auto;max-width:100%}
hr {box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6 {margin:0;font-weight:bold;line-height:1.5;letter-spacing:-0.025em}
a,p,span {margin:0;letter-spacing:-0.025em}
a,a:hover,a:visited {color:inherit}
a {text-decoration:none;background-color:transparent}
a:hover {text-decoration:none}
a:not([href]):not([tabindex]) {color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {color:inherit;text-decoration:none}
a:not([href]):not([tabindex]):focus {outline:0}
table {border-collapse:collapse;border-spacing:0}
ol,ul {list-style:none}
img,video {max-width:100%}
img {width:auto;height:auto;max-width:100%;border-style:none;vertical-align:middle;border-style:none}
svg {width:100%;height:100%;fill:inherit;overflow:hidden;vertical-align:middle}
blockquote,q {quotes:none}
blockquote:after,blockquote:before,q:after,q:before {content:"";content:none}
b,strong {font-weight:900}
small {font-size:80%}
table {border-collapse:collapse}
caption {padding-top:0.75rem;padding-bottom:0.75rem;color:#6c757d;text-align:left;caption-side:bottom}
button {border-radius:0}
button:focus {outline:none;border:0}
button,input,optgroup,select,textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input {overflow:visible}
button,select {text-transform:none}
select {word-wrap:normal}
[type="button"],[type="reset"],[type="submit"],button {-webkit-appearance:button}
[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled) {cursor:pointer}
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner {padding:0;border-style:none}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0}
input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"] {-webkit-appearance:listbox}
textarea {overflow:auto;resize:vertical}
fieldset {min-width:0;padding:0;margin:0;border:0}
legend {display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress {vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height:auto}
[type="search"] {outline-offset:-2px;-webkit-appearance:none}
[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
[tabindex="-1"]:focus {outline:0!important}
[hidden] {display:none!important}
[disabled] {cursor:not-allowed}
:focus:not(:focus-visible) {outline:none}
.sr-only {position:absolute;clip:rect(1px, 1px, 1px, 1px);left:-9999px;top:-9999px}
::-webkit-file-upload-button {font:inherit;-webkit-appearance:button}
.at-gallery::-webkit-scrollbar,.carousel-box::-webkit-scrollbar,.carousel-swipe-wrap::-webkit-scrollbar,.carousel-swipe::-webkit-scrollbar,.single-tag ul::-webkit-scrollbar {display:none;height:0;-ms-overflow-style:none}
#content {position:relative;margin:0 auto;display:inline-block}
#wrapper {background:#fff;color:#2c2c2c}
#container {opacity:1!important}
#container,#wrapper {-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.barba-container {}
.carousel-swipe-meta,.feature-slide-meta,.top-article .carousel-swipe-wrap-title {opacity:1!important}
#js-main-visual {transition:all .2s,}
.flex-row-start {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.flex-row-center {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.flex-column-start {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.flex-column-center {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.flex-start {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.flex-center {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.transition-mask,.transition-overlay,.transition-overlay-s {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:110vh;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-transition:background 0.2s ease,color 0.2s ease;-moz-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease}
.transition-mask {background:#fff;z-index:10}
.transition-overlay {background:#000;z-index:9}
.transition-overlay-s {background:rgb(57, 0, 113);z-index:8;mix-blend-mode:exclusion}
.header-wrapper {position:relative;padding:0;width:100%}
.header-logo {width:50px;opacity:1;height:50px;display:inline-block;stroke-width:0;stroke:none;fill:#fff}
.header-qetic-logo-link {display:inline-block;line-height:1;font-size:0;}
.header-qetic-logo {transform-origin:50% 50% 0;width:50px;height:50px;fill:#fff; -webkit-transition: scale .3s;transition:scale .3s;}
.header-qetic-logo-link:hover .header-qetic-logo {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
@keyframes anime-hover {
    0% {
        opacity: 0
    }

    5% {
        opacity: .4
    }

    10% {
        opacity: 0
    }
    15% {
        opacity: .5
    }
    20% {
        opacity: .5
    }
    25% {
        opacity: 0
    }
    30% {
        opacity: .7
    }
    40% {
        opacity: .7
    }
    45% {
        opacity: 0
    }
    50% {
        opacity: .85
    }
    65% {
        opacity: .85
    }
    70% {
        opacity: 0
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}
.header-qetic-logo-link:active .header-qetic-logo {-webkit-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);}
#logo path {fill:#fff;stroke:#fff;stroke-width:0;transition:all .3s}
#logo:hover path {fill:rgba(250, 250, 250, .7)}
.menu-wrap {position:fixed;bottom:50px;right:50%;margin-right:-25px;width:50px;height:50px;z-index:11;border-radius: 50px;overflow: hidden; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;visibility:hidden;transition: all .5s;}
.menu-wrap:hover {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgb(255 255 255 / 40%);
}
.menu-wrap.active {opacity: 1;visibility: visible;}
.reset {background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.menu-btn {background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;height:50px;width:50px;padding:15px;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.menu-btn span {position:absolute;left:15px;width:20px;height:1px;background-color:#fff}
.menu-btn span:nth-of-type(1) {top:20px}
.menu-btn span:nth-of-type(2) {top:30px}
.modal-menu-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:center;padding:30px 0 0;width:100%;max-width:520px;margin:0 auto}
.modal-menu-list {width:100%}
.modal-menu-list.second {width:100%}
.modal-menu-link {width:100%;line-height:1;padding:8px 0;font-size:18px;color:#1a1a1a;font-weight:700;display:inline-block;-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;transition:color 0.2s ease;}
.modal-menu-link:hover {color:#666;}
.modal-menu-link:visited {color:#1a1a1a}
.modal-menu-link-second {width:100%;line-height:1;padding:8px 0;font-size:12px;color:#1a1a1a;font-weight:700;display:inline-block;-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;transition:color 0.2s ease;}
.modal-menu-link-second:hover {color:#666;}
.modal-menu-link-second:visited {color:#1a1a1a}
.search-icon {display:inline-block;color:#fff;fill:currentColor;height:20px;width:20px;line-height:1;-ms-flex-negative:0;flex-shrink:0}
.search-modal {position:fixed;z-index:15;width:100%;height:100%;left:0;top:0;background-color:rgba(255,255,255,1);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal-box {position:relative;width:100%;height:100%;padding:20px 60px 80px;overflow:auto}
.modal-sns {padding:0 0 40px;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;max-width:520px;margin:0 auto}
.modal-sns-link {width:50px;height:50px}
.modal-sns-link a {color:#fff;display:inline-block;padding:15px}
.modal-sns-link a span {font-size:20px}
.modal-sns-link a svg {width:20px;height:20px;fill:#1a1a1a}
.modal-sns-link a:hover svg {opacity:.6}
.search-modal [data-animation=on] {transition:opacity .3s,visibility .3s}
.modal--search[data-animation=on] .full-screen-search__input {transition:background-size .3s}
.modal--is-visible {opacity:1!important;visibility:visible}
.full-screen-search {position:relative;width:100%;max-width:520px;margin:60px auto 10px;background-image:linear-gradient(transparent calc(100% - 2px),#999 calc(100% - 2px),#999 calc(100% - 1px),transparent 1px)}
.sr-only {position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}
.full-screen-search__input {background:0 0;font-size:18px;width:100%;padding:5px 30px 5px 0;background-image:linear-gradient(transparent calc(100% - 2px),#1a1a1a calc(100% - 2px),#1a1a1a calc(100% - 1px),transparent 1px);background-size:0 100%;background-repeat:no-repeat;font-weight:900;color:#1a1a1a}
.full-screen-search__input:focus {outline:none;background-size:100% 100%}
.full-screen-search__btn {position:absolute;top:-1px;right:-10px;height:40px;width:40px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.full-screen-search__btn .icon {display:block;color:#1a1a1a;width:16px;height:16px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.modal__close-btn {position:fixed;bottom:50px;right:50%;margin-right:-20px;z-index:15;padding:10px;border-radius:50%;mix-blend-mode:difference;width:40px;height:40px;}
.modal__close-btn .icon {display:block;color:#fff;width:20px;height:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
@keyframes full-screen-search__btn {to {transform:translateY(0) scale(1);opacity:1}
}
.visual-bg.pc-img {display:block; opacity:1;}
.visual-bg.sp-img {display:none; opacity:1;}
.article-bg {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}
.single-content {overflow:hidden;opacity:1;}
#default {background:#fff!important; color:#2c2c2c!important;}
.single-article {background:rgba(0,0,0,.05);}
.single-article.qetichub {background:#fff}
.single-content.qetichub {background:#fff;color:#1a1a1a;padding:0;width:100%;max-width:100%}
.single-visual-img {background:rgba(0,0,0,.2)}
.single-visual-bg.pc-img {display:none}
.single-visual-bg.sp-img {display:block}
.single-visual-bg {background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;padding-top:136.6666%;transform:translate3d(0,0,0)}
.single-visual-bg.x9-y16 {padding-top:136.6666%}
.single-visual-bg.x1-y1 {padding-top:100%}
.single-visual-bg.x4-y3 {padding-top:75%}
.single-visual-bg.qetichub {padding-top:100vh}
.article-body.qetichub {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-shrink:0;}
.qetichub-meta {width:100%;position:absolute;z-index:2;padding:15px 15px;bottom:0;left:0;right:0;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
h1.qetichub-title {font-size:12px;color:#1a1a1a;z-index:2;line-height:1.2;margin-bottom:5px}
h1.qetichub-title.gr {display: block;width: 270px;height: auto;line-height: 0;z-index: 2;margin-bottom: 5px;background: #fff;padding: 5px; max-width: 47.25%;}
h2.qetichub-subtitle {font-size:28px; color:#1a1a1a;z-index:2;padding:0;line-height:1.4;}
h2.qetichub-subtitle:before{content:'';}
.qetichub-title-bg, .qetichub-subtitle-bg {background:#fff;}
.article-body.qetichub h2 {width:100%;text-align:center;font-size:20px;margin:40px auto 20px;padding:0 20px;line-height:1.4;border:none}
.article-body.qetichub h2:before {content:none}
.qetichub-credit {font-size:8px;line-height:1.3;padding:20px 0 80px;position:relative;font-style:italic;color:#fff;font-weight:900;z-index:2}
.text-box {padding:15px 30px;width:100%;margin:0 auto;text-align:center}
.article-body.qetichub img {margin-bottom:0}
.article-body .text-box p,.article-body.qetichub p {font-size:14px;line-height:1.9;margin:15px auto;padding:0;width:100%;max-width:600px;}
.text-box p a {font-weight:900}
.img-box {max-width:100%;max-height:100%;width:100%;margin:15px auto;height:auto;text-align:center}
.img-box:first-child {margin-top:120px}
.article-body.qetichub .img-box img {width:auto;max-width:100%;margin:0 auto;height:auto;max-height:85vh;-webkit-user-drag:none;pointer-events:none}
.img-box p {font-size:9px;line-height:2;color:#7a7a7a;margin-top:10px;letter-spacing:0;font-style:italic;text-align:center}
.full-img-v {width:98%;max-width:100%;height:auto;max-height:100%;margin:0 auto;padding:0 0 1%}
.full-img {width:98%;max-width:100%;height:auto;max-height:100%;margin:0 auto;padding:0 0 1%}
.article-body .full-img img,.article-body .full-img-v img {width:100%;max-width:100%;height:auto;max-height:100%;margin:auto}
.qetichub .profile {padding:30px;border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;width:calc(100% - 60px);max-width:90%;margin:60px auto 0;text-align:left}
.article-body.qetichub .left {text-align:left}
.article-body.qetichub .right {text-align:right}
.article-body.qetichub h3.profile-title {position:relative;font-size:20px;line-height:1;color:#2c2c2c;font-weight:900;margin:10px auto 20px}
.article-body.qetichub p.text {font-size:12px;line-height:1.8;color:#2c2c2c;margin-top:10px;text-align:left;margin:0 auto 10px}
.article-body.qetichub p.name {font-size:15px;line-height:1;color:#2c2c2c;font-weight:900;margin-top:20px;text-align:left;margin:10px auto 15px}
.article-body.qetichub .separator {position:relative;font-size:0;line-height:0;height:0;width:100%;margin:60px 0;padding:1px 0}
.article-body.qetichub .separator:after {content:'';position:absolute;height:0;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;border-top:1px solid #1a1a1a}
.article-body.qetichub p strong {font-weight:900;background: none; mix-blend-mode: unset; color:#2c2c2c;}
.article-body.qetichub p.info {font-size:11px;line-height:1.6;margin:0 0 30px;letter-spacing:0;text-align:justify}
.backtoqetic {text-decoration:none;text-align:center;padding:10px 13px;font-weight:700;font-size:12px;margin:30px auto 60px;cursor:pointer;line-height:1;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;border-radius:60px;white-space:nowrap;text-overflow:ellipsis;outline:none;border:none;width:240px;border:1px solid;max-width:100%;transition:all ease-out .2s;border:1px solid #1a1a1a;color:#1a1a1a}
.single-visual-meta {padding:20px 20px 30px}
.breadcrumbs-box {overflow:hidden;margin-bottom:13px}
.breadcrumbs-wrap {height:10px;overflow-y:hidden;margin:0}
.breadcrumbs {padding:0 0 30px;font-size:8px;line-height:1;width:100%;height:auto;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;margin-bottom:-10px;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.breadcrumbs::-webkit-scrollbar {display:none;height:0}
.breadcrumbs a {}
.breadcrumbs span {display:inline;overflow:hidden}
.single-title {font-size:22px;line-height:1.4;text-align:justify;letter-spacing:-0.015em;word-break:break-all;width:100%;-webkit-background-clip:text}
.single-cat,.single-date {position:absolute;font-size:8px;font-weight:400;line-height:1;letter-spacing:-0.05em;mix-blend-mode:exclusion;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:0;height:0;white-space:nowrap}
.single-date {bottom:36%;left:20px}
.single-cat {bottom:20px;left:20px}
.single-pr {padding-top:15px;font-size:10px;line-height:1;padding-right:15px}
span.pr {padding:1px 2px;margin-right:2px;border-radius:5px;border:1px solid}
.single-photo-credit {position:absolute;font-size:8px;color:#fff;font-style:italic;font-weight:400;line-height:1;bottom:20px;right:28px;width:auto;letter-spacing:-0.05em;mix-blend-mode:exclusion;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:0;height:0;white-space:nowrap}
.article-body-wrap {padding-bottom:30px}
.article-body {overflow:hidden}
.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body p {padding:0 20px;word-break:break-word;}
.article-body h2 {position:relative;font-size:20px;margin:30px auto 20px;padding:20px 0 0;text-align:justify;border-top:1px solid;width:calc(100% - 40px)}
.article-body h2　a {text-decoration:none}
.article-body h2.single_desc {padding-bottom:25px;margin:0 0 25px;word-break:break-all;color:#666;line-height:1.6;font-size:12px;letter-spacing:0}
.article-bodyt 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)}
.article-body h3 {position:relative;font-size:17px;line-height:1.4;margin:40px 0 16px}
.article-body h3:before {content:''}
.article-body h3.report {text-align:center}
.article-body p {line-height:1.8;font-size:14px;margin-bottom:20px}
.contentbox p {margin-bottom:0}
.article-body a,.article-body p a {font-weight:400;text-decoration:none;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.article-body a:hover,.article-body p a:hover {filter: contrast(1.3);}
p.txtcredit {font-size:10px;text-align:center;margin:-10px auto 20px;line-height:1.6;font-style:italic}
p.txtcredit a {font-size:10px;font-style:italic}
.article-body p:empty {display:none}
.article-body h2 a {text-decoration:none}
.article-body h3 a {text-decoration:none}
.article-body strong a {text-decoration:none}
.article-body p img {max-width:100%;display:block;line-height:0;font-size:0;letter-spacing:0;margin-bottom:30px}
.article-body p strong {font-weight:900;  }
#default strong {background: linear-gradient(rgba(0,0,0,0) 88%, #9bea00 88%); color:#2c2c2c; mix-blend-mode: unset;}
#default span.colorline {background: linear-gradient(rgba(0,0,0,0) 88%, #9bea00 88%); color:#2c2c2c; mix-blend-mode: unset;}
#default span.colorline a {color:#2c2c2c; mix-blend-mode: unset;}
.article-body p a[rel*="attachment"] img {margin-bottom:10px}
.article-body img {margin-bottom:30px}
iframe {max-width:100%;}
.article-body iframe {width:100%; max-width:100%;}
.movie_wrap {position:relative;height:0;overflow:hidden;margin-bottom:30px;max-width:100%;padding:30px 0 56.25%;width:calc(100% - 40px);margin:0 auto 30px}
.movie_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%; }
.qetichub .movie_wrap {position:relative;height:0;overflow:hidden;margin-bottom:30px;max-width:100%;padding:0 0 56.25%;width:100%;margin:0 auto 30px}
.qetichub .movie_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.single-content.qetichub {opacity:1!important;}
.information .movie_wrap {width:100%}
.instagram-media,.instagram-media-rendered,.twitter-tweet,.twitter-tweet-rendered {margin:40px auto 20px!important;max-width:calc(100% - 40px)!important}
a.next {text-decoration:none;text-align:center;padding:15px 20px;font-weight:900;font-size:12px;margin:30px auto 0;box-sizing:border-box;cursor:pointer;width:72%;line-height:1.4;overflow:hidden;display:block;transition:all .3s ease;border-radius:6px;border:1px solid}
a.next:hover {filter:contrast(180%)}
a.next span {display:block;margin-bottom:13px;font-size:12px;line-height:1}
.next .fa {display:none}
a.btn + a.btn {margin-top:10px}
.article-body button + .article-body button {margin-top:10px}
.attach_next .attach_thumb a img,.attach_prev .attach_thumb a img {height:auto}
.article-body button:hover,a.btn:hover {text-decoration:none!important;background:linear-gradient(45deg, #a3ff05, #fdd926)}
.article-body button:active,a.btn:active {transform:scale3d(.95, .95, 1)}
a.btn .fa {display:none}
.contentbox,blockquote {padding:25px 0 25px 25px;border-left:1px solid;width:calc(100% - 40px);margin:0 auto 10px;font-style:italic;font-size:13px;line-height:1.7}
.article-body blockquote p,.contentbox p {font-size:13px;margin:0;padding:0;line-height:1.7}
.article-body .quotecredit {font-size:12px;text-align:right;margin:0 0 30px;line-height:1.6;font-style:italic}
.article-body .photocredit {font-size:10px;text-align:center;margin:-20px 0 40px;line-height:1.5;font-style:italic}
.article-body figure p {margin:0;line-height:0;font-size:0}
.article-body figure a {display:inline-block}
.article-body figure a img,.article-body figure img {margin-bottom:0}
.article-body figure figcaption {font-size:10px;text-align:center;margin:8px 0 40px;line-height:1.5;font-style:italic;padding:0 20px;color:#666;}
.information {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:30px 20px;margin:40px auto;width:calc(100% - 40px);border-top:1px solid}
.information p {line-height:1.4;font-size:9px;margin:0 0 5px;padding:0;text-align:left;width:100%}
.information p img {max-height:640px;margin:0 auto 10px}
.information h2 {border:none;padding:0;margin:0 0 12px;line-height:1;font-size:18px;text-align:center}
.article-body button,.article-body p .btn,.information a.btn {text-decoration:none;text-align:center;padding:10px 13px;font-weight:700;font-size:10px;margin:20px auto 20px;cursor:pointer;line-height:1;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;border-radius:60px;white-space:nowrap;text-overflow:ellipsis;outline:none;border:none;width:63%;border:1px solid;max-width:100%;transition:all ease-out .2s}
.information a.btn {margin:15px auto 0}
.article-body button:hover,.article-body p .btn:hover,.information a.btn:hover {background:transparent}
.btn,.btn:hover {border:none;text-decoration:none!important}
.information p a[rel*="attachment"] {margin-bottom:15px}
.information h2:before {content:none}
.information h3 {padding:0;line-height:1.4;font-size:13px;text-align:center;border:none;margin:12px 0; width: 100%;}
.information h4 {padding:0;line-height:1.4;font-size:11px;text-align:left;border:none;margin:6px 0; width: 100%;}
.information .fa {display:none}
.information .notes,.information .notes p {margin:0;font-size:10px;line-height:1.4}
.information ul {margin:0;padding:0;list-style-type:none;display:block}
.information li {margin-bottom:10px;display:flex}
.information li a {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}
.score .count {display:flex;justify-content:center;align-items:center;align-content:center;position:relative;padding-left:3px}
.sns-count-icon {width:9px;height:12px;fill:#fff}
.single-author-box {width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center}
.single-author-box-wrap {overflow:hidden}
.single-author-link {width:100%;padding:12px 20px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-content:center}
.single-author-img {width:36px;align-self:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.single-author-img img {width:100%;height:auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.single-author-profile {width:auto;align-self:center;padding-left:12px}
.single-author-name {font-size:10px;text-align:left;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.single-author-position {font-size:8px;text-align:left;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.single-update-box {width:100%;padding:12px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;align-self:stretch}
.single-update-time {width:100%;height:16px;font-size:8px;text-align:right;line-height:16px;font-style:italic;padding-right:2px}
.author-archive-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;border-top:1px solid;border-bottom:1px solid;padding:30px 0 15px;margin:0 auto 30px}
.author-archive-img {width:30%;height:auto;border-radius:50%}
.author-archive-img-link {display:inline-block;border-radius:50%}
.author-archive-img-link img {width:100%;height:auto;border-radius:50%}
.author-archive-profile {width:64%;height:auto}
.author-archive-name {font-size:14px;text-align:left;line-height:1.5;margin:0 0 5px}
.author-archive-position {font-size:10px;text-align:left;line-height:1;margin-bottom:20px}
.author-archive-txt {font-size:10px;text-align:left;line-height:1.5;margin-bottom:10px;width:100%}
.author-archive-sns {width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:center;max-width:100%;margin:0 auto}
.author-archive-sns-link {width:40px;height:40px}
.author-archive-sns-link a {color:#fff;display:inline-block;padding:12px;line-height:1}
.author-archive-sns-link a span {font-size:20px;line-height:1}
.author-archive-sns-link a svg {width:16px;height:16px}
.author-archive-sns-link a:hover svg {fill:#fff;mix-blend-mode:exclusion}
.pagination {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:30px 0 30px;text-align:center;vertical-align:middle}
.pagination.top {padding-top:0}
.pagination span.c-page {height:36px;width:36px;border-radius:40px;padding:10px 2px;font-weight:900;line-height:1;font-size:14px;display:inline-block;margin:2px 2px;border:1px solid}
.pagination a {display:inline-block}
.pagination a span.c-page {border:1px solid rgba(0,0,0,0.0)}
.pagination a:hover span.c-page {border:1px solid}
.single-relate-box {overflow:hidden;margin-bottom:30px}
.single-relate-wrap {padding:0}
.single-relate-wrap-title {padding:0 20px 10px;font-size:20px;font-weight:900;text-align:left;line-height:1}
.single-relate-ul {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;padding:0;text-align:center;vertical-align:middle}
.single-relate-li {width:100%}
.single-relate-li:nth-child(odd) {}
.single-relate-link {width:100%;display:inline-flex;padding:8px 20px}
.single-relate-meta-title {font-size:12px;font-weight:400;line-height:1;height:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:left;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.single-relate-link:hover .single-relate-meta-title {filter:hue-rotate(-90deg)}
.at-gallery-box {overflow:hidden}
.at-gallery-wrap {width:100%;margin:0 0 -20px;padding:10px 0 0;height:115px;overflow-y:hidden}
.at-gallery {width:100%;height:auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding:0 15px 30px;display:flex;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.at-gallery-title {padding:0 20px;font-size:20px;font-weight:900;text-align:left;line-height:1}
.at-gallery a {position:relative;margin:5px;display:inline-block;width:60px;height:60px;opacity:1;white-space:nowrap;border-radius:50px;overflow:hidden;flex-shrink:0}
.at-gallery a img {width:60px;height:60px;border-radius:50px;overflow:hidden;flex-shrink:0}
.attachment-gallery-box {margin-top:10px;overflow:hidden}
.attachment-gallery-wrap {width:100%;margin:0 0 -20px;padding:10px 0 0;height:115px;overflow-y:hidden}
.attachment-gallery {width:100%;height:auto;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding:0 10px 30px;display:flex;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.attachment-gallery-title {padding:0 20px;font-size:20px;font-weight:900;text-align:left;line-height:1}
.attachment-gallery a {position:relative;margin:5px;display:inline-block;width:60px;height:60px;opacity:1;white-space:nowrap;border-radius:50px;overflow:hidden;flex-shrink:0}
.attachment-gallery a img {width:60px;height:60px;border-radius:50px;overflow:hidden;flex-shrink:0}
.sns_count {position:relative;margin-bottom:0;box-sizing:border-box;display:flex;padding:20px 20px 10px}
.sns_count ul {width:100%;display:flex;justify-content:center;align-items:center}
.sns_count li a,a {vertical-align:baseline}
.sns_count li a,a,ins {text-decoration:none}
.sns_count li {padding:0 2%;text-align:center;display:inline-flex;width:33.3333%}
.sns_count li a {display:block;width:100%;text-align:center;outline:0;cursor:pointer;zoom:1;padding:5px 0;border-radius:30px}
.sns_count li.fb a,.sns_count li.ln a,.sns_count li.tw a {color:rgba(0,0,0,.3)}
.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:#222}
.sns_count li.ln a:hover {background-color:#00c402}
.sns_count li a svg {width:16px;height:16px}
.sns_count li a:hover svg {mix-blend-mode:exclusion}
.sns_count li a path {fill:#b8c2cc}
.single-tag-box {overflow:hidden}
.single-tag-title {padding:0 20px;font-size:20px;font-weight:900;text-align:left;line-height:1}
.single-tag {margin:0 0 30px;overflow:hidden}
.single-tag-wrap {margin:0 0 -10px;width:100%;display:block;position:relative;padding:15px 0 15px;height:58px;overflow-y:hidden}
.single-tag ul {padding:0 10px 30px 20px;width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.single-tag-keyword {display:inline-block;margin:0;padding:0}
.single-tag-keyword a {margin:0 8px 0 0;border-radius:40px;position:relative;display:inline-block;line-height:10px;padding:6px 12px 5px;font-size:10px;text-decoration:none;border:1px solid;text-align:center;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.single-tag-keyword a:hover {filter:hue-rotate(-90deg)}
.single-content-bottom {padding:0}
.carousel-box {overflow:hidden}
.carousel-swipe {height:345px;overflow-y:hidden;margin:0 0 -10px}
.carousel-swipe-wrap {width:100%;height:auto;white-space:nowrap;align-self:flex-start;padding:0 10px 30px 20px;overflow-x:auto;overflow-y:hidden;display:flex;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}
.ranking-list {counter-reset:rankingcounter}
.ranking-list .carousel-swipe-article:before {counter-increment:rankingcounter;content:counter(rankingcounter);font-size:42px;position:absolute;display:block;text-align:left;line-height:1;color:#fff;font-weight:900;z-index:3;font-style:italic;left:10px;top:5px;mix-blend-mode:exclusion;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"palt";letter-spacing:-0.1em;width:50px}
.carousel-swipe-article {position:relative;width:160px;height:auto;margin:0 20px 0 0;display:inline-block;opacity:1;white-space:nowrap;vertical-align:middle;flex-shrink:0}
.carousel-swipe-article.wide {width:225px}
.carousel-swipe-wrap-title {padding:20px 20px 10px;font-size:24px;font-weight:700;text-align:left;line-height:1}
.top-article .carousel-swipe-wrap-title {color:#fff}
.carousel-swipe-more {position:absolute;top:20px;right:20px}
.carousel-swipe-link {font-size:0;line-height:0;width:18px;height:18px;display:block}
.carousel-swipe-link:after,.carousel-swipe-link:before {display:block;content:'';width:50%;height:1px;background-color:rgba(255, 255, 255, .5);position:absolute}
.carousel-swipe-link:before {-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);top:6px;right:0}
.carousel-swipe-link:after {-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);bottom:5px;right:0}
.carousel-swipe-article-right {min-width:15px;flex-shrink:0;overflow:hidden;white-space:normal}
.carousel-swipe-article a {display:flex;justify-content:center;align-items:center;align-content:flex-start;flex-direction:column;white-space:normal;flex-shrink:0}
.carousel-swipe-thumb {background-position:center center;background-size:cover;background-repeat:no-repeat;padding-top:133.3333%;overflow:hidden;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.carousel-swipe-thumb:hover {filter: brightness(0.5);}
.wide .carousel-swipe-thumb {padding-top:133.3333%}
.carousel-swipe-meta {position:absolute;bottom:0;right:0;left:0;padding:60px 10px 10px;height:auto;background:-webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 50%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 50%)}
.carousel-swipe-title {font-size:12px;font-weight:900;line-height:1.5;height:auto;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:8px}
.wide .carousel-swipe-title {width:88%}
.carousel-swipe-cat {height:10px;font-size:10px;line-height:1;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:80%}
.score {position:absolute;bottom:10px;right:10px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:center;pointer-events:none;font-size:10px;font-weight:900;width:auto;z-index:2;line-height:1;color:#fff;letter-spacing:-0.025em}
.newarticle-padding {padding:110px 0 0}
.newarticle-title {padding:25px 10px 15px;font-size:24px;font-weight:900;text-align:left;line-height:1;width:100%}
.newarticle-title.top-page {color:#fff}
.newarticle-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding:0 10px 10px}
.newarticle-card {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;width:calc(50% - 20px);height:auto;margin: 0 10px 20px;}
.newarticle-card-link {display:flex;justify-content:center;align-items:center;align-content:flex-start;flex-direction:column;white-space:normal;flex-shrink:0;width:100%;height:auto}
.newarticle-card-thumb {background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#1a1a1a;padding-top:133.3333%;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.newarticle-card-thumb:hover {filter: brightness(0.5);}
.newarticle-card-meta {position:absolute;bottom:0;right:0;left:0;padding:30px 10px 10px;height:auto;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 80%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 80%)}
.newarticle-card-title {font-size:12px;font-weight:900;line-height:1.5;height:36px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px;word-break:break-all}
.newarticle-card-cat {height:10px;font-size:10px;line-height:1;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:86%}
.archive-page-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;width:100%;height:auto;padding:110px 15px 20px}
.archive-content {width:calc(50% - 10px);margin:0 5px 10px}
.archive-page-title {font-size:28px;font-weight:700;text-align:left;line-height:1.2;z-index:2;margin-bottom:20px;width:100%;padding:0 5px}
.archive-page-sub {font-size:12px;font-weight:400;font-style:italic;display:block;padding-left:1px}
.archive-link {display:flex;justify-content:center;align-items:center;align-content:flex-start;flex-direction:column;white-space:normal;flex-shrink:0}
.archive-bg {background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#1a1a1a;padding-top:133.3333%}
.archive-meta {position:absolute;bottom:0;right:0;left:0;padding:30px 10px 10px;height:auto;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%)}
.archive-title {font-size:12px;font-weight:900;line-height:1.5;height:36px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px;word-break:break-all}
.archive-cat {height:10px;font-size:10px;color:#fff;line-height:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:86%}
.archive-score {position:absolute;bottom:10px;right:10px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:center;pointer-events:none;font-size:10px;font-weight:900;width:auto;z-index:2;line-height:1;color:#fff;letter-spacing:-0.025em}
.single-swiper .swiper-slide img {margin:0}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.swiper-container-multirow > .swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.single-swiper-button-next,.single-swiper-button-prev,.swiper-button-next,.swiper-button-prev {font-size:0;line-height:0;position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;background:transparent;z-index:5;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;vertical-align:middle}
.single-swiper-button-next:before,.single-swiper-button-prev:before,.swiper-button-next:before,.swiper-button-prev:before {font-size:10px;font-weight:900;line-height:1;display:inline-block;opacity:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.activities-slide .single-swiper-button-next:before,.activities-slide .single-swiper-button-prev:before,.activities-slide .swiper-button-next:before,.activities-slide .swiper-button-prev:before {color:#fff}
.single-swiper-button-prev,.swiper-button-prev {left:0px;transform:rotate(-90deg)}
.single-swiper-button-prev:before,.swiper-button-prev:before {content:'[ PREV ]'}
.single-swiper-button-next,.swiper-button-next {right:0px;transform:rotate(90deg)}
.single-swiper-button-next:hover,
.swiper-button-next:hover {
    opacity: 0.7;
}
.single-swiper-button-next:before,.swiper-button-next:before {content:'[ NEXT ]'}
.single-swiper-button-next.swiper-button-disabled,.single-swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:0.2;cursor:auto;pointer-events:none}
.swiper-button-lock {display:none}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:300ms opacity;-o-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:20px;left:0;width:100%;z-index:10}
.single-swiper .swiper-pagination-bullets {bottom:20px}
.swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}
.swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;opacity:0.4}
button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-bullet-active {opacity:1;background:#fff}
.swiper-container-vertical > .swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;-webkit-transition:200ms top,200ms -webkit-transform;transition:200ms top,200ms -webkit-transform;-o-transition:200ms transform,200ms top;transition:200ms transform,200ms top;transition:200ms transform,200ms top,200ms -webkit-transform}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:200ms left,200ms -webkit-transform;transition:200ms left,200ms -webkit-transform;-o-transition:200ms transform,200ms left;transition:200ms transform,200ms left;transition:200ms transform,200ms left,200ms -webkit-transform}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white {background:rgba(255, 255, 255, 0.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0, 0, 0, 0.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000}
.swiper-pagination-lock {display:none}
.swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)}
.swiper-container-horizontal > .swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical > .swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag {cursor:move}
.swiper-scrollbar-lock {display:none}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto}

.swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px}
.feature-bg-content {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background:#1a1a1a}
.feature-bg-slide {max-width:100%}
.feature-bg-overlay {background:-webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%);position:absolute;top:50%;right:0;bottom:0;left:0;z-index:1}
.feature-bg-visual {width:100%;height:100vh;background-position:center center;background-size:cover;background-repeat:no-repeat;transform: scale(1.07, 1.07);transform-origin: center; transition: transform 7s ease;}
.swiper-slide-active .feature-bg-visual {
    animation-name: bg-scale;
    animation-duration: 7s;
}
.swiper-slide-prev .feature-bg-visual {
    transform: scale(1.07, 1.07);
    transition: transform ease 7s;
}
.swiper-slide-next .feature-bg-visual {
    transform: scale(1, 1);
    transition: transform ease 7s;
}
@keyframes bg-scale {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.07, 1.07);
    }
}

.feature-content {width:100%;height:90vh}
.feature-swipe {width:100%;height:90vh;}
.feature-slide-title {color:#fff;font-size:16px;line-height:1.4;z-index:1;word-break:break-all;text-align:justify;font-weight:900;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:auto;}
.feature-sub {width:auto;color:#fff;font-size:24px;font-weight:700;text-align:left;line-height:1;margin-bottom:10px}
.feature-slide-overlay {background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.9) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);position:absolute;top:50%;right:0;bottom:0;left:0;z-index:1}
.feature-slide-visual {width:100%;height:100vh;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#1a1a1a;transform:translate3d(0,0,0);transition:all ease 0.2s}
.feature-slide-meta {position:absolute;right:20px;bottom:50px;left:20px;width:auto;width:63%}
.feature-slide-link {display:inline-block;width:100%;height:100%;transition: all .3s;}
.feature-slide-link:hover{opacity: .7;}
.feature-slide-meta-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;}
.feature-slide-category,.feature-slide-date {color:#fff;font-size:10px;font-weight:400;line-height:1;letter-spacing:-0.05em;padding-top:10px;z-index:5}
.feature-slide-credit {position:absolute;color:#fff;font-size:8px;font-weight:400;line-height:1;bottom:20px;right:20px;width:auto;letter-spacing:-0.05em;mix-blend-mode:exclusion;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:0;height:0;white-space:nowrap;z-index:10}
.feature-score {position:absolute;top:30%;right:20px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:center;pointer-events:none;font-size:66px;font-weight:100;width:auto;z-index:2;line-height:1;color:#00ff18;mix-blend-mode:exclusion;letter-spacing:-0.025em}
.top-pickup-content {z-index:5}
.pickup-content {overflow:hidden}
.pickup-slide {width:160px;max-width:480px;min-width:160px}
.pickup-slide-title {color:#fff;font-size:18px;z-index:1;padding-right:18%;word-break:break-all;text-align:justify}
.pickup-sub {padding:0 0 15px;color:#fff;font-size:26px;font-weight:700;text-align:left;line-height:1}
.pickup-slide-overlay {background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.9) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%);position:absolute;top:50%;right:0;bottom:0;left:0;z-index:1}
.pickup-slide-visual {width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#1a1a1a;transform:translate3d(0,0,0);padding-top:120%}
.pickup-slide-meta {width:auto}
.pickup-slide-meta-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.pickup-slide-category,.pickup-slide-date {color:#fff;font-size:10px;font-weight:400;line-height:1;letter-spacing:-0.05em;padding-top:12px;z-index:5}
.pickup-slide-credit {position:absolute;color:#fff;font-size:8px;font-weight:400;line-height:1;bottom:20px;right:20%;width:auto;letter-spacing:-0.05em;mix-blend-mode:exclusion;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:0;height:0;white-space:nowrap}
.pickup-score {position:absolute;top:30%;right:20px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:center;pointer-events:none;font-size:66px;font-weight:100;width:auto;z-index:2;line-height:1;color:#00ff18;mix-blend-mode:exclusion;letter-spacing:-0.025em}
.nf-form-cont {padding:20px}
.single_wrap {position:relative;width:100%;margin:0 auto;display:block;padding:0}
.single_img {position:relative;margin-bottom:0;max-width:100%;line-height:0;height:100vh}
.single_img img {width:100%;max-width:100%;height:auto;max-height:100%;line-height:0}
.single_img .meta {position:absolute;width:66.6666%;padding:0;left:0;bottom:0;z-index:2;opacity:1;overflow:hidden}
.single_meta {width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:40px}
.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}
.archives #breadcrumbs,.archives #breadcrumbs a {color:#fff}
.single_img h1 {position:relative;clear:both;padding:10px 20px;color:#1a1a1a;line-height:2;font-size:20px;letter-spacing:1px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;background:rgba(250, 250, 250, .9);background-position:0 0;background-size:200% auto;word-break:break-all}
.wp-embedded-content {width:100%}
p.wp-embed-heading {margin:0 0 20px;font-weight:600;font-size:16px;line-height:1.6}
.profile {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;border-collapse:collapse;text-align:left;line-height:1.6;font-size:13px;margin:0 0 30px;padding:20px}
.profile tr {padding:10px;width:100%}
.profile th {width:24%;padding:10px 0;vertical-align:top;border-bottom:1px solid}
.profile td {width:76%;padding:10px 0;vertical-align:top;border-bottom:1px solid}
.single_img .cat_link {font-size:14px;line-height:1;letter-spacing:0;padding:8px 13px;position:relative;display:inline-block;background-image:linear-gradient(to right, rgba(250, 250, 250, .9) 50%, rgba(0, 0, 0, .01) 50%);background-position:0 0;background-size:200% auto;text-transform:uppercase;margin-left:-1px}
.single_img .cat_link:before {content:'';z-index:-1;width:0;height:100%;position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, .9)}
.releasebox {position:relative;margin-bottom:0;box-sizing:border-box;display:flex;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.releasebox .image_area {align-self:flex-start;flex-basis:36%}
.releasebox .image_area img {margin:0!important}
.releasebox .txt_area {flex-basis:64%;padding:0 0 0 30px;text-align:left}
.releasebox .txt_area h4 {line-height:1.6;font-size:14px;font-weight:900;margin:0 0 20px}
.releasebox .txt_area,.releasebox .txt_area p {line-height:1.6;font-size:12px;margin:0 0 10px;font-style:normal}
.releasebox .txt_area .txt {padding-top:10px;font-size:10px;line-height:1.6}
.releasebox .txt_area .txt p {padding:0;margin:0 0 10px!important;font-size:12px!important;line-height:1.6!important;font-style:normal}
.tag_list {width:100%;padding:30px 25px;margin-bottom:30px;display:inline-block;background:rgba(250, 250, 250, .1)}
.tag_list h3 {display:block;font-size:22px;line-height:22px;margin-bottom:30px;color:#fff;letter-spacing:1px;font-weight:900;text-align:center}
.tag_list ul {margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:0 0}
.tag_list li {display:inline-block;margin:0;padding:0}
.tag_list li a {margin:0 5px 5px 0;border-radius:40px;letter-spacing:0;position:relative;display:inline-block;line-height:10px;padding:11px 15px 10px;color:#fff;font-size:10px;text-decoration:none;font-weight:900;background:linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2) 60%)}
.tag_list li a:hover {background:linear-gradient(45deg, rgba(233, 30, 99, 0.8), rgba(49, 27, 146, 0.8) 60%)}
.navigation a {padding:60px 0}
.attachment-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start;width:100%;height:auto;padding:0;background-color:#1a1a1a}
.attachment-img-wrap {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;align-self:center;height:auto;min-height:562.5px}
.attachment-img {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;align-self:center;height:auto;max-height:none}
.attachment-img img {height:auto;max-height:90vh}
.attachment-page-title {color:#fff;font-size:30px;font-weight:700;text-align:left;line-height:1.2;z-index:2;mix-blend-mode:exclusion;margin-bottom:20px;width:100%}
.attachment-page-sub {font-size:12px;font-weight:400;font-style:italic;display:block}
.attachment-btn {text-decoration:none;text-align:center;padding:10px 13px;font-weight:700;font-size:12px;margin:10px auto 30px;cursor:pointer;line-height:1;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;border-radius:60px;white-space:nowrap;text-overflow:ellipsis;outline:none;border:none;width:240px;border:1px solid;max-width:100%;transition:all ease-out .2s;border:1px solid #fff;color:#fff;mix-blend-mode:exclusion}
.attachment-btn:hover,.attachment-btn:visited {color:#fff}
.authors_wrap {width:100%;padding-top:30px}
.authors {overflow:hidden;width:100%;margin-bottom:40px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.authors .author-profile {width:46%;padding:0;margin:0 0 30px}
.author-thumbnail {margin-bottom:15px}
.author-thumbnail a {display:inline-block;width:100%;height:auto;cursor:pointer}
.author-thumbnail a img {width:100%;height:auto;-webkit-border-radius:50%;-moz-border-radius:50%;opacity:1}
.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}
.attachment_img {position:relative;margin-bottom:20px}
a.btn.attach {margin:45px auto;background:rgba(250, 250, 250, .3);border:none}
a.btn.attach:hover {color:#fff;background:rgba(250, 250, 250, .5)}
.at-gallery.gallery {margin-bottom:20px}
.at-gallery.gallery a {width:70px;height:70px}
.at-gallery.gallery a img {padding:0}
.archive_title {margin:0;width:100%;padding:90px 0 0}
.archive_title h1 {text-align:center;font-weight:900;color:#fff;font-size:24px;line-height:24px;padding:25px 0;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive_title h1:after,.archive_title h1:before {content:"";position:absolute;left:50%;height:20px;width:0;z-index:10}
.archive_title h1:before {top:0;border:1px solid rgba(0, 0, 0, 0);border-left-color:rgba(250, 250, 250, .6);transform:translateX(-50%)}
.archive_title h1:after {bottom:0;border:1px solid rgba(0, 0, 0, 0);border-left-color:rgba(250, 250, 250, .6);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.article:after {clear:both}
.article .new {line-height:1;position:absolute;display:inline-block;left:-10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.article .new:before {right:-35px;top:7px}
.article .entry_date {line-height:1;position:absolute;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:-10px}
.article .entry_date:before {left:-35px;top:7px}
.article .thumb {position:relative;align-self:stretch;width:50%;overflow:hidden;height:100%}
.article:hover .thumb {background:#c4ec33}
.article:hover .thumb:after {background:linear-gradient(45deg, #a73dbd, #f7ab8d);display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:hard-light;-webkit-filter:contrast(1.1);filter:contrast(1.1)}
.article .thumb img {width:100%;height:auto;max-width:100%;max-height:100%;opacity:1}
.article:hover .thumb img {mix-blend-mode:darken;-webkit-filter:grayscale(100%) contrast(1.3);filter:grayscale(100%) contrast(1.3)}
.article .thumb .overlay {width:100%;height:100%;background-size:cover;background-position:center center;position:absolute;top:0;left:0;opacity:0}
.article .txt {position:relative;align-self:stretch;width:50%;padding:30px;height:auto}
.article .txt .cat_link {font-size:13px;color:#1a1a1a;padding:0;display:inline-block;line-height:1;letter-spacing:0;margin-bottom:10px;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
.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}
.loadmore {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;align-self:center}
.loadmore a {text-decoration:none;text-align:center;padding:10px 13px;font-weight:700;font-size:12px;margin:20px auto 40px;cursor:pointer;line-height:1;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;border-radius:60px;white-space:nowrap;text-overflow:ellipsis;outline:none;border:none;width:240px;border:1px solid;max-width:100%;transition:all ease-out .2s;border:1px solid #fff;color:#fff;mix-blend-mode:exclusion}
.loadmore a:hover {background:#fff;color:#1a1a1a}
#infscr-loading {text-align:center;margin:0 auto}
#infscr-loading img {width:16px;height:16px;display:inline-block}
#footer {position:relative;width:100%;margin:0;padding:0;background:#1a1a1a}
.footer_wrap {width:100%;margin:0;padding:60px 30px 30px}
p.footer_catch {color:#fff;font-size:12px;line-height:20px;margin-bottom:30px;text-align:center}
.footer_sns {margin:0 auto;padding:0 20px;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.footer_sns .sns_link {width:60px;height:60px}
.footer_sns .sns_link a {color:#fff;display:inline-block;padding:20px}
.footer_sns .sns_link a span {font-size:20px}
.footer_sns .sns_link a svg {width:20px;height:20px;fill:#fff}
.footer_sns .sns_link a:hover svg {opacity:.6}
.footer_logo {width:50px;height:50px;margin:0 auto 30px}
.footer-qetic-logo {fill:#fff}
.footer_container {width:100%;margin:0;padding:0}
.footer_menu {margin:0 auto 10px;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.footer_menu .footer_item {width:33%;font-size:10px;font-weight:400;color:#fff;line-height:1;padding:5px;text-align:center}
.footer_menu .footer_item a {color:#fff}
#footer .copyright {padding:70px 0 20px;font-size:8px;font-weight:400;text-align:center;color:#fff}
.backtotop {background:#212121;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;text-align:center;vertical-align:middle;width:100%}
a#linktotop {display:block;width:100%}
.btt_wrap {position:relative;margin:0 auto;width:20px;height:40px;box-sizing:border-box}
.btt_wrap span {position:absolute;width:12px;height:1px;background-color:#fff}
.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 {display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:30px 0 30px;text-align:center;vertical-align:middle;width:100%}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.extend {height:36px;width:36px;border-radius:40px;padding:10px 4px;font-weight:900;line-height:1;font-size:14px;display:inline-block;margin:2px 2px;border:1px solid #fff;mix-blend-mode:exclusion;color:#fff}
.wp-pagenavi a,.wp-pagenavi a.nextpostslink,.wp-pagenavi span.extend {border:1px solid rgba(0,0,0,0.0)}
.wp-pagenavi a:hover {border:1px solid}
.go-back a,.has-children>a {position:relative}
.go-back a::after,.go-back a::before,.has-children>a::after,.has-children>a::before {content:'';position:absolute;top:50%;margin-top:-1px;display:inline-block;height:1px;width:11px;background:#1a1a1a;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.go-back a::before,.has-children>a::before {-webkit-transform:rotate(45deg);ransform:rotate(45deg)}
.go-back a::after,.has-children>a::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.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:30px 0;padding:1px 0}
.information .separator{margin:20px 0;}
.separator:after {content:'';position:absolute;height:0;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;border-top:1px solid}
span.colorline {font-weight:700;font-weight: 700;background: linear-gradient(rgba(0,0,0,0) 88%, #b1b1b17a 88%); mix-blend-mode: color-dodge; color:#fff;}
span.colorline a {color:#fff; font-weight: 700;}
.fixed-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 142px;
    transition: all 0.3s;
    z-index: 10;
    opacity: 1!important;
}
.fixed-banner-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.fixed-banner.small {
    width: 60px;
    height: 107px;
}
.banner-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    line-height: 1;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 1px 2px 2px;
    transition: opacity 0.2s;
    backdrop-filter: blur(10px);
}
.fixed-banner:hover .banner-close-btn {
    opacity: 1;
}
.fixed-banner-video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;
}
.fixed-banner-link:hover .fixed-banner-video {
    transform: scale(0.95, 0.95);
    transform-origin: center;

}

@media only screen and (min-width:575px) {
.feature-bg-overlay {
        background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 60%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 60%);
        position: absolute;
        top: 40%;
    }
.header-qetic-logo-link:hover,
.swiper-slide-active .feature-sub,
.swiper-slide-active .feature-slide-title,
.swiper-slide-active .feature-slide-category,
.swiper-button-prev:hover,
.swiper-button-next:hover,
.newarticle-card-link:hover,
.carousel-swipe-article a:hover,
.feature-slide-link:hover,
.header-qetic-logo-link:hover {
    animation-direction: normal;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-name: anime-hover;
    animation-play-state: running;
    animation-timing-function: linear;
}
.feature-swipe {
        mix-blend-mode: exclusion;
    }
.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 40px;
}
.fixed-banner {
    bottom: 40px;
    right: 40px;
    width: 160px;
    height: 284px;
}
.fixed-banner.small {
    width: 80px;
    height: 142px;
}
header {left:35px;top:35px}
.menu-wrap {bottom:50px; }
.menu-btn {width:50px;height:50px}
.menu-btn span:nth-of-type(1) {top:20px}
.menu-btn span:nth-of-type(2) {top:30px}

.feature-slide-meta {bottom:40px;left:40px;width:64%}
.feature-sub {font-size:28px;margin-bottom:13px}
.feature-slide-title {font-size:22px;height:90px}
.feature-slide-category,.feature-slide-date {color:#fff;font-size:12px;padding-top:15px}
.loadmore a {margin:40px auto 60px}
.single-visual-bg.pc-img {display:block}
.single-visual-bg.sp-img {display:none}
.single-visual-bg,.single-visual-bg.x4-y3 {padding-top:56.25%}
.single-visual-bg.x1-y1,.single-visual-bg.x9-y16 {padding-top:100%}
h1.qetichub-title {font-size:18px;max-width: 420px;}
h2.qetichub-subtitle {font-size:42px}
.article-body.qetichub h2 {font-size:30px}
.text-box {padding:40px 0; max-width:960px;}
.article-body .text-box p,.article-body.qetichub p {font-size:15px;margin:30px auto}
.full-img {width:99%;max-width:100%;height:auto;max-height:100%;margin:0 auto;padding:0 0 10px}
.full-img-v {width:49%;padding:0 0 10px}
.backtoqetic {width:300px;margin:60px auto}
.single-content {width:calc(100% - 0px);max-width:720px;margin:0 auto}
.single-visual-meta {padding:40px 0 30px}
.breadcrumbs-box {margin-bottom:20px}
.breadcrumbs-wrap {height:12px}
.breadcrumbs {padding:0 0 30px;font-size:12px}
.single-pr {padding-top:20px;font-size:12px}
.single-title {font-size:24px}
.pagination {padding:0 0 40px}
.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-body p {padding:0}
.article-body h2 {font-size:26px;margin:60px 0 30px; padding:30px 0 0;width:100%}
.article-body h3 {font-size:22px;line-height:1.5;margin:60px 0 30px}
.article-body p {line-height:2;font-size:15px;margin-bottom:40px}
.contentbox,blockquote {width:100%;font-size:14px}
.article-body blockquote p,.contentbox p {font-size:14px;margin-bottom:0}
.information {padding:40px 120px;margin:30px auto 40px;width:100%}
.information h2 {margin:0 0 30px; padding:0;font-size:24px}
.article-body .information h3 {line-height:1.4;font-size:15px;margin:0 0 20px}
.article-body .information p {margin:0 0 5px;line-height:1.4;font-size:12px}
.article-body .information p a[rel*="attachment"] img {margin:0 auto 20px}
.information .movie_wrap {width:100%;margin:0 auto 30px}
.movie_wrap {padding:0 0 56.25%;width:100%;margin:0 auto 60px}
.instagram-media,.instagram-media-rendered,.twitter-tweet,.twitter-tweet-rendered {margin:60px auto 60px!important;max-width:100%!important}
.article-body a .btn,.article-body button,.article-body p .btn,.information a.btn {padding:13px 18px;font-size:12px;margin:30px auto 30px;width:50%}
.information a.btn {margin:20px auto 0}
.single-tag-box {margin-bottom:30px}
.single-tag-title {padding:0 0 10px;font-size:18px}
.single-tag ul {padding:0 0 30px}
.at-gallery-box {margin-bottom:30px}
.at-gallery-wrap {padding:0;background:none}
.at-gallery-title {padding:0 0 10px;font-size:18px}
.at-gallery {padding:0 0 30px}
.at-gallery a {margin:5px 5px 5px 0}
.single-relate-wrap {padding:0;background:none}
.single-relate-wrap-title {padding:0 0 10px;font-size:18px}
.single-relate-li:nth-child(odd) {background:none}
.single-relate-link {padding:10px 0}
.single-relate-meta-title {font-size:13px;height:13px}
.single-author-box {border-top:1px solid}
.single-author-link {padding:30px 0}
.single-author-img {width:60px}
.single-author-name {font-size:12px;line-height:2}
.single-author-position {font-size:12px;line-height:2}
.single-update-box {padding:30px 0}
.single-update-time {height:24px;font-size:12px;line-height:24px}
.sns_count li.fb a,.sns_count li.ln a,.sns_count li.tw a {background:none}
.carousel-swipe-article {width:240px;margin:0 20px 0 0}
.carousel-swipe {height:360px}
.carousel-swipe-article.wide {width:250px}
.carousel-swipe-wrap-title {padding:40px 40px 20px;font-size:28px}
.carousel-swipe-wrap {padding:0 20px 60px 40px}
.score {position:absolute;bottom:20px;right:20px;font-size:12px}
.carousel-swipe-meta {padding:20px}
.carousel-swipe-title {font-size:14px;margin-bottom:15px}
.carousel-swipe-cat {height:12px;font-size:12px}
.ranking-list .carousel-swipe-article:before {top:10px;left:10px}
.newarticle-padding {padding:110px 0 0}
.newarticle-wrap {padding:0 30px 30px}
.newarticle-title {padding:40px 10px 20px;font-size:28px}
.newarticle-card {width:calc(33.3333% - 20px);margin:0 10px 20px}
.newarticle-card-meta {padding:40px 20px 20px;height:auto}
.newarticle-card-title {font-size:13px;height:39px;margin-bottom:10px}
.newarticle-card-cat {height:14px;font-size:12px}
.archive-page-wrap {padding:160px 30px}
.archive-content {width:calc(33.3333% - 20px);margin:0 10px 20px}
.archive-meta {padding:40px 20px 20px;height:auto}
.archive-page-title {margin-bottom:40px;padding:0 10px}
.archive-title {font-size:13px;line-height:1.5;height:39px;margin-bottom:10px}
.archive-cat {height:12px;font-size:12px}
.archive-score {font-size:12px}
.authors {justify-content:flex-start}
.authors .author-profile {width:33%;padding:0 20px}
.authors .author-profile {width:25%;padding:0 20px;margin-bottom:60px}
.author-archive-wrap {padding:30px 0;margin:0 auto 60px}
.author-archive-img {width:25%}
.author-archive-profile {width:70%}
.author-archive-name {font-size:18px;margin:0 0 5px}
.author-archive-position {font-size:13px;margin-bottom:20px}
.author-archive-txt {font-size:13px;margin-bottom:10px}
.btt_wrap {margin:5px auto}
}
@media only screen and (min-width:959px) {
.swiper-button-prev {
    left: 20px;
}
.swiper-button-next {
    right: 20px;
}
.single-swiper-button-next:before,
.single-swiper-button-prev:before,
.swiper-button-next:before,
.swiper-button-prev:before {
    font-size: 12px;
}
.feature-content {height:100vh}
.feature-swipe {height:100vh}
.feature-slide-meta {width:40%}
.newarticle-card {width:calc(25% - 20px);margin-bottom:20px}
.archive-content {width:calc(25% - 20px);margin-bottom:20px}
.single-visual-bg.x1-y1,.single-visual-bg.x9-y16 {padding-top:80vh}
.single-title {font-size:30px}
.author-archive-img {width:20%}
.author-archive-profile {width:75%}
.author-archive-wrap {padding:60px 6%;margin:0 auto 60px}

}
@media only screen and (min-width:1199px) {
.qetichub .profile {max-width:70%;}
}
@media only screen and (min-width:1439px) {
.newarticle-card {width:calc(16.6666% - 20px);margin-bottom:20px}
.archive-content {width:calc(16.6666% - 20px);margin-bottom:20px}
.feature-slide-meta {width:30%}
.authors .author-profile {width:20%;padding:0 30px}
.full-screen-search {margin:120px auto 10px}
.modal-menu-list.second {width:33%;text-align:center}
.modal-menu-wrap {padding:60px 0 0}
.author-archive-wrap {padding:60px 20%;margin:0 auto 60px}
}
@media only screen and (min-width:1659px) {
.authors .author-profile {width:16.6666%}
.text-box {
    max-width: 80%;
}
}
@media only screen and (min-width:1919px) {
.feature-content {height:100vh}
.feature-swipe {height:100vh}
.single-content {max-width:960px;}
.newarticle-card {width:calc(12.5% - 20px)}
.archive-content {width:calc(12.5% - 20px)}
.authors .author-profile {width:14.285%}
}
@media only screen and (min-width:2559px) {
.carousel-swipe {height:490px}
.carousel-swipe-article {width:360px;margin:0 25px 0 0}
.carousel-swipe-article.wide {width:745px}
.authors .author-profile {width:12.5%}
}