/* CSS Document */

/*- - - - - - - - - - - - - - - - - - - */
/* マージン ボトム
/*- - - - - - - - - - - - - - - - - - - */

.mb-0 {margin-bottom:0px !important;}
.mb-1 {margin-bottom:1px !important;}
.mb-2 {margin-bottom:2px !important;}
.mb-3 {margin-bottom:3px !important;}
.mb-4 {margin-bottom:4px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-6 {margin-bottom:6px !important;}
.mb-7 {margin-bottom:7px !important;}
.mb-8 {margin-bottom:8px !important;}
.mb-9 {margin-bottom:9px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-11 {margin-bottom:11px !important;}
.mb-12 {margin-bottom:12px !important;}
.mb-13 {margin-bottom:13px !important;}
.mb-14 {margin-bottom:14px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-16 {margin-bottom:16px !important;}
.mb-17 {margin-bottom:17px !important;}
.mb-18 {margin-bottom:18px !important;}
.mb-19 {margin-bottom:19px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-35 {margin-bottom:35px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-45 {margin-bottom:45px !important;}
.mb-50 {margin-bottom:50px !important;}

.mt-10 {margin-top:10px !important;}

/*- - - - - - - - - - - - - - - - - - - */
/* 共通
/*- - - - - - - - - - - - - - - - - - - */

body,
.article-header .article-topper .article-trail .crumb,
.article-header .article-headline,
.article-article-body .article-text p,
.box-overlay,
.article-nav-panel .cover .slug .cover-link,
.fs-text-reset .fs-h1,
.fs-text-reset .fs-h2,
.fs-text-reset .fs-h3,
.fs-text-reset .fs-h4,
.fs-text-reset .fs-h5,
.fs-text-reset .fs-h6,
.fs-text-reset p,
.article-contrib-container .article-contrib-block .contrib-preview .contrib-tagline,
.article-contrib-container .entity-dive .masked-content .post-list ul li a,
.article-contrib-container .entity-dive .masked-content .full-bio,
.top-page .top-visual-box .other-info .s-wrap .photo .field,
.contrib-about .bio-container .text,
.article-trending-detail {
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important
}

.article-nav-panel .channels-list .list-item .channel-header a,
.article-nav-panel .nav-permalinks .list-item .channel-header a,
.article-trending-panel .items .item .headline {
    font:18px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important;
}
.article-nav-panel .footer-list .footer-channels-list,
.article-trending-detail {
    font:13px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important;
}
.article-nav-panel .promoted-slider .slide .title {
    font:100 1.125em/1.25em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important;
}
.article-contrib-container .article-contrib-block .contrib-preview .contrib-tagline,
.article-contrib-container .entity-dive .masked-content .post-list ul li .views,
.article-contrib-container .entity-dive .masked-content .post-list ul li time {
    font-style:normal !important;
}

.article-nav-panel .channels-list .list-item .channel-header a {
    font-weight:bold !important;
}

.article-nav-panel .cover .slug .cover-link {
    font-size:18px !important;
}

.article-header .article-topper .article-trail {
    /*padding-top:2em !important;*/
}
.article-header .article-topper .article-trail .logo {
    margin-top:16px !important;
}

.article-header .article-topper .article-trail .crumb {
    font-size:0.6em !important;
}
.article-header .article-topper .article-trail .crumb:hover {
    opacity:0.6;
}

.slick-slider {
    margin-bottom:0 !important;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 広告 */
.ad_header {
    margin:10px auto 10px auto;
}
.ad_header a {
    display:block;
    text-align:center;
}
.ad-right {
    margin-top:50px;
}
.ad-rail {
    width: 300px;
    margin-left: 48px;
    text-align:center;
}

/* 検索 */
.article-search-panel .article-search .contain .content .results li a {
    font:300 .8em/1.1em "Open Sans", sans-serif !important;
}

/* 画像処理 */
.frame img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
.frame {
    font-size:0;
    text-align: center;
    overflow: auto;
}
.frame:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}

.wrapper {
    margin: 0 auto;
    /*width: 980px;*/
    width: auto;
    padding: 20px 0 0;
}
.wrapper .title {
    text-align: center;
    margin: 0 0 28px;
}
.wrapper .subtitle {
    text-align: center;
    margin-bottom: 40px;
}

.top-page .main-article {
    padding-bottom:0px;
}
.main-article {
    padding-bottom:50px;
}


.permalink .btn-sns {
    float:left !important;
}


/* side menu */
.article-nav-panel .channels-list .list-item .channel-header a {
    display:block;
    line-height:60px !important;
}

/* メニュースライド */
.article-nav-panel .promoted-slider .slide a {
    display:flex !important;
    align-items:center;
}
.article-nav-panel .promoted-slider .slide p:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.article-nav-panel .promoted-slider .slide p {
    flex:none;
    width: 30%;
    float: left;
    margin-right: .5em;
    display: block;
    position: relative;
    background-color: #E2E2E2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
}



/* メルマガ */
.newsletter.top {
    background: url("/public/user/images/icon_m-mag.png") no-repeat right 18px top 13px #ededed;
    margin: 0 auto 15px;
    width: 100%;
}
.newsletter.detail {
    margin: 0 auto 15px;
    width: 100%;
}
.newsletter .txt {
    padding: 16px 18px 6px;
}
.newsletter h3 {
    font-size: 17px;
    color: #f25252;
    margin: 0 0 8px;
    font-weight: bold;
    text-align: left;
}
.newsletter p {
    font-size: 13px;
    line-height: 22px;
    color: #222222;
    text-align: left;
    width:100%;
}
.newsletter.top .bds {
    padding: 2px;
    margin: 0 0 18px 0 !important;
}
.newsletter.detail .bds {
    padding: 2px;
    background-color: #dbdddf;
    margin: 0 !important;
    border: 2px solid #333333;
}

.newsletter .widget_wysija {
    display: table;
    width: 100%;
}
.newsletter .wysija-paragraph {
    display: table-cell;
    vertical-align: middle;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;
}
.newsletter.diff .widget_wysija_cont,
.newsletter.diff .error {
    margin: 0 18px 18px 18px !important;
}
.newsletter .wysija-paragraph input {
    border: medium none;
    padding: 10px;
    width: 100%;
    color: #333;
    box-shadow: none;
    border-radius: 0;
    background-color:#dbdddf;
    font-size: 13px;
    line-height: 22px;
    margin: 0 !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#aaa;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#aaa;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#aaa;
}

.newsletter .widget_wysija_cont .wysija-submit {
    background: url("https://2019.images.forbesjapan.media/public/user/images/magazine-btn.png") no-repeat center center;
    background-size: 250px auto;
    color: #fff;
    border: medium none;
    cursor: pointer;
    display: table-cell;
    margin: 0;
    padding: 0 8px;
    vertical-align: middle;
    width: 98px;
    height: 42px;
    border-radius: 0;
    font-size:13px;
    line-height:22px;
}

.error {
    border:1px solid #f25252;
    margin:0 2% 2% 2%;
}
.error p {
    color:#f25252;
}



/*- - - - - - - - - - - - - - - - - - - */
/* 記事詳細 */
/*- - - - - - - - - - - - - - - - - - - */
.caption {
    text-align:center;
    font-size:12px;
    color:#222222;
}
.author_box {
    position: relative;
    padding-top: 15px;
    margin-bottom: 20px;
}
.author_box:before {
    /*border-bottom: 1px solid #000;*/
    top: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 300px;
}
.author_fullnamae {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.article-header .article-headline {
    font-size:30px !important;
    font-weight:bold !important;
}

.brandvoice {
    position: relative;
}
.brandvoice img {
    margin-left: 10px;
}
.brandvoice .setumei {
    display: none;
    width: 350px;
    position: absolute;
    z-index: 1000 !important;
    top: -100%;
    left: 100%;
}
.brandvoice .setumei img {
    width: 150px !important;
}
a.brandvoice:hover {
    position:relative;
    text-decoration:none;
}
a.brandvoice:hover .setumei {
    display: block;
    background-color: #ffffff;
    padding: 20px;
    color: #333333;
    font-size: 120%;
    border: 3px solid #ff0000;
}
a.brandvoice:hover .setumei strong {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 3px solid #ff0000;
}

/* ソーシャルボタン */
.article-sidebar .social-expand-control li a {
    display:block;
    width:30px;
    height:30px;
    color:#ffffff;
}

.article-sidebar .article-fbs-sharing a.icon-facebook,
.article-sidebar .social-expand-control li a.icon-facebook {
    background-color:#3664a2;
}
.article-sidebar .article-fbs-sharing a.icon-twitter,
.article-sidebar .social-expand-control li a.icon-twitter {
    background-color:#55acee;
}
.article-sidebar .article-fbs-sharing a.icon-email,
.article-sidebar .social-expand-control li a.icon-email {
    background-color:#2e2e2e;
}
.article-sidebar .article-fbs-sharing a.icon-link,
.article-sidebar .social-expand-control li a.icon-link {
    background-color:#9ba5aa;
}

/* ソーシャルボタン：横表示 */
.article-sidebar .social-expand-control.expanded .share-text.share-expanded,
.article-sidebar .social-expand-control.expanded li a.share-expanded {
    display: block;
    line-height: 60px;
}
.article-sidebar .article-fbs-sharing li a,
.article-sidebar .article-fbs-sharing li.permalink i {
    display:block;
    width:60px;
    height:60px;
    color:#ffffff;
}
.article-sidebar .article-fbs-sharing a.icon-google {
    background-color:#dd4b39;
}
.article-sidebar .article-fbs-sharing li.permalink i {
    float:left;
}

.box-overlay {
    position:absolute;
    top: 0;
    width: 157px;
    height: 157px;
    background-color: rgba(0,0,0,.5);
}
.box-overlay .category {
    position:absolute;
    top:5px;
    left:0px;
    display:block;
    padding:0 5px;
    background-color:#ffffff;
}
.box-overlay .title {
    position:absolute;
    bottom:0px;
    left:0px;
    padding:5px;
    text-align:left;
    color:#ffffff;
}

.read_more a {
    display:block;
    float:right;
    color:#000000;
    text-align:right;
    line-height:30px;
    font-size:12px;
    padding:0 10px;
    border:2px solid #000000;
    margin-bottom:20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.read_more a:hover {
    color:#999999;
    border:2px solid #999999;
}

.article_detail {
    font-size: 16px;
    line-height: 1.8;
}
.article_detail h2 {
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    border-left: solid 5px #000;
    display: flex;
    margin-bottom: 5px;
}
.article_detail h3 {
    font-weight: bold;
    display: block;
}
.article_detail p {
    margin-bottom: 25px;
}

.title_01 {
    margin-top:20px;
}

.inner-title a {
    display:block;
    text-align:center;
    font-size:15px;
    line-height:1.8;
    color:#343434;
    font-weight:bold;
    background-color:#dbdddf;
    margin:30px 0 0 0;
    padding:5px 10px;
}
.inner-title a:hover {
    background-color: #003891;
    color: #ffffff;
}
.page-break,
.page-break-title {
    display:none !important;
}
.contents_pagination {
    text-align:center;
    margin-top:30px;
}
.contents_pagination li {
    display:inline-block;
    text-align:center;
    margin:0 3px !important;
    padding:0 !important;
}
.contents_pagination li a {
    display:block;
    font-size:13px !important;
    color:#343434 !important;
    background-color:#dbdddf;
    padding:3px 10px 7px 10px;
    text-decoration:none !important;
    font-weight:bold;
}
.contents_pagination li a:hover,
.contents_pagination li.active a {
    color:#ffffff !important;
    background-color:#0f2d5f;
}

.article-page .article-loader {
    height: 30vh;
    background-color: #ebebeb;
    -webkit-box-shadow: inset 0 0 89px -6px rgba(0,0,0,.52);
    -moz-box-shadow: inset 0 0 89px -6px rgba(0,0,0,.52);
    box-shadow: inset 0 0 89px -6px rgba(0,0,0,.52);
}
.slash-background {
    background-image:url(https://2019.images.forbesjapan.media/public/user/images/line.png);
    background-size: 5px 5px;
}
.spinner-wrapper {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: relative!important;
    background: 0 0;
}
.overlay-spinner.center {
    width: 80%;
    left: 10%;
}
.spinner {
    line-height: 564px;
    text-align: center;
}
.overlay-spinner {
    overflow: hidden;
    background: #fff;
    width: 100%;
    height: 100%;
    max-width: 1800px;
    margin: 0 auto;
    position: absolute;
    z-index: 99;
}
.loader {
    border: 3px solid #eee;
    font-size: 60px;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top-color: #333;
}

/*- - - - - - - - - - - - - - - - - - - */
/* ABOUTUS
/*- - - - - - - - - - - - - - - - - - - */
.aboutus {
    margin-top:10px;
    background:url(https://2019.images.forbesjapan.media/public/user/images/about/bg.jpg) no-repeat center bottom;
    padding: 0 0 250px;
}
.aboutus .text01 {
    font-size: 26px;
    line-height: 40px;
    color: #036646;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.aboutus .text02 {
    color: #222;
    text-align: center;
    font-size: 14px;
    line-height: 26px !important;
}

.news_detail .article-rail {
    width:auto !important;
}

/*- - - - - - - - - - - - - - - - - - - */
/* 著者
/*- - - - - - - - - - - - - - - - - - - */
.author .section-1 {
    position: relative;
    padding: 30px 0;
    border: 4px solid #ebebeb;
    border-width: 4px 0;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    margin-top:50px;
}
.author .section-1 .title-block {
    width: 15%;
    max-width: 170px;
    float: left;
}
.author .section-1 .content-block.wide {
    width:85%;
    float:left;
    padding-left: 15px;
}
.author .section-1 .job-title {
    font-size:13px;
}
.author .section-1 h3 {
    font-size: 30px;
    line-height:1;
    margin-top: 5px;
    font-weight:bold;
}
.contrib-about .bio-container .text .bio {
    font-size:13px;
}
.author .section-1 .short-bio {
    color: #6b6b6b;
    font-size: 15px;
    line-height: 1.5;
    margin-top:10px;
    margin-bottom:0 !important;
}
.author .section-1 .long-bio {
    color: #6b6b6b;
    font-size: 15px;
    line-height: 1.5;
    margin:0px !important;
    padding:0;
}
.author .contrib-about .bio-container .text .more {
    line-height:1.5;
    margin-top:0px;
    font-size:13px;
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px),
only screen and (max-width: 640px)
{
    .contrib-about .bio-container {
        margin-top:20px;
    }
}

/*- - - - - - - - - - - - - - - - - - - */
/* TOP
/*- - - - - - - - - - - - - - - - - - - */
.top-page .article-header .article-topper {
    /*overflow:hidden;*/
    margin-bottom:22px;
    padding-bottom:12px;
}
.top-page .article-header .article-topper .article-trail .logo {
    float:left;
    padding-top:0px;
}
.article-header .article-topper .article-trail .subscription {
    width:307px;
    color:#333333;
    overflow:hidden;
    position:absolute;
    right:0;
    bottom:-3px;
}
.article-header .article-topper .article-trail .subscription.diff {
    width:212px;
}
.article-header .article-topper .article-trail .subscription .text {
    float:left;
    width:43%;
    margin-top:15px;
}
.article-header .article-topper .article-trail .subscription .text .per-num {
    float:left;
    font-size:125%;
    font-weight:bold;
    line-height:1;
    letter-spacing:-2px;
    margin-right:3px;
}
.article-header .article-topper .article-trail .subscription .text .t-info {
    font-size:31%;
    line-height:1;
    letter-spacing:2px;
    margin-top:3px;
}
_::-webkit-:not(:root:root), .article-header .article-topper .article-trail .subscription .text .t-info {
    font-size:30%;
}
.article-header .article-topper .article-trail .subscription .text .t-info span {
    display:inline-block;
    font-size:175%;
    letter-spacing:0px;
    margin-top:2px;
}
.article-header .article-topper .article-trail .subscription .book {
    float:right;
    line-height:0;
}
.top-page .top-visual-box {
    width:100%;
    margin-bottom:24px;
    overflow:hidden;
    background-color: #333333;
}
.top-page .top-visual-box .main-photo {
    float:left;
    width:48.15%;
    line-height:0;
    position:relative;
}
.top-page .top-visual-box .main-photo a img {
    width:100%;
    height:auto;
}
.top-page .top-visual-box .main-photo .opt {
    position:relative;
    width:100%;
    background-color:#000000;
    opacity:0.6;
}
.top-page .top-visual-box .main-photo .text {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    line-height:1.5;
}
.top-page .top-visual-box .main-photo .text .inner {
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:15px 15px 12px 15px;
}
.top-page .top-visual-box .main-photo .text .inner .field {
    position:absolute;
    left:0;
    top:-19px;
    width:98px;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    padding:4px 0 2px 0;
    text-align:center;
    background-color:#0d3f75;
}
.top-page .top-visual-box .main-photo .text .inner .title {
    margin-bottom:5px;
}
.top-page .top-visual-box .main-photo .text .inner .title a {
    color:#ffffff;
    font-size:26px;
    font-weight:bold;
    line-height:1.2;
}
.top-page .top-visual-box .main-photo .text .inner .title a:hover {
    text-decoration:underline;
}
.top-page .top-visual-box .main-photo .text .inner .v-text {
    color:#ffffff;
    font-size:15px;
    line-height:1.5;
}
.top-page .top-visual-box .other-info {
    float:left;
    width:51.85%;
}
.top-page .top-visual-box .other-info .s-wrap {
    overflow:hidden;
    width:100%;
}
.top-page .top-visual-box .other-info .s-wrap .photo {
    float:left;
    width:46.51%;
    line-height:0;
    position:relative;
}
.top-page .top-visual-box .other-info .s-wrap .photo img {
    width:100%;
    height:auto;
}
.top-page .top-visual-box .other-info .s-wrap .photo .field {
    position:absolute;
    left:0;
    bottom:0;
    width:49%;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    line-height:1.5;
    padding:4px 0 2px 0;
    text-align:center;
    background-color:#0d3f75;
}
.top-page .top-visual-box .other-info .s-wrap .contents {
    float:left;
    width:53.49%;
}
.top-page .top-visual-box .other-info .s-wrap .contents .bubble {
    position: relative;
    width: 100%;
    padding: 15px 15px 10px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/*.top-page .top-visual-box .other-info .s-wrap .contents .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 15px 20px 0;
    border-color: transparent #333333;
    display: block;
    width: 0;
    z-index: 1;
    left: -15px;
    top: 50%;
    margin-top:-10px;
}*/
.top-page .top-visual-box .other-info .s-wrap .contents .bubble .title {
    margin-bottom:5px;
}
.top-page .top-visual-box .other-info .s-wrap .contents .bubble .title a {
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
    line-height:1.2;
}
.top-page .top-visual-box .other-info .s-wrap .contents .bubble .title a:hover {
    text-decoration:underline;
}
.top-page .top-visual-box .other-info .s-wrap .contents .bubble .s-text {
    color:#ffffff;
    font-size:12px;
    line-height:1.3;
}
.top-page .article-rail {
    float:left;
    width:67%;
}
.top-page .article-rail .story-list {
    width:100%;
}
.top-page .article-rail .story-list li {
    float:left;
    width:31.64%;
    height:auto;
    margin-right:2.53%;
    margin-bottom:20px;
}
.top-page .article-rail .story-list li:first-child,
.top-page .article-rail .story-list li:nth-child(2) {
    float:left;
    width:48.65%;
    height:auto;
    margin-right:2.68%;
}
.top-page .article-rail .story-list li:nth-child(2),
.top-page .article-rail .story-list li:nth-child(5),
.top-page .article-rail .story-list li:nth-child(8),
.top-page .article-rail .story-list li:nth-child(11) {
    margin-right:0;
}
.top-page .article-rail .story-list li dl {}
.top-page .article-rail .story-list li dt {
    line-height:0;
    margin-bottom:15px;
    position:relative;
}
.top-page .article-rail .story-list li dt .field {
    position:absolute;
    left:0;
    bottom:-5px;
    width:55.66%;
    color:#ffffff;
    font-size:73%;
    font-weight:bold;
    line-height:1.5;
    padding:4px 0 2px 0;
    text-align:center;
    background-color:#0d3f75;
}
.top-page .article-rail .story-list li dt .field.pr {
    width:25%;
    background-color:#4a4a4a;
}
.top-page .article-rail .story-list li:first-child dt .field,
.top-page .article-rail .story-list li:nth-child(2) dt .field {
    width:40.06%;
}
.top-page .article-rail .story-list li dt img {
    width:100%;
    height:auto;
}
.top-page .article-rail .story-list li dd {}
.top-page .article-rail .story-list li dd .title {
    margin-bottom:5px;
}
.top-page .article-rail .story-list li dd .title a {
    color:#222222;
    font-size:15px;
    font-weight:bold;
    line-height:1.2;
}
.top-page .article-rail .story-list li:first-child dd .title a,
.top-page .article-rail .story-list li:nth-child(2) dd .title a {
    font-size:18px;
}
.top-page .article-rail .story-list li dd .title a:hover {
    text-decoration:underline;
}
.top-page .article-rail .story-list li dd .c-text {
    color:#222222;
    font-size:12px;
    line-height:1.5;
}
.top-page .ad-rail {
    width:30%;
    margin-left:0;
    min-width:auto;
    position:inherit;
}
.top-page .ad-rail #ad-rail-article-0 {
    min-width: 300px;
    min-height: 250px;
    height: 100%;
    position: relative;
}
.trending-box {}
.trending-box > .title,
.other_bvs .title,
#main-content #logly-lift-widget-content-head {
    width:76%;
    color:#222222;
    font:18px/30px Georgia;
    line-height:1;
    margin:32px auto 25px auto;
    padding-top:20px;
    border-top:5px solid #eeeeee;
    letter-spacing: 0.15em;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka;
}
.trending-box > .title a {
    color: #222;
}
.trending-box > .title a:hover {
    text-decoration: underline;
}
.trending-box .more {
    text-align: right;
}
.trending-box .more a {
    color: #888;
    font-size: 75%;
    font-weight: 700;
}
.trending-box .more a:hover {
    text-decoration: underline;
}
.trending-box .list {}
.trending-box .list li > div {
    display: table;
}
.trending-box .list li .num {

}
.trending-box .list li div {
    width:100%;
}
.trending-box .list li div.under_border {
    border-top: 5px solid #eeeeee;
    color: #222222;
    display: block;
    height: 1px;
    margin: 20px auto 0;
    padding-top: 8px;
    width: 76%;
}
.trending-box .list li .photo {
    float:left;
    width:40%;
    position:relative;
}
.trending-box .list li .photo a {
    display:block;
}
.trending-box .list li .photo img {
    width:100%;
    height:auto;
}
.trending-box .list li .num {
    width:40px;
    height:40px;
    color:#c6b26d;
    padding-top:1px;
    background-color:#333;
    border-radius:50%;
}
.trending-box .list li .num span:first-child {
    font-size:60%;
    font-weight:bold;
}
.trending-box .list li .num span:last-child {
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
}
.trending-box .list li .text {
    display: table-cell;
    padding-left: 13px;
    vertical-align: middle;
}
.trending-box .list li .text .s-title {
    padding:6px 0;
    text-align:left;
}
.trending-box .list li .text .s-title a {
    color:#0d3f75;
    font-size:75%;
    font-weight:bold;
}
.trending-box .list li .text .s-text {
    text-align:left;
    line-height: 1.1;
    font-size: 17px;
}
.trending-box .list li .text .s-text a {
    color:#222222;
    font-size:82%;
    font-weight:bold;
    line-height:1.3;
}
.trending-box .list li .text .s-title a:hover,
.trending-box .list li .text .s-text a:hover {
    text-decoration:underline;
}
.trending-box .list li .border {
    width:76%;
    height:5px;
    margin:0 auto 14px auto;
    padding-bottom:15px;
    background:url(https://2019.images.forbesjapan.media/public/user/images/bg-border01.gif) repeat-x bottom;
}
.other_bvs .border {
    width:76%;
    height:5px;
    margin:0 auto 14px auto;
    padding-bottom:5px;
    background:url(https://2019.images.forbesjapan.media/public/user/images/bg-border01.gif) repeat-x bottom;
}
.trending-box .list li:last-child .border {
    margin-bottom: 4px;
}
.top-page .topics-box {
    width:100%;
    padding:30px 26px 35px 26px;
    background-color:#333333;
    margin-bottom:0 !important;
}
.top-page .topics-box > .title {
    color:#ffffff;
    font:24px/30px Georgia;
    line-height:1;
    margin-bottom:28px;
    text-align:center;
}
.top-page .topics-box .inner-area {}

.top-page .topics-box .inner-area ul {
    display: -webkit-flex;
    display: flex;
}
.top-page .topics-box .inner-area ul li {
    -webkit-flex: 1;
    flex: 1;
}
.top-page .topics-box .inner-area ul li:nth-child(2) {
    margin:0 30px;
}
.top-page .topics-box .inner-area ul li .photo {
    line-height:0;
    position:relative;
}
.top-page .topics-box .inner-area ul li .photo img {
    width:100%;
    height:auto;
}
.top-page .topics-box .inner-area .text {
    margin:0;
    padding:20px 0 12px 0;
}
.top-page .topics-box .inner-area .photo .field a {
    position:absolute;
    display:-webkit-flex;
    display:flex;
    left:0;
    bottom:-7px;
    width:100px;
    height:12%;
    color:#ffffff;
    font-size:0.7em;
    font-weight:bold;
    background-color:#0d3f75;
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
}
.top-page .topics-box .inner-area .text .title {
    line-height:1.2;
    margin-bottom:10px;
}
.top-page .topics-box .inner-area .text .title a {
    color:#ffffff;
    font-size:17px;
    font-weight:bold;
}
.top-page .topics-box .inner-area .text .title a:hover {
    text-decoration:underline;
}
.top-page .topics-box .inner-area .text .s-text {
    color:#ffffff;
    font-size:11px;
    line-height:1.2;
}

.top-page .recommended-box {
    width:100%;
    padding:0 7.5%;
    background-color:#ffffff;
}
.top-page .recommended-box > .title {
    color:#333333;
    font:24px/30px Georgia;
    line-height:1;
    padding:30px 0 28px 0;
    text-align:center;
}
.top-page .recommended-box ul {
    padding-bottom:12px;
}
.top-page .recommended-box li {
    float:left;
    width:20%;
    margin-bottom:20px;
}
.top-page .recommended-box li a {
    display:block;
}
.top-page .recommended-box li a .photo {
    line-height:0;
}
.top-page .recommended-box li a .photo img {
    width:100%;
    height:auto;
}
.top-page .recommended-box li a .text {
    color:#222222;
    font-size:13px;
    font-weight:bold;
    line-height:1.3;
    padding:8px 10px 4px 10px;
}
.top-page .recommended-box li a small {
    color:#888888;
    font-size:11px;
    padding-left:10px;
}
.top-page .magazine-box {
    line-height:0;
    padding:0 0 38px 0;
    background-color:#ffffff;
}
.top-page .magazine-box img {
    width:100%;
    height:auto;
}

/* FOOTER */
#footer {
    z-index: 10;
    background-color: #fff !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#footer .link {
    text-align: center;
    margin-top: 108px;
    letter-spacing: -.4em;
    margin-bottom: 20px;
}

#footer .link li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 13px
}

#footer .link li a {
    outline: 0;
    color: #323232;
}

#footer .bottom {
    background: #0e0e0e;
    text-align: center;
    padding: 50px 0 0 0 !important;
}

#footer .bottom .copy {
    color: #fff;
    opacity: .2;
    margin-top: 25px;
    padding-bottom: 35px;
}

/* FOOTER
footer {
    left: 0;
    min-height: 100%;
    padding:0;
    position: relative;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 11;
    border:none;
    background: #dbdddf none repeat scroll 0 0;
}
footer .footer-block {
    background-color:#ffffff;
}
footer .footer-block .wrap {
    padding-bottom:35px;
}
footer .footer-block .wrap .f-magazine {
    float:right;
    width:40%;
    display:-webkit-flex;
    display:flex;
    padding-left:30px;
    overflow:hidden;
    background-color:#ffffff;
    position:relative;
    z-index:13;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
footer .footer-block .wrap .f-magazine li {
    float:left;
    margin-right:10px;
}
footer .footer-block .wrap .f-magazine li img {
    width:100%;
    height:auto;
}
footer .footer-block .wrap .footer-box {
    position:relative;
    z-index:12;
}
footer .footer-block .wrap .footer-box .logo {
    margin:10px 0 20px 10px;
    position:relative;
    line-height:0;
}
footer .footer-block .wrap .footer-box .logo span {
    display:block;
    position:absolute;
    left:124px;
    top:0;
    width:80%;
    height:3px;
    background:url(https://2019.images.forbesjapan.media/public/user/images/bg-border01.gif) repeat-x top;
}
footer .footer-block .wrap .footer-box .category {
    color:#888888;
    font:13px/18px Georgia;
    line-height:1;
    margin:0 0 10px 10px;
}
footer .footer-block .wrap .footer-box .category-list {
    margin:0 0 0 10px;
    overflow:hidden;
}
footer .footer-block .wrap .footer-box .category-list li {
    float:left;
    display:inline-block;
    line-height:1.5;
    padding-right:8px;
}
footer .footer-block .wrap .footer-box .category-list li:after {
    content:"|";
    color:#222222;
    font-size:13px;
}
footer .footer-block .wrap .footer-box .category-list li:last-child:after {
    content:""
}
footer .footer-block .wrap .footer-box .category-list li a {
    display:inline-block;
    color:#222222;
    font-size:92%;
    padding-right:8px;
}
footer .footer-block .wrap .footer-box .category-list li a:hover,
footer .footer-block .wrap .footer-box .link-list li a:hover,
footer .footer-block .international-list li a:hover,
footer .footer-block .copyright-box p:last-child a:hover {
    text-decoration:underline;
}
footer .footer-block .wrap .footer-box .link-list {
    margin:12px 0 0 10px;
    overflow:hidden;
}
footer .footer-block .wrap .footer-box .link-list li {
    float:left;
    margin-right:18px;
}
footer .footer-block .wrap .footer-box .link-list li a {
    color:#222222;
    font-size:92%;
    padding-left:10px;
    background:url(/public/user/images/icon-right-triangle.gif) no-repeat left center;
}
footer .footer-block .international-list {
    overflow:hidden;
    margin-left:10px;
    padding-bottom:8px;
}
footer .footer-block .international-list li {
    float:left;
    font:12px Georgia;
    padding-right:5px;
}
footer .footer-block .international-list li:first-child {
    color:#333333;
    font:14px Georgia;
    margin-right:42px;
}
footer .footer-block .international-list li:after {
    content:"|";
    color:#222222;
    font-size:13px;
}
footer .footer-block .international-list li:first-child:after,
footer .footer-block .international-list li:last-child:after {
    content:""
}
footer .footer-block .international-list li a {
    display:inline-block;
    color:#222222;
    font-size:92%;
    padding-right:5px;
}
footer .footer-block .copyright-box {
    padding:16px 5px;
    overflow:hidden;
    border-top:10px solid #333333;
}
footer .footer-block .copyright-box p:first-child {
    float:right;
    color:#222222;
    font-size:70%;
}
footer .footer-block .copyright-box p:last-child a {
    color:#222222;
    font-size:70%;
}
*/

/*- - - - - - - - - - - - - - - - - - - */
/* 広告掲載について
/*- - - - - - - - - - - - - - - - - - - */
.advertisement .text01 {
    font-size: 20px;
    line-height: 40px;
    color: #036646;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.advertisement .text02 {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}
.advertisement .text03 {
    color: #222;
    text-align: center;
    font-size: 14px;
    line-height: 26px !important;
}
.advertisement .text04 {
    font-size: 14px;
    line-height: 24px !important;
    margin-bottom: 15px !important;
}
.advertisement .text05 {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
}
.advertisement .covers {
    text-align: center;
    margin-bottom: 30px;
}
.advertisement table {
    border-collapse: collapse;
    width: 735px;
    margin: 0 auto 10px;
}
.advertisement table th {
    border: 1px solid #e1e2e0;
    background: #f3f4f2;
    border-bottom: none;
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    padding: 4px 0;
}
.advertisement table td {
    border: 1px solid #e1e2e0;
    text-align: center;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.advertisement table .align-left {
    text-align: left;
    padding-left: 11px;
}
.advertisement table .align-right {
    text-align: right;
    padding-right: 11px;
}
.advertisement .text06 {
    font-size: 10px;
    line-height: 16px !important;
    padding: 0 122px !important;
    margin-bottom: 45px !important;
}
.advertisement .text07 {
    border-bottom: 1px solid #e1e2e0;
    height: 21px;
    margin-bottom: 33px;
    position: relative;
    width: 100%;
}
.advertisement .text08 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e2e0;
    font-size: 16px;
    font-weight: bold;
    left: 50%;
    line-height: 1;
    margin-left: -135px;
    padding: 10px 0 11px;
    position: absolute;
    text-align: center;
    width: 270px;
}
.advertisement .btn03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0 10px;
}
.advertisement .btn03 a {
    display: block;
    margin:0 10px 10px;
}
.advertisement .text09 {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 5px;
}
.advertisement .text10 {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}
.advertisement .btn02 {
    text-align: center;
    margin: 20px 0 50px;
}

.hide_sp {
    display: inline;
}
.hide_pc {
    display: none;
}



/*- - - - - - - - - - - - - - - - - - - */
/* 雑誌 */
/*- - - - - - - - - - - - - - - - - - - */
.magazines ul.archiveList {
    width: 980px;
    margin: 30px auto;
}
.magazines ul.archiveList li {
    width: 215px;
    margin: 0 40px 30px 0;
    float: left;
    list-style: none;
}
.magazines .latest01 .wrapper ul li:nth-child(4n) {
    margin-right: 0;
}
.magazines ul.archiveList li img {
    margin-bottom:10px;
}
.magazines ul.archiveList li p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 13px;
    font-size:13px;
    line-height:1.5;
}
.magazines .latest01 {
    margin: 0 0 35px;
}
.magazines .latest01 .right {
    width: 30%;
    float: right;
}
.magazines .latest01 .left {
    float: left;
    width: 65%;
}
.magazines .latest01 .text01 {
    margin-bottom: 25px;
    padding-left: 5px;
}
.latest01 .text02 {
    margin-left: 5px;
    border-top: 1px solid #036646;
    margin-bottom: 22px;
}
.latest01 .text02 img {
    vertical-align: top;
}
.latest01 .text06 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0 5px;
}
.latest01 .text07 {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 17px;
}
.buy {
    text-align: center;
    width: 274px;
    height: 49px;
    display: block;
    margin: 0 auto;
}
.buy a {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    background: #0d3f75;
    line-height: 49px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.archive_btn {
    text-align: center;
    width: 274px;
    height: 49px;
    display: block;
    margin: 10px auto 0;
}
.archive_btn a {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    background: #0d3f75;
    line-height: 49px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.buy a:hover,
.archive_btn a:hover {
    opacity:0.7;
}
.latest01 .ban {
    text-align: center;
    margin-top: 60px;
}
.latest01 .text08 {
    margin-left: 5px;
    font-size: 10px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 3px;
}


/*- - - - - - - - - - - - - - - - - - - */
/* リストページ */
/*- - - - - - - - - - - - - - - - - - - */

.fs-text-reset .fs-h2 {
    font-size: 2em;
}
.csf-row-list li {
    list-style:none !important;
}
.csr-hero .entity-block.enable-info-card {
    display: inline-block;
    margin-top: .5rem;
    height: 1em;
}
.csr-hero .entity-block.enable-info-card .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: .25rem;
    width: 1em;
    height: 1em;
}
.csr-hero .entity-block.enable-info-card .name-desc {
    font-weight: 400;
    font-size: 10px;
    line-height:1em;
    color:#ffffff;
}
.csr-hero .entity-block.enable-info-card .name-desc a {
    font-weight: 700;
}
.csr-hero-content a {
    text-decoration: none !important;
    color: #ffffff !important;
}
.csr-hero .entity-block.enable-info-card .avatar img {
    width: 100%;
    height: 100%;
}
.csr-hero .csr-hero-image {
    background-color: #E2E2E2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.csr-hero .csr-hero-image,
.csr-trending-now .trending-bg-image {
    position: absolute;
}
.csr-hero .csr-hero-image,
.csr-trending-now .trending-bg-image,
.image_and_three_text_bottom .csr-hero .csr-hero-image,
.image_and_three_text_top .csr-hero .csr-hero-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.csr-hero .csr-hero-content {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
    padding: 0 1.5em 1.5em;
}
@media screen and (min-width: 769px)
{
    div.gradient-overlay:before {
        content: '';
        position: absolute;
        top: 30%;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
        pointer-events: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00191919, endColorstr=#00191919);
        zoom: 1;
        background-color: rgba(25,25,25,0);
        background-image: -webkit-linear-gradient(rgba(25,25,25,0),#191919);
        background-image: linear-gradient(rgba(25,25,25,0),#191919);
    }
    .fs-col-3-2 {
        width: 66.667%;
    }
    .image_text_and_sharing .csr-hero {
        height: 20em;
    }
}
@media screen and (max-width: 480px)
{
    .image_text_and_sharing .csr-hero .csr-hero-content {
        margin: -5em 2em 0;
    }
}
@media screen and (max-width: 768px)
{
    .csf-row.full-content-bleed .csf-row-list {
        width: 100%;
    }
    .image_text_and_sharing .csr-hero {
        position: static;
    }
    .csr-hero .csr-hero-content {
        background: rgba(0,0,0,.8);
        padding: 0 1.5em 1.5em;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        margin: -4em 2em 0;
    }
    .csr-hero .csr-hero-image {
        display: block;
        min-height: 300px;
        position: relative;
    }
}
.csr-common-stream-header {
    padding: 20px 20px 10px 0;
    font-size: 42px;
    text-transform: uppercase;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 20px;
    color: #222;
    display: inline-block;
}
.csr-common-stream .stream-article {
    padding-bottom: 0.5em !important;
    margin-bottom: 0.5em !important;
    border-bottom: 1px solid #E2E2E2 !important;
    color: #333 !important;
    list-style: none !important;
    margin-left: 0 !important;
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important
}
.csr-common-stream.diff li:first-child.stream-article {
    margin-top:1em;
}
.csr-common-stream .stream-article a {
    color:#000000 !important;
}
.csr-common-stream .article-meta {
    font-size: .8rem;
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    line-height: 1em;
    white-space: nowrap;
    margin: 0 0 1em;
    color: #797979;
}
.csr-common-stream .fs-bg-image {
    background-color: #E2E2E2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.csr-common-stream .article-image {
    width: 20%;
    float: right;
    margin-top: 2em;
    margin-left: 1em;
    margin-bottom: 1em;
    display: block;
    position: relative;
    min-width:216px;
}
.fs-text-reset a {
    text-decoration: none;
    color: inherit;
}
.ratio1x1:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.csr-common-stream .article-headline {
    font-size: 17px;
    font-weight:bold !important;
}
.fs-text-reset .fs-h1,
.fs-text-reset .fs-h2,
.fs-text-reset .fs-h3 {
    line-height: 1.2;
}
.fs-text-reset .fs-h1,
.fs-text-reset .fs-h2,
.fs-text-reset .fs-h3,
.fs-text-reset .fs-h4,
.fs-text-reset .fs-h5,
.fs-text-reset .fs-h6,
.fs-text-reset p {
    font-weight: 400;
    margin: 0;
}
.csr-common-stream .entity-block {
    font-size: .75em;
    margin-top: .75rem;
    display: inline-block;
    height: 1em;
    color: #797979;
}
.csr-common-stream .entity-block .avatar {
    display: inline-block;
    width: 1.5em;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .5em;
}
.csr-common-stream .entity-block .avatar img {
    max-width: 100%;
    display: block;
}
.csr-common-stream .name-desc {
    font-family: "Open Sans",sans-serif;
}
.csr-common-stream .name-desc a {
    font-weight: 700;
    color: inherit;
}
.csr-common-stream .article-description {
    font-size: 13px !important;
    margin: .5em 0 0 !important;
}
.fs-text-reset .fs-h4,
.fs-text-reset .fs-p {
    line-height: 1.4;
}

/*- - - - - - - - - - - - - - - - - - - */
/* 特集ページ */
/*- - - - - - - - - - - - - - - - - - - */
#feature {
    padding:5% 0;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-width: 640px) {
    .buy,
    .archive_btn {
        width: 65%;
        height: auto;
    }
    .latest01 .ban {
        text-align: center;
        margin-top: 0px;
        margin-bottom:20px;
    }

    /*
    .top_new .recommend {
        padding: 0 0 5px;
    }
    .top_new .toc-list {
        margin-bottom: 3%;
        margin-right: 2%;
        width: 49%;
    }
    .top_new .toc-list h2,
    .top_new .toc-list h3 {
        font-size:12px;
    }
    .toc-list:nth-child(2n) {
        margin-right: 0;
    }
    .top_new .toc-list:nth-child(3n) {
        margin-right: 2%;
    }
    .top_new .toc-list .thumbwrap {
        height: auto;
    }
    .top_new .toc-list .thumbwrap a {
        display: block;
        height: auto;
        text-align: center;
    }
    .toc-list .thumbwrap span.photo {
        display: block;
        width: 100%;
        height:102px;
        vertical-align: middle;
        text-align: center;
        background-size:100%;
    }
    .top_new.diff {
        width:100%;
        padding: 0 10px;
    }
    .top_new.diff .toc-list {
        margin-bottom: 2%;
        margin-right: 2% !important;
        width: 48%;
    }
    */

    .article-sidebar.stream-alone:after, .article-sidebar:after {
        border:none;
    }

    .article-nav-panel .nav-permalinks .list-item .channel-header a {
        display:block !important;
        padding-top:10px !important;
    }

    .article-nav-panel .footer-list .footer-channels-list a {
        display:block !important;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    .magazines .latest01 {
        margin: 0 0 15px;
    }
    .magazines .latest01 .wrapper {
        width: 100%;
    }
    .magazines .latest01 .wrapper ul {
        padding: 0 10px;
    }
    .magazines ul.archiveList {
        margin: 0;
        text-align: center;
        width: auto;
    }
    .magazines .latest01 .wrapper ul li {
        margin: 0 2% 0 0;
        padding: 0;
        width: 23%;
    }
    .magazines ul.archiveList-new li {
        box-sizing: border-box;
        float: left;
        padding: 0 2%;
        width: 50%;
    }
    .magazines .latest01 .wrapper ul li img {
        max-width: 100%;
        height: auto;
    }
    .magazines .latest01 .wrapper ul li:nth-child(4n) {
        margin-right: 0;
    }
    .magazines .latest01 .right {
        float: right;
        width: 35%;
    }
    .magazines .latest01 .left {
        float: left;
        width: 65%;
    }

    /*
    .top_new .toc-list h2,
    .top_new .toc-list h3 {
        font-size:12px;
    }
    .toc-list:nth-child(2n) {
        margin-right: 0;
    }
    .top_new .toc-list:nth-child(3n) {
        margin-right: 20px;
    }
    .top_new.diff {
        width:100%;
        padding: 0 10px;
    }
    .top_new.diff .toc-list {
        margin-bottom: 2%;
        margin-right: 2% !important;
        width: 48%;
    }
    .top_new.diff .toc-list .thumbwrap span.photo {
        width:100%;
        height:100px;
    }
    */
}

@media all and (min-width:1185px) and (max-width:1280px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:65%;
    }
}
@media all and (min-width:1123px) and (max-width:1184px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:64%;
    }
}
@media all and (min-width:1084px) and (max-width:1122px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:62.5%;
    }
}
@media all and (min-width:984px) and (max-width:1083px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:60.5%;
    }
}
@media all and (min-width:884px) and (max-width:983px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:59%;
    }
}
@media all and (min-width:769px) and (max-width:884px) {
    _::-webkit-:not(:root:root), .top-page .article-rail {
        width:54%;
    }
}


/*- - - - - - - - - - - - - - - - - - - */
/* プライバシーポリシー
/*- - - - - - - - - - - - - - - - - - - */
.privacy {
    color:#333333;
}
.privacy h2 {
    font-size:26px;
    margin-bottom:35px;
}
.privacy h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:25px;
    line-height:1.5;
}
.privacy p {
    font-size:14px !important;
    line-height:24px !important;
    padding-bottom:25px !important;
    margin-bottom:0 !important;
}

/*- - - - - - - - - - - - - - - - - - - */
/* 404 error
/*- - - - - - - - - - - - - - - - - - - */
.error_404 h2 {
    font-size:40px;
    font-weight:bold;
    margin-bottom:30px;
}
.error_404 h2 span {
    font-size:100px;
    font-weight:bold;
    line-height:120px;
}
.error_404 p {
    font-size:15px !important;
    line-height:25px !important;
}
.error_404 p a {
    color:#333333 !important;
    text-decoration:none;
    padding-left: 10px;
    background: url(https://2019.images.forbesjapan.media/public/user/images/icon-right-triangle.gif) no-repeat left center;
}

/*- - - - - - - - - - - - - - - - - - - */
/* pagination
/*- - - - - - - - - - - - - - - - - - - */
.pagination {
    text-align:center;
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka !important
}
.pagination li {
    display:inline-block;
    margin:0 0 0 5px !important;
}
.pagination li a {
    display:block;
    padding:5px 5px;
    color:#333333 !important;
    font-size:12px;
}
.pagination li.active a {
    color:#dbdddf !important;
}


/* 記事詳細 */
.rc-title {
    margin-top:20px;
    margin-bottom: 20px;
    position: relative;
    border-top: 1px solid #000000;
}
.rc-title span {
    font-family: Georgia;
    text-decoration: none;
    display: block;
    width: 40%;
    color: #000000;
    font-size: 20px;
    position: absolute;
    top: -21px;
    left: 50%;
    margin-left: -20%;
    text-align: center;
    background-color: #ffffff;
}
#_popIn_big_image ._popIn_recommend_header span {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka!important;
    font-size: 18px!important;
    letter-spacing: 0.15em;
}
.rc-title.diff span {
    width: 24%;
    margin-left:-12%;
    top: -9px;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Sans Unicode",Arial,Verdana,sans-serif,"メイリオ",Meiryo,Osaka;
    font-size: 18px;
    letter-spacing: 0.15em;
}
.lists-box {
    width: 100%;
    padding: 0;
    margin-bottom:20px;
    background-color: #ffffff;
}
.lists-box a:hover {
    color: #000000;
    text-decoration:underline;
}
.lists-box dl {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
    position: relative;
}
.lists-box dl:last-child {
    margin-right:0;
}
.lists-box dl dt.photo {
    position: relative;
}
.lists-box dl dt.photo span {
    display:block;
    width:100%;
    height:170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.lists-box dl dd.box-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background-color:#000000;
    opacity:0.4;
}
.lists-box dl dd.text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 8px;
    color:#ffffff;
    font-size: 80%;
    line-height: 1.3;
    font-weight:bold;
}

.topics-box {
    margin-bottom:0px;
}
.topics-box .rc-title.diff span {
    width:30%;
    top:-9px;
    margin-left:-15%;
}
.topics-box ul li {
    width:49%;
    float:left;
    margin:0 2% 2% 0 !important;
    list-style:none !important;
    padding:0 !important;
}
.topics-box.diff ul li:nth-child(even) {
    margin-right:0 !important;
}
.topics-box ul li:last-child {
    margin-right:0 !important;
}
.topics-box ul li a {
    display:flex;
    align-items:center;
}
.topics-box ul li a .photo:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.topics-box ul li a .photo {
    flex:none;
    width: 20%;
    float: left;
    margin-right: .5em;
    display: block;
    position: relative;
    background-color: #E2E2E2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
}
.topics-box ul li a .text {
    font-size:14px;
    line-height:19px;
    color:#000000;
    font-weight:bold;
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
}
.topics-box ul li a:hover {
    color:#000000;
}

/* SNSボタン */
.sp-sns-btn-box ul {
    padding:0 !important;
    margin:0 0 20px 0 !important;
}
.sp-sns-btn-box li {
    width:49.4% !important;
    display:inline-block;
    margin:0 !important;
    padding:0 !important;
}
.sp-sns-btn-box li a {
    display:block !important;
    width:100% !important;
    margin:0 !important;
}
.sp-sns-btn-box li a.btn-sns {
    text-align:center;
    color:#ffffff !important;
    font-size:20px !important;
    text-decoration:none !important;
}
.sp-sns-btn-box li a.btn-sns span {
    font-size:12px !important;
    padding-left:7px;
    vertical-align:2px;
    font-weight:bold;
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
}
.sp-sns-btn-box li.fb a {
    background-color:#3b5998;
}
.sp-sns-btn-box li.tw a {
    background-color:#00acee;
}


@media all and (max-width:1280px) {
    .lists-box dl dt.photo span {
        height:130px;
    }
}
@media all and (max-width:1024px) {
    .lists-box dl dt.photo span {
        height:130px;
    }
}
@media all and (max-width:890px) {
    .lists-box dl dt.photo span {
        height:100px;
    }
}
.tag-list {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    padding-top:15px;
    margin-bottom: 40px;
}
.tag-list li {
    flex:none;
    width:auto;
    list-style:none !important;
    margin:0 10px 10px 0 !important;
}
.tag-list li a {
    display:block;
    color:#000000 !important;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック" !important;
    font-size:12px;
    font-weight:bold;
    padding:2px 10px;
    background-color:#f9f9f9;
    border:1px solid #e3e3e3;
}

/* TinyMceのYouTubeをレスポンシブ対応 */
.iframeBox {
    position:relative;
    width:100%;
}

.iframeBox iframe {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important
}

/* SNS button box */
.sns-btn-box {
    width:100%;
    margin-bottom:2px;
    margin-top:25px;
    /*overflow:hidden;*/
}
.sns-btn-box .fb-box {
    width:50%;
    height:120px;
    float:left;
    background-color:#3a57a3;
    border:1px solid #ececec;
    padding-top:10px;
    text-align:center;
}
.sns-btn-box .tw-box {
    width:50%;
    height:120px;
    float:left;
    background-color:#2da3e3;
    border:1px solid #ececec;
    border-left:none;
    padding-top:10px;
    text-align:center;
}
.sns-btn-box .fb-box .text1,
.sns-btn-box .tw-box .text1 {
    color:#ffffff;
    font-size:12px;
    line-height:1.5;
    margin-bottom:10px;
    font-weight:bold;
}
.sns-btn-box .fb-box .text2,
.sns-btn-box .tw-box .text2 {
    margin-top:10px;
    font-size:11px;
}
.sns-btn-box .fb-box .text2 {
    color:#0e1730;
}
.sns-btn-box .tw-box .text2 {
    color:#005291;
}


/*id：11337用*/
.rating-wrap {
    border: 1px solid #000;
    padding: 5px 6px;
}
.rating-wrap .rating {
    border: 2.5px solid #000;
    padding: 0 40px;
}
.rating-wrap .rating-s {
    padding: 15px 0;
}
.rating-wrap .star-5 {
    background: url("http://d1kls9wq53whe1.cloudfront.net/articles/11337/wysiwyg/a40d9aef2549ca54d695e1c8b028d57e.png") no-repeat scroll center bottom;
    background-size: 75px auto;
    margin: 0 0 20px;
    padding: 0 0 85px;
    text-align: center;
}
.rating-wrap .star-4 {
    background: url("http://d1kls9wq53whe1.cloudfront.net/articles/11337/wysiwyg/57a03d314fd4fb47222951dc4b070903.png") no-repeat scroll center bottom;
    background-size: 75px auto;
    margin: 0 0 20px;
    padding: 0 0 80px;
    text-align: center;
}
.rating-wrap .star-5 strong,
.rating-wrap .star-4 strong {
    display: inline-block;
    font-size: 1.2em;
    padding: 0 0 8px;
    position: relative;
    width: 6em;
}
.rating-wrap .star-5 strong:after,
.rating-wrap .star-4 strong:after {
    background: #000;
    bottom: 4px;
    content: "";
    display: block;
    height: 2px;
    left: 5%;
    position: absolute;
    width: 90%;
}
.rating-wrap .rating-s p {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 0.8em!important;
    margin: 0.8em 0!important;
}

.rating-wrap {
    border: 1px solid #aaa;
    padding: 3.5px;
}
.rating-wrap .rating.ranking {
    border: 2.5px solid #000;
    padding: 15px 20px 10px 0;
}
.rating-wrap .ranking h5 {
    text-align: center;
    font-size: 18px;
    font-family: Georgia;
    font-weight: bold;
    margin: 0 0 20px;
}
.rating-wrap .ranking h5 span {
    border-bottom: 2px solid #000;
    padding: 0 0 3px;
}
.ranking-s {
    padding: 0 0 0 45px;
    margin: 0 0 15px;
    position: relative;
}
.ranking-main {

}
.ranking-main .rtxt01 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3em;
}
.ranking-main .rtxt02 {
    font-size: 14px;
    font-weight: bold;
}
.ranking-main .rtxt02 span {
    font-size: 80%;
}
.ranking-main .rtxt03 {
    font-size: 11px;
    font-weight: bold;
}
.ranking-main img {
    float: left;
    height: auto;
    margin: 3px 0 10px;
    width: 100px;
}
.ranking-main.clearfix .rtxt01,
.ranking-main.clearfix .rtxt02,
.ranking-main.clearfix .rtxt03 {
    margin-left: 110px;
}
.rdesc {
    font-size: 12px;
    margin: 7px 0;
}
.rauthor {
    border-bottom: 1px solid #ddd;
    font-size: 10px;
    padding: 0 0 14px;
    font-style: italic;
}
.ranking-1:before {
    content: "";
    background: url(http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/6a95091e1a3d55c43a002a4c36eca81f.png);
    background-size: 35px;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -4px;
    top: 3px;
}
.ranking-2:before {
    content: "";
    background: url(http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/fb354d2780265916f69b987f1b900220.png);
    background-size: 35px;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -4px;
    top: 3px;
}
.ranking-3:before {
    content: "";
    background: url(http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/67393bdf5f60da1a58407fd2b8e47a86.png);
    background-size: 35px;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -4px;
    top: 3px;
}
.ranking-4:before {
    content: "";
    background: url(http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/0f83e359d3ad62459b3a752be39a8ce8.png);
    background-size: 35px;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -4px;
    top: 3px;
}
.ranking-5:before {
    content: "";
    background: url(http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/626ecdfec9f9681874416646c800bf7c.png);
    background-size: 35px;
    width: 35px;
    height: 35px;
    position: absolute;
    left: -4px;
    top: 3px;
}
.ranking-6::before {
    background: rgba(0, 0, 0, 0) url("http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/9abd1a9b71fe8d3e755cba0878f56e55.png") repeat scroll 0 0 / 35px auto;
    content: "";
    height: 35px;
    left: -4px;
    position: absolute;
    top: 3px;
    width: 35px;
}
.ranking-7::before {
    background: rgba(0, 0, 0, 0) url("http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/7856741118447c73219f617c6efcdbef.png") repeat scroll 0 0 / 35px auto;
    content: "";
    height: 35px;
    left: -4px;
    position: absolute;
    top: 3px;
    width: 35px;
}
.ranking-8::before {
    background: rgba(0, 0, 0, 0) url("http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/53cecd7b05d20056a0d7338846171d7d.png") repeat scroll 0 0 / 35px auto;
    content: "";
    height: 35px;
    left: -4px;
    position: absolute;
    top: 3px;
    width: 35px;
}
.ranking-9::before {
    background: rgba(0, 0, 0, 0) url("http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/35a5da92fa7cbc2f5a081682c87fa870.png") repeat scroll 0 0 / 35px auto;
    content: "";
    height: 35px;
    left: -4px;
    position: absolute;
    top: 3px;
    width: 35px;
}
.ranking-10::before {
    background: rgba(0, 0, 0, 0) url("http://d1kls9wq53whe1.cloudfront.net/articles/11401/wysiwyg/0b25547e0e2de45c40194ce15bd9a8a9.png") repeat scroll 0 0 / 35px auto;
    content: "";
    height: 35px;
    left: -4px;
    position: absolute;
    top: 3px;
    width: 35px;
}

/* 記事写真 */
.mt-photo .in-box {
    position: relative;
}
.mt-photo .brk {
    width: 27px;
    height:86px;
    position: absolute;
    top:50%;
    margin-top:-43px;
    background-color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mt-photo .b-prev {
    left:0;
}
.mt-photo .b-next {
    right:0;
}
.mt-photo .brk img {
    width:7px;
    height: auto;
}
.mt-photo .num {
    display:flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height:50px;
    font-size: 18px;
    margin:0 !important;
    padding: 0;
    background-color: #ffffff;
    opacity: 0.6;
    position: absolute;
    right:10px;
    bottom:0;
}

/*BV詳細の右サイドバーBV関連記事*/
.other_bvs {

}
.other_bvs .other_bv {
    margin: 0 0 0;
}
.other_bvs .other_bv a {
    display: block;
}
.other_bvs .other_bv .thumb {
    position: relative;
    margin: 0 0 4px;
}
.other_bvs .other_bv .thumb .img {
    background-position: center center;
    background-size: cover;
    height: 68px;
    width: 300px;
}
.other_bvs .other_bv .thumb span {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    display: inline-block;
    padding: 3px 6px;
    position: absolute;
    right: 0;
}
.other_bvs .other_bv .thumb span img {
    width: 100px;
}
.other_bvs .other_bv p {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
}

/*BV詳細のBV NEXT記事*/
.next_bv {
    margin: 0 0 55px;
}
.next_bv .next_bv_title {
    font-size: 12px;
    font-weight: bold;
    position: relative;
}
.next_bv .next_bv_title:after {
    height: 1px;
    width: 100%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    content: ""
}
.next_bv .next_bv_title span {
    display: inline-block;
    padding-right: 10px;
    background: #fff;
    position: relative;
    z-index: 1;
}
.next_bv p {
    border-left: 6px solid #333;
    color: #333;
    display: block;
    padding: 2px 0 0 8px!important;
}
.next_bv p a {
    color: #333!important;
}
.next_bv p a span {
    display: inline-block;
    height: 12px;
    margin-left: 6px;
    position: relative;
    vertical-align: inherit;
    width: 12px;
}
.next_bv p a span::before{
box-sizing: border-box;
width: 12px;
height: 12px;
border: 1px solid #333;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
position: absolute;
}
.next_bv p a span::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #333;
position: absolute;
content: "";
top: 3px;
}

/* 記事詳細複数写真 */
.detail-photos {
    width: 567px;
    height: 75px;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    scrollbar-face-color: #555;
}
.detail-photos li {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
}
.detail-photos li a {
    margin: 0 !important;
}
.detail-photos li a .photo {
    width:63px;
    height:63px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
}
.detail-photos li a .photo {
    border: 4px solid #ffffff !important;
}
.detail-photos li a:hover .photo,
.detail-photos li a.active .photo{
    border: 4px solid #dddddd !important;;
}



/* 記事詳細 タグ上の広告 */
.ad_under {
    margin-top: 20px;
    display:flex;
    flex-wrap:no-wrap;
    justify-content:space-between;
}
.ad_under .inner {
    flex:none;
    width:48.5%;
    height:auto;
}
.ad_under .inner > div,
.ad_under .inner > div iframe {
    width:100% !important;
    max-width:100% !important;
    display: flex;
    justify-content: center;
}

/* SP 記事詳細 メイン画像＆SNSボタン */
.photo_sns_box {
    padding-top: 20px;
}
.photo_sns_box .inner_1 {
    display: table;
    vertical-align: top !important;
}
.photo_sns_box .inner_1 .sp_main_photo {
    display: table-cell;
    width: 50%;
    vertical-align: top !important;
}
.photo_sns_box .inner_1 .sp_main_photo img {
    width: 100%;
    vertical-align: top !important;
}
.photo_sns_box .inner_1 .fb-box {
    display: table-cell;
    width: 50%;
    background-color: #39579a;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle !important;
}

.photo_sns_box .inner_2 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.photo_sns_box .inner_2 .tw-box {
    /*width: 33.3%;*/
    width: 100%;
    background-color: #00aaf0;
    text-align: center;
    padding: 10px 0 7px 0;
}
.photo_sns_box .inner_2 .line-box {
    width: 33.3%;
    background-color: #00c400;
    text-align: center;
    padding: 10px 0 7px 0;
}
.photo_sns_box .inner_2 .mailmaga-box {
    /*width: 33.3%;*/
    width: 50%;
    background-color: #333333;
    text-align: center;
    padding: 10px 0 7px 0;
}

/* SP SNS固定 */
.sns-sp-fix {
    width: 100%;
    position: fixed;
    bottom: 10px;
    left: 0;
    text-align: center;
    z-index: 1000;
    margin: 0 !important;
    padding: 0 !important;
}
.sns-sp-fix li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}
.sns-sp-fix li a {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}



/* -- menu login -- */
.article-sidebar .utility-item.auth.login {
    color: #ffffff !important;
    background-color: #cccccc !important;
}
.article-sidebar .utility-item.auth.login a {
    color: #ffffff;
}
.article-sidebar .utility-item.auth.logout {
    color: #ffffff !important;
    background-color: #4a4a4a !important;
}
.article-sidebar .utility-item.auth.logout a {
    color:#ffffff;
}
.article-sidebar .utility-item:hover.auth.login {
    color: #4a4a4a !important;
}
.article-sidebar .utility-item:hover.auth.logout {
    color: #cccccc !important;
}


.article-auth-panel {
    display: none !important;
}
.auth-expanded {
    display: block!important;
    position: fixed;
    top: 120px;
    left: 100px;
    z-index: 1000;
    animation: fadeIn 0.5s;
}
.form-insert {
    line-height: initial;
    padding-left: 20px;
}
.form-insert .auth {
    width: 370px;
    color: #fff;
    padding: 0 20px;
    background-color: #333;
    text-align: left;
    font-size: 1rem;
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
}
.form-insert .auth .icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #aaa;
}
.form-insert .auth .heading {
    padding: 20px 0;
}
.form-insert .auth .heading h2 {
    font-size: 1.7em;
}
.form-insert .auth .heading h5 {
    font-size: 1em;
}
.form-insert .auth .heading h5 a {
    text-decoration: underline;
}
.form-insert .auth a {
    color: #0092EA;
}
.form-insert .auth .main .col1,
.form-insert .auth .main .col2 {
    border-top: 1px solid #6b6b6b;
    padding: 20px 0;
}
.form-insert .auth .main h3 {
    font: 400 1.2em;
}
.form-insert .auth .main .col1 .input_block {
    margin: .5em 0;
}
.form-insert .auth .main .col1 .input_block label {
    display: block;
    font: 700 11px;
    color: #aaa;
}
.form-insert .auth .main .col1 .input_block .textbox {
    display: block;
    width: 100%;
    border-radius: 3px;
    line-height: 1em;
    font-size: .7em;
    padding: 5px 10px;
    background: #fff;
    border: 0;
}
.form-insert .auth .main .small_forgot_password_link {
    font: 400 10px;
}
.form-insert .auth .main .fancy_button {
    display: inline-block;
    position: relative;
    font: 400 16px/20px;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    text-shadow: #0075bb 0 -1px 0;
    border-radius: 6px;
    padding: 5px 25px;
    margin: .5em 0 0;
    background-color: #3a57a3;
}
.form-insert .auth .main input.fancy_button {
    font-size: 16px !important;
    border: 1px solid #0083d3;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    text-shadow: #0075bb 0 -1px 0;
    border-radius: 6px;
    padding: 5px 25px;
    margin: .5em 0 0;
    background-color: #0083d3;
}
.logout .form-insert .auth .main {
    padding: 20px 0 25px;
}
.logout .form-insert .auth .main-col-1,
.logout .form-insert .auth .main-col-2 {
    width: 50%;
    float: left;
}
.logout .form-insert .auth .main-col-1.diff {
    width: 90%;
}
.logout .form-insert .auth .user-links-item {
    padding: 0 0 .3em;
    font-size: .7em;
}
.logout .form-insert .auth .user-links-item.user-name-item {
    font-size: 1.2em;
    font-weight: 500;
    padding-bottom: 1em;
    text-transform: capitalize;
}
.logout .form-insert .auth .user-links-item.spacer-item {
    padding-bottom: 1.6em;
}
.form-insert .auth .main .main-col-1.diff .user-links-item a.diff {
    color: #ffc43a;
}

.bottom-banner {
    width: 100%;
    position: fixed;
    bottom:0;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.bottom-banner .bg {
    width: 100%;
    height:120px;
    opacity:0.3;
    background-color: #000000;
    position: relative;
}
.bottom-banner a {
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -364px;
}
.bottom-banner a img {
    max-width: none;
}

.auth-box {
    position: absolute;
    display:block;
    top: 720px;
    width: 100%;
    padding-top: 150px;
    background: rgba(255,255,255,0.69);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.69)), color-stop(33%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.inner-login {
    position: relative;
    /*margin-top:40px;*/
    padding:6px 6px 6px 6px;
    /*border:6px solid #e25d4a;*/
    background-image: url("/public/user/images/bg/login-box-border.gif");
    background-repeat: repeat;
}

.inner-login .auth-box-top {
    position: absolute;
    top:-17px;
    left: 63px;
}

.inner-login .auth-inner {
    padding:17px 24px 22px 24px;
    background-color: #ffffff;
}

.inner-login h2 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom:20px;
    float: left;
}
.inner-login .logo {
    float: right;
    margin: 0 !important;
}

.inner-login .input-box {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.inner-login .input-box .inner {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    flex: none;
    width: 100%;
}
.inner-login .input-01 {
    width: 70%;
    border: 3px solid #dbdddf;
    background-color: #f2f2f2;
    color: #888888;
    font-size: 14px;
    padding: 15px;
}
.inner-login .input-02 {
    width: 30%;
    font-size: 15px;
    border: none;
    font-weight: bold;
}

.inner-login .red {
    background-color: #e35c4b;
    color: #ffffff;
}

.inner-login .btns.newbtn1 {
    display: flex;
    justify-content: space-between;
    table-layout: inherit;
    box-sizing: border-box;
}

.inner-login .mail.down .btns.newbtn1 {
    margin-bottom:0;
}

.inner-login .btns.newbtn1 a {
    display: flex;
    flex:none;
    width:49.8%;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding:0;
    box-sizing: border-box;
    justify-content: center;
}

.inner-login .btns.newbtn1 a:first-child {
    border-right:none;
}

.inner-login .btns.newbtn1 a:last-child {
    border-left:none;
}

.inner-login .btns.newbtn1 .fb {
    padding:20px 19px 17px 19px;
    background:#3a57a3 url(https://2019.images.forbesjapan.media/public/user/images/auth/icon-fb.png) no-repeat 7.6% 49% ;
    background-size: 6.5%;
}

.inner-login .btns.newbtn1 .add {
    padding:18px 19px 17px 19px;
    background:#333333 url(https://2019.images.forbesjapan.media/public/user/images/auth/icon-01.png) no-repeat 7.4% 46.5% ;
    background-size: 9%;
}

.inner-login .btns.newbtn1.diff1 {
    margin-bottom:0;
    padding-bottom:4%;
}

.inner-login .btns.newbtn1.diff1 a {
    /*width:33.2%;*/
    width:49.8%;
    font-weight:bold;
}

.inner-login .btns.newbtn1.diff1 .fb {
    padding:20px 19px 20px 19px;
    background:#3a57a3 url(https://2019.images.forbesjapan.media/public/user/images/auth/icon-02.png) no-repeat 7.4% 49% ;
    background-size: 7.3%;
}

.inner-login .btns.newbtn1.diff1 .twitter {
    padding:21px 17px 19px 17px;
    background:#2da3e3 url(https://2019.images.forbesjapan.media/public/user/images/auth/icon-03.png) no-repeat 6.6% 52% ;
    background-size: 9.1%;
}

.inner-login .btns.newbtn1.diff1 .line {
    padding:22px 19px 18px 19px;
    background:#00c500 url(https://2019.images.forbesjapan.media/public/user/images/auth/icon-04.png) no-repeat 7.7% 52% ;
    background-size: 14.2%;
}

.inner-login .btns a:hover,
.inner-login .single_btn a:hover,
.inner-login .btns input[type="submit"]:hover,
.inner-login .single_btn input[type="submit"]:hover,
.inner-login .input-02:hover {
    cursor: pointer;
    text-decoration: none;
    opacity:0.7;filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";
}

.news-detail {
    font-size: 16px;
    padding-right: 4em;
    line-height: 1.5 !important;
}

.kizi-box.auth-contents {
    height: 1090px;
    padding-bottom: 450px;
    overflow: hidden;
}

.fs-s1 {
    font-size: 14px !important;
}

.info-red {
    color:#e25d4a;
    font-weight: bold;
}

#main-content {
    position: relative;
}
#main-content .gate-ad-header {
    width: 1100px;
    height: 80px;
    margin: 0 auto;
}
#main-content .gate-ad-left {
    position: absolute;
    left: -170px;
    top: 0;
    width: 170px;
}
#main-content .nav-expanded .gate-ad-left.sticky_on {
    margin-left: -620px!important;
}
#main-content .gate-ad-right {
    position: absolute;
    right: -170px;
    top: 0;
    width: 170px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.to_survey_form {
    background: url(https://2019.images.forbesjapan.media/public/user/images/bg_slash.jpg);
}
.to_survey_form strong {
    padding: 1.3rem 1.5rem 1.0rem;
    display: block;
    font-size: 17px;
    line-height: 1.6;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3';
}
.to_survey_form a {
    display: block;
    font-size: 13px;
    color: #fff;
    background: #4a4a4a;
    float: left;
    position: relative;
    width: 136px;
    padding: 10px 0 9px 24px;
    text-decoration: none;
}
.to_survey_form a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 0 26px 16px;
    border-color: transparent transparent transparent #4a4a4a;
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -26px;
}
.to_survey_form img {
    float: right;
    margin: 0 1% 1% 0;
}

@media screen and (max-width: 480px) {

    .to_survey_form a {
        width: 120px;
        padding-left: 18px;
    }

}

@media all and (min-width:769px) and (max-width:1024px) {
    .tag-list li {
        margin:0 10px 10px 0 !important;
        padding:0 !important;
    }
}

@media all and (max-width:768px) {
    .tag-list li {
        margin:0 10px 10px 0 !important;
        padding:0 !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .article-header .article-headline {
        width:98%;
    }

    .article-sidebar .utilities .mobile-trail span a {
        color:#aaaaaa;
    }

    .article-sidebar.show .utilities .mobile-trail span a {
        color:#ffffff;
    }

    .ad-rail {
        display:none;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {
    .form-insert .auth .heading h2 {
        font-size: 1.4em;
    }

    .form-insert .auth .heading h5 {
        font-size: 0.8em;
    }

    .form-insert .auth .main h3 {
        font-size: 0.9em;
    }

    .form-insert .auth .main .col1 .input_block {
        margin: 0.2em 0;
    }

    .form-insert .auth .main .col1 .input_block label {
        font-size:0.8em;
    }

    .form-insert .auth .main input.fancy_button {
        font-size: 12px !important;
    }

}

#main-content .kizi-honbun h4 {
    font-size: 17px;
    font-weight: bold;
    margin: 12px 0 12px 0;
    position: relative;
}
#main-content .kizi-honbun h4 b,
#main-content .kizi-honbun h4 big {
    position: relative;
    padding-left: 13px;
    background-color: #ffffff;
    display: inline-block;
    /*max-width: 319px;*/
    font-style: normal;
}
#main-content .kizi-honbun h4 big.leftfix {
    max-width: 319px;
}
#main-content .kizi-honbun h4 b:before,
#main-content .kizi-honbun h4 big:before  {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background: url("https://2019.images.forbesjapan.media/public/user/images/bg-dot1.gif") repeat;
    background-size: 1.5px 1.5px;
    position: absolute;
    left: 0px;
}
#main-content .article_detail .left-img {
    position: relative;
    z-index: 1;
    padding-right: 10px;
    width: 310px!important;
    background: #fff;
    margin-right: 0!important;
}
#main-content .kizi-honbun h4:after {
    content: "";
    display: block;
    width: 100%;
    height: 2.5px;
    background: url("https://2019.images.forbesjapan.media/public/user/images/bg-dot1.gif") repeat;
    background-size: 1.5px 1.5px;
    position: absolute;
    left: 0;
}

.more_feature {
    text-align: center;
}
.more_feature a {
    color: #fff;
    display: inline-block;
    color: #fff;
    border: 1px solid #000;
    font-size: 12px;
    letter-spacing: 0.2em;
    padding: 10px 20px 8px;
    background: #000;
    font-weight: bold;
}
.more_feature a:hover {
    border-color: #fff;
}

#main-content .wrap .social-box {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 12px;
}
#main-content .wrap .social-box li {
    margin-left: 1.5%;
}
#main-content .wrap .social-box li img {
    height: 27px;
    width: auto;
}
#main-content .wrap .social-box li:first-child {
    margin-left: 0;
}