@charset "UTF-8";

/** 
 *
 * CONTENTS - entry.css - ニュースPC記事用css
 *
 * include ..... MT上でのincludeファイル、pc_common,ad,entry_common_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/jcast-news-logo-15th.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_entry_pc.css - PC - 記事用共通css
 *
 *
 */


.column-main{
  width:728px;
  margin:0;
  padding:0;
}

/* ボタン */
.back-top-bnt,
.entry-matome-btn{
  padding:10px 0;
  text-align:center;
}
.entry-comment-form-btn-wrapp{
  padding:15px 0 10px;
  text-align:center;
}
.entry-comment-list .more-btn,
#Yahoo-back-link{
  margin:20px 0 0 0;
  text-align:center;
}
.back-top-bnt a,
.entry-comment-form-btn-wrapp .entry-comment-form-btn,
.entry-comment-list .more-btn a,
#Yahoo-back-link a,
.entry-matome-btn a,
.show_text_btn{
  display: inline-block;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  text-decoration:none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width:40%;
}
#Yahoo-back-link a,
.back-top-bnt a,
.entry-comment-form-btn-wrapp .entry-comment-form-btn,
.entry-matome-btn a,
.show_text_btn{
  padding: 6px 10px;
}
.entry-comment-list .more-btn a{
  padding: 6px 10px;
}

.entry-comment-list .more-btn a:hover,
.back-top-bnt a:hover,
.entry-comment-form-btn-wrapp .entry-comment-form-btn:hover,
.entry-matome-btn a:hover,
.show_text_btn:hover{
  text-decoration:underline;
}
.entry-comment-form-btn-wrapp .entry-comment-form-btn{
  cursor:pointer;
}
#Yahoo-back-link a{
  background-color:#90a4ae;
  color: #fff;
}
.show_text_btn{
  display: block;
  margin: 0 auto 30px;
  cursor: pointer;
}

/* 各チャンネル設定 */
.channel-news .entry-comment-list .more-btn a,
.channel-news .back-top-bnt a,
.channel-news .entry-comment-form-btn-wrapp .entry-comment-form-btn,
.channel-news .entry-matome-btn a,
.channel-news .show_text_btn{
  background: #2975a6;
  color: #fff;
}
.channel-trend .entry-comment-list .more-btn a,
.channel-trend .back-top-bnt a,
.channel-trend .entry-comment-form-btn-wrapp .entry-comment-form-btn,
.channel-trend .entry-matome-btn a{
  background: #FF6437;
  color: #fff;
}
.channel-tv .entry-comment-list .more-btn a,
.channel-tv .back-top-bnt a,
.channel-tv .entry-comment-form-btn-wrapp .entry-comment-form-btn,
.channel-tv .entry-matome-btn a{
  background: #CC2C1A;
  color: #fff;
}
.channel-kaisha .entry-comment-list .more-btn a,
.channel-kaisha .back-top-bnt a,
.channel-kaisha .entry-comment-form-btn-wrapp .entry-comment-form-btn,
.channel-kaisha .entry-matome-btn a{
  background: #8c50aa;
  color: #fff;
}
.channel-premium .entry-comment-list .more-btn a,
.channel-premium .back-top-bnt a,
.channel-premium .entry-comment-form-btn-wrapp .entry-comment-form-btn,
.channel-premium .entry-matome-btn a{
  background: #ffce00;
  color: #222;
}

/* タイアップ記事などに入れるボタンのベース
色などは都度変更可 */
.btn-entry-base {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
  margin: 35px auto 40px;
  padding: 20px 20px 15px;
  -moz-box-shadow: 0px 2px 5px 0px #c7c7c7;
  -webkit-box-shadow: 0px 2px 5px 0px #c7c7c7;
  box-shadow: 0px 2px 5px 0px #c7c7c7;
  background-color: #2975a6;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.btn-entry-base:hover{
  opacity: .8;
}


 /* 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;
}
.channel-news .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;
}

/* entry-wrapper */
.entry-wrapper{
  padding: 30px 30px 0;
  border: 1px solid #ddd;
}
.entry-photo-webpage{
  margin: 15px 0 0;
  text-align:center;
}
.entry-photo-webpage img{
  max-width:100%;
}

/* entry-title */
.entry-wrapper .entry-title{
  margin: 0 0 16px;
  padding: 0;
  font-size: 2.8em;
}
.entry-wrapper .entry-title span{
  display:block;
  margin:0;
  padding:5px 0 0;
  font-size: 20px;
  line-height:24px;
}
.entry-wrapper .entry-category{
  display:inline-block;
  margin:0 0 20px 0px;
  padding:3px 8px;
  font-size: 1.3em;
  font-weight:bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.entry-wrapper .entry-category a{
  color:#fff;
  text-decoration:none;
}
/* 各チャンネル設定 */
.channel-news .entry-wrapper .entry-category {
background-color: #2975a6;
}

.entry-date{
  display:inline-block;
  margin: 0 0 16px 0;
  font-size: 1.3em;
  color:#777;
}
.channel-trend .entry-date{
  margin:0 0 10px 10px;
}
.entry-print{
  display:inline-block;
  margin: 0;
  padding:6px 8px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  border:1px solid #ccc;
  border-radius:4px;
  background: linear-gradient(0deg,#eee,#fff);
}
.entry-print:before{
  margin-right: 8px;
  content: " ";
  display:inline-block;
  width: 16px;
  height: 15px;
  background: url(https://www.j-cast.com/assets_common/img/common/print-icon.svg) center no-repeat;
  background-size:contain;
  vertical-align:middle;
}
/*.entry-print:before{
  display:inline-block;
  vertical-align: middle;
  width: 16px;
  margin-right: 8px;
  content:url(https://www.j-cast.com/assets_common/img/common/print-icon.svg);
} */

.entry-print:hover{
  background: linear-gradient(0deg,#ddd,#eee);
}

/* 記事
 * social-btns 各SNSシェア、ツイート カスタマイズボタン --------------------- */
.entry-social-btns{
  display: none;
  /* display: table; 臨時非表示2018.3.15 */
  width: 100%;
  margin:8px 0;
  padding: 0;
  background:#F2F2F2;
}
.entry-social-btn{
  display: table-cell;
  width:20%;
  margin: 0 0 0 5px;
  padding: 8px 5px;
  vertical-align: top;
}
.ie .entry-social-btn{
  display: inline;
  zoom:1;
}
.social-btn-comment a,
.social-btn-facebook a,
.social-btn-twitter a,
.social-btn-google-plus a,
.social-btn-hatena a{
  display: block;
  width:100%;
  height:26px;
  border-radius: 3px;
}


/* 記事
 * share-btns 各SNSシェア、ツイート カスタマイズボタン 2018.3.13 choi */
/* 追随コメント誘導ボタン vueに移行 2018.4.3 */

.align-justify {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0;
    font-size: 14px;
}

.align-inner-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.entry-share-btns{
  display: flex;
  margin:0 24px 0 0;
  padding: 0;
  background:white;
}
.entry-share-btn a{
  margin: 0 12px 0 0;
  padding: 0;
}
.ie .entry-share-btn{
  display: inline;
  zoom:1;
}

.share-btn-facebook a,
.share-btn-twitter a,
.share-btn-googleplus a,
.share-btn-hatena a,
.share-btn-line a{
  display: block;
  width:34px;
  height:34px;
}

.share-btn-facebook a:hover,
.share-btn-twitter a:hover,
.share-btn-googleplus a:hover,
.share-btn-hatena a:hover,
.share-btn-line a:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition:.3s;
}

.share-btn-facebook a{
  background:url(https://www.j-cast.com/assets_common/img/common/share-facebook.svg) center no-repeat;
}
.share-btn-twitter a{
  background:url(https://www.j-cast.com/assets_common/img/common/share-twitter.svg) center no-repeat;
}
.share-btn-hatena a{
  background:url(https://www.j-cast.com/assets_common/img/common/share-hatena.svg) center no-repeat;
}
.share-btn-googleplus a{
  background:url(https://www.j-cast.com/assets_common/img/common/share-googleplus.svg) center no-repeat;
}
.share-btn-line a{
  background:url(https://www.j-cast.com/assets_common/img/common/share-line.svg) center no-repeat;
}

 /* G+臨時非表示2019.3.26 choi */
.share-btn-googleplus {
  display:none;
}

.social-btn-comment span,
.social-btn-facebook span,
.social-btn-twitter span,
.social-btn-google-plus span,
.social-btn-hatena span{
  display:none;
}
.social-btn-comment a{
  background:#ff6437 url(https://www.j-cast.com/assets_common/img/common/btn-entry-social-comment.png) center no-repeat;
  background-size: contain;
}
.social-btn-facebook a{
  background: #2f4c85 url(https://www.j-cast.com/assets_common/img/common/btn-entry-social-facebook.png) center no-repeat;
}
.social-btn-twitter a{
  background:#60a7db url(https://www.j-cast.com/assets_common/img/common/btn-entry-social-twitter.png) center no-repeat;
}
.social-btn-google-plus a{
  background:#de4a32 url(https://www.j-cast.com/assets_common/img/common/btn-entry-social-google-plus.png) center no-repeat;
}
.social-btn-hatena a{
  background:#078fe1 url(https://www.j-cast.com/assets_common/img/common/btn-entry-social-hatena.png) center no-repeat;
}

.social-btn-comment .count,
.social-btn-facebook .count,
.social-btn-twitter .count,
.social-btn-google-plus .count,
.social-btn-hatena .count{
  position: relative;
  margin:0 0 8px 0;
  padding:6px;
  background: #ffffff;
  border: 1px solid #7fbaf5;
  color:#3C5995;
  font-size:1.3em;
  text-align:center;
  border-radius:3px;
}

.social-btn-comment .count:after,
.social-btn-facebook .count:after,
.social-btn-twitter .count:after,
.social-btn-google-plus .count:after,
.social-btn-hatena .count:after,
.social-btn-comment .count:before,
.social-btn-facebook .count:before,
.social-btn-twitter .count:before,
.social-btn-google-plus .count:before,
.social-btn-hatena .count:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.social-btn-comment .count:after,
.social-btn-facebook .count:after,
.social-btn-twitter .count:after,
.social-btn-google-plus .count:after,
.social-btn-hatena .count:after {
border-color: rgba(127, 186, 245, 0);
border-top-color: #fff;
border-width: 4px;
margin-left: -4px;
}
.social-btn-comment .count:before,
.social-btn-facebook .count:before,
.social-btn-twitter .count:before,
.social-btn-google-plus .count:before,
.social-btn-hatena .count:before {
border-color: rgba(127, 186, 245, 0);
border-top-color: #7fbaf5;
border-width: 5px;
margin-left: -5px;
}
.entry-social-btn .count .count-link {
  background:none;
  width: auto;
  height: auto;
  color:#3C5995;
  text-decoration:none;
}
.entry-social-btn .count .count-link:hover {
text-decoration:underline;
}

.entry-wrapper .follow{
  margin:0 0 30px 0;
}


/* entry-images */
.entry-images{
  margin: 20px 0 40px;
}
.entry-images .flick-wrapp{
  list-style:none;
  width:645px;
  height:380px;
  overflow:hidden;
}
.entry-images-list{
  list-style:none;
  height:380px;
  margin:0;
  padding:0;
}
.entry-images-list .entry-image{
  position: relative;
  float:left;
  width:645px;
  height:380px;
  margin: 0 !important;
  padding: 0 !important;
/* background:#efefef; */
}
.entry-images-list .entry-image img{
  position: absolute;
  max-height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index:100;
}
.entry-images-list .entry-image .caption{
  display:none;
}
.entry-images .entry-images-caption{
  text-align:  center;
  min-height:20px;
  margin: 10px auto 0;
  font-size:1.2em;
  color:#666;
}

.entry-images-thumb-list{
  display:none;
  list-style:none;
  margin: 10px 0 25px;
  padding:0;
  text-align:center;
}
.entry-images-thumb{
  display:inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 2px;
  border:1px solid #ccc;
  vertical-align:top;
  cursor:pointer;
}
.channel-news .entry-images-thumb-list .current{
  border:1px solid #2975a6;
}
.channel-trend .entry-images-thumb-list .current{
  border:1px solid #FF6437;
}
.channel-kaisha .entry-images-thumb-list .current{
  border:1px solid #8c50aa;
}
.channel-premium .entry-images-thumb-list .current{
  border:1px solid #ffce00;
}
.entry-images-thumb img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index:100;
}

/* 旧Entry image -------------------------- */

/* common */
.img-left-xs, .img-left-s, .img-left-l, .img-right-xs, .img-right-s, .img-right-l, .img-center, .img-center-l,.img-center-left { overflow: hidden; }
.img-center, .img-center-l { display: block; margin: 0; text-align: center; }
.img-center img, .img-center-l img { display: block; margin: 0 auto; max-width: 100%; }
.img-right-l img, .img-left-l img  { display: block; margin: 0 auto; max-width: 100%; }
.ifie6 .img-center img, .ifie6 .img-center-l img { width: 100%; }

/* default */
.img-left-s, .img-right-s { width: 180px; }
.img-left-l, .img-right-l { width: 280px; }
.img-center, .img-center-l { padding: 10px 0; }

.img-left-xs { float: left; margin:5px 10px 5px 0px; }
.img-left-s { float: left; margin:5px 10px 5px 0px; }
.img-left-l { float: left; margin:5px 10px 5px 0px; }
.img-right-xs { float: right; margin:5px 0 5px 10px; margin-bottom: 5px; }
.img-right-s { float: right; margin:5px 0 5px 10px; }
.img-right-l { float: right; margin:5px 0 5px 10px; }
.img-center-left { margin:5px 0; width: 280px; }
.img-center-left img { max-width: 100%; }
.img-left-xs img, .img-left-s img, .img-left-l img, .img-right-xs img, .img-right-s img, .img-right-l img, .img-center img, .img-center-l img,.img-center-left img { max-width: 100%; margin-bottom: 0; }
.img-left-xs br, .img-left-s br, .img-left-l br, .img-right-xs br, .img-right-s br, .img-right-l br, .img-center br, .img-center-l br { line-height:0px; margin:0; padding:0; height:0; font-size:0.1em; }

/* 旧画像 */
/* wide-view */
.img-right-l { float: right; width: 280px; margin:5px 0 5px 10px; }
.img-right-l img { margin-bottom: 0; }

/* キャプション size */
.img-left-s, .img-right-s, .img-left-l, .img-right-l, .img-center, .img-center-l{
  font-size:1.2em;
  line-height:1.4em;
  color:#666;
}

/* entry-text */
.entry-text{
  clear:both;
  overflow: hidden;
  margin: 0 0 20px;
  word-wrap: break-word;
}
.entry-text .entry-text-body{
  margin:15px 0 0 0;
}
/* float対策で追加 2018.11.5 miya */
.entry-text-body:after {
    content: "";
    clear: both;
    display: block;
}

.entry-text p{
  color : #333;
  line-height : 1.6;
  margin : 26px 0px;
  padding: 0;
  font-size:1.6em;
}
.entry-text p:last-child {
  margin: 0;
}
.entry-text p.notes{
  font-size: 1.2em;
  line-height: 1.6em;
  color: #666;
}
.entry-text li{
  font-size: 16px;
  line-height: 1.8em;
}

.entry-text p a {
  color:#082E6B;
  transition:.2s;
}
.entry-text p a:hover {
  color:#1A96D5;
}
.entry-text p a:visited {
  color:#641C88;
}
.entry-text h2,
.entry-text .h2{
  margin: 40px 0 20px;
  padding: 0 0 0 12px;
  font-size:2em;
  font-weight:bold;
  line-height: 1.4em;
  border-left-style:solid;
  border-left-width: 8px;
}
.entry-text h2:first-child,
.entry-text .h2:first-child {
  margin: 0 0 20px;
}

/* テキスト右寄せ */
.text-right{
  text-align: right;
}

/* 1カラムでのスタイル */
.column--one .entry-text h2:first-child,
.column--one .entry-text .h2:first-child {
  margin: 40px 0 20px;
}
.entry-text h3,
.entry-text .h3{
  margin: 10px 0;
  padding: 0 0 5px;
  font-size: 1.65em;
  font-weight:bold;
  line-height: 1.6em;  
  border-bottom: 2px solid #ccc;
}

.entry-text p.btn-read-article {
  text-align: center;
}
.entry-text p.btn-read-article a{
    display: block;
    padding: 8px 16px;
    margin: 24px auto;
    width: 320px;
    font-size: 16px;
    color: #222;
    background-color:#eee;
    text-decoration:none;
    border-radius:5px;
    transition:.2s;
}
.entry-text p.btn-read-article a:before{
    font-family: 'icomoon' !important;
    content: "\e92a";
    float:left;
}
.entry-text p.btn-read-article a:hover{
    background-color:#ddd;
    text-decoration:none;
}

/* 各チャンネル設定 */
/* トレンドは各カテゴリ色*/
.channel-news .entry-text h2,
.channel-news .entry-text .h2{
  border-color:#ccc;
}
.channel-healthcare .entry-text h2,
.channel-healthcare .entry-text .h2{
  border-color:#ccc;
}
.channel-tv .entry-text h2,
.channel-tv .entry-text .h2{
  border-color:#ccc;
}
.channel-kaisha .entry-text h2,
.channel-kaisha .entry-text .h2{
  border-color:#ccc;
}
.channel-premium .entry-text h2,
.channel-premium .entry-text .h2{
  border-color:#ccc;
}

.channel-news .entry-text blockquote,
.channel-healthcare .entry-text blockquote,
.channel-tv .entry-text blockquote,
.channel-kaisha .entry-text blockquote,
.channel-trend .entry-text  blockquote,
.channel-premium .entry-text  blockquote{
  display: block;
  margin: 24px 0;
  padding: 16px;
  background: #eee;
  border-radius: 5px;
  font-size:1.6em;
  line-height: 1.8em;
  color: #333;
  clear: both;
 overflow: hidden;
}
/* .channel-news .entry-text blockquote:before,
.channel-healthcare .entry-text blockquote:before,
.channel-tv .entry-text blockquote:before,
.channel-kaisha .entry-text blockquote:before,
.channel-trend .entry-text  blockquote:before{
  content: "“";
  font-family: sans-serif;
  font-size: 48px;
  color: #ccc;
  display: inline-block;
  margin: 8px 0 0 0;
  vertical-align: bottom;
} */

/* youtube */
.entry-text .youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.entry-text .youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* video */
.entry-text .video {
  max-width: 100%;
}

/* pagenation */
.pagenation{
  text-align:center;
  margin: 24px 0 0;
  padding: 16px 0;
}

/* 各チャンネル設定 */
/* トレンドはカテゴリ色 */
.pagenation .next-entry-title{
  width:100%;
  text-align: left;
  margin: 0 auto 24px;
  font-size: 1.8em;
  line-height: 1.5em;
  box-sizing:  border-box;
}
.pagenation .next-entry-title a{
  display:block;
}

/* 誘導 aの位置が違うので注意 */
.pagenation--indu{
  padding: 0 !important;
}
.pagenation--indu .next-entry-title{
  margin:0 auto !important;
}
.pagenation--indu a{
  display:block;
  padding: 5px 0;
  color: #1956a7;
  font-weight: bold;
  text-decoration: none;
}
.pagenation--indu a:hover{
  text-decoration: underline;
}
.pagenation--indu-inner{
  margin: 10px 0 40px !important;
  padding: 10px 0 !important;
  border:none;
}
.pagenation--indu-inner .next-entry-title{
  margin: 0 0 0 20px !important;
  background: url(https://www.j-cast.com/assets_common/img/common/arrow-column-right-circle-blue.png) no-repeat left 6px !important;
  padding: 0 0 0 18px;
  font-size: 1.6em !important;
}
.pagenation--indu-inner .next-entry-title span{
  display:inline-block;
  width:36%;
}

/* 各チャンネル設定 */
/* トレンドはカテゴリ色 */
.channel-news .pagenation .next-entry-title a {
  color: rgba(42,117,166,1);
}
.channel-tv .pagenation .next-entry-title a {
  color: rgba(204,44,26,1);
}
.channel-trend .pagenation .next-entry-title a {
  color: rgba(255,100,55,1);
}
.channel-kaisha .pagenation .next-entry-title a {
  color: rgba(140,80,170,1);
}
.channel-premium .pagenation .next-entry-title a {
  color: #222;
}

.channel-news .pagenation .next-entry-title a:hover {
  background-color: rgba(42,117,166,0.1);
  transition:.3s;
}
.channel-tv .pagenation .next-entry-title a:hover {
  background-color: rgba(204,44,26,0.1);
  transition:.3s;
}
.channel-trend .pagenation .next-entry-title a:hover {
  background-color: rgba(255,100,55,0.1);
  transition:.3s;
}
.channel-kaisha .pagenation .next-entry-title a:hover {
  background-color: rgba(140,80,170,0.1);
  transition:.3s;
}
.channel-premium .pagenation .next-entry-title a:hover {
  background-color: rgba(255,206,0,0.2);
  transition:.3s;
}

.channel-news .pagenation .next-entry-title a:hover .title-text,
.channel-trend .pagenation .next-entry-title a:hover .title-text,
.channel-tv .pagenation .next-entry-title a:hover .title-text,
.channel-kaisha .pagenation .next-entry-title a:hover .title-text{

}
.pagenation .next-entry-title a {
  position: relative;
  display:flex;
  align-items:stretch;
  padding: 12px;
  border: 1px solid;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
}
.next-entry-title .next-arrow {
  display: flex;
  align-items:center;
  color:#fff;
  font-size:13px;
  margin-left:16px;
  margin-right: 6px;
  padding: 4px 12px;
  background-color:#2975A6;
  position:relative;
}
.next-entry-title .next-arrow:after {
  position:absolute;
  content:" ";
  display:inline-block;
  top:0;
  right:-8px;
  width:8px;
  height:100%;
  background:
      linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #2975A6 50.5%) no-repeat top left/100% 51.5%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #2975A6 50.5%) no-repeat bottom right/100% 51%;
}
.next-entry-title .title-text {
  display: flex;
  flex:1;
  align-items: center;
  padding-left:  4px;
}

/* next-entry-title チャンネル別カラー指定 2018.3 choi */
.channel-tv .next-entry-title .next-arrow{
  background-color:#cc2c1a
}
.channel-tv .next-entry-title .next-arrow:after{
  background:
      linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #cc2c1a 50.5%) no-repeat top left/100% 51.5%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #cc2c1a 50.5%) no-repeat bottom right/100% 51%;
}
.channel-trend .next-entry-title .next-arrow{
  background-color:#FF6437
}
.channel-trend .next-entry-title .next-arrow:after{
  background:
      linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #FF6437 50.5%) no-repeat top left/100% 51.5%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #FF6437 50.5%) no-repeat bottom right/100% 51%;
}
.channel-kaisha .next-entry-title .next-arrow{
  background-color:#8c50aa
}
.channel-kaisha .next-entry-title .next-arrow:after{
  background:
      linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #8c50aa 50.5%) no-repeat top left/100% 51.5%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #8c50aa 50.5%) no-repeat bottom right/100% 51%;
}
.channel-premium .next-entry-title .next-arrow{
   background-color: #ffce00;
   color: #222;
}

.channel-premium .next-entry-title .next-arrow:after{
  background:
      linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #ffce00 50.5%) no-repeat top left/100% 51.5%,
      linear-gradient(to top left, rgba(255,255,255,0) 50%, #ffce00 50.5%) no-repeat bottom right/100% 51%;
}



.pagenation .page-numbers a,
.pagenation .current,
.view-all{
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}
.pagenation .page-numbers{
  display:inline-block;
  color: #fff;
}
.pagenation .page-numbers a,
.pagenation .page-numbers .current{
  margin: 0 4px 8px 4px;
  padding: 12px 16px;
}
.pagenation .page-numbers a{
  display: inline-block;
  color:#082E6B;
  background:#ececec;
  border-radius:4px;
  text-decoration: none;
}
.pagenation .page-numbers a:hover{
  text-decoration:underline;
}
.channel-news .pagenation .page-numbers .current{
  display:inline-block;
  background:#2975A6;
  border-radius:4px;
}
.channel-trend .pagenation .page-numbers .current{
  display:inline-block;
  background:#FF6437;
  border-radius:4px;
}
.channel-healthcare .pagenation .page-numbers .current{
  display:inline-block;
  background:#2E7D32;
  border-radius:4px;
}
.channel-tv .pagenation .page-numbers .current {
  display:inline-block;
  background:#cc2c1a;
  border-radius:4px;
}
.channel-kaisha .pagenation .page-numbers .current {
  display:inline-block;
  background:#8c50aa;
  border-radius:4px;
}
.channel-premium .pagenation .page-numbers .current {
  display:inline-block;
  background:#ffce00;
  border-radius:4px;
  color: #222;
}
.view-all{
  display:inline-block;
  margin:0 2px;
  }
.view-all a{
  color:#000;
  text-decoration:none;
}
.view-all a:hover{
  text-decoration:underline;
}

/*pagenationの吹き出し部分 2018.3.28 一旦保留*/
/* .channel-news .pagenation .next-entry-title a::before,
.channel-news .pagenation .next-entry-title a::after,
.channel-trend .pagenation .next-entry-title a::before,
.channel-trend .pagenation .next-entry-title a::after,
.channel-kaisha .pagenation .next-entry-title a::before,
.channel-kaisha .pagenation .next-entry-title a::after,
.channel-healthcare .pagenation .next-entry-title a::before,
.channel-healthcare .pagenation .next-entry-title a::after,
.channel-tv .pagenation .next-entry-title a::before,
.channel-tv .pagenation .next-entry-title a::after {
   content: "";
   display: inline-block;
   position: absolute;
   transition:.3s;} 
.channel-news .pagenation .next-entry-title a::before,
.channel-tv .pagenation .next-entry-title a::before,
.channel-kaisha .pagenation .next-entry-title a::before,
.channel-healthcare .pagenation .next-entry-title a::before,
.channel-tv .pagenation .next-entry-title a::before{
  bottom: -14px;
  border-right: 14px solid transparent;
  border-top: 14px solid #2975A6;
  border-left: 14px solid transparent;}
.channel-news .pagenation .next-entry-title a::after,
.channel-tv .pagenation .next-entry-title a::after,
.channel-kaisha .pagenation .next-entry-title a::after,
.channel-healthcare .pagenation .next-entry-title a::after,
.channel-tv .pagenation .next-entry-title a::after {
   bottom: -13px;
  border-right: 13px solid transparent;
  border-top: 13px solid #fff;
  border-left: 13px solid transparent;}
.channel-news .pagenation .next-entry-title a:hover::after,
.channel-tv .pagenation .next-entry-title a:hover::after,
.channel-kaisha .pagenation .next-entry-title a:hover::after,
.channel-healthcare .pagenation .next-entry-title a:hover::after,
.channel-tv .pagenation .next-entry-title a:hover::after {
  border-top: 13px solid #F3F7FA;}*/
/*p=2にリンクする時は今いるページは1ページ目になる*/
/*
.channel-news .pagenation .next-entry-title a[href*="p=2"]::before,
.channel-tv .pagenation .next-entry-title a[href*="p=2"]::before,
.channel-kaisha .pagenation .next-entry-title a[href*="p=2"]::before,
.channel-healthcare .pagenation .next-entry-title a[href*="p=2"]::before,
.channel-tv .pagenation .next-entry-title a[href*="p=2"]::before{
  left: 267px;}
.channel-news .pagenation .next-entry-title a[href*="p=2"]::after,
.channel-tv .pagenation .next-entry-title a[href*="p=2"]::after,
.channel-kaisha .pagenation .next-entry-title a[href*="p=2"]::after,
.channel-healthcare .pagenation .next-entry-title a[href*="p=2"]::after,
.channel-tv .pagenation .next-entry-title a[href*="p=2"]::after {
 left: 268px;}*/

/* related-entries 2018.5.17 fixed by Choi */
.related-entries{
  clear: both;
  margin:0;
}
.related-entry-title{
  margin: 0 0 12px;
  padding: 8px 0;
  font-size: 1.8em;
  font-weight: bold;
  border-bottom: 2px solid;
}
.related-entry:before{
  position:absolute;
  content:"\025b6︎";
  font-size:1.2em;
  line-height: 1.4em;
  text-decoration:none;
}
.related-entry{
  margin: 0 0 12px 0;
}
.related-entries a{
  display:block;
  padding: 0 0 0 1.4em;
  color: #0b48ad;
  font-size: 1.3em;
  line-height: 1.4em;
  font-weight: bold;
  text-decoration:none;
  word-break: break-all;
}
.related-entries a:visited{
  color:#0b48ad;
}
.related-entries a:hover{
  text-decoration:underline;
}

/* 関連 まとめ・タグ（キーワード）記事上 */
.related-word-top{
  margin: 0 0 0px 10px;
  display: inline-block;
}
.related-word-top .related-words{}
.related-word-top .related-words a{
  display:inline-block;
  margin: 0 3px 5px 0;
  padding: 3px 8px 5px;
  border-radius: 3px;
  font-size:1.2em;
  color: #666;
  text-decoration:none;
}
.related-word-top .related-words a:hover{
  text-decoration:underline;
}
.related-word-top .related-words .related-word-matome,
.related-word-top .related-words .related-word-tag{
  background-color: #efefef;
  border: solid 1px #ddd;
}

/* 関連 まとめ・タグ（キーワード）記事下 */
.related-word-bottom{
  margin:0 0 24px 0;
}
.related-word-bottom .related-word-title{
    font-size: 1.8em;
    margin: 0 0 10px 0;
    padding: 0;
}
.related-word-bottom .related-words .related-word{
  display:inline-block;
  margin: 0 8px 8px 0;
  padding:0;
  font-size:1.3em;
  font-weight: bold;
}
.related-word-bottom .related-words .related-word a{
  display:block;
  font-family:  sans-serif;
  padding: 8px 12px;
  border-radius: 4px;
  text-decoration:none;
  color: #666;
}
.related-word-bottom .related-words .related-word a:hover{  
  color: #111;
  background-color: #ddd;
  transition:.3s;
}
.related-word-bottom .related-words .related-word .related-word-matome{
  background-color: #ebc62f;
  border: solid 1px #ebc62f;
}
.related-word-bottom .related-words .related-word .related-word-tag{
  background-color: #eee;
}
.related-word-bottom .related-words .related-word .related-word-tag:before{
  content:"#";
}


.pr-tag{
display: inline-block;
margin: 0 3px 5px 0;
padding: 3px 8px 5px;
border-radius: 3px;
/* font-size: 1.2em; */
color: #666;
text-decoration: none;
background-color: #efefef;
border: solid 1px #ddd;
}


/* entry-comment */
.entry-comment{
  clear: both;
}
.entry-comment-tab-list{
  display: table;
  width: 100%;
  list-style:none;
  margin:0;
  padding:0;
}
.entry-comment-tab h2{
  margin:0;
  padding:0;
  font-size:1.6em;
  font-weight:normal;
}
.entry-comment-tab{
  display:table-cell;
  width: 33.333%;
  margin:0 10px 0 0;
  padding:10px 8px;
  background:#ddd;
  color:#999;
  font-size:1.4em;
  font-weight:normal;
  border-top:solid 4px #ccc;
  vertical-align:bottom;
  text-align: center;
  font-weight: bold;
  cursor:pointer;
}
.entry-comment-tab.current{
  background:#fff;
  color:#000;
  font-weight:bold;
}

/* 各チャンネル設定 */
.channel-news .entry-comment-tab.current{
  border-top:solid 4px #2975a6;
}
.channel-news .entry-comment-form-title span{
  border-color:#2975a6;
}

.channel-trend .entry-comment-tab.current{
  border-top:solid 4px #FF6437;
}
.channel-trend .entry-comment-form-title span{
  border-color:#FF6437;
}

.channel-tv .entry-comment-tab.current{
  border-top:solid 4px #CC2C1A;
}
.channel-tv .entry-comment-form-title span{
  border-color:#CC2C1A;
}

.channel-kaisha .entry-comment-tab.current{
  border-top:solid 4px #8c50aa;
}
.channel-kaisha .entry-comment-form-title span{
  border-color:#8c50aa;
}



/* コメント一部見せ 2018.3.15 choi */
.entry-comment-preview {
    margin:  24px -30px;
}

.entry-comment-preview .entry-comment-header {
    display:flex;
    flex-direction:  row;
    align-items:center;
    justify-content: space-between;
    background:#FFEEE9;
    margin:0;
    padding:0px 30px;
    height:64px;
}
.entry-comment-preview .comment-counter a{
    font-size:18px;
    color:#F47040;
    text-decoration:underline;
    transition:.2s;
}
.entry-comment-preview .comment-counter a:hover{
    color:#DE4D18;
}
.entry-comment-preview .btn-comment-write a{
    display:flex;
    align-items:center;
    justify-content: center;
    font-size: 16px;
    font-weight:  bold;
    text-decoration:none;
    color:#F47040;
    background:#fff;
    margin:0;
    padding:6px 24px;
    border:2px solid #F47040;
    border-radius:4px;
}
.entry-comment-preview .btn-comment-write a span{
    font-size:130%;
    margin-right:8px;
 }
.entry-comment-preview .btn-comment-write a:hover{
    color:#fff;
    background:#F47040;
    transition:.2s;
}
.entry-comment-preview .btn-comment-read a{
    display:flex;
    align-items:center;
    justify-content: center;
    font-size: 16px;
    font-weight:  bold;
    text-decoration:none;
    color:#fff;
    background:#F47040;
    margin:0;
    padding:0px 30px;
    height:64px;
    transition:.2s;
}
.entry-comment-preview .btn-comment-read a:hover{
    background:#DE4D18;
}






.entry-comment-form .inner{
  font-size:1.2em;
}
.entry-comment-form{
  display:none;
  padding: 20px 0 15px;
}
.comment-preview .entry-comment-form{
  display:block;
}

.entry-comment-form-title{
  margin:0 0 10px 0;
  padding:0;
  font-size:1.6em;
  font-weight:bold;
/*  border-bottom:4px solid #646464; */
}
.entry-comment-form-title span{
  display:block;
  margin:0 0 5px 0;
  padding:0 0 0 10px;
  border-left-style: solid;
  border-left-width: 20px;
}

.entry-comment-default{}
.entry-comment-default > p{
  padding:15px 0;
  text-align:center;
  font-size:1.6em;
}
.entry-comment-list {}

.entry-comment-list .entry-comment-item {
  position: relative;
  padding-top: 10px;
  padding-left: 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.entry-comment-list .entry-comment-num {
  position: absolute;
  top: 14px;
  left: 15px;
/*  _left: -50px; */
  font-size: 2em;
  color: #333;
  font-family: Arial;
}

.entry-comment-list .entry-comment-body {
  padding: 5px 20px 0 0;
}

.entry-comment-list .entry-comment-body .entry-comment-user-name {
  font-size: 1.4em;
  line-height: 20px;
  font-weight: bolder;
}
.channel-news .entry-comment-list .entry-comment-user-name {
  color: #0070a1;
}
.channel-tv .entry-comment-list .entry-comment-user-name {
  color: #E8321E;
}
.channel-trend .entry-comment-list .entry-comment-user-name {
  color: #FF6437;
}
.channel-kaisha .entry-comment-list .entry-comment-user-name {
  color: #8c50aa;
}
.channel-premium .entry-comment-list .entry-comment-user-name {
  color: #222;
}
.entry-comment-list .entry-comment-contribution-date {
  font-size: 1.2em;
  color: #8c8c8c;
}
.entry-comment-list .entry-comment-txt {
  margin:5px 0 0 0;
  font-size: 1.4em;
  line-height: 20px;
  color: #333;
}
.entry-comment-list .entry-comment-txt p {
  margin:0;
  padding:0;
}

/* コメント確認 */
.comment-preview .entry-wrapper .entry-title {
  margin: 0 0 20px 0;
  font-size: 2em;
}
.comment-preview .entry-wrapper .entry-title-comment-status {
  margin: 0 0 10px 0;
  padding:0 10px;
  font-size: 1.8em;
  font-weight:bold;
  color: #61899D;
}
.comment-preview .entry-wrapper .entry-date{
  display:none;
}
.comment-preview .entry-comment-list {
  border-top: 1px solid #ccc;
}

/* コメント facebook */
.entry-comment-facebook{
  display:none;
  padding:10px;
  text-align: center;
}
.entry-comment-facebook iframe {
  width: 650px !important;
}
.entry-comment-twitter{
  display:none;
  padding:10px;
  text-align: right;
}
/* コメント twitter */
.singleTweet {
  position: relative;
  margin-bottom: 10px;
  padding-left: 55px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.singleTweet a {
  color: #0c2a81;
  text-decoration:none;
}
.singleTweet a:hover {
  text-decoration:underline;
}
.singleTweet .twitter-profile {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2em;
  color: #b2b2b2;
}

.singleTweet .tweet-wrap {
  margin: 10px 0 0 0;
  text-align:right;
}

.singleTweet .tweet-wrap .twitter-name {
  font-size: 1.4em;
  line-height: 20px;
  font-weight: bolder;
  text-align:left;
  color: #0070a1;
}

.singleTweet .tweet-wrap .twitter-time,
.singleTweet .tweet-wrap .twitter-action {
  display:inline-block;
  font-size: 1.2em;
  color: #8c8c8c;
}

.singleTweet .tweet-wrap .twitter-action span {
  margin: 0 0 0 10px;
}

.singleTweet .tweet-wrap .twitter-tweet p {
  margin:0;
  padding:5px 0;
  font-size: 1.4em;
  line-height: 20px;
  color: #333;
  text-align:left;
}

.entry-comment-twitter .twitter-more-button,
.entry-comment-twitter .twitter-button {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 4px 5px;
    background-color: #888888;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
}
.entry-comment-twitter .twitter-button a {
    color: #fff;
}

.entry-comment-form-table .form-table-left{
  font-size: 1.3em;
}
.entry-comment-form-table .form-table-right{
  padding:0 0 10px 0;
}
.entry-comment-form-table #comment-author,
.entry-comment-form-table #comment-text{
  width:650px;
}
.entry-comment-form-table .form-btns {
  padding: 3px 10px;
  text-align:center;
}
#js-comment-info-author,
#js-comment-info-text{
  margin:5px 0 0 0;
  font-size:1.2em;
  text-align:right;
}
#js-comment-submit-err{
  font-size:1.2em;
  text-align:center;
  color:#cc3333;
}

/* comment list page */
.comment-entry-text{
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.comment-back-entry{}
.comment-back-entry .back-btn {
  text-align:right;
}
.comment-back-entry .back-btn a{
  display: inline-block;
  margin:0 0 20px;
  padding: 8px 12px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-decoration:none;
}
.channel-news .comment-back-entry .back-btn a{
  color: #fff;
  background: #2975a6;
}
.channel-tv .comment-back-entry .back-btn a{
  color: #fff;
  background: #CC2C1A;
}
.channel-trend .comment-back-entry .back-btn a{
  color: #fff;
  background: #FF6437;
}
.channel-kaisha .comment-back-entry .back-btn a{
  color: #fff;
  background: #8c50aa;
}
.channel-premium .comment-back-entry .back-btn a{
  color: #222;
  background: #ffce00;
}


/* 1click 旧タイプ移行 */
/* MCEntryVote 1クリック投票 ----------------------- */
#MCEntryVote {
    clear: both;
    margin: 2.8em 0 0 0;
}
#MCEntryVote #vote-wrapper {
    width: 370px;
    margin: 0 auto;
}
#MCEntryBody #MCEntryVote #vote-wrapper {
    font-size: 0.7em;
}
#MCEntryVote #vote-table {
    width: 350px;
    margin: 15px auto 5px;
}
#MCEntryVote .vote-bottan {
    padding: 10px 0;
    text-align: center;
}
#MCEntryVote #vote-table td {
    padding: 0;
    font-size: 1.2em;
    line-height: 16px;
}
#MCEntryVote #radio_area1,
#MCEntryVote #radio_area2,
#MCEntryVote #radio_area3,
#MCEntryVote #radio_area4,
#MCEntryVote #radio_area5,
#MCEntryVote .radio_area {
    width: 135px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
#MCEntryVote #graph_bg1,
#MCEntryVote #graph_bg2,
#MCEntryVote #graph_bg3,
#MCEntryVote #graph_bg4,
#MCEntryVote #graph_bg5,
#MCEntryVote .graph_bg {
    width: 200px;
    padding: 0;
    margin: 0;
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -150px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
#MCEntryVote #graph_area1,
#MCEntryVote #graph_area2,
#MCEntryVote #graph_area3,
#MCEntryVote #graph_area4,
#MCEntryVote #graph_area5,
#MCEntryVote .graph_area {
    padding: 0;
    margin: 0;
}
#MCEntryVote #question {
    padding: 25px 10px 20px 55px;
    margin: 0 10px;
    border-bottom: 1px dashed #aaa;
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png?v=20140522);
    background-repeat: no-repeat;
    background-position: 0 -250px;
    font-size: 1.4em;
    color: #357b06;
    font-weight: bold;
}
#MCEntryVote #no-question {
    padding: 15px 0;
    margin: 0 10px;
}
#MCEntryVote .more {
    padding-right: 20px;
    padding-top: 5px;
    font-weight: normal;
    text-align: right;
    font-size: 1.2em;
}
#MCEntryVote .vote-text {
    position: relative;
    left: 3px;
    margin-top: -16px;
    _margin-top: -15px;
    font-size: 1.2em;
    font-weight: bold;
}
#MCEntryBody #MCEntryVote .vote-text {
    font-size: 1em;
    text-align: right;
}
#MCEntryVote .bar_pink {
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 0px;
    border-right: 1px solid #c81885;
}
#MCEntryVote .bar_orange {
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -30px;
    border-right: 1px solid #df7400;
}
#MCEntryVote .bar_yellow {
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -60px;
    border-right: 1px solid #cec10a;
}
#MCEntryVote .bar_green {
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -90px;
    border-right: 1px solid #6abe0d;
}
#MCEntryVote .bar_blue {
    background-image: url(https://www.j-cast.com/assets_common/img/common/vote-css-sprite.png);
    background-repeat: repeat-x;
    background-position: 0 -120px;
    border-right: 1px solid #0b6fb5;
}

/* 記事下誘導
 *
 */
.entry-sub__list{
  margin:0;
  padding:0;
  list-style:none;
}

.entry-sub__item{
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #eee;
}
.entry-sub__item a{
  display:flex;
  color: #000 !important;
  text-decoration: none !important;
}

.entry-sub__photo{
  width:30%;
  border: 1px solid #ddd;
}
.entry-sub__photo img{
  max-width:100%;
}
.entry-sub__parts{
  width: 70%;
  padding:0 0 0 10px;
}
.entry-sub__title{
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 0 5px;
}
.entry-sub__title:hover{
  text-decoration: underline;
}
.entry-sub__text{
  font-size: 1.2em;
  margin: 0 0 5px;
}
.entry-sub__link{
  font-size: 1.4em;
  font-weight: bold;
  color: #1956a7;
}
.entry-sub__link:hover{
  text-decoration: underline;
}

/* toidas 投票ifram用 */
.toidas-poll-embed iframe{
  border:none;
}

/* 姉妹サイト枠 */
.title-sec{
  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;
}

/* 登録誘導 20180509 */
.direct_register {
    display: inline-block;
    box-sizing:  border-box;
    width:  100%;
    padding:  16px;
    border-radius:4px;
    color:  #fff;
    font-size:  18px;
    line-height:1.6em;
    text-decoration:  none;
    text-align:  center;
    word-break:break-all;
    background: linear-gradient(-45deg, #8c50aa, #2975a6, #cc2c1a, #ff6437);
	background-size: 600% 600%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* 関連記事用  サムネ80x80 + テキスト */
.related-entry-item {
  margin: 0 0 10px 0;
}

.related-entries .related-entry-item a{
  padding: 0;
  display: flex;
}

.related-entry-item a{
  display: block;
  color: #0b48ad;
  text-decoration: none;
}

.related-entry-item a:visited {
  color: #0b48ad;
}

.related-entry-item .entry-photo {
  position: relative;
  width: 80px;
  height: 80px;
  vertical-align: top;
  overflow: hidden;
  margin: 0 10px 0 0;
}

.related-entry-item .entry-photo img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 150%;
    max-height: 150%;
    transform: translate(-50%, -50%);
    vertical-align: top;
}

@supports (object-fit: cover) {
  .related-entry-item .entry-photo img {
     position: relative;
    top: 0;
    left: 0;
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
     object-fit: cover;
     transform: none;
     vertical-align: top;
  }
}

.related-entry-item .entry-parts-wrapp {
  flex: 1;
  box-sizing: border-box;
  vertical-align: top;
}

.related-entry-item .entry-parts-wrapp .entry-title {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.3;
  word-break: break-all;
  border: none;
}

.related-entry-item .entry-parts-wrapp .entry-date{
  display: inline-block;
  margin: 0;
  font-size: 10px;
  font-weight:normal;
  color:#a1a1a1;
}

 /** 
 *
 * 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;
}




 
/* まとめ用　categry-entryから*/
/* category-entry*/
.entry-wrapper .category-entry-list{
  list-style:none;
  margin: 0;
  padding: 10px 0 0 0;
  border-top: solid 1px #dedede;
}
.entry-wrapper .category-entry-list .entry-item{
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom: solid 1px #dedede;
}
.entry-wrapper .category-entry-list .entry-item a{
  display:block;
  text-decoration:none;
}
.entry-wrapper .category-entry-list .entry-photo{
  display:inline-block;
  position: relative;
  width: 100px;
  height: 70px;
  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;
}
.entry-wrapper .category-entry-list .entry-photo img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.entry-wrapper .category-entry-list .entry-item .entry-parts-wrapp{
  display:inline-block;
  width: 550px;
  vertical-align: top;
}
.entry-wrapper .category-entry-list .entry-title{
  margin:0 0 3px 0;
  padding:0;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.3;
}

.entry-wrapper .category-entry-list .entry-date,
.entry-wrapper .category-entry-list .entry-category{
  display: inline;
  margin: 0;
  padding: 0;
  color:#777;
  font-weight:normal;
  font-size:1.2em;
  background-color:#fff !important;
}
/* カテゴリタイトル　リンク色 */
.entry-wrapper .category-entry-list a .entry-title{
  color:#082E6B;
  text-decoration:none;
}
.entry-wrapper .category-entry-list a:hover .entry-title{
  text-decoration: underline;
}
.entry-wrapper .category-entry-list a:visited .entry-title{
  color: #641C88;
}

/*
 * フジ三太郎 記事
 */
.manga-wrap {
  text-align: center;
}

.manga-wrap img {
  max-width: 100%;
}

.manga-wrap .sub-info {
  font-size: 1.2em;
  line-height:1.8;
}

.manga-wrap .sub-info .sub-text {
  background: url( "http://www.j-cast.com/assets_common/img/center/icon-fukidashi.gif" ) 0 12px no-repeat;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 140%;
  margin: 15px auto 0;
  padding: 10px 0 10px 22px;
  text-align: left;
  width: 310px;
}

.manga-next {
  margin: 0 0 25px 0;
  padding: 0;
  text-align: center;
}

.manga-next a {
  font-size: 1.4em;
  font-weight: bold;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  background: url("http://www.j-cast.com/assets_common/img/center/icon-arrow.gif") right -596px no-repeat;
  padding-right: 17px;
  color:#082E6B;
  text-decoration:none;
}
.manga-next a:hover {
  text-decoration:underline;
}

/* 註釈 amazon強調 */
.manga-text {
  width: 300px;
  margin: 0 auto 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
  line-height: 180%;
}

.santaro-amazon {
  width: 80%;
  margin: 0 auto 2.8em;
  background: #f3f3f3;
  border: 1px solid #ddd;
}

.santaro-amazon .santaro-amazon-title {
  margin: 10px 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  color: #ee760e;
}

.santaro-amazon #MCEntryAmazon {
  margin: 0;
  padding: 4px 10px 16px;
}

.santaro-amazon #MCEntryAmazon .amazon-photo img {
  border: 1px solid #ccc;
}

.santaro-amazon #MCEntryAmazon .amazon-info {
  padding-left: 135px;
}


/* 書店リスト */
.santaro-shoplist{
  margin:15px 0;
}
.bookshop-head img {
  max-width: 100%;
  margin: 0 0 10px 0;
}
.bookshop {
  background: #a1c630;
  padding: 0 0 5px 0;
}

.bookshop .title img {
  max-width: 100%;
}

.bookshop ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: left;
  width: 95%;
}
.bookshop ul li {
  border-right: 1px solid #88aa21;
  border-bottom: 1px solid #88aa21;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 0 2px 2px;
  width: 23.5%;
  text-align: center;
  background: #fff;
}
.bookshop ul li a {
  display: block;
}
.bookshop ul li img {
  max-width: 100%;
}

/* terapoli ウェブページ　*/
.category-c04_terapoli .entry-wrapper .entry-title {
    background: url('https://www.j-cast.com/assets/img/logo-terapoli.gif') center 0 no-repeat;
    height: 195px;
}


/*
 * 電子書籍 記事
 */

.category-books .entry-wrapper .entry-date{
  display:none;
}

.books-shoplink-wrapper{
  background-color: #52A7E8;
}
.books-shoplink-title{
  padding: 5px 10px;
  color: #fff;
  font-size:1.6em;
  font-weight:bold;
}
.btn-books-shoplink{
  padding:5px 5px 10px;
}
.btn-books-shoplink img{
  width: 160px;
  margin:0 5px;
  vertical-align: middle;
  box-shadow: 3px 2px rgba(0,0,0,0.2);
}

/*カス丸仕事しろ　企画　tweetボタン　20160805kawa*/
.kasumaru-tweet-btn-wrapper {
  width: 320px;
  margin:0 auto;
  padding: 20px 0;
}

.kasumaru-tweet-btn-wrapper .kasumaru-tweet-btn {
  display:block;
  opacity:1;
  transition:all 0.2s;
}

.kasumaru-tweet-btn-wrapper .kasumaru-tweet-btn:hover {
 opacity:0.7;
}

.kasumaru-tweet-btn-wrapper .kasumaru-tweet-btn img {
width:100%;
vertical-align: bottom;
}


/*プレミアムコンテンツ　2018.4.12 miya
 */
.category-image {
  height:200px;
  width: 768px;
  margin: 32px auto 8px;
  display: block;
}
a.category-image {
  transition: .2s;
  opacity: 1;
}
a.category-image:hover {
  opacity: .7;
}
.category-image--netnews_no_ashita {
  background-image: url(/assets/premium/netnews_no_ashita/images/category-image-netnews_no_ashita.jpg);
}
.category-image--toyobunko,
.category-image--meiji {
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko.png);
}
.category-image--toyobunko2,
.category-image--kochizu{
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko2.png);
}
.category-image--india{
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko-india.jpg);
}
.category-image--kanji{
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko-kanji.jpg);
}
.category-image--hokusai{
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko-hokusai.jpg);
}
.category-image--daishin{
  background-image: url(/assets/premium/toyobunko/images/category-image--toyobunko-daishin.png);
}
.category-image--hosaka {
  background-image: url(/assets/premium/hosaka/images/category-image--hosaka.jpg);
}
.category-image--tiananmen {
  background-image: url(/assets/premium/tiananmen/images/category-image--tiananmen.png);
}
.category-image--sudoku {
background-image: url(/assets/premium/toyobunko/images/category-image--sudoku.png);
}
/*プレミアムコンテンツ見出し下リード*/
.category-lead-text {
    width: calc(100% - 32px);
    max-width: 740px;
    margin: auto;
    padding: 1em;
    font-size: 1.4em;
    line-height: 1.75;
    color: #444;
    background: #F5F5F5;
}

/*東洋文庫展示情報*/
.entry-sub-infomation {
    display:  flex;
    margin: 24px 0;
    border-radius: 5px;
    border: 1px solid #1A96D5;
    font-size: 1.6em;
    line-height: 1.8;
    color: #111;
    overflow: hidden;
}
.entry-sub-infomation .image {
    flex: 0 0 80px;
    display:  flex;
    align-items: center;
    padding: 16px;
    background-color: #f5f5f5;
    border-right: 1px solid #1A96D5;
}
.entry-sub-infomation .image img {
  width: 100%;
}
.entry-sub-infomation .text p{
  font-size: 14px;
  padding: 0 .75em;
}
.entry-sub-infomation .text p.discount {
    position: relative;
    color: #111;
    padding: 2.5em .75em .75em;
    font-size: 14px;
    font-weight: bold;
}
.entry-sub-infomation .text p + p.discount {
  border-top : 1px solid #1A96D5;
}
.entry-sub-infomation .text p.discount::before {
    content: '会員特典';
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 8px;
    background: #1A96D5;
    border-radius: 0  0 5px 0;
    color: #FFF;
   font-weight: bold;
}
/*ここからクイズ枠*/
.entry-quiz {
  position: relative;
  margin: 4em 0 2em;
  padding: 2.5em 2em 1em;
  border: 2px solid #4d90fe;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-weight: bold;
}
.entry-quiz::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 68px;
  bottom: -16px;
  border-top: 16px solid  #4d90fe;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
}
.entry-quiz::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 68px;
  bottom: -13px;
  border-top: 16px solid #f5f5f5;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
}
.entry-quiz-head {
  position: absolute;
  top: -1em;
  left: 20px;
  right: 0;
  bottom: 0;
  width:5em;
  height: 1em;
  padding: .5em 1em;
  border-radius: 4px;
  background-color: #4d90fe;
  font-size: 18px;
  color: #FFF;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
/*ランディングページへ戻す*/
.landing-return{
    display: block;
    text-align: center;
    color: #BC3110;
    text-decoration: none;
    padding: .75em;
    border: 2px solid #BC3110;
    border-radius: 4px;
    background: #FFF;
    margin: 1em 0;
    font-size: 16px;
    transition:.2s;
}
.landing-return:hover {
  background: #BC3110;
  color: #FFF;
}

/* プロフィール枠*/
.entry-wrapper .MCEntryProfile  {
  margin: 2.4em 0;
  padding: 10px;
  border: 1px solid #b2b2b2;
  background: #eee;
}
.entry-wrapper .MCEntryProfile img {
  float: left;
  width: 90px;
  margin: 0 15px 15px 0;
}
.entry-wrapper .MCEntryProfile p{
  font-size: 12px;
  line-height: 1.6em;
}
.entry-wrapper .MCEntryProfile b {
  display: inline-block;
  font-size: 1.3em;
  margin-bottom: 8px;
}
.entry-wrapper .MCEntryProfile p a{
  color: #1F486D;
  text-decoration: none;
}



/*東洋文庫seriesバナー*/
.toyobunko-series {
  margin: 40px 0;
}

.toyobunko-series .toyobunko-series-title {
  display: block;
  font-size: 1.8em;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
  color: #111;
}
.toyobunko-series .toyobunko-series-title:hover {
  color: #333;
}

.toyobunko-series .toyobunko-series-banners {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.toyobunko-series .toyobunko-series-banner {
  box-sizing: border-box;
  padding: 10px;
  flex: none;
  width: 20%;
}

.toyobunko-series .toyobunko-series-banner a {
  display: block;
}

.toyobunko-series .toyobunko-series-banner a img{
  box-sizing: border-box;
  border: 1px solid #eee;
  width: 100%;
  vertical-align: bottom;
  transition: .2s;
  opacity: 1;
  box-sizing: border-box;
}

.toyobunko-series .toyobunko-series-banner a:hover img {
  opacity: .7;
}

/* 関連記事 */
.related-entries li {
  list-style: none;
  margin-bottom: 15px;
}

.related-entries li h3 {
  margin: 0;
}

/* 関連記事
.related-entry-item {
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.related-entry-item a{
  display: block;
  color: #0b48ad;
  text-decoration: none;
}

.related-entry-item a:visited {
  color: #0b48ad;
}

.related-entry-item .entry-photo {
  display: table-cell;
  position: relative;
  width: 80px;
  height: 80px;
  vertical-align: top;
}

.related-entry-item .entry-photo img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.related-entry-item .entry-parts-wrapp {
  display: table-cell;
  box-sizing: border-box;
  padding: 0px 0 0 11px;
  vertical-align: top;
}

.related-entry-item .entry-parts-wrapp .entry-title {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.3;
  word-break: break-all;
}

.related-entry-item .entry-parts-wrapp .entry-date{
  display:inline-block;
  margin:0;
  font-size:10px;
  font-weight:normal;
  color:#a1a1a1;
}
 */