/** 
 *
 * CONTENTS - category.css - ニュースPCカテゴリー用css
 *
 * include ..... MT上でのincludeファイル、pc_common,category_common_pc,ad_pc,trend_common_pc
 *
 */

 /*------------------------------------*\
    include 
\*------------------------------------*/

/* common.css */
 @charset "UTF-8";

/** include file
 *
 * CONTENTS - common.css - 基本構造、共通要素を記述
 *
 * common ..... 共通
 *
 * structure element ..... wrapper、ヘッダー、フッター、メインカラム、右カラム
 *
 * header ..... ヘッダー部分
 *
 * column ..... main、rightカラムのwrapper
 *
 * column-main ..... メインカラム、共通要素以外は各アーカイブ用のcssに記述
 *
 * column-right ..... 右カラム
 *
 * footer ..... フッター
 *
 */


/*
★プロパティの書き順
.sample {
    display
    list-style
    position
    float
    clear
    width
    height
    margin
    padding
    border
    background
    color
    font
    text-decoration
    text-align
    vertical-align
    white-space
    other text
    content
}
*/



/*------------------------------------*\
    common
\*------------------------------------*/
.clearfix:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}

.clearfix,
.inner {
  /clear: both;
}

body {
  font-size: 62.5%;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}

/*------------------------------------*\
    iconmoon
\*------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('https://www.j-cast.com//assets/css/fonts/icomoon.eot?1fs9kc');
  src:  url('https://www.j-cast.com//assets/css/fonts/icomoon.eot?1fs9kc#iefix') format('embedded-opentype'),
    url('https://www.j-cast.com//assets/css/fonts/icomoon.ttf?1fs9kc') format('truetype'),
    url('https://www.j-cast.com//assets/css/fonts/icomoon.woff?1fs9kc') format('woff'),
    url('https://www.j-cast.com//assets/css/fonts/icomoon.svg?1fs9kc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-up:before {
  content: "\e900";
}
.icon-right:before {
  content: "\e901";
}
.icon-down:before {
  content: "\e902";
}
.icon-left:before {
  content: "\e903";
}
.icon-up-thin:before {
  content: "\e904";
}
.icon-right-thin:before {
  content: "\e905";
}
.icon-down-thin:before {
  content: "\e906";
}
.icon-left--thin:before {
  content: "\e907";
}
.icon-up-sm:before {
  content: "\e908";
}
.icon-right-sm:before {
  content: "\e909";
}
.icon-down-sm:before {
  content: "\e90a";
}
.icon-left-sm:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
  font-size: 30px;
  font-weight:  normal;
  color:#888;
}
a:hover .icon-facebook:before {
  transition:.2s;
  color:#3B5998;
}
.icon-twitter:before {
  content: "\e90d";
  font-size: 30px;
  font-weight:  normal;
  color:#888;
}
a:hover .icon-twitter:before {
  transition:.2s;
  color:#55ACEE;
}
.icon-googleplus:before {
  content: "\e90e";
  font-size: 30px;
  font-weight:  normal;
  color:#888;
}
a:hover .icon-googleplus:before {
  transition:.2s;
  color:#DC4E41;
}
.icon-youtube:before {
  content: "\e90f";
  font-size: 30px;
  font-weight:  normal;
  color:#888;
}
a:hover .icon-youtube:before {
  transition:.2s;
  color:#E72217;
}
.icon-check:before {
  content: "\e910";
}
.icon-from:before {
  content: "\e911";
}
.icon-latest:before {
  content: "\e912";
  font-size: 24px;
  font-weight:  normal;
  margin-right: 8px;
}
.icon-focus:before {
  content: "\e913";
  font-size: 24px;
  font-weight: normal;
  margin-right: 8px;
}
.icon-access:before {
  content: "\e914";
  font-size: 24px;
  font-weight: normal;
  margin-right: 8px;
}
.icon-comment:before {
  content: "\e915";
  font-size: 24px;
  font-weight: normal;
  margin-right: 8px;
}
.icon-oneclick:before {
  content: "\e916";
  font-size: 24px;
  font-weight: normal;
  margin-right: 8px;
}
.icon-vote:before {
  content: "\e917";
}
.icon-column:before {
  content: "\e918";
}
.icon-go-up:before {
  content: "\e919";
}
.icon-scroll:before {
  content: "\e91a";
}
.icon-menu:before {
  content: "\e91b";
}
.icon-write:before {
  content: "\e91c";
}
.icon-link:before {
  content: "\e91d";
}
.icon-fav:before {
  content: "\e91e";
}
.icon-heart:before {
  content: "\e91f";
}
.icon-print:before {
  content: "\e920";
}
.icon-folder:before {
  content: "\e921";
}
.icon-tag:before {
  content: "\e922";
}
.icon-channel:before {
  content: "\e923";
}
.icon-business:before {
  content: "\e924";
}
.icon-book:before {
  content: "\e925";
}
.icon-feature:before {
  content: "\e926";
}
.icon-chevron-up:before {
  content: "\e927";
}
.icon-chevron-right:before {
  content: "\e928";
}
.icon-chevron-down:before {
  content: "\e929";
}
.icon-chevron-left:before {
  content: "\e92a";
}
.icon-chevron-thin-up:before {
  content: "\e92b";
}
.icon-chevron-thin-right:before {
  content: "\e92c";
}
.icon-chevron-thin-down:before {
  content: "\e92d";
}
.icon-chevron-thin-left:before {
  content: "\e92e";
}
.icon-chevron-with-circle-up:before {
  content: "\e92f";
}
.icon-chevron-with-circle-right:before {
  content: "\e930";
}
.icon-chevron-with-circle-down:before {
  content: "\e931";
}
.icon-chevron-with-circle-left:before {
  content: "\e932";
}
.icon-chevron-small-up:before {
  content: "\e933";
}
.icon-chevron-small-right:before {
  content: "\e934";
}
.icon-chevron-small-down:before {
  content: "\e935";
}
.icon-chevron-small-left:before {
  content: "\e936";
}
.icon-triangle-up:before {
  content: "\e937";
}
.icon-triangle-right:before {
  content: "\e938";
}
.icon-triangle-down:before {
  content: "\e939";
}
.icon-triangle-left:before {
  content: "\e93a";
}


/*------------------------------------*\
    structure element
\*------------------------------------*/

/** 
 * 基本構造設定 サイズ、float周り
 * wrapper、header、column、column-main、column-right、footer
 */

.wrapper {
  width:1060px;
  margin:0 auto;
}

.header{
  margin: 0 0 20px;
}

.column{
  margin: 0 0 20px;
}

.column-main{
  float:left;
  width:700px;
}

.column-right{
  float:right;
  width:320px;
  margin:0 0 20px;
  /* border: 1px solid  #ddd; */
}

/* 1カラム 2018.4.12 miya */
.column--one{}
.column--one .column-main{
  float:none;
  width:732px;
  margin:0 auto;
}
.column--one .entry-wrapper {
  border: none;
}

.footer{
  width:1060px;
}


/* 共通パーツ -----*/
.title-sub-text{
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}
.title-main-text {
  display:flex;
  align-items:center;
}
.title-main-text >:nth-child(2) {
  margin-right: auto;
}
.btn-more {
  display:flex;
  align-items:center;
}
.btn-more a{
  padding: 4px 12px;
  font-weight: bold;
  font-size: 11px;
  border-radius: 32px;
  border: 1px solid;
  text-decoration:none;
  transition:.3s;
}
.btn-more a:hover {
  text-decoration:none;
}

/*------------------------------------*\
    header
\*------------------------------------*/

/** 
 * 内容
 * チャンネルタブ、ロゴ、フォローボタン、検索
 * ピックアップ8、グローバルナビ
 */

.header{}

.header .inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  margin: 0 0 8px;
  padding:  0 16px;
  height: 64px;
}
.header .inner:after{
  width: 0%;
}

.header .inner-align-left {
  display: flex;
  flex:auto;
  flex-wrap: wrap;
  align-items: center;
}

.header .inner-align-right {
  width:30%;
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-end;
  align-items: center;
}

/* ロゴ */
.logo span{
  display:none;
}
/* ロゴ - ニュース */
.channel-news .logo{
  display:inline-block;
  margin-right:24px;
  padding:0;
  background:url(https://www.j-cast.com/assets_common/img/common/logo-news.svg) 0 0 no-repeat;

/* 2020正月用
  background:url(https://www.j-cast.com/assets_common/img/common/newyear2020/logo-news.svg) 0 0 no-repeat;
*/

  background-size: contain;
}
.channel-news .logo a{
  display: block;
  width:200px;
  height:40px;
}

/* ロゴ - テレビ */
.channel-tv .logo{
  display:inline-block;
  margin-right:24px;
  padding:0;
  background:url(https://www.j-cast.com/assets_common/img/common/logo-tv.svg) 0 0 no-repeat;

/* 2020正月用
  background:url(https://www.j-cast.com/assets_common/img/common/newyear2020/logo-tv.svg) 0 0 no-repeat;
*/

  background-size: contain;
}
.channel-tv .logo a{
  display: block;
  width:180px;
  height:49px;
}

/* ロゴ - トレンド */
.channel-trend .logo{
  display:inline-block;
  margin-right:24px;
  padding:0;
  background:url(https://www.j-cast.com/assets_common/img/common/logo-trend.svg) 0 0 no-repeat;

/* 2020正月用
  background:url(https://www.j-cast.com/assets_common/img/common/newyear2020/logo-trend.svg) 0 0 no-repeat;
*/

  background-size: contain;
}
.channel-trend .logo a{
  display: block;
  width:200px;
  height:40px;
}

/* ロゴ - 会社ウォッチ */
.channel-kaisha .logo{
  display:inline-block;
  margin-right:24px;
  padding:0;
  background:url(https://www.j-cast.com/assets_common/img/common/logo-kaisha.svg) 0 0 no-repeat;

/* 2020正月用
  background:url(https://www.j-cast.com/assets_common/img/common/newyear2020/logo-kaisha.svg) 0 0 no-repeat;
*/

  background-size: contain;
}
.channel-kaisha .logo a{
  display: block;
  width:166px;
  height:50px;
}

/* 10th ロゴ kaisha 0801 kawa
会社ウォッチのみ例として残す　各チャンネルの下に書きオーバーロードしていく サイズも各ロゴごとで変える
.channel-kaisha .logo {
 background:url(https://www.j-cast.com/assets_common/img/common/logo-kaisha-10th.png) 0 0 no-repeat;
 width:199px;
 height:46px;
}
.channel-kaisha .logo a{
   width:199px;
   height:46px;
}
*/

/* 見出し 共通 文字詰め、行間 added 2017.10.3 moved 2018.3.29 */
.entry-wrapper .entry-title {
  font-feature-settings: "palt";
  letter-spacing: .3px !important;
  line-height: 1.4 !important;
}

/* チャンネルタブ ----- 2018.5.21 fixed by Choi */
.channel{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:space-between;
  margin: 0 0 8px;
  padding:  0 16px 0 0;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
}
.channel .channel-tab-list{
  list-style:none;
  margin:0;
  padding:0;
  font-size:0;
}
.channel .channel-tab{
  display:inline-block;
  min-width: 80px;
  margin:0;
  padding: 0;
  text-align: center;
}
.channel .channel-tab-sub,
.channel .channel-tab-service {
  display:inline-block;
  margin:0;
  padding: 0;
  text-align: center;
}
.channel .channel-tab a{
  display: block;
  padding: 10px 12px;
  color:#000;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  line-height: 1.5;
}
.channel .channel-tab-sub a{
  display: block;
  padding: 10px 12px;
  color:#000;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  line-height: 1.5;
}
.channel .channel-tab-service {
  display:inline-flex;
  flex-direction:row;
  align-items:center;
}
.channel .channel-tab-service a {
  padding: 6px 12px;
  color:#ffce00; 
  font-size:12px;
  font-weight:bold;
  line-height: 1.5;
}
.channel .channel-tab-service a span.focus{
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 6px 12px;
  color: #333;
  font-size: 11px;
  line-height:1;
  border-radius: 32px;
  background-color: #ffce00;
  font-weight:bold;
  text-decoration: none;
  transition: .2s;
  animation:floating .5s ease infinite alternate;
  -webkit-animation:floating .5s ease infinite alternate;
}
@keyframes floating {
      0% {
        bottom: -1px;
      }
      100% {
        bottom: 1px;
      }
    }
@-webkit-keyframes floating {
      0% {
        bottom: -1px;
      }
      100% {
        bottom: 1px;
      }
    }
.channel .channel-tab-service a:hover span.focus{
  color:#ffce00;
  background-color:#333;
}

/* =.channel-tab */
.channel .channel-tab-list .current{ 
  background: #fff;
}


.channel-news .current a,
.channel .channel-tab-news a:hover{
  color:#fff;
  background:#2975a6;
}
.channel-tv .current a,
.channel .channel-tab-tv a:hover{
  color:#fff;
  background:#cc2c1a;
}
.channel-trend .current a,
.channel .channel-tab-trend a:hover{
  color:#fff;
  background:#ff6437;
}
.channel-kaisha .current a,
.channel .channel-tab-kaisha a:hover{
  color:#fff;
  background:#8c50aa;
}
.channel-healthcare .current a,
.channel .channel-tab-healthcare a:hover{
  color:#fff;
  background:#2E7D32;
}
.channel .channel-tab-book a:hover{
  color:#fff;
  background:#735047;
}
.channel-shop .current a,
.channel .channel-tab-shop a:hover{
  color:#fff;
  background:#31a6cc;
}
.channel-blog .current a,
.channel .channel-tab-blog a:hover{
  color:#fff;
  background:#31a6cc;
}
.channel-job-change .current a,
.channel .channel-tab-job-change a:hover{
  color:#fff;
  background:#2975a6;
}


.channel .channel-tab-ad a:hover{
  color:#fff;
  background:#59aa08;
}


.channel-tab-sub {
}
.channel-tab-sub a{
   color:#999 !important;
}
.channel-tab-sub a:hover{
   color:#333 !important;
}
/* =.channel-tab */

.logo{
 /* 各チャンネル common cssへ */
}

.follow{
  vertical-align:top;
}
.header .follow{
  display:inline-block;
}
.follow span{
  display:none;
}

/* =.follow-btns */
.follow .follow-text{
  display:inline-block;
  width:152px;
  height:25px;
  background:url(https://www.j-cast.com/assets_common/img/common/btn-follow.png) no-repeat;
  background-position:0 0;
  font-size:1.2em;
}
.follow .follow-btns{
  display:inline-block;
  font-size:0;
}
.follow .fb-like{
  margin:0 10px 0 0;
}


.follow .follow-btn{
  display:inline-block;
  width:38px;
  margin:0;
  padding:0;
}
.follow .follow-btn a{
  display: block;
  width:30px;
  height:30px;
}

.follow .follow-btn-facebook a{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-facebook_off.svg) no-repeat;
}
.follow .follow-btn-facebook a:hover{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-facebook.svg) no-repeat;
}
.follow .follow-btn-twitter a{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-twitter_off.svg) no-repeat;
}
.follow .follow-btn-twitter a:hover{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-twitter.svg) no-repeat;
}
.follow .follow-btn-google-plus a{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-googleplus_off.svg) no-repeat;
}
.follow .follow-btn-google-plus a:hover{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-googleplus.svg) no-repeat;
}
.follow .follow-btn-youtube a{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-youtube_off.svg) no-repeat;
}
.follow .follow-btn-youtube a:hover{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-youtube.svg) no-repeat;
}

/* =.follow-btns */

.search {
  /* display:inline-block; */
  /* position:absolute; */
  /* top:15px; */
  /* right:0px; */
  width:290px;
  /* height:25px; */
  /* margin:0 0 0 5px; 2019.6.4 choi */
}
.search .gsc-input{
/* 
border:solid 1px #B3B3B3;
box-sizing:  content-box; 2018.4.13 消去 */
}

/* ピックアップ８　画像なし ----- */
.pickup8{
  font-weight: bold;
  margin: 0 0 8px 0;
}
.pickup8 .pickup8-entry-list{
  list-style-type:none;
  display: flex;
  justify-content: space-between;
  flex-wrap:  wrap;
  margin:0;
  padding: 0 16px;
}
.pickup8 .entry-item{
  width: 251px;
  margin: 0 0 8px; 5px
  padding:0;
  background-color: #f2f2f2;
  border-radius: 4px;
}
.pickup8 .entry-item a{
  color:#666;
  text-decoration:none;
}
.pickup8 .entry-item a:hover .news{
  background-color:#fff;
  color:#2975a6;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .tv{
  background-color:#fff;
  color:#E8321E;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .trend{
  background-color:#fff;
  color:#FF6437;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .kaisha{
  background-color:#fff;
  color:#8c50aa;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .healthcare{
  background-color:#fff;
  color:#2E7D32;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .j-town{
  background-color:#fff;
  color:#000;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-item a:hover .bg-mania{
  background-color:#fff;
  color:#FD2B6D;
  border-radius: 4px;
  transition:.3s;
}
.pickup8 .entry-photo{
  display:none;
}
.pickup8 .entry-title{
  padding: 6px 8px;
  font-size:1.4em;
  line-height:1.4em;
}
.pickup8 .pickup8-entry-list .news:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#2975a6;
}
.pickup8 .pickup8-entry-list .tv:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#E8321E;
}
.pickup8 .pickup8-entry-list .trend:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#FF6437;
}
.pickup8 .pickup8-entry-list .kaisha:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#8c50aa;
}
.pickup8 .pickup8-entry-list .j-town:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#000;
}
.pickup8 .pickup8-entry-list .bg-mania:before {
  font-family: 'icomoon' !important;
  font-size:80%;
  content: "\e918";
  margin-right:6px;
  color:#FD2B6D;
}

/*------------------------------------*\
    footer
\*------------------------------------*/

/** 
 * 内容
 * ページトップへ、J-CASTのサービス、ロゴ
 * チャンネルリンク、お問い合わせ、copyright
 */

.footer{
  position: absolute;
}
.pagetop-btn .inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:55px;
  padding-left:16px;
  font-size: 14px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
  transition:.2s;
}
.pagetop-btn{
  text-align:right;
  cursor:pointer;
}
.go-top{
  width:55px;
  height:55px;
  background: url(https://www.j-cast.com/assets_common/img/common/scroll-up.svg) 50% 50% no-repeat;
  background-size: 55px auto;
  background-color:rgba(0,0,0,0.4);
}
/* 各チャンネル設定 */
.pagetop-btn{
  background-color:#000;
}
.channel-news .pagetop-btn .inner{
  background-color:rgba(42,117,166,1);
}
.channel-news .pagetop-btn .inner:hover{
  background-color:rgba(42,117,166,0.8);
}
.channel-tv .pagetop-btn .inner{
  background-color:rgba(204,44,26,1);
}
.channel-tv .pagetop-btn .inner:hover{
  background-color:rgba(204,44,26,0.8);
}
.channel-trend .pagetop-btn .inner{
  background-color:rgba(255,100,55,1);
}
.channel-trend .pagetop-btn .inner:hover{
  background-color:rgba(255,100,55,0.8);
}
.channel-kaisha .pagetop-btn .inner{
  background-color:rgba(140,80,170,1);
}
.channel-kaisha .pagetop-btn .inner:hover{
  background-color:rgba(140,80,170,0.8);
}
.channel-premium .pagetop-btn .inner{
  background-color:rgba(255,206,0,1);
  color: #222;
}
.channel-premium .pagetop-btn .inner:hover{
  background-color:rgba(255,206,0,0.8);
}

/* J-CAST会員登録誘導枠 ----- */
.member-induction{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-around;
  background:#e4e8eb;
  margin: 0 0 2px;
  padding: 10px 40px;
  text-align: left;
}
.member-signin,
.member-merit {
  display: flex;
  flex-direction:row;
  align-items:center;
  box-sizing:  border-box;
  vertical-align: top;
  margin: 0;
  padding: 24px;
}
.member-induction .title {
  display:inline-block;
  font-size: 1.8em;
  line-height: 1.8em;
  margin-right:40px;
}
.member-signin .member-item ul,
.member-merit .member-item ul {
  margin:0;
  padding:0;
}
.member-signin .member-item li{
  list-style-type:none;
  margin: 16px 0;
  padding:0;
  font-size: 1.3em;
  line-height: 1.6em;
  font-weight:bold;
  text-align:center;
}
.member-signin .member-item li a {
  display:inline-block;
  text-decoration:none;
  background-color:#fff;
  padding:8px 16px;
  border:2px solid;
  border-radius:4px;
  cursor: pointer;
  min-width:140px;
}
.member-signin .member-item li.member-item-about a {
  color:#666;
  transition:.3s;
}
.member-signin .member-item li.member-item-about a:hover {
  color:#fff;
  border-color:#666;
  background-color:#666;
}
.member-signin .member-item li.member-item-signin a {
  color:#1A96D5;
  transition:.3s;
}
.member-signin .member-item li.member-item-signin a:hover {
  color:#fff;
  border-color:#1A96D5;
  background-color:#1A96D5;
}
.member-merit .member-item li {
  list-style-type: none;
  margin: 8px 0 0 1em;
  padding:0;
  font-size: 1.4em;
  line-height: 1.6em;
  font-weight:bold;
}
.member-merit .member-item li:before {
  font-family: 'icomoon' !important;
  content: "\e910";
  margin-left: -1em;
  margin-right: 8px;
}

/* J-CASTのサービス ----- */
.footer-services{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  background:#eee;
  margin: 0;
  padding: 10px;
  text-align:center;
}
.services-app,
.services-youtube,
.services-follow {
  display: inline-block;
  box-sizing:  border-box;
  width: 340px;
  min-height: 110px;
  vertical-align: top;
  margin: 0;
  padding: 24px;
}
.services-app .title,
.services-youtube .title,
.services-follow .title {
  max-width: 240px;
  margin: 0 auto 20px;
  font-size: 1.3em;
  line-height: 1.8em;
}
.services-app .service-item a img{
  max-width:160px;
  max-height: 45px;
}
.services-app .service-item a:first-child img{
  margin-bottom:8px;
}
.services-follow .service-item {
  margin-bottom:8px;
}
.services-follow .service-item:last-child {
  margin-bottom:0px;
}

/* チャンネルリンク・お問い合わせ ----- */
.footer-contents{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding: 32px 80px 32px 60px;
  background:#333;
  font-size: 1.3em;
  line-height:2em;
}
.footer-contents .channel-link-list{
  margin:0;
  padding:0;
}
.footer-contents .channel-link-list .channel-link-list-item{
  display:block;
}
.footer-contents .channel-link-list .channel-link-list-item a{
  color:#ddd;
  text-decoration:none;
  transition: .2s;
}
.footer-contents .channel-link-list .channel-link-list-item a:before {
  content:">";
  margin-right:8px;
}
.footer-contents .channel-link-list .channel-link-list-item a:hover{
  color:#fff;
}

.footer-contents .common-link-list{
  margin:0;
  padding:0;
  font-size:90%;
}
.footer-contents .common-link-list .common-link-list-item{
  display:block;
}
.footer-contents .common-link-list .common-link-list-item a{
  color:#ddd;
  text-decoration:none;
  transition: .2s;
}
.footer-contents .common-link-list .common-link-list-item a:before {
  content:">";
  margin-right:8px;
}

.footer-contents .common-link-list .common-link-list-item a:hover{
  color:#fff;
}
/* copyright ----- */
.copyright{
  padding: 1em;
  color: #999;
  font-size: 1em;
  font-weight: normal;
  text-align:center;
  background: #111;
}





/*------------------------------------*\
    right
\*------------------------------------*/

/** 
 * 内容
 * コアラ、注目情報、三太郎、おすすめワード、
 * お知らせ、ランキング、Jブロ、1クリック、テラポリ、カス丸、Pマーク
 */

.column-right{}

/* レクタングル */
.column-right .ad-rectangle-bnr{
  padding:10px;
  border-bottom:solid 1px #CCC;
}

/******************************
 * モノのCSSを移動▼
 ******************************/
/* common */
#scene00 {
  display:none;
}
#RCKoalaZukan {}
#RCKoalaZukanWrap {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bg.gif" ) 0 0 no-repeat;
}
#RCKoalaZukan #zukan-wrapp {
  padding:2px;
  width:298px;
  height:168px;
  position:relative;
  overflow:hidden; 
}
#zukan-left {
  float:left;
  width:191px;
}
#zukan-right {
  float:right;
  width:102px;
  padding:0 5px 0 0;
}
#zukan-left h2,
#zukan-left .title-h2 {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/zukan_title.png" ) 0 0 no-repeat;
  margin:0;
  padding:0;
  width:191px;
  height:41px;
}
#zukan-left h2 span,
#zukan-left .title-h2 span {
  display:none;
}
.sceneWrapp {
  position:absolute;
  width:191px;
  height:125px;
}
#RCKoalaZukan #logo-lotte {
  margin:8px 0 0 36px;
}
#RCKoalaZukan #logo-lotte a {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/koala_lotte.png" ) 0 0 no-repeat;
  display:block;
  width:64px;
  height:22px;
}
#RCKoalaZukan #logo-lotte a span {
  display:none;
}
/* koala footer */
#zukan-foot {
  margin:3px 0 0 0;
}
#zukan-foot #bt-howto {
  float:left;
  width:148px;
}
#zukan-foot #bt-see {
  float:right;
  width:148px;
}
#zukan-foot #bt-howto a,
#zukan-foot #bt-see a {
  display:block;
  width:148px;
  height:26px;
}
#zukan-foot #bt-howto a span,
#zukan-foot #bt-see a span {
  display:none;
}
#zukan-foot #bt-howto a {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_howto_top.png" ) 0 0 no-repeat;
}
#zukan-foot #bt-see a {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_see_top.png" ) 0 0 no-repeat;
}
/* koala button */
.searchButton,
#addZukanButton,
#seeZukanButton,
#findingLuckyButton {
  cursor:pointer;
}
.searchButton span,
#addZukanButton span,
#seeZukanButton span,
#findingLuckyButton span {
  display:none;
}
#scene01 .searchButton {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_search.png" ) 0 0 no-repeat;
  width:126px;
  height:38px;
  position:absolute;
  top:79px;
  left:38px;
}
#scene04 .searchButton {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_search2.png" ) 0 0 no-repeat;
  width:107px;
  height:27px;
  position:absolute;
  bottom:7px;
  left:27px;
}
#scene03 #addZukanButton {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_add.png" ) 0 0 no-repeat;
  width:50px;
  height:39px;
  position:absolute;
  bottom:7px;
  right:3px;
}
#scene03 #findingLuckyButton {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_serchLucky.png" ) 0 0 no-repeat;
  width:67px;
  height:67px;
  position:absolute;
  bottom:0;
  right:2px;
}
#scene04 #seeZukanButton {
  position:absolute;
  bottom:7px;
  right:3px;
}
#scene04 #seeZukanButton a {
  display:block;
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bt_see.png" ) 0 0 no-repeat;
  width:50px;
  height:39px;
}

/* scene parts ---------------- */
/* common */
#scene02,
#scene03,
#scene04 {
  display:none;
}
/* scene1 */
#scene01 {
/*  background:url( "hhttps://www.j-cast.com/images/weather/koala_zukan/scene01_bg.png" ) 0 0 no-repeat; */
  height:117px;
  overflow:hidden;
}
#scene01 #ill01 {
  position:absolute;
  left:45px;
}
/* scene2 */

/* scene3 */
#scene03 #koala-find {
  position:absolute;  
  left:13px;
  top:22px;
  z-index:100;
}
#scene03 #koala-find img {
  position:absolute;  
}
#scene03 #ill03 {
  position:absolute;
  left:25px;
}
#scene03 #ill03 img {
  position:absolute;  
}
#scene03 #koalaName {
  background:url( "https://www.j-cast.com/images/weather/koala_zukan/bg_koala_name.png" ) 0 0 no-repeat;
  position:absolute;  
  top:99px;
  left:10px;
  width:140px;
  height:18px;
}
#scene03 #koalaName img {
  margin:1px 0 0 4px;
}
/* scene4 */
#scene04 #ill04 {
  position:absolute;
  left:25px;
}
#scene04 #ill04 img {
  position:absolute;  
}
#scene04 #getKoalaAddText {
  position:absolute;  
  top:2px;
  right:10px;
}
/* 天気部分 */
#zukan-weather-balloon {
  display : block !important;
  position : relative;
  background-image : url("https://www.j-cast.com/images/weather/koala_zukan/koala_top_weather_bg.png");
  background-repeat : no-repeat;
  margin:7px 0 0 0;
}
#zukan-weather-balloon {
  width:100px;
  height:120px;
  cursor: pointer;
  background-position : 0 0;
}
a#zukan-weather-balloon:hover {
  text-decoration : none !important;
  background-position : 0 -120px;
}
#zukan-weather-balloon-image {
  position:absolute;
}
#zukan-weather-balloon-date {
  position:absolute;
  top:96px;
  left:8px;
}
#zukan-weather-balloon-placeName {
  text-align:center;
  position:absolute;
  color:#523B42;
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  left:1px;
  top:16px;
  width:52px;
  height:12px;
  margin:0px;
  display:block !important;
  text-decoration:underline;
}
#zukan-weather-balloon-pictgram {
  left: 48px;
  position: absolute;
  top: 11px;
}
#zukan-weather-balloon-disc {
  display : block !important;
  position:absolute;
  line-height:13px;
  left:13px;
  top:58px;
  width:75px;
  height:32px;
  text-align:center;
  margin:0px;
  font-size:10px;
  color:#525040;
}
#zukan-weather-balloon-disc-probability,
#zukan-weather-balloon-disc-temperature-max,
#zukan-weather-balloon-disc-temperature-min {
  display : inline !important;
  font-weight:bold;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
}
#zukan-weather-balloon-disc-probability {
  color:#3F3F3F;
}
#zukan-weather-balloon-disc-temperature-max {
  color:#CF2600;
}
#zukan-weather-balloon-disc-temperature-min {
  color:#1A6FEF;
}

/* フジ三太郎枠 add 2013.4.16 */
#RCSantaro {
  width: 300px;
  margin: 20px auto;
  position: relative;
  /* background: url("https://www.j-cast.com/assets_common/img/right/rounded-block-shadow1.png") repeat-y scroll 0 0 transparent; */
  padding: 0;
}
#RCSantaro img {
  width:100%;
}
#RCSantaro .header {
  height: 46px !important;
  margin:0 !important;
  background: url("https://www.j-cast.com/assets_common/img/right/santaro-rc-head.gif?v=0426") 0 0 no-repeat;
}
#RCSantaro .header h2,
#RCSantaro .header .title-h2 {}
#RCSantaro .header h2 a,
#RCSantaro .header .title-h2 a {
  display:block;
  height: 46px;
}
#RCSantaro .header h2 span,
#RCSantaro .header .title-h2 span {
  display:none;
}
#RCSantaro .manga-frame {
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 170px;
}
#RCSantaro .manga-frame img {
  position: absolute;
  top:-11px;
  left:-12px;
  width:330px;
}
#RCSantaro .manga-frame .icon-continue {
  width: 300px;
  height: 170px;
  position: absolute;
  z-index:100;
  cursor:pointer;
/*  background:url( "https://www.j-cast.com/assets_common/img/right/santaro-frame-bt.png?v=0426-01" ) center center no-repeat; */
}
#RCSantaro .footer {
  position:static !important;
  width:285px;/* 140917追加 */
  height: 34px;/* 140917変更 */
  padding:0 10px;
  background: url("https://www.j-cast.com/assets_common/img/right/santaro-rc-foot.gif") 0 0 repeat-y;
}
#RCSantaro .footer .date {
  font-size:1.2em;
  float:left;
  padding:7px 0 0 0;
  color:#333333;
}
#RCSantaro .footer .bt-more {
  width:285px;/* 140917追加 */
  padding:5px 0 0 0;
}
#RCSantaro .footer .bt-more a {
  background: url("https://www.j-cast.com/assets_common/img/right/icon-next-santaro.png") right 0 no-repeat !important;
  display: block;
  width:86px;
  height: 23px;
  margin:0 auto;
}
#RCSantaro .footer .bt-more a span {
  display:none;
}
.right-column-rounded-block-top-santaro {
  height: 5px;
   left: 0;
  top: -5px;
}
.right-column-rounded-block-top-santaro {
  background: url("https://www.j-cast.com/assets_common/img/right/santaro-rc-topbg.gif") 0 0 no-repeat;
  font-size: 1px;
  position: absolute;
  width: 304px;
}
.right-column-rounded-block-bottom-santaro {
  display:none;/* 140917 */
  height: 7px;
  left: 0;
  bottom: -7px;
}
.right-column-rounded-block-bottom-santaro {
  display:none;/* 140917 */
  background: url("https://www.j-cast.com/assets_common/img/right/santaro-rc-bottombg.gif") 0 0 no-repeat;
  font-size: 1px;
  position: absolute;
  width: 304px;
}

/* Right Column: 注目情報 */
/**/
.RCChumokuJohoArticle {
  position: relative;
  padding-left: 95px;
  margin: 10px auto 0px;
  min-height: 80px;
  _height:auto !important;
  _height:80px;
  zoom:1;
}
.RCChumokuJohoArticle h3,
.RCChumokuJohoArticle .title-h3 {
  font-size: 1.3em;
  line-height: 140%;
  margin-bottom: 2px;
  font-weight:bold;
}
.RCChumokuJohoArticle img {
  position: absolute;
  top: 0px;
  left: 0px;
  border: solid 1px #CCC;
  zoom:1;
}
.RCChumokuJohoArticle p {
  font-size: 1.2em;
  line-height: 140%;
  color: #444;
}



/******************************
 * モノのCSSを移動▲
 ******************************/

/*common -----*/
.koalazukan,
.chumokujoho,
.santaro,
#RCOverture2,
.osusume-word,
#LCOshirase,
.notice,
.ranking,
.jblog,
.one-click,
 #LCTOWN,
 #LCTBM,
 #LCBookWatch,
 #LCAgingStyle,
 #LCTOIDAS,
.terapoli,
.kasumaru-follow,
.the-friday{
  /* border-bottom:1px solid #ddd; */
}

/*koala -----*/
.koalazukan {
  padding:10px;
}
#weatherAreaSettingWrap #weatherIframe {
  background: #eee;
}
#weatherAreaSettingWrap .setArea-bt {
  text-align: right;
}
#weatherAreaSettingWrap .setArea-bt img {
  vertical-align:bottom;
  cursor:pointer;
}

/*chumokujoho-----*/
.chumokujoho {
  padding:8px 10px;
}
.chumokujoho .RCChumokuJohoArticle {
  padding-left:90px;
}
.chumokujoho .chumokujoho-title{
  margin:0 0 8px;
  padding: 8px 0;
  font-size:1.8em;
  font-weight:bold;
  border-bottom:2px solid;
  color:#2975a6;
}
.chumokujoho p{
  margin:0;
  padding:0;
}
.chumokujoho a {
  color:#000;
  text-decoration:none;
}
.chumokujoho a:hover {
  text-decoration:underline;
}

/*santaro -----*/
.santaro{}

/* ツイート ウィジェット */
.twitter-timeline-wrapp{
  border-bottom:1px solid #ccc;
}

/*osusumeword -----*/
#RCOverture2,
.osusume-word{
  padding:10px 20px;
}
#RCOverture2 .title-h2,
.osusume-word .title-h2{
margin:0 0 5px 0;
  color:#000;
  font-size:1.8em;
  font-weight:bold;
}
#RCOverture2 ul,
.osusume-word ul{
  list-style:none;
  margin:0;
  padding:0;
}
#RCOverture2 li,
.osusume-word li{
  margin:0 ;
  padding:0 0 0 12px;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-column-right-orange.png) no-repeat left 6px;
}
#RCOverture2 a,
.osusume-word a {
  color:#000;
  font-size:1.3em;
  line-height: 140%;
  text-decoration:none;
}
#RCOverture2 a:hover,
.osusume-word a:hover {
  text-decoration:underline;
}
#RCOverture2 .small,
.osusume-word .small{
  margin:0;
  padding:0;
  text-align:right;
}

/*notice -----*/
#LCOshirase,
.notice{
  padding:8px 10px;
}
#LCOshirase .title-h2,
#LCOshirase .title,
.notice .title-h2,
.notice-title{
  margin:0 0 8px;
  padding: 8px 0;
  font-size:1.8em;
  font-weight:bold;
  border-bottom:2px solid;
  color:#2975a6;
}
#LCOshirase .title-h2 p,
.notice .title-h2 p{
  margin:0;
  padding:0;
}
#LCOshirase ul,
.notice ul{
  list-style:none;
  margin:0;
  padding:0;
}
#LCOshirase li,
.notice li{
  margin:0;
  padding:8px 0 8px 16px;
  line-height:1.6em;
}
#LCOshirase li:before,
.notice li:before{
  position:absolute;
  content:"\025b6︎";
  color:#2975a6;
  margin-left:-16px;
}
#LCOshirase a,
.notice a {
  color:#000;
  text-decoration:none;
}
#LCOshirase a:hover,
.notice a:hover {
  text-decoration:underline;
}

/* お知らせ */
#oshirase.entry-list-side {
}
#oshirase.entry-list-side .entry-list-side__title {
  justify-content: flex-start;
  color: #2975a6;
}
#oshirase.entry-list-side ul li a {
  font-size: 13px;
  line-height: 1.45;
  font-weight: bold;
  display: block;
}
#oshirase.entry-list-side ul li span {
  font-size: 10px;
}
#oshirase.entry-list-side ul li::before {
  color: #2975a6;
}

/*ranking -----*/
.ranking{
  padding:8px 10px;
}
.ranking .ranking-title{
  margin:0 0 8px;
  padding: 8px 0;
  font-size:1.8em;
  font-weight:bold;
  border-bottom:2px solid;
}
.ranking .access {
  margin:0 0 10px;
  padding:8px 0;
}
.channel-news .access,
.channel-premium .access {
  color:#2A75A6;
}
.channel-tv .access {
  color:#CC2C1A;
}
.channel-trend .access {
  color:#ff6437;
}
.channel-kaisha .access {
  color:#8c50aa;
}
.ranking .comment {
  margin:0;
  padding:8px 0;
  color:#F47040;
} 
.channel-news .btn-more a,
.channel-premium .btn-more a{
  border: 1px solid #2A75A6;
  color:#fff;
  background-color:#2A75A6;
}
.channel-news .btn-more a:hover,
.channel-premium .btn-more a:hover {
  color:#2A75A6;
  background-color:#fff;
}

.channel-tv .btn-more a {
  border: 1px solid #CC2C1A;
  color:#fff;
  background-color:#CC2C1A;
}
.channel-tv .btn-more a:hover {
  color:#CC2C1A;
  background-color:#fff;
}

.channel-trend .btn-more a {
  border: 1px solid #FF6437;
  color:#fff;
  background-color:#FF6437;
}
.channel-trend .btn-more a:hover {
  color:#FF6437;
  background-color:#fff;
}

.channel-kaisha .btn-more a {
  border: 1px solid #8c50aa;
  color:#fff;
  background-color:#8c50aa;
}
.channel-kaisha .btn-more a:hover {
  color:#8c50aa;
  background-color:#fff;
}

.comment .ranking-title .btn-more a {
  border: 1px solid #F47040;
  color:#fff;
  background-color:#F47040;
}
.comment .ranking-title .btn-more a:hover {
  color:#F47040;
  background-color:#fff;
}
.ranking .title-h2 p{
  margin:0;
  padding:0;
}
.ranking .access-entry-list,
.ranking .comment-entry-list {
  list-style:none;
  margin:0;
  padding:0;
}
.ranking .access-entry-list .entry-item,
.ranking .comment-entry-list .entry-item{
  margin:0;
  padding:8px 0 8px 32px;
  font-size: 13px;
  line-height: 1.45;
}
.ranking .access-entry-list .no-1:before,
.ranking .comment-entry-list .no-1:before {
  position:absolute;
  content:"1";
  color:#BCA250;
  font-size:2em;
  font-weight:bold;
  font-style:italic;
  margin-left:-32px;
}
.ranking .access-entry-list .no-2:before,
.ranking .comment-entry-list .no-2:before {
  position:absolute;
  content:"2";
  color:#ADAFB2;
  font-size:2em;
  font-weight:bold;
  font-style:italic;
  margin-left:-32px;
}
.ranking .access-entry-list .no-3:before,
.ranking .comment-entry-list .no-3:before {
  position:absolute;
  content:"3";
  color:#AA5520;
  font-size:2em;
  font-weight:bold;
  font-style:italic;
  margin-left:-32px;
}
.ranking .access-entry-list .no-4:before,
.ranking .comment-entry-list .no-4:before {
  position:absolute;
  content:"4";
  font-size:2em;
  font-weight:bold;
  font-style:italic;
  margin-left:-32px;
}
.ranking .access-entry-list .no-5:before,
.ranking .comment-entry-list .no-5:before {
  position:absolute;
  content:"5";
  font-size:2em;
  font-weight:bold;
  font-style:italic;
  margin-left:-32px;
}
.ranking a {
  color:#000;
  text-decoration:none;
}
.ranking .access-entry-list a:hover,
.ranking .comment-entry-list a:hover {
  text-decoration:underline;
}
.ranking .more-btn{
  background:#F2F2F2;
  _zoom: 1;
   overflow: hidden; 
}
/* .ranking .more-btn a{
  float: right;
  display: block;
  padding: 4px 8px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.channel-news .ranking .more-btn a{
  background: #2975a6;
}
.channel-trend .ranking .more-btn a{
  background: #FF6437;
}
.channel-healthcare .ranking .more-btn a{
  background: #2E7D32;
}
.channel-tv .ranking .more-btn a{
  background: #CC2C1A;
}
.channel-kaisha .ranking .more-btn a{
  background: #8c50aa;
} */

/*jblog -----*/
.jblog{}
.jblog-title{
  float:left;
  width:59px;
  height:32px;
  margin:10px 15px;
  background: url(https://www.j-cast.com/assets_common/img/common/logo-jblog.png) no-repeat;
}
.jblog-title a{
  display:block;
  width:59px;
  height:32px;
}
.jblog-title span{
  display:none;
}
.jblog-text{
  margin:5px 8px 7px;
  padding:12px 0 ;
  font-size:1.2em;
  line-height:130%;
  font-weight:bold;
  border-bottom: solid 1px #ccc;
  color:#1987E1;
}
.jblog ul{
  list-style:none;
  margin:0 10px 10px 10px;
  padding:0;
}
.jblog li{
  margin:0 5px 5px 10px;
  padding:0 0 0 12px;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-column-right-blue.png) no-repeat left 6px;
  font-size:1.3em;
  line-height: 140%;
}
.jblog .title-h3 {}
.jblog span.blog-name {
  font-size:0.8em;
  font-weight:nomal;
}
.jblog a {
  color:#000;
  text-decoration:none;
}
.jblog a:hover {
  text-decoration:underline;
}
.jblog .more-btn{
  background:#F2F2F2;
  _zoom: 1;
   overflow: hidden; 
}
.jblog .more-btn a{
  float: right;
  display: block;
  padding:  4px 8px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.channel-news .jblog .more-btn a{
  background: #2975a6;
}
.channel-trend .jblog .more-btn a{
  background: #FF6437;
}
.channel-healthcare .jblog .more-btn a{
  background: #2E7D32;
}
.channel-tv .jblog .more-btn a{
  background: #CC2C1A;
}
.channel-kaisha .jblog .more-btn a{
  background: #8c50aa;
}

/*one-click -----*/
.one-click{
  margin:20px 0;
  padding:8px 10px;
  color:#2975a6;
}
.one-click-title{
  margin: 0 0 8px;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.8em;
  font-weight: bold;
  border-bottom: 2px solid;
}
.one-click-title >:nth-child(2) {
  margin-right: auto;
}
.one-click .btn-more {
  display:flex;
  align-items:center;
}
.one-click .btn-more a {
  border: 1px solid #2975a6;
  color:#fff;
  background-color:#2975a6;
}
.one-click .btn-more a:hover {
  color:#2975a6;
  background-color:#fff;
}
.one-click ul{
  list-style:none;
  margin:0;
  padding:0;
}
.one-click li{
  margin:0;
  padding:8px 0 8px 34px;
  font-size:13px;
  line-height: 1.45;
}
.one-click li:before {
  position:absolute;
  font-family: 'icomoon' !important;
  content: "\e917";
  color:#2A75A6;
  font-size: 24px;
  margin-left:-34px;
}
.one-click li a {
  color:#000;
  text-decoration:none;
}
.one-click li a:hover {
  text-decoration:underline;
}
.one-click p{
  margin:0;
  padding:0;
}
.one-click a {
  color:#000;
  text-decoration:none;
}


/*bookwatch -----*/
/* book watch leftColumn */
#LCBookWatch {
    margin: 0;
    padding:10px;
    position:relative;
}
#LCBookWatch h2,
#LCBookWatch .title-h2 {
    background: url("https://www.j-cast.com/assets_common/img/common/title-bookwatch-right.png") 0 0 no-repeat;
    width:300px;
    height:36px;
}
#LCBookWatch h2 a,
#LCBookWatch .title-h2 a {
    display:block;
    width:300px;
    height:36px;
}
#LCBookWatch h2 span,
#LCBookWatch .title-h2 span {
  display:none;
}
#LCBookWatch ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#LCBookWatch ul li {
    background:url("https://www.j-cast.com/assets_common/img/common/link-arrow3.png") 10px 10px no-repeat;
    margin:0;
    padding:6px 5px 6px 20px;
    padding:6px 5px 6px 20px\9;
    border-top:1px solid #cbcbcb;
}
#LCBookWatch ul li.item-end {
  border-bottom:none !important;
}
#LCBookWatch ul li h3,
#LCBookWatch ul li .title-h3 {
  font-size: 1.3em;
  line-height: 140%;
}
#LCBookWatch a,
#LCBookWatch a {
color:#000;
text-decoration: none;
}
#LCBookWatch a.hover,
#LCBookWatch a:hover {
text-decoration: underline;
}
#LCBookWatch .bookwatch-footer,
#LCBookWatch .bookwatch-bt a ,
#LCBookWatch .bookwatch-bt a span{
  display:none;
}

/*tbm -----*/
/* TBM leftColumn */
#LCTBM {
    position:relative;
    margin:0;
    padding:10px;
}
#LCTBM h2,
#LCTBM .title-h2 {
    background: url("https://www.j-cast.com/assets_common/img/common/title-tbm-right.png") 0 0 no-repeat;
    width:300px;
    height:36px;
}
#LCTBM h2 a,
#LCTBM .title-h2 a {
    display:block;
    width:300px;
    height:36px;
}
#LCTBM h2 span,
#LCTBM .title-h2 span {
  display:none;
}
#LCTBM ul {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
}
#LCTBM ul li {
    margin:0;
    padding: 10px 5px 0 10px;
    border-top:1px solid #cbcbcb;
    min-height: 40px;
    position: relative;
}
#LCTBM ul li h3 img,
#LCTBM ul li .title-h3 img {
    left: 6px;
    top:6px;
    position: absolute;
}
#LCTBM ul li h3,
#LCTBM ul li .title-h3 {
  font-size: 1.3em;
  line-height: 140%;
  padding:0 0 0 45px;
}
#LCTBM a,
#LCTBM a {
color:#000;
text-decoration: none;
}
#LCTBM a.hover,
#LCTBM a:hover {
text-decoration: underline;
}
#LCTBM .tbm-footer {
  display:none;
}


/*toidas -----*/
/* Toidas leftColumn */
#LCTOIDAS {
    position:relative;
  margin:0;
    padding:10px 10px 0 10px;
    width:300px;
}
#LCTOIDAS .pref-holder {
    padding:3px 0;
    text-align:center;
    background:#e6e6e6;
    font-size:14px;
    color:#333;
}
#LCTOIDAS h2,
#LCTOIDAS .title-h2 {
    background: url("https://www.j-cast.com/assets_common/img/common/title-toidas-right.png") 0 0 no-repeat;
    width:300px;
    height:36px;
}
#LCTOIDAS h2 a,
#LCTOIDAS .title-h2 a {
    display:block;
    width:300px;
    height:36px;
}
#LCTOIDAS h2 span,
#LCTOIDAS .title-h2 span {
  display:none;
}
#LCTOIDAS ul {
    list-style: none outside none;
    margin: 0 auto 10px auto;
    padding: 0;
}
#LCTOIDAS ul li {
  margin: 0;
  padding: 5px 5px 0 10px;
  border-top: 1px solid #cbcbcb;
  min-height: 48px;
  position: relative;
}
#LCTOIDAS ul li h3 .ph-thumb,
#LCTOIDAS ul li .title-h3 .ph-thumb {
    left: 6px;
    top:6px;
    position: absolute;
    width:40px;
    height:40px;
    overflow:hidden
}
#LCTOIDAS a,
#LCTOIDAS a {
  color:#000;
  text-decoration: none;
}
#LCTOIDAS a.hover,
#LCTOIDAS a:hover {
  text-decoration: underline;
}
#LCTOIDAS ul li h3 .ph-thumb img,
#LCTOIDAS ul li .title-h3 .ph-thumb img {
  position: absolute;
  height:40px;
  top:0;
  left:-10px;
}
#LCTOIDAS ul li h3,
#LCTOIDAS ul li .title-h3 {
  font-size: 1.3em;
  line-height: 140%;
  padding:0 0 0 45px;
}
#LCTOIDAS .toidas-footer {
  display:none;
}

/*town -----*/
/* J-TOWN leftColumn */
#LCTOWN {
    position:relative;
  margin:0;
    padding:10px 10px 0 10px;
    width:300px;
}
#LCTOWN .pref-holder {
    padding:3px 0;
    text-align:center;
    background:#e6e6e6;
    font-size:14px;
    color:#333;
}
#LCTOWN h2,
#LCTOWN .title-h2 {
    background: url("https://www.j-cast.com/assets_common/img/common/title-jtown-right.png") 0 0 no-repeat;
    width:300px;
    height:36px;
}
#LCTOWN h2 a,
#LCTOWN .title-h2 a {
    display:block;
    width:300px;
    height:36px;
}
#LCTOWN h2 span,
#LCTOWN .title-h2 span {
  display:none;
}
#LCTOWN ul {
    list-style: none outside none;
    margin: 0 auto 10px auto;
    padding: 0;
}
#LCTOWN ul li {
  margin: 0;
  padding: 5px 5px 0 10px;
  border-top: 1px solid #cbcbcb;
  min-height: 48px;
  position: relative;
}
#LCTOWN ul li h3 .ph-thumb,
#LCTOWN ul li .title-h3 .ph-thumb {
    left: 6px;
    top:6px;
    position: absolute;
    width:40px;
    height:40px;
    overflow:hidden
}
#LCTOWN a,
#LCTOWN a {
  color:#000;
  text-decoration: none;
}
#LCTOWN a.hover,
#LCTOWN a:hover {
  text-decoration: underline;
}
#LCTOWN ul li h3 .ph-thumb img,
#LCTOWN ul li .title-h3 .ph-thumb img {
  position: absolute;
  height:40px;
  top:0;
  left:-10px;
}
#LCTOWN ul li h3,
#LCTOWN ul li .title-h3 {
  font-size: 1.3em;
  line-height: 140%;
  padding:0 0 0 45px;
}
#LCTOWN .town-footer {
  display:none;
}

#RC_follow {
    display:  flex;
    flex-direction:  column;
    justify-content:  center;
    box-sizing: border-box;
    max-width: 100%;
    text-align:  center;
    margin: 10px;
    padding: 24px 16px;
    background: #f2f2f2;
}
#RC_follow .RC_follow-title {
    position: relative;
    display: flex;
    align-items:center;
    justify-content:space-between;
    margin: 0 auto 16px;
    font-size: 1.3em;
    line-height: 1.8em;
}
#RC_follow .RC_follow-title:before {
    content: " ";
    display:inline-block;
    margin-right:10px;
    width: 24px;
    height: 1px;
    background-color: black;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
#RC_follow .RC_follow-title:after {
    content: " ";
    display:inline-block;
    margin-left:10px;
    width: 24px;
    height: 1px;
    background-color: black;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
#RC_follow .RC_follow-item {
    margin-bottom:8px;
}
#RC_follow .RC_follow-item:last-child {
    margin-bottom:0;
}



/* Aging Style右カラム 2018.4 残す */

.agingstyle {
    margin: 0;
    padding:10px;
    position:relative;
}
.agingstyle h2,
.agingstyle .title-h2 {
    margin: 0 0 8px;
    padding: 8px 0;
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 2px solid;
    color: #008BD5;
}
.agingstyle h2 a,
.agingstyle .title-h2 a {
  background: url("https://www.j-cast.com/assets_common/img/common/title-agingstyle-right.png") 0 0 no-repeat;
    display:block;
    width:300px;
    height:36px;
}
.agingstyle h2 span,
.agingstyle .title-h2 span {
  display:none;
}
.agingstyle ul {
  list-style:none;
  margin:0;
  padding:0;
}
.agingstyle ul li {
  margin:0;
  padding:8px 0 8px 16px;
  font-size: 13px;
  line-height:1.45;
}
.agingstyle ul li:before{
  position:absolute;
  content:"\025b6";
  color:#008BD5;
  margin-left:-16px;
}
.agingstyle a{
color:#000;
text-decoration: none;
}
.agingstyle a:hover{
text-decoration: underline;
}
.agingstyle .bookwatch-footer,
.agingstyle .bookwatch-bt a ,
.agingstyle .bookwatch-bt a span{
  display:none;
}

/* j-cast-channel追加 20160726 kawa */

.jcast-channel {
  width: 300px;
  margin: 20px auto;
  padding: 0;
}
.jcast-channel-title {
  width:300px;
  height:120px;
  background:url(https://www.j-cast.com/assets_common/img/right/youtube-channel-right-banner_re.gif) center center no-repeat;
  background-size: cover;
}
.jcast-channel-title a {
  display:block;
 height:120px;
}
.jcast-channel-title span{
  display:none;
}
.jcast-channel-entry-list{
  list-style:none;
  padding:0 15px;
}

/*terapoli -----*/
.terapoli{}
.terapoli #RCTerapoli{
  width: 280px;
  margin: 16px auto 24px;
  padding: 4px 12px 5px;
}
.terapoli-title {
  height:70px;
  background:url(https://www.j-cast.com/assets_common/img/right/title-terapoli.gif) 0 center no-repeat;
  border-bottom:1px solid #ddd;
}
.terapoli-title a {
  display:block;
  width:255px;
  height:70px;
}
.terapoli-title span{
  display:none;
}
.terapoli-entry-list{
  list-style:none;
  padding:0 15px;
}
.terapoli a {
  color:#000;
  text-decoration:none;
}
.terapoli a:hover {
  text-decoration:underline;
}
.terapoli .entry-item {
  position: relative;
  padding-left: 130px;
  margin: 0 auto;
  min-height: 100px;
  _height:auto !important;
  _height:100px;
  _zoom:1;
}
.terapoli .entry-title {
  font-size: 1.3em;
  line-height: 140%;
  font-weight: bold;
}
.terapoli .entry-photo {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow:hidden;
  height:100px;
  width:120px;
  border: solid 1px #CCC;
}
.terapoli .entry-photo img {
  width:120px;
}


/* kasumaru ----- */
.kasumaru-follow{
  padding:10px 20px;
}
.kasumaru-follow .kasumaru-title{
  width:300px;
  height:34px;
  margin:0 0 10px 0;
  background:url(https://www.j-cast.com/assets_common/img/common/title-kasumaru.png) no-repeat;
}
.kasumaru-follow .kasumaru-title span,
.kasumaru-follow .kasumaru-btn-twitter span,
.kasumaru-follow .kasumaru-btn-blog span,
.kasumaru-follow .kasumaru-btn-recent-entries span{
  display:none;
}
.kasumaru-follow .kasumaru-btn-twitter a,
.kasumaru-follow .kasumaru-btn-blog a,
.kasumaru-follow .kasumaru-btn-recent-entries a{
  display:block;
  width:280px;
  height:40px;
}
.kasumaru-follow .kasumaru-btn-twitter{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-kasumaru-twitter.png) no-repeat;
}
.kasumaru-follow .kasumaru-btn-blog{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-kasumaru-blog.png) no-repeat;
}
.kasumaru-follow .kasumaru-btn-recent-entries{
  background:url(https://www.j-cast.com/assets_common/img/common/btn-kasumaru-recent-entries.png) no-repeat;
}
.kasumaru-description-heading {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
}
.kasumaru-description {
  margin: 0 0 16px;
  font-size: 12px;
  color: #444;
}


/* the-friday ----- */
.the-friday{
  margin:0;
  padding:10px 25px ;
}
.the-friday-btn{
  width: 270px;
  height: 50px;
  background: url(https://www.j-cast.com/assets_common/img/common/btn-friday.jpg) no-repeat;
}
.the-friday-btn span{
  display:none;
}
.the-friday-btn a{
  display:block;
  width: 270px;
  height: 50px;
}

/* RCBanner */
.right-column-block.RCBanner{
  padding: 10px;
}


/* certification-mark ----- */
.certification-mark{
  display: flex;
  justify-content: center;
  padding:10px 70px;
}
.p-mark {
  display: block;
  width: 64px;
  height: 64px;
  background-size: cover;
  background-image: url(https://www.j-cast.com/assets_common/img/common/p-mark.png);
}
.p-mark a{
  display:block;
  width: 62px;
  height: 69px;
}
.adarea-mark{
  display:inline-block;
  width: 85px;
  height: 70px;
  background-image: url(https://www.j-cast.com/assets_common/img/common/adarea-mark.png);
}
.adarea-mark a{
  display:block;
  width: 85px;
  height: 70px;
}

/* その他のコンテンツ */
.other-contents{
  padding: 0 10px;
  /* border-bottom: 1px solid  #ddd; */
}
.other-contents-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.other-contents-list .other-content-item {
  margin: 0 0 10px 0;
  padding: 10px;
  border-radius:6px;
  background-color:  #f2f2f2;
}

.other-contents-list .other-content-item a {
  display: block;
  text-decoration: none;
}

/* 記事画像 */
.other-contents-list .other-content-item .other-content-photo {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  padding: 0;
  /* border:1px solid #e6e6e6; */
}

.other-contents-list .other-content-item .other-content-parts-wrapp {
  display: inline-block;
  width: 215px;
  vertical-align: top;
}

.other-contents-list .other-content-item .other-content-title {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.24;
  word-break: break-all;
}

.other-contents-list .other-content-item a .other-content-title {
  color: #000;
  font-weight: bold;
}
.other-contents-list .other-content-item a:hover .other-content-title {
  text-decoration:underline;
}
.other-contents-list .other-content-item .other-content-parts-wrapp p {
  margin:0;
  padding:0;
  font-size: 1.2em;
  line-height: 1.24;
  color: #444;
}

/* スマホ 戻るボタン */
.bt-back-smartphone{
  background:#e6e6e6;
  padding: 60px 0;
}
.bt-back-smartphone a{
  display:block;
  width:80%;
  margin: 0 auto;
  padding:30px 60px;
  background:#2975a6;
  font-size:36px;
  border-radius:10px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

/* 右カラムエントリーリスト -----*/
.entry-list-side{
  margin:10px 0;
  padding:8px 10px;
}
.entry-list-side__title{
  margin:0 0 8px;
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content:space-between;
  font-size:1.8em;
  font-weight:bold;
  border-bottom:2px solid;
}
.entry-list-side__title >:nth-child(2) {
  
}
.entry-list-side__title .btn-more {
  display:flex;
  align-items:center;
}
.entry-list-side__title .btn-more a {
  color:#fff;
  border: 1px solid #000;
  background-color:#000;
}
.entry-list-side .btn-more a:hover {
  color:#000;
  background-color:#fff;
}

.entry-list-side ul{
  list-style:none;
  margin:0;
  padding:0;
}
.entry-list-side li{
  margin:0;
  padding:8px 0 8px 16px;
  font-size:13px;
  line-height: 1.45;
}
.entry-list-side li:before {
  position:absolute;
  content:"\025b6︎";
  margin-left:-16px;
}
.entry-list-side li a {
  color:#000;
  text-decoration:none;
}
.entry-list-side li a:hover {
  text-decoration:underline;
}

.entry-list-side p{
  margin:0;
  padding:0;
}
.entry-list-side a {
  color:#000;
  text-decoration:none;
}


/* 右カラムエントリーリスト 追悼 -----*/
.memorial-side{
  /* border-top: 3px solid #000; */
  /* border-bottom: 3px solid #000; */
}
/* 右カラムエントリーリスト スローネット -----*/
.slownet-side{}
.slownet-side .text--xs{
  font-size:14px;
}
.slownet-side .entry-list-side__title{
  margin-bottom: 0;
}
.slownet-side .entry-list-side__title a{
  color:#269140;
}
.slownet-side .entry-list-side__block{
  display:flex;
  padding:10px;
}
.entry-list-side__block .entry-list-side__left{
  width:94px;
}
.entry-list-side__block .entry-list-side__right{
  flex:1;
}
.slownet-side.entry-list-side ul{
  margin:0;
}
.slownet-side.entry-list-side li{
  margin:0 0 8px 0 !important;
  padding:3px 0 0 16px !important;
}

/* 右カラムエントリーリスト 会員セミナー しごとの学校 -----*/
.seminar .seminar-title{
  background:url(https://www.j-cast.com/assets_common/img/common/logo-shigotonogakkou.png) 0 center no-repeat;
  background-size: 125px auto;
  width: 125px;
  height: 30px;
}
.seminar .entry-list-side__title{
  padding: 0 0 8px;
}
.seminar .entry-list-side__title span{
  display: none;  
}
.seminar .title-sub-text,
.seminar .entry-list-side__title,
.seminar.entry-list-side li:before{
  color: #8c50aa;
}
.seminar .btn-more a{
  background-color: #8c50aa;
  border: 1px solid #8c50aa;
}
.seminar .btn-more a:hover {
  color:#8c50aa;
  background-color:#fff;
}
.seminar .entry-item{
  list-style: none;
}
.seminar .entry-title{
  margin: 0;
  font-weight: normal;
  font-size: 14px;
}



/* コンテンツ途中ブロック(ペイウォール) */
.characters {
  text-align: center;
  font-size: 1.1em;
}
.characters .count {
  padding: 0 0.5em;
}
.characters .count .num {
  padding: 0 3px;
  font-weight: bold;
}
.paywall {
  box-sizing: border-box;
  width: 100%;
  background: #f0f1f3;
  margin: 40px 0;
  padding: calc(40px - (((1em * 1.75) - 1em) / 2)) 40px;
  text-align: center;
  font-size: 13px;
  line-height: 1.75;
  color: #222;
}
.paywall p {
  margin: 0;
}
.paywall__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.paywall__description {
  font-size: 13px;
  font-weight: bold;
  padding-top: calc(16px - (((1em * 1.75) - 1em) / 2));
}
.paywall__actions {
  display: flex;
  justify-content: space-between;
  max-width: 440px;
  margin: calc(24px - (((1em * 1.75) - 1em) / 2)) auto 0;
}
.paywall__button-label {
  display: block;
  color: #666;
  font-weight: bold;
}
.paywall .button {
  display: block;
  cursor: pointer;
  line-height: 1.5;
  padding: calc(12px - (((1em * 1.5) - 1em) / 2)) 0;
  margin: auto;
  width: 200px;
  background-color: #FFF;
  color: #666;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  transition: all .2s;
}
.paywall .button.is-outline {
  border: 2px solid #666;
  padding: calc(10px - (((1em * 1.5) - 1em) / 2)) 0;
}
.paywall .button.is-outline:hover {
  background-color: #666;
  color: #FFF;
}
.paywall .button.is-register {
  background: #BC3110;
  color: #FFF;
}
.paywall .button.is-register:hover {
  background-color: #E2431E;
}



/* 
 * 会員関連UI
 */
/* 右上ログイン部分 */
.user-area{}
.user-area--logged{
  position: relative;
  cursor: pointer;
}

.user-area .btn-login {
  background-color: #FFF;
  font-weight: bold;
  padding:  8px 16px;
  cursor: pointer;
  border-radius:  4px;
  transition: .2s;
}
.user-area .btn-login:hover {
  background-color: #F5F5F5;
}
.user-area .btn-signin {
  margin-left: 24px;
  padding:  8px 16px;
  font-weight:  bold;
  color:  #1A96D5;
  text-decoration: none;
  background-color:  #FFF;
  border: 2px solid #1A96D5;
  border-radius:  4px;
  cursor: pointer;
  transition: .2s;
}
.user-area .btn-signin:hover{
  color: #fff;
  background-color:  #1A96D5;
}

.user-area .user-avatar {
  display: inline-block;
  margin-right: 8px;
}
.user-area .user-avatar .user-avatar-img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.user-area .user-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.538;
  padding-right: 16px;
}
.user-area .user-name .user-name__inner {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-weight: bold;
  color: #1A96D5;
  padding-right:4px;
}






/* ログイン後ユーザーエリア
#userArea {
  position: relative;
  cursor: pointer;
}
.user-info {}
.user-info__abater {
  display: inline-block;
  margin-right: 8px;
}
.user-info__abater img {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.user-info__name {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.538;
  padding-right: 16px;
}
.user-info__name .user-name {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  font-weight: bold;
  color: #1A96D5;
  padding-right:4px;
}
 */

/* ドロップダウンメニュー */
.dropdown-menu {
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  color: #222;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 6px;
  width:100%;
  max-width: 220px;
  padding: 16px 0;
  position: absolute;
  text-align: left;
  line-height: 1;
  z-index: 1000;
}
.dropdown-menu.has-caret {
  margin-top: 16px;
}
.dropdown-menu.has-caret::before,
.dropdown-menu.has-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
}
.dropdown-menu.has-caret::before {
  top: -7px;
  left: 12px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
}
.dropdown-menu.has-caret::after {
  top: -6px;
  left: 13px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
a.dropdown-menu__item,
button.dropdown-menu__item{
  background-color: #fff;
  display: block;
  cursor: pointer;
  padding: 8px 16px;
  transition: all .2s;
  text-decoration: none;
}
button.dropdown-menu__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  text-align: left;
}
a.dropdown-menu__item:hover,
button.dropdown-menu__item:hover{
  background-color: #F5F5F5;
  color: #222;
  text-decoration: none;
}
button.dropdown-menu__item:focus {
  outline: none;
}
a.dropdown-menu__item:visited {
  color: #222;
}

.dropdown-menu-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

 /** include file
 *
 * CONTENTS - common_category_pc.css - PC - カテゴリー用共通css
 *
 *
 */
 
.column-main{
  width:728px;
  margin:0;
  padding:0;
}
 
 /* bread-crumbs */
.bread-crumbs{
}
.bread-crumb-list{
  list-style:none;
  margin: 0 0 10px;
  padding:0;
}
.bread-crumb-list-item{
  display:inline-block;
  position: relative;
  vertical-align: bottom;
  margin: 0 8px 0 0;
}
.bread-crumb-list-item:first-child{
  margin-left: 10px;
  padding: 0;
}
.bread-crumb-list-item:after {
  content: '・';
  margin-left: 8px;
}
.bread-crumb-list-item:first-child:after {
  content: '>';
}
.bread-crumb-list-item:last-child:after {
  display:none;
}
.bread-crumb-list-item a{
  color: #333;
  font-size:1.2em;
  text-decoration:none;
}
.bread-crumb-list-item a:hover{
  text-decoration: underline;
}

/* category-entry*/
.category-wrapper {
  padding: 16px;
  border: 1px solid #ddd;
}
#vueArchive > .category-wrapper {
  padding: 0px;
  border: none;
}
.category-title{
  margin:0;
  padding:0;
  font-size: 2.4em;
}
.category-description{
  margin: 8px 0 0;
  padding:0;
  color:#777;
  font-size:1.3em;
}
.column-main .category-entry-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.column-main .category-entry-list .entry-item{
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0 0 16px 0;
  padding: 0 0 16px 0;
  border-bottom: solid 1px #ddd;
}
/* .column-main .category-entry-list .entry-item:first-child,
.column-main .category-entry-list .entry-item:nth-child(2),
.column-main .category-entry-list .entry-item:nth-child(3){
  width: 100%;
} */
.column-main .category-entry-list .entry-item:last-of-type {
  border-bottom: none;
}
.category-entry-list .entry-item a{
  display: flex;
  text-decoration:none;
  width:  100%;
}
.category-entry-list .entry-photo{
  position: relative;
  display: inline-block;
  width: 120px;
  height: 85px;
  margin: 0 10px 0 0;
  padding: 0;
  overflow: hidden;
  background: #efefef url(https://www.j-cast.com/assets_common/img/common/icon-photo-m.png) center center no-repeat;}
.category-entry-list .entry-photo img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.category-entry-list .entry-photo .entry-number{
  position: absolute;
  display: flex;
  align-items:center;
  justify-content:center;
  top:0;
  left:0;
  padding:2px;
  min-width:26px;
  height:26px;
  color:#fff;
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
  z-index: 200;
}
.channel-news .category-entry-list .entry-photo .entry-number{
  background:#2975a6;
}
.channel-tv .category-entry-list .entry-photo .entry-number{
  background:#cc2c1a;
}
.channel-trend .category-entry-list .entry-photo .entry-number{
  background:#FF6437;
}
.channel-kaisha .category-entry-list .entry-photo .entry-number{
  background:#8c50aa;
}
.category-entry-list .entry-item:first-child .entry-photo .entry-number{
  background:#BCA250;
}
.category-entry-list .entry-item:nth-child(2) .entry-photo .entry-number{
  background:#ADAFB2;
}
.category-entry-list .entry-item:nth-child(3) .entry-photo .entry-number{
  background: #AA5520;
}
.category-entry-list .entry-item .entry-parts-wrapp{
  display: flex;
  flex:  1;
  flex-direction:  column;
  justify-content:  space-between;
  width: 100%;
}
.column-main .category-entry-list .entry-title{
  margin:0 0 6px 0;
  padding:0;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.3;
  word-break: break-all;
}
.one-click .category-entry-list,
.one-click .category-entry-list .entry-item{
  border:none !important;
}
.one-click .category-entry-list .entry-title{
  font-size:100% !important;
}
.category-entry-list .entry-channel,
.category-entry-list .entry-category,
.category-entry-list .entry-date{
  display: inline-block;
  margin:0;
  padding:0;
  color:#777;
  font-size:1.2em;
}


/* archive-calendar */
.archive-calendar {
  margin:2.8em 0 0 0;
  width:  100%;
}
.archive-calendar-title {
  padding: 10px 0 3px 0;
  color: #000;
  font-size: 1.6em;
  font-weight:bold;
  border-bottom-style:solid;
  border-bottom-width:3px;
}
.archive-calendar table {
  margin: 10px auto 20px;
  font-size: 1.4em;
}
.archive-calendar th,
.archive-calendar td {
  padding: 5px;
  font-weight: bold;
}
.archive-calendar th a,
.archive-calendar td a {
  color:#000;
  text-decoration:none;
}
.archive-calendar th a:hover,
.archive-calendar td a:hover{
  text-decoration: underline;
}
.archive-calendar th {
  padding-right: 8px;
  color: #888;
}
.archive-calendar .unit {
  font-size: 80%;
}
.archive-calendar td.current {
  background-color: #222;
  color: white;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.archive-calendar td.current a {
  color: white;
}
.archive-calendar td.future,
.archive-calendar td.future a {
  color: #CCC !important;
}
.archive-calendar td:hover {
  background-color: #DDD;
}

/* pagenation */
.pagenation{
  text-align:center;
  margin: 0 auto;
}
.pagenation .page-numbers a,
.pagenation .current,
.view-all{
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}
.pagenation .pagenation-btn-wrapp{
  margin:5px 0 0 0;
}
.pagenation .page-btn-back,
.pagenation .page-btn-next{
  display:inline-block;
  margin:0 4px 5px;
  padding:4px 8px;
  font-size: 13px;
  font-weight:bold;
  color:#082E6B;
  text-decoration: none;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}

.pagenation .page-numbers{
  display:inline-block;
  color: #fff;
}
.pagenation .page-numbers a,
.pagenation .page-numbers .current{
  min-width: 38px;
  margin: 0 4px 8px 4px;
  padding: 12px 2px;
}
.pagenation .page-numbers a{
  display: inline-block;
  color:#082E6B;
  background:#ececec;
  border-radius:3px;
  text-decoration: none;
}
.pagenation .page-btn-back:hover,
.pagenation .page-btn-next:hover,
.pagenation .page-numbers a:hover{
  text-decoration: underline;
}
.pagenation .page-numbers .current{
  display:inline-block;
  border-radius:3px;
  background:#2975a6;
}
.channel-tv .pagenation .page-numbers .current{
  background:#cc2c1a;
}
.channel-trend .pagenation .page-numbers .current{
  background:#ff6437;
}
.channel-kaisha .pagenation .page-numbers .current{
  background:#8c50aa;
}
.channel-premium .pagenation .page-numbers .current{
  color: #222;
  background:#ffce00;
}
.view-all{
  margin:0 2px;
  display:inline-block;
}
.view-all a{
  color:#000;
}

/* タグ 一覧ページ */
.tag-list-wrapp{
}
.tag-list-wrapp:last-child{
} 
.tag-list-title{
  padding: 0;
  margin: 30px 0 10px;
  font-size:1.4em;
  color: #333;
}

/* category-entry*/
.tag-entry-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.tag-entry-list .entry-item{
  display: flex;
  flex-direction: row;
  width:100%;
  margin:0 0 16px 0;
  padding:0 0 16px 0;
  border-bottom: solid 1px #ddd;
}
.tag-entry-list .entry-item a{
  display: flex;
  text-decoration:none;
  width: 100%;
}
.tag-entry-list .entry-item:last-child{
  padding: 0;
  border-bottom:none;
}
.tag-entry-list .entry-photo{
  display:inline-block;
  position: relative;
  width: 120px;
  height: 85px;
  margin:0 10px 0 0;
  background: #efefef url(https://www.j-cast.com/assets_common/img/common/icon-photo-m.png) center center no-repeat;
}
.tag-entry-list .entry-photo img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.tag-entry-list  .entry-item .entry-parts-wrapp{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.tag-entry-list .entry-title{
  margin:0 0 3px 0;
  padding:0;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.3;
  word-break: break-all;
}
.tag-entry-list .entry-category,
.tag-entry-list .entry-date{
  display: inline-block;
  margin:0;
  padding:0;
  color:#777;
  font-size:1.2em;
}
 /** 
 *
 * CONTENTS -ad_pc.css - PC - AD用css
 *
 *
 */


/* index */
/* スーパーバナー */
 .index .ad-super-bnr{
   margin: 0 0 15px 0;
 }

/* テキスト広告 */
.index .mc-ad-top-top-text-item,
.index .mc-ad-entry-top-text-item{
  padding-left: 35px;
  margin-bottom: 8px;
  font-weight: bold;
  background: url(https://www.j-cast.com/assets_common/img/common/icon-ad-text-pr.png) no-repeat left center;
}
.index .mc-ad-top-top-text-item img,
.index .mc-ad-entry-top-text-item img{
  float: left;
}
.index .mc-ad-top-top-text-item a,
.index .mc-ad-entry-top-text-item a{
  display: block;
  color:#000;
  font-size:1.5em;
  line-height:110%;
}

.index #MCAdNewsTopTopText{
  margin:0 0 15px 0;
}


/* entry */
/* スーパーバナー */
.entry .ad-super-bnr{
   margin: 15px 0 20px;
 }

/* テキスト広告 */
.entry .mc-ad-entry-top-text-item{
  padding-left: 35px;
  margin-bottom: 4px;
  font-weight: bold;
  background: url(https://www.j-cast.com/assets_common/img/common/icon-ad-text-pr.png) no-repeat left center;
}
.entry .mc-ad-entry-top-text-item img{
  float: left;
}
.entry .ad-text-first a,
.entry .ad-text-second a,
.entry .ad-text-third a{
  display: block;
  color:#000;
  font-size:1.5em;
  line-height:110%;
}

/* 関連記事下テキスト広告 */
.ad-related-entries-under-type-text{}
.ad-related-entries-under-type-text > div > div{
  font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif !important;
}
.ad-related-entries-under-type-text > div > div > a{
  margin:0 0 10px 0;
  padding: 0;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-related-entries.png) no-repeat left 8px;
  color: #082E6B;
  font-size: 1.3em;
}

/* logly */
#logly-lift-widget-content{
  margin:0 25px;
}

.ad-logly-wrapp iframe{
  margin:0 0 0 -31px;
}


/*PR記事 */
.article.article-new{
  margin:0 0 30px 0;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
.article.article-new:after{
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.article.article-new:hover{
background:#FFFFCA;
}

.article.article-new .photo-frame{
  float: right;
  width: 180px;
  height: 120px;
  margin: 0 0 0 10px;
}
.article.article-new .title-h3{
  margin:10px 20px 5px 20px;
}
.article.article-new .title-h3 a{
  color:#000;
  font-size:1.5em;
  font-weight:bold;
}
.article.article-new .first-paragraph{
  margin: 0 5px 5px 20px;
  padding: 0px 1px;
  font-size: 1.1em;
  line-height: 1.3em;
}
.article.article-new .sub-info{
  margin: 0 5px 5px 20px;
  padding: 0 0 8px 0;
  font-size: 1.3em;
  line-height: 1.3em;
}
.article.article-new .categories-nolink span{
  background-color: #888;
  color: white;
  padding: 2px 5px;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 3px;
}

/* ラージレクタングルバナー */
.ad-entry-rectangle-bnr{
  clear: both;
  margin: 20px 0;
  text-align: center;
}
.ad-rectangle-bnr-item{
  display: inline-block;
  margin: 0 10px;
}

/* GIF+テキスト広告枠 */
#MCAdEntryBottomshowcase{
  margin:20px 0;
}
#MCAdEntryBottomshowcase h2,
#MCAdEntryBottomshowcase .title-h2 p{
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1.6em;
  font-weight: bold;
}
#MCAdEntryBottomshowcase h2 p{
  margin:0;
  padding:0;
}
#MCAdEntryBottomshowcase .wrapper{
  width: 560px;
  min-height: 100px;
  margin: 0.7em 0 0 0;
  padding-left: 170px;
  position: relative;
  zoom: 1;
}
#MCAdEntryBottomshowcase .wrapper h3,
#MCAdEntryBottomshowcase .wrapper .title-h3 {
  font-size:1.5em;
  line-height: 110%;
  margin:0 0 2px 0;
  font-weight: bold;
}
#MCAdEntryBottomshowcase .wrapper h3 a,
#MCAdEntryBottomshowcase .wrapper .title-h3 a{
  color:#000;
}
#MCAdEntryBottomshowcase .wrapper p {
  color: #444444;
  font-size: 1.2em;
  line-height: 140%;
}

#MCAdEntryBottomshowcase img{
  border: 1px solid #ccc;
  left: 0;
  position: absolute;
  top: 0;
  zoom: 1;
}

/* おすすめワード */
.ad-keywords{
  margin:20px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.ad-keywords-title{
  margin: 10px 0 5px 0;
  padding: 0;
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
}
.ad-keywords-wrapper{}
.ad-keywords-items{
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dashed #ddd;
}
.ad-keyword-item{
  margin: 0 10px 5px 0;
  padding: 0 0 0 8px;
  display: inline-block;
}
.ad-keywords-items a{
  padding: 0 0 0 8px;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-related-entries.png) no-repeat left;
  color: #000;
  font-size: 1.3em;
  text-decoration: none;
}
.ad-keywords-items a:hover{
text-decoration: underline;
}
.ad-keywords-items .ad-keyword-title{
  color:#FF9B78;
  font-size: 1.3em;
  font-weight: bold;
}


/* スカイスクレーパー */
.ad-left-skyscraper,
.ad-right-skyscraper{
  width: 160px;
  height: 600px;
  position: fixed;
  top: 0px;
  z-index: 10001;
  margin-top: 1px;
  display: inline-block;
  visibility: visible;
}
.ad-left-skyscraper{
  right: 50%;
  margin-right: 540px;
}
.ad-right-skyscraper{
  left: 50%;
  margin-left: 540px;
}


/* category */
/* スーパーバナー */
.category .ad-super-bnr{
   margin: 15px 0 20px;
 }

/* テキスト広告 */
.category .mc-ad-entry-top-text-item{
  padding-left: 35px;
  margin-bottom: 4px;
  font-weight: bold;
  background: url(https://www.j-cast.com/assets_common/img/common/icon-ad-text-pr.png) no-repeat left center;
}
.category .mc-ad-entry-top-text-item img{
  float: left;
}
.category .ad-text-first a,
.category .ad-text-second a,
.category .ad-text-third a{
  display: block;
  color:#000;
  font-size:1.3em;
}

/* dfp adunit 修正（ダブルレクタングル） 2018.7.19 Choi */
.entry_under_adunit {
    display: flex;
    align-items:center;
    justify-content:  center;
    margin: 20px auto;
}
.entry_under_adunit .entry_under_adunit_left {
    margin-right: 10px;
}
.entry_under_adunit .entry_under_adunit_right {
    margin-left: 10px;
}

/* dfp adunit 2017.2.8 miyagawa */
.adunit {
  margin: 20px 0;/* 相殺させるため */
  text-align:center;
  font-size:0;
}
.adunit-left {
  display: inline-block;
  padding-right: 5px;
  padding-left: calc((100% - 630px) / 2);
}
.adunit-right {
  display: inline-block;
  padding-left: 5px;
  padding-right: calc((100% - 630px) / 2);
}

/* skyscraper */
#pc_j-cast_kiji_sky_left,
#pc_j-cast_kiji_sky_right{
  position: fixed;
  display: inline-block;
  width: 160px;
  height: 600px;
  top: 0px;
  z-index: 10001;
  margin-top: 0px;
  visibility: visible;
}
#pc_j-cast_kiji_sky_left{
  right: 50%;
  margin-right: 540px;
}
#pc_j-cast_kiji_sky_right{
  left: 50%;
  margin-left: 540px;
}

/* dftと関連するレイアウトの上書き */
/* column-mainの最初に来るdivのtop marginをなくす */
.column-main > div:first-child {
    margin-top: 0;
}


/* 外部記事枠 */
.external-import{
  clear:both;
  border: solid 1px #ddd;
  margin:0 0 30px 0;
  padding: 16px;
}
.external-import-title{
  display: block;
  float: left;
  margin:0;
  padding:0;
}
.external-import-title__sub{
  margin:0 0 5px;
  font-size: 0.6em;
}
.external-import-title__logo{}
.external-import-title__logo img{
  max-height:24px;
}
.external-import-title a{
  display: block;
}
.external-import-title span{
  display:none;
}
.external-import-offer{
  float: right;
  margin: 3px 0 0 0;
  background: #8b8b8b;
  color: #fff;
  font-size: 0.8em;
  padding: 1px;
}
.external-import-entry-list{
  list-style-type: none;
  clear:both;
  margin: 0;
  padding: 10px 0 0 0;
}
.external-import-entry-list a{
  color:#000;
  text-decoration:none;
}
.external-import-entry-list a:hover{
  text-decoration:underline;
}
.external-import-entry-list a:visited{
  color:#666;
}
.external-import-entry-list .entry-item{
  margin: 0 0 3px;
  padding: 1px 1px 1px 30px;
  background: transparent url(https://www.j-cast.com/assets/img/external-icon-pr.png) 0 center no-repeat;
}
.external-import-entry-list .entry-title{
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}


/* 記事下ロゴ */
.external-import-logo{
  margin:0 0 20px;
}
.external-import-logo img{
  max-height:80px;
}


/* 広告：ad_top_native 2018.9.21 Choi */
.ad_top_native {
  margin: 0;
  padding: 0;
}
.ad_top_native a{
  display: block;
  margin: 0 0 8px 0;
  padding: 0 0 0 8px;
  color: #082E6B;
  text-decoration: none;
  font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
  line-height: 1.2;
  font-size: 1.4em;
  font-weight: normal;
  background: url(/assets/img/arrow-purple.png)  0 5px no-repeat;
  word-break: break-all;
}
.ad_top_native a:hover{
  text-decoration: underline;
}
.ad_top_native a:visited{
  color: #641C88;
}

/* 広告：ad_entry_toptext 2018.9.21 Choi */
.ad_entry_toptext{
  height:20px;
  margin-bottom:8px;
  margin-top:0px;
}
.ad_entry_toptext a{
  font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
  font-size:15px;
  text-decoration:underline;
  font-weight:bold;
  color:#000000;
  line-height:110%;
}
.ad_entry_toptext a:hover{
  color:#f47040;
}
.ad_entry_toptext:before {
  content: "PR!";
  display: inline-block;
  background-color: #f47040;
  color: white;
  margin-right: 2px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  
}

/* 広告：ad_entry_native 2018.9.21 Choi */
.ad_entry_native a {
  text-decoration:none;
  color:#000;
}
.ad_entry_native a:hover >*{
  opacity:.7;
  transition:.2s;
}
.ad_entry_native{
  font-family: sans-serif;
  margin: 30px 0 0;
  border: 0pt none;
  display: inline-block;
  width: 666px;
  height: 122px;
}
.ad_entry_native:last-child{
  margin: 30px 0;
}
.ad_entry_native .photo-frame{
  float: right;
  width: 180px;
  height: 120px;
  margin: 0 0 0 10px;
}
.ad_entry_native .title-h3{
  margin: 0 20px 5px 0;  
  font-size:16px;
  font-weight:bold;
}
.ad_entry_native .first-paragraph {
  margin: 0 8px 8px 0;
  padding: 0px 0px;
  font-size: 12px;
  line-height: 1.4em;
}
.ad_entry_native .sub-info {
  margin: 0 5px 5px 0;
  padding: 0 0 8px 0;
  font-size: 13px;
  line-height: 13px;
}
.ad_entry_native .categories-nolink {
  background-color: #999;
  color: white;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 2px;
}
 /** include file
 *
 * CONTENTS - news_common_pc.css - ニュースPC共通要素を記述
 *
 */


/*
★プロパティの書き順
.sample {
    display
    list-style
    position
    float
    clear
    width
    height
    margin
    padding
    border
    background
    color
    font
    text-decoration
    text-align
    vertical-align
    white-space
    other text
    content
}
*/



/*------------------------------------*\
    header
\*------------------------------------*/

/** 
 * 内容
 * チャンネルタブ、ロゴ、フォローボタン、検索
 * ピックアップ8、グローバルナビ
 */
/* グローバルナビ ----- */

.global-nav {
  margin:0 0 20px 0;
}
.global-nav-list{
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #2975a6;
}
.global-nav-list .global-nav-item{
  flex: none;
  margin:0;
  padding: 0;
}
.global-nav-list .global-nav-item a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 8px 14px;
  white-space: nowrap;
  background-color: #2975a6;
  color: #fff;
  font-size: 15px;
  font-weight:bold;
  text-decoration:none;
}
.global-nav-list .global-nav-item a:hover{
   background-color: #478ab5;
}


/* グローバルナビ 個々設定 ----- 
.global-nav-domestic,
.global-nav-economy,
.global-nav-politics,
.global-nav-movie,
.global-nav-sports{
  padding: 8px 20px;
}

.global-nav-it{
  padding: 10px 20px;
}

.global-nav-entertainment,
.global-nav-media,
.global-nav-health,
.global-nav-1click,
.global-nav-earphones {
  padding: 8px 12px;
}

*/

.global-nav-earphones {
  position: relative;
}

.global-nav-earphones span {
    position: absolute;
    top: 1px;
    right: 2px;
    font-size: 10px;
}



/* 右カラム　アスキー */
.ascii{
  border-bottom:solid 1px #CCC;
}
.ascii-title{
  margin: 10px;
}
.ascii-title a{
  display:block;
  height:21px;
  background: url(https://www.j-cast.com/assets_common/img/right/logo_asciijp.gif) 0 0 no-repeat;
}
.ascii-title a span{
  display:none;
}
.ascii ul{
  list-style:none;
  margin:0 10px 10px 10px;
  padding:0;
}
.ascii li{
  margin:0 5px 8px 10px;
  padding:0 0 0 17px;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-column-right-circle-blue.png) no-repeat left 6px;
  font-size:1.3em;
  line-height: 140%;
}
.ascii li a {
  color:#000;
  text-decoration:none;
}
.ascii li a:hover {
  text-decoration:underline;
}
.ascii .more-btn{
  background:#F2F2F2;
  _zoom: 1;
   overflow: hidden; 
}
.ascii .more-btn a{
  float: right;
  display: block;
  padding: 4px 8px;
  color: #2975a6;
  font-size: 1.3em;
  text-align: center;
  text-decoration:none;
}
.ascii .more-btn a:hover{
  text-decoration:underline;
}




 


/* カテゴリタイトル　リンク色 */
.tag-entry-list a .entry-title,
.category-entry-list a .entry-title{
  color:#082E6B;
  text-decoration:none;
}
.tag-entry-list a:hover .entry-title,
.category-entry-list a:hover .entry-title{
  text-decoration: underline;
}
.tag-entry-list a:visited .entry-title,
.category-entry-list a:visited .entry-title{
  color: #641C88;
}

/* 三太郎 画像表示処理 */
.category-santaro .category-entry-list .entry-photo{
  overflow: hidden;
  border:1px solid #dedede;
}
.category-santaro .category-entry-list .entry-photo img{
  max-height: none;
  margin: 0;
}

/*
 * 電子書籍 一覧
 */
.category-books .entry-subinfo .entry-date{
  display:none;
}


/*プレミアムコンテンツ　カテゴリヘッダー
 */
.category-image {
  height:0;
  width: 100%;
  padding: 26% 0 0;
  0 auto 16px;
}
.category-image--netnews_no_ashita {
  background-image: url(/assets/premium/netnews_no_ashita/images/category-image-netnews_no_ashita.jpg);
  background-size: contain;
}
.category-image--toyobunko {
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko.png);
  background-size: contain;
}



/* -----------------------------------------
 * 各カテゴリヘッダーイメージ
-------------------------------------------- */
.return-to-category-wrapper {
  margin-bottom: 10px;
}
/* タイトル */
.return-to-category {
  display: block;
  height: 100px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain !important;
}

.category-article .return-to-category,
.category-column .return-to-category { 
  height: 0px;
}

.return-to-category span {
  display: none;
}

.category-gender_flaming .return-to-category { background: #fff url(https://www.j-cast.com/assets/img/category-image--gender_flaming.jpg) 0 0 no-repeat; }