/* PCサイト用 */

/* ギフト */
#giftUrlCopy #loading {
  width:25px;
  padding:20px 0;
}
#giftUrlCopy .addButton {
  min-height: 73px;
}
textarea#copyUrl {
  font-size: 14px;
  color: #444;
  margin: 0 0 20px;
}
img.shareLoading {
  padding: 10px 0 40px;
  margin: 0 auto;
}
body.nbodd .giftModule li.login { display: none; }
body.nbodd .giftModule li.shareGiftMembers { width:355px; }
body.nbodd .giftModule ul li.shareGiftMembers::after {  border: none; }
body.nbodd .popupGift .popupButton .login a { display: none; }
body.nbodd .popupGift .popupButton .subsc,
body.nbodd .popupGift .popupButton .subsc a { width: 100%; }
.giftModule .giftDescrip p span {font-weight: bold;}
.giftModule .giftDescrip p a {color: #E6001E;}

/* コメント */
.commentBox .commentContent{
  border-top:1px solid #eee;
}
.commentBox a.readMore{
  display: flex;
  width: 240px;
  border-radius: 4px;
  border: solid 1px #E6001E;
  color: #E6001E;
  font-size: 15px;
  font-weight: 500;
  margin: 0 auto;
  position: relative;
  height: 34px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin-top:15px;
  transition: height 0.2s ease-in-out 0s , opacity 0.2s ease-in-out 0s;
}
.commentBox a.readMore.hide{
 height:0;
 opacity:0;
 pointer-events: none;
}
.commentBox a.readMore:hover{
 border: 2px solid #e6001e;
}
.commentBox a.readMore span{
 position:relative;
}
.commentBox a.readMore span:after{
 content:"";
 display:block;
 border-right:solid 2px #e6001e;
 border-bottom:solid 2px #e6001e;
 width: 6px;
 height: 6px;
 transform: rotate(-135deg);
 position:absolute;
 right:-20px;
 bottom:5px;
 padding:0px;
}

/* トップページ */
html .asideRight.second { margin-top: 66px; }
.raiseList .itemContentText {
  width: 175px;
  padding-left: 10px;
}
.keypersons .photo img,
.todayData .photo img{
  vertical-align: bottom;
}
.todayData .photo {
  position: relative;
}
.asideLeft .todayData img {
  width: 200px;
  height: auto;
}

/* パネル用のカギアイコン */
.icon.iconLockClose.panel {
  background: url("/images/onb/2019/iconLockCloseWhite.svg") no-repeat 0px bottom;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-size: 11px auto;
}
.topArticleSecond .topItem .icon.iconLockClose.panel {
  background-position: 0px center;
  background-size: 15px auto;
}

/* 通常のカギアイコンの調整 */
.raiseList .icon.iconLockClose,
.postListItem .icon.iconLockClose,
.creationListTitle .icon.iconLockClose,
.raiseSlaiderCard .icon.iconLockClose{
  background-position: 0px bottom;
  margin-left: 5px;
}

/* 動画アイコン */
.topArticleSecond .icon.iconOvalMovie {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 25px;
  height: 25px;
  z-index:2;
}
.similarItem .icon.iconOvalMovie {
  background-size: 16px;
  background-position: 0 3px;
  display: inline-block;
  vertical-align: bottom;
  top: 3px;
  right: 2px;
  width: 20px;
}
.listArticle .icon.iconOvalMovie {
  margin-left: 3px;
  width: 20px;
  height: 20px;
  margin-right: 0;
  background-position: 0 5px;
}
.listArticle span.videoTime {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  background: #000;
  color: #fff;
  padding: 0 5px;
  line-height: 1em;
}

/* リーフ */
.leafContainer {
  overflow: hidden;
}
.mainHeader div.authorInfo {
  width: auto;
}

/* 本誌バックナンバー */
#nbBacknumber > form {
  float:right;
  margin-top: 5px;
}

/* Raise top */
.raiseSlaiderCard div.themeContens {
  box-sizing: border-box;
  width: 368px;
  height:194px;
  padding: 5px 20px 20px;
}
.raiseSlaiderCard div.themeContens .avatarCircle{
  width:35px;
  height:35px;
  float: left;
}

.raiseSlaiderCard h3 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  padding: 0;
  margin-bottom: 0;
  border-bottom: none;
  align-items: center;
  border-bottom: none;
  line-height: 1.3;
}
.raiseSlaiderArea .slideTitle {
  height: 60px;
  padding-top:8px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.raiseList div.categoryTitle .categoryBand {
  height: auto;
}
.raiseList div.categoryTitle img{
  max-width:264px;
  height: auto;
}
/* Raise記事 */
.leafRaiseHeader .imageTitleBlur {
  height: 100%;
  width: 100%;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
  transform: scale(1);
}
.leafRaiseHeader .imageTitleBlur:before { 
  background: none;
}

/* リゾームペイウォール */
.registerForUse .lblNotificationRed {top: 6px;}
.articleRegisterForUse {margin-top: -105px;}

/* コメント枠に表示するペイウォール */
.commentBox .loginBoxRaise{ padding:0; }

/* 記事本文 */
.articleBody {padding-top:15px;}
.articleBody .numberLetter {margin-top:0;}

/* 本誌目次記事 */
#mokuji .recommendArticle {
  flex-wrap: wrap;
  display: flex;
}
ul.recommendArticle li:nth-child(2n+1) {
  float: left;
  margin-right: 40px;
}

/* 本誌特集 扉 */
#articleBody.articleBody.tobira {
  margin: 0 0 20px;
  font-size: 15px;
}
#articleBody.articleBody.tobira h3::before {
  content: none;
}
#articleBody.articleBody.tobira h3 {
  margin-bottom: 20px;
  font-size: 16px;
}
#articleBody.articleBody.tobira .nbfont_s,
#articleBody.articleBody.tobira .fontBold {
  color: #333333;
}
#articleBody.articleBody.tobira a:hover .fontBold {
  color: #E6001E;
}
.tobiraArticleList {
  width: 760px;
  margin-bottom:50px;
}
.tobiraArticleList .listItem {
  border-bottom: 1px solid #EEEEEE;
  padding: 15px 0px;
  width: 760px;
  overflow: hidden;
}
.tobiraArticleList .listItem .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform .4s;
}
.tobiraArticleList .listItem:hover .image img {
  width: 100%;
  transform: scale(1.2);
}
.tobiraArticleList .listItem .image {
  float:right;
  width: 212px;
  height: 159px;
  position: relative;
}
.tobiraArticleList .listItem .title {
  float: left;
  width: 505px;
}
.tobiraArticleList .listItem .title span {
  color: #666;
}
.articleBody .tobiraArticleList .listItem p.summary {
  float: left;
  color: #666;
  font-size: 14px;
  width: 505px;
  margin:0;
}
.tobiraArticleList .listItem  h3 {
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #242424;
  margin: 4px 0;
}
.tobiraArticleList .listItem :hover h3 {
  color: #E6001E !important;
}

/* 親記事 */
.creationList .creationListItem:hover .moveIcon img {
  width: auto;
  transform:none;
}
.creationList .creationListContent h3.moveIcon img {
  margin-bottom: -2px;
  margin-left: .3em;
}
.creationList .creationListIcon { margin-top: 15px;}
.creationList .creationListIcon span { margin-right: 15px;}

/* Raise 親記事 */
.postList .postListItem .postListContent .postListDescription {
  height: auto;
}

/* オンラインゼミナール */
.newSeminar .titleArea img {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  transition: transform .4s;
  transform: translateX(-50%);
  height: 318px;
}
.column_3 .columnImgArea img {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  transition: transform .4s;
  transform: translateX(-50%);
  height: 100%;
  z-index: 0;
}
a:hover .columnImgArea img,
.newSeminar a:hover .titleArea img,
.column_3 .columnImgArea img:hover {
  width: auto;
  transform: translateX(-50%) scale(1.2);
}
.newSeminar a:hover .titleArea .titleSet div span {
  border-bottom: 2px solid #e6001e;
}
.newSeminar a:hover .titleArea .titleSet div {
  color: #fff;
  border-bottom: none;
  margin-bottom: 2px;
}

/* ランキング */
section.ranking .tabWrapper ul.tabHeaderRanking li {
  padding: 0 15px;
}
section.ranking .tabWrapper ul.tabHeaderRanking li span {
  font-size: 11px;
}
section.ranking .creationList .creationListItem {
  border-bottom: none;
}

/* 記事リーフキャンペーン枠 */
div.cpFrame{width:480px; background:#fcf1db; margin:25px auto; padding:15px; box-sizing:border-box; font-size:90%; line-height:1.7;}
div.cpFrame h5{background: url(/images/onb/2019/other/campaign/nbSalesInfo.png) top left no-repeat; width:220px; height:25px; margin:0 0 10px 0;}
div.cpFrame h5 strong{display:none; margin:0 0 10px 0;}
div.cpFrame span{display:block; font-size:125%; font-weight:bold; margin:0 0 5px 0;}
div.cpFrame img{display:block; margin-left:10px; float:right;}
div.NV{background:#d2f0ff}
div.NV h5{background: url(/images/onb/2019/other/campaign/nvSalesInfo.png) top left no-repeat; width:220}

/* 記事リーフ 次ページ */
#articleBody .nextPage {
  display: table;
  margin:0 auto;
  font-size: 17px;
  overflow: hidden;
}
#articleBody .nextPage a {
  background: #f3f3f3 url(/images/onb/2019/icon_arrow_next.png) no-repeat 50px 50%/12px;
  display: block;
  line-height: 1.2;
  padding: 15px 50px 15px 70px;
  display: table-cell;
}
#articleBody .nextPage a:hover {
  background: #eee url(/images/onb/2019/icon_arrow_next.png) no-repeat 50px 50%/12px;
  text-decoration: none;
}
#articleBody .nextPage span { margin-left: 10px; }
#articleBody .nextPage a:hover span { text-decoration: underline; }
#articleBody nav.pagenation { margin-bottom: 20px;}

/* 特設サイト */
.specialKanban {
  text-align: center;
  margin-top: 30px;
}

/* clip */
.boxSocial ul.social li.clipPaperButton {
  position: relative;
}
.boxSocial ul.social li.clipPaperButton .paperBackground {
  border-radius: 3px;
  position: absolute;
  top: -40px;
  right: -45px;
  width: 185px;
  height: 40px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
  background: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.boxSocial ul.social li.clipPaperButton .paperBackground:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 0;
  border-color: transparent #000000 transparent transparent;
  left: 87px;
  bottom: -15px;
  opacity: 0.8;
}

/* カレンダー */
.popupDatePicker .datepicker table tr td.old.disabled{ color:#ddd; }

/* 著者一覧 */
.authors div.authorInfo img{
border-radius:50%;
}

/* 印刷ページ */
.asidePrint .loginForRead .loginForReadAction ul {
  align-items: flex-end;
}

/* AD インリード動画 */
.adRectangle.inread > div {
  text-align: center;
  padding-top: 20px;
}

/* AD ヘッダースクロール用 */
/*
#div-gpt-ad-premium{height:250px;}
#div-gpt-ad-billboard{height:250px;}
*/

/* ----------------------------------------------------------------------------------------
rhizome関連
---------------------------------------------------------------------------------------- */
.commentBox .commentContent{
  height:auto;
}

.rhizomeStage[data-purpose="postArea"] .commentItemRight .commentItemRightContent p del{
 text-decoration:none;
 display:none;
}
.rhizomeStage[data-purpose="postArea"] .commentItemRight .commentItemRightContent p del.show{
 display:inline;
}
.rhizomeStage[data-purpose="postArea"] var,
.commentBox .commentlike a var {
 font-style:normal;
 padding-left:3px;
}

/* ----------------------------------------------------------------------------------------
rhizome関連：顔写真など調整
---------------------------------------------------------------------------------------- */
/* コメント枠用 */
.commentBox .avatarCircle{
  width:32px;
  height:32px;
  overflow:hidden;
  position:relative;
  border-radius:50%;
}
.commentBox .avatarCircle img,
.commentBox form.frmComment img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 110%;
}
.commentBox form.frmComment{
  align-items:flex-start;
}
.commentBox .commentContent ul li form.frmComment{  }
.commentBox .commentContent ul li form.frmComment textarea{ width:460px; }
.commentBox .commentContent ul li .commentItemRight .commentIcon .iconLike var{ font-style:normal; }
.commentBox .commentContent ul li .commentItemRight .replySection li .commentItemRight{ width:calc(100% - 42px); margin-right:0; }
.commentBox .commentContent ul li .commentItemRight .commentIcon span.commentlike a{ cursor:default; }

/* 著者がコメントした記事 */
.commentProfileList ul li .commentProfileInfo .avatarCircle{
  width:40px;
  height:40px;
  overflow:hidden;
  position:relative;
  border-radius:50%;
  box-sizing:border-box;
  flex-basis:40px;
  min-width: 40px;
}
.commentProfileList ul li .commentProfileInfo .avatarCircle img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 110%;
}
/* raise一覧 */
.raiseList .avatarCircle{
  width:32px;
  height:32px;
  overflow:hidden;
  position:relative;
  border-radius:50%;
  float:left;
}
.raiseList .avatarCircle img.icon{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 110%;
}
/* 光るコメント一覧 */
.glowingCommentBox .avatarCircle{
  min-width:40px;
  height:40px;
  overflow:hidden;
  position:relative;
  border-radius:50%;
  margin-right:10px;
}
.glowingCommentBox .avatarCircle img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 110%;
}

/* ----------------------------------------------------------------------------------------
rhizome関連 ポップアップ
---------------------------------------------------------------------------------------- */
#rhizomePopup.rhizomePopup,
#rhizomePopupNrhizome.rhizomePopup,
#rhizomePopupNnbodd.rhizomePopup{
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 right:0;
 z-index:100001;
 transition-property:opacity;
 transition-duration: 0.3s;
 opacity:0;
 display:block;
 pointer-events:none;
}
#rhizomePopup.rhizomePopup.show,
#rhizomePopupNrhizome.rhizomePopup.show,
#rhizomePopupNnbodd.rhizomePopup.show{
 background:rgba(0,0,0,0.7);
 opacity:1;
 pointer-events:auto;
}
#rhizomePopup.rhizomePopup > div,
#rhizomePopupNrhizome.rhizomePopup > div,
#rhizomePopupNnbodd.rhizomePopup > div{
 width:620px;
 height: auto;
 padding: 0;
 background: transparent !important;
 overflow: inherit;
 position: absolute;
 left: 50%;
 top: 50%;
 max-height: 80%;
 max-width: 100%;
 z-index: 100002;
 transform: translate(-50%,-50%);
}
#rhizomePopup.rhizomePopup > div div,
#rhizomePopupNrhizome.rhizomePopup > div div{
 text-align: center;
 background: white;
 border-radius: 4px;
 padding: 22px 40px;
}
#rhizomePopup.rhizomePopup > div div p,
#rhizomePopupNrhizome.rhizomePopup > div div p{
 font-size: 17px;
 line-height: 1.67;
 font-weight: bold;
 letter-spacing: 0.2px;
 margin:0;
}
#rhizomePopup.rhizomePopup > div div a,
#rhizomePopupNrhizome.rhizomePopup > div div a{
 margin-top: 20px;
 border-radius: 4px;
 font-size: 17px;
 border:1px solid #e6001e;
 background: white;
 color: #E6001E;
 display: inline-block;
 width: 238px;
 height: 38px;
 line-height: 40px;
 font-size: 15px;
 text-align: center;
 text-decoration:none;
}
#rhizomePopup.rhizomePopup > div span,
#rhizomePopupNrhizome.rhizomePopup > div span {
 display:block;
 top: -34px;
 position: absolute;
 right: 0;
 color: #242424;
 cursor:pointer;
}
#rhizomePopup.rhizomePopup > div span:before,
#rhizomePopupNrhizome.rhizomePopup > div span:before {
 color: #ffffff;
 font-size: 45px;
 width: 32px;
 line-height: 32px;
 position: absolute;
 right: 3px;
 display: inline-block;
 text-align: center;
 content: "\00d7";
}

#rhizomePopupNrhizome.rhizomePopup > div div p{
 font-size: 15px;
 font-weight: 500;
}
#rhizomePopupNrhizome.rhizomePopup > div div ul{
 width: 348px;
 margin: 20px auto 0 auto;
 padding:0;
 border:0;
}
#rhizomePopupNrhizome.rhizomePopup > div div ul li{
 margin-bottom:11px;
 align-items: center;
}
#rhizomePopupNrhizome.rhizomePopup > div div ul div{
 display:inline-block;
 width:50px;
 height:auto;
 margin:0;
 padding:0;
 border:0;
}
#rhizomePopupNrhizome.rhizomePopup > div div ul p{
 display:inline-block;
 width:294px;
 height:auto;
 margin:0;
 padding:0 0 4px 0;
 border:0;
 text-align:left;
 /*line-height: 1;*/
 font-size: 17px;
 overflow:hidden;
 align-items: center;
}
#rhizomePopupNrhizome.rhizomePopup > div div a{
 background: linear-gradient(135deg, #5eb8a7 0%, #3daa94 100%);
 width:348px;
 height: 56px;
 line-height: 56px;
 font-size: 17px;
 color: #FFFFFF;
 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
 border:none;
}
#rhizomePopupNrhizome.rhizomePopup > div div a:hover{
 border: solid 2px #1b9b82;
 background-image: none;
 box-shadow: none;
 color: #1b9b82;
 box-sizing: border-box;
 border-radius: 4px;
}
#rhizomePopupNrhizome.rhizomePopup > div div a.aboutRhizome{
 border:none;
 color:black;
 background:none;
 display:inline;
 box-shadow: none;
}
#rhizomePopupNrhizome.rhizomePopup > div div a.aboutRhizome:hover{
 text-decoration:underline;
}

#rhizomePopupNnbodd.rhizomePopup .loginForRead {
  background-color: #fff;
  position: relative;
}
#rhizomePopupNnbodd.rhizomePopup span.close {
  display:block;
  top: -34px;
  position: absolute;
  right: 0;
  color: #242424;
  cursor:pointer;
}
#rhizomePopupNnbodd.rhizomePopup span.close:before {
  color: #ffffff;
  font-size: 45px;
  width: 32px;
  line-height: 32px;
  position: absolute;
  right: 3px;
  display: inline-block;
  text-align: center;
  content: "\00d7";
}
#rhizomePopupNnbodd.rhizomePopup .btnGreenGradientPc:hover,
#rhizomePopupNnbodd.rhizomePopup .btnRedGradientPc:hover {
  background: #ffffff;
}

/* ---------------------------------------------------------------------------------------- */
/* フォローボタン */
.btnFollow a {
  display:inline-block;
  box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  border: 1px solid #E6001E;
  color: #E6001E;
  padding: 7px 12px 7px 32px;
  font-size:14px;
  font-weight:500;
  line-height:14px;
  height:30px;
  background-color:#fff;
}
.btnFollow a:hover {
  box-sizing: border-box;
  border: 2px solid #E6001E;
  padding: 6px 11px 6px 31px;
}

.btnFollow.active a {
  background: #E6001E;
  color: #fff;
}
.btnFollow.active a:hover {
  opacity:0.7;
}

.btnFollow a:before{
    content: '';
    background: url(/images/onb/2019/sp/plusIconGlobal.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 12px;
    top: 7px;
}
.btnFollow a:hover:before{
    position: absolute;
    left: 11px;
    top: 6px;
}

.btnFollow.active a:before{
    content: '';
    background: url(/images/onb/2019/sp/checkIconGlobal.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 12px;
    top: 7px;
}
.btnFollow.active a:hover:before{
    position: absolute;
    left: 11px;
    top: 6px;
}
/* ---------------------------------------------------------------------------------------- */
/* タグフォロー */
.tagSearchTitle .btnFollow{
  position: absolute;
  top: 10px;
  right: 0;
  text-align: right;
  padding-right: 30px;
}
/* 著者フォロー */
.leafProfile .followBox .numberFollowers {
  color: #666666;
  margin-right: 20px;
  letter-spacing: 0.2px;
  line-height: 2.5;
  font-size: 14px;
  font-weight: 500;
}
/* 連載フォロー */
.leafHeader{
  position: relative;
}
.leafHeader .followBox{
  position: absolute;
  right:30px;
  top:8px;
}
.leafContainer .followBox a {
  padding: 4px 12px 4px 32px;
  height:24px;
}
.leafContainer .followBox a:hover {
  padding: 3px 11px 3px 31px;
}
.leafContainer .followBox .btnFollow a:before{
    top: 4px;
}
.leafContainer .followBox .btnFollow a:hover:before{
    top: 3px;
}
.leafContainer .followBox .btnFollow.active a:before{
    top: 4px;
}
.leafContainer .followBox .btnFollow.active a:hover:before{
    top: 3px;
}
.featureBoxContent .followBox a{
  border:1px solid #fff;
}
.imageTitle .followBox a {
  border: 1px solid #E6001E;
}
.imageTitle .followBox .active a,
.featureBoxContent .followBox .active a{
  border:1px solid #e6001e;
}
.imageTitle .followBox a:hover,
.featureBoxContent .followBox a:hover{
  border:2px solid #e6001e;
}
.featureBoxContent .followBox{
    float: right;
    clear: both;
    margin: 10px 30px 20px 30px;
}
.featureBoxContent .followBox .numberFollowers{
  color:#fff;
  margin-right:10px;
}
/* 議論をフォロー */
.mainHeader .followBox { text-align:right; }
/* セミナー記事：連載をフォロー */
.mainHeader .seminarHead .followBox { right: 0; top: 0;}
/* 親記事：連載をフォロー */
.leafPostHeaderInfo .followBox{
  display: flex;
  justify-content: space-between;
}
.featureBox .pastTitle {
  padding-top: 5px;
  display: block;
  margin-left: 30px;
  color: white;
  font-weight: normal;
  font-size: 18px;
  position: absolute;
}

/* 記事タイトル下アイコン */
.likeAndComment span{
  position:relative;
  padding-left:16px;
  font-style:normal;
}
.likeAndComment span::before{
  content: '';
  background-size: auto auto;
  background-size: cover;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 2px;
}
.likeAndComment .numberComments{
  margin-right:12px;
}
.likeAndComment .numberComments::before {
  background: url(/images/onb/2019/commentIcon.png) no-repeat;
}
.likeAndComment .numberParticipants::before {
  background: url(/images/onb/2019/comment_raise.png) no-repeat;
}
.likeAndComment .numberLikes::before {
  background: url(/images/onb/2019/likeIcon.png) no-repeat;
}
.articleContent .likeAndComment span{ padding-left:0;}
.articleContent .likeAndComment span::before{ content:none;}

/* raise親記事参加人数 */
.postListIcon .numberParticipants{
  position:relative;
  padding-left:16px;
}
.postListIcon .numberParticipants::before {
  background: url(/images/onb/2019/comment_raise.png) no-repeat;
  content: '';
  background-size: auto auto;
  background-size: cover;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 2px;
}

/* mypage */
.popupListCardContent ul li{
  height:54px;
  transition:height 0.5s ease-in-out 0.2s , opacity 0.2s ease-in-out 0s;
}
.popupListCardContent ul li.hide{
  height:0;
  opacity:0;
}
/* 2重送信防止用 */
.offTarget{
  pointer-events: none;
}
/* adtag iframe */
.listArticle li iframe{
  width:100%;
  /* height: 90px; */
}
.recommendesInfomation li iframe{
  width:100%;
  /* height: 90px; */
  margin-bottom:15px;
}
aside .recommendBox.recommendInfo li{
  border-bottom:1px solid #eee;
  margin-bottom:10px;
}
aside .recommendBox.recommendInfo li:last-child{
  border-bottom:none;
  padding-bottom:0;
}
aside .recommendBox.recommendInfo li div div iframe{
  margin-bottom:10px;
}
/* profile画像 */
.avatarCircle {
  overflow: hidden;
  position: relative;
  border-radius: 50%; }
  .avatarCircle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%; }
  .avatarCircle.sizeSeventyTwo {
    width: 72px;
    height: 72px; }
  .avatarCircle.sizeFiftySix {
    width: 56px;
    height: 56px; }
  .avatarCircle.sizeForty {
    width: 40px;
    height: 40px; }
  .avatarCircle.sizeThirtySix {
    width: 36px;
    height: 36px; }
  .avatarCircle.sizeThirtyTwo {
    width: 32px;
    height: 32px; }
  .avatarCircle.sizeTwentyFour {
    width: 24px;
    height: 24px; }

.avatarCircle img {
  border-radius: 50%; }
.menuLogin .avatarCircle{
  width: 36px;
  height: 36px;
}
.burgerMenuHead .avatarCircle{
  width: 56px;
  height: 56px;
}
.myPageHeader .avatarCircle{
  width: 72px;
  height: 72px;
  margin-right:15px;
}
.myPage .avatarCircle{
  width: 40px;
  height: 40px;
}

/* 通知エリア */
#wrapper > header .loginBox ul.menuLogin li.avatarUser:hover .modalNotification{
  display:none;
}
#wrapper > header .loginBox ul.menuLogin li.avatarUser.notLogin:hover .modalNotification{
  display:block;
}
#wrapper > header .loginBox ul.menuLogin li.avatarUser.active .modalNotification{
  display:block;
}
section.myPage .tabWrapper{
  border-bottom:none;
}
.notificationArea ul li {
  height: auto; }
  .notificationArea ul li.active a{
  background: #fffcf8;
  box-sizing:border-box;}
  .notificationArea ul .itemNotice {
    display: flex; }
    .notificationArea ul .itemNotice .itemIcon { text-align:center; }
    .notificationArea ul .itemNotice .itemContent { }
      .notificationArea ul .itemNotice .itemContent h5.title{
        font-style:normal;
        font-weight: 500;}
        .notificationArea ul .itemNotice .itemContent h5.title span{
          font-weight: 500; }
        .notificationArea ul .itemNotice .itemContent h5.title var,
        .notificationArea ul .itemNotice .itemContent h5.title em{
          font-style:normal;
          font-weight: bold; }
      .notificationArea ul .itemNotice .itemContent p.desciption {
        font-weight: 500;
        color: #666666;
        margin-top: 5px; }
    .notificationArea ul .itemNotice .itemDate {
      align-self: flex-end; }
      .notificationArea ul .itemNotice .itemDate p span {
        font-size: 10px;
        color: #E6001E;
        font-family:serif;}
      .notificationArea ul .itemNotice .itemDate p span.ONB::before {
        content:'NB';}
      .notificationArea ul .itemNotice .itemDate p span.NXW::before {
        color: #f13c5d;
        content:'xwoman';}
      .notificationArea ul .itemNotice .itemDate p span.NXWT::before {
        color: #36b2b2;
        content:'Terrace';}
      .notificationArea ul .itemNotice .itemDate p span.ARIA::before {
        color: #937e28;
        content:'ARIA';}        
      .notificationArea ul .itemNotice .itemDate p span.DUAL::before {
        content:'DUAL';}        
      .notificationArea ul .itemNotice .itemDate p span.DRS::before {
        color: #ff6600;
        content:'doors';}
      .notificationArea ul .itemNotice .itemDate p span.NXR::before {
        color: #d32f2f;
        content:'xTREND';}
      .notificationArea ul .itemNotice .itemDate p var {
        font-style:normal; }

section.myPage .tabWrapper .tabContent.notificationArea ul.tabItem li{
  height:auto;}
.myPage .notificationArea ul .itemNotice {
    padding-top: 15px;
    padding-bottom: 17px;
    padding-left: 30px;
    padding-right: 30px;
  height:auto;}
  .myPage .notificationArea ul .itemNotice .itemIcon{
      width: 40px;
      height: 40px;}
    .myPage .notificationArea ul .itemNotice .avatar img {
      width: 40px;
      height: 40px; }
    .myPage .notificationArea ul .itemNotice .itemIcon img {
      width: 30px;}
    .myPage .notificationArea ul .itemNotice .itemIcon.info img {
      width: 8px;}
    .myPage .notificationArea ul .itemNotice .itemContent {
      margin-left: 20px;
      width: 508px; }
      .myPage .notificationArea ul .itemNotice .itemContent h5.title{
        margin-top: 5px;
        font-size: 17px;
        line-height: 1.41;}
      .myPage .notificationArea ul .itemNotice .itemContent p.desciption {
        margin-top: 5px; }
    .myPage .notificationArea ul .itemNotice .itemDate {
      margin-left: 22px;
      align-self: flex-end; }
      .myPage .notificationArea ul .itemNotice .itemDate p span {
        margin-left: 8px;}

.avatarUser .notificationArea ul li {
    font-size: 14px;
text-align:left;
border-bottom: 1px solid #eee;
    }
  #wrapper > header .loginBox ul.menuLogin .avatarUser .notificationArea ul li a { 
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: left;
  padding:15px;
  box-sizing:border-box;
    }
  .avatarUser .notificationArea ul .itemNotice .avatarCircle,
  .avatarUser .notificationArea ul .itemNotice .itemIcon {
      width: 24px;
      height: 24px;
    min-width:24px;
    flex-basis:24px;
    box-sizing:border-box;}
    #wrapper > header .loginBox ul.menuLogin .avatarUser .notificationArea ul .avatorCircle img {
      width: 24px;
      height: 24px; }
    #wrapper > header .loginBox ul.menuLogin .avatarUser .notificationArea ul .itemIcon img {
      width: 20px;
      height: auto;}
    #wrapper > header .loginBox ul.menuLogin .avatarUser .notificationArea ul .itemIcon.info img {
      width: 5px;
      height: auto;}
    .avatarUser .notificationArea ul .itemNotice .itemContent {
      margin-left: 10px;
    min-width:335px;
    flex-basis:335px;
    box-sizing:border-box;
       }
      .avatarUser .notificationArea ul .itemNotice .itemContent h5.title{
        font-size: 14px;
        line-height: 1.41;}
      .avatarUser .notificationArea ul .itemNotice .itemContent p.desciption {
        margin-top: 5px; }
    .avatarUser .notificationArea ul .itemNotice .itemDate {
      margin-left: 22px;
      align-self: flex-end;
    flex-basis: 335px;
text-align: right;
color:#666;
font-weight:500;}
      .avatarUser .notificationArea ul .itemNotice .itemDate p span {
        margin-left: 8px;}

/*  */
.leafHeader .mainHeader .leafAuthor .authorAvatar .avatarCircle{
  width:40px;
  height:40px;
}

/* chart */
.loginForRead .loginChart .loginChartCanvas{
  margin:auto;
  width:400px;
  height:300px;
}

/* modal */
.simple-popup-content .loginForRead .loginForReadAction ul{
  align-items: flex-end;
}
.simple-popup-content .loginForRead .loginForReadAction.singleBtn{
  padding-top:25px;
}
.simple-popup-content .popupOption{
  height:auto;
}
.simple-popup-content .popupOption .popupOptionContent{
  border-top:none;
}
.simple-popup-content .popupOption li{
  border-top:1px solid #ddd;  
}
.simple-popup-content .popupOption li:first-child{
  border-top:none;  
}
.simple-popup-content ul.paywallBtn .btnGreenGradientPc:hover,
.simple-popup-content ul.paywallBtn .btnRedGradientPc:hover {
  background: #ffffff;
}

/* latest */
.creationList .creationListItem .creationListContent .creationListTitle h3 .iconMovie{
 background:url(/images/onb/2019/sp/iconMovie.svg);
 background-size:cover;
 width:20px;
 height:17px;
 margin-left:5px;
}

/* BPプルダウン */
.bpSiteNavi { position:relative; }
.bpSiteNavi .bpSiteList{
  display:none;
  position: absolute;
  background: #fff;
  width:200px;
  padding: 8px 16px;
  border: 1px solid #ccc;
  z-index: 9999;
  left: 0;
  top: 23px;
  font-size:12px;
  line-height:1;
}
.bpSiteNavi .bpSiteList li { padding:6px 0; }
.bpSiteNavi .bpSiteList li:nth-child(2) { margin-left: 0;}
.bpSiteNavi .bpSiteList li a:hover { text-decoration:underline; }
.bpSiteNavi li:nth-child(2) { margin-left:0; }
.bpSiteNavi a.linkBottomArrow { padding-bottom: 5px; }
.bpSiteNavi #globalNaviStatus { display: none;}
.bpSiteNavi #globalNaviStatus:checked ~ label.mask,
.bpSiteNavi #globalNaviStatus:checked ~ label.mask ~ ul.bpSiteList{
  display: block !important; }
.bpSiteNavi .bottomArrow {
  margin-left: 6px;
  display: inline-block;
  background: url("/images/onb/2019/bottomArrow.png") no-repeat;
  background-size: 100% 100%;
  width: 9px;
  height: 9px; }
.bpSiteNavi label { cursor: pointer; }
.bpSiteNavi label.mask{ display: none; }
.bpSiteNavi label.mask div{
  position: fixed;
  background: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
.bpSiteNavi ul.bpSiteList li.close{
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 4px;
  border: solid 1px #888888;
  border-radius: 2px;
  margin: 0;
  padding: 0; }
.bpSiteNavi ul.bpSiteList li.close::before,
.bpSiteNavi ul.bpSiteList li.close::after{
  display: block;
  content: "";
  position: absolute;
  top: -9px;
  border-bottom: solid 1px #888888;
  width: 17px;
  height: 17px; }
.bpSiteNavi ul.bpSiteList li.close::before{
  transform: rotate(45deg);
  left: 3px; }
.bpSiteNavi ul.bpSiteList li.close::after{
  transform: rotate(-45deg);
  left: -8px; }
.bpSiteNavi ul.bpSiteList li.close label{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999; }
.recentPickupPost { margin-bottom:40px;}

/* mypage paywall */
section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice{
  margin-left:0;
  margin-right:0;
}
/* top red note */
.topComment .topRedNote, .asideLeft .keypersons .topRedNote, .asideLeft .todayData .topRedNote, .asideLeft .latestIssue .topRedNote, section.topArticleSecond .topItem .topRedNote{
  width:auto;
  padding:0 8px;
}
.poweredBy{
  color: #666;
  font-size: 10px;
}
article .poweredBy{
  text-align: right;
  padding: 3px 0 0;
  margin-right: 70px;
}
footer.mainFooter .poweredBy{
  padding: 3px 0 15px 0;
  width: 1120px;
  margin:auto;
}
/* author */
nav.syllabaryNav ul li span{
  color:#ccc;
  padding: 8px 10px;
}
.commentBox .commentContent ul li .commentItemRight p.textAuthor{
  color:#242424;
  font-weight:bold;
}
.commentBox .commentContent ul li .commentItemRight p.textAuthor,
.commentBox .commentContent ul li .commentItemRight p.textAuthorTitle{
  word-break: break-all;
  padding-right:25px;
}
.themeContens dl dt,
.themeContens dl dd,
.themeContens dl dt .fullname,
.themeContens dl dt .college,
.topComment ul.topCommentList li .topCommentAuthor .topCommentAuthorName,
.topComment ul.topCommentList li .topCommentAuthor .topCommentAuthorTitle,
section.fullWidth .bodyBlock ul.raiseList li a .itemContent p.itemTitle,
.glowingComment ul.listGlowingComment li .commentItem .commentHead p.CommentTitle,
.glowingComment ul.listGlowingComment li .commentItem .commentHead p.CommentSubTitle,
.glowingCommentBox .glowingCommentAuthorName,
.glowingCommentBox .glowingCommentAuthorAddr,
.commentBox .commentContent ul li .commentItemRight p,
.themeContens .creationListIcon,
.glowingCommentBox .glowingCommentContent,
.asideRight .glowingCommentRight .glowingCommentBox .commentContent,
.asideRight .glowingCommentRight .glowingCommentBox h3.authorName,
.asideRight .glowingCommentRight .glowingCommentBox .authorInfo .address,
.glowingComment ul.listGlowingComment li .commentItem p.commentDesciption,
.topComment .topCommentPopup p,
.topComment .topCommentPopup .topCommentPopupAuthor,
.topComment .topCommentPopup .topCommentPopupTitle,
.notificationArea ul .itemNotice .itemContent h5.title var,
.notificationArea ul .itemNotice .itemContent h5.title em,
.myPage .notificationArea ul .itemNotice .itemContent h5.title,
.myPage .notificationArea ul .itemNotice .itemContent p.desciption,
.listArticle li a .articleContent .likeAndComment,
.avatarUser .notificationArea ul .itemNotice .itemContent h5.title,
.avatarUser .notificationArea ul .itemNotice .itemContent p.desciption,
.commentBox form.frmComment .replyClose,
section.fullWidth .raiseList .rhizomeStage dl,
section.fullWidth .raiseList .rhizomeStage .creationListIcon
{
  word-break: break-all;
}
.asideRight .tabWrapper .tabContent .tabItem .rankItem .rankTitle{
  display:flex;
  align-items: center;
}
.asideRight .tabWrapper .tabContent .tabItem .rankTitle .rankNumber{
  bottom:0;
  flex-basis:20px;
  margin-right:2px;
}
.commentBox .commentContent ul li .commentItemRight a.iconBall, .commentBox .commentContent ul li .commentItemRight a.myIconBall{
  top: 0;
  height: 16px;
  align-items: center;
  z-index: 100;
  padding:0;
}
.avatarCicrle.sizeTwentyFour{
  min-width:24px;
}
.listArticle li a .articleContent .likeAndComment{
  display:flex;
}
.listArticle li a .articleContent .likeAndComment span{
  margin-right:18px;
  display:flex;
}
.listArticle li a .articleContent .likeAndComment span{
  align-items:center;
}
.listArticle li a .articleContent .likeAndComment span i{
  width:12px;
  height:12px;
  background-size:cover;
  margin-right: 4px;
}
.listArticle li a .articleContent .likeAndComment span var{
  font-style:normal;
}
.listArticle li a .articleContent .likeAndComment span em{
  font-style:normal;
  font-weight:bold;
}
.listArticle li a .articleContent .likeAndComment i.iconchart{
  margin-left:0;
}
.listArticle li a .articleContent .likeAndComment span.spanChart {
  font-weight: bold;
  color: #E6001E;
}
/* top */
section.fullWidth .bodyBlock ul.raiseList li a .itemContent.rhizomeStage{
  font-size:12px;
  /*height: 150px;
  overflow: hidden;*/
  box-sizing: border-box;
}
section.fullWidth .raiseList .rhizomeStage .avatarCircle{
  margin-right:10px;
}
section.fullWidth .raiseList .rhizomeStage dl{
  flex-basis:177px;
  box-sizing:border-box;
  margin: 0;
}
section.fullWidth .raiseList .rhizomeStage dt .fullname{
  font-weight:bold;
  padding-right:10px;
  word-break: break-all;
}
section.fullWidth .raiseList .rhizomeStage dd{
  margin:0;
  word-break: break-all;
}
section.fullWidth .raiseList .rhizomeStage .creationListIcon{
  padding-top:10px;
}
section.fullWidth .raiseList .rhizomeStage .creationListIcon strong{
  font-weight:normal;
}
section.fullWidth .bodyBlock .raiseList .raiseview strong{
  font-weight:normal;
}
section.fullWidth .raiseList .rhizomeStage .icon.iconRaiseGray{
  width:12px;
  height:12px;
  margin-right:4px;
}

/* aboutRhizome */
section.myPage .registerForUse .noticeText .aboutRhizome,
#wrapper > header .loginBox ul.menuLogin li a.aboutRhizome{
  color:#666;
  font-size:14px;
  text-align:right;
  display:block;
  font-weight:500;
}
/* loading */
.feedbackLoading{
  display:flex;
  justify-content:center;
  margin-top:10px;
}
.feedbackLoading img{
  width:32px;
  height:32px;
}
/* 画像縦横比揃え */
section.recommendesInfomation ul.recommendesInfomationList li .right,
.listArticle li a .articleThumb,
ul.recommendArticle li .recommendArticleItem .recommendArticleImg,
section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink{
  width: 120px;
  overflow: hidden;
  height: 90px;
  position: relative;
}
section.recommendesInfomation ul.recommendesInfomationList li .right img,
.listArticle li a .articleThumb img,
ul.recommendArticle li .recommendArticleItem .recommendArticleImg img,
section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink img{
  width: auto;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.recommendesInfomation ul.recommendesInfomationList li a:hover .right img,
.listArticle li a:hover .articleThumb img,
ul.recommendArticle li a:hover .recommendArticleItem .recommendArticleImg img,
section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink:hover img{
  transform: translate(-50%, -50%) scale(1.2);
}
.creationList .creationListItem .creationListImg{
  position: relative;
}
.creationList .creationListItem .creationListImg img{
  width: auto;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.creationList .creationListItem a:hover .creationListImg img{
  transform: translate(-50%, -50%) scale(1.2);
}
.listArticle li a .articleContent .likeAndComment{
  position:relative;
  line-height:18px;
}
.listArticle li a .articleContent .likeAndComment span.rhizomeStage{
  display:none;
}
.creationList .specialCreationListItem .creationListImg{
  width: 212px;
  overflow: hidden;
  height: 159px;
  position: relative;
  display:block;
}
.creationList .specialCreationListItem .creationListImg img{
  width: auto;
  height: 159px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.creationList .specialCreationListItem a:hover .creationListImg img{
  transform: translate(-50%, -50%) scale(1.2);
}
.asideRight .tabWrapper .tabContent .tabItem .rankContent .rankImg{
  width: 60px;
  overflow: hidden;
  height: 45px;
  position: relative;
  float:right;
  display:block;
}
.asideRight .tabWrapper .tabContent .tabItem .rankContent img{
  width: auto;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.featureBox .featureBoxContent .featureBoxItem .featureBoxImg{
  width: 96px;
  overflow: hidden;
  height: 72px;
  position: relative;
  float:right;
  display:block;
}
.featureBox .featureBoxContent .featureBoxItem .featureBoxImg img{
  width: auto;
  height: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.featureBox .featureBoxContent a:hover .featureBoxItem .featureBoxImg img{
  transform: translate(-50%, -50%) scale(1.2);
}
.rhizomeStage .themeContens .creationListIcon{
  height:auto;
}
/* clipアイコン */
.leafHeader .mainHeader .boxSocial ul.social.smallIcon li a.fileLink.isOpen .btnLabel{
  background-size:40%;
}
#wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent{
  height:auto;
}
#wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.displayName{
  width: 220px;
  word-break:break-all;
}
header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent p.rhizomeStage{
  word-break:break-all;
}
/* 文字数カット */
section.fullWidth .raiseList .rhizomeStage dt{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:177px;
}
section.fullWidth .raiseList .rhizomeStage .creationListIcon{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:256px;
}
.rhizomeStage .themeContens dt{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:285px;
}
.rhizomeStage .themeContens .creationListIcon{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:325px;
}
section.fullWidth .raiseList .rhizomeStage .creationListIcon span,
.rhizomeStage .raiseSlaiderCard .themeContens .creationListIcon span{
  display:none;
}
#article .articleSalesBanner{
  text-align:center;
  margin:15px auto;
}
#article .articleSalesBanner img{
  max-width:680px;
  height:auto;
}
/* 転載元ロゴ */
.leafHeader .imageTitle .reprintLogo{
  z-index:100;
}
.leafHeader .imageTitle.logoSpace .textTitle{
  display:flex;
  align-items:center;
  top:10px;
  height:90px;
}
.leafHeader .imageTitle.logoSpace .reprintLogo{
  margin-left:20px;
}

#article .searchTitle h2 span{
  font-size:14px;
  margin-left:10px;
}
#article .myPage .noDataNoticeArea{
  display:none;
  margin:20px;
}
/* 総合トップ左 雑誌表紙画像 */
.asideLeft .latestIssue img{
border-top:1px solid #E6001E;
border-bottom:1px solid #C4C4C4;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
margin:-1px;
}

/* 雑誌バックナンバー */
.magazineList li a:first-child img,
.magazineList div a:first-child img{
border:1px solid #c4c4c4;
margin:-1px;
}

/* 右ペイン 最新号 */
.asideRight .latestmag {
  width: 100%;
  border-top: 1px solid #E6001E;
  margin-bottom: 30px;
}
.asideRight .latestmag .flagKeyArrow {
  font-size: 14px;
  font-weight: 500;
  color: #E6001E;
  line-height: 24px;
  float: right;
}
.asideRight .latestmag p.redNote {
  background: #E6001E;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 24px;
  display: inline-block;
  padding: 0 8px;
}
.asideRight .latestmag .coverTitle {
  display: block;
  overflow: hidden;
  padding-top: 10px;
}
.asideRight .latestmag .coverTitle img {
  float: left;
  width: 145px;
  height: auto;
  margin-right: 15px;
  border: 1px solid #C4C4C4;
}
.asideRight .latestmag .flagKeyArrow a:hover {text-decoration: underline; }
.asideRight .latestmag .coverTitle p.date {
  color: #666666;
  font-weight: 500;
  padding: 5px 0 10px;
}
.asideRight .latestmag .coverTitle p.slogan {
  font-size: 17px;
  font-weight: bold;
}
.asideRight .latestmag .coverTitle .viewerBtn {
  display: inline-block;
  width: 120px;
  padding: 8px;
  margin: 20px auto;
}
.asideRight .latestmag .coverTitle .icon.viewer {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  margin-right: 5px;
}

/* 記事中関連記事 */
.articleBody .relationArticle{
 clear:both;
 padding:0important;
 margin-bottom: 40px;
}
.articleBody .relationArticle li{
 list-style:none!important;
 padding:0!important;
}
.articleBody .relationArticle li:after{
 clear:both;
 display:block;
 content:"";
 height:20px;
}
.articleBody .relationArticle li .thumb{
 float:left;
 width:180px;
 margin-right:10px
}
.articleBody .relationArticle li .thumb img{
 width:180px;
 height:auto;
}
.articleBody .relationArticle li p{
 font-size: 14px!important;
 padding:0!important;
 margin-bottom: 5px!important;
 line-height:100%!important;
 color:black;
}
.articleBody .relationArticle li p.date, #articleBody.articleBody .relationArticle li p.shoulder{
 color: #777;
}
.articleBody .relationArticle li p.title{
 font-size:16px!important;
 font-weight:bold;
 padding:2px 0!important;
}
.articleBody .relationArticle li p.subtitle{
 margin:0!important;
 padding:0!important;
}
.articleBody .relationArticle li .icon.iconLockClose {
 vertical-align: text-bottom;
}

/* ログインボックス上の文章グラデーション */
.aloneLoginForRead {
position:relative;
clear: both;
}
.grad::before{
position:absolute;
content:'';
display:block;
width:100%;
height:200px;
top:-200px;
left:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.kouseiProof {
    width: auto;
    background: #E6001E;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    padding: 0 5px!important;
}

/* 総合トップ左上1分解説枠 */
.asideLeft ul.oneMinuteItem {
  justify-content: space-between;
  margin-top:30px;
  margin-bottom:20px;
}
.asideLeft ul.oneMinuteItem li {
  position: relative;
  margin-bottom:5px;
}
.asideLeft ul.oneMinuteItem li:first-child {
  margin-left: 0;
}
.asideLeft ul.oneMinuteItem li a .oneMinuteItemImage {
  width: 200px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
.asideLeft ul.oneMinuteItem li a .oneMinuteItemImage:before {
  z-index: 1;
  padding: 2px;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: background .4s ease-in-out;
}
.asideLeft ul.oneMinuteItem li a img {
  width: 100%;
  transition: transform .5s;
}
.asideLeft ul.oneMinuteItem li a p.title {
  position: absolute;
  left: 0;
  bottom: 7px;
  padding: 0 6px 0 7px;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.24;
  z-index: 2;
}
.asideLeft ul.oneMinuteItem li a:hover .oneMinuteItemImage:before {
  background: rgba(0, 0, 0, 0.2);
  padding: 0;
  border: 2px solid #E6001E;
  box-sizing: border-box;
}
.asideLeft ul.oneMinuteItem li a:hover img {
  transform: scale(1.03);
  margin: 0;
}
.asideLeft .oneMinute {
display:block;
position:relative;
border-top: 1px solid #E6001E;
}
.asideLeft .oneMinute .topRedNote{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #E6001E;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 24px;
  z-index:2;
}

/* 横並びバナー */
.inlineBanner { clear: both; }
.inlineBanner .adRectangle {
  width: 650px;
  overflow: hidden;
  margin: 0 auto 60px;
}
.inlineBanner .adRectangle {
  width: 650px;
  overflow: hidden;
  margin: 0 auto 60px;
}
.inlineBanner .adRectangle > li:first-child {
  float: left;
  margin-right: 50px;
}
.inlineBanner .adRectangle > li { list-style: none; }
.recommendAd1 { margin-bottom: 40px; }
.recommendAd2 { margin-bottom: 20px; }

/* コンテキストヘルプ：アイコン */
.helpIcon {
  display: inline-block;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  border: solid 1px #ddd;
  color: #666;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  z-index: 1;
  padding-left: 1px;
  padding-top: 1px; }
  .helpIcon:hover { color: #e6001e; }
  .helpIcon.-bgwhite { background-color: #ffffff;}
  .textPoint .helpIcon { margin-left: 5px; vertical-align: middle; }
  .tabHeaderMyPage .helpIcon { margin: -6px 0 0 10px; vertical-align: top; }
  .mainHeader .helpIcon { position: absolute; top: -5px; right: 0px; }
  .seminarHead .helpIcon { position: absolute; top: 0; right: 0px; }
  .articleBottom .helpIcon { position: absolute; right: 10px; top: 0px; }
  .leafHeader .imageTitle .helpIcon { position: absolute; top: 10px; right: 25px; background-color: #fff; }
  .coverTitle .btn { position: relative; }
  .coverTitle .btn .helpIcon { position: absolute; top: 22px; right: 2px; }
  .followBox { position: relative; padding-right: 25px; }
  .featureBoxContent .followBox { padding-right: 0; }
  .followBox .helpIcon { position: absolute; right: 0; top: 2px; }
  .tagSearchTitle .btnFollow .helpIcon { position: absolute; right: 0; top: 5px;}
  .authorPage .followBox span.helpIcon { display: none; top: 7px;}
  .authorPage .followBox span:nth-last-of-type(3) { display: block; }

/* コンテキストヘルプ：モーダル */
.contextHelpBody {
  background: #FFFFFF;
  padding: 25px 30px 20px 30px;
  border-radius: 4px; }
  .contextHelpBody h3 {
    font-size: 24px;
    color: #242424;
    font-weight: bold;
    margin-bottom: 6px; }
  .contextHelpBody h3 a:hover {
    color: #e6001e; }
  .contextHelpBody dl {
    display: flex;
    margin-bottom: 6px; }
  .contextHelpBody dl dt {
    margin: 0; }
  .contextHelpBody dl dd {
    font-weight: bold;
    margin: 0; }
  .contextHelpBody p a {
    color: #e6001e; }

/* SEO 20191029追加 */
.articleBody .reArticleLink{
  margin-top: 48px;
  margin-bottom: 48px;
}
.articleBody .reArticleLink .reArticleWidget {
 border: 1px solid #f2f2f2;
}
.articleBody .reArticleLink a {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 24px;
  text-decoration: none;
}
.articleBody .reArticleLink a:first-child {
  min-width: 142px;
}
.articleBody .reArticleLink a:nth-child(2) {
  -webkit-box-flex: 0;
  flex: 0;
  width: 100%;
  background-position: 50%;
  background-size: cover;
}
.articleBody .reArticleLink em {
  display: block;
  margin-bottom: 8px;
  line-height: 1.5;
  color: #787c7b;
  font-size: 12px;
}
.articleBody .reArticleLink .reArticleWidget>a {
  display: table-cell;
  padding: 16px;
  vertical-align: middle;
}
.articleBody .reArticleLink .reArticleTitle {
  max-height: 2.8em;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.articleBody .reArticleLink .reArticleImage {
  height: 110px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.articleBody .reArticleLink .reArticleDescription {
  display: -webkit-box;
  max-height: 3em;
  overflow: hidden;
  color: #787c7b;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.articleBody .reArticleLink .reArticleSource {
  text-align: right;
}

/* バックナンバーテーマ用：20191115 */
.magazineTag {
  width: 760px;
  overflow: hidden;
  margin: 20px 0;
}
.magazineTag li {
  float: left;
  font-size: 13px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
.magazineTagSummary {
  overflow: hidden;
  margin: 0 0 40px;
  border: 1px solid #E6001E;
  padding: 12px 17px;
}
.magazineTagSummary li {
  font-weight: bold;
}
.magazineTagSel {
  color: #f6f6f6;
  display: block;
  margin: 2px;
  padding: 4px 15px 4px;
  text-align: center;
  border: 1px solid #E6001E;
  border-radius: 3px;
  background: #E6001E;
}
.magazineTagDef {
  color: #242424;
  display: block;
  margin: 2px;
  padding: 4px 15px 4px;
  text-align: center;
  border: 1px solid #9fa1a4;
  border-radius: 3px;
  background: #fff;
}
.magazineTagDef:hover {
  border: 1px solid #E6001E;
}

/* 検索結果ペイウォール */
.searchResultPaywall {
  width: 760px;
  border-radius: 2px;
  background-color: #f6f6f6;
  text-align: center;
  margin-bottom: 20px; }
.searchResultPaywall .result { display: none; }
.searchResultPaywall .textBlock { padding: 20px 150px; }
.searchResultPaywall .textBlock p { font-size: 18px; }
.searchResultPaywall .textBlock strong { font-size: 18px; font-weight: bold; }
.searchResultPaywall .textBlock .small { font-size: 16px; }
.searchResultPaywall .textBlock .red { color: #E6001E; }
.searchResultPaywall .image img { width: 360px; }
.searchResultPaywall ul.paywallBtn { padding: 0 40px 15px; margin: 0; }
.searchResultPaywall ul.paywallBtn.registmem { margin: 0; padding: 0 90px 15px; }
.searchResultPaywall ul.paywallBtn.notlogin li.regist a {
  width: 320px;
  float: left;
  margin: 15px 0 10px 0; }
.searchResultPaywall ul.paywallBtn.notlogin li.login a {
  width: 320px;
  float: right;
  margin: 15px 5px 10px 10px; }

/* スライドイン */
#slideIn {
  opacity:0;
  width: 300px;
  height: auto;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  background-color: #ffffff;
  position: fixed;
  bottom: 18px;
  left: -310px;
  z-index: 10; }
#slideIn a {
  display: block;
  padding: 10px 5px 10px 10px;
  margin-right: 20px; }
#slideIn dl {
  display: flex;
  justify-content: space-between;
  margin: 0; }
#slideIn dl dt {
  width: 80px;
  height: auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }
#slideIn dl dt img {
  width: 80px;
  height: auto; }
#slideIn dl dd {
  width: 170px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }
#slideIn dl dd h4 {
  font-size: 12px;
  color: #141d1d;
  line-height: 1.4;
  margin-bottom: 2px; }
#slideIn a:hover dl dd h4 { color: #E6001E; }
#slideIn dl dd p {
  font-size: 10px;
  color: #666666;
  font-weight: 500; }
#slideIn .close {
  width: 18px;
  height: 18px;
  position: absolute;
  right: -6px;
  top: -6px;
  cursor: pointer; }
#slideIn .close::after {
  display: block;
  border: 1px solid #bbb;
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
  content: "\00d7";
  font-size: 16px;
  color: #999;
  width: 18px;
  line-height: 16px;
  font-weight: 500;
  padding-top: 1px; }
#slideIn .close:hover::after {
  color: #e6001e; }

/* 常時ポイント表示 */
.nbPoint {
  font-weight: bold;
  font-size: 14px; }
.nbPoint strong { color: #E6001E; }
.nbPoint::before {
  content: '';
  background: url("/images/onb/2019/sp/iconLockClose.svg") no-repeat;
  width: 16px;
  height: 12px;
  display: inline-block;
  background-size: 12px auto; }
.nbPoint.-bg {
  background-color: #f0f0f0;
  padding: 5px 0;
  text-align: center; }
.globalNavi .globalNaviRight li.nbPoint {
  font-weight: bold;
  font-size: 14px;
  margin-right: 20px; }
.burgerMenuHeadeftLeftContent .nbPoint {
  padding: 3px 20px 0;
  display: inline-block;
  line-height: 1.4 !important;
  text-indent: -17px; }

/* Raise Live Banner */
#raiseLiveBanner {
  width:100%;
  height:80px;
  margin:20px 0 5px;
}
#raiseLiveBanner p {
  width:1120px;
  margin:0 auto;
}