@charset "euc-jp";

/* ------------------------------ *
	article
 * ------------------------------ */
div.article { width: 630px; padding-left: 10px; margin-bottom: 30px; }
body > div.body.single div.article { width: 1004px; text-align: center; padding-left: 0; margin-bottom: 0; }

div.article-page-header:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.article-page-header { display: inline-block; }
div.article-page-header { clear: both; display: block; position: relative; width: 640px; margin-bottom: 15px; }

div.article-page-header h2 { color: #002c92; font-size: 114.4%; line-height: 1; background-color: #ccd5e9; padding: 8px 10px; }
div.article-page-header h2 a { color: #002c92; cursor: default; pointer-events: none; }
div.article-page-header a.button { color: #5270b5; border-color: #a3b3d8; background-color: transparent; margin: 4px 4px 0 0; }
div.article-page-header a.button:hover { color: #fff; background-color: #a3b3d8; }
div.article-page-header a.button:active { border-color: #002c92; background-color: #002c92; }

div.article-page-footer { clear: both; padding: 0 0 15px 10px; }



/* ------------------------------ *
	article-header
 * ------------------------------ */
div.article-header { width: 620px; margin-bottom: 40px; }

div.article-header div.billboard { margin-bottom: 20px; }
div.article.paginated div.article-header div.billboard { display: none; }

div.article-header h1 { line-height: 1.3; margin-bottom: 15px; }
div.article-header h1 span.heading { display: block; font-size: 200%; }
div.article-header h1 span.sub1,
div.article-header h1 span.sub2 { display: block; font-size: 128.6%; font-weight: bold; }
div.article-header h1 span.sub1 { margin-bottom: 7px; }
div.article-header h1 span.sub2 { margin-top: 7px; }

div.article-header p.date,
div.article-header p.author { color: #002c92; font-size: 114.4%; }
div.article-header p.date { float: left; }
div.article-header p.author { float: right; }
div.article-header p.author a { color: #002c92; text-decoration: underline; }
div.article-header p.author a:hover { text-decoration: none; }

div.article.paginated div.article-header h1 { margin-bottom: 7px; }
div.article.paginated div.article-header h1 span.heading { color: #002c92; font-size: 114.4%; }
div.article.paginated div.article-header h1 span.sub1,
div.article.paginated div.article-header h1 span.sub2 { color: #002c92; font-size: 107.3%; font-weight: normal; }
div.article.paginated div.article-header p.date { color: #002c92; font-size: 107.3%; margin-right: 1em; }
div.article.paginated div.article-header p.author { float: left; font-size: 107.3%; }
div.article.paginated div.article-header p.author a { color: #002c92; }

div.article-header div.tools { clear: both; margin-top: 10px; margin-bottom: 15px; }



/* ------------------------------ *
	article-body
 * ------------------------------ */
div.article-body:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.article-body { display: inline-block; }
div.article-body { clear: both; display: block; position: relative; width: 600px; padding: 0 10px; margin-bottom: 40px; }

/* summary for unlogin */
div.article-body div.summary:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.article-body div.summary { display: inline-block; }
div.article-body div.summary { clear: both; display: block; position: relative; }
div.article-body div.summary.image p { width: 330px; float: left; padding-right: 20px; }
div.article-body div.summary.image img { display: block; width: 250px; margin-bottom: 2em; }



/* ------------------------------ *
	article-unlogin
 * ------------------------------ */
div.article-unlogin {
width: 560px;
color: #002c92;
background-color: #f2f4f9;
padding: 30px;
margin-bottom: 40px;
border-radius: 5px;
}

div.article div.article-unlogin .unlogin-box { display: block; }
div.article div.article-unlogin .unlogin-box .inner {
display: block;
background-color: #fff;
border: 4px solid #e50083;
border-top: none;
border-radius: 0 0 10px 10px;
padding: 15px;
}

div.article div.article-unlogin .unlogin-box .heading {
display: block;
color: #fff;
font-size: 128.6%;
text-align: center;
background-color: #e50083;
border-radius: 10px 10px 0 0;
padding: 10px;
}
div.article div.article-unlogin .unlogin-box .summary {
display: block;
color: #002c92;
font-size: 114.4%;
}

div.article div.article-unlogin .unlogin-box .buttons {
height: auto;
}
div.article div.article-unlogin .unlogin-box .button {
display: block;
box-sizing: border-box;
width: 100%;
padding: 10px 15px;
margin-top: 10px;
cursor: pointer;
color: #fff;
font-size: 128.6%;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none;
word-wrap: break-word;
background-color: #7f95c8;
background-image: url(/images/nm1411/icon/arrow_next_w.png);
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 6px 11px;
border: 2px solid #d9dfef;
border-radius: 8px;
transition: all .25s ease 0s;
-webkit-appearance: none;
appearance: none;
}
div.article div.article-unlogin .unlogin-box .button:hover { color: #fff; border-color: #7f95c8; background-color: rgba(0, 45, 145, .75); }
div.article div.article-unlogin .unlogin-box .button:active { color: #fff; border-color: #002c92; background-color: #002c92; }



/* ------------------------------ *
	article-footer
 * ------------------------------ */
div.article-footer div.tools { width: 620px; margin-top: 30px; margin-bottom: 30px; }
div.article-footer div.tools img.sample { display: block; margin-bottom: 10px; }

div.tools div.wrapper a.button.right { margin-left: 5px; }

/* sns parts area */
div.tools div.wrapper div.facebook-btn,
div.tools div.wrapper div.twitter-btn,
div.tools div.wrapper div.hatana-bookmark-btn,
div.tools div.wrapper div.googleplus-btn { float: left; margin-right: 10px; }

div[id^=___plusone] { width: 56px !important; }



/* ------------------------------ *
	article-pagenation
 * ------------------------------ */
div.article-pagination:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.article-pagination { display: inline-block; }
div.article-pagination { clear: both; display: block; position: relative; width: 620px; margin-bottom: 20px; }



/* ------------------------------ *
	article-profile
 * ------------------------------ */
div.article-profile:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.article-profile { display: inline-block; }
div.article-profile { clear: both; display: block; position: relative; width: 620px; margin-bottom: 15px; }

div.article-profile div.section-header h4 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #6680be; padding: 9px 10px 8px; }
div.article-profile div.section-header a.button { color: #fff; border-color: #94a7d2; background-color: transparent; margin: 4px 4px 0 0; }
div.article-profile div.section-header a.button:hover { background-color: #94a7d2; }
div.article-profile div.section-header a.button:active { border-color: #002c92; background-color: #002c92; }

div.article-profile div.series-profile { width: 250px; float: left; }
div.article-profile div.author-profile { width: 350px; float: right; }
div.article-profile div.series-profile h5,
div.article-profile div.author-profile h5 { font-size: 107.3%; margin-bottom: 10px; }
div.article-profile div.series-profile p,
div.article-profile div.author-profile p { font-size: 100%; }
div.article-profile div.author-profile h5,
div.article-profile div.author-profile p { width: 250px; }

div.article-profile.single div.series-profile { width: 620px; }
div.article-profile.single div.series-profile h5,
div.article-profile.single div.series-profile p { width: 510px; }

div.article-profile.single.extras {
width: 586px;
border: 2px solid #e6eaf4;
padding: 15px 15px 0;
margin-bottom: 15px;
border-radius: 5px;
}

div.article-profile.single.extras h5 { font-size: 107.3%; margin-bottom: 10px; }
div.article-profile.single.extras img.right { margin-left: 15px; margin-bottom: 15px; }
div.article-profile.single.extras div.more { text-align: right; }
div.article-profile.single.extras div.more a { display: inline-block; color: #7f95c8; font-weight: bold; background: url(/images/nm1411/icon/arrow_next.png) no-repeat right 0.4em; background-size: 6px 11px; padding-right: 15px; }
div.article-profile.single.extras div.more a:hover { color: #002c92; text-decoration: none; }



/* ------------------------------ *
	article-comment
 * ------------------------------ */
div.article-comment { width: 620px; margin-bottom: 15px; }
div.article-comment div.section-header { margin-bottom: 15px; }
div.article-comment div.section-header h4 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #6680be; padding: 9px 10px 8px; }
div.article-comment div.section-header a.button { color: #fff; border-color: #94a7d2; background-color: transparent; margin: 4px 4px 0 0;  }
div.article-comment div.section-header a.button:hover { background-color: #94a7d2; }
div.article-comment div.section-header a.button:active { border-color: #002c92; background-color: #002c92; }

div.article-comment dl { font-size: 100%; }
div.article-comment dl dt span.date { font-weight: normal; }
div.article-comment dl dt { margin-bottom: 10px; }
div.article-comment dl dd { border-bottom: 2px solid #f2f4f9; padding-bottom: 5px; margin-bottom: 10px; }
div.article-comment dl dd:last-child { border-bottom: none; padding-bottom: 0; }

div.article-comment dl dd div.more { text-align: right; }
div.article-comment dl dd div.more a { display: inline-block; color: #7f95c8; font-weight: bold; background: url(/images/nm1411/icon/arrow_down.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }
div.article-comment dl dd div.more a:hover { color: #002c92; text-decoration: none; }
div.article-comment dl dd div.less { text-align: right; }
div.article-comment dl dd div.less a { display: inline-block; color: #7f95c8; font-weight: bold; background: url(/images/nm1411/icon/arrow_up.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }
div.article-comment dl dd div.less a:hover { color: #002c92; text-decoration: none; }



/* ------------------------------ *
	article-backnumber
 * ------------------------------ */
div.article-backnumber { width: 620px; margin-bottom: 15px; }
div.article-backnumber div.section-header { margin-bottom: 5px; }
div.article-backnumber div.section-header h4 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #6680be; padding: 9px 10px 8px; }

div.article-backnumber ul.headlines li { line-height: 1.3; padding: 10px 15px; }
div.article-backnumber ul.headlines li.even { background-color: #e5e9f4; }
div.article-backnumber ul.headlines li a { display: block; }
div.article-backnumber ul.headlines li a:hover { text-decoration: none; }
div.article-backnumber ul.headlines li a span.heading { display: block; font-size: 107.3%; font-weight: bold; }
div.article-backnumber ul.headlines li a span.heading span.date { font-weight: normal; }
div.article-backnumber ul.headlines li a span.sub { display: block; font-size: 100%; }
div.article-backnumber ul.headlines li a:hover span.heading { text-decoration: underline; }
div.article-backnumber ul.headlines li a:hover span.sub { text-decoration: none; }

div.article-backnumber div.section-header div.source { background-color: #99abd3; padding: 10px; }
div.article-backnumber div.section-header div.source a { display: block; color: #fff; }
div.article-backnumber div.section-header div.source a span { display: inline-block; font-size: 93%; line-height: 1.2; }
div.article-backnumber div.section-header div.source a span.sub { margin-right: 1em; }
div.article-backnumber div.section-header div.source a span.heading { font-weight: bold; }
div.article-backnumber div.section-header div.source a:hover span.heading { text-decoration: underline; }



/* ------------------------------ *
	article-related
 * ------------------------------ */
div.article-related { width: 620px; margin-bottom: 15px; }
div.article-related div.section-header { margin-bottom: 5px; }
div.article-related div.section-header h4 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #009ccc; padding: 9px 10px 8px; }

div.article-related ul.headlines li { line-height: 1.3; padding: 10px 15px; }
div.article-related ul.headlines li.even { background-color: #e5f5fa; }
div.article-related ul.headlines li a { display: block; }
div.article-related ul.headlines li a:hover { text-decoration: none; }
div.article-related ul.headlines li a span.heading { display: block; font-size: 107.3%; font-weight: bold; }
div.article-related ul.headlines li a span.heading span.date { font-weight: normal; }
div.article-related ul.headlines li a span.sub { display: block; font-size: 100%; }
div.article-related ul.headlines li a:hover span.heading { text-decoration: underline; }
div.article-related ul.headlines li a:hover span.sub { text-decoration: none; }



/* ------------------------------ *
	for enlarged image
 * ------------------------------ */
body.enlarged-image div.body { width: 100%; padding: 0; }
body.enlarged-image div.main { width: 100%; float: none; }
body.enlarged-image div.header.navless { width: 100%; }
body.enlarged-image div.footer { width: 100%; padding: 0; }
body.enlarged-image div.contents { width: 100%; float: none; }

body.enlarged-image div.header.navless div.header-elements { width: 100%; }
body.enlarged-image div.header.navless div.header-elements div.logo { margin: 10px 0 0 10px; }

body.enlarged-image div.footer p { padding: 30px 30px 0; }

body.enlarged-image div.article { width: 100%; padding-left: 0; }
body.enlarged-image div.article div.image { margin: 40px 0; text-align: center; }
body.enlarged-image div.article div.image img { max-width: 1004px; height: auto; }
body.enlarged-image div.article div.buttons { margin: 20px 0; text-align: center; }

/* for mobile */
@media (max-width: 767px) {

body.enlarged-image div.header.navless { height: 40px; background-color: #002c92; border-bottom: none; padding-bottom: 0; margin-bottom: 0; position: fixed; top: 0; left: 0; z-index: 10; }
body.enlarged-image div.contents { padding: 40px 0 0; }
body.enlarged-image div.footer { padding: 0; margin: 0 0 30px; }

body.enlarged-image div.header.navless div.header-elements:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
body.enlarged-image div.header.navless div.header-elements { display: inline-block; }
body.enlarged-image div.header.navless div.header-elements { clear: both; width: 100%; height: 40px; margin-bottom: 0; }

body.enlarged-image div.header.navless div.header-elements div.logo { float: none; width: 94px; height: 40px; margin: 0 auto; }
body.enlarged-image div.header.navless div.header-elements div.logo div.screen a.replace { width: 94px; height: 40px; color: #002c92; }
body.enlarged-image div.header.navless div.header-elements div.logo div.screen a.replace span.image { background-image: url(/images/nm1411/sp/logo/logo.png); background-size: 94px 40px; }

body.enlarged-image div.article div.image { margin: 10px; text-align: center; }
body.enlarged-image div.article div.image img { max-width: 100%; height: auto; }
body.enlarged-image div.article div.buttons { text-align: center; margin: 20px; }

}