@charset "utf-8";

:root {
    --body-font-family: YakuHanJP;
    --button-header-padding-top: 12px;   /* 9px */
    --button-header-padding-bottom: 11px;    /* 6px */
    --button-header-vertical-align: text-bottom;    /* text-top */
    --h2-home-subtitle-padding-top: 10px;    /* 6px */
    --h2-home-subtitle-padding-bottom: 8px;    /* 0 */
    --h2-home-category-padding-top: 3px;    /* 4px */
    --h2-home-category-padding-bottom: 3.5px;    /* 0 */
    --button-home-archive-padding-top: 7px;    /* 8px */
    --button-home-archive-padding-bottom: 8px;    /* 6px */
    --button-home-premium-padding-top: 8px;    /* 10px */
    --button-home-premium-padding-bottom: 9px;    /* 6px */
    --span-home-recent-padding-top: 3px; /* 5px */
    --span-home-recent-padding-bottom: 4px; /* 3px */
}

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

.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
}

@font-face {
    font-family: "mplus2clightjoyo";
    src: url(./common/mplus_2c_light_joyo.eot?) format("eot"),url(./common/mplus_2c_light_joyo.woff) format("woff");
    src: url(./common/mplus_2c_light_joyo.ttf) format("truetype") \9
}

@font-face {
    font-family: "migu1cregularjoyo";
    src: url(./common/migu_1c_regular_joyo.eot?) format("eot"),url(./common/migu_1c_regular_joyo.woff) format("woff");
    src: url(./common/migu_1c_regular_joyo.ttf) format("truetype") \9
}

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,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,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,td img {
    vertical-align: top
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

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

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

button,input,select,textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

.bold {
    font-weight: bold
}

.mb05 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.hide {
    display: none
}

.pos-relative {
    position: relative
}

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

.chromeframe {
    position: absolute;
    top: 0
}

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

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

body {
    font-size: 14px;
/*    font-family: YakuHanJP, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    background: #efefef
}

input {
/*    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif*/
    font-family: var(--body-font-family);
}

body,select,input,textarea {
    color: #333
}

a {
    color: #000
}

a:hover {
    color: #999
}

a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

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,input[type=submit],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
}

input[type=button],input[name=submitBack] {
    background: #666;
}

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

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

.bt-excel {
    background: #063
}

.bt-firstpage {
    width: 480px;
    margin: 0 auto;
    color: #333;
    background: #fff;
    border: 3px solid #000;
    border-radius: 5px;
    font-size: 1.3em;
    font-weight: bold
}
.bt-specialpage {
    width: 480px;
    margin: 0 auto;
    color: #FF6325;
    background: #fff;
    border: 3px solid #FF6325;
    border-radius: 5px;
    font-size: 1.3em;
    font-weight: bold
}
.bt-specialpage:hover {
    color: #fff;
    background: #FF6325;
}

.bt-go-theme {
    border: 3px solid #eb7300;
    color: #eb7300
}

.bt-go-theme:hover {
    background: #eb7300;
    color: #fff
}

.btn button,.btn a {
    display: inline-block;
    margin: 2em 10px;
    padding: 10px 20px;
    border: 0 none;
    border-radius: 4px;
    line-height: 1.2;
    font-size: 1.1em;
    text-decoration: none
}

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

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

.btn-premier input,.btn-premier button,.btn-premier a {
    margin: 0;
    text-align: center;
    line-height: 1.6;
    background: #D6002B;
    color: #fff
}

.btn-premier input:hover,.btn-premier button:hover,.btn-premier a:hover {
    opacity: 0.8
}

.mw_wp_form table {
    width: 100%
}

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

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

.mw_wp_form_confirm .form-note {
    display: none
}

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

.message .notice a {
    color: #063
}

.message .alert {
    padding: 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,.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
}

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

.text-link {
    width: 570px;
    margin: 0.8em auto;
    text-align: center
}

.text-link a {
    color: #00c
}

.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
}

.thumb-list .date {
    font-size: 0.8em;
    color: #999;
    font-weight: bold
}

.recent {
    display: inline-block;
    margin-left: 3px;
    padding: 2px 3px;
    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
}

.type2025 .recent {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    background: #FF0000;
    border-radius: 0;
    padding: var(--span-home-recent-padding-top) 6px var(--span-home-recent-padding-bottom) 6px;
}

.type2025 .pr {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
}

.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 {
    max-width: 970px;
    min-width: 728px;
    max-height: 250px;
    min-height: 90px;
    margin: 25px auto;
    text-align: center
}

.box-wrap {
    display: table;
    margin: auto;
    overflow: hidden;
    text-align: center
}

.box-left,.box-right {
    display: table-cell;
    vertical-align: top
}

.box-left {
    padding: 0 15px 0 0
}

.box.box-center div {
    margin: 0 auto
}

.box-ad-left {
    width: 336px;
    float: left;
    margin: 0 15px 1em 0
}

.box-ad-right {
    width: 336px;
    float: right;
    margin: 0 15px 1em 0
}

i img {
    vertical-align: middle
}

header {
    border-top: 6px solid #D6002B;
    background: #fff
}

.type2025 header {
    border-top: none;
    padding: 15px 0 0 0;
    margin-bottom: 56px;
}

.type2025 .header-logo-search {
    display: grid;
    width: 1106px;
    margin: 0 auto;
    grid-template-columns: 240px auto 390px;
    column-gap: 20px;
    place-items: center;
    padding-bottom: 13px;
}

#logo {
    position: relative
}

.type2025 #logo {
    justify-self: start;
}

#logo h1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 12px 0 0 40px
}

.type2025 #logo h1,
.type2025 #logo .header-logo {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
}

#logo h1 img {
    width: 160px;
    height: auto
}
#logo h1 img.logo-10th {
    width: 300px;
}

.type2025 #logo h1 img,
.type2025 #logo .header-logo img {
    width: 176px;
    vertical-align: middle;
}

#logo h1.question_logo {
    position: absolute;
    top: 19px;
    left: 0;
    z-index: 10
}

#logo h1.question_logo img {
    width: 250px
}

#logo h1.wiki_logo {
    margin-bottom: 10px;
    position: absolute;
    top: 23px;
    left: 0
}

#logo h1.wiki_logo img {
    width: 248px
}

.header-signin_icon img {
    width: 130px;
}

.header-login_icon img {
    width: 130px;
}

.header-mypage_icon img {
    width: 130px;
}

.header-wrapper {
    position: relative;
    width: 1162px;
    margin: 0 auto
}

/*
.type2025 .header-wrapper {
    width: 1104px;
}
*/

.header-list-category {
    padding: 17px 0;
    line-height: 1;
/*    font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
}

.header-list-category a {
    display: inline-block;
    margin-right: 18px;
    padding: 5px 0;
    color: #D6002B;
    text-decoration: none;
    font-size: 22px
}

.header-list-category a:hover {
    color: #000;
    text-decoration: underline
}

.header-list-category ul {
    margin-left: 200px
}

.header-list-category li {
    display: inline-block
}

.header-list-tag {
    padding: 4px 0;
    background: #888;
    line-height: 1.5;
    font-size: 11px
}

.header-list-tag span {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #666
}

.header-list-tag ul {
    display: inline
}

.header-list-tag a {
    display: inline-block;
    margin: 2px;
    padding: 3px 5px;
    line-height: 1;
    color: #444;
    text-decoration: none;
    background: #ddd;
    border-radius: 4px;
    box-shadow: 1px 1px 0 #777
}

.header-list-tag a:before {
    content: "\f02b";
    margin-right: 1px;
    font-family: FontAwesome;
    font-size: 0.95em
}

.header-list-tag a:hover {
    color: #000;
    background: #fff
}

.header-list-tag li {
    display: inline-block
}

.tab-area {
    display: none
}

.tab-area form.gsc-search-box {
    width: 460px
}

.type2025 .tab-area form.gsc-search-box {
    width: 390px;
}

.type2025 .tab-area .notice {
    width: 390px;
    text-align:center;
}

.tab-area.current {
    display: block
}

#header-search-tab {
    border-bottom: 1px solid #b8b7b7;
    margin-bottom: 10px
}

.type2025 #header-search-tab {
    border-bottom: none;
    margin-bottom: 6px;
}

#header-search-tab li {
    float: left;
    border-right: 2px #FFF solid;
    background: #ddd;
    font-weight: bold;
    padding: 5px 10px
}

.type2025 #header-search-tab li {
    width: 195px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
}

#header-search-tab li.current {
    background: #999;
    color: #fff
}

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

.header-search {
    min-height: 100px;
/*    font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    line-height: 1.2;
    text-align: right
}

.type2025 .header-search {
    min-height: 77px;
}

.header-search-form,.header-login-form {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle
}

.type2025 .header-search-form,.header-login-form {
    margin-left: 0;
}

.type2025 .form-inline {
    display: grid;
    grid-template-columns: 358px auto;
}

.header-search-text {
    width: 365px;
    height: 32px;
    margin: 0 10px 0 0;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: bold;
    background: #FFFFFF;
    border: 2px solid #B3B3B3;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
    vertical-align: middle
}

.type2025 .header-search-text {
    width: 358px;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #726E6E;
}

.header-search-button {
    height: 32px;
    padding: 0 12px;
    background: #D6002B;
    box-shadow: 0px 0px 0px 5px rgba(214,0,43,0.1);
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 32px
}

.type2025 .header-search-button {
    width: 32px;
    background: #726E6E;
    box-shadow: none;
    border-radius: 0;
    padding: 1px 6px;
    font-size: 17px;
}

.gsc-input-box {
    border: none !important
}

.gsc-input-box .gsib_a {
    padding: 0px !important
}

.gsc-input input[type="text"] {
    width: 365px !important;
    height: 29px !important;
    margin: 0 10px 0 0 !important;
    padding: 3px 30px 3px 5px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    background: #FFFFFF;
    border-radius: 5px !important;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.1) !important;
    border: 2px solid #B3B3B3 !important;
    vertical-align: middle
}

.type2025 .gsc-input input[type="text"] {
    width: 358px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 3px 5px 3px 5px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 2px solid #726E6E !important;
    background-position: 6px center !important;
}

#gsc-iw-id1 {
    position: relative
}

.gsib_b {
    position: absolute;
    top: 3px;
    right: 13px
}

.gsc-search-button {
    margin-left: -12px !important
}

.gsc-search-button button {
    width: 80px !important;
    height: 32px;
    padding: 0 12px !important;
    background: #D6002B;
    box-shadow: 0px 0px 0px 5px rgba(214,0,43,0.1) !important;
    border: 0 none;
    border-radius: 5px !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle !important;
    line-height: 32px;
    outline: none;
    appearance: none !important
}

.type2025 .gsc-search-button button {
    width: 32px !important;
    height: 32px;
    padding: 0 !important;
    background: #726E6E;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 400;
    line-height: 30px;
}

.gsc-search-button button::after {
    content: ' 検索';
    display: inline-block;
    color: #fff
}

.type2025 .gsc-search-button button::after {
    content: '';
}

.gsc-search-button button::before {
    display: inline-block;
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 17px
}

.gsc-search-button button svg {
    display: none
}

.header-menu {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}

.type2025 .header-menu {
    display: block;
    margin-left: 0;
    justify-self: end;
}

.header-menu-no-signed {
    position: absolute;
    right: 475px;
    top: 52px
}

.type2025 .header-menu-logged-in,
.type2025 .header-menu-no-signed {
    position: relative;
    right: 0;
    top: 0;
}

.type2025 .header-menu-no-signed img {
    display: block;
}

.type2025 .header-menu-grid {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
}
.type2025 .header-menu-grid.column-gap-none {
    column-gap: 0;
}

.type2025 .header-menu-grid a {
    text-decoration: none;
    vertical-align: bottom;
}

.header-menu ul li {
    display: inline-block;
    margin-right: 5px
}

.type2025 .header-menu ul li {
    vertical-align: top;
}

.header-menu ul li:last-child {
    margin-right: 0px
}

.header-menu ul li a {
/*    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    font-size: 14px;
    text-decoration: none
}

.user_menu li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-left: 10px
}

.header-menu ul li a {
    display: block
}

.header-menu ul li a span {
    display: block
}

.header-menu ul li a span:last-child {
    padding-top: 5px;
    font-size: 12px;
    line-height: 50%
}

.header-menu ul li a span img {
    border: 1px solid #e2e2e2
}

.my_menu {
    display: none;
    width: 90px;
    z-index: 20;
    background: #fff;
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -45px;
    border-radius: 2px;
    border: solid 1px #bababa;
    padding: 5px
}

.my_menu ul li {
    display: block;
    text-align: center;
    margin-bottom: 5px
}

.my_menu ul li a {
    font-size: 12px
}

.premiere a {
    color: #D6002B;
    font-weight: bold
}

.header-nav-global {
    background: #000000;
    font-size: 18px;
/*    font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    line-height: 1.2
}

.type2025 .header-nav-global {
    font-size: 20px;
    font-weight: 700;
}

.header-nav-global a {
    color: #fff;
    display: inline-block;
    padding: 8px 14px;
    text-decoration: none;
    border-right: solid 1px #484849
}

.type2025 .header-nav-global a {
    border-right: none;
}

.type2025 .header-nav-global .menu-item-premium a {
    color: #AD2229;
}

.header-nav-global a:hover {
    background: rgba(255,255,255,0.3)
}

.header-nav-global>nav>ul {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-left: solid 1px #484849
}

.type2025 .header-nav-global>nav>ul {
    border-left: none;
}

.header-nav-global>nav>ul>li {
    display: table-cell;
    position: relative;
}

.header-nav-global>nav>ul>li span {
    position: absolute;
    top: -13px;
    left: 0px;
    z-index: 10;
    display: inline-block;
    padding: 4px 7px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px
}

.header-nav-global>nav>ul>li span.new {
    background: #D6002B
}

.header-nav-global>nav>ul>li span.premium {
    top: -11px;
    left: -2px;
    padding: 3px 6px;
    background: linear-gradient(135deg, #fceabb 0%, #f8b500 23%, #fccd4d 53%, #f8b500 74%, #fbdf93 100%)
}

.header-nav-global ul ul {
    display: none
}

.sub-menu-item {
    padding: 5px 0;
    background: #fff;
    font-size: 14px;
/*    font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, Verdana, sans-serif;*/
    font-family: var(--body-font-family);
    line-height: 1.2;
    text-align: center
}

.type2025 .sub-menu-item {
    padding: 15px 0;
    position: absolute;
    width: 100%;
}

.sub-menu-item li {
    display: inline
}

.sub-menu-item a {
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    font-size: 18px;
    padding: 4px 7px;
    background: #D6002B;
    border-radius: 3px
}

.type2025 .sub-menu-item a {
    color: #000000;
    background: #D9D9D9;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0;
    padding: 4px 8px;
}

.sub-menu-item a:hover {
    opacity: 0.7
}

.header-nav-special a {
    font-size: 14px;
    padding: 7px 10px;
    color: #000;
    background: none;
    border: none
}

.header-nav-special a:hover {
    color: #999;
    opacity: 1
}

.menu-item a.sub-menu-active {
    position: relative
}

.menu-item a.sub-menu-active:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 7.5px 6px 7.5px;
    border-color: transparent transparent #ffffff transparent
}

.type2025 .menu-item a.sub-menu-active:before {
    margin-left: -4px;
    border-width: 0 3px 9px 3px;
}

.header-entry-button {
    height: 26px;
    margin: 5px 10px 5px;
    padding: 0 12px;
    background: #D6002B;
    box-shadow: 0px 0px 0px 5px rgba(214,0,43,0.1);
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px
}

.header-login-button {
    height: 26px;
    margin: 5px 10px 5px;
    padding: 0 10px;
    background: #fff;
    box-shadow: 0px 0px 0px 5px rgba(214,0,43,0.1);
    border: 2px solid #D6002B;
    border-radius: 5px;
    color: #D6002B;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px
}

div.notice_badge_box {
    display: flex;
    position: relative;
    margin: 10px 0 0 10px
}

div.notice_badge_box p {
    padding: 3px 6.5px;
    position: absolute;
    top: -8px;
    left: 20px;
    background-color: #DE2828;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

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

div.notice_badge_box img:hover {
    opacity: 1.0
}

.header-special-link {
    display: inline-block;
    width: 265px;
    vertical-align: middle;
    text-align: left;
    line-height: 1.4
}

.header-special-link a {
    position: relative;
    display: inline-block
}

.header-special-link a:before {
    content: 'テーマ特集';
    position: absolute;
    display: block;
    top: 1px;
    left: -67px;
    padding: 3px 4px 2px;
    background: #c00;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2
}

.header-nav-global #header-nav-global-special a {
    color: #ffa500
}

.header-nav-global #header-nav-global-eos a {
    background-image: url(./common/eoslogo_pc.jpg);
    background-position: 3px center;
    background-repeat: no-repeat;
    background-size: 52px;
    padding: 8px 10px 8px 55px
}

.header-theme-box {
    display: flex;
    text-align: left
}

.header-theme-box li {
    display: block
}

.header-theme-box span.thumbnail_image {
    width: 60px;
    float: left;
    padding-right: 10px
}

.header-theme-box span.text {
    font-size: 14px;
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.header-theme-box img {
    height: 50px;
    width: 100%
}

.header-theme-items-left {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    border-right: 1px solid #000;
    margin: 10px
}

.header-theme-items-right {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    margin: 10px
}

.more_theme {
    text-align: right
}

.more_theme a {
    font-size: 14px;
    color: #D6002B
}

.wrapper {
    width: 100%;
    min-width: 1056px;
    overflow: hidden
}

.wrapper.type2025 {
    background: #FFFFFF;
}

#content,
.content {
    width: 1090px;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative
}

.type2025 #content {
    padding-bottom: 0;
}

.type2025 .content {
    display: grid;
    grid-template-columns: 732px 336px;
    column-gap: 36px;
    width: 1106px;
}

.type2025 .home-title {
    display: grid;
    grid-template-columns: max(200px, 8em) auto;
    border-bottom: 2px solid #000000;
    margin-bottom: 12px;
}

.type2025 .home-title h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    background: #000000;
    color: #FFFFFF;
    padding: var(--h2-home-subtitle-padding-top) 16px var(--h2-home-subtitle-padding-bottom) 16px;
}

.type2025 .home-content {
    padding: 0 16px;
}

.grid-3columns {
    display: grid;
    grid-template-columns: repeat( 3, 225px );
    column-gap: 28px;
    row-gap: 22px;
    margin-bottom: 22px;
}

.grid-3columns figure img {
    display: block;
    width: 225px;
    height: 150px;
    object-fit: cover;
}

.grid-3columns .post-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    max-height: 5.5em;
    margin: 12px 0;
}

.grid-3columns .post-date {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.type2025 .post-date .badge {
    min-width: 4em;
}

.type2025 .post-date .date {
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    text-align: right;
    color: rgb(102,102,102);
}

.home-archive-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #000000;
    background: #D9D9D9;
    padding: var(--button-home-archive-padding-top) 10px var(--button-home-archive-padding-bottom);
    text-decoration: none;
    border-radius: 5px;
}

.grid-3columns a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
}

.grid-4columns {
    display: grid;
    grid-template-columns: repeat( 4, 162px );
    column-gap: 26px;
    row-gap: 22px;
    margin-bottom: 22px;
}

.grid-4columns figure img {
    display: block;
    width: 162px;
    height: 108px;
    object-fit: cover;
}

.grid-4columns .post-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    max-height: 5.5em;
    margin: 8px 0;
}

.grid-4columns a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

/* swiper */
.home-pickup .swiper-loader,
.home-premium .swiper-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff
}
.home-premium .swiper-loader {
    background: #FFE59D;
}

.home-pickup .swiper-slide figure,
.home-premium .swiper-slide figure {
    position: relative;
    width: 330px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.home-pickup .swiper-thumbnail,
.home-premium .swiper-thumbnail {
    display: block;
    width: 330px;
    height: 220px;
    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;
}

.premium-posts-title {
    background: #FFE59D;
    padding: 8px 0 0 0;
}

.premium-posts-title .grid {
    display: grid;
    grid-template-columns: max( 200px, 8em ) auto;
    align-content: end;
    border-bottom: 2px solid #AD2229;
}

.premium-posts-title h2 {
    align-self: end;
/*    justify-self: start;*/
    background: #AD2229;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    padding: var(--h2-home-subtitle-padding-top) 16px var(--h2-home-subtitle-padding-bottom) 16px;
}

.premium-posts-title .registration-registration {
    align-self: start;
    justify-self: end;
    padding-bottom: 8px;
}

.premium-posts-title .registration-registration img {
    display: block;
    width: 200px;
}

.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;
}

.home-pickup .swiper-loader p:first-child,
.home-premium .swiper-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 {
    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
}

.home-pickup .swiper-loader p:last-child span,
.home-premium .swiper-loader p:last-child span {
    display: block;
    background: #D9D9D9;
}

.full-content {
    width: 1106px;
    margin: 0 auto;
}

.full-content .swiper-pagination {
    position: static;
    padding: 10px 0;
}

.home-premium-content {
    background: #FFE59D;
    padding: 16px 0;
    margin-bottom: 16px;
}

.home-premium-container {
    width: 1106px;
    margin: 0 auto;
/*    padding-right: 371px;*/
}

#content.page_register,
.content.page_register {
    width: 800px
}

#content.error_block,
.content.error_block {
    margin-top: 20px
}

#ad-left,#ad-right {
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 1
}

#ad-left {
    margin-left: -725px
}

#ad-right {
    margin-left: 565px
}

.ad-fix-frame img {
    max-width: none
}

.ad-center {
    margin-bottom: 15px;
    text-align: center
}

.ad-center img {
    margin-left: auto;
    margin-right: auto
}

#content:before,
#container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

#content:after,
.content:after {
    clear: both
}

#content,
.content {
    zoom:1
}

.wiki_link {
    border-bottom: 1px dotted #000;
    text-decoration: none
}

.page_register #main-column {
    width: 800px
}

#main-column {
    float: left;
    width: 732px;
    padding: 20px;
    background: #fff
}

.type2025 .main-column {
    float: none;
    width: 732px;
}

.category-posts {
    display: grid;
    grid-template-columns: repeat( 3, 220px );
    column-gap: 20px;
    row-gap: 45px;
}

.category-posts a {
    font-weight: 700;
    text-decoration: none;
}

.category-posts section {
    position: relative;
}

.category-posts section:not(:nth-child(3n+1))::before {
    content: '';
    position: absolute;
    left:  -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #000000;
}

.type2025 .category-posts .home-title {
    border-bottom: none;
}

.type2025 .category-posts .home-title h2 {
    width: 120px;
    font-size: 18px;
    line-height: 18px;
    padding: var(--h2-home-category-padding-top) 6px var(--h2-home-category-padding-bottom);
}

.type2025 .category-posts .first-post {
    width: 220px;
    margin-bottom: 16px;
}

.type2025 .category-posts .first-thumbnail {
    display: block;
    width: 220px;
    height: 147px;
    object-fit: cover;
}

.type2025 .category-posts .list-posts {
    width: 220px;
    margin-bottom: 22px;
}

.type2025 .category-posts .list-posts li {
    margin-bottom: 12px;
}

.type2025 .category-posts .list-posts figure {
    display: grid;
    grid-template-columns: 83px auto;
    column-gap: 8px;
}

.type2025 .category-posts .list-thumbnail {
    display: block;
    width: 83px;
    height: 83px;
    object-fit: cover;
}

.type2025 .category-posts figcaption {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
    max-height: 5.5em;
}

.type2025 .category-posts .first-post figcaption {
    font-size: 16px;
    margin: 8px 0;
}

.type2025 .category-posts .list-posts figcaption {
    align-self: start;
}

.type2025 .category-posts .home-archive-link {
    font-size: 16px;
    font-weight: 500;
}

#home #main-column section {
    margin-bottom: 20px
}

#home-latest h1.title-banner {
    margin-bottom: 15px
}

.home-pickup-list-frame {
    display: table;
    width: 100%
}

.home-pickup-list-photo,.home-pickup-list-detail {
    display: table-cell;
    vertical-align: top
}

.home-pickup-list-photo {
    width: 240px;
    padding: 20px;
    background: #ddd
}

.home-pickup-list-photo dt,.home-pickup-list-photo dd {
    display: block
}

.home-pickup-list-photo dt {
    margin-bottom: 10px;
    line-height: 0
}

.home-pickup-list-photo dd {
    font-size: 16px;
    line-height: 1.5
}

.home-pickup-list-photo dd a {
    text-decoration: none
}

.home-pickup-list-photo dd a:hover {
    text-decoration: underline
}

.home-pickup-list-detail {
    padding-left: 20px
}

.home-pickup-list-detail li {
    margin: 0 0 8px;
    font-size: 16px
}

.home-pickup-list-detail li:before {
    display: block;
    float: left;
    padding: 2px 8px 0 7px;
    content: "\f138";
    font-family: FontAwesome;
    color: #D6002B;
    font-size: 1.2em
}

.home-pickup-list-detail li div {
    overflow: hidden;
    line-height: 1.3
}

.home-pickup-list-detail li a {
    color: #006699;
    text-decoration: none;
    font-weight: bold
}

.home-pickup-list-detail li a:hover {
    color: #000;
    text-decoration: underline
}

#home-series .series-list>li {
    margin-bottom: 10px
}

#home-series .series-text h2 {
    margin-bottom: 5px;
    font-size: 1.3em;
    line-height: 1.3
}

#home-series .series-text h2 a {
    color: #006699;
    text-decoration: none
}

#home-series .series-text h2 a:hover {
    color: #000;
    text-decoration: underline
}

#home-latest h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
    padding-bottom: 0;
    line-height: 1;
    border-bottom: 3px solid #D6002B
}

#home-latest h2 span {
    display: inline-block;
    padding: 5px 10px 2px;
    background: #D6002B;
    line-height: 1.2;
    font-size: 14px;
    color: #fff
}

#home-latest #home-latest-category {
    display: inline-flex
}

#home-latest #home-latest-category-3column {
    display: inline-flex;
    flex-wrap: wrap
}

#home-latest #home-latest-category-3column h2.home-latest-publicity {
    border-bottom: 3px solid #F5A623
}

#home-latest #home-latest-category-3column h2.home-latest-publicity span {
    background: #F5A623
}

#home-latest-category,#home-latest-category-3column {
    overflow: hidden
}

#home-latest-category>li {
    width: 336px;
    float: left;
    margin-bottom: 20px
}

#home-latest-category-3column>li {
    width: 220px;
    float: left;
    margin-bottom: 20px;
    margin-right: 15px
}

#home-latest-category>li:nth-child(2n-1) {
    margin-right: 20px
}

#home-latest-category-3column>li:nth-child(3n) {
    margin-right: 0
}

#home-latest-category>li li {
    margin-bottom: 11px
}

#home-latest-category li li.jiji_post_1 {
    padding-top: 10px;
    border-top: 1px solid #ccc
}

#home-latest-category-3column>li li {
    margin-bottom: 13px
}

.special-page #detail .readmore,#home-latest-category .readmore,#home-latest-category-3column .readmore {
    text-align: right
}

.mypage_sec .readmore {
    text-align: left
}

.special-page #detail .readmore a,.mypage_sec .readmore a,#home-latest-category .readmore a,#home-latest-category-3column .readmore a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1.5;
    background: #000;
    border-radius: 5px
}

#home-recommend .thumb-list {
    overflow: hidden
}

#home-recommend .thumb-list>li {
    width: 223px;
    float: left;
    margin-bottom: 15px
}

#home-recommend .thumb-list>li:nth-child(3n-1),#home-recommend .thumb-list>li:nth-child(3n-2) {
    margin-right: 10px
}

#home-recommend .thumb-list .thumbnail {
    width: 90px
}

#home-latest-category a,#home-latest-category-3column a {
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -0.5px;
    line-height: 1.3
}

#home-latest-category-3column a {
    font-size: 12px
}

#home-latest-category a:hover,#home-latest-category-3column a:hover {
    color: #999
}

#home-latest-category .list-first,#home-latest-category-3column .list-first {
    margin-bottom: 20px;
    font-size: 18px
}

.thumb-list .list-first .text {
    margin-bottom: 8px
}

.thumb-list .list-first .thumbnail {
    width: 100%;
    padding-right: 0;
    text-align: center
}

.form_list dt {
    float: left;
    clear: both;
    width: 8em;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.form_list dt span {
    font-size: 12px;
    font-weight: normal
}

.form_list dd {
    position: relative;
    float: left;
    font-size: 14px;
    margin-bottom: 15px
}

.form_list dd input[type="text"],.form_list dd input[type="date"],.form_list dd input[type="email"],.form_list dd input[type="password"] {
    width: 270px;
    height: 35px;
    box-sizing: border-box;
    border: #ccc 1px solid;
    padding: 5px 10px;
    background: #fff
}

.form_list dd .no_border {
    border: none
}

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

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

.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
}

.form_list textarea {
    width: 100%;
    height: 250px;
    border: #ccc 1px solid;
    padding: 5px 10px
}

.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: 16px
}

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

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

.regist-title {
    padding-bottom: 7px;
    border-bottom: 2px #333 solid
}

#regist_contents {
    margin-top: 40px
}

#regist_contents .activate .mail {
    padding: 25px 0px 45px;
    font-size: 22px
}

#regist_contents h3 {
    font-size: 19px;
    margin-bottom: 10px
}

#regist_contents .thanks_box {
    margin-bottom: 40px
}

#regist_contents .thanks_box_premium dl {
    padding: 10px 0px 35px
}

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

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

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

#regist_contents .thanks_box_premium dd a {
    color: #D6002B
}

#regist_contents .thanks_category_box .category_box {
    width: 340px;
    border: #ccc 1px solid;
    padding: 10px;
    margin-bottom: 15px
}

#regist_contents .thanks_category_box .category_box ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

#regist_contents .thanks_category_box .category_box ul li {
    width: 50%;
    margin-bottom: 6px
}

.login__box,.regist_new__box,.mypage_sec__box {
    margin-bottom: 30px
}

.login__box h2,.regist_new__box h2,.mypage_sec__box h2 {
    font-size: 16px;
    margin-bottom: 25px !important
}

.login__box__contents,.regist_new__box__contents,.mypage_sec__box__contents {
    padding-left: 25px
}

.login__box .read,.regist_new__box .read,.mypage_sec__box .read {
    margin-bottom: 25px
}

.login__box .error_messages,.regist_new__box .error_messages,.mypage_sec__box .error_messages {
    margin: 0px;
    padding: 0px;
    height: 100%;
    margin-bottom: 10px
}

.login__box .error_messages li,.regist_new__box .error_messages li,.mypage_sec__box .error_messages li {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px
}

.login__box .premier dt,.regist_new__box .premier dt,.mypage_sec__box .premier dt {
    width: 16em
}

.login__box .premier dd.security,.regist_new__box .premier dd.security,.mypage_sec__box .premier dd.security {
    position: relative;
    padding-bottom: 55px
}

.login__box .premier dd.security input,.regist_new__box .premier dd.security input,.mypage_sec__box .premier dd.security input {
    width: 60px
}

.login__box .premier dd.security p.card,.regist_new__box .premier dd.security p.card,.mypage_sec__box .premier dd.security p.card {
    position: absolute;
    top: 0;
    right: -140px
}

.login__box .premier dd.check_contents p:first-child,.regist_new__box .premier dd.check_contents p:first-child,.mypage_sec__box .premier dd.check_contents p:first-child {
    margin: 0px 0px 10px
}

.login__box .premier_at,.regist_new__box .premier_at,.mypage_sec__box .premier_at {
    margin: 25px 0px 35px
}

.login__box .premier_at li,.regist_new__box .premier_at li,.mypage_sec__box .premier_at li {
    font-size: 14px;
    margin-bottom: 3px
}

.login__box .terms,.regist_new__box .terms,.mypage_sec__box .terms {
    margin: 10px 0px 10px
}

.login__box .forget,.regist_new__box .forget,.mypage_sec__box .forget {
    margin-bottom: 15px
}

.login__box .remember ul,.regist_new__box .remember ul,.mypage_sec__box .remember ul {
    margin: 5px 0px 25px 0px
}

.login__box .remember ul li,.regist_new__box .remember ul li,.mypage_sec__box .remember ul li {
    float: left;
    margin-right: 5px;
    font-size: 14px;
    line-height: 92%
}

.login__box .submit,.regist_new__box .submit,.mypage_sec__box .submit {
    margin: 10px 0px 0px 0px
}

.login__box .submit input,.regist_new__box .submit input,.mypage_sec__box .submit input {
    margin: 0px
}

.login__box .sns_link p,.regist_new__box .sns_link p,.mypage_sec__box .sns_link p {
    border-radius: 4px;
    width: 328px
}

.login__box .sns_link a,.regist_new__box .sns_link a,.mypage_sec__box .sns_link a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
    text-decoration: none
}

.login__box .sns_link a i,.regist_new__box .sns_link a i,.mypage_sec__box .sns_link a i {
    margin-right: 5px
}

.login__box .fb,.regist_new__box .fb,.mypage_sec__box .fb {
    background: #3a5a98;
    margin-bottom: 15px
}

.login__box .fb:hover,.regist_new__box .fb:hover,.mypage_sec__box .fb:hover {
    opacity: 0.8
}

.login__box .tw,.regist_new__box .tw,.mypage_sec__box .tw {
    background: #1da1f2
}

.login__box .tw:hover,.regist_new__box .tw:hover,.mypage_sec__box .tw:hover {
    opacity: 0.8
}

.login__box .regist_btn_minnori,.regist_new__box .regist_btn_minnori,.mypage_sec__box .regist_btn_minnori {
    display: inline-block;
    background: #e60012;
    border-radius: 4px
}

.login__box .regist_btn_minnori:hover,.regist_new__box .regist_btn_minnori:hover,.mypage_sec__box .regist_btn_minnori:hover {
    opacity: 0.8
}

.login__box .regist_btn_minnori a,.regist_new__box .regist_btn_minnori a,.mypage_sec__box .regist_btn_minnori a {
    position: relative;
    background-size: 20px 20px;
    display: block;
    padding: 10px 15px 10px 35px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-align: center
}

.login__box .regist_btn_minnori a img,.regist_new__box .regist_btn_minnori a img,.mypage_sec__box .regist_btn_minnori a img {
    position: absolute;
    top: 12px;
    left: 8px
}

.login .at_cc_expiration,.regist_new .at_cc_expiration,.mypage_sec .at_cc_expiration {
    font-size: 12px
}

.login .readmore,.regist_new .readmore,.mypage_sec .readmore {
    text-align: right;
    margin-bottom: 25px
}

.password_reset .read {
    margin-bottom: 40px
}

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

.list-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
}

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

.mypage__info .label {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 12px
}

.mypage__info .label-default {
    background: #efefef;
    color: #727272
}

.mypage__info .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 {
    float: left
}

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

.mypage__info .mypage_info__user {
    float: left;
    margin-left: 15px
}

.mypage__info .mypage_info__user_head {
    margin-bottom: 7px
}

.mypage__info .mypage_info__user_head p {
    display: inline-block
}

.mypage__info .mypage_info__user_head p:nth-child(2) {
    margin-left: 10px
}

.mypage__info .mypage_info__user_body h2 {
    margin-bottom: 10px !important
}

.mypage__info .mypage_info__user_body h2 a {
    font-size: 15px;
    color: #333;
    text-decoration: none
}

.mypage__info .mypage_info__user_body .clip {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 100%
}

.mypage__info .mypage_info__user_body .user_link_list li {
    display: inline-block;
    margin-right: 10px
}

.mypage__info .mypage_info__user_body .user_link_list li:last-child {
    margin-right: 0px
}

.mypage__info .mypage_info__user_body .user_link_list li a {
    font-size: 13px;
    line-height: 100%
}

.mypage__info .user_info__head {
    height: 74px;
    display: flex;
    align-items: left
}

.mypage__info .user_info__left {
    position: relative
}

.mypage__info .user_info__left p.icon_image {
    border: 2px solid #bababa;
    top: -32px;
    left: 10px;
    box-sizing: border-box;
    position: absolute
}

.mypage__info .user_info__left p.icon_image a {
    display: block
}

.mypage__info .user_info__left p.icon_image a img {
    vertical-align: bottom
}

.mypage__info .user_info__right {
    position: relative;
    margin-left: 128px;
    margin-top: 15px;
    width: 100%
}

.mypage__info .user_info__right h2 a {
    font-size: 24px;
    color: #333;
    text-decoration: none;
    line-height: 100%
}

.mypage__info .user_info__right h2 a:hover {
    text-decoration: underline
}

.mypage__info .user_info__right .sns_btn {
    margin-top: 5px
}

.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: 18px 0 0px
}

.mypage__info .user_info__detail .profile_comment {
    font-size: 13px;
    position: relative;
    padding: 15px;
    border-radius: 6px;
    height: auto;
    background: #fff6c6;
    margin-bottom: 15px
}

.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 .user_info__list .box {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc
}

.mypage__info .user_info__detail .user_info__list .box h4 {
    font-size: 13px;
    margin-right: 15px;
    font-weight: bold
}

.mypage__info .user_info__detail .user_info__list .box .middle_title {
    min-width: 140px
}

.mypage__info .user_info__detail .user_info__list .box p {
    font-size: 13px
}

.mypage__info .user_info__detail .user_info__list .box p a {
    color: #333
}

.mypage__info .user_info__detail .user_info__list .two_box {
    display: flex
}

.mypage__info .user_info__detail .user_info__list .two_box .box {
    width: 50%;
    box-sizing: border-box
}

.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 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 #infscr-loading {
    text-align: center
}

.mypage__top__point {
    position: relative;
    margin-top: 5px
}

.mypage__top__point__inner {
    padding: 15px 0px 25px
}

.mypage__top__point__inner h3 {
    margin-bottom: 4px
}

.mypage__top__point__norimono h3 {
    margin-bottom: 4px
}

.mypage__top__point__norimono h3 a {
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px
}

.mypage__top__point__norimono__inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mypage__top__point__norimono__inner p:first-child {
    font-size: 13px
}

.mypage__top__point__norimono__inner p:first-child span {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 5px
}

.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
}

.mypage__top__point__norimono__inner p:last-child a:hover {
    background: #fff;
    color: #d5002b
}

.mypage__top__point__expert {
    margin-top: 20px
}

.mypage__top__point__expert h3 {
    margin-bottom: 4px
}

.mypage__top__point__expert table {
    width: 100%
}

.mypage__top__point__expert table th {
    width: 110px;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    background: #f1f1f1
}

.mypage__top__point__expert table th span {
    font-size: 11px
}

.mypage__top__point__expert table td.point_column {
    width: 115px;
    font-size: 12px;
    padding: 10px 5px;
    border: 1px solid #ccc
}

.mypage__top__point__expert table td.star_column {
    width: 23%;
    padding: 10px;
    border: 1px solid #ccc
}

.mypage__top__point__expert table td.star_column i {
    color: #eeb226;
    display: inline-block;
    margin-right: 8px;
    font-size: 16px
}

.mypage .user_expert_categories {
    padding-bottom: 10px
}

.mypage .user_expert_categories li {
    position: relative;
    display: inline-block;
    margin: 0px 5px 5px 0px;
    background: #aaa;
    font-size: 13px;
    padding: 1px 20px 0px 10px;
    color: #fff
}

.mypage .user_expert_categories li:last-child {
    margin-right: 5px
}

.mypage .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
}

.mypage .user_expert_categories .railway {
    background: #008c00
}

.mypage .user_expert_categories .aviation {
    background: #2d91d7
}

.mypage .user_expert_categories .bus {
    background: #f8b500
}

.mypage .user_expert_categories .road {
    background: #a27b67
}

.mypage .user_expert_categories .car {
    background: #dd0000
}

.mypage .user_expert_categories .ship {
    background: #0224cb
}

.mypage .user_expert_categories .travel {
    background: #d55200
}

.mypage .user_expert_categories .military {
    background: #237028
}

.mypage .everyone_post_list {
    margin-top: 20px
}

.mypage .everyone_post_list h2 {
    font-size: 16px;
    color: #fff;
    background: #d31a1a;
    padding: 2px 8px;
    margin-bottom: 15px
}

.mypage .everyone_post_list .post_list_container {
    margin-top: 15px
}

.mypage .everyone_post_list .post_list_container .post_list_box:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #a9a9a9
}

.mypage .everyone_post_list .post_list_container .post_list_box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mypage .everyone_post_list .post_list_container .post_list_box p.post_image_box {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 68px;
    margin-right: 20px;
    border: 1px solid #e5e5e5
}

.mypage .everyone_post_list .post_list_container .post_list_box 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
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text {
    width: 100%
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text p.post_content a {
    text-decoration: none
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options a {
    line-height: 1em;
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .user_information {
    display: flex;
    align-items: center;
    margin-right: 15px
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .user_information p.user_icon {
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    margin-right: 5px;
    position: relative;
    overflow: hidden
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .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
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .user_post_view {
    margin-left: 8px
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .user_post_view img {
    display: inline-block;
    width: 15px
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options .user_post_view p {
    padding-left: 5px;
    display: inline
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options p.comment_count {
    margin: 0 15px;
    font-size: 12px;
    line-height: 1em
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options p.comment_count:before {
    font-family: "FontAwesome";
    content: '\f075';
    margin-right: 5px
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options p.post_time {
    font-size: 13px;
    color: #a9a9a9;
    text-align: right
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .post_list_options p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    font-weight: 900;
    margin-right: 3px
}

.mypage .everyone_post_list .post_list_container .post_list_box .post_list_text .good_img {
    margin-right: 5px
}

.mypage .everyone_post_list p.more_user_post {
    margin: 15px 0 0
}

.mypage .everyone_post_list p.more_user_post a {
    padding: 5px 16px
}

.mypage .user_post_list {
    margin: 0 0 30px
}

.mypage .user_post_list .pagination,.mypage .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
}

.mypage .user_post_list .pagination .current,.mypage .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
}

.mypage .user_post_list .pagination span {
    display: inline-block;
    padding: 0.3em 0.7em;
    border: 1px solid #aaaaaa;
    margin: 0 2px
}

.mypage .user_post_list .pagination a,.mypage .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;
    text-decoration: none;
    border-radius: 0
}

.mypage .user_post_list .single-pagenation a span {
    display: inline;
    padding: 0;
    border: 0 none;
    border-radius: 0
}

.mypage .user_post_list .pagination a:hover,.mypage .user_post_list .single-pagenation a:hover {
    background-color: #aaa;
    color: #fff
}

.mypage .no_image .post_list_text {
    width: 100%
}

.mypage .no_image .post_list_text p.post_content a {
    text-decoration: none;
    font-weight: bold
}

.mypage .no_image .post_list_text .post_list_options {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.mypage .no_image .post_list_text .post_list_options a {
    text-decoration: none;
    line-height: 1em;
    color: #333;
    font-size: 12px
}

.mypage .no_image .post_list_text .post_list_options .user_information {
    display: flex;
    align-items: center;
    margin-right: 15px
}

.mypage .no_image .post_list_text .post_list_options .user_information p.user_icon {
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    margin-right: 5px;
    position: relative;
    overflow: hidden
}

.mypage .no_image .post_list_text .post_list_options .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
}

.mypage .no_image .post_list_text .post_list_options p.comment_count {
    margin: 0 15px;
    font-size: 12px;
    line-height: 1em
}

.mypage .no_image .post_list_text .post_list_options p.comment_count:before {
    font-family: "FontAwesome";
    content: '\f075';
    margin-right: 5px
}

.mypage .no_image .post_list_text .post_list_options p.post_time {
    font-size: 13px;
    color: #a9a9a9;
    text-align: right
}

.mypage .no_image .post_list_text .post_list_options p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    font-weight: 900;
    margin-right: 3px
}

#userpost_main_container {
/*    font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
    font-family: var(--body-font-family);
    width: 732px;
    background: #fff;
    padding: 30px 20px
}

#userpost_main_container .user_information {
    position: relative
}

#userpost_main_container .user_information p.user_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    box-sizing: border-box
}

#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
}

#userpost_main_container .user_information h3 {
    margin-left: 55px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 5px
}

#userpost_main_container .user_information a {
    text-decoration: none
}

#userpost_main_container .user_information p.post_time {
    margin-left: 55px;
    font-size: 14px;
    color: #a9a9a9
}

#userpost_main_container .user_information p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#userpost_main_container .slider_box {
    margin-top: 25px
}

#userpost_main_container .slider_box ul {
    margin: 0 auto;
    width: 624px
}

#userpost_main_container .slider_box ul .slick-track {
    display: flex;
    align-items: center
}

#userpost_main_container .slider_box ul li {
    width: 624px;
    background: #333333;
    position: relative
}

#userpost_main_container .slider_box ul li img {
    width: 100%
}

#userpost_main_container .slider_box ul .slick-prev,#userpost_main_container .slider_box ul .slick-next {
    width: 28px;
    height: 28px;
    background: #707070;
    border-radius: 14px
}

#userpost_main_container .slider_box ul .slick-prev:before,#userpost_main_container .slider_box ul .slick-next:before {
    font-family: 'slick';
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    border-radius: 14px
}

#userpost_main_container .slider_box ul .slick-prev {
    left: -33px
}

#userpost_main_container .slider_box ul [dir='rtl'] .slick-prev {
    right: -33px
}

#userpost_main_container .slider_box ul .slick-prev:before {
    content: '＜'
}

#userpost_main_container .slider_box ul [dir='rtl'] .slick-prev:before {
    content: '＞'
}

#userpost_main_container .slider_box ul .slick-next {
    right: -33px
}

#userpost_main_container .slider_box ul [dir='rtl'] .slick-next {
    left: -33px
}

#userpost_main_container .slider_box ul .slick-next:before {
    content: '＞'
}

#userpost_main_container .slider_box ul [dir='rtl'] .slick-next:before {
    content: '＜'
}

#userpost_main_container .slider_box ul .slick-dotted.slick-slider {
    margin-bottom: 30px
}

#userpost_main_container .slider_box ul ul.slick-dots {
    position: static;
    margin-top: 15px
}

#userpost_main_container .slider_box ul ul.slick-dots li {
    background: #333;
    opacity: 0.25;
    border-radius: 4px;
    width: 8px;
    height: 8px;
    margin: 0 2.5px;
    cursor: pointer
}

#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
}

#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
}

#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
}

#userpost_main_container #user_post_text {
    margin-top: 30px
}

#userpost_main_container #user_post_text p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 28px
}

#userpost_main_container #user_post_contents_info {
    display: flex;
    align-items: center
}

#userpost_main_container #user_post_contents_info .user_post_view {
    margin: -7px 0px 0px 10px
}

#userpost_main_container #user_post_contents_info .user_post_view p {
    color: #777
}

#userpost_main_container #user_post_contents_info .user_post_view p:before {
    font-family: 'FontAwesome';
    content: '\f06e';
    display: inline-block;
    margin-right: 5px
}

#userpost_main_container .post_tag_list ul li {
    display: inline-block;
    margin: 0 7px 10px 0
}

#userpost_main_container .post_tag_list ul li a {
    text-decoration: none;
    background: #b5b5b5;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1em;
    color: #fff;
    border-radius: 3px
}

#userpost_main_container #user_post_comment h2 {
    padding: 10px 15px;
    background: #fff3ef;
    font-size: 18px
}

#userpost_main_container #user_post_comment form {
    height: 155px;
    display: block;
    position: relative;
    margin-bottom: 15px
}

#userpost_main_container #user_post_comment form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    margin-top: 15px;
    padding: 10px;
    height: 90px
}

#userpost_main_container #user_post_comment form textarea::placeholder {
    color: #bfbfbf
}

#userpost_main_container #user_post_comment form textarea:-ms-input-placeholder {
    color: #bfbfbf
}

#userpost_main_container #user_post_comment form button#post_btn {
    position: absolute;
    right: 0;
    top: 115px;
    margin: 0;
    display: inline-block;
    padding: 10px 36px;
    background: #d31a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    line-height: 1em;
    font-size: 15px;
    text-align: left;
    font-weight: bold
}

#userpost_main_container #user_post_comment form p.no_sign_in_btn {
    position: absolute;
    right: 0;
    top: 115px;
    margin: 0
}

#userpost_main_container #user_post_comment form p.no_sign_in_btn a {
    display: inline-block;
    padding: 10px 36px;
    background: #d31a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    line-height: 1em;
    font-size: 15px;
    text-align: left
}

#userpost_main_container #user_post_comment form p.no_sign_in_btn a:hover {
    opacity: 1
}

#userpost_main_container #user_post_comment .user_comment_box {
    margin-bottom: 30px
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper p.user_icon {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    width: 45px;
    height: 45px
}

#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
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content {
    margin: 0 10px;
    max-width: 480px
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content h3 {
    font-size: 14px;
    font-weight: bold
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content a {
    text-decoration: none
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content p.comment {
    word-break: break-all;
    line-height: 20px
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_wrapper .comment_content p.delete_comment {
    font-size: 12px;
    color: #a9a9a9;
    word-break: break-all;
    line-height: 20px
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option .time_and_good {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option p.post_time {
    font-size: 12px;
    color: #a9a9a9
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option p.reply_btn {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 18px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

#userpost_main_container #user_post_comment .user_comment_box .main_comment_box .comment_option .delete_btn {
    font-size: 12px;
    padding: 5px 8px
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box {
    display: none
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box form {
    height: auto;
    text-align: right;
    margin-bottom: 15px
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box form textarea {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
    margin-top: 15px;
    padding: 10px;
    height: 60px
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box form textarea::placeholder {
    color: #bfbfbf
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box form textarea:-ms-input-placeholder {
    color: #bfbfbf
}

#userpost_main_container #user_post_comment .user_comment_box .reply_comment_box form button#post_btn {
    position: static;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 18px;
    background: #d31a1a;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 15px 0 0 45px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper p.user_icon {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    width: 45px;
    height: 45px
}

#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
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content {
    margin: 0 10px;
    max-width: 435px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content h3 {
    font-size: 14px;
    font-weight: bold
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content a {
    text-decoration: none
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content p.comment {
    word-break: break-all;
    line-height: 20px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_wrapper .comment_content p.delete_comment {
    font-size: 12px;
    color: #a9a9a9;
    word-break: break-all;
    line-height: 20px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option .time_and_good {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option p.post_time {
    font-size: 12px;
    color: #a9a9a9
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    margin-right: 3px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option p.reply_btn {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 18px;
    background: #333;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

#userpost_main_container #user_post_comment .user_comment_box .sub_comment_box .comment_option .delete_btn {
    font-size: 12px;
    padding: 5px 8px
}

#userpost_main_container #user_post_comment .user_comment_box .sub_reply_box {
    margin-left: 45px
}

#userpost_main_container #user_post_comment .user_comment_box p.show_more_comment {
    margin-top: 12px;
    text-align: center;
    color: #b5b5b5;
    line-height: 16px;
    cursor: pointer
}

#userpost_main_container #user_post_comment .user_comment_box p.show_more_comment:after {
    font-family: "FontAwesome";
    content: '\f107';
    margin-left: 10px
}

#userpost_main_container #user_post_comment .user_comment_box p.show_more_comment.active:after {
    content: '\f106'
}

#userpost_main_container #user_post_comment .user_comment_box .more_comment_show {
    display: none
}

#userpost_main_container #user_post_comment .user_comment_box:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bfbfbf
}

#userpost_main_container #user_post_comment .user_comment_box:last-child {
    border-style: none
}

#userpost_main_container #user_post_comment p.no_sign_in_btn {
    position: static;
    background: #fff;
    padding: 0;
    display: inline-block;
    font-size: 12px
}

#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
}

#userpost_main_container #user_post_comment p.no_sign_in_btn a:hover {
    opacity: 1
}

#userpost_main_container .post_like_box_tool {
    padding: 5px 0 12px 0
}

#userpost_main_container .post_like_box_tool p a {
    font-size: 13px;
    color: #d6002b;
    text-decoration: none;
    padding: 5px 0px 5px 23px
}

#userpost_main_container .post_like_box_tool p a:hover {
    opacity: 0.8
}

#userpost_main_container .post_like_box_tool p a span {
    display: inline-block;
    line-height: 18px
}

#userpost_main_container .post_like_box_tool p a.pointer_none {
    pointer-events: none
}

#userpost_main_container .post_like_box_tool .good a {
    background: url(./wiki/good.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#userpost_main_container .post_like_box_tool .good_grey a {
    color: #000;
    background: url(./wiki/good_sub.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#userpost_main_container .comment_like_box_tool {
    padding: 0 10px 0 0
}

#userpost_main_container .comment_like_box_tool p a {
    font-size: 13px;
    color: #d6002b;
    text-decoration: none;
    padding: 5px 0px 5px 23px
}

#userpost_main_container .comment_like_box_tool p a:hover {
    opacity: 0.8
}

#userpost_main_container .comment_like_box_tool p a span {
    display: inline-block;
    line-height: 18px
}

#userpost_main_container .comment_like_box_tool p a.pointer_none {
    pointer-events: none
}

#userpost_main_container .comment_like_box_tool .good a {
    background: url(./wiki/good.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

#userpost_main_container .comment_like_box_tool .good_grey a {
    color: #000;
    background: url(./wiki/good_sub.svg) no-repeat 0px 1px;
    background-size: 18px 16px
}

.mypage_sec>h2 {
    font-size: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px !important
}

.mypage_sec>h2 span {
    display: inline-block;
    width: 25px;
    padding: 5px 5px;
    margin-right: 5px
}

.mypage_sec>h2 span i {
    color: #fff
}

.mypage_sec>h2 .info i {
    color: #D6002B
}

.mypage_sec>h2 .clip i {
    color: #eac641
}

.mypage_sec>h2 .follow i {
    color: #ea7c41
}

.mypage_sec>h2 .setting i {
    color: #64615d
}

.mypage_sec>h2 .default i {
    color: #d5002b
}

.mypage_sec>h2.survey {
    padding-left: 35px;
    background: url(./qa/icon_survey.png) no-repeat 5px 0px;
    background-size: 22px auto
}

.mypage_sec>h2.qa {
    padding-left: 35px;
    background: url(./qa/icon_q.png) no-repeat 5px 5px;
    background-size: 22px auto
}

.mypage_sec>h2.qa_answer {
    padding-left: 35px;
    background: url(./qa/icon_a.png) no-repeat 5px 5px;
    background-size: 22px auto
}

.mypage_sec__read {
    margin-top: -10px;
    margin-bottom: 30px
}

.mypage_sec__inner .point>h3 {
    font-weight: normal
}

.mypage_sec__inner .point>h3 span {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 5px
}

.mypage_sec__inner .point .point_form_select_w {
    position: relative;
    display: inline-block
}

.mypage_sec__inner .point .point_form_select_w:after {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    content: '\f0d7';
    font-family: 'FontAwesome';
    font-size: 15px
}

.mypage_sec__inner .point .point_form_select {
    padding: 0px 25px 0px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    line-height: 35px;
    -webkit-appearance: none;
    appearance: none
}

.mypage_sec__inner .point__inner {
    margin-bottom: 35px
}

.mypage_sec__inner .point__inner:first-child {
    margin-top: 35px
}

.mypage_sec__inner .point__inner h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #d5002b
}

.mypage_sec__inner .point__inner .present_list .mypage_history_table_title {
    font-size: 16px;
    margin: 10px 0px;
    color: #d5002b
}

.mypage_sec__inner .point__inner .present_list table {
    width: 100%
}

.mypage_sec__inner .point__inner .present_list table th {
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #ccc;
    background: #f1f1f1
}

.mypage_sec__inner .point__inner .present_list table th:last-child {
    width: 160px
}

.mypage_sec__inner .point__inner .present_list table td {
    padding: 5px 10px;
    border: 1px solid #ccc
}

.user_header__box {
    width: 100%;
    height: 280px;
    margin-bottom: 10px
}

.user_header_cover_image img {
    border: 2px solid #bababa
}

.mypage_edit .user_edit dt {
    width: 16em
}

.mypage_edit textarea {
    width: 420px
}

.mypage_edit p.follow_category {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.mypage_edit h3 {
    margin-bottom: 5px
}

.mypage_edit .at_text_read {
    font-size: 12px;
    font-weight: normal;
    display: block
}

.mypage_edit .category_box {
    position: relative;
    width: 340px;
    border: #ccc 1px solid;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 15px
}

.mypage_edit .category_box #category_not_subscriber {
    position: absolute;
    top: -2px;
    left: -10px;
    width: 140%;
    height: 110%;
    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 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: 50%;
    margin-bottom: 6px
}

.mypage_edit .change_plan {
    margin: 25px 0px
}

.mypage_edit .back_link {
    margin-top: 30px
}

.mypage_edit__attention {
    margin-bottom: 20px;
    padding: 10px;
    background: #f3f3f3;
    border: 1px solid #ccc
}

.mypage_edit__attention li {
    font-size: 13px;
    color: #e9001f;
    margin-bottom: 8px;
    line-height: 1.4
}

.edit_submit input {
    margin: 25px 0px
}

.mypage_info__list dt {
    float: left;
    clear: both;
    width: 8em;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px
}

.mypage_info__list dd {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 10px
}

.mypage_info .mypage_sec__contents__show {
    margin-bottom: 50px
}

.mypage_info .mypage_sec__contents__show p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.8
}

.mypage_info__show__title {
    margin-bottom: 20px
}

.mypage_info__show__contents p {
    line-height: 1.8;
    margin-bottom: 20px
}

.mypage_info__nav ul {
    border-radius: 4px;
    margin-top: 15px;
    background: #d5002b
}

.mypage_info__nav ul li {
    position: relative;
    display: inline-block
}

.mypage_info__nav ul li:after {
    position: absolute;
    content: '';
    display: block;
    top: 2px;
    right: 0px;
    width: 1px;
    height: 31px;
    background: #eb7e7e
}

.mypage_info__nav ul li:hover:after {
    display: none
}

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

.mypage_info__nav ul li a {
    display: block;
    padding: 0px 10px;
    line-height: 35px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #d5002b;
    border: 1px solid #d5002b;
    transition: .3s all
}

.mypage_info__nav ul li a:hover {
    background: #fff;
    color: #d5002b
}

.mypage_info__nav ul li:first-child a {
    border-radius: 4px 0px 0px 4px
}

.mypage_survey .mypage_survey_answer_contents {
    padding-top: 10px
}

.mypage_survey .survey_list {
    margin: 30px 0px 0px
}

.mypage_survey .survey_list li {
    position: relative;
    margin-bottom: 25px;
    padding-top: 7px
}

.mypage_survey .survey_list li span {
    position: absolute;
    top: -11px;
    left: 16px;
    display: inline-block;
    border-radius: 2px;
    background: #d5002b;
    color: #fff;
    font-size: 12px;
    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;
    display: inline-block;
    min-width: 150px
}

.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: 80%;
    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-top: 50px
}

.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
}

.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
}

.mypage_qa .mypage_sec__contents {
    padding-bottom: 20px
}

.mypage_qa .qa_box {
    margin-bottom: 10px
}

.mypage_qa .qa_box__date {
    font-size: 12px
}

.mypage_qa .qa_box__cate li {
    display: inline-block;
    font-size: 11px;
    margin-right: 5px;
    color: #d5002b
}

.mypage_qa .qa_box__contents h4 a {
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.mypage_qa .qa_box__contents h4 a:hover {
    color: #999
}

.mypage_qa .qa_box__info li {
    margin-right: 5px;
    display: inline-block;
    font-size: 11px;
    color: #666
}

.mypage_qa .qa_box .user_answer {
    display: flex;
    margin: 10px 0px 25px
}

.mypage_qa .qa_box .user_answer p {
    margin: 0px
}

.mypage_qa .qa_box .user_answer p:first-child {
    margin-right: 10px
}

.mypage_qa .qa_box .user_answer p:last-child {
    width: 100%;
    word-break: break-all;
    padding: 10px;
    background: #efefef;
    border-radius: 4px
}

.mypage_clip {
    position: relative
}

.mypage_clip__sort {
    position: absolute;
    right: 5px;
    top: 6px
}

.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;
    margin-bottom: 20px
}

.mypage_clip__post .image {
    margin-right: 15px
}

.mypage_clip__post .info {
    position: relative;
    width: 100%
}

.mypage_clip__post .info h3 {
    width: 100%;
    font-size: 16px;
    padding-right: 65px
}

.mypage_clip__post .info h3 a {
    text-decoration: none
}

.mypage_clip__post .info .delte_link {
    position: absolute;
    top: 0;
    right: 20px
}

.mypage_clip__post .info .delte_link a {
    font-size: 12px;
    color: #808080
}

.mypage_clip__post .info .delte_link a:hover {
    text-decoration: none
}

.mypage_clip__post .info .info_date {
    font-size: 12px;
    margin: 5px 0px
}

.mypage_clip__post .info .description {
    font-size: 13px
}

#conf-message {
    padding-left: 25px
}

#conf-message .message {
    border: 1px solid #333;
    padding: 10px
}

#conf-message .flash-message {
    border: 2px solid #333;
    border-radius: 5px;
    background: #FFF
}

.mypage-btn-back {
    text-align: right
}

.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:first-child {
    padding-top: 20px
}

.mypage_faq .mypage_faq_box h3 {
    font-size: 16px;
    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: 15px;
    font-weight: bold;
    margin-bottom: 5px
}

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

.plan_box {
    width: 500px
}

.plan_box table {
    width: 100%
}

.plan_box table th {
    width: 40%;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    font-weight: normal
}

.plan_box table th:first-child {
    width: 20%;
    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
}

.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 {
    margin-bottom: 30px
}

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

.cancel__tool {
    width: 320px;
    margin: 30px auto
}

.cancel__tool p {
    display: inline-block
}

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

.cancel__tool p a {
    width: 148px;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center
}

.cancel__inner {
    width: 520px;
    margin: 0 auto
}

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

.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: 13px;
    margin-bottom: 5px
}

.thanks_at {
    color: #D6002B;
    font-weight: bold
}

.thanks {
    margin-top: 15px !important;
    margin-bottom: 70px
}

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

.thanks #conf-message {
    padding-left: 0px;
    margin-bottom: 25px
}

.thanks__mypage {
    margin-bottom: 70px
}

.thanks__mypage .read {
    line-height: 1.6;
    margin-bottom: 25px
}

.thanks__mypage .btn-black a {
    margin: 0px
}

.thanks__premier h2 {
    font-size: 22px;
    margin-bottom: 15px !important
}

.thanks__premier .read {
    line-height: 1.6
}

.thanks__premier__contents {
    margin-top: 35px
}

.thanks__premier__contents>h3 {
    margin-bottom: 22px !important
}

.thanks__premier__contents .merit_list {
    padding: 25px;
    background: #ebebeb
}

.thanks__premier__contents .merit_list dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px
}

.thanks__premier__contents .merit_list dd {
    font-size: 14px;
    margin-bottom: 25px
}

.thanks__premier__contents .service {
    margin-bottom: 45px
}

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

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

.thanks__amazon {
    padding: 30px 10px 30px 10px;
    border: 4px solid #de2828;
    margin: 50px 0;
    border-radius: 10px 10px 10px 10px
}

.thanks__amazon img {
    width: 660px
}

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

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

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

.modal_wrapper {
    display: none
}

.modal_inner {
    background: #fff;
    padding: 40px;
    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
}

#js-modal_special form {
    width: 450px
}

#js-modal_special form textarea#post_comment {
    width: 100%;
    height: 198px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 3px
}

#js-modal_special form .post_options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px
}

#js-modal_special 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
}

#js-modal_special 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
}

#js-modal_special 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%)
}

#js-modal_special form .post_options ul.tagit {
    display: block;
    width: 400px;
    padding: 4.25px 6px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    box-sizing: border-box
}

#js-modal_special form .post_options ul.tagit li {
    font-size: 13px;
    line-height: 18px;
    margin: 0 5px 0 0
}

#js-modal_special form .post_options ul.tagit li.tagit-choice-editable {
    padding: .15em 18px .15em .5em
}

#js-modal_special form .post_options .open_range_select {
    margin-top: 10px;
    border: 1px solid #bfbfbf;
    width: 120px;
    height: 35px;
    border-radius: 3px;
    position: relative
}

#js-modal_special form .post_options .open_range_select select {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    line-height: 1em;
    padding: 7px 10px 7px 35px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

#js-modal_special form .post_options .open_range_select:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 0;
    height: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333333;
    pointer-events: none
}

#js-modal_special form .post_options .licence_check_box {
    margin-top: 10px
}

#js-modal_special form .post_options .licence_check_box input[type="checkbox"] {
    display: none
}

#js-modal_special form .post_options .licence_check_box label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: none;
    color: #333333;
    font-size: 14px;
    font-weight: bold
}

#js-modal_special form .post_options .licence_check_box label::before,#js-modal_special form .post_options .licence_check_box label::after {
    position: absolute;
    content: '';
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

#js-modal_special form .post_options .licence_check_box label::before {
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -10.5px;
    border: 1px solid #ccc
}

#js-modal_special form .post_options .licence_check_box label::after {
    opacity: 0;
    top: 50%;
    left: 4px;
    width: 8px;
    height: 4px;
    margin-top: -6px;
    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 form .post_options .licence_check_box input[type="checkbox"]:checked+label::before {
    background: #fff;
    border: 1px solid #d6002b
}

#js-modal_special 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 form .post_options .licence_check_box p {
    font-size: 12px;
    margin: 0
}

#js-modal_special form .post_options input[type=submit] {
    margin: 10px auto 0;
    padding: 0px 40px;
    height: 35px;
    font-size: 16px;
    font-weight: bold;
    background: #d6002b;
    border-radius: 3px;
    line-height: 0
}

#js-modal_special form .post_options input[type=submit]:hover {
    background: #fff;
    border: 1px solid #d6002b;
    color: #d6002b
}

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

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

.topicpath {
    color: #999
}

.topicpath li {
    display: inline-block;
    font-size: 0.9em;
    color: #999
}

.topicpath li:before {
    content: "»";
    display: inline-block;
    margin: 0 5px 0 0
}

.topicpath li.home:before {
    display: none
}

.topicpath a {
    color: #888
}

.topicpath a:hover {
    color: #aaa
}

article h1 {
    margin: 15px 0 10px;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -1px
}

#page #main-column h2 {
    margin-bottom: 10px
}

.article-meta-top {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.2
}

.article-meta-top,.article-meta-top a {
    color: #666
}

.article-meta-top a:hover {
    color: #999
}

.article-meta-top li {
    display: inline-block;
    margin: 5px 10px 0 0
}

.article-meta-top .article-by {
    float: right
}

.article-meta-box {
    text-align: center
}

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

.article-middle,.article-middle-link-wrap,.article-latest {
    margin-bottom: 20px
}

.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
}

.article-related h3 {
    display: none
}

.social-button,.article-tags {
    overflow: hidden;
    margin: 10px 0
}

.social-button li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    white-space: nowrap;
    line-height: 1
}

.social-button li a {
    text-decoration: none
}

.social-button li.social-pinterest a {
    width: 75px;
    letter-spacing: 7px;
    font-size: 12px
}

.social-button-top {
    margin-top: 10px
}

.clip_btn {
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    background: #d5c44a;
    padding: 4px 10px;
    border: 1px solid #9e9e9e;
    font-size: 12px;
    color: #444444;
    background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%)
}

.clip_btn i {
    margin-right: 4px;
    color: #f1c525
}

.clip_btn-large {
    padding: 7px 10px;
    width: 135px;
    height: 37px;
    box-sizing: border-box;
    font-size: 13px
}

.clip_btn.active {
    background: #d78200;
    border: 1px solid #d78200
}

.clip_btn.active span {
    color: #fff
}

.clip_btn.active i {
    color: #fff
}

.article-tags,.article-tags a {
    color: #666
}

.article-tags a:hover {
    color: #999
}

#detail {
    margin: 20px 0 30px 0;
    line-height: 1.8;
    font-size: 14px;
    word-break: break-all
}

#detail h2 {
    margin: 1em 0;
    font-size: 1.5em;
    font-weight: bold
}

#detail h3 {
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4
}

#detail p {
    margin: 1em 0
}

#detail p.post-excerpt {
    margin: 0 0 1em;
    padding: 10px 12px;
    background: #ddd;
    line-height: 1.5;
    color: #444
}

#detail figure>a {
    display: block
}

.nextpage a {
    display: table;
    width: 480px;
    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
}

.nextpage a:hover {
    border: 4px solid #000;
    background: #000;
    color: #000
}

article figure {
    width: 620px;
    margin: 1em auto;
    padding: 8px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #eee;
    text-align: center
}

article figure.two_images {
    width: 420px
}

article figure table.two_images {
    width: 408px
}

article .figure300 {
    width: 320px;
    float: right;
    margin: 0 auto 1em 15px
}

article .no_img_fig {
    width: 300px;
    float: left;
    margin: 0 15px 10px 0
}

article figcaption {
    font-size: 13px;
    color: #666;
    text-align: left;
    line-height: 1.3
}

.social-buzz-link {
    margin: 1em 0 20px
}

.social-buzz-link ul {
    display: table;
    width: auto;
    margin: 1em auto
}

.social-buzz-link ul li {
    display: table-cell;
    padding: 0 5px;
    text-align: center;
    vertical-align: top
}

.social-buzz-link-post ul {
    display: flex;
    justify-content: center
}

.social-buzz-link-post ul li {
    display: block
}

.social-buzz-link ul .social-pinterest-button a {
    width: 135px;
    letter-spacing: 5px;
    font-size: 12px;
    padding: 5px 0 30px 0;
    font-size: 16px;
    box-shadow: 0 2px #999;
    line-height: 27px;
    background-position: -10% 50%;
    background-size: 65% 65%;
    border-radius: 3px
}

.social-facebook-root a {
    display: inline-block;
    width: 570px;
    padding: 6px 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: 14px;
    font-weight: bold;
    text-align: center
}

.social-facebook-root a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.social-facebook-root a i {
    font-size: 25px;
    vertical-align: -14%
}

.pagination,.single-pagenation {
    clear: both;
    margin: 0 0 1.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,.single-pagenation a {
    display: inline-block;
    padding: 0.25em 0.8em;
    border: 1px #1A2650 solid;
    color: #1A2650;
    margin: 0 3px;
    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
}

.social-comment-count {
    position: relative;
    margin: 0 1px 0 5px;
    padding: 3px 4px 3px;
    background: #ffffff;
    border: 1px solid #999;
    font-size: 11px;
    font-family: Arial, sans-serif;
    border-radius: 3px;
    vertical-align: 6px;
    line-height: 1
}

.social-comment-count:after,.social-comment-count:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.social-comment-count:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #ffffff;
    border-width: 3px;
    margin-top: -3px
}

.social-comment-count:before {
    border-color: rgba(153,153,153,0);
    border-right-color: #999;
    border-width: 4px;
    margin-top: -4px
}

.section-archive-list h1 {
    margin: 20px 0;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -1px
}

.archive-list li {
    overflow: hidden;
    margin-bottom: 15px
}

.archive-list li figure {
    float: left;
    width: 90px;
    padding-right: 10px;
    text-align: center
}

.archive-list li .post-list-detail {
    overflow: hidden;
    line-height: 1.4
}

#page #main-column .post-list-detail h2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.2
}

#page #main-column .post-list-detail h2 a {
    color: #006699;
    text-decoration: none
}

#page #main-column .post-list-detail h2 a:hover {
    color: #000;
    text-decoration: underline
}

.archive-list li .post-list-date {
    margin: 3px 0;
    color: #999
}

.post-attachment-list {
    margin: 20px 0
}

.post-attachment-list img {
    border: 2px solid #999
}

#detail .post-attachment-list h2 {
    font-size: 1.3em
}

#recommend_list h2 {
    font-size: 1.3em
}

.post-attachment-list li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px
}

.post-parent-title {
    font-size: 1.2em
}

.post-parent-title a {
    font-weight: bold
}

#writer-profile {
    margin-bottom: 25px;
    padding: 8px 10px 10px;
    background: #F0EBEB;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    line-height: 1.4;
    text-align: left
}

#page #main-column #writer-profile h2 {
    margin: 0 0 5px 0;
    font-size: 21px;
    font-weight: normal;
/*    font-family: Platino, "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "メイリオ", Meiryo, "HG明朝E", "ＭＳ Ｐ明朝", serif*/
    font-family: var(--body-font-family);
}

#detail #writer-profile p {
    margin: 0
}

.question_link_box {
    background: #c42933;
    padding: 10px;
    margin-bottom: 40px
}

.question_link_box__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 25px
}

.question_link_box__left h2 {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 10px
}

.question_link_box__left h2 span {
    display: block;
    font-size: 15px
}

.question_link_box__left p {
    width: 340px;
    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: 45px;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    transition: all .3s
}

.question_link_box__left p a:hover {
    background: #fff;
    color: #c42933
}

.question_link_box__right ul {
    margin-left: 10px
}

.question_link_box__right ul li {
    font-size: 14px;
    margin-bottom: 8px
}

.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
}

.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: 12px;
    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: 15px;
    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
}

.question_link_box .question_show_form .qa_form .qa_form_checkbox label {
    margin-right: 3px
}

.question_link_box .question_show_form .qa_form .required {
    font-size: 12px;
    color: #de2828;
    margin-left: 5px
}

.question_link_box .question_show_form .qa_form .max_length {
    font-size: 12px;
    margin-left: 10px
}

.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 input[type="submit"] {
    background: #c42933;
    font-size: 20px;
    padding: 0px 50px;
    font-weight: normal;
    line-height: 40px
}

#main-column.special-page {
    padding: 0;
    margin-top: 20px
}

#main-column.special-page #detail {
    margin: 0 0 30px;
    padding: 20px
}

#detail p.post-excerpt {
    margin: 0 0 1em;
    padding: 10px 12px;
    background: #ddd;
    line-height: 1.5;
    color: #444
}

.special-page .social-button-top {
    margin: 0 0 20px 0
}

#page #main-column.special-page #detail h2 {
    margin: 0 0 20px;
    font-weight: bold
}

#main-column.special-page .banner-top img {
    max-width: 692px
}

.special-keyvisual {
    position: relative;
    line-height: 0;
    min-height: 75px
}

.special-keyvisual-text {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 14px 0px 10px 20px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    text-shadow: 0 0 2px #000, 0 0 4px #000;
    line-height: 1.3
}

.special-title-head {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: bold
}

.special-keyvisual-text h1 {
    margin: 0 0 15px;
    font-size: 32px
}

.special-keyvisual-text p {
    line-height: 1.5
}

figure.keyvisual {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: none;
    background: #fff
}

figure.keyvisual img {
    width: 100%;
    height: auto
}

.list-tile:after {
    content: '';
    display: block;
    clear: both
}

.list-tile li {
    width: 336px;
    float: left;
    margin: 0 20px 20px 0;
    line-height: 1.3
}

.list-tile li:nth-child(2n) {
    margin: 0 0 20px 0
}

.list-overlay {
    position: relative;
    width: 336px;
    height: 224px;
    overflow: hidden
}

.list-overlay img {
    width: 100%;
    height: auto
}

.list-tile h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 7px;
    background: rgba(255,255,255,0.8);
    font-size: 16px;
    font-weight: normal
}

#detail .list-tile .post-date {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 5px;
    text-align: right;
    font-size: 12px;
    background: rgba(255,255,255,0.8);
    line-height: 1.2
}

#detail .list-tile .post-status-future .post-date {
    background: #f44e00;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.post-status-future img,.post-status-future h3,.post-status-future .post-lead {
    opacity: 0.4
}

.list-tile a {
    text-decoration: none
}

#detail .list-tile .post-lead {
    margin: 1em 0 0 0;
    line-height: 1.5;
    color: #333;
    font-size: 13px
}

#detail .list-tile a:hover .post-lead {
    color: #aaa
}

.special-recommend {
    padding: 20px
}

#detail .list-tile-bottom {
    margin: 0 0 15px
}

.section-special-list {
    margin: 25px 0
}

.special-keyvisual-text {
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto
}

#themes_btn {
    border-radius: 5px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    border: 3px solid #eb7300;
    width: 400px;
    margin: 0 auto 20px
}

#themes_btn a {
    font-size: 18px;
    color: #eb7300;
    display: inline-block;
    text-decoration: none;
    padding: 5px 0px;
    width: 100%
}

#themes_btn a:hover {
    color: #fff;
    background-color: #eb7300
}

#comments {
    margin-top: 2em
}

.comment-success {
    padding-bottom: 10px;
    font-size: 1.2em;
    color: #c00
}

article .detail p.logged-in-as {
    margin: 0.5em 0
}

.comment-list {
    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: 0 10px 0 0
}

.wpulike .counter a.text,.comment-body .reply a {
    background: #f7f7f7;
    padding: 3px 8px;
    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,.comment-body .reply a:hover {
    background: #eee;
    border: 1px solid #ccc
}

.comment-body {
    overflow: hidden;
    padding: 2px 0 0 0
}

.children .comment-body {
    padding: 2px 5px 5px 5px
}

.comment-metadata {
    float: left;
    width: 210px;
    padding: 0 20px 5px 0;
    line-height: 1.3
}

.comment-text {
    overflow: hidden;
    padding: 0
}

.comment-meta {
    margin: 0.5em 0;
    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.comment {
    padding: 5px 0;
    border-top: 1px dashed #ccc
}

.comment-list li {
    position: relative;
    display: block;
    margin-bottom: 5px
}

.comment-list .children li {
    position: relative;
    margin: 7px 0 0 40px;
    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-respond label {
    display: block
}

.comment-form-comment input[type=text],.comment-form-comment input[type=email],.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 {
    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
}

.comment-form-author__member_name {
    margin-top: 15px;
    font-size: 15px
}

.comment-form-author__member_name span {
    font-weight: bold;
    margin-right: 10px
}

textarea {
    max-width: 100%
}

#side-column {
    float: right;
    width: 336px;
    position: relative
}

.type2025 .side-column {
    width: 325px;
    position: relative;
}

.home-special-content {
    width: 327px;
    margin: 0 auto 32px auto;
}

.home-special-content li {
    margin-bottom: 16px;
}

.home-special-content img {
    display: block;
    width: 325px;
    height: 96px;
    object-fit: cover;
}

.banner-text a {
    text-decoration: none;
}
.banner-text span {
    display: table-cell;
    width: 325px;
    height: 96px;
    border-radius: 3px;
    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;
}

.type2025 .side-column .home-title {
    grid-template-columns: max(210px, 8em) auto;
}

.type2025 .recommend-pr-list a {
    text-decoration: none;
}

.type2025 .recommend-pr-list li {
    margin-bottom: 16px;
}

.type2025 .recommend-pr-list figure {
    display: grid;
    grid-template-columns: 75px auto;
    column-gap: 8px;
}

.type2025 .recommend-pr-list img {
    display: block;
    width: 75px;
    height: 70px;
    object-fit: cover;
}

.type2025 .recommend-pr-list figcaption {
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    max-height: 5.5em;
    align-self: start;
}

#side-column aside {
    margin-bottom: 20px
}

#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 {
    background: #fff
}

#side-ranking-detail dd {
    padding: 10px 10px 0
}

#side-ranking-detail dd ul,#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.rank_pr:before,#side-ranking-iine li.rank_pr:before {
    counter-increment: none;
    content: "PR"
}

#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 li.more,#side-ranking-iine li.more {
    text-align: right
}

#side-ranking-detail dd li.more:before,#side-ranking-iine li.more:before {
    display: none
}

#side-ranking-detail dd li.more a,#side-ranking-iine li.more a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    background: #000;
    border-radius: 5px
}

#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
}

.side-today-photo {
    line-height: 0
}

.side-today-img {
    position: relative;
    line-height: 0
}

.side-today-img a {
    color: #fff;
    text-shadow: 1px 1px 0 #000
}

.side-today-img h3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 7px 8px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.5px;
    background: rgba(0,0,0,0.6)
}

.side-today-img h3 span {
    display: block
}

.side-today-img h3 span.date {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px
}

.side-today-text {
    padding: 10px;
    line-height: 1.3
}

.side-today-text h3 {
    font-size: 1.2em;
    margin-bottom: 5px
}

.side-today-text h3 a {
    color: #006699;
    text-decoration: none
}

.side-today-text h3 a:hover {
    color: #000;
    text-decoration: underline
}

.side-social-count a {
    display: block;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-decoration: none
}

.side-social-count a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.side-social-count a i {
    font-size: 1.5em;
    vertical-align: -15%
}

.side-social-count .facebook a {
    background: #3a5795
}

.side-social-count .twitter a {
    background: #55acee
}
.side-social-count .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;
}

footer {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    font-size: 0.9em;
    background: #333;
    padding-bottom: 120px
}

footer.type2025 {
    padding: 36px 0 100px 0;
    background: #000000;
}

.footer-content {
    width: 1166px;
    margin: 0 auto;
    padding: 0 0 0 20px;
}

footer ul {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto
}

footer li {
    display: block;
    float: left;
    margin: 15px 0;
    padding: 0 15px;
    border-right: 1px solid #999
}

footer.type2025 li {
    margin: 0 0 1em 0;
    padding: 0 15px;
    border-right: none;
}

.questions_list {
    line-height: 1.8
}

footer li:last-child {
    border-right: 0 none
}

footer li a {
    color: #fff
}

footer.type2025 li a {
    text-decoration: none;
}

footer p.copyright {
    margin: 20px 0
}

footer.type2025 p.copyright {
    margin: 0 0 20px 0;
    font-size: 13px;
    font-weight: 700;
}

footer.type2025 .footer-link {
    display: grid;
    grid-template-columns: 596px auto;
}

footer.type2025 .footer-link ul {
    width: 596px;
    margin-bottom: 64px;
    font-size: 16px;
    font-weight: 700;
}

footer.type2025 .footer-link .nav {
    text-align: right;
    padding: 0 15px;
}

footer.type2025 .footer-social {
    display: inline-block;
    width: 62px;
}

footer.type2025 .footer-social img {
    width: 50px;
}

footer.type2025 .footer-media {
    width: 1011px;
    margin-bottom: 64px;
    font-size: 15px;
    font-weight: 700;
}

.pc-spview {
    margin: 30px 0
}

.pc-spview a {
    display: inline-block;
    padding: 10px 50px;
    line-height: 1;
    background: #fff;
    font-size: 50px;
    font-weight: bold;
    color: #000;
    border-radius: 100px;
    text-decoration: none
}

.pc-spview i {
    vertical-align: middle
}

.pc-spview a:hover {
    color: #666
}

#home #main-column #pickup_slider h1 {
    margin-bottom: 0
}

#pickup_slider {
    margin-bottom: 20px
}

#slider_thumnb_display {
    width: 340px;
    height: 223px;
    float: left;
    overflow: hidden;
    background: #e5e5e5;
    position: relative
}

#slider_thumnb_display img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

#slider_list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

#slider_list li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#slider_list li .slider_title {
    display: table;
    width: 100%
}

#slider_list li .slider_title a {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    margin: 0;
    padding: 0 10px;
    height: 56px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    letter-spacing: -0.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #E5E5E5
}

aside #slider_list li .slider_title a {
    padding: 5px 10px;
    height: auto
}

#slider_list li .slider_title a span {
    display: block;
    overflow: hidden
}

#slider_list li .slider_title a:before {
    display: block;
    float: left;
    padding-right: 3px;
    content: "\f138";
    font-family: FontAwesome;
    color: #000;
    font-size: 1.2em
}

#slider_list li a:hover,#slider_list li a.active {
    color: #fff;
    background: #D6002B;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

#slider_list li a:hover:before,#slider_list li a.active:before {
    color: #fff
}

.slider_thumnb {
    width: 0px;
    height: 0px;
    overflow: hidden
}

#side-ranking-detail dt {
    display: none
}

.hidden {
    display: none
}

#content.publicity #main-column {
    margin-top: 20px
}

.side-column-float {
    width: 300px;
    padding-top: 20px
}

.nowrap_table_frame {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.nowrap_table th,.nowrap_table td {
    white-space: nowrap;
    border: 1px solid #BFBFBF;
    text-align: left;
    padding: 0.4em
}

.nowrap_table th {
    background: #eee
}

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

.push-notice h2 {
    font-size: 1.2em
}

.push-notice i {
    font-size: 1.2em;
    color: #c00
}

.push-notice ol,.push-notice ul,ol.list,ul.list {
    margin-left: 1.8em
}

.push-notice .toggle {
    margin-bottom: 30px;
    padding: 0 15px 15px;
    border: 2px solid #ddd;
    border-radius: 10px
}

article h1.photolibrary {
    margin: 0;
    font-size: 20px
}

article h1.photolibrary a {
    text-decoration: none
}

#detail.photolibrary {
    margin: 0 0 30px
}

#detail.photolibrary figure .box {
    margin-top: 10px
}

.photolibrary .loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff
}

.photolibrary .loader p:first-child {
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 115px;
    font-style: italic;
    width: 100%;
    font-weight: bold
}

.photolibrary .loader p:last-child {
    width: 250px;
    height: 15px;
    border: 1px solid #7d0a21;
    position: absolute;
    left: 50%;
    top: 150px;
    border-radius: 2px;
    margin-left: -125px !important;
    overflow: hidden;
    text-align: center
}

.photolibrary .loader p:last-child span {
    display: block;
    background: #D6002B
}

.post_car_model__box {
    border: 1px solid #ddd;
    margin-bottom: 25px
}

#detail .post_car_model__box>h3 {
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 100%;
    padding: 15px 10px;
    background: #eee
}

#detail .post_car_model__box p {
    margin: 0px
}

.post_car_model__box__body {
    padding: 10px;
    display: flex;
    -webkit-display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.post_car_model__box__body>p {
    position: relative;
    width: 190px;
    height: 142px;
    overflow: hidden
}

.post_car_model__box__body>p img {
    position: relative;
    top: 0%;
    left: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(0%, 0%);
    width: 100%;
    height: auto
}

.post_car_model__box__body__info {
    width: 260px
}

.post_car_model__box__body__info dl dt {
    width: 4em;
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: bold
}

.post_car_model__box__body__info dl dd {
    float: left;
    font-size: 16px
}

.post_car_model__box__body__info dl dt,.post_car_model__box__body__info dl dd {
    margin-bottom: 5px
}

.post_car_model__box__body p:last-child {
    text-align: center;
    padding-top: 45px
}

.post_car_model__box__body p:last-child a {
    display: block;
    width: 100%;
    background: #D6002B;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px;
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 2px 4px 0px #980707;
    transition: all 0.2s cubic-bezier(0.09, 1.17, 0.51, 0.98)
}

.post_car_model__box__body p:last-child a:hover {
    box-shadow: none
}

table.parallel {
    width: 608px;
    table-layout: fixed
}

table.parallel th,table.parallel td {
    vertical-align: top
}

table.parallel th {
    padding: 3px 5px 5px;
    line-height: 0
}

table.parallel th.enlarge {
    padding: 10px 5px 15px
}

table.parallel td {
    padding: 0 5px
}

table.parallel img {
    max-width: 100%;
    max-height: 128px
}

.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: 8px;
    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 table.parallel a.zoomin::before {
    right: 5px;
}
.publicity a.zoomin:hover::before {
	background: #aaa;
	color: #fff;
}

.photolibrary .swiper-container {
    padding-bottom: 25px
}

.photolibrary .swiper-pagination {
    position: static
}

.photolibrary .swiper-button-next,.photolibrary .swiper-button-prev {
    top: 200px
}

.photolibrary .swiper-button-prev,.photolibrary .swiper-container-rtl .swiper-button-next {
    left: 0
}

.photolibrary .swiper-button-next,.photolibrary .swiper-container-rtl .swiper-button-prev {
    right: 0
}

.form_error {
    color: #D6002B
}

.rank-header-wrapper ul {
    margin-bottom: 20px
}

.rank-header-wrapper ul li.menu-item {
    float: left;
    width: 120px;
    text-align: center;
    border: 2px solid #cf173c;
    border-radius: 5px;
    margin-right: 20px;
    padding: 5px 0
}

.rank-header-wrapper ul li.menu-item a {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    width: 100%
}

.rank-header-wrapper ul li.menu-item:hover {
    background: #cf173c
}

.rank-header-wrapper ul li.menu-item:hover a {
    color: #FFF
}

.rank-header-wrapper ul li.active {
    background: #cf173c
}

.rank-header-wrapper ul li.active a {
    color: #FFF
}

.rank-header-wrapper ul li:last-child {
    margin-right: 0px
}

.archive-list {
    counter-reset: rank-counter
}

.archive-list .rank_item {
    border-bottom: 2px dashed #ccc;
    padding: 0 0 5px;
    margin-bottom: 5px
}

.archive-list .rank_item .post-list-row {
    margin-bottom: 5px
}

.archive-list .rank_item .post-list-date {
    padding-right: 5px
}

.archive-list .rank_item .post-category {
    border-radius: 5px;
    padding: 2px 5px;
    width: 120px;
    display: inline-block;
    text-align: center;
    color: #fff
}

.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 li.rank_item:before {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    padding: 5px;
    counter-increment: rank-counter;
    content: counter(rank-counter);
    font-size: 19px;
    font-weight: 400;
    font-family: Oswald, sans-serif;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    background: #999;
    border-radius: 25px
}

.archive-list li.rank1:before {
    background: #D7000E
}

.archive-list li.rank2:before {
    background: #DE3C0B
}

.archive-list li.rank3:before {
    background: #EB8400
}

.wide-sky-scrapper {
    width: 160px;
    height: auto
}

.pc-side-ad-mrg {
    text-align: center
}

.pc-side-ad>div {
    margin: 0 auto
}

.original-pc-ad {
    background: #efefef
}

.original-pc-ad>div {
    text-align: center
}

.pc-side-long-ad {
    margin: 0 auto;
    width: auto;
    height: auto
}

.theme-sidebar-ad {
    margin-top: 20px
}

.tl_c {
    text-align: center
}

.tl_r {
    text-align: right
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt25 {
    margin-top: 25px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb35 {
    margin-bottom: 35px
}

#recommend_list {
    margin-bottom: 15px
}

#recommend_list li {
    padding: 0px;
    text-align: left;
    width: 145px;
    padding-right: 15px
}

#recommend_list li a {
    text-decoration: none
}

#recommend_list li a img {
    margin-bottom: 5px
}

#recommend_list li a:hover {
    text-decoration: underline
}

.pdg5rl {
    padding-right: 5px;
    padding-left: 5px
}

.pdg5r {
    padding-right: 5px
}

.pdg5l {
    padding-left: 5px
}

.show_banner {
    width: 640px;
    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
}

.show_banner a img {
    width: 170px;
    margin-top: 4px;
    margin-right: 15px;
    float: left
}

.show_banner a span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 18px;
    float: left
}

.show_banner a span.btn {
    font-size: 16px;
    margin-top: 0px;
    margin-right: 0px;
    background: #ea7725;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 5px;
    float: left
}

#detail #restriction_more {
    position: relative;
    margin-bottom: 35px;
    min-height: 225px
}

#detail #restriction_more_count {
    text-align: center;
    font-size: 20px;
    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: 29px
}

#detail #restriction_more_count span:last-child {
    font-size: 16px
}

#detail .with-writer-description {
    min-height: 240px !important
}

#detail .restriction_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 30px 0px;
    text-align: center;
    background: linear-gradient(rgba(255,255,255,0.8), #fff)
}

#detail .restriction_box h3 {
    text-align: center;
    font-size: 18px;
    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 {
    font-size: 18px;
    padding: 10px 110px
}

a.qa_btn,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 {
    position: relative;
    padding-bottom: 50px;
    background: #fff
}

#qa .qa_point {
    font-size: 13px;
    text-align: right
}

#qa .qa_header {
    padding: 10px 0px
}

#qa .qa_attention {
    background: #fcf4d3;
    margin: 0px 15px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px
}

#qa .qa_attention span {
    font-weight: bold
}

#qa .error_messages {
    margin: 0px;
    padding: 0px;
    height: 100%;
    margin-bottom: 10px
}

#qa .error_messages li {
    font-size: 13px;
    font-weight: bold;
    color: #ff0000;
    margin-bottom: 5px
}

#qa .error_messages li a {
    color: #ff0000
}

#qa .qa_gnav {
    position: relative;
    background: #de2828;
    border-radius: 4px
}

#qa .qa_gnav ul li.qa_gnav_list {
    position: relative;
    float: left
}

#qa .qa_gnav ul li.qa_gnav_list:after {
    position: absolute;
    content: '';
    display: block;
    top: 2px;
    right: 0px;
    width: 1px;
    height: 31px;
    background: #eb7e7e
}

#qa .qa_gnav ul li.qa_gnav_list>a {
    display: block;
    width: 125px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    text-decoration: none
}

#qa .qa_gnav ul li.qa_gnav_list>a:after {
    position: absolute;
    top: 2px;
    content: '';
    display: block;
    right: 1px;
    width: 1px;
    height: 31px;
    background: #a42434
}

#qa .qa_gnav ul li.qa_gnav_list>a.qa_gnav_list_norimono {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 12px
}

#qa .qa_gnav ul li.qa_gnav_list:last-child {
    float: right
}

#qa .qa_gnav ul li.qa_gnav_list:last-child:after {
    display: none
}

#qa .qa_gnav ul li.qa_gnav_list:last-child>a {
    border-radius: 0px 4px 4px 0px;
    background: #f4ad26
}

#qa .qa_gnav ul li.qa_gnav_list:last-child>a:after {
    display: none
}

#qa .qa_gnav .qa_gnav_category {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 50;
    padding: 15px 10px 30px 15px
}

#qa .qa_gnav .qa_gnav_category__inner:first-child {
    margin-bottom: 20px
}

#qa .qa_gnav .qa_gnav_category__inner h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}

#qa .qa_gnav .qa_gnav_category ol {
    width: 420px;
    list-style: none
}

#qa .qa_gnav .qa_gnav_category ol li {
    display: inline-block;
    margin: 0px 7px 5px 0px
}

#qa .qa_gnav .qa_gnav_category ol li:after {
    display: none
}

#qa .qa_gnav .qa_gnav_category ol li a {
    display: block;
    font-size: 13px;
    text-decoration: none
}

#qa .qa_gnav .qa_gnav_category ol li a:hover {
    color: #d3001a;
    font-weight: bold
}

#qa .qa_gnav .qa_gnav_category ol li:last-child {
    margin-right: 0px
}

#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 8px;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
    text-decoration: none
}

#qa .qa_card_paginate a:last-child {
    margin-right: 0px
}

#qa .qa_contents {
    margin: 10px 15px 60px
}

#qa .qa_main {
    width: 700px;
    float: left
}

#qa .qa_main>.post_box {
    position: relative
}

#qa .qa_sub {
    width: 336px;
    float: right
}

#qa .gray_box {
    background: #eee;
    padding: 15px;
    border-radius: 4px
}

#qa .page_title-search {
    font-size: 24px;
    margin-bottom: 25px
}

#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
}

#qa .qa_form .qa_form_select_w {
    position: relative;
    display: inline-block
}

#qa .qa_form .qa_form_select_w:after {
    position: absolute;
    top: 12px;
    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: 15px;
    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
}

#qa .qa_form .qa_form_checkbox label {
    margin-right: 3px
}

#qa .qa_form .required {
    font-size: 12px;
    color: #de2828;
    margin-left: 5px
}

#qa .qa_form .max_length {
    font-size: 12px;
    margin-left: 10px
}

#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 .qa_card {
    margin-bottom: 30px
}

#qa .qa_card__contents {
    background: #fff;
    padding: 20px
}

#qa .qa_card__contents h2 {
    position: relative;
    padding: 0px 0px 4px 40px;
    border-bottom: solid 4px #f33c3c;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold
}

#qa .qa_card__contents .qa_default_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_default_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_railway_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_railway_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_aviation_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_aviation_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_car_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_car_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_bus_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_bus_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_road_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_road_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_military_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_military_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_ship_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_ship_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_travel_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_travel_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_others_title {
    padding: 0px 0px 4px 32px
}

#qa .qa_card__contents .qa_others_title:after {
    position: absolute;
    top: 5px;
    left: 4px;
    content: "";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #f33c3c
}

#qa .qa_card__contents .qa_q_title {
    background: url(./qa/icon_q.png) no-repeat 0px 4px;
    background-size: 31px 26px
}

#qa .qa_card__contents .qa_a_title {
    background: url(./qa/icon_a.png) no-repeat 0px 4px;
    background-size: 31px 26px
}

#qa .qa_card__nav_box {
    margin-bottom: 30px
}

#qa .qa_card__nav_box h3 {
    font-size: 16px;
    margin-bottom: 5px
}

#qa .qa_card__nav {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 15px 0px;
    background: #fefcf1
}

#qa .qa_card__nav li {
    display: block;
    width: 150px;
    margin: 0px 0px 10px 0px
}

#qa .qa_card__nav li a {
    display: block;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    transition: all .3s
}

#qa .qa_card__nav li a i {
    display: inline-block;
    margin-right: 10px
}

#qa .qa_card__nav li a.active,#qa .qa_card__nav li a:hover {
    color: #d3001a;
    font-weight: bold
}

#qa .qa_card__nav li:last-child {
    margin-right: 0px
}

#qa .qa_card__list_box h3 {
    font-size: 20px;
    margin-bottom: 15px
}

#qa .qa_card__list {
    display: none
}

#qa .qa_card__list:first-child {
    display: block
}

#qa .qa_card__list ul {
    border-top: 1px solid #ccc
}

#qa .qa_card__list ul li {
    padding: 12px 0px;
    border-bottom: 1px solid #ccc
}

#qa .qa_card__list ul li:last-child {
    margin-bottom: 25px
}

#qa .qa_card__list ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #1d3994
}

#qa .qa_card__list__more {
    text-align: right
}

#qa .qa_card__list__more a {
    display: inline-block;
    background: #bdbdbd;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none
}

#qa .qa_card__list__answer {
    display: flex;
    align-items: flex-start;
    margin: 10px 0px
}

#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
}

#qa .qa_best_answer {
    width: 100%;
    padding: 2px 20px;
    font-size: 20px;
    color: #fff;
    background: #de2828;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25)
}

#qa .qa_best_answer:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    left: 0;
    border: 8px solid transparent;
    border-top: 8px solid #bf2b2b;
    border-right: 8px solid #bf2b2b;
    border-left: 8px solid transparent
}

#qa .qa_sub .gray_box {
    padding: 10px
}

#qa .qa_sub__box {
    margin-bottom: 20px
}

#qa .qa_sub__box__inner {
    padding: 10px;
    background: #fff
}

#qa .qa_sub__box__inner h3 {
    margin-bottom: 20px;
    padding: 0px 0px 3px 30px;
    border-bottom: #df3131 solid 2px;
    font-size: 16px
}

#qa .qa_sub__box__inner .rank {
    background: url(./qa/icon_rank.png) no-repeat 0px 0px;
    background-size: 24px 24px
}

#qa .qa_sub__box__inner .category {
    background: url(./qa/icon_category.png) no-repeat 0px 0px;
    background-size: 24px 24px
}

#qa .qa_sub .qa_sub_rank ul li {
    margin-bottom: 10px
}

#qa .qa_sub .qa_sub_rank ul li a {
    display: block;
    color: #1d3994;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none
}

#qa .qa_sub .qa_sub_rank__nav ul {
    display: flex;
    margin-bottom: 20px
}

#qa .qa_sub .qa_sub_rank__nav ul li {
    width: 50%
}

#qa .qa_sub .qa_sub_rank__nav ul li a {
    display: block;
    text-align: center;
    background: #d7d7d7;
    line-height: 30px;
    text-decoration: none;
    font-weight: bold;
    color: #000
}

#qa .qa_sub .qa_sub_rank__nav ul li a.active {
    background: #de2828;
    color: #fff
}

#qa .qa_sub .qa_sub_rank__list:last-child {
    display: none
}

#qa .qa_sub .qa_sub_rank__list ul li {
    margin-bottom: 10px
}

#qa .qa_sub .qa_sub_rank__list ul li span {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px
}

#qa .qa_sub .qa_sub_rank__list ul li .no {
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff
}

#qa .qa_sub .qa_sub_rank__list ul li .no_1 {
    background: #f3c302
}

#qa .qa_sub .qa_sub_rank__list ul li .no_2 {
    background: #999999
}

#qa .qa_sub .qa_sub_rank__list ul li .no_3 {
    background: #cc9900
}

#qa .qa_sub .qa_sub_rank__list ul li .resolved_label,#qa .qa_sub .qa_sub_rank__list ul li .best_answer_label {
    font-size: 10px;
    padding: 0px 5px
}

#qa .qa_sub .qa_sub_rank__list ul li a {
    display: block;
    color: #1d3994;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none
}

#qa .qa_gnav {
    margin: 0px 15px
}

#qa .qa_create_no_signed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0.65), #fff);
    border: 1px solid #ccc
}

#qa .qa_create_no_signed h3 {
    text-align: center;
    font-size: 18px;
    padding-top: 100px;
    margin-bottom: 35px
}

#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_top .post_box {
    padding: 20px;
    margin-bottom: 30px
}

#qa #qa_top .post_box h2 {
    font-size: 24px;
    margin-bottom: 10px
}

#qa #qa_top .post_box__inner dl dt {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: bold
}

#qa #qa_top .post_box__inner dl dd {
    margin-bottom: 10px;
    font-size: 15px
}

#qa #qa_top .post_box__inner .post_box_submit {
    text-align: right;
    padding: 5px 0px
}

#qa #qa_top .post_box__inner .post_box_attention {
    margin-top: 10px;
    font-size: 13px
}

#qa #qa_top .post_box__inner .post_box_attention a {
    color: #d3001a;
    font-weight: bold
}

#qa #qa_top .post_box__inner .qa_post_box_no_sign {
    margin-top: 15px
}

#qa #qa_top .post_box__inner .qa_post_box_no_sign li {
    display: inline-block;
    margin-right: 10px
}

#qa #qa_show .qa_show_box {
    position: relative;
    margin-bottom: 30px
}

#qa #qa_show .qa_show_box .qa_best_answer {
    position: absolute;
    left: 0px;
    top: 32px
}

#qa #qa_show .qa_show_box .qa_best_answer+.qa_show_box__header {
    padding-top: 45px
}

#qa #qa_show .qa_show_box__contents {
    padding: 20px;
    background: #fff;
    word-break: break-all
}

#qa #qa_show .qa_show_box__info ul {
    margin-bottom: 10px
}

#qa #qa_show .qa_show_box__info ul li {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px
}

#qa #qa_show .qa_show_box__info ul li:last-child {
    padding-left: 10px;
    margin-right: 0px
}

#qa #qa_show .qa_show_box__info .close_question {
    padding: 5px 10px;
    background: #e5e5e5;
    color: #969696;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 15px
}

#qa #qa_show .qa_show_box__info .question_type {
    position: relative;
    background: #eb7300;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 1px 10px;
    margin-right: 20px
}

#qa #qa_show .qa_show_box__info .question_type:before,#qa #qa_show .qa_show_box__info .question_type:after {
    content: '';
    position: absolute;
    display: block
}

#qa #qa_show .qa_show_box__info .question_type:before {
    top: 0px;
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #eb7300
}

#qa #qa_show .qa_show_box__info .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 .qa_show_box__info .has_number {
    font-size: 18px;
    color: #dd2828;
    font-weight: bold
}

#qa #qa_show .qa_show_box__info .cate {
    display: inline-block;
    background: #de2828;
    padding: 0px 8px;
    line-height: 21px;
    font-size: 13px;
    color: #fff;
    margin-right: 3px;
    border-radius: 3px
}

#qa #qa_show .qa_show_box__info h2 {
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 10px
}

#qa #qa_show .qa_show_box__info h2 span {
    margin-top: 10px;
    display: block;
    width: 70px;
    float: left
}

#qa #qa_show .qa_show_box__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px
}

#qa #qa_show .qa_show_box__header .user_info {
    display: flex;
    align-items: flex-end
}

#qa #qa_show .qa_show_box__header .user_info>p {
    margin-right: 10px
}

#qa #qa_show .qa_show_box__header .user_info__contents h3 {
    margin-bottom: 3px
}

#qa #qa_show .qa_show_box__header .user_info__contents h3 a {
    font-size: 15px;
    font-weight: normal;
    color: #1d3994
}

#qa #qa_show .qa_show_box__header .user_info__contents h3 a:hover {
    text-decoration: none
}

#qa #qa_show .qa_show_box__header .user_info__contents p {
    font-size: 12px
}

#qa #qa_show .qa_show_box__header .other .bs_link {
    text-align: right;
    font-size: 12px
}

#qa #qa_show .qa_show_box__header .other__sns li {
    display: inline-block
}

#qa #qa_show .qa_show_box__body__inner p {
    margin-bottom: 30px
}

#qa #qa_show .qa_show_box__body__tool ul {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#qa #qa_show .qa_show_box__body__tool ul li {
    display: inline-block;
    margin-right: 5px
}

#qa #qa_show .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 .qa_show_box__body__tool ul .like a {
    background: #de2828
}

#qa #qa_show .qa_show_box__body__tool ul .like span {
    display: inline-block;
    padding: 0px 8px;
    border-radius: 3px;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    background: #de2828
}

#qa #qa_show .qa_show_box__body__tool ul .sub_comment a {
    background: #b3b3b3;
    font-size: 12px
}

#qa #qa_show .qa_show_box__body__tool ul .like_count {
    font-size: 12px
}

#qa #qa_show .qa_show_box__body__tool ul .violation a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
    padding: 0px 0px
}

#qa #qa_show .qa_show_box__body__tool ul .violation a:hover {
    text-decoration: none
}

#qa #qa_show .qa_show_box__sub_content {
    padding-top: 30px
}

#qa #qa_show .qa_show_box__sub_content h3 {
    display: inline-block;
    margin-bottom: 12px;
    padding: 0px 12px;
    line-height: 22px;
    font-size: 13px;
    color: #fff;
    background: #ccc
}

#qa #qa_show .qa_show_box__sub_content p {
    margin-bottom: 30px
}

#qa #qa_show .qa_show_box .questioner_comment {
    padding-top: 30px
}

#qa #qa_show .qa_show_box .questioner_comment h3 {
    font-size: 15px;
    margin-bottom: 8px
}

#qa #qa_show .qa_show_box .questioner_comment form {
    width: 100%
}

#qa #qa_show .qa_show_box .questioner_comment__inner {
    display: flex
}

#qa #qa_show .qa_show_box .questioner_comment__inner>p {
    margin-right: 10px
}

#qa #qa_show .qa_show_box .questioner_comment__inner .comment {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff0f0
}

#qa #qa_show .qa_show_box .questioner_comment__inner .comment_create textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ccc
}

#qa #qa_show .qa_show_box .questioner_comment__inner .comment_submit {
    text-align: right;
    margin-top: 10px
}

#qa #qa_show .qa_show_box .questioner_comment__inner .comment_submit input {
    font-size: 13px;
    padding: 0px 12px;
    background: #333;
    line-height: 25px
}

#qa #qa_show .qa_show_box .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 #qa_show .qa_show_box .answer_box_not_sign h3 {
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px
}

#qa #qa_show .qa_show_box .answer_box_not_sign p {
    text-align: center
}

#qa #qa_rank .rank_nav>h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px
}

#qa #qa_rank .rank_nav ul {
    margin-bottom: 30px
}

#qa #qa_rank .rank_nav ul li {
    display: inline-block;
    margin-right: 10px
}

#qa #qa_rank .rank_nav ul li:last-child {
    margin-right: 0px
}

#qa #qa_rank .rank_nav ul li a {
    text-decoration: none
}

#qa #qa_rank .rank_nav ul li a:hover {
    text-decoration: underline
}

#qa #qa_rank .qa_card__list ul li span {
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px
}

#qa #qa_rank .qa_card__list ul li .no {
    padding: 0px 10px;
    border-radius: 4px;
    color: #fff
}

#qa #qa_rank .qa_card__list ul li .no_1 {
    background: #f3c302
}

#qa #qa_rank .qa_card__list ul li .no_2 {
    background: #999999
}

#qa #qa_rank .qa_card__list ul li .no_3 {
    background: #cc9900
}

#qa #qa_rank .qa_card__list ul li span {
    margin-right: 10px
}

#violation-report .modal_inner {
    width: 520px;
    padding: 30px 20px
}

#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
}

.resolved_label,.best_answer_label {
    color: #fff;
    display: inline;
    background: #f3883c;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 10px;
    padding: 1px 10px
}

.best_answer_label {
    background: #de2828
}

#qa_terms {
    padding-left: 5px;
    margin-top: 20px;
    padding-bottom: 115px
}

#qa_terms h2 {
    font-size: 22px;
    margin: 40px 0px
}

#qa_terms dl {
    margin-bottom: 50px
}

#qa_terms dl dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}

#qa_terms dl dd {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px
}

#qa_terms dl p {
    margin-bottom: 15px
}

#qa_terms dl p:last-child {
    margin-bottom: 0px
}

#premium {
    width: 1090px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff
}

#premium h2,#premium h3,#premium h4 {
    margin: 0px;
    padding: 0px
}

#premium img {
    vertical-align: bottom
}

#premium .premium_button {
    text-align: center
}

#premium .premium_button_link {
    display: inline-block;
    width: 445px;
    text-align: center;
    margin-top: 15px;
    background: #8e1b22;
    border: 1px solid #8e1b22;
    line-height: 60px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    transition: all .3s;
    box-sizing: border-box
}

#premium .premium_button_link:hover {
    background: #fff;
    color: #8e1b22
}

#premium .premium_button_read {
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

#premium #premium_button01 {
    padding: 20px 0px 25px
}

#premium #premium_top_news {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 15px;
    background: #000;
    overflow: hidden
}

#premium .premium_top_news_box {
    width: 100%
}

#premium #premium_top_news ul {
    position: relative;
    width: calc(100% - 80px);
    padding-left: 18px;
    box-sizing: border-box
}

#premium #premium_top_news ul li {
    width: 100%;
    display: none
}

#premium #premium_top_news ul li,#premium #premium_top_news ul li a {
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

#premium #premium_top_news ul li a:hover {
    text-decoration: underline
}

#premium #premium_top_news_title {
    width: 80px;
    background: #8e1b22;
    padding: 0px 10px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff
}

#premium #premium_contents {
    padding: 0px 30px 15px
}

#premium .premium_contents_box {
    padding-bottom: 20px
}

#premium .premium_contents_box:last-child {
    padding-bottom: 0px
}

#premium .premium_contents_box>h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px
}

#premium .premium_contents_box>h2 span {
    font-size: 14px;
    color: #8e1b22;
    margin-left: 14px;
    font-weight: normal
}

#premium .premium_contents_box_inner {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

#premium .serialization_box {
    width: 328px;
    font-size: 13px;
    margin-bottom: 40px;
    margin-right: 20px
}

#premium .serialization_box:nth-child(3n) {
    margin-right: 0px
}

#premium .serialization_box-head {
    position: relative
}

#premium .serialization_box_image {
    position: relative;
    width: 328px;
    height: 219px;
    overflow: hidden
}

#premium .serialization_box_image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

#premium .serialization_box_label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: rgba(0,0,0,0.9);
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff
}

#premium .serialization_box_title {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    background: rgba(142,27,34,0.95);
    padding: 3px 10px
}
#premium .serialization_box_title.outside {
    position: relative;
    bottom: 0px;
    z-index: 2;
}

#premium .serialization_box_title h3 a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    opacity: 0.9
}

#premium .serialization_box_title h3 a:hover {
    text-decoration: underline
}

#premium .serialization_box_title span {
    font-size: 14px;
    color: #fff;
    opacity: 0.9
}

#premium .serialization_box_title.outside {
    position: relative;
    bottom: auto;
    z-index: auto;
}

#premium .serialization_box_title.outside a {
    color: #fff;
    text-decoration: none;
    opacity: 0.9
}
#premium .serialization_box_title.outside a:hover {
    text-decoration: underline
}

#premium .serialization_box ul {
    margin-top: 15px
}

#premium .serialization_box ul li {
    margin-bottom: 12px
}

#premium .serialization_box ul li span:first-child {
    color: #8e1b22f2;
    margin-right: 5px
}

#premium .serialization_box ul li a {
    font-size: 13px;
    color: #333;
    line-height: 19px;
    text-decoration: none
}

#premium .serialization_box ul li a:hover {
    text-decoration: underline
}

#premium .serialization_box ul li .new_label {
    width: 45px;
    background: #8f232a;
    display: inline-block;
    margin-left: 6px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 16px
}

#premium .serialization_box_more {
    text-align: right
}

#premium .serialization_box_more a {
    color: #8e1b22;
    font-size: 13px;
    text-decoration: underline
}

#premium .serialization_box_more a:hover {
    text-decoration: none
}

#premium #premium_function_title {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333333;
    text-align: center
}

#premium #premium_function_title p {
    margin-bottom: 10px
}

#premium #premium_function_point {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 40px
}

#premium #premium_function_point p {
    display: inline-block
}

#premium #premium_function_other {
    margin: 40px 0px 30px
}

#premium #premium_function_other h2 {
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333333
}

#premium #premium_function_other section {
    padding: 20px;
    background-color: #ebeaea;
    color: #333333
}

#premium #premium_function_other dl dt {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    color: #8f232a
}

#premium #premium_function_other dl dd {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #333
}

#premium #premium_question {
    margin: 20px 0px 40px
}

#premium #premium_question h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #333333
}

#premium #premium_question dt {
    font-size: 15px;
    line-height: 1.6;
    font-weight: bold;
    padding: 12px 15px;
    background: #eee url(./premium/arrow_btn.png) no-repeat top 15px right 22px;
    background-size: 12px 7px;
    cursor: pointer;
    margin-bottom: 20px
}

#premium #premium_question dt.acitve {
    background: #eee url(./premium/arrow_btn_open.png) no-repeat top 15px right 22px;
    background-size: 12px 7px
}

#premium #premium_question dt span,#premium #premium_question dd span {
    margin-right: 25px
}

#premium #premium_question dd {
    display: none;
    font-size: 15px;
    line-height: 1.6;
    padding: 3px 15px 23px
}

#premium #premium_question dd span {
    color: #8f232a
}

#premium #premium_button03 {
    margin-bottom: 30px
}

#search_image {
    background: #fff
}

#search_image article {
    padding: 20px 20px 0
}

.search_images_list {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-bottom: 35px
}

.search_images_list li {
    width: 24%;
    height: 100%;
    margin-bottom: 25px;
    margin-right: 10px
}

.search_images_list figure {
    width: auto;
    height: 100%;
    margin: 0px
}

.search_images_list>li figure a {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    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
}

.enlarge_btn_w {
    padding: 10px 0px 15px;
    margin: 0px !important
}

.full_image_link {
    padding-top: 20px
}

a.enlarge_btn {
    text-decoration: none;
    width: 100px;
    height: auto;
    text-align: center;
    padding: 8px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #D6002B;
    color: #fff;
    margin: 0 auto
}

a.enlarge_btn:hover {
    color: #fff;
    opacity: 0.8
}

.fluid-box {
    display: none;
    width: 100%;
    position: absolute;
    left: 0px;
    background-color: #3c3c3c;
    padding: 25px;
    margin-top: 20px
}

.fluid-box_close_btn {
    position: absolute;
    top: 10px;
    right: 10px
}

.fluid-box_close_btn i {
    font-size: 22px;
    color: #fff
}

.fluid-box-inner {
    margin: 15px auto 0px;
    color: #fff
}

.fluid-box-inner .fr {
    float: right;
    width: 50%
}

.fluid-box-inner .fr .title {
    font-size: 23px;
    margin-right: 30px;
    margin-bottom: 25px
}

.fluid-box-inner .fr .caption {
    font-size: 13px;
    margin-bottom: 60px
}

.fluid-box-inner .fr a {
    color: #fff
}

.fluid-box-inner .fr a:hover {
    color: #fff;
    text-decoration: none
}

.fluid-box-inner .fr .close-image {
    float: right;
    text-decoration: none
}

.fluid-box-inner .fl {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 5%
}

.fluid-box-inner .fl img {
    width: 100%
}

.fluid-box-inner dl dd {
    margin-bottom: 5px
}

#search_post {
    float: left;
    width: 732px;
    padding: 20px;
    background: #fff
}

.section-search-post-list h1 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: -1px
}

.search-post-list li {
    overflow: hidden;
    margin-bottom: 15px
}

.search-post-list li figure {
    float: left;
    width: 90px;
    padding-right: 10px;
    text-align: center
}

.search-post-list li .search-post-list-detail {
    overflow: hidden;
    line-height: 1.4
}

.search-post-list-detail h2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.2
}

.search-post-list-detail h2 a {
    color: #006699;
    text-decoration: none
}

.search-post-list-detail h2 a:hover {
    color: #000;
    text-decoration: underline
}

.search-post-list-date {
    margin: 3px 0;
    color: #999
}

.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 {
    width: 95%;
    position: relative;
    left: 14px;
    margin: 15px 0px 15px 10px
}

.static_style-text__inner dd ol li {
    margin-bottom: 10px
}

.static_style-text__inner dd .other {
    list-style: lower-alpha
}

.enlarge_wrap_w {
    width: 100% !important;
    margin: auto !important
}

.enlarge_wrap {
    overflow: scroll
}

.enlargebox {
    text-align: center;
    max-width: 100%
}

.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
}

@media print {
    body {
        zoom:90%}

    #ad-left,#ad-right,.ad-large-big {
        display: none
    }
}

.mypage .message p {
    margin: 10px 0px
}

.under_news_pickup_text {
    margin-top: 15px;
    font-size: 16px
}

#category_top {
    padding-top: 10px
}

#category_top a {
    text-decoration: none
}

#category_top .category_new #new_column {
    display: flex;
    flex-wrap: wrap
}

#category_top .category_new #new_column .new_column_wrap {
    display: flex;
    border-bottom: solid #eee 1px
}

#category_top .category_new #new_column .new_column_wrap #new_column_img {
    width: 320px;
    margin: 10px 20px 10px 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: 345px;
    margin: 10px 0 20px 0
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_title {
    margin-bottom: 5px
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_title a {
    font-size: 16px;
    color: #333;
    text-decoration: none;
    font-weight: bold
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_title a:hover {
    text-decoration: underline
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_date {
    font-size: 12px;
    color: #999999
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_date a {
    font-size: 13px;
    text-decoration: none
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_date a:hover {
    text-decoration: underline
}

#category_top .category_new #new_column .new_column_wrap div #new_column_top_sub_other {
    font-size: 13px;
    line-height: 1.8;
    padding-top: 20px
}

#category_top .category_new #new_column .new_column_wrap_other {
    display: flex;
    padding: 10px 0px;
    width: 100%;
    border-bottom: solid #eee 1px
}

#category_top .category_new #new_column .new_column_wrap_other:last-child {
    margin-bottom: 10px
}

#category_top .category_new #new_column .new_column_wrap_other #new_column_img_other {
    width: 50px;
    height: 50px
}

#category_top .category_new #new_column .new_column_wrap_other #new_column_img_other img {
    width: 50px
}

#category_top .category_new #new_column .new_column_wrap_other div {
    margin: 0px 10px 0 10px
}

#category_top .category_new #new_column .new_column_wrap_other div .new_column_title_other {
    margin-bottom: 10px
}

#category_top .category_new #new_column .new_column_wrap_other div .new_column_title_other a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}

#category_top .category_new #new_column .new_column_wrap_other div .new_column_title_other a:hover {
    text-decoration: underline
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag {
    font-size: 12px;
    color: #999
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag a {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    text-decoration: none
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag a:hover {
    text-decoration: underline
}

#category_top .category_new #new_column .new_column_wrap_other div .new_tag span {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 5px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    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;
    justify-content: space-between;
    margin: 10px 0
}

#category_top #category_theme #theme_column .theme_column_wrap {
    width: 336px;
    font-size: 13px;
    margin-bottom: 15px
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img {
    position: relative;
    width: 336px
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img img {
    width: 336px;
    height: 203px
}

#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%
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img div p {
    padding: 8px 10px 8px 10px
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img div p a {
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

#category_top #category_theme #theme_column .theme_column_wrap .theme_column_img div p a:hover {
    text-decoration: underline
}

#category_top #category_theme #theme_column .theme_text {
    margin-top: 8px;
    line-height: 20px
}

#category_top #category_keyword #keyword_column {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 5px 0
}

#category_top #category_keyword #keyword_column .keyword_column_wrap {
    width: 336px;
    font-size: 13px
}

#category_top #category_keyword #keyword_column .keyword_column_wrap .keyword_column_title {
    font-size: 1.2em;
    margin-bottom: 20px;
    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: 5px 10px 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: 13px 0
}

#category_top #category_keyword #keyword_column .keyword_column_text p a {
    font-size: 13px;
    font-weight: bold;
    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 5px 3px 3px;
    padding: 2px 3px;
    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 .left_column {
    margin: 0 10px 25px 0
}

#category_top #category_keyword #keyword_column .right_column {
    margin: 0 0 25px 10px
}

#category_top #category_keyword #keyword_column .right_column span {
    position: rselative;
    right: 288px
}

#category_top #category_tag_wrap {
    margin: 28px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    color: #838383
}

#category_top #category_tag_wrap p {
    margin: 0px 5px 30px 5px
}

#category_top #category_tag_wrap p a {
    background: #efefef;
    border-radius: 3px;
    padding: 10px 10px;
    line-height: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #838383;
    text-decoration: none;
    transition: .3s all
}

#category_top #category_tag_wrap p a:hover {
    background: #000;
    color: #fff
}

#category_top .readmore {
    width: 100%;
    text-align: right;
    margin-bottom: 25px
}

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

#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;
    padding-right: 5px
}

.attention {
    text-align: center
}

.attention h2 {
    font-size: 16px
}

.attention a {
    font-size: 18px;
    color: #1250c2;
    display: inline-block;
    text-decoration: none
}

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

#premiere-old {
/*    font-family: "游ゴシック", "YuGothic", sans-serif;*/
    font-family: var(--body-font-family);
    width: 1090px;
    background-color: #ffffff;
    margin: 50px auto 0
}

#premiere-old a:link {
    color: #ffffff;
    text-decoration: none
}

#premiere-old a:visited {
    color: #ffffff;
    text-decoration: none
}

#premiere-old #premiere-kv {
    width: 1090px;
    height: 755px;
    color: #ffffff;
    background-color: #72c1e6;
    text-align: center;
    position: relative;
    background-image: url(./premium_old/kv_backimage2.png),url(./premium_old/kv_backimage.png);
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 1090px 107px, 1090px 220px
}

#premiere-old #premiere-kv_inner {
    padding-top: 105px
}

#premiere-old .kv_main {
    font-size: 60px;
    font-weight: bold;
    line-height: 76px;
    margin-top: 17px
}

#premiere-old .kv_sub {
    font-size: 22px;
    line-height: 35px;
    margin-top: 10px
}

#premiere-old .kv_button a {
    width: 485px;
    display: block;
    font-size: 23px;
    font-weight: bold;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 18px 0;
    margin: 15px auto;
    background-color: #d7002c;
    border: 1px solid #d7002c;
    -webkit-transition: all .3s;
    transition: all .3s
}

#premiere-old .kv_button a:hover {
    color: #d7002c;
    background-color: #ffffff;
    border: 1px solid #d7002c
}

#premiere-old .kv_point {
    font-size: 13px;
    line-height: 19px
}

#premiere-old .kv_text {
    position: absolute;
    top: 20px;
    right: 20px
}

#premiere-old #premiere-section_1 {
    color: #ffffff;
    margin: 85px 0
}

#premiere-old .point_box {
    width: 860px;
    border-radius: 3px;
    margin: 0 auto 40px
}

#premiere-old .point_box:last-child {
    margin: 0 auto
}

#premiere-old .point_1_inner {
    background-color: #e66557
}

#premiere-old .point_2_inner {
    background-color: #69b7db
}

#premiere-old .point_3_inner {
    background-color: #f2be58
}

#premiere-old .point_4_inner {
    background-color: #47bd79
}

#premiere-old .point_5_inner {
    background-color: #bd479f
}

#premiere-old .point {
    width: 800px;
    padding: 30px 0;
    margin: 0 auto;
    clear: both
}

#premiere-old .point_image {
    float: left
}

#premiere-old .odd .point_text {
    float: right;
    padding: 25px 0 0 60px;
    margin: 0 auto
}

#premiere-old .even .point_text {
    float: left;
    padding: 25px 60px 0 0px;
    margin: 0 auto
}

#premiere-old .image_none .point_text {
    float: none;
    text-align: center;
    padding: 0px;
    margin: 0 auto
}

#premiere-old .image_none .point_5_title {
    display: block;
    line-height: 0.5;
    font-size: 12px
}

#premiere-old .poin_1_image {
    padding-left: 55px
}

#premiere-old .poin_4_image {
    padding-left: 55px
}

#premiere-old #premiere-section_1 h3 {
    font-size: 30px;
    font-weight: bold;
    padding: 0px 0px 12px
}

#premiere-old #premiere-section_1 h4 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: normal
}

#premiere-old #premiere-section_2 {
    margin-bottom: 85px
}

#premiere-old #premiere-question {
    margin: 0 auto
}

#premiere-old #premiere-question h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 38px
}

#premiere-old #premiere-question dl {
    width: 827px;
    margin: 0 auto;
    font-size: 21px;
    line-height: 32px
}

#premiere-old #premiere-question dt {
    cursor: pointer;
    font-weight: bold;
    padding: 10px 15px;
    margin: 20px 0;
    font-size: 16px;
    background: #eee url(./premium_old/yajirusi2.png) no-repeat center right 15px;
    background-size: 16px auto
}

#premiere-old #premiere-question dt.active {
    background: #eee url(./premium_old/yajirusi.png) no-repeat center right 15px;
    background-size: 16px auto
}

#premiere-old #premiere-question dd {
    display: none;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.6
}

#premiere-old #premiere-question dd p {
    margin-bottom: 20px
}

#premiere-old #premiere-question dd span {
    color: #d50023;
    padding-right: 10px
}

#premiere-old #premiere-question dt span {
    padding-right: 20px
}

#premiere-old #premiere-section_3 {
    text-align: center;
    margin: 0 auto
}

#premiere-old .section_3_main {
    width: 623px;
    margin: 0 auto 20px;
    position: relative
}

#premiere-old #premiere-section_3 h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 39px;
    text-align: center
}

#premiere-old .ornament {
    position: absolute;
    bottom: 0
}

#premiere-old .section_3_button a {
    width: 620px;
    font-size: 35px;
    color: #ffffff;
    background-color: #d7002c;
    border-radius: 3px;
    text-align: center;
    display: block;
    box-sizing: border-box;
    border: 1px solid #d7002c;
    padding: 15px 0;
    margin: 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s
}

#premiere-old .section_3_button a:hover {
    color: #d7002c;
    background-color: #ffffff;
    border: 1px solid #d7002c
}

#premiere-old .section_3_button_text {
    font-size: 13px;
    text-align: center;
    line-height: 19px;
    padding: 10px 0 3px
}

#premiere-old .section_3_button_text:last-child {
    padding: 10px 0 98px
}

#premiere-old .before_section .point_2_inner {
    background-color: #e66557
}

#premiere-old .before_section .point_3_inner {
    background-color: #f2be58
}

#premiere-old .before_section .point_4_inner {
    background-color: #47bd79
}

#premiere-old .before_section .point_4_inner .point_text {
    float: left
}

#minnori {
/*    font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif*/
    font-family: var(--body-font-family);
}

#minnori a {
    text-decoration: none
}

#minnori a:hover {
    opacity: 0.7
}

#minnori #main_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#minnori #main_content #everyones_main {
    padding: 30px 25px 50px;
    background: #fff;
    width: 732px
}

#minnori #main_content #everyones_main h2 {
    font-size: 22px
}

#minnori #main_content #everyones_main #search_in_post {
    padding-bottom: 28px;
    border-bottom: 1px solid #ccc
}

#minnori #main_content #everyones_main #search_in_post h2 {
    margin-bottom: 5px
}

#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;
    position: relative
}

#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;
    border-radius: 3px
}

#minnori #main_content #everyones_main #search_in_post form input#word {
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #search_in_post form input#latest {
    margin-right: 10px;
    vertical-align: middle
}

#minnori #main_content #everyones_main #search_in_post form input#start_date,#minnori #main_content #everyones_main #search_in_post form input#end_date {
    padding: 5.5px 6px;
    margin-bottom: 0;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    line-height: 20px
}

#minnori #main_content #everyones_main #search_in_post form ul.tagit {
    margin-bottom: 5px
}

#minnori #main_content #everyones_main #search_in_post form button#search_btn {
    position: absolute;
    top: 50px;
    right: 0;
    background: #d6002b;
    width: 144px;
    height: 35px;
    border-radius: 3px;
    border: none;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff
}

#minnori #main_content #everyones_main #search_in_post form button#search_btn:hover {
    background: #fff;
    border: 1px solid #d6002b;
    color: #d6002b
}

#minnori #main_content #everyones_main .preview_box {
    padding-top: 10px
}

#minnori #main_content #everyones_main .preview_box img {
    display: inline-block;
    margin-right: 5px
}

#minnori #main_content #everyones_main #user_post_form {
    position: relative;
    margin-top: 30px
}

#minnori #main_content #everyones_main #user_post_form #news_post_title {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px
}

#minnori #main_content #everyones_main #user_post_form .user_icon {
    width: 43px;
    height: 43px;
    position: relative;
    overflow: hidden
}

#minnori #main_content #everyones_main #user_post_form .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 #user_post_form h2 {
    font-size: 24px;
    margin-left: 10px
}

#minnori #main_content #everyones_main #user_post_form form textarea#post_comment {
    width: 700px;
    height: 198px;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 3px
}

#minnori #main_content #everyones_main #user_post_form form .post_options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px
}

#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 ul {
    display: block;
    width: 420px;
    padding: 4.25px 6px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    box-sizing: border-box
}

#minnori #main_content #everyones_main #user_post_form form .post_options ul li {
    font-size: 13px;
    line-height: 18px;
    margin: 0 5px 0 0
}

#minnori #main_content #everyones_main #user_post_form form .post_options ul li.tagit-choice-editable {
    padding: .15em 18px .15em .5em
}

#minnori #main_content #everyones_main #user_post_form form .post_options .open_range_select {
    border: 1px solid #bfbfbf;
    width: 200px;
    height: 35px;
    border-radius: 3px;
    position: relative
}

#minnori #main_content #everyones_main #user_post_form form .post_options .open_range_select select {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    padding: 7px 10px 7px 42px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

#minnori #main_content #everyones_main #user_post_form form .post_options .open_range_select:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 0;
    height: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #333333;
    pointer-events: none
}

#minnori #main_content #everyones_main #user_post_form form .post_options .licence_check_box {
    margin-top: 15px
}

#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 22px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: none;
    color: #333333;
    font-size: 14px;
    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: 16px;
    height: 16px;
    margin-top: -10.5px;
    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: 4px;
    width: 8px;
    height: 4px;
    margin-top: -6px;
    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: 12px
}

#minnori #main_content #everyones_main #user_post_form form .post_options input[type=submit] {
    margin: 15px 0 0;
    padding: 0px 40px;
    height: 35px;
    font-size: 16px;
    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 form .post_options p.post_btn {
    margin: 20px 0 0;
    font-size: 16px
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245,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: 18px;
    padding-top: 100px;
    margin-bottom: 35px
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed ul {
    display: flex;
    justify-content: center
}

#minnori #main_content #everyones_main #user_post_form .user_post_no_signed ul li:first-child {
    margin-right: 10px
}

#minnori #main_content #everyones_main #user_post_form .no_sined {
    padding: 25px;
    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: 40px
}

#minnori #main_content #everyones_main #monthly_topic h2 {
    color: #fff;
    background: #d6002b;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 18px
}

#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 {
    display: flex;
    justify-content: space-between
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content .monthly_topic_description h3 {
    font-size: 18px;
    line-height: 1em;
    color: #d6002b;
    margin-bottom: 20px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content .monthly_topic_description dl dt {
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 5px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content .monthly_topic_description dl dt i {
    font-weight: 900;
    margin-right: 5px;
    color: #d6002b
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content .monthly_topic_description dl dd {
    font-size: 13px;
    line-height: 20px;
    margin-left: 14px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content .monthly_topic_description dl dd:not(:last-child) {
    margin-bottom: 20px
}

#minnori #main_content #everyones_main #monthly_topic .monthly_topic_content p {
    font-size: 0
}

#minnori #main_content #everyones_main #monthly_topic p.more_monthly_topic {
    margin: 18px auto 0;
    width: 260px;
    text-align: center;
    position: relative
}

#minnori #main_content #everyones_main #monthly_topic p.more_monthly_topic a {
    display: block;
    color: #d6002b;
    font-size: 14px;
    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 #everyones_post {
    margin-top: 40px;
    position: relative
}

#minnori #main_content #everyones_main #everyones_post h2 {
    line-height: 1em;
    margin-bottom: 15px
}

#minnori #main_content #everyones_main #everyones_post h2:before {
    font-family: "FontAwesome";
    content: '\f040';
    font-weight: 400;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content {
    position: relative;
    width: 167px;
    margin-bottom: 18px
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content p.new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content p.user_post_image {
    width: 167px;
    height: 140px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    overflow: hidden
}

#minnori #main_content #everyones_main #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 #everyones_post #everyones_post_container .user_post_content .post_information {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content .post_information a {
    display: inline-block;
    line-height: 1em;
    color: #333
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content .post_information .user_information {
    display: flex;
    align-items: center
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content .post_information .user_information p.user_icon {
    width: 20px;
    height: 20px;
    background: #e5e5e5;
    margin-right: 5px;
    position: relative;
    overflow: hidden
}

#minnori #main_content #everyones_main #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 #everyones_post #everyones_post_container .user_post_content .post_information .user_information p.user_name {
    font-size: 10px
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content .post_information p.comment_count {
    margin-left: 10px;
    font-size: 10px;
    line-height: 1em
}

#minnori #main_content #everyones_main #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 #everyones_post #everyones_post_container .user_post_content p.user_comment_box {
    font-size: 12px;
    line-height: 16px
}

#minnori #main_content #everyones_main #everyones_post #everyones_post_container .user_post_content p.user_comment_box a {
    color: #333
}

#minnori #main_content #everyones_main #everyones_post p.more_everyones_post {
    margin: 0 auto;
    width: 260px;
    text-align: center;
    position: relative
}

#minnori #main_content #everyones_main #everyones_post p.more_everyones_post a {
    display: block;
    color: #d6002b;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #d6002b;
    border-radius: 2px;
    padding: 8px
}

#minnori #main_content #everyones_main #everyones_post p.more_everyones_post a:after {
    content: '▶︎';
    position: absolute;
    font-size: 6px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

#minnori #main_content #everyones_main #good_ranking {
    margin-top: 40px;
    position: relative;
    height: 226px
}

#minnori #main_content #everyones_main #good_ranking h2 {
    margin-bottom: 20px
}

#minnori #main_content #everyones_main #good_ranking h2:before {
    font-family: "FontAwesome";
    content: '\f091';
    font-weight: 900;
    color: #d6002b;
    margin-right: 5px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 700px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box .tab_area {
    position: absolute;
    top: 0;
    right: 0
}

#minnori #main_content #everyones_main #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: 4px solid #c3c3c3
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box .tab_area label:hover {
    opacity: 0.7
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box .tab_area label.active {
    border-bottom: 4px solid #d6002b;
    color: #d6002b
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container {
    position: absolute;
    top: 51px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel {
    width: 700px;
    display: none
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content {
    width: 128px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content a {
    color: #333
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content h3 {
    font-size: 13px;
    font-weight: bold
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content h3:before {
    font-family: "FontAwesome";
    content: '\f005';
    font-weight: 900;
    margin-right: 5px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content .rank_first {
    color: #d9b340
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content .rank_second {
    color: #6f7b83
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content .rank_third {
    color: #a15326
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content p.good_post_image {
    width: 128px;
    height: 98px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #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 #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content p.good_count {
    text-align: center;
    font-size: 11px;
    line-height: 1em;
    color: #d6002b;
    margin: 8px 0 6px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content p.good_count span {
    font-size: 13px;
    font-weight: bold;
    margin-right: 3px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content p.good_comment_box {
    font-size: 12px;
    line-height: 16px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content:first-child {
    margin-left: 20px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel .good_post_content:not(:last-child) {
    margin-right: 10px
}

#minnori #main_content #everyones_main #good_ranking #period_tab_box #good_post_container .tab_panel.active {
    display: flex;
    justify-content: flex-start
}

#minnori #main_content #everyones_main #past_month_topic {
    margin: 40px 0 40px 0
}

#minnori #main_content #everyones_main #past_month_topic h2 {
    line-height: 1em;
    margin-bottom: 18px
}

#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 img {
    width: 330px;
    height: auto
}

#minnori #main_content #everyones_sidebar {
    width: 336px
}

#minnori #main_content #everyones_sidebar .pc-side-ad-mrg {
    margin-bottom: 20px
}

#minnori #main_content #everyones_sidebar #weather {
    position: relative;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px
}

#minnori #main_content #everyones_sidebar #weather h2 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 13px;
    border-bottom: 4px solid #f33c3c
}

#minnori #main_content #everyones_sidebar #weather h3 {
    color: #33bad2;
    font-size: 14px;
    font-weight: bold
}

#minnori #main_content #everyones_sidebar #weather .weather_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0 0
}

#minnori #main_content #everyones_sidebar #weather .weather_box p.weather_icon {
    width: 148px;
    text-align: center
}

#minnori #main_content #everyones_sidebar #weather .weather_box p.weather_icon img {
    max-width: 100px;
    max-height: 75px
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information {
    width: 148px;
    text-align: center
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information p.temperature {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information p.temperature span.highest {
    color: #ff0000
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information p.temperature span.lowest {
    color: #3181ff
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information p.rainy_percent {
    font-size: 13px;
    font-weight: bold
}

#minnori #main_content #everyones_sidebar #weather .weather_box .weather_information p.rainy_percent span {
    font-size: 16px;
    margin: 0 5px
}

#minnori #main_content #everyones_sidebar #weather .border {
    background: #e5e5e5;
    height: 1px;
    margin: 15px auto
}

#minnori #main_content #everyones_sidebar #weather .no_sign_in_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245,0.8);
    border: 1px solid #eee;
    z-index: 99
}

#minnori #main_content #everyones_sidebar #weather .no_sign_in_container p {
    text-align: center;
    margin-top: 160px
}

#minnori #main_content #everyones_sidebar #tag_telling {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px
}

#minnori #main_content #everyones_sidebar #tag_telling h2 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 13px;
    border-bottom: 4px solid #f33c3c
}

#minnori #main_content #everyones_sidebar #tag_telling p.introduction {
    font-size: 12px;
    text-align: center
}

#minnori #main_content #everyones_sidebar #tag_telling p.btn_go_question {
    text-align: center
}

#minnori #main_content #everyones_sidebar #tag_telling p.btn_go_question a {
    display: block;
    background: #d6002b;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    margin: 15px 0 30px;
    border-radius: 3px
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box p {
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box p a {
    font-size: 13px;
    line-height: 18px
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box .post_information {
    text-align: right
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box .post_information p.comment_count,#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box .post_information p.post_time {
    display: inline-block;
    font-size: 12px;
    color: #888888;
    margin: 0
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box .post_information p.comment_count:before {
    font-family: "FontAwesome";
    content: '\f075';
    font-weight: 900;
    margin-right: 3px
}

#minnori #main_content #everyones_sidebar #tag_telling .tag_post_box .post_information p.post_time:before {
    font-family: "FontAwesome";
    content: '\f017';
    font-weight: 900;
    margin: 0 3px 0 10px
}

#minnori #main_content #everyones_sidebar #tag_telling .border {
    background: #e5e5e5;
    height: 1px;
    margin: 15px auto
}

#minnori #main_content #everyones_sidebar #tag_telling p.check_question_tag {
    text-align: right;
    margin-top: 30px
}

#minnori #main_content #everyones_sidebar #tag_telling p.check_question_tag a {
    color: #2674d0;
    font-size: 13px;
    font-weight: bold
}

#minnori #main_content #everyones_sidebar #tag_telling p.check_question_tag a i {
    font-weight: 900;
    font-size: 15px
}

#minnori #main_content #everyones_sidebar #popularity_tag {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px
}

#minnori #main_content #everyones_sidebar #popularity_tag h2 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 4px solid #f33c3c
}

#minnori #main_content #everyones_sidebar #popularity_tag .popularity_tag_box p {
    display: inline-block;
    margin: 10px 10px 0 0
}

#minnori #main_content #everyones_sidebar #popularity_tag .popularity_tag_box p a {
    display: block;
    font-size: 10px;
    padding: 8px 14px;
    background: #eeeeee;
    border-radius: 2px
}

#minnori_special #minnori_special_modal_w {
    display: none
}

#minnori_special .minnori_special {
    padding: 60px 0px
}

#minnori_special .minnori_special__header {
    width: 970px;
    margin: 0 auto 75px;
    text-align: center
}

#minnori_special .minnori_special__header img {
    max-width: 970px;
    max-height: 250px
}

#minnori_special .minnori_special__header__kv {
    width: 970px;
    height: 250px;
    background: #d2d2d2
}

#minnori_special .minnori_special__contents__read {
    margin: 80px 0px 100px
}

#minnori_special .minnori_special__contents__read__time {
    font-size: 24px;
    font-weight: bold;
    color: #5f5f5f;
    line-height: 100%;
    margin-bottom: 30px;
    text-align: center
}

#minnori_special .minnori_special__contents__read__inner {
    padding-bottom: 40px
}

#minnori_special .minnori_special__contents__read__inner p {
    font-size: 16px;
    color: #5f5f5f;
    line-height: 1.8;
    margin-bottom: 18px;
    text-align: center
}

#minnori_special .minnori_special__contents__read__inner p span {
    font-weight: bold
}

#minnori_special .minnori_special__contents__info {
    width: 970px;
    margin: 0px auto 100px
}

#minnori_special .minnori_special__contents__info ul {
    width: 620px;
    margin: 0 auto;
    padding-bottom: 60px
}

#minnori_special .minnori_special__contents__info ul li {
    font-size: 16px;
    color: #5f5f5f;
    line-height: 2;
    margin-bottom: 13px
}

#minnori_special .minnori_special__contents__info ul li span {
    color: #ff0011
}

#minnori_special .minnori_special__contents__section {
    width: 100%;
    height: 400px;
    margin-bottom: 100px
}

#minnori_special .minnori_special__contents .ekiben_section02 {
    background-image: url(https://trafficnews.jp/images/special/ekiben/bg02.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#minnori_special .minnori_special__contents .shinkansen_section01 {
    background-image: url(https://trafficnews.jp/images/special/shinkansen/bg01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#minnori_special .minnori_special__contents .shinkansen_section02 {
    background-image: url(https://trafficnews.jp/images/special/shinkansen/bg02.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#minnori_special #minnori_special_slider {
    position: relative;
    width: 960px;
    margin: 0 auto
}

#minnori_special #minnori_special_slider #minnori_special_slider_inner {
    position: relative;
    width: 960px;
    margin: 0 auto
}

#minnori_special #minnori_special_slider .post_item_box {
    width: 960px;
    float: left
}

#minnori_special #minnori_special_slider .post_item_box .post_item {
    width: 220px !important;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

#minnori_special #minnori_special_slider .post_item_box .post_item span,#minnori_special #minnori_special_slider .post_item_box .post_item a {
    display: inline-block
}

#minnori_special #minnori_special_slider .post_item_box .post_item .post_item_img {
    position: relative;
    width: 220px;
    height: 124px;
    overflow: hidden
}

#minnori_special #minnori_special_slider .post_item_box .post_item .post_item_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -62px;
    margin-left: -110px
}

#minnori_special #minnori_special_slider .post_item_box .post_item .post_item_name {
    max-width: 120px
}

#minnori_special #minnori_special_slider .post_item_box .post_item:last-child {
    margin-right: 0px
}

#minnori_special #minnori_special_slider .post_item_box .post_item p:first-child {
    margin-bottom: 10px
}

#minnori_special #minnori_special_slider .post_item_box .post_item .minnori_special_post_link {
    text-align: right;
    font-size: 12px;
    color: #5f5f5f;
    height: 36px
}

#minnori_special #minnori_special_slider .post_item_box .post_item .minnori_special_post_link a {
    color: #33bad2
}

#minnori_special #minnori_special_slider #minnori_special_slider_ar p {
    position: absolute;
    top: 220px;
    z-index: 50
}

#minnori_special #minnori_special_slider #minnori_special_slider_ar #left_ar {
    left: -70px
}

#minnori_special #minnori_special_slider #minnori_special_slider_ar #right_ar {
    right: -70px
}

#minnori_special .minnori_special_title {
    font-size: 40px;
    color: #5f5f5f;
    line-height: 100%;
    margin-bottom: 35px;
    text-align: center
}

#minnori_special .minnori_special_btn {
    width: 300px;
    margin: 0 auto;
    text-align: center
}

#minnori_special .minnori_special_btn a {
    width: 300px;
    height: auto;
    padding: 15px 10px;
    box-sizing: border-box;
    display: block;
    border: solid 1px #ff0011;
    color: #ff0011;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#minnori_special .minnori_special_btn a:hover {
    color: #ffffff;
    background: #ff0011
}

#minnori_special .last_btn {
    padding: 60px 0px 30px
}

.gsc-cursor {
    font: 100% Arial, Helvetica, sans-serif
}

.gsc-cursor-page {
    display: inline-block !important;
    border-radius: 4px;
    padding: 0.25em 0.8em;
    margin: 0 5px !important;
    font-weight: normal !important;
    background-color: #bbb !important;
    color: #1A2650 !important;
    border: solid 1px #1A2650 !important;
    text-decoration: underline !important
}

.gsc-cursor-page:hover {
    background-color: #333 !important;
    color: #FFF !important
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    margin: 0 5px !important;
    border: #FFF !important;
    background-color: #FFF !important;
    color: #1A2650 !important;
    border: solid 1px #bbb !important;
    text-decoration: none !important
}

.nordot-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.nordot-feed .train_feed {
    width: 50%;
    margin-right: 20px
}

.nordot-feed .road_feed {
    width: 50%;
    margin-left: 20px
}

#wiki {
    width: 1090px;
    margin: 30px auto 0
}

#wiki #beta {
    background-color: #d6d6d6;
    padding: 5px 10px;
    margin-bottom: 20px
}

#wiki #beta ul {
    display: flex;
    align-items: center
}

#wiki #beta ul li .fa {
    font-size: 19px;
    margin-right: 5px
}

#wiki #beta ul li p {
    font-size: 15px;
    font-weight: bold
}

#wiki #wiki_kv {
    background-color: #deeef5;
    display: flex;
    justify-content: space-between
}

#wiki #wiki_kv #wiki_kv_about {
    margin: 50px 25px 0 45px
}

#wiki #wiki_kv #wiki_kv_about #wiki_logo {
    margin-bottom: 10px
}

#wiki #wiki_kv #wiki_kv_about #wiki_read {
    font-size: 15px;
    font-weight: bold;
    color: #053657;
    line-height: 22px
}

#wiki #wiki_kv #wiki_kv_img img {
    vertical-align: bottom
}

#wiki #wiki_contents {
    margin-top: 30px;
    display: flex
}

#wiki #wiki_contents #wiki_main {
    margin-right: 20px;
    width: 750px;
    background-color: #fff
}

#wiki #wiki_contents #wiki_main #wiki_category {
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    background-color: #deeef5;
    padding-left: 25px
}

#wiki #wiki_contents #wiki_main #wiki_category ul {
    font-size: 0
}

#wiki #wiki_contents #wiki_main #wiki_category ul>li {
    display: inline-block;
    position: relative;
    margin-right: -1px
}

#wiki #wiki_contents #wiki_main #wiki_category ul>li+li::before {
    content: '';
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: #053657
}

#wiki #wiki_contents #wiki_main #wiki_category ul>li:hover {
    background-color: #053657
}

#wiki #wiki_contents #wiki_main #wiki_category ul>li>a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #053657;
    text-decoration: none;
    line-height: 35px;
    width: 100%;
    padding: 0 15px
}

#wiki #wiki_contents #wiki_main #wiki_category ul>li:hover>a {
    color: #fff
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul {
    position: absolute;
    left: 0;
    font-size: 0;
    background-color: #053657;
    padding-left: 25px;
    width: 750px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_railway {
    left: -137px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_aviation {
    left: -198px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_car {
    left: -275px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_road {
    left: -352px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_bus {
    left: -413px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_military {
    left: -474px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li .sub_ship {
    left: -583px
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul li {
    display: inline-block;
    position: relative
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul li+li::before {
    content: '';
    position: absolute;
    display: block;
    top: 30%;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: #fff
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul li a:hover {
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #wiki_category ul li ul {
    display: none
}

#wiki #wiki_contents #wiki_main #wiki_category ul li:hover ul {
    display: block
}

#wiki #wiki_contents #wiki_main .wiki_title {
    position: relative;
    margin: 30px 0 16px
}

#wiki #wiki_contents #wiki_main .wiki_title h2 {
    font-size: 22px;
    padding-left: 12px
}

#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 .wiki_title span {
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents {
    padding: 0px 25px
}

#wiki #wiki_contents #wiki_main #top_page_contents .valuation_info {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 17px 0;
    display: block
}

#wiki #wiki_contents #wiki_main #top_page_contents .wiki_more_btn {
    margin: 10px 0;
    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: 33px;
    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 #top_new_wiki .wiki_title_read {
    font-size: 13px;
    padding-top: 8px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs .active {
    background-color: #fff;
    border: solid 1px #b6b7b6;
    border-bottom: solid 1px #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs .active a {
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs li {
    line-height: 35px;
    width: 100px;
    text-align: center;
    background-color: #deeef5;
    border: solid 1px #fff;
    border-bottom: solid 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs li a {
    font-size: 16px;
    color: #053657;
    text-decoration: none;
    display: block;
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .new_wiki_tabs li a:hover {
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents {
    display: none;
    margin-top: -1px;
    margin-bottom: 50px;
    padding: 20px 15px 15px 15px;
    border: solid 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .new_topics {
    display: flex;
    flex-wrap: wrap
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .new_topics .new_topic {
    display: flex;
    margin: 0 10px 10px 0;
    width: 212px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .new_topics .new_topic .photo {
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .new_topics .new_topic .text {
    font-size: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .other_button {
    text-align: right
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents .new_wiki_list .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 .tabContents .new_wiki_list .other_button a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_new_wiki .new_wiki_inner .tabContents.active {
    display: block
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_comment_form textarea {
    height: 150px;
    width: 100%;
    resize: none;
    padding: 13px;
    border-radius: 3px;
    margin-top: 13px;
    border: #c0bfbf 1px solid
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_comment_form #comment_submit_btn {
    text-align: center;
    border-radius: 4px;
    border: none;
    margin-left: auto;
    margin-top: 13px;
    display: block;
    padding: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_comment_form #comment_submit_btn a {
    font-size: 14px;
    border-radius: 4px;
    display: block;
    padding: 0 18px;
    font-weight: bold;
    color: #053657;
    background-color: #deeef5;
    line-height: 35px
}

#wiki #wiki_contents #wiki_main #top_page_contents #wiki_comment_form #comment_submit_btn a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner {
    margin-top: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list h3 {
    font-size: 16px
}

#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 {
    display: flex;
    padding: 15px 0 10px;
    border-bottom: dashed 1px #b6b7b6
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .user_img {
    margin-right: 15px;
    line-height: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment {
    width: 72%;
    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 span {
    font-size: 11px
}

#wiki #wiki_contents #wiki_main #top_page_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 #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 #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 #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .lower_page_good {
    padding: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .lower_page_good span {
    vertical-align: text-top
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .comment_right_box .comment_tool .good_gray span {
    color: #7b7b7b
}

#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
}

#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: 13px;
    color: #053657;
    vertical-align: text-top
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .submit_btn {
    text-align: center;
    background-color: #deeef5;
    border-radius: 4px;
    border: none;
    float: right;
    margin-top: 9px;
    padding: 0 32px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .submit_btn a {
    font-size: 11px;
    font-weight: bold;
    color: #053657;
    line-height: 27px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn {
    text-align: center;
    border-radius: 4px;
    border: none;
    float: right;
    margin-top: 9px;
    padding: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn a {
    padding: 0 20px;
    display: block;
    border-radius: 4px;
    background-color: #deeef5;
    font-size: 11px;
    font-weight: bold;
    color: #053657;
    line-height: 27px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .main_comment .reply_btn a:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .sub_comment_list {
    margin: 15px 0 10px 0;
    padding: 13px 0 0 0px;
    border-top: #b6b7b6 1px dashed;
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .sub_comment_list .sub_comment {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding: 0 0 0 55px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .sub_comment_list .sub_comment:last-child {
    margin-bottom: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .reply_from_area {
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .reply_from_area .replay_box {
    display: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .comment_reply_from {
    width: 100%;
    min-height: 100px;
    border-radius: 3px;
    margin-top: 13px;
    border: #c0bfbf 1px solid;
    resize: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_comment #top_comment_inner .top_comment_list .lower_page_main_comment {
    border: none;
    flex-wrap: wrap
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner {
    margin-top: 20px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list {
    padding: 20px;
    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;
    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 span {
    color: #1c50a2;
    display: inline-block;
    font-size: 11px;
    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;
    font-weight: bold
}

#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
}

#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: 13px;
    vertical-align: text-top;
    color: #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about {
    margin-top: 20px;
    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 {
    font-size: 18px;
    display: flex;
    margin-bottom: 15px
}

#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 {
    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;
    width: 450px;
    margin-right: 20px
}

#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
}

#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 {
    padding: 10px 0;
    font-size: 12px;
    line-height: 18px;
    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 .padding_0 {
    padding: 0px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .lower_page_review_contents {
    margin: 0px;
    width: auto
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_about_left .lower_page_review_contents p:first-child {
    padding: 0 0 10px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area {
    margin: 3px 0 20px 20px;
    height: 296px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul {
    margin: 0 auto;
    width: 296px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul li {
    width: 296px;
    height: 296px;
    background: #333333;
    position: relative;
    overflow: hidden;
    outline: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul li 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_area .slider_box ul .slick-dotted.slick-slider {
    margin-bottom: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul ul.slick-dots {
    position: static;
    margin-top: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul ul.slick-dots li {
    background: #333;
    opacity: .75;
    border-radius: 5px;
    width: 9px;
    height: 9px;
    margin: 0 6px;
    cursor: pointer
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul ul.slick-dots li button {
    position: static;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    padding: 0;
    border: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .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
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box ul ul.slick-dots li.slick-active {
    opacity: 0.25;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-prev,#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-next {
    width: 28px;
    height: 28px;
    background: #707070;
    border-radius: 14px;
    top: auto;
    bottom: -20px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-prev:before,#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-next:before {
    font-family: 'slick';
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    border-radius: 14px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-prev {
    left: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box [dir='rtl'] .slick-prev {
    right: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-prev:before {
    content: '＜'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box [dir='rtl'] .slick-prev:before {
    content: '＞'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-next {
    right: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box [dir='rtl'] .slick-next {
    left: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box .slick-next:before {
    content: '＞'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo_area .slider_box [dir='rtl'] .slick-next:before {
    content: '＜'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .review_photo p {
    height: 190px;
    width: 190px;
    background-color: #333333;
    position: relative;
    overflow: hidden;
    line-height: 0
}

#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 .user_review_photo {
    width: 296px;
    height: 296px;
    padding: 0px;
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .top_review_list .review_about .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 .lower_page_review_about {
    margin-top: 15px;
    justify-content: space-between
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .user_review_title {
    position: relative
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #top_review_inner .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 #top_review #top_review_inner .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 #top_review #top_review_inner .wiki_more_btn {
    margin-bottom: 45px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation {
    margin: 44px 0 10px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation table {
    width: 100%
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation table tbody tr th {
    width: 50%;
    line-height: 17px;
    font-size: 16px;
    border: #d7d7d7 1px solid;
    background-color: #deeef5;
    padding: 11px 0px 11px 12px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation table tbody tr td {
    width: 50%;
    line-height: 17px;
    border: #d7d7d7 1px solid;
    background-color: #fafcfd;
    padding: 11px 0px 11px 12px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation table tbody tr td h3 {
    font-size: 16px;
    font-weight: bold;
    float: left
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .criterion_review_valuation table tbody tr td .star_rating {
    position: relative;
    display: flex;
    float: right
}

#wiki #wiki_contents #wiki_main #top_page_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 #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 #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_front ul li {
    color: #ff8400;
    margin-right: 8px;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_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 #top_review .criterion_review_valuation table tbody tr td .star_rating .star_rating_back ul li {
    color: #bfbfbf;
    margin-right: 8px;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold
}

#wiki #wiki_contents #wiki_main #top_page_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 #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 #top_review .criterion_review_valuation table tbody tr td:nth-child(even) {
    background-color: #FFF
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #review_valuation_form #review_title {
    margin: 5px 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #review_valuation_form #review_comment {
    margin: 20px 0 10px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #review_valuation_form #review_comment .file_upload {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #797878;
    width: 45px;
    height: 38px;
    margin: 0 2px 20px 0;
    border-radius: 3px;
    display: block;
    z-index: 1;
    display: inline-flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review #review_valuation_form #review_comment .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 #top_review #review_valuation_form #review_comment 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 #top_review 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 #top_review form dl dt {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    margin: 6px 0 10px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .fa-camera {
    width: 45px;
    padding: 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 #top_review form dl #review_photo {
    display: flex;
    margin: 20px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl #review_photo span {
    display: block;
    margin: 27px 0 0 10px;
    font-size: 13px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .preview_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .preview_box img {
    margin: 0 0 17px 0;
    background-color: #333333
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .preview_box:after {
    content: "";
    display: block;
    width: 220px;
    height: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl dd #review_title_form input {
    width: 100%;
    height: 40px;
    padding: 15px 20px;
    border-radius: 3px;
    border: #c0bfbf 1px solid
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl dd #review_comment_form textarea {
    padding: 15px 20px;
    width: 100%;
    height: 298px;
    overflow: scroll;
    border-radius: 3px;
    border: #c0bfbf 1px solid;
    resize: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl dd #review_comment_form textarea::placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl dd #review_comment_form textarea:-ms-input-placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl dd #review_comment_form textarea::-webkit-input-placeholder {
    color: #5a5a5a
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .licence_check_box {
    margin-top: 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .licence_check_box input[type="checkbox"] {
    display: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .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: 22px;
    height: 22px;
    width: auto;
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .licence_check_box label::before,#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .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 #top_review form dl .licence_check_box label::before {
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -10.5px;
    border: 1px solid #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .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 #top_review form dl .licence_check_box input[type="checkbox"]:checked+label::before {
    background: #fff;
    border: 1px solid #053657
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form dl .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 #top_review form .review_submit_btn input {
    text-align: center;
    background-color: #deeef5;
    border-radius: 4px;
    border: none;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0 18px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #053657;
    line-height: 35px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .review_submit_btn input:hover {
    background-color: #053657;
    color: #fff
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .textarea_caption {
    font-size: 13px;
    line-height: 1;
    margin: 8px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list {
    display: flex;
    flex-wrap: wrap;
    width: 370px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list li {
    width: 115px;
    margin: 0 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list li h3 {
    font-size: 14px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list>li:nth-child(odd) {
    margin-right: 120px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .star_list {
    margin: 8px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .star_list span {
    color: #ff8400;
    margin: 0 2px 0 0;
    line-height: 1;
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .star_list span .fas {
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .star_list span .fa-star-o {
    color: #bfbfbf
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .star_list span:last-child {
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list {
    display: flex;
    flex-wrap: wrap;
    width: 370px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list li {
    width: 115px;
    margin: 0 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list li h3 {
    font-size: 14px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review form .valuation_list>li:nth-child(odd) {
    margin-right: 120px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list {
    display: flex;
    flex-wrap: wrap;
    width: 370px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list li {
    width: 115px;
    margin: 0 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list li h3 {
    font-size: 14px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list>li:nth-child(odd) {
    margin-right: 120px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .star_ui {
    margin: 8px 0 0 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .star_ui span {
    margin: 0 2px 0 0;
    line-height: 1;
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .star_ui span:last-child {
    margin: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .star_ui span::after {
    color: #bfbfbf;
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    content: '\f006'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .star_ui .active::after {
    color: #ff8400;
    font: normal normal normal 19px/1 FontAwesome;
    content: '\f005'
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list {
    display: flex;
    flex-wrap: wrap;
    width: 370px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list li {
    width: 115px;
    margin: 0 0 20px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list li h3 {
    font-size: 14px;
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .valuation_list>li:nth-child(odd) {
    margin-right: 120px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .user_review_valuation table {
    width: 468px;
    margin-top: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .user_review_valuation table tbody tr td {
    width: 50%;
    line-height: 14px;
    border: #d7d7d7 1px solid;
    background-color: #fafcfd;
    padding: 8px 0px 8px 10px
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .user_review_valuation table tbody tr td h3 {
    font-size: 14px;
    font-weight: normal;
    float: left
}

#wiki #wiki_contents #wiki_main #top_page_contents #top_review .user_review_valuation table tbody tr td ul {
    display: flex;
    float: right
}

#wiki #wiki_contents #wiki_main #top_page_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 #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 #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 #record_top_column {
    margin-bottom: 40px
}

#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 {
    background-color: #deeef5;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    padding: 20px 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info #record_title {
    font-size: 32px;
    width: 445px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info .record_evaluation {
    padding-top: 3px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_info .record_evaluation ul li {
    display: inline-block
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 3px #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul {
    display: table;
    border-top: solid 1px #deeef5;
    border-radius: 3px;
    width: 555px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li {
    display: table-cell;
    border-right: solid 1px #deeef5;
    text-align: center;
    width: 20%
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li a {
    display: block;
    position: relative;
    color: #053657;
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul li a: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:first-of-type {
    border-left: solid 1px #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #record_page_nav ul .active a {
    background-color: #deeef5
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #follow_record p {
    text-align: center
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #follow_record p .follow_btn {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    line-height: 34px;
    padding: 0 10px;
    background-color: #d2d2d2;
    border-radius: 3px 3px 0 0;
    width: 135px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #follow_record p .follow_btn>span:last-of-type,#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_column #record_tool #follow_record p .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 #follow_record p .follow_btn.active>span:last-of-type {
    display: inline
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents .lower_page_top_column {
    margin-bottom: 40px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_description .description_list .subhead {
    margin: 15px 0 5px;
    border-bottom: solid 1px #b6b7b6
}

#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
}

#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
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li figure {
    height: 70px;
    width: 70px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li 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;
    width: auto;
    height: 100%
}

#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 a {
    font-size: 16px;
    color: #053657;
    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 time {
    font-size: 14px;
    color: #b6b7b6
}

#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: 14px;
    line-height: 1.3
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .first-line_1 a:first-line {
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .first-line_1 h3 {
    margin-bottom: 2px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .first-line_1 h3 a {
    font-size: 18px;
    line-height: 22px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .first-line_1 h3:first-line {
    line-height: 1
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #record_top_news #top_news_inner .news_list li .first-line_1 .news_date {
    margin-bottom: 3px
}

#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: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container:after {
    content: "";
    display: block;
    width: 220px;
    height: 0
}

#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 .post_content {
    width: 220px;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content .post_img {
    line-height: 0;
    height: 140px;
    width: 220px;
    background-color: #333333;
    position: relative;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content .post_img 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 #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content .post_info {
    display: flex;
    justify-content: space-between;
    margin: 5px 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content .post_info .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 .post_content .post_info .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 .post_content .post_info .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 .post_content .post_info .post_tool {
    display: flex
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content .post_info .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 .post_content .post_info .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 .post_content .post_info .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 .post_content .post_info .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 .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 .post_content_margin {
    margin-bottom: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content_margin .post_img {
    background-color: #333333;
    vertical-align: bottom;
    line-height: 0;
    height: 140px;
    width: 220px;
    position: relative;
    overflow: hidden
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content_margin .post_img 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 #record_top_contents #top_everyones_post #top_post_inner #post_container .post_content_margin .post_info .user_info .user_img a img {
    width: 30px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner .lower_page_post_container {
    flex-wrap: wrap
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_everyones_post #top_post_inner .lower_page_post_container:after {
    content: "";
    display: block;
    width: 220px;
    height: 0
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list:first-of-type {
    margin-bottom: 25px
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box a {
    text-decoration: none
}

#wiki #wiki_contents #wiki_main #top_page_contents #record_top_contents #top_review #top_review_inner .top_review_list .user_data .review_right_box a span {
    color: #053657
}

#wiki #wiki_contents #wiki_main #wiki_pager ul {
    display: flex;
    justify-content: center;
    margin: 17px 0 45px 0;
    border-top: #c0bfbf 1px solid;
    padding: 10px 0 0 0
}

#wiki #wiki_contents #wiki_main #wiki_pager li {
    width: 30px;
    height: 23px;
    border: #053657 1px solid;
    border-radius: 3px;
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #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 #wiki_pager li:last-child {
    margin-right: 0px
}

#wiki #wiki_contents #wiki_main #wiki_pager .active {
    background-color: #053657;
    width: 30px;
    height: 23px;
    border: #053657 1px solid;
    border-radius: 3px;
    margin-right: 15px
}

#wiki #wiki_contents #wiki_main #wiki_pager .active a {
    font-size: 13px;
    font-weight: bold;
    display: block;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: #FFF
}

#wiki #wiki_contents #wiki_right {
    width: 320px;
    background-color: #fff;
    padding: 10px
}

#wiki #wiki_contents #wiki_right .search_textarea .wiki_record_search {
    display: flex;
    width: 300px;
    margin-bottom: 15px
}

#wiki #wiki_contents #wiki_right .search_textarea .wiki_record_search .search_box {
    width: 100%
}

#wiki #wiki_contents #wiki_right .search_textarea .wiki_record_search .search_box input[type='text'] {
    width: 100%;
    line-height: 31px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: solid 2px #deeef5;
    padding: 0 10px
}

#wiki #wiki_contents #wiki_right .search_textarea .wiki_record_search button {
    width: 65px;
    line-height: 30px;
    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_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: 20px 20px 40px;
    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 .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-child {
    border: none
}

#wiki #wiki_contents #wiki_right .lower_page_right_contents .right_contents_list .contents_list .news figure {
    margin: 0 15px 0 0;
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden
}

#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;
    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;
    width: 110px;
    height: 70px;
    position: relative;
    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 {
    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_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 #sort_review_list ul {
    margin-top: 15px;
    display: flex
}

#wiki #sort_review_list ul li {
    display: block;
    margin-right: 12px
}

#wiki #sort_review_list ul li a {
    font-size: 12px;
    color: #053657;
    text-decoration: underline
}

#wiki #sort_review_list ul li li:lastchild {
    margin-right: 0px
}

#wiki .flex_wrap {
    flex-wrap: wrap
}

#wiki .lower_page_contents {
    padding-bottom: 45px
}

#wiki .wiki_record_list {
    padding: 0 25px
}

#wiki .wiki_record_list .wiki_title {
    margin-bottom: 15px
}

#wiki .wiki_record_list .list_box_title {
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    background: url(./wiki/border_gray.png) repeat-x bottom right
}

#wiki .wiki_record_list .wiki_record_list_contents {
    margin-bottom: 20px
}

#wiki .wiki_record_list .wiki_record_list_contents:last-child {
    margin-bottom: 0px
}

#wiki .wiki_record_list .wiki_record_list_contents_inner {
    display: flex;
    flex-wrap: wrap
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box {
    background: #f0fafe;
    padding: 10px;
    display: flex;
    align-items: center;
    margin: 0 20px 20px 0;
    cursor: pointer
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box:hover {
    opacity: 0.8
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box:nth-child(3n) {
    margin-right: 0px
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box .img a {
    display: block;
    position: relative;
    width: 80px;
    height: 50px;
    overflow: hidden
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box .img 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
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box .name {
    padding-left: 10px;
    width: 120px
}

#wiki .wiki_record_list .wiki_record_list_contents_inner .wiki_record_list_box .name a {
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    text-decoration: none
}

.affiliate_link a {
    display: inline-block;
    width: 480px;
    margin: 0 auto;
    padding: 10px 20px;
    background: #2c90dd;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    line-height: 1.2;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    -webkit-appearance: none
}

.affiliate_link img {
    border: 0 none
}

.grecaptcha-badge {
    visibility: hidden
}

/*!
 * 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)
}

.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;
}
*/

.button-header-signin {
    display: inline-block;
    padding: var(--button-header-padding-top) 6px var(--button-header-padding-bottom) 6px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #AD2229;
    border: 1px solid #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) 6px var(--button-header-padding-bottom) 6px;
    font-size: 18px;
    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) 6px var(--button-header-padding-bottom) 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #AD2229;
    border: 1px solid #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);
}

.button-premium-membership {
    display: inline-block;
    padding: var(--button-home-premium-padding-top) 14px var(--button-home-premium-padding-bottom) 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #FFFFFF;
    background-color: #AD2229;
    border-radius: 20px;
}

a:hover .button-hover-bright {
    opacity: 0.7;
}