@charset "utf-8";

/* ===================================================================
CSS information
 file name : leaf.css
 style info : リーフ全般で使用するCSS
 └ 記事タイトル周り articleHeader全体
 └ 記事本文 articleBody
 └ .rankingList(月間アクセスランキングのみ)
 └ 記事下 articleBottom
 └ .icons（articleHeader/articleBottom共通）
 └ 記事下の下（トップページと共通できる箇所多数）※CSS共通化要検討
=================================================================== */

body { position: relative; }

/* ---------------------------------------------
 記事タイトル周り articleHeader全体 
 --------------------------------------------- */
#articleHeader { margin-bottom: 40px ; }

#articleHeader h1 {
  font-size: 32px;
  margin-bottom: 20px ;
}

#articleHeader h2 {
  border: none !important;
  font-size: 22px !important;
  font-weight: normal !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}

#articleHeader .upper:after,
#articleHeader .middle:after,
#articleHeader .lower:after {
  content: "";
  display: block;
  clear: both;
}

/*-- articleHeader パッケージカンバン --*/
#articleHeader .upper .parentKanban{
margin-bottom:20px;
}

/*-- articleHeader上段 .upper --*/
#articleHeader .upper {
  /*height: 94px;*/
  position: relative;
}

#articleHeader .upper .parentTitle {
  font-size: 16px;
  /*position: absolute;*/
  bottom: 30px;
  width: 490px;
  position: relative;
  margin-top: 45px;
}

#followBtn {
 visibility:hidden;
}

#articleHeader .upper .btnFollow,
#articleHeader .upper .btnUnfollow {
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  right: 0;
}

#articleHeader .upper .btnFollow a,
#articleHeader .upper .btnUnfollow a {
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
  display: block;
  line-height: 1;
  padding: 6px 9px 5px 30px;
}

#articleHeader .upper .btnFollow a:hover,
#articleHeader .upper .btnUnfollow a:hover {
  border: 1px solid #808080;
  color: #808080;
  text-decoration: none;
}

#articleHeader .upper .btnFollow a { background: url("/images/n/nbo/2016/common/icon_follow.png") no-repeat 9px center /13px; }
#articleHeader .upper .btnUnfollow a { background: url("/images/n/nbo/2016/common/icon_unfollow.png") no-repeat 9px center /13px; }
#articleHeader .upper .btnFollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_follow_on.png") no-repeat 9px center /13px; }
#articleHeader .upper .btnUnfollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_unfollow_on.png") no-repeat 9px center /13px; }

/*-- articleHeader中段 .middle --*/
#articleHeader .middle { margin: 20px 0; }

#articleHeader .middle .btnBacknumber {
  float: right;
  margin-top: 15px;
}

#articleHeader .middle .btnBacknumber a {
  background: url("/images/n/nbo/2016/common/icon_backnumber.png") no-repeat 8px 3px /14px;
  display: block;
  font-size: 14px;
  padding: 1px 0 0 30px;
}

#articleHeader .middle .btnBacknumber a:hover {
  color: #808080;
  opacity: 0.6;
}

/*-- articleHeader 下段 .lower --*/
#articleHeader .lower { margin: 30px 0 0; }

#articleHeader .lower .date {
  color: #888;
  float: left;
  font-size: 16px;
}

/*-- .icons内のcssは下にまとめて記述 --*/

/* ---------------------------------------------
 記事本文 articleBody
 --------------------------------------------- */
/*--記事本文 --*/
#articleBody {
  content: "";
  display: block;
  clear: both;
}

#articleBody p {
  font-size: 17px;
  line-height: 1.9;
  margin-bottom: 30px;
}

#articleBody p.txtRight {
  font-size: 14px;
  line-height: 1.0;
  margin-bottom: 30px;
}

/*--記事本文 テキストリンク --*/
#articleBody a:link { color: #0058af; }
#articleBody a:hover { }

#articleBody a:visited {
  color: #6a3884;
  text-decoration: none;
}

#articleBody a:visited:hover { color: #0058af; }

/*--記事本文 リード --*/
#articleBody .bplead { font-weight: bold; }

/*--記事本文 質問 --*/
#articleBody .bpquestion { font-weight: bold; }
#articleBody .bpquestion:before {
  content: "――";
  font-weight: bold;
 }

/*--記事本文 発言者 --*/
#articleBody .speaker01 {color: #165e83; font-weight:bold;}
#articleBody .speaker02 {color: #316745; font-weight:bold;}
#articleBody .speaker03 {color: #bc763c; font-weight:bold;}
#articleBody .speaker04 {color: #96514d; font-weight:bold;}
#articleBody .speaker05 {color: #7a4171; font-weight:bold;}
#articleBody .speaker06 {color: #c85179; font-weight:bold;}
#articleBody .speaker07 {color: #e45e32; font-weight:bold;}
#articleBody .speaker08 {color: #554738; font-weight:bold;}
#articleBody .speaker09 {color: #007bbb; font-weight:bold;}

/*--記事本文 中見出し --*/
#articleBody h3 {
  border-bottom: 5px solid #e8e8e8;
  clear: both;
  font-size: 25px;
  line-height: 1.4;
  margin: 60px 0 30px;
  padding-bottom: 5px;
}

/*--記事本文 小見出し --*/
#articleBody h4 {
  border-bottom: 5px solid #e8e8e8;
  clear: both;
  font-size: 20px;
  line-height: 1.5;
  margin: 50px 0 30px;
  padding-bottom: 0;
}

/* フォントのサイズ変更 */
#articleBody .fontSizeXXL { font-size: 48px; }
#articleBody .fontSizeXL { font-size: 32px; }
#articleBody .fontSizeL { font-size: 24px; }
#articleBody .fontSizeS { font-size: 14px; }
#articleBody .fontSizeXS { font-size: 10px; }

/* 文字色と背景色 */
#articleBody .textCol { color: #e50020; }
#articleBody .textColTintA { color: #b72539; }
#articleBody .textColTintB { color: #f57c8d; }
#articleBody .textColShade { color: #f7f6e8; }
#articleBody .textColShadeA { color: #f9f3b2; }
#articleBody .textColShadeB { color: #fdf6e5; }
#articleBody .bgCol { background-color: #e50020; }
#articleBody .bgColTintA { background-color: #b72539; }
#articleBody .bgColTintB { background-color: #f57c8d; }
#articleBody .bgColShade { background-color: #f7f6e8; }
#articleBody .bgColShadeA { background-color: #f9f3b2; }
#articleBody .bgColShadeB { background-color: #fdf6e5; }
#articleBody .textColBlackTintA { color: #777; }
#articleBody .textColBlackTintB { color: #999; }
#articleBody .textColBlackShade { color: #c2c2c2; }
#articleBody .textColBlackShadeA { color: #e8e8e8; }
#articleBody .textColBlackShadeB { color: #f3f3f3;}
#articleBody .bgColBlack { background-color: black; }
#articleBody .bgColBlackTintA { background-color: #777; }
#articleBody .bgColBlackTintB { background-color: #999; }
#articleBody .bgColBlackShade { background-color: #c2c2c2; }
#articleBody .bgColBlackShadeA { background-color: #e8e8e8; }
#articleBody .bgColBlackShadeB { background-color: #f3f3f3;}

#articleBody .textColBlack { color: black; }
#articleBody .textColGray { color: gray; }
#articleBody .textColSilver { color: silver; }
#articleBody .textColWhite { color: white; }
#articleBody .textColRed { color: red; }
#articleBody .textColYellow { color: yellow; }
#articleBody .textColLime { color: lime; }
#articleBody .textColAqua { color: aqua; }
#articleBody .textColBlue { color: blue; }
#articleBody .textColFuchsia { color: fuchsia; }
#articleBody .textColMaroon { color: maroon; }
#articleBody .textColOlive { color: olive; }
#articleBody .textColGreen { color: green; }
#articleBody .textColTeal { color: teal; }
#articleBody .textColNavy { color: navy; }
#articleBody .textColPurple { color: purple; }
#articleBody .bgColBlack { background-color: black; }
#articleBody .bgColGray { background-color: gray; }
#articleBody .bgColSilver { background-color: silver; }
#articleBody .bgColWhite { background-color: white; }
#articleBody .bgColRed { background-color: red; }
#articleBody .bgColYellow { background-color: yellow; }
#articleBody .bgColLime { background-color: lime; }
#articleBody .bgColAqua { background-color: aqua; }
#articleBody .bgColBlue { background-color: blue; }
#articleBody .bgColFuchsia { background-color: fuchsia; }
#articleBody .bgColMaroon { background-color: maroon; }
#articleBody .bgColOlive { background-color: olive; }
#articleBody .bgColGreen { background-color: green; }
#articleBody .bgColTeal { background-color: teal; }
#articleBody .bgColNavy { background-color: navy; }
#articleBody .bgColPurple { background-color: purple; }

/* テキストの強調 */
#articleBody b, #articleBody .fontBold { font-weight: bold; }
#articleBody .fontNormal { font-weight: normal; }
#articleBody i, #articleBody .fontItalic { font-style: italic; }
#articleBody em, #articleBody strong { font-style:normal; font-weight: normal; }

/* テキストの上付き、下付き */
#articleBody sup { vertical-align: super; font-size: smaller; }
#articleBody sub { vertical-align: sub; font-size: smaller; }

/* 下線と取り消し線 */
#articleBody u, #articleBody .textSolidUndrLine { text-decoration: underline;  }
#articleBody .textUnsolidUndrLine { text-decoration: underline dashed; }
#articleBody s, #articleBody del, #articleBody .textLineThrough { text-decoration: line-through; }

/* マーカー（Highlight） */
#articleBody .textHighlight { padding: 0.15em; background: dodgerblue; }
#articleBody .textHighlightTintA { padding: 0.15em; background: red; color: white; }
#articleBody .textHighlightTintB { padding: 0.15em; background: greenyellow; }
#articleBody .textHighlightShade { padding: 0.15em; background: lightcyan; background: linear-gradient(transparent 60%, deepskyblue 60%); }
#articleBody .textHighlightShadeA { padding: 0.15em; background: plum; background: linear-gradient(transparent 60%, plum 60%); }
#articleBody .textHighlightShadeB { padding: 0.15em; background: palegreen; background: linear-gradient(transparent 60%, palegreen 60%); }

/* 左寄せ、左右中央、右寄せ */
#articleBody .textAlignLeft { text-align: left;}
#articleBody .textAlignCenter { text-align: center; }
#articleBody .textAlignRight { text-align: right; }

/* 区切り要素 */
#articleBody hr.asterisk { height: auto; border: none;}
#articleBody hr.asterisk:after { content: "＊＊＊"; letter-spacing: 4em; margin-right: -4em; text-align:center; }
#articleBody hr.diamond { height: auto; border: none; }
#articleBody hr.diamond:after { content: "◇◇◇"; letter-spacing: 4em; margin-right: -4em; text-align:center; }
#articleBody hr, #articleBody hr.line { width: 80%; border-top: 1px solid gray; }
#articleBody hr:after, #articleBody hr.line:after { content: ""; display: block; }

/* 回り込み解除 */
#articleBody .clearLeft { clear: left; }
#articleBody .clearRight { clear: right; }
#articleBody .clearBoth { clear: both; }
#articleBody .clearfix:after { content:""; display:block; clear:both; }

/*-- 図（回り込み：左）右配置 --*/
#articleBody .bpimage_right {
  float:right;
  margin: 5px 0 20px 20px;
}

/*-- 図（回り込み：右）左配置 --*/
#articleBody .bpimage_left {
  float:left;
  margin: 5px 20px 20px 0;
}

/*-- 図（スタンダード）中央配置 --*/
#articleBody .bpbox_center{ text-align:center; }
#articleBody .bpbox_center:after,
#articleBody .bpimage_double:after {
  content: "";
  display: block;
  clear: both;
}
#articleBody .bpimage_center {
  width: 640px;
  margin: 0 auto 25px ;
  text-align:left;
}

/*-- 画像のキャプション --*/
#articleBody .bpimage_title{ font-weight: bold; font-size:14px; text-align:left; margin:10px 3px 5px; }
#articleBody .bpimage_caption{ clear: both; font-size:14px; color: #666; text-align: left; margin:10px 3px 5px; }
#articleBody .bpimage_click{ color: #069; font-size: 12px; text-align:left; text-decoration: none; margin:10px 3px 5px; }
#articleBody a .bpimage_click{ text-decoration: none; }
#articleBody .bpimage_title + .bpimage_caption,
#articleBody .bpimage_caption + a .bpimage_click,
#articleBody .bpimage_title + a .bpimage_click { margin-top: 5px; }

/*-- 図（二つ並び） --*/
#articleBody .bpimage_double{ width:640px; margin: 30px auto; text-align:center; }
#articleBody .bpimage_double .bpimage_left{ margin:0; text-align:left; }
#articleBody .bpimage_double .bpimage_right{ margin:0; text-align:left; }

/*-- 図（三つ並び） --*/
#articleBody .bpimage_triple{ width:640px; margin: 30px auto; text-align:center; }
#articleBody .bpimage_triple .bpimage_wrap{ margin:0; float:left; }
#articleBody .bpimage_triple .bpimage_left{ margin:0; text-align:left; }
#articleBody .bpimage_triple .bpimage_center{ float:right; margin:0; text-align:left; }
#articleBody .bpimage_triple .bpimage_right{ margin:0; text-align:left; }

/* 図（縦積み）*/
#articleBody .bpbox_left{ float:left; margin:10px 10px 10px 0; }
#articleBody .bpbox_right{ float:right; margin:10px 0 10px 10px; }
#articleBody .bpimage_set{ margin:0 0 10px 0; }

/* 図（エトキ右配置） */
#articleBody .bpimage_caption_right {
  margin: 0 auto 20px;
  overflow:hidden; zoom:1;
}
#articleBody .bpimage_caption_right .bpimage_title{ 
  padding:10px 0 0; 
  clear:none; 
}
#articleBody .bpimage_caption_right .bpimage_caption{
  margin: 0 3px 5px;
  padding-top: 5px;
  clear:none; 
}

/* テーブル基本 */
#articleBody .bptable{
  width:600px;
  margin:10px auto 30px;
  overflow-x:auto;
}
#articleBody .bptable table{
  width:600px;
  border-collapse:collapse;
}

#articleBody .bptable th,
#articleBody .bptable td{
  border:1px solid #c2c2c2;
  padding:9px;
  font-size:14px;
  line-height:1.3;
}
#articleBody .bptable th{
  text-align:left;
  background:#f3f3f3;
}

#articleBody .bptable_title {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
#articleBody .bptable_caption {
  font-size: 14px;
  line-height: 1.5;
}
#articleBody .bptable_title + table,
#articleBody .bptable_caption + table{
  margin-top:10px;
}

/* テーブル（イ）表左寄せ */
#articleBody .bptable_left{
  float:left;
  clear:both;
  margin:0 30px 10px 0;
}
/* テーブル（ウ）表右寄せ */
#articleBody .bptable_right{
  float:right;
  clear:both;
  margin:0 0 10px 30px;
}

/* テーブル（エ）表中央 */
#articleBody .bptable_center{
  clear:both;
}

/*--記事本文 囲み系共通 --*/
#articleBody .bpbox,
#articleBody .bpbox2,
#articleBody .bpbox3,
#articleBody .bpbox4,
#articleBody .bpbox5,
#articleBody .bpbox6,
#articleBody .bpreference,
#articleBody .bpprofile,
#articleBody .bpprofile_photo,
#articleBody .bpinterview { margin: 50px auto; clear: both;}

#articleBody .bpbox .bpimage_double,
#articleBody .bpbox2 .bpimage_double,
#articleBody .bpbox3 .bpimage_double,
#articleBody .bpbox4 .bpimage_double,
#articleBody .bpbox5 .bpimage_double,
#articleBody .bpbox6 .bpimage_double { margin: 10px auto; }

#articleBody .bpbox_text,
#articleBody .bpprofile_text,
#articleBody .bpinterview_text { overflow: hidden; }

/*--記事本文 囲み1 --*/
#articleBody .bpbox .bpbox_title {
  background: #f3f3f3;
  border-bottom: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  padding: 24px 28px;
}

#articleBody .bpbox .bpbox_text {
  background: #f3f3f3;
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 囲み2 --*/
#articleBody .bpbox2 .bpbox_title {
  background: #f3f3f3;
  border-bottom: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  padding: 12px 15px 10px;
}

#articleBody .bpbox2 .bpbox_text {
  background: #fff;
  border: 14px solid #f3f3f3;
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox2 .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 囲み3 --*/
#articleBody .bpbox3 .bpbox_title {
  background: #f7f6e8;/* bpboxと違う箇所 */
  border-bottom: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  padding: 24px 28px;
}

#articleBody .bpbox3 .bpbox_text {
  background: #f7f6e8;/* bpboxと違う箇所 */
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox3 .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 囲み4 --*/
#articleBody .bpbox4 .bpbox_title {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  border-bottom: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  padding: 12px 15px 10px;
}

#articleBody .bpbox4 .bpbox_text {
  border: 1px solid #e8e8e8;
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox4 .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 囲み5 --*/
#articleBody .bpbox5 { border: 1px solid #e8e8e8; }

#articleBody .bpbox5 .bpbox_title {
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  margin: 24px 28px 0;
  padding-bottom: 20px;
}

#articleBody .bpbox5 .bpbox_text {
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox5 .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 囲み6 --*/
#articleBody .bpbox6 { border: 3px dotted #aaa; }

#articleBody .bpbox6 .bpbox_title {
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  margin: 24px 28px 0;
  padding-bottom: 20px;
}

#articleBody .bpbox6 .bpbox_text {
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpbox6 .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 シンプル囲み --*/
#articleBody .bpframe { border: 1px solid #e8e8e8; }

#articleBody .bpframe .bpbox_title {
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  margin: 24px 28px 0;
  padding-bottom: 20px;
}

#articleBody .bpframe .bpbox_text {
  font-size: 14px;
  line-height: 1.8;
  padding: 25px 28px;
}

#articleBody .bpframe .bpbox_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 用語解説 --*/
#articleBody .bpword {
  font-size: 14px;
  line-height: 1.8;
}

/*--記事本文 参考文献 --*/
#articleBody .bpreference {
  background: #f7f6e8;
  font-size: 14px;
  line-height: 1.8;
  padding: 50px 28px 40px;
  position: relative;
}

#articleBody .bpreference:before {
  content: url("/images/n/nbo/2016/common/leaf/icon_reference_before.png");
  position: absolute;
  top: 20px;
  left: 25px;
}

#articleBody .bpreference:after {
  content: url("/images/n/nbo/2016/common/leaf/icon_reference_after.png");
  position: absolute;
  bottom: 10px;
  right: 25px;
}

#articleBody .bpreference p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 プロフィール（顔写真なし） --*/
#articleBody .bpprofile {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  padding: 10px;
}

#articleBody .bpprofile .bpprofile_profile {
  background: #e3e3e3;
  padding: 12px 15px 10px;
}

#articleBody .bpprofile .bpprofile_profile .bpprofile_name { font-weight: bold; line-height: 1.9; }
#articleBody .bpprofile .bpprofile_profile .bpprofile_position { line-height: 1.6; }

#articleBody .bpprofile .bpprofile_text {
  font-size: 14px;
  line-height: 1.8;
  padding: 20px 14px 10px;
}

#articleBody .bpprofile .bpprofile_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

/*--記事本文 プロフィール（顔写真付） --*/
#articleBody .bpprofile_photo {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  padding: 10px;
}

#articleBody .bpprofile_photo .bpprofile_profile {
  background: #e3e3e3;
  padding: 12px 15px 10px;
}

#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_name { font-weight: bold; line-height: 1.9; }
#articleBody .bpprofile_photo .bpprofile_profile .bpprofile_position { line-height: 1.6; }

#articleBody .bpprofile_photo .bpprofile_text {
  font-size: 14px;
  line-height: 1.8;
  padding: 20px 14px 10px;
}

#articleBody .bpprofile_photo .bpprofile_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

#articleBody .bpprofile_photo .bpprofile_text img {
  float: left;
  margin: 3px 25px 0 0;
}


/*--記事本文 インタビュープロフィール --*/
#articleBody .bpinterview {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  padding: 18px 22px;
}

#articleBody .bpinterview .bpinterview_profile {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px;
}

#articleBody .bpinterview .bpinterview_profile .bpinterview_name { font-weight: bold; line-height: 1.9; }
#articleBody .bpinterview .bpinterview_profile .bpinterview_position { line-height: 1.6; }

#articleBody .bpinterview .bpinterview_text {
  font-size: 14px;
  line-height: 1.8;
  padding-top: 20px;
}

#articleBody .bpinterview .bpinterview_text p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

#articleBody .bpbox .bpbox_text p:nth-last-child(1),
#articleBody .bpbox2 .bpbox_text p:nth-last-child(1),
#articleBody .bpbox3 .bpbox_text p:nth-last-child(1),
#articleBody .bpbox4 .bpbox_text p:nth-last-child(1),
#articleBody .bpbox5 .bpbox_text p:nth-last-child(1),
#articleBody .bpbox6 .bpbox_text p:nth-last-child(1),
#articleBody .bpreference p:nth-last-child(1),
#articleBody .bpprofile .bpprofile_text p:nth-last-child(1),
#articleBody .bpprofile_photo .bpprofile_text p:nth-last-child(1),
#articleBody .bpinterview .bpinterview_text p:nth-last-child(1) { margin-bottom: 0; }


/*--記事本文 書店リンク （囲み内で使用する場合を想定） --*/
#articleBody .storeLinks { margin: 5px 0 20px 1.5em; }
#articleBody .storeLinks li {
  list-style: square outside;
  margin-left: 1em;
}

/*--記事本文 注釈 --*/
#articleBody .bpannotation {
  color: #777;
  font-size:12px;
  line-height: 1.6;
  margin:40px 5px;
  padding-left: 1.4em;
  text-indent: -1.4em;
}

#articleBody .bpannotation2 {
  margin:40px 5px;
  color: #777;
  font-size:12px;
  line-height: 1.6;
  padding-left: 2em;
  text-indent: -2em;
}

#articleBody .bpannotation p {
  color: #777;
  font-size:12px;
  line-height: 1.6;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

/*--記事本文 訂正文 --*/
#articleBody .bpteisei_box {
  margin:40px auto;
  width: 525px;
}

#articleBody .bpteisei,
#articleBody .bpteisei p {
  font-size:12px;
  line-height: 1.6;
  margin-bottom: 8px;
}

/*--引用 --*/
#articleBody blockquote {
  background: #f3f3f3;
  font-size: 14px;
  line-height: 1.8;
  padding: 50px 28px 40px;
  position: relative;
}

#articleBody blockquote:before {
  content: url("/images/n/nbo/2016/common/leaf/icon_blockquote_before.png");
  position: absolute;
  top: 20px;
  left: 25px;
}

#articleBody blockquote:after {
  content: url("/images/n/nbo/2016/common/leaf/icon_blockquote_after.png");
  position: absolute;
  bottom: 10px;
  right: 25px;
}

#articleBody blockquote h3 {
  margin: 30px 0;
}

/* コード */
#articleBody pre { margin: 1em 0 1.5em; padding: 1em; white-space: pre; font-size: 12px; line-height: 1.2; overflow:auto; border: 1px solid black; }
#articleBody pre.light { color: black; background-color: whitesmoke; border: 1px solid gray; }
#articleBody pre.dark { color: white; background-color: black; border: 1px solid silver; }
#articleBody pre > code { font-family: "ＭＳ ゴシック" , "MS Gothic"; }

/* リスト表示 */
#articleBody ul,ol { margin: 0 0 1em 2em; font-size: 17px; }
#articleBody ul.none { margin: 0 0 1em 1em; }
#articleBody ul li, #articleBody ul.disc li { list-style-type: disc; line-height: 1.5; vertical-align: middle; }
#articleBody ul.circle li { list-style-type: circle; vertical-align: middle; }
#articleBody ul.square li { list-style-type: square; vertical-align: middle; }
#articleBody ul.none li { list-style-type: none;}
#articleBody ol li { list-style-type: decimal; line-height: 1.5; }
#articleBody ol.upperAlpha li { list-style-type: upper-alpha; }
#articleBody ol.lowerAlpha li { list-style-type: lower-alpha; }
#articleBody ol.upperRoman li { list-style-type: upper-roman; }
#articleBody ol.lowerRoman li { list-style-type: lower-roman; }
#articleBody ol.circledDecimal li { list-style: none; text-indent: -1em; }
#articleBody ol.circledDecimal li:before { padding-right: 0.5em; }
#articleBody ol.circledDecimal li:first-child:before { content: "\2460"; }
#articleBody ol.circledDecimal li:first-child+li:before { content: "\2461"; }
#articleBody ol.circledDecimal li:first-child+li+li:before { content: "\2462"; }
#articleBody ol.circledDecimal li:first-child+li+li+li:before { content: "\2463"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li:before { content: "\2464"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li:before { content: "\2465"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li:before { content: "\2466"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li:before { content: "\2467"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li:before { content: "\2468"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li:before { content: "\2469"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li:before { content: "\246a"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246b"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246c"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246d"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246e"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\246f"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2470"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2471"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2472"; }
#articleBody ol.circledDecimal li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before { content: "\2473"; }
#articleBody dl { margin-bottom: 1em; font-size: 17px; }
#articleBody dl > dt { text-decoration: underline; margin: 1em 10px; }
#articleBody dl > dd { margin: 0 0 0.5em 2em; }
#articleBody dl > dd > ul { margin-top: 0.5em; }

/* 10問10答 記事下日経電子版バナー */
#nikkeiDenshi{ text-align:center; margin-bottom:20px;}

/* YouTube */
#articleBody .youtube { text-align:center; width:500px;  margin: 0 auto 25px ;}
#articleBody .youtube p { font-size:12px; margin: 5px auto 25px ; padding:0; text-align:left; }

/* ---------------------------------------------
.rankingList(月間アクセスランキングのみ)
 --------------------------------------------- */

.rankingList li {
  overflow: hidden;
  margin-top: 25px;
}

.rankingList li .imgL {
  float: left;
  width: 100px;
  line-height: 60px !important;
  height: 60px;
  margin: 0 20px 0 0 !important;
  text-align: right;
}

.rankingList li .imgL img { margin-left: 8px; }
.rankingList li.top3 .imgL { font-weight: bold;}

.rankingList div {
  width: 520px;
  float: right;
}

.rankingList div p {
  color: #777 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.rankingList div p a { color: #777 !important; }
.rankingList div strong { margin-right: 10px; }
.rankingList div .date { display: inline-block; }
.rankingList div h5 { font-size: 16px; margin-top: 3px; }
.rankingList div h5 a { color: #000 !important; }
.rankingList p.categoryTtl { font-size: 14px !important; }

.rankingBlock.articleBlock .articleList { counter-reset: ranking; }
.rankingBlock.articleBlock .articleList li { overflow: hidden; }

.rankingBlock.articleBlock .articleList li:before {
  counter-increment: ranking;
  content: counter(ranking);
  float: left;
  width: 30px;
  height: 96px;
  display: inline-block;
  text-align: center;
  line-height: 96px;
  margin-right: 20px;
  font-family: "Times New Roman";
  font-size: 24px;
  font-weight: bold;
  background: #000;
  color: #fff;
}

.rankingBlock.articleBlock .articleList li:nth-child(n+4):before {
  background: #f3f3f3;
  color: #777;
}

.rankingBlock.articleBlock .articleList li:nth-child(n+10):before { font-size: 22px; }

.rankingBlock.articleBlock .articleList li {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 0;
}

.rankingBlock.articleBlock .articleList li:first-child {
  padding-top: 0;
}

.rankingBlock.articleBlock .articleList li p {
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

.rankingBlock.articleBlock .articleList li:after {
  content: "";
  display: block;
  clear: both;
}

.rankingBlock.articleBlock .articleList li .shoulder {
  color: #777;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 7px;
}

.rankingBlock.articleBlock .articleList li .shoulder a { color: #777 !important; }
.rankingBlock.articleBlock .articleList li h3 {
  font-size: 16px !important;
  clear: none !important;
  margin: 0 !important;
  border: none !important;
}

.rankingBlock.articleBlock .articleList li h3 a { color: #000 !important; }

.rankingBlock.articleBlock .articleList li .thumb {
  float: left;
  width: 170px;
  margin-right: 20px;
}

.rankingBlock.articleBlock .articleList li .thumb img { width: 170px; }

/* ---------------------------------------------
 記事下 articleBottom 
 --------------------------------------------- */
#articleBottom {
  clear: both;
  margin: 40px 0 60px;
}

#articleBottom:after,
#articleBottom #loginGuide:after,
#articleBottom #loginGuide .readMore:after,
#articleBottom #loginGuide .readMore .continue:after,
#articleBottom #loginGuide .merit:after,
#articleBottom #pagenation:after,
#articleBottom #pagenation .nextPage:after,
#articleBottom #pagenation .pageNumber:after,
#articleBottom .txtRight:after,
#articleBottom .cmtArea:after {
  content: "";
  display: block;
  clear: both;
}

/*--記事下 ログイン前 --*/
#articleBottom #loginGuide h2 { margin-bottom: 30px; }
#articleBottom #loginGuide h2 b { color: #e50020; }

#articleBottom #loginGuide .readMore {
  background: #f6f6f6;
  margin-bottom: 50px;
  padding: 30px 60px;
}

#articleBottom #loginGuide .readMore h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
}

#articleBottom #loginGuide .readMore h3 span { color: #e50020; }

#articleBottom #loginGuide .readMore .continue {
  border-top: 1px solid #ddd;
  font-size: 14px;
  padding-top: 20px;
}

#articleBottom #loginGuide .readMore .continue dl {
  float: left;
  width: 310px;
}

#articleBottom #loginGuide .readMore .continue dt,
#articleBottom #loginGuide .readMore .continue dd,
#articleBottom #loginGuide .readMore .continue .rightnow { font-size: 14px; }
#articleBottom #loginGuide .readMore .continue dt {  margin-bottom: 8px; }
#articleBottom #loginGuide .readMore .continue dd { margin: 0 0 5px 2em; }

#articleBottom #loginGuide .readMore .continue .rightnow {
  background: #ececec;
  float: right;
  padding: 25px 0;
  text-align: center;
  width: 200px;
}

#articleBottom #loginGuide .merit {
  background: #f4f4f4;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px 10px;
  text-align: center;
}

#articleBottom #loginGuide .merit dl.half {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(6, 0, 1, 0.05);
  display: inline-block;
  margin:0 4px 13px;
  padding: 10px 10px 15px;
  vertical-align: top;
  width: 275px;
}

#articleBottom #loginGuide .merit dl.half dt {
  display: table-cell;
  font-size: 10px;
  width: 50px;
}

#articleBottom #loginGuide .merit dl.half dt b {
  background: #000;
  border-radius: 20px;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1;
  margin: 3px auto 0;
  padding: 11px 0 10px;
  width: 37px;
}

#articleBottom #loginGuide .merit dl.half dd {
  display: table-cell;
  position: relative;
  top: 8px;
  left: 5px;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
  width: 220px;
}

#articleBottom #loginGuide .merit dl.half dd b {  font-size: 16px; }

#articleBottom #loginGuide .merit .plus {
  background: #fff;
  border-radius: 8px;
  border:4px solid #f4f4f4;
  font-size: 28px;
  font-weight: bold;
  display:block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  margin: -25px auto -15px;
}

#articleBottom #loginGuide .merit dl.full {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(6, 0, 1, 0.05);
  display: table;
  margin: 3px 10px 0;
  padding: 20px 15px;
}

#articleBottom #loginGuide .merit dl.full dt {
  display: table-cell;
  background: #000;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  vertical-align: middle;
  width: 160px;
}

#articleBottom #loginGuide .merit dl.full dd {
  display: table-cell;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  vertical-align: middle;
  position: relative;
  top:3px;
  left: 10px;
}

#articleBottom #loginGuide .merit dl.full dd b { font-size: 16px; }

#articleBottom #loginGuide .merit .txtRight a {
  background: none;
  color: #006ee6;
  text-decoration: underline;
}

#articleBottom #loginGuide .merit .txtRight a:hover { opacity: 0.7; }

#articleBottom #loginGuide .btnArea {
  position: relative;
  padding: 47px 0 30px;
}

#articleBottom #loginGuide .merit .btnArea { padding: 57px 0 15px; }

#articleBottom #loginGuide .btnRegist {
  text-align: center;
}

#articleBottom #loginGuide .btnRegist a {
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  width: 210px;
}

#articleBottom #loginGuide .btnRegist a + a {
  margin-left: 12px;
  text-indent: .5em;
}

#articleBottom #loginGuide .btnRegist a:hover {
  border: 1px solid #808080;
  box-shadow: 0px 1px 3px 0px rgba(6, 0, 1, 0.2);
  color: #808080;
}

#articleBottom #loginGuide .btnRegist a { color: #000; }
#articleBottom #loginGuide .btnRegist a span { color: #e50020; }
#articleBottom #loginGuide .btnRegist a:hover span { color: #808080; }

#articleBottom #loginGuide .btnArea .ballon {
  height: 47px;
  width: 230px;
  z-index: 2;
  position: absolute;
  top: 5px;
  right: -80px;
}

#articleBottom #loginGuide .merit .btnArea .ballon {
  position: absolute;
  top: 15px;
  right: -30px;
}

#articleBottom #loginGuide .btnArea .ballon p {
  background: #0a395c;
  border-radius: 23px;
  color: #fff;
  font-size: 12px;
  padding: 5px 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 230px;
}

#articleBottom #loginGuide .btnArea .ballon p:after {
  content: " ";
  height:0px;
  width:0px;
  border-top: #0a395c 10px solid;
  border-left: 0px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  left: 30px;
  bottom: -10px;
}

#articleBottom #loginGuide .btnArea .ballon b { font-size: 14px; }

/*--記事下 ログイン後 pagenation --*/
#articleBottom #pagenation .nextPage {
  display: table;
  margin:0 auto;
  font-size: 17px;
  overflow: hidden;
}

#articleBottom #pagenation .nextPage a {
  background: #f3f3f3 url(/images/n/nbo/2016/common/icon_arrow_next_double.png) no-repeat 50px 50%/12px;
  display: block;
  line-height: 1.2;
  padding: 15px 50px 15px 70px;
  display: table-cell;
}

#articleBottom #pagenation .nextPage a:hover {
  background: #eee url(/images/n/nbo/2016/common/icon_arrow_next_double.png) no-repeat 50px 50%/12px;
  text-decoration: none;
}

#articleBottom #pagenation .nextPage span { margin-left: 10px; }
#articleBottom #pagenation .nextPage a:hover span { text-decoration: underline; }

#articleBottom #pagenation .pageNumber {
  border-collapse: separate;
  border-spacing: 10px 0;
  display: table;
  font-size: 14px;
  margin:30px auto 20px;
}

#articleBottom #pagenation .pageNumber a {
  border: 1px solid #000;
  height: 40px;
  width: 40px;
  font-size: 17px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0 10px;
}

#articleBottom #pagenation .pageNumber a:hover,
#articleBottom #pagenation .pageNumber a.current {
  background: #000;
  color: #fff;
  text-decoration: none;
}

#articleBottom #pagenation .pageNumber a.start,
#articleBottom #pagenation .pageNumber a.prev,
#articleBottom #pagenation .pageNumber a.next,
#articleBottom #pagenation .pageNumber a.end { text-indent:-9999px;}
#articleBottom #pagenation .pageNumber a.start { background: #fff url("/images/n/nbo/2016/common/icon_arrow_prev_double_off.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.start:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_prev_double_on.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.prev { background: #fff url("/images/n/nbo/2016/common/icon_arrow_prev_off.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.prev:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_prev_on.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.next { background: #fff url("/images/n/nbo/2016/common/icon_arrow_next_off.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.next:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_next_on.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.end { background: #fff url("/images/n/nbo/2016/common/icon_arrow_next_double_off.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.end:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_next_double_on.png") no-repeat center/21px; }

#articleBottom .txtRight.comment a {
  background: url(/images/n/nbo/2016/common/icon_comment.png) no-repeat left 0px/18px;
  font-size: 14px;
  padding-left: 22px;
}

/* ---------------------------------------------
 .icons（articleHeader/articleBottom共通）
 --------------------------------------------- */
.icons {
  float: right;
  font-size: 0;
}

#articleBottom .icons {
  float: none;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  margin: 18px 0 0;
  text-align: center;
}

.icons li {
  display: inline-block;
  font-size: 12px;
  padding: 0 10px;
}

#articleHeader .icons li {
  font-size: 0;
}

.icons li.mail,
.icons li.print,
.icons li.save,
#articleBottom .icons li.evernote {
  border-right: 1px dotted #000;
  padding: 3px 20px;
}
.icons li.evernote { padding: 0 10px 0 20px; }

#articleBottom .icons li.mail img,
#articleBottom .icons li.print img,
#articleBottom .icons li.save img,
#articleBottom .icons li.evernote img { padding-right: 5px; }
#articleBottom .icons li.mail { padding: 0 10px 0 0; }
#articleBottom .icons li.fb { padding: 0 10px 0 20px; }

.icons li.save a.saved { background: url(/images/n/nbo/2016/common/icon_saved.png) no-repeat 0 0; display: block; }
.icons li.save a.saved:hover { opacity: 0.6; }
.icons li.save a.saved img { opacity: 0; }

#topIcons { position:relative;}
#btmIcons { position:relative;}
#etcBox { position: absolute;}
.icons li #etcBox li { font-size: 12px;}
#topIcons .icons li.etc {
  padding: 0 0 0 10px;
}
#topIcons #etcBox {
  top: 35px;
  right: -20px;
}
#btmIcons #etcBox {
  top: 46px;
  right: 3px;
}


.icons li img,
#etcBox img {
  max-height: 20px;
  vertical-align: middle;
}

.icons li a:hover img { opacity: 0.6; }
.icons li.etc img { opacity: 0.8; }
.icons li.etc a:hover img { opacity: 1; }


/*-- Evernote／etc ツールチップ（記事上、記事下とも） --*/
.icons .print,
.icons .save,
.icons .evernote,
.icons .slack { position: relative; }

.singleBox,
.etcBox {
  opacity: 0;
  font-size: 12px;
  visibility: hidden;
  text-align: left;
  z-index: 1000;
  position: absolute;
}

.saveBox.open,
.singleBox.open,
.slackBox.open,
.etcBox.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.singleBox { bottom: 35px; left: -90px; }
.icons .evernote .singleBox { bottom: 35px; left: -88px; }
.icons .slack .singleBox { bottom: 35px; left: -98px; }
#articleBottom .singleBox { bottom: 38px; left: -90px; }
#articleBottom .icons .slack .singleBox { bottom: 38px; left: -98px; }

/* #etcBox {top:0; right:-20px;} */

.singleBox .boxWrap,
.etcBox .boxWrap {
  border-radius:5px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  position: relative;
}

.singleBox .boxWrap:before,
.etcBox .boxWrap:before {
  background:#fff;
  content: " ";
  height: 16px;
  width: 16px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  position: absolute;
  margin-left: -10px;
}

.singleBox .boxWrap:before { bottom: -8px; left: 50%; }
.etcBox .boxWrap:before { top: -8px; right: 32px; }
#articleBottom .etcBox .boxWrap:before { top: -8px; right: 67px; }

.singleBox .boxWrap .inner,
.etcBox .boxWrap .inner {
  background:#fff;
  border-radius:5px;
  box-sizing: border-box;
  /* transform z-index hack */
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  overflow: hidden;
  position: relative;
}

.etcBox .boxWrap .inner {
  padding: 18px 20px;
  width: 380px;
}

.singleBox .boxWrap .inner { width: 240px;}

.singleBox .boxWrap .inner p,
.etcBox .boxWrap .inner p { line-height: 1.5; }

.singleBox .boxWrap .inner a,
.etcBox .boxWrap .inner a { color: #000; }

.singleBox .boxWrap .inner .topTxt {
  font-weight: bold;
  border-bottom: 1px solid #e8e8e8;
  padding: 12px 20px 10px;
  margin-bottom: 10px;
}

.singleBox .boxWrap .inner div.bottom { padding: 0px 20px 10px; }

.etcBox .boxWrap .inner ul.left {
  float: left;
  width: 180px;
}

.etcBox .boxWrap .inner ul.right:after {
  content: "";
  display: block;
  clear: both;
}

.etcBox .boxWrap .inner ul.bottom {
  clear: both;
  border-top: 1px solid #e8e8e8;
  margin: 20px 0 15px;
  padding-top: 20px;
}

.etcBox .boxWrap .inner li {
  display: block !important;
  padding: 0 !important;
  margin-top: 10px;
}

.etcBox .boxWrap .inner li:first-child { margin-top: 0px; }

.etcBox .boxWrap .inner li img {
  margin-right: 8px;
  vertical-align: middle;
  opacity: 1.0 !important;
}

.etcBox .boxWrap .inner li a:hover img { opacity: 0.8 !important; }

.etcBox .boxWrap .inner li span { color: #ccc; }
.etcBox .boxWrap .inner li.yammer img { max-height: 34px !important; }

.etcBox .boxWrap .inner #eight { position: relative; padding: 2px 0 0 27px;}
.etcBox .boxWrap .inner #eight span { position: absolute; top:0; left: 0; }
.etcBox .boxWrap .inner #facebook_message { display: none; }

.singleBox .boxWrap .inner .btn {
  margin: 10px 0;
  text-align: center;
}

.etcBox .boxWrap .inner .btn {
  float: left;
  margin: 15px 0 2px;
}

.etcBox .boxWrap .inner .txtLink {
  float: right;
  margin: 23px 30px 0 0;
}

.singleBox .boxWrap .inner .btn a,
.etcBox .boxWrap .inner .btn a {
  border: 1px solid #000;
  border-radius: 5px;
  display: inline-block;
  padding: 6px 40px;
}

.singleBox .boxWrap .inner .btn a:hover,
.etcBox .boxWrap .inner .btn a:hover {
  border: 1px solid #000;
  background: #fafafa;
  opacity: 0.6;
}

.singleBox .boxWrap .inner .close,
.etcBox .boxWrap .inner .close {
  position: absolute;
  background: url("/images/n/nbo/2016/common/icon_close.png") no-repeat top right /10px;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
}
.singleBox .boxWrap .inner .close{ top: 15px; right: 15px; }
.etcBox .boxWrap .inner .close { top: 17px; right: 20px; }

.singleBox .boxWrap .inner .close:hover,
.etcBox .boxWrap .inner .close:hover { cursor: pointer; }

/* ---------------------------------------------
 記事下の下（トップページと共通できる箇所多数）
 --------------------------------------------- */
#mainContent h2 {
  border-left: 2px solid #000;
  color: #000;
  font-size: 16px;
  line-height: 1;
  padding: 3px 0 0 15px;
  margin-bottom: 14px;
  position: relative;
}

#mainContent #pr-trend h2:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  position: absolute;
  top: 1px;
  padding-left: 15px;
}

#mainContent h2 span {
  color: #777;
  font-size: 11px;
  font-weight: normal;
  margin-left: 10px ;
}

/*--- 記事リスト ---*/
.articleList li .shoulder {
  color: #777;
  font-size: 12px;
  margin-bottom: 3px;
}

.articleList li .shoulder a { color: #777; }
.articleList li h3 { font-size: 14px; }

/*--- 記事リスト2カラム ---*/
.twoLows { margin-bottom: 30px; }

.twoLows:after,
.twoLows .articleList:after {
  content: "";
  display: block;
  clear: both;
}

.twoLows .articleList li {
  border-top:1px solid #e8e8e8;
  float: left;
  overflow: hidden;
  padding: 14px 0;
  position: relative;
  width: 310px;
}

.twoLows .articleList li:nth-child(even) { margin-left: 20px; }

.twoLows .articleList li:nth-last-child(1),
.twoLows .articleList li:nth-last-child(2) {/*要検証*/
  border-bottom:1px solid #e8e8e8;
  margin-bottom: 0;
}

.twoLows .articleList li:nth-child(odd) { clear:both; }/*要検証*/

.twoLows .articleList li img { width: 105px; }

.twoLows .articleList li .thumb {
  float: left;
  width: 105px;
  margin-right: 10px;
}

.twoLows .articleList li.pay:after {
  content: url("/images/n/nbo/2016/common/icon_pay.png");
  position: absolute;
  bottom: 0;
  right: 0;
}

.twoLows .articleList li.pr:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  position: absolute;
  bottom: 0;
  right: 0;
}

/*--- 記事リスト3カラム ---*/
.threeLows { overflow: hidden; }

.threeLows .column {
  overflow: hidden;
  float: left;
  margin-left: 20px;
  margin-bottom: 30px;
  width: 200px;
}

.threeLows .column:nth-child(1),
.threeLows .column:nth-child(4) {
  margin-left: 0;
  clear:both;
}

.threeLows .articleList li {
  border-bottom:1px solid #e8e8e8;
  height: 70px;
  margin-top: 14px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
}

.threeLows .articleList li:first-child {
  height: 192px;
  margin-top: 0;
  overflow: hidden;
}

.threeLows .articleList li .thumb { margin-bottom: 10px; }
.threeLows .articleList li .thumb img { width: 200px; }

.threeLows .articleList li.pr:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  position: absolute;
  bottom: 0;
  right: 0;
}

/*--- 今日の執筆陣（リーフではタイトル下の著者欄） ---*/
#wirterList { margin-bottom: 20px; }

#content.leaf #wirterList {/* 子記事用 */
  margin-bottom: 0;
  width: 500px;
  float: left;
}

#wirterList h2 { margin-bottom: 8px; }

#wirterList:after,
.writerListBox:after,
.writerListBox .detailBox .inner:after {
  content: "";
  display: block;
  clear: both;
}

.writerListBox img{ width: 90px; }

.writerListBox li {
  float: left;
  width: 90px;
  margin-left: 20px;
  position: relative;
  padding: 6px 0;
}

#content.leaf .writerListBox li {/* 子記事用 */
  display: inline-block;
  width: auto;
  margin: 0 40px 0 0;
  position: relative;
  padding: 6px 0 0;
}

.writerListBox li:nth-child(1),
.writerListBox li:nth-child(7) { margin-left: 0; }

#content.leaf .writerListBox .photoBox {/* 子記事用 */
  height: 40px;
}

#content.leaf .writerListBox .photoBox img{/* 子記事用 */
  width: 40px;
  border-radius: 6px;
  vertical-align: middle;
  margin-right: 10px;
}

.writerListBox .photoBox span {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

#content.leaf .writerListBox .photoBox span {/* 子記事用 */
  color: #000;
  display: inline-block;
  font-size: 12px;
  margin-top: 12px;
  text-align: left;
}

.writerListBox .detailBox {
  position: absolute;
  bottom:122px;
  opacity: 0;
  visibility: hidden;
  z-index: 6;
  width: 440px;
}

.writerListBox li:nth-child(4) .detailBox,
.writerListBox li:nth-child(5) .detailBox,
.writerListBox li:nth-child(6) .detailBox,
.writerListBox li:nth-child(10) .detailBox,
.writerListBox li:nth-child(11) .detailBox,
.writerListBox li:nth-child(12) .detailBox { right: -1px; }

#content.leaf .writerListBox .detailBox {/* 子記事用 */
  bottom: 46px;
  left: -25px;
}

.writerListBox .detailBox .thumb {
  float:left;
  margin-right: 10px;
  width: 90px;
}

.writerListBox .detailBox h3 {
  float: right;
  font-size: 20px;
  margin-bottom: 2px;
  width: 290px;
}

.writerListBox .detailBox h4 {
  float: right;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 8px;
  width: 290px;
}

.writerListBox .detailBox p {
  color: #777;
  float: right;
  font-size: 12px;
  width: 290px;
}

.writerListBox .detailBox p.txtRight.link {
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 4px/4px;
  padding-left: 10px;
  display: block;
  margin-top: 10px;
  text-align: right;
  width: 120px;
}

.writerListBox .detailBox:hover p.txtRight.link { text-decoration: underline; }

.writerListBox .detailBox a { color: #000; }

.writerListBox li:hover .detailBox {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.writerListBox .detailBox .ballon {
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  position: relative;
}

.writerListBox .detailBox .ballon:before {
  position: absolute;
  bottom: -8px;
  left: 38px;
  content: " ";
  height: 16px;
  width: 14px;
  background: #fafafa;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

.writerListBox li:nth-child(4) .detailBox .ballon:before,
.writerListBox li:nth-child(5) .detailBox .ballon:before,
.writerListBox li:nth-child(6) .detailBox .ballon:before,
.writerListBox li:nth-child(10) .detailBox .ballon:before,
.writerListBox li:nth-child(11) .detailBox .ballon:before,
.writerListBox li:nth-child(12) .detailBox .ballon:before { left: 388px; }

#content.leaf .writerListBox li:nth-child(4) .detailBox .ballon:before,
#content.leaf .writerListBox li:nth-child(5) .detailBox .ballon:before,
#content.leaf .writerListBox li:nth-child(6) .detailBox .ballon:before { left: 38px; } /* 子記事用 */


.writerListBox .detailBox .ballon .inner {
  background: #fafafa;
  padding: 20px 20px 16px;
  border-radius: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

/* バックナンバー */
#articleBacknumber { position: relative; }

#articleBacknumber h2 {
  width: 470px;
  line-height:1.1;
}

#articleBacknumber .btnFollow,
#articleBacknumber .btnUnfollow {
  font-size: 14px;
  position: absolute;
  top: -3px;
  right: 0;
}

#articleBacknumber .btnFollow a,
#articleBacknumber .btnUnfollow a {
  border: 1px solid #000;
  border-radius: 4px;
  line-height: 1;
  padding: 6px 9px 5px 30px;
  display: block;
  color: #000;
}

#articleBacknumber .btnFollow a:hover,
#articleBacknumber .btnUnfollow a:hover {
  border: 1px solid #808080;
  text-decoration: none;
  color: #808080;
}

#articleBacknumber .btnFollow a { background: url("/images/n/nbo/2016/common/icon_follow.png") no-repeat 9px center /13px; }
#articleBacknumber .btnUnfollow a { background: url("/images/n/nbo/2016/common/icon_unfollow.png") no-repeat 9px center /13px; }
#articleBacknumber .btnFollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_follow_on.png") no-repeat 9px center /13px; }
#articleBacknumber .btnUnfollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_unfollow_on.png") no-repeat 9px center /13px; }

/* コラムの著者 */
#articleAuthor {
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  margin-bottom: 40px;
}

#articleAuthor .authorBlock {
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
  padding-top: 32px;
  padding-bottom: 25px;
}

#articleAuthor .authorBlock .thumb {
  float: left;
  width: 105px;
}

#articleAuthor .authorBlock .thumb img { width: 105px; }

#articleAuthor .authorBlock .detailBox {
  float: right;
  width: 515px;
}

#articleAuthor .authorBlock .detailBox h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

#articleAuthor .authorBlock .detailBox h4 {
  color: #777;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
}

#articleAuthor .authorBlock .detailBox p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
}

#articleAuthor .authorBlock .detailBox .note {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
}

#articleAuthor .authorBlock .detailBox .txtRight { font-size: 12px; }


/* トップページヘ戻るボタン */
.btnToppage {
  font-size: 16px;
  margin: 60px auto;
  display: table;
}

.btnToppage a {
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0px 3px 5px 0px rgba(6, 0, 1, 0.2);
  padding: 20px 60px;
  display: table-cell;
  color: #000;
}

.btnToppage a:hover {
  background: #fafafa;
  border: 1px solid #808080;
  color: #808080;
}

/* 記事のレビュー */
#articleReview {
  margin-bottom: 50px;
  position: relative;
}

#articleReview h2 span {
  display: block;
  font-size: 12px;
  margin: 6px 0 0 0;
}

#articleReview .links {
  position: absolute;
  top: 24px;
  right: 0;
  font-size: 12px;
  line-height: 1;
}

#articleReview .links a { padding: 0 10px; }
#articleReview .links a + a { border-left: 1px solid #000; }

#articleReview #commentBox { border: 1px solid #e8e8e8; }

#articleReview #commentBox h3 {
  background: #f3f3f3;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  padding: 25px 20px;
}

#articleReview #commentBox #vote {
  padding: 25px;
  border-bottom: 1px solid #e8e8e8;
}

#articleReview #commentBox #vote dl { margin-bottom: 20px; }

#articleReview #commentBox #vote dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

#articleReview #commentBox #vote dd {
  font-size: 12px;
  margin-bottom: 10px;
}

#articleReview #commentBox #vote .submit dt {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-right: 30px;
}

#articleReview #commentBox #vote .submit dt input {
  border:1px solid #000;
  border-radius: 5px;
  padding: 8px 0;
  background: #fff;
  width: 140px;
  font-weight: bold;
}

#articleReview #commentBox #vote .submit dt input:hover {
  background: #fafafa;
  border: 1px solid #808080;
  color: #808080;
  text-decoration: underline;
}

#articleReview #commentBox #vote .submit dt a {
  text-decoration: underline;
  font-weight: bold;
}

#articleReview #commentBox #vote .submit dt a:hover { color: #458cdc; }

#articleReview #commentBox #comment {
  font-size: 12px;
  font-weight: bold;
  padding: 25px;
}

#articleReview #commentBox #comment p {
  display: inline-block;
  margin-right: 30px;
  text-align: center;
}

#articleReview #commentBox #comment .submit a { text-decoration: underline; }
#articleReview #commentBox #comment .submit a:hover { color: #458cdc; }

#articleReview #commentBox #comment .submit:first-child a {
  background: #fff;
  border:1px solid #000;
  border-radius: 5px;
  color: #000;
  display: block;
  height: 34px;
  line-height: 34px;
  width: 140px;
  text-decoration: none;
}

#articleReview #commentBox #comment .submit:first-child a:hover {
  background: #fafafa;
  border: 1px solid #808080;
  color: #808080;
}

article .text-r{text-align: right;}

/* 編集者のおすすめ記事 */
section.contentRelatedBox{width:250px; border:solid 1px #cec6b9; clear:both; float:left; padding:0; margin:10px 30px 10px 0; font-size:1.1em; text-align:center;}
section.contentRelatedBox a{display:block; margin:0; padding:0; text-decoration:none}
section.contentRelatedBox h5{text-align:center; vertical-align:middle; margin: -10px 0 0px 0px; padding:0;}
section.contentRelatedBox h5 span{font-size:13px; line-height:24px; color:#333; padding: 0 10px; font-weight:900; background-color:#fff;}
section.contentRelatedBox h6{margin:15px 5px 10px 5px; padding:0; font-weight:900; color:#333; border-bottom:1px dotted #333; display:inline-block}
section.contentRelatedBox img{width:100%; margin:0}
section.contentRelatedBox p{text-align:left; margin:0.5em !important; font-size:14px !important; text-align:justify !important; line-height:1.7!important; color:#333;}

/* チャンネルポップアップ */
#ex_channelPopup {
  background-color: #fff;
  border-radius: 4px;
  bottom: 10px;
  box-shadow: 0 0 4px #333;
  margin-bottom: 0;
  margin-left: -750px;
  position: fixed;
  width: 640px;
  overflow:hidden;
  z-index: 5;
	opacity:0;
}
#ex_channelPopup_inner {
  display: table;
  overflow: hidden;
  padding: 15px;
  width: 610px;
}
#ex_channelPopup_inner p#cpClose {
  cursor:pointer;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
#ex_channelPopup_inner p.cpLogo {
  display: table-cell;
  padding-right: 30px;
  vertical-align: middle;
}
#ex_channelPopup_inner p.appLogo {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
}
#ex_channelPopup_inner div#popupSns {
  float:left;
  margin-left:130px;
}
#ex_channelPopup_inner div#popupFb,
#ex_channelPopup_inner div#popupTw {
  float:left;
}
#ex_channelPopup_inner div#popupFb {
  margin-right:10px;
}
#ex_channelPopup_inner p.cpText {
  display: table-cell;
  font-size:20px;
  font-weight:bold;
  padding: 3px 20px 0 0;
  vertical-align: middle;
}
#ex_channelPopup_inner.sns p.cpLogo {
  float:left;
  margin-left:55px;
  padding-right:0;
}
#ex_channelPopup_inner.sns p.cpText {
  float:left;
  font-size:20px;
  font-weight:bold;
  margin:3px 0 10px 25px;
  padding:0;
}
#ex_channelPopup_inner.twoapp p.cpLogo {
  display: inline-block;
}
#ex_channelPopup_inner.twoapp p.appLogo {
  padding-right: 15px;
}
#ex_channelPopup_inner.twoapp p.appLogo + p.appLogo {
  padding-right: 25px;
}
#ex_channelPopup_inner.twoapp p.cpText {
  display: inline-block;
  font-size:18px;
  margin:5px 0 0 0;
}
#ex_channelPopup_inner.all {
  display: inherit;
  padding: 10px 12px 15px;
  width: 616px;
}
#ex_channelPopup_inner.all p.cpLogo {
  display: inherit;
  padding-right: 0;
  vertical-align: inherit;
}
#ex_channelPopup_inner.all .inner {
  border-bottom: solid 1px #e4e4e4;
  display: table;
  padding: 0 5px 15px;
  margin: 0 auto 15px;
  overflow: hidden;
  width: 590px;
}
#ex_channelPopup_inner.all .inner + .inner {
  border-bottom: none;
  padding: 0;
  margin: 0 auto;
}
#ex_channelPopup_inner.all p#cpClose {
  display: inherit;
  float: right;
}
#ex_channelPopup_inner.all p.cpLogo {
  float: none;
  margin: 0 0 25px 0;
}
#ex_channelPopup_inner.all p.cpLogo img {
  width: 110px;
}
#ex_channelPopup_inner.all p.cpText {
  float: none;
  font-size: 15px;
  display: table-cell;
  margin: 0;
  padding-right: 0;
  width: 255px;
  vertical-align: middle;
}
#ex_channelPopup_inner.all p.appLogo {
  display: inline-block;
  padding-right: 10px;
}
#ex_channelPopup_inner.all div#popupSns {
  margin-left: 0;
}

/* 記事リーフ販売告知枠 */
div.nbsNotice{width:480px; background:#fcf1db; margin:15px auto; padding:15px; box-sizing:border-box; font-size:90%}
div.nbsNotice h5{background: url(/images/n/nbo/2016/common/leaf/leafSalesInfo.png) top left no-repeat; width:200px; height:25px; margin:0 0 10px 0;}
div.nbsNotice h5 strong{display:none; margin:0 0 10px 0;}
div.nbsNotice span{display:block; font-size:125%; font-weight:bold; margin:0;}
div.nbsNotice img{display:block; width:320px; margin:10px auto}

/* 記事リーフキャンペーン枠 */
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/n/nbo/2016/common/leaf/leafSalesInfo.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/n/nbo/2016/common/leaf/media/nvSalesInfo.png) top left no-repeat; width:220}
div.NV {background:#d2f0ff}
div.NV h5{background: url(/images/n/nbo/2016/common/leaf/media/nvSalesInfo.png) top left no-repeat; width:220}

/* 前後ナビ */
.mokuji {
  overflow: hidden;
}

.mokuji:nth-last-child(1) {
  margin-bottom: 50px;
}

.mokuji nav {
  margin-top: 20px;
  /*border-bottom: 1px solid #e8e8e8;*/
}

.mokuji nav ul {
  overflow: hidden;
  padding-bottom: 20px;
}

.mokuji nav ul li a {
  display: inline-block;
}

.mokuji nav ul li.list {
  text-align: center;
}

.mokuji nav ul li.prev {
  float: left;
}

.mokuji nav ul li.prev.empty span {
  width: 43px;
  padding: 0px 16px 10px 0px;
  display: block;
}

.mokuji nav ul li.next {
  float: right;
}

.mokuji nav ul li.next.empty span {
  width: 43px;
  padding: 0px 0px 10px 16px;
  display: block;
}

.mokuji nav ul li.prev a {
  background: url(/images/n/NBD/2017/common/icon_prev.png) no-repeat left 4px/5px;
  padding-left: 15px;
}

.mokuji nav ul li.next a {
  background: url(/images/n/NBD/2017/common/icon_arrow.png) no-repeat left 4px/5px;
  padding-left: 15px;
}

/* ---------------------------------------------
 記事のレビュー・コメント
 --------------------------------------------- */
#articleReview #commentBox .CommentBlock {
   margin: 0;
}
#articleReview #commentBox h3 {
   padding: 5px 20px;
   margin-bottom: 0;
}

#articleReview #commentBox #comment .submit a {
    width: auto!important;
    padding: 6px 18px;
}
#articleReview #commentBox #comment {
    text-align: center;
}
/* レビュー */
#articleReview .CommentBlock .graph_wrap {
  padding: 25px;
  margin: 0 0 10px 0;
}

#articleReview .CommentBlock .graph_wrap ul {
  overflow: hidden;
  margin-bottom: 20px;
}

#articleReview .CommentBlock .graph_wrap li {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  float: left;
  font-size: 12px;
  text-align: center;
}

#articleReview .CommentBlock .graph_wrap li a {
  padding: 6px 18px;
  display: block;
}

#articleReview .CommentBlock .graph_wrap li:nth-of-type(2) {
  background: #fff;
  border: 1px solid #555;
  float: right;
}

#articleReview .CommentBlock .graph_wrap .graph dl {
  font-size: 0;
  width: 100%;
}

#articleReview .CommentBlock .graph_wrap .graph dt {
  display: inline-block;
  clear:both;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 7px;
  padding-right: 15px;
  text-align: right;
  vertical-align: middle;
  width: 135px;
}

#articleReview .CommentBlock .graph_wrap .graph dd {
  display: inline-block;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 7px;
  vertical-align: middle;
}

#articleReview .CommentBlock .graph_wrap .graph dd .wrap {
  width: 390px;
  position: relative;
}

#articleReview .CommentBlock .graph_wrap .graph dd .wrap p {
  position: absolute;
  top: 0;
  line-height: 1.8;
  padding-left: 8px;
}

#articleReview .CommentBlock .graph_wrap .graph dd .bg_red { background: #e50020; }
#articleReview .CommentBlock .graph_wrap .graph dd .bg_gray { background: #cdcdcd; }
/* コメント */
#articleReview .CommentBlock .commentList {
    border: 10px solid #DCDDDD;
}

#articleReview .CommentBlock .comment p a { text-decoration: underline; }
#articleReview .CommentBlock p + .commentBox { margin-top: 25px; }

#articleReview .CommentBlock .commentBox {
  border-bottom: 1px solid #DCDDDD;
  padding: 20px 30px;
  margin: 10px;
}

#articleReview .CommentBlock .commentBox p {
  color: #444;
  line-height: 2;
}

#articleReview .CommentBlock .commentBox small {
  color: #777;
  display: block;
  margin-top: 10px;
  text-align: right;
}

#articleReview .commentBox:last-child {
    border-bottom: none;
}
/* ---------------------------------------------
 コメント件数
 --------------------------------------------- */
#articleBottom .cmtArea {
  position: relative;
}
#articleBottom .cmtArea .commentNum {
  float: right
}
#articleBottom .cmtArea .commentNum a {
  background: url(/images/n/nbo/2016/common/icon_comment_view.png) no-repeat 3px center;
  font-size: 14px;
  color: #000;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 2px 5px 0 23px;
  display: inline-block;
  line-height: 1.5;
}
#articleBottom .cmtArea .commentNum:hover .commentShow {
  display: none;
}
#articleBottom .cmtArea .commentNum:hover .commentHover {
  display: block;
}
#articleBottom .cmtArea .commentHover {
  display: none;
}
#articleBottom .cmtArea .cmtBalBox {
  position: absolute;
  visibility: hidden;
  border-radius: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  width: 600px;
  margin-left: 30px;
  z-index: 6;
  bottom: 35px;
  opacity: 0;
}
#articleBottom .cmtArea .cmtBalBox::before {
  position: absolute;
  bottom: -8px;
  left: 545px;
  content: " ";
  height: 16px;
  width: 14px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  z-index: -1;
}
#articleBottom .cmtArea .commentNum:hover + .cmtBalBox {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#articleBottom .cmtArea .cmtBalBox .commentBox {
  background: #fff;
  padding: 20px 20px 16px;
  border-radius: 10px;
}
#articleBottom .cmtArea .cmtBalBox .commentBox p {
  color: #444;
  line-height: 2;
}
#articleBottom .cmtArea .cmtBalBox .commentBox small {
  color: #777;
  display: block;
  margin-top: 10px;
  text-align: right;
}