@charset "utf-8";

:root {
    --category-color-railway: #82CF17;
    --category-color-aviation: #17CF48;
    --category-color-military: #17B9CF;
    --category-color-car: #171DCF;
    --category-color-road: #AD17CF;
    --category-color-bus: #CF1754;
    --category-color-ship: #CF6717;
    --category-color-others: #9BCF17;
    --category-color-travel: #F8F812;
    --category-color-video: #4D4D4D;

    --body-font-family: YakuHanJP;
    --button-header-padding-top: 7px;
    --button-header-padding-bottom: 7px;    /* 6px */
    --button-header-vertical-align: text-bottom;    /* text-top */
    --nav-header-padding-top: 8px;  /* 10px */
    --nav-header-padding-bottom: 8px;  /* 6px */
    --h2-home-subtitle-padding-top: 4px;    /* 2px */
    --h2-home-subtitle-padding-bottom: 4px;    /* 0 */
    --atab-home-category-padding-top: 11px;    /* 13px */
    --atab-home-category-padding-bottom: 12px;    /* 10px */
    --tab-home-category-padding-top: 6px;    /* 8px */
    --tab-home-category-padding-bottom: 7px;    /* 5px */
    --button-home-archive-padding-top: 8px;    /* 8px */
    --button-home-archive-padding-bottom: 9px;    /* 6px */
    --button-home-premium-padding-top: 14px;    /* 16px */
    --button-home-premium-padding-bottom: 14px;    /* 14px */
}

@media all {
    html.with-featherlight {
        overflow: hidden
    }

    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: transparent
    }

    .featherlight:last-of-type {
        background: rgba(0,0,0,0.8)
    }

    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }

    .featherlight .featherlight-inner {
        display: block
    }

    .featherlight script.featherlight-inner,.featherlight link.featherlight-inner,.featherlight style.featherlight-inner {
        display: none
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: rgba(255,255,255,0.3);
        color: #000;
        border: none;
        padding: 0
    }

    .featherlight .featherlight-close-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .featherlight .featherlight-image {
        width: 100%
    }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll
    }

    .featherlight iframe {
        border: none
    }

    .featherlight * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left:0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

@media print {
    @page {
        size: landscape
    }

    html.with-featherlight>*>:not(.featherlight) {
        display: none
    }
}

/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */
.drawer-open {
    overflow: hidden !important
}

.drawer-nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    color: #222;
    background-color: #fff
}

.drawer-brand {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
    color: #222
}

.drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: .75rem;
    text-decoration: none;
    color: #222
}

.drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
}

.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2)
}

.drawer-open .drawer-overlay {
    display: block
}

.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    max-height: 100%;
    -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--top.drawer-open .drawer-nav {
    top: 0
}

.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger {
    right: 0
}

.drawer--left .drawer-nav {
    left: 100vw;
    -webkit-transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0
}

.drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem
}

.drawer--right .drawer-nav {
    right: -100vw;
    -webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}

.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem
}

.drawer-hamburger {
    position: fixed;
    z-index: 4;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent
}

.drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent
}

.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px
}

.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222
}

.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: " "
}

.drawer-hamburger-icon:after {
    top: 10px
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent
}

.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before {
    top: 0
}

.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.drawer--sidebar,.drawer--sidebar .drawer-contents {
    background-color: #fff
}

@media (min-width: 64em) {
    .drawer--sidebar .drawer-hamburger {
        display:none;
        visibility: hidden
    }

    .drawer--sidebar .drawer-nav {
        display: block;
        -webkit-transform: none;
        transform: none;
        position: fixed;
        width: 12.5rem;
        height: 100%
    }

    .drawer--sidebar.drawer--left .drawer-nav {
        left: 0;
        border-right: 1px solid #ddd
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 12.5rem
    }

    .drawer--sidebar.drawer--right .drawer-nav {
        right: 0;
        border-left: 1px solid #ddd
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 12.5rem
    }

    .drawer--sidebar .drawer-container {
        max-width: 48rem
    }
}

@media (min-width: 75em) {
    .drawer--sidebar .drawer-nav {
        width:16.25rem
    }

    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 16.25rem
    }

    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 16.25rem
    }

    .drawer--sidebar .drawer-container {
        max-width: 60rem
    }
}

.drawer--navbarTopGutter {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%
}

.drawer-navbar--fixed {
    position: fixed
}

.drawer-navbar-header {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center
}

.drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none
}

.drawer-navbar .drawer-brand:hover {
    background-color: transparent
}

.drawer-navbar .drawer-nav {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem
}

@media (min-width: 64em) {
    .drawer-navbar {
        height:3.75rem;
        border-bottom: 1px solid #ddd;
        background-color: #fff
    }

    .drawer-navbar .drawer-navbar-header {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0;
        border: 0
    }

    .drawer-navbar .drawer-menu--right {
        float: right
    }

    .drawer-navbar .drawer-menu li {
        float: left
    }

    .drawer-navbar .drawer-menu-item {
        line-height: 3.75rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .drawer-navbar .drawer-hamburger {
        display: none
    }

    .drawer-navbar .drawer-nav {
        position: relative;
        left: 0;
        overflow: visible;
        width: auto;
        height: 3.75rem;
        padding-top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .drawer-navbar .drawer-menu {
        padding: 0
    }

    .drawer-navbar .drawer-dropdown-menu {
        position: absolute;
        width: 16.25rem;
        border: 1px solid #ddd
    }

    .drawer-navbar .drawer-dropdown-menu-item {
        padding-left: .75rem
    }
}

.drawer-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.drawer-dropdown-menu>li {
    width: 100%;
    list-style: none
}

.drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222
}

.drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent
}

.drawer-dropdown.open>.drawer-dropdown-menu {
    display: block
}

.drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: transform .2s ease,opacity .2s ease;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drawer-container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 64em) {
    .drawer-container {
        max-width:60rem
    }
}

@media (min-width: 75em) {
    .drawer-container {
        max-width:70rem
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg")
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_444444_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_555555_256x240.png)
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_777620_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(/assets/jquery_ui/ui_icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

/*!
 * jQuery UI Checkboxradio 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

/*!
 * jQuery UI Controlgroup 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em )
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit
}

ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0
}

ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit
}

input.tagit-hidden-field {
    display: none
}

ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em .2em .5em
}

ul.tagit li.tagit-choice-editable {
    padding: .2em 18px .2em .5em
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0
}

ul.tagit input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none
}

ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit
}

ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;
    background: none;
    background-color: #DEE7F8;
    font-weight: normal
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #555
}

ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    right: .4em
}

ul.tagit li.tagit-choice .ui-icon {
    display: none
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777
}

ul.tagit li.tagit-choice:hover,ul.tagit li.tagit-choice.remove {
    background-color: #bbcef1;
    border-color: #6d95e0
}

ul.tagit li.tagit-choice a.tagLabel:hover,ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222
}

ul.tagit input[type="text"] {
    color: #333333;
    background: none
}

.ui-widget {
    font-size: 1.1em
}

.tagit-autocomplete.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .tagit-autocomplete.ui-autocomplete {
    width: 1px
}

.tagit-autocomplete.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px
}

.tagit-autocomplete.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;float: left;
    clear: left;
    width: 100%
}

.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom:1}

.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.tagit-autocomplete.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    color: #222222
}

.tagit-autocomplete.ui-corner-all,.tagit-autocomplete .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

.tagit-autocomplete .ui-state-hover,.tagit-autocomplete .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121
}

.tagit-autocomplete .ui-state-active,.tagit-autocomplete .ui-widget-content {
    border: 1px solid #aaaaaa
}

.tagit .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px)
}

@font-face {
    font-family: "mplus2clightjoyo";
    src: url("common/fonts/mplus-2c-light-joyo.eot?") format("eot"),url("common/fonts/mplus-2c-light-joyo.woff") format("woff");
    src: url("common/fonts/mplus-2c-light-joyo.ttf") format("truetype") \9
}

@font-face {
    font-family: "migu1cregularjoyo";
    src: url("common/fonts/migu-1c-regular-joyo.eot?") format("eot"),url("common/fonts/migu-1c-regular-joyo.woff") format("woff");
    src: url("common/fonts/migu-1c-regular-joyo.ttf") format("truetype") \9
}

.wrapper [off-canvas*=right] {
    width: 100%
}

.wrapper [off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(100%, 0px);
    transform: translate(100%, 0px)
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

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

ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after {
    content: '';
    content: none
}

q:before,q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

select,input,textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

td {
    vertical-align: top
}

td img {
    vertical-align: top
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre,code,kbd,samp {
    font-family: monospace, sans-serif
}

.clickable,label {
    cursor: pointer
}

input[type=button],input[type=submit] {
    cursor: pointer
}

button {
    cursor: pointer;
    margin: 0
}

input,select,textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

.clearfix {
    zoom:1}

.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.hide {
    display: none
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chromeframe {
    position: absolute;
    top: 0
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #a9a9a9
}

::-moz-selection,::selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

body {
    font-size: 15px;
/*    font-family: YakuHanJP, "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    background: #fff;
    -webkit-text-size-adjust: 100%;
    color: #000
}

select,input,textarea {
    color: #000
}

input {
    max-width: 100%
}

a {
    color: #000
}

a:link {
    -webkit-tap-highlight-color: rgba(255,255,255,0.5)
}

.disabled {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.3, GrayScale=1)
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.bt {
    display: inline-block;
    margin: 2em 10px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 1.1em;
    text-decoration: none;
    -webkit-appearance: none
}

input[type=submit] {
    display: inline-block;
    margin: 2em 10px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 1.1em;
    text-decoration: none;
    -webkit-appearance: none
}

input[type=button] {
    display: inline-block;
    margin: 2em 10px;
    padding: 10px 20px;
    background: #333;
    color: #fff;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 1.1em;
    text-decoration: none;
    -webkit-appearance: none;
    background: #666
}

input[name=submitBack] {
    background: #666
}

.bt:hover {
    background: #000;
    color: #fff
}

input[type=submit]:hover,input[type=button]:hover {
    background: #000;
    color: #fff
}

.bt-small {
    padding: 5px 20px
}

.bt-excel {
    background: #063
}

.bt-firstpage {
    display: block;
    margin: 0 0 1.5em;
/*    padding: 10px 0px 9px;*/
    padding: 10px 5px 9px;
    font-size: 1.2em;
    text-shadow: 0px 1px 0px #fff;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: #bbb 0px 1px 1px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(top, #fff 0%, #e5e5e5 100%)
}

.bt-endpage {
    display: block;
    margin: 0 0 1.5em;
/*    padding: 10px 0px 9px;*/
    padding: 10px 5px 9px;
    font-size: 1.2em;
    text-shadow: 0px 1px 0px #fff;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: #ddd 0px 1px 1px;
    background: #f4f4f4;
}

.bt-specialpage {
    display: block;
    margin: 0 0 1.5em;
/*    padding: 10px 0px 9px;*/
    padding: 10px 5px 9px;
    font-size: 1.2em;
    text-shadow: 0px 1px 0px #fff;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
    color: #FF6325;
    border: 1px solid #FF6325;
    border-radius: 5px;
    box-shadow: #bbb 0px 1px 1px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(top, #fff 0%, #e5e5e5 100%)
}
.bt-specialpage:hover {
    background: #FF6325;
    color: #fff
}

.bt-go-theme {
    padding: 10px 5px 9px;
    font-size: 1em;
    color: #a00;
    border: 1px solid #a00
}

.bold {
    font-weight: bold
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mw_wp_form p {
    margin: 0px !important
}

.mw_wp_form table {
    width: 100%
}

.mw_wp_form th,.mw_wp_form td {
    position: relative;
    display: block;
    padding: 5px;
    vertical-align: top;
    text-align: left
}

.mw_wp_form .select-arrow {
    position: relative;
    display: inline-block
}

.mw_wp_form .select-arrow:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    content: '\f0d7';
    display: block;
    font-family: FontAwesome;
    font-size: 12px
}

.mw_wp_form .select-arrow select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 35px;
    border: #bbb 2px solid;
    background: #fff;
    border-radius: 0px;
    padding: 5px 22px 5px 10px;
    box-sizing: border-box
}

.mw_wp_form .send_mail_checkbox {
    float: left
}

.mw_wp_form .send_mail input {
    margin: 5px
}

.mw_wp_form input[type=text],.mw_wp_form input[type=email],.mw_wp_form input[type=password],.mw_wp_form input[type=date] {
    width: 97%;
    padding: 3px 4px;
    font-size: 1em;
    border: 2px solid #bbb;
    border-radius: 3px
}

.mw_wp_form input[type=text],.mw_wp_form input[type=email],.mw_wp_form input[type=password] {
    -webkit-appearance: none
}

.mw_wp_form textarea {
    width: 97%;
    padding: 3px;
    font-size: 1.1em;
    border: 2px solid #bbb;
    border-radius: 3px;
    -webkit-appearance: none
}

.mw_wp_form_confirm .form-note {
    display: none
}

.message .notice {
    padding: 5px 15px;
    font-weight: bold;
    background: #cee8db;
    color: #063
}

.message .notice a {
    color: #063
}

.message .alert {
    padding: 5px 15px;
    font-weight: bold;
    background: #f2dede;
    color: #a94442
}

.message .alert a {
    color: #a94442
}

.message-confirm {
    display: none;
    color: #630;
    background: #fcec9c
}

.mw_wp_form_confirm .message-confirm {
    display: block
}

.box-sample {
    display: inline-table
}

.box-sample-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #ccc url(./common/box_sample_bg.png) no-repeat 0 0;
    font-family: Oswald;
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    text-shadow: 1px 1px 2px #09c;
    letter-spacing: 3px;
    line-height: 1.2
}

a:hover .box-sample {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.title-banner {
    display: table;
    width: 100%;
    background: #000
}

.title-icon,.title-text {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    color: #fff
}

.title-icon {
    width: 32px;
    background: #D6002B;
    text-align: center;
    font-size: 22px;
    line-height: 1
}

.title-comment {
    background: #339900
}

.title-text {
    padding: 6px 8px;
    font-size: 16px;
    letter-spacing: 1px
}

.thumb-list>li {
    overflow: hidden
}

.thumb-list .thumbnail {
    display: block;
    width: 60px;
    float: left;
    padding-right: 10px;
    line-height: 0;
    text-align: center
}

.thumb-list .text {
    display: block;
    overflow: hidden
}

.series-list>li {
    overflow: hidden
}

.series-thumbnail {
    display: block;
    float: left;
    padding-right: 10px;
    line-height: 0
}

.series-text {
    display: block;
    overflow: hidden
}

.ad-large-big {
    padding: 25px 0;
    text-align: center
}

.box-center {
    margin: 15px -10px;
    text-align: center
}

.box-center div,.box-center iframe {
    margin-left: auto;
    margin-right: auto
}

.box-center-photo {
    margin: 15px auto;
    text-align: center
}

.box-center-photo div,.box-center-photo iframe {
    margin-left: auto;
    margin-right: auto
}

.box-wrap {
    overflow: hidden
}

.box-left {
    float: left
}

.box-right {
    float: right
}

img,article #readmore figure iframe {
    max-width: 100%;
    height: auto
}

.unit_center {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.unit_center_320 {
    width: 320px;
    margin: 0 auto 15px;
    overflow: hidden;
    text-align: center
}

.no_img_fig {
    margin-bottom: 15px
}

i img {
    vertical-align: text-bottom
}

.btn button,.btn input[type="submit"],.btn a {
    width: 300px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 10px 20px;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 1.1em;
    text-decoration: none;
    -webkit-appearance: none
}

.btn-black a {
    background: #333;
    color: #fff
}

.btn-premier button,.btn-premier input[type="submit"],.btn-premier a {
    text-align: center;
    line-height: 1.6;
    background: #d6002b;
    color: #fff;
    -webkit-appearance: none;
    border: none
}

.enlarge_btn {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px;
    width: 180px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #D6002B;
    color: #fff;
    margin: 5px auto 5px
}

.parallel .enlarge_btn {
    width: auto
}

.enlarges_btn_list .enlarge_btn {
    padding: 5px;
    width: auto
}

.enlarge_read {
    font-size: 12px;
    margin-top: 15px
}

header {
    position: relative;
    border-top: 7px solid #D6002B
}

.type2025 header {
    border-top: none;
}

.header-fixed {
    padding-top: 100px;
}

.type2025.header-fixed {
    padding-top: 116px;
}
.type2025.header-fixed.submenu-opened {
    padding-top: 410px;
}

.header-fixed header {
    position: fixed;
    z-index: 10000;
/*    background: linear-gradient(180deg, white, 95%, transparent); */
    background: #FFFFFF;
    width: 100%;
    top: 0;
}

#logo {
    display: table;
    width: 100%
}

.type2025 #logo {
    display: grid;
    grid-template-columns: 115px 1fr;
    place-items: center;
    column-gap: 10px;
    padding: 10px 10px;
}

#logo h1 {
    padding: 10px;
    display: table-cell;
    vertical-align: bottom
}

.type2025 #logo h1,
.type2025 #logo .header-logo {
    padding: 0;
}

.type2025 .header-signin_icon {
    width: 100px;
    height: 31px;
}

.type2025 .header-login_icon {
    width: 100px;
    height: 31px;    
}

.type2025 .header-search {
    padding: 0 12px;
}

#logo h1 img {
    width: 80px
}

.type2025 #logo h1 img,
.type2025 #logo .header-logo img {
    width: auto;
    height: 36px;
    vertical-align: bottom;
}

#logo h1 img.logo-10th {
    width: 180px
}

#logo h1 .wiki_logo {
    width: 148px;
    height: 20px
}

#logo #wiki_logo_h1 {
    padding: 10px 10px 5px 10px
}

#logo .menu-link {
    display: table-cell;
    padding: 10px 10px 10px 10px;
    line-height: 0;
    vertical-align: middle;
    text-align: right
}

.type2025 #logo .menu-link {
    display: block;
    padding: 0;
    justify-self: end;
}

#logo .menu-link ul {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    align-items: center;
    column-gap: min(15px, 2.5%);
}

#logo .menu-link ul .header-login_icon {
    margin-right: 15px
}

.type2025 #logo .menu-link ul .header-login_icon {
    margin-right: 0;
}

.type2025 #logo .menu-link ul {
    column-gap: 10px;
}

.type2025 .header-signin_icon,
.type2025 .header-login_icon,
.type2025 .header-mypage_icon {
    width: auto;
    height: auto;
    white-space: nowrap;
}

#logo .menu-link ul li {
    position: relative
}

#logo .menu-link ul li .badge_on::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 12px;
    position: absolute;
    right: -3px;
    top: -5px;
    background: #DE2828
}

.qa_menu-link {
    padding-top: 20px
}

.qa_menu-link .menu-link {
    position: absolute;
    top: 20px;
    right: 0px
}

.qa_menu-link .header-menu-close {
    margin-top: 35px
}

#menu {
    z-index: 100;
    color: #000;
    padding-bottom: 120px
}

.type2025 .header-menu-close button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: none;
/*    font-family: 'Noto Sans JP';*/
    font-family: var(--body-font-family);
}

.type2025 #menu-close .symbol {
    height: 30px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
}
.type2025 #menu-close .text {
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

nav {
    width: 100%;
    position: absolute;
    border-bottom: 3px solid #D6002B;
    padding: 15px 0px;
    background: #f3f3f3 !important;
    line-height: 1;
    top: 0;
    right: 0;
    z-index: 20
}

.type2025 nav {
    border-bottom: none;
}

.nav-menu>li>a,.menu-toggle-contents>li>a {
    color: #333;
    padding: 0 0 0 10px
}

.mm-listview>li.btn-premier>a,.mm-listview>li.btn-black>a {
    color: #fff
}

.nav-menu {
    overflow: hidden
}

.nav-menu li {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.type2025 .nav-menu li {
    border-bottom: 1px solid #000000;
    background: transparent;
}

.nav-menu li a {
    padding: 12px 10px;
    display: block
}

.type2025 .nav-menu li a {
    padding: 12px 0;
}

.type2025 .nav-menu li a.accent-line {
    padding: 12px 4px;
}

.nav-menu li .new {
    font-size: 14px;
    font-weight: bold;
    color: #d5002b;
    margin-right: 5px;
    display: inline-block
}

.nav-menu li .new+a {
    display: inline-block
}

.menu-toggle-contents li {
    background: #fff;
    padding: 12px 10px;
    line-height: 1.8
}

.type2025 .nav-menu .menu-toggle-contents {
    margin-left: 6px;
}

.type2025 .nav-menu .menu-toggle-contents li {
    padding: 1px 0 1px 0;
    line-height: 1;
    background: transparent;
}

.type2025 .accent-line-railway {
    border-left: 8px solid var(--category-color-railway);
}

.type2025 .accent-line-aviation {
    border-left: 8px solid var(--category-color-aviation);
}

.type2025 .accent-line-military {
    border-left: 8px solid var(--category-color-military);
}

.type2025 .accent-line-car {
    border-left: 8px solid var(--category-color-car);
}

.type2025 .accent-line-road {
    border-left: 8px solid var(--category-color-road);
}

.type2025 .accent-line-bus {
    border-left: 8px solid var(--category-color-bus);
}

.type2025 .accent-line-ship {
    border-left: 8px solid var(--category-color-ship);
}

.type2025 .accent-line-others {
    border-left: 8px solid var(--category-color-others);
}

.type2025 .accent-line-travel {
    border-left: 8px solid var(--category-color-travel);
}

.type2025 .accent-line-video {
    border-left: 8px solid var(--category-color-video);
}

.header-menu-close {
    text-align: right;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 25px
}

.type2025 .header-menu-close {
    display: flex;
    justify-content: flex-end;
}

.type2025 .menubar {
    position: relative;
    margin-bottom: 1px;
    background: #BDBDBD;
    font-weight: 700;
    will-change: transform;
}

.type2025 .menubar ul {
    display: grid;
    grid-template-columns: repeat(4, 25%);
}

.type2025 .menubar li {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
    line-height: 1.8;
    padding: var(--nav-header-padding-top) 0 var(--nav-header-padding-bottom) 0;
}
.type2025 .menubar li.bg-premium {
    background: #FF9000;
    color: #000000;
}
.type2025 .menubar li:last-child {
    border-right: none;
}

.type2025 .menubar a {
    text-decoration: none;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: baseline;
}

.type2025 .menubar .submenu {
/*    position: absolute;*/
    display: none;
    top: 100%;
    left: 0;
/*    z-index: 1000;*/
    background: #BDBDBD;
    padding: 0;
    width: 100%;
    height: 0;
    opacity: 0;
/*    transition: opacity 0.1s ease;*/
}
.type2025 .menubar .submenu.visibled {
    display: block;
    height: 100%;
    opacity: 1;
    padding: 18px 10px;
    margin-bottom: 1px;
}

.type2025 .menubar .submenu ul {
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: 12px;
    row-gap: 8px;
}

.type2025 .menubar .submenu li {
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: var(--nav-header-padding-top) 0 var(--nav-header-padding-bottom) 0;
}

.type2025 .menubar .has-submenu.opened {
    border-bottom: 1px solid #BDBDBD;
}

/*
.type2025 .menubar .has-submenu.opened .submenu {
    display: block;
}
*/

.qa_search_box {
    justify-content: right;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 30px
}

.qa_search_box .form-control {
    margin: 0;
    padding: 3px 0 3px 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
    width: 225px
}

.qa_search_box .btn-info {
    margin: 0;
    padding: 6px 14px;
    font-size: 15px
}

#header-login_box {
    padding: 0px 15px
}

#header-login_box .read {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 15px
}

#header-login_box .btn a {
    width: 100% !important
}

#header-login_box .regist h3 {
    font-size: 14px;
    margin: 25px 0px 10px
}

.header-sub-menu {
    padding: 12px 0px 12px 10px;
    margin: 30px 0px 0px;
    background: #aaa;
    color: #fff
}

.type2025 .header-sub-menu {
    margin: 15px 0px 0px;
    background: #D9D9D9;
    color: #000000;
}

.type2025 #header-search-tab .header-sub-menu {
    color: #ffffff;
}

.nav-menu a {
    display: block;
    color: #333;
    padding-left: 10px;
    text-decoration: none
}

#header-search-tab li {
    float: left;
    width: calc(100% / 3)
}

.type2025 #header-search-tab li {
    width: calc(100% / 2)
}

#header-search-tab li h3 {
    margin: 0px;
    padding: 12px 0px;
    text-align: center
}

#header-search-tab li:nth-child(2) {
    border-right: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a
}

.type2025 #header-search-tab li:nth-child(2) {
    border-right: none;
}

#header-search-tab li.current h3 {
    background: #333
}

.type2025 #header-search-tab li.current h3 {
    background: #6C6C6C;
}

#srchBox {
    border-radius: 5px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.type2025 #srchBox {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#srchBox .tab-area__inner {
    padding-top: 10px;
    padding-left: 8px
}

.type2025 #srchBox .tab-area__inner {
    padding-top: 0;
    padding-left: 0;
}

#srchBox .tab-area__inner form.gsc-search-box {
    width: 280px;
    padding: 10px 0 0 8px
}

.type2025 #srchBox .tab-area__inner form.gsc-search-box {
    width: 100%;
    padding: 10px 0 0 0;
}

#srchBox .tab-area__inner form.gsc-search-box td#gs_tti50 {
    margin-right: 6px;
    height: 25px
}

.type2025 #srchBox .tab-area__inner form.gsc-search-box td#gs_tti50 {
    height: 27px;
    padding-left: 6px;
}

#srchBox .tab-area__inner form.gsc-search-box td.gsc-search-button button {
    width: 45px;
    padding: 5px 0px
}

.type2025 #srchBox .tab-area__inner form.gsc-search-box td.gsc-search-button button {
    padding: 6px 0px 4px;
}

.type2025 .gsc-input-box {
    border: 1px solid #726E6E;
    background: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.type2025 .gsc-search-button-v2,
.type2025 .gsc-search-button-v2:hover,
.type2025 .gsc-search-button-v2:focus {
    background-color: #726E6E;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
}

.header-user_menu {
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 15px
}

.header-user_menu p:first-child {
    margin-right: 10px
}

.header-user_menu p:first-child img {
    width: 50px;
    border: #ccc solid 1px
}

.header-user_menu .name a {
    font-size: 18px
}

div.notice_badge {
    margin-left: 10px
}

div.notice_badge div.notice_badge_box {
    position: relative
}

div.notice_badge div.notice_badge_box p {
    padding: 0 5px;
    position: absolute;
    top: -8px;
    left: 18px;
    height: 22px;
    background-color: #DE2828;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    align-items: center
}

div.notice_badge div.notice_badge_box p span {
    color: #ffffff;
    font-size: 12px
}

div.notice_badge_box img:hover {
    opacity: 1.0
}

.header-menu-premier {
    margin-top: 10px
}

.header-menu-premier a {
    width: 100%
}

.header-menu-logout a {
    width: 100%;
    border-radius: 0px
}

.header-pcview {
    padding-top: 7px;
    background: #D6002B;
    line-height: 1.2;
    text-align: center
}

.header-pcview a {
    display: inline-block;
    padding: 7px 20px;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

.check_box-type01 input {
    display: none
}

.check_box-type01 input+.check_box-type01_icon {
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    top: -1px
}

.check_box-type01 input+.check_box-type01_icon:before {
    content: "\f096";
    font-family: "FontAwesome";
    color: #d7002c;
    font-size: 14px
}

.check_box-type01 input:checked+.check_box-type01_icon:before {
    content: "\f14a";
    font-family: "FontAwesome";
    color: #d7002c;
    font-size: 14px
}

.check_box-type02 {
    position: relative;
    vertical-align: middle;
    top: -5px
}

.top_question_box p {
    margin-bottom: 40px
}

.top_question_box p a {
    color: #fff;
    background: #cf173c;
    text-decoration: none
}

.error_messages li {
    font-size: 13px;
    font-weight: bold
}

.regist .error_messages li {
    font-size: 13px;
    font-weight: bold
}

.regist .mw_wp_form td {
    padding-bottom: 25px
}

.regist .mw_wp_form tr:last-child td {
    padding-bottom: 0px
}

.regist .mw_wp_form .regist_box {
    padding: 30px 0px
}

.regist .mw_wp_form .regist_box input[type=submit] {
    margin: 0px 10px
}

.regist .mw_wp_form .regist_box .read {
    font-size: 13px;
    margin: 10px 0px 20px
}

.regist .mw_wp_form .regist_box .sns_link p {
    border-radius: 4px;
    width: 300px;
    margin: 0.8em auto !important
}

.regist .mw_wp_form .regist_box .sns_link a {
    text-align: center;
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    text-decoration: none
}

.regist .mw_wp_form .regist_box .sns_link a i {
    margin-right: 5px
}

.regist .mw_wp_form .regist_box .fb {
    background: #3a5a98;
    margin-bottom: 15px
}

.regist .mw_wp_form .regist_box .tw {
    background: #1da1f2
}

.regist .mw_wp_form .regist_box .regist_btn_minnori {
    background: #e60012;
    border-radius: 4px
}

.regist .mw_wp_form .regist_box .regist_btn_minnori:hover {
    opacity: 0.8
}

.regist .mw_wp_form .regist_box .regist_btn_minnori a {
    position: relative;
    background-size: 20px 20px;
    display: block;
    padding: 10px 15px 10px 35px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: center
}

.regist .mw_wp_form .regist_box .regist_btn_minnori a img {
    position: absolute;
    top: 22px;
    left: 50px
}

.regist .at_text {
    font-size: 0.8em;
    margin-left: 5px
}

.regist .card_icon {
    margin: 5px 0px 0px !important
}

.thanks_at {
    color: #ff0000;
    font-weight: bold;
    margin: 0px 10px
}

#detail.thanks h3 {
    font-size: 19px;
    margin-bottom: 10px
}

#detail.thanks .thanks_mail {
    margin-bottom: 25px;
    padding: 15px 10px;
    background: #dcdcdc;
    font-size: 14px;
    text-align: center
}

#detail.thanks #conf-message {
    margin-bottom: 20px
}

#detail.thanks .thanks_box {
    margin-top: 15px;
    margin-bottom: 40px
}

#detail.thanks .thanks_box_premium dl {
    padding: 10px 0px 0px
}

#detail.thanks .thanks_box_premium dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px
}

#detail.thanks .thanks_box_premium dt span {
    color: #D6002B;
    margin-right: 8px
}

#detail.thanks .thanks_box_premium dd {
    font-size: 13px;
    margin-bottom: 20px
}

#detail.thanks .merit_list {
    padding: 25px 10px;
    background: #ebebeb
}

#detail.thanks .merit_list dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px
}

#detail.thanks .merit_list dd {
    font-size: 14px;
    margin-bottom: 25px
}

.thanks__amazon {
    border: 2px solid #de2828;
    margin: 40px 0;
    border-radius: 5px 5px 5px 5px
}

.thanks__amazon img {
    width: 98%
}

.thanks__amazon p {
    font-size: 13px;
    color: #545454;
    padding-top: 3px;
    text-align: center;
    letter-spacing: 1px
}

.thanks__amazon a {
    color: #de2828;
    text-decoration: none
}

.thanks__amazon a:hover {
    text-decoration: underline
}

.mypage-btn-back {
    text-align: right;
    margin-bottom: 35px !important
}

.mypage-btn-back a {
    display: inline-block;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 5px
}

.mypage_faq .mypage_faq_box {
    margin-bottom: 40px
}

.mypage_faq .mypage_faq_box h3 {
    font-size: 15px;
    margin-bottom: 20px;
    padding: 8px 10px;
    border: 1px solid #959595;
    border-left: 3px solid #d5002b;
    background: #f8f8f8
}

.mypage_faq .mypage_faq_box dl dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.mypage_faq .mypage_faq_box dl dd {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 30px;
    padding-left: 20px
}

.plan_box table {
    width: 100%
}

.plan_box table th {
    width: 38%;
    border: 1px solid #ccc;
    padding: 5px 0px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    vertical-align: middle
}

.plan_box table th:first-child {
    width: 24%;
    background: #fef7e6
}

.plan_box table th:nth-child(2) {
    background: #fef7e6
}

.plan_box table th:nth-child(3) {
    background: #ffdee5;
    color: #c02d4b;
    font-weight: bold;
    border-top: 2px solid #c02d4b;
    border-right: 2px solid #c02d4b;
    border-left: 2px solid #c02d4b
}

.plan_box table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle
}

.plan_box table td:first-child {
    background: #fef7e6
}

.plan_box table td:nth-child(3) {
    background: #ffdee5;
    color: #c02d4b;
    font-weight: bold;
    border-right: 2px solid #c02d4b;
    border-left: 2px solid #c02d4b
}

.plan_box table tr:last-child td:nth-child(3) {
    border-bottom: 2px solid #c02d4b
}

.cancel .read {
    font-size: 12px;
    margin-bottom: 30px
}

.cancel .plan_box {
    margin-bottom: 20px
}

.cancel__at_list {
    padding: 15px 0px
}

.cancel__at_list li {
    position: relative;
    line-height: 1.8;
    margin-bottom: 10px;
    font-size: 12px;
    padding-left: 13px
}

.cancel__at_list li:before {
    display: block;
    content: '・';
    position: absolute;
    top: 0px;
    left: 0px
}

.cancel__attention h3 {
    margin-bottom: 10px
}

.cancel__attention ul li {
    font-size: 12px;
    margin-bottom: 5px
}

.thanks__mypage {
    margin-bottom: 45px
}

.thanks__premier .service {
    margin: 25px 0px
}

.thanks__premier .service li {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background: #ccc
}

.thanks__premier .service li:nth-child(2) {
    margin: 0px 15px
}

.modal_wrapper {
    display: none
}

#modal_inner {
    background: #fff;
    padding: 20px;
    border-radius: 10px
}

#modal_inner h2 {
    font-size: 15px;
    text-align: center;
    margin-bottom: 25px
}

#modal_inner p {
    font-size: 13px;
    margin-bottom: 15px
}

#modal_inner ul li {
    text-align: center;
    margin-bottom: 10px
}

#modal_inner ul li a {
    width: 190px
}

.featherlight-content {
    border-radius: 12px
}

.featherlight .featherlight-close-icon {
    top: 10px;
    right: 10px;
    background: #333;
    color: #fff;
    border-radius: 3px
}

#detail .regist-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 10px
}

.subscribe .check p {
    font-size: 12px;
    margin: 0px 0px 5px !important
}

.subscribe .security input {
    width: 60px
}

.subscribe .security p {
    display: inline-block;
    margin: 0px 20px !important
}

.subscribe .at_cc_expiration {
    font-size: 12px
}

.subscribe_submit input {
    font-size: 12px;
    width: 100%;
    margin: 0px;
    line-height: 1.6;
    background: #d6002b
}

.list-label {
    display: inline-block;
    border-radius: 2px;
    padding: 1px 4px;
    font-size: 9px !important
}

.list-label-premier {
    background: linear-gradient(135deg, #fceabb 0%, #f8b500 23%, #fccd4d 53%, #f8b500 74%, #fbdf93 100%);
    color: #fff !important;
    font-weight: bold;
    text-shadow: 1px 1px 0px #807d7d
}

.list-label-sponsored {
    background: #D6002B;
    color: #fff !important;
    font-weight: bold
}

.mypage__info__nav {
    margin-bottom: 15px
}

.mypage__info__nav ul {
    border: 1px solid #fff;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap
}

.mypage__info__nav ul li {
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #fff
}

.mypage__info__nav ul li a {
    position: relative;
    display: block;
    padding: 8px;
    font-size: 12px;
    color: #fff;
    background: #d5002b;
    font-weight: bold;
    text-decoration: none
}

.mypage__info__nav ul li a:after {
    content: '\f105';
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    top: 7px;
    right: 10px
}

.mypage__info__nav ul li:last-child a a:after {
    display: none
}

.mypage__info__nav ul li:nth-child(odd) {
    border-right: 1px solid #fff
}

.mypage__info .user {
    margin: 0px !important;
    float: left
}

.mypage__info .user img {
    border: 1px solid #e2e2e2
}

.mypage__info .mypage_info {
    margin-top: 0px
}

.mypage__info .mypage_info__user {
    float: left;
    max-width: calc(100% - 60px);
    max-width: -webkit-calc(100% - 60px);
    margin-left: 12px
}

.mypage__info .mypage_info__user .user_name {
    margin: 0px !important
}

.mypage__info .mypage_info__user .user_name a {
    text-decoration: none
}

.mypage__info .mypage_info__user_head {
    margin-bottom: 7px
}

.mypage__info .mypage_info__user_head p {
    display: inline-block;
    margin: 0px !important
}

.mypage__info .mypage_info__user_head p:nth-child(2) {
    margin-left: 10px
}

.mypage__info .mypage_info__user_head .label {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 11px;
    margin-bottom: 10px !important
}

.mypage__info .mypage_info__user_head .premier_link {
    margin: 0px !important
}

.mypage__info .mypage_info__user_head .premier_link a {
    font-size: 12px
}

.mypage__info .mypage_info__user_head .label-default {
    background: #efefef;
    color: #727272
}

.mypage__info .mypage_info__user_head .label-premier {
    background: linear-gradient(135deg, #fceabb 0%, #f8b500 23%, #fccd4d 53%, #f8b500 74%, #fbdf93 100%);
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0px #807d7d
}

.mypage__info .user_info {
    margin: 0 !important
}

.mypage__info .user_info__head {
    min-height: 55px;
    display: flex;
    align-items: left;
    position: relative;
    margin-bottom: 16px
}

.mypage__info .user_info__head p.icon_image {
    border: 3px solid #fff;
    position: absolute;
    margin: 0 !important;
    top: -18px;
    left: 10px
}

.mypage__info .user_info__right {
    margin-top: -5px;
    margin-left: 88px
}

.mypage__info .user_info__right h2 {
    font-size: 15px !important;
    margin: 1px 0 0 !important
}

.mypage__info .user_info__right h2 a {
    font-size: 20px;
    color: #333;
    text-decoration: none
}

.mypage__info .user_info__right h2 a:hover {
    text-decoration: underline
}

.mypage__info .user_info__right .sns_btn {
    margin: 0 !important
}

.mypage__info .user_info__right .sns_btn li {
    display: inline-block;
    margin-right: 2px
}

.mypage__info .user_info__right .sns_btn li a {
    display: block
}

.mypage__info .user_info__detail {
    margin-bottom: 15px
}

.mypage__info .user_info__detail .profile_comment {
    font-size: 12px;
    position: relative;
    padding: 10px;
    border-radius: 6px;
    height: auto;
    background: #fff6c6
}

.mypage__info .user_info__detail .profile_comment::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 30px;
    top: -15px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 15px solid #fff6c6
}

.mypage__info .user_info__detail table {
    width: 100%;
    margin: 15px 0 !important;
    font-size: 13px;
    line-height: 150%
}

.mypage__info .user_info__detail table td {
    border-bottom: 1px solid #ccc;
    padding: 8px 0
}

.mypage__info .user_info__detail table .list_title {
    width: 80px;
    font-weight: bold
}

.mypage__info .user_info__detail_head {
    display: flex;
    justify-content: space-between
}

.mypage__info .user_info__detail_head .clip {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 100%
}

.mypage__info .user_info__categories h4 {
    font-size: 13px
}

.mypage__info .user_info__categories a {
    display: inline-block;
    margin-top: 5px;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    background-color: #aaa;
    padding: 1px 10px;
    border-radius: 3px
}

.mypage__info .user_info__categories p {
    display: inline-block;
    margin: 0 !important
}

#detail .user_expert_categories_box h2 {
    font-size: 14px;
    margin: 0px 0px 4px 0px
}

#detail .user_expert_categories {
    padding-bottom: 10px
}

#detail .user_expert_categories li {
    position: relative;
    display: inline-block;
    margin: 0px 5px 5px 0px;
    background: #aaa;
    font-size: 12px;
    padding: 1px 15px 0px 10px;
    color: #fff
}

#detail .user_expert_categories li:last-child {
    margin-right: 5px
}

#detail .user_expert_categories li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    border-width: 10px 5px 10px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid
}

#detail .user_expert_categories .railway {
    background: #008c00
}

#detail .user_expert_categories .aviation {
    background: #2d91d7
}

#detail .user_expert_categories .bus {
    background: #f8b500
}

#detail .user_expert_categories .road {
    background: #a27b67
}

#detail .user_expert_categories .car {
    background: #dd0000
}

#detail .user_expert_categories .ship {
    background: #0224cb
}

#detail .user_expert_categories .travel {
    background: #d55200
}

#detail .user_expert_categories .military {
    background: #237028
}

.user_header__box {
    width: 100%;
    margin: 0 !important
}

#infscr-loading {
    text-align: center
}

#detail .mypage__top__point {
    position: relative
}

#detail .mypage__top__point h2 {
    background: #D6002B;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    margin: 0px
}

#detail .mypage__top__point__inner {
    padding: 0px 0px 25px
}

#detail .mypage__top__point__norimono h3 {
    font-size: 14px;
    margin-bottom: 4px
}

#detail .mypage__top__point__norimono h3 a {
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px
}

#detail .mypage__top__point__norimono__inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#detail .mypage__top__point__norimono__inner p:first-child {
    font-size: 13px
}

#detail .mypage__top__point__norimono__inner p:first-child span {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 5px
}

#detail .mypage__top__point__norimono__inner p:last-child a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    background: #d5002b;
    border: 1px solid #d5002b;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 4px;
    transition: all .3s
}

#detail .mypage__top__point__norimono__inner p:last-child a:hover {
    background: #fff;
    color: #d5002b
}

#detail .mypage__top__point__expert {
    margin-top: 15px
}

#detail .mypage__top__point__expert h3 {
    font-size: 14px;
    margin-bottom: 4px
}

#detail .mypage__top__point__expert table {
    width: 100%
}

#detail .mypage__top__point__expert table th {
    width: 10%;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #ccc;
    text-align: left;
    background: #f1f1f1;
    vertical-align: middle
}

#detail .mypage__top__point__expert table th span {
    display: block;
    font-size: 12px
}

#detail .mypage__top__point__expert table td.point_column {
    font-size: 11px;
    width: 10%;
    padding: 5px;
    border: 1px solid #ccc
}

#detail .mypage__top__point__expert table td.star_column {
    width: 20%;
    font-size: 12px;
    padding: 5px 2px;
    border: 1px solid #ccc;
    vertical-align: middle
}

#detail .mypage__top__point__expert table td.star_column i {
    color: #eeb226;
    display: inline-block;
    margin-right: 2px;
    font-size: 12px
}

.user_info_other {
    clear: both
}

.user_info_other p {
    margin: 0px 0px 10px !important;
    display: inline-block;
    font-size: 13px
}

.user_info_other p a {
    font-size: 13px
}

.user_info_other .clip {
    margin-right: 8px !important
}

#detail .mypage_sec {
    margin-top: 0px
}

#detail .mypage_sec__read {
    font-size: 13px;
    line-height: 1.8
}

#detail .mypage_sec>h2 {
    font-size: 18px !important;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    margin-bottom: 20px !important
}

#detail .mypage_sec>h2 span {
    display: inline-block;
    width: 20px
}

#detail .mypage_sec>h2 span i {
    color: #fff
}

#detail .mypage_sec>h2 .info i {
    color: #D6002B
}

#detail .mypage_sec>h2 .clip i {
    color: #eac641
}

#detail .mypage_sec>h2 .follow i {
    color: #ea7c41
}

#detail .mypage_sec>h2 .setting i {
    color: #64615d
}

#detail .mypage_sec>h2 .default i {
    color: #d5002b
}

#detail .mypage_sec>h2.survey {
    padding-left: 35px;
    background: url(/assets/pc/qa/icon_survey.png) no-repeat 5px 0px;
    background-size: 22px auto
}

#detail .mypage_sec>h2.qa {
    padding-left: 30px;
    background: url(/assets/pc/qa/icon_q.png) no-repeat 5px 5px;
    background-size: 20px auto
}

#detail .mypage_sec>h2.qa_answer {
    padding-left: 30px;
    background: url(/assets/pc/qa/icon_a.png) no-repeat 5px 5px;
    background-size: 20px auto
}

#detail .mypage_sec__read {
    margin-bottom: 20px
}

#detail .mypage_sec__inner .point>h3 {
    font-weight: normal;
    margin: 0px;
    font-size: 14px
}

#detail .mypage_sec__inner .point>h3 span {
    font-size: 15px;
    font-weight: bold;
    margin: 0px 5px
}

#detail .mypage_sec__inner .point .point_form_select_w {
    position: relative;
    display: inline-block
}

#detail .mypage_sec__inner .point .point_form_select_w:after {
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    content: '\f0d7';
    font-family: 'FontAwesome';
    font-size: 15px
}

#detail .mypage_sec__inner .point .point_form_select {
    font-size: 14px;
    padding: 0px 15px 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none;
    appearance: none
}

#detail .mypage_sec__inner .point input[type="submit"] {
    margin: 10px 0px 35px
}

#detail .mypage_sec__inner .point__inner {
    margin-bottom: 35px
}

#detail .mypage_sec__inner .point__inner:first-child {
    margin-top: 35px
}

#detail .mypage_sec__inner .point__inner h4 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #d5002b
}

#detail .mypage_sec__inner .point__inner .present_list table {
    width: 100%
}

#detail .mypage_sec__inner .point__inner .present_list table th {
    font-size: 13px;
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #ccc;
    background: #f1f1f1
}

#detail .mypage_sec__inner .point__inner .present_list table td {
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid #ccc
}

.mypage_info__list dt {
    float: left;
    clear: both;
    width: 8em;
    font-size: 13px;
    font-weight: bold
}

.mypage_info__list dd {
    float: left;
    font-size: 13px;
    margin-bottom: 10px
}

.mypage_info .mypage_sec__contents__show {
    margin-bottom: 20px
}

.mypage_info .mypage_sec__contents__show p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.8
}

#detail .everyone_post_list {
    margin: 20px 0
}

#detail .everyone_post_list h2 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
    margin-bottom: 10px;
    background: #d31a1a
}

#detail .everyone_post_list .post_list_container {
    margin: 10px 0 15px
}

#detail .everyone_post_list .post_list_container .post_list_box:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #a9a9a9
}

#detail .everyone_post_list .post_list_container .post_list_box p {
    margin: 0
}

#detail .everyone_post_list .post_list_container .post_list_box a {
    font-size: 12px;
    text-decoration: none
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content {
    display: flex;
    justify-content: space-between
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content p.post_list_text {
    width: calc(100% - 122px);
    margin: 0;
    overflow: hidden;
    line-height: 18px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content p.post_list_text a {
    font-size: 13px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content p.no_image {
    width: 100%
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content p.post_image_box {
    position: relative;
    overflow: hidden;
    width: 112px;
    height: 80px;
    margin: 0 10px 0 0;
    border: 1px solid #e5e5e5
}

#detail .everyone_post_list .post_list_container .post_list_box .post_content p.post_image_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#detail .everyone_post_list .post_list_container .post_list_box .user_information {
    display: flex;
    align-items: center;
    margin-top: 10px
}

#detail .everyone_post_list .post_list_container .post_list_box .user_information p.user_icon {
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    margin-right: 5px;
    position: relative;
    overflow: hidden
}

#detail .everyone_post_list .post_list_container .post_list_box .user_information p.user_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options {
    margin: 5px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options .good_img {
    margin-right: 5px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options a {
    text-decoration: none;
    line-height: 1em;
    color: #333;
    font-size: 12px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options p.comment_count {
    margin: 0 15px;
    font-size: 12px;
    line-height: 1em
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options p.comment_count:before {
    font-family: "FontAwesome";
    content: '\f075';
    margin-right: 5px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options .user_post_view {
    margin-left: 8px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options .user_post_view img {
    display: inline-block;
    width: 15px
}

#detail .everyone_post_list .post_list_container .post_list_box .post_list_options .user_post_view p {
    padding-left: 1px;
    display: inline
}

#detail .everyone_post_list .post_list_container .post_list_box p.post_time {
    font-size: 12px;
    line-height: 1em;
    color: #a9a9a9
}

#detail .everyone_post_list .post_list_container .post_list_box p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    font-weight: 900;
    margin-right: 3px
}

.user_post_list {
    margin: 0 0 30px
}

.user_post_list .pagination,.user_post_list .single-pagenation {
    clear: both;
    margin: 2em 0 1.5em 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.2
}

.user_post_list .pagination .current,.user_post_list .single-pagenation span {
    display: inline-block;
    padding: 0.3em 0.7em;
    border: 1px solid #333333;
    background: #333333;
    color: #fff;
    border-radius: 0
}

.user_post_list .pagination span {
    display: inline-block;
    padding: 0.3em 0.7em;
    border: 1px solid #aaaaaa;
    margin: 0 2px
}

.user_post_list .pagination a,.user_post_list .single-pagenation a {
    display: inline-block;
    padding: 0.3em 0.7em;
    border: 1px solid #aaaaaa;
    color: #333333;
    background: none;
    margin: 0 3px 1em;
    text-decoration: none;
    border-radius: 0
}

.user_post_list .single-pagenation a span {
    display: inline;
    padding: 0;
    border: 0 none;
    border-radius: 0
}

.user_post_list .pagination a:hover,.user_post_list .single-pagenation a:hover {
    background-color: #aaa;
    color: #fff
}

.pager {
    margin: 30px 0
}

.pager ul {
    text-align: center
}

.pager ul li,.pager ul li.active {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px
}

.pager ul li a,.pager ul li.active a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
    font-size: 13px
}

.pager ul li:not(:nth-child(4)) {
    margin-right: 5px
}

.pager ul li.prev,.pager ul li.next {
    width: auto
}

.pager ul li.prev a,.pager ul li.next a {
    border: none;
    color: #333;
    padding: 0
}

.pager ul li.prev {
    margin-right: 17px
}

.pager ul li.next {
    margin-left: 17px;
    margin-right: 0
}

.pager ul li.active {
    color: #fff;
    background: #333;
    font-size: 15px;
    line-height: 28px
}

.mypage_survey .mypage_survey_answer_contents {
    padding-top: 10px
}

.mypage_survey .survey_list {
    padding: 20px 0px
}

.mypage_survey .survey_list li {
    position: relative;
    margin-bottom: 30px;
    padding-top: 7px
}

.mypage_survey .survey_list li span {
    position: absolute;
    top: -9px;
    left: 16px;
    display: inline-block;
    border-radius: 2px;
    background: #d5002b;
    color: #fff;
    font-size: 10px;
    padding: 0px 5px;
    font-weight: bold
}

.mypage_survey .survey_list li a {
    font-size: 14px;
    font-weight: bold
}

.mypage_survey .survey_answer_box h3 {
    font-size: 16px;
    margin-bottom: 10px
}

.mypage_survey .survey_answer_box__inner {
    margin-bottom: 30px
}

.mypage_survey .survey_answer_box__inner .select-arrow {
    position: relative;
    margin: 0px
}

.mypage_survey .survey_answer_box__inner .select-arrow:after {
    position: absolute;
    top: 42%;
    right: 10px;
    left: auto;
    margin-top: -6px;
    content: '\f0d7';
    display: block;
    font-family: FontAwesome;
    font-size: 12px
}

.mypage_survey .survey_answer_box__inner .select-arrow select {
    width: 100%
}

.mypage_survey .survey_answer_box__inner .survey_answer_radio label {
    margin-right: 10px
}

.mypage_survey .survey_answer_box__inner input[type="text"] {
    min-width: 100%;
    height: 35px;
    box-sizing: border-box;
    border: #ccc 1px solid;
    padding: 5px 10px;
    background: #fff
}

.mypage_survey .survey_answer_box__answer {
    margin-bottom: 30px
}

.mypage_survey .mypage_survey_history {
    padding: 20px 0px 45px
}

.mypage_survey .mypage_survey_history .mypage_history_table_title {
    font-size: 16px;
    margin: 10px 0px;
    color: #d5002b
}

.mypage_survey .mypage_survey_history table {
    width: 100%
}

.mypage_survey .mypage_survey_history table th {
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #ccc;
    background: #f1f1f1
}

.mypage_survey .mypage_survey_history table th:last-child {
    width: 160px
}

.mypage_survey .mypage_survey_history table td {
    padding: 5px 10px;
    border: 1px solid #ccc
}

.mypage_survey input[type="submit"] {
    margin: 10px 0px 35px
}

.mypage_survey__answer__show>h3 {
    font-size: 16px;
    border-left: #d5002b 3px solid;
    padding-left: 10px
}

.mypage_survey__answer__show__body {
    margin: 40px 0px
}

.mypage_survey__answer__show__body h3 {
    font-size: 14px
}

#detail .mypage_qa p {
    margin: 0px
}

#detail .mypage_qa .mypage_sec__contents {
    padding-bottom: 20px
}

#detail .mypage_qa .qa_box {
    margin-bottom: 10px
}

#detail .mypage_qa .qa_box__date {
    font-size: 12px
}

#detail .mypage_qa .qa_box__cate li {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    color: #d5002b
}

#detail .mypage_qa .qa_box__contents h4 {
    margin: -3px 0px -8px
}

#detail .mypage_qa .qa_box__contents h4 a {
    font-size: 13px;
    color: #000;
    text-decoration: none
}

#detail .mypage_qa .qa_box__contents h4 a:hover {
    color: #999
}

#detail .mypage_qa .qa_box__info li {
    margin-right: 5px;
    display: inline-block;
    font-size: 11px;
    color: #666
}

#detail .mypage_qa .qa_box .user_answer {
    display: flex;
    margin: 10px 0px 25px
}

#detail .mypage_qa .qa_box .user_answer p {
    margin: 0px
}

#detail .mypage_qa .qa_box .user_answer p:first-child {
    margin-right: 10px
}

#detail .mypage_qa .qa_box .user_answer p:first-child img {
    max-width: 50px
}

#detail .mypage_qa .qa_box .user_answer p:last-child {
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    word-break: break-all;
    padding: 10px;
    background: #efefef;
    border-radius: 4px
}

.mypage_clip {
    position: relative
}

.mypage_clip__sort {
    position: absolute;
    right: 5px;
    top: 0px
}

.mypage_clip__sort ul li {
    display: inline-block;
    margin-right: 5px;
    font-size: 13px
}

.mypage_clip__sort ul li a {
    color: #000
}

.mypage_clip__sort ul li:last-child {
    margin-right: 0px
}

.mypage_clip__post {
    display: flex;
    display: -webkit-flex
}

.mypage_clip__post .image {
    margin-right: 15px !important
}

.mypage_clip__post .info {
    position: relative;
    width: 100%
}

.mypage_clip__post .info h3 {
    width: 100%;
    font-size: 13px !important;
    line-height: 1.6
}

.mypage_clip__post .info h3 a {
    text-decoration: none
}

.mypage_clip__post .info .info_date {
    font-size: 12px;
    line-height: 100%;
    margin: 0px !important
}

.mypage_clip__post .info .description {
    font-size: 13px;
    margin: 5px 0px !important
}

.mypage_clip .delte_link {
    margin: 0px 0px 25px !important
}

.mypage_clip .delte_link a {
    font-size: 12px;
    color: #808080
}

.mypage_clip .readmore {
    text-align: center;
    padding-bottom: 35px
}

.mypage_clip .readmore a {
    display: inline-block;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 40px
}

#conf-message p {
    text-align: center
}

#conf-message .message {
    border: 1px solid #333;
    padding: 10px
}

#conf-message .flash-message {
    border: 2px solid #333;
    border-radius: 5px;
    background: #FFF;
    color: #333
}

.mypage_edit {
    -webkit-appearance: none
}

.mypage_edit input[type=file] {
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 11px;
    width: 100px;
    padding: 2px;
    border-radius: 5px;
    color: #666;
    background: linear-gradient(to bottom, #fff 0, #f4f4f4 100%);
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
    -webkit-appearance: none
}

.mypage_edit .image_at {
    font-size: 11px
}

.mypage_edit .user_edit dt {
    width: 16em
}

.mypage_edit p.follow_category {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.mypage_edit .category_box_at_text {
    font-size: 12px;
    margin-bottom: 20px;
    display: inline-block
}

.mypage_edit .category_box {
    border: #ccc 1px solid;
    padding: 15px
}

.mypage_edit .category_box ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.mypage_edit .category_box ul li {
    width: calc(100% / 3);
    margin-bottom: 6px
}

.mypage_edit .category_box #category_not_subscriber {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(255,255,255,0.8)
}

.mypage_edit .category_box #category_not_subscriber h4 {
    text-align: center;
    padding-top: 50px
}

.mypage_edit .category_box input {
    margin: 0px 10px 5px 0px
}

.mypage_edit #user_send_category_mail {
    margin-left: 5px;
    margin-bottom: 6px
}

.mypage_edit .change_plan {
    width: 300px;
    margin: 25px auto !important
}

.mypage_edit .change_plan-default {
    width: auto;
    margin: 25px 0px !important
}

.mypage_edit .back_link {
    margin-top: 30px
}

.mypage_edit .at_text_read {
    font-size: 11px;
    font-weight: normal;
    display: block
}

.mypage_edit__attention {
    margin-bottom: 20px;
    padding: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc
}

.mypage_edit__attention li {
    font-size: 12px;
    color: #e9001f;
    margin-bottom: 8px;
    line-height: 1.4
}

.edit_submit {
    width: 300px;
    margin: 30px auto 50px !important;
    text-align: center
}

.edit_submit input {
    margin: 30px 0px 50px;
    width: 300px;
    margin: 0 auto
}

#qa .qa_attention {
    background: #fcf4d3;
    margin: 0px 15px 10px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 4px
}

#qa .qa_attention span {
    font-weight: bold
}

#qa .btn a {
    width: auto
}

#qa .logo_title {
    margin: 0px auto 20px
}

#qa .post_box {
    position: relative
}

#qa .qa_create_no_signed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0.8), #fff);
    border: 1px solid #ccc
}

#qa .qa_create_no_signed h3 {
    text-align: center;
    font-size: 15px;
    padding-top: 75px;
    margin-bottom: 25px
}

#qa .qa_create_no_signed ul {
    display: flex;
    justify-content: center
}

#qa .qa_create_no_signed ul li:first-child {
    margin-right: 10px
}

#qa .qa_gnav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#qa .qa_gnav li.qa_gnav_list {
    width: 49%;
    margin: 2px 0px
}

#qa .qa_gnav li.qa_gnav_list:nth-child(even) {
    padding-left: 1px
}

#qa .qa_gnav li.qa_gnav_list:nth-child(odd) {
    padding-right: 1px
}

#qa .qa_gnav ul li.qa_gnav_list>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #de2828;
    border: solid 1px #b32d25;
    line-height: 32px;
    font-weight: bold;
    text-decoration: none
}

#qa .qa_gnav ul li.qa_gnav_list>a.qa_gnav_list_norimono {
    font-size: 11px
}

/* 2023/12/14
#qa .qa_gnav ul li.qa_gnav_list:last-child>a {
    background-color: #f4ad26;
    border: solid 1px #d59315
}
*/

#qa .qa_gnav .qa_gnav_category {
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 20px;
    padding: 0px 0px 20px
}

#qa .qa_gnav .qa_gnav_category ol {
    list-style: none
}

#qa .qa_gnav .qa_gnav_category li {
    display: inline-block;
    margin: 0px 8px 5px 0px
}

#qa .qa_gnav .qa_gnav_category li a {
    font-size: 13px;
    text-decoration: none
}

#qa .qa_gnav .qa_gnav_category__inner {
    padding: 10px
}

#qa .qa_gnav .qa_gnav_category__inner h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 5px
}

#qa .qa_form input[type="text"] {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none
}

#qa .qa_form .qa_form_select_w {
    position: relative;
    display: inline-block
}

#qa .qa_form .qa_form_select_w:after {
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 15px
}

#qa .qa_form .qa_form_select {
    width: 180px;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none;
    appearance: none
}

#qa .qa_form .qa_form_textarea {
    width: 100%;
    height: 140px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff
}

#qa .qa_form .qa_form_checkbox input[type="checkbox"] {
    width: auto;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
    -webkit-appearance: checkbox
}

#qa .qa_form .qa_form_checkbox label {
    margin-right: 3px
}

#qa a.qa_btn,#qa input.qa_btn {
    width: auto;
    margin: 0px;
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 0px 30px;
    line-height: 35px;
    background: #de2828;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

#qa .qa_form_layout .page_title {
    font-size: 24px;
    margin-bottom: 10px
}

#qa .qa_form_layout dt {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: bold
}

#qa .qa_form_layout dd {
    margin-bottom: 10px;
    font-size: 15px
}

#qa .qa_form_layout .qa_form_submit {
    text-align: right;
    margin-top: 25px
}

#qa .required {
    font-size: 11px;
    color: #de2828;
    margin-left: 5px
}

#qa .max_length {
    font-size: 11px;
    margin-left: 10px
}

#qa .post_box.gray_box {
    display: block;
    margin: 20px 0 0;
    padding: 20px 14px;
    background: #eeeeee;
    border-radius: 5px;
    font-size: 13px;
    width: 100%
}

#qa .gray_box h2 {
    margin: 0 auto 8px;
    font-size: 16px;
    text-align: left
}

#qa .post_box>p.post_box_submit {
    border-radius: 5px;
    padding: 12px 0;
    background-color: #de2828;
    margin: 10px auto 0;
    width: 275px
}

#qa .post_box a.js-no_signed.qa_btn {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold
}

#qa .post_box__inner dl dt {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: bold;
    text-align: left
}

#qa .post_box__inner dl dd {
    margin-bottom: 10px;
    font-size: 15px;
    text-align: left
}

#qa .post_box__inner .post_box_submit {
    text-align: right;
    padding: 5px 0px
}

#qa .post_box__inner .qa_post_box_no_sign {
    margin-top: 15px
}

#qa .post_box__inner .qa_post_box_no_sign li {
    display: inline-block;
    margin-right: 10px
}

#qa .gray_box {
    display: block;
    margin-top: 20px;
    padding: 10px 0;
    background: #eeeeee;
    border-radius: 5px;
    width: 100%
}

#qa .qa_card__contents {
    display: block;
    margin: 0 10px;
    padding: 12px 20px 20px;
    background: #ffffff;
    border-radius: 5px;
    text-align: left;
    font-size: 13px
}

#qa .qa_card__contents h2.qa_q_title {
    background: url(./qa/icon_question.png) no-repeat 0;
    background-size: 25px 20px;
    padding-top: 5px
}

#qa .qa_card__contents h2.qa_a_title {
    background: url(./qa/icon_answer.png) no-repeat 0;
    background-size: 25px 20px;
    padding-top: 5px
}

#qa .qa_card__contents h2 {
    position: relative;
    padding: 0px 0px 3px 32px;
    border-bottom: solid 4px #f33c3c;
    margin-bottom: 10px
}

#qa .qa_card__inner ul {
    margin: 0 2px;
    padding: 0;
    list-style: none;
    font-size: 15px;
    text-align: left
}

#qa .qa_card__inner li {
    display: inline-block;
    font-size: 13px;
    padding: 2px 4px
}

#qa .qa_card__inner li>a {
    text-decoration: none;
    color: inherit
}

#qa .qa_card__inner li>a i {
    display: inline-block;
    margin-right: 3px
}

#qa .qa_card__inner li>a.active {
    font-weight: bold;
    color: #de2828
}

#qa .qa_card__inner .qa_card__nav {
    padding: 10px;
    background: #fefcf1
}

#qa .qa_card__nav_box {
    margin-bottom: 20px
}

#qa .qa_card__nav_box h3 {
    font-size: 14px;
    margin: 0px 0px 5px
}

#qa .qa_card__list_box {
    margin-top: 30px
}

#qa .qa_card__list {
    display: none
}

#qa .qa_card__list:first-child {
    display: block
}

#qa .qa_card__list ul {
    list-style: none;
    margin-top: 10px;
    padding: 0
}

#qa .qa_card__list li {
    display: block;
    padding: 12px 0;
    border-top: solid 1px lightgray
}

#qa .qa_card__list li>a {
    text-decoration: none;
    color: #1d3994
}

#qa .qa_card__list>p.qa_card__list__more,#qa .qa_rank>p.qa_card__list__more {
    border-radius: 5px;
    padding: 12px 0;
    background-color: #bdbdbd;
    margin: 20px auto 0;
    width: 240px;
    text-align: center
}

#qa .qa_card__list>ul>li>h4>a {
    text-decoration: none;
    color: #1d3994
}

#qa .qa_card__list>p>a,#qa .qa_rank>p>a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px
}

#qa .qa_card__list__answer {
    display: flex;
    align-items: flex-start;
    margin: 10px 0px
}

#qa .qa_card__list__answer p {
    margin: 0px
}

#qa .qa_card__list__answer p:first-child {
    width: 50px
}

#qa .qa_card__list__answer p:last-child {
    padding: 10px;
    background: #e3e3e3;
    border-radius: 4px;
    word-break: break-all;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.6;
    width: 100%
}

#qa .qa_card_paginate {
    text-align: center;
    margin-top: 20px
}

#qa .qa_card_paginate span.current {
    display: inline-block;
    border-radius: 3px;
    background: #de2828;
    color: #fff;
    line-height: 22px;
    padding: 0px 8px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px
}

#qa .qa_card_paginate a {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #bbb;
    background: #fff;
    line-height: 22px;
    padding: 0px 5px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 8px;
    text-decoration: none
}

#qa .qa_card_paginate a:last-child {
    margin-right: 0px
}

#qa .qa_sub__box__inner {
    margin: 0 10px;
    padding: 12px 20px 20px;
    background: #ffffff;
    border-radius: 5px;
    text-align: left;
    font-size: 13px
}

#qa .qa_sub__box__inner h3.rank {
    background: url(./qa/icon_rank.png) no-repeat 0;
    background-size: 18px 18px;
    padding-top: 5px
}

#qa .qa_sub__box__inner h3 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0px 0px 3px 20px;
    border-bottom: #df3131 solid 2px;
    font-size: 14.5px
}

#qa .qa_sub_rank__nav {
    margin: 0;
    padding: 0
}

#qa .qa_sub_rank__nav ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

#qa .qa_sub_rank__nav li {
    width: 50%
}

#qa .qa_sub_rank__nav li>a {
    display: block;
    text-align: center;
    padding: 5px 0;
    background: #d7d7d7;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #000
}

#qa .qa_sub_rank__nav li>a:link {
    -webkit-tap-highlight-color: rgba(255,255,255,0.5)
}

#qa .qa_sub_rank__nav li>a.active {
    background: #de2828;
    color: #fff
}

#qa .qa_sub_rank__contents {
    margin-top: 0px
}

#qa .qa_sub_rank__list ul {
    list-style: none;
    padding: 0;
    margin-top: 10px
}

#qa .qa_sub_rank__list li {
    display: list-item;
    text-align: -webkit-match-parent
}

#qa .qa_sub_rank__list li>span {
    display: inline-block;
    line-height: 18px;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 6px
}

#qa .qa_sub_rank__list li>.no {
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff
}

#qa .qa_sub_rank__list li>.no_1 {
    background: #f3c302
}

#qa .qa_sub_rank__list li>.no_2 {
    background: #999999
}

#qa .qa_sub_rank__list li>.no_3 {
    background: #cc9900
}

#qa .qa_sub_rank__list ul li a {
    display: block;
    color: #1d3994;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    margin-bottom: 10px
}

#qa .q_btn {
    margin: 25px auto;
    padding: 0 auto;
    width: 300px;
    border-radius: 4px;
    text-align: center;
    background-color: #f4ad26;
    border: solid 1px #d59315
}

#qa .q_btn>a {
    display: block;
    padding: 13px 0;
    text-decoration: none;
    color: #fff;
    font-weight: bold
}

#qa .qa_show_box {
    position: relative
}

#qa .qa_show_box .other .bs_link {
    width: 90px
}

#qa .qa_show_box .other .bs_link a {
    font-size: 10px;
    padding: 0 5px
}

#qa .qa_show_box__contents {
    display: block;
    margin: 0 10px;
    padding: 5px 15px 20px;
    background: #ffffff;
    border-radius: 5px;
    text-align: left;
    font-size: 13px;
    word-break: break-all
}

#qa .qa_show_box__info ul {
    list-style: none;
    margin-bottom: 7px;
    padding: 0
}

#qa .qa_show_box__info li {
    font-size: 11px;
    display: inline-block;
    margin-right: 5px
}

#qa .close_question {
    padding: 5px 10px;
    background: #e5e5e5;
    color: #969696;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 14px
}

#qa .question_type {
    position: relative;
    background: #eb7300;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 10px;
    margin: 7px 0px;
    text-align: center
}

#qa .question_type:before,#qa .question_type:after {
    content: '';
    position: absolute;
    display: block
}

#qa .question_type:before {
    top: 0px;
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #eb7300
}

#qa .question_type:after {
    top: 0px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #eb7300
}

#qa .qa_show_box__info li.cate {
    display: inline-block;
    background: #de2828;
    padding: 0px 8px;
    line-height: 18px;
    font-size: 10px;
    color: #fff;
    margin-right: 2px;
    border-radius: 2px
}

#qa .qa_show_box__info li .has_number {
    font-size: 16px;
    color: #dd2828;
    font-weight: bold
}

#qa .qa_show_box__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

#qa .user_info {
    display: flex;
    align-items: flex-end
}

#qa .user_info>p {
    margin: 0 10px 0 0
}

#qa .user_info__contents h3 {
    margin-bottom: 3px
}

#qa .user_info__contents h3 a {
    font-weight: bold;
    font-size: 13px;
    color: #1d3994
}

#qa .user_info__contents h3 a:hover {
    text-decoration: underline
}

#qa .user_info__contents p {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 3px
}

#qa .other ul.other__sns {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

#qa .other li {
    display: inline-block;
    margin-left: 5px
}

#qa .qa_show_box__body__inner p {
    margin-bottom: 15px
}

#qa .qa_show_box__sub_content h3 {
    display: inline-block;
    margin-bottom: 0;
    padding: 0px 12px;
    line-height: 21px;
    font-size: 13px;
    color: #fff;
    background: #ccc
}

#qa .qa_show_box__sub_content p {
    margin-bottom: 10px
}

#qa .answer_box {
    padding: 15px 10px
}

#qa .qa_show_box__body__tool ul {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: flex-end;
    align-items: center;
    margin-top: 40px
}

#qa .qa_show_box__body__tool ul .like span,#qa .qa_show_box__body__tool ul .like a {
    background: #de2828
}

#qa .qa_show_box__body__tool ul li {
    display: inline-block;
    margin-right: 5px
}

#qa .qa_show_box__body__tool ul li span,#qa .qa_show_box__body__tool ul li a {
    display: inline-block;
    padding: 0px 8px;
    border-radius: 3px;
    line-height: 22px;
    color: #fff;
    text-decoration: none
}

#qa .qa_show_box__body__tool ul li.like_count {
    font-size: 12px
}

#qa .qa_show_box__body__tool ul li.violation a {
    color: #000;
    text-decoration: underline
}

#qa .qa_show_box__body__tool ul li.sub_comment a {
    background: #b3b3b3;
    font-size: 12px
}

#qa .answer_box_not_sign {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    background: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    padding-top: 70px;
    box-sizing: border-box
}

#qa .answer_box_not_sign h3 {
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px
}

#qa .answer_box_not_sign p {
    text-align: center;
    padding: 0px 10px
}

#qa a:link {
    -webkit-tap-highlight-color: rgba(255,255,255,0.5)
}

#qa .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

#qa .fa-thumbs-up:before {
    content: "\f164"
}

#qa .gray_box h2.qa_best_answer {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    padding: 2px 20px;
    font-size: 16px;
    margin: 0px;
    color: #fff;
    background: #de2828;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25)
}

#qa .gray_box h2.qa_best_answer:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    left: 0;
    border: 5px solid transparent;
    border-top: 5px solid #bf2b2b;
    border-right: 5px solid #bf2b2b;
    border-left: 5px solid transparent
}

#qa .qa_best_answer+.qa_show_box__header {
    padding-top: 60px
}

#qa .questioner_comment {
    padding-top: 30px
}

#qa .questioner_comment h3 {
    font-size: 15px;
    margin-bottom: 8px
}

#qa .questioner_comment form {
    width: 100%
}

#qa .questioner_comment__inner {
    display: flex
}

#qa .questioner_comment__inner>p {
    margin: 0px 10px 0px 0px
}

#qa .questioner_comment__inner .comment {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff0f0
}

#qa .questioner_comment__inner .comment_create p {
    margin: 0px
}

#qa .questioner_comment__inner .comment_create textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ccc
}

#qa .questioner_comment__inner .comment_submit {
    text-align: right;
    margin-top: 10px
}

#qa .questioner_comment__inner .comment_submit input {
    font-size: 13px;
    padding: 0px 12px;
    background: #333;
    line-height: 25px
}

#qa .qa_sub__box__inner h3.category {
    background: url(./qa/icon_category.png) no-repeat 0;
    background-size: 18px 18px;
    padding-top: 5px
}

#qa .qa_sub__box__inner h3 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0px 0px 3px 20px;
    border-bottom: #df3131 solid 2px;
    font-size: 14.5px
}

#qa .qa_sub_box__list ul {
    list-style: none;
    padding: 0
}

#qa .qa_sub_box__list li {
    display: list-item;
    margin-bottom: 10px
}

#qa .qa_sub_box__list li:not(:last-child) {
    border-bottom: solid 1px lightgray
}

#qa .qa_sub_box__list ul li a {
    display: block;
    color: #1d3994;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    margin-bottom: 10px
}

#qa .qa_category_list h2.rank_menu {
    font-size: 18px;
    text-align: left;
    margin: 20px 4px 10px
}

#qa .rank_menu__list ul {
    margin: 0 2px;
    padding: 0;
    list-style: none;
    font-size: 15px;
    text-align: left
}

#qa .rank_menu__list li {
    display: inline-block;
    font-size: 12px;
    padding: 2px 4px
}

#qa .rank_menu__list li>a {
    text-decoration: none;
    color: inherit
}

#qa .rank_menu__list li>a.active {
    font-weight: bold;
    color: #de2828
}

#qa .qa_card__contents h2.rank {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0px 0px 2px 20px;
    border-bottom: #df3131 solid 2px;
    font-size: 14.5px
}

#qa .qa_card__contents h2.rank:after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: "\f10c";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_card__contents h2.railway:after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: "\f238";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_card__contents h2.aviation:after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: "\f072";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_card__contents h2.car:after {
    position: absolute;
    top: 0px;
    left: 2px;
    content: "\f1b9";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #f33c3c
}

#qa .qa_card__contents h2.bus:after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: "\f207";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_card__contents h2.road:after {
    position: absolute;
    top: -2px;
    left: 2px;
    content: "\f018";
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #f33c3c
}

#qa .qa_card__contents h2.military:after {
    position: absolute;
    top: -1px;
    left: 2px;
    content: "\f0fb";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_card__contents h2.ships:after {
    position: absolute;
    top: 0px;
    left: 2px;
    content: "\f21a";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #f33c3c
}

#qa .qa_card__contents h2.travel:after {
    position: absolute;
    top: 0px;
    left: 2px;
    content: "\f0f2";
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #f33c3c
}

#qa .qa_card__contents h2.others:after {
    position: absolute;
    top: 0px;
    left: 2px;
    content: "\f07b";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #f33c3c
}

#qa .qa_rank ul {
    list-style: none;
    padding: 0
}

#qa .qa_rank li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-bottom: 10px
}

#qa .qa_rank li:not(:last-child) {
    border-bottom: solid 1px lightgray
}

#qa .qa_rank li>span {
    display: inline-block;
    line-height: 18px;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 6px
}

#qa .qa_rank li>.no {
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff
}

#qa .qa_rank li>.no_1 {
    background: #f3c302
}

#qa .qa_rank li>.no_2 {
    background: #999999
}

#qa .qa_rank li>.no_3 {
    background: #cc9900
}

#qa .qa_rank ul li a {
    display: block;
    color: #1d3994;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    margin-bottom: 10px
}

#qa #qa_new {
    box-sizing: border-box;
    padding: 10px 10px
}

#qa #qa_new dt {
    font-weight: bold
}

#qa .page_title {
    font-size: 16px;
    margin-bottom: 8px
}

#qa .qa_form_submit {
    text-align: right;
    margin: 10px 0px 0px
}

#qa .post_box_attention {
    margin-top: 10px;
    font-size: 13px
}

#qa .post_box_attention a {
    color: #d3001a;
    font-weight: bold
}

#qa .qa_list_more {
    border-radius: 5px;
    padding: 12px 0;
    background-color: #bdbdbd;
    margin: 20px auto 0;
    width: 240px;
    text-align: center
}

#qa .qa_list_more a {
    color: #fff;
    text-decoration: none
}

.resolved_label,.best_answer_label {
    color: #fff;
    display: inline;
    background: #f3883c;
    font-size: 10px;
    border-radius: 2px;
    margin-right: 10px;
    padding: 1px 10px
}

.best_answer_label {
    background: #de2828
}

#violation-report {
    width: 100%;
    min-width: 280px;
    box-sizing: border-box
}

#violation-report .modal_inner {
    padding: 30px 15px
}

#violation-report .form_list dt {
    float: left;
    clear: both;
    width: 8em;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

#violation-report .form_list dt span {
    font-size: 12px;
    font-weight: normal
}

#violation-report .form_list dd {
    position: relative;
    float: left;
    font-size: 14px;
    margin-bottom: 15px
}

#violation-report .form_list dd input[type="text"],#violation-report .form_list dd input[type="email"],#violation-report .form_list dd input[type="password"] {
    width: 270px;
    height: 35px;
    box-sizing: border-box;
    border: #ccc 1px solid;
    padding: 5px 10px;
    background: #fff
}

#violation-report .form_list dd .no_border {
    border: none
}

#violation-report .form_list .select-arrow:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    content: '\f0d7';
    display: block;
    font-family: FontAwesome;
    font-size: 12px
}

#violation-report .form_list .select-arrow select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 35px;
    border: #ccc 1px solid;
    background: #fff;
    border-radius: 0px;
    padding: 5px 22px 5px 10px;
    box-sizing: border-box
}

#violation-report .form_list textarea {
    width: 100%;
    height: 250px;
    border: #ccc 1px solid;
    padding: 5px 10px
}

#violation-report .form_list dt {
    float: none
}

#violation-report .form_list dd {
    float: none
}

#violation-report .form_list dd textarea {
    width: 100%
}

#violation-report .form_list dd.select-arrow {
    display: inline-block
}

#violation-report input[type='submit'] {
    margin: 0px 0px
}

.wiki_link {
    border-bottom: 1px dotted #000;
    text-decoration: none
}

.search_images_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 10px 0px
}

.search_images_list li {
    width: 48%;
    margin-bottom: 30px
}

.search_images_list li figure a {
    display: block;
    position: relative;
    width: 100%;
    height: 110px;
    overflow: hidden
}

.search_images_list li figure a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.search_images_list li figure a.enlarge_btn {
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px;
    width: 80px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #D6002B;
    color: #fff;
    margin: 5px auto 5px
}

.search_images_list li p {
    font-size: 12px
}

.section-search-post-list h1 {
    margin: 10px;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -1px
}

.search-post-list li {
    overflow: hidden;
    padding: 10px
}

.search-post-list li p {
    font-size: 0.9em;
    color: #666
}

.search-post-list li figure {
    float: left;
    width: 80px;
    margin: 5px 10px 5px 0;
    text-align: center
}

.search-post-list li .search-post-list-detail {
    overflow: hidden;
    line-height: 1.4
}

.search-post-list li .theme-list-detail img {
    height: 80px
}

#page #main-column .search-post-list h2 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2
}

#page #main-column .search-post-list h2 a {
    color: #006699;
    text-decoration: none
}

.search-post-list li .search-post-list-date {
    margin: 5px 0;
    color: #999;
    font-size: 0.9em
}

article h1,.section-archive-list h1 {
    margin: 10px;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -1px
}

.article-meta-top {
    margin: 10px;
    font-size: 16px;
    line-height: 1.2;
    color: #999
}

.article-meta-top a {
    color: #999
}

.article-meta-top a:hover {
    color: #999
}

.article-meta-top li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px
}

.article-meta-top .article-by {
    float: right
}

.article-middle,.article-middle-link-wrap,.article-related,.article-latest {
    margin-bottom: 20px
}

.article-middle,.article-meta-box {
    text-align: center
}

.article-middle div,.article-meta-box div {
    margin-left: auto;
    margin-right: auto
}

.article-middle-link-wrap {
    overflow: hidden
}

.article-middle-link li {
    line-height: 1.5;
    margin-bottom: 10px
}

.article-related,.article-recommend {
    width: 336px;
    float: left
}

.article-related {
    margin-right: 20px
}

.social-button,.article-tags {
    overflow: hidden;
    margin: 10px 0
}

.social-button li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    line-height: 0
}

.social-button-top {
    margin-top: 15px;
    text-align: center
}

.social-comment-top {
    width: 62px
}

.social-comment-count {
    display: block;
    position: relative;
    margin-bottom: 7px;
    padding: 7px 0;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 1
}

.social-twitter-text {
    display: block;
    position: relative;
    margin-bottom: 7px;
    padding: 7px 0;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 1;
    padding: 10px 0;
    font-size: 12px
}

.social-comment-count:after,.social-comment-count:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.social-twitter-text:after,.social-twitter-text:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.social-comment-count:after,.social-twitter-text:after {
    border-color: rgba(255,255,255,0);
    border-top-color: #fff;
    border-width: 4px;
    margin-left: -4px
}

.social-comment-count:before,.social-twitter-text:before {
    border-color: rgba(170,170,170,0);
    border-top-color: #aaa;
    border-width: 5px;
    margin-left: -5px
}

.clip_btn {
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    background: #d5c44a !important;
    padding: 4px 10px;
    border: 1px solid #9e9e9e !important;
    font-size: 11px;
    color: #444444 !important;
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%) !important
}

.clip_btn span {
    font-size: 10px !important
}

.clip_btn i {
    margin-right: 4px;
    color: #f1c525;
    font-size: 25px
}

.clip_btn.active {
    background: #d78200 !important;
    border: 1px solid #d78200 !important
}

.clip_btn.active span {
    color: #fff !important;
    font-size: 11px
}

.clip_btn.active i {
    color: #fff !important
}

.article-tags {
    margin: 10px;
    font-size: 0.8em;
    color: #666
}

.article-tags a {
    color: #666
}

.article-tags a:hover {
    color: #999
}

.post-excerpt {
    margin: 10px 0;
    padding: 10px;
    font-size: 0.9em;
    color: #333;
    background: #ddd
}

#detail {
    margin: 10px;
    line-height: 1.7;
    word-break: break-all
}

#detail h2 {
    margin: 0.8em 0;
    font-size: 1.2em
}

#detail h3 {
    margin: 0.8em 0;
    font-size: 1.05em;
    font-weight: bold;
    line-height: 1.4
}

#detail p {
    margin: 0.8em 0
}

#detail figure {
    margin: 0.8em 0;
    width: 298px;
    margin-left: auto;
    margin-right: auto
}

#detail figcaption {
    line-height: 1.4
}

#readmore {
    margin: 10px 0
}

.fluid-box {
    display: none;
    width: calc(101vw - 18px);
    position: relative;
    left: 0px;
    transform: translateX(-51.2%);
    background-color: #3c3c3c;
    padding: 15px;
    margin-top: 10%;
    margin-left: -2px
}

.fluid-box .close-image {
    float: right;
    color: #FFFF;
    text-decoration: none
}

.fluid-box_1 {
    transform: translateX(0%)
}

.fluid-box-inner {
    margin: 0 auto;
    color: #fff
}

.fluid-box-inner .caption {
    font-size: 13px;
    margin-bottom: 25px
}

.fluid-box-inner .info .title {
    font-size: 16px;
    margin: 5px 0px 25px
}

.fluid-box-inner .info a {
    color: #fff
}

.fluid-box-inner dl dd {
    margin-bottom: 5px
}

#detail figure {
    font-size: 0.9em;
    color: #777
}

.social-comment i {
    font-size: 20px
}

.social-comment a {
    box-sizing: border-box;
    padding: 10px 0;
    background: #D6002B;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.3);
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.social-buzz-link {
    text-align: center
}

.social-buzz-link ul {
    display: flex;
    justify-content: center;
    width: 310px;
    margin: 1em auto
}

.social-buzz-link ul li {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top
}

.social-buzz-link ul li:last-child {
    padding-right: 0
}

.social-buzz-link .social-buzz-link_list .social-comment a {
    padding: 8px 20px
}

.social-buzz-link .social-buzz-link_list .clip_btn {
    margin-top: -5px
}

.social-buzz-link .social-buzz-link_list .clip_btn i {
    font-size: 20px !important
}

.social-buzz-link .social-buzz-link_list .clip_btn span {
    font-size: 10px !important
}

.social-buzz-link .social-buzz-link_list .active span {
    font-size: 13px !important
}

.social-buzz-link .social-buzz-link_list li a {
    width: 100%
}

.social-buzz-link .social-comment a {
    display: block;
    padding: 8px 20px;
    height: 36px;
    box-sizing: border-box
}

.social-buzz-link .social-x-twitter a {
    width: 70px !important;
    height: 41px !important;
    display: block;
    background-color: #000000;
    border-radius: 4px;
    box-shadow: 0px 2px 0px 0px #969696;
    font-size: 30px;
}

.social-buzz-link .social-pinterest a {
    width: 70px !important;
    display: block;
    background-color: #bd081c;
    background: #BD091C url(./common/pintarest_icon.png) no-repeat center center !important;
    background-size: 30px auto !important;
    height: 41px !important;
    background-position: center;
    background-size: 33px auto;
    border-radius: 4px;
    padding: 0px 20px;
    text-indent: -999px;
    box-shadow: 0px 2px 0px 0px #969696
}

.social-facebook-root {
    letter-spacing: -1px
}

.social-facebook-root i {
    font-size: 18px;
    vertical-align: -1px
}

.social-facebook-root a {
    display: inline-block;
    width: 300px;
    padding: 10px 0;
    background: #3B5998;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.3);
    font-size: 13px;
    font-weight: bold;
    text-align: center
}

#social-count-facebook {
    font-size: 14px;
    letter-spacing: 0px
}

.nextpage a {
    display: table;
    width: 100%;
    min-height: 45px;
    margin: 1em auto;
    border: 4px solid #D6002B;
    border-radius: 6px;
    color: #D6002B;
    font-weight: bold;
    background: #D6002B
}

.nextpage span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2
}

.nextpage .label {
    width: 68px;
    background: url(./common/icon_nextpage2.png) no-repeat 5px center;
    text-indent: -9999px
}

.nextpage .linktext {
    padding: 10px 13px;
    background: #fff;
    border-radius: 2px
}

.pagination,.single-pagenation {
    clear: both;
    margin: 0.5em 0;
    padding: 0;
    font: 100% Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 100%;
    line-height: 1.2
}

.pagination .current,.single-pagenation span {
    display: inline-block;
    padding: 0.25em 0.8em;
    border: 1px #CCCCCC solid;
    border-radius: 4px
}

.pagination span {
    display: inline-block;
    padding: 0.25em 0.8em;
    border: 1px #CCCCCC solid;
    margin: 0 2px;
    border-radius: 4px
}

.pagination a {
    display: inline-block;
    margin: 0 3px 1em;
    padding: 0.25em 0.8em;
    border: 1px #1A2650 solid;
    color: #1A2650;
    background-color: #bbb;
    border-radius: 4px
}

.single-pagenation a {
    display: inline-block;
    margin: 0 3px 1em;
    padding: 0.25em 0.8em;
    border: 1px #1A2650 solid;
    color: #1A2650;
    background-color: #bbb;
    border-radius: 4px
}

.single-pagenation a span {
    display: inline;
    padding: 0;
    border: 0 none;
    border-radius: 0
}

.pagination a:hover,.single-pagenation a:hover {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.post-attachment-list {
    margin: 20px 0
}

.post-attachment-list img {
    border: 2px solid #999
}

.post-attachment-list .none {
    display: none
}

#detail .post-attachment-list h2 {
    font-size: 1.1em
}

.post-attachment-list li {
    display: inline-block;
    vertical-align: middle;
    width: 23%
}

.post-parent-title {
    font-size: 1.2em;
    line-height: 1.4
}

.post-parent-title a {
    font-weight: bold
}

.archive-list li {
    overflow: hidden;
    padding: 10px
}

.archive-list li p {
    font-size: 0.9em;
    color: #666
}

.archive-list li figure {
    float: left;
    width: 80px;
    margin: 5px 10px 5px 0;
    text-align: center
}

.archive-list li .post-list-detail {
    overflow: hidden;
    line-height: 1.4
}

.archive-list li .theme-list-detail img {
    height: 80px
}

#page #main-column .archive-list h2 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.2
}

#page #main-column .archive-list h2 a {
    color: #006699;
    text-decoration: none
}

.archive-list li .post-list-date {
    margin: 5px 0;
    color: #999;
    font-size: 0.9em
}

#writer-profile {
    margin-bottom: 25px;
    padding: 8px 10px 10px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.4;
    color: #444;
    text-align: left
}

#detail #writer-profile h2 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: normal;
    font-family: Platino, serif;
    color: #444
}

#detail #writer-profile h2 a {
    color: #444
}

#detail #writer-profile p {
    margin: 0
}

.question_link_box {
    background: #c42933;
    padding: 10px;
    margin-bottom: 40px
}

.question_link_box__inner {
    background: #fff;
    padding: 10px
}

.question_link_box__left h2 {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 10px
}

.question_link_box__left h2 span {
    display: block;
    font-size: 12px
}

.question_link_box__left p {
    text-align: center
}

.question_link_box__left p a {
    display: block;
    border-radius: 4px;
    background: #c42933;
    border: 2px solid #c42933;
    box-sizing: border-box;
    line-height: 34px;
    font-size: 18px;
    text-decoration: none;
    color: #fff
}

.question_link_box__right ul {
    margin-top: 10px
}

.question_link_box__right ul li {
    font-size: 13px
}

.question_link_box__right ul li span {
    display: block;
    font-size: 12px;
    margin-left: 16px
}

.question_link_box .question_show_form {
    display: none;
    padding: 20px 10px;
    background: #eee
}

.question_link_box .question_show_form .qa_form input[type="text"] {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none
}

.question_link_box .question_show_form .qa_form .qa_form_select_w {
    position: relative;
    display: inline-block
}

.question_link_box .question_show_form .qa_form .qa_form_select_w:after {
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 15px
}

.question_link_box .question_show_form .qa_form .qa_form_select {
    width: 180px;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none;
    appearance: none
}

.question_link_box .question_show_form .qa_form .qa_form_textarea {
    width: 100%;
    height: 140px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff
}

.question_link_box .question_show_form .qa_form .qa_form_checkbox input[type="checkbox"] {
    width: auto;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 2px;
    -webkit-appearance: checkbox
}

.question_link_box .question_show_form .qa_form .qa_form_checkbox label {
    margin-right: 3px
}

.question_link_box .question_show_form a.qa_btn,.question_link_box .question_show_form input.qa_btn {
    width: auto;
    margin: 0px;
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 0px 30px;
    line-height: 35px;
    background: #de2828;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

.question_link_box .question_show_form .qa_form_layout .page_title {
    font-size: 24px;
    margin-bottom: 10px
}

.question_link_box .question_show_form .qa_form_layout dt {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: bold
}

.question_link_box .question_show_form .qa_form_layout dd {
    margin-bottom: 10px;
    font-size: 15px
}

.question_link_box .question_show_form .qa_form_layout .qa_form_submit {
    text-align: right;
    margin-top: 25px
}

.question_link_box .question_show_form .required {
    font-size: 11px;
    color: #de2828;
    margin-left: 5px
}

.question_link_box .question_show_form .max_length {
    font-size: 11px;
    margin-left: 10px
}

.question_link_box .question_show_form .qa_form_select_w:after {
    top: 10px !important
}

.question_link_box .question_show_form .post_box_attention {
    font-size: 12px
}

.question_link_box .question_show_form input[type="submit"] {
    background: #c42933;
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
    font-weight: normal;
    line-height: 40px
}

.home-content {
    margin: 0 15px;
}

.type2025 .home-content {
    margin: 0 15px 24px;
}

.home-content .recent-posts-title,
.premium-posts-title,
.home-content .recommend-pr-title {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: min(20px, 2.5%);
    align-items: center;
    border-bottom: 1px solid #000000;
    margin-bottom: 16px;
}

.premium-posts-title {
    margin: 0 15px 6px 15px;
    border-bottom: 1px solid #AD2229;
}

.home-content .recent-posts-title h2,
.premium-posts-title h2,
.home-content .recommend-pr-title h2 {
    background: #000000;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    padding: var(--h2-home-subtitle-padding-top) 0 var(--h2-home-subtitle-padding-bottom) 12px;
}

.premium-posts-title h2 {
    background: #AD2229;
    color: #FFFFFF;
}

.home-content a {
    text-decoration: none;
}

.recent-posts {
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: min(20px, 2.5%);
    row-gap: 20px;
    margin-bottom: 16px;
}

.recent-posts .home-thumbnail {
    display: block;
    width: 188px;
    height: 125px;
    object-fit: cover;
    margin-bottom: 16px;
}

.recent-posts .post-title {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.1;
    max-height: 3.25em;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
}

.recent-posts .pr {
    font-size: 15px;
    font-weight: 700;
}

.home-archive-link {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #000000;
    background: #D9D9D9;
    padding: var(--button-home-archive-padding-top) 10px var(--button-home-archive-padding-bottom);
    border-radius: 5px;
}

.home-post-list {
    padding: 10px
}

.type2025 .home-post-list {
    padding: 10px 15px;
}

.home-post-list li {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 1.2
}

.type2025 .home-post-list li {
    display: flex;
    column-gap: 16px;
}

.home-post-list a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.3
}

.home-post-list .thumbnail {
    display: block;
    width: 60px;
    float: left;
    padding: 3px 10px 0 0;
    line-height: 0;
    text-align: center
}

.type2025 .home-post-list figure {
    width: 128px;
    flex-shrink: 0;
}

.type2025 .home-post-list figure img {
    display: block;
    width: 128px;
    height: 90px;
    object-fit: cover;
    padding: 0;
}

.type2025 .home-post-list .post-attribute {
    flex: 1;
}

.type2025 .home-post-list .post-title {
    margin-bottom: 15px;
}

.type2025 .home-post-list .post-title a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    max-height: 3.5em;
    font-size: 16px;
    font-weight: 700;
}

.home-post-list .text {
    display: block;
    overflow: hidden
}

.home-post-list .date {
    font-size: 11px;
    color: #999
}

.home-post-list li.jiji_post_1 {
    padding-top: 15px;
    border-top: 1px solid #ccc
}

#home-slide-list {
    width: 320px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.type2025 #home-slide-list {
    margin-bottom: 24px;
}

#home-slide-list dt {
    display: none
}

#home-slide-list>ul:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

#home-slide-list>ul>li {
    float: left;
    width: 320px
}

#home-slide-list .readmore {
    text-align: center
}

#home-slide-list .readmore a {
    display: inline-block;
    padding: 6px 20px 4px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 40px
}

#home-slide-list .recent {
    display: inline-block;
    margin-left: 3px;
    padding: 2px 3px;
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    background: #cf173c;
    color: #fff;
    border-radius: 4px;
    line-height: 1;
    vertical-align: middle
}

.type2025 .post-date {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.type2025 #home-slide-list .recent,
.type2025 .post-date .recent {
    display: inline;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #FFFFFF;
    background: #FF0000;
    margin-left: 0;
    padding: 0 3px;
    border-radius: 0;
}

.type2025 .post-date .badge {
    min-width: 4em;
}

.type2025 .post-date .date {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: right;
    color: rgb(102,102,102);
}

.type2025 #home-slide-list .readmore {
    text-align: right;
    padding-right: 15px;
}

.type2025 #home-slide-list .readmore a {
    display: inline-block;
    padding: var(--button-home-archive-padding-top) 20px var(--button-home-archive-padding-bottom);
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-decoration: none;
    line-height: 1;
    background: #D9D9D9;
    border-radius: 5px;
}

.type2025 .recommend-pr-list li {
    display: flex;
    column-gap: 16px;
}

#home-slide-tab {
    position: relative;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1
}

.type2025 #home-slide-tab {
    height: 40px;
}

#home-slide-tab ul {
    position: absolute;
    display: table;
    top: 15px;
    left: 0
}

.type2025 #home-slide-tab ul {
    top: 0;
}

#home-slide-tab ul li {
    display: table-cell;
    vertical-align: bottom
}

#home-slide-tab a {
    display: block;
    min-width: 50px;
    margin-right: 2px;
    padding: 10px 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #555;
    white-space: nowrap;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

#home-slide-tab .active a {
    padding: 10px 0 15px;
}

.type2025 #home-slide-tab a {
    min-width: 90px;
    padding: var(--tab-home-category-padding-top) 0 var(--tab-home-category-padding-bottom);
    font-size: 17px;
    font-weight: 500;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.type2025 #home-slide-tab [data-color="railway"] a {
    background: var(--category-color-railway);
}

.type2025 #home-slide-tab [data-color="aviation"] a {
    background: var(--category-color-aviation);
}

.type2025 #home-slide-tab [data-color="military"] a {
    background: var(--category-color-military);
}

.type2025 #home-slide-tab [data-color="car"] a {
    background: var(--category-color-car);
}

.type2025 #home-slide-tab [data-color="road"] a {
    background: var(--category-color-road);
}

.type2025 #home-slide-tab [data-color="bus"] a {
    background: var(--category-color-bus);
}

.type2025 #home-slide-tab [data-color="ship"] a {
    background: var(--category-color-ship);
}

.type2025 #home-slide-tab [data-color="others"] a {
    background: var(--category-color-others);
}

.type2025 #home-slide-tab [data-color="travel"] a {
    background: var(--category-color-travel);
}

.type2025 #home-slide-tab [data-color="video"] a {
    background: var(--category-color-video);
}

.type2025 #home-slide-tab .active a {
    padding: var(--atab-home-category-padding-top) 0 var(--atab-home-category-padding-bottom);
}

#home-slide-tab li span.premium {
    position: absolute;
    top: -6px;
    left: -2px;
    padding: 3px 6px;
    background: linear-gradient(135deg, #fceabb 0%, #f8b500 23%, #fccd4d 53%, #f8b500 74%, #fbdf93 100%) !important;
    font-size: 9px !important;
    color: white;
    border-radius: 3px
}

#home-slide-tab li.active span.premium {
    position: absolute;
    top: -12px;
    left: -2px;
    padding: 3px 6px;
    background: linear-gradient(135deg, #fceabb 0%, #f8b500 23%, #fccd4d 53%, #f8b500 74%, #fbdf93 100%) !important;
    font-size: 9px !important;
    color: white;
    border-radius: 3px
}

#home-slide-marker {
    margin-bottom: 25px;
    text-align: center
}

#slide-prev,#slide-next,#home-slide-marker ul {
    display: inline-block;
    margin: 0;
    vertical-align: -25%
}

#slide-prev,#slide-next {
    font-size: 30px;
    color: #666
}

#home-slide-marker li {
    display: inline-block;
    width: 10px;
    height: 13px;
    margin: 0 3px;
    background: #fff;
    border: 2px solid #888;
    border-radius: 15px
}

#home-slide-marker li.active {
    background: #666;
    border: 2px solid #666
}

#home-img-slider {
    position: relative;
    overflow: hidden;
    width: 320px;
    height: 128px;
    margin: 0 auto 15px auto
}

#home-img-slider li {
    position: relative;
    float: left;
    width: 320px;
    line-height: 0
}

#home-img-slider img {
    line-height: 0;
    height: 128px
}

#home-img-slider .title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    text-shadow: 1px 1px 0 #000;
    background: rgba(0,0,0,0.6)
}

#home-img-slider-prev,#home-img-slider-next {
    position: absolute;
    top: 32px;
    padding: 5px;
    font-size: 20px;
    color: rgba(255,255,255,0.9);
    line-height: 1;
    background: rgba(0,0,0,0.6)
}

#home-img-slider-prev {
    left: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#home-img-slider-next {
    right: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

/* おすすめPR */
.type2025 .recommend-pr-list li {
    display: flex;
    column-gap: 16px;
    margin-bottom: 10px;
}

.type2025 .recommend-pr-list figure {
    width: 90px;
    flex-shrink: 0;
}

.type2025 .recommend-pr-list figure img {
    display: block;
    width: 90px;
    height: 90px;
    object-fit: cover;
    padding: 0;
}

.type2025 .recommend-pr-list .post-title a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    max-height: 3.5em;
    font-size: 16px;
    font-weight: 700;
}



#side-column aside {
    margin-bottom: 20px;
    background: #fff
}

#side-ranking-tab-list {
    display: table;
    width: 100%;
    line-height: 1.2
}

#side-ranking-tab-list li {
    display: table-cell;
    width: 25%;
    padding: 7px 0;
    background: #ddd;
    font-weight: bold;
    border-right: 2px solid #fff;
    text-align: center;
    cursor: pointer
}

#side-ranking-tab-list li:last-child {
    border-right: 0 none
}

#side-ranking-tab-list li.active {
    background: #999;
    color: #fff
}

#side-ranking-detail dd {
    padding: 10px 10px 0
}

#side-ranking-detail dd ul {
    overflow: hidden;
    counter-reset: ranking-counter
}

#side-ranking-detail .readmore {
    text-align: center
}

#side-ranking-detail .readmore a {
    display: inline-block;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 40px
}

#side-ranking-iine {
    overflow: hidden;
    counter-reset: ranking-counter
}

#side-ranking-detail dd li,#side-ranking-iine li {
    margin-bottom: 0.8em;
    line-height: 1.3
}

#side-ranking-detail dd li div,#side-ranking-iine li div {
    overflow: hidden
}

#side-ranking-detail dd li:before,#side-ranking-iine li:before {
    display: block;
    width: 20px;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    counter-increment: ranking-counter;
    content: counter(ranking-counter);
    font-size: 11px;
    font-weight: 400;
    font-family: Oswald, sans-serif;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #999;
    border-radius: 25px
}

#side-ranking-detail dd li.rank1:before,#side-ranking-iine li.rank1:before {
    background: #D7000E
}

#side-ranking-detail dd li.rank2:before,#side-ranking-iine li.rank2:before {
    background: #DE3C0B
}

#side-ranking-detail dd li.rank3:before,#side-ranking-iine li.rank3:before {
    background: #EB8400
}

#side-ranking-detail dd #side-ranking-comment li:before {
    width: 24px;
    min-height: 14px;
    padding: 7px 0 2px;
    background: #fff url(./common/ic_fire.png) no-repeat 0 0;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
}

#side-ranking-iine li span {
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    color: #3B5998;
    letter-spacing: -1px
}

#side-ranking-comment .comment-count {
    display: inline-block;
    letter-spacing: -1px;
    font-weight: bold
}

#side-ranking-comment .comment-count i {
    margin-right: 2px
}

.special-photo-list {
    overflow: hidden;
    padding: 5px
}

.special-photo-list li {
    display: table;
    float: left;
    width: 140px;
    height: 140px;
    margin: 10px 0 0 10px;
    line-height: 0
}

.special-photo-list li a {
    display: table-cell;
    background: #ddd;
    vertical-align: middle;
    text-align: center
}

footer {
    padding: 25px 10px;
    background: #444;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-bottom: 120px
}

footer.type2025 {
    background: #000000;
    text-align: left;
    padding: 30px 20px 60px 20px;
}

footer.type2025 a {
    text-decoration: none;
    font-weight: 700;
}

footer.type2025 .nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16px, auto));
}

footer.type2025 .nav .footer-social {
    justify-self: center;
    place-content: center;
}

footer.type2025 .footer-social-icon {
    width: 50px;
    height: 50px;
}

footer.type2025 .column-three {
    display: grid;
    grid-template-columns: auto auto auto;
    margin-bottom: 48px;
}
footer.type2025 .column-three li:nth-child(3n+1) {
    justify-self: start;
}
footer.type2025 .column-three li:nth-child(3n+2) {
    justify-self: center;
}
footer.type2025 .column-three li:nth-child(3n) {
    justify-self: end;
}

footer.type2025 .column-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 48px;
}

footer li {
    margin-bottom: 10px
}

footer.type2025 li {
    margin-bottom: 16px;
}

footer a {
    color: #fff
}

.copyright {
    margin-top: 25px;
    font-size: 12px
}

.type2025 .copyright {
    text-align: center;
}

.copyright span {
    display: inline-block
}

#pagetop {
    margin-bottom: 10px;
    text-align: center;
    font-size: 50px;
    line-height: 1
}

#pagetop a {
    color: #bbb
}

.sp-pcview {
    margin: 1em 0
}

.sp-pcview a {
    display: inline-block;
    padding: 7px 15px;
    line-height: 1;
    background: #fff;
    font-size: 12px;
    color: #333;
    border-radius: 20px;
    text-decoration: none;
    border-top: 1px solid #ddd;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #ddd
}

#comments {
    margin-top: 2em
}

#respond {
    padding: 10px
}

.comments-title {
    padding: 10px 0 5px 10px;
    font-size: 1.2em;
    color: #339900
}

article .detail p.logged-in-as {
    margin: 0.5em 0
}

.comment-list {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.4
}

article .detail .comment-list p {
    margin: 0.5em 0
}

.tiles {
    display: none
}

.comment-body .wpulike,.comment-body .reply {
    display: inline-block;
    margin: 5px 20px 5px 0
}

.wpulike .counter a.text,.comment-body .reply a {
    background: #f7f7f7;
    padding: 2px 10px;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    font-size: 0.9em !important
}

.wpulike .counter a.text:hover {
    background: #eee;
    border: 1px solid #ccc
}

.comment-body {
    overflow: hidden;
    padding: 2px 0 0 0
}

.comment-body .reply a:hover {
    background: #eee;
    border: 1px solid #ccc
}

.children .comment-body {
    padding: 2px 5px 5px 5px
}

.comment-metadata {
    overflow: hidden;
    line-height: 1.3
}

.comment-text {
    margin: 0.8em 0;
    padding: 0
}

.comment-meta {
    color: #aaa
}

.comment-author {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.2
}

.comment-list p {
    margin: 0 0 0.5em 0
}

.comment-list li {
    position: relative;
    display: block;
    margin-bottom: 5px
}

.comment-list li.comment {
    padding: 10px;
    border-top: 1px dashed #ccc
}

.comment-list .children li {
    position: relative;
    margin: 7px 0 0 25px;
    padding: 5px;
    border: 2px solid #ddd;
    background-color: #ffffff;
    border-radius: 7px
}

.comment-list .children li:after,.comment-list .children li:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.comment-list .children li:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px
}

.comment-list .children li:before {
    border-color: rgba(204,204,204,0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -10px
}

.comment-list .children li .reply {
    display: none
}

.comment-respond label {
    display: block
}

.comment-form-comment input[type=text],.comment-form-comment input[type=email] {
    width: 95%
}

.comment-form-comment textarea {
    width: 95%
}

.form-submit {
    text-align: center
}

.comment-respond input[type=submit] {
    display: inline-block;
    padding: 10px 20px;
    background: #c00;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0,0,0,0.3);
    font-size: 0.9em;
    font-weight: bold
}

.wpulike .count-box {
    margin-left: 5px;
    font-size: 1em !important
}

#comment {
    width: 100%;
    height: 100px
}

.comment-form-author,.comment-form-email {
    margin-bottom: 5px
}

.comment-form-author input,.comment-form-email input,.comment-form-comment textarea {
    width: 100%;
    margin: 2px 0;
    padding: 3px;
    border: 1px solid #333;
    font-size: 1.1em
}

.comment-form-author__member_name {
    margin-top: 15px;
    font-size: 15px
}

.comment-form-author__member_name span {
    font-weight: bold;
    margin-right: 10px
}

.box-sample {
    display: inline-table
}

.box-sample-wrap,.box-sample>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #ccc url(./common/box_sample_bg.png) no-repeat 0 0;
    font-family: Oswald;
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    text-shadow: 1px 1px 2px #09c;
    letter-spacing: 3px;
    line-height: 1.2
}

.social-button-sp {
    margin: 15px 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.social-button-sp li {
    width: 20%;
    padding: 0 5px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.social-button-sp a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 4px 0;
    background: #aaa;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    border-radius: 4px;
    text-decoration: none
}

.social-button-sp a span {
    display: block;
    font-size: 12px
}

.social-button-sp .social-bt-comment a {
    background: #D6002B
}

.social-button-sp .social-bt-twitter a {
    background: #55acee
}

.social-button-sp .social-bt-x-twitter a,
.social-button-sp-six-flex .social-bt-x-twitter a {
    background: #000000;
}

.svg-x-twitter:before {
    display: inline-block;
    content: '';
    background-image: url("common/x-logo.svg");
    width: .75em;
    height: .75em;
    background-size: contain;
}

.social-button-sp .social-bt-facebook a {
    background: #3b5998
}

.social-button-sp .social-bt-line a {
    background: #00C100;
    height: 50px
}

.social-button-sp .social-bt-line a img {
    margin-top: 3px
}

.social-button-sp .social-bt-pinterest a {
    display: inline-block;
    position: relative;
    background-position: center;
    width: 100% !important;
    height: 50px !important;
    text-indent: -9999px;
    background: #BD091C url(./common/pintarest_icon.png) no-repeat center center !important;
    background-size: 30px auto !important;
    border-radius: 4px !important
}

.social-button-sp .social-bt-hatena a {
    background: #008fde
}

.social-button-sp .social-bt-hatena strong {
/*    font-family: 'Noto Sans', sans-serif*/
    font-family: var(--body-font-family);
}

.social-button-sp-six-flex {
    margin: 15px 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.social-button-sp-six-flex li {
    width: 16%;
    padding: 0 2px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.social-button-sp-six-flex a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 4px 0;
    background: #aaa;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    border-radius: 4px;
    text-decoration: none
}

.social-button-sp-six-flex a span {
    display: block;
    font-size: 12px
}

.social-button-sp-six-flex .social-bt-comment a {
    background: #D6002B
}

.social-button-sp-six-flex .social-bt-twitter a {
    background: #55acee
}

.social-button-sp-six-flex .social-bt-facebook a {
    background: #3b5998
}

.social-button-sp-six-flex .social-bt-line a {
    background: #00B900;
    height: 50px
}

.social-button-sp-six-flex .social-bt-line a img {
    height: 45px
}

.social-button-sp-six-flex .social-bt-hatena a {
    background: #479ED1;
    height: 50px
}

.social-button-sp-six-flex .social-bt-hatena a img {
    height: 45px
}

.social-button-sp-six-flex .social-bt-pinterest a {
    display: inline-block;
    position: relative;
    background-position: center;
    width: 100% !important;
    height: 50px !important;
    text-indent: -9999px;
    background: #BD091C url(./common/pintarest_icon.png) no-repeat center center !important;
    background-size: 30px auto !important;
    border-radius: 4px !important
}

.social-button-sp-six-flex .social-bt-hatena a {
    background: #479ED1
}

.social-button-sp-six-flex .social-bt-hatena strong {
/*    font-family: 'Noto Sans', sans-serif*/
    font-family: var(--body-font-family);
}

.nowrap_table_frame {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.nowrap_table th,.nowrap_table td {
    white-space: nowrap;
    padding: 0.4em;
    border: 1px solid #BFBFBF;
    text-align: left;
    line-height: 1.3;
    font-size: 0.9em
}

.nowrap_table th {
    background: #eee
}

.post_car_model__box>h3 {
    font-weight: bold;
    line-height: 100%;
    font-size: 14px;
    padding: 12px 10px;
    margin-bottom: 15px;
    background: #eee
}

.post_car_model__box {
    margin-bottom: 25px;
    padding: 0px 10px
}

.post_car_model__box__body>p {
    margin-bottom: 10px
}

.post_car_model__box__body>p img {
    width: 100%
}

.post_car_model__box__body__info {
    border: 1px solid #ddd
}

.post_car_model__box__body__info dl dt {
    background: #eee;
    font-size: 14px;
    width: 30%;
    padding: 5px;
    float: left;
    clear: both;
    min-height: 32px;
    box-sizing: border-box
}

.post_car_model__box__body__info dl dt:first-child {
    border-bottom: 1px solid #ddd
}

.post_car_model__box__body__info dl dd {
    float: left;
    font-size: 14px;
    padding: 5px;
    width: 70%;
    min-height: 32px;
    box-sizing: border-box
}

.post_car_model__box__body__info dl dd:first-of-type {
    border-bottom: 1px solid #ddd
}

.post_car_model__box__body p:last-child {
    text-align: center;
    margin: 15px 0px 0px
}

.post_car_model__box__body p:last-child a {
    display: block;
    width: 100%;
    background: #D6002B;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0px;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 2px 4px 0px #980707
}

#detail p.text-link {
    width: 300px;
    margin: 0.8em auto;
    line-height: 1.3
}

#detail p.text-link a {
    color: #00a
}

.fluct_infeed {
    width: 100% !important
}

#detail .push-notice {
    font-size: 0.8em
}

#detail .push-notice h2 {
    margin: 1em 0
}

#detail .push-notice i {
    font-size: 1.2em;
    color: #c00
}

#detail .push-notice ol,#detail .push-notice ul {
    margin-left: 1.8em
}

#detail ol.list,#detail ul.list {
    margin-left: 1.8em
}

#detail .push-notice .toggle {
    margin-bottom: 30px;
    padding: 0 15px 15px;
    border: 2px solid #ddd;
    border-radius: 10px
}

iframe {
    max-width: 100%
}

#detail figure {
    line-height: 1.2
}

#detail figcaption {
    margin: 2px 0 6px;
    line-height: 1.4
}

table.parallel {
    width: 100%;
    table-layout: fixed
}

table.parallel th,table.parallel td {
    vertical-align: top
}

table.parallel th {
    padding: 3px 5px 5px;
    line-height: 0
}

table.parallel td {
    padding: 0 5px
}

table.parallel img {
    max-width: 100%;
    max-height: 60px
}

table.parallel figcaption {
    font-size: 13px
}

.publicity table.parallel img {
    max-height: fit-content;
}

.publicity a.zoomin {
    position: relative;
    display: block;
}
.publicity a.zoomin::before {
    content: "＋ 拡大";
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
    display: block;
    width: auto;
    height: 20px;
    line-height: 20px;
    box-shadow: rgb(170, 170, 170) 0px 0px 0px 2px;
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
    padding: 0px 6px;
    border-radius: 3px;
    background: rgb(238, 238, 238);
    text-decoration: none;
}
.publicity a.zoomin:hover::before {
	background: #aaa;
	color: #fff;
}

.nav-menu-matome {
    margin: 0 -15px;
    padding: 0 15px;
    background: #e76982
}

.nav-menu-matome li {
    border-bottom: 0 none
}

#nav-menu-matome {
    display: none
}

.special-keyvisual {
    position: relative;
    line-height: 1.2
}

.special-keyvisual figure {
    line-height: 0
}

.special-keyvisual-text {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right
}

.special-title-head {
    display: inline-block;
    padding: 5px;
    background: rgba(200,0,0,0.85);
    color: #fff;
    font-size: 13px;
    font-weight: bold
}

.special-keyvisual h1 {
    display: inline-block;
    padding: 5px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.4;
    text-align: left;
    text-shadow: 0 0 2px #000, 0 0 4px #000
}

.special-page {
    margin-top: 20px
}

.special-page .post-excerpt {
    margin: 0 0 15px;
    background: #eee
}

.special-page h2 {
    margin: 15px 0 10px
}

.special-page .readmore {
    text-align: center
}

.special-page .readmore a {
    display: inline-block;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 40px
}

.special-page .banner-top {
    margin: 10px
}

.list-tile:after {
    content: '';
    display: block;
    clear: both
}

.list-tile li {
    width: 50%;
    float: left;
    padding: 0 5px 10px 10px
}

.list-tile li:nth-child(2n) {
    padding: 0 10px 10px 5px
}

.list-tile a {
    text-decoration: none;
    color: #006699
}

.list-tile figure {
    overflow: hidden;
    height: 30vw;
    margin: 0 0 5px;
    line-height: 0
}

.list-tile h3 {
    font-size: 14px;
    line-height: 1.4
}

.post-status-future img,.post-status-future h3 {
    opacity: 0.5
}

.list-tile .post-date,.list-tile a .post-date {
    margin: 5px 0 0 0;
    color: #999;
    font-size: 13px
}

.list-tile .post-status-future .post-date span {
    display: inline-block;
    padding: 3px 5px;
    background: #f44e00;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.2
}

.section-special-text {
    margin: 10px;
    font-size: 0.95em
}

.section-special-list {
    margin: 25px 0
}

#themes_btn {
    text-align: center;
    border: 2px solid #eb7300;
    width: 75%;
    margin: 10px auto 20px
}

#themes_btn a {
    font-size: 16px;
    color: #eb7300;
    display: inline-block;
    text-decoration: none;
    padding: 5px 0px;
    width: 100%
}

#themes_btn a:hover {
    color: #fff;
    background-color: #eb7300
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#home-slide-tab a {
    min-width: 80px
}

.topicpath {
    display: none
}

#content .swiper-container {
    padding-bottom: 12px;
    position: relative
}

#content .swiper-container .article-middle {
    margin: 10px 0
}

#content .swiper-pagination {
    position: static
}

#content .home-premium-content .swiper-container {
    padding: 16px 0;
}

.registration-registration img {
    display: block;
    margin: auto;
    width: 200px;
}

#content .swiper-button-next,#content .swiper-button-prev {
    width: 28px;
    height: 20px;
    margin-top: -110px
}

#content .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}

#content .swiper-button-next {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev::after {
    display: none
}

.swiper-button-next::after {
    display: none
}

#content .swiper-button-prev,#content .swiper-container-rtl .swiper-button-next {
    left: 0
}

#content .swiper-button-next,#content .swiper-container-rtl .swiper-button-prev {
    right: 0
}

.home-special-content {
    width: 327px;
    margin: 0 auto 16px auto;
}

.home-special-content li {
    margin-bottom: 16px;
}

.banner-image img {
    display: block;
    width: 327px;
    height: 125px;
    border-radius: 5px;
    object-fit: cover;
}

.banner-text a {
    text-decoration: none;
}
.banner-text span {
    display: table-cell;
    width: 327px;
    height: 125px;
    border-radius: 5px;
    box-shadow: #D9D9D9 0px 1px 1px;
    background: #2c90dd;
    color: #FFFFFF;
    line-height: 1.5;
    font-size: 1em;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
}

#content .swiper-count {
    text-align: center;
    padding-top: 10px
}

.post-attachment-list {
    margin: 0 0 20px
}

.post-attachment-list img {
    width: 100%;
    height: 100%
}

.post-attachment-list .photolibrary_thumbnail img {
    width: 23%;
    height: 23%
}

.home-premium-content {
    background: #D9D9D9;
    margin-bottom: 16px;
}
.home-premium-content.full-access {
    background: #FFE59D;
    padding-bottom: 16px;
}

.home-pickup .swiper-loader,
.home-premium .swiper-loader,
.photolibrary .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff
}

.home-pickup .swiper-loader p:first-child,
.home-premium .swiper-loader p:first-child,
.photolibrary .loader p:first-child {
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 50px;
    font-style: italic;
    width: 100%;
    font-weight: bold
}

.home-pickup .swiper-loader p:last-child,
.home-premium .swiper-loader p:last-child,
.photolibrary .loader p:last-child {
    width: 250px;
    height: 15px;
    border: 1px solid #7d0a21;
    position: absolute;
    left: 50%;
    top: 90px;
    border-radius: 2px;
    margin-left: -125px !important;
    overflow: hidden;
    text-align: center
}

.photolibrary .loader p:last-child span {
    display: block;
    background: #D6002B
}

.swiper-container figure {
    padding: 0 15px;
    text-align: center
}

.swiper-container .bt-firstpage {
    margin: 0
}

.swiper-container figure figcaption {
    text-align: left
}

/* home-pickup */
.home-premium {
    background: #D9D9D9;
}

.full-access .home-premium {
    background: #FFe59D;
}

.home-pickup .swiper-slide figure,
.home-premium .swiper-slide figure {
    position: relative;
    width: 328px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.home-pickup .swiper-thumbnail,
.home-premium .swiper-thumbnail {
    display: block;
    width: 328px;
    height: 219px;
    object-fit: cover;
}

.home-pickup .title,
.home-premium .title {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #000000;
    background: rgba(217,217,217,0.7);
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    padding: 8px;
    letter-spacing: 1.4px;
}

.full-access .home-premium .title {
    color: #FFFFFF;
    background: #AD2229;
}

.home-pickup .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    max-height: 5.25em;
}

.home-premium .title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 3.8em;
}

.home-pickup a,
.home-premium a {
    text-decoration: none;
}

#content .type2025 .swiper-button-prev,
#content .type2025 .swiper-button-next {
    width: 24px;
    height: 219px;
    top: 0;
    margin-top: 0;
}

#content .home-pickup .swiper-button-prev,
#content .home-pickup .swiper-button-next {
/*    background: #D9D9D9;*/
}

#content .home-premium .swiper-button-prev,
#content .home-premium .swiper-button-next {
/*    background: #FFFFFF;*/
}

.home-pickup .swiper-loader p:last-child span,
.home-premium .swiper-loader p:last-child span {
    display: block;
    background: #D9D9D9;
}

.home-premium-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    background: #838383;
    text-align: center;
    padding: 12px 0 8px 0; 
    border: 15px solid #D9D9D9;
}

.full-access .home-premium-title {
    background: #FF9000;
    border: 15px solid #FFE59D;
}

.sp-top-ad {
    height: 60px;
    margin-bottom: 10px
}

#recommend_list {
    margin: 10px
}

#recommend_list h2 {
    text-align: left
}

#recommend_list ul {
    width: 100%
}

#recommend_list ul li {
    display: block;
    padding: 0px;
    text-align: left;
    margin-bottom: 10px
}

#recommend_list ul li a {
    line-height: 1.4;
    font-size: 14px;
    text-decoration: none
}

#recommend_list ul li .thumbnail_image {
    float: left;
    margin-right: 10px
}

#recommend_list ul li .text .date {
    font-size: 12px;
    color: #999
}

#header-nav-global-special a {
    background-image: url(./common/eoslogo_sp.jpg);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 50px;
    padding-left: 55px
}

.rank-header-nav-global {
    margin: 0px 5px 15px
}

.rank-header-nav-global a {
    width: 17%;
    text-align: center;
    border: 2px solid #cf173c;
    border-radius: 5px;
    margin-right: 1%;
    padding: 3px 0px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold
}

.rank-header-nav-global a:last-child {
    margin-right: 0
}

.rank-header-nav-global a.active {
    background: #cf173c;
    color: #FFF
}

.archive-list {
    counter-reset: rank-counter
}

.archive-list .rank_item {
    border-bottom: 2px dashed #ccc
}

.archive-list .rank_item .post-category {
    border-radius: 5px;
    padding: 2px 3px;
    width: 85px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle
}

.archive-list .rank_item .post-category1 {
    background: #bccf17
}

.archive-list .rank_item .post-category2 {
    background: #cfa717
}

.archive-list .rank_item .post-category3 {
    background: #94cf17
}

.archive-list .rank_item .post-category4 {
    background: #32cf17
}

.archive-list .rank_item .post-category5 {
    background: #171acf
}

.archive-list .rank_item .post-category6 {
    background: #177ccf
}

.archive-list .rank_item .post-category7 {
    background: #cf7f17
}

.archive-list .rank_item .post-category8 {
    background: #cf1d17
}

.archive-list .rank_item .post-category9 {
    background: #cf1763
}

.archive-list .rank_item .post-category10 {
    background: #cf17c5
}

.archive-list .rank_item .post-category11 {
    background: #17cf5d
}

.archive-list .rank_item .post-category12 {
    background: #7617cf
}

.archive-list .rank_item .post-category13 {
    background: #17cfbf
}

.archive-list .rank_item .post-category14 {
    background: #858585
}

.archive-list .rank_item:last-child {
    border: none;
    padding-bottom: 0
}

.archive-list li.rank_item:before {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    padding: 5px;
    counter-increment: rank-counter;
    content: counter(rank-counter);
    font-size: 12px;
    font-weight: 400;
    font-family: Oswald, sans-serif;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background: #999;
    border-radius: 20px
}

.archive-list li.rank1:before {
    background: #D7000E
}

.archive-list li.rank2:before {
    background: #DE3C0B
}

.archive-list li.rank3:before {
    background: #EB8400
}

.show_banner {
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px 10px 8px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.show_banner a:hover {
    opacity: 0.7
}

.show_banner a {
    display: inline-block;
    text-align: center
}

.show_banner a img {
    border: none;
    width: 50%
}

.show_banner a span {
    display: inline-block;
    margin-top: 3px;
    font-size: 16px
}

.show_banner a span.btn {
    font-size: 14px;
    margin-top: 5px;
    margin-right: 0px;
    background: #ea7725;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px
}

#detail #restriction_more {
    position: relative;
    min-height: 240px;
}

#detail #restriction_more_count {
    text-align: center;
    font-size: 15px;
    margin: 5px 0px 15px;
    display: inline-block;
    background: #e9e9e9;
    border: 1px solid #a0a0a0;
    padding: 0px 20px;
    border-radius: 4px
}

#detail #restriction_more_count span:first-child {
    font-weight: bold;
    font-size: 24px
}

#detail #restriction_more_count span:last-child {
    font-size: 14px
}

#detail .restriction_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 25px 10px;
    text-align: center;
    background: linear-gradient(rgba(255,255,255,0.8), #fff)
}

#detail .restriction_box h3 {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    margin: 0px 0px 10px 0px
}

#detail .restriction_box h3 i {
    margin-right: 5px
}

#detail .restriction_box__login {
    text-align: center;
    margin: 0px !important
}

#detail .restriction_box__login a {
    font-size: 13px
}

#detail .restriction_box__regist {
    text-align: center;
    margin: 10px 0px 0px 0px !important
}

#detail .restriction_box__regist a {
    width: auto;
    font-size: 16px;
    padding: 10px
}

#detail .restriction_box__link li:first-child {
    margin-bottom: 10px
}

#detail .restriction_box__link li a {
    width: 100%
}

#qa_terms {
    padding-left: 5px;
    margin-top: 20px;
    padding-bottom: 115px
}

#qa_terms h3 {
    font-size: 16px;
    margin: 30px 0px
}

#qa_terms dl {
    margin-bottom: 50px
}

#qa_terms dl dt {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px
}

#qa_terms dl dd {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 30px
}

#qa_terms dl p {
    margin-bottom: 15px
}

#qa_terms dl p:last-child {
    margin-bottom: 0px
}

#premium a {
    text-decoration: none
}

#premium #premium-header img {
    width: 100%;
    vertical-align: bottom
}

#premium .top_sub_container {
    width: 100%;
    margin-bottom: 30px;
    display: flex
}

#premium .top_sub_container p {
    color: #fff
}

#premium #news_section {
    width: 45px;
    box-sizing: border-box;
    line-height: 60px;
    padding: 0px 7px 0px 6px;
    background-color: #8e1b22
}

#premium #news_section h3 {
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    line-height: 60px;
    color: #fff
}

#premium .news_content {
    position: relative;
    width: calc(100% - 45px);
    box-sizing: border-box;
    padding: 6px 10px;
    background-color: #000;
    display: flex;
    align-items: center
}

#premium .news_content ul li {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding-left: 5px;
    display: none
}

#premium .news_content ul li a {
    color: #fff;
    line-height: 14px !important;
    font-size: 12px
}

#premium_contents {
    padding: 0px 10px 58px 10px
}

#premium .premium_button {
    margin: 30px auto;
    width: 300px
}

#premium .premium_button_recommend {
    text-align: center;
    width: 300px;
    margin-bottom: 5px
}

#premium .premium_button_main {
    text-align: center;
    display: block;
    padding: 10px;
    margin-bottom: 13px;
    background-color: #8e1b22;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

#premium .premium_button_note {
    line-height: 18px;
    font-size: 11px;
    color: #333333
}

.premium_contents_box__title {
    line-height: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #333333
}

.premium_contents_box__read {
    margin-bottom: 18px;
    line-height: 20px;
    font-weight: normal;
    font-size: 12px;
    color: #8e1b22
}

.premium_contents_box .serialization_box_head {
    position: relative
}

.premium_contents_box .serialization_box_head_icon {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 4px 11px 4px 11px;
    background-color: rgba(0,0,0,0.9);
    font-size: 13px;
    font-weight: bold;
    color: #fff
}

.premium_contents_box .serialization_box_head_title {
    background-color: rgba(142,27,34,0.95);
    position: absolute;
    bottom: 0;
    width: 100%
}

.premium_contents_box .serialization_box_head_title h2 {
    padding: 8px 10px 7px 10px
}

.premium_contents_box .serialization_box_head_title h2 a {
    color: #fff;
    font-weight: bold;
    line-height: 17px;
    font-size: 14px
}

.premium_contents_box .serialization_box_head_title h2 a span {
    font-weight: bold;
    font-size: 11px;
    color: #fff
}

.premium_contents_box .serialization_box_head_title.outside {
    padding: 0px 10px 7px 10px;
    position: relative;
    line-height: 16px;
    font-size: 12px;    
    font-weight: bold;
}

.premium_contents_box .serialization_box_head_title.outside a {
    color: #fff;
}

.premium_contents_box .serialization_box_list {
    font-weight: bold;
    margin: 20px 0px 10px 0px
}

.premium_contents_box .serialization_box_list ul li {
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 18px;
    text-align: justify;
    font-weight: bold
}

.premium_contents_box .serialization_box_list ul li a {
    color: #333333;
    text-decoration: none
}

.premium_contents_box .serialization_box_list .serialization_box_list_new {
    background-color: #8e1b22;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    padding: 1px 7px;
    margin-left: 10px
}

.premium_contents_box .serialization_box_more {
    text-align: right;
    margin-bottom: 35px
}

.premium_contents_box .serialization_box_more a {
    font-size: 12px;
    color: #8e1b22
}

#premium .function {
    margin: 0 10px
}

#premium .function_img {
    width: 93px
}

#premium .function_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 28px;
    line-height: 30px;
    color: #333333
}

#premium .function_title img {
    width: 70px;
    margin-bottom: 8px
}

#premium .function_common ul li {
    margin-bottom: 30px
}

#premium .function_common ul li img {
    width: 100%
}

#premium .function_other {
    margin-bottom: 41px
}

#premium .function_other h2 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
    color: #333333
}

#premium .function_other section {
    background-color: #ebeaea;
    margin-top: 20px;
    padding: 16px 22px 11px 22px
}

#premium .function_other dl dt {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    color: #8f232a
}

#premium .function_other dl dd {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #333
}

#premium .question {
    margin: 40px 10px 25px 0
}

#premium .question h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
    color: #333333
}

#premium .qanda dt {
    background-color: #eeeeee;
    margin-bottom: 15px;
    padding: 10px 20px 10px 10px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    display: -webkit-flex
}

#premium .qanda dt span {
    display: inline-block
}

#premium .qanda dt span:first-child {
    margin-right: 6px;
    margin-top: 2px
}

#premium .qanda dd {
    font-size: 12px;
    padding: 3px 10px 14px 10px;
    line-height: 18px;
    display: none;
    color: #000
}

#premium .qanda dd .faq_inner {
    display: flex
}

#premium .qanda dd .faq {
    font-weight: bold;
    padding-right: 6px;
    font-weight: bold;
    color: #8f232a;
    padding-right: 11px
}

#premium_payment {
    padding-top: 30px
}

#premium_payment .payment_block {
    margin-bottom: 35px
}

#premium_payment .payment_block h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333333
}

#premium_payment .payment_block:last-child {
    margin-bottom: 0px
}

#premium_payment .payment_block__inner li {
    margin-bottom: 15px
}

#premium_payment .payment_block__inner a {
    text-align: center;
    display: block;
    padding: 10px;
    background-color: #8e1b22;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

#premium_payment .payment_block .payment_block_read {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center
}

#premium_payment .payment_block .payment_block_attention {
    font-size: 12px;
    margin-top: 12px
}

.payment_box {
/*    font-family: "游ゴシック", "YuGothic", sans-serif;*/
    font-family: var(--body-font-family);
    text-align: center
}

.payment_box h3 {
    font-size: 18px !important;
    margin-bottom: 20px !important
}

.payment_box__read {
    font-size: 13px;
    margin-bottom: 0 !important
}

.payment_box__button_text {
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    padding: 0 20px
}

.payment_box__button {
    margin: 0 auto 20px !important
}

#detail .premier_at {
    margin: 0px
}

#detail .premier_at li {
    font-size: 12px;
    padding: 5px 5px 0
}

.contact_push_img {
    padding: 0px 10px
}

.static_style-text p {
    font-size: 12px;
    margin-bottom: 20px
}

.static_style-text__inner {
    padding-top: 30px
}

.static_style-text__inner dt {
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 10px
}

.static_style-text__inner dd {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 35px
}

.static_style-text__inner dd ol {
    position: relative;
    left: 16px;
    width: 95%;
    margin: 15px 0px
}

.static_style-text__inner dd ol li {
    margin-bottom: 10px
}

.static_style-text__inner dd .other {
    list-style: lower-alpha
}

.enlarge_wrap {
    width: 100%;
    box-sizing: border-box;
    margin: 30px 0px
}

.enlargebox {
    text-align: center
}

.enlargebox img {
    max-width: none
}

.tl_c {
    text-align: center
}

.tl_r {
    text-align: right
}

.mt0,.mv0,.ma0 {
    margin-top: 0 !important
}

.mr0,.mh0,.ma0 {
    margin-right: 0 !important
}

.mb0,.mv0,.ma0 {
    margin-bottom: 0 !important
}

.ml0,.mh0,.ma0 {
    margin-left: 0 !important
}

.pt0,.pv0,.pa0 {
    padding-top: 0 !important
}

.pr0,.ph0,.pa0 {
    padding-right: 0 !important
}

.pb0,.pv0,.pa0 {
    padding-bottom: 0 !important
}

.pl0,.ph0,.pa0 {
    padding-left: 0 !important
}

.mr2,.mh2,.ma2 {
    margin-right: 2px !important
}

.mt5,.mv5,.ma5 {
    margin-top: 5px !important
}

.mr5,.mh5,.ma5 {
    margin-right: 5px !important
}

.mb5,.mv5,.ma5 {
    margin-bottom: 5px !important
}

.ml5,.mh5,.ma5 {
    margin-left: 5px !important
}

.pt5,.pv5,.pa5 {
    padding-top: 5px !important
}

.pr5,.ph5,.pa5 {
    padding-right: 5px !important
}

.pb5,.pv5,.pa5 {
    padding-bottom: 5px !important
}

.pl5,.ph5,.pa5 {
    padding-left: 5px !important
}

.mt10,.mv10,.ma10 {
    margin-top: 10px !important
}

.mr10,.mh10,.ma10 {
    margin-right: 10px !important
}

.mb10,.mv10,.ma10 {
    margin-bottom: 10px !important
}

.ml10,.mh10,.ma10 {
    margin-left: 10px !important
}

.pt10,.pv10,.pa10 {
    padding-top: 10px !important
}

.pr10,.ph10,.pa10 {
    padding-right: 10px !important
}

.pb10,.pv10,.pa10 {
    padding-bottom: 10px !important
}

.pl10,.ph10,.pa10 {
    padding-left: 10px !important
}

.mt15,.mv15,.ma15 {
    margin-top: 15px !important
}

.mr15,.mh15,.ma15 {
    margin-right: 15px !important
}

.mb15,.mv15,.ma15 {
    margin-bottom: 15px !important
}

.ml15,.mh15,.ma15 {
    margin-left: 15px !important
}

.pt15,.pv15,.pa15 {
    padding-top: 15px !important
}

.pr15,.ph15,.pa15 {
    padding-right: 15px !important
}

.pb15,.pv15,.pa15 {
    padding-bottom: 15px !important
}

.pl15,.ph15,.pa15 {
    padding-left: 15px !important
}

.mt20,.mv20,.ma20 {
    margin-top: 20px !important
}

.mr20,.mh20,.ma20 {
    margin-right: 20px !important
}

.mb20,.mv20,.ma20 {
    margin-bottom: 20px !important
}

.ml20,.mh20,.ma20 {
    margin-left: 20px !important
}

.pt20,.pv20,.pa20 {
    padding-top: 20px !important
}

.pr20,.ph20,.pa20 {
    padding-right: 20px !important
}

.pb20,.pv20,.pa20 {
    padding-bottom: 20px !important
}

.pl20,.ph20,.pa20 {
    padding-left: 20px !important
}

.mt25,.mv25,.ma25 {
    margin-top: 25px !important
}

.mr25,.mh25,.ma25 {
    margin-right: 25px !important
}

.mb25,.mv25,.ma25 {
    margin-bottom: 25px !important
}

.ml25,.mh25,.ma25 {
    margin-left: 25px !important
}

.pt25,.pv25,.pa25 {
    padding-top: 25px !important
}

.pr25,.ph25,.pa25 {
    padding-right: 25px !important
}

.pb25,.pv25,.pa25 {
    padding-bottom: 25px !important
}

.pl25,.ph25,.pa25 {
    padding-left: 25px !important
}

.mt30,.mv30,.ma30 {
    margin-top: 30px !important
}

.mr30,.mh30,.ma30 {
    margin-right: 30px !important
}

.mb30,.mv30,.ma30 {
    margin-bottom: 30px !important
}

.ml30,.mh30,.ma30 {
    margin-left: 30px !important
}

.pt30,.pv30,.pa30 {
    padding-top: 30px !important
}

.pr30,.ph30,.pa30 {
    padding-right: 30px !important
}

.pb30,.pv30,.pa30 {
    padding-bottom: 30px !important
}

.pl30,.ph30,.pa30 {
    padding-left: 30px !important
}

.mb35,.mv35,.ma35 {
    margin-bottom: 35px !important
}

.mt40,.mv40,.ma40 {
    margin-top: 40px !important
}

.mr40,.mh40,.ma40 {
    margin-right: 40px !important
}

.mb40,.mv40,.ma40 {
    margin-bottom: 40px !important
}

.ml40,.mh40,.ma40 {
    margin-left: 40px !important
}

.pt40,.pv40,.pa40 {
    padding-top: 40px !important
}

.pr40,.ph40,.pa40 {
    padding-right: 40px !important
}

.pb40,.pv40,.pa40 {
    padding-bottom: 40px !important
}

.pl40,.ph40,.pa40 {
    padding-left: 40px !important
}

.mt50,.mv50,.ma50 {
    margin-top: 50px !important
}

.mr50,.mh50,.ma50 {
    margin-right: 50px !important
}

.mb50,.mv50,.ma50 {
    margin-bottom: 50px !important
}

.ml50,.mh50,.ma50 {
    margin-left: 50px !important
}

.mt60,.mv60,.ma60 {
    margin-top: 60px !important
}

.mr60,.mh60,.ma60 {
    margin-right: 60px !important
}

.mb60,.mv60,.ma60 {
    margin-bottom: 60px !important
}

.ml60,.mh60,.ma60 {
    margin-left: 60px !important
}

.mt90,.mv90,.ma90 {
    margin-top: 90px !important
}

.mr90,.mh90,.ma90 {
    margin-right: 90px !important
}

.mb90,.mv90,.ma90 {
    margin-bottom: 90px !important
}

.ml90,.mh90,.ma90 {
    margin-left: 90px !important
}

.bt0,.ba0 {
    border-top: none !important
}

.br0,.ba0 {
    border-right: none !important
}

.bb0,.ba0 {
    border-bottom: none !important
}

.bl0,.ba0 {
    border-left: none !important
}

.mypage .message p {
    margin: 10px 0px
}

.tab-area {
    display: none
}

.tab-area.current {
    display: block
}

.tab-area .sp-unsubscribe {
    font-size: 13px !important;
    line-height: 1.8;
    padding: 10px 15px 0 !important
}

.attention {
    text-align: center
}

.attention a {
    font-size: 16px;
    color: #1250c2;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none
}

.attention a:hover {
    text-decoration: underline
}

#premiere-old {
/*    font-family: "游ゴシック", "YuGothic", sans-serif*/
    font-family: var(--body-font-family);
}

#premiere-old a:link {
    color: #ffffff;
    text-decoration: none
}

#premiere-old a:visited {
    color: #ffffff;
    text-decoration: none
}

#premiere-old #premiere_kv {
    width: 100%;
    color: #ffffff;
    background-color: #72c1e6;
    text-align: center;
    background-image: url(./premium_old/kv_backimage2.png),url(./premium_old/kv_backimage.png);
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 100%
}

#premiere-old #premiere_kv_inner {
    width: 300px;
    padding: 35px 0 70px;
    margin: 0 auto;
    position: relative
}

#premiere-old .premiere_kv_main {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 10px
}

#premiere-old .premiere_kv_sub {
    font-size: 13px;
    line-height: 18px;
    margin-top: 13px
}

#premiere-old .premiere_kv_button a {
    width: 250px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 12px 0;
    margin: 15px auto 10px;
    background-color: #d7002c;
    border: 1px solid #d7002c
}

#premiere-old .premiere_kv_point {
    font-size: 9px;
    line-height: 1.5
}

#premiere-old .premiere_kv_text {
    position: absolute;
    top: 10px;
    right: 0
}

#premiere-old #premiere_section_1 {
    margin: 30px auto 0px;
    text-align: center;
    color: #ffffff
}

#premiere-old .premiere_box {
    padding: 20px;
    margin-bottom: 20px
}

#premiere-old .premiere_box:last-child {
    margin-bottom: 0px
}

#premiere-old .premiere_point_1_inner {
    background-color: #e66557
}

#premiere-old .premiere_point_2_inner {
    background-color: #69b7db
}

#premiere-old .premiere_point_3_inner {
    background-color: #f2be58
}

#premiere-old .premiere_point_4_inner {
    background-color: #47bd79
}

#premiere-old .premiere_point_5_inner {
    background-color: #bd479f
}

#premiere-old #premiere_section_1 h2 {
    padding-bottom: 2px
}

#premiere-old #premiere_section_1 h3 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px
}

#premiere-old #premiere_section_1 h4 {
    font-size: 12px;
    line-height: 1.6;
    padding-bottom: 18px;
    font-weight: normal
}

#premiere-old .point_5_title {
    display: block;
    font-size: 12px
}

#premiere-old #premiere_question {
    margin: 0 auto;
    color: #000000
}

#premiere-old #premiere_question h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 20px
}

#premiere-old #premiere_question dl {
    padding: 0 20px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 16px
}

#premiere-old #premiere_question dt {
    cursor: pointer;
    font-weight: bold;
    padding: 7px;
    margin: 10px 0;
    background: #eee url(./premium_old/yajirusi2.png) no-repeat center right 10px;
    background-size: 11px 7px
}

#premiere-old #premiere_question dt.active {
    background: #eee url(./premium_old/yajirusi.png) no-repeat center right 10px;
    background-size: 11px 7px
}

#premiere-old #premiere_question dd {
    display: none;
    padding: 10px 7px;
    line-height: 1.6
}

#premiere-old #premiere_question dd p {
    margin-bottom: 10px
}

#premiere-old #premiere_question dd span {
    color: #d50023;
    font-weight: bold;
    padding-right: 7px
}

#premiere-old #premiere_question dt span {
    float: left;
    padding-right: 10px
}

#premiere-old #premiere_question dt p {
    float: left
}

#premiere-old #premiere_section_3 {
    text-align: center;
    margin: 40px auto 40px
}

#premiere-old .premiere_section_3_main {
    width: 300px;
    margin: 0 auto 50px;
    position: relative
}

#premiere-old #premiere_section_3 h2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-align: center
}

#premiere-old .premiere_ornament {
    position: absolute;
    bottom: 0
}

#premiere-old .premiere_section_3_button input[type="submit"],#premiere-old .premiere_section_3_button a {
    width: 300px;
    font-size: 18px;
    color: #ffffff;
    background-color: #d7002c;
    display: block;
    border-radius: 3px;
    text-align: center;
    padding: 15px 0;
    margin: 0px auto
}

#premiere-old .premiere_section_3_button {
    font-weight: bold;
    margin-bottom: 20px
}

#premiere-old .premiere_section_3_button input[type="submit"] {
    font-weight: bold
}

#premiere-old .premiere_section_3_button_text {
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    padding: 0 20px
}

#premiere-old .premiere_payment {
    margin-bottom: 50px
}

#premiere-old .premiere_payment h3 {
    font-size: 18px;
    margin-bottom: 20px
}

#premiere-old .premiere_payment__read {
    font-size: 13px
}

#category_top {
    width: 100%;
    padding: 0 10px
}

#category_top a {
    text-decoration: none
}

#category_top .category_new #new_column .new_column_wrap #new_column_img {
    width: 100%;
    margin: 10px 20px 4px 0
}

#category_top .category_new #new_column .new_column_wrap #new_column_img img {
    width: 100%
}

#category_top .category_new #new_column .new_column_wrap div {
    width: 100%;
    margin: 12px 0 0px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_title {
    font-size: 16px;
    font-weight: bold
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_date {
    font-size: 12px;
    color: #999999;
    margin-bottom: 20px;
    line-height: 110%;
    padding-top: 3px
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_sub_other {
    font-size: 13px;
    line-height: 1.8
}

#category_top .category_new #new_column .new_column_wrap_other {
    display: flex;
    margin-bottom: 8px;
    border-bottom: solid #eee 1px;
    padding: 10px 0px
}

#category_top .category_new #new_column .new_column_wrap_other #new_column_img_other {
    width: 80px;
    margin: 0px 8px 0px 0;
    text-align: center
}

#category_top .category_new #new_column .new_column_wrap_other #new_column_img_other img {
    max-width: 80px
}

#category_top .category_new #new_column .new_column_wrap_other div {
    margin-right: 8px
}

#category_top .category_new #new_column .new_column_wrap_other div .new_column_title_other {
    font-size: 14px;
    font-weight: bold
}

#category_top .category_new #new_column .new_column_wrap_other div .new_column_title_other a {
    text-decoration: none
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag {
    font-size: 0.8em;
    color: #999
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag span {
    display: inline-block;
    margin-right: 3px;
    padding: 2px 4px;
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    background: #EB8400;
    color: #fff;
    border-radius: 4px;
    line-height: 1;
    vertical-align: middle
}

#category_top #category_theme #theme_column {
    display: flex;
    flex-wrap: wrap
}

#category_top #category_theme #theme_column .theme_column_wrap {
    width: 100%;
    font-size: 13px;
    margin: 8px 0
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img {
    position: relative;
    width: 100%
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img img {
    width: 100%
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img div {
    position: absolute;
    background: rgba(0,0,0,0.6);
    bottom: 3px;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img div p a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 0px 12px;
    font-weight: bold;
    text-decoration: none
}

#category_top #category_keyword {
    margin-top: 20px
}

#category_top #category_keyword #keyword_column {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

#category_top #category_keyword #keyword_column .keyword_column_wrap {
    width: 100%;
    font-size: 13px
}

#category_top #category_keyword #keyword_column .keyword_column_wrap .keyword_column_title {
    font-size: 1.2em;
    margin-bottom: 8px;
    padding-bottom: 0;
    line-height: 1;
    border-bottom: 3px solid #D6002B
}

#category_top #category_keyword #keyword_column .keyword_column_wrap .keyword_column_title span {
    display: inline-block;
    padding: 4px 8px 2px;
    background: #D6002B;
    line-height: 1.2;
    font-size: 14px;
    color: #fff;
    font-weight: bold
}

#category_top #category_keyword #keyword_column .keyword_column_wrap .keyword_column_img {
    width: 100%
}

#category_top #category_keyword #keyword_column .keyword_column_wrap .keyword_column_img img {
    width: 100%
}

#category_top #category_keyword #keyword_column .keyword_column_text p {
    border-bottom: solid #eee 1px;
    padding: 8px 0
}

#category_top #category_keyword #keyword_column .keyword_column_text p a {
    font-size: 13px;
    font-weight: bold;
    line-height: 160%;
    text-decoration: none
}

#category_top #category_keyword #keyword_column .keyword_column_text p a:hover {
    text-decoration: underline
}

#category_top #category_keyword #keyword_column .keyword_column_text p span {
    font-size: 0.8em;
    color: #999;
    display: inline-block;
    margin: 0 4px 2px 2px;
    padding: 2px 4px;
    font-family: Verdana, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    background: #EB8400;
    color: #fff;
    border-radius: 4px;
    line-height: 1;
    vertical-align: middle
}

#category_top #category_keyword #keyword_column .keyword_column_text p:last-child {
    border: none
}

#category_top #category_keyword #keyword_column .keyword_column_text p:nth-last-of-type(2) {
    border: none
}

#category_top #category_tag_wrap {
    margin: 10px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px
}

#category_top #category_tag_wrap p {
    margin: 3px 5px
}

#category_top #category_tag_wrap p a {
    display: block;
    background: #efefef;
    border-radius: 3px;
    padding: 10px 10px;
    line-height: 100%;
    font-weight: bold;
    font-size: 13px;
    color: #838383;
    text-decoration: none
}

#category_top .readmore a {
    display: inline-block;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 5px;
    margin: 10px 0 48px 0;
    width: 100%;
    text-align: center
}

#category_top .readmore a .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    transform: translate(0, 0)
}

#category_top .readmore a ::before {
    color: #fff
}

#minnori {
/*    font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif*/
    font-family: var(--body-font-family);
}

#minnori a {
    text-decoration: none
}

#minnori #main_content #everyones_main {
    padding: 30px 10px 50px;
    background: #fff;
    width: 100%
}

#minnori #main_content #everyones_main h2 {
    font-size: 16px
}

#minnori #main_content #everyones_main #search_in_post h2 {
    line-height: 1em;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #search_in_post h2:before {
    font-family: "FontAwesome";
    content: '\f002';
    font-weight: 900;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main #search_in_post form {
    margin: 0 0 30px 0
}

#minnori #main_content #everyones_main #search_in_post form input {
    margin-bottom: 5px
}

#minnori #main_content #everyones_main #search_in_post form input#word,#minnori #main_content #everyones_main #search_in_post form input#tags {
    padding: 0 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    -webkit-appearance: none
}

#minnori #main_content #everyones_main #search_in_post form label {
    font-size: 13px
}

#minnori #main_content #everyones_main #search_in_post form .search_date {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#minnori #main_content #everyones_main #search_in_post form .search_date input {
    padding: 5px;
    font-size: 13px;
    min-height: 34px;
    width: calc(50% - 15px);
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    background: #fff;
    -webkit-appearance: none
}

#minnori #main_content #everyones_main #search_in_post form ul.tagit {
    margin-bottom: 5px
}

#minnori #main_content #everyones_main #search_in_post form .flex_wrap {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#minnori #main_content #everyones_main #search_in_post form .flex_wrap .search_btn {
    margin-left: 15px
}

#minnori #main_content #everyones_main #search_in_post form .flex_wrap .search_btn button {
    background: #d6002b;
    width: 120px;
    border: none;
    height: 30px;
    border-radius: 3px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff
}

#minnori #main_content #everyones_main .preview_box {
    padding-top: 10px
}

#minnori #main_content #everyones_main .preview_box img {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #user_post_form {
    position: relative;
    margin-top: 25px;
    background: #eeeeee;
    padding: 15px 10px
}

#minnori #main_content #everyones_main #user_post_form #news_post_title {
    position: relative;
    margin-bottom: 10px;
    height: 38px;
    display: flex;
    align-items: center
}

#minnori #main_content #everyones_main #user_post_form #news_post_title .user_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    background: #bfbfbf
}

#minnori #main_content #everyones_main #user_post_form #news_post_title .user_icon img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%
}

#minnori #main_content #everyones_main #user_post_form #news_post_title h2 {
    font-size: 15px;
    line-height: 20px;
    margin-left: 48px
}

#minnori #main_content #everyones_main #user_post_form form textarea#post_comment {
    width: 100%;
    height: 99px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    font-size: 10px
}

#minnori #main_content #everyones_main #user_post_form form ul.tagit {
    margin-bottom: 5px;
    background: #fff
}

#minnori #main_content #everyones_main #user_post_form form ul.tagit li {
    font-size: 13px;
    line-height: 18px
}

#minnori #main_content #everyones_main #user_post_form form .post_options {
    margin-top: 5px
}

#minnori #main_content #everyones_main #user_post_form form .post_options .file_upload {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #797878;
    width: 41px;
    height: 35px;
    border-radius: 3px;
    display: block;
    z-index: 1
}

#minnori #main_content #everyones_main #user_post_form form .post_options .file_upload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 100px;
    cursor: pointer
}

#minnori #main_content #everyones_main #user_post_form form .post_options .file_upload i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    line-height: 1em;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

#minnori #main_content #everyones_main #user_post_form form .post_options input#tag {
    width: 100%;
    font-size: 10px;
    padding: 10px 6px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    margin-bottom: 5px
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap {
    display: flex
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .file_upload {
    margin-right: 5px;
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #797878;
    width: 41px;
    height: 35px;
    border-radius: 3px;
    display: block;
    z-index: 1
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .file_upload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 100px;
    cursor: pointer
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .file_upload i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    line-height: 1em;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .open_range_select {
    border: 1px solid #bfbfbf;
    width: 100%;
    border-radius: 3px;
    position: relative
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .open_range_select select {
    width: 100%;
    font-size: 10px;
    padding: 10px;
    border: none;
    outline: none;
    background: #fff;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

#minnori #main_content #everyones_main #user_post_form form .post_options .option_wrap .open_range_select:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 0;
    height: 0;
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333333;
    pointer-events: none
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box {
    margin-top: 5px
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box input[type="checkbox"] {
    display: none
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: none;
    color: #333333;
    font-size: 12px;
    font-weight: bold
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box label::before,#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box label::after {
    position: absolute;
    content: '';
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box label::before {
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    border: 1px solid #ccc
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 6px;
    height: 2px;
    margin-top: -3.5px;
    border-left: 2px solid #d6002b;
    border-bottom: 2px solid #d6002b;
    -webkit-transform: rotate(-45deg) scale(0.5);
    transform: rotate(-45deg) scale(0.5)
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box input[type="checkbox"]:checked+label::before {
    background: #fff;
    border: 1px solid #d6002b
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box input[type="checkbox"]:checked+label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box p {
    font-size: 10px
}

#minnori #main_content #everyones_main #user_post_form form .post_options input[type=submit] {
    margin: 15px 0 0;
    width: 100%;
    height: 37px;
    font-size: 13px;
    font-weight: bold;
    background: #d6002b;
    border-radius: 3px;
    line-height: 0
}

#minnori #main_content #everyones_main #user_post_form form .post_options input[type=submit]:hover {
    background: #fff;
    border: 1px solid #d6002b;
    color: #d6002b
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    z-index: 10
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed h3 {
    text-align: center;
    font-size: 15px;
    padding-top: 35px;
    margin-bottom: 20px
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed ul li:first-child {
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed ul li a {
    width: 90%
}

#minnori #main_content #everyones_main #user_post_form .no_sined {
    padding: 10px;
    z-index: 1
}

#minnori #main_content #everyones_main #user_post_form .no_sined h2 {
    margin-left: 0
}

#minnori #main_content #everyones_main #monthly_topic {
    margin-top: 20px
}

#minnori #main_content #everyones_main #monthly_topic h2 {
    color: #fff;
    background: #d6002b;
    text-align: center;
    padding: 3px 0;
    margin-bottom: 15px
}

#minnori #main_content #everyones_main #monthly_topic h2:before {
    font-family: "FontAwesome";
    content: '\f11d';
    font-weight: 400;
    margin-right: 5px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content p {
    font-size: 0;
    width: 270px;
    margin: 0 auto
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content p img {
    width: 100%
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content h3 {
    font-size: 14px;
    line-height: 1em;
    color: #d6002b;
    margin: 15px 0;
    text-align: center
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content dl dt {
    font-size: 12px;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 3px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content dl dt i {
    font-weight: 900;
    margin-right: 3px;
    color: #d6002b
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content dl dd {
    font-size: 12px;
    line-height: 16px;
    margin-left: 15px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content dl dd:not(:last-child) {
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #monthly_topic p.more_monthly_topic {
    margin: 15px auto 0;
    width: 100%;
    text-align: center;
    position: relative
}

#minnori #main_content #everyones_main #monthly_topic p.more_monthly_topic a {
    display: block;
    color: #d6002b;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #d6002b;
    border-radius: 2px;
    padding: 8px
}

#minnori #main_content #everyones_main #monthly_topic p.more_monthly_topic a:after {
    content: '▶︎';
    position: absolute;
    font-size: 6px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

#minnori #main_content #everyones_main #past_month_topic {
    margin-top: 20px
}

#minnori #main_content #everyones_main #past_month_topic h2 {
    line-height: 1em;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #past_month_topic h2:before {
    font-family: "FontAwesome";
    content: '\f07c';
    font-weight: 900;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main #past_month_topic .past_topic_banner {
    display: flex;
    justify-content: space-between
}

#minnori #main_content #everyones_main #past_month_topic .past_topic_banner p {
    width: 97%
}

#minnori #main_content #everyones_main #past_month_topic .past_topic_banner p img {
    width: 100%
}

#minnori #main_content #everyones_main #past_month_topic .past_topic_banner p:first-child {
    margin-right: 10px
}

#minnori #main_content #everyones_main #weather {
    position: relative;
    margin-top: 20px;
    padding: 10px 0;
    border: 1px solid #cccccc;
    min-height: 100px;
    text-align: center
}

#minnori #main_content #everyones_main #weather h2 {
    text-align: center;
    line-height: 1em;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #weather #weather_container {
    display: flex;
    justify-content: space-between
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box {
    margin: 0;
    width: 50%
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box h3 {
    line-height: 1em;
    text-align: center;
    color: #33bad2;
    font-size: 11px;
    font-weight: bold
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box p.weather_icon {
    width: 140px;
    height: 70px;
    text-align: center;
    margin: 8px auto 10px;
    position: relative
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box p.weather_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
    height: 100%
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information {
    text-align: center
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information p.temperature {
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 8px
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information p.temperature span.highest {
    color: #ff0000
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information p.temperature span.lowest {
    color: #3181ff
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information p.rainy_percent {
    font-size: 10px;
    line-height: 1em;
    font-weight: bold
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box .weather_information p.rainy_percent span {
    font-size: 12px;
    margin: 0 5px
}

#minnori #main_content #everyones_main #weather #weather_container .weather_box:first-child {
    border-right: 1px solid #cccccc
}

#minnori #main_content #everyones_main #weather .no_sign_in_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    border: 1px solid #eee;
    z-index: 99
}

#minnori #main_content #everyones_main #weather .no_sign_in_container p {
    text-align: center;
    margin-top: 70px
}

#minnori #main_content #everyones_main #weather .no_sign_in_container p a {
    width: 90%
}

#minnori #main_content #everyones_main .gray_box {
    background: #eeeeee;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px
}

#minnori #main_content #everyones_main .gray_box #everyones_post {
    padding: 10px 10px 15px;
    background: #fff
}

#minnori #main_content #everyones_main .gray_box #everyones_post h2 {
    margin-bottom: 8px
}

#minnori #main_content #everyones_main .gray_box #everyones_post h2:before {
    font-family: "FontAwesome";
    content: '\f040';
    font-weight: 400;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content a {
    color: #333
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content p.new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content p.new img {
    width: 50px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content p.user_post_image {
    position: relative;
    overflow: hidden;
    width: 115px;
    height: 90px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    z-index: 1;
    margin-right: 15px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content p.user_post_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information {
    width: calc(100% - 130px);
    margin: 0
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information p.user_comment_box {
    font-size: 12px;
    line-height: 15px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information p.user_comment_box a {
    font-weight: bold
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information p.comment_count {
    font-size: 10px;
    margin: 6px 0
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information p.comment_count:before {
    font-family: "FontAwesome";
    content: '\f075';
    margin-right: 5px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information .user_information {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information .user_information p.user_icon {
    position: relative;
    overflow: hidden;
    width: 19px;
    height: 19px;
    background: #e5e5e5;
    margin-right: 5px
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information .user_information p.user_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #main_content #everyones_main .gray_box #everyones_post #everyones_post_container .user_post_content .post_information .user_information p.user_name {
    font-size: 10px;
    line-height: 13px;
    width: calc(100% - 24px)
}

#minnori #main_content #everyones_main .gray_box #everyones_post p.more_everyones_post {
    text-align: center;
    width: 100%
}

#minnori #main_content #everyones_main .gray_box #everyones_post p.more_everyones_post a {
    display: block;
    font-size: 13px;
    background: #d6002b;
    color: #fff;
    padding: 6px 0;
    border-radius: 3px
}

#minnori #main_content #everyones_main .gray_box #good_ranking {
    padding: 10px 10px 15px;
    background: #fff
}

#minnori #main_content #everyones_main .gray_box #good_ranking h2 {
    margin-bottom: 5px
}

#minnori #main_content #everyones_main .gray_box #good_ranking h2:before {
    font-family: "FontAwesome";
    content: '\f091';
    font-weight: 900;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main .gray_box #good_ranking #period_tab_box {
    margin-bottom: 15px
}

#minnori #main_content #everyones_main .gray_box #good_ranking #period_tab_box .tab_area {
    text-align: center
}

#minnori #main_content #everyones_main .gray_box #good_ranking #period_tab_box .tab_area label {
    width: 70px;
    margin: 0 5px;
    display: inline-block;
    padding: 0 0 5px;
    color: #c3c3c3;
    text-align: center;
    font-size: 12px;
    border-bottom: 3px solid #c3c3c3
}

#minnori #main_content #everyones_main .gray_box #good_ranking #period_tab_box .tab_area label.active {
    border-bottom: 4px solid #d6002b;
    color: #d6002b
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel {
    display: none
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content {
    display: flex;
    margin-top: 15px
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content a {
    color: #333
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content p.good_post_image {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 76px;
    margin-right: 15px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content p.good_post_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content {
    width: calc(100% - 115px)
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content h3 {
    font-size: 13px;
    font-weight: bold
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content h3:before {
    font-family: "FontAwesome";
    content: '\f005';
    font-weight: 900;
    margin-right: 5px
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content .rank_first {
    color: #d9b340
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content .rank_second {
    color: #6f7b83
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content .rank_third {
    color: #a15326
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content p.good_comment_box {
    font-size: 12px;
    line-height: 16px;
    margin: 3px 0 5px;
    display: -webkit-box
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content p.good_comment_box a {
    font-weight: bold
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content p.good_count {
    font-size: 11px;
    color: #d6002b
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .tab_panel .good_post_content .rank_content p.good_count span {
    font-size: 13px;
    font-weight: bold;
    margin-right: 3px
}

#minnori #main_content #everyones_main .gray_box #good_ranking #good_post_container .active {
    display: block
}

#minnori #main_content #everyones_main #popularity_tag {
    margin-top: 20px;
    margin-bottom: 20px
}

#minnori #main_content #everyones_main #popularity_tag h2 {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #d6002b
}

#minnori #main_content #everyones_main #popularity_tag .popularity_tag_box p {
    display: inline-block;
    margin: 8px 8px 0 0
}

#minnori #main_content #everyones_main #popularity_tag .popularity_tag_box p a {
    display: block;
    font-size: 12px;
    padding: 5px;
    background: #eeeeee;
    color: #333;
    border-radius: 2px
}

#minnori #userpost_main_container {
    margin: 0 10px 30px
}

#minnori #userpost_main_container .user_information {
    position: relative
}

#minnori #userpost_main_container .user_information p.user_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

#minnori #userpost_main_container .user_information p.user_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #userpost_main_container .user_information h3 {
    margin-left: 45px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 5px
}

#minnori #userpost_main_container .user_information a {
    text-decoration: none
}

#minnori #userpost_main_container .user_information p.post_time {
    margin-left: 45px;
    font-size: 11px;
    color: #a9a9a9
}

#minnori #userpost_main_container .user_information p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#minnori #userpost_main_container .slider_box {
    margin-top: 15px
}

#minnori #userpost_main_container .slider_box ul {
    margin: 0 auto;
    width: 100%
}

#minnori #userpost_main_container .slider_box ul .slick-track {
    display: flex;
    align-items: center
}

#minnori #userpost_main_container .slider_box ul li {
    width: 100%;
    background: #333333;
    position: relative
}

#minnori #userpost_main_container .slider_box ul li img {
    width: 100%
}

#minnori #userpost_main_container .slider_box ul .slick-dotted.slick-slider {
    margin-bottom: 30px
}

#minnori #userpost_main_container .slider_box ul ul.slick-dots {
    position: static;
    margin-top: 5px
}

#minnori #userpost_main_container .slider_box ul ul.slick-dots li {
    background: #333;
    opacity: 0.25;
    border-radius: 4px;
    width: 6px;
    height: 6px;
    margin: 0 2.5px;
    cursor: pointer
}

#minnori #userpost_main_container .slider_box ul ul.slick-dots li button {
    position: static;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    padding: 0;
    border: 0
}

#minnori #userpost_main_container .slider_box ul ul.slick-dots li button:before {
    font-size: 0;
    line-height: 0;
    position: static;
    width: 0;
    height: 0;
    content: '';
    opacity: 0;
    color: black
}

#minnori #userpost_main_container .slider_box ul ul.slick-dots li.slick-active {
    opacity: .75;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#minnori #userpost_main_container #user_post_text {
    margin-top: 15px
}

#minnori #userpost_main_container #user_post_text p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px
}

#minnori #userpost_main_container #user_post_contents_info {
    display: flex;
    align-items: center
}

#minnori #userpost_main_container #user_post_contents_info .user_post_view {
    margin: -12px 0px 0px 10px
}

#minnori #userpost_main_container #user_post_contents_info .user_post_view p {
    color: #777
}

#minnori #userpost_main_container #user_post_contents_info .user_post_view p:before {
    font-family: 'FontAwesome';
    content: '\f06e';
    display: inline-block;
    margin-right: 5px
}

#minnori #userpost_main_container .post_tag_list ul li {
    display: inline-block;
    margin: 0 5px 5px 0
}

#minnori #userpost_main_container .post_tag_list ul li a {
    text-decoration: none;
    background: #b5b5b5;
    padding: 5px;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    border-radius: 2px
}

#minnori #userpost_main_container #user_post_comment {
    margin: 0px 0 40px
}

#minnori #userpost_main_container #user_post_comment+.mypage_clip {
    padding-bottom: 35px
}

#minnori #userpost_main_container #user_post_comment h2,#minnori #userpost_main_container #user_post_comment h3,#minnori #userpost_main_container #user_post_comment p {
    word-break: break-all
}

#minnori #userpost_main_container #user_post_comment h2 {
    padding: 5px 10px;
    background: #fff3ef;
    font-size: 16px
}

#minnori #userpost_main_container #user_post_comment form {
    height: 155px;
    display: block;
    margin-bottom: 20px
}

#minnori #userpost_main_container #user_post_comment form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    margin: 15px 0 6px;
    padding: 10px;
    height: 90px
}

#minnori #userpost_main_container #user_post_comment form textarea::placeholder {
    color: #bfbfbf;
    font-size: 12px
}

#minnori #userpost_main_container #user_post_comment form textarea:-ms-input-placeholder {
    color: #bfbfbf;
    font-size: 12px
}

#minnori #userpost_main_container #user_post_comment form button#post_btn {
    margin: 0;
    width: 100%;
    padding: 8px;
    background: #d31a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 13px
}

#minnori #userpost_main_container #user_post_comment form p.no_sign_in_btn {
    margin: 0;
    width: 100%
}

#minnori #userpost_main_container #user_post_comment form p.no_sign_in_btn a {
    width: 100%;
    display: inline-block;
    padding: 10px 36px;
    background: #d31a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    line-height: 1em;
    font-size: 13px;
    text-align: center
}

#minnori #userpost_main_container #user_post_comment form p.no_sign_in_btn a:hover {
    opacity: 1
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper {
    display: flex;
    justify-content: space-between
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper p.user_icon {
    width: 38px;
    height: 38px;
    border: 1px solid #bfbfbf;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper p.user_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content {
    width: calc(100% - 48px)
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content h3 {
    font-size: 13px;
    font-weight: bold
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content a {
    text-decoration: none
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content p.comment {
    font-size: 13px;
    margin: 0 0 6px 0;
    line-height: 18px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content p.delete_comment {
    font-size: 11px;
    color: #a9a9a9;
    margin: 0 0 6px 0;
    line-height: 18px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box {
    text-align: right
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box p.post_time {
    display: inline-block;
    font-size: 11px;
    color: #a9a9a9
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .btn_wrapper {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .btn_wrapper p.reply_btn {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 18px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .btn_wrapper .delete_btn {
    font-size: 12px;
    padding: 5px 8px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box {
    display: none
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box form {
    height: auto;
    text-align: right;
    margin-bottom: 15px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    margin-top: 15px;
    padding: 10px;
    height: 60px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box form textarea::placeholder {
    color: #bfbfbf
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box form textarea:-ms-input-placeholder {
    color: #bfbfbf
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option_box .reply_comment_box form button#post_btn {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 18px;
    width: auto
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box {
    position: relative;
    margin: 15px 0 0 38px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper {
    display: flex;
    justify-content: space-between
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper p.user_icon {
    width: 38px;
    height: 38px;
    border: 1px solid #bfbfbf;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper p.user_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content {
    width: calc(100% - 48px)
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content h3 {
    font-size: 13px;
    font-weight: bold
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content a {
    text-decoration: none
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content p.comment {
    font-size: 13px;
    margin: 0 0 6px 0;
    line-height: 18px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content p.delete_comment {
    font-size: 11px;
    color: #a9a9a9;
    margin: 0 0 6px 0;
    line-height: 18px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box {
    text-align: right
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box p.post_time {
    display: inline-block;
    font-size: 11px;
    color: #a9a9a9
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .btn_wrapper {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .btn_wrapper p.reply_btn {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 18px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .btn_wrapper .delete_btn {
    font-size: 12px;
    padding: 5px 8px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box {
    display: none
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box form {
    height: auto;
    text-align: right;
    margin-bottom: 15px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    margin-top: 15px;
    padding: 10px;
    height: 60px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box form textarea::placeholder {
    color: #bfbfbf
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box form textarea:-ms-input-placeholder {
    color: #bfbfbf
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option_box .reply_comment_box form button#post_btn {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 18px;
    width: auto
}

#minnori #userpost_main_container #user_post_comment .user_comment_box p.show_more_comment {
    font-size: 13px;
    margin-top: 12px;
    text-align: center;
    color: #b5b5b5;
    line-height: 16px;
    cursor: pointer
}

#minnori #userpost_main_container #user_post_comment .user_comment_box p.show_more_comment:after {
    font-family: "FontAwesome";
    content: '\f107';
    margin-left: 6px
}

#minnori #userpost_main_container #user_post_comment .user_comment_box p.show_more_comment.active:after {
    content: '\f106'
}

#minnori #userpost_main_container #user_post_comment .user_comment_box .more_comment_show {
    display: none
}

#minnori #userpost_main_container #user_post_comment .user_comment_box:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf
}

#minnori #userpost_main_container #user_post_comment p.no_sign_in_btn {
    position: static;
    background: #fff;
    padding: 0;
    display: inline-block;
    font-size: 12px
}

#minnori #userpost_main_container #user_post_comment p.no_sign_in_btn a {
    padding: 8px 18px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    font-weight: bold
}

#minnori #userpost_main_container #user_post_comment p.no_sign_in_btn a:hover {
    opacity: 1
}

#minnori #userpost_main_container .post_like_box_tool {
    padding: 0 0 12px 0
}

#minnori #userpost_main_container .post_like_box_tool p a {
    font-size: 13px;
    color: #d6002b;
    text-decoration: none;
    padding: 5px 0px 5px 23px
}

#minnori #userpost_main_container .post_like_box_tool p a:hover {
    opacity: 0.8
}

#minnori #userpost_main_container .post_like_box_tool p a span {
    display: inline-block;
    line-height: 18px
}

#minnori #userpost_main_container .post_like_box_tool p a.pointer_none {
    pointer-events: none
}

#minnori #userpost_main_container .post_like_box_tool .good a {
    background: url(/assets/pc/wiki/good.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#minnori #userpost_main_container .post_like_box_tool .good_grey a {
    color: #000;
    background: url(/assets/pc/wiki/good_sub.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#minnori #userpost_main_container .comment_like_box_tool {
    padding: 0 10px 0 0
}

#minnori #userpost_main_container .comment_like_box_tool p a {
    font-size: 13px;
    color: #d6002b;
    text-decoration: none;
    padding: 5px 0px 5px 23px
}

#minnori #userpost_main_container .comment_like_box_tool p a:hover {
    opacity: 0.8
}

#minnori #userpost_main_container .comment_like_box_tool p a span {
    display: inline-block;
    line-height: 18px
}

#minnori #userpost_main_container .comment_like_box_tool p a.pointer_none {
    pointer-events: none
}

#minnori #userpost_main_container .comment_like_box_tool .good a {
    background: url(/assets/pc/wiki/good.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#minnori #userpost_main_container .comment_like_box_tool .good_grey a {
    color: #000;
    background: url(/assets/pc/wiki/good_sub.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#minnori #userpost_main_container .article-middle-mrg {
    margin-top: 20px
}

#minnori_special {
    margin: 0 10px
}

#minnori_special p.sp_br_none {
    word-break: break-all
}

#minnori_special #minnori_special_modal_w {
    display: none
}

#minnori_special .minnori_special__header {
    margin-bottom: 50px;
    width: 300px;
    margin: 0 auto;
    text-align: center
}

#minnori_special .minnori_special__header img {
    max-width: 300px;
    max-height: 250px
}

#minnori_special .minnori_special__contents {
    padding-bottom: 60px
}

#minnori_special .minnori_special__contents__read {
    margin: 0 0 45px
}

#minnori_special .minnori_special__contents__read__time {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px
}

#minnori_special .minnori_special__contents__read__inner p {
    line-height: 1.8;
    font-size: 12px;
    text-align: left;
    color: #5f5f5f;
    margin-bottom: 25px
}

#minnori_special .minnori_special__contents__read__inner p span {
    font-weight: bold
}

#minnori_special .minnori_special__contents__read__inner p.sp_br_none br {
    display: none
}

#minnori_special .minnori_special__contents__section {
    margin-bottom: 50px
}

#minnori_special .minnori_special__contents__info ul {
    padding: 0px 20px 10px
}

#minnori_special .minnori_special__contents__info ul li {
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 20px
}

#minnori_special .minnori_special__contents__info ul li span {
    color: #ff0011
}

#minnori_special .minnori_special #minnori_special_slider {
    position: relative;
    margin-bottom: 25px
}

#minnori_special .minnori_special #minnori_special_slider #minnori_special_slider_inner {
    width: 200px;
    margin: 0 auto;
    overflow: hidden
}

#minnori_special .minnori_special #minnori_special_slider .post_item {
    width: 200px !important;
    margin: 0 auto;
    float: left
}

#minnori_special .minnori_special #minnori_special_slider .post_item p:first-child {
    margin-bottom: 2px
}

#minnori_special .minnori_special #minnori_special_slider .post_item .minnori_special_post_link {
    text-align: right;
    font-size: 11px
}

#minnori_special .minnori_special #minnori_special_slider .post_item .minnori_special_post_link a,#minnori_special .minnori_special #minnori_special_slider .post_item .minnori_special_post_link span {
    display: inline-block;
    color: #5f5f5f
}

#minnori_special .minnori_special #minnori_special_slider .post_item .minnori_special_post_link span.post_item_name {
    color: #33bad2;
    max-width: 150px
}

#minnori_special .minnori_special #minnori_special_slider #minnori_special_slider_ar p {
    position: absolute;
    top: 50%;
    z-index: 20
}

#minnori_special .minnori_special #minnori_special_slider #minnori_special_slider_ar #left_ar {
    left: 20px
}

#minnori_special .minnori_special #minnori_special_slider #minnori_special_slider_ar #right_ar {
    right: 20px
}

#minnori_special .minnori_special .minnori_special_title {
    font-size: 20px;
    color: #5f5f5f;
    margin: 20px 0 12px;
    text-align: center
}

#minnori_special .minnori_special .minnori_special_btn {
    width: 100%;
    padding: 0px 20px;
    text-align: center
}

#minnori_special .minnori_special .minnori_special_btn a {
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    display: block;
    border: solid 1px #ff0011;
    color: #ff0011;
    font-size: 12px;
    line-height: 45px
}

#minnori_special .minnori_special .last_btn {
    margin-bottom: 25px
}

#minnori_special .mb-30 {
    margin-bottom: 50px
}

#js-modal_special {
    width: 100%;
    min-width: 280px;
    box-sizing: border-box
}

#js-modal_special .modal_inner form textarea#post_comment {
    margin-top: 33px;
    width: 100%;
    height: 99px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    font-size: 10px
}

#js-modal_special .modal_inner form ul.tagit {
    margin-bottom: 5px;
    background: #fff
}

#js-modal_special .modal_inner form ul.tagit li {
    font-size: 10px;
    line-height: 18px
}

#js-modal_special .modal_inner form .post_options {
    margin-top: 5px
}

#js-modal_special .modal_inner form .post_options .option_wrap {
    display: flex
}

#js-modal_special .modal_inner form .post_options .option_wrap .file_upload {
    margin-right: 5px;
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #797878;
    width: 41px;
    height: 35px;
    border-radius: 3px;
    display: block;
    z-index: 1
}

#js-modal_special .modal_inner form .post_options .option_wrap .file_upload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 100px;
    cursor: pointer
}

#js-modal_special .modal_inner form .post_options .option_wrap .file_upload i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    line-height: 1em;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

#js-modal_special .modal_inner form .post_options .option_wrap .open_range_select {
    border: 1px solid #bfbfbf;
    width: 100%;
    border-radius: 3px;
    position: relative
}

#js-modal_special .modal_inner form .post_options .option_wrap .open_range_select select {
    width: 100%;
    font-size: 10px;
    padding: 10px;
    border: none;
    outline: none;
    background: #fff;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

#js-modal_special .modal_inner form .post_options .option_wrap .open_range_select:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 0;
    height: 0;
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #333333;
    pointer-events: none
}

#js-modal_special .modal_inner form .post_options .licence_check_box {
    margin-top: 5px
}

#js-modal_special .modal_inner form .post_options .licence_check_box input[type="checkbox"] {
    display: none
}

#js-modal_special .modal_inner form .post_options .licence_check_box label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: none;
    color: #333333;
    font-size: 12px;
    font-weight: bold
}

#js-modal_special .modal_inner form .post_options .licence_check_box label::before,#js-modal_special .modal_inner form .post_options .licence_check_box label::after {
    position: absolute;
    content: '';
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

#js-modal_special .modal_inner form .post_options .licence_check_box label::before {
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    border: 1px solid #ccc
}

#js-modal_special .modal_inner form .post_options .licence_check_box label::after {
    opacity: 0;
    top: 50%;
    left: 3px;
    width: 6px;
    height: 2px;
    margin-top: -3.5px;
    border-left: 2px solid #d6002b;
    border-bottom: 2px solid #d6002b;
    -webkit-transform: rotate(-45deg) scale(0.5);
    transform: rotate(-45deg) scale(0.5)
}

#js-modal_special .modal_inner form .post_options .licence_check_box input[type="checkbox"]:checked+label::before {
    background: #fff;
    border: 1px solid #d6002b
}

#js-modal_special .modal_inner form .post_options .licence_check_box input[type="checkbox"]:checked+label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

#js-modal_special .modal_inner form .post_options .licence_check_box p {
    font-size: 10px
}

#js-modal_special .modal_inner form .post_options input[type=submit] {
    margin: 15px 0 20px;
    width: 100%;
    height: 37px;
    font-size: 13px;
    font-weight: bold;
    background: #d6002b;
    border-radius: 3px;
    line-height: 0
}

#js-modal_special .modal_inner form .post_options input[type=submit]:hover {
    background: #fff;
    border: 1px solid #d6002b;
    color: #d6002b
}

.nordot-feed dd {
    padding: 10px 10px 0;
    margin-bottom: 0.8em;
    overflow: hidden
}

.nordot-feed dd ul {
    overflow: hidden
}

.nordot-feed dd ul li {
    margin-bottom: 0.8em;
    line-height: 1.3;
    overflow: hidden
}

.nordot-feed dd li:before {
    display: block;
    width: 20px;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
    content: "0";
    font-size: 11px;
    line-height: 1;
    color: #999;
    background: #999;
    border-radius: 25px
}

.wiki-categories-cards {
    border-radius: 0 3px;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px
}

.wiki-categories-cards .topic {
    display: flex;
    width: 100%;
    padding: 10px;
    margin: 0px 10px 10px;
    margin-bottom: 10px
}

.wiki-categories-cards .topic .photo {
    position: relative;
    width: 68px;
    height: 40px;
    margin: 0
}

.wiki-categories-cards .topic .photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.wiki-categories-cards .topic .text {
    margin: auto 10px;
    line-height: 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #333
}

.wiki-categories-cards .topic .text a {
    text-decoration: none;
    color: #333
}

#wiki #beta {
    background-color: #d6d6d6;
    padding: 5px 10px;
    margin-bottom: 10px
}

#wiki #beta ul {
    display: flex
}

#wiki #beta ul li {
    margin-top: 2px
}

#wiki #beta ul li .fa {
    font-size: 18px;
    margin-right: 5px
}

#wiki #beta ul li p {
    font-size: 13px;
    font-weight: bold
}

#wiki #wiki_kv {
    background-color: #deeef5;
    position: relative
}

#wiki #wiki_kv #wiki_kv_about {
    position: absolute;
    top: 22%;
    left: 2.5%
}

#wiki #wiki_kv #wiki_kv_about #wiki_read {
    font-size: 11px;
    font-weight: bold;
    color: #053657
}

#wiki #wiki_kv #wiki_kv_img img {
    vertical-align: bottom
}

#wiki #wiki_contents {
    padding: 10px
}

#wiki #wiki_contents #wiki_main #wiki_category ul,#wiki #wiki_contents #wiki_main #record_page_nav ul {
    display: flex;
    flex-wrap: wrap
}

#wiki #wiki_contents #wiki_main #wiki_category ul li,#wiki #wiki_contents #wiki_main #record_page_nav ul li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 5px;
    background-color: #deeef5
}

#wiki #wiki_contents #wiki_main #wiki_category ul li a,#wiki #wiki_contents #wiki_main #record_page_nav ul li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #053657;
    text-decoration: none;
    text-align: center
}

#wiki #wiki_contents #wiki_main #wiki_category ul li a:hover,#wiki #wiki_contents #wiki_main #record_page_nav ul li a:hover {
    color: #fff
}

#wiki #wiki_contents #wiki_main #wiki_category ul li:hover,#wiki #wiki_contents #wiki_main #record_page_nav ul li:hover {
    background-color: #053657
}

#wiki #wiki_contents #wiki_main #wiki_category ul li:nth-child(odd),#wiki #wiki_contents #wiki_main #record_page_nav ul li:nth-child(odd) {
    width: calc(50% - 5px);
    margin-right: 5px
}

#wiki #wiki_contents #wiki_main .search_textarea {
    margin-top: 5px
}

#wiki #wiki_contents #wiki_main .search_textarea .wiki_record_search {
    display: flex
}

#wiki #wiki_contents #wiki_main .search_textarea .wiki_record_search .search_box {
    width: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: solid 2px #deeef5
}

#wiki #wiki_contents #wiki_main .search_textarea .wiki_record_search .search_box input[type='text'] {
    width: 100%;
    line-height: 34px;
    padding: 0 10px;
    border: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

#wiki #wiki_contents #wiki_main .search_textarea .wiki_record_search button {
    padding: 0;
    width: 65px;
    line-height: 36px;
    background-color: #deeef5;
    border: solid 1px #deeef5;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #053657;
    letter-spacing: 4px
}

#wiki #wiki_contents #wiki_main .wiki_title {
    position: relative;
    padding-left: 12px;
    margin: 30px 0 10px
}

#wiki #wiki_contents #wiki_main .wiki_title h2 {
    font-size: 22px
}

#wiki #wiki_contents #wiki_main .wiki_title h2::before {
    width: 4px;
    height: 32px;
    background-color: #053657;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

#wiki #wiki_contents #wiki_main .new_topic {
    display: flex;
    clear: left;
    margin-bottom: 10px;
    padding-bottom: 10px
}

#wiki #wiki_contents #wiki_main .new_topic:not(:last-of-type) {
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main .new_topic .photo {
    padding-right: 10px
}

#wiki #wiki_contents #wiki_main .new_topic a {
    display: table;
    width: 100%;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents .wiki_more_btn {
    margin: 10px 0 20px;
    text-align: right
}

#wiki #wiki_contents #wiki_main #top_page_contents .wiki_more_btn a {
    display: inline-block;
    background-color: #deeef5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 15px;
    text-align: center;
    color: #053657;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents .wiki_more_btn a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager {
    display: flex;
    justify-content: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager nav {
    width: auto;
    border: none;
    position: unset;
    border-top: #c0bfbf 1px solid;
    margin: 15px 0 0 0;
    padding: 10px 0 0 0;
    width: 100%;
    background-color: transparent !important
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager ul {
    display: flex;
    justify-content: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager li {
    width: 30px;
    height: 23px;
    border: #053657 1px solid;
    border-radius: 3px;
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager li a {
    font-size: 13px;
    font-weight: bold;
    display: block;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager li:last-of-type {
    margin-right: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager .active {
    background-color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_pager .active a {
    color: #FFF
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .wiki_title_read {
    font-size: 13px;
    padding-top: 8px;
    margin-left: -12px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container {
    max-width: 400px;
    margin: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer {
    overflow-x: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer::-webkit-scrollbar {
    height: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer::-webkit-scrollbar-track {
    background: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer::-webkit-scrollbar-thumb {
    background: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer .tab {
    display: table
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer .tab .tab_btn {
    display: table-cell;
    text-align: center;
    background-color: #deeef5;
    vertical-align: middle;
    border: solid 1px #fff;
    border-bottom-width: 2px;
    min-width: 90px;
    line-height: 2.3
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer .tab .tab_btn a {
    color: #053657;
    display: block;
    text-decoration: none;
    font-size: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer .tab .active {
    background-color: #053657;
    border-bottom: none;
    border: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .tabContainer .tab .active a {
    font-weight: bold;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics {
    padding: 15px 0;
    border-bottom: solid 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button {
    text-align: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button a {
    display: inline-block;
    background-color: #deeef5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 25px;
    text-align: center;
    color: #053657;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls {
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-pager {
    display: flex;
    justify-content: center;
    padding-top: 18px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 50%;
    border: solid 2px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-pager .bx-pager-item .active {
    background: #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-controls-direction a {
    position: absolute;
    top: 25%;
    outline: 0;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
    z-index: 9999
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    left: 30px;
    background-image: url(./wiki/bx_prev.png);
    background-repeat: no-repeat
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    right: 30px;
    background-image: url(./wiki/bx_next.png);
    background-repeat: no-repeat
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics {
    padding: 15px 0;
    border-bottom: solid 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .new_topic {
    display: flex;
    clear: left;
    margin-bottom: 10px;
    padding-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .new_topic:not(:last-of-type) {
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .new_topic .photo {
    padding-right: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .new_topic a {
    display: table;
    width: 100%;
    text-decoration: none;
    text-align: left;
    line-height: 1.5em;
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button {
    text-align: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button a {
    display: inline-block;
    background-color: #deeef5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 25px;
    text-align: center;
    color: #053657;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .container .new_wiki_contents .new_topics .other_button a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list h3 {
    font-size: 16px;
    margin-bottom: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list h3 a {
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list h3 a:hover {
    text-decoration: underline
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment {
    position: relative;
    padding-bottom: 5px;
    border-bottom: dashed 1px #b6b7b6;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment {
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box {
    position: absolute;
    top: 0px;
    right: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .good {
    padding-right: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool a {
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool span {
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list {
    padding: 10px 10px 10px 10px;
    border: solid 1px #b6b7b6;
    border-radius: 3px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .breadcrumbs li {
    display: inline-block;
    font-size: 11px;
    color: #1c50a2
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .breadcrumbs a {
    color: #1c50a2
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data {
    display: flex;
    padding: 10px 0;
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .user_img {
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .user_information .user_name {
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .user_information:not(first-child) {
    font-size: 11px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box {
    margin-left: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box .good {
    margin-top: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box .good a {
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box .good span {
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about {
    margin-top: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment {
    font-size: 18px;
    display: flex;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment h3 {
    margin-right: 15px;
    font-weight: normal
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating {
    margin-top: 5px;
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_front ul {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_front ul li {
    color: #ff8400;
    margin-right: 8px;
    font-size: 18px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_back ul {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_back ul li {
    color: #bfbfbf;
    margin-right: 8px;
    font-size: 18px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_back ul li .fa {
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .overall_judgment .star_rating .star_rating_back ul .star_rating_value {
    color: #ff8400
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .review_contents {
    position: relative;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .review_contents h4 {
    font-size: 16px;
    padding-left: 12px;
    padding-bottom: 5px;
    border-bottom: dashed 1px #b6b7b6;
    word-break: break-all
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .review_contents h4::before {
    width: 3px;
    height: 23px;
    background-color: #053657;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .review_contents p {
    font-size: 13px;
    word-break: break-all
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo {
    margin: 0 auto;
    width: 190px;
    height: 190px;
    background-color: #333333;
    position: relative;
    margin-bottom: 50px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .user_review_photo {
    position: relative;
    overflow: hidden;
    width: 190px;
    height: 190px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .user_review_photo p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .user_review_photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-dotted,#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-slider {
    margin-bottom: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-dots {
    bottom: -30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-dots li {
    margin: 0;
    width: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-dots li button {
    padding: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo .slick-dots li button:before {
    font-size: 50px;
    line-height: 20px;
    width: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .top_review_photo {
    overflow: hidden;
    margin-bottom: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column {
    margin-top: 25px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column .breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column .breadcrumbs a {
    color: #053657;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info {
    display: flex;
    background-color: #deeef5;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    padding: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info #record_title {
    font-size: 25px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info .record_evaluation .star_list {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info .record_evaluation .star_list li img {
    max-width: 33px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav {
    margin-top: 5px;
    margin-bottom: 20px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li {
    background-color: #fff;
    border-radius: 3px;
    border: solid 1px #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li:hover {
    background-color: #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li a {
    font-weight: normal
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li a:hover {
    color: #053657;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul .active {
    background-color: #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul .active a {
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record {
    border: solid 1px #d2d2d2
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn {
    display: block;
    background-color: #d2d2d2;
    color: #333;
    text-align: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn span {
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn.active {
    background-color: #d2d2d2
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn>span:last-of-type,#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn.active>span:first-of-type {
    display: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul #follow_record .follow_btn.active>span:last-of-type {
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_description .description_list .subhead {
    border-bottom: solid 1px #c0bfbf;
    margin-bottom: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_description .description_list .subhead h3 {
    font-size: 18px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_description .description_list p {
    font-size: 14px;
    padding-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li {
    padding-bottom: 10px;
    border-bottom: dashed 1px #b6b7b6;
    clear: both
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column {
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column h3 {
    font-size: 16px;
    line-height: 1.2
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column h3 a {
    color: #053657;
    font-weight: bold;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column h3 a:hover {
    text-decoration: underline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column .news_date {
    margin: 5px 0;
    color: #b6b7b6;
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column figure {
    position: relative;
    float: left;
    margin-right: 10px;
    height: 70px;
    width: 70px;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-width: none;
    height: 100%;
    width: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .news_column p {
    font-size: 13px;
    line-height: 1.3;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li:not(:last-of-type) {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list .border_none {
    border-bottom: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a {
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_img {
    overflow: hidden;
    width: 150px;
    height: 96px;
    box-sizing: border-box;
    z-index: 1;
    margin-right: 10px;
    position: relative;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .user_comment {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_info {
    width: calc(100% - 160px);
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_info .user_comment {
    font-size: 12px;
    overflow: hidden;
    margin-bottom: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_tool {
    display: flex;
    margin-bottom: 4px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_tool .good {
    display: flex;
    align-items: center;
    padding-right: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_tool .reply {
    display: flex;
    align-items: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_tool p {
    margin-right: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .post_tool span {
    color: #053657;
    font-size: 13px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .user_info {
    display: flex;
    align-items: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .user_info .user_img {
    margin-right: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .post_content .user_info .user_name {
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container a .border_none {
    border-bottom: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #wiki_comment_form textarea {
    height: 140px;
    width: 100%;
    resize: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    border: #c0bfbf 1px solid
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #wiki_comment_form #comment_submit_btn {
    text-align: center;
    background-color: #deeef5;
    border-radius: 3px;
    border: none;
    margin-left: auto;
    margin-top: 13px;
    padding: 0 18px;
    display: block
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #wiki_comment_form #comment_submit_btn:hover {
    background-color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #wiki_comment_form #comment_submit_btn a {
    font-size: 14px;
    font-weight: bold;
    color: #053657;
    line-height: 35px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #wiki_comment_form #comment_submit_btn a:hover {
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner {
    margin-top: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list h3 {
    font-size: 16px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list h3 a {
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list h3 a:hover {
    text-decoration: underline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment {
    padding-bottom: 10px;
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment {
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment span {
    font-size: 11px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box {
    margin-left: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool {
    display: flex;
    padding-top: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .good {
    padding-right: 12px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .padding_0 {
    padding: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .good_grey span {
    color: #7b7b7b
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool a {
    text-decoration: none;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool span {
    font-size: 13px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn_box {
    text-align: right
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn_box .reply_btn {
    padding: 0;
    margin-top: 10px;
    border: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn_box .reply_btn a {
    display: inline-block;
    background-color: #deeef5;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 0 15px;
    text-align: center;
    color: #053657;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn_box .reply_btn a:active {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .replay_box {
    display: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list {
    position: relative;
    margin-top: 10px;
    padding: 10px 0 0 35px;
    border-top: #b6b7b6 1px dashed
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .sub_comment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .sub_comment p {
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .sub_comment:last-of-type {
    margin-bottom: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .reply_comment_right_box {
    position: absolute;
    right: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .reply_comment_right_box .comment_tool {
    padding-top: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .reply_comment_right_box .comment_tool .good a {
    text-decoration: none;
    color: #7b7b7b
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .sub_comment_list .reply_comment_right_box .comment_tool .good a span {
    font-size: 13px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_reply_from textarea {
    height: 100px;
    width: 100%;
    resize: none;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    border: #c0bfbf 1px solid
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_reply_from .reply_btn_box .reply_btn {
    margin-top: 5px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_comment #top_comment_inner .top_comment_list .border_none {
    border: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list {
    margin-bottom: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list:last-child {
    margin-bottom: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list .user_review_title {
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list .user_review_title h4 {
    font-size: 16px;
    margin-top: 20px;
    padding-left: 12px;
    padding-bottom: 5px;
    border-bottom: dashed 1px #b6b7b6;
    word-break: break-all
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list .user_review_title h4::before {
    width: 3px;
    height: 23px;
    background-color: #053657;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .wiki_more_btn {
    margin-bottom: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table {
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr th {
    border: solid #d7d7d7 1px;
    font-size: 13px;
    background: #deeef5;
    color: #333;
    padding: 5px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td {
    border: solid #d7d7d7 1px;
    background: #fafcfd;
    padding: 6px 8px;
    margin: 0;
    color: #333
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating {
    position: relative;
    margin-top: 2px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_front ul {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_front ul li {
    color: #ff8400;
    margin-right: 6px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_back ul {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_back ul li {
    color: #bfbfbf;
    margin-right: 6px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_back ul li .fa {
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_back ul .star_rating_value {
    color: #ff8400
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr td:nth-child(even) {
    background-color: #FFF
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .criterion_review_valuation table tbody tr .criterion {
    font-size: 13px;
    width: 49%
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .caption {
    margin: 17px 0 20px 0;
    line-height: 1;
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form dd {
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form dd .textarea_caption {
    position: absolute;
    bottom: 15px;
    left: 55px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form #review_title {
    margin: 5px 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form #review_comment {
    margin: 20px 0 10px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .file_upload {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #797878;
    width: 45px;
    height: 38px;
    margin: 18px 2px 20px 0;
    border-radius: 3px;
    display: block;
    z-index: 1;
    display: inline-flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .file_upload i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    line-height: 1em;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%)
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 100px;
    cursor: pointer
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form span {
    font-size: 13px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form label {
    width: 1px;
    height: 1px;
    position: absolute;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dt {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl #review_photo {
    position: relative;
    margin-top: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl #review_photo span {
    position: absolute;
    bottom: 0;
    bottom: 15px;
    left: 55px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl .fa-camera {
    width: 45px;
    padding: 10px;
    margin-right: 10px;
    color: #FFF;
    background-color: #797878;
    text-align: center;
    border-radius: 3px;
    font: normal normal normal 20px/1 FontAwesome
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl #review_photo_select li {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dd #review_title_form input {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border-radius: 3px;
    border: #c0bfbf 1px solid;
    position: unset;
    opacity: 1;
    font-size: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dd #review_comment_form textarea {
    padding: 10px;
    width: 100%;
    height: 298px;
    overflow: scroll;
    border-radius: 3px;
    border: #c0bfbf 1px solid;
    resize: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dd #review_comment_form textarea::placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dd #review_comment_form textarea:-ms-input-placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form form dl dd #review_comment_form textarea::-webkit-input-placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .preview_box img {
    background-color: #333333;
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .preview_box img:last-child {
    margin-bottom: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box {
    margin-top: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box input[type="checkbox"] {
    display: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 28px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: none;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    height: 20px;
    width: auto;
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box label::before,#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box label::after {
    position: absolute;
    content: '';
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box label::before {
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    border: 1px solid #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box label::after {
    opacity: 0;
    top: 50%;
    left: 5px;
    width: 8px;
    height: 4px;
    margin-top: -4px;
    border-left: 2px solid #053657;
    border-bottom: 2px solid #053657;
    -webkit-transform: rotate(-45deg) scale(0.5);
    transform: rotate(-45deg) scale(0.5)
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box input[type="checkbox"]:checked+label::before {
    background: #fff;
    border: 1px solid #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box input[type="checkbox"]:checked+label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form .licence_check_box p {
    font-size: 13px;
    line-height: 1;
    margin: 8px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form #review_btn_box {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    position: relative;
    height: 35px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form #review_btn_box #review_submit_btn {
    text-align: center;
    background-color: #deeef5;
    border-radius: 4px;
    border: none;
    padding: 0 18px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #053657;
    line-height: 35px;
    margin: 0;
    opacity: 1;
    width: auto;
    height: 35px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #review_valuation_form #review_btn_box #review_submit_btn:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list {
    display: flex;
    flex-wrap: wrap
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li {
    width: 47%;
    margin: 0 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li h3 {
    font-size: 14px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li .js-star_ui {
    margin-top: 7px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li .js-star_ui span {
    font-weight: 400
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li .js-star_ui span::after {
    display: inline-block;
    font-size: 19px;
    font-family: 'FontAwesome';
    content: '\f006';
    color: #ccc
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .valuation_list li .js-star_ui .active::after {
    content: '\f005';
    color: #ff8400
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .star_list {
    margin: 8px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .star_list li {
    color: #ff8400;
    line-height: 1;
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .star_list li .fas {
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .star_list li .fa-star-o {
    color: #bfbfbf
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .star_list li:last-of-type {
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table {
    width: 100%;
    margin-top: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td {
    border: solid #d7d7d7 1px;
    background: #fafcfd;
    padding: 6px 8px;
    margin: 0;
    color: #333
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td h3 {
    font-size: 14px;
    float: left
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td ul {
    display: flex;
    float: right
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td ul li {
    color: #ff8400;
    margin-right: 8px;
    line-height: 14px;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td ul li .fas {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review .user_review_valuation table tbody tr td ul li .fa-star-o {
    color: #bfbfbf
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #sort_review_list {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #sort_review_list ul li {
    display: inline-block
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #sort_review_list ul li a {
    font-size: 11px;
    color: #053657;
    text-decoration: underline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #sort_review_list ul li:not(:first-of-type) {
    margin-left: -1px
}

#wiki #wiki_contents #wiki_right {
    margin-top: 30px
}

#wiki #wiki_contents #wiki_right .wiki_right_contents h4 {
    font-size: 14px;
    color: #053657;
    background-color: #deeef5;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 40px
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li {
    padding: 13px 0;
    font-size: 13px;
    line-height: 1.3
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li a {
    text-decoration: none;
    word-break: break-all
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li p {
    line-height: 1.5;
    display: block
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li p a {
    font-size: 11px;
    color: #b6b7b6
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li p a:hover {
    text-decoration: underline
}

#wiki #wiki_contents #wiki_right .wiki_right_contents .right_contents_list li:not(:last-child) {
    border-bottom: solid 1px #b6b7b6
}

#wiki #wiki_contents #wiki_right #record_top_right {
    padding: 10px 10px 20px;
    background-color: #fafafa;
    border: solid 1px #d6d6d6
}

#wiki #wiki_contents #wiki_right #record_top_right #record_photo {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_right #record_top_right table tbody tr .right_contents_title {
    font-weight: bold;
    width: 30%
}

#wiki #wiki_contents #wiki_right #record_top_right table tbody tr td {
    font-size: 14px;
    padding: 2px 0;
    color: #333;
    line-height: 23px
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .list_title {
    padding: 0 10px;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #053657;
    background-color: #deeef5;
    border-radius: 3px;
    margin: 0 0 10px 0
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents a {
    text-decoration: none
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li {
    padding-bottom: 10px;
    border-bottom: solid 1px #b6b7b6;
    display: flex
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li .contents_column {
    overflow: hidden;
    word-break: break-all
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li .contents_column .ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li .contents_column .contents_date time {
    font-size: 11px;
    line-height: 1;
    margin: 10px 0 0 0;
    color: #b6b7b6
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li:not(:last-of-type) {
    margin-bottom: 10px
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list li:last-of-type {
    border: none
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .news figure {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    margin: 0 15px 0 0;
    float: left
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .news h4 {
    font-size: 13px;
    line-height: 14px;
    font-weight: normal
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .news img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-width: none;
    width: auto;
    height: 100%
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .minnano figure {
    margin: 0 8px 0 0;
    float: left;
    position: relative;
    width: 110px;
    height: 70px;
    overflow: hidden
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .minnano h4 {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .minnano img {
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .comment h4 {
    font-size: 13px;
    line-height: 16px;
    font-weight: normal
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .comment p {
    font-size: 11px;
    line-height: 1;
    margin: 8px 0 0 0;
    color: #b6b7b6
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .review h4 {
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    padding: 0 0 0 6px;
    border-left: #053657 3px solid
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .review p {
    margin: 9px 0 4px 0;
    font-size: 12px;
    line-height: 14px
}

#wiki .wiki_record_list .list_box_title {
    font-size: 16px;
    padding-bottom: 5px;
    margin: 30px 0px 10px
}

#wiki .wiki_record_list .new_topic {
    border-bottom: dashed 1px #b6b7b6
}

.affiliate_link a {
    display: block;
    margin: 0 0 1.5em;
    padding: 10px 5px 9px;
    background: #2c90dd;
    color: white;
    border: 0 none;
    border-radius: 5px;
    line-height: 1.2;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    -webkit-appearance: none;
    box-shadow: #bbb 0px 1px 1px
}

.affiliate_link img {
    border: 0 none;
    width: 1px;
    height: 1px
}

/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */
[canvas],[off-canvas*=push] {
    z-index: 1
}

[off-canvas*=reveal],[off-canvas*=shift] {
    z-index: 0
}

[canvas=container],[off-canvas],body,html {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[canvas=container] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

[canvas=container]:after,[canvas=container]:before {
    clear: both;
    content: '';
    display: table
}

[off-canvas] {
    display: none;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: #000;
    color: #fff;
    -webkit-overflow-scrolling: touch
}

[off-canvas*=top] {
    width: 100%;
    height: 255px;
    top: 0
}

[off-canvas*=right] {
    width: 255px;
    height: 100%;
    top: 0;
    right: 0
}

[off-canvas*=bottom] {
    width: 100%;
    height: 255px;
    bottom: 0
}

[off-canvas*=left] {
    width: 255px;
    height: 100%;
    top: 0;
    left: 0
}

[off-canvas*=overlay] {
    z-index: 9999
}

[canvas],[off-canvas] {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden
}

[off-canvas*=shift][off-canvas*=top] {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

[off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

[off-canvas*=shift][off-canvas*=bottom] {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

[off-canvas*=shift][off-canvas*=left] {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

@media print {
    [canvas] {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    [off-canvas] {
        display: none !important
    }
}

.wpforms-container .wpforms-required-label {
    display: none;
}
.wpforms-container .wpforms-submit-container {
    text-align: center;
}
.wpforms-container .wpforms-submit {
    background: #333 !important;
    color: #fff !important;
}
.wpforms-container .wpforms-submit:hover {
    background: #000 !important;
}
/*
div.wpforms-container-full .wpforms-confirmation-container-full {
    background: #e0ffc7;
    border: 1px solid #b4d39b;
}
*/
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
    bottom: 190px !important;
    right: 0 !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-active, #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-enabled {
    transform: scale(0.75) !important;
}

@media screen and (max-width: 389px) {
    .type2025 #logo {
        grid-template-columns: 100px 1fr;
        column-gap: 5px;
        padding: 10px 0;
    }

    .type2025 #logo h1, .type2025 #logo .header-logo {
        padding: 0 0 0 5px;
        vertical-align: middle;
    }

    .type2025 #logo h1 img, .type2025 #logo .header-logo img {
        vertical-align: bottom;
        height: 28px;
    }

    #logo .menu-link {
        padding: 10px 0 10px 5px;
    }

    .home-content {
        margin: 0 5px;
    }
    
    .home-content .recent-posts-title, .premium-posts-title, .home-content .recommend-pr-title {
        grid-template-columns: 1fr 100px;
    }

    .recent-posts {
        column-gap: min(8px, 2.5%);
    }

    footer.type2025 {
        padding: 30px 5px 60px 5px;
    }

    .tiny-hide {
        display: none;
    }
}

/* */
.button-header-signin {
    display: inline-block;
    padding: var(--button-header-padding-top) 4px var(--button-header-padding-bottom) 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #AD2229;
}
.button-header-signin::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(common/icon-signin.jpg);
    background-position: center;
    background-size: contain;
    vertical-align: var(--button-header-vertical-align);
}

.button-header-login {
    display: inline-block;
    padding: var(--button-header-padding-top) 4px var(--button-header-padding-bottom) 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #000000;
    border: 1px solid #C7C7C7;
}
.button-header-login::after {
    content: "";
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-image: url(common/icon-login.jpg);
    background-position: center;
    background-size: contain;
    vertical-align: var(--button-header-vertical-align);
}

.button-header-mypage {
    display: inline-block;
    padding: var(--button-header-padding-top) 4px var(--button-header-padding-bottom) 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #AD2229;
}
.button-header-mypage::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(common/icon-mypage.jpg);
    background-position: center;
    background-size: contain;
    vertical-align: var(--button-header-vertical-align);
}

.registration-registration {
    text-align: center;
}

.button-premium-membership {
    display: inline-block;
    padding: var(--button-home-premium-padding-top) 16px var(--button-home-premium-padding-bottom) 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #FFFFFF;
    background-color: #AD2229;
    border-radius: 20px;
}

a:hover .button-hover-bright {
    opacity: 0.7;
}