@charset "utf-8";

/*
  Theme Name: LW-child
  Template: diver
  Description: 配信者の”ホット”なニュースで”今”がわかる！
  Theme URI: http://uula.jp
  Author URI:
  Version: 0.8
*/


/****************************************

		  HTML5

*****************************************/

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

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0rem;
}

[hidden],
template {
    display: none;
}


/****************************************

		  BASE

*****************************************/

:root {
    /* main color */
    --key-gray: #eee;
    --key-yellow: #f3b804;
    --key-red: #C62420;
    /*ranking*/
    --my-yellow: #f6bb42;
    --thin-yellow: #ffce54;
    --my-gold: #e3b146;
    /* money */
    --my-silver: #a7afb9;
    --my-bronze: #eeb292;
    /*youtube*/
    --my-red: #da4453;
    --thin-red: #ed5565;
    /*news*/
    --my-blue: #4a89dc;
    --thin-blue: #5d9cec;
    /*interview*/
    --my-green: #8cc152;
    --thin-green: #a0d468;
    /*insta*/
    --my-pink: #d770ad;
    --thin-pink: #ec87c0;
    /*live*/
    --my-black: #434a54;
    --thin-black: #656d78;
    --my-orange: #e9573f;
    --my-purple: #967adc;
    --thin-gray: #f5f7fa;
    font-size: 14px;
}

body {
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", FontAwesome, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration-skip-ink: none;
}

html {
    margin-top: 0 !important;
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    color: #383838;
    margin: 0;
    line-height: 1.5;
    word-break: normal;
    background: #fff;
}

div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 100%;
    font-style: normal;
    background: transparent;
}

em {
    font-style: italic;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

iframe {
    max-width: 100%;
}

.youtube-container {
    text-align: center;
}

.margin0 {
    margin: 0 !important;
}

.padding0 {
    padding: 0 !important;
}

pre {
    background: #000;
    color: #fff;
    padding: 1em;
    overflow: auto;
    margin-bottom: 1em;
}

form.customize-unpreviewable,
form.customize-unpreviewable input,
form.customize-unpreviewable select,
form.customize-unpreviewable button,
a.customize-unpreviewable,
area.customize-unpreviewable {
    cursor: pointer !important;
}


/****************************************

		  Typography

*****************************************/

h1,
h2,
h3,
h4,
h5 {
    line-height: 2;
    display: block;
}

h1 {
    font-size: 1.285714286rem;
    line-height: 1.5;
    font-weight: 600;
}

h2 {
    position: relative;
    color: #fff;
    padding: .5em 1em;
    font-size: 1.571428571rem;
    line-height: 1.5;
}

h3 {
    position: relative;
    padding: .3em 1em;
    font-weight: normal;
    margin: 1em 0 .8em;
    font-size: 1.285714rem;
}

h4 {
    position: relative;
    font-weight: bold;
    font-size: 1.285714286rem;
    padding: .2em 1em;
    color: #333;
    margin: .8em 0 .6em;
}

h5 {
    color: #333;
    font-size: 1.142857rem;
    font-weight: bold;
    margin: .6em 0 .8em;
}

h5 span {
    font-weight: bold;
}

b,
strong {
    font-weight: bold;
}

.blockquote_ref {
    font-size: 0.857142857rem;
}

.blockquote_ref div {
    overflow: hidden;
    text-align: right;
}

.blockquote_ref div a {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

.blockquote_ref div a:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 2em;
}

.blockquote_ref div a:before {
    right: 100%;
}


/****************************************

		  List

*****************************************/

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul ul {
    margin-left: 1em;
}

.inline-nospace {
    letter-spacing: -.50em;
}


/****************************************

		  table

*****************************************/

table {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
}

table thead th {
    padding: 10px;
    font-weight: bold;
}

table tbody th {
    width: 25%;
    padding: 12px;
    vertical-align: top;
    vertical-align: middle;
}

table td {
    vertical-align: top;
    vertical-align: middle;
}

.content table img {
    border: 0;
    box-shadow: none;
}

table.alignleft {
    display: inline-block;
}


/****************************************

		  data List

*****************************************/

dl {
    width: 100%;
    overflow: hidden;
}

dt {
    clear: both;
    padding: 5px;
    font-weight: bold;
}

dd {
    color: #878685;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}


/****************************************

		  Link

*****************************************/

a {
    text-decoration: none;
    line-height: 1.3;
}

a:hover {
    text-decoration: underline;
    color: var(--key-red);
}


/*
a:hover, a:focus {
  color: var(--key-red);
  text-decoration: underline;
}

a:visited {
color:#60338F;
} */

a.wrap_link {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}


/****************************************

		  Form

*****************************************/

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea {
    margin: 0;
    padding: 8px 4px;
    max-width: 100%;
    width: 80%;
    outline: none;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #777;
    vertical-align: bottom;
    font-size: 13px;
    background-color: #F7F7F7;
}

input[type="date"] {
    width: auto;
}

#comment-area input[type="text"],
#comment-area textarea {
    display: block;
    width: 100%;
    height: 50px;
    margin: 5px 0;
}

#comment-area input#author {
    height: 25px;
    width: 100%;
}

p.comment-form-author {
    float: left;
}

p#not_have_comment {
    clear: both;
    margin: 1rem;
    display: inline-block;
}

textarea {
    overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="data"]:focus,
textarea:focus {
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 0 0 3px #eee;
    -moz-box-shadow: 0 0 3px #eee;
    box-shadow: 0 0 3px #eee;
    color: #444;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    padding: 3px 25px;
    border-radius: 3px;
    color: #fff;
    background-color: var(--key-red);
    text-decoration: none;
    font-size: 12px;
    line-height: normal;
    cursor: pointer;
    border: solid 2px var(--key-red);
    -webkit-transition: all .3s;
    transition: all .3s;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #fff;
    color: var(--key-red);
    text-shadow: 0 -1px rgba(0, 0, 0, .4);
}

button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    top: 1px;
}

.button {
    text-align: center;
    margin: 10px 5px;
}

.content .button {
    margin-top: 0;
    margin-bottom: 1.2em;
}

.button a,
.content .button a {
    padding: .6em 2em;
    display: inline-block;
    position: relative;
    background-color: #70b8f1;
    border-style: solid;
    border-width: 0px;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: 2px;
    border-radius: 3px;
}

.button a i {
    vertical-align: baseline;
    line-height: 1;
}

.button a i.before {
    margin-right: 1em;
}

.button a i.after {
    margin-left: 1em;
}

.button a.medium {
    padding: .5em 1.8em;
    font-size: 16px;
}

.button a.big {
    padding: .8em 2.5em;
    font-size: 18px;
}

.button a.small {
    padding: 0.5em 1.3em;
    font-size: 13px;
}

.button.big a {
    width: 100%;
}

.button a:hover {
    -webkit-filter: brightness(0.95);
    -moz-filter: brightness(0.95);
    -o-filter: brightness(0.95);
    -ms-filter: brightness(0.95);
    filter: brightness(0.95);
    color: var(--key-red);
}

.button.inline {
    display: inline-block;
}

.button.solid a {
    position: relative;
    box-shadow: 0 5px 0 #ccc;
    top: 0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.button.shadow a {
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
}

.button.shadow a:hover {
    box-shadow: none;
}

.button.radius a {
    border-radius: 50px;
}

.button.bborder a {
    border: 2px solid #6f8e9c;
}

.button.oborder a {
    border: 2px solid #70b8f1;
    background: #fff;
    color: #70b8f1;
}

.button.frame a {
    box-shadow: 0px 0px 0px 2px #55bed5;
    border: 2px solid #ffffff;
}

.button.blue a {
    background-color: #70b8f1;
    color: #fff;
}

.button.bborder.blue a {
    border-color: #6894b7;
}

.button.oborder.blue a {
    border-color: #70b8f1;
    background: #fff;
    color: #70b8f1;
}

.button.frame.blue a {
    box-shadow: 0px 0px 0px 2px #70b8f1;
}

.button.solid.blue a {
    box-shadow: 0 5px 0 #5c96cc;
}

.button.green a {
    background-color: #2ac113;
    color: #fff;
}

.button.bborder.green a {
    border-color: #05920e;
}

.button.oborder.green a {
    border-color: #2ac113;
    background: #fff;
    color: #2ac113;
}

.button.frame.green a {
    box-shadow: 0px 0px 0px 2px #2ac113;
}

.button.solid.green a {
    box-shadow: 0 5px 0 #3da008;
}

.button.red a {
    background-color: #ff8178;
    color: #fff;
}

.button.bborder.red a {
    border-color: #af5f5f;
}

.button.oborder.red a {
    border-color: #ff8178;
    background: #fff;
    color: #ff8178;
}

.button.frame.red a {
    box-shadow: 0px 0px 0px 2px #ff8178;
}

.button.solid.red a {
    box-shadow: 0 5px 0 #dc6c60;
}

.button.yellow a {
    background-color: #ffe822;
    color: #fff;
}

.button.bborder.yellow a {
    border-color: #deb80c;
}

.button.oborder.yellow a {
    border-color: #ffe822;
    background: #fff;
    color: #ffe822;
}

.button.frame.yellow a {
    box-shadow: 0px 0px 0px 2px #ffe822;
}

.button.solid.yellow a {
    box-shadow: 0 5px 0 #dac700;
}

.button.orange a {
    background-color: #ffa30d;
    color: #fff;
}

.button.bborder.orange a {
    border-color: #b98b13;
}

.button.oborder.orange a {
    border-color: #ffa30d;
    background: #fff;
    color: #ffa30d;
}

.button.frame.orange a {
    box-shadow: 0px 0px 0px 2px #ffa30d;
}

.button.solid.orange a {
    box-shadow: 0 5px 0 #d28900;
}

.button.white a {
    background-color: #fff;
    color: #000;
}

.button.bborder.white a {
    border-color: #000;
}

.button.oborder.white a {
    border-color: #efefef;
    background: #fff;
    color: #efefef;
}

.button.frame.white a {
    box-shadow: 0px 0px 0px 2px #fff;
}

.button.solid.white a {
    box-shadow: 0 5px 0 #dcdcdc;
}

.button.gray a {
    background-color: #ccc;
    color: #505050;
}

.button.bborder.gray a {
    border-color: #aaa;
}

.button.oborder.gray a {
    border-color: #ccc;
    background: #fff;
    color: #ccc;
}

.button.frame.gray a {
    box-shadow: 0px 0px 0px 2px #ccc;
}

.button.solid.gray a {
    box-shadow: 0 5px 0 #d8d8d8;
}

.button.black a {
    background-color: #000;
    color: #fff;
}

.button.bborder.black a {
    border-color: #b1b1b1;
}

.button.oborder.black a {
    border-color: #000;
    background: #fff;
    color: #000;
}

.button.frame.black a {
    box-shadow: 0px 0px 0px 2px #000;
}

.button.solid.gray a {
    box-shadow: 0 5px 0 #696969;
}

.button.shadow.bborder a {
    border-color: #fff;
}

.button.solid a:hover {
    top: 5px;
    box-shadow: none;
}


/****************************************

		  WordPress Misc

*****************************************/

.aligncenter {
    display: block;
    margin: auto !important;
    text-align: center;
}

.content img.alignleft {
    margin-right: 20px;
}

.content div:not([class]):not([style]) {
    min-height: 1em;
}

.alignleft {
    display: block;
    float: left;
}

.alignright {
    display: block;
    float: right;
}

.content img.alignright {
    margin-left: 20px;
}

.content .alignfull {
    margin: 0 -40px;
    max-width: none;
    width: calc(100% + 80px);
}

.wp-caption {
    max-width: 100% !important;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3f3f3;
    text-align: center;
    width: fit-content;
    padding: 10px;
}

.content .wp-caption-text,
.content .gallery-caption {
    font-size: 80%;
    padding: 0;
    margin-top: 10px;
}

.content .gallery-item img {
    margin: 0;
    vertical-align: middle;
    border: none !important;
    width: 100%;
}

.content .gallery-item {
    margin: 0 !important;
}

dl.gallery-item dt {
    border: none;
    margin-bottom: 0;
    padding: 1px;
}

.content dd.gallery-caption {
    border: none;
    padding: 0;
}

.content .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption-dd {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    background: #fff;
    padding: 5px;
}

#wp-calendar td {
    padding: 5px 0;
    text-align: center;
}

#wp-calendar thead th {
    padding: 5px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #ccc;
    background: #f9f9f9;
}


/****************************************

		  Clearfix

*****************************************/

#container:after,
.clearfix:after,
.row:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
}


/* clearfix for ie7 */

#container,
.clearfix,
.row {
    display: inline-block;
}

#container,
.clearfix,
.row {
    display: block;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.content .row {
    vertical-align: middle;
}

.row.padding0 {
    margin: auto;
}


/****************************************

		  effect

*****************************************/

.effect i {
    height: 120px;
    padding: 20px;
    font-size: 100px;
    transition: .8s;
}

.effect div {
    margin: auto;
    transition: .8s;
    transition-delay: .8s;
}


/****************************************

		  Layout

*****************************************/

#container,
.wrapper {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}


/****************************************

		  main

*****************************************/

#main-wrap {
    width: 1060px;
    margin: 0 auto .25rem;
    background: #fff;
}

#main-wrap:after {
    clear: both;
    display: block;
    content: "";
}

#main-wrap #single-main.full,
#main-wrap #page-main.full {
    max-width: 969px;
    margin: 0 auto;
}

#main,
#sidebar {
    border-bottom: 1px solid transparent;
}

#main,
#single-main,
#page-main {
    width: 1060px;
}

.single-post-main {
    padding: 1em 40px;
}

section#lw_1col .wrap-post-title {
    width: max-content;
}

section#lw_2col {
    float: left;
    margin-right: -330px;
    padding-right: 330px;
    min-height: 10px;
    width: 1060px;
}

.content p {
    margin-bottom: 1.5em;
    font-size: 1rem;
    line-height: 1.5;
}

.single-post-main .content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
}

.single-post-main .content p a {
    font-size: 15px;
}

.hentry .post-meta {
    display: inline-block;
    width: 100%;
}

.hentry .post-meta,
.article_footer {
    padding: 1em 20px;
}

.hentry .post-meta-bottom {
    float: left;
    font-size: 0.857142857rem;
    margin-bottom: 12px;
}

.hentry .post-meta-bottom i {
    margin-right: 5px;
}

.hentry,
#single-main .post-sub {
    background: #fff;
    position: relative;
}

.newpost_title:before {
    font-family: fontAwesome;
    content: "\f105";
    margin-right: 5px;
}

.newpost_title {
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 3px solid #ccc;
    margin: 10px 0;
}

#single-main .post-sub .single_title:first-of-type {
    margin-top: 0;
}

.post-sub {
    margin-bottom: 1rem;
}

#content_area {
    position: relative;
}

#main-wrap.main_404 {
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
}

.space-del {
    letter-spacing: -.40em;
}


/* ad */

section.sidebar_wrap {
    float: right;
    width: 310px;
    margin-top: 27px;
}

.sidebar_ad:before {
    content: "";
    padding-top: 83.3333333%;
    display: inline-block;
    float: right;
}

.sidebar_ad {
    float: right;
    width: 310px;
    margin: 0 auto;
}

.sidebar_ad:after {
    clear: both;
}

.sidebar_ad.ad_under {
    margin-top: 1rem;
    clear: both;
}


/****************************************

		  header

*****************************************/

*:first-child+html #header>div {
    /* IE7 */
    clear: both;
    zoom: 1;
}

.header-wrap {
    width: 100%;
    height: 8rem;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.header-logo {
    position: relative;
    margin: -10px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1060px;
}

.logo_wrap {
    display: flex;
}

img#logo_complex {
    width: 23rem;
    margin: 1.5rem auto auto;
}

#logo,
.logo {
    font-weight: 100;
    line-height: 1;
    margin-right: auto;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-rows: 30% 1fr;
    height: max-content;
    text-align: center;
}

#logo a,
.logo a {
    display: inline-block;
}

a#footer_logo img {
    width: max-content;
}

#logo img,
.logo img {
    height: 2.5rem;
    width: auto;
    vertical-align: middle;
    margin: auto 0;
    padding: .3em 0;
    object-fit: contain;
}

#logo .catchcopy img {
    height: 1.5rem;
    margin: 2rem auto auto;
}

div.logo_title {
    font-size: 2em;
    font-weight: bold;
    padding: .7em 0;
}

#nav_fixed div.logo_title {
    font-size: 2em;
    padding: .4em 0;
}

.header_small_menu #description {
    padding: .3rem;
    font-size: 10px;
    width: 100%;
    line-height: 1rem;
}

.header-left {
    width: 80%;
}

.header-left div {
    text-align: right;
    vertical-align: middle;
}
#main_head {
    width: 1060px;
    margin: auto;
}
form.searchform {
    position: relative;
    margin: auto;
    width: 310px;
}

.searchform .s {
    background: #fff;
    padding: 11px 8rem 11px 10px;
    width: 100%;
    font-size: 0.857142857rem;
    border: 2px solid var(--key-red);
    border-radius: 0.3rem;
}

input[type="submit"].searchsubmit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    padding: 0;
    background: url(images/search_w.png) no-repeat 50% 50%;
    background-size: 17px;
    background-color: var(--key-red);
    border-left: none;
    border-radius: 0 0.3rem 0.3rem 0;
    border: var(--key-reds);
}

#sidebar .widget_search.widget .searchform {
    margin: -10px;
}

.header_small_menu .searchform {
    width: 180px;
    margin-left: 5px;
}

.header_small_menu .searchform .s {
    padding: 2px 20% 2px 5%;
}

.main_404 form.searchform {
    margin: auto auto 1rem;
    float: none;
}

.header_small_menu .searchsubmit {
    padding: 1px 23px;
    height: auto;
}

.header_small_menu li a {
    padding: 3px !important;
}

.header_small_menu a:before {
    font-family: fontAwesome;
    content: "\f0da";
}

.header_small_menu {
    padding: 5px;
    font-size: 12px;
}

.header_small_menu_right li,
.header_small_menu_left li {
    display: inline-block;
    padding: 0 3px;
    vertical-align: middle;
}

.header_small_menu_right {
    float: right;
}

.header_small_menu .menu_desc {
    display: none;
}

.header_search {
    float: right;
}

.header_small_content {
    margin: 0 auto;
    border-bottom: solid .1px #eee;
    width: 1060px;
}

.description_sp {
    font-size: 0.714285714rem;
    text-align: center;
    padding: .3em 0;
}


/****************************************

		  Navigation

*****************************************/

.drawer-nav,
.drawer-nav a,
#header_search,
#header_search a {
    display: none;
}

.header-logo #nav ul,
#nav_fixed #nav ul {
    float: right;
}

#onlynav {
    position: relative;
}

#onlynav ul {
    display: table;
    top: 1.5rem;
}

.header_nav {
    display: flex;
    align-items: center;
}

.header_nav a span:before {
    content: '';
    width: 2.8rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center, center;
    display: block;
    z-index: 3;
    background-size: 1.5rem;
    margin: auto;
    box-sizing: border-box;
}

.nav_home a span:before {
    background-image: url(images/nav/nav_home.svg);
}

.nav_news a span:before {
    background-image: url(images/nav/nav_news.svg);
}

.nav_rank a span:before {
    background-image: url(images/nav/nav_rank.svg);
    background-size: 1.5rem;
}

.nav_youtube a span:before {
    background-image: url(images/nav/nav_youtube.svg);
    background-size: 1rem;
    background-position-x: 55%;
}

.nav_live a span:before {
    background-image: url(images/nav/nav_live.svg);
}

.nav_tiktok a span:before {
    background-image: url(images/nav/nav_tiktok.svg);
    background-size: 1.2rem;
}

.nav_interview a span:before {
    background-image: url(images/nav/nav_interview.svg);
    background-size: 1.3rem;
}

.nav_money a span:before {
    background-image: url(images/nav/nav_money.svg);
    background-size: 1.3rem;
}

.onlynav a {
    z-index: 1;
}

#onlynav ul li a {
    font-size: 10px;
}

.nav_news.current-menu-item a span:before {
    background-image: url(images/nav/color_news.svg);
}

.nav_rank.current-menu-item a span:before {
    background-image: url(images/nav/color_rank.svg);
}

.nav_youtube.current-menu-item a span:before {
    background-image: url(images/nav/color_youtube.svg);
}

.nav_live.current-menu-item a span:before {
    background-image: url(images/nav/color_live.svg);
}

.nav_tiktok.current-menu-item a span:before {
    background-image: url(images/nav/color_tiktok.svg);
}

.nav_interview.current-menu-item a span:before {
    background-image: url(images/nav/color_interview.svg);
}

.nav_money.current-menu-item a span:before {
    background-image: url(images/nav/color_money.svg);
}

.nav_news a:hover span:before {
    background-image: url(images/nav/title_icon/title_news.svg);
}

.nav_rank a:hover span:before {
    background-image: url(images/nav/title_icon/title_rank.svg);
}

.nav_youtube a:hover span:before {
    background-image: url(images/nav/title_icon/title_youtube.svg);
}

.nav_live a:hover span:before {
    background-image: url(images/nav/title_icon/title_live.svg);
}

.nav_tiktok a:hover span:before {
    background-image: url(images/nav/title_icon/title_tiktok.svg);
    background-size: 1.2rem;
}

.nav_interview a:hover span:before {
    background-image: url(images/nav/title_icon/title_interview.svg);
}

.nav_money a:hover span:before {
    background-image: url(images/nav/title_icon/title_money.svg);
    background-size: 1.3rem;
}

.current-menu-item.nav_news a {
    color: var(--my-blue);
}

.current-menu-item.nav_rank a {
    color: var(--my-yellow);
}

.current-menu-item.nav_youtube a {
    color: var(--my-red);
}

.current-menu-item.nav_live a {
    color: var(--my-black);
}

.current-menu-item.nav_tiktok a {
    color: var(--my-pink);
}

.current-menu-item.nav_interview a {
    color: var(--my-green);
}

.current-menu-item.nav_money a {
    color: var(--my-gold);
}

.onlynav a:hover {
    color: #fff !important;
}

.header-wrap .header_nav a:hover {
    color: #fff;
    border-radius: 3px;
    padding: .1rem .5rem;
}

.header-wrap .nav_news a:hover {
    background-color: var(--my-blue) !important;
}

.header-wrap .nav_rank a:hover {
    background-color: var(--my-yellow) !important;
}

.header-wrap .nav_youtube a:hover {
    background-color: var(--my-red) !important;
}

.header-wrap .nav_live a:hover {
    background-color: var(--my-black) !important;
}

.header-wrap .nav_tiktok a:hover {
    background-color: var(--my-pink) !important;
}

.header-wrap .nav_interview a:hover {
    background-color: var(--my-green) !important;
}

.header-wrap .nav_money a:hover {
    background-color: var(--my-gold) !important;
}

ul.sub-menu {
    font-size: 12px;
    border-radius: 5px;
}

ul.sub-menu li {
    padding-left: 1rem;
    border: none!important;
}

#onlynav ul>li:hover>a:hover,
#onlynav ul>li:hover>a,
#onlynav ul>li:hover li:hover>a,
#onlynav ul li:hover ul li ul li:hover>a {
    border-radius: 5px;
}

.recommend {
    text-align: center;
}

span.nav_recommend {
    position: relative;
    right: 0;
    bottom: 0;
}

span.nav_recommend img {
    width: 4.5rem;
}

.nav_recommend .active {
    position: absolute;
    left: 0;
    top: -21px;
    opacity: 0;
}

.nav_recommend:hover .active {
    opacity: 1;
}


/* fixed nav */

.header-logo #nav ul,
#onlynav ul,
#nav_fixed #nav ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    z-index: 999;
}

.header-logo #nav ul::after,
#onlynav ul::after,
#nav_fixed #nav ul::after {
    display: block;
    clear: both;
    content: '';
}

.header-logo #nav ul li,
#onlynav ul li,
#nav_fixed #nav ul li {
    position: relative;
    float: left;
    margin: auto;
    display: grid;
    align-items: center;
    justify-items: center;
    width: 104px;
    padding: 0 8px;
}

.header-logo #nav ul li.nav_money {
    margin-right: 0;
}

.header-logo #nav ul li:not(:first-child),
#onlynav ul li:not(:first-child),
#nav_fixed #nav ul li:not(:first-child) {
    border-left: solid var(--key-gray) .5px;
}

.header-logo #nav ul li:hover,
#onlynav ul li:hover,
#nav_fixed #nav ul li:hover {
    background-color: rgba(255, 255, 255, .3);
}

#onlynav ul li a,
#nav_fixed #nav ul li a {
    padding: 0.7em 0.5em;
}

.header-logo #nav ul li a,
#onlynav ul li a,
#nav_fixed #nav ul li a {
    display: inline-block;
    line-height: 1.5rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
    vertical-align: bottom;
    font-size: 10px;
    color: var(--my-black);
}

#nav_fixed #nav ul li a:visited,
#onlynav ul li a:visited,
.header-logo #nav ul li a:visited {
    color: var(--my-black);
}

.header-logo #nav ul li a:hover {
    color: #fff!important;
}

#nav_fixed #nav ul li a span {
    font-size: 0.714285714rem;
}

.header-logo #nav ul li ul a span,
#onlynav ul li ul a span,
#nav_fixed #nav ul li ul a span {
    font-size: 0.857142857rem;
    padding: 0.7em 0.5em;
    border: none;
    background: #fff;
}

.header-logo #nav ul ul,
#onlynav ul ul,
#nav_fixed #nav ul ul {
    position: absolute;
    top: 100%;
    left: 0px;
}

.header-logo #nav ul li:last-child ul,
#onlynav ul li:last-child ul,
#nav_fixed #nav ul li:last-child ul {
    right: 0px;
    left: auto;
}

.header-logo #nav ul ul li,
#onlynav ul ul li,
#nav_fixed #nav ul ul li {
    float: none;
    margin: 0 auto;
    width: 8rem;
}

.header-logo #nav ul ul li:not(:first-child),
#onlynav ul ul li:not(:first-child),
#nav_fixed #nav ul ul li:not(:first-child) {
    border-top: none;
}

.header-logo #nav ul ul ul,
#onlynav ul ul ul,
#nav_fixed #nav ul ul ul {
    position: absolute;
    top: 0px;
    left: 100%;
}

.header-logo #nav ul ul,
#onlynav ul ul,
#nav_fixed #nav ul ul {
    z-index: 999;
    min-width: 100%;
    background: #fff;
}

.header-logo #nav .menu_desc,
#onlynav .menu_desc,
#nav_fixed #nav .menu_desc {
    font-size: 10px;
    margin-top: 5px;
    opacity: 0.5;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    padding: 0 .5em;
    height: 12px;
}

.header-logo #nav ul ul .menu_desc,
#onlynav ul ul .menu_desc,
#nav_fixed #nav ul ul .menu_desc {
    display: none;
}


/****************************************

		  navigation

*****************************************/

.navigation {
    overflow: hidden;
    margin: 10px 0;
    background: #fff;
}

ul.navigation {
    box-shadow: none;
}

.navigation>div {
    width: 50%;
}

.navigation .right {
    text-align: right;
    border-top: 1px solid #ccc;
}

.navigation .right.dict_start {
    border-top: none;
}

.navigation .left a:before {
    font-family: fontAwesome;
    content: "\f053";
    margin-right: 10px;
    vertical-align: middle;
}

li.left a {
    font-size: 1rem;
}

.navigation .right a:after {
    font-family: fontAwesome;
    content: "\f054";
    margin-left: 10px;
    vertical-align: middle;
}

.navigation a {
    display: block;
    padding: 1em;
    border: none;
}

.navigation a:hover {
    background: #eef;
    color: #000;
}

.navigation .alignright a:hover {
    border-left: 1px solid #ddd;
}


/****************************************

		  header 下

*****************************************/

.under_header {
    width: 1060px;
    display: flex;
    margin: 1rem auto 0;
    justify-content: space-between;
    align-items: baseline;
}


/* news速報 障害情報*/

span.maintenance:before,
span.new_news:before {
    background: var(--key-red);
    color: #fff;
    padding: .1rem .3rem;
    font-size: .714285714rem;
    margin: auto .5rem auto 0;
    border-radius: .2rem;
}

span.new_news:before {
    content: "NEW";
}

span.maintenance:before {
    content: "障害情報";
    white-space: nowrap;
}

span.maintenance,
span.new_news {
    font-size: .857142857rem;
    position: relative;
    width: 620px;
    display: flex;
    height: max-content;
    font-size: 1rem;
}

span.maintenance a,
span.new_news a {
    padding-top: 3px;
    overflow: hidden;
    width: 575px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.maintenance a {
    color: var(--key-red);
}


/****************************************

		  scroll nav

*****************************************/

#scrollnav {
    position: relative;
    width: 100%;
    background: #ccc;
    overflow-x: auto;
    display: none;
}

#scrollnav ul {
    margin: 0 auto;
    list-style: none;
    white-space: nowrap;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
}

#scrollnav ul li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    flex: 1;
}

#scrollnav ul li a {
    font-size: 0.714285714rem;
    color: #070f33;
    background: #fff;
    padding: 6px 8px;
    opacity: .8;
    letter-spacing: normal;
    margin-right: 1px;
    display: block;
    white-space: nowrap;
    font-weight: bold;
}

#scrollnav ul li ul {
    display: none;
}


/****************************************

		  fix header

*****************************************/

#nav_fixed {
    display: none;
    z-index: 10;
}

#nav_fixed.fixed {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    display: block;
    z-index: 1000;
    box-shadow: 0px 3px 10px rgba(200, 200, 200, 0.2);
    -webkit-box-shadow: 0px 3px 10px rgba(200, 200, 200, 0.2);
    -moz-box-shadow: 0px 3px 10px rgba(200, 200, 200, 0.2);
}


/****************************************

		  page link

*****************************************/

.page-link {
    text-align: center;
    letter-spacing: -0.4em;
    margin: 0 auto 2rem;
}

.comment-page-link {
    margin: 0 0 3em;
}

.page-link span.paged,
.comment-page-link span,
.comment-page-link a {
    background: #eee;
    color: #333;
    padding: 12px 22px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0px;
    margin: 0px 3px;
    border-radius: 3px;
}

.page-link a span.paged,
.comment-page-link a {
    background: #eee;
    color: #333;
    border-bottom: 3px solid #ddd;
}

.page-link a {
    border-bottom: none;
    color: #000;
}

.page-link a span.paged:hover,
.comment-page-link a:hover {
    background: #eef;
    color: #000;
}

span.post-page-numbers.current span {
    background: var(--key-red);
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.page-link a span.page-links_tp {
    padding: .8em 2.5em .8em 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #eee;
    display: inline-block;
    color: #555;
    border-radius: 3px;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(200, 200, 200, .5);
    position: relative;
}

.page-link a span.page-links_tp:after {
    content: "\f0da";
    position: absolute;
    right: 10px;
    font-family: fontAwesome;
}


/****************************************

		  header image area

*****************************************/

.header_img_inner_wrap>div {
    display: table-cell;
    vertical-align: middle;
}

.header-image {
    position: relative;
    overflow: hidden;
}

.header-image img {
    width: 100%;
    vertical-align: middle;
}

a.header-image_link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .4s;
}

.header-image:hover a.header-image_link:before {
    box-shadow: inset 0 0px 8px rgba(0, 0, 0, .4);
}

a.header-image_link {
    transition: .4s;
    position: relative;
    display: block;
    line-height: 0;
}

.custom-header-img {
    position: relative;
    padding: 3em 0;
    box-shadow: 0 0px 20px 0 rgba(100, 100, 100, 0.3) inset, 0px 0px 10px 0 rgba(100, 100, 100, 0.2) inset;
    -moz-box-shadow: 0 0px 20px 0 rgba(100, 100, 100, 0.3) inset, 0px 0px 10px 0 rgba(100, 100, 100, 0.2) inset;
    -webkit-box-shadow: 0 0px 20px 0 rgba(100, 100, 100, 0.3) inset, 0px 0px 10px 0 rgba(100, 100, 100, 0.2) inset;
}

.custom-header-img .header_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}

.header_img_inner_wrap,
.firstview_header_inner_content {
    position: relative;
    text-align: center;
}

.header_image_title {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 20px;
}

.header_inner_icon {
    display: table-cell;
    width: 40%;
}

.header_inner_icon img {
    object-fit: contain;
    font-family: 'object-fit:contain;';
    max-height: 350px;
}

.header_inner_text {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 0 10px;
}

.header_image_desc {
    margin-bottom: 25px;
}


/****************************************

		  Breadcrumb

*****************************************/

#breadcrumb {
    font-size: 10px;
    padding: 0 0 1rem 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#breadcrumb li {
    display: inline-block;
}

#breadcrumb li:not(:first-child):before {
    content: '\f0da';
    color: #aaa;
    margin: 0 0.6rem;
    position: relative;
    top: 1px;
    font-family: 'FontAwesome';
}

#breadcrumb .breadcrumb-title {
    color: #999;
}


/****************************************

		  Layout list

*****************************************/

.appeal_box,
#share_plz,
.hentry,
#single-main .post-sub,
#sidebar .widget,
.navigation,
.pickup-cat-wrap,
.maintop-widget,
.mainbottom-widget,
.post-box-contents,
#main-wrap .pickup_post_list,
.sticky-post-box,
.p-entry__tw-follow,
.p-entry__push,
.catpage_content_wrap,
#cta {
    border: solid 1px #ccc;
}

#main .page {
    overflow: hidden;
    margin-bottom: 59px;
    border-bottom: 1px solid transparent;
}

.wrap-post-title,
h1.page_title,
h2.rank_title,
.tag_page_subtitle.news_title,
.tag_page_title {
    padding: 5px 0 5px 15px;
    font-size: 16px;
    margin: 8px auto 0px;
    position: relative;
    font-weight: 700;
    align-items: center;
    display: flex;
}

.wrap-post-title,
h1.page_title,
h2.rank_title,
.tag_page_subtitle.news_title,
.tag_page_title {
    color: #000;
    box-shadow: none;
    border-bottom: solid 2px var(--key-red);
    border-radius: 0;
    padding: 4px 0;
    margin: auto 0;
}

h1.page_title:before {
    content: '\f0c8';
    color: var(--key-red);
    margin-right: 4px;
}

h2.rank_title {
    border-bottom: solid 2px var(--key-yellow);
}

.tag_page_subtitle.news_title {
    border-bottom: solid 2px var(--my-blue);
}

.cat_title_dict {
    border-bottom: solid 2px var(--key-red);
}

.cat_title_live {
    border-bottom: solid 2px var(--my-black);
}

.cat_title_tiktok {
    border-bottom: solid 2px var(--my-pink);
}

.cat_title_interview {
    border-bottom: solid 2px var(--my-green);
}

.cat_title_money {
    border-bottom: solid 2px var(--my-gold);
}

h2.wrap-post-title:before,
h2.rank_title:before,
.tag_page_subtitle.news_title:before,
.tag_page_title:before {
    content: '\f0c8';
    color: var(--key-red);
    margin-right: 4px;
}

h2.rank_title:before {
    color: var(--key-yellow);
}

.tag_page_subtitle.news_title:before {
    color: var(--my-blue);
}

.cat_title_dict:before {
    color: var(--key-red);
}

.cat_title_live:before {
    color: var(--my-black);
}

.cat_title_interview:before {
    color: var(--my-green);
}

.cat_title_tiktok:before {
    color: var(--my-pink);
}

.cat_title_money:before {
    color: var(--my-gold);
}

.tag_page_subtitle.interview_title img,
.tag_page_subtitle.news_title img {
    width: 0;
    margin-right: 0.5rem;
}

.widget .wrap-post-title {
    margin-top: 0px;
}

.wrap-post-title-inner {
    position: absolute;
    right: 20px;
    font-size: 0.714285714rem;
    padding: 0.3em 0;
}

.interview_wrapper .post_thumbnail {
    width: 17%;
    float: left;
}

.interview_wrapper .post-box-contents {
    width: 100%;
    height: auto;
    margin: 0 auto 1rem;
}

.interview_wrapper .post-box .post-date {
    bottom: auto;
}

h3.tag_page_title.lw_tag {
    background: #fff;
    color: #000;
}

.post-box {
    width: 100%;
    position: relative;
    display: inline-block;
}

.post-box-contents {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: .4s;
    background: #fff;
}

.post-box .post-meta-all {
    overflow-y: hidden;
    padding: 0 15px;
    display: table-cell;
    vertical-align: top;
}

.post-box-contents .post-meta-all {
    padding-bottom: 0!important;
}

.grid_post-box .post-meta-all {
    padding-bottom: 0;
}

.post-box .post-title {
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0;
}

.post-box .post-date {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    position: relative;
}

.post-box .post-substr {
    font-size: 13px;
    /*height: 4.5em;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.post-box-contents .post-author {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.post_thumbnail {
    width: 280px;
    float: left;
}

.post-box-thumbnail {
    background: #eee;
    position: relative;
}

.post-box-thumbnail__wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.post-box-thumbnail__wrap:before {
    content: "";
    padding-top: 56.25%;
    display: inline-block;
    float: right;
    height: 0;
}

.post-box-thumbnail__wrap:after {
    clear: both;
}

.post-box-thumbnail__wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.post-box .post-cat {
    background: #777;
    padding: 2px 0;
    font-size: 0.714285714rem;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: bold;
}

.post_thumbnail .post-cat,
.grid_post_thumbnail .post-cat {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: 0;
}

.post-cat-sp {
    padding: 4px 5px;
    border-radius: 3px;
}

.post-box .post-tag {
    display: inline;
    font-size: 0.714285714rem;
    vertical-align: middle;
}

.post-box .post-tag a {
    display: inline-block;
    background: #eee;
    color: #000;
    padding: 3px 8px;
    font-size: 10px;
    margin: 0 3px;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

.post-box .post-tag i {
    font-family: fontAwesome;
    content: "\f02b";
    margin-right: 5px;
    vertical-align: middle;
}

body.archive.tag:before {
    content: "";
}
.archive.tag .post_list_tag {
    display: none;
}

.tag:before {
    content: "#";
}

.post-cat a,
.post-cat-sp a {
    color: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}

.post-author li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.single-post-date.published {
    color: #999;
}

.single-post-date,
.post-meta-bottom span {
    margin-right: 8px;
}

.post-meta-bottom .post_reading_time:before {
    content: "\f017";
    font-family: fontAwesome;
}

.post-meta-bottom .post_views:before {
    content: "\f06e";
    font-family: fontAwesome;
}

.post-meta-bottom .post_views:after {
    content: "views";
    font-size: 0.857142857rem;
}

li.post-author-name {
    line-height: 30px;
    margin-left: 5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7em;
    white-space: nowrap;
}

li.post-author-name a {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.post-author-thum img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
}

.comment-num {
    white-space: nowrap;
}

.more-link {
    float: right;
}


/****************************************

		  Layout Grid

*****************************************/

div#news_wrap {
    height: 920px;
    border: solid 1px #ccc;
}

.wrap-grid-post-box {
    margin: 0 auto 1rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -js-display: flex;
    padding: 1rem 0.2rem 0.2rem;
}

.tag_page_title {
    text-align: center;
}

.tag_page_title img {
    width: 0px;
    margin-right: 4px;
}

.grid_post-box {
    position: relative;
    padding: 4px;
    letter-spacing: normal;
    vertical-align: top;
}

.grid_post-box:hover .post-box-contents {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.grid_post_thumbnail {
    width: 100%;
    height: auto;
}

.grid_post-box .post-meta-all {
    padding: 8px 4px;
    margin-bottom: .3125rem;
}

.post-meta-all {
    word-wrap: break-word;
}

.grid_post-box .post-title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1;
}

.pickup_post_contents {
    font-size: 13px;
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: .5rem auto 0;
    text-indent: 0.8rem;
}

.post_tag_time {
    display: flex;
    position: absolute;
    align-items: center;
    padding-bottom: 2px;
    padding-top: 2px;
    bottom: 1px;
}
.grid_post-box .post-tag {
    display: flex;
    justify-content: center;
}

.post-tag img {
    vertical-align: inherit;
    width: 1rem;
    height: .9rem;
    object-fit: contain;
}

.post-tag a {
    display: block;
    vertical-align: middle;
}

.grid_post-box .post-date {
    font-size: .714285714rem;
    margin-left: 8px;
    line-height: 2;
}

.grid_post-box .post-substr {
    font-size: 0.714285714rem;
}

.grid_post-box .post-author {
    position: absolute;
    bottom: 8px;
    right: 15px;
}

.grid_post-box.adbox {
    width: 100%;
}

article.grid_post-box:before {
    content: "";
    padding-top:inherit;
    float: right;
    display: inline-block;
}

.grid_post-box {
    width: calc(100%/5);
    height: 213px;
}
div#lw_top_left {
    width: calc(100%/5*2);
    z-index: 1;
}

div#lw_pickup {
    height: 300px;
}

div#lw_pickup .grid_post-box {
    width: 100%;
    height: 426px;
}

#lw_pickup .grid_post-box .post-title {
    -webkit-line-clamp: 2;
    min-height: auto;
}

#cate_six_wrap {
    display: flex;
    width: calc(100%/5*3);
    position: relative;
    flex-wrap: wrap;
}
#cate_six_wrap .grid_post-box {
    width: calc(100%/3);
    height: 213px;
}
div#cate_six_wrap_two {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#category_entertainment #lw_top_left{
    -webkit-line-clamp: 2;
    padding: 0 .25rem .5rem;
}

#category_entertainment div#lw_pickup {
    height: auto;
}

#category_entertainment div#lw_pickup .grid_post-box{
    height: auto;
}

#category_entertainment #cate_six_wrap .grid_post-box:first-of-type {
    grid-column: 1/2;
}
#category_entertainment article.grid_post-box:nth-of-type(4) {
    grid-column: 4/5;
}

#category_entertainment .pickup_post_contents.pc_only{
    display: none!important;
}
/*
#category_money.tab_area_category {
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-template-rows: 426px 213px auto;
}

#category_money div#lw_top_left {
    grid-column: 1/2;
    grid-row: 1/2;
}

#category_money div#cate_six_wrap {
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-template-rows: 426px 213px auto;
}

#category_money #cate_six_wrap .grid_post-box:first-of-type {
    grid-column: 2/3;
} */

.pickup_wrap {
    grid-column: 1/6;
    grid-row: 3/4;
}

.pickup_wrap.pickup_wrap_1row{
    grid-row: 4/5;
}

.pickup_wrap #cate_six_wrap {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 192px;
    border-top: solid 1px #ccc;
    padding-top: 16px;
    margin-top: 8px;
}

.pickup_wrap #cate_six_wrap:before {
    content: "おすすめの記事";
    position: absolute;
    top: -10px;
    background: #fff;
    padding: 0px 16px 0px 8px;
}

.pickup_wrap #cate_six_wrap .grid_post-box:first-of-type {
    grid-column: 1/2;
}

.pickup_wrap article.grid_post-box:nth-of-type(4) {
    grid-column: 4/5;
}

.pickup_wrap #cate_six_wrap .grid_post-box {
    height: 192px;
}

.pickup_wrap .grid_post-box .post-title {
    -webkit-line-clamp: 2;
    min-height: auto;
}


section.news_keyword {
    position: relative;
    margin: 3.5px;
    padding: 8px 8px 16px;
    height: calc(100% - 300px - 7px);
    border: solid 1px #E1E1E1;
}

section.news_keyword h2 {
    color: #000;
    font-size: .857142857rem;
}

section.news_keyword h2 i {
    margin-right: 5px;
}

section.news_keyword ul#lw_news_tag {
    display: flex;
    word-break: keep-all;
    flex-wrap: wrap;
}

section.news_keyword ul#lw_news_tag li {
    background: #fff;
    border: solid 1px var(--key-gray);
    padding: 1px 10px;
}

ul#lw_news_tag li:before {
    content: '\f02b';
    margin-right: 5px;
    color: var(--key-yellow);
}


/* interview only */

article.grid_post-box.interview {
    width: calc(100%/2);
    height: 320px;
}

article.grid_post-box.interview:before {
    padding-top: 0;
}

article.grid_post-box.interview .grid_post-box .post-meta-all {
    height: 80px;
}

/****************************************

		  Layout Mini

*****************************************/

.wrap-mini-post-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mini-list-post-box {
    width: calc(50% - 10px);
    margin: 5px;
}

.mini-list-post-box .post_thumbnail {
    width: 150px;
    height: 100%;
}

.mini-list-post-box .post-box-contents.clearfix {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 120px;
}

.mini-list-post-box .post-meta-all {
    padding: 10px;
    flex: 1;
    position: relative;
}

.mini-list-post-box .post-title {
    font-weight: bold;
    font-size: 0.857142857rem;
    padding-bottom: 5px;
    max-height: calc(4.5em);
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mini-list-post-box .post-date {
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    left: 15px;
}

.mini-list-post-box .post-cat {
    background: #999;
    padding: 2px 0;
    font-size: 0.714285714rem;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}


/****************************************

		  content

*****************************************/

.content {
    line-height: 1.8;
    margin-bottom: 2em;
    position: relative;
    word-break: normal;
}

.content img {
    max-width: 100%;
    height: auto;
    margin: 0 0 1.5em 0;
}

.content .padding0 img {
    margin: 0;
}

.content p.has-background {
    padding: 20px 30px;
}

.post-upon {
    padding: 20px;
    padding-top: 0;
    background: #fff;
}

#single-main .post-author.author {
    position: relative;
    float: right;
    display: block;
    margin-bottom: 12px;
    margin-top: -8px;
}

#single-main li.post-author-name {
    max-width: none;
}

.single_thumbnail {
    text-align: center;
    background-position: center !important;
    background-size: 100% auto !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
}

.single_thumbnail img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    object-fit: contain;
    font-family: 'object-fit:contain;';
}

.single_thumbnail figcaption {
    background-color: inherit;
    text-align: right;
    padding: .2em 1em;
    font-size: 0.857142857rem;
}

.featured_youtube {
    text-align: center;
}

.featured_youtube iframe {
    width: 100%;
    height: 420px;
    margin: 0 auto;
}

h1.single-post-title {
    margin: 10px 0;
}

.post_footer_author_title {
    background: #eee;
    border: 2px solid #eee;
    padding: 5px 0 5px 15px;
    margin-top: 25px;
    border-radius: 5px 5px 0 0;
    font-size: 0.857142857rem;
}

.post_footer_author {
    min-height: 100px;
    border: 2px solid #eee;
    padding: 15px;
    margin-bottom: 10px;
}

.sc_post_author_user {
    padding: 20px 20px 10px 20px;
    background-color: #f6f6f6;
    border-radius: 5px;
    margin-bottom: 20px
}

.post-author-more {
    text-align: center;
    width: 100%;
}

.post-author-more a {
    background-color: #000;
    padding: 8px;
    color: #fff !important;
    width: 90%;
    display: block;
    border-radius: 3px;
    font-weight: bold;
    margin: 10px auto;
}

.post-author-more a,
.content .post-author-more a {
    font-size: 0.857142857rem;
    text-decoration: none;
}

.post_author_user {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap;
}

.post_author_user .profile_sns li a {
    width: 28px;
    line-height: 28px;
}

.post_author_user .profile_sns li a i {
    margin: 0
}

.post_author_user .post_thum {
    text-align: center;
}

.post_author_user .post_thum img {
    border-radius: 5px;
    margin: 0 auto;
    width: 30px
}

.post_author_user_meta {
    vertical-align: middle;
    padding-left: 20px;
    flex: 1;
}

.post_author_user .post-author {
    float: none;
    font-size: 1rem;
    line-height: 1.5;
}

.post_author_user .post-author a {
    text-decoration: none;
}

.post_author_user_meta .post-description {
    font-size: 0;
    min-height: 0;
}

.post_footer_author_title_post {
    font-weight: bold;
    border-bottom: 2px dotted #eee;
    margin: 10px 0;
    margin-top: 15px;
    clear: both;
}

.post_author_user .profile_sns {
    padding: 5px 0;
    white-space: nowrap;
}

#sidebar .post_author_user {
    display: block;
}

#sidebar .post_author_user .post-author {
    text-align: center;
}

#sidebar .post_author_user_meta {
    padding: 0;
}

#sidebar .post_author_user .profile_sns li a {
    width: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0 3px;
}

.author-post {
    position: relative;
    letter-spacing: normal;
}

.post_footer_author .author-post {
    width: 25%;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
}

.author-post-meta {
    padding: 5px;
}

.post_footer_author .author-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}

.post_footer_author .author-post-cat span {
    background: #333;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    color: #fff;
    padding: 1px 5px;
}

.post_footer_author .author-post-title {
    line-height: 1.5;
    font-size: 13px;
}

.post_footer_author .author-post-date {
    font-size: 12px;
    color: #666;
}

.post_footer_author .author-post-title a {}

.hentry .single-post-category {
    font-size: 0.857142857rem;
    background: #c9cbcc;
    padding: .3em 1em;
    margin: 2px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.hentry .hentry {
    border: none;
}

.single-post-category img.youtube {
    transform: scale(0.7);
}

.post .single-post-category a {
    color: #fff;
    vertical-align: middle;
}

.single-post-category img {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

img.tiktok {
    height: .7rem;
}

#single-main .tag .tag-wrap {
    margin-left: 120px;
}

#single-main .post-meta .tag,
#single-main .article_footer .tag {
    display: inline-block;
    margin-right: 5px;
    padding: .3em .5em;
    border-radius: 2px;
    margin-top: 0;
    vertical-align: middle;
    background: #efefef;
    font-size: 0.857142857rem;
}

#single-main .article_footer .tag a,
#single-main .post-meta .tag a {
    color: #000;
    text-decoration: none;
}

#single-main .post-meta .tag:before,
#single-main .article_footer .tag:before {
    content: "\f02b";
    margin-right: 5px;
    color: #7e9da7;
    font-family: fontAwesome;
}

#single-main .tag_area {
    padding: 0 5px;
}

.single_title,
#comment-area .comment_title {
    background: 0;
    padding: 10px;
    border-radius: 0;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}

.single_title a {
    color: #577fbc;
}

.content ul,
.content ol,
.content table,
.content dl {
    margin-bottom: 1.2em;
}

.content ul {
    list-style-type: disc;
    padding-left: 1.5em;
    line-height: 2;
}

.content ul li {
    line-height: 1.5;
    margin-bottom: .6em;
}

.content ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    line-height: 2;
}

.content a {
    color: #0033cc;
    word-break: break-all;
}

.content .sc_frame ul,
.content .sc_frame ol {
    padding: 0 1.2em;
    margin-bottom: 0;
}
h3.single-post-title {
    font-size: 1rem;
    background: #eee;
}

/****************************************

		  page - 固定ページ

*****************************************/

#page-main {
    margin-bottom: 30px;
}

.single-post-main {
    margin-bottom: 10px;
}

.page_title {
    padding: 20px 30px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    background: #fff;
}

#page-main .widget,
#main .widget,
.maintop-widget,
.main-bottom {
    margin-bottom: 10px;
    padding: 0;
    margin-top: 15px;
}

#page-main .widget>ul:first-of-type,
#page-main .widget ul:first-child,
#main .widget>ul:first-of-type,
#page-main .widget ul:first-child {
    margin: 0;
}

#page-main .widget .wrap-post-title,
#main .widget .wrap-post-title,
.maintop-widget .wrap-post-title,
.main-bottom .wrap-post-title {
    margin-bottom: 0;
    margin-top: 0;
    top: -3px;
}

#page-main .post_list .meta .post_list_title,
#main .post_list .meta .post_list_title {
    font-size: 0.857142857rem;
    padding: 0;
    padding-top: 5px;
}

#page-main .post_list .meta .desc,
#main .post_list .meta .desc {
    font-size: 0.714285714rem;
}

.content h2 {
    background: none!important;
    color: #000;
    padding: .5em 0;
}


/****************************************

		  wp block

*****************************************/

.content>[class^="wp-block"]:not(.wp-block-dvaux-section) {
    z-index: 2;
    position: relative;
}


/****************************************

		  Comments Area

*****************************************/

.required {
    color: #6495ED;
}

.commets-list,
.trackback-list {
    overflow: hidden;
    margin-bottom: 40px;
}

.commets-list li,
.trackback-list li {
    overflow: hidden;
    margin-top: -1px;
    padding: .5em 1.5em;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.comment-author.vcard {
    grid-column: 1/3;
    grid-row: 1/2;
    display: flex;
    margin: auto;
    align-items: center;
}

.commets-list .avatar {
    margin-right: 10px;
    width: 30px;
}

.comment-meta.commentmetadata {
    grid-column: 3/4;
    grid-row: 1/2;
    margin: auto 1rem;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small {
    font-size: 80%;
}

.comment-body,
.comment-body a {
    color: #000;
}

span.comment_text {
    grid-column: 2/5;
    grid-row: 2/3;
    clear: both;
    display: grid;
    grid-template-columns: 90% 1fr;
    grid-template-rows: max-content 1rem max-content;
}

span.comment_text p {
    display: contents;
}

p.comment_author {
    margin-left: 1rem;
}

p.form-submit {
    text-align: right;
    float: right;
    margin: 1.5rem auto 0;
}

.bypostauthor {
    /* 記事投稿者のコメントのスタイル */
}

div#comment-area .children {
    padding-left: 2rem;
}

.commets-list .children li.comment {
    background: #fff;
    padding: 0;
    border-bottom: none;
}

.comment-body {
    padding: 1em 0;
    display: grid;
    grid-template-columns: 45px max-content 1fr 70px;
    grid-template-rows: 33px max-content;
    padding: 1em 0 1em 1em;
    border-top: 1px solid #eee;
    border-left: 5px solid var(--key-gray);
}

.commets-list .children li.comment .comment-body {
    padding: 1em 0 1em 1em;
    border-top: 1px solid #eee;
    border-left: 5px solid var(--key-gray);
}

div#comment-area .children .children {
    margin: 0;
    border-left: 10px solid #fff;
}

div#comment-area .children .children .children {
    margin-left: 1px;
    border-top: 0;
}

div#comment-area {}

div#comment-area .single_title {
    background: linear-gradient(45deg, var(--key-red) 0%, var(--key-red) 80%, var(--thin-red) 50%, var(--thin-red) 100%);
    padding: 5px 0 5px 15px;
    font-size: 1rem;
    margin-bottom: 10px;
    position: relative;
    color: #fff;
    border-radius: 5px;
}

div#comment-area .reply {
    text-align: initial;
    display: table;
    position: relative;
    margin: auto;
    grid-column: 2/3;
    grid-row: 3/4;
}

div#comment-area .reply a {
    background: #e2e2e2;
    padding: .5em 1em;
    border-radius: 3px;
}

div#comment-area .reply:after {
    content: "";
    position: absolute;
    top: 20%;
    left: -9px;
    margin-top: 0;
    border: 5px solid transparent;
    border-right: 5px solid #e2e2e2;
    z-index: 1;
}

div#comment-area #respond {
    padding: 8px 24px;
    margin-bottom: 1rem;
}

.respondform_title {
    display: none;
}

.comment_box {
    background: var(--thin-gray);
    border-radius: 5px;
    float: left;
    width: 100%;
    padding-bottom: 0.5rem;
}

span.comment_count {
    font-weight: bold;
    margin-left: 1rem;
}

span.comment_count img {
    width: 28px;
}


/* wp Ulike */

.wpulike {
    padding: 0;
    grid-row: 3/4;
    grid-column: 1/2;
    width: max-content;
    display: flex;
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
    padding: 0;
}

.wpulike-heart .count-box {
    font-size: 12px;
    padding: 0 5px 0 2px;
}

.wpulike-heart .wp_ulike_put_image:after {
    width: 16px;
    height: 17px;
}

.wpulike-heart .wp_ulike_put_image {
    padding: 0 10px;
}


/****************************************

		  recommend post

*****************************************/

.recommend-post-title {
    font-weight: bold;
}

.single-recommend {
    width: 50%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    vertical-align: top;
}

.single-recommend a {
    padding: 5px 10px;
}

.single-recommend img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    vertical-align: middle;
    background: #eee;
}

.recommend-post {}

.recommend-meta {
    overflow: auto;
}

.recommend-desc {
    font-size: 0.714285714rem;
    color: #999;
    padding: 5px 0;
}

.recommend-title {
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(3em + 16px);
}

.recommend-thumb {
    float: left;
    position: relative;
    margin-right: 10px;
    background: #eee;
    width: 100px;
    font-size: 0.857142857rem;
}

.recommend-cat {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    position: absolute;
    background: #333;
    bottom: 0;
    right: 0;
}


/****************************************

		  index.php Main

*****************************************/

.content-box {
    float: right;
    margin-top: -0.25em;
    width: 420px;
}

.content-box .more-link {
    margin: 0;
}

.thumbnail-box {
    float: left;
    width: 160px;
}

.thumbnail-box img {
    width: 160px;
    height: 160px;
}


/****************************************

		  Category

*****************************************/

.category-header-wrap {
    color: #333;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.category-header {
    margin: auto;
    width: 570px;
}

.category-title {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.category-title-name {
    font-size: 35px;
}

.category-title-horline {
    margin: 0 0 10px 0;
    width: 50px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
}

.category-title-line {
    margin: 0 20px;
    width: 5px;
    height: 60px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
}

.category-title-desc {
    width: 300px;
    overflow: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.catpage_content_wrap {
    margin-bottom: 10px;
    margin-top: -10px;
    position: relative;
    background: transparent !important;
    overflow: hidden;
}

.catpage_content_wrap .cover {
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    filter: blur(2px) brightness(.8);
}

.catpage_description {
    font-size: 1.142857143rem;
    margin-top: 10px;
}

.catpage_content_wrap .share {
    padding: 0;
}

.catpage_content_wrap .innner {
    padding: 1em 0;
    width: 90%;
    margin: 0 auto;
}

.catpage_content_wrap .catpage_inner_content {
    width: 60%;
    float: left;
    padding: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #999;
}

.catpage_content_wrap .content {
    padding: 1em 40px;
    line-height: 1.5;
}

h1.catpage_title {
    margin: 0;
}

.catpage_tag {
    width: 40%;
    float: left;
    padding: 1em;
}

.catpage_tag a {
    background: #eee;
    color: #000;
    white-space: nowrap;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 3px 1px;
    display: inline-block;
    border-radius: 2px;
}

a.tag-cloud-link:before {
    content: "\f02b";
    margin-right: 5px;
    color: #7e9da7;
    font-family: fontAwesome;
}

.cat-post-main .content {
    margin: 0;
}

.cat-post-main {
    padding: 1em 2em;
    margin-bottom: 10px;
}


/****************************************

		  author

*****************************************/

.author_title {
    padding: 1rem;
    margin-bottom: 10px;
}

.author_title-thum {
    float: left;
    margin-right: 2em;
}

.author_title-thum img {
    border-radius: 50%;
}

.author_title-meta {
    float: left;
    margin-left: -200px;
    padding-left: 200px;
    width: 100%;
}

.author_title-name {
    font-size: 1rem;
    font-weight: bold;
}


/****************************************

		  Sidebar

*****************************************/

#sidebar {
    padding: 0;
    width: 310px;
    margin-bottom: 10px;
}

.sidebar_content_title {
    margin: .5rem auto 0;
    background-color: #eee;
    color: var(--key-red);
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.d_tab_nav {
    display: flex;
    justify-content: space-around;
    cursor: pointer;
}

.sidebar_content_title.d_tab_active {
    background-color:  var(--key-red);
    color: #fff;
    border: none;
}

.d_tab_title {
    display: none;
}
.d_tab_title.show {
    display: block;
}

.sidebar_content {
    padding: 0 2px 2px;
    border: solid 1px #ccc;
}

/* fit-sidebar */

.fit-sidebar-fixed {
    margin-top: 0!important;
    margin-bottom: 0!important;
    position: fixed;
}

.fit-sidebar-blank {
    z-index: 0;
    background-color: transparent;
    visibility: hidden;
}

.widget {
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

.singletop-widget .wrap-post-title {
    margin: -10px;
    margin-bottom: 20px;
}

.singletop-widget>div {
    margin: -10px;
    padding: 10px;
}

.widget>ul:first-of-type,
.widget ul:first-child,
.d_tab_tab>ul:first-of-type {
    margin: -10px;
}

.widget>ul:first-of-type>li,
.widget ul:first-child>li,
.d_tab_tab>ul:first-of-type>li {
    border-bottom: 1px solid rgba(50, 50, 50, .2);
}

.widget_text ul li i {
    vertical-align: middle;
    margin-right: 8px;
}

.textwidget {
    font-size: 0.857142857rem;
}

.textwidget img {
    /* text-align: center; */
    display: block;
    margin: 0 auto;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li {
    margin: 20px 0;
}

.sidebar-thumbnail-box {
    float: left;
    width: 75px;
}

.sidebar-recent-posts-title {
    float: right;
    width: 165px;
}

.widgettitle {
    position: relative;
    font-size: 16px;
    padding: 5px 5px 0px;
    margin-bottom: 2rem;
    border-bottom: solid 1px var(--key-red);
    color: #000!important;
    background: #fff!important;
}

.tagcloud a {
    white-space: nowrap;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 3px 1px;
    display: inline-block;
}
.tagcloud a:hover {
    background: #eee;
}
.widget_categories label,
.widget_categories h2,
.widget_archive label,
.widget_archive h2 {
    display: none;
}
.cat-item .count,
.widget li a .count {
    float: right;
    background: #eee;
    color: #666;
    padding: 1px .5em;
    display: inline;
    border-radius: 2px;
}
.screen-reader-text {
    display: none;
}
.widget_archive select,
.widget_categories select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0.5em 1em;
    color: inherit;
    border: 1px solid #ccc;
    background: transparent;
    border-radius: 0;
    font-size: 0.857142857rem;
}
.widget_archive select option,
.widget_categories select option {
    color: #000;
}
#sidebar .widget select::-ms-expand {
    display: none;
}
.widget ul li.cpd-l {
    padding: 10px;
}
.maintop-widget,
.mainbottom-widget {
    margin-bottom: 10px;
}
.single-top {
    margin: 10px 0;
    padding: 0;
    border-radius: 3px;
}
.bottom_ad .widget {
    padding: 0;
}
.bottom_ad .widget ul {
    border: 1px solid #eee;
}
.single-pcad {
    padding: 15px !important;
}
.in_loop {
    padding: 5px;
    margin-bottom: 5px;
}
.nav_inleft_wrap {
    float: right;
}
.nav_inleft,
.header-logo #nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -wbkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.7rem 0 auto auto;}

header .searchsubmit {
    right: -1;}

.float_ad {
    clear: both;}

.top_news_tag_wrap {
    display: flex;
    width: 1060px;
    padding: 5px 0px;
    border-bottom: solid 2px var(--key-red);
    justify-content: space-between;}

.top_news_tag_wrap .wrap-post-title {
    border: none;}

ul#news_tag_list {
    display: flex;
    white-space: nowrap;
    padding: 0 0 0 28px;
    margin-left: 34px;
    align-items: center;}

ul#news_tag_list li {
    margin-right: 8px;
    background-color: #eee;
    height: 32px;
    border-radius: .3rem;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding: 0px 7px;
}
ul#news_tag_list li::before {
    content: "";
    background-image: url(images/icon/tag.svg);
    display: block;
    margin-right: 2px;
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: contain;
}
ul#news_tag_list li:hover::before,
ul#news_tag_list li:hover::before {
    background-image: url(images/icon/tag_after.svg);
}

ul#news_tag_list li:last-child {
    margin-right: 2px;}

img.lw_news_tag {
    width: 13px;}

ul#news_tag_list li a {
    text-decoration: none;
    color:#000;
}
ul#news_tag_list li:hover a {
    text-decoration: none;
    color: #FFF;
}
ul#news_tag_list li:hover {
    background-color: var(--key-red);
}

/****************************************

		  widget

*****************************************/
.widget.widget_text li a,
.widget.widget_categories li a,
.widget.widget_recent_entries li,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a,
.widget.widget_meta li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: 0.857142857rem;
}
.widget.widget_text li ul,
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul {
    padding: 0;
    margin: 0;
}
.widget.widget_text ul li,
.widget.widget_categories ul li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li {
    margin: 0;
    padding: 0;
}
.widget.widget_nav_menu li ul li a:before,
.widget.widget_pages li ul li a:before,
.widget.widget_categories li ul li a:before {
    content: '\f0da';
    color: #ccc;
    margin-right: .6em;
    font-family: fontAwesome;
}
.widget.widget_recent_entries li span.post-date {
    font-size: 0.857142857rem;
}
.widget_nav_menu {}
.widget_nav_menu .menu_desc {
    display: none;
}
.diver_widget_adarea {
    margin-bottom: 10px;
    text-align: center;
}
.diver_widget_adlabel {
    font-size: 0.857142857em;
    text-align: center;
}
.diver_ad img {
    width: 300px;
    height: auto;
}
#main .diver_widget_adarea {
    margin-bottom: 10px;
}
#main .textwidget {
    padding: 10px;
}
.textwidget h2 {
    padding: 0.7em 1em;
    font-size: 1em;
    margin: 1em 0 1em;
}
.textwidget h3 {
    padding: .3em 1em;
    margin: 1em 0 .8em;
    font-size: 1em;
    border-bottom: 1px solid #555;
    color: #333;
    background: #fff;
}
.textwidget h4 {
    position: relative;
    position: relative;
    font-weight: bold;
    font-size: 1em;
    padding: .2em 1em;
    color: #333;
    margin: .8em 0 .6em;
}
.textwidget h4 {
    color: #333;
    font-size: 1em;
    font-weight: bold;
    margin: .6em 0 .8em;
}
.diver_widget_profile .coverimg {
    text-align: center;
    position: relative;
    padding: 0 1em;
}
.diver_widget_profile .coverimg img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}
.diver_widget_profile .coverimg.on {
    background-size: 100% auto;
    height: 180px;
    margin-bottom: 60px;
}
.diver_widget_profile .coverimg.on img {
    position: relative;
    top: 120px;
}
.diver_widget_profile .coverimg.no img {
    border: 5px solid #fff;
    width: 160px;
    height: 160px;
}
.diver_widget_profile .img_meta {
    padding: .5em 0;
    text-align: center;
}
.diver_widget_profile .img_meta .name {
    font-weight: bold;
    line-height: 1.2;
}
.diver_widget_profile .profile_sns {
    padding-top: .6em;
}
.profile .icon_img {
    min-width: 50px;
}

.profile_sns li {
    display: inline-block;
}
.profile_sns li a {
    color: #fff !important;
    border-radius: 50%;
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
}
.profile_sns .facebook {
    background-color: #3b5998;
}
.profile_sns .twitter {
    background-color: #00acee;
}
.profile_sns .instagram {
    background-color: #D93177;
}
.profile_sns .youtube {
    background-color: #f00;
}
.profile_sns .sns {
    background-color: #8BC34A;
}
.diver_widget_profile .meta {
    padding: .5em 1em;
    font-size: 0.857142857rem;
}
.diver_widget_profile .button a {
    padding: .5em;
    background-color: #eee;
    border-radius: 2px;
    width: 80%;
    font-size: 0.857142857rem;
}
.widget .single_title {
    margin: -10px;
    margin-bottom: 15px;
}
.single-related-area .textwidget,
.single-recommend-area .textwidget {
    padding: 1em;
}
.widget-h2 {
    margin: 1em 0;
}
.widget-h2 .widgettitle {
    margin: 0;
}
.widget_rss ul li a {
    padding: 5px 10px;
    display: inline-block;
    font-size: 0.857142857rem;
}
.container_top_widget,
.container_bottom_widget {
    margin: 0px auto;
}
.container_top_widget {
    margin-top: 20px;
}
.containerwidget {
    margin: 10px auto;
}
.widget li.recentcomments {
    padding: 10px;
    font-size: 0.857142857rem;
}
.recentcomments>a {
    font-weight: bold;
}
.widget ul.sub-menu .menu_title {
    display: inline-block;
}

/****************************************

		  Search widget

*****************************************/
form.search-widget {
    padding: 20px;
}
#sidebar form.search-widget {
    padding: 5px 10px;
}
.search-widget__col {
    margin-bottom: 10px;
}
input.search-widget__input {
    width: 100%;
    padding: 10px 8px;
    border: 2px solid #eee;
}
label.search-widget__label {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}
.search-widget__select {
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 2px;
    border: 2px solid #eee;
    background: #ffffff;
}
.search-widget__select::before {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #999;
    pointer-events: none;
}
.search-widget__select select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 8px 38px 8px 8px;
    color: #666;
}
.search-widget__select select::-ms-expand {
    display: none;
}
.search-widget__checkbox {
    display: none;
}
.search-widget__checkbox-label {
    font-size: 13px;
    padding-left: 20px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.search-widget__checkbox-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
}
.search-widget__checkbox:checked+.search-widget__checkbox-label {
    color: #3c82ff;
}
.search-widget__checkbox:checked+.search-widget__checkbox-label::after {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #3c82ff;
    border-right: 3px solid #3c82ff;
}
button.search-widget__submit {
    margin: 0 auto;
    width: 100%;
    padding: 8px 13px 7px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .1em;
    background: #3c82ff;
    border: none;
    margin-top: 5px;
}

/****************************************

		  widget post_list

*****************************************/
.widget_post_list {
    width: 100%;
    position: relative;
    letter-spacing: normal;
    transition: .4s;
    font-size: 0.857142857rem;
    background: #fff;
}
.widget_post_list .post_list_thumb {
    float: left;
    width: 100px;
    height: 80px;
    position: relative;
    background-color: #eee;
}
.widget_post_list a {
    padding: 6px;
    display: flow-root;
    width: fit-content;
}
.widget_post_list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
}
.widget_post_list .post_list_thumb .post_list_cat {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--thin-black);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px 0 0 0;
}
.widget_post_list .post_list_tag .post_list_cat {
    line-height: 1;
    position: relative;
    display: inline-block;
    background: var(--thin-black);
    color: #fff;
    font-size: 10px;
    padding: 3px 4px;
    border-radius: 2px;
}
.widget_post_list .post_list_cat.post_list_cat_youtube {
    background: var(--key-red);
}
.widget_post_list .post_list_cat.post_list_cat_live {
    background: var(--my-black);
}
.widget_post_list .post_list_cat.post_list_cat_tiktok {
    background: var(--my-pink);
}
.widget_post_list .post_list_cat.post_list_cat_interview {
    background: var(--my-green);
}
.widget_post_list .post_list_cat.post_list_cat_money {
    background: var(--my-orange);
}
.widget_post_list .meta {
    float: right;
    overflow: hidden;
    width: 100%;
}
.post_list_tag {
    line-height: 0;
}
.post_list_tag .tag {
    font-size: 10px;
    border: 1px solid #ccc;
    color: #666;
    padding: 2px 3px;
    border-radius: 2px;
    margin: 2px;
    display: inline-block;
    line-height: 1;
}
.post_list_tag .tag.post_list_date_under_six {
    border: none;
}
.widget_post_list .meta .post_list_title {
    font-size: 0.857142857rem;
}
#sidebar .widget_post_list .meta .post_list_title {
    font-size: 13px;
    font-weight: normal;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#sidebar .widget_post_list:nth-of-type(n+11) .meta .post_list_title {
    -webkit-line-clamp: 2;
}

.widget_post_list .meta .post_list_date {
    font-size: 10px;
    bottom: 4px;
    color: #000;
    position: absolute;
}

#sidebar .desc {
    display: none;
}
#sidebar .widget_post_list.grid {
    width: 50%;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top;
}
.widget_post_list.grid .post_list_thumb {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 61.8%;
    position: relative;
}
.content .widget_post_list.grid .meta .post_list_title,
.single-post-main .widget_post_list.grid .meta .post_list_title,
#main .widget_post_list.grid .meta .post_list_title,
#page-main .widget_post_list.grid .meta .post_list_title {
    font-size: 1em;
}
#main .widget_post_list.grid .meta .post_list_title {
    padding: 5px 0;
}
.content .widget_post_list.grid .meta .desc,
.single-post-main .widget_post_list.grid .meta .desc,
#main .widget_post_list.grid .meta .desc,
#main .widget_post_list .meta .desc,
#page-main .widget_post_list.grid .meta .desc {
    font-size: 0.714285714rem;
}
#sidebar .widget_post_list.grid.first:first-child {
    width: 100%;
}
#sidebar .widget_post_list.grid.first:first-child .post_list_thumb {
    height: 130px;
}
.widget_post_list.grid.first:first-child .meta .post_list_title {
    font-size: 1em;
}
.content .widget_diver_widget_newpost ul {
    padding: 0;
}
.content .widget_post_list img {
    margin: 0;
}
.content .widget_post_list .meta .post_list_title {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: bold;
}
.content .widget_post_list .meta .desc {
    font-size: 0.857142857rem;
}
.content .widget_diver_widget_newpost_grid ul {
    padding: 0;
}
ul.diver_widget_post_grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.diver_widget_post_grid li {
    width: 33.3333%;
}
.content .widget_post_list.grid,
.single-post-main .widget_post_list.grid,
#main .widget_post_list.grid,
#page-main .widget_post_list.grid {
    width: 33%;
    vertical-align: top;
    margin: .15%;
    border-bottom: none;
    background: #fff;
}
.content .widget_post_list.grid .post_list_thumb {
    height: 120px;
}
#main .widget_post_list {
    background: #fff;
}
.single-post-main .widget_post_list.grid .post_list_thumb,
#main .widget_post_list.grid .post_list_thumb {
    width: 100%;
    height: 150px;
}
.single-post-main .widget_post_list.grid .meta .post_list_title,
#main .widget_post_list.grid .meta .post_list_title{
    font-weight: bold;
}
#main .widget_diver_widget_newpost_grid .wrap-post-title,
#main .widget_diver_widget_newpost .wrap-post-title {
    margin-bottom: 8px;
}
#main .widget .widget_post_more a {
    display: block;
    padding: 10px 20px;
}
.widget .widget_post_more {
    text-align: center;
    width: 100%;
    border-top: 1px solid #ccc;
}
a.diver_widget_morelink::after {
    font-family: fontAwesome;
    content: "\f105";
    margin-left: 10px;
    font-weight: bold;
}
.adsense {
    margin: 2rem auto;
}
li.widget_post_list.clearfix:not(:first-of-type) {
    border-top: solid 1px var(--key-gray);
}
li.widget_post_list.clearfix {
    display: flex;
}
span.sidebar_rank_number {
    margin: 4px 0 auto 0.5rem;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    width: 1.5rem;
    z-index: 1;
}
.widget_post_list:nth-of-type(1):before {
    background-image: url(images/rank/article_gold.svg);
}
.widget_post_list:nth-of-type(2):before {
    background-image: url(images/rank/article_silver.svg);
}
.widget_post_list:nth-of-type(3):before {
    background-image: url(images/rank/article_bronze.svg);
}
.widget_post_list:nth-of-type(1):before,
.widget_post_list:nth-of-type(2):before,
.widget_post_list:nth-of-type(3):before {
    content: "";
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 22px;
    position: absolute;
    z-index: 0;
    margin: 4px 0 0 2px;
}
.widget_post_list:nth-of-type(1),
.widget_post_list:nth-of-type(2),
.widget_post_list:nth-of-type(3) {
    color: #fff;
}

/****************************************

		  appeal box

*****************************************/
.appeal_title {
    padding: 10px;
    background: #333;
    color: #fff;
}
.appeal_box {
    background: #333;
    color: #fff;
}
.appeal_img {
    text-align: center;
    max-width: 100%;
}
.appeal_meta .button a {
    background: #f44336;
}
.appeal_desc {
    font-size: 0.857142857rem;
    padding: 1em .3em;
    line-height: 1.8;
}

/****************************************

		  share plz

*****************************************/
#share_plz {
    z-index: 10;
    width: 105px;
    text-align: center;
    padding: 10px 5px;
}
#share_plz .p-entry__pushButton {
    width: auto;
}
#share_plz .p-entry__pushLike {
    padding: 0;
    height: 78px;
}
#share_plz .p-entry__push {
    margin: 0;
    background: #fff;
}
#share_plz .share_sns {
    padding: 5px 10px;
    width: 100%;
}

/****************************************

		  404 page

*****************************************/
.notfofund_title {
    text-align: center;
    font-size: 50px;
    padding: 50px 0;
    color: #666;
}
.notfofund_text {
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.notfofund_slick_title {
    text-align: center;
    font-size: 21px;
    margin: 15px;
}
.error404 .bx-viewport {
    margin-bottom: 20px;
}

/****************************************

		  Footer

*****************************************/
#footer {
    background: #fff;
    color: #999;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
}
.footer_content {
    width: 1060px;
    margin: 0 auto;
    padding: 15px 0;
}
.footer_content.clearfix {
    width: 100%;
    margin: 0 auto;
    display: block;
}
#copyright {
    margin-top: 40px;
    margin: auto;
    width: max-content;
    color: #000;
    font-size: 0.71428571428571rem;
}
.footer_navi {
    display: inline-block;
}
ul.footer_nav {
    display: flex;
    margin: 2rem auto;
    width: max-content;
    align-items: flex-end;
}
ul.footer_nav li {
    margin-right: 1rem;
    font-size: 0.714285714rem;
}
#twitter_livers_world img {
    width: 21px;
    height: auto;
    margin: auto 8px;
    display: block;
}
.st-Footer_socials {
    margin: auto;
    width: max-content;
    display: block;
}
.st-Footer_socials img {
    width: 35px;
    margin: 1rem 0.2rem;
}
.st-Footer_socials a:focus,
.st-Footer_socials a:hover {
    text-decoration: none;
}

/****************************************

		  footer menu

*****************************************/
#footer_sticky_menu {
    position: fixed;
    bottom: -100px;
    width: 100%;
    z-index: 1000;
    table-layout: fixed;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.footermenu_col {
    position: relative;
    text-align: center;
    background: #fff;
    color: #555;
    border: none;
    border-right: 1px solid rgba(100, 100, 100, .6);
    padding: 0;
    height: 60px;
    vertical-align: middle;
}
.footermenu_col:last-child {
    border-right: none;
}
#footer_sticky_menu a,
#footer_sticky_menu button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important
}
#footer_sticky_menu a i {
    font-size: 1.428571429rem;
}
#footer_sticky_menu .footermenu_title {
    font-size: 0.714285714rem;
}
.footermenu_sns li {
    width: 33.3% !important;
}
.footermenu_sns li a {
    font-size: 0.714285714rem;
}
.footermenu_sns a.line {
    padding: 1.8em;
}
.footermenu_sns span.sns_name {
    display: block;
    font-weight: bold;
}

/****************************************

		  footer cta

*****************************************/
#footer_cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .5em 1.5em;
    z-index: 999;
    display: none;
    max-height: 120px;
}
#footer_cta figure {
    height: 100%;
    width: 55%;
    float: right;
    text-align: center;
}
#footer_cta figure img {
    max-height: 100%;
    object-fit: contain;
    font-family: 'object-fit:contain;';
    vertical-align: middle;
}
#footer_cta .footer_cta_wrap {
    position: relative;
    float: left;
    width: 95%;
    height: 90px;
}
#footer_cta .footer_cta_meta {
    float: left;
    padding: 8px;
    width: 45%;
}
#footer_cta .title {
    font-weight: bold;
    font-size: 26px;
}
#footer_cta .desc {
    font-size: 16px;
    margin-top: 5px;
}
#footer_cta a.close {
    color: #666;
    font-size: 50px;
    float: left;
    width: 50px;
    line-height: 88px;
    opacity: .3;
}
a.fcta_open {
    font-size: 20px;
    color: #fff;
    bottom: -50px;
    display: none;
    left: 30px;
    position: fixed;
    line-height: 40px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 5px;
}
#footer_cta {
    padding: .3em;
    line-height: 0;
}
#footer_cta figure {
    height: 100%;
    width: 100%;
    float: right;
}
#footer_cta .footer_cta_meta {
    display: none;
}
#footer_cta .footer_cta_wrap {
    float: right;
}
#footer_cta a.close {
    font-size: 30px;
    width: 30px;
    line-height: 88px;
    position: absolute;
}

/****************************************

		  metabox

*****************************************/
#title-counter {
    text-align: right;
    background: #fff;
    width: 100px;
    padding: 5px;
    margin: 5px 0;
    margin-left: auto;
    border: 1px solid #ccc;
}
.title-counter-length-over {
    color: #f00;
    font-weight: bold;
}

/****************************************

		  Highlights

*****************************************/
.hljs {
    margin: 10px 0;
    padding: 20px;
}

/****************************************

		  sns

*****************************************/
.share {
    width: 100%;
    padding: unset;
}
.share.short {
    padding: 1.2em;
}
.sns {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.sns ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    list-style: none;
    width: 100%;
    letter-spacing: -0.4em;
    word-spacing: 0.1em;
}
.sns li {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    padding: 3px;
    letter-spacing: 0.1em;
}
.sns.c1 li {
    width: 100%;
}
.sns.c2 li {
    width: 50%;
}
.sns.c3 li,
.sns.c6 li {
    width: 33.3333%;
}
.sns.c4 li,
.sns.c7 li {
    width: 25%;
}
.sns.c5 li {
    width: 20%;
}
.sns.mini li {
    width: auto;
}
.sns a {
    font-size: .714285714rem;
    font-weight: 700;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
}
.sns a:before,
.sns a i {
    margin-right: 0.2em;
    margin-left: 0.2em;
    vertical-align: middle;
    font-size: 1.4em;
}
.sns a .count {
    font-size: 10px;
    margin-left: 2px;
}

/* ツイッター */
.sns a.twitter {
    background: #000000;
    border: 2px solid #000000;
}
.sns a.twitter:hover {
    background: #fff;
    border: 2px solid #000000;
    color: #000000;
}

/* Facebook */
.sns a.facebook {
    background: #3b5998;
    border: 2px solid #3b5998;
}
.sns a.facebook:hover {
    background: #fff;
    border: 2px solid #2c4373;
    color: #2c4373;
}

/* はてぶ */
.sns a.hatebu {
    background: #5d8ac1;
    border: 2px solid #5d8ac1;
}
.sns a.hatebu:hover {
    background: #fff;
    border: 2px solid #5d8ac1;
    color: #5d8ac1;
}
.sns a.hatebu:before {
    content: 'B!';
    font-weight: bold;
    line-height: 1;
}

/* LINE */
.sns a.line {
    background: #25af00;
    border: 2px solid #25af00;
}
.sns a.line:hover {
    background: #fff;
    border: 2px solid #25af00;
    color: #25af00;
}
img.btn_line {
    width: 1.2rem;
    margin-right: .3rem;
}

/* Pocket */
.sns a.pocket {
    background: #f03e51;
    border: 2px solid #f03e51;
}
.sns a.pocket:hover {
    background: #fff;
    border: 2px solid #f03e51;
    color: #f03e51;
}

/* RSS */
.sns a.rss {
    background: #ffb53c;
    border: 2px solid #ffb53c;
}
.sns a.rss:hover {
    background: #fff;
    border: 2px solid #ffb53c;
    color: #ffb53c;
}

/* Feedly */
.sns a.feedly {
    background: #87c040;
    border: 2px solid #87c040;
}
.sns a.feedly:hover {
    background: #fff;
    border: 2px solid #87c040;
    color: #87c040;
}
span.sns_name {
    margin-left: 5px;
    vertical-align: middle;
}
.sns span.sns_count {
    font-weight: bold;
    display: inline-block;
    line-height: 1.5em;
    padding: 0 3px;
    margin: 0 .2em;
    border-radius: 3px;
}
#share_plz div.sns_count {
    background: #fff;
    border-radius: 2px;
    color: #333;
}
.sns.small a {
    display: inline-block;
    padding: 1.5px 5px;
    color: #fff;
    font-size: 0.714285714rem;
    vertical-align: top;
    margin-bottom: 5px;
}
.sns.small {
    text-align: center;
}

/****************************************

		  pagenation

*****************************************/
.pagination {
    text-align: center;
    margin: 4rem auto;
    letter-spacing: -.4em;
}
a.page-numbers:hover {
    background: #eee;
}
a.page-numbers,
.pagination .current {
    color: #000;
    padding: 12px 22px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0;
    margin: 0 3px;
    border-radius: 3px;
}
.pagination .current {
    background: var(--key-red);
    color: #fff;
    font-weight: bold;
}
span.page-numbers.dots {
    letter-spacing: 0;
    padding: 8px .5em;
    vertical-align: middle;
}
.pagination a {
    letter-spacing: normal;
    background: var(--key-gray);
    color: var(--key-red);
}
a.prev.page-numbers {
    margin-right: 3px;
}
a.prev.page-numbers,
a.next.page-numbers {
    color: var(--key-red);
}
a.prev.page-numbers:before {
    font-family: fontAwesome;
    content: "\f100";
}
a.next.page-numbers {
    margin-left: 3px;
}
a.next.page-numbers:before {
    font-family: fontAwesome;
    content: "\f101";
}
a.prev1.page-numbers {
    margin-right: 3px;
}
a.prev1.page-numbers:before {
    font-family: fontAwesome;
    content: "\f104";
}
a.next1.page-numbers {
    margin-left: 3px;
}
a.next1.page-numbers:before {
    font-family: fontAwesome;
    content: "\f105";
}

/****************************************

		responsive mmenu / drawer menu

*****************************************/
.header_search {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 55px;
    height: 100%;
}
a.header_search_btn {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 0;
    color: #fff;
}
a.header_search_btn .header_search_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.header_search_title {
    text-align: center;
    font-size: 0.714285714rem;
    padding-top: .3em;
    line-height: 1;
    display: none;
}
#header_search {
    background-color: #fff;
    width: 85vw;
    height: 80vh;
    overflow: auto;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 0.857142857rem;
}
.footermenu_col .drawer-nav-btn span,
.footermenu_col .drawer-nav-btn:before,
.footermenu_col .drawer-nav-btn:after {
    background: none;
    border: none;
}

/****************************************
		  search box
*****************************************/
.lity_content {
    padding: 1em;
    margin: 1em;
    background: #fff;
    border-radius: 5px;
}
.searchbox_content_title {
    padding: 10px;
    margin-bottom: 10px;
    background: #eee;
}
#header_search .diver_widget_adarea {
    padding: 10px;
}
#header_search .widget>ul:first-of-type,
#header_search .widget ul:first-child {
    margin: 0;
    margin-top: -10px;
}

/********************************************************************************

		  responsive

*********************************************************************************/
#main-wrap.fullpage,
#main-wrap.fullpage #page-main,
#main-wrap.fullpage .single-post-main {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#main-wrap.fullpage .content {
    margin-bottom: 0;
}
img {
    max-width: 100%;
}
.single-post-main,
.catpage_content_wrap .content {
    padding: 15px;
}

/****************************************

		  shortcode

*****************************************/
.col2,
.sc_col2,
.col3,
.sc_col3,
.col3_2,
.sc_col3_2,
.col4,
.sc_col4,
.col4_3,
.sc_col4_3 {
    float: left;
    padding: 10px;
}
.col2 img,
.col3 img,
.col3_2 img,
.col4 img,
.col4_3 img {
    max-width: 100%;
}
.col2,
.sc_col2 {
    width: 50%;
}
.col3,
.sc_col3 {
    width: 33.333333%;
}
.col3_2,
.sc_col3_2 {
    width: 66.666666%;
}
.col4,
.sc_col4 {
    width: 25%;
}
.col4_3,
.sc_col4_3 {
    width: 75%;
}
.aside-normal {
    background: #fff48f;
    color: #333;
    border-radius: 5px;
    padding: .8em 1em;
    margin-bottom: 1.6em;
}
.aside-warning {
    background: rgba(255, 0, 0, 0.2);
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 1em 1.5em;
    margin-bottom: 1.6em;
}
.border {
    width: 100%;
    height: 2px;
    border-top: 2px solid #ccc;
    margin: 10px 0;
}
.sc_sns i {
    color: #fff;
}
.sc_sns a {
    display: block;
    position: relative;
    text-align: center;
    padding: 0.8em;
    margin: 5px 0;
    border-radius: 3px;
    color: #fff;
}
.sc_sns.solid a {
    top: -3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition: none;
    transition: none;
}
.sc_sns.solid a:hover {
    top: 0;
}
.sc_facebook a {
    background: #315096;
}
.sc_facebook.solid a {
    box-shadow: 0 7px 0 #2c4373;
}
.sc_facebook.solid a:hover {
    box-shadow: 0 3px 0 #2c4373;
}
.sc_facebook.color a:hover {
    background: #2c4373;
}
.sc_twitter a {
    background: #55acee;
}
.sc_twitter.solid a {
    box-shadow: 0 7px 0 #0092ca;
}
.sc_twitter.solid a:hover {
    box-shadow: 0 3px 0 #0092ca;
}
.sc_twitter.color a:hover {
    background: #0092ca;
}
.sc_instagram a {
    background: #3f729b;
}
.sc_instagram.solid a {
    box-shadow: 0 7px 0 #43638b;
}
.sc_instagram.solid a:hover {
    box-shadow: 0 3px 0 #43638b;
}
.sc_instagram.color a:hover {
    background: #43638b;
}
.sc_googleplus a {
    background: #dd4b39;
}
.sc_googleplus.solid a {
    box-shadow: 0 7px 0 #ad3a2d;
}
.sc_googleplus.solid a:hover {
    box-shadow: 0 3px 0 #ad3a2d;
}
.sc_googleplus.color a:hover {
    background: #ad3a2d;
}
.sc_sns.simple a {
    background: #aaa;
}
.sc_sns.simple a:hover {
    background: #888;
}
.sc_sns.simple.solid a {
    box-shadow: 0 7px 0 #888;
}
.sc_sns.simple.solid a:hover {
    box-shadow: 0 3px 0 #888;
}
.sc_sns.circle a {
    border-radius: 50%;
    padding: 0.9em 0.8em;
}
.badge {
    background: #333;
    color: #fff;
    padding: .2em 9px .1em;
    margin: 0 3px;
    font-size: 0.857142857rem;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
.badge.btag:before,
.badge.btag .beforespan {
    position: absolute;
    top: 0;
    left: -1em;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #ec5858 transparent transparent;
    border-style: solid;
    border-width: 1em 1em 1em 0;
}
.badge.btag:after {
    position: absolute;
    top: 50%;
    left: -1px;
    z-index: 2;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%;
}
.badge.btag {
    margin-left: 10px;
    border-radius: 0 3px 3px 0;
}
.badge.radius {
    border-radius: 50px;
    padding: 5px 15px;
}
.badge.cornertag {
    border-radius: 50px 3px 3px 50px;
    padding-left: 20px;
}
.badge.cornertag:before {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%;
}
.badge.bborder {
    border: 2px solid #ec5858;
    background: #fff;
    color: #ec5858;
    font-weight: bold;
}
.badge.v {
    margin-right: 15px;
}
.badge.v:before,
.badge.v .beforespan {
    position: absolute;
    right: -9px;
    top: .4em;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #ec5858 transparent;
    border-style: solid;
    border-width: 10px 0 10px 14px;
}
.badge.blue {
    background-color: #70b8f1;
}
.badge.blue.bborder {
    background-color: #fff;
    border-color: #70b8f1;
    color: #70b8f1;
}
.badge.v.blue:before {
    border-color: transparent #70b8f1 transparent;
}
.badge.btag.blue:before {
    border-color: transparent #70b8f1 transparent transparent;
}
.badge.green {
    background-color: #2ac113;
}
.badge.green.bborder {
    background-color: #fff;
    border-color: #2ac113;
    color: #2ac113;
}
.badge.v.green:before {
    border-color: transparent #2ac113 transparent;
}
.badge.btag.green:before {
    border-color: transparent #2ac113 transparent transparent;
}
.badge.red {
    background-color: #ff8178;
}
.badge.red.bborder {
    background-color: #fff;
    border-color: #ff8178;
    color: #ff8178;
}
.badge.v.red:before {
    border-color: transparent #ff8178 transparent;
}
.badge.btag.red:before {
    border-color: transparent #ff8178 transparent transparent;
}
.badge.yellow {
    background-color: #ffe822;
    color: #505050;
}
.badge.yellow.bborder {
    background-color: #fff;
    border-color: #ffe822;
    color: #ffe822;
}
.badge.v.yellow:before {
    border-color: transparent #ffe822 transparent;
}
.badge.btag.yellow:before {
    border-color: transparent #ffe822 transparent transparent;
}
.badge.orange {
    background-color: #ffa30d;
}
.badge.orange.bborder {
    background-color: #fff;
    border-color: #ffa30d;
    color: #ffa30d;
}
.badge.v.orange:before {
    border-color: transparent #ffa30d transparent;
}
.badge.btag.orange:before {
    border-color: transparent #ffa30d transparent transparent;
}
.badge.gray {
    background-color: #ccc;
}
.badge.gray.bborder {
    background-color: #fff;
    border-color: #ccc;
    color: #ccc;
}
.badge.v.gray:before {
    border-color: transparent #ccc transparent;
}
.badge.btag.gray:before {
    border-color: transparent #ccc transparent transparent;
}
.badge.black {
    background-color: #000;
}
.badge.black.bborder {
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.badge.v.black:before {
    border-color: transparent #000 transparent;
}
.badge.btag.black:before {
    border-color: transparent #000 transparent transparent;
}
.badge i {
    vertical-align: baseline;
    font-weight: bold;
}
.badge i.before {
    margin-right: .5em;
}
.badge i.after {
    margin-left: .5em;
}
.sc_marker {
    background: linear-gradient(transparent 50%, #ffff66 50%);
}
.sc_marker.red {
    background: linear-gradient(transparent 50%, #ffd9d9 50%);
}
.sc_marker.blue {
    background: linear-gradient(transparent 50%, #cfdbff 50%);
}
.sc_marker-animation.active {
    background-position: -100% .4em;
    transition: 2.5s;
}
.sc_marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    font-weight: bold;
}
.sc_marker-animation.red {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
}
.sc_marker-animation.blue {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
}
.fontsize.\31 {
    font-size: 0.8em
}
.fontsize.\32 {
    font-size: 0.9em
}
.fontsize.\33 {
    font-size: 1.1em
}
.fontsize.\34 {
    font-size: 1.3em
}
.fontsize.\35 {
    font-size: 1.4em
}
.fontsize.\36 {
    font-size: 1.5em
}
.fontsize.\37 {
    font-size: 1.6em
}
.fontsize.\38 {
    font-size: 1.7em
}
.fontsize.\39 {
    font-size: 2em
}
.fontcolor {
    color: red;
}
.fontbackground {
    background: #eee;
    padding: 2px 5px;
}
.sc_getpost {
    -webkit-box-shadow: 0 3px 10px #ddd;
    -moz-box-shadow: 0 3px 10px #ddd;
    box-shadow: 0 3px 10px #ddd;
    -webkit-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    -moz-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    position: relative;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    margin: 1em 0;
    border: 1px solid #ddd;
    background: #fff;
}
.sc_getpost:hover {
    background: #eee;
}
.sc_getpost a,
.content .sc_getpost a {
    text-decoration: none;
    color: #000;
    padding: 10px;
    display: block;
    overflow: hidden;
}
.content .sc_getpost p {
    padding: 0;
    display: none;
}
.sc_getpost_thumb {
    width: 150px;
    float: left;
    margin-right: 10px;
}
.sc_getpost .title {
    font-weight: bold;
    font-size: 0.857142857rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sc_getpost .substr {
    font-size: 0.857142857rem;
    line-height: 1.5;
    color: #666;
    margin-bottom: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.sc_getpost .date {
    font-size: 0.857142857rem;
    position: absolute;
    right: 15px;
    bottom: 5px;
}
.sc_getpost .badge {
    font-size: 0.857142857rem;
    padding: .1em 7px;
    margin-right: 5px;
}
#sidebar .sc_getpost {
    box-shadow: none;
    margin: 0;
}
#sidebar .sc_getpost_thumb {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}
#sidebar .sc_getpost img {
    width: 100%;
    height: 100%;
}
#sidebar .sc_getpost .sc_getpost .title {
    font-size: 14px;
}
.voice {
    margin-bottom: 1.2em;
    float: none;
}
.content .voice p {
    padding: 0;
}
.voice.left .icon img {
    float: left;
    margin-right: 20px;
}
.voice.left .icon .name {
    text-align: left;
    position: relative;
    top: 12px;
}
.voice.right .icon img {
    float: right;
    margin-left: 20px;
}
.voice.right .icon .name {
    text-align: right;
    position: relative;
    top: 12px;
}
.voice .icon {
    text-align: center;
    line-height: 0;
    margin-bottom: 10px;
}
.voice .icon img {
    border-radius: 50%;
    border: 2px solid #eee;
    width: 70px;
    height: 70px;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    margin: 0;
    overflow: hidden;
}
.voice .icon img.inverted {
    transform: scale(-1, 1)
}
.voice .name {
    font-size: 0.857142857rem;
}
.voice.left.n_bottom .icon {
    float: left;
}
.voice.left.n_bottom .icon img {
    float: none;
}
.voice.left.n_bottom .icon .name {
    margin-right: 20px;
    text-align: center;
    line-height: 1;
    max-width: 70px;
    margin-top: -10px;
}
.voice.right.n_bottom .icon {
    float: right;
}
.voice.right.n_bottom .icon img {
    float: none;
}
.voice.right.n_bottom .icon .name {
    margin-left: 20px;
    text-align: center;
    line-height: 1;
    max-width: 70px;
    margin-top: -10px;
}
.voice.left .text {
    float: left;
}
.voice.right .text {
    float: right;
}
.voice .text {
    max-width: 75%;
}
.sc_balloon {
    color: #333;
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    margin: 10px;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 0;
    border-radius: 5px;
}
.sc_balloon:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
}
.sc_balloon:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: -1;
}
.sc_balloon.bottom {
    margin-bottom: 15px;
}
.sc_balloon.top {
    margin-top: 15px;
}
.sc_balloon.left {
    margin-left: 15px;
}
.sc_balloon.right {
    margin-right: 15px;
}
.sc_balloon.bottom:before,
.sc_balloon.top:before {
    left: 10%;
    margin-left: -9px;
}
.sc_balloon.bottom:after,
.sc_balloon.top:after {
    left: 10%;
    margin-left: -6px;
}
.sc_balloon.left:before,
.sc_balloon.right:before {
    top: 30%;
    margin-top: -13px;
}
.sc_balloon.left:after,
.sc_balloon.right:after {
    top: 30%;
    margin-top: -10px;
}
.sc_balloon.bottom:before {
    bottom: -13px;
    border-width: 20px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
}
.sc_balloon.bottom:after {
    bottom: -16px;
    border-width: 16px 12px 0 12px;
    border-color: #ccc transparent transparent transparent;
}
.sc_balloon.top:before {
    top: -13px;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #fff transparent;
}
.sc_balloon.top:after {
    top: -16px;
    border-width: 0 12px 16px 12px;
    border-color: transparent transparent #ccc transparent;
}
.sc_balloon.left:before {
    left: -13px;
    border-width: 15px 20px 15px 0;
    border-color: transparent #fff transparent transparent;
}
.sc_balloon.left:after {
    left: -16px;
    border-width: 12px 16px 12px 0;
    border-color: transparent #ccc transparent transparent;
}
.sc_balloon.right:before {
    right: -13px;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #fff;
}
.sc_balloon.right:after {
    right: -16px;
    border-width: 12px 0 12px 16px;
    border-color: transparent transparent transparent #ccc;
}
.think_balloon {
    position: relative;
    padding: .5em 1em;
    border-radius: 15px;
    border: 1px solid #ccc;
}
.think_balloon:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.think_balloon:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.think_balloon.blue {
    background: #4C5CB0;
    border: 0;
    color: #fff
}
.think_balloon.blue:before,
.think_balloon.blue:after {
    background: #4C5CB0;
    border: 0;
}
.think_balloon.green {
    background: #7ACC40;
    border: 0;
    color: #fff;
}
.think_balloon.green:before,
.think_balloon.green:after {
    background: #7ACC40;
    border: 0;
}
.think_balloon.red {
    background: #ff8178;
    border: 0;
    color: #fff
}
.think_balloon.red:before,
.think_balloon.red:after {
    background: #ff8178;
    border: 0;
}
.think_balloon.yellow {
    background: #ffe822;
    border: 0;
    color: #505050;
}
.think_balloon.yellow:before,
.think_balloon.yellow:after {
    background: #ffe822;
    border: 0;
}
.think_balloon.orange {
    background: #ffa30d;
    border: 0;
    color: #fff
}
.think_balloon.orange:before,
.think_balloon.orange:after {
    background: #ffa30d;
    border: 0;
}
.think_balloon.gray {
    background: #ccc;
    border: 0;
    color: #fff;
}
.think_balloon.gray:before,
.think_balloon.gray:after {
    background: #ccc;
    border: 0;
}
.think_balloon.black {
    background: #000;
    border: 0;
    color: #fff;
}
.think_balloon.black:before,
.think_balloon.black:after {
    background: #000;
    border: 0;
}
.voice.left .think_balloon:before {
    left: -26px;
}
.voice.left .think_balloon:after {
    left: -16px;
}
.voice.right .think_balloon:before {
    right: -25px;
}
.voice.right .think_balloon:after {
    right: -15px;
}
.custom_voice,
.custom_voice2 {
    display: inline-block;
    position: absolute;
}
.sc_balloon .custom_voice.left {
    border-width: 15px 20px 15px 0;
    border-width: 0px 17px 15px 0;
    margin-top: -11px;
    left: -8px;
    top: 11px;
    border-color: transparent #b04c4c transparent transparent;
    border-style: solid;
}
.sc_balloon .custom_voice.right {
    border-width: 15px 20px 15px 0;
    border-width: 0px 17px 15px 0;
    right: -8px;
    top: 11px;
    margin-top: -11px;
    border-color: transparent transparent transparent #b04c4c;
    border-style: solid;
    border-width: 0px 0 17px 15px;
}
.think_balloon .custom_voice.left {
    left: -26px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.think_balloon .custom_voice2.left {
    left: -16px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc;
}
.think_balloon .custom_voice.right {
    right: -25px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.think_balloon .custom_voice2.right {
    right: -15px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc;
}
.voice .text.sc_balloon,
.voice .think_balloon {
    padding: .5em 1em;
    margin: 0;
    border-width: 2px;
    font-size: 0.857142857rem;
    margin-top: 15px;
    font-weight: bold;
}
.voice .think_balloon {
    margin-top: 25px;
    margin-right: 10px;
    margin-left: 10px;
}
.voice.left .text.sc_balloon {
    border-radius: 0 15px 15px 15px;
}
.voice.right .text.sc_balloon {
    border-radius: 15px 0 15px 15px;
}
.voice.left .sc_balloon:before {
    border-width: 0px 17px 15px 0;
    margin-top: -11px;
    left: -8px;
    top: 11px;
}
.voice.left .sc_balloon:after {
    border-width: 0 13px 12px 0px;
    left: -13px;
    top: 8px;
}
.voice.right .sc_balloon:before {
    border-width: 0px 0 17px 15px;
    margin-top: -11px;
    right: -8px;
    top: 11px;
}
.voice.right .sc_balloon:after {
    border-width: 0 0 14px 12px;
    right: -13px;
    top: 8px;
}
.voice .text.sc_balloon.blue {
    background: #4C5CB0;
    color: #fff;
    border: 0;
}
.sc_balloon.blue:before {
    border-color: transparent #4C5CB0 transparent transparent;
}
.sc_balloon.blue.right:before {
    border-color: transparent transparent transparent #4C5CB0;
}
.sc_balloon.blue:after {
    border: none;
}
.voice .text.sc_balloon.green {
    background: #7ACC40;
    border: 0;
    color: #fff;
}
.sc_balloon.green:before {
    border-color: transparent #7ACC40 transparent transparent;
}
.sc_balloon.green.right:before {
    border-color: transparent transparent transparent #7ACC40;
}
.sc_balloon.green:after {
    border: none;
}
.voice .text.sc_balloon.red {
    background: #ff8178;
    border: 0;
    color: #fff;
}
.sc_balloon.red:before {
    border-color: transparent #ff8178 transparent transparent;
}
.sc_balloon.red.right:before {
    border-color: transparent transparent transparent #ff8178;
}
.sc_balloon.red:after {
    border: none;
}
.voice .text.sc_balloon.yellow {
    background: #ffe822;
    border: 0;
    color: #505050;
}
.sc_balloon.yellow:before {
    border-color: transparent #ffe822 transparent transparent;
}
.sc_balloon.yellow.right:before {
    border-color: transparent transparent transparent #ffe822;
}
.sc_balloon.yellow:after {
    border: none;
}
.voice .text.sc_balloon.orange {
    background: #ffa30d;
    border: 0;
    color: #fff;
}
.sc_balloon.orange:before {
    border-color: transparent #ffa30d transparent transparent;
}
.sc_balloon.orange.right:before {
    border-color: transparent transparent transparent #ffa30d;
}
.sc_balloon.orange:after {
    border: none;
}
.voice .text.sc_balloon.gray {
    background: #ccc;
    border: 0;
    color: #fff;
}
.sc_balloon.gray:before {
    border-color: transparent #ccc transparent transparent;
}
.sc_balloon.gray.right:before {
    border-color: transparent transparent transparent #ccc;
}
.sc_balloon.gray:after {
    border: none;
}
.voice .text.sc_balloon.black {
    background: #000;
    border: 0;
    color: #fff;
}
.sc_balloon.black:before {
    border-color: transparent #000 transparent transparent;
}
.sc_balloon.black.right:before {
    border-color: transparent transparent transparent #000;
}
.sc_balloon.black:after {
    border: none;
}
.sc_toggle_box {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    border-radius: 3px 3px 0 0;
    background: #fff;
    margin-bottom: 1.2em;
}
.sc_toggle_box+.sc_toggle_box {
    border-radius: 0 0 3px 3px;
    border-top: none;
    margin-top: -1.2em;
}
.sc_toggle_title {
    padding: 10px 20px;
    position: relative;
    padding-right: calc(20px + 1.5em);
    cursor: pointer;
}
.sc_toggle_content {
    padding: 10px 20px;
    display: none;
    background: #efefef;
}
.sc_toggle_title.active:before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 30px;
}
.sc_toggle_title.active:after {
    content: '\f077';
    font-family: fontAwesome;
}
.sc_toggle_title.active+.sc_toggle_content {
    display: block;
}
.sc_toggle_title:after {
    content: '\f078';
    right: .5em;
    top: 50%;
    position: absolute;
    color: #e0e0e0;
    font-family: fontAwesome;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.hide {
    display: none;
}
.review_star {
    vertical-align: sub;
    height: 36px;
    width: 200px;
    background-image: url(images/diverstar_o.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.review_star+.review_star_score {
    font-weight: bold;
    padding: 0 .5em;
    opacity: .5;
}
.review_star,
.review_star .star {
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.dv_review_box {
    display: block;
    border: 1px solid #ccc;
    padding: 1em;
}
.dv_review_box .review_title {
    display: inline-block;
}
.dv_review_box .review_star {
    float: right;
    margin: .5em 0;
}
.barchart {
    display: block;
    background: #006d97;
    text-align: left;
    padding-left: 20px;
    color: #f0ffff;
    height: 2.5em;
    line-height: 2.5em;
    margin: 5px 0;
    border-radius: 0 10px 10px 0;
}
.review_star .star {
    height: 36px;
    width: 200px;
    background-image: url(images/diverstar.png);
}
ul.sc_article {
    list-style: none;
    overflow: auto;
    padding: 0 5px;
}
ul.sc_article.grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.sc_article li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
    position: relative;
}
ul.sc_article.col li {
    width: 32%;
    display: inline-block;
    margin: 0 .5%;
}
.content ul.sc_article a {
    text-decoration: none;
}
.sc_article_title {
    font-size: 0.857142857rem;
    display: unset;
}
.sc_article_title a {
    color: #333;
}
.sc_article_title a:hover {
    color: #5eb0f1;
}
.sc_article_date {
    font-size: 0.857142857rem;
    display: inline-block;
    min-width: 90px;
    margin-right: 5px;
}
.sc_article_cat {
    background: #ddd;
    color: #fff !important;
    padding: 4px 7px;
    font-size: 0.857142857rem;
    border-radius: 1px;
    margin-right: 8px;
}
.sc_article.simple .sc_article_cat {
    padding: 4px 7px !important;
    font-size: 0.857142857rem !important;
    border-radius: 1px;
    margin-right: 8px !important;
    display: inline-block !important;
}
.sc_article.grid {}
.sc_article.grid>a {
    width: calc(33.333% - 16px);
    display: inline-block;
    vertical-align: top;
    background: #fff;
}
.sc_article.grid>a,
.sc_article.list>a {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    margin: 8px;
    transition: .4s;
}
.sc_article.grid li,
.sc_article.list li {
    white-space: normal;
    overflow: auto;
    padding: 0;
    margin: 0;
    color: #000;
}
.sc_article.grid li .meta,
.sc_article.list li .meta {
    padding: 8px;
    overflow: auto;
}
.sc_article.grid .post_list_thumb,
.sc_article.list .post_list_thumb {
    position: relative;
    background-color: #eee;
}
.sc_article.list .post_list_thumb {
    float: left;
    width: 140px;
}
.sc_article.grid .post_list_thumb img {
    width: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
    margin: 0;
}
.sc_article.list .post_list_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
    margin: 0;
}
.sc_article.grid .post_list_thumb .sc_article_cat,
.sc_article.list .post_list_thumb .sc_article_cat {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    font-weight: bold;
    font-size: 0.714285714rem;
    padding: 2px 4px;
}
.sc_article.grid .sc_article_title,
.sc_article.list .sc_article_title {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    max-height: calc(3em + 16px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sc_article.grid .sc_article_date,
.sc_article.list .sc_article_date {
    font-size: 0.857142857rem;
}
#sidebar .sc_article.grid>a {
    width: calc(50% - 12px);
    margin: 6px;
}
#sidebar .sc_article.grid .sc_article_title,
#sidebar .sc_article.list .sc_article_title {
    font-size: 12px;
}
#sidebar .sc_article.list .post_list_thumb {
    width: 100px;
    height: 80px;
}
.sc_article.rank {
    counter-reset: article-ranking;
}
.sc_article.rank li:after {
    content: counter(article-ranking, decimal);
    counter-increment: article-ranking;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    left: 0;
    top: 0;
    background: #313131;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}
.sc_article.rank a:nth-child(1) li:after {
    background: rgb(255, 230, 88);
}
.sc_article.rank a:nth-child(2) li:after {
    background: #ccc;
}
.sc_article.rank a:nth-child(3) li:after {
    background: rgba(255, 121, 37, 0.8);
}
.sc_frame_wrap {
    margin-bottom: 1.2em;
    position: relative;
}
.sc_frame_wrap.blue .sc_frame {
    border-color: #70b8f1;
}
.sc_frame_wrap.blue.solid .sc_frame {
    background-color: #70b8f1;
}
.sc_frame_wrap.blue .sc_frame_title {
    background-color: #70b8f1;
}
.sc_frame_wrap.blue.onframe .sc_frame_title {
    color: #70b8f1;
    background-color: #fff;
}
.sc_frame_wrap.green .sc_frame {
    border-color: #2ac113;
}
.sc_frame_wrap.green.solid .sc_frame {
    background-color: #2ac113;
}
.sc_frame_wrap.green .sc_frame_title {
    background-color: #2ac113;
}
.sc_frame_wrap.green.onframe .sc_frame_title {
    color: #2ac113;
    background-color: #fff;
}
.sc_frame_wrap.red .sc_frame {
    border-color: #ff8178;
}
.sc_frame_wrap.red.solid .sc_frame {
    background-color: #ff8178;
}
.sc_frame_wrap.red .sc_frame_title {
    background-color: #ff8178;
}
.sc_frame_wrap.red.onframe .sc_frame_title {
    color: #ff8178;
    background-color: #fff;
}
.sc_frame_wrap.yellow .sc_frame {
    border-color: #ffe822;
}
.sc_frame_wrap.yellow.solid .sc_frame {
    background-color: #ffe822;
}
.sc_frame_wrap.yellow .sc_frame_title {
    background-color: #ffe822;
}
.sc_frame_wrap.yellow.onframe .sc_frame_title {
    color: #ffe822;
    background-color: #fff;
}
.sc_frame_wrap.orange .sc_frame {
    border-color: #ffa30d;
}
.sc_frame_wrap.orange.solid .sc_frame {
    background-color: #ffa30d;
}
.sc_frame_wrap.orange .sc_frame_title {
    background-color: #ffa30d;
}
.sc_frame_wrap.orange.onframe .sc_frame_title {
    color: #ffa30d;
    background-color: #fff;
}
.sc_frame_wrap.gray .sc_frame {
    border-color: #ccc;
}
.sc_frame_wrap.gray.solid .sc_frame {
    background-color: #ccc;
}
.sc_frame_wrap.gray .sc_frame_title {
    background-color: #ccc;
}
.sc_frame_wrap.gray.onframe .sc_frame_title {
    color: #ccc;
    background-color: #fff;
}
.sc_frame_wrap.white .sc_frame {
    border-color: #fff;
}
.sc_frame_wrap.white.solid .sc_frame {
    background-color: #fff;
    color: #999;
}
.sc_frame_wrap.white .sc_frame_title {
    background-color: #fff;
}
.sc_frame_wrap.white .sc_frame_title.onframe {
    color: #ccc;
    background-color: #fff;
}
.sc_frame_wrap.black .sc_frame {
    border-color: #000;
}
.sc_frame_wrap.black.solid .sc_frame {
    background-color: #000;
    color: #fff;
}
.sc_frame_wrap.black .sc_frame_title {
    background-color: #000;
}
.sc_frame_wrap.black.onframe .sc_frame_title {
    color: #000;
    background-color: #fff;
}
.sc_frame {
    overflow: auto;
    border: 3px solid #ccc;
    padding: 1em 1.5em;
    position: relative;
    border-radius: 5px;
    background: #fff;
    color: #000;
}
.sc_frame p:last-child {
    padding-bottom: 0;
}
.sc_frame_title {
    padding: 2px 1em;
    position: relative;
    font-weight: bold;
    color: #fff;
    background: #ccc;
    top: 1px;
}
.content .sc_frame_title p {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.sc_frame_title i {
    margin-right: .2em;
}
.sc_frame_title.inline,
.sc_frame_wrap.inline .sc_frame_title {
    display: inline-block;
    margin: 0 1em;
    border-radius: 5px 5px 0 0;
}
.sc_frame_wrap.inframe .sc_frame {
    overflow: inherit;
}
.sc_frame_wrap.block .sc_frame_title {
    border-radius: 5px 5px 0 0;
}
.sc_frame_wrap.block .sc_frame {
    border-radius: 0 0 5px 5px;
}
.sc_frame_wrap.bottom {
    margin-bottom: 5em;
}
.sc_frame_wrap.bottom .sc_frame_title {
    top: 100%;
    position: absolute;
    width: 100%;
    border-radius: 0 0 5px 5px;
}
.sc_frame_wrap.bottom .sc_frame {
    border-radius: 5px 5px 0 0;
}
.sc_frame_wrap.inframe .sc_frame_title {
    float: left;
    border-radius: 5px 0 5px 0;
    z-index: 1;
}
.sc_frame_wrap.inframe .sc_frame {
    padding-top: 3em;
}
.sc_frame_wrap.onframe .sc_frame_title {
    position: absolute;
    display: inline-block;
    top: -1em;
    left: 1.8em;
    z-index: 1;
    padding: 1px 9px;
    border-radius: 5px;
    background: #fff;
}
.sc_frame_before {
    position: absolute;
    color: #fff;
    background: #ccc;
    left: 5px;
    font-weight: bold;
    bottom: 100%;
    padding: .3em 1.5em;
    border-radius: 3px 3px 0 0;
    font-size: 0.857142857rem;
}
.sc_frame_title.normal {
    border-radius: 5px 5px 0 0;
}
.sc_frame_wrap.normal .sc_frame {
    border-radius: 0 0 5px 5px;
}
.sc_frame_wrap.solid .sc_frame {
    color: #fff;
}
.sc_frame_text p:last-child {
    padding-bottom: 0 !important;
}
.sc_frame.note ul,
.sc_frame.note {
    line-height: 1.8em !important;
}
.content .sc_frame.note .sc_frame_text p {
    padding: 0 0 1.8em;
}
.sc_frame_icon {
    display: inline-block;
}
.sc_frame .sc_frame_icon {
    float: left;
    font-size: 1.3em;
    line-height: 1.2;
    padding: .2em 0;
    vertical-align: middle;
    margin-right: .8em;
}
.sc_frame.note {
    background-image: linear-gradient(90deg, rgba(204, 204, 204, 0) 0%, rgba(201, 204, 204, 0) 49%, rgba(255, 255, 255, 100) 50%, rgba(255, 255, 255, 100) 100%), linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 205, 0) 96.5%, rgba(30, 30, 30, 100) 100%);
    background-repeat: repeat-x, repeat-y;
    background-size: 4px 100%, 100% 1.8em;
    padding: 1.8em 1.5em;
    line-height: 1.8em;
}
.sc_frame.shadow {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.sc_frame.tape:before {
    content: "";
    position: absolute;
    top: 17px;
    width: 25%;
    height: 35px;
    opacity: 0.15;
    margin: -35px auto 10px 35%;
    background: #4e4e4e;
    transform: rotate(-5deg);
    left: 10px;
    right: 10px;
}
.sc_qrcode {
    text-align: center;
}
.sc_content_icon,
.sc_content_icon i {
    vertical-align: baseline;
    padding: 0 .2em;
    line-height: 1;
}
.sc_content_icon i span {
    display: none;
}
.sc_frame_title.titlenone {
    display: none;
}

/*************************************

  heading

*************************************/
.sc_title {
    font-size: 16px;
}

.content .sc_heading,
.sc_heading {
    position: relative;
    color: #fff;
    padding: 0 1em;
    margin: 1.5em 0 1em;
    line-height: 1.5;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: none;
    font-weight: bold;
}
.content .sc_heading p {
    padding: 0;
}
.content .sc_heading::before,
.content .sc_heading::after {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border: none;
    transform: none;
    background: none;
}
.sc_heading.solid {
    border-radius: 3px;
}
.sc_heading.bborder {
    border-style: solid;
}
.sc_heading.bborder.a {
    border-width: 3px;
    border-radius: 3px;
}
.sc_heading.bborder.tb {
    border-width: 3px 0 3px 0;
}
.sc_heading.bborder.b {
    border-width: 0 0 3px 0;
}
.sc_heading.stech {
    box-shadow: 0px 0px 0px 5px #000;
    border: dashed 2px #fff;
    color: #fff;
    border-radius: 3px;
}
.sc_heading.bborder.l {
    border-width: 0 0 0 8px;
    background-color: #eee;
}
.sc_heading.bborder{
    border-color: var(--key-red)!important;
}
.sc_heading.rlborder {
    text-align: center;
}
.sc_heading.rlborder::before,
.sc_heading.rlborder .before {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: black;
}
.sc_heading.rlborder .sc_title {
    display: inline-block;
    background: #fff;
    position: relative;
    padding: 0 1em;
}
.sc_heading.fukidasi {
    position: relative;
    background-color: #000;
    border-radius: 6px;
    color: #fff;
}
.sc_heading.fukidasi::after,
.sc_heading.fukidasi .after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #000;
    border-top-color: inherit;
}
.sc_heading.fukidasi .after {
    z-index: 1;
}
.sc_heading.count {
    position: relative;
    background: #efefef;
    color: #000;
    margin-left: 30px;
    padding-left: 36px;
}
.sc_heading.count .before {
    line-height: 38px;
    position: absolute;
    color: white;
    background: #000;
    font-size: 1.2em;
    width: 40px;
    text-align: center;
    left: -1.1em;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -js-display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.sc_heading.countrad {
    position: relative;
    background: #eee;
    color: #000;
    border-radius: 5px;
    margin-left: 20px;
    padding-left: 38px;
}
.sc_heading.countrad .before {
    position: absolute;
    color: white;
    background: #000;
    font-size: 1.2em;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    left: -1.1em;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
}
.sc_heading.headtag {
    vertical-align: middle;
    border-radius: 40px 0px 0px 40px;
}
.sc_heading.headtag::before,
.sc_heading.headtag .before {
    content: '●';
    color: #ccc;
    margin-right: 30px;
    height: 1px;
    position: absolute;
    left: 1em;
    top: 50%;
    line-height: 0;
}
.sc_heading.headtag .sc_title {
    padding-left: 1.5em;
}
.sc_heading.custom::before,
.sc_heading.custom::after {
    content: none;
}
h2.sc_heading.count .before {
    width: 60px;
    line-height: 60px;
}
h3.sc_heading.count .before {
    width: 50px;
    line-height: 50px;
}
h4.sc_heading.count .before {
    width: 45px;
    line-height: 45px;
}
h2.sc_heading.count,
h2.sc_heading.countrad {
    padding-left: 45px;
}
h2.sc_heading.countrad .before {
    width: 65px;
    line-height: 58px;
    height: 65px;
}
h3.sc_heading.countrad .before {
    width: 55px;
    line-height: 50px;
    height: 55px;
}
h4.sc_heading.countrad .before {
    width: 50px;
    line-height: 45px;
    height: 50px;
}
.sc_heading.solid.blue,
.sc_heading.stech.blue,
.sc_heading.rlborder.blue::before,
.sc_heading.fukidasi.blue,
.sc_heading.count.blue .before,
.sc_heading.countrad.blue .before,
.sc_heading.headtag {
    background-color: #70b8f1;
    color: #fff;
}
.sc_heading.bborder.blue {
    border-color: #70b8f1;
    color: #70b8f1;
}
.sc_heading.stech.blue {
    box-shadow: 0px 0px 0px 5px #70b8f1;
}
.sc_heading.bborder.l.blue,
.sc_heading.count.blue,
.sc_heading.countrad.blue {
    background-color: #f5faff;
    color: #70b8f1;
}
.sc_heading.rlborder.blue {
    color: #70b8f1;
    background-color: #fff;
}
.sc_heading.fukidasi.blue::after {
    border-top: 10px solid #70b8f1;
}
.sc_heading.headtag.blue::before {
    color: #f5faff;
}
.sc_heading.solid.green,
.sc_heading.stech.green,
.sc_heading.rlborder.green::before,
.sc_heading.fukidasi.green,
.sc_heading.count.green .before,
.sc_heading.countrad.green .before,
.sc_heading.headtag.green {
    background-color: #2ac113;
    color: #fff;
}
.sc_heading.bborder.green {
    border-color: #2ac113;
    color: #2ac113;
}
.sc_heading.stech.green {
    box-shadow: 0px 0px 0px 5px #2ac113;
}
.sc_heading.bborder.l.green,
.sc_heading.count.green,
.sc_heading.countrad.green {
    background-color: #eeffe5;
    color: #2ac113;
}
.sc_heading.rlborder.green {
    color: #2ac113;
    background-color: #fff;
}
.sc_heading.fukidasi.green::after {
    border-top: 10px solid #2ac113;
}
.sc_heading.headtag.green::before {
    color: #eeffe5;
}
.sc_heading.solid.red,
.sc_heading.stech.red,
.sc_heading.rlborder.red::before,
.sc_heading.fukidasi.red,
.sc_heading.count.red .before,
.sc_heading.countrad.red .before,
.sc_heading.headtag.red {
    background-color: #ff8178;
    color: #fff;
}
.sc_heading.bborder.red {
    border-color: #ff8178;
    color: #ff8178;
}
.sc_heading.stech.red {
    box-shadow: 0px 0px 0px 5px #ff8178;
}
.sc_heading.bborder.l.red,
.sc_heading.count.red,
.sc_heading.countrad.red {
    background-color: #fff0f0;
    color: #ff8178;
}
.sc_heading.rlborder.red {
    color: #ff8178;
    background-color: #fff;
}
.sc_heading.fukidasi.red::after {
    border-top: 10px solid #ff8178;
}
.sc_heading.headtag.red::before {
    color: #fff0f0;
}
.sc_heading.solid.yellow,
.sc_heading.stech.yellow,
.sc_heading.rlborder.yellow::before,
.sc_heading.fukidasi.yellow,
.sc_heading.count.yellow .before,
.sc_heading.countrad.yellow .before,
.sc_heading.headtag.yellow {
    background-color: #ffe822;
    color: #fff;
}
.sc_heading.bborder.yellow {
    border-color: #ffe822;
    color: #ffe822;
}
.sc_heading.stech.yellow {
    box-shadow: 0px 0px 0px 5px #ffe822;
}
.sc_heading.bborder.l.yellow,
.sc_heading.count.yellow,
.sc_heading.countrad.yellow {
    background-color: #fffef4;
    color: #ffe822;
}
.sc_heading.rlborder.yellow {
    color: #ffe822;
    background-color: #fff;
}
.sc_heading.fukidasi.yellow::after {
    border-top: 10px solid #ffe822;
}
.sc_heading.headtag.yellow::before {
    color: #fffef4;
}
.sc_heading.solid.orange,
.sc_heading.stech.orange,
.sc_heading.rlborder.orange::before,
.sc_heading.fukidasi.orange,
.sc_heading.count.orange .before,
.sc_heading.countrad.orange .before,
.sc_heading.headtag.orange {
    background-color: #ffa30d;
    color: #fff;
}
.sc_heading.bborder.orange {
    border-color: #ffa30d;
    color: #ffa30d;
}
.sc_heading.stech.orange {
    box-shadow: 0px 0px 0px 5px #ffa30d;
}
.sc_heading.bborder.l.orange,
.sc_heading.count.orange,
.sc_heading.countrad.orange {
    background-color: #fffaf3;
    color: #ffa30d;
}
.sc_heading.rlborder.orange {
    color: #ffa30d;
    background-color: #fff;
}
.sc_heading.fukidasi.orange::after {
    border-top: 10px solid #ffa30d;
}
.sc_heading.headtag.orange::before {
    color: #fffaf3;
}
.sc_heading.solid.gray,
.sc_heading.stech.gray,
.sc_heading.rlborder.gray::before,
.sc_heading.fukidasi.gray,
.sc_heading.count.gray .before,
.sc_heading.countrad.gray .before,
.sc_heading.headtag.gray {
    background-color: #ccc;
    color: #fff;
}
.sc_heading.bborder.gray {
    border-color: #ccc;
    color: #ccc;
}
.sc_heading.stech.gray {
    box-shadow: 0px 0px 0px 5px #ccc;
}
.sc_heading.bborder.l.gray,
.sc_heading.count.gray,
.sc_heading.countrad.gray {
    background-color: #f9f9f9;
    color: #ccc;
}
.sc_heading.rlborder.gray {
    color: #ccc;
    background-color: #fff;
}
.sc_heading.fukidasi.gray::after {
    border-top: 10px solid #ccc;
}
.sc_heading.headtag.gray::before {
    color: #f9f9f9;
}
.sc_heading.solid.black,
.sc_heading.stech.black,
.sc_heading.rlborder.black::before,
.sc_heading.fukidasi.black,
.sc_heading.count.black .before,
.sc_heading.countrad.black .before,
.sc_heading.headtag.black {
    background-color: #000;
    color: #fff;
}
.sc_heading.bborder.black {
    border-color: #000;
    color: #000;
}
.sc_heading.stech.black {
    box-shadow: 0px 0px 0px 5px #000;
}
.sc_heading.bborder.l.black,
.sc_heading.count.black,
.sc_heading.countrad.black {
    background-color: #eee;
    color: #000;
}
.sc_heading.rlborder.black {
    color: #000;
    background-color: #fff;
}
.sc_heading.fukidasi.black::after {
    border-top: 10px solid #000;
}
.sc_heading.headtag.black::before {
    color: #eee;
}

/*************************************

  designlist

*************************************/
.sc_designlist ul,
.sc_designlist ol,
.content .sc_designlist ul,
.content .sc_designlist ol {
    list-style: none;
}
.sc_designlist ul li {
    position: relative;
}
.sc_designlist ul li:before {
    font-family: "fontAwesome";
    position: absolute;
    left: -1.5em;
    color: #668ad8;
}
.sc_designlist.fa_check ul li:before {
    content: "\f00c";
}
.sc_designlist.fa_angle ul li:before {
    content: "\f105";
}
.sc_designlist.fa_angle_d ul li:before {
    content: "\f101";
}
.sc_designlist.fa_angle_o ul li:before {
    content: "\f138";
}
.sc_designlist.fa_caret ul li:before {
    content: "\f0da";
}
.sc_designlist.fa_arrow ul li:before {
    content: "\f061";
}
.sc_designlist.lborder ul li {
    border-left: 5px solid #668ad8;
    padding-left: .5em;
}
.sc_designlist.lborder ul {
    padding: 0 1em;
}
.sc_designlist ol {
    counter-reset: number;
    margin: 10px 0;
    padding-left: 2.3em;
}
.sc_designlist ol li {
    line-height: 2;
    position: relative;
    margin-bottom: .5em;
}
.sc_designlist ol li:after {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    font-weight: bold;
    left: -2em;
    width: 23px;
    line-height: 23px;
    height: 23px;
    text-align: center;
    top: .3em;
    white-space: nowrap;
}
.sc_designlist.solid ol li:after {
    background: #668ad8;
    color: #fff;
}
.sc_designlist.reg ol li:after {
    border: 2px solid #668ad8;
    color: #668ad8;
}
.sc_designlist.dia ol li:after {
    color: #fff;
}
.sc_designlist.dia ol li::before {
    position: absolute;
    top: .3em;
    left: -2em;
    width: 23px;
    height: 23px;
    content: '';
    transform: rotate(45deg);
    background: #668ad8;
}
.sc_designlist.radius ol li:after {
    border-radius: 50%;
}
.sc_designlist.timeline ol li::after {
    border: 1px solid #668ad8;
    color: #668ad8;
    border-radius: 50%;
    background: #f3f7ff;
}
.sc_designlist.timeline ol li::before {
    position: absolute;
    z-index: 0;
    top: 1em;
    left: -1.25em;
    height: calc(100% + 1em);
    content: '';
    border-left: 1px dotted #668ad8;
}
.sc_designlist.timeline ol li:last-child::before {
    display: none;
}
.sc_designlist.parag ol li {
    padding-left: .5em;
    border-left: 3px solid #98b9da;
}
.sc_designlist.parag ol li::after {
    font-size: 1.5em;
    left: -2em;
    color: #668ad8;
    line-height: .5em;
    text-align: right;
    width: 1.5em;
}
.sc_designlist.blue ul li::before {
    color: #70b8f1;
}
.sc_designlist.lborder.blue ul li {
    border-color: #70b8f1;
}
.sc_designlist.solid.blue ol li:after,
.sc_designlist.dia.blue ol li::before {
    background: #70b8f1;
    color: #fff;
}
.sc_designlist.reg.blue ol li:after,
.sc_designlist.timeline.blue ol li::after {
    border-color: #70b8f1;
    color: #70b8f1;
}
.sc_designlist.timeline.blue ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.blue ol li,
.sc_designlist.timeline.blue ol li::before {
    border-color: #70b8f1;
}
.sc_designlist.parag.blue ol li::after {
    color: #70b8f1
}
.sc_designlist.green ul li::before {
    color: #2ac113;
}
.sc_designlist.lborder.green ul li {
    border-color: #2ac113;
}
.sc_designlist.solid.green ol li:after,
.sc_designlist.dia.green ol li::before {
    background: #2ac113;
    color: #fff;
}
.sc_designlist.reg.green ol li:after,
.sc_designlist.timeline.green ol li::after {
    border-color: #2ac113;
    color: #2ac113;
}
.sc_designlist.timeline.green ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.green ol li,
.sc_designlist.timeline.green ol li::before {
    border-color: #2ac113;
}
.sc_designlist.parag.green ol li::after {
    color: #2ac113
}
.sc_designlist.red ul li::before {
    color: #ff8178;
}
.sc_designlist.lborder.red ul li {
    border-color: #ff8178;
}
.sc_designlist.solid.red ol li:after,
.sc_designlist.dia.red ol li::before {
    background: #ff8178;
    color: #fff;
}
.sc_designlist.reg.red ol li:after,
.sc_designlist.timeline.red ol li::after {
    border-color: #ff8178;
    color: #ff8178;
}
.sc_designlist.timeline.red ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.red ol li,
.sc_designlist.timeline.red ol li::before {
    border-color: #ff8178;
}
.sc_designlist.parag.red ol li::after {
    color: #ff8178
}
.sc_designlist.yellow ul li::before {
    color: #ffe822;
}
.sc_designlist.lborder.yellow ul li {
    border-color: #ffe822;
}
.sc_designlist.solid.yellow ol li:after,
.sc_designlist.dia.yellow ol li::before {
    background: #ffe822;
    color: #fff;
}
.sc_designlist.reg.yellow ol li:after,
.sc_designlist.timeline.yellow ol li::after {
    border-color: #ffe822;
    color: #ffe822;
}
.sc_designlist.timeline.yellow ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.yellow ol li,
.sc_designlist.timeline.yellow ol li::before {
    border-color: #ffe822;
}
.sc_designlist.parag.yellow ol li::after {
    color: #ffe822
}
.sc_designlist.orange ul li::before {
    color: #ffa30d;
}
.sc_designlist.lborder.orange ul li {
    border-color: #ffa30d;
}
.sc_designlist.solid.orange ol li:after,
.sc_designlist.dia.orange ol li::before {
    background: #ffa30d;
    color: #fff;
}
.sc_designlist.reg.orange ol li:after,
.sc_designlist.timeline.orange ol li::after {
    border-color: #ffa30d;
    color: #ffa30d;
}
.sc_designlist.timeline.orange ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.orange ol li,
.sc_designlist.timeline.orange ol li::before {
    border-color: #ffa30d;
}
.sc_designlist.parag.orange ol li::after {
    color: #ffa30d
}
.sc_designlist.gray ul li::before {
    color: #ccc;
}
.sc_designlist.lborder.gray ul li {
    border-color: #ccc;
}
.sc_designlist.solid.gray ol li:after,
.sc_designlist.dia.gray ol li::before {
    background: #ccc;
    color: #fff;
}
.sc_designlist.reg.gray ol li:after,
.sc_designlist.timeline.gray ol li::after {
    border-color: #ccc;
    color: #ccc;
}
.sc_designlist.timeline.gray ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.gray ol li,
.sc_designlist.timeline.gray ol li::before {
    border-color: #ccc;
}
.sc_designlist.parag.gray ol li::after {
    color: #ccc
}
.sc_designlist.black ul li::before {
    color: #000;
}
.sc_designlist.lborder.black ul li {
    border-color: #000;
}
.sc_designlist.solid.black ol li:after,
.sc_designlist.dia.black ol li::before {
    background: #000;
    color: #fff;
}
.sc_designlist.reg.black ol li:after,
.sc_designlist.timeline.black ol li::after {
    border-color: #000;
    color: #000;
}
.sc_designlist.timeline.black ol li::after {
    background-color: #fefefe;
}
.sc_designlist.parag.black ol li,
.sc_designlist.timeline.black ol li::before {
    border-color: #000;
}
.sc_designlist.parag.black ol li::after {
    color: #000
}

/*************************************

  review table

*************************************/
.diver_review_table th {
    width: 20%;
}
.diver_review_table td.table_harf {
    width: 30%;
}
.diver_review_table th {
    text-align: center;
}
.diver_review_table .review_star,
.diver_review_table .review_star .star {
    background-size: 100px;
}

/****************************************

		  user_list

*****************************************/
.user_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
.user_list .user {
    padding: 10px 15px 20px;
    width: 20%;
    text-decoration: none;
    min-width: 130px;
}
.user_list .user_avator {
    width: 100%;
    margin-bottom: 5px;
}
.user_list .user_avator img {
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
}
.user_list .user_name {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .5px;
    color: #333;
}

/****************************************

		  popular posts

*****************************************/
#sidebar .popular-posts ul {
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    margin: -10px;
}

/*******
.popular-posts li:nth-of-type(1):before {
	content: url('http://-----.jpg');
}

.popular-posts li:nth-of-type(2):before {
	content: url('http://-----.jpg');
}

.popular-posts li:nth-of-type(3):before {
	content: url('http://-----.jpg');
}

*******/
.wpp-list {
    counter-reset: wpp-ranking;
}
.diver_popular_posts {
    counter-reset: dpp-ranking;
}

/* Xタイムライン */
.x_timeline {
    margin: 20px 0 10px;
    text-align: center;
}
div#x_timeline_header {
    font-size: 16px;
    font-weight: 700;
    color: rgb(15, 20, 25);
    text-decoration: none;
    margin: 0 auto 10px;
    border-bottom: solid 2px var(--key-red);
    padding: 4px 0;
}
div#x_timeline_header a {
    color:inherit
}
div#x_timeline_header a:visited {
    color:inherit
}
div#x_timeline_header a img {
    width: 21px;
    margin-right: 2px;
}

/* 一覧の表示スタイル */
.popular-posts li {
    position: relative;
    overflow: hidden;
    float: none;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 8px !important;
}
.wpp-thumbnail {
    object-fit: cover;
    font-family: 'object-fit:cover;';
    float: left;
    margin-right: 5px;
}
.wpp-post-title {
    font-size: 0.857142857rem !important;
    margin-top: 5px;
}
.wpp-list li {
    position: relative;
}
.d_tab_tab ul.wpp-list li a {
    display: initial;
    padding: 0;
}
.d_tab_tab ul.wpp-list li {
    padding: 8px;
}
.post_list_views {
    font-size: 0.857142857rem;
    margin-top: 5px;
}

/*.post_list_views:before {
	content: "\f06e";
	font-family: fontAwesome;
}*/
.post_list_views:after {
    content: "views";
    margin-left: 3px;
}

/****************************************

		  plugin - popular posts

*****************************************/
.amazonjs_item .amazonjs_info h4:before,
.amazonjs_item .amazonjs_info h4:after {
    content: none;
}

/****************************************

		  contact

*****************************************/
.contact>div:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
}
.contact th {
    vertical-align: middle;
    font-size: 0.857142857rem;
}
.contact td {
    padding: 5px 10px;
}
.contact .form_title {
    width: 20%;
    float: left;
}
.contact .form_area {
    float: right;
    width: 77%;
    margin-bottom: 10px;
}
.contact .form_area textarea {
    width: 100%;
}
.wpcf7 .form_title span {
    font-size: 12px;
    color: #fff;
    background-color: #f44336;
    padding: 3px 6px;
    border-radius: 3px;
    margin-left: 12px;
}
.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    padding: 1em 4em;
}

/****************************************

		  lazyload

*****************************************/
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

/****************************************

		  biral sns

*****************************************/
.p-entry__push {
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #2b2b2b;
    color: #fff;
    background-size: cover;
    background-position: center;
}
.p-entry__pushLike {
    display: table-cell;
    padding: 60px 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 20px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.p-entry__pushLike:before {
    content: '';
    background: inherit;
    -webkit-filter: brightness(60%) blur(5px);
    -moz-filter: brightness(60%) blur(5px);
    -o-filter: brightness(60%) blur(5px);
    -ms-filter: brightness(60%) blur(5px);
    filter: brightness(60%) blur(5px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
}
.p-entry__pushButton {
    margin-top: 15px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
}
.p-entry__pushButtonLike {
    line-height: 1
}
.p-entry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #fff;
}
.p-entry__tw-follow {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
    padding: 15px 0
}
.p-entry__tw-follow__cont {
    text-align: center;
    font-size: 15px;
    color: #252525
}
.p-entry__tw-follow__item {
    display: inline-block;
    vertical-align: top;
    margin: 4px 15px
}
div .sidead {
    width: 80%;
    height: auto;
}

/******************************

 new label

******************************/
.post-box-contents .newlabel {
    background: var(--key-red);
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 11px;
    border-radius: 1px;
    top: 0;
    z-index: 20;
    padding: 2px 3px;
    margin: 0 8px 0 0;
    line-height: 11px;
}
.post-box-contents .newlabel span {
    white-space: nowrap;
    text-align: center;
}

/******************************

 SNSボタン

******************************/

/* [fb_share] */
.fb_iframe_widget_fluid {
    display: inline-block !important;
}
.share-fb a {
    display: block;
    padding: 5px;
    background-color: #3B55A5;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-size: 0.714285714rem;
    text-decoration: none;
}
.share-fb a:hover {
    color: #fff;
    background-color: #243f77;
}
.share-fb span:before {
    white-space: pre;
    content: '\A';
}

/* [Twitter] */
.sc-tw {}
.sc-tw svg {
    width: 20px;
    height: 20px;
}
.sc-tw a {
    margin: 0 auto;
    padding: 5px;
    display: block;
    background: #1B95E0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .5px;
    border-radius: 2px;
}
.sc-tw a:hover {
    color: #fff;
    background: #0c7abf;
}
.sc-tw span:before {
    white-space: pre;
    content: '\A';
}

/* [hatebu_share] */
.share-hatebu a {
    display: block;
    padding: 5px;
    background-color: #5d8ac1;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-size: 0.714285714rem;
    text-decoration: none;
}
.share-hatebu a:hover {
    color: #fff;
    background-color: #6d84b4;
}

/* [pocket_share] */
.share-pocket a {
    display: block;
    padding: 8px;
    background-color: #f03e51;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-size: 0.714285714rem;
    text-decoration: none;
}
.share-pocket a:hover {
    color: #fff;
    background-color: #dc3749;
}
.share-pocket span:before {
    white-space: pre;
    content: '\A';
}
.share-feedly a {
    display: block;
    padding: 8px;
    background-color: #87c040;
    border-radius: 2px;
    color: #FFF;
    text-align: center;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-size: 0.714285714rem;
    text-decoration: none;
}
.share-feedly a:hover {
    color: #fff;
    background-color: #7baf3a;
}
.share-feedly span:before {
    white-space: pre;
    content: '\A';
}

/* [Facebook] */
.sc-fb {
    z-index: 99;
    width: 65px;
    margin-right: 9px !important
}

/* [Feedly] */
.feedly-count-box {
    width: 71px;
    text-align: center;
}
.feedly-count-box a {
    text-decoration: none;
}
.feedly-count-box span {
    text-decoration: none;
    display: block;
    color: #444;
    border: 1px solid #aaa;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 6px;
    border-radius: 3px;
    position: relative;
    background: #fff;
}
.feedly-count-box span:before {
    position: absolute;
    top: 100%;
    left: 28px;
    width: 0;
    height: 0;
    content: "";
    border: 5px solid transparent;
    border-top-color: #999;
}
.feedly-count-box span:after {
    position: absolute;
    top: 100%;
    left: 29px;
    width: 0;
    height: 0;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
}
.feedly-count-box img:hover {
    opacity: 0.8;
}

/* [LINE] */
.sc-li {
    width: auto;
}
.sc-li-img {
    border: none;
    margin: 0 auto;
    padding: 0;
    width: 38px;
    height: 62px;
}
.twitter_btn {
    width: 74px;
}
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    text-align: center;
    font-size: 11px;
    height: 36px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    color: #333;
    border-radius: 3px;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.arrow_box:after,
.arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 3px;
    margin-left: -3px;
}
.arrow_box:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ccc;
    border-width: 4px;
    margin-left: -4px;
}

/* サークルのスタイル */
.sns_circle {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #999;
    float: left;
    list-style: none;
}
.sns_circle i {
    position: absolute;
    padding: 10px 10px 10px 12px;
    font-size: 30px;
    color: #FFF;
    /* 文字の色 */
}

/* リンク領域をブロック全体に */
.sns_circle a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 15%;
    -moz-border-radius: 15%;
    border-radius: 15%;
    text-indent: -999px;
    color: #FFF;
    /* 文字の色 */
}
.sns_circle.facebook {
    background-color: #265a96;
}
.sns_circle.twitter {
    background-color: #00acec;
}
.sns_circle.instagram {
    background-color: #ef7637;
}

/* マウスオーバー */
.sns_circle a:hover {
    background-color: #FFF;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/****************************************

		  カテゴリ最新記事

*****************************************/
.newpost_list {
    padding: 5px 0;
}
.post_list_wrap {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}
.post_list_wrap a {
    padding: 5px;
}
.post_list_wrap figure {
    background: #eee;
    width: 90px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.post_list_wrap img {
    font-size: 0.857142857em;
}
.post_list_wrap .meta {
    overflow: hidden;
}
.post_list .post_list_wrap {
    float: left;
    width: 25%;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    min-height: 55px;
    position: relative;
}
.post_list .post_list_wrap+.post_list_wrap {
    border-bottom: 1px solid #eee;
    border-top: 0;
}
.post_list .post_list_wrap li {
    display: inline-block;
}
.post_list_wrap .post_thumbnail img {
    width: 90px;
}
.post_list_wrap .date {
    font-size: 0.714285714rem;
}
.post_list_wrap .title {
    font-size: 14px;
    max-height: 85px;
    overflow: hidden;
}

/****************************************

		  pickup cat

*****************************************/
.pickup-cat-wrap {
    margin-bottom: 10px;
    overflow: hidden;
}
.pickup-cat-list {
    line-height: 1.3;
    position: relative;
    border-bottom: 1px solid #eee;
}
.pickup-cat-list a {
    padding: 5px;
}
.pickup-cat-list .meta {
    padding: 5px 10px;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 15px;
}
.pickup-cat-img {
    position: relative;
    width: 120px;
    vertical-align: middle;
    background: #eee;
    overflow: hidden;
    float: left;
}
.pickup-cat-img img {
    object-fit: cover;
    font-family: 'object-fit:cover;';
    width: 100%;
}
.pickup-cat-dt {
    font-size: 0.714285714rem;
    color: #aaa;
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.pickup-cat-excerpt {
    font-size: 0.714285714rem;
}
.pickup-cat-title {
    font-size: 0.9em;
    line-height: 1.5;
    padding: .2em 0;
}

/****************************************

		  sticky post

*****************************************/
.sticky-post-box {
    margin-bottom: 5px;
    display: table;
    width: 100%;
    cursor: pointer;
    transition: .4s;
}
.sticky-post-box:last-child {
    margin-bottom: 10px;
}
.sticky-post-box .post_thumbnail {
    width: 38%;
    margin-right: 2%;
    float: left;
}
.sticky-post-box .post-meta-all {
    padding: 10px 20px;
}
.sticky-post-box .post-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 3px 0;
}
.sticky-post-box .post-date {
    font-size: 0.8em;
    padding: 0 .3em;
}
.sticky-post-box .post-substr {
    font-size: 0.9em;
    margin-top: 10px;
}
.sticky-post-box .post-cat {
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 5px;
    background: #eee;
}
.sticky-post-box .post-tag {
    margin: 5px 0;
}
.sticky-post-box .post-tag .tag {
    display: inline-block;
    font-size: 0.714285714rem;
    padding: 3px 8px;
    background: #eee;
    margin-right: 5px;
}

/****************************************

		  bxslider

*****************************************/
#big_pickup_slider a,
.bxslider_main a {
    height: 100%;
}
#big_pickup_slider .pickup-cat {
    padding: 6px 20px;
    background: #999;
    color: #fff;
    border-radius: 0 0 0 3px;
    margin-left: 10px;
    font-size: .8em;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
#big_pickup_slider .pickup-title {
    padding: 0 5px;
}
#big_pickup_slider #pickup_posts_container li {
    height: 350px;
}
#big_pickup_slider #pickup_posts_container li .meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 60px 30px 20px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 18px;
    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
}
#big_pickup_slider.pickup_slider_size_medium #pickup_posts_container li {
    height: 250px;
}
#big_pickup_slider.pickup_slider_size_small #pickup_posts_container li {
    height: 180px;
}
#big_pickup_slider.pickup_slider_size_small #pickup_posts_container li .meta {
    padding: 30px 15px 10px;
    font-size: 14px;
}
#big_pickup_slider.pickup_slider_size_small .pickup-cat {
    padding: 3px 10px;
    font-size: 0.714285714rem;
}
#pickup_posts_container .swiper-button-next {
    right: 10px;
    left: auto;
    background: url(images/controls.png) no-repeat -43px -32px;
}
#pickup_posts_container .swiper-button-prev {
    left: 10px;
    right: auto;
    background: url(images/controls.png) no-repeat 0 -32px;
}
#big_pickup_slider #pickup_posts_container .swiper-button-next,
#big_pickup_slider #pickup_posts_container .swiper-button-prev {
    zoom: 120%;
}
#pickup_posts_container .swiper-button-next,
#pickup_posts_container .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 99;
    transition: none;
}
#main-wrap #pickup_posts_container {
    margin-bottom: 10px;
    height: fit-content;
}
#big_pickup_slider #pickup_posts_container .swiper-pagination-bullet,
#main-wrap #pickup_posts_container .swiper-pagination-bullet {
    background: #000;
}
#big_pickup_slider #pickup_posts_container .swiper-pagination-bullet-active,
#main-wrap #pickup_posts_container .swiper-pagination-bullet-active {
    background: var(--key-yellow);
}
#pickup_posts_container .pickup-dt {
    padding-left: 5px;
    font-size: .8em;
}
#pickup_posts_container .swiper-pagination-bullets {
    width: 25%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0px);
    white-space: nowrap;
}
#main-wrap #pickup_posts_container .pickup-cat {
    position: absolute;
    top: 8rem;
    right: 5px;
    padding: 0px 6px;
    background: #333;
    color: #fff;
    font-size: 0.714285714rem;
    border-radius: 0 0 0 5px;
    margin: 0;
    font-weight: lighter;
    z-index: 2;
    transition: .4s;
}
#main-wrap #pickup_posts_container li {
    height: 12.4rem;
    /* ORG 140px;*/

    transition: .4s;
    margin: 2px 0;
    background-color: #fff;
}
#pickup_posts_container .pickup-title {
    padding: 0 5px;
    font-weight: bold;
    margin: 0.2rem auto .8em;
    overflow-y: hidden;
    height: 2rem;
    transition: .4s;
}
#pickup_posts_container li>a {
    height: 100%;
    width: 100%;
}
#pickup_posts_container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
}
#main-wrap #pickup_posts_container img {
    padding: 5px;
    background-color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: 0rem!important;
    margin-top: 1rem!important;
}
.swiper-pagination {
    position: relative!important;
    z-index: 10;
}
#main-wrap #pickup_posts_container li:hover .meta .pickup-title {
    height: max-content;
    transition-delay: 2s;
}
#main-wrap #pickup_posts_container li:hover .pickup-cat {
    top: 0;
    right: 0;
    height: max-content;
}
#main-wrap #pickup_posts_container .meta {
    font-size: 12px;
    padding: 5px 1rem;
    position: absolute;
    bottom: 0;
    left: 3px;
    right: 3px;
    bottom: 5px;
    height: 65px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    transition: .4s;
}
.pickup_post_list,
.swiper-slide {
    overflow: hidden;
    height: 350px;
}

/******************************

  topに戻る

******************************/
#page-top {
    position: fixed;
    bottom: -100px;
    right: 20px;
    font-size: 77%;
    z-index: 998;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 70px;
    font-size: 25px;
    line-height: 1;
    padding: 22px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
}
#page-top a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/******************************

	CTA Widget

******************************/
.containerbottom-widget {}
.widget.containerwidget .cta_content figure img {
    width: 30%;
    float: left;
    padding: 20px;
}
.widget.widget_diver_widget_cta .wrap-post-title {
    background: none;
    text-align: center;
    color: #fff;
    font-size: 1.8em;
    border: none;
    border-radius: 0;
}
.widget.containerwidget .cta_content .content {
    font-size: 1.1em;
}
.widget.widget_diver_widget_cta .wrap-post-title:before,
.widget.widget_diver_widget_cta .wrap-post-title:after {
    content: none;
}

/******************************

	CTA

******************************/
#cta {
    background: #fff;
    margin-top: 10px;
}
.cta_content {
    padding: 10px 20px;
    overflow: auto;
}
.cta_thumbnail {
    width: 35%;
    float: right;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
}
.cta_thumbnail img {
    height: auto;
    object-fit: contain;
    font-family: 'object-fit:contain;';
    max-height: 300px;
}
.cta_title {
    font-size: 27px;
    text-align: center;
    padding: 20px;
    background: #32454e;
    color: #fff;
    font-weight: bold;
}
.cta_btnarea {
    text-align: center;
    clear: both;
    padding-bottom: 20px;
}
.cta_btn {
    font-size: 23px;
    padding: 10px 60px;
}
.cta_content .content {
    font-size: 1em;
    line-height: 2;
    padding-top: 20px;
    margin-bottom: 0;
    background: none;
}
#cta .button.big a {
    width: 70%;
}

/****************************************

		  LP

*****************************************/
#lp-wrap {
    width: 100%;
}
#lp-wrap .content {
    width: 1100px;
    margin: 0 auto;
}
#lp-wrap .content img {
    margin: 0;
}
#lp-wrap .lp_header_img {
    margin: 0 auto;
}
#lp-wrap .lp_header_img img {
    vertical-align: middle;
    width: 100%;
}
.lp_footer_content {
    padding: 10px 20px;
    font-weight: bold;
    text-align: center;
}
ul.lp-footer-nav-list {
    width: 100%;
}
ul.lp-footer-nav-list li,
ul.lp-footer-nav-list li a {
    display: inline-block;
}
ul.lp-footer-nav-list li a {
    padding: 10px;
}
.lp-footer-copyrights {
    padding: 10px;
    letter-spacing: .05em;
    width: 100%;
}
#lp-wrap .content {
    width: 90%;
}

/****************************************

		  diver af rank

*****************************************/
.diver_af_ranking_wrap {
    padding: 0 10px;
    margin: 15px 0;
}
.content .rank_title::before,
.content .rank_title::after {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border: none;
    transform: none;
    background: none;
}
.rank_h {
    border: none;
    position: relative;
    padding: 5px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    align-items: center;
}
.rank_h:before,
.content .rank_h::before {
    content: " ";
    float: left;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 60px;
    background-size: 60px;
    line-height: 50px;
    font-size: 20px;
    background-image: url(images/rank/diver_rank_icon.png);
    font-weight: bold;
    text-align: center;
    text-shadow: .5px .5px 0 #fff, -.5px .5px 0 #fff, .5px -.5px 0 #fff, -.5px -.5px 0 #fff;
    color: #e8453b;
    margin-right: 5px;
}
.rank_h.\30:before {
    height: 50px;
    width: 20px;
}
.rank_h.\31:before {
    background-image: url(images/rank/diver_rank_1.png);
}
.rank_h.\32:before {
    background-image: url(images/rank/diver_rank_2.png);
}
.rank_h.\33:before {
    background-image: url(images/rank/diver_rank_3.png);
}
.rank_h.\34:before {
    background-image: url(images/rank/diver_rank_4.png);
}
.rank_h.\35:before {
    background-image: url(images/rank/diver_rank_5.png);
}
.rank_h.\36:before {
    background-image: url(images/rank/diver_rank_6.png);
}
.rank_h.\37:before {
    background-image: url(images/rank/diver_rank_7.png);
}
.rank_h.\38:before {
    background-image: url(images/rank/diver_rank_8.png);
}
.rank_h.\39:before {
    content: "9";
}
.rank_h.\31\30:before {
    content: "10";
}
.rank_h.\31\31:before {
    content: "11";
}
.rank_h.\31\32:before {
    content: "12";
}
.rank_h.\31\33:before {
    content: "13";
}
.rank_h.\31\34:before {
    content: "14";
}
.rank_h.\31\35:before {
    content: "15";
}
.rank_h.\31\36:before {
    content: "16";
}
.rank_h.\31\37:before {
    content: "17";
}
.rank_h.\31\38:before {
    content: "18";
}
.rank_h.\31\39:before {
    content: "19";
}
.rank_h.\32\30:before {
    content: "20";
}
.rank_title,
.content .rank_title {
    font-size: 1.6em;
    font-weight: bold;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: none;
    color: inherit;
    flex: 1;
}
.rank_h .review_star {
    vertical-align: top;
    display: block;
    margin-left: 3px;
    position: absolute;
    bottom: 0px;
    left: 65px;
}
.rank_title_wrap {
    flex: 1;
}
.rank_h .rank_title_wrap .review_star {
    position: relative;
    left: 0;
}
.content .rank_title p {
    padding: 0;
}
.rank_desc_wrap {
    padding: 10px 0;
}
.rank_img {
    float: left;
    width: 35%;
    text-align: center;
}
.full .rank_img {
    float: none;
    width: 100%;
}
.rank_img img {
    margin: 0 auto;
    max-width: 100%;
}
.rank_desc {
    float: right;
    width: 63%;
}
.full .rank_img,
.full .rank_desc {
    float: none;
    width: 100%;
}
.rank_minih {
    font-size: 1.1em;
    line-height: 1.2;
    padding: 10px;
    background: #ffc062;
    color: #fff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 3px;
}
.rank_minih:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 9px solid transparent;
    border-top: 8px solid #ffc062;
    width: 0;
    height: 0;
}
.rank_desc .desc {
    padding: 5px;
}
.rank_rem {
    padding: 15px 10px;
}
.rank_buy_link,
.rank_more_link {
    float: left;
    width: 50%;
    padding: 10px
}
.content .rank_buy_link a,
.content .rank_more_link a {
    color: #ffffff;
}
.rank_buy_link a {
    position: relative;
    color: #ffffff;
    padding: .8em 2em;
    background: #2bc136;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.3);
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}
.rank_more_link a {
    color: #ffffff;
    padding: .8em 2em;
    background: #f55151;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.3);
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
}
.rank_buy_link a:after,
.rank_more_link a:after {
    content: "\f138";
    padding-left: 10px;
    font-family: fontAwesome;
}
.rank_rem {
    border: 1px solid #eee;
}

/****************************************

		  diver voice

*****************************************/
.diver_voice_wrap {
    margin: 20px 0 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
}
.diver_voice_wrap figure {
    width: 25%;
    padding: 0 20px;
    margin: 0;
}
.diver_voice_icon {
    width: 100%;
    margin: 0 !important;
    border-radius: 5px;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    box-shadow: none;
    border: none;
}
.diver_voice_title {
    font-size: 1.1em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    line-height: 1;
}
.diver_voice_titl .review_star {
    display: block;
}
span.diver_voice_title_p {
    line-height: 1.5;
}
.content .diver_voice_title p {
    padding: 0;
}
.diver_voice_title .review_star {
    display: block;
    margin-top: 5px;
}
.diver_voice_content {
    line-height: 1.5;
    padding: 5px 0;
    font-size: .9em;
}
.diver_voice_name {
    font-size: .9em;
    color: #f17e00;
    text-align: right;
    line-height: 1;
}
.diver_voice {
    flex: 1;
    position: relative;
    padding: 10px 15px;
    color: #19283C;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 4px 4px #ddd;
    -moz-box-shadow: 0 4px 4px #ddd;
    box-shadow: 0 4px 4px #ddd;
    -webkit-box-shadow: 0 4px 4px rgba(130, 130, 130, 0.5);
    -moz-box-shadow: 0 4px 4px rgba(130, 130, 130, 0.5);
    box-shadow: 0 4px 4px rgba(130, 130, 130, 0.5);
}
.diver_voice:before {
    content: "";
    position: absolute;
    top: 1em;
    left: -8px;
    margin-top: -9px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
.diver_voice:after {
    content: "";
    position: absolute;
    top: 1em;
    left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ddd transparent transparent;
    z-index: -1;
}

/****************************************

		  diver kiji

*****************************************/
.editer_diver_kiji {
    margin: 15px 0;
    border: 1px solid #eee;
}
.editer_diver_kiji_title {
    font-size: 0.9em;
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
}
.editer_diver_kiji_title:before {
    content: "\f0b2";
    margin-right: 10px;
    font-family: fontAwesome;
}
ul.diver_rel_kiji {
    border-top: 1px solid #eee;
    padding: 0;
    list-style: none;
    margin-bottom: 0 !important;
}
ul.diver_rel_kiji li {
    line-height: 1.4;
    font-size: 0.8em;
    border-bottom: 1px solid #eee;
    padding: 5px 12px;
    margin-bottom: 0;
}
ul.diver_rel_kiji li a {
    text-decoration: none;
}
ul.diver_rel_kiji li:before {
    content: "\f0da";
    vertical-align: middle;
    margin-right: 10px;
    font-family: fontAwesome;
}

/****************************************

		  diver qa

*****************************************/
.diver_qa {
    padding: 10px;
}
.diver_qa+.diver_qa {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.diver_question:before {
    content: "Q";
    background: #e04848;
}
.diver_answer:before {
    content: "A";
    background: #488ce0;
}
.diver_question,
.diver_answer {
    position: relative;
    margin-left: 50px;
    min-height: 40px;
    margin-bottom: 10px;
}
.diver_question:before,
.diver_answer:before {
    position: absolute;
    top: 0;
    left: -50px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
}
.diver_question {
    color: #FF5722;
    font-weight: bold;
}

/****************************************

		headline

*****************************************/
.diver_headline {
    margin: 0 auto;
    padding: 10px 0;
    font-size: 20px;
    color: #3cb3e4;
}
.diver_headline .diver_headline_text {
    margin: 10px 0
}
.diver_headline.border3 .diver_headline_text {
    color: #3cb3e4;
    text-align: center;
    overflow: hidden;
}
.diver_headline.border3 .diver_headline_text span {
    display: inline-block;
    position: relative;
}
.diver_headline.border3 .diver_headline_text span:before,
.diver_headline.border3 .diver_headline_text span:after {
    content: "";
    border-bottom: 2px solid #3cb3e4;
    width: 45px;
    margin: 0 15px;
    position: absolute;
    bottom: 50%;
}
.diver_headline.border3 .diver_headline_text span:before {
    right: 100%;
}
.diver_headline.border3 .diver_headline_text span:after {
    left: 100%;
}

/**********************************

		core columns

**********************************/
.content .wp-block-columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    justify-content: center;
}
.content .wp-block-column {
    margin: 0 10px;
    margin-bottom: 1em;
}

/**********************************

		core image

**********************************/
.wp-block-image figcaption {
    margin: 0;
    font-size: 12px!important;
}

/**********************************

		dvaux_iconbox

**********************************/
.dvaux_icon {
    max-width: 200px;
    margin: 0 auto;
    padding: 40px;
    margin-bottom: 1.2em;
}

/**********************************

		dvaux_iconbox

**********************************/
.dvaux_iconbox {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 1em;
    position: relative;
}
.dvaux_iconbox_meta {
    padding: 0 1em 1em 1em;
}
.dvaux_iconbox .dvaux_icon {
    padding: 40px 0px;
    margin-bottom: 1em;
    max-width: 100%;
}
.dvaux_iconbox--icon {
    margin: 10px 0;
}
.dvaux_iconbox .title {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
    color: #000;
    line-height: 1.5;
}
.dvaux_iconbox .textcontent {
    text-align: center;
    font-size: .9em;
}
.dvaux_iconbox .wp-block-image img {
    border: none;
}
.wp-block-column .dvaux_iconbox {
    height: 100%;
}
.wp-block-image img {
    margin-bottom: 0;
}

/**********************************

		dvaux_section

**********************************/
.dvaux_section_environ {
    margin: 0 -40px;
    padding-bottom: 60px;
    overflow: hidden;
}
.dvaux_section_environ {
    padding-bottom: 60px;
}
.dvaux_section_inner {
    padding: 40px;
    position: relative;
}
.dvaux_section_inner>*:not(.section_filter) {
    z-index: 2;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}
.dvaux_section_environ:not(.normal)+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 80px;
}
.dvaux_section_environ+.dvaux_section_environ {
    margin-top: -60px;
}
.dvaux_section_inner .section_filter {
    position: absolute;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.fullpage .dvaux_section_environ,
.full .dvaux_section_environ {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
.fullpage .dvaux_section_environ,
.full .dvaux_section_environ {
    padding-bottom: 5.5vw;
}
.fullpage .dvaux_section_environ+.dvaux_section_environ,
.full .dvaux_section_environ+.dvaux_section_environ {
    margin-top: -5.5vw;
}
.fullpage .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -5.5vw;
}
.fullpage .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.fullpage .dvaux_section_environ.slope2 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope2 .dvaux_section_inner::after {
    height: 5.5vw;
}
.fullpage .dvaux_section_environ[class*="slope"]+.dvaux_section_environ>.dvaux_section_inner,
.full .dvaux_section_environ[class*="slope"]+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 7vw;
}
.dvaux_section_environ {
    margin: 0 -15px;
}
.dvaux_section_inner {
    padding: 40px 15px;
}
.dvaux_section_inner::after {
    position: absolute;
    content: '';
    pointer-events: none;
    z-index: 1;
}
.dvaux_section_environ.balloon .dvaux_section_inner::after {
    bottom: -35px;
    z-index: 10;
    background: inherit;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -50px;
    left: -5%;
    right: 0px;
    width: 110%;
    height: 20%;
    min-height: 60px;
    background: inherit;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.dvaux_section_environ.slope2 .dvaux_section_inner::after {
    bottom: 0px;
    left: -5%;
    right: 0px;
    width: 110%;
    height: 20%;
    min-height: 60px;
    background: inherit;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
.dvaux_section_environ.radius .dvaux_section_inner::after {
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 60px;
    background: inherit;
    border-radius: 0 0 50% 50%;
}
.dvaux_section_environ.zigzag .dvaux_section_inner {
    padding-bottom: 60px;
    margin-bottom: -30px;
    position: relative;
    -webkit-mask-image: linear-gradient(0deg, transparent 30px, #fff 30px), linear-gradient(-135deg, #fff 15px, transparent 15px), linear-gradient(135deg, #fff 15px, transparent 15px);
    -webkit-mask-position: left bottom;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: 100% 100%, 30px 30px, 30px 30px;
    z-index: 1;
}
#lp-wrap .dvaux_section_environ {
    padding-bottom: 5.5vw;
}
#lp-wrap .dvaux_section_environ+.dvaux_section_environ {
    margin-top: -5.5vw;
}
#lp-wrap .dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -5.5vw;
}
#lp-wrap .dvaux_section_environ.slope1 .dvaux_section_inner::after,
#lp-wrap .dvaux_section_environ.slope2 .dvaux_section_inner::after {
    height: 5.5vw;
}
#lp-wrap .dvaux_section_environ[class*="slope"]+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 7vw;
}

/****************************************

		 password form

*****************************************/
form.post_password {
    position: relative;
}
.diver_password_wrap {
    padding: 30px;
    margin: 30px 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0px 3px rgba(0, 0, 0, .1);
    background: #fff;
}
.diver_password_title {
    font-size: 1.1em;
    color: #FF9800;
}
.diver_password_text {
    font-size: .9em;
    padding: 10px 0;
}
.diver_password_wrap input {
    display: inline-block;
}
.diver_password_wrap input[type="password"] {
    width: 100%;
    padding: 1em;
    padding-right: 165px;
    background-color: #fff;
    border-radius: 0;
}
.diver_password_wrap input[type="submit"] {
    width: 150px;
    border-radius: 0;
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0;
}

/****************************************

		  firstview

*****************************************/
.diver_firstview_simple {
    min-height: 200px;
    position: relative;
}
.firstview_content {
    width: 75%;
    height: 100%;
    margin: 0 auto;
    padding: 2em 0;
    font-size: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.diver_firstview_simple.stripe.length {
    background-image: linear-gradient( -45deg, transparent 25%, #ffc0cb 25%, #ffc0cb 50%, transparent 50%, transparent 75%, #ffc0cb 75%, #ffc0cb);
    background-size: 50px 50px;
}
.diver_firstview_image {
    position: relative;
}
.diver_firstview_image.norepeat {
    background-repeat: no-repeat;
}
.diver_firstview_mov {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: 100% auto;
    background-position: center;
    background-color: #000;
}
.diver_firstview_mov.full {
    height: 100vh;
}
.firstview_video_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000;
}
.diver_firstview_mov.auto .firstview_video_wrap {
    position: absolute;
}
.diver_firstview_mov video {
    vertical-align: middle;
    min-width: 100%;
    min-height: 100%;
    font-family: 'object-fit:cover;';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.diver_firstview_mov .firstview_video_wrap {
    height: 100%;
}
.diver_firstview_mov.full .firstview_content,
.diver_firstview_mov.custom .firstview_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.diver_firstview_mov.auto #diver_firstview_ytplayer {
    position: absolute;
}
.diver_firstview_mov #diver_firstview_ytplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.diver_firstview_mov_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.firstview_video_wrap .diver_firstview_mov_cover.dark,
.diver_firstview_mov_cover.dark .YTPOverlay {
    background: rgba(0, 0, 0, 0.3);
}
.firstview_video_wrap .diver_firstview_mov_cover.dot,
.diver_firstview_mov_cover.dot .YTPOverlay {
    background-image: radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0), radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0);
    background-position: 0px 0px, 4px 4px;
    background-size: 8px 8px;
}
.firstview_video_wrap .diver_firstview_mov_cover.check,
.diver_firstview_mov_cover.check .YTPOverlay {
    background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%), -webkit-linear-gradient(0deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%), liner-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-color: transparent;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
.firstview_video_wrap .diver_firstview_mov_cover.pattern,
.diver_firstview_mov_cover.pattern .YTPOverlay {
    background: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), rgba(90, 90, 90, 0.7);
    background: radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), rgba(90, 90, 90, 0.7);
    background-position: 0 0, 40px 40px;
    -webkit-background-size: 80px 80px;
    background-size: 80px 80px;
}

/****************************************

		  other style

*****************************************/
.hvr-fade-post {
    transition-duration: 0.4s;
}
.sns.mini .fb_iframe_widget {
    top: -5px;
}
#marquee {
    width: 100%;
    overflow: hidden;
}
.notfound_message {
    letter-spacing: normal;
}
i span {
    display: none;
}
.content i span {
    display: none;
}
ins.adsbygoogle {
    position: relative;
    z-index: 999;
}

/****************************************

		  tab widget

*****************************************/
.tabs {
    background-color: #fff;
    margin: -10px;
}

/*タブのスタイル*/
.tab_item {
    width: calc(100%/3);
    height: 40px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}
.tab_item:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 1em;
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked~#all_content,
#programming:checked~#programming_content,
#design:checked~#design_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
    background-color: #5ab4bd;
    color: #fff;
}
.widget.widget_diver_widget_tab {
    padding: 0;
}
.widget_diver_widget_tab .widgettitle {
    margin: 0;
}
.widget ul.d_tab_nav li.d_tab_active a {
    background: #fff;
    color: #333;
    border-top: 3px solid #2196F3;
}
.widget>ul.d_tab_nav:first-of-type>li,
.widget ul.d_tab_nav:first-child>li {
    border: none;
}
.tabbar {
    display: none;
}

.d_tab_live .d_tab_hide {
    display: none;
}
.tabber {
    display: none;
}
.widget ul.d_tab_nav {
    margin: 0;
    font: bold 12px Verdana, sans-serif;
    white-space: nowrap;
    overflow-y: auto;
    display: block;
    white-space: -.4em;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
}
.widget ul.d_tab_nav li {
    list-style: none;
    margin: 0;
    display: inline-block;
    white-space: normal;
    margin-right: 2px;
    flex: 1;
    text-align: center;
    border-radius: 3px 3px 0 0;
}
.widget ul.d_tab_nav li:last-child {
    margin-right: 0;
}
.widget ul.d_tab_nav li a {
    padding: .8em 1em;
    border-bottom: none;
    text-decoration: none;
    background: #f9f9f9;
    color: #999;
    border-top: 3px solid #aaa;
    display: block;
    font-size: 1em;
    white-space: nowrap;
    box-shadow: 0px -5px 15px -5px rgba(0, 0, 0, 0.1) inset;
}
.widget ul.d_tab_nav li a:visited {
    color: #667;
}
.widget ul.d_tab_nav li a:hover {
    background: #fff;
    box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.1) inset;
}
li.d_tab_active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.widget ul.d_tab_nav li.d_tab_active a {
    background-color: #fff;
    box-shadow: none;
}
.widget ul.d_tab_nav li.d_tab_active a:hover {
    color: #000;
    background: white;
}
.d_tab_live .d_tab_tab {
    padding: 10px;
    border-top: 0;
}
.d_tab_live .d_tab_tab .d_tab_title {
    display: none;
}
.d_tab_tab ul li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: .9em;
}
#main .d_tab_tab ul li a {
    font-size: 1em;
}
.d_tab_tab ul li.widget_post_list a {
    padding: 8px;
}

/****************************************

		  header message

*****************************************/
.header_message {
    background: #eee;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.header_message_badge {
    display: inline-block;
    background: #f00;
    color: #fff;
    padding: .4em .6em;
    border-radius: 3px;
    font-size: 0.714285714rem;
    margin-right: 8px;
    vertical-align: middle;
}
.header_message_text {
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
    transition: .4s;
}
.header_message .header_message_wrap {
    padding: 10px;
    display: block;
}
a.header_message_wrap:hover .header_message_text {
    opacity: .7;
}

/****************************************

		  nav_in_btn

*****************************************/
.nav_in_btn {
    font-weight: bold;
}
.nav_in_btn ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.nav_in_btn ul li {
    border-left: solid 1px #d4d4d4;
}
.nav_in_btn ul li:last-child {
    border-right: 1px solid #d4d4d4;
}
.nav_in_btn ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -wbkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 85px;
    font-size: 12px;
    font-weight: bold;
}
.nav_in_btn ul li a:hover {
    opacity: .7;
}
.nav_in_btn ul li i {
    font-size: 30px;
    margin: 5px 0;
}

/****************************************

		  fb comment

*****************************************/
.fb-comments {
    width: 100%;
}
.fb-comments iframe {
    min-width: 100%;
}

/****************************************

	effect

*****************************************/
.fa:before {
    font-family: fontAwesome;
}

/* add Sugai 2021.01 */
button.more_button,
.old {
    left: 50%;
    position: relative;
    width: max-content;
    transform: translate(-50%, 0px);
    margin: 1rem auto 2rem;
}
.more_button i.fas.fa-angle-double-right {
    color: #fff;
}
button.more_button:hover i.fas.fa-angle-double-right.more_button_a {
    color: var(--key-red);
}

/*tab*/
ul#lw_news_tag,
.tab_subscriber,
.tab_views,
.tab_powerful,
.tab_soaring,
.tab_highlyrated {
    margin: auto;
    width: 100%;
    padding: 0 1em;
}
.tab_period {
    display: flex;
    margin: auto;
    width: max-content;
}
div#powerful_all,
div[id^="powerful_"] {
    margin-top: .5rem;
}
ul#lw_news_tag li,
ul.tab_subscriber li,
ul.tab_views li,
ul.tab_powerful li,
ul.tab_soaring li,
ul.tab_highlyrated li {
    margin-right: .5rem;
    background: var(--key-gray);
    padding: 0 .2rem;
    font-size: 0.857142857rem;
    float: left;
    border-radius: 3px;
    margin-top: 0.5rem;
}
ul#lw_news_tag li a,
ul.tab_powerful li a,
ul.tab_soaring li a,
ul.tab_subscriber li a,
ul.tab_views li a,
ul.tab_highlyrated li a {
    color: #000;
}
ul.tab_period li {
    margin-right: 0.5rem;
    margin-top: 1rem;
    border-bottom: solid 2px var(--key-gray);
    padding: 0 0.2rem;
    font-size: 12px;
}
ul.tab_subscriber li:last-child,
ul.tab_period li:last-child,
ul.tab_views li:last-child,
ul.tab_powerful li:last-child,
ul.tab_soaring li:last-child,
ul.tab_highlyrated li:last-child {
    margin-right: 0;
}
.tab_subscriber li.active,
.tab_views li.active,
.tab_powerful li.active,
.tab_soaring li.active,
.tab_highlyrated li.active {
    background: var(--key-yellow);
    position: relative;
    padding: 0 .2rem;
    border-radius: 3px;
}
.tab_period li.active {
    border-bottom: solid 2px var(--key-yellow);
    position: relative;
    padding: 0 0.2rem;
}
.tab_period li.active:after {
    border: 0.5rem solid transparent;
    border-top-color: var(--key-yellow);
    border-bottom-width: 0;
    bottom: auto;
    content: "";
    display: block;
    left: 33.333%;
    position: absolute;
    width: 0;
}
ul.tab_subscriber li.active a,
ul.tab_period li.active a,
ul.tab_views li.active a,
ul.tab_powerful li.active a,
ul.tab_soaring li.active a,
ul.tab_highlyrated li.active a {
    color: #fff;
    font-weight: bold;
}
.tab_area_category,
.tab_area_subscriber,
.tab_area_period,
.tab_area_views,
.tab_area_powerful,
.tab_area_soaring,
.tab_area_highlyrated {
    /*切り替え部分非表示*/

    display: none;
}
.tab_area_subscriber ul,
.tab_area_period ul,
.tab_area_views ul,
.tab_area_powerful ul,
.tab_area_soaring ul,
.tab_area_highlyrated ul {
    display: flex;
}
.tab_content_rank {
    width: 100%;
    clear: both;
    overflow: hidden;
}
.tab_content_rank ul li {
    clear: both;
    /*画像有りの場合*/
}
.tab_content_rank ul li img {
    position: relative;
    margin: auto;
    width: 5rem;
    border-radius: 100%;
}
ul.tab_period li {
    padding: 0.1rem 1.5rem;
}
.tab_period li.active {
    background: var(--key-yellow);
    border-radius: 6px;
    padding: 0.1rem 1.5rem;
}
.tab_period li.active:after {
    left: 36%;
}

/*/tab*/
h2.rank_title {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
h1 a.read_more {
    margin-right: 1rem;
    color: #fff;
}
h1 i.fas.fa-angle-double-right {
    color: #fff!important;
}
h2.rank_title img {
    width: 0rem;
    margin-right: 0.5rem;
}
h2.rank_title .read_more {
    color: #fff;
    margin-right: 1rem;
}
section.each_rank {
    padding-top: 8px;
    border-bottom: solid 1px #ccc;
}
section.each_rank h2 {
    background: none;
    color: var(--my-black);
    font-size: 0.857142857rem;
    display: flex;
    margin: 0 auto .2rem;
    align-items: center;
    padding: 0 .5rem;
}
section.each_rank h2 p {
    font-size: 0.857142857rem;
    margin-left: .5rem;
}
section.each_rank h2 span {
    display: flex;
    align-items: center;
}
.rank_wrapper {
    background: #fff;
    width: 100%;
    margin: auto;
    padding: 0;
}
h2.rank_title.rank_sub_title i.fas.fa-users,
h2.rank_title.rank_sub_title i.fas.fa-caret-right,
h2.rank_title.rank_sub_title img#powerful,
h2.rank_title.rank_sub_title i.fas.fa-level-up-alt,
h2.rank_title.rank_sub_title i.fas.fa-thumbs-up {
    width: 0;
}
h2 i.fas.fa-users,
h2 i.fas.fa-caret-right,
h2 img#powerful,
h2 i.fas.fa-level-up-alt,
h2 i.fas.fa-thumbs-up {
    background: var(--key-yellow);
    color: #fff;
    margin-right: 0.5rem;
    border-radius: 5px;
    border-radius: 100%;
}
i.fas.fa-users {
    padding: 8px 5.5px;
    /*35*35*/
}
i.fas.fa-thumbs-up {
    padding: 7px 7px;
    /*26*26*/
}
i.fas.fa-caret-right {
    font-size: 1.5rem;
    padding: 5.5px 5.8px 5.5px 8.5px;
    transform: scale(1.2, .8);
    margin: auto 0.5rem auto 0.3rem;
}
img#powerful {
    padding: 5.5px 5.5px;
    height: 26.6px;
    width: 26.6px;
    object-fit: contain;
}

/*rank sub page*/
h3.small_title {
    width: max-content;
    border-bottom: solid var(--key-yellow) 3px;
    text-decoration: none;
    margin-bottom: 0.2rem;
    width: 100%;
    padding-bottom: 0;
}
.rank_title i.fas.fa-users,
.rank_title i.fas.fa-video,
.rank_title i.fas.fa-caret-right,
.rank_title i.fas.fa-level-up-alt,
.rank_title i.fas.fa-thumbs-up,
.rank_title img#powerful {
    background: none;
}
#period {
    margin-top: 1rem;
}
.old {
    margin: 1rem auto 0;
    font-size: 0.857142857rem;
}
h2.rank_title {
    align-items: center;
    display: flex;
}
h2.rank_title i.fas.fa-caret-right {
    padding: 0;
}
.tab_content_rank a {
    height: max-content;
}

/*channel rank */
div.channel_wrapper {
    background: 0 0;
    border: none;
    display: flex;
    margin: 8px auto 4px；
    padding: 0 16px;
    flex-wrap: wrap;
}
div.channel_container {
    width: 20%;
    border-right: solid 1px var(--key-gray);
    padding: 0 0.5rem;
    display: grid;
    height: auto;
    grid-template-columns: 20% 1fr 65%;
    grid-template-rows: 0 1fr 24px 3rem;
}
.ranking_num {
    height: 1.3rem;
    border-radius: 2px;
    width: auto;
    grid-row: 3/4;
    text-align: center;
    align-items: center;
    display: block;
    margin: auto 0 auto;
    padding: 0 2px;
    background: #fff;
    border: 1px solid #898989;
    color: #898989;
}
.ranking_num p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}
div.channel_container:last-child {
    border-right: none;
}

.channel_container:nth-of-type(n+6) {
    border-top: solid 1px var(--key-gray);
    padding-top: 8px;
}

span.rank_number_wrap {
    display: flex;
    z-index: 2;
    font-weight: bold;
    background: var(--key-gray);
    height: 26px;
    border-bottom-right-radius: 5px;
    padding-left: 2px;
    padding-top: 2px;
    width: 26px;
    color: var(--my-black);
}
.channel_container.no1 span.rank_number_wrap {
    background: var(--my-gold);
}
.channel_container.no2 span.rank_number_wrap {
    background: var(--my-silver);
}
.channel_container.no3 span.rank_number_wrap {
    background: var(--my-bronze);
}
span.rank_number_wrap p {
    font-size: 10px;
}
span.rank_number_wrap p.rank_number {
    font-size: 14px;
}
img.crown {
    height: 20px;
    width: auto;
    grid-column: 1/3;
    grid-row: 3/4;
    margin: auto 0;
    display: block;
}
a.icon_img {
    grid-column: 1/4;
    grid-row: 2/3;
    padding: 0;
}
a.icon_img img {
    border-radius: 3px;
    width: 100%;
    max-width: 88px;
    display: block;
    margin: auto;
}
div.subscriber_count {
    grid-column: 2/4;
    grid-row: 3/4;
    display: flex;
    font-size: 0.857142857rem;
    margin: auto auto 1px 20px;
    height: max-content;
}
span.up_down {
    display: flex;
    align-items: center;
}
.up_down img {
    width: 1rem;
    height: 1rem;
    margin-left: 0.2rem;
}
a.channel_name {
    grid-row: 4/5;
    grid-column: 1/4;
    font-size: .857142857rem;
    padding: .5rem 0 0;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    width: fit-content;
}
p.rank4_5 {
    font-weight: 700;
    grid-row: 3/4;
    grid-column: 1/2;
    margin: auto;
}

/*video rank */
.video_wrapper {
    display: flex;
    flex-wrap: wrap;}

.video_container {
    display: grid;
    padding: 8px;
    margin: 0;
    width: 33%;
    grid-template-rows: auto auto 45px;
}

.video_container .thumbnail {
    grid-column: 1/3;
}
.video_container .video_title {
    grid-row: 3/4;
}
a.video_title {
    font-size: 0.857142857rem;
}
.video_container span.icon_name {
    grid-row: 2/3;
    grid-column: 1/3;
    overflow: hidden;
    white-space: nowrap;
    width: 188px;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    margin: 8px 0;
}

.thumbnail img {
    border-radius: 3px;
    width: 100%;
}
.no1 i.fas.fa-crown {
    color: var(--my-gold);
}
.no2 i.fas.fa-crown {
    color: var(--my-silver);
}
.no3 i.fas.fa-crown {
    color: var(--my-bronze);
}
a.mini_channel_name {
    font-size: 0.857142857rem;
}
i.fas.fa-level-up-alt {
    padding: 7.3px 9.45px;
    transform: rotate(25deg);
}

.channel_container.under6 {
    border-top: solid 1px var(--key-gray);
    margin-top: 8px;
    padding-top: 8px;
}

h3.small_title {
    width: max-content;
    text-underline-position: under;
}
h3.small_title:before {
    content: "■";
    color: var(--key-yellow);
}
span.title_data {
    font-size: 10px;
    padding-left: 1rem;
}
a.read_more {
    margin: 0 0 8px auto;
    display: block;
    width: max-content;
    background: var(--key-yellow);
    padding: 4px 16px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    border: solid 1px;
}
.read_more i.fas.fa-angle-double-right {
    margin-right: 0.3rem;
}
a.read_more:hover,
a.read_more:focus {
    background: #fff;
    border: solid 1px;
    color: var(--key-yellow)!important;
}
a.read_more.sp_only {
    display: none;
}
.more_read_button {
    display: block;
    text-align: center;
    margin: 8px auto;
    grid-column: 1/6;
}

.container_rank .more_read_button { /* height sidebar fit */
    margin: 19px auto;
}

.link_button {
    display: inline-block;
    min-width: 168px;
    padding: 8px 24px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background-color: var(--key-red);
    border: solid 1px var(--key-red);
    border-radius: 3px;
}
a.link_button:hover {
    background: #fff;
}
.link_button i.fas.fa-angle-double-right {
    padding: 0.1rem 0.3rem;
}
.link_button:hover i.fas.fa-angle-double-right.more_button_a {
    color: var(--key-red);
}
.old i.fas.fa-angle-double-right {
    margin: auto 0.3rem;
    color: var(--key-yellow);
}
section.ad {
    margin: auto;
    width: max-content;
}
blockquote,
.supplement.boader {
    position: relative;
    padding: 2.5rem;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff3e1;
    border-radius: 5px;
    margin: 0.5rem;
}
blockquote:before,
.supplement.boader:before {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 10px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ffe2b8;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}
blockquote:after,
.supplement.boader:after {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #ffe2b8;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}
blockquote p,
.supplement.boader p {
    position: relative;
    padding: 0!important;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
    margin-left: 2rem;
}
blockquote cite,
.supplement.boader cite{
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.857142857em;
}
.twitter-tweet.twitter-tweet-rendered {
    margin: 1rem auto!important;
}
.pc_only {
    display: block;
}
.sp_only {
    display: none;
}

/*rank sub page*/
h3.small_title {
    width: max-content;
    border-bottom: solid var(--key-yellow) 1px;
    text-decoration: none;
    margin: 0 auto .5rem;
    width: 100%;
    padding: 0 1em
    height: 32px;
}

#period {
    margin-top: 1rem;
}
.old {
    margin: 1rem auto 0;
    font-size: 0.857142857rem;
}
.container_rank {
    background: none;
    margin: 0 auto 2rem;
    border: solid 1px #ccc;
    padding: 0 .25rem 0;
}
h2.rank_title {
    align-items: center;
    display: flex;
}
h2.rank_title i.fas.fa-caret-right {
    padding: 0;
}
.tab_content_rank a {
    height: max-content;
}
a.mini_channel_name {
    font-weight: normal;
    margin: auto auto auto .5rem;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    grid-column: 2/3;
    grid-row: 2/3;
}
tr {
    border-bottom: solid 1px var(--key-gray);
}
td {
    word-break: break-all;
}
table.subscribers_table,
table.views_table {
    border: none;
    font-size: 13px;
    width: 100%;
}
table.subscribers_table td,
table.views_table td {
    padding: 0.3rem;
    vertical-align: middle;
    text-align: center;
}
table.subscribers_table th,
table.views_table th {
    background: var(--key-gray);
    height: 2rem;
    font-weight: normal;
    display: revert;
    white-space: nowrap;
}
table.subscribers_table td,
table.views_table td {
    border: none;
    padding: .5rem .25rem;
}
.tab_area_powerful .views_table td.views:before {
    content: "\f06e";
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    margin-right: .2rem;
    color: var(--my-black);
}
td.views.pc_only,
td.videos.pc_only {
    display: revert;
}
table tbody th {
    padding: 2px 0;
    text-align: center;
}
.tab_area_soaring th {
    padding: 2px 0;
}
td.rank,
td.channel_name,
td.video_info {
    font-weight: bold;
}
.subscribers_table th.rank {
    width: 40px;
}
.subscribers_table th.icon {
    width: 80px;
}
.subscribers_table th.channel_name {
    width: 300px;
}
.subscribers_table th.subscribers {
    width: 120px;
}
.subscribers_table td.rank {
    white-space: nowrap;
    margin: 0;
}
.subscribers_table td.rank span,
td.rank.dod span {
    display: inline-flex;
    align-items: baseline;
}
.subscribers_table td.subscribers_td {
    padding: 16px;
}
td.subscribers_td p {
    float: left;
}
.subscribers_td i.fas.fa-users {
    transform: translateY(19%);
}

/* table 613px */
.views_table th.rank {
    width: 50px;
}
.views_table th.thumbnail {
    width: 170px;
}
.views_table th.video_info {
    width: 263px;
}
.views_table th.views {
    width: 130px;
}
tr.views_table__th.pc_only {
    display: table-row;
}
td.video_info {
    display: grid;
    grid-template-columns: 38px 85%;
    grid-template-rows: 1fr 25% 18%;
    height: 110px;
    margin-left: .5rem;
}
td.dod {
    background-position: center 60%;
}
td.rank.dod span {
    margin-bottom: 90%;
}
td.rank p.rank_number {
    font-size: 14px;
}
td.rank p {
    font-size: 10px;
}
td.video_info a,
td.video_info p {
    text-align: left;
    overflow: hidden;
}
a.video_title {
    grid-column: 1/3;
    grid-row: 1/2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.tab_content_rank a:before {
    content: "";
    padding-top: 56.25%;
    width: 100%;
    height: 100%;
}
a.mini_upload_time,
p.mini_channel_name {
    margin-left: 0.5rem;
    font-weight: normal;
    font-size: 0.857142857rem;
}
a.mini_upload_time {
    margin-top: -2px;
}
p.mini_upload_time {
    grid-row: 3/4;
    grid-column: 2/3;
    z-index: 1;
    font-size: 0.714285714rem;
    font-weight: normal;
    margin: 0 auto 0 .5rem;
    ;
}
td.thumbnail a:before,
a.channel:before {
    content: "";
}
td.thumbnail img {
    max-width: 170px;
}
a.channel_icon {
    margin: auto;
    grid-row: 2/4;
    display: contents;
}
img.channel_icon {
    border-radius: 100%;
    grid-column: 1/2;
    grid-row: 2/3;
    width: 100%;
    object-fit: fill;
    margin: auto;
    max-width: 38px;
}
.subscribers_table.videos {
    width: 15%;
}
td.dod {
    background-size: 2.5rem;
    background-repeat: no-repeat;
}
td.dod.up {
    background-image: url(images/up.svg);
}
td.dod.down {
    background-image: url(images/down.svg);
}
td.dod.same {
    background-image: url(images/same.svg);
}
td.dod.new {
    background-image: url(images/new.svg);
}
td.icon img {
    border-radius: 5px;
    width: 80px;
    max-width: 88px;
}
table.subscribers_table td.channel_name {
    display: grid;
    grid-template-rows: 1fr 45%;
    padding-left: 1rem;
    height: 6rem;
    align-items: center;
    text-align: left;
}
img.views_icon {
    width: 25px;
}
td.channel_name a {
    font-size: 1rem;
}
.channel_info {
    display: grid;
    grid-template-columns: 35% 1fr;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
}
.tab_content_rank i.fas.fa-users,
.tab_content_rank i.fas.fa-video,
.tab_content_rank i.fas.fa-caret-right,
.tab_content_rank i.fas.fa-level-up-alt,
.tab_content_rank i.fas.fa-thumbs-up {
    background-color: #fff;
    color: gray;
    padding: 0;
    margin: auto .5rem;
}
.channel_info i.fas.fa-caret-right {
    transform: scale(1.3, .8);
}
.channel_info span {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    width: 100%;
}
td i.fas.fa-users,
td i.fas.fa-level-up-alt,
td i.fas.fa-thumbs-up {
    float: left;
}
td.subscribers_td span {
    display: grid;
    grid-template-columns: 2rem 5rem;
    margin: auto;
    width: max-content;
}

/*--------------------------------

			固定ページ

--------------------------------*/
ol.kakko_list li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
}
ol.kakko_list li:before {
    content: "(" counter(cnt) ")";
    display: inline-block;
    margin-left: -3.5em;
    /* サイトに合せて調整 */

    width: 3em;
    /* サイトに合せて調整 */

    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
}
article#post-fix_page {
    box-shadow: none;
}
article#post-fix_page img {
    width: 27rem;
    margin: 1rem auto 3rem;
    display: block;
}
article#post-fix_page h2 {
    font-size: 1rem;
    margin: 2rem auto .5rem;
    padding: 0;
}
article#post-fix_page p {
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 0;
    padding-left: 1rem;
}
article#post-fix_page .content ol {
    padding-left: 3em;
    margin-top: .5rem;
}
article#post-fix_page li {
    line-height: 1.5;
    margin-bottom: .5rem;
}
article#post-fix_page .content p.indent-1 {
    padding-left: 3.5rem;
    text-indent: -1em;
    margin: .5rem auto;
}
article#post-fix_page .content p.enactment {
    padding-left: 0;
    margin: 1rem auto;
}

/* contact */
.input_wrap {
    display: flex;
    align-items: center;
}
.form_input span {
    color: var(--key-red);
    font-weight: bold;
}
td.form_input {
    width: 30%;
}
td.input_box {
    width: 70%;
}
section.contact .content p {
    padding: 0 0 .5em;
}
section.contact .content p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
section.contact .content input[type=email],
input[type=text],
input[type="hidden"],
input[type="url"],
textarea {
    margin: auto;
    display: block;
}
.main_contact input[type="text"] {
    height: 200px;
}
.input_wrap.main_contact {
    align-items: start;
}
section.contact button,
input.report_button {
    margin: 1rem auto;
    display: block;
}
p.personal_data_info {
    font-size: 12px;
    margin: 1rem auto 3rem;
    width: 90%;
    background: var(--thin-gray);
    padding: 1rem 2rem !important;
}
section.contact table {
    width: 100%!important;
}
.send_return {
    display: flex;
    width: max-content;
    margin: auto;
    align-items: center;
}
input.return {
    margin-right: 1rem;
    background: var(--key-gray);
    border: solid 2px var(--key-gray);
    color: #000;
}
.mw_wp_form .error {
    position: relative;
    left: 10%;
}
.radiobutton_report {
    width: 75%;
    margin: 1rem auto 2rem;
    text-align: center;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
    margin-right: 5px;
    white-space: nowrap;
}
input.report {
    margin: 2rem auto;
    display: block;
}
.recommend p.personal_data_info {
    width: 90%;
}

/* company */
article#post-fix_page table {
    width: 100%;
    line-height: 2rem;
}
td.col_head {
    width: 30%;
}
section.single-post-main tr {
    height: 3rem;
}

/* rank toggle */
.grad-wrap {
    position: relative;
    margin-bottom: 0;
}
.grad-wrap+.grad-wrap {
    margin-top: 40px;
}
.grad-trigger {
    cursor: pointer;
    position: absolute;
    width: max-content;
    top: 55px;
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
    background: var(--key-red);
    color: #fff;
    padding: .1rem 1rem;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    transition: .2s ease;
}
.grad-trigger::after {
    content: "もっと見る";
}
.is-show .fa.fa-chevron-down {
    transform: rotate(180deg);
}
.grad-trigger .fa {
    margin-right: .5em;
    display: inline-block;
    font-size: inherit;
}
.grad-item {
    position: relative;
    overflow: hidden;
}
.grad-item.is-hide {
    height: 80px;
    /*隠した後の高さ*/
}
.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 60px;
    /*グラデーションで隠す高さ*/

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}
.grad-trigger.is-show {
    bottom: -2.5em;
    top: auto;
}
.grad-trigger.is-show::after {
    content: "閉じる";
}
.grad-trigger.is-show+.grad-item::before {
    display: none;
}

/* 2/1 coming soon */
img.comingsoon {
    width: 80%;
    margin: 20% auto 10%;
}
img.comingsoon.__top {
    margin: 4rem auto 1rem;
}
.comingsoon {
    text-align: center;
}
.top_return a {
    color: var(--key-red);
    font-weight: normal;
    text-decoration: underline;
}
.top_return {
    width: max-content;
    margin: 1rem auto;
}

/* dict archive */
section.dict_wrap {
    display: flex;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: solid 2px var(--key-gray);
    justify-content: flex-start;
}
.dict_wrapper {
    width: calc(100% / 6);
    border-right: solid 1px var(--key-gray);
}
section.dict_wrap:last-of-type {
    border-bottom: none;
}
.dict_container {
    padding: 0 0.5rem;
    height: 9rem;
}
.dict_wrapper:last-of-type {
    border-right: none;
}
section.jump_recommend img {
    width: 72%;
    margin: 2rem auto;
    display: block;
}

/* dict */
h1.cat_title_dict {
    display: block;
    padding: 0.1rem 0;
    height: max-content;
    margin-bottom: 1rem;
}
.tab_content_dict h3.small_title {
    border-bottom: solid var(--key-red) 1px;
}
.tab_content_dict h3.small_title:before {
    color: var(--key-red);
}
.container_chart {
    width: 100%;
    position: relative;
}
.container_chart_sub {
    display: flex;
    width: 100%;
    height: 700px;
}
.totalpoint {
    display: flex;
    margin: 1rem auto 2rem;
    width: max-content;
    align-items: center;
    text-align: center;
    background: var(--key-gray);
    padding: 0 17rem;
}
p.point {
    color: var(--my-red);
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0 0.5rem;
}
section.profile {
    display: flex;
    border-bottom: 1px solid var(--key-gray);
}
.social_icon {
    display: flex;
    margin: 0.5rem auto;
}
.profile_icon .social_icon img {
    width: 20px;
    object-fit: contain;
    display: inline-flex;
    margin-right: 7px;
}
.profile_text {
    width: 80%;
    margin-left: 2rem;
    word-break: break-word;
}

.profile_text img {
    width: 1.5rem;
}
.profile_text span {
    font-weight: bold;
}
span.proofile_description {
    display: block;
    font-weight: normal;
    align-items: flex-end;
    margin: 1rem auto;
    line-height: 1.5;
}
span.proofile_description p {
    display: none;
    line-height: 1.5;
}
.data_wrap {
    display: flex;
    margin: 1rem auto;
    justify-content: space-around;
}
.data_wrap_child {
    width: 43%;
}
.data_wrap_child_right {
    width: 30%;
}
.data_row {
    display: flex;
    margin: 1rem auto;
    border: none;
}
.data_element {
    font-weight: bold;
}
td.data_title {
    margin-right: 2rem;
    background: var(--key-gray);
    border-radius: 5px;
    padding: 1px 10px;
    font-size: 12px;
}
.evaluation_rate {
    width: 30%;
}
img.good_bad {
    width: 17px;
    margin-right: 1rem;
}
.data_wrap_child_right {
    width: max-content;
    margin-right: 2rem;
}
canvas#high_evaluation_rate {
    margin: auto;
}
.donut_graph {
    position: relative;
    width: 30px;
    height: auto;
    float: left;
    margin-bottom: 20px;
}
.graph_box_percent {
    position: absolute;
    display: flex;
    width: 50%;
    top: 39%;
    left: 35px;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    transform: translateX(20%);
    z-index: 1;
    align-items: baseline;
}
span.graph_box_percent p {
    font-size: 10px;
}
.updata_data {
    font-size: 10px;
    position: relative;
    left: 120px;
    width: 100%;
}
.updata_data p {
    padding-left: 1em;
    text-indent: -1em;
}
section.reader_chart {
    margin: 2rem auto;
    clear: both;
}
.reration_channel_wrap {
    background: var(--key-gray);
    padding: 0 1rem 0.5rem;
}
.reration_channel_wrap h3 {
    padding: 1rem 0 0.5rem;
}
.reration_channel_ul li {
    margin-bottom: 1rem;
}
.reration_channel_wrap li:nth-child(odd) {
    float: left;
    width: 50%;
    margin-right: 1rem;
}
.reration_channel_wrap li:last-child {
    float: none;
}
.reration_channel_wrap img {
    width: 70px;
    border-radius: 5px;
    margin-right: .5rem;
    object-fit: contain;
    display: block;
}
ul.reration_channel_ul a {
    display: flex;
    height: 70px;
}
p.reration_channel_name {
    font-weight: bold;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* dict link */
section.dict_link {
    padding: 15px 25px 15px 15px;
}
.dict_link_wrap a {
    border: solid 3px var(--key-red);
    border-radius: 10px;
    display: flex;
    position: relative;
    background: #fff;
    box-shadow: 5px 5px var(--key-red);
}
.dict_link_wrap a:hover {
    box-shadow: none;
    text-decoration: none;
    top: 5px;
    left: 5px;
}

.dict_link_wrap img {
    border-radius: 7px 0 0 7px;
    object-fit: contain;
    display: block;
}

span.dict_link_text {
    margin: auto 16px;
}

p.dict_link_title {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: var(--key-red);
    font-size: 14px;
    margin-bottom: 8px;
}

.dict_link_wrap i.fas.fa-chevron-right {
    color: var(--key-red);
    margin: auto 16px auto auto;
    font-size: 2rem;
}

span.dict_link_name p {
    color: var(--key-red);
}

/* author */
.author_title-thum img {
    width: 2rem;
}

.single-post-main .content .footer_author p.author {
	font-size:12px;
	margin-bottom:12px;
}

/* category tab */
.news_container {
    margin-bottom: 1.5rem;
    height: 100%;
}
.tab_area_category {
    margin: 0 auto;
    padding: 1rem 0.2rem 0.2rem;
    flex-wrap: wrap;
}
ul.tab_category {
    display: flex;
    margin: auto auto 0;
    padding: 0;
}
ul.tab_category li a {
    text-decoration: none;
    color: var(--key-red);
}
ul.tab_category li {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: .5rem auto 0;
    background-color: #eee;
    height: 32px;
    border-radius: 5px 5px 0 0;
    align-items: center;
    display: flex;
    justify-content: center;
    width: calc(20%);
    cursor: pointer;
}
ul.tab_category li:first-child {
    border-left: none;
}
ul.tab_category li.category_interview {
    width: 28%
}
ul.tab_category li,
ul.tab_category li.is_active {
    font-weight: 700;
}
ul.tab_category li.is_active,
ul.tab_category li:hover {
    background-color: var(--key-red);
    border: none;
    cursor: pointer;
}

ul.tab_category li.is_active a,
ul.tab_category li:hover a {
    color: #fff;
    border: none;
}
/* カテゴリ―ページのタブ */
div.news_container:has(div#news_wrap) ul.tab_category li {
    border-bottom: none;
}

/* link page */
ul.block-link-list {
    list-style: none;
}

ul.block-link-list li:after {
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #03c;
    margin-left: 8px;
}
.channel_container.no1 span.ranking_num {
    background-image: url(images/rank/ranking_gold.svg);
}
.channel_container.no2 span.ranking_num {
    background-image: url(images/rank/ranking_silver.svg);
}
.channel_container.no3 span.ranking_num {
    background-image: url(images/rank/ranking_bronze.svg);
}
.channel_container.no1 span.ranking_num,
.channel_container.no2 span.ranking_num,
.channel_container.no3 span.ranking_num {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 19px;
    border: none;
    color: #fff;
}
.video_container.no1 span.ranking_num {
    background-image: url(images/rank/ranking_gold.svg);
}
.video_container.no2 span.ranking_num {
    background-image: url(images/rank/ranking_silver.svg);
}
.video_container.no3 span.ranking_num {
    background-image: url(images/rank/ranking_bronze.svg);
}
.video_container.no1 span.ranking_num,
.video_container.no2 span.ranking_num,
.video_container.no3 span.ranking_num {
    background-repeat: no-repeat;
    background-position: left;
    text-align: left;
    width: auto;
    height: 19px;
    border: none;
    color: #fff;
}

/* dict youtuber profile */
section.output {
    margin: 20px 15px 20px 15px;
}
.titlebar1 {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    width: 160px;
}
.titlebar2 {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    width: 200px;
}
.wrapper2 {
    display: grid;
    grid-template-columns: 10% 90%;
    float: left;
}
/* カレンダーピンク*/
.youtuber_prof .calendar_icon {
    color: #cb6ca4;
}
/* マップブルー*/
.youtuber_prof .map_icon {
    color: #4881c2;
}
/* 身長パープル*/
.youtuber_prof .height_icon {
    color: #93568f;
}
/* 体重オレンジ*/
.youtuber_prof .weight_icon {
    color: #dc563f;
}
/* 所属ネイビー */
.youtuber_prof .affiliation_icon {
    color: #214c73;
}
/* SNSイエロー*/
.youtuber_prof .sns_icon {
    color: #f3b804;
}
/* 登録者数イエローグリーン*/
.youtuber_prof .registered_person_icon {
    color: #87b952;
}
/* チャンネル登録日レッド*/
.youtuber_prof .published_icon {
    color: #cd4350;
}
/* 総再生数ネイビー */
.youtuber_prof .total_playback_icon {
    color: #616b76;
}
/* 総動画数ゴールド */
.youtuber_prof .total_video_icon {
    color: #be9f58;
}
/* 高評価率オレンジ */
.high_rate_icon {
    color: #e0684e;
}
.youtuber_prof .sns_images {
    vertical-align: top;
}
.youtuber_prof .sns_images > a {
    text-decoration: none;
    cursor: pointer;
}
.youtuber_prof .sns_images > a img {
    height: 22px;
    margin-top: 5px;
}
/* Youtuberレッド*/
.youtuber_prof .heart_red {
    color:#cd4350;
}
/* 紹介動画グリーン*/
.youtuber_prof .play_green {
    color:#87c952;
}
.youtuber_prof {
    width: 100%;
    table-layout: fixed;
}
.youtuber_prof tr {    border: none; }
.prof_btn {
    width: 180px;
    height: 40px;
    margin: 0px auto 30px auto;
    border: 2px solid #555555;
    border-radius: 6px;
}
.prof_btn input {
    background-color: #fff!important;
    color: #555555!important;
    border: none!important;
    padding-top: 8px!important;
}
table.youtuber_prof p,table.youtuber_prof .wrapper2 {    margin-bottom: 40px; }
table.youtuber_prof .prof_vertical .wrapper2 {    margin-bottom: 10px; }
.prof_vertical_wrap {
    display: grid;
    grid-template-rows: max-content;
}

/* loading */
#loading_logo {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 101;
    background-color: #fff;
}
.f_logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 350px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
.f_logo img {
    width: 100%;
    height: auto;
}
.f_logo:before {
    content: "";
    display: block;
    width: 100%;
    height: 110%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    animation: 1s ease 0s 1 normal none running loadLogo;
}
@keyframes loadLogo {
    0% {      left: 0;    }
    50% {      left: 0;    }
    100% {      left: 100%;    }
  }
/* #loading_logo.open {
    animation-name: slideOut;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 2s;
}
@keyframes slideOut {
  0% {    transform: translateX(0%);  }
  50% {    transform: translateX(0%);  }
  100% {    transform: translateX(100%);  }
} */


.highly_rated {
    position: relative;
    top: 5px;
    left: 15px;
}
.highly_wrap {
    width: 30%;
    float: left;
    margin-bottom: 20px;
}

/* comment link */
.comment_link_wrap {
    position: fixed;
    bottom: 1rem;
    z-index: 3;
    transition: 1s;
    width: calc(730px - 15px*2);
}
#comment_link {
    display: flex;
    flex-flow: column;
    padding: 0 5px;
    width: 90px;
    height: 90px;
    color: #fff;
    background: var(--key-red);
    border-radius: 50%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 7px 0 #737373;
    margin: 0 0 0 auto;
}
#comment_link img {
    width: 50px;
    margin-bottom: 0.5rem;
}
#comment_link p {
    font-size: 0.8rem;
    line-height: 0.8rem;
    height: 0.8rem;
}

/* カテゴリ別ニュース */
.cate_news .grid_post-box {
    width: calc(100% / 4);
}

/* 勢いランキング教育非表示 */
.tab_powerful li:nth-child(12) {
    display: none;
}

/* googleアドセンス対応 */
.google-auto-placed {
    max-width: 1060px;
    margin: auto;
}
ins.adsbygoogle{
    margin: auto;
}
.sp_adsense{
    display: none!important;
}
.pc_adsense{
    display: block!important;
}