@charset "utf-8";

/* フォントサイズ */
.article-header .series,
.article-body > p,
.btn-shimen a,
.btn-article-en a {font-size:1.7rem;}
.article-header h1,
.article-body > h2 {font-size:2.0rem;}
.article-body .kanren-links a,
.article-body .kanren-links .title,
.article-body figcaption {font-size:1.4rem;}

/* 記事中 写真 */
.article-body figure { width: 100%; display: block; margin-bottom:1em; position: relative;}
.article-body figure img { max-width:100%; max-height:360px; display: block; margin:auto; }
.article-body figcaption { color:#666; }
.article-body figure:after{content: '';position: absolute; top: 0; left: 0; display: block;width: 100%;height: 100%;}

/* 記事中 関連リンク */

.article-body .kanren-links a { min-height:inherit; font-weight:bold;}
.article-body .kanren-links .icon {position:absolute; top:9px;}
.article-body .kanren-links .icon img {width:20px; height:20px;}

.article-body a.btn {
    display:block;
    padding:8px 24px 8px 16px;
    border-radius: 2px;
    border:1px solid #999;
	background:url(/vol1/images/sp/icon-arrow-r.svg) no-repeat #FFF 94% 50%;
    background-size:8px;
    width:96%;
    margin:12px auto;
    text-align:center;
}

#kiji_more {display:none;}



/* 連載ナビ */
.series-nav { width:300px; margin:0 auto 12px; padding:6px 0;}
.series-nav li {float:left;width: 33%;}
.series-nav li a {display: block;}
.series-nav .next a { text-align:right;}
.series-nav .article-list a { text-align:center;}

.series-btn { width:auto; margin:0; padding:0;}
.series-btn::after {content: ""; display: block; clear: both; }
.series-btn .follow-btn{ float:right; margin: var(--space-base); margin-bottom: 0px; border-radius: 20px;
background: url(/vol1/images/sp/icon-follow_wh.svg) 15px 8px no-repeat;
background-size: 18px auto; padding: 10px 15px 10px 38px; background-color:var(--color-bule-base); color: #FFFFFF; font-size:11px; font-size:1.1rem; font-weight: bold;}
.series-btn-nav { float:left; letter-spacing: -.4em; padding: var(--space-base); padding-bottom: 0;}
.series-btn-nav li {display:inline-block;letter-spacing: 0;}
.series-btn-nav li a {display: block; text-align: center; margin: 0 4px; padding: 10px; border: 1px solid #E0E0E0; background-color: #F6F6F6; font-size: 11px; font-size: 1.1rem; font-weight: bold;}
.series-btn-nav .prev a { border-radius: 20px 3px 3px 20px; padding: 10px 10px 10px 15px; }
.series-btn-nav .next a { border-radius: 3px 20px 20px 3px; padding: 10px 15px 10px 10px; }
.series-btn-nav .article-list a { text-align:center; border-radius: 3px;}

/* article (news)
----------------------------------------------- */
/* 関連見出しリンク(2015.12.22 保留) */
.kanrenmidashi-link {background:#f4f4f4;padding:6px;}
.kanrenmidashi-link a { display:table; margin:auto; background:url() no-repeat #333; padding:5px 12px 2px; color:#FFF; border-radius:3px;}
.kanrenmidashi-link.bottom:after {content:''; display:block; border-top:1px solid #CCC; height:0px; margin-top:6px;}

/* ツールバー */
.tool-btn {float:left; margin-left:auto; margin-right:auto;}
.tool-btn li {float:left;}
.tool-btn li > a { display:table-cell; vertical-align: middle; width:40px; height:40px; background:url(/vol1/images/sp/icons-tool-blue.png) no-repeat 100px 100px; background-size:100%;}
.tool-btn .share a {background-position:50% -27px; text-indent:-9999px;}
.tool-btn .font a {background-position:50% 0px; text-indent:-9999px;}
.tool-btn .comment a {background-position:50% -87px; text-indent:-9999px;}

/* シェアボタン */
.share2 {float:right; padding: 0; margin: 0; height: 40px; width: auto; text-align: center; }
.share2 li { display: inline-block; margin:0; vertical-align:top; }
.share2 li a {display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 32px; background-position: 0,0; }
.share2 li.fsbots span {display: inline-block; width: 40px; height: 40px; background:url(/vol1/images/sp/icon-tool-fsbots.svg) no-repeat; background-size: 32px; }
.share2 .ln a { background-image:url(/vol1/images/sp/icon-tool-ln.svg); }
.share2 .tw a { background-image:url(/vol1/images/sp/icon-tool-tw.svg); }
.share2 .fb a { background-image:url(/vol1/images/sp/icon-tool-fb.svg); }
.share2 .hb a { background-image:url(/vol1/images/sp/icon-tool-hb.svg); }
.share2 .timeline,
.share2 span { font-size:10px; font-size:1.0rem; position:relative; top:-10px; display:none; }
.share2 .gp { display:none; }
.share2 li.fsbots span { background-position:4px 4px;}

/* シェアボタン：記事上 */
#tool-share.share2 .timeline,
#tool-share.share2 li span { display:none;}
/* シェアボタン：記事下 */
#bottom-share { min-height:56px; background:rgba(248,248,248,0.8); width:100%; z-index:9999; border-top:1px solid var(--color-gray-light-border);}
#bottom-share::after {content: ""; display: block; clear: both; }
#bottom-share .share2 { margin:8px 0 8px 8px; float:left; text-align:left; }
#bottom-share .share2 li { margin:0 4px; width:36px; height:36px; border-radius:20px; overflow: hidden;}
#bottom-share .share2 li > a,
#bottom-share .share2 li > span { background-position:4px 50%;}
#bottom-share .share2 .ln a { background-image:url(/vol1/images/sp/icon-tool-ln.svg); background-color:#35B200; background-size:28px auto; background-position:4px 4px; }
#bottom-share .share2 .tw a { background-image:url(/vol1/images/sp/icon-tool-tw.svg?20231120); background-color:#000; background-size:28px auto; background-position:4px 4px; }
#bottom-share .share2 .fb a { background-image:url(/vol1/images/sp/icon-tool-fb.svg); background-color:#375894; background-size:28px auto; background-position:4px 4px; }
#bottom-share .share2 .hb a { background-image:url(/vol1/images/sp/icon-tool-hb.svg); background-color:#00A4DE; background-size:28px auto; background-position:4px 5px; }
#bottom-share .share2 .fsbots span { background-image:url(/vol1/images/sp/icon-tool-fsbots.svg); background-color:#0080F7; top:0;}
#bottom-share .share2 .timeline {color:#0078C6; background:none; height:auto; left:-2px;}
#bottom-share .share2 li span { color:#999;}
#bottom-share.fix-bottom { position:fixed; bottom:0px; }
#bottom-share .follow-btn { display: none; float: right; margin: 8px 8px 0 0; border-radius: 20px;
background: url(/vol1/images/sp/icon-follow_wh.svg) 15px 8px no-repeat;
background-color:var(--color-bule-base);
background-size: 18px auto; padding: 10px 15px 10px 38px; color: #FFFFFF; font-size:11px; font-size:1.1rem; font-weight: bold;}

/* シェアボタン：フッター */
aside .share { color:#FFF;background:url(/vol1/images/sp/sns_bg.jpg);border-radius:8px;margin:20px 0;padding:10px; text-align:center; min-height:200px; width:100%;background-size:100% auto; }
aside .share h2 { text-align:left; }
aside .share a {display:inline-block; color:#FFF; font-size:1.4rem; width:80px; margin-top:75px; }
aside .share a span {display:block; width:80px; height:40px; background-repeat:no-repeat; margin-bottom:3px; background-position:0 0;}
aside .share a.fb span { background-image:url(/vol1/images/sp/icon-tool-fb.svg); background-size: auto 40px; background-position: 20px 0;}
aside .share a.tw { margin-left: 15%; }
aside .share a.tw span { background-image:url(/vol1/images/sp/icon-tool-tw.svg); background-size: auto 40px; background-position: 20px 0;}

/* 記事 */
.main_contents header span.error {padding: 2px 6px 6px 6px; display: block; color: #ce055a; margin-top: 10px; font-weight: bold; }

.article-header h1 {line-height: 150%; margin:0 0 6px;}
.article-header .series {display:block; line-height:1.5; font-weight: normal;}
.article-header .series a {color:var(--color-bule-base);}
.article-header .author, .article-header .pub-time, .view-type a { color: #666;}
.article-header .follow-btn { display:inline-block; margin: 15px 0 0; border-radius: 20px;
background: url(/vol1/images/sp/icon-follow_wh.svg) 12px 7px no-repeat;
background-color: var(--color-bule-base);
background-size: 15px auto; padding: 8px 15px 8px 34px; color: #FFFFFF; font-size:11px; font-size:1.1rem; font-weight: bold;}
.view-type a,
.view-type .Paper01m a,
.article-header .author span { color:#666; padding-left:18px; display:inline-block; background:url(/vol1/images/sp/icons-view.png) no-repeat 0 3px; background-size:14px; }
.Paper01m a { background-position:0 -18px!important;}
.view-type .english a { background-position:0 -39px;}
.view-type .article-ja a { background-position:0 -60px;}
.view-type .voice-cheack { background-position:0 -80px;}
.view-type .word-cheack { background-position:0 -100px;}

.Paper01m a span:before {content:'紙面イメージで読む';}
.view-type {text-align:right;margin-top:-1px;padding:6px 2.5%;}
.view-type p {display:inline-block;margin-left:0.5em;}

.article-body {padding:var(--space-base) 0;}
.article-body * { word-wrap:break-word; }
.article-body #kiji_more > h2,
.article-body > h2 { margin:0 var(--space-base) 1.5em;}
.article-body #kiji_more > p,
.article-body > p { margin:0 var(--space-base) 1.5em; clear:both; color:#404040;}
.article-body p a { border-bottom:1px solid ; }
.article-body hr { border:2px solid #EEE; display:block; width:95%; }
.article-body .ad-bnr-w300h250 {margin-bottom:1.5em;}

/* PCで左右配置の写真はすべて左寄せ */
.article-body figure.left img,
.article-body figure.right img { max-width:50%; float:left; margin-right: 2.5%;}
.article-body .kanren-links,
.kanren-links.bg-gray{ margin:0 0 1.5em 0; border-top:1px solid var(--color-gray-light-border); border-bottom:1px solid var(--color-gray-light-border); background:var(--color-gray-light-back);}
.kanren-links.bg-gray{ padding:var(--space-base); margin:var(--space-base) 0;}

/*読者投稿系記事に入力フォームへの誘導*/
.post-info {padding:0 2.5% 10px;}
.post-info h3{color: #737373; border-top: solid 1px #ccc;padding: 20px 0 10px;}
.post-info .txt{color: #737373;}
.article-body .post-info a.btn{ border: 0; background: #0078c6; color: #fff;}

/* 拡大写真用 sub-layer */
#main-layer {z-index:2;position:relative;}
.modal {background:#000; position:absolute; top:0; opacity:0; z-index:1; width:100%; padding:12px 0 48px;}
.modal.active {z-index:100000; opacity:1;display:block;}
.modal > h1 {color:#fff;}
.modal figure {margin-bottom:48px;}
.modal figure img { max-width:100%; display:block; margin:auto;}
.modal figcaption { color:#FFF;margin:6px 2.5%;}
.btn-close {color:#FFF; position:fixed; bottom:0; right:0; background:#000; padding:9px 10px 8px 11px; border-top:1px solid #666; border-left:1px solid #666; font-size:20px; font-size:2.0rem;}


/* 中間ページ */
.text-cover{
    height:80px;
    background: linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(255,255,255,1) );
    margin-top:-96px;
    position: relative;
    z-index:1;
    }
.readmore-tool{
background-color: var(--color-gray-light-back);
border-top: var(--color-gray-light-border);
padding:var(--space-base) 0;
}
.readmore-txt{
text-align:center;
font-size: 2.0rem;
}
.readmore-txt .lead-txt{
margin:0 0 5px;
font-weight:bold;
}
.readmore-txt .subtxt{
margin:0;
color:var(--color-gray-dark);
font-size: 1.2rem;
}
.readmore-btns{
display:block;
max-width:400px;
text-align:center;
margin:auto;
}
.readmore-btns .lead-txt{
font-size: 2.0rem;
font-weight:bold;
padding:0;
margin-top:var(--space-base);
}
.readmore-btns .lead-txt a{
color:var(--color-orange-base);
text-decoration:none;
}
.readmore-btns .subtxt{
margin:0;
color:var(--color-gray-dark);
font-size: 1.2rem;
}

.readmore-tool .campaign {
text-align: center;
margin-top: 1em;
margin-bottom: 8px;
}
.readmore-tool .campaign a,
.readmore-tool .campaign a:visited{
color: #005E9C;
font-weight: bold;
}
.readmore-tool .campaign a span {
color: #222;
}

/* Outbrain recommend */
#outbrain .MB_1.ob-widget {
    padding:0;
}
#outbrain .MB_1.ob-widget:before {
    display:none;
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-widget-header{
    background: var(--color-gray-light-back);
    padding: 8px var(--space-base);
    color:#666;
    border-top:3px solid  var(--color-gray-light-border);
    border-bottom:3px solid  var(--color-gray-light-border);
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container{
    margin:0;
    padding:8px;
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container:nth-child(2n+1){
    padding-right:4px;
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container:nth-child(2n){
    padding-left:4px;
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container .ob-rec-source {
    margin:0;
    padding:8px 8px 0;
    color:var(--color-gray-dark);
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container .ob-rec-text {
    margin:0;
    display:block;
    padding:8px;
}
#outbrain .MB_1.ob-widget .ob-widget-section .ob-dynamic-rec-container.ob-p .ob-rec-text:after {
    content:'[PR]';
    background:none;
    font-weight:normal;
    color:var(--color-gray-base);
    font-size:14px;
}

/* outbrain text AD */
.MB_10.ob-classic-layout .ob-widget-section {float: none !important; width: 100% !important;}
.MB_10.ob-classic-layout .ob-widget-section > * {margin: 0 !important;}
.MB_10.ob-classic-layout .ob-dynamic-rec-container {border-top: 1px solid var(--color-gray-light-border);}
.MB_10.ob-classic-layout .ob-dynamic-rec-link {padding: var(--space-base); display: block;}

/* sponsored contents ---------------------------------------*/
.articledetail-head .sc-title{
    display:block;
    align-items: center;
    padding: 0 0 0 12px;
    margin-bottom: 18px;
}
.articledetail-head .sc-title-label{
    font-size: 1.2rem;
    font-weight: 400;
    font-family: Roboto;
    color: #919191;
    padding: 0 8px 0 0;
    letter-spacing: 0;
    display:block;
}
.articledetail-head .sc-title-name{
    font-size: 1.4rem;
    font-weight: bold;
    color: #767676;
    display:block;
    line-height:1;
    padding-top: 5px;
}
.ad-header *[id^="ad-SP-SC-"] > * {
    padding: 12px 8px!important;
    background-color:#f4f4f4;
}
@media screen and (max-width: 374px){
    .ad-header *[id^="ad-SP-SC-"] > * {
        padding: 12px 0!important;
    }
}

/* end */