@charset "utf-8";

/*
********************************************************************
サイト全体に共通の基本定義f
********************************************************************
*/

/* ------------------------------------------------------------------
---------------------------------------------------------------------
ジャンル色
top:#2c6fa6
default:#009fe6
business:#c07700
economy-and-politics:#bb555b
market:#a04177
career-and-education:#845b8d
life:#179397
tetsudosaizensen:#86a300
jidoshasaizensen:#157316
ranking:#bed529
information:#dd5a30
pr:#425b92
tktopics:#425b92
adcategory:#3d5999
member:#aa8c49
--------------------------------------------------------------------
-------------------------------------------------------------------- */


/* -- ▼余白、リストのデフォルト形状、fontなど▼ -- */
* {list-style:none;margin:0px;padding: 0px;}
body,input{font-family:Hiragino Sans,'ヒラギノ角ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo', 'メイリオ', Verdana,'ＭＳ Ｐゴシック',sans-serif;}
body{overflow-y: scroll;}
a.noborder,
a.noborder:link,
a.noborder:hover,
a.noborder:active, 
a.noborder:visited
img{border: 0;vertical-align:bottom;}

/* -- リンク、画像border、hr -- */
a:link, a:active{color: #000;text-decoration:none;}
a:visited{color: #000;text-decoration:none;}
a:hover{color: #000;text-decoration:underline;}
a:focus{outline:none;}

/* -- 記事中のボックスリンク -- */
a.link-box{display:block;}
a.link-box:hover .ttl .column-ttl,
a.link-box:hover .ttl .column-main-ttl{text-decoration:underline;}
a.link-box:hover .column-ttl,
a.link-box:hover .column-main-ttl{text-decoration:underline;}
a:hover .column-ttl,
a:hover .column-main-ttl{text-decoration:underline;}
a:hover .pr1,a:hover .pr2,a:hover .topics1,a:hover .topics2,a:hover .topics3{text-decoration:underline;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix::after {content:"";display:block;clear:both;}

/* -- ▼ 文字を隠す ▼ -- */
.hide{overflow:hidden;white-space:nowrap;text-indent:150%;}

/* -- ▼ float指定 ▼ -- */
.left{float:left;}
.right{float:right;}

/* -- ▼ 非表示スタイル ▼ -- */
.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;}

/*
***********************************************************************
カテゴリ色分けメインカラー
***********************************************************************
*/

/* -- テキスト -- */
.default.text{color:#009fe6;}
.top.text{color:#ecd900;}
.business.text{color:#c07700;}
.economy-and-politics.text{color:#bb555b;}
.market.text{color:#a04177;}
.career-and-education.text{color:#845b8d;}
.life.text{color:#179397;}
.tetsudosaizensen.text{color:#86a300;}
.jidoshasaizensen.text{color:#157316;}
.information.text{color:#dd5a30;}
.ranking.text{color:#bed529;}
.adcategory{color:#3d5999;}
.member.text{color:#aa8c49;}

/* -- リンク -- */
.default a,a .default{color:#009fe6;}
.business a,a .business{color:#c07700;}
.economy-and-politics a,a .economy-and-politics{color:#bb555b;}
.market a,a .market{color:#a04177;}
.career-and-education a,a .career-and-education{color:#845b8d;}
.life a,a .life{color:#179397;}
.tetsudosaizensen  a,a .tetsudosaizensen{color:#86a300;}
.jidoshasaizensen  a,a .jidoshasaizensen{color:#157316;}
.information  a,a .information{color:#dd5a30;}
.ranking  a,a .ranking{color:#bed529;}
.tktopics a, a .tktopics{color:#747474;}
.adcategory a, a .adcategory{color:#3d5999;}

/* -- ボーダーカラー -- */
.default.line{border-color:#009fe6;}
.top.line{border-color:#ecd900;}
.business.line{border-color:#c07700;}
.economy-and-politics.line{border-color:#bb555b;}
.market.line{border-color:#a04177;}
.career-and-education.line{border-color:#845b8d;}
.life.line{border-color:#179397;}
.tetsudosaizensen.line{border-color:#86a300;}
.jidoshasaizensen.line{border-color:#157316;}
.video.line{border-color:#F39A02;}
.ranking.line{border-color:#bed529;}
.information.line{border-color:#dd5a30;}
.adcategory .line{border-color:#3d5999;}
.member .line{border-color:#aa8c49;}

/* -----------------------------------
背景画像の指定
.basic,.basic a{background-image:url(/common/images/v5/common/top-common2-min.png?rd=201707051212);background-repeat:no-repeat;display:block;background-size:750px 550px;-webkit-background-size:750px 550px;-moz-background-size:750px 550px;}
------------------------------------ */

/*
***********************************************************************
サイトのレイアウトに関する指定
***********************************************************************
*/

/* -- ▼ 全体を包むwrapper ▼ -- */
#wrapper{margin:0 auto;padding:0;width:auto;}
#wrapper.print{width:auto;margin:15px;}
#wrapper.video{width:auto;margin:0 auto;}
.inner-section{width:1000px;margin:0 auto;}

/* -- ▼ ヘッダー（ロゴ周りなど）,ナビゲーション ▼ -- */
#header{width:1000px;margin:8px auto 12px auto;padding:0;display:flex;justify-content:space-between;align-items:center;}
#header.print{width:auto;border-bottom:solid 1px #938B89;padding-bottom:15px;display:block;}
.header-video-inner{margin:0 auto;}
#sitenavi{margin:0 auto 0 0;padding:0;clear:right;}

/* -- ▼記事用指定▼ -- */
#sitenavi.article{border:none;margin-top:0;}

/* -- ▼ メインコンテンツ ▼ -- */
#contents{margin:8px auto 0;padding:0;width:1000px;}
#contents.video{margin-top:16px;}

/* -- ▼ メインカラム ▼ -- */
#main-column{float:left;width:685px;}
#main-column.tktopics,#main-column.leading-edge{margin-top:16px;}
#main-column.adarticles{margin:0 0 50px 0;}

/* -- ▼ ページセンター寄せ（トピックボード,ライブラリー,連載） ▼ -- */
#main-column .subsection{width:570px;border-bottom:solid 1px #bababa;margin:0 auto 20px auto;clear:both;}
#main-column .subsection.wide{width:615px;}
#main-column .subsection.no-margin{margin-bottom:0;}
#main-column .subsection.no-border{border-style:none;}
#main-column .category.subsection{border-bottom: 1px solid #bababa;clear:both;margin: 10px auto 20px;width: 570px;}
#main-column .subsection-series{width:685px;border-bottom:solid 1px #bababa;margin:0 auto 20px auto;clear:both;}

/* -- ▼ サブカラム ▼ -- */
#sub-column{float:right;width:300px;}
#sub-column.article{margin-top:20px;}


/*
***********************************************************************
トップページ、記事で共通使用しているものの指定
***********************************************************************
*/

/* -- ▼ ヘッダー ▼ -- */
.logo{width:192px;}
.logo.print{margin:0;}
.logo img.logosocial,
.logo img.logoofficial{width:192px;height:60px;}
.logo.--tk130th img.logoofficial{width:192px;height:69px;}

/* -- ▼プリント用ヘッダ▼ -- */
.print .print-btn{display:inline-block;color:#757575;border:solid 1px #757575;border-radius:4px;line-height:1;font-size:13px;padding:7px 10px 7px 32px;background-size:20px 20px;background-repeat:no-repeat;background-position:5px 3px;}
.print .logout .print-btn{background-image:url(/common/images/v5/icon/logout.png);}
.print .printer .print-btn{background-image:url(/common/images/v5/icon/printer.png);}
.print .close .print-btn{background-image:url(/common/images/v5/icon/close.png);background-size:16px 16px;background-position:5px 5px;}
.print .print-btn:hover{text-decoration:none;}

/* -- ▼記事用指定▼ -- */
.logo h1 span,#header .logo p span{display:none;}

/* -- ▼ 会員ページ用header ▼ -- */
.member-sub-area{width:790px;display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:0;right:0;}


/* -- ▼ 検索 ▼ -- */
#search{margin:3px 0;}
#search form input{border-style:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}
#search form input[type="text"]{outline:none;}
#search form input.inputtext{width:100px;height:24px;line-height:1em;background:url(/common/images/v5/common/icon-search.png?rd=201707051212) no-repeat 5px 50% #dfe0e1;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;padding-left:26px;}
#search form input.search-btn{background-color:#fff;color:#868686;width:34px;text-align:center;line-height:24px;margin-left:2px;font-size:14px;cursor:pointer;}
@-moz-document url-prefix() {
  #search form input.search-btn{line-height:22px;}
}
.search-form__link{color:#fff !important;background:url(/common/images/v5/common/icon-search.png?rd=201707051212) no-repeat 5px 50%;padding-left:26px;background-size:15px;}
.search-form__link:hover{text-decoration:none;}

/* -- ▼ サイトナビ▼ -- */
#sitenavi{background-color:#868686;margin-bottom:9px;}
.sitenavi-menu ul{display:flex;justify-content:space-between;}
.sitenavi-menu ul li {
  height: 30px;
  z-index: 200;
}
.sitenavi-menu ul li a,.sitenavi-menu ul li.theme span{display:block;color:#fff;height:30px;text-align:center;position:relative;}
.sitenavi-menu ul li a:hover,
.sitenavi-menu ul li a.current,
.sitenavi-menu ul li.theme span.current,
.sitenavi-menu ul li.theme span:hover,
.sitenavi-menu ul li.theme span.current-fixed {
  background-color: #fff;
  color: #868686;
}
.sitenavi-menu ul li a span,
.sitenavi-menu ul li.theme span{border-top:solid 3px #fff;font-size:14px;height:30px;line-height:30px;text-align:center;display:inline-block;position:relative;top:-3px;}
.sitenavi-menu ul li:nth-child(1) a span{width:64px;}
.sitenavi-menu ul li:nth-child(1) a:hover span,.sitenavi-menu ul li:nth-child(1) a.current span{border-top-color:#2c6fa6;}
.sitenavi-menu ul li:nth-child(2) a span{width:96px;}
.sitenavi-menu ul li:nth-child(2) a:hover span,.sitenavi-menu ul li:nth-child(2) a.current span{border-top-color:#333;}
.sitenavi-menu ul li:nth-child(3) a span{width:84px;}
.sitenavi-menu ul li:nth-child(3) a:hover span,.sitenavi-menu ul li:nth-child(3) a.current span{border-top-color:#aa8c49;}
.sitenavi-menu ul li:nth-child(4) a span{width:84px;}
.sitenavi-menu ul li:nth-child(4) a:hover span,.sitenavi-menu ul li:nth-child(4) a.current span{border-top-color:#c07700;}
.sitenavi-menu ul li:nth-child(5) a span{width:96px;}
.sitenavi-menu ul li:nth-child(5) a:hover span,.sitenavi-menu ul li:nth-child(5) a.current span{border-top-color:#bb555b;}
.sitenavi-menu ul li:nth-child(6) a span{width:94px;}
.sitenavi-menu ul li:nth-child(6) a:hover span,.sitenavi-menu ul li:nth-child(6) a.current span{border-top-color:#a04177;}
.sitenavi-menu ul li:nth-child(7) a span{width:122px;}
.sitenavi-menu ul li:nth-child(7) a:hover span,.sitenavi-menu ul li:nth-child(7) a.current span{border-top-color:#845b8d;}
.sitenavi-menu ul li:nth-child(8) a span{width:64px;}
.sitenavi-menu ul li:nth-child(8) a:hover span,.sitenavi-menu ul li:nth-child(8) a.current span{border-top-color:#179397;}
.sitenavi-menu ul li:nth-child(9) a span{width:52px;}
.sitenavi-menu ul li:nth-child(9) a:hover span,.sitenavi-menu ul li:nth-child(9) a.current span{border-top-color:#86a300;}
.sitenavi-menu ul li:nth-child(10) a span{width:64px;}
.sitenavi-menu ul li:nth-child(10) a:hover span,.sitenavi-menu ul li:nth-child(10) a.current span{border-top-color:#157316;}
.sitenavi-menu ul li:nth-child(11) a span{width:52px;}
.sitenavi-menu ul li:nth-child(11) a:hover span,.sitenavi-menu ul li:nth-child(11) a.current span{border-top-color:#e49d37;}
.sitenavi-menu ul li:nth-child(12) a span{width:64px;}
.sitenavi-menu ul li:nth-child(12) a:hover span,.sitenavi-menu ul li:nth-child(12) a.current span{border-top-color:#000;}
.sitenavi-menu ul li:nth-child(13) span{width:64px;cursor:pointer;}
.sitenavi-menu ul li:nth-child(13) span:hover,.sitenavi-menu ul li:nth-child(13) span.current,
.sitenavi-menu ul li:nth-child(13) span:hover,.sitenavi-menu ul li:nth-child(12) span.current-fixed {
  border-top-color: #5B678D;
}

.sitenavi-menu ul li.theme span{position:relative;padding-right:10px;}
.sitenavi-menu ul li.theme span::after{content:"";display:block;border-style:solid;border-width:6px 4px;border-color:#e7e7e7 transparent transparent transparent;position:absolute;top:12px;right:7px;}
.sitenavi-menu ul li.theme{position:relative;}
.sitenavi-menu ul li.theme .theme-sub-menu{display:none;position:absolute;top:30px;right:0;background:#fff;padding:16px 20px;box-sizing:border-box;border-style:solid;border-width:0 1px 1px 1px ;border-color:#E8E8E8;border-radius:0 0 4px 4px;min-width:300px;box-shadow:1px 3px 5px #E8E8E8;}
.sitenavi-menu ul li.theme .theme-sub-menu__block:not(:last-child){margin-bottom:20px;padding-bottom:10px;border-bottom:solid 1px #e8e8e8;}
.sitenavi-menu ul li.theme .theme-sub-menu__title{color:#707070;font-size:14px;font-weight:bold;margin-bottom:5px;}
.sitenavi-menu ul li.theme .theme-sub-menu__item:not(:last-child){border-bottom:dotted 1px #E8E8E8;}
.sitenavi-menu ul li.theme .theme-sub-menu a{color:#707070;font-size:15px;text-align:left;display:inline-block;height:auto;padding:10px 5px 6px 20px;position:relative;}
.sitenavi-menu ul li.theme .theme-sub-menu a::before{content:"";position:absolute;top:50%;left:0;width:3px;height:3px;border-top:solid 1px #707070;border-right:solid 1px #707070;transform:rotate(45deg) translate(-50%, 0);}
.sitenavi-menu ul li.theme .theme-sub-menu a::after{content:"";position:absolute;top:50%;left:3px;width:3px;height:3px;border-top:solid 1px #707070;border-right:solid 1px #707070;transform:rotate(45deg) translate(-50%, 0);}
.sitenavi-menu ul li.theme .theme-sub-menu a[target="_blank"]{background:url(/common/images/v5/theme/icon-target.svg) no-repeat right;padding-right:15px;}
.sitenavi-menu ul li.theme .theme-sub-menu .theme-sub-menu__sponsor{font-size:12px;margin-bottom:2px;}

/* -- ▼ お知らせ ▼ -- */
.top-information{font-size:12px;line-height:1.8;display:flex;}
.top-information .info{position:relative;padding-left:20px;margin-right:10px;}
.top-information .info::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:1px;left:0;text-align:center;}

/* -- ▼ 日付 ▼ -- */
.header-sub-area .date{font-size:13px;line-height:1;margin-top:5px;}

/* -- ▼ 検索 ▼ -- */
.serach-form{background:#EAEAEA;border:solid 1px #868686;border-radius:4px;padding:4px 10px;display:flex;width:178px;box-sizing:border-box;}
.serach-form input{appearance:none;border:none;background:transparent;}
.serach-form input.inputtext{line-height:27px;font-size:13px;width:100%;}
.serach-form input.search-btn{background:url(/common/images/v5/common/search-ico.png) no-repeat center;background-size:22px;font-size:0;width:24px;height:24px;margin-right:10px;}
.serach-form input.inputtext[type="text"]:focus{outline:none;}

.header-right-area{display:flex;}
.header-search-area{margin-right:10px;}

/* -- ▼ ヘッダのログインボタン ▼ -- */
.header-btns{display:flex;justify-content:space-between;align-items:center;}
.header-btns .header-btns__link > a:hover{text-decoration:none !important;}
.header-btns__regist{display:block;background:url(/common/images/v5/common/regist_pc.png) no-repeat 10px #868686;background-size:24px;border-radius:4px;color:#fff !important;font-weight:bold;font-size:13px;padding:0 10px 0 40px;line-height:37px;box-sizing:border-box;margin-right:10px;cursor:pointer;border-style:none;}
/* ABテスト用カラー */
.header-btns__regist.--blue{background-color:#2c73df;}
.header-btns__regist.--green{background-color:#24871b;}
.header-btns__regist.--orange{background-color:#ef5b2d;}
.header-btns__login{display:block;background:url(/common/images/v5/common/login.png) no-repeat 10px #fff;background-size:24px;border-radius:4px;border:solid 1px #868686;color:#868686 !important;font-weight:bold;font-size:13px;padding:0 10px 0 40px;line-height:37px;box-sizing:border-box;cursor:pointer;}
/* ABテスト用カラー */
.header-btns__login.--blue{background-image:url(/common/images/v5/common/login__blue.png);border-color:#2c73df;color:#2c73df !important;}
.header-btns__login.--green{background-image:url(/common/images/v5/common/login__green.png);border-color:#24871b;color:#24871b !important;}
.header-btns__login.--orange{background-image:url(/common/images/v5/common/login__orange.png);border-color:#ef5b2d;color:#ef5b2d !important;}
.header-btns__member.paid{display:block;background:url(/common/images/v5/common/member@2x.png) no-repeat 10px #fff;background-size:24px;border-radius:4px;border:solid 1px #868686;color:#aa8c49 !important;font-weight:bold;font-size:13px;padding:0 10px 0 40px;line-height:37px;box-sizing:border-box;cursor:pointer;}
.header-btns__member.free{display:block;background:url(/common/images/v5/common/user.png) no-repeat 10px #fff;background-size:24px;border-radius:4px;border:solid 1px #868686;color:#868686 !important;font-weight:bold;font-size:13px;padding:0 10px 0 40px;line-height:37px;box-sizing:border-box;cursor:pointer;}
.header-btns__link{position:relative;}
.header-btns__submenu {
  position: absolute;
  top: 60px;
  right: 0;
  background: #fff;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  width: 200px;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px #00000034;
  padding: 20px 12px 15px;
}
.header-btns__sublink {
  display: block;
  font-size: 15px;
  padding: 15px 0;
  cursor: pointer;
  background-color: #868686;
  margin-bottom: 8px;
  color: #fff!important;
  border-radius: 4px;
  line-height: 1;
  border: 1px solid #868686;
  text-align: center;
}
.header-btns__sublink.--white {
  background-color: #fff;
  color: #000!important;
  border: 1px solid #707070;
}
.header-btns__sublink:last-child {
  margin-bottom: 0;
}
.header-btns__link .header-btns__submenu{visibility: hidden;opacity: 0;z-index: 300;-webkit-transition: all .5s ease;transition: all .5s ease;}
.header-btns__link:hover .header-btns__submenu{visibility: visible;opacity: 1;}
.header-btns__sublink:hover{text-decoration:none !important;}
.header-btns-submenu-title-wrap {
  margin-bottom: 20px;
  line-height: 1;
  text-align: center;
}
.header-btns-submenu-title {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.header-btns-submenu-status {
  display: block;
  font-size: 18px;
}

/* -- ▼ NEWマーク、HOTマーク ▼ -- */
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;}

/* -- ▼ 会員用ログインボタン ▼ -- */
.extra-btns__link{display:inline-block;font-size:13px;line-height:1;border:solid 1px #707070;padding:5px 10px;}
.extra-btns__link:hover{text-decoration:none;background:#F2F2F2;}

/* -- ▼ 会員用記事種別 ▼ -- */
.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:15px;padding-left:17px;background:url(/common/images/v5/tkm/paid_member_key.png) no-repeat left;background-size:12px;}
.member-article-heading.open{background:url(/common/images/v5/tkm/paid_member_key_open.png) no-repeat left;background-size:12px;}
.member-article-heading.small{font-size:11px;background-size:10px;padding-left:14px;}
.free-article-heading{color:#868686;font-size:15px;padding-left:17px;background:url(/common/images/v5/tkm/free_member_key.png) no-repeat left;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;background-size:10px;padding-left:14px;}

/* -- ▼ サブメニュー ▼ -- */
.sub-area-bottom{position:relative;}
.sub-area-bottom .sub-menu{float:left;width:545px;}
.sub-area-bottom .sub-menu::after{content:"";display:block;clear:both;}
.sub-area-bottom .sub-menu ul{float:right;width:550px;}
.sub-area-bottom .sub-menu ul li a{font-size:14px;float:left;border-right:solid 1px #000;line-height:1;padding:0 10px;color:#000;}
.sub-area-bottom .sub-menu ul li a:hover{text-decoration:none;}
.sub-area-bottom .sub-menu ul li a:hover span{border-bottom:solid 1px #000;}
.sub-area-bottom .sub-menu ul li.fromjapan .current span,.sub-area-bottom .sub-menu ul li.fromjapan a:hover span{border-bottom:solid 1px #ba1b21;}
.sub-area-bottom .sub-menu ul li.ranking{display:none;}
.sub-area-bottom .sub-menu ul li.store{text-transform:uppercase;}
.sub-area-bottom .sub-menu ul li.video .current span,.sub-area-bottom .sub-menu ul li.video a:hover span{border-bottom:solid 1px #009fe6;}
.sub-area-bottom .sub-menu ul li:last-child a{border-right:none;}
.sub-area-bottom .extra-btns{float:right;position:relative;top:-6px;}
.sub-area-bottom .extra-btns .point{width:12px;height:12px;border-radius:12px;display:block;text-indent:150%;overflow:hidden;white-space:nowrap;background:#cb3a3a;position:absolute;top:-5px;right:-5px;}
.sub-area-bottom .messanger{float:left;margin-right:10px;}
.sub-area-bottom .messanger a{font-size:14px;background-image:url(/common/images/v5/common/messanger-ico.png?rd=201707051212);background-repeat:no-repeat;background-position:5px 5px;background-size:16px 17px;-webkit-background-size:16px 17px;-moz-background-size:16px 17px;background-color:#dbe0e3;line-height:26px;height:26px;padding:0 7px 0 25px;display:inline-block;}
.sub-area-bottom .messanger a:hover{text-decoration:none;}
.sub-area-bottom .mailmagazine{float:left;}
.sub-area-bottom .mailmagazine a{font-size:14px;background-image:url(/common/images/v5/common/present_icon.png);background-repeat:no-repeat;background-size:20px 20px;background-position:67px 3px;background-color:#dbe0e3;line-height:26px;line-height:26px;padding:0 30px 0 7px;display:inline-block;}
.sub-area-bottom .mailmagazine a:hover{text-decoration:none;}


/*
***********************************************************************
トップページの指定
***********************************************************************
*/
/* -- ▼ Top News1 ▼ -- */
#top-news1{height:194px;overflow:hidden;}
#top-news1 h2{width:201px;display:block;font-weight:normal;font-size:13px;background-color:#EAD200;padding:1px 0 0 0;text-align:center;}
#top-news1-inner #photo-wrapper{width:344px;height:194px;float:left;overflow:hidden;margin:0px;padding:0px;border:solid 1px #2c6fa6;box-sizing:border-box;}
.top-news1-photo{width:342px;height:192px;float:left;display:none;position:relative;}
.top-news1-photo img{width:100%;height:auto;}
.top-news1-photo a{display:block;}
.top-news1-list a{text-decoration:none;}
.top-news1-list a:hover{text-decoration:underline;}
.top-news1-list{width:334px;float:right;color:#fff;margin:0 0 0 5px;}
.top-news1-list ul li{position:relative;border-left:solid 5px #f2f2f2;padding-left:5px;margin-bottom:8px;line-height:1.3;clear:right;}
.top-news1-list ul li:last-child{margin-bottom:0;}
.top-news1-list ul li.last{margin-bottom:0;}
.top-news1-list ul li.current{position:relative;border-left:solid 5px #2c6fa6;padding-left:5px;}
.top-news1-list ul li span.shoulder a{font-size:12px;font-weight:bold;color:#2c6fa6;position:relative;display:block;margin-bottom:1px;}
.top-news1-list ul li span.title{font-size:14px;font-weight:bold;display:block;line-height:1.8;width:100%;height:25.5px;overflow:hidden;}
.top-news1-list ul li span.title > a{display:inline;}
.top-news1-list ul li span.title > a.paid-member,
.top-news1-list ul li span.title > a.free-member{padding-right:15px;}
#top-news1 a:hover .title{text-decoration:underline;}
#top-news1 a:hover .shoulder{text-decoration:underline;}
.top-news1-list ul li .author a{display:block;font-size:11px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-news1-list ul li .author a span{font-size:13px;}
.top-news1-list ul li .mw-comment-count{font-size:13px;position:absolute;right:0;bottom:2px;line-height:1;}
.top-news1-list ul li .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;}

/* -- ▼ Top News2 ▼ -- */
#top-news2.genre{margin-bottom:0;}
#top-news2 ul li{margin:14px 17px 0 0;}
#top-news2 ul li:nth-child(3n){margin-right:0;}
#top-news2 ul li:nth-child(3n+1){clear:left;}
#top-news2 ul li a{color:#000;}
#top-news2 ul li a:hover{text-decoration:underline;}
#top-news2 ul li .ctitle{position:relative;display:block;min-height:30px;}
#top-news2 ul li .mw-comment-count{font-size:13px;position:absolute;right:0;bottom:0;line-height:1;}
#top-news2 ul li .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;}
#top-news2 ul li span.shoulder a,#top-news2 ul li.pr span.shoulder{font-size:10px;font-weight:bold;color:#2c6fa6;margin-bottom:2px;}
#top-news2 ul li a span.shoulder.premium{font-size:10px;font-weight:bold;color:#2c6fa6;margin-bottom:2px;}
#top-news2 ul li .title{font-weight:bold;font-size:14px !important;position:relative;word-break:loose !important;z-index:10;display:inline;}
#top-news2 ul li .title .new{position:absolute;bottom:0;left:172px;font-weight:normal;z-index:1000;word-break:loose !important;}
#top-news2 ul li .title{background-position:right 2px;padding-right:15px;}
#top-news2 ul li .author a{display:block;font-size:13px;color:#8c8c8c;overflow:hidden;line-height:1.6;position:relative;margin-top:2px;}
#top-news2 ul li .leafbanner.premium{display:block;font-size:13px;color:#8c8c8c;overflow:hidden;line-height:1.6;position:relative;margin-top:2px;}
#top-news2 ul li .thumb{text-align:center;display:block;overflow:hidden;width:217px;height:auto;position:relative;padding-top:56.25%;margin-bottom:6px;}
#top-news2 ul li .thumb img{width:100%;height:auto;position:absolute;top:0;left:0;}
#top-news2 ul li.pr{display:block;position:relative;}
#top-news2 ul li.pr a:hover{text-decoration:none;}
#top-news2 ul li.pr .title{min-height:41px;display:inline-block;vertical-align:top;}
#top-news2 ul li.pr .ad{font-size:12px;color:#747474;position:absolute;right:0;bottom:121px;}

/* -- ▼ Top News3 ▼ -- */
#top-news3.genre{margin:0 0 20px 0;}
#top-news3 ul{font-size:0;display:flex;flex-wrap:wrap;}
#top-news3 ul li{margin:14px 25px 0 0;display:inline-block;}
#top-news3 ul li:nth-child(4n){margin-right:0;}
#top-news3 ul li a{color:#000;}
#top-news3 ul li a:hover{text-decoration:underline;}
#top-news3 ul li .title{font-weight:bold;font-size:12px;word-break:loose !important;position:relative;min-height:30px;letter-spacing:-0.16px;}
#top-news3 ul li .title a{display:inline;}
#top-news3 ul li .mw-comment-count{font-size:12px;position:absolute;right:0;bottom:0;line-height:1;font-weight:normal;}
#top-news3 ul li .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:13px;display:none;}
#top-news3 ul li .author a{display:block;font-size:12px;color:#8c8c8c;overflow:hidden;width:152px;line-height:1.6;position:relative;margin-top:2px;}
#top-news3 ul li .thumb{position:relative;margin-bottom:5px;}
#top-news3 ul li .thumb{overflow:hidden;text-align:center;width:152px;height:auto;display:block;position:relative;padding-top:56.25%;}
#top-news3 ul li .thumb img{width:100%;height:auto;position:absolute;top:0;left:0;}
#top-news3 ul li .thumb .j-icon img{width:110px;height:15px;position:absolute;right:0;bottom:0;}
#top-news3 ul li.pr{position:relative;}
#top-news3 ul li.pr a:hover{text-decoration:none;}
#top-news3 ul li.pr .title{margin-bottom:5px;font-size:12px;font-weight:bold;line-height:1.2;word-break:break-word;display:block;padding-right:0;}
#top-news3 ul li.pr .ad{font-size:11px;color:#747474;position:absolute;right:0;top:20px;}

/* -- ▼ トップページの共通指定 ▼ -- */
.wd332{width:332px;}
.wd329{width:329px;}
.wd210{width:210px;}
.wd215{width:215px;}
.wd217{width:217px;}
.wd155{width:155px;}
.wd152{width:152px;}
.wd145{width:145px;}
.wd110{width:110px;}
.ht189{height:189px;}
.ht124{height:124px;}
.ht120{height:120px;}
.ht83{height:83px;}
.ht63{height:63px;}

/* -- ▼ トップ人気連載 ▼ -- */
#top-series-list{margin:0 0 30px;overflow:hidden;width:685px !important;}
#top-series-list .heading{border-bottom:solid 2px #000;}
#top-series-list .heading span{display:inline-block;background:#000;color:#fff;height:19px;line-height:20px;font-size:13px;padding:2px 7px 1px;position:relative;}
.series-list-icon{overflow:hidden;}
.series-list-icon ul li{margin-right:10px;margin-top:15px;}
.series-list-icon ul li a{display:block;overflow:hidden;width:135px;height:auto;position:relative;padding-top:56.25%;}
.series-list-icon ul li a img{width:100%;height:auto;position:absolute;top:0;left:0;}
.series-list-icon ul li a .new span{position: absolute;top: 12px;right: -2px;color: #fff;font-size: 10px;z-index: 1;transform: rotate(45deg);}
.series-list-icon ul li a .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);}
.series-list-icon ul li:nth-child(4n){margin-right:0;}
#top-series-list .series-list-icon ul li{margin-right:35px;margin-top:10px;}
#top-series-list .series-list-icon ul li a{display:block;overflow:hidden;width:145px;height:auto;position:relative;padding-top:56.25%;}
#top-series-list .series-list-icon ul li:nth-child(4n){margin-right:0;}
.top-series-list__more{margin-top:10px;font-size:14px;position:relative;padding-left:15px;float:right;line-height:1;}
.top-series-list__more::before{content:"";display:block;position:absolute;top:4px;left:0;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}
.top-series-list__more::after{content:"";display:block;position:absolute;top:4px;left:3px;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}

/* -- ▼ トップジャンルリスト ▼ -- */
.genre{margin-bottom:20px;clear:both;}
.genre.small,.genre.middle{margin-bottom:10px;clear:both;}
.genre .heading{margin-bottom:10px;position:relative;border-bottom:solid 2px #000;font-size:14px;font-weight:normal;line-height:1;}
.genre .heading.ranking__ttl span{background: #aac35c;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.genre .heading a.tbt{background:#ced3d7;color:#21326e;display:inline-block;font-family:"Georgia";font-weight:bold;padding:3px 40px 3px 7px;font-size:18px;position:relative;}
.genre .heading a.tbt::after{content:"";display:block;width:9px;height:9px;position:absolute;top:7px;right:12px;border-top:solid 2px #21326e;border-right:solid 2px #21326e;transform:rotate(45deg);}
.genre .heading .tktopics{display:inline-block;background:#747474;color:#fff;padding:2px 7px 1px;line-height:20px;font-size:14px;}
.genre .heading .ad{color:#747474;font-size:13px;position:absolute;bottom:0;right:0;display:block;}

.genre a:hover{text-decoration:none;}
.genre .thumb{position:relative;display:block;text-align:center;overflow:hidden;height:185px;}
.genre .date{background-color: #000;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 12px;bottom:5px;left: 5px;opacity: 0.7;padding:1px 3px;position: absolute;}
.genre .shoulder{font-size:12px;font-weight:bold;display:block;line-height:1.2;}
.genre .shoulder{font-size:12px;font-weight:bold;display:block;line-height:1.2;margin-bottom:2px;}
.genre .w-list .thumb{margin:2px 0 10px 0;width:329px;height:auto;overflow:hidden;display:block;position:relative;padding-top:56.25%;}
.genre .w-list .thumb img{width:100%;height:auto;position:absolute;top:0;left:0;}
.genre .w-list .text{margin-bottom:5px;padding-bottom:5px;border-bottom:solid 1px #bbb;font-weight:bold;display:block;line-height:1.2;font-size:14px;color:#000;}
.genre .w-list .text > span.paid-member,
.genre .w-list .text > span.free-member{padding-right:14px;}
.genre .h-list{margin-bottom:15px;}
.genre .h-list:last-child{margin-bottom:0;}
.genre .h-list .text-list{margin-top:36px;}
.genre.middle .w-list{margin-right:27px;}
.genre.middle .w-list.tktopics{background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;}
.genre.middle .w-list.tktopics .block-mgb{margin-bottom:5px;}
.genre.small .w-list{margin-right:20px;}
.genre.small .w-list:last-child,.genre.middle .w-list:last-child{margin-right:0;}
.genre.small .w-list .shoulder{height:30px;}
.genre.small .w-list .title{height:36px;}
.genre .title{font-weight: bold;display: block;line-height: 1.4;background-position:right;padding-right:15px;display:inline;}
.genre .text-list.wd329 ul li{margin-bottom:1em;}
.genre .text-list.wd329 ul li .title.tbt{position:relative;padding-left:15px;}
.genre .text-list.wd329 ul li .title.tbt::before{content:"";display:block;width:0;height:0;border-left:solid 10px #ced5d9;border-top:solid 8px transparent;border-bottom:solid 8px transparent;border-right:solid 10px transparent;position:absolute;left:0;}
.genre .title.tbt{min-height:36px;}
.genre a:hover .shoulder{text-decoration:underline;}
.genre a:hover .title{text-decoration:underline;}

.ranking__more{margin-top:5px;font-size:14px;position:relative;padding-left:15px;float:right;line-height:1;}
.ranking__more::before{content:"";display:block;position:absolute;top:4px;left:0;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}
.ranking__more::after{content:"";display:block;position:absolute;top:4px;left:3px;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}

/* top有料記事一覧 */
.top-member-articles{clear:both;margin-top:20px;}
.top-member-articles .heading{margin-bottom: 10px;position: relative;border-bottom: solid 2px #000;font-size: 14px;font-weight: normal;line-height: 1;}
.top-member-articles .heading span{background: #AA8C49;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.top-member-articles ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.top-member-articles ul li{width:145px;}
.top-member-articles ul li .thumb{margin-bottom:5px;}
.top-member-articles ul li .ttl{font-weight: bold;font-size:12px;position: relative;min-height:30px;padding-right:14px;display:inline;}
.top-member-articles ul li .author{display: block;font-size:12px;color: #8c8c8c;overflow: hidden;line-height: 1.6;position: relative;margin-top: 2px;}

/* top有料特集一覧 */
.top-member-features{clear:both;margin:20px auto;}
.top-member-features .heading{margin-bottom: 10px;position: relative;border-bottom: solid 2px #000;font-size: 14px;font-weight: normal;line-height: 1;}
.top-member-features .heading span{background: #AA8C49;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.top-member-features ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.top-member-features ul li{width:217px;margin-bottom:15px;}
.top-member-features ul li .thumb{margin-bottom:5px;position:relative;}
.top-member-features ul li .thumb .new span{position:absolute;top:14px;right:0;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.top-member-features ul li .thumb .new::after{content:"";display:block;position:absolute;top:-40px;right:-40px;border-style:solid;border-width:40px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.top-member-features ul li .ttl{font-weight: bold;font-size:14px;position: relative;}
.top-member-features ul li .summary{display: block;font-size:13px;color: #8c8c8c;overflow: hidden;line-height: 1.6;position: relative;margin-top: 2px;}
.top-member-features__more{margin-top:5px;font-size:14px;position:relative;padding-left:15px;float:right;line-height:1;}
.top-member-features__more::before{content:"";display:block;position:absolute;top:4px;left:0;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}
.top-member-features__more::after{content:"";display:block;position:absolute;top:4px;left:3px;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}

/* -- ▼ Trend Library ▼ -- */
#trend-library{background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;padding-bottom:0;border-bottom:none !important;clear:both;}
#trend-library .title-parts{position:relative;border-bottom:solid 2px #000;}
#trend-library .trend{display:inline-block;background:#747474;color:#fff;height:19px;line-height:20px;font-size:13px;padding:2px 7px 1px;}
#trend-library .ad{color:#747474;font-size:13px;position:absolute;bottom:-2px;right:0;display:block;}
#trend-library ul.icon{padding-top:10px;margin-top:0;min-height:145px;display:flex;justify-content:space-between;}
#trend-library ul{margin:10px 0 0;}
/* TLアイコンあり */
#trend-library ul.icon{padding-bottom:7px;}
#trend-library ul.icon a:hover{text-decoration:none;}
#trend-library ul.icon li{width:136px;margin-right:8px;}
#trend-library.top ul.icon li{width:145px;margin-right:35px;}
#trend-library ul.icon li .img{position:relative;width:136px;height:auto;overflow:hidden;position:relative;padding-top:56.25%;}
#trend-library.top ul.icon li .img{position:relative;width:145px;height:auto;overflow:hidden;position:relative;padding-top:56.25%;}
#trend-library ul.icon li .img img{width:100%;height:auto;position:absolute;top:0;left:0;}
#trend-library ul.icon li .img .arrow{width:13px;height:13px;display:block;position:absolute;right:0;bottom:0;}
#trend-library ul.icon li.icon4{margin-right:0;float:right;}
#trend-library ul.icon li span{display:block;}
#trend-library ul.icon li .txt{border-left:solid 5px #ccc;padding-left:3px;margin-top:3px;width:130px;}
#trend-library ul.icon li .sub-ttl{font-size:10px;}
#trend-library ul.icon li .main-ttl{font-size:13px;font-weight:bold;}
#trend-library ul.icon li a:hover .sub-ttl,#trend-library ul.icon li a:hover .main-ttl{text-decoration:underline;}
/* 色指定 */
#trend-library ul.icon li .txt{border-color:#747474;}
#trend-library ul.icon li.icon1 .img .arrow{background-position:-849px -767px;}
#trend-library ul.icon li.icon2 .img .arrow{background-position:-849px -810px;}
#trend-library ul.icon li.icon3 .img .arrow{background-position:-849px -853px;}
#trend-library ul.icon li.icon4 .img .arrow{background-position:-849px -896px;}

/* TLテキストのみ */
#trend-library ul.text{margin-top:0;min-height:100px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#trend-library ul.text li{padding:7px 0 0 0;border-top:solid 1px #bababa;margin:7px 0 0 0;font-size:14px;font-weight:bold;position:relative;width:48%;min-height:35px;}
#trend-library.top ul.text li{width:324px;}
#trend-library ul.text li.odd{margin-right:8px;}
#trend-library.top ul.text li.odd{padding-right:0;margin-right:35px;}
#trend-library ul.text li.list3,
#trend-library ul.text li.list4{border-bottom:solid 1px #bababa;padding-bottom:7px;}
#trend-library ul.text li a{background-image:none;}
#trend-library ul.text li a:hover{text-decoration:none;}
#trend-library ul.text li span{display:block;}
#trend-library ul.text li .sub-ttl{font-size:11px;font-weight:normal;}
#trend-library ul.text li .main-ttl{font-size:13px;font-weight:bold;}
#trend-library ul.text li a:hover .sub-ttl,#trend-library ul.text li a:hover .main-ttl{text-decoration:underline;}

/* TOP TOE */
.top-toc{margin:20px 0 40px;}
.top-toc .heading{border-bottom:solid 2px #000;margin-bottom:10px;font-weight:bold;}
.top-toc .heading span{background:#ced3d7;color:#21326e;display:inline-block;font-family:"Georgia";padding:2px 7px 1px;font-size:14px;position:relative;line-height:20px;}
.top-toc .thumb{display:block;margin-bottom:5px;position:relative;}
.top-toc .thumb .panel{bottom:10px;}
.top-toc .text{font-size:14px;font-weight:bold;}
.top-toc ul li{margin-bottom:10px;}
.top-toc ul li:last-child{margin-bottom:0;}
.top-toc ul li a{display:block;border-left:solid 5px #CED3D7;padding-left:10px;}
.top-toc__more{margin-top:20px;font-size:14px;position:relative;padding-left:15px;float:right;line-height:1;}
.top-toc__more::before{content:"";display:block;position:absolute;top:4px;left:0;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}
.top-toc__more::after{content:"";display:block;position:absolute;top:4px;left:3px;width:5px;height:5px;border-right:solid 1px #000;border-bottom:solid 1px #000;transform:rotate(-45deg);}

/* -- ▼ 関連リンク ▼ -- */
#related-link .title{background-position:0 -4393px;width:570px;height:21px;display:block;}
#related-link .title span{display:none;}
#related-link ul{margin:10px 0 5px 0;}
#related-link ul li{background-position:0 -2085px;font-size:14px;font-weight:bold;padding-left:18px;line-height:1.6;width:570px;height:22px;display:block;}
#related-link ul li a{background-image:none;}

/* -- ▼ Adsense ▼ -- */
#adsense{margin:36px 0;}
#adexchange{clear:both;}
#adsense .adsense1,#adexchange .adexchange1{float:left;width:300px;min-height:250px;margin-left:35px;}
#adsense .adsense2,#adexchange .adexchange2{float:right;width:300px;min-height:250px;margin-right:35px;}
#adexchange{margin:20px 0;}
#adexchange.top .adexchange1,#adexchange.top .adexchange2{width:329px;min-height:250px;text-align:center;margin:0 auto;}
#div-gpt-ad-article{max-width:550px;text-align:center;margin:30px auto 0;}

/* -- ▼ フッター ▼ -- */
#footer{margin:20px auto 0 auto;border-top:solid 1px #868686;}
.footer-top-section{padding:40px 0;}
.footer-logo-area{display:flex;align-items:center;}
.footer-logo-area .logo{margin-right:40px;}
.footer-logo-area.skh .logo{width:144px;}
.footer-logo-area.skh .logo img{width:100%;}
.footer-logo-area .sns{display:flex;align-items:center;}
.footer-logo-area .sns__btn{display:block;width:34px;height:34px;border-radius:34px;background-position:center;background-size:20px;background-repeat:no-repeat;font-size:0;margin-right:20px;}
.footer-logo-area .sns__btn.--fb{background-color:#0866FF;background-image:url(/common/images/v5/common/ico-fbook_w.svg);background-size:27px;background-position:center bottom;}
.footer-logo-area .sns__btn.--tw{background-color:#1DA1F2;background-image:url(/common/images/v5/common/ico-tw_w.svg);}
.footer-logo-area .sns__btn.--x{background-color:#000;background-image:url(/common/images/v5/common/x-logo-logo.svg);}
.footer-logo-area .sns__btn.--line{background-color:#00c300;background-image:url(/common/images/v5/common/ico-line_w.svg);}
.footer-logo-area .sns__btn.--youtube{background-color:#DA1725;background-image:url(/common/images/v5/common/ico-youtube_w.svg);}
.footer-logo-area .sns__btn.--rss{background-color:#868686;background-image:url(/common/images/v5/common/ico-rss_w.svg);}
.footer-media-info{display: flex;justify-content: space-between;}

.footer-text-link{margin-top:45px;display:flex;justify-content:space-between;}
.footer-text-link__block.--wide{width:55%;}
.footer-text-link__block.--narrow{width:45%;}
.footer-text-sub:first-child{margin-bottom:25px;}
.footer__heading{font-weight:bold;font-size:13px;margin-bottom:15px;}
.footer__heading.--blank span{padding-right:14px;background:url(/common/images/v5/common/icon-ex.png) no-repeat right 1px;background-size:10px;}
.footer-text-link__list{display:flex;flex-wrap:wrap;}
.footer-text-link__item{font-size:13px;position:relative;width:45%;margin-bottom:10px;padding-left:14px;}
.footer-text-link__item::before{content:"";display:block;width:4px;height:4px;border:solid 1px #000;border-radius:4px;position:absolute;top:6px;left:0;}

.footer-middle-section{background:#f5f5f5;border-top:solid 1px #ccc;padding:40px 0;}
.footer-sub-link{display:flex;}
.footer-sub-link a{font-size:12px;padding:0 10px;border-right:solid 1px #000;display:block;line-height:1;}
.footer-sub-link a:last-child{border-right:none;}
.footer-sub-link a:first-child{padding-left:0;}

.footer-bottom-section{background:#f5f5f5;border-top:solid 1px #ccc;padding:40px 0;}
.footer-bottom-section.print{display:flex;align-items:center;padding:30px;}
.footer-bottom-section .inner-section{display:flex;align-items:center;}
.abj-mark{width:80px;margin-left:auto;}
.abj-mark img{width:80px;height:66px;}
.footer-bottom-section .copy{font-size:10px;color:#8C8C8C;margin-left:20px;}
.footer-bottom-section .company-logo{background: url(/common/images/v5/common/toyokeizai_footerlogo.png?rd=201707051212) no-repeat center;background-size: 196px 36px;width: 196px;height: 36px;display: block;font-size:0;}

.for-top-wrap{border-left:solid 17px #000;}
.for-top{float:right;clear:both;}
.for-top a{background-color:#000;color:#fff;font-size:12px;background-position:4px -828px;padding:1px 5px 1px 18px;}
.for-top a:hover{text-decoration:none;}

.pagetop-btn{display:none;position:fixed;bottom:50px;right:0;}
.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:#2c6fa6;}
.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;}

/* 著者フォローオーバーレイ */

.author-follow-overlay .overlay{background-color:rgba(0,0,0,0.65);position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;}
.author-follow-box{position:fixed;width:500px;box-sizing:border-box;padding:40px 75px;z-index:999;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;}

/*
***********************************************************************
サブカラムの指定
***********************************************************************
*/

/* -- ▼ バナー ▼ -- */
.g-a-bnr{margin-bottom:20px;min-height:250px;background-color:#f9f9f8;}

/* -- ▼ バッジバナー ▼ -- */
#side-badge-banner{margin-bottom:18px;}
#side-badge-banner a{display:block;margin-bottom:10px;}

/* -- ▼ アクセスランキング ▼ -- */
#access-ranking{margin-bottom:20px;}
#access-ranking .access-ranking-title{position:relative;}
#access-ranking .heading{display:inline-block;float:left;background:#000;color:#fff;font-size:11px;padding:4px 3px;position:relative;top:2px;line-height:1;}
.ranking-tab{margin-top:1px;position:relative;}
.ranking-tab ul{overflow:hidden;position:relative;bottom:-1px;}
.ranking-tab.--genre ul {
  bottom: -11px;
}
.ranking-tab ul li{display:block;cursor:pointer;height:15px;margin-right:2px;border:solid 1px #868686;font-size:10px;padding:1px 2px;text-align:center;float:left;line-height:15px;background-color:#fff;position:relative;}
.ranking-tab ul li:last-child{margin-right:0;}
.ranking-tab ul li.current{border-bottom:solid 1px #fff;}
.ranking-tab ul li#ranking-hourly{color:#00a0e9;}
.ranking-tab ul li#ranking-hour24{color:#638ac6;}
.ranking-tab ul li#ranking-weekly{color:#f39800;}
.ranking-tab ul li#ranking-monthly{color:#ef5b2e;}
.ranking-tab ul li#ranking-fblike{color:#78ad0b;letter-spacing:-1px;background:url(/common/images/v5/common/fb.png?rd=201707051212) no-repeat 3px 2px;background-size:11px 11px;padding:1px 3px 1px 15px;}

.ranking-tab.member ul li{background:#f2f2f2;}
.ranking-tab.member ul li.current{background:#fff;}
#access-ranking .ranking-list ul{height:220px;overflow:scroll;overflow-x:hidden;}

.ranking-list{border:solid 1px #918b8a;padding:10px 2px;}
.ranking-list ul li{border-bottom:solid 1px #918b8a;margin-bottom:10px;line-height:1.3;}
.ranking-list ul li:last-child{margin-bottom:0;}
.ranking-list ul li a{display:block;}
.ranking-list ul li a:hover{text-decoration:none;}
.ranking-list ul li .ttl .author{font-size:11px;display:block;line-height:1.2;}
.ranking-list.hourly ul li .ttl .author{color:#00a0e9;}
.ranking-list.hour24 ul li .ttl .author{color:#638ac6;}
.ranking-list.weekly ul li .ttl .author{color:#f39800;}
.ranking-list.monthly ul li .ttl .author{color:#ef5b2e;}
.ranking-list.fblike ul li .ttl .author{color:#78ad0b;display:inline-block;margin-right:5px;}
.ranking-list.member ul li .ttl .author{color:#AA8C49;}
.ranking-list ul li .ttl .title{font-size:11px;font-weight:bold;line-height:1.4;display:inline;}
.ranking-list ul li .ttl .title.paid-member,
.ranking-list ul li .ttl .title.free-member{padding-right:12px;}
.ranking-list.member ul li .ttl .title{display:inline;padding-right:12px;}
.ranking-list ul li .ttl a:hover span.main-ttl{text-decoration:underline;}
.ranking-list ul li .ttl{border-left:solid 1px #918b8a;padding-left:3px;padding-bottom:5px;position:relative;width:100%;}
.ranking-list p{font-size:11px;float:left;}
.ranking-list.monthly{display:none;}
.ranking-list.hour24,.ranking-list.weekly,.ranking-list.monthly,.ranking-list.fblike{display:none;}

/* ランキング時間 */
.ranking-list ul{counter-reset:number 0;}
.ranking-list ul li{position:relative;display: flex;align-items:center;}
.ranking-list ul li::before{counter-increment: number 1;content: counter(number) "";width:20px;display: inline-block;text-align: center;font-size:14px;}
.ranking-list ul li:nth-child(10):before{letter-spacing:-2px;text-align:left;}
.ranking-list.hourly ul li::before{color:#00a0e9;}
.ranking-list.hour24 ul li::before{color:#638ac6;}
.ranking-list.weekly ul li::before{color:#f39800;}
.ranking-list.monthly ul li::before{color:#ef5b2e;}
.ranking-list.fblike ul li::before{color:#78ad0b;}
.ranking-list.member ul li::before{color:#AA8C49;}

/* ランキングいいね！ */
.ranking-list.fblike ul li .fbcount-s{background:url(/common/images/v5/common/fb.png?rd=201707051212) no-repeat left;background-size:11px 11px;-webkit-background-size:11px 11px;-moz-background-size:11px 11px;color: #4C5195;float: right;font-size: 11px;line-height: 1.1;padding-left: 12px;}
.ranking-list.fblike ul li .ttl .shoulder{float:left;}
.ranking-list.fblike ul li .ttl .title{clear:both;}
/* ランキングいいね！ここまで */
.more-ranking{float:right;}
.more-ranking a{background-color:#000;color:#fff;padding:4px 5px;font-size:11px;display:block;line-height:1;}
.more-ranking a:hover{text-decoration:none;color:#fff;}
.more-ranking.member a{background-color:#AA8C49;}

/* -- ▼ 有料会員記事アクセスランキング ▼ -- */
#member-access-ranking{margin-bottom:20px;}
#member-access-ranking .access-ranking-title{position:relative;}
#member-access-ranking .heading{display:inline-block;float:left;background:#AA8C49;color:#fff;font-size:11px;padding:4px 3px;position:relative;top:2px;line-height:1;}
#member-access-ranking .ranking-list ul{height:220px;overflow:scroll;overflow-x:hidden;}

/* -- ▼ コメントランキングのボタン ▼ -- */
.side-comment-btn{margin-bottom:20px;}
.side-comment-btn a{display:block;background:url(/common/images/v5/common/icon-comment-white.png?rd=201707051212) no-repeat 35px 10px #8cc63f;color:#fff;font-size:18px;line-height:1;border-radius:18px;background-size:30px 29px;-webkit-background-size:30px 29px;-moz-background-size:30px 29px;text-decoration:none;padding:15px 15px 15px 40px;text-align:center;}

/* -- ▼ 動画再生数ランキング ▼ -- */
.subcolumn-video-ranking{margin-bottom:20px;}
.subcolumn-video-ranking__heading{display: inline-block;background: #000;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
.subcolumn-video-ranking__list{border: solid 1px #918b8a;padding:0 2px  10px 2px;counter-reset:number 0;}
.subcolumn-video-ranking__item{display:table;border-bottom: solid 1px #918b8a;margin-top:10px;position:relative;padding-left:24px;}
.subcolumn-video-ranking__item::before{color:#e49d37;counter-increment: number 1;content: counter(number) "";width:24px;display: inline-block;text-align: center;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);}
.subcolumn-video-ranking__item:hover{text-decoration:none;}
.subcolumn-video-ranking__rank{display:table-cell;vertical-align:middle;border-right: solid 1px #918b8a;}
.subcolumn-video-ranking__rank span{background-repeat:no-repeat;display:block;text-indent:200%;overflow:hidden;white-space:nowrap;font-size:0;width:30px;min-height:53px;background-position:center;background-size:22px;}
.subcolumn-video-ranking__rank .rank1{background-image:url(/common/images/v5/common/video-rank1@2x.png);}
.subcolumn-video-ranking__rank .rank2{background-image:url(/common/images/v5/common/video-rank2@2x.png);}
.subcolumn-video-ranking__rank .rank3{background-image:url(/common/images/v5/common/video-rank3@2x.png);}
.subcolumn-video-ranking__rank .rank4{background-image:url(/common/images/v5/common/video-rank4@2x.png);}
.subcolumn-video-ranking__rank .rank5{background-image:url(/common/images/v5/common/video-rank5@2x.png);}
.subcolumn-video-ranking__image{display:table-cell;vertical-align:middle;width:93px;padding:0 .5em .5em;border-left:solid 1px #918b8a;}
.subcolumn-video-ranking__image img{width:100%;vertical-align:bottom;opacity:0.7;}
.subcolumn-video-ranking__image img:hover{opacity:1;}
.subcolumn-video-ranking__thumbnail{background: rgba(0,0,0,0.8);position:relative;}
.subcolumn-video-ranking__thumbnail-wrap{display:block;position:relative;overflow:hidden;padding-top:56.25%;}
.subcolumn-video-ranking__thumbnail-wrap img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;}
.subcolumn-video-ranking__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;cursor: pointer;}
.subcolumn-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;}
.subcolumn-video-ranking__title{display:table-cell;vertical-align:middle;font-size:13px;font-weight:bold;padding-bottom:.5em;}
.subcolumn-video-ranking__note{font-size:11px;padding:10px 10px 0;}

/* -- ▼ ブックスランキング ▼ -- */
#books-ranking{margin-bottom:20px;}
#books-ranking .header-parts{position:relative;}
#books-ranking .title a{display:block;width:auto;}
#books-ranking .title .ttl{display:inline-block;background:#424242;color:#fff;height:20px;line-height:21px;font-size:13px;padding:1px 7px;position:relative;top:1px;}
#books-ranking .tab{position:relative;height:22px;}
#books-ranking .tab ul{position:relative;top:-1px;}
#books-ranking .tab ul li{cursor:pointer;color:#444;font-size:14px;border:solid 1px #bbb;text-align:center;padding:0 10px;margin-right:3px;line-height:22px;}
#books-ranking .tab ul li.current{border-bottom:solid 1px #fff;}
#books-ranking .ranking-list{border:solid 1px #bbb;padding:10px 10px 10px 5px;}
#books-ranking .newbooks-list{border:solid 1px #bbb;padding:10px 10px 0 10px;}
#books-ranking .ranking-list ul li,
#books-ranking .newbooks-list ul li{border-bottom:solid 1px #bbb;margin-bottom:10px;line-height:1.3;display:flex;justify-content:space-between;}
#books-ranking .newbooks-list ul li:last-child{margin-bottom:0;}

#books-ranking .ranking-list ul li .ttl{border-left:solid 1px #ccc;padding-bottom:5px;padding-left:10px;position:relative;}
#books-ranking .ranking-list ul li .ttl a,
#books-ranking .newbooks-list ul li .ttl a{display:block;}
#books-ranking .ranking-list ul li .ttl{border-left:solid 1px #bbb;width:182px;min-height:112px;box-sizing:border-box;}
#books-ranking .newbooks-list ul li .ttl{width:200px;box-sizing:border-box;max-height:140px;min-height:110px;box-sizing:border-box;}
#books-ranking .ranking-list ul li .img,
#books-ranking .newbooks-list ul li .img{width:72px;margin-bottom:8px;}
#books-ranking .ranking-list ul li .img img,
#books-ranking .newbooks-list ul li .img img{width:100%;}
#books-ranking .ranking-list ul li .ttl span.column-ttl{font-weight:bold;font-size:12px;}
#books-ranking .ranking-list ul li .ttl span.main-ttl{font-size:12px;font-weight:bold;color:#444;}
#books-ranking .newbooks-list ul li .ttl span.main-ttl{font-size:14px;font-weight:bold;color:#444;margin-bottom:.5em;display:block;}
#books-ranking .ranking-list ul li .ttl span.summary,
#books-ranking .newbooks-list ul li .ttl span.summary{font-size:12px;color:#666;display:block;}
#books-ranking .ranking-list ul li:last-child{margin-bottom:0;}
#books-ranking .newbooks-list ul li a:hover{text-decoration:none;}
#books-ranking .newbooks-list ul li a:hover .main-ttl{text-decoration:underline;}
#books-ranking .newbooks-list .annotation{color:#444;font-size:9px;height:30px;}

/* -- ▼ インフォメーション ▼ -- */
#information{margin-bottom:20px;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;}
#information .title-parts{position:relative;}
#information .title{display:inline-block;background:#747474;color:#fff;height:19px;line-height:20px;font-size:13px;padding:2px 7px 1px;}
#information .ad{color:#747474;font-size:13px;position:absolute;bottom:-2px;right:0;display:block;}
#information .information-list{border:solid 1px #bbb;padding:5px 15px;}
#information .information-list ul li{border-bottom:solid 1px #ccc;margin-bottom:10px;line-height:1.3;font-size:13px;font-weight:bold;width:268px;display:block;position:relative;}
#information .information-list ul li .arrow{width:13px;height:13px;display:block;background-color:#747474;color:#747474;position:absolute;right:0;bottom:0;font-size:0;}
#information .information-list ul li .arrow::before,#information .information-list ul li .arrow::after{content:"";display:block;position:absolute;}
#information .information-list ul li .arrow::before{border-top:solid 1px #fff;width:8px;top:6px;left:2px;}
#information .information-list ul li .arrow::after{top:3px;left:2px;width:6px;height:6px;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg);}
#information .information-list ul li .sub-ttl{font-size:11px;font-weight:normal;}
#information .information-list ul li .main-ttl{font-size:12px;}
#information .information-list ul li a{display:block;background-image:none;}
#information .information-list ul li a:hover{text-decoration:none;}
#information .information-list ul li span{display:block;}
#information .information-list ul li a:hover .sub-ttl,#information .information-list ul li a:hover .main-ttl{text-decoration:underline;}
div.information-list li > div{min-height:35px;}


/* -- ▼ 動画導線 ▼ -- */
#subcolumn-video{margin-bottom:20px;}
#subcolumn-video .title{margin-bottom:5px;}
#subcolumn-video .title a{ background-position: 0 -613px;display: block;height: 37px;width: 57px;}
#subcolumn-video .title .video-title{width:233px;margin-left:10px;line-height:1.2;font-weight:bold;}
#subcolumn-video .video-clip-wrap{border:solid 1px #ccc;}
#subcolumn-video .more-video{float:right;}
#subcolumn-video .video-clip .thumb{position:relative;width:298px;display:block;background-color:#BFBCBB;overflow:hidden;}
#subcolumn-video .video-clip .thumb .video-ttl{background-color:#000;color:#fff;font-size:13px;display:block;padding:3px;}
#subcolumn-video .video-clip .thumb .time{background-color: #000;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 12px;left: 5px;opacity: 0.7;padding:1px 3px;position: absolute;}

/* -- ▼ 最新記事 ▼ -- */
#subcolumn-top-news{margin-bottom:20px;}
#subcolumn-top-news .title{background-position:110px -1854px;width:300px;height:24px;display:block;border-bottom:solid 3px #000;}
#subcolumn-top-news ul li{border-bottom:solid 1px #959190;padding:7px 5px;}
#subcolumn-top-news ul li .icon{width:60px;height:60px;margin-right:5px;float:left;overflow:hidden;}
#subcolumn-top-news ul li .icon img{width:60px;height:60px;}
#subcolumn-top-news ul li .text{float:left;width:225px;}
#subcolumn-top-news ul li .text span{display:block;line-height:1.3;}
#subcolumn-top-news ul li .text .column-ttl{font-size:12px;font-weight:bold;color:#00aeeb;}
#subcolumn-top-news ul li .text .column-main-ttl{font-weight:bold;font-size:14px;}

/* -- ▼ 最新号 ▼ -- */
#latest-issue{margin-bottom:20px;}
#latest-issue .title a{display:inline-block;background:#962428;color:#fff;height:19px;line-height:20px;font-size:13px;padding:2px 7px 1px;}
#latest-issue .title a:hover{text-decoration:none;}
.latest-issue-list{border:solid 1px #bbb;padding:10px 15px 10px 15px;position:relative;}
.latest-issue-list .book-title{font-size:17px;font-weight:bold;border-bottom:solid 2px #000;margin-bottom:10px;}
.latest-issue-list .img{width:100px;float:left;}
.latest-issue-list .img img{width:100px;}
.latest-issue-list .ttl{float:right;width:158px;line-height:1.3;}
.latest-issue-list .ttl p.sub-title{font-size:12px;}
.latest-issue-list .ttl p.summary{font-size:12px;color:#666;margin:5px 0;}
.latest-issue-list .ttl h4{font-size:14px;}
.latest-issue-list .ttl h4 span.title{font-size:11px;font-weight:normal;}
.latest-issue-list .subscription-btn{margin:0 auto;width:262px;clear:both;padding-top:10px;}
.latest-issue-list .subscription-btn a{display:block;color:#fff;font-size:16px;text-align:center;border-radius:6px;padding:3px 0;line-height:1.6;background: -moz-linear-gradient(top, #ffa840 0%, #f16421 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa840), color-stop(100%,#f16421));background: -webkit-linear-gradient(top, #ffa840 0%,#f16421 100%);background: -o-linear-gradient(top, #ffa840 0%,#f16421 100%);background: -ms-linear-gradient(top, #ffa840 0%,#f16421 100%);background: linear-gradient(to bottom, #ffa840 0%,#f16421 100%);}
.latest-issue-list .subscription-btn a:hover{text-decoration:none;}
.latest-issue-list .subscription-btn .store{margin-bottom:7px;display:block;}
.latest-issue-list .subscription-btn .store span{background-image:url(/common/images/v5/common/bookicon01.png?rd=201707051212);background-repeat:no-repeat;background-size:35px 25px;-webkit-background-size:35px 25px;-moz-background-size:35px 25px;background-position:left;padding:3px 0 3px 38px;}
.latest-issue-list .subscription-btn .amazon a{border:solid 1px #4e4e4e;background: -moz-linear-gradient(top, #f1e081 0%, #d9c354 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e081), color-stop(100%,#d9c354));background: -webkit-linear-gradient(top, #f1e081 0%,#d9c3541 100%);background: -o-linear-gradient(top, #f1e081 0%,#d9c354 100%);background: -ms-linear-gradient(top, #f1e081 0%,#d9c354 100%);background: linear-gradient(to bottom, #f1e081 0%,#d9c354 100%);color:#4e4e4e;padding:2px 0;}

/* -- ▼ お知らせ ▼ -- */
#sub-information{margin-bottom:20px;}
#sub-information .title{background-position:0 -4816px;width:300px;height:34px;display:block;}
#sub-information .title span{display:none;}
.sub-information-list{border-left:solid 1px #959190;border-right:solid 1px #959190;border-bottom:solid 1px #959190;padding:10px 15px 10px 15px;position:relative;}
.sub-information-list ul li{border-bottom:dotted 1px #bcbcbc;padding:5px 0;}
.sub-information-list ul li .column-main-ttl{background-position: 0 -4857px;font-size: 13px;padding-left: 18px;line-height:1.2em;}
.sub-information-list ul li .ttl a{text-decoration:none;}

/* -- ▼ twitter ▼ -- */
#twitter-widget{margin-bottom:20px;width:300px;height:370px;}

/* -- ▼ プレスリリース ▼ -- */
.press a.title{display:inline-block;background:#b3b2b3;color:#fff;height:19px;line-height:20px;padding:2px 7px 1px;font-size:13px;}
.press a.title:hover{text-decoration:none;}
.prtimes{margin-bottom:15px;padding:10px;font-size:12px;border:1px solid #777;}

/* -- ▼ 記事広告用のサブカラム ▼ -- */
.g-a-contact{border:solid 1px #000;margin-bottom: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-bottom:20px;}
.g-a-free-space .ad-contact{border: solid 1px #928e8d;margin-bottom:20px;}
.g-a-block .title,.g-a-free-space .title,
.ad-block .title,.ad-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;}
.g-a-block .section,
.ad-block .section{margin:10px 15px;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;}
.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:10px 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=201910041547) 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) 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;}
.article-body .g-a-block,
.article-body .ad-block{width:400px;margin:20px auto;clear:both;}
.article-body .g-a-block .section,
.article-body .ad-block .section{margin:20px 40px;}
.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%;}

#InRead{width:480px;margin:0 auto;}
#div-gpt-ad-inread{text-align:center;max-width:640px;margin:0 auto 25px;clear:both;}
#div-gpt-ad-inread .video-js{margin:0 auto;}

/* -- ▼ ブランドコンテンツ広告用のサブカラム ▼ -- */
.BC_link{position:relative;text-align:center;padding-bottom:3px;border-bottom:solid 1px #8a898e;}
.BC_link img{width:224px;margin:5px auto auto auto;}
.BC_link p.pt img{width:auto;}
.BC_link p.pt{position:absolute;top:-12px;right:8px;}
.BC_link .title{border-left:solid 5px #747277;margin-top:5px;padding-left:10px;font-size:14px;font-weight:bold;text-align:left !important;}
.BC_link .title span{font-weight:normal;font-size:12px;}

/* -- ▼ スマートフォンへ戻る ▼ -- */
#top-for-smartphone{margin:10px 0 20px;padding:0;background: -moz-linear-gradient(top,  #838383 0%, #000000 100%);background: -webkit-linear-gradient(top,  #838383 0%,#000000 100%);background: linear-gradient(to bottom,  #838383 0%,#000000 100%);min-height:120px;line-height:120px;font-weight:bold;}
#top-for-smartphone a{display:block;text-align:center;}
#top-for-smartphone span{color:#fff;font-size:42px;text-align:center;background:url(/common/images/v5/common/smartphone.png?rd=201707051212) no-repeat left;background-size:36px 36px;-webkit-background-size:36px 36px;-moz-background-size:36px 36px;padding-left:40px;}

/* -- ▼ 有料記事サブカラム ▼ -- */
.member-subcolumn-index{margin-bottom:20px;}
.member-subcolumn-index .title span{display: inline-block;background: #000;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
.member-subcolumn-index__section{border:solid 1px #bbb;}
.member-subcolumn-index__heading{padding:10px 10px 10px 14px;border-bottom:solid 1px #bbb;font-size:14px;font-weight:bold;background:#eaeaea;}
.member-subcolumn-index__list{padding:10px 10px 10px 14px;}
.member-subcolumn-index__list::after{content:"";display:block;clear:both;}
.member-subcolumn-index__item{border-bottom:solid 1px #bbb;display:block;padding-bottom:7px;margin-bottom:7px;position:relative;}

.member-subcolumn-index__item:hover::before,
.member-subcolumn-index__item.current::before{content:"";display:block;width:4px;height:100%;background:#aa8c49;position:absolute;top:0;left:-14px;}
.member-subcolumn-index__item:hover{text-decoration:none;}
.member-subcolumn-index__item:hover .member-subcolumn-index__ttl,
.member-subcolumn-index__item.current .member-subcolumn-index__ttl{color:#aa8c49;}
.member-subcolumn-index__ttl{font-size:1em;font-weight:bold;display:inline;position:relative;padding-right:17px;}
.member-subcolumn-index__subttl{font-size:12px;color:#868686;}

.member-subcolumn-index__more{display:inline-block;text-align:right;font-size:13px;float:right;padding-left:15px;position:relative;}
.member-subcolumn-index__more::before{content:"";display:block;position:absolute;top:6px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-subcolumn-index__more::after{content:"";display:block;position:absolute;top:6px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-subcolumn-index__more:hover{text-decoration:none;}

.member-issue{margin-bottom:20px;}
.member-issue .title{display: inline-block;background: #aa8c49;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
.member-issue__block{border:solid 1px #bbb;padding:10px 20px;}
.member-issue__block::after{content:"";display:block;clear:both;}
.member-issue__cover{text-align:center;}
.member-issue__more{display:inline-block;text-align:right;font-size:13px;float:right;padding-left:15px;position:relative;margin-top:10px;}
.member-issue__more::before{content:"";display:block;position:absolute;top:6px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-issue__more::after{content:"";display:block;position:absolute;top:6px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-issues__more:hover{text-decoration:none;}
.member-issue__btns{margin:10px auto;}
.member-issue__link{display:block;border-radius:6px;height:34px;line-height:34px;text-align:center;color:#fff !important;background: #aa8c49;margin-bottom:6px;font-size:13px;}
.member-issue__subscription{display:block;border-radius:6px;height:34px;line-height:34px;text-align:center;color:#fff !important;background: #000;font-size:13px;}
.member-issue__link:hover,
.member-issue__subscription:hover{text-decoration:none;}

.member-banners{margin-bottom:20px;}
.member-banners__link{display:block;margin-bottom:10px;}
.member-banners__link img{width:100%;}

.member-subcolumn-keywords .title span{display: inline-block;background: #aa8c49;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
.member-subcolumn-keywords p{font-size:12px;margin-bottom:5px;}
.member-subcolumn-keywords__section{border:solid 1px #bbb;padding:10px;margin-bottom:20px;}
.member-subcolumn-keywords__list{display:flex;flex-wrap:wrap;}
.member-subcolumn-keywords__item{display:inline-block;font-size:12px;border:solid 1px #868686;border-radius:4px;line-height:1;padding:5px 7px;margin:3px;}
.member-subcolumn-keywords__item:hover{text-decoration:none;background:#f2f2f2;}
.member-subcolumn-keywords__more{display:inline-block;text-align:right;font-size:13px;float:right;padding-left:15px;position:relative;margin-top:10px;}
.member-subcolumn-keywords__more::before{content:"";display:block;position:absolute;top:6px;left:0;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-subcolumn-keywords__more::after{content:"";display:block;position:absolute;top:6px;left:3px;border-top:solid 1px #000;border-right:solid 1px #000;width:6px;height:6px;transform:rotate(45deg);}
.member-subcolumn-keywords__more:hover{text-decoration:none;}

/*
********************************************************************
記事本文の基本定義
********************************************************************
*/

/* -- ▼ 記事本文の指定 ▼ -- */
.article-body-inner p{margin-bottom:1em;line-height:1.6em;color:#000;letter-spacing:0.05em;text-indent:.5em;}
.article-body-inner p.summary{color : #666;font-weight: bold;text-indent: 0;}
.article-body-inner.print p{color:#333;}
.article-body-inner a{color:#00f;text-decoration:underline;}
.article-body-inner a:hover{text-decoration:none;}
.article-body-inner address{font-style:normal;}

/* -- ▼ 本文見出し ▼ -- */
.article-body-inner h2,
.article-body-inner h4{border-top:solid 1px #918b8a;font-size:20px;font-weight:bold;padding:5px 0 0 10px;margin:1em 0;letter-spacing: 0.05em;clear:both;}
.article-body-inner h3,
.article-body-inner h5{font-size:13px;margin:1em 0;}

/* -- ▼ 企業リンク ▼ -- */
.article-body-inner a.scode,.article-body-inner ul.scode li a{color:#0000ff;}
.article-body-inner ul.scode li{position:relative;padding-left:20px;display:inline-block;vertical-align:middle;}
.article-body-inner ul.scode li::before,.article-body-inner ul.scode li::after{content:"";display:block;position:absolute;vertical-align:middle;margin:0;top:0;left:0;bottom:0;right:0;}
.article-body-inner ul.scode li::before{left: 0;top:10px;width: 15px;height: 1px;background: #444;}
.article-body-inner ul.scode li::after{top:5px;left: 3px;width: 10px;height: 10px;border-top: 1px solid #444;border-right: 1px solid #444;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* -- ▼ 囲み ▼ -- */
.article-box-blue{background-color:#ceeff5;padding:10px;font-size:0.9em;color:#000;clear:both;}
.article-box-gray{background-color:#e0e0e0;padding:10px;font-size:0.9em;color:#000;clear:both;}
.article-box-beige{background-color:#f8e7c8;padding:10px;font-size:0.9em;color:#000;clear:both;}
.article-box-gwrap{border:solid 6px #cfcfcf;outline: solid 1px #aaa;padding:5px;margin-bottom:1em;font-size:0.9em;display:inline-block;}
.article-box-gwrap p{margin-bottom:5px !important;text-indent:0!important;}
.gray-box{border:solid 6px #cfcfcf;outline: solid 1px #aaa;padding:5px 15px;margin-bottom:1em;font-size:16px;line-height:30px;display:inline-block;}
.gray-box .figure-center{margin-bottom:20px;}
.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 blockquote{border-top:solid 1px #ecebe9;border-bottom:solid 1px #ecebe9;margin:20px 0;padding:15px;}
.article-body-inner blockquote p{font-size:14px;line-height:25px;}

/* -- ▼ リストスタイル ▼ -- */
.article-body-inner ol,.article-body-inner ul{margin:20px 0;}
.article-body-inner ul li{position:relative;list-style:none;padding-left:1.2em;margin-bottom:10px;}
.article-body-inner ul li::before{content:"";display:block;position:absolute;top:8px;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:10px;}
.article-body-inner ol li::before{color:#333;counter-increment: li; content: counter(li,decimal-leading-zero) ". ";}

/* カテゴリ色分け用 */
.article-body-inner.top h2,
.article-body-inner.top h4{border-left:solid 15px #2c6fa6;}
.article-body-inner.default h2,
.article-body-inner.default h4{border-left:solid 15px #009fe6;}
.article-body-inner.business h2,
.article-body-inner.business h4{border-left:solid 15px #bf7700;}
.article-body-inner.economy-and-politics h2,
.article-body-inner.economy-and-politics h4{border-left:solid 15px #ba555b;}
.article-body-inner.market h2,
.article-body-inner.market h4{border-left:solid 15px #a04177;}
.article-body-inner.career-and-education h2,
.article-body-inner.career-and-education h4{border-left:solid 15px #845b8d;}
.article-body-inner.life h2,
.article-body-inner.life h4{border-left:solid 15px #179397;}
.article-body-inner.tetsudosaizensen h2,
.article-body-inner.tetsudosaizensen h4{border-left:solid 15px #86a303;}
.article-body-inner.jidoshasaizensen h2,
.article-body-inner.jidoshasaizensen h4{border-left:solid 15px #157316;}
.article-body-inner.ranking h2,
.article-body-inner.ranking h4{border-left:solid 15px #bed529;}
.article-body-inner.ranking-ad h2,
.article-body-inner.ranking-ad h4{border-left:solid 15px #bed529;}
.article-body-inner.information h2,
.article-body-inner.information h4{border-left:solid 15px #dd5a30;}

/* 会員限定記事用見出し */
.article-body-inner h2.with-border{border-top:solid 1px #000;border-bottom:solid 1px #000;font-size:24px;padding:27px 0;margin:30px 0;}
.article-body-inner h2.with-border-left{border-left:solid 6px #aa8c49;font-size:24px;padding:0 0 0 15px;margin:30px 0;}
.article-body-inner h2.subheading{border-left:solid 6px #aa8c49;padding-left:15px;color:#aa8c49;font-size:20px;}
.article-body-inner h2.with-bg-photo{background-size: cover;margin:30px 0;padding:10px;font-size:28px;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:40px;text-align:center;color:#fff;}
.article-body-inner h3.with-bg{font-size: 20px;background: #eee;position: relative;padding: 0 15px;margin: 0 0 70px;border-style: none;border-left: solid 6px #aa8c49;box-shadow: 0 20px 0 0 #eee, 0 -20px 0 0 #eee;display: block;top: 30px;}
.article-body-inner h4.dash{font-size:18px;line-height:1.8;color:#aa8c49;margin:30px 0;position:relative;padding-left:60px;}
.article-body-inner h4.dash::before{content:"";display:block;width:40px;height:2px;background:#aa8c49;position:absolute;top:15px;left:0;}

/* -- ▼ リンクbox ▼ -- */
.article-body-inner .link-box{border-color:#aa8c49;border-style:solid;border-width:1px 1px 1px 8px;background:#fff;padding:10px;margin-bottom:20px;}
.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;}
.article-body-inner .link-box ul li::before{content:"";display:block;position:absolute;top:5px;left:0;border-color:transparent transparent transparent #aa8c49;border-width:5px;border-style:solid;background:transparent;border-radius:0;width:auto;height:auto;}
.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;}

/* -- ▼ 記事内囲みストライプスタイル ▼ -- */
.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-bottom:50px;}
.article-body-inner .beige-box-stripe__inner{background:#f8f5ee;padding:40px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .beige-box-stripe__inner > p{text-indent:0;}
.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-bottom:50px;}
.article-body-inner .gray-box-stripe__inner{background:#eee;padding:40px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .gray-box-stripe__inner > p{text-indent:0;}
.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-bottom:50px;}
.article-body-inner .blue-box-stripe__inner{background:#f1f6f9;padding:40px;border:solid 1px #fff;box-sizing:border-box;}
.article-body-inner .blue-box-stripe__inner > p{text-indent:0;}
.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 .stripe-style .figure-center{margin:0 auto 20px !important;}
.article-body-inner .stripe-style .figure-right{margin:0 0 15px 15px !important;}
.article-body-inner .stripe-style .figure-left{margin:0 15px 15px 0 !important;}

.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  .with-mgt{margin-top:15px;}
.article-body-inner  .with-mgb{margin-bottom:15px;}

/* -- ▼ 太字 ▼ -- */
.article-body-inner  p.font-bold{font-size:20px;font-weight:bold;text-indent:0;margin-top:15px;}

/* -- ▼ 吹き出し ▼ -- */
.talk-block-left,.talk-block-right{margin:30px 0;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:40px;position:relative;box-sizing:border-box;border-radius:4px;}
.talk-block-text > p{font-size:16px;line-height:2;text-indent:0;}
.talk-block-text > p:last-child{margin-bottom:0;}
.talk-block-left .talk-block-text{margin-left:26px;}
.talk-block-right .talk-block-text{margin-right:26px;}
.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;}

/* -- ▼ プロフィール ▼ -- */
.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-bottom:50px;}
.profile-box__inner{background:#fff;padding:30px;border:solid 1px #fff;box-sizing:border-box;display:flex;}
.profile-box__inner > .photo{margin-right:2em;}
.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;}
.profile-box__inner > p:last-child{margin-bottom:30px;}
.profile-box__inner > .text > .link-box{margin-bottom:0;}

/* -- ▼ 画像 ▼ -- */
.figure-left{float:left;margin:0 15px 15px 0;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-center{margin:0 auto 15px auto;}
.figure-left span,
.figure-right span,
.figure-center span{font-size:12px;color:#676b6c;line-height:1.5;}
.figure-center .video-container span{font-size: inherit;color: inherit;line-height: inherit;}
.caption{font-size:12px;color:#676b6c;line-height:1.5;word-wrap:break-word;}
.caption a.figure-expand{background:url(/common/images/v5/common/zoom.gif) no-repeat 0 0;background-size:78px 14px;-webkit-background-size:78px 14px;-moz-background-size:78px 14px;width:78px;height:14px;display:block;font-size:0px;text-indent:-1000em;}
.figure-left img,
.figure-right img,
.figure-center img{max-width:100%;height:auto;}

/* -- ▼ 動画 ▼ -- */
.video-container{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-details{margin-top:20px;}
.article-body-inner .video-details p{text-indent:0;}
.article-body-inner .video-details a{word-break:break-word;}
.video-wrapper{width:560px;max-width:100%;}
.fb-video{margin:20px 24px;}

.article-body.video{border-bottom:solid 1px #938d8c;}
.article-body-inner.video{padding-bottom:57px;margin-bottom:0;}
.video-thumbnail{margin-bottom:15px;position:relative;background: rgba(0,0,0,0.8);}
.video-thumbnail__play{display: block;width: 100px;height: 100px;border-radius: 100px;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 46px #fff;border-top: solid 30px transparent;border-right: solid 0 transparent;border-bottom: solid 30px transparent;position: absolute;top: 50%;left: 56%;transform: translate(-50%,-50%);z-index: 100;}
.video-thumbnail img{opacity:0.7;}
.video-thumbnail img:hover{opacity:1;}

.video-information{margin-top:50px;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;}

/* -- ▼ インスタ ▼ -- */
iframe.instagram-media{margin:auto !important;}

/* -- ▼ 汎用的iframe ▼ -- */
.box-frame iframe{width: auto;max-width: 100%;margin: 25px auto;}
.box-frame iframe{width:100%;}

/* -- ▼ 本文最後フォローボタン ▼ -- */
.article-body-inner p.author-follow-link{text-indent:0;position:relative;padding-left:20px;margin-top:40px;font-weight:600;display:flex;align-items:center;line-height:23px;letter-spacing:0;}
.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{position:relative;}
.article-body-inner p.author-follow-link .author-follow span.author-follow-btn{position:relative;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;margin-left:7px;}
.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;}

/*
********************************************************************
カンバン・記事ヘッダーの基本定義
********************************************************************
*/

/* -- ▼ カンバン部分 ▼ -- */
.signage .title-parts{margin:20px 0 10px 0;}
.signage.brandcontent{padding:40px 80px;border-top:solid 1px #908e8f;border-bottom:solid 1px #908e8f;}
.signage.print{margin-bottom:5px;border-bottom:solid 1px #918B8A;}
.signage a{color:#000;}
/* カテゴリ色分け用 */
.signage.top .title-parts{border-left:solid 15px #2c6fa6;padding:0 10px;}
.signage.default .title-parts{border-left:solid 15px #009fe6;padding:0 10px;}
.signage.business .title-parts{border-left:solid 15px #c07700;padding:0 10px;}
.signage.economy-and-politics .title-parts{border-left:solid 15px #bb555b;padding:0 10px;}
.signage.market .title-parts{border-left:solid 15px #a04177;padding:0 10px;}
.signage.career-and-education .title-parts{border-left:solid 15px #845b8d;padding:0 10px;}
.signage.life .title-parts{border-left:solid 15px #179397;padding:0 10px;}
.signage.tetsudosaizensen .title-parts{border-left:solid 15px #86a300;padding:0 10px;}
.signage.jidoshasaizensen .title-parts{border-left:solid 15px #157316;padding:0 10px;}
.signage.ranking .title-parts{border-left:solid 15px #bed529;padding:0 10px;}
.signage.ranking-ad .title-parts{border-left:solid 15px #bed529;padding:0 10px;}
.signage.information .title-parts{border-left:solid 15px #dd5a30;padding:0 10px;}
.signage.pressrelease .title-parts{border-left:solid 15px #999;padding:0 10px;}
.signage.video .title-parts{border-left:solid 15px #F39A02;padding:0 10px;}
.signage.crossword .title-parts{border-left:solid 15px #000;padding:0 10px;}
/* カテゴリ色分け用ここまで */
.signage .title-parts h1{font-size:28px;}
.signage .title-parts h1 span.subtitle{display:block;font-size:20px;font-weight:normal;line-height:1.2;}
/* ランキング用カンバン */
#signale-category.ranking-article h1{background:url(/common/images/v5/common/ranking-genre-title.png?rd=201707051212) no-repeat;background-size:685px 65px;-webkit-background-size:685px 65px;-moz-background-size:685px 65px;width:685px;height:65px;display:block;margin-bottom:20px;}
/* ブランドコンテンツ用カンバン */
.signage-category.brandcontent h1{width:1000px;height:50px;display:block;background:url(/common/images/v5/common/brandcontent-ttl.png?rd=201707051212) no-repeat;background-size:1000px 50px;-webkit-background-size:1000px 50px;-moz-background-size:1000px 50px;}
.signage-category.brandcontent span{display:none;}
.signage.brandcontent .index-img img{float:left;}
.signage.brandcontent .title-parts.brandcontent{float:right;width:337px;margin:0;}
/* 広告企画用 */
.signage .client{clear:both;position:relative;display:block;padding-bottom:3px;}
.signage .client p{font-size:15px;padding-right:40px;}
.author-date .extra{position:absolute;bottom:0;right:0;font-size:14px;}
.author-date .extra .ad{display:block;text-align:right;}
.author-date .extra .date{display:block;font-size:12px;color: #5d6970;text-align:right;}
/* クロスワード用 */
.signage.crossword .title-parts{display:flex;justify-content:space-between;align-items:center;}
.signage.crossword .title-parts .snsbtns{margin:16px 0 0;}

/* -- ▼記事広告のサマリ▼ -- */
#ad-summary{margin:30px 30px 0 30px;font-size:16px;line-height:1.4;}

/* -- ▼ シリーズリンク表示 ▼ -- */
.article-series-link{margin:20px 25px;display:flex;align-items:center;}
.signage .article-series-link__item{width:18%;border-bottom: solid 5px #868686;text-align:center;color:#868686;font-weight:600;position:relative;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;}

/* -- ▼ 著者情報 ▼ -- */
.author-date {
  margin: 25px 25px 0 25px;
  line-height: 1.5;
  clear: both;
  position: relative;
}
.author-date.--flex {
  display: flex;
  justify-content: space-between;
}
.author-date .author{width:510px;font-size:15px;line-height:1.0;margin-bottom:5px;}
.author-date .date {
  width: 130px;
  font-size: 11px;
  color: #000;
  text-align: right;
}
.author-date.defaultarticle{margin:20px 25px 0 25px;line-height:1.5;position:relative;display:flex;justify-content:flex-end;}
.author-date.defaultarticle .author{width:480px;line-height:1.0;margin-bottom:0;}
.author-date.defaultarticle .date {
  width: 130px;
  font-size: 11px;
  color: #000000;
  text-align: right;
  margin-left: auto;
  line-height: 1;
}
.author-date.defaultarticle .author .author__channel{display:table-cell;vertical-align:middle;padding-right:10px;height:24px;}
.author-date.defaultarticle .author .author__channel a{text-decoration:underline;}
.author-date .author .author-list{line-height:26px;font-size:13px;display:inline;}
.author-date .author .author-list span{font-size:15px;}
.author-date .author .author-list a{text-decoration:underline;}
.author-date .author .author-list a:hover{text-decoration:none;}
.author .author-follow{display:inline-block;vertical-align:middle;position:relative;margin-left:7px;}
.author .author-follow .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;
}
.author .author-follow.is-follow .author-follow-btn {
  background: #7D7D7D url(/common/images/v5/mypage/follow.svg) no-repeat 10px;
  padding-left: 14px;
  color: #fff;
}
.author .author-follow.is-followed .author-follow-btn {
  color: #3B3B3B;
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 5px;
  padding-left: 14px;
  font-weight: normal;
}
.author-date .author .author-follow a:hover{text-decoration:none;}
.follow-gueset-comment {
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translate(-50%,0);
  width: 320px;
  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;
  font-size: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
}
.follow-gueset-comment.is-show {
  visibility: visible;
  opacity: 1;
}
.follow-gueset-comment.article{font-size:12px;width:180px;}
.follow-gueset-comment::after{content: "";display: block;border-style: solid;border-width: 12px 7px;border-color: transparent transparent #fff transparent;position: absolute;top: -22px;left: 50%;transform: translate(-50%,0);}
.follow-gueset-comment::before{content: "";display: block;border-style: solid;border-width: 12px 7px;border-color: transparent transparent #ccc transparent;position: absolute;top: -24px;left: 50%;transform: translate(-50%,0);}
.follow-gueset-comment .follow-link{color:#3d44ce !important;text-decoration:underline;cursor:pointer;}
.bc-info-box{width:350px;position:relative;}
.author-box img{float:left;margin:0 15px 15px 0;border:solid 1px #ccc;}
.author-box{display:none;}
/* フォローボタン */
.author.--single {
  margin-right: 10px;
}
.author.--single .author-follow {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

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

/* -- ▼ 前へ次へ ▼ -- */
.feed-page{margin:0 25px 10px;float:right;}
.feed-page a{font-size:12px;background-color:#ebebeb;border:1px solid #b9b9b9;border-radius:4px;padding:5px 10px;display:inline-block;line-height:1;}
.feed-page a:hover{text-decoration:none;}
.feed-page .prev{margin-right:8px;}

/* -- ▼ サービスメニュー ▼ -- */
.title-bottom-menu {
  margin: 0 35px;
  /*
  border-top: solid 1px #918b8a;
  border-bottom: solid 1px #918b8a;
  */
}
.title-bottom-menu.--flex {
  display: flex;
  align-items: center;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 20px 0;
  margin: 20px 25px 0;
}
.title-bottom-menu .profile{float:left;}
.title-bottom-menu .profile ul li{float:left;}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .title-bottom-menu .profile ul li{margin-top:0;} /* IE11 */
}
.title-bottom-menu .profile ul li#backnumber-btn a{background-color:#5C6870;color:#fff;font-size:11px;padding:0 10px;display:block;}
.title-bottom-menu .profile ul li#backnumber-btn a:hover{text-decoration:none;}
.title-bottom-menu .tools .print a:hover{text-decoration:none;}
.title-bottom-menu .tools .print-info{position:absolute;top:30px;left:50%;transform: translate(-50%,0);background:#fff;padding:15px 18px;color:#000;box-shadow:0 1px 5px #333;border-radius:4px;z-index:10;width:170px;box-sizing:border-box;margin:0;font-size:12px;line-height:1.6;}
.title-bottom-menu .tools .print-info::before{content:"";display:block;border-style:solid;border-width:12px 7px;border-color:transparent transparent #ccc transparent;position:absolute;top:-24px;left:50%;transform: translate(-50%,0);}
.title-bottom-menu .tools .print-info::after{content:"";display:block;border-style:solid;border-width:12px 7px;border-color:transparent transparent #fff transparent;position:absolute;top:-22px;left:50%;transform: translate(-50%,0);}
.title-bottom-menu .tools .print-info__link{display:inline;border-style:none;font-size:12px;padding:0;line-height:1.4;text-decoration:underline;color:#3d44ce !important;cursor:pointer;}
.title-bottom-menu .tools .print .print-info{visibility: hidden;opacity: 0;z-index: 1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.title-bottom-menu .tools .print:hover .print-info{visibility: visible;opacity: 1;}


.title-bottom-menu .tools .fb-comment .comment{background-color:#ebebeb;border:1px solid #b9b9b9;color:#444;font-size:10px;font-weight:bold;border-radius:2px;padding:0 4px;display:inline-block;height:19px;line-height:19px;}
.title-bottom-menu .tools .fb-comment .comment-box{position:relative;background:#fff;border:solid 1px #b9b9b9;border-radius:2px;height:19px;line-height:19px;font-size:10px;display:inline-block;padding:0 6px;margin-left:5px;}
.title-bottom-menu .tools .fb-comment .comment-box::after,.title-bottom-menu .tools .fb-comment .comment-box::before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.title-bottom-menu .tools .fb-comment .comment-box::after {border-color:rgba(255, 255, 255, 0);border-right-color:#fff;border-width:4px;margin-top:-4px;}
.title-bottom-menu .tools .fb-comment .comment-box::before {border-color:rgba(185, 185, 185, 0);border-right-color:#b9b9b9;border-width:5px;margin-top:-5px;}
.title-bottom-menu .tools .twitter .archive::after{border-color:rgba(255, 255, 255, 0);border-right-color:#fff;border-width:4px;margin-top:-4px;}
.title-bottom-menu .tools .twitter .archive::before{border-color:rgba(56, 162, 228, 0);border-right-color:#38a2e4;border-width:5px;margin-top:-5px;}
.snsbtns{margin:16px auto 0;display:flex;justify-content:space-between;}
.snsbtns.video{justify-content:flex-end;}
.article-bottom-btns.snsbtns{margin:0 auto;}
@media screen and (max-width: 375px){
.article-bottom-btns.snsbtns{margin:0 10px;}
}
.snsbtn{margin-right: 9px;width:99px;flex:none;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.mail{border-color:#868686;}
.snsbtn__link{font-weight:normal;display:block;vertical-align:middle;padding:4px 0 4px 20px;left:3px;margin-right:0px;vertical-align:middle;background-size:15px 15px;background-repeat:no-repeat;background-position: 4px center;}
.snsbtn__link:hover{text-decoration:none;}
.snsbtn__link.--facebook{background-image:url(/common/images/v5/smartphone/fb_logo.png);padding-left:16px;}
.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:10px center;}
.snsbtn__link.--hatebu{left:3px;background-image:url(/common/images/v5/smartphone/hatebu_logo.png);}
.snsbtn__link.--mail{left:3px;background-image:url(/common/images/v5/common/mail.png);}
.snsbtn__text{display:block;color:#616C72;font-size:11px;}
.print-btn,.font-icon{width:57px;margin-right: 9px;border:1px solid;color:#868686;margin-bottom:12px;border-radius: 3px;background-repeat:no-repeat;background-position: 3px center;}
.print-btn{position:relative;flex:none;background-image:url(/common/images/v5/icon/printer.png);background-size:15px 15px;}
.print-btn a{display:block;text-align: center;font-size:11px;color:#616c72 !important;padding:4px 4px 4px 20px;font-weight:normal}
.font-icon{padding:4px 6px 4px 24px;background-size:15px 15px;}
.font-icon span{font-size:11px;color:#616c72;font-weight:normal}
.font-icon.--b{background-image:url(/common/images/v5/common/bigger.png);}
.font-icon.--s{background-image:url(/common/images/v5/common/smaller.png);margin-right:0}

/* -- ▼ ブランドコンテンツ用サービスメニュー ▼ -- */
.brand-content-body-inner .tools-block{width:200px;float:left;padding:40px 0;}
.brand-content-body-inner .tools-block div{margin-bottom:10px;}
.brand-content-body-inner .article-box-gwrap{border-style:none;width:600px;float:right;margin-right:200px;outline:none;padding:27px 0;}
.brand-content-body-inner .article-box-gwrap p{font-size:14px;margin-bottom:1em;color:#5c6164;line-height:1.6;}
.brand-content-body-inner h4{clear:both;}

/* -- ▼ ブランドコンテンツ用サービスメニュー ▼ -- */
.brand-content-body-inner .tools-block{width:200px;float:left;padding:40px 0;}
.brand-content-body-inner .tools-block div{margin-bottom:10px;}
.brand-content-body-inner .article-box-gwrap{border-style:none;width:600px;float:right;margin-right:200px;outline:none;padding:27px 0;}
.brand-content-body-inner .article-box-gwrap p{font-size:14px;margin-bottom:1em;color:#5c6164;line-height:1.6;}
.brand-content-body-inner h4{clear:both;}

/*
********************************************************************
記事ページのレイアウトの基本定義
********************************************************************
*/

#kanban{margin-bottom:15px;}
.article-body{border-top:solid 1px #938d8c;border-right:solid 1px #938d8c;border-left:solid 1px #938d8c;}
.article-body.g-a-articles{border-bottom:solid 1px #938d8c;padding-bottom:25px;}
.article-body.tktopics,.article-body.leading-edge{border-left:solid 10px #000;border-right:solid 10px #000;border-top:none;border-bottom:none;}
.article-body-inner{padding:25px 57px 0;color:#444;margin-bottom:25px;}
.article-body-inner.ranking{padding:25px 57px;}
.article-body-inner.ranking .ranking-inner{padding:0;}
.article-body-inner.crossword{padding:25px 0;margin:0 auto;width:615px;}
.article-body-inner.print{padding:15px 0;}
#article-bottom{clear:right;padding:48px 0;border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-bottom:solid 1px #96908f;}
#article-bottom.article{padding-top:10px;}
/* -- プレスリリース用 -- */
#kanban h2.pressrelease{font-weight:normal;border-bottom:solid 1px #96908f;}

/* -- ▼ 記事内人物プロフィール用 ▼ -- */
.central.personal{padding:25px 0 0 0;}
.central.personal .figure-center.personal{text-align:center;overflow:hidden;width:640px;}
.caption.personal{color:#221e1f;line-height:1.4;margin:10px auto 0 auto;padding:0;width:440px;}
.caption.personal .company-name{font-size:14px;font-weight:bold;}
.caption.personal .personal-name{font-size:18px;font-weight:bold;}
.caption.personal .profile{font-size:12px;margin-top:10px;}

/* -- ▼ パンくず ▼ -- */
.breadcrumb ul li{font-size:14px;float:left;margin-right:3px;padding:0 6px 0 12px;line-height:1.4;position:relative;}
.breadcrumb ul li.top{padding-left:0;}
.breadcrumb ul li::before{content:"";display:block;border-left:solid 5px #000;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-right:solid 10px transparent;width:0;height:0;position:absolute;top:4px;left:0;}
.breadcrumb.ranking{margin-bottom:5px;}
/* カテゴリ色分け用 */
.breadcrumb.default ul li::before{border-left-color:#009fe6;}
.breadcrumb.top ul li::before{border-left-color:#ecd900;}
.breadcrumb.business ul li::before{border-left-color:#c07700;}
.breadcrumb.economy-and-politics ul li::before{border-left-color:#bb555b;}
.breadcrumb.market ul li::before{border-left-color:#a04177;}
.breadcrumb.career-and-education ul li::before{border-left-color:#845b8d;}
.breadcrumb.life ul li::before{border-left-color:#179397;}
.breadcrumb.tetsudosaizensen ul li::before{border-left-color:#86a300;}
.breadcrumb.jidoshasaizensen ul li::before{border-left-color:#157316;}
.breadcrumb.information ul li::before{border-left-color:#dd5a30;}
.breadcrumb.ranking ul li::before{border-left-color:#bed529;}
.breadcrumb.hr-online ul li::before{border-left-color:#8a65d7;}
.breadcrumb.video ul li::before{border-left-color:#F39A02;}
.breadcrumb.member ul li::before{border-left-color:#aa8c49;}
/* カテゴリ色分け用ここまで */
.breadcrumb ul li a{color:#000;text-decoration:underline;}
.breadcrumb ul li:first-child::before{border-style:none;padding-left:0;}

/* -- ▼ 次ページ誘導見出し ▼ -- */
.article-next-page{text-align:center;padding:5px;margin:0 57px;clear:both;}
.article-next-page a{color:#000;padding:3px 5px;}
.article-next-page a:hover{text-decoration:none;}
.article-next-page .next .arrow-n{height:18px;width:18px;display:inline-block;line-height:18px;background-color:#000;color:#000;position:relative;padding:0;margin-right:3px;}
.article-next-page .next .arrow-n::before,.article-next-page .next .arrow-n::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:0;vertical-align:middle;}
.article-next-page .next .arrow-n::before{width:12px;border-top:solid 2px #fff;top:8px;left:3px;}
.article-next-page .next .arrow-n::after{width:7px;height:7px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:5px;left:5px;}
.article-next-page .page-title{padding-left:15px;}

/* カテゴリ色分け用 */
.article-next-page.top a{background-color:#c6d7e5;display:block;}
.article-next-page.default a{background-color:#c6e4f1;display:block;}
.article-next-page.business a{background-color:#e5c999;display:block;}
.article-next-page.economy-and-politics a{background-color:#e3bbbd;display:block;}
.article-next-page.market a{background-color:#e3b1c9;display:block;}
.article-next-page.career-and-education a{background-color:#cdbdd1;display:block;}
.article-next-page.life a{background-color:#a4d3d5;display:block;}
.article-next-page.tetsudosaizensen a{background-color:#cfda9a;display:block;}
.article-next-page.jidoshasaizensen a{background-color:#bad3ba;display:block;}
.article-next-page.ranking a{background-color:#d5e476;display:block;}
.article-next-page.ranking-ad a{background-color:#d5e476;display:block;}
.article-next-page.information a{background-color:#e3bbbc;display:block;}

.article-next-page.top span.unavailable{background-color:#c6d7e5;display:block;}
.article-next-page.default span.unavailable{background-color:#c6e4f1;display:block;}
.article-next-page.business span.unavailable{background-color:#e5c999;display:block;}
.article-next-page.economy-and-politics span.unavailable{background-color:#e3bbbd;display:block;}
.article-next-page.market span.unavailable{background-color:#e3b1c9;display:block;}
.article-next-page.career-and-education span.unavailable{background-color:#cdbdd1;display:block;}
.article-next-page.life span.unavailable{background-color:#a4d3d5;display:block;}
.article-next-page.tetsudosaizensen span.unavailable{background-color:#cfda9a;display:block;}
.article-next-page.jidoshasaizensen span.unavailable{background-color:#bad3ba;display:block;}
.article-next-page.ranking span.unavailable{background-color:#d5e476;display:block;}
.article-next-page.ranking-ad span.unavailable{background-color:#d5e476;display:block;}
.article-next-page.information span.unavailable{background-color:#e3bbbc;display:block;}
/* カテゴリ色分け用ここまで */

/* -- ▼ ロイターのクレジット ▼ -- */
.credit.reuters-footer{float:right;text-align:right;}
.credit.reuters-footer span{display:block;font-size:11px;}

/* -- ▼ 写真リンク ▼ -- */
.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;}

/* -- ▼ ページ繰り ▼ -- */
.mp-ie{margin:10px 25px 0 0;}
.mp-ie.page-end{margin:10px 0 25px 0;}
.mp-ie-end{width:560px;margin:0 auto;clear:both;}
.pagination{margin:25px auto;text-align:center;}
.pagination .page a,.pagination .current,.pagination span.unavailable{min-width:23px;height:23px;display:inline-block;font-weight:bold;line-height:23px;}
.pagination .page a{background-color:#5d6a70;color:#fff;border:solid 1px #5d6a70;}
.pagination .page a:hover,.pagination .next a:hover,.pagination .prev a:hover{text-decoration:none;}
.pagination .next a,.pagination .prev a{color:#5d6a70;width:23px;height:23px;line-height:23px;background:#5d6a70;border:solid 1px #5d6a70;display:inline-block;position:relative;}
.pagination .next a::before,
.pagination .next a::after,
.pagination .prev a::before,
.pagination .prev a::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";margin:0;vertical-align:middle;}
.pagination .next a::before{border-top:solid 2px #fff;width:15px;top:10px;left:4px;}
.pagination .next a::after{width:10px;height:10px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:5px;left:5px;}
.pagination .prev a::before{border-top:solid 2px #fff;width:15px;top:10px;left:4px;}
.pagination .prev a::after{width:10px;height:10px;border-bottom:solid 2px #fff;border-left:solid 2px #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:5px;left:5px;}
.pagination .next{margin-left:10px;}
.pagination .prev{margin-right:10px;}
.pagination .current,.pagination .page a:hover{background-color:#fff;color:#5d6a70;border:solid 1px #5d6a70;}
.pagination span.unavailable{background-color: #5d6a70;color: #fff;border: solid 1px #5d6a70;cursor:default;}
.pagination a.unavailable{pointer-events: none;}
/* .pagination.multipage-end{float:left;width:400px;padding-top:5px;} */
#main-column.category .pagination.multipage-end,#main-column.adarticles .pagination.multipage-end{float:none;width:auto;padding-top:5px;margin-bottom:0;}
.comment-section-btn{float:right;margin:25px 0;}
.comment-section-btn a{font-size:14px;padding:0 5px 0 30px;background-image:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212);background-repeat:no-repeat;background-position:10px;background-size:16px 16px;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;background-color:#ebebeb;border:solid 1px #b9b9b9;border-radius:4px;display:block;text-align:center;line-height:33px;height:33px;color:#000;}
.comment-section-btn a:hover{text-decoration:none;}

/* -- ▼ 動画固定ボタン ▼ -- */
#moviehandle{border-radius:4px;background:url(/common/images/v5/common/moviehandle.png?rd=201707051212) no-repeat left;background-size:16px 16px;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;background-position:5px 5px;padding:3px 10px 3px 25px;font-size:13px;display:inline-block;border:solid 1px #ccc;border-radius:4px;margin-top:5px;cursor:pointer;}

/* -- ▼ 有料会員特集へのリンク ▼ -- */
.article-body-inner p.arrow-other-article{text-indent:0;text-align:right;margin:30px 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:8px;left:0;}

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

/* -- ▼ 記事下の著者情報 ▼ -- */
.article-end-authors {
  clear: both;
  width: 570px;
  margin: 24px auto 20px;
  background: #f1f1f1;
}
.article-end-authors__header{padding:18px 15px;display:flex;align-items:center;}
.article-end-authors__header:hover{cursor:pointer;}
.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:0;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;0;transform:rotate(-45deg);}
.article-end-authors__name{font-size:15px;max-width:380px;}
.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;}
.article-end-authors__link:hover{text-decoration: none;}
.article-body-inner .article-end-authors__link a{color:#000;}
.article-end-authors__name span{position:relative;}
.article-body-inner .article-end-authors__shoulder{font-size:13px;}
.article-end-authors__name span.article-end-authors__shoulder::before{content:"：";}
.article-end-authors__follow {
  margin-left: auto;
  position: relative;
}
.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;
}
.is-followed .article-end-authors__follow-btn {
  background: #DBDBDB url(/common/images/v5/mypage/followed.svg) no-repeat 8px;
  color: #3b3b3b;
  font-weight: normal;
}
.article-end-authors__follow-gueset-comment {
  font-size: 12px;
  width: 180px;
  position: absolute;
  top: 36px;
  left: 50%;
  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;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease;
}
.article-end-authors__follow-gueset-comment.is-show {
  visibility: visible;
  opacity: 1;
}
.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: -24px;left: 50%;transform: translate(-50%,0);}
.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: -25px;left: 50%;transform: translate(-50%,0);}
.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-body-inner .article-end-authors-content__summary{color:#707070;font-size:11px;text-align:center;}
.article-end-authors-content__profile{margin:30px 15px;}
.article-end-authors-content__kana{font-size:14px;margin-bottom:16px;}
.article-end-authors-content__detail p{line-height:1.6;}
.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{color:#000;text-decoration:none;font-size:14px;padding-left:20px;display:inline-block;position:relative;}
.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;}

/*
********************************************************************
写真のみの記事ページ
********************************************************************
*/

.signage.photo .title-parts{margin:0;padding:10px 0 10px 15px;}
.signage.photo .title-bottom-menu{border-style:none;}
.signage.photo .date{margin:0 40px;font-size:11px;color:#5d6970;text-align:right;}
.signage.photo .photo-icon{display:inline-block;text-indent:150%;overflow:hidden;white-space:nowrap;width:80px;height:15px;background-image:url(/common/images/v5/common/camera.png?rd=201707051212);background-repeat:no-repeat;background-position:60px 1px;background-size:16px 12px;-webkit-background-size:16px 12px;-moz-background-size:16px 12px;vertical-align:bottom;}
.signage.photo.default .photo-icon{background-color:#009fe6;}
.signage.photo.business .photo-icon{background-color:#bf7700;}
.signage.photo.economy-and-politics .photo-icon{background-color:#ba555b;}
.signage.photo.market .photo-icon{background-color:#b83d79;}
.signage.photo.career-and-education .photo-icon{background-color:#835a8c;}
.signage.photo.life .photo-icon{background-color:#1c9296;}
.signage.photo.tetsudosaizensen .photo-icon{background-color:#86a303;}
.signage.photo.jidoshasaizensen .photo-icon{background-color:#157316;}

.article-body-inner.photo{padding:20px 0;margin-bottom:0;}
.article-body-inner.photo .photo-gallery{position:relative;display:block;width:636px;margin:auto;}
.article-body-inner.photo .photo-gallery .img{width:570px;position:relative;margin:auto;display:block;text-align:center;top:0;height:calc(100% - 66px);}
.article-body-inner.photo .photo-gallery img{width:auto;max-width:100%;}
.article-body-inner.photo .photo-gallery .img .slide-number{background:rgba(0,0,0,0.6);color:#fff;font-size:14px;line-height:1;padding:5px 15px;position:absolute;bottom:0;right:0;z-index:100;}
.article-body-inner.photo .photo-gallery .credit{color:#676b6c;text-align:center;font-size:11px;line-height:1.5;}
.article-body-inner.photo .photo-gallery__summary{color:#676b6c;margin:8px auto 0;font-size:13px;line-height:1.5;text-indent:0;width:570px;}

.article-body-inner.photo .photo-gallery .prevnext-container{}
.article-body-inner.photo .photo-gallery .arrow-prev-box{position:sticky;top:30px;height:66px;float:left;}
.article-body-inner.photo .photo-gallery .arrow-next-box{position:sticky;top:30px;height:66px;float:right;}
.article-body-inner.photo .photo-gallery .prev{width:33px;height:66px;display:block;background-color:#959595;text-indent:150%;overflow:hidden;white-space:nowrap;position:absolute;top:0;cursor:pointer;}
.article-body-inner.photo .photo-gallery .next{width:33px;height:66px;display:block;background-color:#444;text-indent:150%;overflow:hidden;white-space:nowrap;position:absolute;top:0;cursor:pointer;}
.article-body-inner.photo .photo-gallery .prev{left:0;}
.article-body-inner.photo .photo-gallery .next{right:0;}
.article-body-inner.photo .photo-gallery .prev::before{content:"";display:block;position:absolute;top:24px;right:3px;width:15px;height:15px;border-bottom:solid 4px #fff;border-left:solid 4px #fff;transform:rotate(45deg);}
.article-body-inner.photo .photo-gallery .next::before{content:"";display:block;position:absolute;top:24px;left:3px;width:15px;height:15px;border-top:solid 4px #fff;border-right:solid 4px #fff;transform:rotate(45deg);}

.article-body-inner.photo .thumbnail-slide{width:570px;margin:40px auto 20px;display: flex;flex-wrap: wrap;}
.article-body-inner.photo .thumbnail a{width:80px;height:80px;display:block;overflow:hidden;text-align:center;background:#cdcdcd;margin:0 18px 18px 0;position:relative;opacity:0.5;}
.article-body-inner.photo .thumbnail.current a{opacity:1; border: solid 2px #777;box-sizing: border-box;}
.article-body-inner.photo .thumbnail:nth-child(6n) a{margin-right:0;}
.article-body-inner.photo .thumbnail img{height:100%;width:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.article-body-inner.photo .gallery-follow-btn{margin:0 auto 40px;text-align:center;position:relative;width:570px;}
.article-body-inner.photo .gallery-follow-btn .btn{display:block;font-size:16px;font-weight:bold;line-height:1;padding:10px 30px 10px 20px;box-sizing:border-box;color:#000;text-decoration:none;}
.article-body-inner.photo .gallery-follow-btn .btn.business{background-color:#e5c999;}
.article-body-inner.photo .gallery-follow-btn .btn.economy-and-politics{background-color:#e3bbbd;}
.article-body-inner.photo .gallery-follow-btn .btn.career-and-education{background-color:#cdbdd1;}
.article-body-inner.photo .gallery-follow-btn .btn.market{background-color:#e3b1c9;}
.article-body-inner.photo .gallery-follow-btn .btn.life{background-color:#a4d3d5;}
.article-body-inner.photo .gallery-follow-btn .btn.tetsudosaizensen{background-color:#cfda9a;}
.article-body-inner.photo .gallery-follow-btn .btn.jidoshasaizensen{background-color:#bad3ba;}
.article-body-inner.photo .gallery-follow-btn .btn.ranking{background-color:#D5E476;}
.article-body-inner.photo .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;}
.article-body-inner.photo .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;}
.article-body-inner.photo .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;}

.article-body-inner.photo .photo-articles-lead{width:570px;margin:0 auto 20px;}

/*
********************************************************************
漫画ページ
********************************************************************
*/

.signage.comic .title-parts{margin:0;padding:10px 0 10px 15px;}
.signage.comic .title-bottom-menu{border-style:none;}
.signage.comic .date{margin:0 40px;font-size:11px;color:#5d6970;text-align:right;}
.signage.comic .photo-icon{display:inline-block;text-indent:150%;overflow:hidden;white-space:nowrap;width:80px;height:15px;background-image:url(/common/images/v5/common/manga.png);background-repeat:no-repeat;background-position:65px 1px;background-size:11px 13px;-webkit-background-size:11px 13px;-moz-background-size:11px 13px;vertical-align:bottom;}
.signage.comic.default .photo-icon{background-color:#009fe6;}
.signage.comic.business .photo-icon{background-color:#bf7700;}
.signage.comic.economy-and-politics .photo-icon{background-color:#ba555b;}
.signage.comic.market .photo-icon{background-color:#b83d79;}
.signage.comic.career-and-education .photo-icon{background-color:#835a8c;}
.signage.comic.life .photo-icon{background-color:#1c9296;}
.signage.comic.tetsudosaizensen .photo-icon{background-color:#86a303;}
.signage.comic.jidoshasaizensen .photo-icon{background-color:#157316;}

.article-body-inner.comic{padding:20px 0;margin-bottom:0;}
.article-body-inner.comic .comic-gallery{position:relative;display:block;width:636px;margin:auto;}
.article-body-inner.comic .comic-gallery .img{width:520px;position:relative;margin:auto;display:block;text-align:center;top:0;height:calc(100% - 66px);}
.article-body-inner.comic .comic-gallery img{width:auto;max-width:100%;}
.article-body-inner.comic .comic-gallery .credit{color:#676b6c;text-align:center;font-size:11px;line-height:1.5;}
.article-body-inner.comic .comic-gallery__summary{color:#676b6c;margin:8px 0 0;text-align:center;font-size:13px;line-height:1.5;text-indent:0;}

.article-body-inner.comic .comic-gallery .prevnext-container{}
.article-body-inner.comic .comic-gallery .arrow-prev-box{position:sticky;top:30px;height:66px;float:left;}
.article-body-inner.comic .comic-gallery .arrow-next-box{position:sticky;top:30px;height:66px;float:right;}
.article-body-inner.comic .comic-gallery .prev{width:58px;height:58px;display:block;background-color:#444;position:absolute;top:0;cursor:pointer;text-decoration:none;}
.article-body-inner.comic .comic-gallery .next{width:58px;height:58px;display:block;background-color:#959595;position:absolute;top:0;cursor:pointer;text-decoration:none;}
.article-body-inner.comic .comic-gallery .prev{left:0;}
.article-body-inner.comic .comic-gallery .next{right:0;}
.article-body-inner.comic .comic-gallery .prev::before{content:"";display:block;position:absolute;top:13px;right:16px;width:15px;height:15px;border-bottom:solid 4px #fff;border-left:solid 4px #fff;transform:rotate(45deg);}
.article-body-inner.comic .comic-gallery .next::before{content:"";display:block;position:absolute;top:13px;left:16px;width:15px;height:15px;border-top:solid 4px #fff;border-right:solid 4px #fff;transform:rotate(45deg);}
.article-body-inner.comic .comic-gallery .arrow{font-size:10px;color:#fff;text-align:center;display:block;position:relative;top:40px;}

.article-body-inner.comic .comic-follow-btn{margin:0 auto 40px;text-align:center;position:relative;}
.article-body-inner.comic .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;}
.article-body-inner.comic .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;}
.article-body-inner.comic .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;}
.article-body-inner.comic .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;}

.comic-slide-number{display:block;margin:30px auto 15px;text-align:center;font-size:14px;letter-spacing:2px;}
.comic-current-slide-number{font-size:140%;font-weight:bold;}

.comic-sp-banner{width:400px;margin:30px auto;}
.comic-sp-banner.lastpage{margin:25px auto;}
.comic-sp-banner img{width:100%;}

.comic-related{width:570px;margin:0 auto 50px;}
.comic-related__heading{border-bottom:solid 1px #9d9896;}
.comic-related__heading span{display: inline-block;background: #000;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
.article-body-inner ul.comic-related__list{display:flex;justify-content:space-between;margin:0;}
.article-body-inner ul li.comic-related__item{width:48%;border-bottom:solid 1px #9d9896;padding:10px 0;margin:0;}
.article-body-inner ul li.comic-related__item::before{display:none;}
.comic-related__link{text-decoration:none !important;}
.comic-related__title{display:block;font-size:12px;font-weight:bold;color:#000 !important;}
.comic-related__subtitle{display:block;font-size:11px;color:#000 !important;}

.last-page-comic{width:520px;position:relative;margin:auto;display:block;top:0;height:calc(100% - 66px);background:#f8f8f8;box-sizing:border-box;padding:30px 0;}

.comic-gallery .article-end-authors{margin-top:0;}
.comic-gallery .m-sns-wrap{width:570px;margin:auto;}
.comic-ttl{width:570px;margin:20px auto 15px;}
.comic-wrap{width:570px;background:#f1f1f1;margin:auto;}
.comic-lead{width:520px;margin:auto;background:#f8f8f8;padding:30px 0;}
.comic-lead-like{display:flex;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:378px;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-wrap{display:flex;justify-content:space-between;align-items:center;}
.comic-lead-next-wrap{width:570px;margin:auto;column-gap:16px;margin-top:30px;}
.comic-lead-next-wrap .comic-lead-next__link{display:flex;justify-content:center;align-items:center;padding:14px;}
.comic-lead-next__top{font-size:16px;font-weight:bold;}
.comic-lead-next__other{font-size:13px;margin-top:4px;}
.comic-lead-next__epsode-num{font-size:13px;font-weight:bold;display:inline-block!important;margin-top:3px;text-decoration: underline 1px;}
.comic-lead-next__link:hover .comic-lead-next__epsode-num{text-decoration: none;}
a.comic-lead-other{color:#000;font-size:14px;text-align:center;display:block;margin-top:20px;}
.comic-amazon-wrap a{color:#000;text-decoration:none;display:flex;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:12px;display:block;margin-top:16px;}
.comic-amazon-wrap a:hover .comic-amazon__ttl{text-decoration:none;}
.comic-amazon__img{min-width:120px;width:120px;height:150px;display:block;margin-left:30px;}
.comic-amazon__img img{background:#ccc;width:120px;height:150px;-o-object-fit:contain;object-fit:contain;}

.comic-pickup{background:#fff;width:400px;margin:auto;padding:20px;box-sizing:border-box;border:solid 1px #aaa;}
.comic-pickup > a{text-decoration:none !important;}
.comic-pickup__title{color:#000 !important;font-size:14px;font-weight:bold;}
.comic-pickup__subtitle{color:#000 !important;font-size:12px;}
.comic-pickup__img{margin:20px auto;width:60%;}
.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;}

.comic-credit{width:520px;margin:20px auto;font-size:12px;}

.comic-amazon-link{width:400px;margin:0 auto;font-size:12px;}
.comic-amazon-link .note{display:block;font-size:9px;}
.comic-related-lists{width:400px;margin:30px auto 0;}
.comic-related-lists__heading{line-height:1;padding:10px 0;font-size:14px;}
.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-size:14px;font-weight:bold;}
.comic-related-lists__subtitle{color:#000 !important;font-size:12px;}

/*
********************************************************************
コメントページ
********************************************************************
*/
.signage.comment .title-parts{margin:0;padding:10px 0 10px 15px;}
.signage.comment .title-bottom-menu{border-style:none;}
.signage.comment .date{margin:0 40px;font-size:11px;color:#5d6970;text-align:right;}
.signage.comment .comment-icon{display:inline-block;text-indent:150%;overflow:hidden;white-space:nowrap;width:80px;height:15px;background-image:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212);background-repeat:no-repeat;background-position:65px 1px;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;vertical-align:bottom;}
.signage.comment.default .comment-icon{background-color:#009fe6;}
.signage.comment.business .comment-icon{background-color:#c07700;}
.signage.comment.economy-and-politics .comment-icon{background-color:#bb555b;}
.signage.comment.market .comment-icon{background-color:#a04177;}
.signage.comment.career-and-education .comment-icon{background-color:#845b8d;}
.signage.comment.life .comment-icon{background-color:#179397;}
.signage.comment.tetsudosaizensen .comment-icon{background-color:#86a300;}
.signage.comment.jidoshasaizensen .comment-icon{background-color:#157316;}
.signage.comment.ranking .comment-icon{background-color:#bed529;}

.comment-feed-btn{text-align:center;}
.comment-feed-btn span{display:inline-block;}
.comment-feed-btn span:first-child{margin:0 15px 0 0;}
.comment-feed-btn span:last-child{margin:0 0 0 15px;}
.comment-feed-btn span a{font-weight:bold;color:#00f;}
.comment-feed-btn span:last-child a{color:#b0c4de;}
.comment-feed-btn span:last-child a:hover{color:#00f;}

#main-column .subsection.no-border.comment{border:1px solid #bababa;}
#main-column .subsection.no-border.comment #mw-comment{border-style:none;}
#main-column .subsection.no-border.comment #mw-comment .mw-counter ul#mw-comment-sort a{text-decoration:none;color:#444;}
#main-column .subsection.no-border.comment #mw-comment .mw-counter ul#mw-comment-sort a.current{color:#6bc72a;}
#main-column .subsection.no-border.comment #mw-comment-pagination .pagination.multipage-end{float:none;}
#main-column .subsection.no-border.comment #mw-comment-pagination .pagination.multipage-end span{margin-bottom:10px;display:inline-block;vertical-align:top;}
#main-column .subsection.no-border.comment #mw-comment-pagination .pagination.multipage-end span.arrow-p{margin-bottom:0;}
#main-column .subsection.no-border.comment #mw-comment-pagination .pagination.multipage-end a{color:#fff !important;text-decoration:none;}
#main-column .subsection.no-border.comment #mw-comment-pagination .pagination.multipage-end a:hover{color:#5d6a70 !important;}

/*
********************************************************************
有料会員向けの記事
********************************************************************
*/
.member-login-parts{clear:both;box-shadow:#ccc 0 0 12px;border-radius:6px;padding:40px 30px;box-sizing:border-box;width:569px;margin:0 auto 20px;}
.article-body-inner .member-login-parts p{text-indent:0;margin-bottom:0;}
.article-body-inner .member-login-parts p >span{font-weight:bold;}
.article-body-inner .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:20px 0;}
.member-login-parts__note{text-align:center;font-size:14px;margin-bottom:5px;}
.member-login-parts__btnlink{width:250px;color:#fff !important;text-decoration:none !important;text-align:center;display:block;border-radius:4px;}
.member-login-parts__paid .member-login-parts__btnlink{background:#868686;margin-right:5px;padding:7px 0;line-height:1.4;cursor:pointer;}
.member-login-parts__paid .member-login-parts__btnlink span{display:block;font-size:13px;}
.member-login-parts__regist .member-login-parts__btnlink{margin-left:5px;padding:19px 0;line-height:1;}
.member-login-parts__regist .member-login-parts__btnlink.member{background:#aa8c49;cursor:pointer;}
.member-login-parts__regist .member-login-parts__btnlink.free{background:#4f89c4;cursor:pointer;}
.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:6px;right:200px;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;}

.member-column-articles .title{border-bottom:solid 2px #000;margin-bottom:12px;}
.member-column-articles .title span{display:inline-block;background:#000;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.member-column-articles__list{display:flex;justify-content:space-between;}
.member-column-articles__withthumb{width:250px;}
.member-column-articles__thumb{margin-bottom:10px;}
.member-column-articles__title{font-size:14px;font-weight:bold;}
.member-column-articles__summary{font-size:13px;color:#868686;}
.member-column-articles__text{width:338px;}
.member-column-articles__item{border-bottom:solid 1px #bbb;padding-bottom:7px;margin-bottom:7px;}
.member-column-articles__ttl{font-size:13px;font-weight:bold;display:inline-block;padding-right:17px;}
.member-column-articles__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;}
.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-column-articles__block:hover,
.member-column-articles__ttl:hover,
.member-column-articles__more:hover{text-decoration:none;}

#main-column .member-paid-articles.subsection{margin-bottom:0;padding-bottom:10px;}
.member-paid-articles .title{border-bottom:solid 2px #000;margin-bottom:12px;}
.member-paid-articles .title span{display:inline-block;background:#aa8c49;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.member-paid-articles__list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-paid-articles__item{width:48%;border-bottom:solid 1px #bbb;padding-bottom:7px;margin-bottom:7px;}
.member-paid-articles__ttl{font-size:12px;font-weight:bold;display:inline;padding-right:17px;}
.member-paid-articles__ttl.paid{background:url(/common/images/v5/tkm/key.png) no-repeat right;background-size:10px;}
.member-paid-articles__ttl.free{background:url(/common/images/v5/tkm/key-open.png) no-repeat right;background-size:10px;}

#main-column  .member-keywords.subsection{margin-bottom:30px;}
.member-keywords .title{border-bottom:solid 2px #000;margin-bottom:12px;}
.member-keywords .title span{display:inline-block;background:#aa8c49;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.member-keywords__section p{font-size:14px;}
.member-keywords__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top:10px;}
.member-keywords__item{display:inline-block;font-size:13px;border: solid 1px #868686;border-radius: 4px;line-height: 1;padding: 7px 10px;margin: 5px;}
.member-keywords__item:hover{text-decoration:none;background:#F2F2F2;}
.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-keywords__more:hover{text-decoration:none;}

#main-column  .member-features.subsection{margin-bottom:30px;}
.member-features .title{border-bottom:solid 2px #000;margin-bottom:12px;}
.member-features .title span{display:inline-block;background:#aa8c49;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.member-features__list{display:flex;justify-content:space-between;}
.member-features__item a{display:block;position:relative;}
.member-features__item a .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-features__item a .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__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top: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__more:hover{text-decoration:none;}

.member-series.subsection{margin-bottom:30px;}
.member-series{margin-bottom:0;}
.member-series .title{border-bottom:solid 2px #000;margin-bottom:12px;}
.member-series .title span{display:inline-block;background:#aa8c49;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.member-series__list{display:flex;justify-content:space-between;}
.member-series__item a{display:block;position:relative;}
.member-series__item a .new span{position:absolute;top:12px;right:-2px;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-series__item a .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__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top: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-series__more:hover{text-decoration:none;}

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

.member-latest__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top:10px;}
.member-latest__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-latest__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-latest__more:hover{text-decoration:none;}

.member-pagenav{margin:20px 0;clear:both;}
.member-pagenav__heading{background:#000;color:#fff;font-size:14px;line-height:1;padding:5px 10px;}
.member-pagenav__list{border:solid 1px #000;padding:20px 30px;display:flex;justify-content:space-between;}
.member-pagenav__link{position:relative;font-size:14px;font-weight:600;padding-left:14px;}
.member-pagenav__link::before{content:"";display:block;position:absolute;left:0;top:7px;border-style:solid;border-width:8px 5px;border-color:#aa8c49 transparent transparent transparent;}

.member-top-features{margin:40px 0;}
.member-top-features__heading{margin-bottom: 10px;position: relative;border-bottom: solid 2px #000;font-size: 14px;font-weight: normal;line-height: 1;}
.member-top-features__heading span {background: #AA8C49;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.member-top-features__list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-top-features__item{width:217px;margin-bottom:15px;}
.member-top-features__item a:hover{text-decoration:none;}
.member-top-features__thumb{margin-bottom:5px;position:relative;}
.member-top-features__thumb .new span{position:absolute;top:14px;right:0;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-top-features__thumb .new::after{content:"";display:block;position:absolute;top:-40px;right:-40px;border-style:solid;border-width:40px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.member-top-features__title{font-size:14px;font-weight:bold;margin-top:5px;}
.member-top-features__summary{font-size:13px;color:#5d6970;}

.member-top-series{margin:40px 0;}
.member-top-series__heading{margin-bottom: 10px;position: relative;border-bottom: solid 2px #000;font-size: 14px;font-weight: normal;line-height: 1;}
.member-top-series__heading span {background: #AA8C49;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.member-top-series__list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-top-series__item{width:217px;margin-bottom:15px;}
.member-top-series__item a:hover{text-decoration:none;}
.member-top-series__thumb{margin-bottom:5px;position:relative;}
.member-top-series__thumb .new span{position:absolute;top:14px;right:0;color:#fff;font-size:10px;z-index: 1;transform: rotate(45deg);}
.member-top-series__thumb .new::after{content:"";display:block;position:absolute;top:-40px;right:-40px;border-style:solid;border-width:40px;border-color:transparent transparent #D50101 transparent;transform: rotate(45deg);}
.member-top-series__title{font-size:14px;font-weight:bold;margin-top:5px;}
.member-top-series__summary{font-size:13px;color:#5d6970;}

.member-top-magazine{margin:40px 0;}
.member-top-magazine__heading{margin-bottom: 10px;position: relative;border-bottom: solid 2px #000;font-size: 14px;font-weight: normal;line-height: 1;}
.member-top-magazine__heading span {background: #AA8C49;color: #fff;display: inline-block;padding: 2px 7px 1px;line-height: 20px;position: relative;}
.member-top-magazine__note{font-size:14px;margin-bottom:10px;}
.member-top-magazine__note a{text-decoration:underline;}
.member-top-magazine__note a:hover{text-decoration:none;}
.member-top-magazine__list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.member-top-magazine__item{width:160px;}
.member-top-magazine__item a:hover{text-decoration:none;}
.member-top-magazine__cover{margin-bottom:5px;}
.member-top-magazine__subtitle{font-size:13px;color:#aa8c49;}
.member-top-magazine__title{font-size:14px;font-weight:bold;}
.member-top-magazine__pubdate{font-size:11px;color:#8B8B8B;}
.member-magazine__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top:30px;}
.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);}
.member-magazine__more:hover{text-decoration:none;}

/*
********************************************************************
有料会員向けのバックナンバー
********************************************************************
*/
#magazine-backnumber{position: relative;z-index: 10;}
.magazine-list{border-left: solid 1px #96908f;border-right: solid 1px #96908f;border-top: solid 1px #96908f;padding: 28px 33px;}

#signale-category.member.magazine{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
#signale-category.member.magazine h1{margin-bottom:0;}
.magazine-list__note{margin-bottom:20px;font-size:14px;}
.magazine-list__note a{text-decoration:underline;}
.magazine-list__note a:hover{text-decoration:none;}
.magazine-list__sort{margin-right:33px;}
.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{display:flex;flex-wrap:wrap;}
.magazine-list__item{width:183px;margin:0 34px 30px 0;}
.magazine-list__item:nth-child(3n){margin-right:0;}
.magazine-list__item a:hover{text-decoration:none;}
.magazine-list__cover{margin-bottom:5px;}
.magazine-list__subtitle{font-size:13px;color:#aa8c49;}
.magazine-list__title{font-size:14px;font-weight:bold;}
.magazine-list__pubdate{font-size:11px;color:#8B8B8B;}
.magazine-list__bottom .magazine-list__sort{float:right;margin-right:0;}

/*
********************************************************************
有料会員向けのタグ一覧
********************************************************************
*/
#tags{position: relative;z-index: 10;}
.tag-list{border-left: solid 1px #96908f;border-right: solid 1px #96908f;border-top: solid 1px #96908f;padding: 28px 33px;}
.tag-list h2{font-size:18px;}
.tag-list p{font-size:14px;color:#5d6970;}
.tag-list__block{margin-bottom:30px;}
.tag-list__section{margin-top:14px;}
.tag-list__item{display:inline-block;font-size:13px;border: solid 1px #868686;border-radius: 4px;line-height: 1;padding: 7px 10px;margin: 5px;}
.tag-list__item:hover{text-decoration:none;background:#F2F2F2;}

/*
********************************************************************
記事下関連記事・最新記事部分
********************************************************************
*/

/* -- ▼ キーワード ▼ -- */
.article-tags{margin:40px auto 20px;}
.article-tags .title{    border-bottom: solid 2px #000;margin-bottom: 12px;}
.article-tags .title span{display:inline-block;background:#000;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.article-tags ul{clear:both;padding:15px 0 0 0;display:flex;flex-wrap:wrap;margin:0;padding:0;}
.article-tags ul li{margin:0 15px 15px 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:13px;}
.article-tags ul li a:hover{text-decoration:none;}
.article-tags ul li a .count{font-weight:normal;color:#9d9896;}

/* -- ▼ 関連記事 ▼ -- */
.related-article.all{margin-bottom:20px;}
.related-article.all .title span{display:inline-block;background:#000;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.related-article ul{border-top:solid 2px #000;display:flex;justify-content:space-between;flex-wrap: wrap;margin:0;padding:0;}
.related-article ul li{width:48%;padding:7px 0;position:relative;line-height:1.4;margin-right:20px;border-bottom:solid 1px #9d9896;}
.related-article ul li:nth-child(even){margin-right:0;}
.related-article ul li a{font-weight:bold;color:#000;display:flex;}
.related-article ul li a:hover{text-decoration:underline;}
.related-article ul li .ico{width:100px;height:56px;margin-right:10px;}
.related-article ul li .ico img{width:100px;}
.related-article ul li .ttl{font-size:14px;position:relative;padding-right:14px;}
.related-article ul li .ttl.paid{background-position:right 24px;}
.related-article ul li.no-icon a{float:none;width:auto;color:#000;font-size:12px;display:inline;padding-right:14px;}

.related-article.g-a-article{margin-top:25px;}
.related-article.g-a-article .title{color:#5d6a70;}
.related-article.g-a-article .title::after{content:"";display:block;clear:both;}

.genre-list-all.genre .heading{border-bottom:solid 2px #000;}
.genre-list-all.genre .heading span{display:inline-block;background:#747474;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}

/* -- ▼ 人気記事エリア ▼ -- */
#main-column .genre-ranking-article.subsection{margin-bottom:0;padding-bottom:20px;}
.genre-ranking-article .title span{display:inline-block;background:#000;color:#fff;height:19px;line-height:20px;font-size:13px;padding: 2px 7px 1px;}
.genre-ranking-article .title.business span{background:#c07700;}
.genre-ranking-article .title.economy-and-politics span{background:#bb555b;}
.genre-ranking-article .title.market span{background:#a04177;}
.genre-ranking-article .title.career-and-education span{background:#845b8d;}
.genre-ranking-article .title.life span{background:#179397;}
.genre-ranking-article .title.tetsudosaizensen span{background:#86a300;}
.genre-ranking-article .title.jidoshasaizensen span{background:#157316;}
.genre-ranking-article ul{border-top:solid 2px #000;display:flex;justify-content:space-between;flex-wrap: wrap;}
.genre-ranking-article ul li{width:48%;padding:7px 0;position:relative;line-height:1.4;margin-right:20px;border-bottom:solid 1px #9d9896;}
.genre-ranking-article ul li:nth-child(even){margin-right:0;}
.genre-ranking-article ul li a{font-weight:bold;color:#000;}
.genre-ranking-article ul li a:hover{text-decoration:underline;}
.genre-ranking-article ul li .ico{width:100px;height:56px;margin-right:10px;float:left;overflow:hidden;}
.genre-ranking-article ul li .ico img{width:100px;}
.genre-ranking-article ul li .ttl{float:left;width:165px;font-size:14px;}
.genre-ranking-article ul li.no-icon a{width:auto;color:#000;font-size:12px;display:inline;padding-right:14px;}

/* -- ▼ 記事下トピックボード ▼ -- */
/* -- ▼ Topic Board ▼ -- */
#topic-board{border-bottom:none !important;}
#topic-board .title-parts{position:relative;}
#topic-board .title{display:inline-block;background:#747474;color:#fff;height:19px;line-height:20px;font-size:13px;padding:2px 7px 1px;}
#topic-board .ad{color:#747474;font-size:13px;position:absolute;bottom:-2px;right:0;display:block;}
#topic-board ul{border-top:solid 2px #000;display:flex;justify-content:space-between;flex-wrap: wrap;margin:0;padding:0;}
#topic-board ul li{width:48%;min-height:56px;padding:7px 0;position:relative;line-height:1.4;margin-right:20px;border-bottom:solid 1px #9d9896;}
#topic-board ul li.even{margin-right:0;}
#topic-board ul li a{font-weight:bold;display:block;}
#topic-board ul li a:hover{text-decoration:underline;}
#topic-board ul li:nth-child(even){margin-right:0;}
#topic-board ul li .ico{width:100px;height:56px;margin-right:10px;float:left;overflow:hidden;}
#topic-board ul li .ico img{width:100px;}
#topic-board ul li .ttl{float:left;width:165px;font-size:14px;}
#topic-board ul li.no-icon{border-bottom:solid 1px #9d9896;min-height:18px;}
#topic-board ul li.no-icon a{float:none;width:auto;font-size:13px;}

/* -- ▼ 記事人気連載 ▼ -- */
#article-series-list{margin:0 auto!important;overflow:hidden;}
#article-series-list .heading{border-bottom:solid 2px #000;}
#article-series-list .heading span{display: inline-block;background: #000;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;}
#article-series-list .series-list-icon ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
#article-series-list .series-list-icon ul li{margin-right:10px;margin-top:15px;}
#article-series-list .series-list-icon ul li:nth-child(4n){margin-right:0;}
#article-series-list .list__more{display:inline-block;text-align:right;font-size:14px;float:right;padding-left:15px;position:relative;margin-top:10px;}
#article-series-list .list__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);}
#article-series-list .list__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);}

/* -- ▼ 記事人気動画 ▼ -- */
.article-video-list__heading{border-bottom: solid 2px #000;margin-bottom:10px;}
.article-video-list__heading span{display: inline-block;background: #F39A02;color: #fff;height: 19px;line-height: 20px;font-size: 13px;padding: 2px 7px 1px;position: relative;}
.article-video-list__list{display:flex;justify-content: space-between;}
.article-video-list__item{width:135px;}
.article-video-list__thumbnail{position:relative;background:rgba(0,0,0,0.8);padding-top:56.25%;overflow:hidden;display:block;}
.article-video-list__thumbnail img{position: absolute;top: 50%;left: 50%;right: 0;width: 100%;opacity: 0.7;transform: translate(-50%,-50%);}
.article-video-list__thumbnail:hover img{opacity:1;}
.article-video-list__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;cursor: pointer;}
.article-video-list__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;}
.article-video-list__title{font-weight:bold;font-size:12px;margin-top:10px;}

/* -- ▼ 記事下コメント欄 ▼ -- */
#article-comment .comment-select ul{width:100%;position:relative;overflow:hidden;}
#article-comment .comment-select ul li{float:left;width:50%;height:50px;display:inline-block;padding:12px 0;box-sizing:border-box;vertical-align:middle;background-color:#fff;line-height:25px;}
#article-comment .comment-select ul li{cursor:pointer;text-align:center;position:relative;}
#article-comment .comment-select ul li.fbc,
#article-comment .comment-select ul li.mw{border:solid 1px #dfdfdf;background-color:#eee;bottom:-6px;}
#article-comment .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;height:56px;bottom:0;padding:18px 0;}
#article-comment .comment-select ul li.fbc .ico{background:url(/common/images/v5/common/fb.png?rd=201707051212) no-repeat left top;background-size:25px 25px;-webkit-background-size:25px 25px;-moz-background-size:25px 25px;padding-left:30px;font-size:20px;height:25px;display:inline-block;}
#article-comment .comment-select ul li.mw .ico{background:url(/common/images/v5/common/icon-comment-gray.png?rd=201707051212) no-repeat left top;background-size:25px 24px;-webkit-background-size:25px 24px;-moz-background-size:25px 24px;padding-left:30px;font-size:16px;height:25px;display:inline-block;}
#article-comment .comment-select ul li .num{line-height:1;margin-left:10px;display:inline-block;vertical-align:baseline;}

/* -- ▼ facebookコメント ▼ -- */
#fb-comment{margin:3px auto 0 auto !important;background-color:#f2f2f2;padding:10px;}
#fb-comment .title{font-weight:bold;font-size:14px;}
#fb-comment .fb-count{font-size:12px;background-position:-700px -705px;padding-left:17px;}
#fb-comment .disclaimer{font-size:12px;color:#888;display:block;clear:both;}
#fbc-comment{border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;}

/* -- ▼ MediaWeaverコメント ▼ -- */
#mw-comment{border-right:solid 1px #dfdfdf;border-left:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;padding:10px;}
#mw-comment .mw-counter{margin:0 0 10px 0;padding-top:10px;}
#mw-comment .mw-counter .total{float:left;margin-right:20px;line-height:1;font-weight:bold;}
#mw-comment .mw-counter ul#mw-comment-sort{float:left;}
#mw-comment .mw-counter ul#mw-comment-sort::after{content:"";clear:both;display:block;}
#mw-comment .mw-counter ul#mw-comment-sort li{float:left;font-size:14px;padding:0 20px;border-right:solid 1px #333;line-height:1;}
#mw-comment .mw-counter ul#mw-comment-sort li:last-child{border-right:none;}
#mw-comment .mw-counter ul#mw-comment-sort li a.current{color:#6bc72a;font-weight:bold;}
#mw-comment #mw-comment-alert{color:#f00;font-size:13px;}

#mw-comment #mw-comment-text{width:100%;padding:10px;border-radius:4px;border:solid 1px #e7e7e7;box-sizing:border-box;margin-bottom:5px;}
#mw-comment p.guide{font-size:9px;margin:-5px 0 0 0;float:right;width:230px;}
#mw-comment p.guide a{color:#00f;}
#mw-comment .mw-comment-header{margin-bottom:5px;position:relative;}
#mw-comment .mw-comment-header .counter{font-size:13px;vertical-align:bottom;color:#666;position:absolute;right:0;bottom:-5px;}
#mw-comment .mw-comment-header .counter .alert{color:#f00;}
#mw-comment .mw-comment-header .counter span{vertical-align:bottom;}
#mw-comment #mw-comment-nickname{width:304px;padding:3px 10px;border-radius:4px;border:solid 1px #e7e7e7;box-sizing:border-box;}
#mw-comment .g-recaptcha{float:left;}
#mw-comment #mw-comment-btn{clear:both;width:100%;box-sizing:border-box;border-radius:4px;color:#fff;border-style:none;margin-top:5px;background-color:#ccc;background-image:url(/common/images/v5/common/icon-comment-white.png?rd=201707051212);background-repeat:no-repeat;background-position:38% 50%;background-size:25px 24px;-webkit-background-size:25px 24px;-moz-background-size:25px 24px;height:33px;line-height:33px;opacity:1 !important;}
#mw-comment #mw-comment-btn.active{background-color:#6bc72a;cursor:pointer;}
#mw-comment #mw-comment-btn.active:hover{text-decoration:underline;}

#mw-comment-container{margin-top:20px;}
#mw-comment-container ul li{border-top:solid 1px #e7e7e7;padding:10px 0;word-wrap:break-word;overflow-wrap:break-word;}
#mw-comment-container ul li div:first-child{font-size:13px;margin-bottom:5px;}
#mw-comment-container ul li .date{margin-top:10px;display:inline-block;font-size:13px;color:#aaa;line-height:1;}
#mw-comment-container a.more{display:block;background-color:#6bc72a;color:#fff;text-align:center;border-radius:4px;font-size:16px;height:33px;line-height:33px;}
#mw-comment-container ul li span.pubid{display:inline-block;font-size:12px;color:#a5a7a9;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;}

#mw-comment-nickname-change{display:inline-block;background:#ccc;color:#fff;line-height:1;padding:7px 15px;border-radius:4px;font-size:12px;}
#mw-comment-nickname-change:hover{text-decoration:none;background:#999;}
.article-body-inner #mw-comment-nickname-change{color:#fff;text-decoration:none;}
#mw-comment-nickname-request{display:none;width:400px;border: 1px solid #ccc;font-size: 12px;color: #999;border-radius: 4px;padding: 4px;}
#mw-comment-nickname-request a{color:#00f;}
.mw-comment-box{border: 1px solid #ccc;font-size: 12px;color: #999;height: 80px;border-radius: 4px;padding: 8px;}
.mw-comment-box 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));}

/* -- ▼ 記事下誘導 ▼ -- */
#induction-btn{margin-bottom:36px !important;}
#induction-btn .mail a{background-image:url(/common/images/v5/common/article-mailmagazine-icon.png?rd=201710301611);background-repeat:no-repeat;background-size:220px 37px;background-color:#67a7ad;border-radius:3px;box-shadow:1px 1px 1px #ccc;display:block;width:220px;height:37px;text-indent:100%;overflow:hidden;white-space:nowrap;}
#induction-btn .messenger a{background-image:url(/common/images/v5/common/article-messenger-icon.png?rd=201710281146);background-repeat:no-repeat;background-size:150px 36px;background-color:#67a7ad;border-radius:3px;box-shadow:1px 1px 1px #ccc;display:block;width:150px;height:36px;text-indent:100%;overflow:hidden;white-space:nowrap;}
#induction-btn .home a{background-image:url(/common/images/v5/common/article-home.png?rd=201707051212);background-repeat:no-repeat;background-size:164px 36px;border-radius:3px;box-shadow:1px 1px 1px #ccc;display:block;width:164px;height:36px;text-indent:100%;overflow:hidden;white-space:nowrap;}
#induction-btn ul li:nth-child(2){margin:0 18px;}

/* -- ▼ 広告記事の記事下特殊 ▼ -- */
#adsp-bottom-article ul li{float:left;width:198px;border:solid 2px #ced2d4;margin:9px 9px 0 0;padding:10px;}
#adsp-bottom-article ul li.last{margin-right:0;}
#adsp-bottom-article ul li .ico{float:left;margin-right:10px;width:56px;height:56px;overflow:hidden;}
#adsp-bottom-article ul li .ico img{width:56px;height:56px;}
#adsp-bottom-article ul li .ttl .column-ttl{font-size:13px;font-weight:bold;line-height:1.3;}

/* 広告の記事下フリースペース */
#article-end-freespace{width:633px;margin:20px auto;padding:0px;}

/* -- ▼ ブランドコンテンツ用関連記事 ▼ -- */
#brand-content-related .related-list{margin:0 120px 25px 120px;}
#brand-content-related .related-list ul li{display:inline-block;width:227px;margin:32px 34px 0 0;vertical-align:top;}
* html #brand-content-related .related-list ul li{display:inline;zoom:1;}
*:first-child+html #brand-content-related .related-list ul li{display:inline;zoom:1;}
#brand-content-related .related-list ul li.last{margin-right:0;}
#brand-content-related .related-list ul li .ttl{margin-top:8px;border-left:solid 5px #ccc;padding-left:10px;}
#brand-content-related .related-list ul li .ttl .column-ttl{font-weight:bold;line-height:1.4;font-size:12px;}
#brand-content-related .related-list ul li .ttl .column-main-ttl{font-weight:bold;line-height:1.4;font-size:15px;}
#brand-content-related .related-list ul li .ttl span{display:block;}
#brand-content-related .related-list ul li .ttl a:hover{text-decoration:none;}

/*
********************************************************************
ジャンルトップのページ共通
 ********************************************************************
*/

.latest-section .latest-list.genre{margin-bottom:0;}
.latest-section a:hover{text-decoration:none;}
.latest-section .latest-first{margin:0 auto;position:relative;display:table;}
.latest-section .latest-first .photo{display:table-cell;vertical-align:middle;width:329px;margin-right:15px;display:block;overflow:hidden;position:relative;}
.latest-section .latest-first .photo a{width:329px;height:auto;display:block;text-align:center;overflow:hidden;position:relative;padding-top:56.25%;}
.latest-section .latest-first .photo a img{width:100%;height:auto;position:absolute;top:0;left:0;}
.latest-section .latest-first .title{display:table-cell;vertical-align:middle;width:341px;position:relative;}
.latest-section .latest-first .title .column-ttl{font-size:20px;font-weight:bold;display:block;min-height:52px;line-height:1.2;}
.latest-section .latest-first .title .column-main-ttl{font-size:25px;line-height:1.5;font-weight:bold;color:#000;position:relative;display:block;}
.latest-section .latest-first .title .column-main-ttl .new{bottom:0;right:0;font-weight:normal;z-index:1000;word-break:loose !important;background-color: #009fe6;border-radius: 5px;bottom: 5px;color: #FFFFFF;font-size: 11px;padding:1px 5px;position: absolute;font-family:Arial;font-weight:normal;}
.latest-section .latest-first .clearfix{position:relative;}
.latest-section .latest-first .author{margin-top:5px;}
.latest-section .latest-first .author a{display:block;font-size:15px;line-height:1.2;font-weight:bold;color:#8c8c8c;}
.latest-section .latest-first.member .author a{color:#aa8c49;}
.latest-section .latest-first .mw-comment-count{font-size:13px;position:absolute;right:0;bottom:0;line-height:1;}
.latest-section .latest-first .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;}
.latest-section .latest-first .mw-comment-count a:hover{text-decoration:underline;}
.latest-section .latest-first span.date{color:#b0b9bf;font-size:12px;font-weight:bold;display:block;}
.latest-section .latest-first span.summary{font-size:13px;color:#5d6970;line-height:1.4;display:block;margin-top:5px;}
.latest-section .latest-list.genre ul{display:flex;flex-wrap:wrap;}
.latest-section .latest-list ul li{margin:10px 17px 0 0;}
.latest-section .latest-list ul li:nth-child(1),
.latest-section .latest-list ul li:nth-child(2),
.latest-section .latest-list ul li:nth-child(3){margin-top:15px;}
.latest-section .latest-list.video ul:not(:first-child){margin-top:10px;}
.latest-section .latest-list.video ul li:nth-child(1),
.latest-section .latest-list.video ul li:nth-child(2),
.latest-section .latest-list.video ul li:nth-child(3){margin-top:0;}
.latest-section .latest-list ul li:nth-child(3n){margin-right:0;}
.latest-section .latest-list ul li .title a{color:#000;}
.latest-section .latest-list ul li .title a:hover{text-decoration:underline;}
.latest-section .latest-list ul li .ctitle{position:relative;display:block;min-height:30px;}
.latest-section .latest-list ul li .itemdate{font-size:11px;font-weight:bold;color:#b0b9bf;}
.latest-section .latest-list ul li .mw-comment-count{font-size:13px;position:absolute;right:0;bottom:0;line-height:1;}
.latest-section .latest-list ul li .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;}
.latest-section .latest-list ul li .mw-comment-count a:hover{text-decoration:underline;}
.latest-section .latest-list ul li span.shoulder{font-size:10px;font-weight:bold;margin-bottom:2px;}
.latest-section .latest-list ul li .title{font-size:14px !important;position:relative;word-break:loose !important;min-height:34px;}
.latest-section .latest-list ul li .title .new{position:absolute;bottom:0;left:172px;font-weight:normal;z-index:1000;word-break:loose !important;}
.latest-section .latest-list ul li .author a,.latest-section .latest-list ul li .pubdate{display:block;font-size:13px;color:#8c8c8c;overflow:hidden;width:100%;line-height:1.6;position:relative;}
.latest-section .latest-list.member ul li .author a{font-weight:bold;color:#aa8c49;}
.latest-section .latest-list ul li .thumb{text-align:center;overflow:hidden;width:217px;height:auto;display:block;position:relative;padding-top:56.25%;margin-bottom:5px;}
.latest-section .latest-list ul li .thumb img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.latest-section .latest-list ul li.video .thumb{background:rgba(0,0,0,0.8);}
.latest-section .latest-list ul li.video .thumb img{opacity:0.7;}
.latest-section .latest-list ul li.video .thumb img:hover{opacity:1;}
.latest-section .latest-list ul li.video .video-play{display:block;width:36px;height:36px;border-radius:70px;background:#262626;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;cursor:pointer;}
.latest-section .latest-list ul li.video .video-play::before{content:"";display:block;border-left:solid 16px #fff;border-top:solid 10px transparent;border-right:solid 0 transparent;border-bottom:solid 10px transparent;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);z-index:100;}
.latest-section .latest-list ul li.pr{position:relative;}
.latest-section .latest-list ul li.pr .shoulder{color:#747474;}
/* 色指定 */
.latest-section .latest-list ul li.pr.business .shoulder{color:#c07700;}
.latest-section .latest-list ul li.pr.economy-and-politics .shoulder{color:#bb555b;}
.latest-section .latest-list ul li.pr.market .shoulder{color:#a04177;}
.latest-section .latest-list ul li.pr.career-and-education .shoulder{color:#845b8d;}
.latest-section .latest-list ul li.pr.life .shoulder{color:#179397;}
.latest-section .latest-list ul li.pr.tetsudosaizensen .shoulder{color:#86a300;}
.latest-section .latest-list ul li.pr.jidoshasaizensen .shoulder{color:#157316;}
/* 色指定 */
.latest-section .latest-list ul li.pr .title.pr{margin-bottom:5px;font-size:12px;font-weight:bold;line-height:1.2;word-break:break-word;display:block;padding-right:0;}
.latest-section .latest-list ul li.pr .ad{font-size:12px;color:#747474;position:absolute;right:0;bottom:121px;}
.latest-section .latest-first.ranking .title .column-ttl,.article-list.ranking ul li .ttl .column-ttl{color:#aac35c;}

/* ジャンルトップgallery */
h2.title.photo-gallery{color:#666;font-size:16px;font-weight:normal;background:url(/common/images/v5/common/camera-gray.png?rd=201707051212) no-repeat left 2px;padding-left:25px;background-size:23px 17px;-webkit-background-size:23px 17px;-moz-background-size:23px 17px;margin-bottom:7px;}
.latest-section .latest-list.photo-gallery ul li{border-style:none;margin:0 18px 24px 0;padding-top:0;}
.latest-section .latest-list.photo-gallery ul li .thumb{margin-bottom:5px;}
.latest-section .latest-list.photo-gallery ul li .title{margin-bottom:0;}
.latest-section .latest-list.photo-gallery ul li .pdate{font-size:12px;color:#5d6970;}

.genre-list-all ul{font-size:0;}
.genre-list-all ul li{margin:10px 25px 0 0;display:inline-block;vertical-align:top;}
.genre-list-all ul li.noline{border-style:none;margin:10px 25px 10px 0;}
.genre-list-all ul li:nth-child(4n){margin-right:0;}
.genre-list-all ul li a{color:#000;}
.genre-list-all ul li .ctitle{position:relative;display:block;}
.genre-list-all ul li .mw-comment-count{font-size:13px;position:absolute;right:0;bottom:0;line-height:1;}
.genre-list-all ul li .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;}
.genre-list-all ul li .mw-comment-count a:hover{text-decoration:underline;}
.genre-list-all ul li .title{font-size:12px;word-break:loose !important;position:relative;min-height:30px;letter-spacing:-0.16px;}
.genre-list-all ul li .title.hp-business-pc{font-size:13px;}
.genre-list-all ul li .title a:hover{text-decoration:underline;}
.genre-list-all ul li .title .new{position:absolute;padding:1px 3px;text-align:center;position:absolute;right:0;bottom:0;left:113px;word-break:loose !important;}
.genre-list-all ul li .author a{display:block;font-size:12px;color:#8c8c8c;overflow:hidden;width:100%;line-height:1.6;position:relative;margin-top:2px;}
.genre-list-all ul li .thumb{overflow:hidden;text-align:center;width:152px;height:auto;position:relative;padding-top:56.25%;margin-bottom:5px;}
.genre-list-all ul li .thumb img{width:100%;height:auto;position:absolute;top:0;left:0;}

#scroll-container .more{display:block;margin-top:50px;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%);}

/* ジャンルトップ特殊 */
.latest-section .latest-first.ranking{border-right:1px solid #96908f;border-left:1px solid #96908f;padding:28px 33px 0;}
.latest-section .latest-first.ranking .photo,.latest-section .latest-first.ranking .photo a{width:300px;overflow:hidden;}
.latest-section .latest-first.ranking .photo img{width:300px;}
.latest-section .latest-first.ranking .title{width:302px;}


/*
********************************************************************
一覧系のページ共通
 ********************************************************************
*/

/* HRオンライン用 */
.hr-category{margin:20px 0;}
.hr-category ul li{float:left;margin:0 25px 5px 0;display:block;font-size:14px;padding-left:17px;line-height:1.5;position:relative;}
.hr-category ul li::before,.hr-category ul li::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;vertical-align:middle;}
.hr-category ul li::before{width:14px;height:14px;border-radius:50%;background-color:#8a65d7;top:4px;left:0;}
.hr-category ul li::after{border-left:solid 4px #fff;border-top:solid 4px transparent;border-right:solid 4px transparent;border-bottom:solid 4px transparent;width:0;height:0;top:7px;left:5px;}
.hr-category ul li.twitter{background-position:-842px -376px;}

/* -- ▼ 最新記事一覧▼ -- */
#category-latest-article{position:relative;z-index:10;}
#category-latest-article.ranking{border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-top:solid 1px #96908f;padding-bottom:1px;}
#category-latest-article.ranking .latest-first,#category-latest-article.ranking .article-list{border-style:none;}
#category-latest-article h2{width:685px;height:36px;display:block;}
#category-latest-article.search{margin-top:0;}
/* ジャンル色分け用 */
#category-latest-article.ranking h2{background-position:0 -1398px;}
#category-latest-article.hr-online h2{background-position:0 -1240px;width:685px;height:24px;display:block;}
#category-latest-article.information h2{background-position:0 -4780px;}
#category-latest-article.search h2{background-position:0 -1536px;}
/* ジャンル色分け用ここまで */

.article-list{border-left:solid 1px #96908f;border-right:solid 1px #96908f;border-top:solid 1px #96908f;padding:28px 33px 0;}
.article-list.columns{padding:20px 33px 0;}
.information .article-list,.article-list.ranking{border-top:none;}
.article-list.ranking.category{border-top:solid 1px #96908f;}
.article-list ul li{padding-bottom:25px;line-height:1.3;display:table;width:100%;}
.article-list ul li a:hover{text-decoration:none;}
.article-list ul li .ico{width:165px;height:95px;padding-right:10px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
.article-list ul li .ico img{width:165px;}
.article-list ul li .ttl{display:table-cell;width:440px;position:relative;vertical-align:middle;}
.article-list ul li .ttl.small{width:392px;}
.article-list ul li .ttl .column-ttl{font-size:15px;font-weight:bold;}
.article-list ul li .ttl .column-main-idsnum{font-size:11px;font-weight:bold;display: block;color: #000;margin-bottom: 4px;}
.article-list ul li .ttl .column-main-ttl{font-size:17px;font-weight:bold;}
.article-list ul li .ttl a .column-main-ttl{color:#000;margin-bottom:5px;display:inline;padding-right:14px;}
.article-list ul.member li .ttl a .column-main-ttl{display:block;margin:7px 0;}
.article-list.ranking ul li .ttl a .column-main-ttl{margin-bottom:0;padding-right:0;}
.article-list.ranking ul.ranking-member li .ttl a .column-main-ttl{margin:5px 0;display:block;}
.article-list ul li .ttl span.date{color:#b0b9bf;font-size:11px;font-weight:bold;display:block;position:relative;}
.article-list ul.ranking-member li .ttl span.date{margin:5px 0;}
.article-list ul li .ttl span.ad{font-weight:normal;color:#333;margin-left:5px;}
.article-list ul li .ttl span.author{color:#8c8c8c;font-size:12px;font-weight:bold;display:block;}
.article-list ul.member li .ttl span.author{color:#aa8c49;font-size:12px;font-weight:bold;display:block;margin-top:5px;}
.article-list ul li .ttl span.summary{font-size:12px;color:#5d6970;line-height:1.4;margin-top:3px;display: block;}
.article-list ul li .meta{display:flex;justify-content: space-between;align-items:center;margin:5px 0;}

.article-list.ranking ul li .author{display:block;}
.article-list.ranking ul li .column-main-ttl{position:relative;display:block;}
.article-list.ranking ul li .column-main-ttl .new{bottom:0;right:0;font-weight:normal;z-index:1000;word-break:loose !important;background-color: #009fe6;border-radius: 5px;bottom: 5px;color: #fff;font-size: 11px;padding:1px 5px;position: absolute;font-family:Arial;font-weight:normal;margin-left:10px;}

.article-list ul.ranked.default li .rank-num,
.article-list ul.ranked.default li a .column-ttl{color:#00aeeb;}
.article-list ul.ranked.business li .rank-num,
.article-list ul.ranked.business li a .column-ttl{color:#c07700;}
.article-list ul.ranked.economy-and-politics li .rank-num,
.article-list ul.ranked.economy-and-politics li a .column-ttl{color:#bb555b;}
.article-list ul.ranked.global li .rank-num,
.article-list ul.ranked.global li a .column-ttl{color:#a04177;}
.article-list ul.ranked.tech li .rank-num,
.article-list ul.ranked.tech li a .column-ttl{color:#845b8d;}
.article-list ul.ranked.career-and-education li .rank-num,
.article-list ul.ranked.career-and-education li a .column-ttl{color:#845b8d;}
.article-list ul.ranked.market li .rank-num,
.article-list ul.ranked.market li a .column-ttl{color:#a04177;}
.article-list ul.ranked.culture li .rank-num,
.article-list ul.ranked.culture li a .column-ttl{color:#179397;}
.article-list ul.ranked.life li .rank-num,
.article-list ul.ranked.life li a .column-ttl{color:#179397;}
.article-list ul.ranked.tetsudosaizensen li .rank-num,
.article-list ul.ranked.tetsudosaizensen li a .column-ttl{color:#86a300;}
.article-list ul.ranked.jidoshasaizensen li .rank-num,
.article-list ul.ranked.jidoshasaizensen li a .column-ttl{color:#157316;}
.article-list ul.ranked.ranking li .rank-num,
.article-list ul.ranked.ranking li a .column-ttl{color:#86a300;}
.article-list ul.ranked.member li .rank-num,
.article-list ul.ranked.member li a .column-ttl{color:#aa8c49;}

/* カテゴリトップ説明文 */
.category-header-block{padding:30px 25px 25px;clear:both;display:flex;flex-wrap:wrap;justify-content:space-between;}
.category-header-block .image{width:240px;}
.category-header-block .image img{width:100%;}
.category-header-block .text-block{width:372px;}
.category-header-block .title{font-size:18px;font-weight:bold;margin-bottom:16px;}
.category-header-block .summary{font-size:13px;}
.category-header-block .summary a{color:#00f;text-decoration:underline;}

/* 特集枠のヘッダサマリー */
.category-header-summary{margin-bottom:15px;padding:0 33px;}
.category-header-summary::after{content:"";display:block;clear:both;}
.category-header-summary .image{float:left;width:225px;}
.category-header-summary .image img{max-width:100%;}
.category-header-summary .text-area{float:right;width:372px;}
.category-header-summary .title{font-weight:bold;line-height:1;padding:0 10px 10px;font-size:17px;}
.category-header-summary .highlight{background:#ffeb00;line-height:1.8;padding:3px 10px;text-align:center;font-weight:bold;font-size:15px;}
.category-header-summary p{font-size:14px;padding:10px;}

/* 人気記事のタブ  */
.category-top-header{position:relative;top:2px;z-index:100;}
.ranking-switch{float:right;}
.ranking-switch ul{float:left;position:relative;margin-right:8px;top:-1px;}
.ranking-switch ul li{float:left;margin-right:8px;width:100px;background-color:#fff;border:solid 1px #96908f;font-size:13px;text-align:center;position:relative;top:4px;}
.ranking-switch ul li.current{border-bottom:solid 1px #fff;top:0;}
.ranking-switch ul li a{padding:1px 15px;display:block;color:#999;}
.ranking-switch ul li.current a{color:#444;padding:3px 15px;}

.ranking-switch.author ul li{top:6px;}
.ranking-switch.author ul li.current{border-top:solid 3px #00aeeb;top:0;}

/* information用 */
.article-list.information{padding:0 18px;}
.article-list ul.information{margin-bottom:10px;}
.article-list ul.information li{border-bottom:dotted 1px #bcbcbc;padding:18px 0;}
.article-list ul.information li .ttl{width:auto;float:none;}
.article-list ul.information li .column-main-ttl{background-position:0 -4857px;font-size:14px;padding-left:20px;}
.article-list ul.information li .summary{padding-top:10px;display:block;padding-left:20px;}

/* 続きを見る */
.latest-more a{background-color:#000;color:#fff;padding:1px 2px 1px 20px;font-size:12px;background-position:-145px -1161px;}
.latest-more a:hover{text-decoration:none;color:#fff;}

p.article-list-caution{text-align:right;color:#444;font-size:12px;}

/* -- ▼ ページ繰り ▼ -- */
.mp-ie.category-end{margin:10px 0 25px 0;}
.pagenation ul{margin:0 auto;}
.multipage.category-end{margin:0 auto;float:none;}
.next_p,
.prev_p,
.current_p,
.other_p{float:left;font-size:12px;}
.pagenation ul li{float:left;font-size:14px;}
.category-end .current_p,
.category-end .other_p{font-size:16px;}
.category-end .next_p{padding:0 0 0 37px;}
.category-end .prev_p{padding:0 37px 0 0;}
.other_p a,
.pagenation ul li a{background-color:#5d6a70;color:#fff;font-weight:bold;padding:2px 7px;margin:0 4px;display:block;border:solid 1px #5d6a70;}
.other_p a:hover,.pagenation ul li a:hover{background-color:#fff;color:#5d6a70;}
.current_p,.pagenation ul li.current{background-color:#fff;color:#5d6a70;font-weight:bold;padding:2px 7px;margin:0 4px;display:block;border:solid 1px #5d6a70;}
.pagenation ul li.next a,.pagenation ul li.prev a{background:none;padding:0;border-style:none;}


/* -- ▼ 著者一覧用のCSS ▼ -- */
.author-profile-info{background-color:#f1f1f1;padding:20px 50px;color:#666;margin-bottom:7px;}
.author-profile-info .photo{width:94px;margin-right:15px;float:left;}
.author-profile-info .photo img{width:94px;}
.author-profile-info .profile-text.block{float:left;width:476px;}
.author-profile-info .profile-text .author-name{border-bottom:solid 1px #777;}
.author-profile-info .profile-text .author-name .name{font-size:20px;}
.author-profile-info .profile-text .author-name .kana{font-size:14px;margin-left:7px;}
.author-profile-info .profile-text .author-name .eng{display:block;font-size:14px;}
.author-profile-info .profile-text .katagaki{font-size:16px;margin-top:5px;}
.author-profile-info .profile-text .author-profile{font-size:13px;}
.author-profile-info .profile-text .author-profile a{color:#00f;text-decoration:underline;}
.author-profile-info .author-follow{display:block;text-align:center;clear:both;padding-top:16px;position:relative;}
.author-profile-info .author-follow .author-follow-btn{width:178px;height:38px;font-size:17px;line-height:38px;box-sizing:border-box;border-radius:3px;display:block;font-weight:bold;text-align:center;cursor:pointer;margin:auto;}
.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;}
.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;
}
.author-profile-info .author-follow .follow-gueset-comment{text-align: left;z-index:9999;right:23%;top:60px;}
.author-notes{margin-bottom:30px;text-align:right;font-size:12px;color:#666;}
.author-follow-caption{clear:both;padding-top:20px;font-size:13px;}

#category-latest-article.author h2{background-position:0 -1122px;}
#category-latest-article.author .author .more{background-position:0 -1579px;width:13px;height:13px;}
#category-latest-article.author .article-list ul li .ttl .column-ttl{color:#00aeeb;}

/* -- ▼ ブランドコンテンツ用のCSS ▼ -- */
#brandcontent-main-inner{border-top:solid 2px #747273;margin-top:10px;background-color:#eff5f9;}
#brandcontent-main-inner #bc-first-choice{margin:32px 80px 48px;padding:10px;background-color:#fff;}
#brandcontent-main-inner #bc-first-choice .index-img{float: left;}
#brandcontent-main-inner #bc-first-choice .title-parts.brandcontent{width: 330px;float:right;}

#brandcontent-main-inner .bc-content-list{margin:0 120px;padding-bottom:30px;}
#brandcontent-main-inner .bc-content-list ul.bc-list-style li{background-color:#fff;border:solid 1px #ddd;width:227px;margin:0 31px 30px 0;display:inline-block;vertical-align:top;}
* html #brandcontent-main-inner .bc-content-list ul.bc-list-style li{display:inline;zoom:1;}
*:first-child+html #brandcontent-main-inner .bc-content-list ul.bc-list-style li{display:inline;zoom:1;}
#brandcontent-main-inner .bc-content-list ul.bc-list-style li.last{margin-right:0;}
#brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl{padding:10px 15px 25px 15px;}
#brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl span{display:block;}
#brandcontent-main-inner .bc-content-list ul.bc-list-style li .ttl .column-main-ttl{font-weight:bold;font-size:21px;color:#717171;}

/*
********************************************************************
 解説部員のページ
********************************************************************
*/

.group-main-column__inner{border-left:solid 1px #96908f;border-right:solid 1px #96908f;box-sizing:border-box;padding:30px;}
.group-main-column__inner.--narrow{padding:20px 30px 30px 30px;}
.group-imain-visual__img{width:100%;}
.group-info-header{text-align:center;}
.group-info-header__name{display:inline-block;font-weight:bold;font-size:18px;background:url(/common/images/v5/icon/group-main-icon.png) no-repeat left;background-size:48px 48px;padding:15px 0 15px 50px;margin-bottom:20px;}
.group-info-header__name span{border:solid 1px #666;border-radius:20px;padding:3px 20px;line-height:1;}
.group-info-header__summary{color:#7C858B;font-size:14px;width:80%;margin:auto;}

.group-info-body{border-top:solid 1px #96908f;margin-top:25px;}
.group-info-body__section{display:flex;justify-content: center;align-items: flex-start;padding:18px 0;border-bottom:solid 1px #96908f;}
.group-info-body__photo{flex-basis:100px;align-self: center;}
.group-info-body__img{max-width:100px;width:100px;}
.group-info-body__text{flex-basis:200px;padding:0 20px 0 0;box-sizing:border-box;}
.group-info-body__expert{font-weight:bold;font-size:12px;color:#4d4d4d;border-bottom:solid 1px #96908f;padding-bottom:3px;margin-bottom:5px;}
.group-info-body__name{color:#97845d;font-weight:bold;font-size:22px;}
.group-info-body__english{color:#97845d;font-weight:bold;font-size:12px;}
.group-info-body__title{font-weight:bold;font-size:12px;margin-top:10px;}
.group-info-body__prof{flex-basis:360px;color:#96908f;font-size:12px;}
.group-info-body__articles{align-self: center;flex-basis:68px;text-align:right;}
.group-info-body__articles > .group-info-body__link{color:#969696;font-size:12px;background:url(/common/images/v5/icon/icon-articles-link.png) no-repeat bottom;background-size:24px 24px;padding-bottom:30px;width:24px;display:block;float:right;line-height:1.2;}


.group-menu-header{display:flex;justify-content:center;margin-bottom:20px;}
.group-menu-header__main{display:inline-block;font-weight:bold;font-size:12px;background:url(/common/images/v5/icon/group-main-icon.png) no-repeat left;background-size:36px 36px;padding:15px 0 15px 40px;margin-right:20px;}
.group-menu-header__follow{display:inline-block;font-weight:bold;font-size:12px;background:url(/common/images/v5/icon/group-follow-icon.png) no-repeat left;background-size:36px 36px;padding:15px 0 15px 40px;}
.group-menu-header__mail{display:inline-block;font-weight:bold;font-size:12px;background:url(/common/images/v5/icon/group-mail-icon.png) no-repeat left;background-size:36px 36px;padding:15px 0 15px 40px;}
.group-menu-header__link{border:solid 1px #666;border-radius:20px;padding:5px 20px;line-height:1;}
.group-menu-header__link:hover{text-decoration:none;}

.group-article-body__section{margin-bottom:20px;}
.group-article-body__link{display:flex;}
.group-article-body__link:hover{text-decoration:none;}
.group-article-body__section:first-child .group-article-body__icon{flex-basis:320px;}
.group-article-body__section:first-child .group-article-body__text{flex-basis:300px;padding-left:15px;box-sizing:border-box;}
.group-article-body__section:first-child .group-article-body__subtitle{display:block;font-size:14px;}
.group-article-body__section:first-child .group-article-body__author{color:#97845d;font-weight:bold;font-size:15px;}
.group-article-body__icon{flex-basis:198px;}
.group-article-body__image{max-width:100%;}
.group-article-body__text{flex-basis:420px;padding-left:15px;box-sizing:border-box;}
.group-article-body__media{font-size:12px;color:#7C858B;}
.group-article-body__title{font-weight:bold;}
.group-article-body__subtitle{display:none;}
.group-article-body__author{color:#97845d;font-weight:bold;font-size:14px;position:relative;}
.group-article-body__date{display:inline-block;color:#b0b9bf;font-size:11px;position:absolute;right:0;bottom:0;}
.group-article-body__summary{font-size:12px;color:#7C858B;margin-top:5px;}

/*
********************************************************************
 広告系一覧のページ
********************************************************************
*/
.adcategory-heading{margin:0 0 20px 0;position:relative;}
.adcategory-heading .ad{position:absolute;bottom:5px;right:0;font-size:18px;color:#999;}
.adcategory-heading h1{font-size:28px;border-left:solid 15px #3d5999;padding:0 10px;color:#000;}

.adcategory-related{border:solid 1px #928e8d;}
.adcategory-related .heading{background: #f4f4f4;line-height:35px;height:35px;font-size:14px;font-weight:bold;color:#444;border-left:solid 35px #3d5999;border-bottom: solid 1px #928e8d;
padding-left:10px;}
.adcategory-related ul{padding:15px 10px;}
.adcategory-related ul li::after{content:"";display:block;clear:both;}
.adcategory-related ul li{margin-bottom:15px;}
.adcategory-related ul li:last-child{margin-bottom:0;}
.adcategory-related ul li .thumb{width:120px;float:left;}
.adcategory-related ul li .text{width:140px;float:left;margin-left:15px;}
.adcategory-related ul li .text .column-title{font-size:10px;font-weight:bold;display:block;}
.adcategory-related ul li .text .title{color:#000;font-size:13px;font-weight:bold;display:block;}

#signale-category{margin:0 -33px;}
#signale-category h1{margin-bottom:24px;font-size:28px;font-weight:bold;border-left: solid 15px #000;padding: 0 10px;}
#signale-category h1 span.tag-total{margin-left:20px;color:#555;font-size:16px;}
#signale-category.search h1{display:flex;align-items:center;}
#signale-category.member h1{border-color:#AA8C49;}
#signale-category.tag{margin:40px 0 20px 0;}
#signale-category.tag h1{border-style:none;font-size:18px;}
#signale-category h1 span.search-total{margin-left:20px;color:#555;font-size:16px;}
#signale-category.tk-columns{margin-bottom:10px;}
#signale-category.tk-columns h1{margin-bottom:0;}
#signale-category.tk-columns p{margin:0 0 0 24px;font-size:14px;}

.tag-summary{font-size:13px;margin-bottom:20px;}

/* columns-menu */
.columns-menu{margin-top:20px;display:flex;justify-content:space-between;align-items:center;}
.columns-menu a{font-size:14px;display:block;background:#d3d3d3;line-height:1;padding:7px 0;width:30%;text-align:center;}
.columns-menu a:hover{text-decoration:none;}
.columns-menu a.tk-columns.current,
.columns-menu a.tk-columns:hover{background:#333;color:#fff;}
.columns-menu a.tkm-columns.current,
.columns-menu a.tkm-features.current,
.columns-menu a.tkm-columns:hover,
.columns-menu a.tkm-features:hover{background:#AA8C49;color:#fff;}{background:#333;color:#fff;}
.mp-ie-end + .columns-menu{margin-top:40px;}

/*
********************************************************************
 ランキング一覧のページ
********************************************************************
*/

.ranking-tab-page{position:absolute;right:0;bottom:0;}
.ranking-tab-page ul{position:relative;}
.ranking-tab-page ul li{float:left;border:solid 1px #808080;margin-left:4px;position:relative;bottom:-2px;text-align:center;}
.ranking-tab-page ul li.current{border-bottom:solid 1px #fff;position:relative;bottom:0;}
.ranking-tab-page ul li.current,.ranking-tab-page ul li a{display:block;font-size:12px;line-height:1;padding:7px 20px 5px;background-color:#fff;}
.ranking-tab-page.comment ul li.current,.ranking-tab-page.comment ul li a{display:block;font-size:12px;line-height:1;padding:7px 40px 5px;background-color:#fff;}
.ranking-tab-page ul li.hourly.current,.ranking-tab-page ul li.hourly a{color:#00a0e9;}
.ranking-tab-page ul li.hour24.current,.ranking-tab-page ul li.hour24 a{color:#638ac6;}
.ranking-tab-page ul li.weekly.current,.ranking-tab-page ul li.weekly a{color:#f39800;}
.ranking-tab-page ul li.monthly.current,.ranking-tab-page ul li.monthly a{color:#ef5b2e;}
.ranking-tab-page ul li.fblike.current,.ranking-tab-page ul li.fblike a{color:#8fc31f;background:url(/common/images/v5/common/fb.png) no-repeat 7px 5px;background-size:15px 15px;padding:7px 10px 5px 30px;}

.ranking-tab-page ul li.hourly.current{border-top:solid 3px #00a0e9;}
.ranking-tab-page ul li.hour24.current{border-top:solid 3px #638ac6;}
.ranking-tab-page ul li.weekly.current{border-top:solid 3px #f39800;}
.ranking-tab-page ul li.monthly.current{border-top:solid 3px #ef5b2e;}
.ranking-tab-page ul li.fblike.current{border-top:solid 3px #8fc31f;}

.ranking-menu{width:90%;margin:auto;padding:0 0 24px;display:flex;justify-content:space-between;}
.ranking-menu a,
.ranking-menu div{display:block;width:100px;box-sizing:border-box;font-size:13px;text-align:center;padding:3px 0;}
.ranking-menu .hourly{border:solid 1px #00a0e9;color:#00a0e9;}
.ranking-menu .hourly.current,
.ranking-menu .hourly:hover{background-color:#00a0e9;color:#fff;text-decoration:none;}
.ranking-menu .hour24{border:solid 1px #638ac6;color:#638ac6;}
.ranking-menu .hour24.current,
.ranking-menu .hour24:hover{background-color:#638ac6;color:#fff;text-decoration:none;}
.ranking-menu .monthly{border:solid 1px #ef5b2e;color:#ef5b2e;}
.ranking-menu .monthly.current,
.ranking-menu .monthly:hover{background-color:#ef5b2e;color:#fff;text-decoration:none;}
.ranking-menu .weekly{border:solid 1px #f39800;color:#f39800;}
.ranking-menu .weekly.current,
.ranking-menu .weekly:hover{background-color:#f39800;color:#fff;text-decoration:none;}
.ranking-menu .fblike{border:solid 1px #8fc31f;color:#8fc31f;background-image:url(/common/images/v5/common/fb.png);background-repeat: no-repeat;background-size:16px;background-position: 18px 5px;padding-left: 22px;}
.ranking-menu .fblike.current,
.ranking-menu .fblike:hover{background-color:#8fc31f;color:#fff;text-decoration:none;}
.ranking-menu .member{background:#D3D3D3;color:#333;}
.ranking-menu .member.current,
.ranking-menu .member:hover{background-color:#333;color:#fff;text-decoration:none;}
p.ranking-note{font-size:12px;text-align:right;color:#333;margin-bottom:24px;}


#latest-article.ranking{border-top:solid 1px #96908f;}
.article-list.ranking{padding:20px 33px 0 33px;}
.article-list.ranking ul li .ttl .author{font-size:15px;font-weight:bold;color:#aac35c;}
.article-list ul.ranking-hourly li .ttl .author,.article-list ul.ranking-hourly li .rank-num{color:#00a0e9;}
.article-list ul.ranking-daily li .ttl .author,.article-list ul.ranking-daily li .rank-num{color:#638ac6;}
.article-list ul.ranking-hour24 li .ttl .author,.article-list ul.ranking-hour24 li .rank-num{color:#638ac6;}
.article-list ul.ranking-fblike li .ttl .author,.article-list ul.ranking-fblike li .rank-num{color:#78AD0B;}
.article-list ul.ranking-weekly li .ttl .author,.article-list ul.ranking-weekly li .rank-num{color:#f39800;}
.article-list ul.ranking-monthly li .ttl .author,.article-list ul.ranking-monthly li .rank-num{color:#ef5b2e;}
.article-list ul.ranking-member li .ttl .author,.article-list ul.ranking-member li .rank-num{color:#AA8C49;}
.article-list ul.ranking-member li .ttl .author{font-size:11px;}
.article-list ul li .rank-num{display:table-cell;width:45px;font-size:16px;font-weight:bold;vertical-align:middle;}
/* ランキングFBlike用 */
.article-list ul.ranking-fblike li .ttl .fbcount{float:right;background:url(/common/images/v5/common/fb.png?rd=201707051212) no-repeat 5px 1px;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;color:#4c5195;font-size:12px;padding-left:20px;}

.article-list ul.ranking-comment li .ttl{position:relative;}
.article-list ul.ranking-comment li .ttl .column-main-ttl{margin-right:42px;}
.article-list ul.ranking-comment li a .mw-comment-count{position:absolute;top:25px;right:0;font-size:13px;background:url(/common/images/v5/common/icon-comment-black.png?rd=201707051212) no-repeat scroll left;background-size:12px 12px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;padding-left:15px;}
.article-list ul.ranking-comment.ranking-hour24 li a .mw-comment-count{color:#638ac6;}
.article-list ul.ranking-comment.ranking-weekly li a .mw-comment-count{color:#f39800;}
.article-list ul.ranking-comment.ranking-monthly li a .mw-comment-count{color:#ef5b2e;}
.article-list.ranking.comment p{font-size:13px;text-align:right;color:#5d6970;}

/*
********************************************************************
連載一覧ページ
********************************************************************
*/

.article-list.columns ul::after{content:"";display:block;clear:both;}
.article-list.columns ul{margin-top:40px;}
.article-list.columns ul li{width:295px;}
.article-list.columns ul li:nth-child(odd){float:left;clear:both;}
.article-list.columns ul li:nth-child(even){float:right;}
.article-list.columns ul li img{max-width:295px;height:auto;}
.article-list.columns ul li a{color:#000;}
.article-list.columns ul li .icon{position:relative;display:block;margin-bottom:13px;overflow:hidden;}
.article-list.columns ul li .new{position:absolute;background:transparent;top:0;right:0;}
.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);}
.article-list.columns ul li .new span{position:absolute;top:25px;right:-28px;transform:rotate(45deg);width:70px;font-weight:bold;}
.article-list.columns ul li .title{font-weight:bold;display:block;margin-bottom:10px;font-size:17px;}
.article-list.columns ul li p{font-size:13px;line-height:1.4;}
.article-list.columns ul li .latest-article{position:relative;display:block;font-size:15px;font-weight:bold;margin-bottom:5px;padding-left:12px;}
.article-list.columns ul li .latest-article::before{content:"";display:block;position:absolute;top:3px;left:0;border-left:solid 7px #b6000f;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-right:solid 7px transparent;}
.article-list.columns ul li .update{color:#b0b9bf;font-weight:bold;font-size:12px;display:block;margin-bottom:5px;}
.article-list.columns ul li .summary{color:#5d6970;font-size:13px;display:block;margin-bottom:7px;}
.article-list.columns ul li .column-title{font-weight:bold;font-size:17px;display:block;margin-bottom:10px;}
.article-list.columns ul li .new-article{font-size:12px;display:inline-block;background:#333;color:#fff;line-height:1;padding:3px 5px;border-radius:4px;margin-bottom:10px;}
.article-list.columns.tk-columns ul li .title,
.article-list.columns.tkm-columns ul li .article-title{display:block;margin-bottom:10px;font-size:13px;font-weight:normal;}
.article-list.columns.tkm-columns ul li .new-article{font-size:12px;display:inline-block;background:#AA8C49;color:#fff;line-height:1;padding:3px 5px;border-radius:4px;margin-bottom:7px;}

/*
********************************************************************
検索結果ページ
********************************************************************
*/

#category-search-ttl{border-top:solid 1px #96908F;border-bottom:solid 1px #96908F;padding:15px 5px;}
#category-search-ttl h1.search{font-weight:normal;font-size:22px;}
.search-summary{margin:15px;}
.search-summary .data{font-size:16px;font-weight:bold;}
.search-summary .company-data{font-size:15px;font-weight:bold;margin-left:30px;}
.search-summary .for-company-and-search{margin:0 0 0 15px;}
.search-summary .for-company-and-search img{vertical-align:top;padding-top:1px;}
.search-summary p{font-size:12px;line-height:1.4;margin-top:10px;}
.search-box{width:380px;margin:0 auto;}
.for-company-and-search-bottom{width:186px;margin:15px auto 25px auto;}

/*
********************************************************************
テーマページ
********************************************************************
*/

.theme-contents{width:1000px;margin:16px auto 0;}
.theme-articles__list{display:flex;flex-wrap:wrap;}
.theme-articles__item{width:320px;margin:0 20px 25px 0;}
.theme-articles__item:nth-child(3n){margin-right:0;}
.theme-articles__thumb{width:320px;height:180px;overflow:hidden;margin-bottom:16px;}
.theme-articles__thumb a{position:relative;}
.theme-articles__title{font-size:17px;line-height:1.2;font-weight:bold;margin-bottom:10px;}
.theme-articles__link{padding-right:15px;display:inline;}
.theme-articles__link:hover{text-decoration:none;}
.theme-articles__tags a{color:#808080;font-size:11px;}
.theme-articles__ad{text-align:right;color:#8c8c8c;font-size:14px;font-weight:600;}

.theme-articles #div-gpt-ad-article{margin:0 auto 25px;}

.theme-articles__more a{width:250px;height:50px;line-height:50px;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:20px;}
.theme-articles__more a:hover{text-decoration:none;}

.theme-contents-footer{margin-bottom:-20px;padding:66px 0;background:url(/common/images/v5/theme/tech-security-bk.png) no-repeat right;background-size:cover;}
.theme-contents-footer__inner{width:820px;margin:auto;display:flex;justify-content: space-between;}
.theme-contents-footer__text{width:550px;}
.theme-contents-footer__summary{line-height:1.8;}
.theme-contents-footer__link{margin-top:50px;}
.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:10px;}
.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-slider{height:288px;overflow:hidden;margin:18px 0 35px;}
.theme-slider-inner{display:flex;justify-content:space-between;}
.theme-slider-inner .photo-wrapper{width:513px;height:288px;overflow:hidden;margin:0px;padding:0px;box-sizing:border-box;}
.theme-slider-photo{width:512px;height:288px;float:left;display:none;position:relative;}
.theme-slider-photo img{width:100%;height:auto;}
.theme-slider-photo a{display:block;}
.theme-slider-list a{text-decoration:none;}
.theme-slider-list a:hover{text-decoration:underline;}
.theme-slider-list{width:480px;color:#fff;margin:0 0 0 5px;}
.theme-slider-list ul li{position:relative;border-left:solid 8px #f2f2f2;padding:0 0 2px 8px;margin-bottom:16px;line-height:1.3;}
.theme-slider-list ul li:last-child{margin-bottom:0;}
.theme-slider-list ul li.last{margin-bottom:0;}
.theme-slider-list ul li.current{position:relative;border-left:solid 8px #5B678D;padding-left:8px;}
.theme-slider-list ul li span.shoulder a{font-size:12px;font-weight:bold;color:#5B678D;position:relative;display:block;margin-bottom:1px;}
.theme-slider-list ul li span.title{font-size:18px;font-weight:bold;display:inline;line-height:1.8;}
.theme-slider-list ul li span.title > a{display:inline;padding-right:15px;}
.theme-slider-list ul li span.tags{display:block;margin-top:6px;max-height:20px;overflow:hidden;}
.theme-slider-list ul li span.tags a{color:#808080;font-size:15px;}
.theme-slider a:hover .title{text-decoration:underline;}
.theme-slider a:hover .shoulder{text-decoration:underline;}
/* リニューアルテーマサイト用 */
.theme.--renewal {
  overflow: hidden;
}
.theme-contents__logo.--renewal {
  padding-top: 15px;
  margin-bottom: 20px;
}
.theme-contents.--renewal {
  position: relative;
  width: 1000px;
  margin: 9px auto 0;
}
.theme-contents.--renewal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 263px;
  height: 1000px;
  background-color: #F1F0EC;
  margin-right: calc(50% - 50vw);
  width: 100vw;
}
.theme-contents.--renewal.--sports-innovation::before {
  left: 810px;
  width: 250px;
  height: 570px;
  background: linear-gradient(180deg, #F2F2F2 0%, #D8D4D4 100%);
  transform: skewX(-212deg);
}
.theme-contents-inner.--renewal {
  position: relative;
}
.theme-contents-inner.--renewal::before {
  content: "";
  position: absolute;
  top: 0;
  right: 50px;
  width: 148px;
  height: 356px;
  background: linear-gradient(to bottom, #18A9F7 0, #1371C1 100%);
}
.theme-contents-inner.--renewal.--sports-innovation::before {
  display: none;
}
.theme-slider.--renewal {
  height: auto;
  overflow: hidden;
  margin: 0;
}
.theme-slider-inner.--renewal{display:flex;justify-content:space-between;}
.theme-slider-inner.--renewal .photo-wrapper {
  width: 560px;
  height: 314px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.theme-slider-photo.--renewal {
  width: 560px;
  height: 314px;
  float: left;
  display: none;
  position: relative;
}
.theme-slider-photo.--renewal .theme-slider-photo-link img {
  transform: scale(1);
  transition: .3s;
}
.theme-slider-photo.--renewal .theme-slider-photo-link.is-active img {
  transform: scale(1.1);
}
.theme-slider-photo.--renewal img{width:100%;height:auto;}
.theme-slider-photo.--renewal a{display:block;}
.theme-slider-list.--renewal a {text-decoration:none;}
.theme-slider-list.--renewal a:hover{text-decoration:none;}
.theme-slider-list.--renewal {
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #fff;
  padding: 0;
  box-shadow: 0px 3px 20px #0000001A;
  width: 480px;
  height: 282px;
  margin: 0;
  box-sizing: border-box;
  transition: .3s;
}
.theme-slider-list.--renewal.is-active {
  box-shadow: 0px 3px 40px #00000033;
}
.theme-slider-list.--renewal ul li {
  display: none;
  position: relative;
  border-left: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 282px;
}
.theme-slider-list.--renewal ul li.current {
  display: block;
}
.theme-slider-list.--renewal ul li span.title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.35;
}
.theme-slider-list.--renewal ul li span.title > a {
  display: block;
  padding: 55px 50px 15px;
}
.theme-slider-list.--renewal ul li span.title > a.theme-slider-list-title.is-active {
  text-decoration: none;
  color: #0E76CD;
}
.theme-slider-list.--renewal.--sports-innovation ul li span.title > a.theme-slider-list-title.is-active {
  color: #F23900;
}
.theme-slider-list.--renewal ul li span.tags {
  display: block;
  margin: 0 50px;
  max-height: 100%;
  overflow: hidden;
}
.theme-slider-list.--renewal ul li span.tags a {
  color: #8E6400;
  font-size: 16px;
}
.theme-slider-list.--renewal ul li span.tags.--sports-innovation a {
  color: #808080;
}
.theme-slider-list.--renewal ul li span.tags a:hover {
  text-decoration: none;
}
.theme-slider-list-btn {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 26px 50px 50px;
  cursor: pointer;
}
.theme-slider-list-btn.u-btn.is-active {
  color: #0E76CD;
  text-decoration: none;
}
.theme-slider-list-btn.u-btn.is-active.--sports-innovation {
  color: #F23900;
}
.theme-slider-list-btn-arrow.u-btn-arrow {
  margin-right: 12px;
}
.theme-slider-list-btn.u-btn.is-active .u-btn-arrow {
  border: 1px solid #0E76CD;
}
.theme-slider-list-btn.u-btn.is-active.--sports-innovation .u-btn-arrow {
  border: 1px solid #F23900;
}
.theme-slider-list-btn.u-btn.is-active .u-btn-arrow::before {
  border-top: 1px solid #0E76CD;
  border-right: 1px solid #0E76CD;
}
.theme-slider-list-btn.u-btn.is-active.--sports-innovation .u-btn-arrow::before {
  border-top: 1px solid #F23900;
  border-right: 1px solid #F23900;
}
.u-btn {
  display: flex;
  align-items: center;
  color: #222222;
  height: 40px;
}
.u-btn-arrow {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #222222;
  box-sizing: border-box;
}
.u-btn-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translate(-50%,-50%) rotate(45deg);
  transform-origin: center;
  width: 5px;
  height: 5px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
}
.theme-slider-btns {
  position: absolute;
  right: 50px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.theme-slider-btn {
  display: flex;
  align-items: center;
  justify-items: center;
  margin-right: 34px;
}
.theme-slider-btn.--sports-innovation {
  margin-right: 100px;
}
.theme-slider-btn-arrow-wrap {
  cursor: pointer;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-slider-btn-arrow {
  transform: rotate(-135deg);
  transform-origin: center;
  width: 5px;
  height: 5px;
  border-top: 2px solid #9d9d9d;
  border-right: 2px solid #9d9d9d;
}
.theme-slider-btn-arrow.--right {
  transform: rotate(45deg);
}
.theme-slider-index {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.theme-slider-index-bar {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 5px;
  background-color: #fff;
  overflow: hidden;
}
.theme-slider-index-bar.--sports-innovation {
  width: 70px;
}
.theme-slider-index-bar:not(:last-child) {
  margin-right: 5px;
}
.theme-slider-index-bar-bg {
  background-color: #0E76CD;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  display: block;
}
.theme-slider-index-bar-bg.--sports-innovation {
  background-color: #000000;
}
.theme-slider-index-bar-bg.current {
  left: 0;
}
.theme-articles.--renewal {
  position: relative;
  padding-top: 60px;
}
.theme-articles__list.--renewal{display:flex;flex-wrap:wrap;}
.theme-articles__list.--renewal .theme-articles__item {
  width: 320px;
  margin: 0 20px 40px 0;
}
.theme-articles__list.--renewal .theme-articles__item:nth-child(3n){margin-right:0;}
.theme-articles__list.--renewal .theme-articles__thumb{width:320px;height:180px;overflow:hidden;margin-bottom:16px;}
.theme-articles__list.--renewal .theme-articles__thumb a {
  position: relative;
  display: block;
  overflow: hidden;
}
.theme-articles__list.--renewal .theme-articles__thumb a.is-active .theme-articles-btn-wrap {
  opacity: 1;
}
.theme-articles__list.--renewal .theme-articles__thumb a img {
  transform: scale(1);
  transition: .3s;
}
.theme-articles__list.--renewal .theme-articles__thumb a.is-active img {
  transform: scale(1.2);
}
.theme-articles-btn-wrap {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(14, 118, 205, .85);
  width: 100%;
  height: 100%;
  transition: .3s;
  z-index: 1;
}
.theme-articles-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
}
.theme-articles-btn-arrow {
  border: 1px solid #fff;
  margin-right: 9px;
}
.theme-articles-btn-arrow::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.theme-articles__list.--renewal .theme-articles__title {
  font-size: 17px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
}
.theme-articles__list.--renewal .theme-articles__link {
  padding-right: 0;
  display: block;
}
.theme-articles__list.--renewal .theme-articles__link.is-active {
  color: #1371C1;
  text-decoration: underline;
}
.theme-articles__list.--renewal.--sports-innovation .theme-articles__link.is-active {
  color: #F23900;
}
.theme-articles__list.--renewal .theme-articles__tags a {
  color: #8E6400;
  font-size: 12px;
  margin-right: 8px;
}
.theme-articles__list.--renewal.--sports-innovation .theme-articles__tags a {
  color: #666666;
}
.theme-slider-list-label {
  position: absolute;
  right: -13px;
  bottom: 0;
  width: 98px;
  height: 37px;
  transform: skewX(-35deg);
  pointer-events: none;
}
.theme-slider-list-label.--enjoy {
  background-color: #F23901;
}
.theme-slider-list-label.--view {
  background-color: #D9F000;
}
.theme-slider-list-label.--know {
  background-color: #1D7CE7;
}
.theme-slider-list-label-text {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: calc(50% + -2px);
  transform: translate(-50%, -50%) skewX(35deg);
  word-break: keep-all;
  line-height: 1;
}
.theme-slider-list-label-text.--enjoy::before {
  content: "楽しむ";
}
.theme-slider-list-label-text.--view::before {
  content: "観る";
  color: #222;
}
.theme-slider-list-label-text.--know::before {
  content: "知る";
}
.theme-articles-label {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 28px;
  pointer-events: none;
}
.theme-articles-label::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  color: #fff;
  border-top: 2px solid #fff;
  z-index: 1;
  box-sizing: border-box;
}
.theme-articles-label.--enjoy::before {
  background-color: #F23901;
}
.theme-articles-label.--view::before {
  background-color: #D9F000;
}
.theme-articles-label.--know::before {
  background-color: #1D7CE7;
}
.theme-articles-label-text {
  content: "";
  position: absolute;
  left: -6px;
  bottom: 3px;
  width: 69px;
  height: 28px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: skewX(25deg);
  z-index: 1;
  box-sizing: border-box;
  word-break: keep-all;
  line-height: 1;
}
.theme-articles-label-text.--enjoy {
  background-color: #F23901;
}
.theme-articles-label-text.--view {
  background-color: #D9F000;
}
.theme-articles-label-text.--know {
  background-color: #1D7CE7;
}
.theme-articles-label-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% + 2px);
  transform: translate(-50%,-50%) skewX(-25deg);
  color: #fff;
  line-height: 1;
  font-size: 15px;
  margin-top: 2px;
}
.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.--renewal #div-gpt-ad-article{margin:0 auto 25px;}
.theme-articles__more.--renewal a {
  width: 250px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #222;
  display: block;
  text-align: center;
  margin: 0 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:20px;}
.theme-articles__more.--renewal a:hover{text-decoration:none;}
.theme-contents-footer.--renewal {
  margin-bottom: -20px;
  padding: 70px 0;
  background: url(/common/images/v5/theme/bg-life-style-foot.jpg) no-repeat center top/cover;
}
.theme-contents-footer.--renewal.--sports-innovation {
  background: #222222;
  border: 1px solid #707070;
}
.theme-contents-footer__inner.--renewal{width:820px;margin:auto;display:flex;justify-content: space-between;}
.theme-contents-footer__text.--renewal {
  width: auto;
  margin-left: 77px;
}
.theme-contents-footer__summary.--renewal {
  line-height: 1.8;
  margin-bottom: 40px;
  color: #fff;
}
.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 {
  display: block;
  font-weight: 600;
  position: relative;
  padding-left: 12px;
  color: #fff;
  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;
}
/* リニューアルテーマサイト用 end */

/*
********************************************************************
記事本文内動画用のCSS（記事ページ）
********************************************************************
*/
.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%;}

/* -----------------------------------
ピックアップザトレンド
------------------------------------ */
#pickupthetrend h1{background:url(/common/images/v5/ad/pickuptrend-main-title.jpg) no-repeat;background-size:1000px 133px;-webkit-background-size:1000px 133px;-moz-background-size:1000px 133px;width:1000px;height:133px;margin-bottom:40px;}

#pickupthetrend .line-block{width:310px;float:left;margin-right:34px;}
#pickupthetrend .line-block:last-child{margin-right:0;}
#pickupthetrend .line-block .sub-heading{width:310px;height:58px;display:block;background-repeat:no-repeat;background-size:310px 58px;-webkit-background-size:310px 58px;-moz-background-size:310px 58px;}
#pickupthetrend .line-block .sub-heading.watch{background-image:url(/common/images/v5/ad/trend-watch.jpg);}
#pickupthetrend .line-block .sub-heading.lifestyle{background-image:url(/common/images/v5/ad/trend-lifestyle.jpg);}
#pickupthetrend .line-block .sub-heading.event{background-image:url(/common/images/v5/ad/trend-culture-event.gif);}

#pickupthetrend .line-block .article-main-list,#pickupthetrend .line-block .article-sub-list{border-left:solid 1px #aaa;padding:10px 0 0 38px;}
#pickupthetrend .line-block .article-main-list ul li{margin-bottom:25px;}
#pickupthetrend .line-block .article-main-list ul li:last-child{margin-bottom:0;}
#pickupthetrend .line-block .article-main-list ul li a:hover{text-decoration:none;}
#pickupthetrend .line-block .article-main-list .main-column{width:100%;display:table;}
#pickupthetrend .line-block .article-main-list .ico{display:table-cell;width:130px;vertical-align:bottom;}
#pickupthetrend .line-block .article-main-list .ico img{width:130px;height:130px;}
#pickupthetrend .line-block .article-main-list .ttl{display:table-cell;vertical-align:bottom;padding-left:20px;font-size:15px;font-weight:bold;line-height:1.2;}
#pickupthetrend .line-block .article-main-list .ttl .column-ttl{display:block;}
#pickupthetrend .line-block .article-main-list a:hover .ttl{text-decoration:underline;}
#pickupthetrend .line-block .article-main-list .summary{display:block;margin-top:10px;color:#5d6970;font-size:14px;line-height:1.4;}
#pickupthetrend .line-block .article-main-list .new{background-color: #009fe6;border-radius: 5px;color: #FFFFFF;font-size: 11px;padding:1px 5px;font-family:Arial;font-weight:normal;margin-bottom:5px;display:inline-block;}

#pickupthetrend .line-block .article-sub-list ul li{margin-bottom:25px;display:table;width:100%;}
#pickupthetrend .line-block .article-sub-list ul li:first-child{padding-top:25px;}
#pickupthetrend .line-block .article-sub-list ul li .ico{display:table-cell;width:50px;vertical-align:middle;}
#pickupthetrend .line-block .article-sub-list ul li .ico img{width:50px;height:50px;}
#pickupthetrend .line-block .article-sub-list ul li .ttl{display:table-cell;vertical-align:middle;padding-left:10px;font-size:15px;font-weight:bold;line-height:1.2;}
#pickupthetrend .line-block .article-sub-list ul li a:hover .ttl{text-decoration:underline;}

#subcolumn-pickupthetrend .heading{background:url(/common/images/v5/ad/pickupthetrend-index.jpg) no-repeat;background-size:300px 32px;-webkit-background-size:300px 32px;-moz-background-size:300px 32px;width:300px;height:32px;}
#subcolumn-pickupthetrend .heading a{display:block;}
#subcolumn-pickupthetrend .article-list.subcolumn{padding:20px 14px;border-bottom:1px solid #96908f;}
#subcolumn-pickupthetrend .article-list.subcolumn .sub-heading{margin-bottom:15px;}
#subcolumn-pickupthetrend .article-list.subcolumn .watch .sub-heading{background:url(/common/images/v5/ad/trend-sub-watch.jpg) no-repeat;background-size:270px 24px;-webkit-background-size:270px 24px;-moz-background-size:270px 24px;width:270px;height:24px;}
#subcolumn-pickupthetrend .article-list.subcolumn .lifestyle .sub-heading{background:url(/common/images/v5/ad/trend-sub-lifestyle.jpg) no-repeat;background-size:270px 24px;-webkit-background-size:270px 24px;-moz-background-size:270px 24px;width:270px;height:24px;}
#subcolumn-pickupthetrend .article-list.subcolumn .event .sub-heading{background:url(/common/images/v5/ad/trend-sub-culture-event.jpg) no-repeat;background-size:270px 24px;-webkit-background-size:270px 24px;-moz-background-size:270px 24px;width:270px;height:24px;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li{padding-bottom:15px;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column{display:table;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column .ico{display:table-cell;vertical-align:top;float:none;width:50px;height:50px;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column .ico img{width:50px;height:50px;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column .ttl{display:table-cell;vertical-align:top;width:auto;padding:0 0 0 10px;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column .column-ttl{display:block;}
#subcolumn-pickupthetrend .article-list.subcolumn ul li .main-column .new{background-color: #009fe6;border-radius: 5px;color: #FFFFFF;font-size: 11px;padding:1px 5px;font-family:Arial;font-weight:normal;margin-bottom:5px;display:inline-block;}
#subcolumn-pickupthetrend .article-list.subcolumn .event ul li:last-child{padding-bottom:0;}

/*
********************************************************************
サービス紹介
********************************************************************
*/

.about-service .head-contents{margin:auto;padding:60px 0;}
.about-service .head-contents__heading{font-size:30px;text-align:center;margin-bottom:60px;font-weight:500;}
.about-service .head-contents__summary{width:1000px;margin:auto;display:flex;justify-content:space-between;align-items:center;font-weight:300;}
.about-service .head-contents__image{width:400px;}
.about-service .head-contents__text{width:527px;}
.about-service .head-contents__text h2{font-weight:500;margin-bottom:16px;}
.about-service .head-contents__text p{font-weight:300;}

.about-service .regist{background:#FAFAFA;padding:60px 0;}
.about-service .regist__inner{width:720px;margin:auto;}
.about-service .regist__heading{text-align:center;font-weight:500;color:#006CD8;font-size:24px;margin-bottom:30px;}
.about-service .regist__summary{line-height:1.8;font-weight:300;}
.about-service .regist__summary a{color:#006CD8;text-decoration:underline;}
.about-service .regist__summary em{font-weight:bold;font-style:normal;}

.about-service .series{margin:20px auto;}
.about-service .series__heading{text-align:center;font-weight:bold;margin-bottom:10px;}
.about-service .series__item{margin-bottom:5px;}
.about-service .series__item a{display:block;background:#fff;border:solid 1px #ECECEC;padding:10px;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__item a:hover{text-decoration:none;}
.about-service .series__ttl{font-size:15px;font-weight:500;}
.about-service .series__summary{font-size:14px;color:#666;margin-left:16px;font-weight:200;}

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

.about-service .course-plan{display:flex;justify-content:space-between;margin:60px auto 20px;}
.about-service .course-plan .plan{width:33.33%;border-style:solid;border-width:10px 1px 1px 1px;border-color:#ECECEC;background:#fff;padding:20px 25px;box-sizing:border-box;}
.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:37px 0 27px;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;cursor:pointer;}
.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{display:flex;justify-content:space-between;margin-top:20px;}
.about-service .btns__link{display:block;width:350px;text-align:center;box-sizing:border-box;font-size:20px;font-weight:600;padding:15px 0;}
.about-service .btns__link span{display:block;font-weight:normal;font-size:14px;}
.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:right;font-size:14px;margin-top:15px;}
.about-service .btns__note a{color:#006CD8;}

.about-service .about-site{padding:60px 0;}
.about-service .about-site__inner{width:720px;margin:auto;}
.about-service .about-site__block{margin-bottom:60px;}
.about-service .about-site__heading{font-size:24px;font-weight:600;margin-bottom:30px;color:#006CD8;text-align:center;}
.about-service .about-site__summary{line-height:1.8;font-weight:300;}
.about-service .about-site__summary.--small{font-size:14px;}
.about-service .about-site__summary a{color:#006CD8;text-decoration:underline;}
.about-service .about-site__list{margin:30px 0 20px;}
.about-service .about-site__title{font-size:17px;font-weight:600;padding-bottom:5px;border-bottom:solid 1px #000;margin-bottom:24px;}
.about-service .about-site__subtitle{font-weight:bold;font-size:14px;}
.about-service .about-site__list ul li{line-height:1.8;font-size:14px;margin-bottom:20px;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:600;color:#006CD8;font-size:14px;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:14px;}

/*
********************************************************************
会員利用規約
********************************************************************
*/

.member-terms{padding:28px 33px;}
.member-terms h1{margin:0 0 24px -33px;font-size: 28px;font-weight: bold;border-left: solid 15px #A88C49;padding: 0 10px;}
.member-terms p{font-size:14px;line-height:1.8;}
.member-terms dt{margin:40px 0 20px;}
.member-terms dd{margin:20px;line-height:1.6;}
.member-terms ol{padding-left:30px;}
.member-terms ol li{list-style: auto;margin-bottom:15px;}
.member-terms ol li ul{margin-left:20px;}

/* ログインフォーム */
#header.login{border-bottom:solid 1px #ccc;width:100%;padding:30px 0 20px 0;}
#header.login .logo{margin:auto;}
#login-table{background:#ecebe8;margin:50px 0;padding:35px;}
.login-block .member{float:left;width:440px;min-height:500px;background:#fff;padding:80px 40px;box-sizing:border-box;text-align:center;}
.login-block .member h2{margin-bottom:40px;}
.login-block .member .caution{font-size:14px;margin-bottom:20px;color:#f00;}
.login-block .non-member{float:right;width:440px;min-height:500px;background:#fff;padding:80px 40px;box-sizing:border-box;text-align:center;}
.login-block .non-member h2{margin-bottom:30px;}
.login-block .non-member p{color:#666;line-height:1.9;}

.login-block table th,
.login-block table td{margin-bottom:20px;}
.login-block table .margin{margin-bottom:20px;vertical-align:top;}
.login-block .label{font-size:13px;font-weight:normal;padding-right:10px;}
.login-block .frame{width:100%;display:inline-block;border:solid 1px #ccc;padding:5px;box-sizing:border-box;font-size:18px;}
.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:40px 0;}
.login-block .arrow{position:relative;padding-right:20px;color:#666;line-height:1;font-size:16px;}
.login-block .arrow::after{content:"";display:block;position:absolute;top:6px;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:80px 40px;box-sizing:border-box;text-align:center;}
.login-block .nickname p{color:#666;line-height:1.8;margin:25px auto;text-align:left;width:560px;}
.login-block .nickname .frame{width:50%;margin:0 auto 35px;}
.login-block .nickname .btn{width:40%;}
#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_page,
.gtm_end_of_article,
.gtm_inarticle_scrl {
  display:block;
  height:1px;
}

/* ad */
div[id^="div-gpt-ad-T"],div[id^="div-gpt-ad-R"],div[id^="div-gpt-ad-P"]{
  contain: content;
}
#div-gpt-ad-inboard{
  background-color:#f9f9f8;
  top:0;
  text-align:center;
  min-height:1px;
}
.sticky-ads{
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  /*min-height: 50px;
  max-height: 150px;*/
  padding: 5px 0;
  box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
  -webkit-transition: all .1s ease-in; transition: all .1s ease-in;
  display: none;
  align-items: center;
  justify-content: center;
  /*background-color: #fefefe; z-index: 20;*/
  background: #FFF;
  z-index:200;
}

.sticky-ads-close {
  width: 30px; height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px 0 0;
  position: absolute; right: 0; top: -30px;
  background-color: #FFF;
  box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
}

.sticky-ads .sticky-ads-close svg { width: 22px; height: 22px; fill: #000; }
.sticky-ads .sticky-ads-content { text-align:center;overflow: hidden; display: block; position: relative; /*height: 50px;*/ width: 100%; /*margin-right: 10px; margin-left: 10px;*/ }

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

/* オプトアウト */
.opt-out{width:720px;margin:36px auto 150px;}
.opt-out__block{background:#f7f7f7;margin-top:32px;padding:40px;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:220px;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:30px 0;font-size:18px;text-align:center;}

/*
********************************************************************
  module
********************************************************************
*/
/* SNSシェア */
.m-sns-wrap {
  width: 100%;
}
.m-sns-wrap.--border {
  padding: 15px 0;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
}
.m-sns {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.m-sns-left,
.m-sns-right {
  display: flex;
  align-items: center;
}
.m-sns-block {
  position: relative;
  width: 30px;
  height: 30px;
  border: none;
  margin: 0 15px 0 0;
}
.m-sns-block:last-child {
  margin: 0;
}
.m-sns-block.facebook {
  padding-left: 0;
}
.m-sns-block::before {
  content: "";
  background-color: #3b3b3b;
  color: #fff;
  font-size: 11px;
  display: none;
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  padding: 5px 10px;
  word-break: keep-all;
}
.m-sns-block:hover::before {
  display: block;
}
.m-sns-block.facebook:hover::before {
  content: "Facebookでシェアする";
}
.m-sns-block.x:hover::before {
  content: "Xでポストする";
}
.m-sns-block.note:hover::before {
  content: "noteで書く";
}
.m-sns-block.hatebu:hover::before {
  content: "はてなブックマークする";
}
.m-sns-link {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  left: auto;
  margin-right: 0px;
  border-radius: 50%;
  vertical-align: bottom;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  box-sizing: border-box;
}
.m-sns-link.--facebook {
  background-color: #0866FF;
  background-image: url(/common/images/v5/common/ico-fbook_w.svg);
  background-size: 24.5px;
  background-position: center bottom;
}
.m-sns-link.--x {
  background-image: url(/common/images/v5/common/x-logo-logo.svg);
  background-color: #000;
  background-size: 16px 15px;
  background-position: center;
}
.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-tooltip-wrap {
  position: relative;
}
.m-tooltip {
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translate(-50%,0);
  background: #fff;
  padding: 15px 20px;
  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;
  cursor: auto;
}
.m-tooltip p {
  margin-bottom: 0!important;
  line-height: 1.6!important;
  font-size: 12px!important;
  letter-spacing: 0!important;
  text-indent: 0!important;
}
.m-tooltip .print-info__link {
  display: inline;
  border-style: none;
  font-size: 12px;
  padding: 0;
  line-height: 1.4;
  text-decoration: underline;
  color: #3d44ce !important;
  cursor: pointer;
}
.m-tooltip.--bookmark {
  width: 174px;
}
.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;
  left: 50%;
  transform: translate(-50%,0);
}
.m-tooltip::before {
  border-color: transparent transparent #ccc transparent;
  top:-24px;
}
.m-tooltip::after {
  border-color: transparent transparent #fff transparent;
  top: -22px;
}
.m-tooltip-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url(/common/images/icon/ico-close-black.svg) no-repeat center/12px;
}
.m-tooltip-link {
  display: inline;
  border-style: none;
  font-size: 12px;
  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: 990;
}
.m-overlay-box {
  position: fixed;
  width: 500px;
  box-sizing: border-box;
  padding: 40px;
  z-index: 999;
  background: #fff;
  top: 30%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 4px;
  box-shadow: 0 3px 3px #333;
  text-align: center;
}
.m-overlay-comment {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}
.m-overlay-box a {
  color: #00f;
  text-align: center;
  text-decoration: underline;
  display: block;
  margin-top: 40px;
}
.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;
}

/*
********************************************************************
  component
********************************************************************
*/
/* ボタン */
.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px!important;
  cursor: pointer;
  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.--link {
  padding: 0!important;
}
.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.--print {
  width: 69px;
  background: url(/common/images/v5/icon/printer.svg) no-repeat 10px center/17px 17px;
}
.c-btn.--font {
  width: 71px;
}
.c-btn.--print a,
.c-btn.--font span {
  padding-right: 10px!important;
}
.c-btn.--font.--b {
  background: url(/common/images/v5/common/bigger.svg) no-repeat 10px center/19px 21px;
}
.c-btn.--font.--s {
  background: url(/common/images/v5/common/smaller.svg) no-repeat 10px center/19px 21px;
  margin-right: 0;
}
.c-btn.--font span {
  color: #616c72;
  font-weight: normal;
}
.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;
}

/*
********************************************************************
  utility
********************************************************************
*/
.u-mr-10 {
  margin-right: 10px;
}

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