@charset "utf-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
nav ul,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
body {font-size: 14px;font-family:"ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Hiragino Sans, Arial,'Meiryo', 'メイリオ',sans-serif;line-height: 1.6;}
a{color:#000;text-decoration:none;}
.hide{overflow:hidden;white-space:nowrap;text-indent:100%;}
.left{float:left;}
.right{float:right;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.sr-only {position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}
/* snsアイコンはヘッダ・フッタ共通 */
.sns__btn{display:block;width:34px;height:034px;border-radius:34px;background-position:center;background-size:20px;background-repeat:no-repeat;font-size:0;margin-right:10px;}
.sns__btn.--fb{background-color:#0866FF;background-image:url(/common/images/v5/common/ico-fbook_w.svg);background-size:27px;background-position:center bottom;}
.sns__btn.--tw{background-color:#1DA1F2;background-image:url(/common/images/v5/common/ico-tw_w.svg);}
.sns__btn.--x{background-color:#000;background-image:url(/common/images/v5/common/x-logo-white.png);}
.sns__btn.--line{background-color:#00c300;background-image:url(/common/images/v5/common/ico-line_w.svg);}
.sns__btn.--youtube{background-color:#DA1725;background-image:url(/common/images/v5/common/ico-youtube_w.svg);}
.sns__btn.--rss{background-color:#868686;background-image:url(/common/images/v5/common/ico-rss_w.svg);}
/* -- ▼ 会員用記事種別 ▼ -- */
.paid{background:url(/common/images/v5/tkm/paid_member_key.png) no-repeat right;background-size:10px;}
.free{background:url(/common/images/v5/tkm/paid_member_key_open.png) no-repeat right;background-size:10px;}
.paid-member{background:url(/common/images/v5/tkm/paid_member_key.png) no-repeat right;background-size:10px;}
.paid-member.open{background:url(/common/images/v5/tkm/paid_member_key_open.png) no-repeat right;background-size:10px;}
.free-member{background:url(/common/images/v5/tkm/free_member_key.png) no-repeat right;background-size:10px;}
.free-member.open{background:url(/common/images/v5/tkm/free_member_key_open.png) no-repeat right;background-size:10px;}
.member-article-heading{color:#aa8c49;font-size:14px;padding-left:17px;background:url(/common/images/v5/tkm/paid_member_key.png) no-repeat left 3px;background-size:12px;}
.member-article-heading.open{background:url(/common/images/v5/tkm/paid_member_key_open.png) no-repeat left 3px;background-size:12px;}
.member-article-heading.small{color:#aa8c49;font-size:11px;padding-left:14px;background:url(/common/images/v5/tkm/key.png) no-repeat left 3px;background-size:10px;}
.free-article-heading{color:#868686;font-size:14px;padding-left:17px;background:url(/common/images/v5/tkm/free_member_key.png) no-repeat left 3px;background-size:12px;}
.free-article-heading.open{background:url(/common/images/v5/tkm/free_member_key_open.png) no-repeat left;background-size:12px;}
.free-article-heading.small{font-size:11px;padding-left:14px;background-size:10px;}

#wrapper{margin-top:58px;width:100%;z-index:1;position:relative;}
#wrapper.video{z-index:1;position:relative;}
#wrapper > .g-a-bnr{min-height:250px;}
.g-a-bnr{margin:30px auto;text-align:center;}
.g-a-bnr-top{
  background-color:#f9f9f8;
  margin:0 auto 0;
  text-align:center;
  position: relative;
  min-height: calc(100vw/2.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-a-bnr .video-js{margin:0 auto;}
.g-a-text{text-align:center;color:#676B6C;font-size:12px;margin-top:25px;}
.block-pr .pr > div{min-height:80px;}
#div-gpt-ad-smp-f-center-1,
#div-gpt-ad-smp-f-center-1S,
#div-gpt-ad-smp-n-center-2,
#div-gpt-ad-smp-x-low{min-height:250px;min-width:300px;background-color:#f9f9f8;margin:0 auto;display:inline-block;}
#div-gpt-ad-smp-f-center-1S{margin:10px 0;}
.g-a-rectangle{margin:11px auto 0 auto;text-align:center;}
.g-a-free-space{margin:10px auto 0 auto;text-align:center;text-align:left;}
#div-gpt-ad-temporary{text-align:center;margin:10px 0;}
#div-gpt-ad-Sp_inRead{text-align:center;}
.bc_banner{text-align:center;margin:10px 0;}
header{position:fixed;top:0;overflow:hidden;width:100%;box-sizing:border-box;height:50px;background:#fff;z-index:9999!important;padding:5px 0 5px 5px;display:flex;align-items:center;justify-content:space-between;}
header h1,header p{margin:0 auto;text-align:center;}
header .logo{width:127px;margin-left:5px;}
header .logo.--tk130th{width:111px;}
header .logo.static{margin:0 auto;float:none;}
header .logo img{width:127px;height:40px;vertical-align:bottom;}
header .logo.--tk130th img{width:111px;height:40px;vertical-align:bottom;}
header .logo a{display:block;}
header #nav-btn{display:flex;align-items:center;}
header #nav-btn .regist{width:66px;height:50px;box-sizing:border-box;display:block;background:url(/common/images/v5/common/regist_sp.png) no-repeat center 7px;background-size:24px;-webkit-background-size:24px;-moz-background-size:24px;cursor:pointer;text-align:center;font-size:.8em;color:#858585;padding-top:28px;-webkit-tap-highlight-color: transparent;position:relative;}
/* ABテストカラー */
header #nav-btn .regist.--blue{color:#fff;background-image:url(/common/images/v5/common/regist_pc.png);background-color:#2c73df;}
header #nav-btn .regist.--green{color:#fff;background-image:url(/common/images/v5/common/regist_pc.png);background-color:#24871b;}
header #nav-btn .regist.--orange{color:#fff;background-image:url(/common/images/v5/common/regist_pc.png);background-color:#ef5b2d;}
header #nav-btn .regist.paid{width:80px;}
header #nav-btn .login{width:66px;height:50px;box-sizing:border-box;display:block;background:url(/common/images/v5/common/login.png) no-repeat center 7px;background-size:24px;-webkit-background-size:24px;-moz-background-size:24px;cursor:pointer;text-align:center;font-size:.8em;color:#858585;padding-top:28px;-webkit-tap-highlight-color: transparent;position:relative;}
/* ABテストカラー */
header #nav-btn .login.--blue{background-image:url(/common/images/v5/common/login__blue.png);color:#2c73df;border-right:solid 1px #efefef;}
header #nav-btn .login.--green{background-image:url(/common/images/v5/common/login__green.png);color:#24871b;border-right:solid 1px #efefef;}
header #nav-btn .login.--orange{background-image:url(/common/images/v5/common/login__orange.png);color:#ef5b2d;border-right:solid 1px #efefef;}
header #nav-btn .member.paid{width:66px;height:28px;display:block;background:url(/common/images/v5/common/member@2x.png) no-repeat center 7px;background-size:24px;-webkit-background-size:24px;-moz-background-size:24px;cursor:pointer;text-align:center;font-size:.8em;color:#aa8c49;padding-top:28px;-webkit-tap-highlight-color: transparent;position:relative;}
header #nav-btn .member.free{width:66px;height:28px;display:block;background:url(/common/images/v5/common/user.png) no-repeat center 7px;background-size:24px;-webkit-background-size:24px;-moz-background-size:24px;cursor:pointer;text-align:center;font-size:.8em;color:#858585;padding-top:28px;-webkit-tap-highlight-color: transparent;position:relative;border-right : solid 1px #efefef;}
header #nav-btn .member.js-active{background-color:#eaeaea;}
header #nav-btn .menu{width:56px;height:50px;box-sizing:border-box;display:block;background:url(/common/images/v5/smartphone/nav-menu.png?rd=201707051212) no-repeat center 12px;background-size:30px 16px;-webkit-background-size:30px 16px;-moz-background-size:30px 16px;cursor:pointer;text-align:center;font-size:.8em;color:#858585;padding-top:28px;-webkit-tap-highlight-color: transparent;position:relative;}
header #nav-btn .menu .point{width:11px;height:11px;border-radius:11px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:#cb3a3a;position:absolute;top:5px;right:4px;}
header #nav-btn .menu.close .point{display:none;}
header #nav-btn .close.btn{width:54px;height:64px;background:url(/common/images/v5/smartphone/nav-close.png?rd=201707051212) no-repeat center #eaeaea;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;text-indent:100%;overflow:hidden;white-space:nowrap;-webkit-tap-highlight-color: transparent;padding-top:0;}
header #nav-btn .search{width:54px;height:50px;display:block;background:url(/common/images/v5/smartphone/nav-search.png?rd=201707051212) no-repeat center;background-size:25px 25px;-webkit-background-size:25px 25px;-moz-background-size:25px 25px;cursor:pointer;text-indent:100%;overflow:hidden;white-space:nowrap;float:left;-webkit-tap-highlight-color: transparent;}
header.member{display:flex;justify-content:space-between;align-items:center;}
header.member #nav-btn{position:static;}
header .members-only{font-size:13px;border:solid 1px #707070;padding:5px 10px;line-height:1;margin:0 .5em 0 auto;}
.nav-btn__link{position:relative;}

/* iphone5 */
@media screen and (max-width: 320px) {
  header .members-only{margin-right:0;font-size:12px;padding:5px;}
}
.search-box{padding:1em;background:#eaeaea;}
.search-box .search-form form{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;background:#fff;border:solid 1px #868686;border-radius:4px;}
.search-box .search-form input.inputtext,.search-box .search-form input.search-btn{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0;border-style:none;display:table-cell;vertical-align:middle;box-sizing:border-box;}
.search-box .search-form input.inputtext:focus{outline:0;}
.search-box .search-form input.inputtext{width:90%;padding:2px 0;height:44px;line-height:1em;font-size:1.2em;box-sizing:border-box;background:#fff;}
.search-box .search-form input.search-btn{width:10%;background: url(/common/images/v5/common/search-ico.png) no-repeat center 8px;background-size: 22px;height:44px;line-height:44px;font-size:0;}
.search-box.video .search-form input.search-btn{width:25%;}
.search-box.video .search-form input.inputtext{width:74%;}

.category-header-block{margin:15px 10px;}
.category-header-block::after{content:"";display:block;clear:both;}
.category-header-block .image{width:100%;display:block;margin:0 auto;}
.category-header-block .image img{width:100%;height:auto;}
.category-header-block .title{font-size:18px;font-weight:bold;margin-bottom:1em;}
.category-header-block .summary{width:100%;line-height:18px;font-size:14px;}
.category-header-block .summary a{color:#00f;text-decoration:underline;}

/* 特集枠のヘッダサマリー */
.category-header-summary{margin-bottom:2em;}
.category-header-summary .image{margin:0 .8em;text-align:center;}
.category-header-summary .image img{max-width:100%;width:100%;vertical-align:bottom;}
.category-header-summary .title{font-weight:bold;margin:.3em .8em;font-size:1.2em;}
.category-header-summary .highlight{background:#ffeb00;line-height:1.8;padding:.5em .8em;text-align:center;font-weight:bold;font-size:1em;}
.category-header-summary p{font-size:.9em;padding:.5em 1em 0;}

/* swipe menu */
.gnavi-wrap{position:relative;}
#global{width:100%;height:46px;overflow:hidden;display:block;}
#global nav{width:100%;height:46px;display:block;overflow-x:scroll;overflow-y:hidden;z-index:999;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;position:relative;padding-bottom:20px;}
#global nav ul{width:395%;position:relative;display:block;}
#global nav ul::after{content:"";display:block;clear:both;}
#global nav ul::-webkit-scrollbar{display:none;}
@media screen and (max-width: 318px) {
  #global nav ul{width:460%;position:relative;}
}
@media screen and (min-width: 319px) and (max-width: 340px) {
  #global nav ul{width:435%;position:relative;}
}
@media screen and (min-width: 360px) and (max-width: 373px) {
  #global nav ul{width:380%;position:relative;}
}
@media screen and (min-width: 374px) and (max-width: 399px) {
  #global nav ul{width:365%;position:relative;}
}
@media screen and (min-width: 400px) {
  #global nav ul{width:350%;position:relative;}
}

#global nav ul li{float:left;text-align:center;border-top:solid 1px #858585;border-right:solid 1px #858585;border-left:solid 1px #858585;background:#fff;margin:0 2px;min-width:50px;font-size:13px;height:40px;padding: 0 8px;position:relative;top:4px;}
#global nav ul li.current{position:relative;top:0;border-top:solid 3px #858585;font-weight:bold;height:43px;z-index:999;}
#global nav ul li a{display:block;padding:11px 0 8px 0;background:#fff;}
#global nav ul li span{display:block;padding:11px 0 8px 0;background:#fff;}

#global nav ul li.covid-19,#global nav ul li.covid-19 a{background:#f00;color:#fff;}

/* swipe menu color */
#global nav ul li.top.current{border-color:#2c6fa6;}
section#latest{border-top:solid 1px #2c6fa6;position:relative;top:-1px;}
#global nav ul li.tk-articles.current{border-color:#e3ab28;}
section#tk-articles{border-top:solid 1px #e3ab28;position:relative;top:-1px;}
#global nav ul li.ranking.current{border-color:#71dbd1;}
section#ranking{border-top:solid 1px #71dbd1;position:relative;top:-1px;}
#global nav ul li.member.current{border-color:#AA8C49;}
section#member{border-top:solid 1px #AA8C49;position:relative;top:-1px;}
#global nav ul li.comment.current{border-color:#8cc63f;}
section#ranking.comment{border-top:solid 1px #8cc63f;position:relative;top:-1px;}
#global nav ul li.business.current{border-color:#bf7700;}
section#business .article-list{border-top:solid 1px #bf7700;position:relative;top:-1px;}
#global nav ul li.economy-and-politics.current{border-color:#ba555b;}
section#economy-and-politics .article-list{border-top:solid 1px #ba555b;position:relative;top:-1px;}
#global nav ul li.market.current{border-color:#b83d79;}
section#market .article-list{border-top:solid 1px #b83d79;position:relative;top:-1px;}
#global nav ul li.career-and-education.current{border-color:#835a8c;}
section#career-and-education .article-list{border-top:solid 1px #835a8c;position:relative;top:-1px;}
#global nav ul li.life.current{border-color:#1c9296;}
section#life .article-list{border-top:solid 1px #1c9296;position:relative;top:-1px;}
#global nav ul li.tetsudosaizensen.current{border-color:#86a300;}
section#tetsudosaizensen .article-list{border-top:solid 1px #86a300;position:relative;top:-1px;}
#global nav ul li.jidoshasaizensen.current{border-color:#157316;}
section#jidoshasaizensen .article-list{border-top:solid 1px #157316;position:relative;top:-1px;}
#global nav ul li.ranking-special.current{border-color:#aac35c;}
section#ranking.special{border-top:solid 1px #aac35c;position:relative;top:-1px;}
#global nav ul li.columns.current{border-color:#81adf5;}
section#columns .article-list{border-top:solid 1px #81adf5;position:relative;top:-1px;}
#global nav ul li.video.current{border-color:#F39A02;}
#global nav ul li.comics.current{border-color:#000;border-bottom:1px solid #fff}
section#video .article-list{border-top:solid 1px #F39A02;position:relative;top:-1px;}
section#video .article-list.border{border-color:#c7c7c7;}
#global nav ul li.membership.current{border-color:#aa8c49;}
section#membership .article-list{border-top:solid 1px #aa8c49;position:relative;top:-1px;}
section#ranking.member{border-top:solid 1px #AA8C49;position:relative;top:-1px;}
#global nav ul li.tk-columns.current{border-color:#333;}
section#columns.tk-columns .article-list{border-top:solid 1px #333;position:relative;top:-1px;}
#global nav ul li.crossword.current{border-color:#000;}
section#corssword{border-top:solid 1px #000;position:relative;top:-1px;}
#global nav ul li.theme.current{border-color:#5B678D;}
.theme-contents{border-top:solid 1px #5B678D;position:relative;top:-1px;}

#global nav ul li.theme{position:relative;padding-right:16px;}
#global nav ul li.theme.is-open::after,
#global nav ul li.theme.navcurrent.is-open::after{content:"";display:block;border-style:solid;border-width:6px 4px;border-color:transparent transparent #7C7C7C transparent;position:absolute;top:12px;right:10px;}
#global nav ul li.theme::after,
#global nav ul li.theme.navcurrent::after{content:"";display:block;border-style:solid;border-width:6px 4px;border-color:#7C7C7C transparent transparent transparent;position:absolute;top:18px;right:10px;}
.theme-sub-menu{display:none;position: absolute;top: 46px;left: 0;z-index: 999;background: #fff;width: 100%;padding: 10px;box-sizing: border-box;box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);}
.theme-sub-menu__item:not(:last-child){border-bottom:dotted 1px #E8E8E8;}
.theme-sub-menu a{color:#707070;font-size:13px;text-align:left;display:block;height:auto;padding:10px 5px 10px 16px;position:relative;}
.theme-sub-menu a[target="_blank"] span{background:url(/common/images/v5/theme/icon-target.svg) no-repeat right;padding-right:15px;}
.theme-sub-menu a::before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;border-top:solid 1px #5B678D;border-right:solid 1px #5B678D;transform:rotate(45deg) translate(-50%, 0);}
.theme-sub-menu a::after{content:"";position:absolute;top:50%;left:3px;width:3px;height:3px;border-top:solid 1px #5B678D;border-right:solid 1px #5B678D;transform:rotate(45deg) translate(-50%, 0);}
.theme-sub-menu__block:not(:last-child){margin-bottom:10px;}
.theme-sub-menu__title{font-weight:bold;color:#000;font-size:13px;border-bottom:1px solid #D9D9D9;padding-bottom:6px;}
.theme-sub-menu__list{display:flex;flex-wrap: wrap;}
.theme-sub-menu__item{width:48%;}
.theme-sub-menu__item:nth-child(odd){margin-right:4%;}

section.tabchanger .article-list{border-top-style:none !important;}

#sitenavi .information{background:#eaeaea;font-size:14px;padding:1em 1em 0;}
#sitenavi .information .inner{box-sizing:border-box;}
#sitenavi .information .inner::after{content:"";display:block;}
#nav-block{position:absolute;z-index:999;background-color:#eaeaea;width:100%;display:none;right:0;-webkit-text-size-adjust:100%;top:120px;box-sizing:border-box;}
#sitenavi .information .text-box{position:relative;box-sizing:border-box;padding-left:18px;}
#sitenavi .information .text-box::before{content: "";display: block;background: url(/common/images/v5/common/info-ico.png) no-repeat center #868686;background-size: 2px;width: 16px;height: 16px;border-radius: 16px;color: #fff;position: absolute;top: 2px;left: 0;text-align: center;}
#sitenavi .information .text-box a{text-decoration:underline;}

#nav-block nav ul li a{font-size:16px;display:block;padding:0 1em;font-weight:bold;height:45px;line-height:45px;border-bottom:solid 1px #999;}
#nav-block nav#main ul li a{color:#000;background:#eaeaea;}
#nav-block nav#main ul li span{border-left:solid 7px #000;padding-left:16px;display:inline-block;line-height:1.8;}
#nav-block nav#main ul li.theme{font-size:16px;display:block;padding:0 1em;font-weight:bold;line-height:45px;border-bottom:solid 1px #999;color:#000;background:#eaeaea;position:relative;}
#nav-block nav#main ul li.theme::after{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:transparent transparent #8e8e8e #8e8e8e;border-width:1px;position:absolute;top:15px;right:20px;transform:rotate(-45deg);}
#nav-block nav#main ul li.theme.js-active::after{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:#8e8e8e #8e8e8e transparent transparent;border-width:1px;position:absolute;top:20px;right:20px;transform:rotate(-45deg);}
#nav-block nav#main ul li span.theme{border-left:solid 7px #5B678D;padding-left:16px;display:inline-block;line-height:1.8;box-sizing:border-box;width:100%;}
#nav-block nav#main ul li.theme .theme-submenu{padding:0 0 10px 0;display:none;}
#nav-block nav#main ul li.theme .theme-submenu__item{line-height:1;margin-left:22px;}
#nav-block nav#main ul li.theme .theme-submenu__item a{border-style:none;height:auto;font-weight:normal;font-size:14px;line-height:1.8;padding:5px 0 5px 16px;display:inline-block;position:relative;}
#nav-block nav#main ul li.theme .theme-submenu__item a[target="_blank"]{background: url(/common/images/v5/theme/icon-target.svg) no-repeat right;padding-right: 15px}
#nav-block nav#main ul li.theme .theme-submenu__item a::before{content:"";position:absolute;top:16px;left:0;width:3px;height:3px;border-top:solid 1px #5B678D;border-right:solid 1px #5B678D;transform:rotate(45deg);}
#nav-block nav#main ul li.theme .theme-submenu__item a::after{content:"";position:absolute;top:16px;left:3px;width:3px;height:3px;border-top:solid 1px #5B678D;border-right:solid 1px #5B678D;transform:rotate(45deg);}
#nav-block nav#main ul li.theme .theme-submenu__title{margin-left:22px;font-size:16px;}
/* 色指定 */
#nav-block nav#main ul li.covid-19 span{border-color:#f00;}
#nav-block nav#main ul li.business span{border-color:#c07700;}
#nav-block nav#main ul li.economy-and-politics span{border-color:#bb555b;}
#nav-block nav#main ul li.market span{border-color:#a04177;}
#nav-block nav#main ul li.career-and-education span{border-color:#845b8d;}
#nav-block nav#main ul li.life span{border-color:#179397;}
#nav-block nav#main ul li.tetsudosaizensen span{border-color:#86a300;}
#nav-block nav#main ul li.jidoshasaizensen span{border-color:#157316;}
#nav-block nav#main ul li.jidoshasaizensen a{position:relative;}
#nav-block nav#main ul li.jidoshasaizensen span.new{display:inline-block;font-size:12px;color:#fff;line-height:1;background:#a51d1f;border-radius:4px;padding:.25em .5em .2em;margin-left:.5em;border-style:none;position:absolute;top:15px;}
#nav-block nav#main ul li.ranking span{border-color:#aac35c;}
#nav-block nav#main ul li.video span{border-color:#F39A02;}
#nav-block nav#main ul li.member span{border-color:#aa8c49;}
/* 色指定 */
#nav-block nav#sub ul li a{padding-left:39px;color:#000;background:#eaeaea;}
#nav-block nav#sub ul li.comment a{background-image:url(/common/images/v5/smartphone/comment.png?rd=201707051212);background-repeat:no-repeat;background-position:5px center;background-size:30px 30px;-webkit-background-size:30px 30px;-moz-background-size:30px 30px;}
#nav-block .changepc{background:#fff;height:45px;line-height:45px;text-align:center;font-size:13px;}
#nav-block .changepc a{text-decoration:underline;background:url(/common/images/v5/smartphone/pc.png?rd=201707051212) no-repeat left;background-size:16px 16px;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;padding-left:20px;}

/* columns-menu */
.columns-menu{background:#f2f2f2;height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 1em;}
.columns-menu a{display:block;}
.columns-menu a.current{color:#fff;font-weight:bold;padding:.5em 1.5em;border-radius:20px;line-height:1;font-size:13px;}
.columns-menu a.tk-columns.current{background:#333;}
.columns-menu a.tkm-columns.current,
.columns-menu a.tkm-features.current{background:#AA8C49;}

.header-related-menu{background:#eaeaea;padding:1em;border-bottom:solid 1px #999;}
.header-related-menu__heading{font-size:16px;font-weight:bold;margin-bottom:10px;}
.header-related-menu__heading span{padding-right:16px;background:url(/common/images/v5/common/icon-ex.png) no-repeat right 2px;background-size:10px;}
.header-related-menu__item{display:block;font-size:13px;margin-bottom:5px;}

.header-sns{background:#eaeaea;padding:2em 1em;display:flex;justify-content:center;}
.header-sns .sns__btn{margin:0 10px;}

.heading.default{display:block;border-left: solid 10px #000;background: #eee;font-size: 20px;height: 50px;line-height: 50px;padding-left: 10px;font-weight:normal;}
.heading.trend{border-bottom:solid 2px #858585;display:block;margin-top:28px;}
.heading.trend h3{background-color:#3d5999;color:#fff;padding:0  35px;display:inline-block;height:40px;position:relative;line-height:40px;width:auto;font-weight:normal;font-size:17px;}
.heading.trend h3::after{content:"";height:0;width:0;display:inline;border-top:0 solid transparent;border-left:0 solid transparent;border-right:30px solid transparent;border-bottom:#3d5999 40px solid;position:absolute;top:0;right:-30px;}
.heading.related h3,.heading.latest h3{background-color:#5c6971;color:#fff;padding:0  35px;display:inline-block;height:40px;position:relative;line-height:40px;width:auto;font-weight:normal;font-size:17px;}
.heading.related h3::after,.heading.latest h3::after{content:"";height:0;width:0;display:inline;border-top:0 solid transparent;border-left:0 solid transparent;border-right:30px solid transparent;border-bottom:#5c6971 40px solid;position:absolute;top:0;right:-30px;}
.heading.related.g-a-article{position:relative;border-left-style: none;padding: 0;height: auto;line-height:40px;background: transparent;border-bottom: solid 2px #c7c7c7;}
.heading.related.g-a-article .ad{position:absolute;top:1em;right:.7em;display: block;font-size:.8em;font-weight: bold;color: #5d6a70;}
.heading.ranking h3{background-color:#4ec6bd;color:#fff;padding:0 15px;display:inline-block;height:40px;position:relative;line-height:40px;width:auto;font-weight:normal;font-size:17px;}
.heading.ranking h3::after{content:"";height:0;width:0;display:inline;border-top:0 solid transparent;border-left:0 solid transparent;border-right:30px solid transparent;border-bottom:#4ec6bd 40px solid;position:absolute;top:0;right:-30px;}
.heading.mark{position:relative;font-size:1.2em;display:block;color:#444;padding-left:25px;margin:10px 0 0;font-weight:bold;}
.heading.mark::before{display: block;width: 10px;height: 10px; border-top: 3px solid #8b9ca3;border-right: 3px solid #8b9ca3;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);content: "";position:absolute;top:6px;left:5px;}
.heading.line-block{display:inline-block;text-align:center;width:100%;box-sizing:border-box;border-right:solid 50px #3ea8f4;background-color:#858585;}
.heading.line-block .line-block-inner{background-color:#858585;border-right:double 9px #3ea8f4;border-left:double 9px #3ea8f4;display:block;margin:0 3px 0 50px;}
.heading.line-block .line-block-inner span{color:#fff;padding:5px;display:block;border-right:solid 3px #3ea8f4;border-left:solid 3px #3ea8f4;margin:0 3px;}
.heading.line-block.ranking{border-right:solid 50px #bce700;}
.heading.line-block.ranking .line-block-inner{border-right:double 9px #bce700;border-left:double 9px #bce700;}
.heading.line-block.ranking .line-block-inner span{border-right:solid 3px #bce700;border-left:solid 3px #bce700;}

#signale-category.member,
#signale-category.tk-columns{margin:10px;}
#signale-category.member h1{border-left:solid 10px #AA8C49;padding-left:10px;font-size:18px;}
#signale-category.tk-columns h1{border-left:solid 10px #333;padding-left:10px;font-size:18px;}
#signale-category.tk-columns p{margin-top:10px;}
section#membership.features,
section#membership.magazine,
section#membership.tag,
section#membership.terms{border-top: solid 1px #aa8c49;position: relative;top: -1px;}

/* ジャンル別ランキング */
.ranking-title {
  font-size: 18px;
  border-left: 10px solid #000;
  padding-left: 10px;
  margin: 10px;
}

.search-result__heading{margin:10px;}
.search-result__heading h1{border-left:solid 10px #000;padding-left:10px;font-size:18px;display:flex;align-items:center;}
.search-result__heading h1 span{color:#555;font-size:13px;margin-left:10px;}

.video-ranking{margin:30px 0;}
.video-ranking__heading{background-color:#F39A02;color:#fff;padding:0 15px;display:inline-block;height:40px;position:relative;line-height:40px;width:auto;font-weight:normal;font-size:17px;}
.video-ranking__heading::after{content:"";height:0;width:0;display:inline;border-top:0 solid transparent;border-left:0 solid transparent;border-right:30px solid transparent;border-bottom:#F39A02 40px solid;position:absolute;top:0;right:-30px;}

span.panel{position: absolute;bottom:5px;left:5px;z-index:100;}
span.new{background-color: #3e7bd9;border-radius: 5px;color: #FFFFFF;font-size: 11px;padding:1px 5px;margin-right:5px;font-family:Arial;font-weight:normal;}
span.hot{background-color: #c00;border-radius: 5px;color: #FFFFFF;font-size: 11px;padding:1px 5px;font-family:Arial;font-weight:normal;}

span.video-play{display: block;width: 20px;height: 20px;border-radius: 20px;background: #262626;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;}
span.video-play::before{content: "";display: block;border-left: solid 10px #fff;border-top: solid 6px transparent;border-right: solid 0 transparent;border-bottom: solid 6px transparent;position: absolute;top: 50%;left: 56%;transform: translate(-50%,-50%);z-index: 100;}

ul li.block{border-bottom:solid 1px #c7c7c7;}
ul li.block .link-box{display:table;box-sizing:border-box;width:100%;padding:10px;table-layout:fixed;}
ul li.block .link-box.premium a{display:block;}
ul li.block .ico,ul li.block .thumb{display:table-cell;vertical-align:top;width:40%;box-sizing:border-box;position:relative;}
ul li.block .ico a,ul li.block .thumb a{position:relative;display:block;overflow:hidden;width:100%;padding-top:56.25%;}
ul.series li.block .ico{width:40%;position:relative;}
ul.series li.block .ico .new span{position: absolute;top: 12px;right: -2px;color: #fff;font-size: 10px;z-index: 1;transform: rotate(45deg);}
ul.series li.block .ico .new::after{content: "";display: block;position: absolute;top: -36px;right: -36px;border-style: solid;border-width: 36px;border-color: transparent transparent #D50101 transparent;transform: rotate(45deg);}
ul li.block .ico img,ul li.block .thumb img{width:100%;height:auto;position:absolute;top:0;left:0;}
ul li.block .ttl{display:table-cell;width:60%;vertical-align:middle;box-sizing:border-box;padding-left:10px;}
ul li.block .ttl-inner{position:relative;margin-bottom:.5em;}
ul.ranked li.block .ttl{width:60%;}
ul li.block .meta{display:flex;justify-content:space-between;align-items:center;}
ul li.block .date{color:#858585;display:block;position:relative;}
ul li.block .ad{position:absolute;right:0;}
ul li.block .author,
ul li.block .column-ttl,
ul li.block .column-ttl a{display:block;font-weight:bold;line-height:115%;margin-bottom:3px;color:#8c8c8c;}
ul.ranking li.block .author{color:#aac35c;}
ul li.block .column-main-idsnum{font-size:11px;font-weight:bold;display: block;color: #000;margin-bottom: 2px;}
ul li.block .column-main-ttl{display:inline;font-size:120%;font-weight:bold;line-height:130%;padding-right:17px;}
ul li.block .column-main-ttl a{display:inline;}
/* iphone5 */
@media screen and (max-width: 320px) {
  ul li.block .column-main-ttl a{font-size:14.5px;}
  #related ul li.block .column-main-ttl{font-size:14.5px;line-height:150%;}
}
ul li.block .leafbanner.premiumn{position: absolute;right:0;font-size:12px; bottom:0;color:#747474;}
ul li.block .author{display:block;margin-bottom:0;}
ul li.block .author a{display:block;font-weight:bold;color:#8c8c8c;overflow:hidden;width:100%;line-height:1.4;position:relative;}
ul li.block .author.premium{display:block;font-weight:bold;color:#2c6fa6;overflow:hidden;width:100%;height:34px;line-height:1.4;position:relative;}
ul.member li.block .author{color:#aa8c49;}
ul li.block .mw-comment-count{position:absolute;bottom:2px;right:0;line-height:1;}
ul li.block .mw-comment-count a{color:#888;background:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212) no-repeat left;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;padding-left:15px;display:none;}
ul#hour24.comment li.block .mw-comment-count a{display:block;color:#638ac6;}
ul#weekly.comment li.block .mw-comment-count a{display:block;color:#f39a00;}
ul#monthly.comment li.block .mw-comment-count a{display:block;color:#ef5b2e;}

/* 2019リストブロックの調整 */
ul li.first.list-block .icon-block{display:block;width:100%;margin-bottom:.5em;}
ul li.first.list-block .text{display:block;width:100%;padding:0;}
ul li.first.list-block .text .column-main-ttl{letter-spacing:-0.2px;}

ul li.list-block{border-bottom:solid 1px #c7c7c7;}
ul li.list-block a{display:block;padding:10px;display:table;table-layout:fixed;width:100%;box-sizing:border-box;}
ul li.list-block .icon-block{display:table-cell;width:40%;vertical-align:middle;position:relative;}
ul li.list-block .icon-block .icon{display:block;overflow:hidden;position:relative;padding-top:56.25%;}
ul li.list-block .icon-block .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;height:auto;}
ul li.list-block .text{display:table-cell;width:60%;padding-left:10px;box-sizing:border-box;vertical-align:middle;position:relative;}
ul li.list-block .text .column-main-ttl{display:inline;font-size:120%;font-weight:bold;line-height:130%;padding-right:17px;}
ul li.list-block .text .bottom-block{display:block;position:relative;}
ul li.list-block .text .author{color:#2c6fa6;font-weight:bold;display:inline-block;line-height:1.3;}
ul.business li.list-block .text .author{color:#c07700;}
ul.economy-and-politics li.list-block .text .author{color:#bb555b;}
ul.market li.list-block .text .author{color:#a04177;}
ul.career-and-education li.list-block .text .author{color:#845b8d;}
ul.life li.list-block .text .author{color:#179397;}
ul.tetsudosaizensen li.list-block .text .author{color:#86a300;}
ul.jidoshasaizensen li.list-block .text .author{color:#157316;}
ul.ranking li.list-block .text .author{color:#aac35c;}
ul.member li.list-block .text .author{color:#aa8c49;}
ul li.list-block .mw-comment-count{position:absolute;right:0;bottom:0;color:#888;background:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212) no-repeat left;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;padding-left:15px;display:none;}

ul.video li.list-block .text .pubdate{color:#F39A02;font-weight:bold;margin-top:5px;display:block;}
ul.video li.list-block .icon-block .icon{background:rgba(0,0,0,0.8);}
ul.video li.list-block .icon-block .icon img{opacity:0.7;}
ul.video li.list-block .icon-block .icon:hover img{opacity:1;}

ul li.block .summary{margin-right:25px;display:block;}
ul li.block .bc_banner img{vertical-align:bottom;}
ul li.block .link-box.pr.noline{background-image:url(/common/images/v5/ad/pr-ico-wd40.png?rd=201707051212);background-repeat:no-repeat;background-position:98% 90% !important;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;border-style:none;padding-left:0;}
ul li.block-pr .link-box.pr.noline{display:block;border-bottom:solid 1px #c7c7c7;position:relative;padding:10px;height: calc(100vw * 0.21);}
ul li.block-pr .link-box.pr.noline .ad{color:#747474;position:absolute;right:10px;bottom:5px;}
ul li.block .link-box.premium .ttl{position:relative;}
/* iphone5 */
@media screen and (max-width: 320px) {
  ul li.block-pr .link-box.pr.noline::after{content:"";display:block;clear:both;}
  ul li.block-pr .link-box.pr.noline .ad{
    position:static;
    float:right;
    right:8px;
    bottom:8px;
    margin-top:-15px;
    /* display:block; */
    /* margin-top:2px; */
    line-height:1;
    }
}
ul li.block-pr .link-box.pr.noline a{display:table;width:100%;box-sizing:border-box;}
ul li.block-pr .link-box.pr.noline .ico,ul li.block-pr .link-box.pr.noline .ttl{display:table-cell;vertical-align:middle;}
ul li.block-pr .link-box.pr.noline .ttl{padding-left:10px;width:60%;-webkit-text-size-adjust:100%;}
ul li.block-pr .link-box.pr.noline .ico.rec{width:40%;position:relative;}
ul li.block-pr .link-box.pr.noline .ico.rec img{width:100%;display:block;}
ul li.block-pr .link-box.pr.noline .ico.wd72{width:72px;height:72px;overflow:hidden;position:relative;}
ul li.block-pr .link-box.pr.noline .ico.rec{width:40%;position:relative;overflow:hidden;}
ul li.block-pr .column-ttl{display:block;font-size:100%;font-weight:bold;line-height:115%;margin-bottom:3px;color:#616C72;}
ul li.block-pr .column-main-ttl{display:block;font-size:120%;font-weight:bold;line-height:115%;margin-right:.5em;}
/* iphone5 */
@media screen and (max-width: 320px) {
  ul li.block-pr .column-main-ttl{padding-right:5px;}
}
ul li.block.photo .ico{display:block;width:100%;margin-bottom:.5em;}
ul li.block.photo .ttl{display:block;padding:0;}

/* 2019.01マークアップ変更後のリスト */
ul li.list-block{border-bottom:solid 1px #c7c7c7;}
ul li.list-block a{padding:10px;display:table;width:100%;box-sizing:border-box;table-layout:fixed;}
ul li.list-block .icon-block{display:table-cell;width:40%;}
ul li.list-block .icon{position:relative;display:block;padding-top:56.25%;overflow:hidden;}
ul li.list-block .icon img{max-width:100%;height:auto;position:absolute;top:0;left:0;}
ul li.list-block .text{display:table-cell;width:60%;padding-left:10px;box-sizing:border-box;vertical-align:middle;position:relative;}
ul li.list-block .text .mw-comment-count{position:absolute;right:0;bottom:0;color:#888;background:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212) no-repeat left;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;padding-left:15px;}
ul li.list-block .text .author{display:block;color:#2c6fa6;font-weight:bold;}
ul.business li.list-block .text .author{color:#c07700;}
ul.economy-and-politics li.list-block .text .author{color:#bb555b;}
ul.market li.list-block .text .author{color:#a04177;}
ul.career-and-education li.list-block .text .author{color:#845b8d;}
ul.life li.list-block .text .author{color:#179397;}
ul.tetsudosaizensen li.list-block .text .author{color:#86a300;}
ul.jidoshasaizensen li.list-block .text .author{color:#157316;}
ul.ranking li.list-block .text .author{color:#aac35c;}

.ranking-switch{border-bottom:solid 1px #808080;margin-top:10px;}
.ranking-switch ul{display:table;width:90%;margin:0 auto;}
.ranking-switch.article-end ul{width:99%;}
.ranking-switch ul li{display:table-cell;width:50%;position:relative;height:41px;}
.ranking-switch ul li a{margin:0 5px;display:block;border-top:solid 1px #939598;border-right:solid 1px #939598;border-left:solid 1px #939598;height:36px;line-height:36px;text-align:center;background-color:#fff;position:absolute;bottom:0;color:#939598;width:95%;}
.ranking-switch ul li.current a{height:40px;line-height:40px;position:absolute;bottom:-1px;background-color:#fff;border-top:solid 1px #808080;border-right:solid 1px #808080;border-left:solid 1px #808080;font-weight:bold;color:#444;}
.ranking-switch.article-end ul li.current a{border-top:solid 3px #808080;}
.ranking-switch.article-end ul.business li.current a{border-color:#c07700;}
.ranking-switch.article-end ul.economy-and-politics li.current a{border-color:#bb555b;}
.ranking-switch.article-end ul.market li.current a{border-color:#a04177;}
.ranking-switch.article-end ul.career-and-education li.current a{border-color:#845b8d;}
.ranking-switch.article-end ul.life li.current a{border-color:#179397;}
.ranking-switch.article-end ul.tetsudosaizensen li.current a{border-color:#86a300;}
.ranking-switch.article-end ul.jidoshasaizensen li.current a{border-color:#157316;}
ul.ranked li.block .ico{position:relative;z-index:10;}
ul.ranked li.block .ico .rank-num{position:absolute;top:0;left:0;display:inline-block;background-color:#8e9aa0;color:#fff;z-index:100;width:18px;height:18px;line-height:18px;text-align:center;}
#article-ranking-section ul.ranked li.block .rank-num{display:table-cell;vertical-align:middle;width:28px;}
#article-ranking-section ul.ranked li.block .rank-num span{background-color:#8e9aa0;color:#fff;padding:6px 0;display:block;line-height:1;text-align:center;}
#article-ranking-section ul.ranked li.block:nth-child(10) .rank-num span{padding:5px;}
#article-ranking-section ul.ranked li.block .column-main-ttl{color:#444;}
.heading.ranking{margin-bottom:10px;}
#article-ranking-section .more{margin:10px 20px 16px;}
#article-ranking-section .more a{display:block;background-color:#4ec6bd;color:#fff;border-radius:4px;padding:10px;font-size:1.3em;text-align:center;}
ul#hourly.ranked .author,#ranking-tab .tab-hourly a{color:#00A2EB;}
ul#hour24.ranked .author,#ranking-tab .tab-hour24 a{color:#638ac6;}
ul#weekly.ranked .author,#ranking-tab .tab-weekly a{color:#F39A00;}
ul#monthly.ranked .author,#ranking-tab .tab-monthly a{color:#ef5b2e;}
ul#member.ranked .author,#ranking-tab .tab-member a{color:#AA8C49;}
ul#comment.ranked .author{color:#8cc63f;}
ul#fblike.ranked .author,#ranking-tab .tab-fblike a{color:#8EC31C;}
#ranking-tab .tab-fblike a{background:url(/common/images/v5/common/fb.png) no-repeat 7px 7px;background-size:12px 12px;padding:2px 0 2px 14px !important;}
/* iphone5 */
@media screen and (max-width: 320px) {
  #ranking-tab .tab-fblike a{background:url(/common/images/v5/common/fb.png) no-repeat 3px 7px;background-size:11px 11px;padding:2px 0 2px 14px !important;}
}
ul#fblike.ranked .fb-count{background-image:url(/common/images/v5/common/fb.png?rd=201707051212);background-repeat:no-repeat;background-size:15px 15px;background-position:top left;color:#4c5195;font-size:90%;padding-left:20px;margin-top:.2em;display:block;}
#article-ranking-section ul#fblike.ranked .fb-count{display:inline-block;font-weight:normal;margin-left:1em;margin-top:0;font-size:.8em;}
#ranking-tab{display:table;width:100%;position:relative;background:#f2f2f2;height:40px;}
#ranking-tab div{display:table-cell;width:20%;box-sizing:border-box;text-align:center;position:relative;vertical-align:middle;}
#ranking-tab div a{display:block;padding:5px 0;text-align:center;}
#ranking-tab div.current a{padding:2px 0;}
#ranking-tab span{display:inline-block;width:92%;}
#ranking-tab .current span{background-color:#fff;border-radius:20px;font-weight:bold;}
#ranking-tab.member .current span{background:#333;}
#ranking-tab.member .current span a{color:#fff;}

#ranking-items ul p{text-align:right;font-size:14px;margin:.5em .5em 0 0;}
#ranking ul.ranked p{text-align:right;font-size:14px;margin:.5em .5em 1em 0;}

ul#comment.ranked li .ttl .mw-comment-count a{color:#8cc63f;display:block;}
#ranking.comment h1{background-color:#8cc63f;color:#fff;text-align:center;padding:8px 10px;font-size:1.2em;}
#ranking.comment h1 span{background-image:url(/common/images/v5/common/icon-comment-white.png?rd=201707051212);background-repeat:no-repeat;background-position:left;background-size:20px 19px;-webkit-background-size:20px 19px;-moz-background-size:20px 19px;padding-left:28px;}
#ranking.comment p{text-align:center;color:#8cc63f;margin:.5em 1em;}
ul.ranked li div.more-ranking{text-align: right;margin: 8px 12px 24px 0;font-size: 16px;}

ul.ranked li.note{text-align:center;padding:.5em;}

.video-ranking__list{border-top:solid 1px #8e9aa0;}
.video-ranking__rank span{color: #fff;padding: 6px 0;display: block;line-height: 1;text-align: center;}
.video-ranking__item{display:flex;justify-content: space-between;border-bottom:solid 1px #c7c7c7;padding:1em 0;align-items: center;}
.video-ranking__rank{box-sizing:border-box;padding:0 .5em;}
.video-ranking__image{width:35%;box-sizing:border-box;padding:0 .5em;}
.video-ranking__thumbnail{position:relative;background:rgba(0,0,0,0.8);padding-top:56.25%;overflow:hidden;}
.video-ranking__thumbnail .video-ranking__rank{top:0;left:0;padding:3px 5px;}
.video-ranking__play{display: block;width: 24px;height: 24px;border-radius: 24px;background: #262626;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;cursor: pointer;}
.video-ranking__play::before{content: "";display: block;border-left: solid 10px #fff;border-top: solid 6px transparent;border-right: solid 0 transparent;border-bottom: solid 6px transparent;position: absolute;top: 50%;left: 56%;transform: translate(-50%,-50%);z-index: 100;}
.video-ranking__thumbnail img{width:100%;opacity:0.7;vertical-align:bottom;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.video-ranking__text{box-sizing:border-box;font-weight:bold;font-size:90%;}
.video-ranking__title{display:block;}
.video-ranking__date{margin-top:.3em;color:#638AC5;}
.video-ranking__note{text-align:right;font-size:80%;line-height:2;margin:.3em 1em;}

.breadcrumb{padding:8px 10px;}
.breadcrumb,.breadcrumb a{color:#fff;}
.breadcrumb a{text-decoration:underline;display:inline-block;}
.breadcrumb span{margin:0 5px;display:inline-block;}
.breadcrumb span:last-child{margin:0;}
.breadcrumb.default{background-color:#009fe6;}
.breadcrumb.business{background-color:#bf7700;}
.breadcrumb.economy-and-politics{background-color:#ba555b;}
.breadcrumb.career-and-education{background-color:#835a8c;}
.breadcrumb.market{background-color:#b83d79;}
.breadcrumb.life{background-color:#1c9296;}
.breadcrumb.tetsudosaizensen {background-color:#86a300;}
.breadcrumb.jidoshasaizensen {background-color:#157316;}
.breadcrumb.ranking{background-color:#d5e476;}
.breadcrumb.information{background-color:#dd5a30;}
.breadcrumb.member{background-color:#aa8c49;}
.breadcrumb.video{background-color:#F39A02;}
.breadcrumb.video span:last-child{margin:0 5px;}
section#latest ul li.block .column-ttl,section#default ul li.block .column-ttl,section#tk-articles ul li.block .column-ttl{color:#616c72;}
section#default ul li.block .column-ttl a{color:#009fe6;}
section#business ul li.block .column-ttl a{color:#bf7700;}
section#economy-and-politics ul li.block .column-ttl a{color:#ba555b;}
section#career-and-education ul li.block .column-ttl a{color:#835a8c;}
section#market ul li.block .column-ttl a{color:#b83d79;}
section#life ul li.block .column-ttl a{color:#1c9296;}
section#tetsudosaizensen ul li.block .column-ttl a{color:#86a300;}
section#jidoshasaizensen ul li.block .column-ttl a{color:#157316;}
section#top-series-list ul li.block .column-ttl{color:#3fa8f4;}
section#ranking.top ul li.block .column-ttl{color:#9aa303;}
section#adcategory ul li.block .column-ttl a{color:#3d5999;}
ul li.block .link-box.pr .column-ttl{color:#616C72 !important;}
section#business ul li.block .link-box.line,section#latest ul li.block .link-box.line-business,section#company-news ul li.block .link-box.line.business{border-left:solid 5px #bf7700;padding-left:5px;}
section#economy-and-politics ul li.block .link-box.line,section#latest ul li.block .link-box.line-economy-and-politics,section#company-news ul li.block .link-box.line.economy-and-politics{border-left:solid 5px #ba555b;padding-left:5px;}
section#career-and-education ul li.block .link-box.line,section#latest ul li.block .link-box.line-career-and-education,section#company-news ul li.block .link-box.line.career-and-education{border-left:solid 5px #835a8c;padding-left:5px;}
section#market ul li.block .link-box.line,section#latest ul li.block .link-box.line-market,section#company-news ul li.block .link-box.line.market{border-left:solid 5px #b83d79;padding-left:5px;}
section#life ul li.block .link-box.line,section#latest ul li.block .link-box.line-life,section#company-news ul li.block .link-box.line.life{border-left:solid 5px #1c9296;padding-left:5px;}
section#tetsudosaizensen ul li.block .link-box.line,section#latest ul li.block .link-box.line-tetsudosaizensen,section#company-news ul li.block .link-box.line.tetsudosaizensen{border-left:solid 5px #86a300;padding-left:5px;}
section#jidoshasaizensen ul li.block .link-box.line,section#latest ul li.block .link-box.line-jidoshasaizensen,section#company-news ul li.block .link-box.line.jidoshasaizensen{border-left:solid 5px #157316;padding-left:5px;}
section#ranking ul li.block .link-box.line,section#latest ul li.block .link-box.line-ranking,section#company-news ul li.block .link-box.line.ranking{border-left:solid 5px #aac35c;padding-left:5px;}
section#latest ul li.block .link-box.line-default{border-left:solid 5px #616C72;padding-left:5px;}
section#latest ul li.block .link-box.line-business.noline,
section#latest ul li.block .link-box.line-economy-and-politics.noline,
section#latest ul li.block .link-box.line-career-and-education.noline,
section#latest ul li.block .link-box.line-market.noline,
section#latest ul li.block .link-box.line-life.noline,
section#latest ul li.block .link-box.line-default.noline{border-style:none;padding-left:0;}
section#latest .more{overflow:hidden;display:block;}
section#latest .more a {background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(183,188,192,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(183,188,192,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(183,188,192,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(183,188,192,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(183,188,192,1) 100%);border-bottom: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;border-right: 1px solid #c7c7c7;display: block;padding: 5px 10px;float:right;}

section#top-series-list::after{content:"";display:block;clear:both;}
section#top-series-list .more{margin:.7em;float:right;}
section#top-series-list .more a{display:block;position:relative;padding-left:1.2em;}
section#top-series-list .more a::before{content:"";display:block;position:absolute;width:5px;height:5px;top:8px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);}
section#top-series-list .more a::after{content:"";display:block;position:absolute;width:5px;height:5px;top:8px;left:5px;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);}

section#membership::after{content:"";display:block;clear:both;}
section#membership .more{margin:.7em;float:right;}
section#membership .more a{display:block;position:relative;padding-left:1.2em;}
section#membership .more a::before{content:"";display:block;position:absolute;width:5px;height:5px;top:8px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);}
section#membership .more a::after{content:"";display:block;position:absolute;width:5px;height:5px;top:8px;left:5px;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);}

section#pickupthetrend .title{text-align:center;background-image:none;}
section#pickupthetrend .title img{width:100%;max-width:640px;}
section#pickupthetrend .article-list{margin-bottom:25px;}
section#pickupthetrend .article-list .heading{text-align:center;}
section#pickupthetrend .article-list .heading img{width:100%;max-width:640px;}
section#pickupthetrend .article-list .link-box{display:table;box-sizing:border-box;}
section#pickupthetrend .article-list .ico{display:table-cell;vertical-align:top;height:95px;}
section#pickupthetrend .article-list .ttl{position:relative;display:table-cell;vertical-align:top;}
section#pickupthetrend .article-list .new{background-color:#009fe6;color:#fff;border-radius:5px;font-family:Arial;padding:1px 5px;position:absolute;left:0;bottom:0;}
#subcolumn-pickupthetrend{margin:0 10px 25px 10px;}
#subcolumn-pickupthetrend .heading{text-align:center;}
#subcolumn-pickupthetrend .heading img{width:100%;max-width:640px;vertical-align:bottom;}
#subcolumn-pickupthetrend .article-list{border-right:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #aaa;padding:9px;}
#subcolumn-pickupthetrend .article-list ul li{border-style:none;}
#subcolumn-pickupthetrend .article-list ul li.block .link-box{margin:10px 0;}
#subcolumn-pickupthetrend .article-list ul li:last-child.block .link-box{margin:10px 0 0 0;}

section#photo .article-list ul.photo li.block{width:50%;box-sizing:border-box;border-bottom:none;border-top:solid 1px #ccc;}
section#photo .article-list ul.photo li.left .link-box{border-right:solid 1px #ccc;padding:0 10px;margin:10px 0;}
section#photo .article-list ul.photo li.block:nth-child(1),section#photo .article-list ul.photo li.block:nth-child(2){border-top:none;}
section#photo .article-list ul.photo li.block.left{float:left;clear:both;}
section#photo .article-list ul.photo li.block.right{float:right;}
section#photo .article-list ul.photo li.block .column-main-ttl{font-size:13px;font-weight:normal;line-height:1.4;}
section#photo .article-list ul.photo li.center{clear:both;float:none;}
section#photo .g-a-bnr{margin:10px 0;border-top:solid 1px #ccc;padding-top:10px;}

/* 広告系一覧のページ */
.adcategory-heading{margin:0 10px 5px 10px;position:relative;}
.adcategory-heading h1{font-size:120%;}
.adcategory-heading .ad{position:absolute;bottom:3px;right:0;color:#747474;}
.adcategory-list{border:solid 1px #c7c7c7;margin:10px 5px;}
.adcategory-list .heading{padding:5px 10px;font-weight:bold;background:#f4f4f4;}
.adcategory-list ul li{border-bottom:none;}
.adcategory-list ul li.block .link-box{padding:5px;}
section#columns .article-list.columns ul li{margin:1em 10px 2em;}
section#columns .article-list.columns ul li .icon{display:block;margin-bottom:.5em;position:relative;overflow:hidden;}
section#columns .article-list.columns ul li .icon img{width:100%;vertical-align:top;}
section#columns .article-list.columns ul li .title{display:block;font-size:120%;font-weight:bold;margin-bottom:.5em;}
section#columns .article-list.columns ul li .new{position:absolute;background:transparent;top:0;right:0;}
section#columns .article-list.columns ul li .new::before{content:"";display:block;position:absolute;top:-40px;right:-45px;border-bottom:solid 40px #D50101;border-top:solid 40px transparent;border-right:solid 40px transparent;border-left:solid 40px transparent;transform:rotate(45deg);}
section#columns .article-list.columns ul li .new span{position:absolute;top:25px;right:-28px;transform:rotate(45deg);width:70px;font-weight:bold;}
/* tk-columns */
section#columns .article-list.tk-columns ul{display:flex;flex-wrap:wrap;justify-content: space-between;margin:0 10px;}
section#columns .article-list.tk-columns ul li{width:48%;padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #ccc;}
section#columns .article-list.tk-columns ul li .icon{margin-bottom:5px;display:block;position:relative;overflow:hidden;}
section#columns .article-list.tk-columns ul li .icon img{width:100%;vertical-align:top;height:auto;}
section#columns .article-list.tk-columns ul li .icon .new{background: transparent;padding: 0;margin: 0;}
section#columns .article-list.tk-columns ul li .icon .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
section#columns .article-list.tk-columns ul li .icon .new::after{content:"";display:block;position:absolute;top:-36px;right:-36px;border-style:solid;border-width:36px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
section#columns .article-list.tk-columns ul li .column-title{display:block;font-weight:bold;line-height:1.2;min-height:35px;}
section#columns .article-list.tk-columns ul li .title{display:block;font-size:12px;margin-top:10px;}
section#columns .article-list.tk-columns ul li .title .new-article{background:#333;color:#fff;font-size:11px;line-height:1;padding:3px 5px;border-radius:4px;margin-right:5px;}

.article-list.columns ul li .latest-article{position:relative;display:block;font-size:1.1em;font-weight:bold;margin-bottom:.2em;padding-left:12px;}
.article-list.columns ul li .latest-article::before{content:"";display:block;position:absolute;top:6px;left:0;border-left:solid 7px #D50101;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-right:solid 7px transparent;}
.article-list.columns ul li .update{color:#858585;font-size:115%;display:block;line-height:115%;}

.BC_smp{background-color:#d9f1fd;padding:10px 10px 5px 10px;border-bottom:solid 1px #c7c7c7;position:relative;}
.BC_smp p.title{background-image:none;background-color:transparent !important;border-style:none !important;font-size:100%;line-height:120%;font-weight:bold;position:absolute;top:55px;left:135px;margin-right:45px;}
.BC_smp .icon{float:left;width:112px;}
.BC_smp .bc{position:absolute;right:10px;top:45px;}
.BC_smp .ttl{position:absolute;top:10px;left:128px;}
.bc_banner{text-align:center;margin:0;padding:10px 0;border-bottom:solid 1px #c7c7c7;}
article#BC_mb #kanban.brandcontent img{max-width:100%;height:auto;text-align:center;}
article#BC_mb #brandcontent-main-inner img{max-width:100%;height:auto;text-align:center;}
#brandcontent-main-inner #bc-first-choice{margin:10px;}
#brandcontent-main-inner #bc-first-choice img{margin-bottom:10px;}
#brandcontent-main-inner .bc-content-list{background-color:#d9f1fd;padding:25px 45px;}
#brandcontent-main-inner .bc-content-list ul li{background-color:#fff;border:solid 1px #ddd;margin-bottom:18px;}
#brandcontent-main-inner .bc-content-list ul li .ttl{padding:10px 10px 15px 10px;}
#brandcontent-main-inner .bc-content-list ul li .ttl span{display:block;}
#brandcontent-main-inner .bc-content-list ul li .ttl .column-main-ttl{font-weight:bold;font-size:18px;color:#717171;}

.g-a-contact{border:solid 1px #000;margin:0 10px 20px;}
.g-a-contact .title{background-color:#404040;padding:7px 13px 7px 35px;color:#fff;position:relative;}
.g-a-contact .title::before,.g-a-contact .title::after{content:"";display:block;position:absolute;}
.g-a-contact .title::before{width:18px;height:18px;background:#fff;border-radius:50%;top:9px;left:9px;}
.g-a-contact .title::after{border-left:solid 5px #404040;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-right:solid 5px transparent;width:0;height:0;top:13px;left:16px;}
.g-a-contact dl{margin:10px;border-top:dotted 1px #666;padding-top:12px;}
.g-a-contact dl.first{border-style:none;}
.g-a-contact dt{font-size:20px;font-weight:bold;border-left:solid 5px #000;line-height:1.4;padding-left:6px;margin-bottom:6px;font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;}
.g-a-contact dd{clear:both;font-size:14px;line-height:1.4;margin-bottom:6px;word-break:break-all;font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;}
.g-a-contact dd a{font-family:"ＭＳ ゴシック", "MS Gothic",sans-serif;}
.g-a-contact dd.section{font-weight:bold;font-size:1.1em;}
.g-a-contact dd.image{width:100%;text-align:center;}
.g-a-contact dd.contact-btn{border:solid 1px #6cbee3;border-radius:6px;pading:1px;}
.g-a-contact dd.contact-btn a{display:block;height:40px;line-height:40px;background: -moz-linear-gradient(top,  #c7eaf4 0%, #87c6e4 100%);background: -webkit-linear-gradient(top,  #c7eaf4 0%,#87c6e4 100%);background: linear-gradient(to bottom,  #c7eaf4 0%,#87c6e4 100%);margin:1px;border-radius:6px;padding:0 10px;position:relative;}
.g-a-contact dd.contact-btn a::after{content:"";display:block;border-left:solid 10px #fff;border-top:solid 10px transparent;border-bottom:solid 10px transparent;border-right:solid 10px transparent;width:0;height:0;position:absolute;top:10px;right:2px;}
.g-a-contact dd .banner{padding:10px 0px;}

/* -- ▼ 記事広告用のブロック（新） ▼ -- */
.g-a-block,.g-a-free-space .block,
.ad-block,.ad-free-space .block{border:solid 1px #928e8d;margin:0 10px 20px;}
.g-a-free-space .ad-bnr{margin: 30px auto;text-align: center;}
.g-a-free-space .ad-contact{border: solid 1px #928e8d;margin: 0 10px 20px;}
.g-a-block .title,.g-a-free-space .title,
.ad-block .title,.g-a-free-space .title{background:#f4f4f4;line-height:35px;height:35px;font-size:14px;font-weight:bold;color:#444;border-left:solid 35px;border-bottom:solid 1px #928e8d;padding-left:10px;text-align:left;}
.g-a-block .section,
.ad-block .section{margin:10px;border-bottom:dotted 1px #928e8d;padding:20px 0;}
.g-a-block .section:first-child,.g-a-block .section:nth-child(2),
.ad-block .section:first-child,.ad-block .section:nth-child(2){padding-top:0;}
.g-a-block .section:last-child,
.ad-block .section:last-child{border-style:none;padding-bottom:0;}
.g-a-block .company,
.ad-block .company{font-size:16px;font-weight:bold;border-bottom:solid 1px;text-align:left;}
.g-a-block .logo,
.ad-block .logo{text-align:center;width:100%;display:block;margin:20px auto;}
.g-a-block ul.detail,
.ad-block ul.detail{margin:.7em 0;}
.g-a-block ul.detail li,
.ad-block ul.detail li{font-size:13px;margin-bottom:5px;}
.g-a-block ul.detail li.address span,
.ad-block ul.detail li.address span{display:block;}
.g-a-block ul.detail li.address,
.ad-block ul.detail li.address{margin-bottom:5px;}
.g-a-block ul.detail li.tel,
.ad-block ul.detail li.tel{background:url(/common/images/v5/ad/tel.png?rd=201707051212) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block ul.detail li.fax,
.ad-block ul.detail li.fax{background:url(/common/images/v5/ad/fax.png?rd=201707051212) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block ul.detail li.mail,
.ad-block ul.detail li.mail{background:url(/common/images/v5/ad/mail.png?rd=201707051212) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block ul.detail li.web,
.ad-block ul.detail li.web{background:url(/common/images/v5/ad/home.png?rd=201707051212) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block ul.detail li.freedial,
.ad-block ul.detail li.freedial{background:url(/common/images/v5/ad/free-dial.png?rd=201910041548) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block ul.detail li.freecall,
.ad-block ul.detail li.freecall{background:url(/common/images/v5/ad/freecall.png?rd=201707051212) no-repeat left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:30px;}
.g-a-block .btn,
.ad-block .btn{margin-top:15px;}
.g-a-block .btn a,
.ad-block .btn a{display:block;color:#fff;border-radius:8px;box-shadow:0 3px #999;text-align:center;font-size:16px;font-weight:bold;height:36px;line-height:36px;position:relative;}
.g-a-block .btn a::after,
.ad-block .btn a::after{content:"";display:block;border-left:solid 10px #fff;border-top:solid 8px transparent;border-bottom:solid 8px transparent;border-right:solid 8px transparent;position:absolute;top:10px;right:5px;}
/*記事ID201030特殊処理*/
.g-a-block .btn a.withid.btnstyle,
.ad-block .btn a.withid.btnstyle{height:auto !important;line-height:1.4;}
.g-a-block .banner,
.ad-block .banner{margin:20px 0;text-align:center;}
.g-a-block .banner img,
.ad-block .banner img{max-width:100%;}

.tools.bottom.v2{padding:5px;display:table;width:252px;margin:0 auto 1em auto;}
.tools.bottom.v2 div{display:table-cell;}
.tools.bottom.v2 div a{width:60px;height:60px;display:block;background-image:url(/common/images/v5/ad/sns-share-bottom.png?rd=201707051212);background-repeat:no-repeat;background-size:240px 60px;-webkit-background-size:240px 60px;-moz-background-size:240px 60px;text-indent:100%;overflow:hidden;white-space:nowrap;}
.tools.bottom.v2 .twitter a{background-position:0 0;}
.tools.bottom.v2 .facebook a{background-position:-60px 0;}
.tools.bottom.v2 .mail a{background-position:-120px 0;}
.tools.bottom.v2 .line a{background-position:-180px 0;}

section#search .search-header{border-top:solid 1px #656565;border-bottom:solid 1px #656565;padding:10px;}
section#search .search-summary .data{font-weight:bold;font-size:120%;}
section#search .search-box input.searchbtn{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-image: -moz-linear-gradient(top, #f1f1f1 50%, #b7bcc0);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #f1f1f1), color-stop(1.0, #b7bcc0));background-color: #b7bcc0;text-align:center;width:22%;padding:2px 8px;text-align:center;}
section#search .author-profile-info{background-color:#f1f1f1;padding:10px;}
section#search .author-profile-info .photo{float:left;margin:0 10px 10px 0;}
section#search .author-profile-info .photo img{width:100px;}
section#search .author-profile-info .profile-text{margin-bottom:10px;}
section#search .author-profile-info .profile-text .author-name{border-bottom:solid 1px #ccc;margin-bottom:5px;}
section#search .author-profile-info .profile-text .author-name .name{font-size:1.3em;}
section#search .author-profile-info .profile-text .author-name .eng{display:block;}
section#search .author-profile-info .profile-text .katagaki{font-size:1.1em;line-height:1.2;margin-bottom:10px;}
section#search .author-profile-info .profile-text .author-profile a{color:#00f;text-decoration:underline;}
section#search .author-profile-info .author-follow{display:block;text-align:center;clear:both;position:relative;}
section#search .author-profile-info .author-follow .author-follow-btn{width:158px;height:38px;font-size:15px;line-height:38px;box-sizing:border-box;border-radius:3px;display:block;font-weight:bold;text-align:center;cursor:pointer;margin:auto;}
section#search .author-profile-info .author-follow.is-follow .author-follow-btn{color:#fff;background:#7D7D7D url(/common/images/v5/mypage/follow.svg) no-repeat 20px;background-size:18px;padding-left:34px;}
section#search .author-profile-info .author-follow.is-followed .author-follow-btn {
  color: #3B3B3B;
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 15px;
  background-size: 18px;
  padding-left: 30px;
  font-weight: normal;
}
section#search .author-notes{font-size:.9em;padding:.5em .8em;color:#666;}
.author-follow-caption{clear:both;padding:10px 0;font-size:.9em;color:#666;}

/* 著者グループ */
.group-imain-visual__img{width:100%;}
.group-info-header{padding:1em 1.5em;}
.group-info-header__name{font-size:14px;font-weight:bold;background:url(/common/images/v5/icon/group-main-icon.png) no-repeat top;background-size:48px 48px;padding-top:50px;margin-bottom:1em;text-align:center;}
.group-info-header__summary{color:#7C858B;font-size:95%;}

.group-info-body{padding:0 1.5em;}
.group-info-body__section{padding:1.5em 0;margin-bottom:1em;}
.group-info-body__head{margin-bottom:1em;}
.group-info-body__photo{padding-right:1em;box-sizing:border-box;flex-basis:30%;align-self: center;}
.group-info-body__expert{font-weight:bold;font-size:87%;color:#4d4d4d;border-bottom:solid 1px #96908f;padding-bottom:3px;margin-bottom:5px;}
.group-info-body__name{color:#97845d;font-weight:bold;font-size:150%;line-height:1.2;}
.group-info-body__english{color:#97845d;font-weight:bold;font-size:80%;}
.group-info-body__title{font-weight:bold;font-size:80%;margin-top:.5em;}
.group-info-body__prof{color:#666f;line-height:1.8;font-size:90%}
.group-info-body__img{max-width:100px;width:100px;}
.group-info-body__articles{align-self: center;text-align:center;margin-top:.5em;}
.group-info-body__articles > .group-info-body__link{color:#969696;font-size:80%;background:url(/common/images/v5/icon/icon-articles-link.png) no-repeat bottom;background-size:24px 24px;padding-bottom:30px;}

.group-menu-header{text-align:center;margin:1em 0;}
.group-menu-header__main{display:inline-block;font-weight:bold;font-size:80%;background:url(/common/images/v5/icon/group-main-icon.png) no-repeat left;background-size:36px 36px;padding:.7em 0 .7em 40px;margin-right:1em;}
.group-menu-header__follow{display:inline-block;font-weight:bold;font-size:80%;background:url(/common/images/v5/icon/group-follow-icon.png) no-repeat left;background-size:36px 36px;padding:.7em 0 .7em 40px;margin-top:.7em;}
.group-menu-header__mail{display:inline-block;font-weight:bold;font-size:80%;background:url(/common/images/v5/icon/group-mail-icon.png) no-repeat left;background-size:36px 36px;padding:.7em 0 .7em 40px;margin-left:1em;}
.group-menu-header__link{border:solid 1px #666;border-radius:20px;padding:5px .5em;line-height:1;}
.group-article-body__section:first-child{padding:0;}
.group-article-body__section:first-child .group-article-body__text{padding:1em;}
.group-article-body__section{padding:1.5em 1em;border-bottom:solid 1px #96908f;}
.group-article-body__image{max-width:100%;}
.group-article-body__media{font-size:80%;color:#7C858B;}
.group-article-body__title{font-weight:bold;font-size:115%;}
.group-article-body__subtitle{display:none;}
.group-article-body__author{color:#97845d;font-weight:bold;position:relative;}
.group-article-body__date{display:inline-block;color:#b0b9bf;font-size:75%;position:absolute;right:0;bottom:0;}
.group-article-body__summary{font-size:90%;margin-top:.5em;color:#666;}

/* footer */
footer{border-top:solid 1px #000;}
.footer-top-area{padding:1em;display:flex;justify-content:space-between;align-items:center;}
.footer-top-area.skh{justify-content:start;}
.footer-top-area .logo{width:125px;}
.footer-top-area .logo img{width:100%;height:auto;}
.footer-top-area.skh .logo{width:101px;}
.footer-top-area .sns{display:flex;}
.footer-top-area.skh .sns{margin-left:84px;}
.footer-menu{padding:1em;border-top:solid 1px #bbb;}
.footer-menu.--bg{background:#f5f5f5;}
.footer-menu__heading{font-size:13px;font-weight:bold;position:relative;}
.footer-menu-label::after{content: "";display: block;position: absolute;top:0;right: 5%;width: 10px;height: 10px;border-right: solid 2px #868686;border-bottom: solid 2px #868686;transform: rotate(45deg);}
.footer-menu-check:checked + .footer-menu-label::after{transform: rotate(-135deg);top:20%;}
.footer-menu__heading span.blank{padding-right:14px;background:url(/common/images/v5/common/icon-ex.png) no-repeat right 1px;background-size:10px;}
.footer-menu__list.--half{display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer-menu__item{display:block;font-size:13px;position:relative;margin-bottom:10px;padding-left:14px;}
.footer-menu__item.--half{width:45%;}
.footer-menu__item::before{content:"";display:block;width:4px;height:4px;border:solid 1px #000;border-radius:4px;position:absolute;top:6px;left:0;}
.footer-sub-link{display:flex;flex-wrap:wrap;}
.footer-sub-link a{font-size:12px;padding-right:9px;border-right:solid 1px #000;display:block;line-height:1;margin:0 9px 1em 0;}
.footer-sub-link a:last-child{border-right:none;}
.footer-sub-link a:first-child{padding-left:0;}
.footer-menu-check{display: none;}
.footer-menu-label{display: block;}
.footer-menu-content-01,
.footer-menu-content-02,
.footer-menu-content-03{
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
}
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-01{
    height: 234px;
    opacity: 1;
    visibility: visible;
}
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-02{
    height: 140px;
    opacity: 1;
    visibility: visible;
}
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-03{
    height: 20px;
    opacity: 1;
    visibility: visible;
}
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-01 .footer-menu__list,
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-02 .footer-menu__list,
.footer-menu-check:checked + .footer-menu-label + .footer-menu-content-03 .footer-sub-link,
.footer-sub-link.--mg{margin-top:1em;}

.footer-bottom-section{display:flex;justify-content:space-between;align-items:center;padding:1em;border-top:solid 1px #bbb;background:#f5f5f5;}
.footer-bottom-section .abj-mark{max-width:80px;}
.footer-bottom-section .abj-mark img{width:80px;height:66px;}
.footer-bottom-section .copy{font-size:10px;color:#8C8C8C;margin-top:5px;}
.footer-bottom-section .company-logo{background: url(/common/images/v5/common/toyokeizai_footerlogo.png?rd=201707051212) no-repeat center;background-size: 154px 28px;width: 154px;height: 28px;display: block;font-size:0;}

/* 著者フォローオーバーレイ */
.author-follow-overlay .overlay{background-color:rgba(0,0,0,0.65);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;}
.author-follow-box{position:fixed;width:90%;box-sizing:border-box;padding:40px;z-index:1002;background:#fff;top: 30%;left: 50%;transform: translate(-50%,-50%);border-radius:4px;box-shadow:0 3px 3px #333;}
.author-follow-box .author-follow-comment{font-size:20px;font-weight:600;text-align:center;margin-bottom:40px;}
.author-follow-box a{color:#00f;text-align:center;text-decoration:underline;display:block;margin-top:40px;}
.author-follow-close{width:60px;height:60px;display:block;position:absolute;top:-30px;right:-30px;background:url(/common/images/v5/icon/follow-close.png) no-repeat;background-size:60px;cursor:pointer;}

.pagetop-btn{position:fixed;right:0;bottom:80px;opacity:0.8;z-index:999;}
.pagetop-btn div:last-child{margin-top:10px;}
.pagetop-btn div a{width:50px;height:50px;display:block;border-radius:4px 0 0 4px;text-align:center;}
.pagetop-btn div.top a{background-color:#999;}
.pagetop-btn div.home a{background-color:#e3d125;}
.pagetop-btn div span{display:inline-block;background-repeat:no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;}
.pagetop-btn div.top span{width:15px;height:30px;background-image:url(/common/images/v5/common/pagetop.png?rd=201707051212);background-size:15px 30px;-webkit-background-size:15px 30px;-moz-background-size:15px 30px;margin:10px auto 0;}
.pagetop-btn div.home span{width:36px;height:33px;background-image:url(/common/images/v5/common/home.png?rd=201707051212);background-size:36px 33px;-webkit-background-size:36px 33px;-moz-background-size:36px 33px;margin:7px auto 0;}

article{margin:0;clear:both;word-wrap:break-word;position:relative;}
article.fadeout::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 150px;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
article p{margin-bottom:1em;line-height:1.6;font-size:115%;text-indent:.5em;}
article p.summary{color : #666;font-weight: bold;text-indent: 0;margin-top: 10px;font-size:100%;}
article p.font-bold{font-size:110%;font-weight:bold;text-indent:0;margin-top:15px;}
article h2,
.article-heading,
article h4{margin:1em 0;font-size:120%;padding-left:10px;}
.article-heading{font-weight:bold;display:block;text-indent:0;}
article h3{font-size:100%;margin:1em 0;}
article h2 > strong,
article h2 > b,
article h4 > strong,
article h4 > b{font-weight:bold;}
@media screen and (min-width: 480px){
  article h2,
  article h4{font-size:200%;}
}
.adarticle h2,
.adarticle h4{margin-top:1em !important;}
article img{max-width:100%;height:auto;text-align:center;vertical-align:bottom;}
article img.device-width{width:100%;}
article h3,
article h5{font-size:100%;margin:1em 0;}
article.default h2,
article.default .article-heading,
article.default h4{border-left:solid 10px #009fe6;}
article.business h2,
article.business .article-heading,
article.business h4{border-left:solid 10px #bf7700;}
article.economy-and-politics h2,
article.economy-and-politics .article-heading,
article.economy-and-politics h4{border-left:solid 10px #ba555b;}
article.career-and-education h2,
article.career-and-education .article-heading,
article.career-and-education h4{border-left:solid 10px #835a8c;}
article.market h2,
article.market .article-heading,
article.market h4{border-left:solid 10px #b83d79;}
article.life h2,
article.life .article-heading,
article.life h4{border-left:solid 10px #1c9296;}
article.tetsudosaizensen h2,
article.tetsudosaizensen .article-heading,
article.tetsudosaizensen h4{border-left:solid 10px #86a300;}
article.jidoshasaizensen h2,
article.jidoshasaizensen .article-heading,
article.jidoshasaizensen h4{border-left:solid 10px #157316;}
article.ranking h2,
article.ranking .article-heading,
article.ranking h4{border-left:solid 10px #aac35c;}
article.information h2,
article.information .article-heading,
article.information h4{border-left:solid 10px #dd5a30;}
article.ranking-ad h2,
article.ranking-ad .article-heading,
article.ranking-ad h4{border-left:solid 10px #aac35c;}
article.top h2,
article.top .article-heading,
article.top h4{border-left:solid 10px #2c6fa6;}

.article-body-inner h2.with-border{border-top:solid 1px #000;border-bottom:solid 1px #000;font-size:20px;line-height:1.6;padding:20px 0;margin:40px 0;}
.article-body-inner h2.with-border-left{border-left:solid 6px #98845e;font-size:20px;padding:0 0 0 15px;margin:40px 0;line-height:1.6;}
.article-body-inner h2.subheading{border-left:solid 6px #98845e;padding:5px 15px 10px;color:#98845e;font-size:20px;margin:0;line-height:1.6;}
.article-body-inner h2.with-bg-photo{background-size: cover;margin:40px 0;padding:10px;font-size:20px;line-height:1.8;background-size: cover;position: relative;z-index: 0;overflow: hidden;}
.article-body-inner h2.with-bg-photo::before{content:"";background: inherit;-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;z-index: -1;}
.article-body-inner h2.with-bg-photo span{display:block;border:solid 1px #fff;padding:15px;text-align:center;color:#fff;}
.article-body-inner h3.with-bg{font-size:17px;line-height:1.6;background:#eee;position:relative;;padding: 0 15px;margin:0 .6em 70px;border-left:solid 6px #98845e;box-shadow: 0 20px 0 0 #eee, 0 -20px 0 0 #eee;display: block;top: 30px;}
.article-body-inner h4.dash{font-size:100%;line-height:1.6;color:#98845e;margin:40px .6em;position:relative;padding-left:30px;}
.article-body-inner h4.dash::before{content:"";display:block;width:20px;height:2px;background:#98845e;position:absolute;top:11px;left:0;}

.article-body-inner h3.article-box-blue,
.article-body-inner h3.article-box-gray,
.article-body-inner h3.article-box-beige,
.article-body-inner h3.article-box-gwrap{margin:0;}

.article-body-inner p.name-block{color:#98845e;font-weight:bold;text-indent:0;font-size:16px;margin:0 .6em .6em;}
.article-body-inner p.interview-block{text-indent:0;margin:0 0 30px 2em;font-size:16px;}

.article-body-inner .with-mgt{margin-top:15px;}
.article-body-inner .with-mgb{margin-bottom:15px;}

/* -- ▼ 記事ページ目次 ▼ -- */
.article-index-list{margin:20px auto 30px;border:solid 1px #e0e0e0;}
.article-index-list__header{background:#e0e0e0;height:46px;line-height:46px;font-size:14px;font-weight:bold;color:#747474;padding:0 10px;display:flex;}
.article-index-list__header span{display:inline-block;margin-left:auto;font-weight:normal;position:relative;padding-right:20px;min-width:80px;}
.article-index-list__header span::after{content:"開く ＋";display:block;position:absolute;right: 0;top: 50%;line-height: 1;transform: translate(0,-50%);}
.article-index-list__header.js-active span::after{content:"閉じる ー";}
.article-body-inner .article-index-list__body{margin:0;padding:0 10px;counter-reset: number 0;display:none;}
.article-body-inner .article-index-list__body li{margin:0;padding:0;list-style:none;border-bottom:solid 1px #e0e0e0;}
.article-body-inner .article-index-list__body li::before{display:none;}
.article-body-inner .article-index-list__body li:last-child{border-style:none;}
.article-body-inner .article-index-list__link{display:block;padding:14px 0;font-size:14px;color:#000;}
.article-body-inner .article-index-list__link::before{counter-increment: number 1;content: counter(number) ". "; }

/* -- ▼ 記事内囲み会員スタイル ▼ -- */
.article-body-inner .beige-box-stripe{background-image: linear-gradient(135deg,#e1dac8 25%,#fff 25%,#fff 50%,#e1dac8 50%,#e1dac8 75%,#fff 75%,#fff);background-size: 4px 4px;background-attachment: fixed;padding:10px;box-sizing:border-box;margin:0 0 30px;}
.article-body-inner .beige-box-stripe__inner{background:#f8f5ee;padding:20px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .beige-box-stripe__inner > p{margin:0 0 1em;text-indent:0;line-height:1.6;}
.article-body-inner .beige-box-stripe__inner > p:last-child{margin-bottom:0;}

.article-body-inner .gray-box-stripe{background-image: linear-gradient(135deg,#cacaca 25%,#fff 25%,#fff 50%,#cacaca 50%,#cacaca 75%,#fff 75%,#fff);background-size: 4px 4px;background-attachment: fixed;padding:10px;box-sizing:border-box;margin:0 0 30px;}
.article-body-inner .gray-box-stripe__inner{background:#eee;padding:20px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .gray-box-stripe__inner > p{margin:0 0 1em;text-indent:0;line-height:1.6;}
.article-body-inner .gray-box-stripe__inner > p:last-child{margin-bottom:0;}

.article-body-inner .blue-box-stripe{background-image: linear-gradient(135deg,#d0dfe2 25%,#fff 25%,#fff 50%,#d0dfe2 50%,#d0dfe2 75%,#fff 75%,#fff);background-size: 4px 4px;background-attachment: fixed;padding:10px;box-sizing:border-box;margin:0 0 30px;}
.article-body-inner .blue-box-stripe__inner{background:#f1f6f9;padding:20px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .blue-box-stripe__inner > p{margin:0 0 1em;text-indent:0;line-height:1.6;}
.article-body-inner .blue-box-stripe__inner > p:last-child{margin-bottom:0;}

.article-body-inner .stripe-style  h2,
.article-body-inner .stripe-style  h3,
.article-body-inner .stripe-style  h4,
.article-body-inner .stripe-style  div,
.article-body-inner .stripe-style  ul,
.article-body-inner .stripe-style  ol,
.article-body-inner .stripe-style  span{margin-left:0 !important;margin-right:0 !important;}
.article-body-inner .stripe-style  div:last-child{margin-bottom:0;}

.article-body-inner .blue-box-stripe__inner > *:first-child,
.article-body-inner .beige-box-stripe__inner > *:first-child,
.article-body-inner .gray-box-stripe__inner > *:first-child{margin-top:0 !important;}

.article-body-inner .gray-box{border:solid 6px #cfcfcf;outline: solid 1px #aaa;padding:5px;margin-bottom:1em;line-height:160%;display:inline-block;margin:0 .8em;}
.article-body-inner .gray-box h3{margin:1em 0;font-size:130%;}
.article-body-inner blockquote{border-top:solid 1px #ecebe9;border-bottom:solid 1px #ecebe9;margin:1.5em .8em;padding:.5em 0;}
.article-body-inner blockquote p{font-size:90%;line-height:160%;}

/* -- ▼ 吹き出し ▼ -- */
.talk-block-left,.talk-block-right{margin:30px .6em;display:flex;}
.talk-block-right{flex-flow: row-reverse;}
.talk-block-photo{width:60px;text-align:center;}
.talk-block-photo img{border-radius:60px;width:60px;}
.talk-block-photo span{display:block;font-size:12px;margin-top:.3em;}
.talk-block-text{padding:20px;position:relative;box-sizing:border-box;border-radius:4px;width:100%;}
.talk-block-text > p{font-size:14px;line-height:1.8;margin:0 0 .8em;text-indent:0;}
.talk-block-text > p:last-child{margin-bottom:0;}
.talk-block-left .talk-block-text{margin-left:1em;}
.talk-block-right .talk-block-text{margin-right:1em;}
.talk-block-left .talk-block-text::before{border-style:solid;border-width:8px 10px 8px;content:"";display:block;position:absolute;left:-20px;top:25px;}
.talk-block-right .talk-block-text::before{border-style:solid;border-width:8px 10px;content:"";display:block;position:absolute;right:-20px;top:25px;}

.talk-block-beige .talk-block-text{background:#f5edd9;}
.talk-block-beige .talk-block-photo .name{color:#98845e;}
.talk-block-beige.talk-block-left .talk-block-text::before{border-color:transparent #f5edd9 transparent transparent;}
.talk-block-beige.talk-block-right .talk-block-text::before{border-color:transparent  transparent transparent #f5edd9;}

.talk-block-gray .talk-block-text{background:#eee;}
.talk-block-gray .talk-block-photo .name{color:#666;}
.talk-block-gray.talk-block-left .talk-block-text::before{border-color:transparent #eee transparent transparent;}
.talk-block-gray.talk-block-right .talk-block-text::before{border-color:transparent  transparent transparent #eee;}

.talk-block-blue .talk-block-text{background:#e1f0f3;}
.talk-block-blue .talk-block-photo .name{color:#74a8b2;}
.talk-block-blue.talk-block-left .talk-block-text::before{border-color:transparent #e1f0f3 transparent transparent;}
.talk-block-blue.talk-block-right .talk-block-text::before{border-color:transparent  transparent transparent #e1f0f3;}

.talk-block-transparent .talk-block-text{padding:10px 0;}
.talk-block-transparent .talk-block-text::before{display:none;}
.talk-block-transparent .talk-block-photo .name{color:#98845e;}

/* -- ▼ リンクbox ▼ -- */
.article-body-inner .link-box{border-color:#98845e;border-style:solid;border-width:1px 1px 1px 8px;background:#fff;padding:10px;margin: 0 .6em 30px .6em;}
.article-body-inner .link-box ul{margin:0;}
.article-body-inner .link-box ul li{list-style:none;position:relative;padding-left:16px;margin-bottom:10px;font-size:14px;line-height:1.6;}
.article-body-inner .link-box ul li::before{content:"";display:block;position:absolute;top:5px;left:0;border-color:transparent transparent transparent #98845e;border-width:5px;border-style:solid;width:auto;height:auto;background:transparent;border-radius:0;}
.article-body-inner .link-box ul li:last-child{margin-bottom:0;}
.article-body-inner .link-box a{display:inline-block;color:#666;text-decoration:underline;}
.article-body-inner .link-box a[target="_blank"]{display:inline;background:url(/common/images/v5/tkm/blank-icon.png) no-repeat right;background-size:12px;padding-right:20px;}

/* -- ▼ プロフィール ▼ -- */
.profile-box{background-image: linear-gradient(135deg,#ccc 25%,#fff 25%,#fff 50%,#ccc 50%,#ccc 75%,#fff 75%,#fff);background-size: 4px 4px;background-attachment: fixed;padding:10px;box-sizing:border-box;margin:0 .6em 60px;}
.profile-box__inner{background:#fff;padding:20px;border:solid 1px #fff;}
.profile-box__inner > .photo{text-align:center;width45%;margin:0 auto 20px;}
.profile-box__inner > .photo img{width:120px;}
.profile-box__inner .name{font-size:18px;font-weight:bold;margin-bottom:10px;}
.profile-box__inner .name > span{font-weight:normal;font-size:14px;}
.profile-box__inner > .text > p{font-size:14px;text-indent:0;line-height:1.8;margin:0 0 20px;}
.profile-box__inner > p:last-child{margin-bottom:20px;}
.profile-box__inner > .text > .link-box{margin-bottom:0;}
.profile-box .link-box{margin:0;}

/* -- ▼ 有料会員特集へのリンク ▼ -- */
.article-body-inner p.arrow-other-article{text-indent:0;margin:1em 0;}
.article-body-inner p.arrow-other-article a{display:inline-block;color:#AA8C49;font-size:13px;text-decoration:none;position:relative;padding-left:16px;}
.article-body-inner p.arrow-other-article a::before{content:"";display:block;border-style:solid;border-width:6px 8px;border-color:transparent transparent transparent #AA8C49;position:absolute;top:4px;left:0;}

.article-body-inner .tkm-summary{font-size:18px;line-height: 30px;font-weight: bold;color: #666;}

.article-body-inner  section.related ul{margin:0;padding:0;}
.article-body-inner  section.related ul li.block-pr{list-style:none;margin:0;padding:0;}
.article-body-inner  section.related ul li.block-pr::before{display:none;}
.article-body-inner  section.related ul li.block-pr .link-box{background:transparent;border-style:none;margin:0;}

.article-body-inner a.scode,.article-body-inner ul.scode li a{color:#00f;}
.article-body-inner .opening{position:relative;}
.article-body-inner .opening::before{display: block;position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 6em;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(80%, rgba(255,255,255,0.7)), color-stop(80%, rgba(255,255,255,0.7)), color-stop(100%, #fff));}
.article-body-inner ul.scode li{position:relative;padding-left:20px;}
.article-body-inner ul.scode li::before,.article-body-inner ul.scode li::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.article-body-inner ul.scode li::before{border-top:solid 1px #444;top:12px;width:13px;}
.article-body-inner ul.scode li::after{width:10px;height:10px;border-top:solid 1px #444;border-right:solid 1px #444;transform:rotate(45deg);top:7px;}
.article-box-blue{background-color:#ceeff5;padding:10px;color:#000;}
.article-box-gray{background-color:#e0e0e0;padding:10px;color:#000;}
.article-box-beige{background-color:#f8e7c8;padding:10px;color:#000;}
.article-box-gwrap{border:solid 6px #cfcfcf;outline: solid 1px #aaa;padding:5px;margin-bottom:1em;}
.article-body-inner blockquote{border-top:solid 1px #ecebe9;border-bottom:solid 1px #ecebe9;margin:1.5em .8em;padding:.5em 0;}
.article-body-inner blockquote p{font-size:90%;line-height:180%;margin-bottom:0;}
.article-body-inner table{width:100% !important;margin-bottom:1em;}
.article-body-inner table td,.article-body-inner table th{border:solid 1px #ccc;padding:.2em;border-collapse:collapse;}
.article-body-inner ol,.article-body-inner ul{margin:2.5em .8em;}
.article-body-inner ul li{position:relative;list-style:none;padding-left:1.2em;margin-bottom:10px;line-height:1.6;}
.article-body-inner ul li::before{content:"";display:block;position:absolute;top:7px;left:0;width:6px;height:6px;border-radius:6px;background-color:#333;}
.article-body-inner ol{list-style:none;counter-reset: li;}
.article-body-inner ol li{margin-bottom:15px;line-height:1.4;}
.article-body-inner ol li::before{color:#333;counter-increment: li; content: counter(li,decimal-leading-zero) ". ";}
.article-body-inner .with-mgt{margin-top:15px;}
.article-body-inner .with-mgb{margin-bottom:15px;}

.article-body-inner{margin:0 10px 10px 10px;}
.article-body-inner a{color:#00f;text-decoration:underline;}
.article-body-inner.lead{margin: 10px 10px 0;}
.article-body-inner.photo{margin:10px 0 0;}
.article-body-inner p.author-follow-link{text-indent:0;position:relative;padding-left:20px;margin-top:20px;}
.article-body-inner p.author-follow-link::before{content:"→";position:absolute;top:0;left:0;}
.article-body-inner p.author-follow-link a{color:#3d44ce;text-decoration:none;}
.article-body-inner p.author-follow-link .author-follow span.author-follow-btn{width: 114px;height: 23px;font-size: 11px;line-height: 23px;box-sizing: border-box;border-radius: 2px;display: inline-block;font-weight: bold;text-align: center;cursor: pointer;}
.article-body-inner p.author-follow-link .author-follow.is-follow  span.author-follow-btn{background: #7D7D7D url(/common/images/v5/mypage/follow.svg) no-repeat 13px;padding-left: 14px;color: #fff;}
.article-body-inner p.author-follow-link .author-follow.is-followed span.author-follow-btn {
  color: #3B3B3B;
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 5px;
  padding-left: 14px;
  font-weight: normal;
}

.article-body-inner p.scode-follow-link{text-indent:0;position:relative;padding-left:20px;}
.article-body-inner p.scode-follow-link::before{content:"→";position:absolute;top:0;left:0;}
.article-body-inner p.scode-follow-link a{color:#3d44ce;text-decoration:none;}
.article-body-inner ul.dot li{margin-bottom:15px;position:relative;padding-left:20px;}
.article-body-inner ul.dot li::before{content:"・";display:block;position:absolute;top:0;left:0;}

.signage{padding:10px 10px 5px 10px;font-size:100%;}
.signage.information .title-parts{border-bottom:solid 1px #918b8a;}
section.g-a-article{border-top:solid 3px #596a72;}
#kanban.adarticle{text-align:center;}
#kanban.adarticle img{max-width:100%;height:auto;text-align:center;}
.signage.adarticle{padding:10px;margin-top:5px;}
.signage h1{font-size:120%;line-height:115%;letter-spacing:-0.2px;}
.signage h1 span.subtitle{display:block;font-weight:bold;font-size:97%;color:#616c72;line-height:1.6;}
.signage.video h1{margin-bottom:10px;}
.signage.lead h1{font-size:115%;}
.signage.lead h1 span.subtitle{display:block;font-weight:bold;font-size:97%;color:#616c72;line-height:1.6;}
.signage.adarticle span{color:#596a72;}
.signage.lead{border-bottom:solid 1px #918b8a;}
.signage.crossword{padding:0;}
.signage.crossword h1{border-left:solid 10px #000;padding-left:5px;font-size:18px;}
@media screen and (orientation:portrait){
  .signage h1{font-size:120%;line-height:115%;}
  .signage.lead h1{font-size:115%;}
  .signage h1 span.subtitle,
  .signage.lead h1 span.subtitle{font-size:97%;color:#616c72;}
}
@media screen and (orientation:landscape){
  .signage h1{font-size:150%;line-height:115%;}
  .signage.lead h1{font-size:150%;}
  .signage h1 span.subtitle{font-size:84%;color:#616c72;}
  .signage .date{font-size:120%;}
  .commentcount{font-size:120%;}
}

.article-body-inner .author-list{margin:5px 0 20px;}
.article-body-inner .author-list span{display:inline;}
.article-body-inner .author-list a{color:#000;}
.article-body-inner .summary-lead{margin:20px 0 0 0;}
.date.left{float:left;}
.for-backnumber a{display:block;color:#fff;background-color:#5d6971;padding:1px 5px;float:right;}
.central.personal{padding:10px;}
.caption.personal .company-name,.caption.personal .personal-name{font-weight:bold;}

.article-page-num{color:#aaa;font-size:13px;position:relative;padding-left:36px;margin:2em 0;}
.article-page-num::before{content:"";display:block;position:absolute;left:0;top:7px;width:32px;height:3px;background: rgb(189,190,189);background: linear-gradient(95deg, rgba(189,190,189,1) 0%, rgba(255,255,255,1) 100%);}

/* シリーズリンク */
.article-series-link{margin:10px 0 0;display:flex;align-items:center;}
.signage .article-series-link__item{width:19%;border-bottom: solid 5px #868686;text-align:center;color:#868686;font-weight:600;position:relative;font-size:13px;margin-right:2%;}
.signage .article-series-link__item:last-child{margin-right:0;}
.signage .article-series-link__item:hover{text-decoration:none;}
.signage .article-series-link .--current{color:#fff;border-style:none;padding:2.5px 0;}
.signage .article-series-link.business .--current{background-color:#c07700;}
.signage .article-series-link.economy-and-politics .--current{background-color:#bb555b;}
.signage .article-series-link.market .--current{background-color:#a04177;}
.signage .article-series-link.career-and-education .--current{background-color:#845b8d;}
.signage .article-series-link.life .--current{background-color:#179397;}
.signage .article-series-link.tetsudosaizensen .--current{background-color:#86a300;}
.signage .article-series-link.jidoshasaizensen .--current{background-color:#157316;}
.signage .article-series-link.member .--current{background-color:#aa8c49;}

/* 記事SNS */
.snsbtns{margin:16px auto 0;max-width:375px;display:flex;justify-content:space-between;}
.article-bottom-btns.snsbtns{margin:0 auto;}
@media screen and (max-width: 375px){
.article-bottom-btns.snsbtns{margin:0 10px;}
}
.snsbtn{width:22.5%;border:1px solid;color:#616C72;margin-bottom:12px;border-radius: 3px;position:relative;text-align:center;}
.snsbtn.facebook{border-color:#1877F2;padding-left:6px;}
.snsbtn.twitter{border-color:#1D9BF0;}
.snsbtn.x{border-color:#000;}
.snsbtn.line{border-color:#4CC764;}
.snsbtn.hatebu{border-color:#00A4DE;}
.snsbtn__link{display:block;vertical-align:middle;padding:4px 0;left:3px;margin-right:0px;vertical-align:middle;background-size:15px 15px;background-repeat:no-repeat;background-position: 1px center;}
.snsbtn__link.--facebook{background-image:url(/common/images/v5/smartphone/fb_logo.png);}
.snsbtn__link.--twitter{background-image:url(/common/images/v5/smartphone/tw_logo.png);}
.snsbtn__link.--x{background-image:url(/common/images/v5/common/x-logo-black.png);background-size:12px 12px;background-position:5px center;}
.snsbtn__link.--line{background-image:url(/common/images/v5/smartphone/line_logo.png);}
.snsbtn__link.--hatebu{left:1px;background-image:url(/common/images/v5/smartphone/hatebu_logo.png);}
.snsbtn__text{display:block;color:#616C72;font-size:10px;transform: scale(0.9);}
@media screen and (min-width: 375px){
.snsbtn__text{transform-origin: 110px;}
}
@media screen and (min-width: 340px){
.snsbtn__link{background-position: 3px center;}
}
@media screen and (max-width: 374px){
.snsbtn__text{transform: scale(0.8);transform-origin: 70px;}
}

.article-body-inner.video{margin:1em 10px 0;}
.video-details{margin:20px 10px;}
.video-details p{text-indent:0;}
.video-thumbnail{margin-bottom:15px;position:relative;background: rgba(0,0,0,0.8);}
.video-thumbnail__play{display: block;width: 60px;height: 60px;border-radius: 60px;background: #262626;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;cursor: pointer;}
.video-thumbnail__play::before{content: "";display: block;border-left: solid 20px #fff;border-top: solid 12px transparent;border-right: solid 0 transparent;border-bottom: solid 12px transparent;position: absolute;top: 50%;left: 56%;transform: translate(-50%,-50%);z-index: 100;}
.video-thumbnail img{opacity:0.7;}

.video-information {
  margin: 50px 0;
  background: #f2f2f2;
  padding: 25px;
  box-sizing: border-box;
}
.video-information__title{font-weight:500;}
.video-information__subtitle{font-size:14px;color:#888;}
.video-information__summary{margin-top:20px;padding-top:20px;border-top:solid 1px #888;}
.video-information__summary p{font-size:13px;}
.video-information__register{margin-top:25px;text-align:center;}
.video-information__btn{display:block;width:200px;height:40px;line-height:40px;color:#fff !important;background:#e62117;text-decoration:none !important;margin:auto;font-size:13px;}

.title-bottom-menu{margin:0;position:relative;}
.title-bottom-menu.adarticle{padding-bottom:5px;}
.title-bottom-menu.photo{border-style:none;}
.author-date{padding:5px 0 0 0;}
.author-date .author .authors-name {
  margin-right: 15px;
}


.page-author-block {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.page-author-block .author-follow{display:inline-block;}
.page-author-block .author-follow span.author-follow-btn {
  width: 123px;
  height: 30px;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  padding: 0 0 0 34px;
}
.page-author-block .author-follow.is-follow span.author-follow-btn {
  background: #7D7D7D url(/common/images/v5/mypage/follow.svg) no-repeat 10px;
  padding-left: 14px;
  color: #fff;
}
.page-author-block .author-follow.is-followed span.author-follow-btn {
  color: #3B3B3B;
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 5px;
  padding-left: 14px;
  font-weight: normal;
}

.guest span.author-follow-btn{position:relative;z-index:20;}
.guest span.author-follow-btn::after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 12px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-50%,0);
}
.guest span.author-follow-btn::before {
  content: "";
  display: block;
  border-style: solid;
  border-width: 12px 7px;
  border-color: transparent transparent #ccc transparent;
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translate(-50%,0);
}
.author-profile-info .guest span.author-follow-btn::after{top:24px;}
.author-profile-info .guest span.author-follow-btn::before{top:23px;}

.follow-gueset-comment {
  position: absolute;
  left: 2%;
  width: 96%;
  margin-top: 10px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  padding: 15px 20px;
  box-shadow: 0 1px 5px #333;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
}
.follow-gueset-comment.is-show {
  visibility: visible;
  opacity: 1;
}
.follow-gueset-comment span.follow-link{color:#3d44ce !important;text-decoration:underline;}


.author-date .author .author-follow a:hover{text-decoration:none;}
.author-date.video{display:table;}
.author-date.video .author__channel{display:table-cell;vertical-align:middle;padding-right:10px;height:30px;}
.author-date.video .author__channel a{position:relative;top:-2px;text-decoration:underline;}
.author-list{font-size:100%;}
.author-list a {
  text-decoration: underline;
  font-weight: bold;
}

.follow.crossword{margin:12px 0;}
.follow.crossword a.update{background-image:url(/common/images/v5/common/author-follow-icon.png);background-repeat:no-repeat;background-position:7px 6px;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-color:#7d7d7d;color:#fff !important;line-height:25px;height:25px;display:inline-block;padding:0 5px 0 22px;font-size:.85em;border-radius:4px;vertical-align:baseline;margin-left:10px;}
.follow.crossword a.update:hover{text-decoration:none;}

.article-tags{margin:1em .8em;}
.article-tags .title{font-weight:bold;font-size:1em;position:relative;background:url(/common/images/v5/icon/keyword-icon.png) no-repeat left 2px;background-size:30px;padding-left:2.8em;}
.article-tags .title::after{content:"";width:66%;height:1px;background:#9d9896;position:absolute;right:0;top:10px;}
@media screen and (max-width: 320px) {
  .article-tags .title::after{width:61%;}
}
.article-tags ul{border-bottom:solid 1px #9d9896;clear:both;padding:1em 0 0 0;display:flex;flex-wrap:wrap;}
.article-tags ul li{margin:0 1em 1em 0;}
.article-tags ul li a{display:block;font-weight:bold;border:solid 1px #9d9896;line-height:1;padding:7px 10px;border-radius:4px;font-size:.9em;}
.article-tags ul li a:hover{text-decoration:none;}
.article-tags ul li a .count{font-weight:normal;color:#9d9896;}
/* 記事広告 */
.client p{text-indent:0;font-size:14px;line-height:1.2;margin-bottom:5px;}
.title-parts.g-a-article{position:relative;display:table;width:100%;}
.title-parts.g-a-article .main{display:table-cell;width:95%;vertical-align:middle;}
.title-parts.g-a-article .extra{display:table-cell;width:5%;vertical-align:middle;}
.title-parts.g-a-article h1,
.title-parts.g-a-article h2{margin-right:1.5em;}
.title-parts.g-a-article .ad{color:#747474;}
.title-parts.g-a-article .date{line-height:1.6;display:block;}

.article-end-next-page{margin:30px auto 40px;}
.article-end-next-page a,
.article-end-next-page span.unavailable{
width: 100%;
box-sizing:border-box;
border: 1px solid var(--unnamed-color-bfbfbf);
background: transparent linear-gradient(180deg, #FEFEFE 0%, #FEFEFE 47%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
border: 1px solid #BFBFBF;
border-radius: 4px;
opacity: 1;
display:block;
color:#000;
text-decoration:none;
text-align:center;
padding:20px 43px 20px 30px;
position:relative;
}
.article-end-next-page a::before,
.article-end-next-page span.unavailable::before{
  content:"";
  display:block;
  width:14px;
  height:2px;
  background:#000;
  position:absolute;
  transform: translateY(-50%);
  top:50%;
  right:20px;
}
.article-end-next-page a::after,
.article-end-next-page span.unavailable::after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  transform:rotate(45deg) translateY(-47%);
  position:absolute;
  top:48%;
  right:22px;
}
@media screen and (max-width: 414px){
 .article-end-next-page a::after,
.article-end-next-page span.unavailable::after{
 top:48.2%;
}
}

.article-end-next-page .next{
 font-size:18px;
 font-weight:600;
 display:block;
}
.article-end-next-page .heading{
 font-size:16px;
 display:block;
 line-height:1.2;
}

.article-next-page{margin:0 10px;font-size:100%;}
@media screen and (min-width: 480px){
  .article-next-page{font-size:180%;}
}
.article-next-page a{width:100%;display:table;min-height:56px;height:56px;}
.article-next-page span.next{margin:0px;display:table-cell;vertical-align:middle;padding:0 20px 0 5px;width:30%;}
.article-next-page span.next-ttl{display:table-cell;vertical-align:middle;line-height:1.6;font-weight:bold;padding-right:5px;}
.article-next-page.top a{background-color:#c6d7e5;}
.article-next-page.default a{background-color:#c6e4f1;}
.article-next-page.business a{background-color:#e5c999;}
.article-next-page.economy-and-politics a{background-color:#e3bbbd;}
.article-next-page.career-and-education a{background-color:#cdbdd1;}
.article-next-page.market a{background-color:#e3b1c9;}
.article-next-page.life a{background-color:#a4d3d5;}
.article-next-page.tetsudosaizensen a{background-color:#cfda9a;}
.article-next-page.jidoshasaizensen a{background-color:#bad3ba;}
.article-next-page.ranking a{background-color:#D5E476;}
.article-next-page.tktopics a{background-color:#ccd6ce;}
.article-next-page.ranking a{background-color:#d5e476;}
.article-next-page.ranking-ad a{background-color:#d5e476;}

.photo-gallery-title{padding:8px 10px 0;line-height:1.4;}
.photo-gallery{position:relative;border-style:none;z-index:10;margin:0;}
.photo-gallery .prevnext-container{position:sticky;top:40%;transform:translate3d(0px, -40%, 0px);z-index:99;}
.photo-gallery .img{width:100%;position:relative;margin-bottom:.5em;display:block;text-align:center;}
.photo-gallery .img img{max-width:100%;width:auto;margin:auto;}
.photo-gallery .img .slide-number{position:absolute;bottom:0;right:0;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;line-height:1;padding:5px 15px;z-index:100;}
.photo-gallery__summary{margin-bottom:0;color:#676b6c;font-size:.9em;padding:0 10px;text-indent:0;}
.photo-gallery .arrow{width:36px;height:66px;position:absolute;transform:translate3d(0px, -67px, 0px);opacity:0.6;display:block;z-index:100;text-indent:150%;overflow:hidden;white-space:nowrap;font-size:0;}
.photo-gallery .arrow.prev{left:0;background:#666;}
.photo-gallery .arrow.prev::after{content:"";display:block;position:absolute;top:20px;left:10px;border-top:solid 4px #fff;border-left:solid 4px #fff;width:20px;height:20px;transform:rotate(-45deg);}
.photo-gallery .arrow.next{right:0;background:#000;}
.photo-gallery .arrow.next::after{content:"";display:block;position:absolute;top:20px;right:10px;border-top:solid 4px #fff;border-right:solid 4px #fff;width:20px;height:20px;transform:rotate(45deg);}

.photo-gallery-thumbnail{margin:20px 0;overflow-x:scroll;scroll-behavior:smooth;}
.photo-gallery-thumbnail::after{content:"";display:block;clear:both;}
.photo-gallery-thumbnail .thumbnail-slide{height:80px;display:block;overflow:hidden;margin:auto;}
.photo-gallery-thumbnail .thumbnail-slide span{width:80px !important;height:80px;display:block;float:left;margin:0 4px;background-color:#cdcdcd;position:relative;overflow:hidden;opacity:0.5;}
.photo-gallery-thumbnail .thumbnail-slide span img{max-height:100%;height:auto;max-width:inherit;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0px);-webkit-transform:translate3d(-50%, -50%, 0px);-moz-transform:translate3d(-50%, -50%, 0px);}
.photo-gallery-thumbnail .thumbnail-slide span.slick-current{border:solid 2px #777;box-sizing:border-box;opacity:1;}
/* iPhone5用 */
@media screen and (max-width: 320px) {
  .photo-gallery-thumbnail .thumbnail-slide span{margin:0 4px;}
}
.photo-gallery-thumbnail .thumbnail-slide span a{display:block;}
.photo-gallery-thumbnail .thumbnail-slide::after{content:"";display:block;clear:both;}
.gallery-follow-btn{margin:1.2em auto 2em;text-align:center;position:relative;width:96%;}
.gallery-follow-btn .btn{display:block;font-size:16px;font-weight:bold;line-height:1;padding:10px 30px 10px 20px;box-sizing:border-box;}
.gallery-follow-btn .btn.business{background-color:#e5c999;}
.gallery-follow-btn .btn.economy-and-politics{background-color:#e3bbbd;}
.gallery-follow-btn .btn.career-and-education{background-color:#cdbdd1;}
.gallery-follow-btn .btn.market{background-color:#e3b1c9;}
.gallery-follow-btn .btn.life{background-color:#a4d3d5;}
.gallery-follow-btn .btn.tetsudosaizensen{background-color:#cfda9a;}
.gallery-follow-btn .btn.jidoshasaizensen{background-color:#bad3ba;}
.gallery-follow-btn .btn.ranking{background-color:#D5E476;}
.gallery-follow-btn .btn-follow{height:18px;width:18px;display:inline-block;line-height:18px;background-color:#000;color:#000;position:relative;padding:0;margin-right:30px;}
.gallery-follow-btn .btn-follow::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:0;vertical-align:middle;width:12px;border-top:solid 2px #fff;top:8px;left:3px;}
.gallery-follow-btn .btn-follow::after{content:"";display:block;width:7px;height:7px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;top:5px;left:5px;}

.photo-articles-lead{margin:10px 10px 0;color:#616c72;}

.article-body-inner.comic .ad-bnr.inread{margin:36px auto;}
.comic-signage{margin:10px;}
.comic-signage__title{font-size:16px;}
.comic-signage__credit{font-size:12px;color:#757575;}
.article-body-inner.comic .comic-gallery .comic-img img{margin-bottom:10px;}
.comic-gallery{position:relative;}
.comic-gallery .comic-img{position:relative;}
.comic-gallery .comic-img .comic-next{width:50%;height:100%;position:absolute;top:0;left:0;z-index:999;text-indent:200%;overflow:hidden;white-space:nowrap;font-size:0;}
.comic-gallery .comic-img .comic-prev{width:50%;height:100%;position:absolute;top:0;right:0;z-index:999;text-indent:200%;overflow:hidden;white-space:nowrap;font-size:0;}
.comic-gallery .comic-img .comic-tap{z-index:1000;position:absolute;top:50%;left:50%;background-color:rgba(0,0,0,0.8);background-image:url(/common/images/v5/icon/comic-tap-icon.png);background-repeat:no-repeat;background-size: 50%;background-position: center 40%;border-radius:6px;color:#fff;transform: translate(-50%,-50%);width:62%;box-sizing:border-box;padding:150px 10px 10px;text-align:center;}
.comic-gallery .comic-tap.--scroll{z-index:1000;position:fixed;top:15%;left:50%;background-color:rgba(0,0,0,0.8);background-image:none;border-radius:6px;color:#fff;transform: translate(-50%,20%);width:62%;box-sizing:border-box;padding:10px;text-align:center;}
.comic-gallery .comic-tap.--scroll > .comic-tab__number{border-bottom:solid 1px #fff;letter-spacing:1px;}
.comic-gallery .comic-tap.--scroll > .comic-tab__number > .current-slide-number{padding:0 2px;}
.comic-gallery .comic-tap.--scroll > .comic-tap__scroll{background-image:url(/common/images/v5/icon/manga_swipe.png);background-repeat:no-repeat;background-size: 50%;background-position: center 40%;padding-top:120px;}
.comic-credit{margin:10px 0;font-size:12px;}
.comin-page-info{background:#535353;color:#fff;padding:14.5px 20px;display: flex;justify-content: space-between;}
.comic-number{letter-spacing:3px;}
.current-slide-number{font-size:120%;font-weight:bold;}
.comic-prev-next .comic-next{background:#fff;color:#535353;padding:10px 6px 10px 19px;position:relative;font-size:13px;margin-right:7px;top:2px;border:solid 1px #fff;}
.comic-prev-next .comic-next::after{content:"";display:block;position:absolute;top:11px;left:8px;border-top:solid 2px #535353;border-left:solid 2px #535353;transform:rotate(-45deg);width:8px;height:8px;}
.comic-prev-next .comic-prev{background:#fff;color:#535353;padding:10px 19px 10px 6px;position:relative;font-size:13px;margin-left:7px;top:2px;border:solid 1px #fff;}
.comic-prev-next .comic-prev::after{content:"";display:block;position:absolute;top:11px;right:8px;border-top:solid 2px #535353;border-right:solid 2px #535353;transform:rotate(45deg);width:8px;height:8px;}
.comic-prev-next .unclick{background:#535353;color:#fff;border:solid 1px #fff;}
.comic-prev-next .unclick::after{border-color:#fff;}
.comic-sp-banner{margin:20px 10px;}
.comic-sp-banner.lastpage{margin:20px 0;}
.comic-sp-banner img{width:100%;}
.comic-related{margin:20px 10px;}
.comic-related__heading{margin-bottom:5px;}
.comic-related__item{background:#f8f8f8;border:solid 1px #aaa;padding:10px;margin-bottom:10px;box-sizing:border-box;}
.comic-related__title{font-weight:bold;display:block;}
.comic-related__subtitle{font-size:12px;display:block;}
.comic-pickup__img{margin:20px auto;width:60%;}
.comic-follow-btn{margin:20px auto 40px;text-align:center;position:relative;}
.comic-follow-btn .btn{display:inline-block;font-size:16px;font-weight:bold;line-height:1;padding:10px 30px 10px 20px;box-sizing:border-box;color:#000;text-decoration:none;background:#bababa;}
.comic-follow-btn .btn-follow{height:18px;width:18px;display:inline-block;line-height:18px;background-color:#000;color:#000;position:relative;padding:0;margin-right:30px;}
.comic-follow-btn .btn-follow::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:0;vertical-align:middle;width:12px;border-top:solid 2px #fff;top:8px;left:3px;}
.comic-follow-btn .btn-follow::after{content:"";display:block;width:7px;height:7px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;top:5px;left:5px;}
.last-page-comic{margin:auto;display:block;background:#f8f8f8;box-sizing:border-box;padding:15px;}
.page-bottom-comic{margin:auto;display:block;box-sizing:border-box;padding:15px 10px 0;}

.comic-gallery .article-end-authors{margin-top:0;}
.comic-gallery .m-sns-wrap{width:calc(100vw - 20px);margin:auto;}
.comic-ttl{font-size: 16px;width:calc(100vw - 20px);margin:30px auto 10px;}
.comic-ttl+.article-end-authors{margin-top:0;}
.comic-wrap{width:calc(100vw - 20px);;background:#f1f1f1;margin:auto;}
.comic-lead{padding:30px 0;border-bottom:1px solid #DCDCDC;}
.comic-lead-like{display:flex;flex-direction: column;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;}
.comic-lead-like__txt{font-size:14px;}
.comic-lead-like-btn{background-color:#fff;width:146px;height:52px;border-radius:26px;display:flex;justify-content:center;align-items:center;border:1px solid #868686;gap:15px;cursor:pointer;}
.comic-lead-like-btn__mark{background:url(/common/images/v5/common/icon_heart_off.svg);width:23px;height:20px;}
.comic-lead-like-btn.is-liked{background-color:#f2f2f2;}
.comic-lead-like-btn.is-liked .comic-lead-like-btn__mark{background:url(/common/images/v5/common/icon_heart_on.svg);}
.comic-lead-like-btn__count{font-size:12px;display:flex;flex-direction:column;}
.comic-lead-like-btn__count span{color:#858585;font-size:10px;}
.comic-lead-next{width:100%;box-sizing:border-box;margin:auto;background:#fff;border:6px solid #cfcfcf;outline:1px solid #aaa;}
.comic-lead-next__link{color:#000!important;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;}
.comic-lead-next__link span{display:block;}
.comic-lead-next img{width:130px;height:73px;-o-object-fit:contain;object-fit:contain;background:#ddd;}
.comic-lead-next__top{font-size:16px;font-weight:bold;}
.comic-lead-next__other{font-size:14px;margin-top:4px;}
a.comic-lead-other{color:#000;font-size:14px;text-align:center;display:block;margin-top:20px;}
.comic-amazon-wrap a{color:#000;display:flex;text-decoration:none;justify-content:space-between;align-items:center;padding:20px 30px;}
.comic-amazon__link .comic-amazon__ttl{font-size:16px;font-weight:bold;text-decoration:underline;}
.comic-amazon__link .comic-amazon__remarks{font-size:10px;display:block;margin-top:16px;}
.comic-amazon__img{min-width:100px;width:100px;height:122px;display:block;margin-left:17px;}
.comic-amazon__img img{width:100px;height:122px;-o-object-fit:contain;object-fit:contain;}

.comic-pickup{background:#fff;margin:0 auto 30px;padding:10px;box-sizing:border-box;border:solid 1px #aaa;}
.comic-pickup.--bottom{background:#f8f8f8;margin-bottom:20px;}
.comic-pickup a{text-decoration:none !important;}
.comic-pickup__title{color:#000 !important;font-weight:bold;font-size:13px;}
.comic-pickup__subtitle{color:#000 !important;font-size:12px;}
.comic-related-lists__item{background:#fff;padding:10px;margin-top:5px;border:solid 1px #aaa;}
.comic-related-lists__link{text-decoration:none !important;}
.comic-related-lists__title{color:#000 !important;font-weight:bold;font-size:13px;}
.comic-related-lists__subtitle{color:#000 !important;font-size:12px;}
.comic-amazon-link{font-size:11px;}
.comic-amazon-link.--bottom{background:#dedede;padding:10px;margin-bottom:20px;}
.comic-amazon-link.--bottom >p{margin-bottom:0;font-weight:bold;}
.comic-amazon-link a{color:#00f;text-decoration:underline;}
.comic-amazon-link .note{display:block;font-size:9px;font-weight:normal;}
.comic-pickup__btn{height:44px;line-height:44px;text-align:center;font-weight:bold;background:#eee;color:#000 !important;width:60%;margin:auto;}
.comic-pickup__btn.business{background-color:#e5c999;}
.comic-pickup__btn.economy-and-politics{background-color:#e3bbbd;}
.comic-pickup__btn.market {background-color:#e3b1c9;}
.comic-pickup__btn.career-and-education{background-color:#cdbdd1;}
.comic-pickup__btn.life{background-color:#a4d3d5;}
.comic-pickup__btn.tetsudosaizensen{background-color:#cfda9a;}
.comic-pickup__btn.jidoshasaizensen{background-color:#bad3ba;}
.comic-pickup__btn.ranking{background-color:#d5e476;}

.comment-follow-btn div{margin:0 10px 20px;}
.comment-follow-btn .article a{display:block;border:solid 1px #bfbfbf;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;background-image: -moz-linear-gradient(top, #fefefe 50%, #d8d8d8);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fefefe), color-stop(1.0, #d8d8d8));padding:0 20px;font-size:16px;font-weight:bold;text-decoration:none !important;color:#000 !important;height:44px;line-height:44px;}
.comment-follow-btn .list a{display:block;border:solid 1px #bfbfbf;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;background: -moz-linear-gradient(top,  #d7dee5 0%, #bdccd4 100%);background: -webkit-linear-gradient(top,  #d7dee5 0%,#bdccd4 100%);background: linear-gradient(to bottom,  #d7dee5 0%,#bdccd4 100%);;padding:0 20px;font-size:16px;font-weight:bold;text-decoration:none !important;color:#fff !important;height:44px;line-height:44px;}

.for-backnumber-bottom{margin:20px 0;text-align:center;}
.for-backnumber-bottom span a{display:block;color:#fff;background-color:#5d6971;padding:0 10px;font-size:20px;color:#fff !important;text-decoration:none !important;border-radius:4px;height:56px;line-height:56px;background: -moz-linear-gradient(top,  #b4b4b4 0%, #b4b4b4 49%, #818181 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(49%,#b4b4b4), color-stop(100%,#818181));background: -webkit-linear-gradient(top,  #b4b4b4 0%,#b4b4b4 49%,#818181 100%);background: linear-gradient(to bottom,  #b4b4b4 0%,#b4b4b4 49%,#818181 100%);border:solid 1px #999;font-weight:bold;}
.figure-center,.figure-left,.figure-right{width:auto !important;text-align:center !important;}
.g-a-article .figure-center,.g-a-article .figure-left,.adarticle .figure-right{margin-bottom:10px;}
.figure-center .caption,.figure-left .caption,.figure-right .caption{text-align: left;color:#676b6c;margin-bottom:1em;font-size:.9em;}
.g-a-article .figure-center .caption,.g-a-article .figure-left .caption,.g-a-article .figure-right .caption{background-color:#F5F5F5;padding:3px 5px;}
.credit.reuters-footer{float:right;text-align:right;}
.credit.reuters-footer span{display:block;font-size:0.8em;}
.box-frame iframe{width: auto;max-width: 100%;margin: 20px auto;}
.box-frame iframe{width:100%;}
.youtube{position: relative;width: 100%;padding-top: 56.25%;margin-bottom:1em;}
.youtube iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.video-container{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}

.video-container iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100%;}
.video-wrapper{width: 100%;max-width: 100%;}
iframe.instagram-media{max-width:initial !important;min-width:initial !important;}

.article-photo-link{text-align:center;margin:25px auto;}
.article-photo-link a{display:inline-block;background:url(/common/images/v5/icon/article-photo-link.png) no-repeat 16px 11px #e0e0e0;background-size:20px 20px;color:#707070 !important;font-size:14px;padding:14px 14px 12px 50px;text-decoration:none !important;line-height:1;}
.article-comic-link{text-align:center;margin:25px auto;}
.article-comic-link a{display:inline-block;background:url(/common/images/v5/icon/article-manga-link.png) no-repeat 20px 15px #747474;background-size:30px 34px;color:#fff !important;font-size:18px;font-weight:bold;padding:0 0 0 40px;text-decoration:none !important;line-height:65px;height:65px;width:340px;box-sizing:border-box;}
.article-comic-link a span{font-weight:normal;font-size:14px;padding-left:10px;}

#article-next-article a{background-color:#000;display:block;color:#fff;padding:10px;}
#article-next-article a span{display:block;}
#article-next-article a span.next{text-align:right;}
#article-next-article a span.article-ttl{text-align:center;text-decoration:underline;font-size:16px;}

#fancybox-close{background: url(/common/images/v5/common/close.png?rd=201707051212) no-repeat !important;background-size:78px 20px !important;-webkit-background-size:78px 20px !important;-moz-background-size:78px 20px !important;height: 20px !important;right: 0 !important;top: 0 !important;width: 78px !important;}

.read-more{text-align:center;margin:20px auto;clear:both;}
.read-more.arrow{margin:0 auto 20px;}
.read-more a{display:block;border:solid 1px #bfbfbf;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align:center;background-image: -moz-linear-gradient(top, #fefefe 50%, #d8d8d8);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #fefefe), color-stop(1.0, #d8d8d8));padding:0 20px;font-size:20px;font-weight:bold;text-decoration:none !important;color:#000 !important;height:56px;line-height:56px;position:relative;}
.read-more.arrow a::before{content:"";display:block;border-style:solid;border-width:2px 2px 0 0 ;width:14px;height:14px;transform: rotate(135deg);border-color:#333;position:absolute;top:16px;right:7%;}
.icon-left{float:left;margin:0 5px 5px 0;}

.crossword-inner{padding:20px 10px;}
.crossword-summary{font-size:13px;text-indent:0;}

/* -- ▼ 記事下の著者情報 ▼ -- */
.article-end-authors{margin:25px 10px;background:#f1f1f1;}
.article-end-authors__header{padding:10px 15px;display:flex;align-items:center;}
.article-end-authors__arrow{cursor:pointer;width:30px;height:20px;position:relative;}
.article-end-authors__arrow::before{content:"";display:block;width:8px;height:8px;border-width:2px;border-style:solid;border-color:transparent #7D7D7D #7D7D7D transparent;position:absolute;top:1px;left:0;transform:rotate(45deg);}
.article-end-authors__arrow.open::before{content:"";display:block;width:8px;height:8px;border-width:2px;border-style:solid;border-color:#7D7D7D #7D7D7D transparent transparent;position:absolute;top:10px;left:0;transform:rotate(-45deg);}
.article-end-authors__name {
  font-size: 13px;
}
.article-end-authors__name.--wide{width:100%;max-width:100%;}
.article-end-authors__name.--add-margin {
  margin-right: 15px;
}
.article-end-authors__link{font-weight:bold;text-decoration: underline;display:block;font-size:16px;}
.article-body-inner .article-end-authors__link a{color:#000;}
.article-end-authors__name span{display:block;}
.article-end-authors__follow {
  margin-left: auto;
  position: relative;
}
.article-end-authors__follow-gueset-comment {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
}
.article-end-authors__follow-gueset-comment.is-show {
  visibility: visible;
  opacity: 1;
}

.article-end-authors__follow-btn {
  background: #7D7D7D url(/common/images/v5/mypage/follow.svg) no-repeat 10px;
  padding-left: 14px;
  color: #fff;
  position: relative;
  width: 123px;
  height: 30px;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  z-index:500;
  }
.is-followed .article-end-authors__follow-btn {
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 8px;
  color: #3b3b3b;
  font-weight: normal;
}
.guest .article-end-authors__follow-gueset-comment{z-index:510;}
.guest .article-end-authors__follow-gueset-comment::before{content: "";display: block;border-style: solid;border-width: 12px 7px;border-color: transparent transparent #ccc transparent;position: absolute;top: -23px;right: 18%;transform: translate(-50%,0);}
.guest .article-end-authors__follow-gueset-comment::after{content: "";display: block;border-style: solid;border-width: 12px 7px;border-color: transparent transparent #fff transparent;position: absolute;top: -22px;right: 18%;transform: translate(-50%,0);}
.article-end-authors__follow-gueset-comment{width:320%;position: absolute;top: 32px;left: -40%;transform: translate(-50%,0);box-sizing: border-box;background: #fff;border-radius: 4px;z-index: 400;padding: 15px 20px;box-shadow: 0 1px 5px #333;line-height: 1.6;}
@media screen and (max-width: 375px){
  .article-end-authors__follow-gueset-comment{width:275%;left: -25%;}
}
@media screen and (min-width: 400px){
  .article-end-authors__follow-gueset-comment{width:306%;left: -40%;}
}
@media screen and (min-width: 420px){
  .article-end-authors__follow-gueset-comment{width:315%;left: -48%;}
}

.article-end-authors__follow-gueset-comment .follow-link{color: #3d44ce !important;text-decoration: underline;cursor: pointer;}

.article-end-authors-content{padding:0 15px 15px 15px;display:none;}
.article-end-authors-content__inner{border-top:solid 1px #ccc;padding-top:15px;}
.article-end-authors-content__summary{color:#707070;font-size:11px;text-indent:0;}
.article-end-authors-content__kana{font-size:14px;margin-bottom:16px;}
.article-end-authors-content__detail p{line-height:1.6;font-size:14px;text-indent:0;}
.article-end-authors-content__detail p a{text-decoration:underline;}
.article-end-authors-content__link{margin-top:5px;text-align:right;}
.article-body-inner .article-end-authors-content__link a{font-size:14px;padding-left:20px;display:inline-block;position:relative;text-decoration:none;color:#000;}
.article-end-authors-content__link a::before{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:#444;border-width:0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:7px;left:0;}
.article-end-authors-content__link a::after{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:#444;border-width:0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:7px;left:3px;}

/*
********************************************************************
有料会員向けの記事
********************************************************************
*/
.member-login-parts{box-shadow:#ccc 0 0 12px;border-radius:6px;padding:2em;box-sizing:border-box;margin:30px 10px 20px;}
article .member-login-parts p{margin-bottom:0;font-size:15px;text-indent:0;}
article .member-login-parts p >span{font-weight:bold;}
article .member-login-parts p.center{text-align:center;text-indent:0;}
.member-login-parts p.small{margin-top:30px;font-size:13px;}
.member-login-parts__btns{display:flex;justify-content:center;margin:1em 0;}
.member-login-parts__note{text-align:center;font-size:13px;margin-bottom:5px;}
.member-login-parts__btnlink{width:100%;color:#fff !important;text-decoration:none !important;text-align:center;display:block;font-size:16px;}
.member-login-parts__paid,
.member-login-parts__regist{width:48%;}
.member-login-parts__paid{margin-right:5px;}
.member-login-parts__regist{margin-left:5px;}
.member-login-parts__paid .member-login-parts__btnlink{background:#868686;padding:5px 0;border-radius:4px;}
.member-login-parts__paid .member-login-parts__btnlink span{display:block;font-size:13px;}
.member-login-parts__regist .member-login-parts__btnlink{padding:15px 0;border-radius:4px;}
.member-login-parts__regist .member-login-parts__btnlink.member{background:#aa8c49;}
.member-login-parts__regist .member-login-parts__btnlink.free{background:#4f89c4;}
.member-login-parts__link{display:block;text-align:center;font-size:14px;color:#3A42CA !important;text-decoration:none !important;padding-right:15px;position:relative;}
.member-login-parts__link::after{content:"";display:block;position:absolute;top:7px;right:95px;border-top:solid 2px #3A42CA;border-right:solid 2px #3A42CA;width:6px;height:6px;transform:rotate(45deg);}

.article-body-inner .member-login-parts ul{margin-bottom:0;}
.article-body-inner .member-login-parts ul li::before{content:"✔️";background-color:transparent;width:auto;height:auto;top:0;}

/* iPhone5用 */
@media screen and (max-width: 320px) {
  .member-login-parts{padding:1em;}
  .member-login-parts__link::after{right:85px;}
}

.member-column-articles{margin-bottom:20px;}
.member-column-articles .title span{background:#eee;border-left:solid 10px #1B1B1B;font-size:16px;height:40px;line-height:40px;display:block;padding-left:10px;}
.member-column-articles__block{display:flex;justify-content:space-betweem;}
.member-column-articles__withthumb{padding:10px;border-bottom:solid 1px #dcdcdc;}
.member-column-articles__thumb{max-width:40%;}
.member-column-articles__thumb > img{width:100%;}
.member-column-articles__textblock{margin-left:10px;width;60%;}
.member-column-articles__title{font-size:120%;font-weight:bold;}
.member-column-articles__summary{font-size:12px;color:#8b8b8b;}
.member-column-articles__item{border-bottom:solid 1px #dcdcdc;}
.member-column-articles__ttl{display:inline-block;padding:10px;font-size:14px;padding-right:17px;}
.member-column-articles__ttl.paid{background:url(/common/images/v5/tkm/key.png) no-repeat right;background-size:10px;}
.member-column-articles__ttl.free{background:url(/common/images/v5/tkm/key-open.png) no-repeat right;background-size:10px;}
.member-column-articles__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin:10px;}
.member-column-articles__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-column-articles__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.member-related-articles{margin-bottom:20px;}
.member-related-articles__heading{border-left:solid 10px;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
/* カテゴリ色分け */
.member-related-articles__heading.business{border-color:#bf7700;background:#e5c999;}
.member-related-articles__heading.economy-and-politics{border-color:#bb555b;background:#e3bbbd;}
.member-related-articles__heading.market{border-color:#a04177;background:#e3b1c9;}
.member-related-articles__heading.career-and-education{border-color:#845b8d;background:#cdbdd1;}
.member-related-articles__heading.life{border-color:#179397;background:#a4d3d5;}
.member-related-articles__heading.life{border-color:#179397;background:#a4d3d5;}
.member-related-articles__heading.tetsudosaizensen{border-color:#86a300;background:#cfda9a;}
.member-related-articles__heading.jidoshasaizensen{border-color:#157316;background:#bad3ba;}

.member-related-articles__item{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;}
.member-related-articles__thumb{max-width:40%;}
.member-related-articles__thumb > img{width:100%;}
.member-related-articles__text{width:60%;margin-left:10px;}
.member-related-articles__ttl{display:inline;font-size:120%;line-height:130%;font-weight:bold;padding-right:17px;}
.member-related-articles__ttl.paid{background:url(/common/images/v5/tkm/key.png) no-repeat right;background-size:10px;}
.member-related-articles__ttl.free{background:url(/common/images/v5/tkm/key-open.png) no-repeat right;background-size:10px;}

.member-features{margin:10px 0 20px;}
.member-features__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-features__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border-bottom:solid 1px #dcdcdc;box-sizing:border-box;}
.member-features__thumb{max-width:40%;position:relative;}
.member-features__thumb > img{width:100%;height:auto;}
.member-features__thumb .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-features__thumb .new::after{content:"";display:block;position:absolute;top:-36px;right:-36px;border-style:solid;border-width:36px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.member-features__text{width:60%;margin-left:10px;}
.member-features__ttl{display:block;font-size:120%;line-height:130%;font-weight:bold;}
.member-features__summary{display:block;font-size:12px;color:#8B8B8B;}
.member-features__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin:10px;}
.member-features__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-features__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.member-features-list{margin:10px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-features-list__item{width:48%;margin-bottom:10px;padding-bottom:10px;border-bottom:solid 1px #ccc;}
.member-features-list__item .icon{position:relative;display:block;overflow:hidden;}
.member-features-list__item .icon img{width:100%;height:auto;}
.member-features-list__item .icon .new{background: transparent;padding: 0;margin: 0;}
.member-features-list__item .icon .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-features-list__item .icon .new::after{content:"";display:block;position:absolute;top:-36px;right:-36px;border-style:solid;border-width:36px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.member-features-list__item .title{font-size:14px;font-weight:bold;display:block;}
.member-features-list__item .summary{font-size:13px;color:#868686;}
.member-features-list__item .article-title{display:block;font-size:12px;margin-top:10px;}
.member-features-list__item .article-title .new-article{font-size:11px;background:#AA8C49;color:#fff;line-height:1;padding:3px 5px;border-radius:4px;margin-right:5px;}

.member-series{margin-bottom:20px;}
.member-series__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-series__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border-bottom:solid 1px #dcdcdc;box-sizing:border-box;}
.member-series__thumb{max-width:40%;position:relative;}
.member-series__thumb > img{width:100%;height:auto;}
.member-series__thumb .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-series__thumb .new::after{content:"";display:block;position:absolute;top:-36px;right:-36px;border-style:solid;border-width:36px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.member-series__text{width:60%;margin-left:10px;}
.member-series__ttl{display:block;font-size:120%;line-height:130%;font-weight:bold;}
.member-series__summary{display:block;font-size:12px;color:#8B8B8B;}
.member-series__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin:10px;}
.member-series__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-series__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.member-keywords{margin-bottom:20px;}
.member-keywords__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-keywords__heading.default{border-left-color:#000;}
.member-keywords__section{padding:10px;}
.member-keywords__section p{padding:0 5px;font-weight:600;}
.member-keywords__item{border: solid 1px #868686;border-radius: 4px;padding: 7px 12px;line-height: 1;display: inline-block;margin: 5px;font-size: 13px;}
.member-keywords__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin:10px;}
.member-keywords__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-keywords__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.member-top-magazine{margin-bottom:20px;}
.member-top-magazine__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-top-magazine__note{margin:1em 10px;font-size:13px;}
.member-top-magazine__note a{text-decoration:underline;}
.member-top-magazine__list{margin:10px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-top-magazine__item{width:48%;margin-bottom:20px;}
.member-top-magazine__cover{text-align:center;}
.member-top-magazine__subtitle{font-size:13px;color:#aa8c49;}
.member-top-magazine__title{font-size:14px;font-weight:600;}
.member-top-magazine__pubdate{font-size:11px;color:#858585;}
.member-magazine__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin:10px;}
.member-magazine__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-magazine__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.magazine-list{margin:10px;}
.magazine-list__note{font-size:13px;margin-bottom:.5em;}
.magazine-list__note a{text-decoration:underline;}
.magazine-list__sort{float:right;margin:1em 0;}
.magazine-list__pubyear{font-weight:bold;font-size:13px;}
.magazine-list__selector{position:relative;}
.magazine-list__selector::after{content:"";display:block;position:absolute;top:40%;right:20px;border-style:solid;border-width:7px 5px;border-color: #aa8c49 transparent transparent transparent;pointer-events: none;}
.magazine-list__select{appearance:none;border:solid 1px #868686;height:30px;line-height:30px;text-align: center;padding: 0 36px 0 20px;cursor:pointer;}
.magazine-list__section{clear:both;display:flex;flex-wrap:wrap;justify-content:space-between;}
.magazine-list__item{width:48%;margin:0 0 30px;}
.magazine-list__cover{margin-bottom:5px;text-align:center;}
.magazine-list__subtitle{font-size:13px;color:#aa8c49;}
.magazine-list__title{font-size:14px;font-weight:bold;}
.magazine-list__pubdate{font-size:11px;color:#858585;}

.tag-list{margin:10px;}
.tag-list h2{font-size:14px;}
.tag-list p{font-size:12px;color:#868686;}
.tag-list__block{margin-bottom:20px;}
.tag-list__section{margin-top:10px;}
.tag-list__item{border: solid 1px #868686;border-radius: 4px;padding: 7px 12px;line-height: 1;display: inline-block;margin: 5px;font-size: 13px;}
.tag-latest-header{margin: 10px;}
.tag-latest-header h1{font-size: 18px;display: flex;align-items: center;}
.tag-latest-header h1 .tag-total{color: #555;font-size: 13px;margin-left: 10px;min-width:60px;}
.tag-summary{margin:10px;}

.member-paid-articles{margin-bottom:20px;}
.member-paid-articles__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-paid-articles__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border-bottom:solid 1px #dcdcdc;box-sizing:border-box;}
.member-paid-articles__thumb{max-width:40%;}
.member-paid-articles__thumb > img{width:100%;}
.member-paid-articles__text{width:100%;margin-left:10px;}
.member-paid-articles__ttl{display:inline;font-size:120%;line-height:130%;font-weight:bold;padding-right:17px;}

.member-ranking{margin-bottom:20px;}
.member-ranking__heading{border-left:solid 10px #aa8c49;background:#eee;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
.member-ranking__list{counter-reset: number 0;}
.member-ranking__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border-bottom:solid 1px #dcdcdc;box-sizing:border-box;}
.member-ranking__thumb{max-width:40%;position:relative;}
.member-ranking__thumb::before{counter-increment: number 1;content: counter(number) " ";color:#fff;position:absolute;top:1px;left:0;font-size:12px;z-index:10;width:20px;text-align:center;}
.member-ranking__thumb::after{content:"";display:block;position:absolute;top:0;left:0;background:#868686;width:20px;height:20px;}
.member-ranking__thumb > img{width:100%;height:auto;}
.member-ranking__text{width:60%;margin-left:10px;}
.member-ranking__ttl{display:inline;font-size:120%;font-weight:bold;padding-right:17px;}
.member-ranking__ttl.paid{background:url(/common/images/v5/tkm/key.png) no-repeat right;background-size:10px;}
.member-ranking__ttl.free{background:url(/common/images/v5/tkm/key-open.png) no-repeat right;background-size:10px;}
.member-ranking__note{margin:10px;text-align:right;}
.member-ranking__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;}
.member-ranking__more::before{content:"";display:block;position:absolute;top:7px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-ranking__more::after{content:"";display:block;position:absolute;top:7px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}

.member-recommend-articles{margin-bottom:20px;}
.member-recommend-articles__heading{border-left:solid 10px;font-size:20px;height:50px;line-height:50px;padding-left:10px;}
/* カテゴリ色分け */
.member-recommend-articles__heading.business{border-color:#bf7700;background:#e5c999;}
.member-recommend-articles__heading.economy-and-politics{border-color:#bb555b;background:#e3bbbd;}
.member-recommend-articles__heading.market{border-color:#a04177;background:#e3b1c9;}
.member-recommend-articles__heading.career-and-education{border-color:#845b8d;background:#cdbdd1;}
.member-recommend-articles__heading.life{border-color:#179397;background:#a4d3d5;}
.member-recommend-articles__heading.life{border-color:#179397;background:#a4d3d5;}
.member-recommend-articles__heading.tetsudosaizensen{border-color:#86a300;background:#cfda9a;}
.member-recommend-articles__heading.jidoshasaizensen{border-color:#157316;background:#bad3ba;}

.member-recommend-articles__item{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;}
.member-recommend-articles__thumb{max-width:40%;}
.member-recommend-articles__thumb > img{width:100%;}
.member-recommend-articles__text{width:60%;margin-left:10px;}
.member-recommend-articles__ttl{display:inline;font-size:120%;font-weight:bold;padding-right:17px;}
.member-recommend-articles__ttl.paid{background:url(/common/images/v5/tkm/key.png) no-repeat right;background-size:10px;}
.member-recommend-articles__ttl.free{background:url(/common/images/v5/tkm/key-open.png) no-repeat right;background-size:10px;}

/*
********************************************************************
有料会員向けのトップ
********************************************************************
*/

.member-pagenav{margin:1em 0;}
.member-pagenav__heading{background:#aa8c49;color:#fff;padding:15px 10px;font-size:20px;}
.member-pagenav__list{display:flex;justify-content:space-between;flex-wrap:wrap;border:solid 1px #868686;}
.member-pagenav__link{width:50%;box-sizing:border-box;font-size:14px;font-weight:bold;padding:1em 0 1em 2.5em;display:block;position:relative;}
.member-pagenav__link:nth-child(odd){border-right:solid 1px #868686;}
.member-pagenav__link:nth-child(-n+2){border-bottom:solid 1px #868686;}
.member-pagenav__link::before{content:"";display:block;position:absolute;left:1.2em;top:42%;border-style:solid;border-width:8px 5px;border-color:#aa8c49 transparent transparent transparent;}

#BC_mb #kanban.brandcontent img{text-align:center;max-width:100%;}
#BC_mb #signage.brandcontent img{text-align:center;max-width:100%;}
#BC_mb #signage.brandcontent{border-top:solid 1px #908e8f;border-bottom:solid 1px #908e8f;}
#BC_mb .tools{border-bottom:solid 1px #908e8f;padding:5px 5px 0 5px;}
#BC_mb .tools div,.lead-bottom-menu .tools div{float:left;display:block;padding:0;}
#BC_mb .tools .twitter,.lead-bottom-menu .tools .twitter{width:109px;}
#BC_mb .tools .facebook,.lead-bottom-menu .tools .facebook{width:127px;}
#brand-content-related{padding:20px 10px;}
#brand-content-related .related-list ul li{display:inline-block;width:136px;margin:10px 12px 0 0;}
#brand-content-related .related-list ul li .ttl .column-main-ttl{font-weight:bold;line-height:1.4;font-size:15px;}
.bc-info-box #aName{font-size:16px;}
.bc-info-box #aKatagaki{font-size:12px;padding-bottom:5px;border-bottom:double 3px #918B8A;margin-bottom:5px;}
.bc-info-box p{color:#444;margin-bottom:1em !important;}

#badge-banner{display:block;margin:1em .5em 0;text-align:center;}
#badge-banner a{display:block;margin-bottom:16px;}
#badge-banner a img{vertical-align:bottom;width:100%;}

.pagination{clear:both;margin:20px 0 10px;text-align:center;}
.pagination a{display:inline-block;background-color:#919294;border:solid 1px #919294;color:#fff;font-size:20px;width:48px;height:48px;line-height:48px;text-decoration:none;}
.pagination .current a{background-color:#fff;border:solid 1px #7f8082;color:#919294;}
.pagination span{width:48px;height:48px;line-height:48px;margin:0 5px 10px 0;display:inline-block;vertical-align:bottom;}
.pagination .next a,.pagination .prev a{width:48px;height:48px;display:block;color:#919294;}
.pagination .next a span,.pagination .prev a span{position:relative;}
.pagination .next a span::before,.pagination .next a span::after,.pagination .prev a span::before,.pagination .prev a span::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.pagination .next a span::before{border-top:solid 1px #fff;top:24px;left:11px;width:20px;}
.pagination .next a span::after{border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg);top:18px;left:16px;width:12px;height:12px;}
.pagination .prev a span::before{border-top:solid 1px #fff;top:24px;left:13px;width:20px;}
.pagination .prev a span::after{border-bottom:solid 1px #fff;border-left:solid 1px #fff;transform:rotate(45deg);top:18px;left:16px;width:12px;height:12px;}

#article-end{margin:10px;}
.comment-section{overflow:hidden;width:100%;margin-bottom:1.3em;}
.comment-section-btn .comment{font-size:15px;}
.comment-section-btn .comment-count{font-size:15px;}
.comment-select{width:100%;}
.comment-select ul{width:100%;position:relative;}
.comment-select ul::after{content:"";display:block;clear:both;}
.comment-select ul li{float:left;width:50%;box-sizing:border-box;height:40px;line-height:40px;font-size:1.2em;text-align:center;background-color:#fff;position:relative;box-sizing:border-box;}
.comment-select ul li.fbc,
.comment-select ul li.mw{border:solid 1px #dfdfdf;background-color:#eee;bottom:-5px;}
.comment-select ul li.current{border-top:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;background-color:#fff;border-bottom:none;bottom:0;height:45px;line-height:45px;}
.comment-select ul li.mw .ico{background-image:url(/common/images/v5/common/icon-comment-gray.png?rd=201707051212);background-size:20px 19px;-webkit-background-size:20px 19px;-moz-background-size:20px 19px;padding-left:25px;}
.comment-select ul li.fbc .ico{background-image:url(/common/images/v5/common/fb.png?rd=201707051212);background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding:1px 0 1px 25px;}
.comment-select ul li .ico{background-repeat:no-repeat;background-position:0 0;}
.comment-select ul li.fb{border:solid 1px #dfdfdf;}
.comment-select ul li.fb span.num{background-image:url(/common/images/v5/common/fb.png?rd=201707051212);background-repeat:no-repeat;background-position:left;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding-left:25px;}

#fbc-comment{border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;}
#mw-comment{border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;padding:.5em;}
.comment #mw-comment{border:solid 1px #dfdfdf;}
#mw-comment .mw-counter{margin:0 0 1em 0;padding-top:.5em;}
#mw-comment .mw-counter .total{float:left;margin-right:1em;line-height:1;font-weight:bold;}
#mw-comment .mw-counter ul#mw-comment-sort::after{content:"";display:block;clear:both;}
#mw-comment .mw-counter ul#mw-comment-sort li{float:left;padding:0 1em;border-right:solid 1px #333;line-height:1;}
#mw-comment .mw-counter ul#mw-comment-sort li a.current{color:#6bc72a;font-weight:bold;}
#mw-comment .mw-counter ul#mw-comment-sort li:last-child{border-right:none;}
#mw-comment .mw-counter .guide{font-size:12px;display:block;margin-top:1em;}
#mw-comment .mw-counter .guide a{color:#00f;}

#mw-comment-alert{color:#f00;}
#mw-comment-text{width:100%;box-sizing:border-box;border:1px solid #e7e7e7;border-radius:4px;padding:.5em;}
#mw-comment .mw-comment-header{position:relative;margin-bottom:.5em;}
#mw-comment-nickname{width:75%;box-sizing:border-box;border:1px solid #e7e7e7;border-radius:4px;padding:.5em;}
/* iphone5 */
@media screen and (max-width: 320px) {
  #mw-comment-nickname{width:70%;}
}
#mw-comment-nickname-change{display:inline-block;background:#ccc;color:#fff;line-height:1;padding:7px 1em;border-radius:4px;font-size:12px;vertical-align:top;}
.article-body-inner #mw-comment-nickname-change{color:#fff;text-decoration:none;}
#mw-comment .counter{text-align:right;line-height:1;color:#666;position:absolute;right:0;bottom:-5px;}
#mw-comment .counter .alert{color:#f00;}
.mw-comment-box{border: 1px solid #e7e7e7;font-size: 12px;color: #999;height:4em;border-radius: 4px;padding: 8px;margin-bottom:1em;}
.mw-comment-box a{color:#00f;}

#mw-comment .g-recaptcha{width:258px;margin:1em auto;}
#mw-comment-form p{font-size:8px;margin:.8em auto;width:304px;}
/* iPhone5用 */
@media screen and (max-width: 320px) {
  #mw-comment-form p{width:auto;}
}
#mw-comment-form p a{color:#00f;text-decoration:underline;}
#mw-comment-btn{background-color:#ccc;width:100%;border-radius:4px;color:#fff;padding:0 0 0 42%;text-align:left;border-style:none;font-size:1.3em;background-image:url(/common/images/v5/common/icon-comment-white.png?rd=201707051212);background-repeat:no-repeat;background-size:25px 24px;-webkit-background-size:25px 24px;-moz-background-size:25px 24px;background-position:35% 50%;font-weight:bold;appearance:none;-webkit-appearance:none;-moz-appearance:none;opacity:1 !important;height:44px;line-height:44px;}
/* iPhone5用 */
@media screen and (max-width: 320px) {
  #mw-comment-btn{background-position:32% 50%;padding:0 0 0 40%;}
}
/* iphone6plus */
@media screen and (min-width: 414px) and (max-width: 500px){
 #mw-comment-btn{background-position:36% 50%;padding:0 0 0 42%;}
}
#mw-comment-btn.active{background-color:#6bc72a;}
#mw-comment-btn.active:hover{text-decoration:underline;}

#mw-comment-form textarea,
#mw-comment-form input{font-size:1.2em;appearance:none;-webkit-appearance:none;-moz-appearance:none;vertical-align:bottom;}
#mw-comment-container ul li{border-top:solid 1px #e7e7e7;padding:1em 0;word-wrap : break-word;overflow-wrap : break-word;}
#mw-comment-container .date{margin:.5em 0 0;display:inline-block;color:#aaa;}
#mw-comment-container a.more{background-color:#6bc72a;color:#fff;border-radius:4px;text-align:center;padding:0 .7em;width:100%;margin:1em 0;display:block;box-sizing:border-box;font-size:1.3em;line-height:44px;height:44px;font-weight:bold;}
#mw-comment-container ul li span.pubid{display:inline-block;color:#aaa;margin-left:20px;}

#mw-comment-container ul li .add_like,
#mw-comment-container ul li .add_dislike{display:inline-block;margin-right:20px;cursor:pointer;}
#mw-comment-container ul li .add_like span,
#mw-comment-container ul li .add_dislike span{vertical-align:middle;}
#mw-comment-container ul li .add_like .rate,
#mw-comment-container ul li .add_dislike .rate{color:#888;font-size:13px;}
#mw-comment-container ul li .icon{width:24px;height:24px;display:inline-block;background:url(/common/images/v5/common/post-icons.png?rd=201707051212) no-repeat;background-size:24px 264px;-webkit-background-size:24px 264px;-moz-background-size:24px 264px;margin-right:3px;text-indent:100%;overflow:hidden;white-space:nowrap;}
#mw-comment-container ul li .add_like .icon{background-position:0 0;}
#mw-comment-container ul li .add_like:hover .icon{background-position:0 -48px;}
#mw-comment-container ul li .add_dislike .icon{background-position:0 -96px;}
#mw-comment-container ul li .add_dislike:hover .icon{background-position:0 -144px;}
#mw-comment-container ul li .add_like:hover .rate{color:#d25a2f;}
#mw-comment-container ul li .add_dislike:hover .rate{color:#64a7de;}
#mw-comment-container ul li .add_like.post .icon{background-position:0 -192px;}
#mw-comment-container ul li .add_dislike.post .icon{background-position:0 -240px;}

.article-video-container {position: relative;height: 0;padding-bottom: 56.25%;background-color:#f9f9f9;}
.article-video-container .BrightcoveExperience {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#special{margin:10px;text-align:center;}
#special div{text-align:center;width:100% !important;margin-left:0 !important;}
#special div img{width:100% !important;max-width:685px !important;height:auto;}

/*
********************************************************************
テーマページ
********************************************************************
*/
.theme-contents__logo{padding:20px 10px 0 10px;}
.theme-articles__item-first,.theme-articles__item{border-bottom:solid 1px #E8E8E8;padding:10px;}
.theme-articles__title{font-weight:bold;font-size:120%;line-height:130%;}
.theme-articles__link{padding-right:15px;display:inline;}
.theme-articles__tags a{color:#808080;font-size:11px;}
.theme-articles__ad{color:#8c8c8c;font-weight:600;text-align:right;font-size:11px;}

.theme-articles__item-first .theme-articles__tags a{font-size:13px;}
.theme-articles__item-first .theme-articles__thumb img{width:100%;height:auto;}
.theme-articles__item-first .theme-articles__title{font-size:130%;}

.theme-articles__item{display:flex;justify-content:space-between;align-items:center;}
.theme-articles__item .theme-articles__thumb{width:40%;}
.theme-articles__item .theme-articles__thumb img{width:100%;height:auto;}
.theme-articles__item .theme-articles__text{width:58%;}

.theme-articles__thumb a{position: relative;}

.theme-articles__more a{width:230px;height:45px;line-height:45px;color:#fff;background:#7B7B7B;display:block;text-align:center;margin:40px auto;font-size:16px;position:relative;cursor:pointer;border-radius:30px;}
.theme-articles__more a::after{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:transparent #fff #fff transparent;border-width:1px;transform:rotate(45deg);position:absolute;right:20px;top:16px;}

.theme-contents-footer{padding:45px 50px;background:url(/common/images/v5/theme/tech-security-bk-sp.png) no-repeat right;background-size:cover;}
.theme-contents-footer__logo{margin:0 auto 30px;text-align:center;}
.theme-contents-footer__summary{line-height:1.8;}
.theme-contents-footer__link{margin-top:30px;}
.theme-contents-footer__link a{display:block;font-weight:600;position:relative;padding-left:20px;}
.theme-contents-footer__link a:not(:last-child){margin-bottom:5px;}
.theme-contents-footer__link a::before{content:"";display:block;width:5px;height:5px;border-style:solid;border-width:1px;border-color:#444 #444 transparent transparent;transform:rotate(45deg);position:absolute;left:0;top:8px;}
.theme-contents-footer__link a::after{content:"";display:block;width:5px;height:5px;border-style:solid;border-width:1px;border-color:#444 #444 transparent transparent;transform:rotate(45deg);position:absolute;left:3px;top:8px;}
/* リニューアルテーマサイト用 */
.theme-contents__logo.--renewal {
  padding: 20px 10px 0;
  margin-bottom: 57px;
}
.theme-contents__logo.--renewal img {
  vertical-align: bottom;
}
.theme-articles__list.--renewal .theme-articles__item-first {
  position: relative;
  border-bottom: solid 1px #E8E8E8;
  padding: 0 10px;
  background-color: #F1F0EC;
  box-sizing: border-box;
  margin-bottom: -32px;
}
.theme-articles__list.--renewal .theme-articles__item-first.--sports-innovation {
  background-color: #fff;
}
.theme-articles__list.--renewal .theme-articles__item-first::before {
  content: "";
  position: absolute;
  top: -128px;
  right: 0;
  width: 90px;
  height: 227px;
  background: linear-gradient(to bottom, #18A9F7 0, #1371C1 100%);
}
.theme-articles__list.--renewal .theme-articles__item-first.--sports-innovation::before {
  top: -121px;
  right: auto;
  left: 150px;
  width: 200px;
  height: 100vh;
  background: linear-gradient(180deg, #F2F2F2 0%, #D8D4D4 100%);
  transform: skewX(-212deg);
}
.theme-articles__list.--renewal > ul {
  position: relative;
  background-color: #fff;
}
.theme-articles__list.--renewal .theme-articles__item {
  position: relative;
  border-bottom: solid 1px #E8E8E8;
  padding: 16px 10px;
  background-color: #fff;
}
.theme-articles__list.--renewal .theme-articles__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 5.6px;
}
.theme-articles__list.--renewal .theme-articles__link {
  padding-right: 0;
  display: inline;
}
.theme-articles__list.--renewal .theme-articles__tags {
  line-height: 1;
}
.theme-articles__list.--renewal .theme-articles__tags a {
  font-size: 12px;
  color: #8E6400;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
}
.theme-articles__list.--renewal.--sports-innovation .theme-articles__tags a {
  color: #808080;
}
.theme-articles__list.--renewal .theme-articles__ad{color:#8c8c8c;font-weight:600;text-align:right;font-size:11px;}

.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__tags {
  text-align: center;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__tags a {
  font-size: 12px;
  color: #8E6400;
  display: inline-block;
  margin-right: 5px;
  line-height: 1;
}
.theme-articles__list.--renewal.--sports-innovation .theme-articles__item-first .theme-articles__tags a {
  color: #808080;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__thumb {
  position: relative;
  top: -43px;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__thumb img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__text {
  position: relative;
  top: -61px;
  width: 335px;
  height: 139px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-bottom: 31px;
  background-color: #fff;
  box-shadow: 0px 3px 20px #0000001A;
}
.theme-articles__list.--renewal.--sports-innovation .theme-articles__item-first .theme-articles__text {
  overflow: hidden;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__title {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0;
}
.theme-articles__list.--renewal .theme-articles__item-first .theme-articles__title .theme-articles__link {
  display: block;
  padding: 26px 30px 10px;
}

.theme-articles__list.--renewal .theme-articles__item{display:flex;justify-content:space-between;align-items:center;}
.theme-articles__list.--renewal .theme-articles__item .theme-articles__thumb{width:40%;}
.theme-articles__list.--renewal .theme-articles__item .theme-articles__thumb img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.theme-articles__list.--renewal .theme-articles__item .theme-articles__text{width:58%;}

.theme-articles__list.--renewal .theme-articles__thumb a {
  position: relative;
  display: block;
  overflow: hidden;
}

.theme-articles-label {
  position: absolute;
  right: -9px;
  bottom: 0;
  width: 76px;
  height: 28px;
  transform: skewX(-35deg);
  pointer-events: none;
}
.theme-articles-label.--item {
  right: auto;
  left: -7px;
  width: 50px;
  height: 20px;
  transform: skewX(35deg);
}
.theme-articles-label.--enjoy {
  background-color: #F23901;
}
.theme-articles-label.--view {
  background-color: #D9F000;
}
.theme-articles-label.--know {
  background-color: #1D7CE7;
}
.theme-articles-label-text {
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: calc(50% + -2px);
  transform: translate(-50%, -50%) skewX(35deg);
  word-break: keep-all;
  line-height: 1;
}
.theme-articles-label-text.--item {
  font-size: 10px;
  left: calc(50% + 3px);
  transform: translate(-50%, -50%) skewX(-35deg);
}
.theme-articles-label-text.--enjoy::before {
  content: "楽しむ";
}
.theme-articles-label-text.--view::before {
  content: "観る";
  color: #222;
}
.theme-articles-label-text.--know::before {
  content: "知る";
}

.theme-articles__more.--renewal a {
  width: 230px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  background: #222222;
  display: block;
  text-align: center;
  margin: 40px auto 60px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  border-radius: 30px;
}
.theme-articles__more.--renewal.--sports-innovation a {
  background: #7B7B7B;
}
.theme-articles__more.--renewal a::after{content:"";display:block;width:6px;height:6px;border-style:solid;border-color:transparent #fff #fff transparent;border-width:1px;transform:rotate(45deg);position:absolute;right:20px;top:16px;}

.theme-contents-footer.--renewal {
  padding: 50px 38px;
  background: url(/common/images/v5/theme/bg-life-style-foot-sp.jpg) no-repeat right/cover;
}
.theme-contents-footer.--renewal.--sports-innovation {
  background: #222222;
}
.theme-contents-footer__logo.--renewal {
  margin: 0 auto 30px;
  text-align: left;
}
.theme-contents-footer__logo.--renewal img {
  vertical-align: bottom;
}
.theme-contents-footer__summary.--renewal {
  line-height: 1.8;
  font-size: 14px;
  color: #fff;
  margin-bottom: 35px;
}
.theme-contents-footer__link.--renewal {
  margin-top: 0;
  margin-bottom: 40px;
}
.theme-contents-footer__link.--renewal.--sports-innovation {
  margin-bottom: 0;
}
.theme-contents-footer__link.--renewal a {
  color: #fff;
  display: block;
  font-weight: 600;
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1;
}
.theme-contents-footer__link.--renewal a:not(:last-child) {
  margin-bottom: 20px;
}
.theme-contents-footer__link.--renewal a::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  left: -3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.theme-contents-footer__link.--renewal a::after {
  display: none;
}
.u-overflow-hidden {
  overflow: hidden;
}
/* リニューアルテーマサイト用 end */

/* about-service */
.about-service .head-contents__heading{margin:3em auto 1em;text-align:center;font-size:22px;font-weight:500;}
.about-service .head-contents__image{width:100%;}
.about-service .head-contents__text{margin:1em 2em;}
.about-service .head-contents__text h2{text-align:center;font-size:17px;margin:1em auto;font-weight:500;}
.about-service .head-contents__text p{line-height:1.8;font-size:14px;font-weight:300;}
.about-service .regist{background:#fafafa;}
.about-service .regist__inner{padding:2em;}
.about-service .regist__heading{margin:1em;text-align:center;font-weight:500;font-size:20px;color:#006CD8;}
.about-service .regist__summary{line-height:1.8;font-size:14px;font-weight:300;}
.about-service .regist__summary a{color:#006CD8;text-decoration:underline;}
.about-service .regist__summary em{font-style:normal;font-weight:500;}
.about-service .series{margin:1.5em 0;}
.about-service .series__heading{font-size:16px;text-align:center;font-weight:500;margin-bottom:1em;}
.about-service .series__item{margin-bottom:5px;}
.about-service .series__item a{display:block;background:#fff;border:solid 1px #ECECEC;padding:1em;position:relative;}
.about-service .series__item a::after{content:"";display:block;position:absolute;bottom:-5px;right:-5px;border-style:solid;border-width:5px;border-color:transparent transparent transparent #006CD8;transform:rotate(45deg);}
.about-service .series__ttl{font-size:14px;font-weight:500;display:block;}
.about-service .series__summary{font-size:13px;color:#666;font-weight:200;}

.about-service table.course{width:100%;border-collapse:collapse;margin-bottom:10px;}
.about-service table.course th,
.about-service table.course td{border:solid 1px #ECECEC;background:#fff;padding:10px;box-sizing:border-box;font-size:14px;}
.about-service table.course td a{color:#006CD8;text-decoration:underline;display:block;}
.about-service table.course th.none{background:transparent;border-style:none;}
.about-service table.course th.type-free{width:22%;background:#006CD8;color:#fff;font-weight:500;font-size:13px;}
.about-service table.course th.type-paid{width:22%;background:#AA8C49;color:#fff;font-weight:600;font-size:13px;}
.about-service table.course td.type-free,
.about-service table.course td.type-paid{text-align:center;font-size:16px;}
.about-service table.course td.type-free{color:#3b3b3b;}
.about-service table.course td.type-paid{background:#FEFAF0;color:#AA8C49;}

.about-service .course-plan{width:240px;margin:30px auto 10px;}
.about-service .course-plan .plan{border-style:solid;border-width:10px 1px 1px 1px;border-color:#ECECEC;background:#fff;padding:20px 25px;box-sizing:border-box;margin-bottom:10px;}
.about-service .course-plan .member-paid-plan{border-top-color:#AA8C49;}
.about-service .course-plan .member-free-plan{border-top-color:#006CD8;}
.about-service .plan__heading{text-align:center;font-size:19px;font-weight:600;}
.about-service .plan__state{margin:27px 0;text-align:right;}
.about-service .plan__amount{font-size:33px;font-weight:700;text-align:center;}
.about-service .plan__amount span{font-size:20px;font-weight:600;}
.about-service .plan__unit{text-align:right;}
.about-service .plan__unit.year{margin-right:17px;}
.about-service .plan__unit.month{margin-right:28px;}
.about-service .plan__summary{font-size:14px;color:#808080;text-align:center;}
.about-service .plan__btn{display:block;margin-top:20px;height:62px;line-height:62px;color:#fff;text-align:center;font-size:15px;}
.about-service .plan__btn:hover{text-decoration:none;}
.about-service .member-paid-plan .plan__btn{background:#AA8C49;}
.about-service .member-free-plan .plan__btn{background:#006CD8;}
.about-service .member-free-plan .plan__btn.registered{background:#DBDBDB;color:#808080;cursor:auto;}

.about-service .btns__link{display:block;width:100%;text-align:center;box-sizing:border-box;font-size:16px;font-weight:500;padding:15px 0;margin-bottom:10px;}
.about-service .btns__link span{font-weight:normal;font-size:13px;}
.about-service .btns__link:hover{text-decoration:none;}
.about-service .btns__free{border:solid 1px #006CD8;color:#006CD8;background:#fff;}
.about-service .btns__paid{background:#006CD8;color:#fff;}
.about-service .btns__note{text-align:center;font-size:14px;margin-top:15px;}
.about-service .btns__note a{color:#006CD8;}

.about-service .about-site{margin:20px auto;}
.about-service .about-site__inner{padding:2em;}
.about-service .about-site__block{margin-bottom:2em;}
.about-service .about-site__heading{text-align:center;color:#006CD8;font-size:20px;margin-bottom:1em;font-weight:500;}
.about-service .about-site__summary{line-height:1.8;font-size:14px;font-weight:300;}
.about-service .about-site__summary a{color:#006CD8;text-decoration:underline;}
.about-service .about-site__list{margin:2em 0 1em;}
.about-service .about-site__title{font-size:15px;font-weight:600;padding-bottom:5px;border-bottom:solid 1px #000;margin-bottom:24px;}
.about-service .about-site__subtitle{font-weight:bold;font-size:13px;}
.about-service .about-site__list ul li{line-height:1.8;font-size:13px;margin-bottom:10px;padding-left:14px;position:relative;font-weight:300;}
.about-service .about-site__list ul li::before{content:"";display:block;width:4px;height:4px;border-radius:4px;background:#000;position:absolute;top:10px;left:0;}
.about-service .about-site__links{margin:20px 0 0;}
.about-service ul.about-site__links li{margin-bottom:0;}
.about-service ul.about-site__links li a{font-weight:500;color:#006CD8;font-size:13px;text-decoration:underline;}
.about-service ul.about-site__small{margin:5px 5px 20px;}
.about-service ul.about-site__small li{margin-bottom:0;padding-left:10px;}
.about-service ul.about-site__small li::before{width:2px;height:2px;border-radius:2px;top:12px;}
.about-service ul.about-site__small li a{font-size:13px;}

/* member-terms */
.member-terms{margin:1em;}
.member-terms h1{border-left: solid 10px #AA8C49;padding-left:10px;font-size: 18px;margin-bottom:1em;}
.member-terms p{font-size:13px;line-height:1.8;}
.member-terms dt{margin:2em 0 20px;}
.member-terms dd{margin:1em;line-height:1.6;}
.member-terms ol{padding-left:20px;}
.member-terms ol li{list-style: auto;margin-bottom:15px;}
.member-terms ol li ul{margin-left:1em;}

/* messenger popup */
#popup-messenger{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999;display:none;overflow-y:scroll;}
#popup-messenger .detail{background:#fff;border:solid 2px #000;width:90%;margin:1em auto;box-sizing:border-box;padding:3% 5%;text-align:center;}
#popup-messenger .detail span{display:block;font-size:210%;line-height:1;color:#4a4a4a;position:relative;margin:0 auto;text-align:center;}
#popup-messenger .detail .close{position:absolute;top:28px;right:10%;}
#popup-messenger .detail .logo{width:50%;margin:0 auto;}
#popup-messenger .detail .logo img{width:100%;}
#popup-messenger .detail .main-img{margin:1em 0 0;}
#popup-messenger .detail .main-img img{width:70%;}
#popup-messenger .detail p{line-height:1.2;}
#popup-messenger .detail .howto a{color:#096bb2;text-decoration:underline;font-weight:bold;background:url(/common/images/v5/smartphone/messenger-info.png?rd=201707051212) no-repeat 0 0;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;padding:3px 0 4px 25px;}
.messenger-overlay{background:#ccc;display:block;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0.6;z-index:100;display:none;}
.fb_iframe_widget{margin:1em auto;width:163px !important;}
.pluginSkinLight.pluginFontHelvetica{text-align:center;}

/* iphone5 */
@media screen and (max-width: 320px) {
  #popup-messenger .detail{padding:3%;}
  #popup-messenger .detail span{font-size:170%;}
  #popup-messenger .detail .main-img img{width:60%;}
  #popup-messenger .detail .howto a{font-size:.85em;background-position:0 0;}
  .fb-send-to-messenger{margin:.5em auto;}
}


/* welcome */
.welcome-bnr img{text-align:center;}
.welcome header{border-bottom:solid 1px #888;}
.welcome header .for-top{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;float:right;margin-top:10px;}
.welcome header .for-top::before,
.welcome header .for-top::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.welcome header .for-top::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #b7b7b7;}
.welcome header .for-top::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #fff;}
.welcome .article-list .heading{font-weight:bold;line-height:1;margin-bottom:.5em;font-size:1.1em;}
.welcome .article-list .heading span{color:#fff;line-height:20px;text-align:center;width:20px;height:20px;display:inline-block;margin:0 2px;}
.welcome .article-list .heading span{position:relative;width:20px;height:20px;display:inline-block;margin:0 2px;}
.welcome .article-list .heading span::before,.welcome .article-list .heading span::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.welcome .article-list .heading span::before{width:13px;border-top:solid 1px #fff;top:10px;left:2px;display:block;}
.welcome .article-list .heading span::after{width:10px;height:10px;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg);display:block;top:5px;left:4px;}
.welcome .article-list.default .heading span{background-color:#009fe6;color:#009fe6;}
.welcome .article-list.business .heading span{background-color:#bf7700;color:#bf7700;}
.welcome .article-list.economy-and-politics .heading span{background-color:#bb555b;color:#bb555b;}
.welcome .article-list.market .heading span{background-color:#a04177;color:#a04177;}
.welcome .article-list.career-and-education .heading span{background-color:#845b8d;color:#845b8d;}
.welcome .article-list.life .heading span{background-color:#179397;color:#179397;}
.welcome .article-list.tetsudosaizensen .heading span{background-color:#86a300;color:#86a300;}
.welcome .article-list.jidoshasaizensen .heading span{background-color:#177297;color:#157316;}
.welcome .article-list.ranking .heading span{background-color:#aac35c;color:#aac35c;}
.welcome .article-list{margin:0 1em;font-size:.9em;}
.welcome .article-list .column-ttl{font-size:.9em;display:block;line-height:1;}
.welcome .article-list .column-main-ttl{display:block;font-weight:bold;}
.welcome .article-list.default .column-ttl{color:#009fe6;}
.welcome .article-list.business .column-ttl{color:#bf7700;}
.welcome .article-list.economy-and-politics .column-ttl{color:#ba555b;}
.welcome .article-list.career-and-education .column-ttl{color:#845b8d;}
.welcome .article-list.market .column-ttl{color:#a04177;}
.welcome .article-list.life .column-ttl{color:#179397;}
.welcome .article-list.tetsudosaizensen .column-ttl{color:#86a300;}
.welcome .article-list.jidoshasaizensen .column-ttl{color:#157316;}
.welcome .article-list.ranking .column-ttl{color:#aac35c;}
.welcome .welcome-bnr{text-align:center;margin:0 0 10px;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/common/js/lib/fancybox2/fancybox_sprite.png?rd=201707051212');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('/common/js/lib/fancybox2/fancybox_loading.gif') center center no-repeat;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('/common/js/lib/fancybox/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('/common/js/lib/fancybox2/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/common/js/lib/fancybox2/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
  #fancybox-loading div {background-image: url('/common/js/lib/fancybox2/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}


#scroll-container .more{display:block;margin-top:0px;text-align:center;}
#scroll-container .more a{color:#7f7f7f;font-size:15px;display:inline-block;border:solid 1px #e6e6e6;border-radius:4px;line-height:1;padding:15px 25px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,219,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(219,219,219,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(219,219,219,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(219,219,219,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(219,219,219,1) 100%);}


/* ログインフォーム */
header.login .logo{float:none;margin:5px auto;}
#login-table{background:#ecebe8;padding:1em 1em 2em;}
.login-block .member{background:#fff;padding:2em 1em;box-sizing:border-box;text-align:center;margin-bottom:2em;}
.login-block .member h2{margin-bottom:1.5em;font-size:1.2em;}
.login-block .member .caution{font-size:.9em;margin-bottom:1em;color:#f00;}
.login-block .non-member{background:#fff;padding:2em 1em;box-sizing:border-box;text-align:center;}
.login-block .non-member h2{margin-bottom:1.5em;font-size:1.2em;}
.login-block .non-member p{color:#666;line-height:1.9;}

.login-block table th,
.login-block table td{margin-bottom:1em;}
.login-block table .margin{margin-bottom:20px;vertical-align:top;}
.login-block .label{font-size:.8em;font-weight:normal;padding-right:.5em;}
.login-block .frame{width:100%;display:block;border:solid 1px #ccc;font-size:18px;padding:5px;box-sizing:border-box;}
.login-block .btn{appearance:none;-webkit-appearance:none;background:#808080;border:none;border-radius:6px;color:#fff;line-height:44px;height:44px;width:90%;margin:20px auto 0;font-size:19px;display:block;cursor:pointer;}
.login-block .btn:hover{text-decoration:none;background:#666;}
.login-block .about-link{display:block;margin-top:15px;}
.login-block .guide{margin:2em 0;}
.login-block .arrow{position:relative;padding-right:20px;color:#666;line-height:1;}
.login-block .arrow::after{content:"";display:block;position:absolute;top:3px;right:0;width:9px;height:9px;border-top:solid 2px #666;border-right:solid 2px #666;transform:rotate(45deg);}

/* ニックネーム */
.login-block .nickname{background:#fff;padding:2em 1em;box-sizing:border-box;text-align:center;}
.login-block .nickname p{color:#666;line-height:1.8;margin:25px auto;text-align:left;}
.login-block .nickname .frame{width:90% !important;margin:0 auto 35px;}
.login-block .nickname .btn{width:80%;}
#mw-comment-nickname-alert{color:#f00;}

/* gtm */
#gtm_start_of_article_page,
#gtm_end_of_article_page,
#gtm_end_of_article,
.gtm_end_of_article,
.gtm_end_of_article_page,
.gtm_inarticle_scrl {
  display:block;
  height:1px;
}
.g-a-gray{
  background-color: #f9f9f8;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin:30px auto;
}
/* ad */
div[id^="div-gpt-ad-Sp_inFeed"]{
 contain: content;
}

/* pianoのログイン・ログアウト時のオーバーレイ */
.login-logout-overlay{background-color:rgba(0,0,0,0.65);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;}
.login-logout-overlay img{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);width: 80px;}


/* オプトアウト */
.opt-out{margin:2em 10px;}
.opt-out h1{margin:1em 0;padding-top:1em;font-size:18px;}
.opt-out__block{background:#f7f7f7;padding:20px;box-sizing:border-box;}
.opt-out__block p{letter-spacing:1px;}
.opt-out__block .status{border-radius:6px;text-align:center;font-weight:bold;width:74%;height:56px;line-height:56px;cursor:pointer;margin:auto;}
.opt-out__block .status.optout{background:#7d7d7d;color:#fff;}
.opt-out__block .status.optin{background:#dbdbdb;color:#333;}
.opt-out__block h2{margin:1em 0;font-size:18px;text-align:center;}

/*
********************************************************************
  module
********************************************************************
*/
/* SNSシェア */
.m-sns-wrap.--border {
  margin: 10px 0;
  padding: 15px 0;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #d6d6d6;
}
.m-sns {
  margin: 0;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}
.m-sns.--f-start {
  justify-content: flex-start;
}
.m-sns.--block {
  display: block;
  margin-bottom: 40px;
}
.m-sns.--member {
  margin-bottom: 30px;
}
.m-sns-center {
  text-align: center;
}
.m-sns-left,
.m-sns-right {
  display: flex;
  align-items: center;
}
.m-sns-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-sns-flex.--center {
  justify-content: center;
}
.m-sns-flex.--column {
  flex-direction: column;
}
.m-sns-block {
  width: 28px;
  height: 28px;
  border: none;
  margin: 0 15px 0 0;
  border-radius: 50%;
}
.m-sns-block:last-child {
  margin: 0;
}
.m-sns-block.--center {
  margin: 0 12.5px;
}
.m-sns-block.facebook {
  padding-left: 0;
}
.m-sns-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  left: auto;
  margin-right: 0px;
  border-radius: 50%;
  vertical-align: middle;
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.m-sns-link.--facebook {
  background-color: #0866FF;
  background-image: url(/common/images/v5/common/ico-fbook_w.svg);
  background-size: 22px;
  background-position: center bottom;
}
.m-sns-link.--x {
  background-image: url(/common/images/v5/common/x-logo-logo.svg);
  background-color: #000;
  background-size: 14px;
  background-position: center;
}
.m-sns-link.--line {
  background-color: #00c300;
  background-image: url(/common/images/v5/common/ico-line_w.svg);
  background-size: 18px;
}
.m-sns-link.--note {
  background-image:url(/common/images/icon/ico-note_w.svg);
  border: 1px solid #868686;
}
.m-sns-link.--hatebu {
  background-image: url(/common/images/icon/ico-hatena_w.svg);
  background-color: #01a4de;
  border-radius: 5px;
}
.m-sns-link.--no-icon {
  background-image: none!important;
}
/* ツールチップ */
.m-tooltip-wrap {
  position: relative;
}
.m-tooltip {
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  padding: 15px 18px;
  color: #000;
  box-shadow: 0 1px 5px #333;
  border-radius: 4px;
  z-index: 10;
  width: 214px;
  box-sizing: border-box;
  margin: 0;
  font-size: 12px!important;
  line-height: 1.6;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
  text-align: center;
  cursor: auto;
}
.m-tooltip.--center {
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
}
.m-tooltip p {
  margin-bottom: 0!important;
  line-height: 1.6!important;
  font-size: 14px!important;
  letter-spacing: 0!important;
  text-indent: 0!important;
}
.m-tooltip .print-info__link {
  display: inline;
  border-style: none;
  font-size: 14px;
  padding: 0;
  line-height: 1.4;
  text-decoration: underline;
  color: #3d44ce !important;
  cursor: pointer;
}
.m-tooltip.--bookmark {
  text-align: left;
  width: 305px;
}
.m-tooltip.is-show {
  visibility: visible;
  opacity: 1;
}
.m-tooltip::before,
.m-tooltip::after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 12px 7px;
  right: 50px;
}
.m-tooltip.--center::before,
.m-tooltip.--center::after {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.m-tooltip::before {
  border-color: transparent transparent #ccc transparent;
  top:-24px;
}
.m-tooltip::after {
  border-color: transparent transparent #fff transparent;
  top: -22px;
}
.m-tooltip-link {
  display: inline;
  border-style: none;
  font-size: 14px;
  padding: 0;
  line-height: 1.4;
  text-decoration: underline;
  color: #3d44ce !important;
  cursor: pointer;
}
/* overlay */
.m-overlay .overlay {
  background-color: rgba(0,0,0,0.65);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
}
.m-overlay-box {
  position: fixed;
  width: 90%;
  box-sizing: border-box;
  padding: 35px 38px;
  z-index: 1002;
  background: #fff;
  top: 30%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 4px;
  box-shadow: 0 3px 3px #333;
}
.m-overlay-comment {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.4;
}
.m-overlay-box a {
  color: #00f;
  text-align: center;
  text-decoration: underline;
  display: block;
}
.m-overlay-close {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  top: -30px;
  right: -30px;
  background: url(/common/images/v5/icon/follow-close.png) no-repeat;
  background-size: 60px;
  cursor: pointer;
}
.m-overlay-text {
  text-align: left;
  margin-bottom: 15px;
}

/*
********************************************************************
  component
********************************************************************
*/
/* ボタン */
.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px!important;
  padding: 0;
  margin: 0;
  width: auto;
  height: 47px;
  line-height: 1;
  border: 1px solid #7D7D7D;
  color: #7D7D7D;
  border-radius: 3px;
  box-sizing: border-box;
}
.c-btn.--small {
  height: 30px;
}
.c-btn.--gray {
  background-color: #868686;
  border: 1px solid #868686;
  color: #fff;
}
.c-btn.--center {
  margin: 20px 0;
}
.c-btn.--bookmark {
  width: 123px;
  background: url(/common/images/icon/bookmark-white.svg) no-repeat 10px center/11px 16px;
}
.c-btn.--bookmark.is-bookmarked {
  background: #DBDBDB url(/common/images/icon/bookmark-gray.svg) no-repeat 10px center/11px 16px;
  border: 1px solid #DBDBDB;
}
.c-btn.--bookmark.--circle {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  background-position: center;
  margin: 0;
}
.c-btn > a,
.c-btn > span {
  display: flex!important;
  align-items: center;
  justify-content: flex-end;
  text-align: left!important;
  font-size: 12px!important;
  color: #7D7D7D!important;
  padding: 0!important;
  font-weight: normal!important;
  text-decoration: none!important;
  width: 100%;
  height: 47px;
}
.c-btn.--small > a,
.c-btn.--small > span {
  height: 30px;
}
/* タイトル */
.c-title {
  font-weight: bold;
}

/*
********************************************************************
  nav
********************************************************************
*/
.nav-status-wrap,
.nav-btn-wrap {
  background-color: #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.nav-status-wrap {
  padding: 20px 0;
}
.nav-status-title {
  font-size: 14px;
  margin-right: 10px;
  width: 155px;
  text-align: right;
}
.nav-status {
  font-size: 18px;
  width: 155px;
}
.nav-btn-wrap {
  padding-bottom: 20px;
  border-bottom: 2px solid #999999;
}
.nav-btn {
  font-size: 15px!important;
  width: 155px;
  margin: 0 5px;
}
.nav-bg.--gray {
  background-color: #EAEAEA;
  padding-bottom: 5px;
}
.nav-bottom {
  margin: 0 auto 120px;
}

/*
********************************************************************
  utility
********************************************************************
*/
.u-mr-10 {
  margin-right: 10px;
}
.u-wide {
  width: 100%;
}

/*
********************************************************************
  article
********************************************************************
*/
.article-header-author {
  padding-top: 17px;
}
.article-header-date {
  font-size: 12px;
  line-height: 1;
  padding-top: 10px;
  margin-bottom: 7px;
}

/*
********************************************************************
  bookmark
********************************************************************
*/
.bookmark.is-bookmark .bookmark-btn {
  padding-right: 18px!important;
}
.bookmark.is-bookmarked .bookmark-btn {
  padding-right: 9px!important;
  color: #3b3b3b !important;
}
.bookmark.is-bookmarked .bookmark-btn.--no-text {
  padding: 0!important;
}

/*
********************************************************************
  pjax
********************************************************************
*/
.pjax-text{text-align:center;color:#676B6C;font-size:12px;margin-top:25px;}
.pjax-loader{text-align:center;margin:20px 60px;}