@charset "utf-8";

/* ------------------------------ *
	drugindex
 * ------------------------------ */

/* search */
body.drugindex div.header div.header-elements div.searches { display: block; }
body.drugindex div.header div.header-elements div.superbanner { display: none; }

body.drugindex div.header div.header-elements div.searches { float: left; width: 784px; height: 86px; margin-left: 10px; }
body.drugindex div.header div.header-elements div.searches h3 { color: #fff; font-size: 107.3%; }
body.drugindex div.header div.header-elements div.searches form.search input.searchbox { width: 384px; }
body.drugindex div.header div.header-elements div.searches div.left { float: left; width: 446px; padding: 10px; }
body.drugindex div.header div.header-elements div.searches div.right { float: right; width: 300px; padding: 8px 8px 8px 10px; }
body.drugindex div.header div.header-elements div.searches div.right table td { color: #fff; font-size: 93%; border: none; padding: 2px; }
body.drugindex div.header div.header-elements div.searches { border-color: #99abd3; background-color: #6680be;  }
body.drugindex div.header div.header-elements div.searches form.search input.searchbox { border-color: #99abd3; }

/* container */
div.drugindex { margin-bottom: 40px; position: relative; }
div.drugindex div.section-body div.item { margin-bottom: 40px; }
div.drugindex div.section-body div.item::after { content: ''; display: block; clear: both; }
div.drugindex div.section-body div.item:last-of-type { margin-bottom: 0; }

/* section-header */
#drugindex-search { display: none; }
div.drugindex div.section-header h2 { font-size: 114.4%; margin-bottom: 10px; }
div.drugindex div.section-header h2::after { content: ''; display: block; clear: both; }
div.drugindex div.section-header h2 span.sub { display: inline-block; float: right; font-size: 0.75em; }

/* breadcrumb */
#breadcrumbs { width: 640px; background-color: #fff; border-bottom: 1px solid #ccd5e9; }
#breadcrumbs div.breadcrumb { border-bottom: 1px solid #e6eaf4; padding: 3px 10px 0; margin-bottom: 10px; }
#breadcrumbs div.breadcrumb:last-child { border: none; margin-bottom: 0; }
div.drugindex.product #breadcrumbs,
div.drugindex.explanation #breadcrumbs { position: absolute; z-index: 2; }
div.drugindex.product #breadcrumbs.fixed,
div.drugindex.explanation #breadcrumbs.fixed { position: fixed; opacity: 0.9; }
div.drugindex.product #breadcrumbs div.breadcrumb:first-child,
div.drugindex.explanation #breadcrumbs div.breadcrumb:first-child { padding-top: 13px; }
#breadcrumbs div.breadcrumb a { display: inline-block; color: #002c92; font-size: 86%; line-height: 1; vertical-align: middle; margin-bottom: 10px; }
#breadcrumbs div.breadcrumb a::after { content: ''; display: inline-block; width: 6px; height: 11px; background: url(/images/nm1411/icon/arrow_next.png) no-repeat 0 0; background-size: contain; vertical-align: middle; margin: 0 5px; opacity: 0.5; }
#breadcrumbs div.breadcrumb a:last-child { font-weight: bold; }
#breadcrumbs div.breadcrumb a:last-child::after { content: none; }

/* drugindex-tab */
#drugindex-tab { width: 640px; position: absolute; z-index: 1; }
#drugindex-tab.fixed { position: fixed; opacity: 0.9; }
div.drugindex.index #drugindex-tab,
div.drugindex.list #drugindex-tab { position: relative; }

/* info */
div.drugindex div.section-header div.info { background-color: #fff; }
div.drugindex div.section-header div.info h1 { color: #002c92; font-size: 200%; line-height: 1.2; border-bottom: 1px solid #e6eaf4; background-color: #fff; padding: 15px 10px; }
div.drugindex div.section-header div.info h1 span:nth-child(2) { font-size: smaller; font-weight: normal; margin-left: 0.5em; }
div.drugindex div.section-header div.info h1 span:nth-child(2)::before { content: 'の'; }
div.drugindex div.section-header div.info h5 { font-size: 143%; font-weight: normal; }
div.drugindex div.section-header div.info div.inner { overflow: hidden; background-color: #f2f4f9; border-radius: 0 0 5px 5px; opacity: 1; transition: 0.25s; }
div.drugindex div.section-header div.info div.inner.hide { opacity: 0; }
div.drugindex div.section-header div.info div.inner p { line-height: 1.1; padding: 0 15px; }
div.drugindex div.section-header div.info div.inner p:last-child { margin-bottom: 10px; }
div.drugindex div.section-header div.info div.inner p a { color: #002c92; text-decoration: none; display: inline-block; background: url(/images/nm1411/icon/arrow_next.png) no-repeat right center; background-size: 6px 11px; padding-right: 12px; }
div.drugindex div.section-header div.info div.inner p a:hover { text-decoration: underline; }
div.drugindex div.section-header div.info div.inner p a.pdf span { background: url(/images/nm1411/icon/icon_pdf.png) no-repeat right top; background-size: 16px; padding-right: 21px; }
div.drugindex div.section-header div.info div.inner p span.sub { font-size: 0.9em; }

/* nav */
div.drugindex ul.nav { height: 33px; font-size: 0; border-bottom: 2px solid #bfcae4; background-color: #fff; padding-top: 10px; }
div.drugindex ul.nav li { display: inline-block; list-style: none; font-size: 18px; white-space: nowrap; }
div.drugindex ul.nav li a { display: block; color: #6680be; height: 23px; padding: 5px 16px; transition: 0.1s; }
div.drugindex ul.nav li a:hover { color: #002c92; text-decoration: none; border-bottom: 2px solid #002c92; }
div.drugindex ul.nav li a.selected { color: #002c92; border-bottom: 2px solid #002c92; }
div.drugindex ul.nav li a br { display: none; }

/* nav highlight*/
div.drugindex ul.nav li a#menu05 {color: #f599cd;}
div.drugindex ul.nav li a#menu05:hover { color: #e50083;}
div.drugindex ul.nav li a#menu05.selected { color: #e50083;}

/* section-body */
div.drugindex div.section-body div.item > h2 { color: #6680be; font-size: 200%; font-weight: normal; line-height: 1; border-top: 2px solid #e6eaf4; padding-top: 5px; margin-bottom: 40px; opacity: 1; transition: 1s; }
div.drugindex div.section-body div.item.highlighted > h2 { opacity: 0.1; }
div.drugindex div.section-body div.item h3 { border-left: 4px solid #002c92; border-bottom: 1px solid #002c92; padding: 5px 10px 7px; margin-bottom: 20px; }
div.drugindex div.section-body div.item h3::after { content: ''; display: block; clear: both; }
div.drugindex div.section-body div.item h4 { border-left: 4px solid #e50083; padding: 5px 10px 7px; margin: 20px 0 10px; }
div.drugindex div.section-body div.item h3 > span,
div.drugindex div.section-body div.item h4 > span { display: inline-block; color: #002c92; }
div.drugindex div.section-body div.item h3 span.heading { font-size: 143%; }
div.drugindex div.section-body div.item h4 span.heading { font-size: 128.6%; font-weight: normal; }
div.drugindex div.section-body div.item h3 span.heading span.sub,
div.drugindex div.section-body div.item h4 span.heading span.sub { font-size: 0.9em; }
div.drugindex div.section-body div.item h5 { color: #002c92; font-size: 114.4%; margin-bottom: 5px; }

div.drugindex div.section-body div.item div.survey h3 span.heading span.sub { display: block; }
div.drugindex div.section-body div.item div.survey ul.headlines-full { margin-bottom: 35px; }
div.drugindex div.section-body div.item div.survey ul.headlines-full li { font-size: 114.4%; line-height: 1.5; background: url(/images/nm1411/icon/icon_comment.png) no-repeat 10px 15px; background-size: 32px; padding: 15px 15px 15px 52px; }
div.drugindex div.section-body div.item div.survey ul.headlines-full li.even { background-color: #f2f4f9; }

div.drugindex div.section-body div.item p { font-size: 114.4%; line-height: 1.65; padding: 0 15px; margin-bottom: 1.5em; }
div.drugindex div.section-body div.item p.note { color: #002c92; font-size: 100%; }
div.drugindex div.section-body div.item p.link a { color: #002c92; text-decoration: none; display: inline-block; background: url(/images/nm1411/icon/arrow_next.png) no-repeat right center; background-size: 6px 11px; padding-right: 12px; }
div.drugindex div.section-body div.item p.link a:hover { text-decoration: underline; }

div.drugindex div.section-body div.item table { clear: both; margin: 0 auto 1.3em; }
div.drugindex div.section-body div.item table th,
div.drugindex div.section-body div.item table td { font-size: 107.3%; line-height: 1.5; border-color: #ccc; padding: 0.6em 8px 0.5em; }
div.drugindex div.section-body div.item table th { vertical-align: middle; background-color: #f2f4f9; }
div.drugindex div.section-body div.item table td { background-color: #fff; }
div.drugindex div.section-body div.item table th a,
div.drugindex div.section-body div.item table td a { color: #002c92; display: inline-block; background: url(/images/nm1411/icon/arrow_next.png) no-repeat right center; background-size: 6px 11px; padding-right: 12px; }
div.drugindex div.section-body div.item table td span.sub { font-size: 0.9em; }

div.drugindex div.section-body div.item > ul { margin-bottom: 1em; }
div.drugindex div.section-body div.item > ul li { font-size: 114.4%; line-height: 1.5; list-style-type: none; background: url(/images/nm1411/icon/bullet.png) no-repeat 12px 0.75em; padding: 0.15em 0 0 28px; margin-bottom: 0.4em; }
div.drugindex div.section-body div.item > ul > li { background: url(/images/nm1411/icon/bullet_l.png) no-repeat 12px 0.625em; }
div.drugindex div.section-body div.item > ul li ul li { font-size: 100%; font-weight: bold; margin: 0.4em 0 0; }

div.index-list ul.headlines-full.simple li a span.heading span.sub { font-size: 0.9em; }

/* section-footer */
div.drugindex div.section-footer > p.note { color: #002c92; font-size: 100%; border-top: 2px solid #e6eaf4; padding: 15px 10px 0; margin-top: 30px; }

/* badge */
div.drugindex span.badge span { white-space: nowrap; }
div.drugindex span.badge.advance { background-color: #e50083; }

/* search result */
div.drugindex.search-result div.index-list span.heading,
div.drugindex.search-result div.index-list span.sub2 { padding-left: 65px; }
div.drugindex.search-result div.index-list ul.headlines-full li.empty span.heading { font-size: 128.6%; }

/* index */
#index-header-title span.sub { display: none; }

#drugindex-nav { width: 240px; float: left; }
#drugindex-list { width: 390px; float: right; }
#drugindex-list div.index-list { width: 100%; }
#drugindex-list div.index-list ul.headlines-full.simple li a span.text { width: 100%; }
#drugindex-list div.index-list ul.headlines-full li.empty span.heading { font-size: 128.6%; padding-left: 0; }

#drugindex-nav h5 { font-weight: normal; margin: 15px 5px 5px; }

#drugindex-nav dl { border-left: 1px solid #e6eaf4; border-right: 1px solid #e6eaf4; overflow: hidden; }
#drugindex-nav dl:first-of-type { border-radius: 0 5px 0 0; }
#drugindex-nav dl:last-of-type { border-radius: 0 0 5px 0; }

#drugindex-nav dl dt { display: block; background-color: #f2f4f9; border-bottom: 1px solid #e6eaf4; transition: 0.25s; }
#drugindex-nav dl dd { height: 0; opacity: 0; transition: 0.25s; }
#drugindex-nav dl.expanded dd { display: block; height: auto; border-bottom: 1px solid #e6eaf4; opacity: 1; }

#drugindex-nav dl a { display: block; color: #002c92; background-color: transparent; box-sizing: border-box; transition: 0.25s; }
#drugindex-nav dl a:hover { color: #fff; text-decoration: none; background-color: #6680be; }
#drugindex-nav dl a:active { background-color: #002c92; }

#drugindex-nav dl dt a { font-size: 100%; font-weight: bold; background: url(/images/nm1411/icon/arrow_next.png) no-repeat 8px center; background-size: 6px 11px; padding: 7px 10px 5px 25px; }
#drugindex-nav dl dt a:hover { background-image: url(/images/nm1411/icon/arrow_next_off.png); }
#drugindex-nav dl.expanded dt a { background-image: url(/images/nm1411/icon/arrow_down.png); background-size: 11px 6px; }
#drugindex-nav dl.expanded dt.selected a { background-image: url(/images/nm1411/icon/arrow_down_off.png); }
#drugindex-nav dl.expanded dt.alone.selected a { background-image: url(/images/nm1411/icon/arrow_next_off.png); background-size: 6px 11px; }

#drugindex-nav dl dd a { font-size: 93%; padding: 5px 10px 5px 35px; }
#drugindex-nav dl dd:first-of-type a { padding-top: 7px; }
#drugindex-nav dl dd:last-of-type a { padding-bottom: 7px; }

#drugindex-nav dl.expanded > .selected a { color: #fff; font-weight: bold; background-color: #002c92; }