@charset "utf-8";

/* ===================================================================
CSS information
 file name : article.css
 style info : 記事ページで使用するCSS
=================================================================== */
/* ロゴ */
header #logo {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    width: 118px;
    height: 30px;
    margin: auto;
    background: url(/images/n/nbo/2016/sp/common/logo_nbo.png) no-repeat;
    background-size: 118px 30px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

/* ヘッド部分 */
.articlehead {
    margin: 42px 0 35px 0;
    padding: 0 16px;
}
.articlehead h1 {
    margin-bottom: 15px;
    padding: 0;
    background: none;
    font-size: 2.4rem;
    line-height: 1.4;
}
.articlehead h1 span {
    display: block;
    margin-bottom: 25px;
    color: #888;
    font-size: 1.4rem;
    font-weight: bold;
}
.articlehead h2 {
    font-size: 1.5rem;
    margin-bottom: 28px;
    padding: 0;
    background: none;
    font-weight: normal;
}
.articlehead p {
    font-size: 1.5rem;
}
.articlehead .upper {
    margin-bottom: 25px;
    overflow: hidden;
}
.articlehead .upper .follow {
    float: right;
    width: 19px;
    height: 19px;
    background: url(/images/n/nbo/2016/sp/leaf/icon_follow.png) no-repeat left center;
    background-size: 19px 19px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
	visibility:hidden;
}
.articlehead .upper .followcancel {
    float: right;
    width: 19px;
    height: 19px;
    background: url(/images/n/nbo/2016/sp/common/icon_followcancel_s.png) no-repeat left center;
    background-size: 19px 19px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
	visibility:hidden;
}
.articlehead .upper .breadcrumb {
    float: left;
    color: #888;
    font-size: 1.4rem;
    font-weight: bold;
}
.articlehead .upper .breadcrumb a {
    padding-right: 10px;
    background: url(/images/n/nbo/2016/sp/common/bg_arrow_gr.png) no-repeat right center;
    background-size: 4px 8px;
    text-decoration: underline;
    color: #888;
}
.articlehead .middle {
    margin-bottom: 23px;
    overflow: hidden;
}
.articlehead .middle ul li {
    float: left;
    margin-bottom: 5px;
}
.articlehead .middle ul li p {
    display: table-cell;
    vertical-align: top;
}
.articlehead .middle ul li .thumb {
    padding-right: 7px;
}
.articlehead .middle ul li .thumb img {
    width: 40px;
    height: 40px;
}
.articlehead .middle ul li .name {
    padding: 10px 7px 0 0;
    color: #888;
    font-size: 1.4rem;
}
.articlehead .lower {
    padding-bottom: 16px;
    border-bottom: solid 1px #e8e8e8;
    overflow: hidden;
}
.articlehead .lower ul li.date {
    float: left;
    color: #888;
    font-size: 1.2rem;
}
.articlehead .lower ul li.txtList {
    float: right;
    margin-bottom: 0;
}

/* 本文 */
article {
    margin-bottom: 33px;
    padding: 0 16px;
}
article p {
    margin-bottom: 2em;
    font-size: 1.5rem;
    line-height: 1.6;
}
article h3 {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: solid 5px #e8e8e8;
    font-size: 1.8rem;
}
article h4 {
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 0px;
    border-bottom: solid 5px #e8e8e8;
    font-size: 1.8rem;
}
article .bplead {
    font-weight: bold;
}
article .bpquestion {
    font-weight: bold;
}
article .bpquestion::before {
  content: "――";
  font-weight: bold;
}

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

/* 注釈 */
article .bpannotation {
    margin-bottom: 2em;
    color: #777;
    font-size: 1.2rem;
}

/* 訂正 */
article .bpteisei_box {
    margin-bottom: 30px;
    padding: 16px;
    background: #f7f7f7;
    border-radius: 8px;
    font-size: 1.2rem;
}

/* 囲み共通 */
.bpbox,.bpbox2,.bpbox3,.bpbox4,.bpbox5,.bpbox6,bpprofile,
.bpreference,.bpprofile,.bpprofile_photo,.bpinterview {
    margin-bottom: 33px;
    font-size: 1.5rem;
    line-height: 1.6;
}
.bpbox .bpbox_title,.bpbox2 .bpbox_title,.bpbox3 .bpbox_title,.bpbox4 .bpbox_title,.bpbox5 .bpbox_title,.bpbox6 .bpbox_title {
    font-weight: bold;
}

/* 囲み1 */
.bpbox {
    padding: 24px 16px;
    background: #f7f7f7;
    border-radius: 8px;
}
.bpbox .bpbox_title {
    margin-bottom: 16px;
}
.bpbox .bpbox_text span {
    display: block;
    margin-top: 10px;
    text-align: right;
}

/* 囲み2 */
.bpbox2 {
    padding: 12px;
    background: #f7f7f7;
    border-radius: 8px;
}
.bpbox2 .bpbox_title {
    padding: 24px 16px 0px;
    background: #fff;
    border-radius: 4px 4px 0 0;
}
.bpbox2 .bpbox_text {
    padding: 0;
    background: #fff;
    border-radius: 0 0 4px 4px;
}
.bpbox2 .bpbox_text p:last-child{
    margin-bottom:0;
}

/* 囲み3 */
.bpbox3 {
    padding: 24px 16px;
    background: #f7f6e8;
    border-radius: 8px;
}
.bpbox3 .bpbox_title {
    margin-bottom: 16px;
}

/* 囲み4 */
.bpbox4 {
    border: solid 1px #d5d5d5;
}
.bpbox4 .bpbox_title {
    padding: 13px 18px;
    background: #f7f7f7;
}
.bpbox4 .bpbox_text {
    padding: 25px 17px;
}
.bpbox4 .bpbox_text {
    padding: 25px 17px;
}

/* 囲み5 */
.bpbox5 {
    border: solid 1px #d5d5d5;
}
.bpbox5 .bpbox_title {
    margin: 0 17px;
    padding: 15px 0 13px;
    border-bottom: solid 1px #e8e8e8;
}
.bpbox5 .bpbox_text {
    padding: 25px 17px;
}
.bpbox5 .bpbox_text {
    padding: 25px 17px;
}

/* 囲み6 */
.bpbox6 {
    padding: 24px 16px;
    border: 3px dotted #aaa;
}
.bpbox6 .bpbox_title {
    margin-bottom: 16px;
}

/* 参考文献 */
.bpreference {
    position: relative;
    margin-bottom: 33px;
    padding: 46px 16px;
    background: #f7f6e8;
    border-radius: 8px;
    font-size: 1.4rem;
    line-height: 1.6;
}
.bpreference::before,
.bpreference::after {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.bpreference::before {
    top: 24px;
    left: 16px;
    content: url(/images/n/nbo/2016/sp/leaf/icon_reference_before.png);
}
.bpreference::after {
    bottom: 35px;
    right: 16px;
    content: url(/images/n/nbo/2016/sp/leaf/icon_reference_after.png);
}

/* プロフィール（顔写真なし） */
.bpprofile {
    padding: 12px;
    background: #f3f3f3;
    border: solid 1px #e8e8e8;
}
.bpprofile .bpprofile_profile {
    padding: 10px 13px;
    background: #e3e3e3;
}
.bpprofile .bpprofile_name {
    font-weight: bold;
}
.bpprofile .bpprofile_text {
    margin-top: 15px;
}

/* プロフィール（顔写真付） */
.bpprofile_photo {
    padding: 12px;
    background: #f3f3f3;
    border: solid 1px #e8e8e8;
}
.bpprofile_photo .bpprofile_profile {
    padding: 10px 13px;
    background: #e3e3e3;
}
.bpprofile_photo .bpprofile_name {
    font-weight: bold;
}
.bpprofile_photo .bpprofile_text {
    margin-top: 15px;
    overflow: hidden;
}
.bpprofile_photo .bpprofile_text img {
    float: left;
    margin: 3px 15px 0 0;
}

/* インタビュー */
.bpinterview {
    padding: 12px;
    background: #f3f3f3;
    border: 1px solid #e8e8e8;
}
.bpinterview .bpinterview_profile {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.bpinterview .bpinterview_name {
    font-weight: bold;
}
.bpinterview .bpinterview_text {
    margin-top: 15px;
}

/* 図共通 */
.bpimage_title {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}
.bpimage_caption {
    padding-left: 22px;
    color: #aaa;
    background: url(/images/n/nbo/2016/sp/leaf/icon_caption.png) no-repeat left 3px;
    background-size: 12px 10px;
    font-size: 1.1rem;
}
.bpimage_image {
    margin: 5px 0 12px 0;
}
.bpimage_image img {
    width: 100%;
	height:auto;
}
.bpimage_click {
    margin-top: 5px;
    font-size: 1.1rem;
    text-align: left;
}
a .bpimage_click {
    text-decoration: underline;
}

/* 図1（回り込み：右）図2（回り込み：左）図3（スタンダード）共通 ※全てセンタリングになります */
.bpimage_right,.bpimage_left,.bpimage_center {
    max-width: 320px;
    margin: 0 auto 33px;
}
.bpimage_right {
    float: right;
}
.bpimage_left {
    float: left;
}

/* この連載をフォローボタン */
span.follow {
    float: right;
    padding-left: 19px;
    background: url(/images/n/nbo/2016/sp/leaf/icon_follow_s.png) no-repeat left center;
    background-size: 15px 15px;
    color: #777;
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: underline;
}

/* フォローを解除ボタン */
span.followcancel {
    float: right;
    padding-left: 19px;
    background: url(/images/n/nbo/2016/sp/common/icon_followcancel_s.png) no-repeat left center;
    background-size: 15px 15px;
    color: #777;
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: underline;
}

/* 著者プロフィール */
.profile {
    padding: 0 16px;
    border-top: solid 1px #e8e8e8;
}
.profile dl {
    margin-top: 15px;
}
.profile dl dt {
    float: left;
}
.profile dl dd {
    padding-left: 116px;
}
.profile img {
    width: 100px;
    height: 100px;
}
.profile h3 {
    margin: 12px 0 10px 0;
    font-size: 1.5rem;
}
.profile dl dd h3 {
    margin: 0 0 10px 0;
}
.profile h4 {
    margin-bottom: 12px;
    font-size: 1.2rem;
    font-weight: normal;
}
.profile p {
    margin-bottom: 15px;
    color: #777;
    font-size: 1.2rem;
}
.profile p a {
    display: inline;
    text-decoration: underline;
}

/* 改ページ */
#pagenation {
    margin-bottom: 12px;
    padding: 0 16px;
}
#pagenation p {
    margin: 0 16px 33px;;
    font-size: 1.2rem;
}
#pagenation p a {
    padding: 25px 10px;
    background: #f7f7f7;
    border-radius: 4px;
    text-align: center;
}
#pagenation p a span {
    color: #777;
}
#pagenation ul {
    display: table;
    margin: 0 auto;
}
#pagenation ul li {
    display: inline-block;
    margin-left: 12px;
    font-size: 1.4rem;
    line-height: 40px;
}
#pagenation ul li:first-child {
    margin-left: 0;
}
#pagenation ul li a {
    width: 30px;
    height: 30px;
    border: solid 1px #e8e8e8;
    border-radius: 4px;
    color: #777;
    line-height: 30px;
    text-align: center;
}
#pagenation ul li.current a {
    background: #000000;
    color: #fff;
    pointer-events: none;
}

/* ログイン案内 */
#loginGuide {
    margin: 16px;
    padding: 30px 0 20px;
    background: #f6f6f6;
}
#loginGuide h3 {
    margin-bottom: 43px;
    padding: 0 16px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 2;
    text-align: center;
}
#loginGuide h3 span {
    font-weight: bold;
}
#loginGuide h3 b {
    color: #e50020;
}
#loginGuide .inner {
    position: relative;
    padding: 0 20px;
}
#loginGuide .inner .btnRegister {
    margin: 53px 0 32px;
}
#loginGuide .inner .ballon {
    top: -50px;
    right: -8px;
}
#loginGuide .inner .continue {
    border-top: solid 1px #e8e8e8;
    padding-top: 34px;
}
#loginGuide .inner .continue p {
    font-size: 1.2rem;
    line-height: 2;
}
#loginGuide .inner .continue ol {
    padding-left: 1em;
}
#loginGuide .inner .continue ol li {
    font-size: 1.2rem;
    line-height: 2;
}
#loginMerit {
    margin: 16px;
    padding: 30px 16px 25px;
    background: #f6f6f6;
}
#loginMerit h3 {
    margin-bottom: 27px;
    font-size: 1.4rem;
    text-align: center;
}
#loginMerit h3 b {
    color: #e50020;
}
#loginMerit dl {
    margin-bottom: 8px;
    background: #fff;
    border-radius: 4px;
    padding: 0 10px 0 16px;
    box-shadow: rgba(2, 0, 0, 0.1) 1px 0px 2px;
}
#loginMerit dl dt {
    display: table-cell;
    padding-right: 10px;
    height: 75px;
    font-size: 0.9rem;
    color: #525252;
    vertical-align: middle;
}
#loginMerit dl dt b {
    display: block;
    width: 34px;
    height: 34px;
    padding-top: 3px;
    border: solid 3px #e8e8e8;
    border-radius: 17px;
    font-size: 1.6rem;
    text-align: center;
}
#loginMerit dl dd {
    display: table-cell;
    padding-top: 10px;
    height: 75px;
    font-size: 1.2rem;
    line-height: 1.3;
    vertical-align: middle;
}
#loginMerit dl dd b {
    font-size: 1.4rem;
}
#loginMerit .plus {
    position: relative;
    top: -17px;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    background: #fff;
    border: solid 4px #f4f4f4;
    border-radius: 8px;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center;
}
#loginMerit .more {
    margin: -36px 0 6px 0;
    background: #fff;
    border-radius: 4px;
    padding: 25px 16px 15px;
    box-shadow: rgba(2, 0, 0, 0.1) 1px 0px 2px;
}
#loginMerit .more p {
    font-size: 1.2rem;
    line-height: 1.3;
}
#loginMerit .more p span {
    display: block;
    width: 180px;
    height: 30px;
    margin: 0 auto 14px;
    border: solid 3px #e8e8e8;
    border-radius: 15px;
    color: #525252;
    line-height: 28px;
    text-align: center;
}
#loginMerit .more p b {
    font-size: 1.4rem;
}
#loginMerit .inner {
    position: relative;
}
#loginMerit .inner .btnRegister {
    margin: 61px 0 25px;
}
#loginMerit .inner .ballon {
    top: -50px;
    right: -25px;
}
#loginMerit .txtRight {
    font-size: 1.2rem;
}
#loginMerit .txtRight a {
    color: #006ee6;
    text-decoration: underline;
}

/* 登録ボタン＆吹き出し */
#loginGuide .inner .btnRegister,
#loginMerit .inner .btnRegister {

}
#loginGuide .inner .btnRegister b,
#loginMerit .inner .btnRegister b {
    color: #e50020
}
#loginGuide .inner .btnRegister a,
#loginMerit .inner .btnRegister a {
    display: inline-block;
    width: 48%;
    background: #fff;
    border: solid 1px #000;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
}
#loginGuide .inner .btnRegister a + a,
#loginMerit .inner .btnRegister a + a {
    margin-left: 4%;
    text-indent: .5em;
}
#loginGuide .inner .ballon,
#loginMerit .inner .ballon {
    position: absolute;
    width: 193px;
    padding: 8px 1px;
    background: #0a395c;
    border-radius: 24px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
}
#loginGuide .inner .ballon::after,
#loginMerit .inner .ballon::after {
    position: absolute;
    right: 60px;
    bottom: -10px;
    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;
}
@media screen and (max-width: 320px) {
    #loginGuide .inner .btnRegister a,
    #loginMerit .inner .btnRegister a {
        width: 39%;
    }
    #loginGuide .inner .btnRegister a + a,
    #loginMerit .inner .btnRegister a + a {
        width: 58%;
        margin-left: 3%;
    }
}


/* リストアイコン表示 */
.leaf article ul,.leaf article ol { margin-bottom: 1em; font-size: 1.5rem;} 
.leaf article ul.none li { margin-left: 2em; line-height: 1.5; list-style-type: none; }
.leaf article ul.disc li { margin-left: 2em; line-height: 1.5; list-style-type: disc; vertical-align: middle; }
.leaf article ul.circle li { margin-left: 2em; line-height: 1.5; list-style-type: circle; vertical-align: middle; }
.leaf article ul.square li { margin-left: 2em; line-height: 1.5; list-style-type: square; vertical-align: middle; }
.leaf article ol.decimal li { margin-left: 2em; line-height: 1.5; list-style-type: decimal; }
.leaf article ol.upper-roman li { margin-left: 2em; line-height: 1.5; list-style-type: upper-roman; }
.leaf article ol.lower-roman li { margin-left: 2em; line-height: 1.5; list-style-type: lower-roman; }
.leaf article ol.upper-alpha li { margin-left: 2em; line-height: 1.5; list-style-type: upper-alpha; }
.leaf article ol.lower-alpha li { margin-left: 2em; line-height: 1.5; list-style-type: lower-alpha; }

.leaf article > ul li { margin-left: 2em; line-height: 1.5; list-style-type: disc; vertical-align: middle; }

article p a {
    display: inline;
    text-decoration: underline!important;
}

article div.bpimage_caption a{
    display: inline;
    text-decoration: underline!important;
}

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

/* ピックアップ */
.pickup {
    border-bottom: solid 2px #000;
}
.pickup h2 {
    padding: 10px 16px;
    background: #f7f7f7;
    font-size: 2.1rem;
}
.pickup h2 .icon {
    margin-top: 0;
    padding: 5px 13px 3px;
    background: #e50020;
    font-size: 1.0rem;
}
.pickup h3 {
    font-size: 1.4rem;
}
.pickup .thumb img {
    width: 100%;
	height: auto;
}
.pickup ul li {
    border-bottom: solid 2px #fff;
}
.pickup ul li a {
    padding: 14px 16px 10px;
    background: #f7f7f7;
    min-height: 46px;
}
.pickup ul li.first h3 {
    font-size: 1.8rem;
}
.pickup ul li.first p {
    color: #777;
    font-size: 1.4rem;
}
.pickup ul li.first a {
    padding: 16px;
    line-height: 1.5;
}
.pickup ul li.second {
    position: relative;
    padding-right: 50px;
    background: #f7f7f7;
}
.pickup ul li.second span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 46px;
    margin: auto;
    background: #f7f7f7 url(/images/n/nbo/2016/sp/common/icon_open.png) no-repeat right;
    background-size: 46px 46px;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
}
.pickup ul li.second span.active {
    background: #f7f7f7 url(/images/n/nbo/2016/sp/common/icon_close.png) no-repeat right;
    background-size: 46px 46px;
}
.pickup ul li.second a {
    padding: 14px 8px 10px 16px;
}
.pickupSwipe .swiper-slide ul li.pay a:after, .pickup ul li.pay h3 a:after{
  content: url("/images/n/nbo/2011/indexes/top/nikkei/locked.png");
  margin-left:8px;
}

.pickup ul.sub {
    display: none;
}
/* 今日の執筆陣 */
.author {
    padding: 0 16px 36px;
    border-top: solid 1px #e8e8e8;
}
.author ul {
    display: table;
    margin: 16px auto 0;
    margin-left: -3%;
}
.author ul li {
    display: inline-block;
    width: 30%;
    margin-bottom: 16px;
    text-align: center;
    margin-left: 3%;
}
.author ul li img {
    width: 98%;
    height: 98%;
}
.author ul li span {
    display: block;
    margin-top: 4px;
    font-size: 1.2rem;
}
@media only screen and (orientation:landscape) {
    .author ul {
        margin: 16px auto 0;
    }
    .author ul li {
        width: 25%;
        margin-left: 0;
    }
.author ul li img {
        width: 76px;
        height: 76px;
    }
}

/* チャンネルポップアップ */
#ex_channelPopup {
  background-color: #fff;
  border-radius: 4px;
  bottom: 5px;
  left: -100%;
  box-shadow: 0 0 4px #333;
  margin-bottom: 0;
  padding: 15px 15px 15px 0;
  position: fixed;
  width: 90%;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  overflow:hidden;
  z-index: 201;
  text-align:center;
}
#ex_channelPopup p#cpClose {
  float:right;
  margin-left: -15px;
}
#ex_channelPopup p.cpText {
  font-size:14px;
  padding:5px 0;
}

/* 記事リーフ販売告知枠 */
div.nbsNotice{width:100%; background:#fcf1db; margin:15px auto; padding:15px; box-sizing:border-box; font-size:150%}
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:130%; font-weight:bold; margin:0;}
div.nbsNotice img{display:block; width:calc(100% - 20px); margin:10px auto}

/* 記事リーフキャンペーン枠 */
div.cpFrame{width:100%; background:#fcf1db; margin:15px auto; padding:15px; box-sizing:border-box; font-size:150%}
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:120%; line-height:1.2; font-weight:bold; margin-bottom:5px;}
div.cpFrame img{display:block; float:right; margin:1px 0 10px 10px;}
div.nv{background:#d2f0ff}
div.nv h5{background: url(/images/n/nbo/2016/common/leaf/media/nvSalesInfo.png) top left no-repeat; width:220px;}

/* 前後ナビ */
nav ul.mokuji {
    overflow:hidden;
    padding-bottom:20px;
}
nav ul.mokuji li a {
    font-size:14px;
    color:#777;
    display:inline-block;
    float:left;
}
nav ul.mokuji li span {
    font-size:14px;
    display:inline-block;
}
nav ul.mokuji li.next {
    float:right;
}
nav ul.mokuji li.prev {
    float: left;
}
nav ul.mokuji li.list {
    text-align:center;
}
nav ul.mokuji li.list a {
    float:none;
}
nav ul.mokuji li.prev a {
    background: url("/images/n/NBD/2016/sp/common/bg_arrow_prev.png") no-repeat scroll left center / 4px 8px;
    padding-left:15px;
    text-decoration: underline;
}
nav ul.mokuji li.next a{
    background: url("/images/n/NBD/2016/sp/common/bg_arrow_gr.png") no-repeat scroll left center / 4px 8px;
    padding-left:15px;
    text-decoration: underline;
}
.articleFoot nav ul.mokuji {
    padding: 0 16px 16px;
}