@charset "UTF-8";#main_column.template .pc-hidden {
    display: none
}

#main_column.template .sp-hidden {
    display: block
}

#main_column.template h3,#main_column.template ol,#main_column.template p,#main_column.template ul {
    margin-left: 15px;
    margin-right: 15px
}

#main_column.template .row {
    margin: 12px -8px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#main_column.template .row::after {
    content: "";
    clear: both;
    display: block
}

#main_column.template .row.top-margin {
    margin-top: 20px
}

#main_column.template .row .column,#main_column.template .row .columns {
    float: left;
    clear: none;
    margin-bottom: 8px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#main_column.template .row .column.hidden-column,#main_column.template .row .columns.hidden-column {
    display: none
}

#main_column.template .row .column .row .column,#main_column.template .row .column .row .columns,#main_column.template .row .columns .row .column,#main_column.template .row .columns .row .columns {
    margin-bottom: 0
}

#main_column.template .row .column h3,#main_column.template .row .column ol,#main_column.template .row .column p,#main_column.template .row .column ul,#main_column.template .row .columns h3,#main_column.template .row .columns ol,#main_column.template .row .columns p,#main_column.template .row .columns ul {
    margin-left: 0;
    margin-right: 0
}

#main_column.template .row .column.page-heading-img,#main_column.template .row .columns.page-heading-img {
    width: 61%
}

#main_column.template .row .column.page-heading-text,#main_column.template .row .columns.page-heading-text {
    width: 39%
}

#main_column.template .row .column.img-left,#main_column.template .row .columns.img-left {
    width: 31%
}

#main_column.template .row .column.textarea-right,#main_column.template .row .columns.textarea-right {
    width: 69%
}

#main_column.template .row .column.sp-img-left,#main_column.template .row .columns.sp-img-left {
    width: 31%
}

#main_column.template .row .column.sp-textarea-right,#main_column.template .row .columns.sp-textarea-right {
    width: 69%
}

#main_column.template .row .column.half,#main_column.template .row .columns.half {
    width: 50%
}

#main_column.template .row .column.onethird,#main_column.template .row .columns.onethird {
    width: 33.3333%
}

#main_column.template .row .column.quarter,#main_column.template .row .columns.quarter {
    width: 25%
}

#main_column.template .row .column.pc6,#main_column.template .row .columns.pc6 {
    width: 16.6666%
}

#main_column.template .row .column.pc4-sp2,#main_column.template .row .columns.pc4-sp2 {
    width: 25%
}

#main_column.template .slide-area {
    position: relative;
    margin: 0 0 20px
}

#main_column.template .slide-area::after {
    content: "";
    clear: both;
    display: block
}

#main_column.template .slide-area__frame {
    position: relative;
    width: 100%;
    overflow: hidden
}

#main_column.template .slide-area__move {
    position: relative
}

#main_column.template .slide-area__bullets {
    margin-top: 20px!important;
    height: 10px!important;
    text-align: center!important
}

#main_column.template .slide-area__bullets a {
    display: inline-block!important;
    margin: 0 5px!important;
    width: 10px!important;
    height: 100%!important;
    background: #d7d7d7!important;
    border-radius: 50%!important;
    text-indent: -9999px!important;
    vertical-align: top!important;
    white-space: nowrap!important;
    overflow: hidden!important
}

#main_column.template .anchor-link a,#main_column.template .page-link a {
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

#main_column.template .slide-area__bullets a.on {
    background: #4a4a4a!important
}

#main_column.template .slide-area--direct--next,#main_column.template .slide-area--direct--prev,#main_column.template .slide-area--next,#main_column.template .slide-area--prev {
    position: absolute;
    top: 30px;
    width: 20px;
    height: 80px;
    background: rgba(81,84,89,.5);
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2
}

#main_column.template .slide-area--direct--next:before,#main_column.template .slide-area--direct--prev:before,#main_column.template .slide-area--next:before,#main_column.template .slide-area--prev:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border-top: solid #fff 2px;
    border-right: solid #fff 2px
}

#main_column.template .slide-area--direct--prev,#main_column.template .slide-area--prev {
    left: 0
}

#main_column.template .slide-area--direct--prev:before,#main_column.template .slide-area--prev:before {
    margin-left: -4px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

#main_column.template .slide-area--direct--next,#main_column.template .slide-area--next {
    right: 0
}

#main_column.template .slide-area--direct--next:before,#main_column.template .slide-area--next:before {
    margin-left: -8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#main_column.template .slide-area .slide-content {
    float: left;
    margin: 0 8px 8px
}

#main_column.template .slide-area .slide-content:nth-child(4n+1) {
    margin-left: 0
}

#main_column.template .slide-area .slide-content:nth-child(4n) {
    margin-right: 0
}

#main_column.template .slide-area.creator-slide .slide-area--direct--next,#main_column.template .slide-area.creator-slide .slide-area--direct--prev,#main_column.template .slide-area.creator-slide .slide-area--next,#main_column.template .slide-area.creator-slide .slide-area--prev {
    top: 100px
}

@media screen and (max-width: 640px) {
    #contents.template .pc-hidden {
        display:block
    }

    #contents.template .sp-hidden {
        display: none
    }

    #contents.template h3,#contents.template ol,#contents.template p,#contents.template ul {
        margin-left: 0;
        margin-right: 0
    }

    #contents.template .row {
        margin: 0
    }

    #contents.template .row .column,#contents.template .row .columns {
        float: left;
        padding: 0 10px
    }

    #contents.template .row .column:last-child,#contents.template .row .columns:last-child {
        padding-bottom: 20px
    }

    #contents.template .row .column.img-left,#contents.template .row .column.page-heading-img,#contents.template .row .column.page-heading-text,#contents.template .row .column.textarea-right,#contents.template .row .columns.img-left,#contents.template .row .columns.page-heading-img,#contents.template .row .columns.page-heading-text,#contents.template .row .columns.textarea-right {
        width: 100%
    }

    #contents.template .row .column.sp-img-left,#contents.template .row .columns.sp-img-left {
        width: 31%
    }

    #contents.template .row .column.sp-textarea-right,#contents.template .row .columns.sp-textarea-right {
        width: 69%
    }

    #contents.template .row .column.half,#contents.template .row .column.onethird,#contents.template .row .column.quarter,#contents.template .row .columns.half,#contents.template .row .columns.onethird,#contents.template .row .columns.quarter {
        width: 100%
    }

    #contents.template .row .column.pc4-sp2,#contents.template .row .columns.pc4-sp2 {
        width: 50%
    }

    #contents.template .row .column .row,#contents.template .row .columns .row {
        margin: 0 -5px
    }

    #contents.template .row .column .row .column,#contents.template .row .column .row .columns,#contents.template .row .columns .row .column,#contents.template .row .columns .row .columns {
        padding: 0 5px 10px
    }

    #contents.template .slide-area .slide-content {
        margin: 0 5px 5px
    }

    #contents.template h1,#contents.template h2 {
        padding-left: 10px;
        padding-right: 10px
    }

    #contents.template h3,#contents.template ol,#contents.template p,#contents.template ul {
        padding-left: 15px;
        padding-right: 15px
    }

    #contents.template table {
        margin-left: 10px;
        margin-right: 10px
    }

    #contents.template .row .column h1,#contents.template .row .column h3,#contents.template .row .column ol,#contents.template .row .column p,#contents.template .row .column ul,#contents.template .row .columns h1,#contents.template .row .columns h3,#contents.template .row .columns ol,#contents.template .row .columns p,#contents.template .row .columns ul {
        padding-left: 0;
        padding-right: 0
    }

    #contents.template .row .column table,#contents.template .row .columns table {
        margin-left: 0;
        margin-right: 0
    }
}

#main_column.template .anchor-link {
    margin-bottom: 10px
}

#main_column.template .anchor-link a {
    display: inline-block;
    padding: 12px 30px 12px 15px;
    background: url(../img/icon/icon_link_down.png) right 14px center no-repeat #004098;
    background-size: 14px 9px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#main_column.template .anchor-link a:focus,#main_column.template .anchor-link a:hover {
    text-decoration: none;
    background-color: #0060e5
}

#main_column.template .anchor-link.full-width a {
    display: block
}

#main_column.template .page-link {
    margin-bottom: 10px;
    text-align: center
}

#main_column.template .page-link a {
    display: inline-block;
    padding: 12px 26px 12px 15px;
    background: url(../img/icon/icon_link_left.png) right 14px center no-repeat #004098;
    background-size: 9px 14px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

#main_column.template .page-link a:focus,#main_column.template .page-link a:hover {
    text-decoration: none;
    background-color: #0060e5
}

#main_column.template .page-link.round a {
    padding: 12px 40px;
    border-radius: 22px!important;
    margin-top: 10px
}

#main_column.template .page-link.black a {
    background-color: #000
}

#main_column.template .page-link.full-width a {
    display: block
}

#main_column.template .graph_gr {
    padding: 5px 10px;
    z-index: 1;
    background: #004098;
    background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0));
    background: linear-gradient(to right,#004098 0,#339cd0 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#main_column.template .graph_gr .graph_txt {
    margin-right: -55px;
    font-weight: 600;
    line-height: 21px;
    text-align: right;
    white-space: nowrap;
    color: #004098
}

#main_column.template .related-topics {
    margin-top: 20px;
    border-bottom: 1px solid #aaa
}

#main_column.template .related-topics::after {
    content: "";
    clear: both;
    display: block
}

#main_column.template .related-topics .row>a {
    display: block
}

#main_column.template .related-topics .row>a:focus h3,#main_column.template .related-topics .row>a:focus p,#main_column.template .related-topics .row>a:hover h3,#main_column.template .related-topics .row>a:hover p {
    text-decoration: underline
}

#main_column.template .related-topics h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    line-height: 18px!important;
    border: none!important
}

#main_column.template .related-topics .icon-area {
    margin: 0 0 12px;
    padding-left: 20px;
    font-size: 12px;
    color: #aaa
}

#main_column.template .related-topics .icon-area.media {
    background: url(../img/icon/icon_nexmag.png) left center no-repeat;
    background-size: 18px 18px
}

#main_column.template .related-topics .icon-area.campaign {
    background: url(../img/icon/icon_campaign.png) left center no-repeat;
    background-size: 20px 20px
}

#main_column.template .related-topics .date {
    margin: 0;
    font-size: 12px;
    color: #000
}

#main_column.template .related-topics.cat-top h3 {
    margin: 5px 0 10px
}

#main_column.template a[data-fancybox] {
    display: block;
    position: relative
}

#main_column.template a[data-fancybox]::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: url(../img/icon/zoom.png) center center no-repeat;
    background-size: 32px
}

#main_column.template .notice {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #b30007
}

#main_column.template .copy {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #515459
}

#main_column.template h1 {
    margin-bottom: 26px;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

#main_column.template h2 {
    margin-bottom: 15px;
    padding: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    background: #004098!important;
    background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
    background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
}

#main_column.template h2.top-margin {
    margin-top: 20px
}

#main_column.template h3 {
    margin-bottom: 15px;
    padding-bottom: 17px;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #18191a;
    -o-border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0;
    border-style: solid
}

#main_column.template p {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #515459
}

#main_column.template p small {
    font-size: 12px
}

#main_column.template p strong {
    font-weight: 400;
    color: #fe6000
}

#main_column.template p.text-center {
    text-align: center
}

#main_column.template ol,#main_column.template ul {
    margin: 30px 0;
    padding: 15px 20px;
    /*border: 1px solid #9fa7b0*/
}

#main_column.template ol li,#main_column.template ul li {
    font-size: 14px;
    line-height: 2.5em;
    color: #515459
}

#main_column.template ol li::before,#main_column.template ul li::before {
    margin-right: 7px
}

#main_column.template ol li a,#main_column.template ul li a {
    color: #515459
}

#main_column.template ol li a:focus,#main_column.template ol li a:hover,#main_column.template ul li a:focus,#main_column.template ul li a:hover {
    text-decoration: none;
    color: #187fcc
}

#main_column.template ul li::before {
    content: '・'
}

#main_column.template ol li {
    counter-increment: listnum
}

#main_column.template ol li::before {
    content: counter(listnum) "."
}

#main_column.template dl {
    margin: 30px 0
}

#main_column.template dl dt {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #18191a
}

#main_column.template dl dd p {
    margin-left: 0;
    margin-right: 0
}

#main_column.template a {
    color: #187fcc;
    text-decoration: none
}

#main_column.template a:focus,#main_column.template a:hover {
    text-decoration: underline
}

#main_column.template img {
    display: block;
    margin: auto
}

#main_column.template img.full-wide {
    width: 100%
}

#main_column.template table {
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    color: #000;
    border-collapse: collapse;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf
}

#main_column.template table td,#main_column.template table th {
    padding: 15px 10px
}

#main_column.template table th {
    font-weight: 600;
    line-height: 21px
}

#main_column.template table td {
    line-height: 21px
}

#main_column.template table thead tr {
    background-color: #9fa7b0
}

#main_column.template table thead td,#main_column.template table thead th {
    text-align: left;
    color: #fff;
    border-right: 1px solid #dfdfdf
}

#main_column.template table tbody th {
    background-color: #eee;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

#main_column.template table tbody td {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

#main_column.template .page-head-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

#main_column.template .page-head-1_l,#main_column.template .page-head-1_r {
    position: relative;
    width: 440px
}

#main_column.template .page-head-1 .sns-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    top: auto;
    right: auto
}

#main_column.template .pickup-1 {
    position: relative;
    margin-top: 10px;
    padding: 3px;
    background: #fff;
    border: 2px solid #595757
}

#main_column.template .pickup-1 .title {
    margin-bottom: 4px!important;
    padding: 2px 0!important;
    background: #585757!important;
    text-align: center!important;
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 1.2!important
}

#main_column.template .pickup-1 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#main_column.template .pickup-1 .photo {
    width: 148px
}

#main_column.template .pickup-1 .info {
    margin-left: 15px;
    width: 260px
}

#main_column.template .pickup-1 .sub {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600
}

#main_column.template .pickup-1 .btn {
    display: block;
    position: relative;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2
}

#main_column.template .pickup-1 .btn a {
    display: block;
    position: relative;
    padding: 15px 0;
    background: #187fcc;
    border-radius: 25px;
    color: #fff
}

#main_column.template .pickup-1 .btn a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    margin-top: -7px;
    background: url(../img/icon/arrow1.png) center center no-repeat;
    background-size: 100%
}

#main_column.template .pickup-1 .btn-map a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 18px;
    width: 24px;
    height: 25px;
    margin-top: -12px;
    background: url(../img/icon/map1.svg) center center no-repeat;
    background-size: 100%
}

#main_column.template .title-gray {
    background: #585757!important
}

#main_column.template .title-grade-gray {
    background: #595757!important;
    background: -webkit-gradient(linear,left top,right top,from(#595757),to(#a7a7a8))!important;
    background: linear-gradient(to right,#595757 0,#a7a7a8 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595757', endColorstr='#a7a7a8', GradientType=1 )!important
}

#main_column.template .row .column.half:nth-of-type(2n+1),#main_column.template .row .columns.half:nth-of-type(2n+1) {
    clear: both
}

#main_column.template .related-topics .note {
    margin: 5px 0 0;
    font-size: 11px;
    color: #515459
}

#main_column.template .related-topics .link {
    margin: 5px 0 0;
    font-size: 12px;
    color: #428bca
}

#main_column.template .more-button-link-2 a {
    width: 280px!important
}

#main_column.template .more-button-link-2 a:after {
    content: '';
    position: absolute!important;
    top: 50%!important;
    right: 20px!important;
    width: 8px!important;
    height: 14px!important;
    margin-top: -7px!important;
    background: url(../img/icon/arrow1.png) center center no-repeat!important;
    background-size: 100%!important
}

.game-theme {
    background-color: #000
}

.game-theme #main_column.template {
    color: #fff
}

.game-theme #main_column.template .anchor-link a {
    color: #fff;
    background: url(../img/icon/icon_link_down.png) right 14px center no-repeat #ea5504;
    background-size: 14px 9px
}

.game-theme #main_column.template .anchor-link a:focus,.game-theme #main_column.template .anchor-link a:hover {
    background-color: #fc813f
}

.game-theme #main_column.template .page-link a {
    color: #fff;
    background: url(../img/icon/icon_link_left.png) right 14px center no-repeat #ea5504;
    background-size: 9px 14px
}

.game-theme #main_column.template .page-link a:focus,.game-theme #main_column.template .page-link a:hover {
    background-color: #fc813f
}

.game-theme #main_column.template .graph_gr {
    background: #e95504;
    background: -webkit-gradient(linear,left top,right top,from(#e95504),to(#f9be00));
    background: linear-gradient(to right,#e95504 0,#f9be00 100%)
}

.game-theme #main_column.template .graph_gr .graph_txt {
    color: #e95504
}

.game-theme #main_column.template .related-topics {
    border-bottom: 1px solid #fff
}

.game-theme #main_column.template .related-topics .date,.game-theme #main_column.template .related-topics .icon-area {
    color: #fff
}

.game-theme #main_column.template .notice {
    color: #e9eced
}

.game-theme #main_column.template .copy {
    color: red
}

.game-theme #main_column.template h2 {
    background: #e95504!important;
    background: -webkit-gradient(linear,left top,right top,from(#e95504),to(#f9be00))!important;
    background: linear-gradient(to right,#e95504 0,#f9be00 100%)!important
}

.game-theme #main_column.template h3 {
    color: #fff;
    -o-border-image: linear-gradient(to right,#e95504 0,#f9be00 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,from(#e95504),to(#f9be00)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#e95504 0,#f9be00 100%) 1/0 0 1px 0;
    border-style: solid
}

.game-theme #main_column.template p {
    color: #fff
}

.game-theme #main_column.template p strong {
    color: #fe6000
}

.game-theme #main_column.template ol li,.game-theme #main_column.template ol li a,.game-theme #main_column.template ul li,.game-theme #main_column.template ul li a {
    color: #fff
}

.game-theme #main_column.template ol li a:focus,.game-theme #main_column.template ol li a:hover,.game-theme #main_column.template ul li a:focus,.game-theme #main_column.template ul li a:hover {
    text-decoration: none;
    color: #187fcc
}

.game-theme #main_column.template dl dt {
    color: #fff
}

.game-theme #main_column.template a {
    color: #70b5e8
}

.game-theme #main_column.template table {
    color: #000
}

.game-theme #main_column.template table thead td,.game-theme #main_column.template table thead th {
    color: #fff;
    border-right: 1px solid #dfdfdf
}

.game-theme #main_column.template table tbody th {
    background-color: #eee;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.game-theme #main_column.template table tbody td {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.creator-theme #main_column.template .anchor-link a {
    color: #fff;
    background: url(../img/icon/icon_link_down.png) right 14px center no-repeat #00a29a;
    background-size: 14px 9px
}

.creator-theme #main_column.template .anchor-link a:focus,.creator-theme #main_column.template .anchor-link a:hover {
    background-color: #00efe3
}

.creator-theme #main_column.template .page-link a {
    color: #fff;
    background: url(../img/icon/icon_link_left.png) right 14px center no-repeat #00a29a;
    background-size: 9px 14px
}

.creator-theme #main_column.template .page-link a:focus,.creator-theme #main_column.template .page-link a:hover {
    background-color: #00efe3
}

.creator-theme #main_column.template .graph_gr {
    background: #00a29a;
    background: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3));
    background: linear-gradient(to right,#00a29a 0,#00efe3 100%)
}

.creator-theme #main_column.template .graph_gr .graph_txt {
    color: #00a29a
}

.creator-theme #main_column.template h2 {
    background: #00a29a;
    background: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3));
    background: linear-gradient(to right,#00a29a 0,#00efe3 100%)
}

.creator-theme #main_column.template p strong {
    color: #fe6000
}

.creator-theme #main_column.template table {
    color: #000
}

.creator-theme #main_column.template table thead td,.creator-theme #main_column.template table thead th {
    color: #fff;
    border-right: 1px solid #dfdfdf
}

.creator-theme #main_column.template table tbody th {
    background-color: #eee;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.creator-theme #main_column.template table tbody td {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.category-theme {
    background-color: #000
}

.category-theme #main_column.template {
    color: #fff
}

.category-theme #main_column.template .anchor-link a {
    color: #fff;
    background: url(../img/icon/icon_link_down.png) right 14px center no-repeat #00a29a;
    background-size: 14px 9px
}

.category-theme #main_column.template .anchor-link a:focus,.category-theme #main_column.template .anchor-link a:hover {
    background-color: #00efe3
}

.category-theme #main_column.template .page-link a {
    color: #fff;
    background: url(../img/icon/icon_link_left.png) right 14px center no-repeat #00a29a;
    background-size: 9px 14px
}

.category-theme #main_column.template .page-link a:focus,.category-theme #main_column.template .page-link a:hover {
    background-color: #00efe3
}

.category-theme #main_column.template .graph_gr {
    background: #00a29a;
    background: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3));
    background: linear-gradient(to right,#00a29a 0,#00efe3 100%)
}

.category-theme #main_column.template .graph_gr .graph_txt {
    color: #00a29a
}

.category-theme #main_column.template .related-topics {
    border-bottom: 1px solid #fff
}

.category-theme #main_column.template .related-topics .date,.category-theme #main_column.template .related-topics .icon-area {
    color: #fff
}

.category-theme #main_column.template h2 {
    background: #00a29a!important;
    background: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3))!important;
    background: linear-gradient(to right,#00a29a 0,#00efe3 100%)!important
}

.category-theme #main_column.template h3 {
    color: #fff;
    -o-border-image: linear-gradient(to right,#00a29a 0,#00efe3 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#00a29a 0,#00efe3 100%) 1/0 0 1px 0;
    border-style: solid
}

.category-theme #main_column.template p strong {
    color: #fe6000
}

.category-theme #main_column.template ol li,.category-theme #main_column.template ol li a,.category-theme #main_column.template ul li,.category-theme #main_column.template ul li a {
    color: #fff
}

.category-theme #main_column.template ol li a:focus,.category-theme #main_column.template ol li a:hover,.category-theme #main_column.template ul li a:focus,.category-theme #main_column.template ul li a:hover {
    text-decoration: none;
    color: #187fcc
}

.category-theme #main_column.template dl dt {
    color: #fff
}

.category-theme #main_column.template table {
    color: #000
}

.category-theme #main_column.template table thead td,.category-theme #main_column.template table thead th {
    color: #fff;
    border-right: 1px solid #dfdfdf
}

.category-theme #main_column.template table tbody th {
    background-color: #eee;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.category-theme #main_column.template table tbody td {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.business-theme #main_column.template .anchor-link a {
    color: #fff;
    background: url(../img/icon/icon_link_down.png) right 14px center no-repeat #585757;
    background-size: 14px 9px
}

.business-theme #main_column.template .anchor-link a:focus,.business-theme #main_column.template .anchor-link a:hover {
    background-color: #7e7d7d
}

.business-theme #main_column.template .page-link a {
    color: #fff;
    background: url(../img/icon/icon_link_left.png) right 14px center no-repeat #585757;
    background-size: 9px 14px
}

.business-theme #main_column.template .page-link a:focus,.business-theme #main_column.template .page-link a:hover {
    background-color: #7e7d7d
}

.business-theme #main_column.template .graph_gr {
    background: #585757;
    background: -webkit-gradient(linear,left top,right top,from(#585757),to(#7e7d7d));
    background: linear-gradient(to right,#585757 0,#7e7d7d 100%)
}

.business-theme #main_column.template .graph_gr .graph_txt {
    color: #585757
}

.business-theme #main_column.template h2 {
    background: #585757!important;
    background: -webkit-gradient(linear,left top,right top,from(#585757),to(#7e7d7d))!important;
    background: linear-gradient(to right,#585757 0,#7e7d7d 100%)!important
}

.business-theme #main_column.template h3 {
    -o-border-image: linear-gradient(to right,#585757 0,#7e7d7d 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,from(#585757),to(#7e7d7d)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#585757 0,#7e7d7d 100%) 1/0 0 1px 0;
    border-style: solid
}

.business-theme #main_column.template p strong {
    color: #fe6000
}

.business-theme #main_column.template table {
    color: #000
}

.business-theme #main_column.template table thead td,.business-theme #main_column.template table thead th {
    color: #fff;
    border-right: 1px solid #dfdfdf
}

.business-theme #main_column.template table tbody th {
    background-color: #eee;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.business-theme #main_column.template table tbody td {
    background-color: #fff;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

@media screen and (max-width: 640px) {
    #contents.template .row h2 {
        margin:0 -10px 20px
    }

    #contents.template .row .columns .related-topics h3 {
        margin-bottom: 6px
    }

    #contents.template .row .columns .related-topics .icon-area {
        margin-bottom: 6px;
        padding-left: 20px
    }

    #contents.template table {
        width: auto
    }

    #contents.template table td,#contents.template table th {
        padding: 10px 5px;
        font-size: 12px
    }
}

#main_column.template .subtitle {
    margin: 16px 0;
    padding: 1px;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

#main_column.template .description {
    margin: 0;
    font-size: 14px
}

#main_column.template .row.cat-heading>.column,#main_column.template .row.cat-heading>.columns {
    width: 50%
}

@media screen and (max-width: 640px) {
    #main_column.template .row.cat-heading>.column,#main_column.template .row.cat-heading>.columns {
        width:100%
    }
}

#main_column.template .row.cat-heading>.column .logo,#main_column.template .row.cat-heading>.columns .logo {
    margin: 30px 35px 20px
}

#main_column.template .row.cat-heading>.column .pickup,#main_column.template .row.cat-heading>.columns .pickup {
    padding: 3px;
    background-color: #fff;
    border: 2px solid #004098
}

@media only screen and (max-width: 767px) {
    #main_column.template .row.cat-heading>.column .pickup,#main_column.template .row.cat-heading>.columns .pickup {
        border-color:#ea5504
    }
}

#main_column.template .row.cat-heading>.column .pickup-title,#main_column.template .row.cat-heading>.columns .pickup-title {
    padding: 1px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #ea5504
}

#main_column.template .row.cat-heading>.column .pickup .row,#main_column.template .row.cat-heading>.columns .pickup .row {
    margin-bottom: 0
}

#main_column.template .row.cat-heading>.column .pickup-img,#main_column.template .row.cat-heading>.columns .pickup-img {
    width: 40%
}

#main_column.template .row.cat-heading>.column .pickup-img .SJ-sp--image img,#main_column.template .row.cat-heading>.columns .pickup-img .SJ-sp--image img {
    display: block;
    width: 70%;
    margin: 0 auto
}

#main_column.template .row.cat-heading>.column .pickup-img .SJ-sp--price,#main_column.template .row.cat-heading>.columns .pickup-img .SJ-sp--price {
    text-align: center;
    color: #b30007
}

#main_column.template .row.cat-heading>.column .pickup-img .SJ-sp--price .price__normal .price--title,#main_column.template .row.cat-heading>.columns .pickup-img .SJ-sp--price .price__normal .price--title {
    display: none
}

#main_column.template .row.cat-heading>.column .pickup-img .SJ-sp--price .price__normal .price--num,#main_column.template .row.cat-heading>.columns .pickup-img .SJ-sp--price .price__normal .price--num {
    font-size: 16px
}

#main_column.template .row.cat-heading>.column .pickup-img .SJ-sp--price .price__normal .price--tax,#main_column.template .row.cat-heading>.columns .pickup-img .SJ-sp--price .price__normal .price--tax {
    font-size: 10px
}

#main_column.template .row.cat-heading>.column .pickup-textarea,#main_column.template .row.cat-heading>.columns .pickup-textarea {
    width: 60%
}

#main_column.template .row.cat-heading>.column .pickup-textarea .SJ-sp--title,#main_column.template .row.cat-heading>.columns .pickup-textarea .SJ-sp--title {
    font-size: 12px;
    color: #187fcc
}

#main_column.template .row.cat-heading>.column .pickup-textarea .SJ-sp--bto,#main_column.template .row.cat-heading>.columns .pickup-textarea .SJ-sp--bto {
    font-size: 10px;
    color: #000
}

#main_column.template .row.cat-heading>.column .pickup-textarea .SJ-sp--bto .cpu,#main_column.template .row.cat-heading>.column .pickup-textarea .SJ-sp--bto .graphic,#main_column.template .row.cat-heading>.columns .pickup-textarea .SJ-sp--bto .cpu,#main_column.template .row.cat-heading>.columns .pickup-textarea .SJ-sp--bto .graphic {
    color: #00829c
}

#main_column.template .row.cat-heading.left-large>.column.left,#main_column.template .row.cat-heading.left-large>.columns.left {
    width: 540px
}

#main_column.template .row.cat-heading.left-large>.column.right,#main_column.template .row.cat-heading.left-large>.columns.right {
    float: right;
    width: 380px
}

#main_column.template .row.cat-heading.left-large>.column.right .row,#main_column.template .row.cat-heading.left-large>.columns.right .row {
    margin-top: 48px;
    margin-bottom: 0
}

#main_column.template .row.cat-heading.left-large>.column.right .row>.column p:last-child,#main_column.template .row.cat-heading.left-large>.column.right .row>.columns p:last-child,#main_column.template .row.cat-heading.left-large>.columns.right .row>.column p:last-child,#main_column.template .row.cat-heading.left-large>.columns.right .row>.columns p:last-child {
    margin-bottom: 0
}

#main_column.template .cat-sub-heading {
    position: relative;
    margin-bottom: 20px
}

#main_column.template .cat-sub-heading .bgimg {
    margin: 0;
    width: 100%;
    height: auto
}

#main_column.template .cat-sub-heading .textarea {
    position: absolute;
    top: 0;
    padding: 20px 15px
}

#main_column.template .cat-sub-heading .textarea .cat-logo {
    margin: 0 0 65px;
    width: 208px
}

#main_column.template .cat-sub-heading .textarea .cat-title {
    display: inline-block;
    margin: 0 0 40px;
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#main_column.template .cat-sub-heading .textarea .cat-desc {
    margin: 0;
    width: 400px
}

#main_column.template .cat-sub-heading.subpage .textarea .cat-title {
    margin: 65px 0 0;
    font-size: 25px
}

#main_column.template .cat-sub-heading.subpage .textarea .cat-subtitle {
    display: inline-block;
    margin: 0 0 25px;
    font-size: 35px;
    font-weight: 400;
    line-height: 1;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#main_column.template .page-heading-img .cat-sub-heading {
    margin-bottom: 0
}

#main_column.template .page-heading-img .cat-sub-heading .textarea .cat-title {
    font-size: 37.5px
}

#main_column.template .cat-title-gray {
    margin: 0 0 15px;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 1;
    color: #18191a;
    background: #e9eced!important
}

#main_column.template .cat-title-gray span {
    margin-left: 72px;
    font-weight: 400
}

#main_column.template .more-link {
    margin: 0 0 15px;
    font-size: 12px;
    text-align: right;
    color: #187fcc
}

#main_column.template .more-link a:after {
    content: ' ';
    display: inline-block;
    margin: 3px 0 0 12px;
    width: 9px;
    height: 14px;
    background: url(../img/icon/arrow3.png) center center no-repeat;
    background-size: 100%;
    vertical-align: top
}

#main_column.template .more-button-link {
    margin: 0 0 20px;
    text-align: center
}

#main_column.template .more-button-link a {
    display: inline-block;
    position: relative;
    width: 200px;
    padding: 8px 0;
    font-size: 15px;
    color: #fff;
    background-color: #18191a;
    border-radius: 20px
}

#main_column.template .more-button-link a:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/icon/cat-more_white.png) center center no-repeat;
    background-size: 100%;
    vertical-align: top
}

#main_column.template .more-button-link.is-long a {
    width: 100%;
    max-width: 350px
}

#main_column.template .choice-link {
    margin: 0
}

#main_column.template .choice-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 80px;
    font-size: 20px;
    text-align: center;
    color: #18191a;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#e9eced),to(#c8cbcc));
    background: linear-gradient(to bottom,#e9eced 0,#c8cbcc 100%);
    border: 2px solid #fff;
    border-radius: 10px;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-link a {
        border-radius:5px
    }
}

#main_column.template .choice-link-gradient {
    margin: 0
}

#main_column.template .choice-link-gradient a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    min-height: 80px;
    font-size: 20px;
    background: 0 0;
    border: 10px solid;
    border-image-source: url(../img/button/gradation_button.png);
    border-image-slice: 20;
    border-image-repeat: round
}

#main_column.template .choice-link-gradient a:focus,#main_column.template .choice-link-gradient a:hover {
    text-decoration: none;
    opacity: .7
}

#main_column.template .choice-link-gradient a span {
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#main_column.template .choice-pc-link {
    display: block;
    position: relative;
    min-height: 130px;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px
}

#main_column.template .choice-pc-link div {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0
}

#main_column.template .choice-pc-link__title {
    margin: 0;
    color: #18191a
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-pc-link {
        min-height:110px
    }

    #main_column.template .choice-pc-link div {
        bottom: 5px
    }

    #main_column.template .choice-pc-link__title {
        margin: 10px 0 0
    }
}

#main_column.template .choice-by-size {
    display: block;
    margin: 0;
    padding: 5px 0 10px;
    background-color: #fff;
    border-radius: 5px
}

#main_column.template .choice-by-size .choice-pc-link__title {
    color: #18191a!important;
    font-size: 14px;
    font-weight: 700!important;
    text-align: center
}

#main_column.template .choice-model {
    display: block
}

#main_column.template .choice-model.temp-fix {
    min-height: 230px
}

#main_column.template .choice-model img {
    margin: 0;
    width: 100%
}

#main_column.template .choice-model__title {
    margin: 15px 0 10px;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    color: #187fcc;
    border-bottom: none!important
}

#main_column.template .choice-model__lead {
    margin: 10px 0 12px;
    font-size: 11px
}

#main_column.template .choice-creator-pc {
    position: relative;
    margin-bottom: 20px;
    border-left: 1px solid #00a199;
    border-right: 1px solid #00e67e;
    padding: 10px;
    height: 250px
}

#main_column.template .choice-creator-pc:focus,#main_column.template .choice-creator-pc:hover {
    opacity: .7
}

#main_column.template .choice-creator-pc.manga {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.manga {
        background:url(/web_images/image/KV_manga_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.manga .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc {
        padding:0;
        height: auto;
        margin-bottom: 10px
    }

    #main_column.template .choice-creator-pc.manga .sp-close {
        background: url(/web_images/image/KV_manga_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.design {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.design {
        background:url(/web_images/image/KV_design_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.design .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.design .sp-close {
        background:url(/web_images/image/KV_design_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.animation {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.animation {
        background:url(/web_images/image/KV_animation_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.animation .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.animation .sp-close {
        background:url(/web_images/image/KV_animation_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.cg {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.cg {
        background:url(/web_images/image/KV_cg_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.cg .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.cg .sp-close {
        background:url(/web_images/image/KV_cg_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.movie {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.movie {
        background:url(/web_images/image/KV_movie_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.movie .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.movie .sp-close {
        background:url(/web_images/image/KV_movie_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.music {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.music {
        background:url(/web_images/image/KV_music_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.music .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.music .sp-close {
        background:url(/web_images/image/KV_music_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.photo {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.photo {
        background:url(/web_images/image/KV_photo_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.photo .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.photo .sp-close {
        background:url(/web_images/image/KV_photo_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.cad {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.cad {
        background:url(/web_images/image/KV_cad_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.cad .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.cad .sp-close {
        background:url(/web_images/image/KV_cad_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.web {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.web {
        background:url(/web_images/image/KV_web_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.web .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.web .sp-close {
        background:url(/web_images/image/KV_web_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.programming {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.programming {
        background:url(/web_images/image/KV_programming_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.programming .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.programming .sp-close {
        background:url(/web_images/image/KV_programming_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.robot {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.robot {
        background:url(/web_images/image/KV_robot_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.robot .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.robot .sp-close {
        background:url(/web_images/image/KV_robot_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.collaboration {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.collaboration {
        background:url(/web_images/image/KV_collaboration_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.collaboration .sp-close {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.collaboration .sp-close {
        background:url(/web_images/image/KV_collaboration_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.writing {
    background: 0 0
}

@media only screen and (min-width: 768px) {
    #main_column.template .choice-creator-pc.writing {
        background:url(/web_images/image/KV_writing_main.jpg) bottom center no-repeat;
        background-size: cover
    }
}

#main_column.template .choice-creator-pc.writing .sp-close {
    background: 0 0
}

#main_column.template .choice-creator-pc a {
    display: block;
    padding: 0
}

@media only screen and (max-width: 767px) {
    #main_column.template .choice-creator-pc.writing .sp-close {
        background:url(/web_images/image/KV_writing_main.jpg) bottom center no-repeat;
        background-size: cover
    }

    #main_column.template .choice-creator-pc a {
        padding-top: 40px
    }
}

#main_column.template .choice-creator-pc a:focus,#main_column.template .choice-creator-pc a:hover {
    text-decoration: none
}

#main_column.template .choice-creator-pc .title {
    margin: 0 0 40px;
    padding: 0;
    -o-border-image: none;
    border-image: none;
    border-style: none
}

#main_column.template .choice-creator-pc .title img {
    width: auto;
    height: 18px;
    margin: 0 auto 0 0
}

#main_column.template .choice-creator-pc .desc {
    margin: 0;
    font-size: 14px
}

#main_column.template .choice-creator-pc .link {
    position: absolute;
    right: -1px;
    bottom: 1px;
    margin: 0;
    width: 100px;
    height: 60px
}

#main_column.template .choice-creator-pc::after,#main_column.template .choice-creator-pc::before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    position: absolute;
    left: 0
}

#main_column.template .choice-creator-pc::before {
    top: 0
}

#main_column.template .choice-creator-pc::after {
    bottom: 0
}

#main_column.template .pclist-bg {
    margin-bottom: 20px;
    background-color: #fff
}

#main_column.template .read-all {
    width: auto!important
}

#main_column.template .read-all-link a {
    display: block;
    margin: 25% 10px 0;
    font-size: 15px;
    text-align: center
}

#main_column.template .read-all-link a::before {
    content: ' ';
    display: block;
    width: 75px;
    height: 75px;
    margin: 0 auto 20px;
    background: url(/web_images/img/arrow_read_all.png) center center no-repeat;
    background-size: 100%
}

#main_column.template .cat-top-toggle {
    margin-bottom: 10px
}

#main_column.template .cat-top-toggle dl {
    margin: 0
}

#main_column.template .cat-top-toggle dl dt {
    position: relative;
    margin: 0;
    padding: 8px 30px 8px 15px;
    background: #187fcc;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    #main_column.template .cat-top-toggle dl dt {
        padding:12px 30px 12px 15px
    }
}

#main_column.template .cat-top-toggle dl dt:after {
    content: ' ';
    position: absolute;
    top: 6px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/icon/side_arrow_open.png) center center no-repeat;
    background-size: 100%
}

#main_column.template .cat-top-toggle dl dt.on:after {
    background: url(../img/icon/side_arrow_close.png) center center no-repeat;
    background-size: 100%
}

#main_column.template .cat-top-toggle dl dd {
    display: none;
    padding: 20px 0 0;
    background-color: #eee
}

#main_column.template .cat-top-toggle dl dd.main-choice {
    background-color: transparent
}

#main_column.template .cat-top-toggle dl dd.main-choice>.row {
    margin-top: 0
}

#main_column.template .cat-top-toggle .main-choice-variable .row .columns:nth-of-type(4n+1) {
    clear: left
}

#main_column.template .cat-top-toggle .main-choice-variable .choice-model__title {
    color: #187fcc;
    padding-top: 15px
}

#main_column.template .cat-top.SJ-items .SJ-items--title--2 {
    margin-bottom: 15px!important;
    padding: 15px!important;
    font-size: 20px!important;
    font-weight: 400!important;
    color: #fff!important;
    background: #004098!important;
    background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
    background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
}

#main_column.template .cat-top.SJ-items .SJ-items--title--2.top-margin {
    margin-top: 20px!important
}

@media only screen and (max-width: 767px) {
    .pick-img {
        margin-top:30px!important
    }
}

.pick-text-subtitle,.pick-text-title {
    margin: 8px!important
}

.pick-text-title {
    padding: 0!important;
    border: none!important
}

.category-theme-mainview {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .category-theme-mainview {
        margin-bottom:-14px
    }
}

.category-theme-mainview a {
    display: block;
    width: 100%
}

.category-theme-mainview img {
    display: block;
    width: 100%;
    height: auto
}

.category-theme-mainview-inner {
    width: 100%
}

.category-theme #main_column.template {
    position: relative
}

.category-theme #main_column.template p {
    color: #515459
}

.category-theme #main_column.template .category-theme-mainview-title,.category-theme #main_column.template>h1 {
    display: block;
    width: 100%;
    padding: 18px 0 0;
    margin: 0;
    font-size: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

@media only screen and (max-width: 767px) {
    .category-theme #main_column.template .category-theme-mainview-title,.category-theme #main_column.template>h1 {
        padding:8px 0 0;
        font-size: 16px
    }
}

.category-theme #main_column.template .more-button-link a {
    color: #fff;
    background-color: #18191a
}

.category-theme #main_column.template .more-button-link a:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../../../sphone/_asset/img/icon/cat-more_white.png) center center no-repeat;
    background-size: 100%;
    vertical-align: top
}

.category-theme .productList-bottomSNS .productPage-sns-link-item::before,.categoryTheme-gallery-item::before {
    content: none!important
}

.category-theme .productList-bottomBtn,.category-theme .productList-bottomSNS {
    width: 100%
}

.category-theme #main_column.template .iiyama_choose .related-topics {
    border-bottom: none
}

.category-theme #main_column.template .related-topics .date {
    margin: 0
}

.category-theme .productList-bottomBtn a {
    height: 42px
}

@media only screen and (min-width: 768px) {
    .category-theme .productList-bottomBtn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .category-theme .productList-bottomBtn a {
        height: 40px
    }

    .category-theme .productList-bottomSNS {
        width: 360px
    }
}

.category-theme .productList-bottomSNS .productPage-sns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px 0 15px
}

@media only screen and (max-width: 767px) {
    .category-theme .productList-bottomSNS .productPage-sns-wrap {
        padding-top:0
    }
}

.category-theme .productList-bottomSNS .productPage-sns {
    width: 100%;
    margin: 0!important
}

.category-theme .productList-bottomSNS .productPage-sns-title {
    width: 100%;
    padding-right: 10px;
    font-size: 11px!important;
    line-height: 1.4;
    font-weight: 700!important;
    text-align: center;
    color: #000;
    margin: 0 0 8px!important
}

@media only screen and (min-width: 768px) {
    .category-theme .productList-bottomSNS .productPage-sns {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .category-theme .productList-bottomSNS .productPage-sns-title {
        text-align: right;
        margin-bottom: 0!important
    }
}

.category-theme .productList-bottomSNS .productPage-sns-link {
    width: 100%;
    margin: 0!important
}

.category-theme .productList-bottomSNS .productPage-sns-link-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none!important;
    padding: 0!important;
    margin: 0!important
}

.category-theme .productList-bottomSNS .productPage-sns-link-item {
    width: 44px;
    border: none!important;
    margin: 0 5px
}

@media only screen and (min-width: 768px) {
    .category-theme .productList-bottomSNS .productPage-sns-link-list {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .category-theme .productList-bottomSNS .productPage-sns-link-item {
        width: 40px;
        margin: 0 0 0 5px
    }
}

.category-theme .productList-bottomSNS .productPage-sns-link-item a {
    display: block;
    width: 100%!important;
    min-width: 0!important;
    background: 0 0!important;
    padding: 0!important;
    border: none!important;
    border-radius: 0!important
}

.creator-theme #main_column.template p {
    color: #fff
}

.creator-theme #main_column.template .more-button-link a {
    color: #18191a;
    background-color: #e9eced
}

.creator-theme #main_column.template .more-button-link a:after {
    background: url(../../../sphone/_asset/img/icon/cat-more.png) center center no-repeat;
    background-size: 100%
}

.creator-theme #main_column.template .subtitle {
    background: #00a199;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    color: #fff;
    line-height: normal
}

.creator-theme #main_column.template .cat-top-toggle dl dt,.creator-theme #main_column.template .row.cat-heading>.column .pickup-title,.creator-theme #main_column.template .row.cat-heading>.columns .pickup-title {
    background: #00a29a
}

.creator-theme #main_column.template .row.cat-heading>.column .pickup,.creator-theme #main_column.template .row.cat-heading>.columns .pickup {
    border: 2px solid #00a29a
}

.creator-theme #main_column.template .choice-model__lead {
    color: #515459
}

.creator-theme #main_column.template .cat-top.SJ-items .SJ-items--title--2 {
    background: #00a29a!important;
    background: -webkit-gradient(linear,left top,right top,from(#00a29a),to(#00efe3))!important;
    background: linear-gradient(to right,#00a29a 0,#00efe3 100%)!important
}

.categoryTheme-choiceBy {
    background-color: #eee;
    padding: 5px 15px 10px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .categoryTheme-choiceBy {
        padding:20px 15px 10px
    }
}

.categoryTheme-choiceBy .row {
    margin-bottom: 0!important
}

.categoryTheme-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border: none!important;
    padding: 0 9px!important;
    margin: 0!important
}

.categoryTheme-gallery-item {
    width: calc(50% - 4.5px);
    border: none!important;
    padding: 0!important;
    margin: 0 0 9px!important
}

@media only screen and (min-width: 768px) {
    .categoryTheme-gallery {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0!important
    }

    .categoryTheme-gallery-item {
        width: calc(33% - 13.3px);
        margin: 0 20px 20px 0!important
    }

    .categoryTheme-gallery-item:nth-child(3n) {
        margin-right: 0!important
    }

    .categoryTheme-gallery-item-inner:hover {
        color: inherit!important;
        text-decoration: underline!important
    }
}

.categoryTheme-gallery-item-inner {
    display: block;
    width: 100%
}

.categoryTheme-gallery-body {
    width: 100%;
    margin: 0!important
}

.categoryTheme-gallery-body-img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0!important;
    margin: 0!important
}

.categoryTheme-gallery-body-title {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0!important
}

.categoryTheme-gallery-body-text {
    width: 100%
}

@media only screen and (max-width: 1199px) {
    .category-theme .template #main_column .breadcrumb {
        width:100%;
        padding: 10px!important;
        margin: 0!important
    }
}

.category-theme .template #main_column h2 {
    margin-top: 0!important
}

@media only screen and (max-width: 767px) {
    .categoryTheme-gallery-body-title {
        line-height:130%
    }

    .categoryTheme-gallery-body-text {
        display: none
    }

    .category-theme .template #main_column h2 {
        margin-top: 14px!important
    }
}

.category-theme .template #main_column .subtitle {
    background: #00a199;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e));
    background: linear-gradient(to right,#00a199 0,#00e67e 100%);
    color: #fff;
    line-height: normal
}

.category-theme .template #main_column .row {
    margin-top: 5px
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .row {
        margin:0
    }

    .category-theme .template #main_column .row.cat-heading {
        width: 100%;
        margin: 0
    }
}

.category-theme .template #main_column .row.cat-heading>.column .pickup,.category-theme .template #main_column .row.cat-heading>.columns .pickup {
    border: 2px solid #00a29a
}

.category-theme .template #main_column .row.cat-heading>.column .pickup-title,.category-theme .template #main_column .row.cat-heading>.columns .pickup-title {
    background: #00a29a
}

@media only screen and (min-width: 768px) {
    .category-theme .template #main_column .row.cat-heading>.column .logo,.category-theme .template #main_column .row.cat-heading>.columns .logo {
        margin-top:0
    }
}

.category-theme .template #main_column .row.cat-heading>.columns .pickup .pickup-title {
    margin-top: 0!important
}

@media only screen and (max-width: 1199px) {
    .category-theme .template #main_column .row.cat-heading.left-large>.column.left,.category-theme .template #main_column .row.cat-heading.left-large>.columns.left {
        width:57.4%
    }
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .row.cat-heading.left-large>.column.left,.category-theme .template #main_column .row.cat-heading.left-large>.columns.left {
        width:100%;
        float: none;
        padding: 0 20px
    }
}

.category-theme .template #main_column .row.cat-heading.left-large>.column.right.is-pc,.category-theme .template #main_column .row.cat-heading.left-large>.columns.right.is-pc {
    display: block
}

@media only screen and (max-width: 1199px) {
    .category-theme .template #main_column .row.cat-heading.left-large>.column.right,.category-theme .template #main_column .row.cat-heading.left-large>.columns.right {
        width:40.4%
    }
}

@media only screen and (min-width: 768px) {
    .category-theme .template #main_column .row.cat-heading.left-large>.column.right .row,.category-theme .template #main_column .row.cat-heading.left-large>.columns.right .row {
        margin-top:0
    }

    .category-theme .template #main_column .row.choice {
        margin: 12px 0 20px;
        padding: 0 5px
    }

    .category-theme .template #main_column .row.choice>.column,.category-theme .template #main_column .row.choice>.columns {
        margin: 0;
        padding: 0 10px
    }
}

.category-theme .template #main_column .row.category-theme-news {
    margin-top: -15px
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .row.cat-heading.left-large>.column.right,.category-theme .template #main_column .row.cat-heading.left-large>.columns.right {
        width:100%;
        float: none
    }

    .category-theme .template #main_column .row.cat-heading.left-large>.column.right.is-pc,.category-theme .template #main_column .row.cat-heading.left-large>.columns.right.is-pc {
        display: none
    }

    .category-theme .template #main_column .more-button-link a {
        color: #18191a;
        background-color: #e9eced
    }

    .category-theme .template #main_column .more-button-link a:after {
        background: url(../img/icon/cat-more.png) center center no-repeat;
        background-size: 100%
    }
}

.category-theme .template #main_column .choice-model__title {
    -o-border-image: none;
    border-image: none;
    border-style: none
}

.category-theme .template #main_column .choice-model__lead {
    color: #fff
}

.category-theme .template #main_column .category-choice {
    background: #eee;
    margin-top: -12px
}

.category-theme .template #main_column .category-choice .row {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 8px
}

.category-theme .template #main_column .category-choice .row .columns {
    padding: 8px 0 0 8px;
    margin: 0
}

.category-theme .template #main_column .category-choice .row .columns:nth-of-type(3n) {
    padding-right: 8px
}

.category-theme .template #main_column .cat-top-toggle dl dt {
    background: #00a29a
}

.category-theme .template #main_column .cat-top.SJ-items .SJ-items--title--2,.category-theme .template #main_column .title-green-gradation,.category-theme .template #main_column .title-green-gradation-wrap h2 {
    background: #00a199!important;
    background: -webkit-gradient(linear,left top,right top,from(#00a199),to(#00e67e))!important;
    background: linear-gradient(to right,#00a199 0,#00e67e 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a199', endColorstr='#00e67e', GradientType=1 )!important;
    font-size: 20px!important;
    font-weight: 500!important;
    color: #fff;
    padding: 9px 9px 9px 20px;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .cat-top.SJ-items .SJ-items--title--2,.category-theme .template #main_column .title-green-gradation,.category-theme .template #main_column .title-green-gradation-wrap h2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px!important;
        padding: 8px;
        height: 60px;
        text-align: center;
        line-height: normal
    }
}

.category-theme .template #main_column .cat-top.SJ-items .SJ-items--title--2 .small,.category-theme .template #main_column .title-green-gradation .small,.category-theme .template #main_column .title-green-gradation-wrap h2 .small {
    font-size: 14px!important;
    padding-left: 40px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .cat-top.SJ-items .SJ-items--title--2 .small,.category-theme .template #main_column .title-green-gradation .small,.category-theme .template #main_column .title-green-gradation-wrap h2 .small {
        display:block;
        padding: 0;
        font-size: 14px!important
    }

    .category-theme .template #main_column .creatorTheme .sp-hidden {
        display: none
    }
}

.category-theme .template #main_column .choice-by-staff-title,.category-theme .template #main_column .related-topics .choice-by-staff-title {
    color: #187fcc
}

.category-theme .template #main_column .choice-by-staff-date,.category-theme .template #main_column .related-topics .choice-by-staff-date {
    color: #fff;
    font-size: 12px
}

.category-theme .template #main_column .choice-by-staff .icon-area.is-sense,.category-theme .template #main_column .related-topics .choice-by-staff .icon-area.is-sense {
    background: url(/web_images/img/svg/info_icon_sense.svg) left center no-repeat;
    padding-left: 27px
}

.category-theme .template #main_column .is-bottom-text {
    margin-top: -10px
}

.category-theme .template #main_column .creatorTheme {
    width: 100%;
    float: none
}

@media only screen and (min-width: 1200px) {
    .category-theme .template #main_column .creatorTheme {
        width:940px;
        float: right
    }
}

@media only screen and (max-width: 1199px) {
    .category-theme .template #main_column .creatorTheme-wrap {
        width:100%;
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-mainTitle {
        padding:0 10px
    }

    .category-theme .template #main_column .creatorTheme-pickup .columns.half {
        width: 50%!important
    }
}

.category-theme .template #main_column .creatorTheme-news {
    margin-top: -15px
}

.category-theme .template #main_column .creatorTheme-pickup {
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .category-theme .template #main_column .creatorTheme-pickup {
        display:none
    }
}

.category-theme .template #main_column .creatorTheme-pickup-explain {
    padding: 0 10px
}

.category-theme .template #main_column .creatorTheme-choiceUse .onethird {
    text-align: left
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-choiceUse {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .category-theme .template #main_column .creatorTheme-choiceUse .onethird {
        width: 50%
    }

    .category-theme .template #main_column .creatorTheme-choiceUse .title {
        margin: 0;
        padding: 10px
    }

    .category-theme .template #main_column .creatorTheme-choiceUse .sp-close a {
        height: 0;
        padding: 81.8% 0 0;
        -webkit-transition: all .8s ease;
        transition: all .8s ease;
        position: relative
    }
}

.category-theme .template #main_column .creatorTheme-choiceUse .sp-close {
    display: block
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-choiceUse .sp-close a .desc {
        position:absolute;
        top: 10px;
        left: 10px;
        font-size: 14px;
        width: 122%;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    .category-theme .template #main_column .creatorTheme-choiceModel .columns {
        width: 100%;
        float: none;
        margin: 0
    }

    .category-theme .template #main_column .creatorTheme-choiceModel .columns .choice-model__lead,.category-theme .template #main_column .creatorTheme-choiceModel .columns img {
        display: none
    }

    .category-theme .template #main_column .creatorTheme-choiceModel .columns .choice-model__title {
        color: #fff;
        padding: 5px;
        margin: 0;
        background: url(../img/icon/icon_link_left_small.png) right 14px center no-repeat;
        background-size: 6px 9px
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize {
        margin-bottom: 10px
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize .columns {
        width: calc(50% - 5px);
        padding: 0
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize .columns:nth-child(2n) {
        margin-left: 10px
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize .columns img {
        width: 63%
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize-wrap {
        padding: 0 20px
    }
}

.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize.is-pc,.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-product.is-pc {
    display: block
}

.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize.is-sp,.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-product.is-sp {
    display: none
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize.is-pc,.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-product.is-pc {
        display:none
    }

    .category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-choiceSize.is-sp,.category-theme .template #main_column .creatorTheme-changeSort .creatorTheme-changeSort-product.is-sp {
        display: block
    }

    .category-theme .template #main_column .creatorTheme-news {
        margin-top: 0;
        margin-bottom: 10px
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half {
        width: 100%;
        margin: 0
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half .related-topics {
        padding: 20px 0;
        margin: 0
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half .related-topics a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half:first-of-type .related-topics {
        padding-top: 0
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half .sp-img-left {
        width: 113px;
        padding: 0
    }

    .category-theme .template #main_column .creatorTheme-news .columns.half .sp-textarea-right {
        width: calc(100% - 113px);
        padding: 0 0 0 10px
    }
}

.category-theme .template #main_column .creatorTheme-bnr {
    display: none
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-bnr {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 10px
    }

    .category-theme .template #main_column .creatorTheme-headPageLinks .page-heading-img {
        width: 100%
    }
}

.category-theme .template #main_column .creatorTheme-bnr-item a {
    display: block;
    padding: 10px
}

.category-theme .template #main_column .creatorTheme-headPageLinks .page-heading-text br.is-sp {
    display: none
}

.category-theme .template #main_column .creatorTheme-table {
    border: none
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .creatorTheme-headPageLinks .page-heading-text {
        width:100%
    }

    .category-theme .template #main_column .creatorTheme-headPageLinks .page-heading-text br.is-sp {
        display: block
    }

    .category-theme .template #main_column .creatorTheme-choiceJob .columns.onethird {
        width: 100%;
        padding: 0 10px
    }

    .category-theme .template #main_column .creatorTheme-choiceStaff .columns.half {
        width: 100%
    }

    .category-theme .template #main_column .creatorTheme-choiceStaff .sp-img-left {
        padding-left: 0
    }

    .category-theme .template #main_column .creatorTheme-choiceStaff .sp-textarea-right {
        padding: 0 0 0 10px
    }

    .category-theme .template #main_column .creatorTheme-choiceStaff .choice-by-staff-date {
        margin-bottom: 12px
    }

    .category-theme .template #main_column .creatorTheme-table td,.category-theme .template #main_column .creatorTheme-table th {
        display: block;
        width: 100%;
        border-right: none;
        border-left: none
    }
}

.category-theme .template #main_column .sns-link.is-sp {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .category-theme .template #main_column .sns-link.is-sp {
        display:none
    }
}

.category-theme .template #main_column .sns-link.is-sp li {
    width: calc(20% - 5px);
    padding: 0
}

.category-theme .template #main_column .sns-link.is-sp li a {
    display: block;
    width: 100%;
    height: auto
}

.category-theme .template #main_column .sns-link-mb {
    margin-bottom: 50px
}

@media only screen and (max-width: 1199px) {
    .category-theme .template #main_column .sns-link.is-pc {
        display:none
    }
}

.category-theme .template #main_column .slide-area__bullets {
    margin-top: 10px!important
}

.category-theme #main_column .item-list-nav .select-wrap .btn-group button {
    background-color: #fff
}

.category-theme #main_column .item-list-nav,.category-theme #main_column .item-list-nav .select-wrap .btn-group.list_sort_title {
    color: #fff!important
}

.category-theme #main_column .item-wrap.list-no-table {
    position: relative!important;
    background: #fff!important;
    color: #18191a!important
}

.desktop-theme {
    background-color: #fff!important
}

@media only screen and (max-width: 767px) {
    .category-theme .template #main_column .slide-area {
        margin-bottom:15px
    }

    .category-theme .template #main_column .slide-area__frame {
        line-height: 0
    }

    .category-theme .template #main_column .slide-area__bullets {
        margin-top: 12px!important
    }

    .category-theme #main_column .slide-area {
        padding: 0 10px
    }

    .category-theme #main_column .slide-area .slide-area--item {
        height: auto!important
    }

    .creator-theme #contents .pagination small,.creator-theme #contents .s-drop-view>div p,.creator-theme #contents .s-result p.display {
        color: #fff!important
    }

    .desktop-theme::before {
        content: none
    }
}

.desktop-theme.category-theme .template #main_column .row.cat-heading>.columns .pickup {
    border: 2px solid #004098
}

.desktop-theme.category-theme #main_column.template h3 {
    -o-border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(0,#004098),to(#339cd0)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0
}

.desktop-theme #main_column.template>h1,.desktop-theme .category-theme-mainview-title {
    color: #000000
}

.desktop-theme #contents h1.fs30u.title.fl {
    display: none
}

.desktop-theme #contents h1.fs30u.title.fl.logo {
    display: block
}

.desktop-theme #container .cotentInr {
    margin-top: -10px;
    float: right
}

@media only screen and (max-width: 767px) {
    .desktop-theme #contents h1.ml0.mr0.mt5.mb5.fs22.fwn {
        display:none
    }

    .desktop-theme #contents h1.ml0.mr0.mt5.mb5.fs22.fwn.logo {
        display: block
    }

    .desktop-theme #container .cotentInr {
        margin-top: inherit!important;
        float: none!important
    }

    .desktop-theme .breadcrumb ul li {
        color: #000!important
    }

    .desktop-theme .breadcrumb ul li::before {
        background-color: #fff!important
    }

    .desktop-theme .breadcrumb ul li h2 {
        background: #004097!important;
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
        background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
        color: #fff!important
    }

    .desktop-theme .breadcrumb ul li h1.logo {
        margin: 30px 35px 20px
    }
}

.desktop-theme #main_column .breadcrumb ul li::before {
    background-color: #fff
}

.desktop-theme #main_column.template .subtitle {
    background: #004097;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0));
    background: linear-gradient(to right,#004097 0,#339cd0 100%);
    color: #fff;
    line-height: normal;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .subtitle {
        margin:16px 10px;
        padding: 1px;
        font-size: 18px;
        font-weight: 700;
        text-align: center
    }
}

.desktop-theme #main_column.template .cat-top-toggle dl dt {
    background: #004097!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
    background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
    padding: 12px 20px;
    font-size: 20px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-top-toggle dl dt {
        position:relative;
        margin: 0;
        padding: 12px 30px 12px 15px;
        background: #187fcc;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        cursor: pointer
    }
}

.desktop-theme #main_column.template .cat-top-toggle dl dt.on::after,.desktop-theme #main_column.template .cat-top-toggle dl dt.on::before,.desktop-theme #main_column.template .cat-top-toggle dl dt::after,.desktop-theme #main_column.template .cat-top-toggle dl dt::before {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #fff
}

.desktop-theme #main_column.template .cat-top-toggle dl dt::before {
    top: 24px;
    right: 16px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-top-toggle dl dt::before {
        top:19px;
        right: 10px
    }
}

.desktop-theme #main_column.template .cat-top-toggle dl dt::after {
    top: 24px;
    right: 22px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-top-toggle dl dt::after {
        top:19px;
        right: 16px
    }
}

.desktop-theme #main_column.template .cat-top-toggle dl dt.on::before {
    top: 24px;
    right: 16px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-top-toggle dl dt.on::before {
        -webkit-transform:rotate(45deg);
        transform: rotate(45deg)
    }
}

.desktop-theme #main_column.template .cat-top-toggle dl dt.on::after {
    top: 24px;
    right: 22px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.desktop-theme #main_column.template .cat-top-toggle dl .case {
    background-color: #fff;
    padding: 0
}

.desktop-theme #main_column.template .main-choice .row .columns.quarter {
    width: 33.3%
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-top-toggle dl dt.on::after {
        -webkit-transform:rotate(-45deg);
        transform: rotate(-45deg)
    }

    .desktop-theme #main_column.template .main-choice {
        background-color: transparent;
        padding: 20px 10px
    }

    .desktop-theme #main_column.template .main-choice .row {
        margin: 0
    }

    .desktop-theme #main_column.template .main-choice .row .columns.quarter {
        width: 100%!important;
        text-align: center
    }

    .desktop-theme #main_column.template .row {
        margin: 0
    }

    .desktop-theme #main_column.template .row.iiyama p {
        text-align: left;
        margin-top: 10px
    }

    .desktop-theme #main_column.template .row .columns.half {
        width: 100%;
        text-align: center;
        float: left;
        clear: none;
        margin-bottom: 8px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .desktop-theme #main_column.template .row h2 {
        margin-bottom: 15px;
        padding: 15px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .desktop-theme #main_column.template .row::after {
        content: "";
        clear: both;
        display: block
    }

    .desktop-theme #main_column.template .row.cat-heading>.columns .pickup {
        border: 2px solid #004097;
        margin-bottom: inherit
    }
}

.desktop-theme #main_column.template .row .column.quarter {
    width: 33.3%
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .row .columns.page-heading-img {
        width:47%;
        margin: 3% 0 0 2%;
        float: left
    }

    .desktop-theme #main_column.template .row .columns.page-heading-text {
        width: 47%;
        float: right;
        margin: 3% 2% 0 0
    }

    .desktop-theme #main_column.template .row .columns.page-heading-text .columnsInr {
        font-size: 12px!important
    }

    .desktop-theme #main_column.template .row .columns.pick {
        padding: 10px 0
    }

    .desktop-theme #main_column.template .row .columns.bnr {
        margin: 20px 10px
    }

    .desktop-theme #main_column.template .row .columns::after {
        content: "";
        clear: both;
        display: block
    }

    .desktop-theme #main_column.template .row .columns.page-heading-img img {
        width: 100%
    }

    .desktop-theme #main_column.template .read-all-link a {
        display: block;
        margin: 25% 10px 0;
        font-size: 11px;
        text-align: center
    }

    .desktop-theme #main_column.template .read-all-link a::before {
        content: ' ';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(/web_images/img/arrow_read_all.png) center center no-repeat;
        background-size: 100%
    }

    .desktop-theme #main_column.template .slide-area {
        position: relative;
        margin: 0 0 15px
    }

    .desktop-theme #main_column.template .slide-area::after {
        content: "";
        clear: both;
        display: block
    }

    .desktop-theme #main_column.template .slide-content.slide-area--item {
        float: left
    }

    .desktop-theme #main_column.template .slide-area--direct.slide-area--direct--next {
        position: absolute;
        top: 15px;
        width: 20px;
        height: 80px;
        background: rgba(81,84,89,.5);
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        z-index: 2;
        right: 0
    }
}

.desktop-theme #main_column.template .slide-area.next-dpNone .slide-area--next {
    display: none
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .slide-area--direct.slide-area--direct--next::before {
        content:' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        width: 8px;
        height: 8px;
        border-top: solid #fff 2px;
        border-right: solid #fff 2px;
        margin-left: -8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .desktop-theme #main_column.template .slide-area__bullets {
        margin-top: -5px!important;
        height: 10px!important;
        text-align: center!important
    }

    .desktop-theme #main_column.template .slide-area__bullets a {
        display: inline-block!important;
        margin: 0 5px!important;
        width: 10px!important;
        height: 100%!important;
        background: #d7d7d7!important;
        border-radius: 50%!important;
        text-indent: -9999px!important;
        vertical-align: top!important;
        white-space: nowrap!important;
        overflow: hidden!important;
        font-size: 16px
    }

    .desktop-theme #main_column.template .case .row .columns {
        float: left;
        margin-bottom: 10px;
        width: calc(47% - 5px);
        padding: 0;
        margin-left: 10px
    }
}

.desktop-theme #main_column.template .SJ-items--title,.desktop-theme #main_column.template .desktopTheme-title,.desktop-theme #main_column.template .pickup-title,.desktop-theme #main_column.template .top-margin {
    background: #004097!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
    background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
    padding: 12px 20px;
    margin-left: 0!important;
    margin-right: 0!important;
    font-weight: 500!important;
    line-height: 1.2
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .SJ-items--title,.desktop-theme #main_column.template .desktopTheme-title,.desktop-theme #main_column.template .pickup-title,.desktop-theme #main_column.template .top-margin {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        padding: 8px;
        height: 60px;
        text-align: center;
        line-height: normal
    }
}

.desktop-theme #main_column.template .SJ-items--title .small,.desktop-theme #main_column.template .desktopTheme-title .small,.desktop-theme #main_column.template .pickup-title .small,.desktop-theme #main_column.template .top-margin .small {
    font-size: 14px;
    padding-left: 40px;
    color: #fff
}

.desktop-theme #main_column.template .pickup-title {
    color: #fff;
    line-height: normal;
    margin-top: inherit
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .SJ-items--title .small,.desktop-theme #main_column.template .desktopTheme-title .small,.desktop-theme #main_column.template .pickup-title .small,.desktop-theme #main_column.template .top-margin .small {
        display:block;
        padding: 0
    }

    .desktop-theme #main_column.template .top-margin {
        word-break: break-all;
        margin-bottom: 15px;
        padding: 15px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .desktop-theme #main_column.template .top-margin span {
        font-size: 14px;
        display: block
    }
}

.desktop-theme #main_column.template .cat-title-gray {
    background: #E9ECED!important;
    background: -webkit-gradient(linear,left top,right top,from(#E9ECED),to(#E9ECED))!important;
    background: linear-gradient(to right,#E9ECED 0,#E9ECED 100%)!important;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .cat-title-gray {
        margin:10px 0 15px;
        padding: 7px 15px;
        font-size: 12px;
        line-height: 1;
        color: #18191a;
        background: #e9eced!important
    }

    .desktop-theme #main_column.template p {
        text-align: center
    }
}

.desktop-theme #main_column.template h3 {
    color: #187fcc
}

.desktop-theme #main_column.template p {
    font-weight: 400;
    color: #515459
}

.desktop-theme #main_column.template p.item-code,.desktop-theme #main_column.template p.item-copy {
    display: none
}

.desktop-theme #main_column.template p.description {
    font-size: 20px;
    font-weight: 700
}

.desktop-theme #main_column.template .SJ-sp--title {
    color: #187fcc
}

.desktop-theme #main_column.template .pick-img {
    margin-top: inherit!important
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template p.item-copy {
        text-align:left
    }

    .desktop-theme #main_column.template p.description {
        font-size: 20px!important
    }

    .desktop-theme #main_column.template .pickup.SJ-sp--target {
        padding: 3px;
        margin-bottom: 30px
    }

    .desktop-theme #main_column.template .SJ-sp--url .pickup-title {
        margin: 0 0 15px;
        padding: 1px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .desktop-theme #main_column.template .SJ-sp--url .pickup-title.sp-title {
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#004098))!important;
        background: linear-gradient(to right,#004098 0,#004098 100%)!important
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-img {
        width: 40%;
        float: left
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-img .pick-img {
        display: block;
        width: 70%;
        margin: 0 auto;
        margin-top: inherit!important
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-img .SJ-sp--price {
        color: #b30007;
        text-align: center
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea {
        width: 60%;
        float: right
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea .SJ-sp--title {
        font-size: 12px;
        color: #187fcc;
        text-align: left
    }

    .desktop-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea .SJ-sp--bto {
        font-size: 10px;
        color: #000
    }

    .desktop-theme #main_column.template .SJ-sp--url .row::after {
        content: "";
        clear: both;
        display: block
    }

    .desktop-theme #main_column.template .SJ-items__item .item-score {
        font-size: 0
    }

    .desktop-theme #main_column.template .SJ-items__item .item-score dd,.desktop-theme #main_column.template .SJ-items__item .item-score dt {
        width: 48%!important
    }

    .desktop-theme #main_column.template .sp-hidden {
        display: none
    }
}

.desktop-theme #main_column.template #container #contents {
    margin-top: -10px
}

.desktop-theme #main_column.template .related-topics .date,.desktop-theme #main_column.template .related-topics .icon-area {
    color: #515459
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .pc-hidden dd {
        padding:10px;
        background-color: #eee
    }

    .desktop-theme #main_column.template .pc-hidden .row .columns.quarter {
        margin-bottom: 13px;
        width: inherit!important;
        float: none;
        padding: 0
    }

    .desktop-theme #main_column.template .pc-hidden .row .columns.quarter a h3 {
        position: relative;
        text-align: left;
        font-size: 12px;
        color: #000!important;
        border: none
    }

    .desktop-theme #main_column.template .pc-hidden .row .columns.quarter a h3::before {
        content: ' ';
        position: absolute;
        top: 11px;
        right: 10px;
        width: 10px;
        height: 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #000
    }

    .desktop-theme #main_column.template .pc-hidden .row .columns.quarter a h3::after {
        content: ' ';
        position: absolute;
        top: 4px;
        right: 10px;
        width: 10px;
        height: 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(45deg);
        background: #000
    }

    .desktop-theme #main_column.template .pc-hidden .columns.pc6 {
        width: 50%;
        float: left;
        clear: none;
        margin-bottom: 8px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .desktop-theme #main_column.template .pc-hidden .columns.pc6 a.choice-pc-link {
        display: block;
        position: relative;
        min-height: 110px;
        margin: 0;
        padding: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #fff;
        border-radius: 5px
    }

    .desktop-theme #main_column.template .pc-hidden .columns.pc6 a.choice-pc-link .columnsInr {
        position: inherit;
        bottom: inherit
    }
}

.notebook-theme,.notebook-theme .breadcrumb ul li::before {
    background-color: #fff!important
}

@media only screen and (max-width: 767px) {
    .desktop-theme #main_column.template .pc-hidden dd::after {
        content:"";
        clear: both;
        display: block
    }

    .desktop-theme #main_column.template .pc-hidden .columns img {
        width: 100%
    }

    .desktop-theme .row.iiyama_choose .related-topics.cat-top .row .columns {
        float: left!important
    }
}

.desktop-theme .cat-top.SJ-items.rank {
    border-top: 1px solid #aaa
}

.desktop-theme .related-topics {
    border-bottom: 1px solid #aaa!important
}

.desktop-theme h2 span {
    font-size: 14px
}

.desktop-theme .rank .more.more--1 {
    display: none
}

.desktop-theme .itemlist--1 .search-result.pick {
    border-bottom: none!important
}

.desktop-theme .itemlist--1 .search-result.pick .score dl {
    width: 145px!important
}

.desktop-theme .itemlist--1 .search-result .left-pict {
    width: 225px!important
}

.desktop-theme .itemlist--1 .search-result .right-text {
    width: 680px!important
}

.desktop-theme .columns.page-heading-text .columnsInr {
    font-size: 24px!important
}

.desktop-theme #main_column .item-list .item-list-nav .select-wrap .list_sort_title {
    color: #515459!important
}

.desktop-theme .row.iiyama_choose {
    margin: 0!important
}

.desktop-theme .row.iiyama_choose .related-topics.cat-top {
    height: inherit;
    border-bottom: inherit!important;
    margin-top: inherit!important
}

.desktop-theme .row.iiyama_choose .related-topics.cat-top .row {
    margin: 0!important
}

.desktop-theme .row.iiyama_choose .columns p {
    height: 200px;
    display: table-cell;
    vertical-align: middle
}

.notebook-theme.category-theme .template #main_column .row.cat-heading>.columns .pickup {
    border: 2px solid #004098
}

.notebook-theme.category-theme #main_column.template h3 {
    -o-border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(0,#004098),to(#339cd0)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#004098 0,#339cd0 100%) 1/0 0 1px 0
}

.notebook-theme #main_column.template>h1,.notebook-theme .category-theme-mainview-title {
    color: #000000
}

.notebook-theme #contents h1.fs30u.title.fl {
    display: none
}

.notebook-theme #contents h1.fs30u.title.fl.logo {
    display: block
}

@media only screen and (max-width: 767px) {
    .desktop-theme .row.iiyama_choose .related-topics.cat-top .row .columns p {
        text-align:left!important
    }

    .desktop-theme .row.iiyama_choose .related-topics.cat-top .row .columns.sp-img-left {
        margin-top: 8%
    }

    .desktop-theme .row.iiyama_choose .related-topics.cat-top .row a {
        text-align: right;
        padding: 0 10px
    }

    .notebook-theme::before {
        content: none
    }

    .notebook-theme #contents h1.ml0.mr0.mt5.mb5.fs22.fwn {
        display: none
    }

    .notebook-theme #contents h1.ml0.mr0.mt5.mb5.fs22.fwn.logo {
        display: block
    }

    .notebook-theme .breadcrumb ul li {
        color: #000!important
    }

    .notebook-theme .breadcrumb ul li h2 {
        background: #004097!important;
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
        background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
        color: #fff!important
    }

    .notebook-theme .breadcrumb ul li h1.logo {
        margin: 30px 35px 20px
    }
}

.notebook-theme #container .cotentInr {
    margin-top: -10px;
    float: right
}

.notebook-theme #main_column.template .subtitle {
    background: #004097;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0));
    background: linear-gradient(to right,#004097 0,#339cd0 100%);
    color: #fff;
    line-height: normal
}

@media only screen and (max-width: 767px) {
    .notebook-theme #container .cotentInr {
        margin-top:inherit!important;
        float: none!important
    }

    .notebook-theme #main_column.template .subtitle {
        margin: 16px 10px;
        padding: 1px;
        font-size: 18px;
        font-weight: 700;
        text-align: center
    }
}

.notebook-theme #main_column.template .cat-top-toggle dl dt {
    background: #004097!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
    background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
    padding: 12px 20px;
    font-size: 20px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-top-toggle dl dt {
        position:relative;
        margin: 0;
        padding: 12px 30px 12px 15px;
        background: #187fcc;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        cursor: pointer
    }
}

.notebook-theme #main_column.template .cat-top-toggle dl dt.on::after,.notebook-theme #main_column.template .cat-top-toggle dl dt.on::before,.notebook-theme #main_column.template .cat-top-toggle dl dt::after,.notebook-theme #main_column.template .cat-top-toggle dl dt::before {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #fff
}

.notebook-theme #main_column.template .cat-top-toggle dl dt::before {
    top: 24px;
    right: 16px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-top-toggle dl dt::before {
        top:19px;
        right: 10px
    }
}

.notebook-theme #main_column.template .cat-top-toggle dl dt::after {
    top: 24px;
    right: 22px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-top-toggle dl dt::after {
        top:19px;
        right: 16px
    }
}

.notebook-theme #main_column.template .cat-top-toggle dl dt.on::before {
    top: 24px;
    right: 16px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-top-toggle dl dt.on::before {
        -webkit-transform:rotate(45deg);
        transform: rotate(45deg)
    }
}

.notebook-theme #main_column.template .cat-top-toggle dl dt.on::after {
    top: 24px;
    right: 22px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.notebook-theme #main_column.template .cat-top-toggle dl .case {
    background-color: #fff;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-top-toggle dl dt.on::after {
        -webkit-transform:rotate(-45deg);
        transform: rotate(-45deg)
    }

    .notebook-theme #main_column.template .case .row .columns {
        float: left;
        margin-bottom: 10px;
        width: calc(47% - 5px);
        padding: 0;
        margin-left: 10px
    }
}

.notebook-theme #main_column.template .main-choice .row .columns.quarter,.notebook-theme #main_column.template .row .column.quarter {
    width: 33.3%
}

.notebook-theme #main_column.template .slide-area.next-dpNone .slide-area--next {
    display: none
}

.notebook-theme #main_column.template .SJ-items--title,.notebook-theme #main_column.template .notebookTheme-title,.notebook-theme #main_column.template .pickup-title,.notebook-theme #main_column.template .top-margin {
    background: #004097!important;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#004097),to(#339cd0))!important;
    background: linear-gradient(to right,#004097 0,#339cd0 100%)!important;
    padding: 12px 20px;
    margin-left: 0!important;
    margin-right: 0!important;
    line-height: 1.2;
    font-weight: 500!important
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .SJ-items--title,.notebook-theme #main_column.template .notebookTheme-title,.notebook-theme #main_column.template .pickup-title,.notebook-theme #main_column.template .top-margin {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        padding: 8px;
        height: 60px;
        text-align: center;
        line-height: normal
    }
}

.notebook-theme #main_column.template .SJ-items--title .small,.notebook-theme #main_column.template .notebookTheme-title .small,.notebook-theme #main_column.template .pickup-title .small,.notebook-theme #main_column.template .top-margin .small {
    font-size: 14px;
    padding-left: 40px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .SJ-items--title .small,.notebook-theme #main_column.template .notebookTheme-title .small,.notebook-theme #main_column.template .pickup-title .small,.notebook-theme #main_column.template .top-margin .small {
        display:block;
        padding: 0
    }

    .notebook-theme #main_column.template .top-margin {
        word-break: break-all;
        margin-bottom: 15px;
        padding: 15px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .notebook-theme #main_column.template .top-margin span {
        font-size: 14px;
        display: block
    }
}

.notebook-theme #main_column.template .pickup-title {
    color: #fff;
    line-height: normal;
    margin-top: inherit
}

.notebook-theme #main_column.template .cat-title-gray {
    background: #E9ECED!important;
    background: -webkit-gradient(linear,left top,right top,from(#E9ECED),to(#E9ECED))!important;
    background: linear-gradient(to right,#E9ECED 0,#E9ECED 100%)!important;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .cat-title-gray {
        margin:10px 0 15px;
        padding: 7px 15px;
        font-size: 12px;
        line-height: 1;
        color: #18191a;
        background: #e9eced!important
    }

    .notebook-theme #main_column.template p {
        text-align: center
    }
}

.notebook-theme #main_column.template h3 {
    color: #187fcc
}

.notebook-theme #main_column.template p {
    font-weight: 400;
    color: #515459
}

.notebook-theme #main_column.template p.description {
    font-size: 20px;
    font-weight: 700
}

.notebook-theme #main_column.template p.item-copy {
    display: none
}

.notebook-theme #main_column.template .SJ-sp--title {
    color: #187fcc
}

.notebook-theme #main_column.template .pick-img {
    margin-top: inherit!important
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template p.description {
        font-size:20px!important
    }

    .notebook-theme #main_column.template p.item-copy {
        text-align: left
    }

    .notebook-theme #main_column.template .row .columns.page-heading-img img {
        width: 100%
    }

    .notebook-theme #main_column.template .pickup.SJ-sp--target {
        padding: 3px;
        margin-bottom: 30px
    }

    .notebook-theme #main_column.template .SJ-sp--url .pickup-title {
        margin: 0 0 15px;
        padding: 1px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .notebook-theme #main_column.template .SJ-sp--url .pickup-title.sp-title {
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#004098))!important;
        background: linear-gradient(to right,#004098 0,#004098 100%)!important
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-img {
        width: 40%;
        float: left
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-img .pick-img {
        display: block;
        width: 70%;
        margin: 0 auto;
        margin-top: inherit!important
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-img .SJ-sp--price {
        color: #b30007;
        text-align: center
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea {
        width: 60%;
        float: right
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea .SJ-sp--title {
        font-size: 12px;
        color: #187fcc;
        text-align: left
    }

    .notebook-theme #main_column.template .SJ-sp--url .row .columns.pickup-textarea .SJ-sp--bto {
        font-size: 10px;
        color: #000
    }

    .notebook-theme #main_column.template .SJ-sp--url .row::after {
        content: "";
        clear: both;
        display: block
    }

    .notebook-theme #main_column.template .SJ-items__item .item-score {
        font-size: 0
    }

    .notebook-theme #main_column.template .SJ-items__item .item-score dd,.notebook-theme #main_column.template .SJ-items__item .item-score dt {
        width: 48%!important
    }

    .notebook-theme #main_column.template .row {
        margin: 0
    }

    .notebook-theme #main_column.template .row.iiyama p {
        text-align: left;
        margin-top: 10px
    }

    .notebook-theme #main_column.template .row .columns.half {
        width: 100%;
        text-align: center;
        float: left;
        clear: none;
        margin-bottom: 8px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .notebook-theme #main_column.template .row h2 {
        margin-bottom: 15px;
        padding: 15px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
        background: #004098!important;
        background: -webkit-gradient(linear,left top,right top,from(#004098),to(#339cd0))!important;
        background: linear-gradient(to right,#004098 0,#339cd0 100%)!important
    }

    .notebook-theme #main_column.template .row::after {
        content: "";
        clear: both;
        display: block
    }

    .notebook-theme #main_column.template .slide-area {
        position: relative;
        margin: 0 0 15px
    }

    .notebook-theme #main_column.template .slide-area::after {
        content: "";
        clear: both;
        display: block
    }

    .notebook-theme #main_column.template .slide-content.slide-area--item {
        float: left
    }

    .notebook-theme #main_column.template .slide-area--direct.slide-area--direct--next {
        position: absolute;
        top: 15px;
        width: 20px;
        height: 80px;
        background: rgba(81,84,89,.5);
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
        z-index: 2;
        right: 0
    }

    .notebook-theme #main_column.template .slide-area--direct.slide-area--direct--next::before {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        width: 8px;
        height: 8px;
        border-top: solid #fff 2px;
        border-right: solid #fff 2px;
        margin-left: -8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .notebook-theme #main_column.template .slide-area__bullets {
        margin-top: -5px!important;
        height: 10px!important;
        text-align: center!important
    }

    .notebook-theme #main_column.template .slide-area__bullets a {
        display: inline-block!important;
        margin: 0 5px!important;
        width: 10px!important;
        height: 100%!important;
        background: #d7d7d7!important;
        border-radius: 50%!important;
        text-indent: -9999px!important;
        vertical-align: top!important;
        white-space: nowrap!important;
        overflow: hidden!important;
        font-size: 16px
    }

    .notebook-theme #main_column.template .read-all-link a {
        display: block;
        margin: 25% 10px 0;
        font-size: 11px;
        text-align: center
    }

    .notebook-theme #main_column.template .read-all-link a::before {
        content: ' ';
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto 10px;
        background: url(/web_images/img/arrow_read_all.png) center center no-repeat;
        background-size: 100%
    }

    .notebook-theme #main_column.template .main-choice {
        background-color: transparent;
        padding: 20px 10px
    }

    .notebook-theme #main_column.template .main-choice .row {
        margin: 0
    }

    .notebook-theme #main_column.template .main-choice .row .columns.quarter {
        width: 100%!important;
        text-align: center
    }

    .notebook-theme #main_column.template .row.cat-heading>.columns .pickup {
        border: 2px solid #004097;
        margin-bottom: inherit
    }

    .notebook-theme #main_column.template .row .columns.page-heading-img {
        width: 47%;
        margin: 3% 0 0 2%;
        float: left
    }

    .notebook-theme #main_column.template .row .columns.page-heading-text {
        width: 47%;
        float: right;
        margin: 3% 2% 0 0
    }

    .notebook-theme #main_column.template .row .columns.page-heading-text .columnsInr {
        font-size: 12px!important
    }

    .notebook-theme #main_column.template .row .columns.pick {
        padding: 10px 0
    }

    .notebook-theme #main_column.template .row .columns.bnr {
        margin: 20px 10px
    }

    .notebook-theme #main_column.template .row .columns::after {
        content: "";
        clear: both;
        display: block
    }

    .notebook-theme #main_column.template .pc-hidden dd {
        padding: 10px;
        background-color: #eee
    }
}

.notebook-theme #main_column.template .related-topics .date,.notebook-theme #main_column.template .related-topics .icon-area {
    color: #515459
}

@media only screen and (max-width: 767px) {
    .notebook-theme #main_column.template .pc-hidden .row .columns.quarter {
        margin-bottom:13px;
        width: inherit!important;
        float: none;
        padding: 0
    }

    .notebook-theme #main_column.template .pc-hidden .row .columns.quarter a h3 {
        position: relative;
        text-align: left;
        font-size: 12px;
        color: #000!important;
        border: none
    }

    .notebook-theme #main_column.template .pc-hidden .row .columns.quarter a h3::before {
        content: ' ';
        position: absolute;
        top: 11px;
        right: 10px;
        width: 10px;
        height: 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #000
    }

    .notebook-theme #main_column.template .pc-hidden .row .columns.quarter a h3::after {
        content: ' ';
        position: absolute;
        top: 4px;
        right: 10px;
        width: 10px;
        height: 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(45deg);
        background: #000
    }

    .notebook-theme #main_column.template .pc-hidden .columns.pc6 {
        width: 50%;
        float: left;
        clear: none;
        margin-bottom: 8px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .notebook-theme #main_column.template .pc-hidden .columns.pc6 a.choice-pc-link {
        display: block;
        position: relative;
        min-height: 110px;
        margin: 0;
        padding: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #fff;
        border-radius: 5px
    }

    .notebook-theme #main_column.template .pc-hidden .columns.pc6 a.choice-pc-link .columnsInr {
        position: inherit;
        bottom: inherit
    }

    .notebook-theme #main_column.template .pc-hidden dd::after {
        content: "";
        clear: both;
        display: block
    }

    .notebook-theme #main_column.template .pc-hidden .columns img {
        width: 100%
    }

    .notebook-theme #main_column.template .sp-hidden {
        display: none
    }

    .notebook-theme .row.iiyama_choose .related-topics.cat-top .row .columns {
        float: left!important
    }
}

.notebook-theme .cat-top.SJ-items.rank {
    border-top: 1px solid #aaa
}

.notebook-theme .related-topics {
    border-bottom: 1px solid #aaa!important
}

.notebook-theme h2 span {
    font-size: 14px
}

.notebook-theme .rank .more.more--1 {
    display: none
}

.notebook-theme .itemlist--1 .search-result.pick {
    border-bottom: none!important
}

.notebook-theme .itemlist--1 .search-result.pick .score dl {
    width: 145px!important
}

.notebook-theme .itemlist--1 .search-result .left-pict {
    width: 225px!important
}

.notebook-theme .itemlist--1 .search-result .right-text {
    width: 680px!important
}

.notebook-theme .columns.page-heading-text .columnsInr {
    font-size: 24px!important
}

.notebook-theme #main_column .item-list .item-list-nav .select-wrap .list_sort_title {
    color: #515459!important
}

.notebook-theme .row.iiyama_choose {
    margin: 0!important
}

.notebook-theme .row.iiyama_choose .related-topics.cat-top {
    height: inherit;
    border-bottom: inherit!important;
    margin-top: inherit!important
}

.notebook-theme .row.iiyama_choose .related-topics.cat-top .row {
    margin: 0!important
}

@media only screen and (max-width: 767px) {
    .notebook-theme .row.iiyama_choose .related-topics.cat-top .row .columns p {
        text-align:left!important
    }

    .notebook-theme .row.iiyama_choose .related-topics.cat-top .row .columns.sp-img-left {
        margin-top: 8%
    }

    .notebook-theme .row.iiyama_choose .related-topics.cat-top .row a {
        text-align: right;
        padding: 0 10px
    }
}

.notebook-theme .row.iiyama_choose .columns p {
    height: 200px;
    display: table-cell;
    vertical-align: middle
}

.category-theme .pickup-wrap {
    display: block;
    text-decoration: none;
    margin: 0!important;
    padding: 0 0 12px
}

.category-theme-otherRecommend .pc4-sp2 {
    height: 250px
}

@media screen and (max-width: 640px) {
    .category-theme-otherRecommend .pc4-sp2 {
        width:50%!important;
        padding: 0 10px!important
    }
}

.category-theme-textBlock {
    width: 100%;
    padding: 0 8px;
    text-align: left
}

.category-theme-textBlock-title {
    display: block;
    width: 100%
}

.category-theme-textBlock-title .is-before,.category-theme-textBlock-title .is-main {
    display: block;
    width: 100%;
    font-weight: 500;
    color: #18191a
}

.category-theme-textBlock-title .is-before {
    font-size: 15px;
    margin-bottom: 10px
}

.category-theme-textBlock-title .is-main {
    font-size: 20px;
    padding-bottom: 5px
}

.category-theme #main_column.template .category-theme-textBlock-body,.category-theme-textBlock-body {
    font-size: 12px;
    margin: 0
}

.category-theme #main_column.template h3 {
    padding-bottom: 5px;
    border-bottom-width: 2px;
    border-left: 0;
    border-right: 0;
    margin: 0
}

.category-theme #main_column.template .category-theme-note {
    font-size: 10px;
    color: #515459;
    margin: 0 0 35px
}

.category-theme #main_column.template .category-theme-news .columns.half .sp-textarea-right {
    text-align: left
}

@media only screen and (max-width: 767px) {
    .category-theme #main_column.template .category-theme-news {
        margin-top:0;
        margin-bottom: 10px
    }

    .category-theme #main_column.template .category-theme-news .columns.half {
        width: 100%;
        margin: 0
    }

    .category-theme #main_column.template .category-theme-news .columns.half .related-topics {
        padding: 20px 0;
        margin: 0
    }

    .category-theme #main_column.template .category-theme-news .columns.half .related-topics a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .category-theme #main_column.template .category-theme-news .columns.half:first-of-type .related-topics {
        padding-top: 0
    }

    .category-theme #main_column.template .category-theme-news .columns.half .sp-img-left {
        width: 113px;
        padding: 0
    }

    .category-theme #main_column.template .category-theme-news .columns.half .sp-textarea-right {
        width: calc(100% - 113px);
        padding: 0 0 0 10px
    }

    .category-theme #main_column.template .category-choice {
        padding-top: 0!important
    }
}

.category-theme #main_column.template .category-theme-news .columns.half .sp-textarea-right .date,.category-theme #main_column.template .category-theme-news .columns.half .sp-textarea-right .icon-area {
    text-align: left!important
}

.category-theme #main_column.template .category-theme-news.row .columns {
    margin-bottom: 0
}

.category-theme #main_column.template .category-choice .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.category-theme #main_column.template .category-choice .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 0!important
}

@media only screen and (min-width: 768px) {
    .category-theme .pickup-wrap:hover .SJ-sp--title {
        text-decoration:underline
    }

    .category-theme #main_column.template .category-choice .columns {
        padding: 8px 4px 0!important
    }
}

.category-theme #main_column.template .category-choice .choice-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.category-theme #main_column.template .category-choice .choice-link a {
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px;
    font-weight: 700;
    line-height: normal
}

@media only screen and (min-width: 768px) {
    .category-theme #main_column.template .category-choice .choice-link a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .category-theme #main_column.template .category-choice .choice-link a .is-sp {
        display: none
    }
}

.category-theme #main_column.template .category-choice .choice-link .category-choiceBtn {
    height: 80px;
    line-height: normal;
    font-size: 28px;
    font-weight: 700;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {
    .category-theme #main_column.template .category-choice .choice-link a .is-pc {
        display:none
    }

    .category-theme #main_column.template .category-choice .choice-link .category-choiceBtn {
        height: 48px;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 10px!important;
        font-size: 20px
    }
}

.category-theme #main_column.template .category-choice .choice-link .category-choiceBtn .is-small {
    font-size: 20px;
    padding: 4px 0 0 3px
}

@media only screen and (max-width: 767px) {
    .category-theme #main_column.template .category-choice .choice-link .category-choiceBtn .is-small {
        font-size:16px;
        padding-top: 3px
    }

    .category-theme #main_column.template .category-choice .choice-link .category-choiceBtn::after {
        content: ' ';
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-right: 2px solid #000;
        border-bottom: 2px solid #000
    }
}

.business-theme #main_column.template .category-theme-news .related-topics::after,.business-theme #main_column.template .category-theme-news .row::after,.business-theme #main_column.template .category-theme-news .row::before,.game-theme #main_column.template .category-theme-news .related-topics::after,.game-theme #main_column.template .category-theme-news .row::after,.game-theme #main_column.template .category-theme-news .row::before {
    content: none
}

.category-theme #main_column.template .case .categoryTheme-choiceBy {
    margin-top: -12px;
    padding: 5px 15px
}

.category-theme #main_column.template .case .categoryTheme-choiceBy .columns {
    margin-bottom: 5px
}

.category-theme #main_column.template .related-topics .date {
    margin-bottom: 22px
}

.category-theme #main_column.template .related-topics .icon-area {
    text-align: left;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .category-theme #main_column.template .related-topics .icon-area {
        padding-left:20px;
        margin-bottom: 6px
    }
}

.category-theme #main_column.template .related-topics.cat-top,.category-theme #main_column.template .related-topics.cat-top .row {
    margin-top: 15px
}

.category-theme #main_column.template .page-link.black a {
    background-color: #000
}

.game-theme h2.SJ-items+ul.SJ-items__lists {
    background: #fff;
    margin-top: 0!important;
    padding-top: 12px!important
}

.game-theme.category-theme .template #main_column .row.cat-heading>.columns .pickup {
    border: 2px solid #e95504
}

.game-theme.category-theme #main_column.template h3 {
    -o-border-image: linear-gradient(to right,#e95504 0,#f9be00 100%) 1/0 0 1px 0;
    border-image: -webkit-gradient(linear,left top,right top,color-stop(0,#e95504),to(#f9be00)) 1/0 0 1px 0;
    border-image: linear-gradient(to right,#e95504 0,#f9be00 100%) 1/0 0 1px 0
}

.game-theme #main_column.template .SJ-items--title--1,.game-theme #main_column.template .SJ-items--title--2,.game-theme #main_column.template .gameTheme-title {
    background: -webkit-gradient(linear,left top,right top,from(#e95504),to(#f9be00))!important;
    background: linear-gradient(to right,#e95504 0,#f9be00 100%)!important;
    font-size: 20px;
    font-weight: 500!important;
    color: #fff;
    padding: 9px 9px 9px 20px;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 767px) {
    .game-theme #main_column.template .SJ-items--title--1,.game-theme #main_column.template .SJ-items--title--2,.game-theme #main_column.template .gameTheme-title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        padding: 8px;
        height: 60px;
        text-align: center;
        line-height: normal
    }
}

.game-theme #main_column.template .SJ-items--title--1 .small,.game-theme #main_column.template .SJ-items--title--2 .small,.game-theme #main_column.template .gameTheme-title .small {
    font-size: 14px;
    padding-left: 40px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .game-theme #main_column.template .SJ-items--title--1 .small,.game-theme #main_column.template .SJ-items--title--2 .small,.game-theme #main_column.template .gameTheme-title .small {
        display:block;
        padding: 0;
        font-size: 14px
    }
}

.game-theme #main_column.template .SJ-items--title--1 .is-sp,.game-theme #main_column.template .SJ-items--title--2 .is-sp,.game-theme #main_column.template .gameTheme-title .is-sp {
    display: none
}

.game-theme #main_column.template .more-button-link a {
    color: #18191a;
    background-color: #e9eced
}

.game-theme #main_column.template .more-button-link a:after {
    background: url(../img/icon/cat-more.png) center center no-repeat;
    background-size: 100%
}

@media only screen and (max-width: 767px) {
    .game-theme #main_column.template .SJ-items--title--1 .is-sp,.game-theme #main_column.template .SJ-items--title--2 .is-sp,.game-theme #main_column.template .gameTheme-title .is-sp {
        display:block
    }

    .game-theme #main_column.template .category-theme-news {
        margin-top: 0!important
    }
}

.game-theme #main_column.template .category-theme-news .related-topics {
    padding: 20px 0;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .game-theme #main_column.template .category-theme-news {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .game-theme #main_column.template .category-theme-news .related-topics {
        height: 100%
    }
}

.game-theme #main_column.template .category-theme-news .related-topics .row>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.game-theme #main_column.template .category-theme-news .columns {
    float: none
}

.game-theme #main_column.template .category-theme-news .sp-img-left img {
    max-width: 80%
}

.game-theme #main_column.template .categoryTheme-choiceBy {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    .game-theme #main_column.template .case .row .columns {
        float:left;
        margin-bottom: 10px;
        width: calc(47% - 5px);
        padding: 0;
        margin-left: 10px
    }
}

.business-theme #main_column.template .category-theme-news .columns,.business-theme #main_column.template .main-choice-variable .creatorTheme-choiceModel .columns {
    float: none
}

.game-theme #main_column.template .category-choice {
    background: 0 0!important
}

.game-theme #main_column.template .categoryTheme-gallery-body-text p,.game-theme #main_column.template .iiyama_choose p,.game-theme .productList-bottomSNS .productPage-sns-title {
    color: #fff
}

.business-theme {
    background-color: #fff
}

.business-theme #main_column.template>h1,.business-theme .category-theme-mainview-title {
    color: #000
}

.business-theme .breadcrumb ul li {
    color: #000!important
}

.business-theme .breadcrumb ul li::before {
    background-color: #fff!important
}

.business-theme #main_column.template .SJ-items--title--1,.business-theme #main_column.template .SJ-items--title--2,.business-theme #main_column.template .businessTheme-title {
    background: -webkit-gradient(linear,left top,right top,from(#595757),to(#A7A7A8))!important;
    background: linear-gradient(to right,#595757 0,#A7A7A8 100%)!important;
    font-size: 20px;
    font-weight: 500!important;
    color: #fff;
    padding: 9px 9px 9px 20px;
    margin-left: 0!important;
    margin-right: 0!important
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .SJ-items--title--1,.business-theme #main_column.template .SJ-items--title--2,.business-theme #main_column.template .businessTheme-title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        padding: 8px;
        height: 60px;
        text-align: center;
        line-height: normal
    }
}

.business-theme #main_column.template .SJ-items--title--1 .small,.business-theme #main_column.template .SJ-items--title--2 .small,.business-theme #main_column.template .businessTheme-title .small {
    font-size: 14px;
    padding-left: 40px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .SJ-items--title--1 .small,.business-theme #main_column.template .SJ-items--title--2 .small,.business-theme #main_column.template .businessTheme-title .small {
        display:block;
        padding: 0;
        font-size: 14px
    }
}

.business-theme #main_column.template .SJ-items--title--1 .is-sp,.business-theme #main_column.template .SJ-items--title--2 .is-sp,.business-theme #main_column.template .businessTheme-title .is-sp {
    display: none
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .SJ-items--title--1 .is-sp,.business-theme #main_column.template .SJ-items--title--2 .is-sp,.business-theme #main_column.template .businessTheme-title .is-sp {
        display:block
    }
}

.business-theme #main_column.template .businessTheme-subTitle {
    display: block;
    width: 100%;
    background-color: #e9eced;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #18191a;
    border: none;
    padding: 4px 15px;
    margin: 0 0 10px
}

.business-theme #main_column.template .page-link a {
    background-color: #000
}

.business-theme #main_column.template .category-theme-news .related-topics {
    border-color: #aaa;
    padding: 20px 0;
    margin: 0
}

@media only screen and (min-width: 768px) {
    .business-theme #main_column.template .page-link a:hover {
        background-color:#000
    }

    .business-theme #main_column.template .category-theme-news {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .business-theme #main_column.template .category-theme-news .related-topics {
        height: 100%
    }
}

.business-theme #main_column.template .category-theme-news .related-topics .row>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .category-theme-news .columns {
        padding:0 15px
    }

    .business-theme #main_column.template .category-choice.is-model {
        margin-bottom: -14px
    }
}

.business-theme #main_column.template .category-theme-news .columns .sp-textarea-right h3 {
    color: #187fcc
}

.business-theme #main_column.template .category-theme-news .columns .sp-textarea-right .date,.business-theme #main_column.template .category-theme-news .columns .sp-textarea-right .icon-area {
    color: #515459
}

.business-theme #main_column.template .category-theme-news .sp-img-left img {
    display: block;
    width: 100%;
    height: auto
}

.business-theme #main_column.template .category-choice .row {
    padding-right: 8px
}

@media only screen and (min-width: 768px) {
    .business-theme #main_column.template .category-choice .row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .business-theme #main_column.template .category-choice .row .columns {
        float: none
    }

    .business-theme #main_column.template .category-choice .row .columns:nth-of-type(3n) {
        padding-right: 0!important
    }

    .business-theme #main_column.template .category-choice.is-model .row .columns {
        width: 33.3%
    }
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .category-choice.is-model .row {
        padding:15px 10px 20px;
        margin-top: -15px;
        background-color: #e9eced
    }

    .business-theme #main_column.template .category-choice.is-model .row .columns:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .business-theme #main_column.template .case {
        margin: -15px 0 -14px
    }
}

.business-theme #main_column.template .category-choice.is-model .choice-link {
    background: 0 0;
    border: none
}

.business-theme #main_column.template .category-choice.is-model .choice-link .category-choiceBtn {
    font-size: 18px
}

@media only screen and (min-width: 768px) {
    .business-theme #main_column.template .category-choice.is-model .choice-link .category-choiceBtn {
        font-size:20px;
        padding-left: 17px;
        padding-right: 17px
    }
}

.business-theme #main_column.template .category-choice.is-model .choice-link a {
    background: #fff;
    border: none
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .case .categoryTheme-choiceBy {
        margin-bottom:0
    }
}

.business-theme #main_column.template .case .categoryTheme-choiceBy .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.business-theme #main_column.template .case .categoryTheme-choiceBy .row .columns {
    width: 50%;
    float: none;
    padding: 0 5px
}

@media only screen and (min-width: 768px) {
    .business-theme #main_column.template .case .categoryTheme-choiceBy .row .columns {
        width:16.6666%;
        margin-bottom: 10px
    }

    .business-theme #main_column.template .case .categoryTheme-choiceBy .choice-by-size {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .main-choice-variable {
        background-color:#e9eced;
        margin: -15px 0 -14px
    }
}

.business-theme #main_column.template .main-choice-variable a:hover {
    text-decoration: none
}

.business-theme #main_column.template .main-choice-variable .creatorTheme-choiceModel {
    padding-top: 10px
}

@media only screen and (min-width: 768px) {
    .business-theme #main_column.template .main-choice-variable .creatorTheme-choiceModel {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0
    }
}

.business-theme #main_column.template .main-choice-variable .creatorTheme-choiceModel img {
    margin-bottom: 12px
}

.business-theme #main_column.template .main-choice-variable .choice-model__title {
    color: #187fcc
}

@media only screen and (max-width: 767px) {
    .business-theme #main_column.template .main-choice-variable .creatorTheme-choiceModel img {
        display:none
    }

    .business-theme #main_column.template .main-choice-variable .choice-model__title {
        background-image: url(../img/icon/arrow_right_black.svg)!important;
        color: #18191a!important
    }
}

.business-theme #main_column.template .main-choice-variable .choice-model__lead {
    color: #000
}

.business-theme #main_column.template .related-topics .is-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.business-theme #main_column.template .related-topics .is-inner .sp-textarea-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.business-theme #main_column.template .related-topics .brand {
    font-size: 12px;
    color: #515459;
    margin: 0
}

#main_column.template.title_wh h1 {
    color: #fff;
}

/* add 2025.3.3 start */
#main_column.template .keyword--tag {
    ul {
        display: flex;
        flex-wrap: wrap;
        li.page-link.round {
            margin: 0 5px 0 0;
            border: none;
            a {
                margin: 0 5px;
                padding: 3px 12px !important;
                font-size: 14px !important;
            }

            a: first-of-type {
                margin-left:0;
            }

            a: last-of-type {
                margin-right:0;
            }

            a: after {
                content:none;
            }
        }

        li.page-link.round: last-of-type {
            margin-right:0;
        }

        li.page-link.round: before {
            content:none;
        }
    }

    .mr0 {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    #main_column.template .keyword--tag {
        display:none;
    }
}

/* add 2025.3.3 end */