/* ------------------------------------------------------------------
 * Global
 * ------------------------------------------------------------------ */


/* --------------------------------------------------

modal

-------------------------------------------------- */
div#modal-overlay, div#medical-overlay, div#zeus-mail-login-overlay, div#shp-login-overlay {
	clear: both;
	background: #000;
	opacity: 0.4;
	position: absolute;
	z-index: 5;
	top: 113px;
	left: 0px;
	width: 100%;
}
div#modal-overlay.for_sub_navi {
	display: none !important; // Don't remove this. Global Navi may broken if this class removed.
}
div#medical-overlay, div#zeus-mail-login-overlay, div#shp-login-overlay {
	position:fixed;
	top:0;
}
div#zeus-mail-login-overlay, div#shp-login-overlay {
	z-index:20;
}
div#mvp-medical-check-dialog-div, div#zeus-mail-login-dialog-div, div#shp-login-dialog-div{
	display:none;
	position:absolute;
	z-index:100;
	top:30px;
	width:100%;
}
iframe#mvp-medical-check-dialog, iframe#zeus-mail-login-dialog, iframe#shp-login-dialog {
	display:block;
	border:none;
	border-radius:6px;
	height:700px;
	width:1000px;
	margin:0 auto;
	box-shadow:6px 6px 6px #444;
}
#modal_movie:-ms-fullscreen {
    left :0 !important;
}
#modal_movie {
	position: absolute;
	z-index: 15;
	background: #fff;
}
#modal_movie body {
	overflow: hidden;
}
/* ----- SP ----- */
@media screen and (max-width: 767px) {
  iframe#mvp-medical-check-dialog, iframe#zeus-mail-login-dialog, iframe#shp-login-dialog {
	  width:100%;
  }
}


/* --------------------------------------------------

mvp-page-title

-------------------------------------------------- */
	#mvp-page-title {
		/* padding: 0 0 24px; */
		background: #f2f2f2;
	}
.bookmark-box + #mvp-main-outer #mvp-page-title {
	padding: 0 0 24px;
}
#mvp-page-title h1 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 20px;
	font-size: 160%;
	font-weight: bold;
}
.bookmark-box + #mvp-main-outer #mvp-page-title h1 {
	padding: 0 20px;
}
#mvp-page-title h2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
#mvp-page-title h2 a {
	border-top: 1px solid #4e454a;
	width: 100%;
	display: block;
	padding-top: 5px;
}
div#inquiry_tab_products h1 {
	display: none;
}

/* ----- SP ----- */
@media screen and (max-width: 767px) {
	#mvp-page-title {
		padding: 16px 0;
}
  #mvp-page-title h1 {
		font-size: 130%;
		line-height: 1.4;
		padding: 0 20px;
  }
	.bookmark-box + #mvp-main-outer #mvp-page-title {
    padding: 0 0 16px;
	}
}

/* --------------------------------------------------

link-box

-------------------------------------------------- */
div#mvp-main-template div.links-box{
	background: #f2f1eb;
	border: 1px solid #ccc;
	padding: 10px 5px 10px 10px;
	border-radius: 3px;
	text-align: left;
	margin-bottom: 15px;
}
div#mvp-main-template div.links-box li{
	display: inline-block;
}
div#mvp-main-template div.links-box li a{
	display: inline-block;
	width: 235px;
	margin: 5px 5px 0 0;
	text-align: center;
	background: -ms-linear-gradient(top, #FFFFFF, #EAEBEB 100%);
	background: -moz-linear-gradient(top, #FFFFFF, #EAEBEB 100%);
	background: -webkit-linear-gradient(top, #FFFFFF, #EAEBEB 100%);
	border: 2px solid #ccc;
	padding: 5px;
	color: #4c4c4c;
	border-radius: 3px;
	overflow: hidden;
}
div#mvp-main-template div.links-box li a:hover{
	text-decoration: none;
}
div#mvp-main-template div.links-box li img{
	float: left;
	vertical-align: middle;
}
div#mvp-main-template div.links-box li img.not-text{
	float: none;
}
/* ----- SP ----- */
@media screen and (max-width: 767px) {
	div#mvp-main-template div.links-box{
    	display: none;
	}
}


/* --------------------------------------------------

mvp_pagetop

-------------------------------------------------- */
.pagetop {
	padding: 0 10px 0 0;
	background: url(../images/common.png) no-repeat right -65px;
	text-align: right!important;
}
.mvp_pagetop {
    display: none;
    position: fixed;
    bottom: 100px;
    z-index: 4;
}
.mvp_pagetop a {
    display: block;
    background: #5d5d5d;
    opacity: 0.9;
    text-align: center;
    color: #fff!important;
    font-size: 0.9em;
    line-height:1.4;
    text-decoration: none;
    filter: alpha(opacity=90);
    width: 65px;
    height: 65px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    border: 2px #fff solid;
    box-sizing: border-box;
    background-image: url('/common/images/icons/icon_page-top.png');
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    background-size: 30px;
}




body#learning.top #mvp-main-template {
	padding-top: 0;
}



.table-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	height: 100%;
}


/*div#login-popup {
	background: #fff;
	border-radius: 8px;
	width: 250px;
	z-index: 10;
	position: absolute;
	top: 150px;
}

div#login-popup div.close-btn {
	position: relative;
	text-align: center;
	top: -15px;
	left: 230px;
	width: 40px;
}

div#login-popup div.close-btn img {
	cursor: pointer;
}

div#login-popup p.login-form-title {
	padding: 15px 5px;
	text-align: center;
	margin-top: -40px;
	border-bottom: 1px solid #ccc;
}

div#login-popup p.login-form-title span {
	font-weight: bold;
	font-size: 120%;
	padding-left: 20px;
	background: url("/common/images/icons/header/icon_login.png") no-repeat left / contain;
	color: #454545;
}

div#login-popup div.login-form {
	padding: 10px 20px 5px;
	color: #403f3f
}

div#login-popup div.login-form dl,
div#login-popup div.login-form p {
	width: 100%;
}

div#login-popup div.login-form dl {
	text-align: left;
	margin-bottom: 10px;
}

div#login-popup div.login-form dl input {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: left;
	width: 198px;
}

div#login-popup div.login-form dl dd {
	text-align: center;
	margin-bottom: 5px;
}

div#login-popup div.login-form p.lost-account {
	margin: 5px;
	text-align: right;
	font-size: 95%;
	margin-bottom: 5px;
}

div#login-popup div.login-form p.lost-account span {
	padding-left: 15px;
	background: url("/common/images/icons/icon_box_arrow.png") no-repeat left;
}

div#login-popup div.login-form p.lost-account span a {
	color: #403f3f;
}

div#login-popup div.login-form p.lost-account span a:hover {
	text-decoration: none;
}

div#login-popup div.member-buttons {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}

div#login-popup div.member-buttons p {
	margin: 5px 0;
}*/

/* ---------- login-popup ---------- */
div#login-popup {
  position: fixed;
	top: 150px;
  width: 280px;
	z-index: 10;
	background: #fff;
  text-align: center;
}
/* login-form-title */
div#login-popup p.login-form-title{
  margin-top: -20px;
  padding: 0 5px;
  font-weight: bold;
}
/* login-form */
div#login-popup div.login-form {
	padding: 8px 16px 24px;
}
div#login-popup div.login-form dl {
	text-align: left;
	margin-bottom: 10px;
}
div#login-popup div.login-form dl input {
  width: 100%;
	padding: 5px;
	border: 1px solid #0070c0;
  background: #fff;
	text-align: left;
}
div#login-popup div.login-form dl dd {
	margin-bottom: 8px;
}
/* link-btn */
div#login-popup p.link-btn{
  margin-top: 8px;
  text-align: center;
}
div#login-popup p.link-btn a{
  display: block;
  position: relative;
	width: 100%;
  padding: 4px 8px 5px;
  border: 2px solid #0070c0;
  border-radius: 20px;
	font-family: "Noto Sans JP", sans-serif, "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ";
  color: #0070c0;
  font-size: 70%;
  line-height: 1;
}
div#login-popup p.link-btn a:after{
  position: absolute;
  top: calc(50% - 2px);
  right: 10px;
  transform: rotate(45deg);
  width: 3px;
  height: 3px;
  border-top: 1px solid #0070c0;
  border-right: 1px solid #0070c0;
  content: '';
}
/* login-submit */
div#login-popup p.login-submit input{
	width: 90%;
	padding: 9px 0 8px;
	border: none;
  border-radius: 20px;
  background-color: #0070c0 !important;
  color: #fff;
	font-size: 90%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
	outline: none;
	-webkit-appearance: button;
}
div#login-popup p.login-submit input:hover{
	cursor: pointer;
}
div#login-popup p.lost-account{
	width: 90%;
	margin: 8px auto 0;
}
/* member-buttons */
div#login-popup div.member-buttons {
  width: 90%;
	margin: 10px auto 0;
}
div#login-popup div.member-buttons p a{
  display: block;
  width: 100%;
}
div#login-popup div.member-buttons p:not(.link-btn) a{
  padding: 9px 0 8px;
  border-radius: 20px;
  background: #ffc000;
  color: #fff;
	font-size: 90%;
  font-weight: bold;
  line-height: 1;
  text-align: cente;
}
/* close-btn */
div#login-popup div.close-btn {
	position: relative;
	text-align: center;
	top: -15px;
	left: 230px;
	width: 40px;
}
div#login-popup div.close-btn img {
	cursor: pointer;
}

span.mvp-new-mark,
span.mvp-movie-mark {
	display: inline-block;
	color: #fff !important;
	font-weight: normal;
	border-radius: 2px;
	font-size: 70%;
	padding: 0 2px;
	margin-top:-1px;
	margin-left: 2px;
	margin-right: 2px;
	line-height: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ";
	text-decoration: none !important;
    vertical-align: middle;
}

span.mvp-new-mark{ background: #ab0000; text-transform: uppercase;}
span.mvp-movie-mark  { background: #909090; }
body span.mvp-member-mark {
	width:15px;
	height:13px;
	text-indent: -9999px !important;
	display: inline-block;
	background: url(/common/images/icon_member.png) no-repeat left top;
	font-size: 70%;
	margin-top:-1px;
	margin-left: 2px;
	margin-right: 2px;
	line-height: normal;
    vertical-align: middle;
}

body .list-inner span.mvp-member-mark {
	font-size: 100%;
}

body #sitemap span.mvp-member-mark {
	margin-top:-3px;
}


div#mvp-main-template .template-title {
	text-align: left;
	color: #353535;
	font-size: 125%;
	border-bottom: 2px solid #c3c3c3;
	padding: 5px 5px 5px;
	margin-bottom: 10px;
}

div#mvp-main-template .template-title a {
	color: #353535;
	text-decoration: none;
}

div#mvp-main-template .template-title img {
	vertical-align: bottom;
	padding-right: 5px;
}

div#mvp-main-template p.template-title.byotai-title span.byotai-side {
	display: none;
}

div.disease-info {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}

/* new-contents */
div#mvp-main-outer .mvp-template-new_contents_side-box .new-contents-box ul{
	margin: 10px auto 0;
	text-align: center;
}

div#mvp-main-outer .mvp-template-new_contents-box .new-contents-box ul{
	margin: 10px auto 20px;
	text-align: center;
}

div#mvp-main-outer .mvp-template-new_contents-box li,
div#mvp-main-outer .mvp-template-new_contents_side-box li{
	width: 230px;
	height: 140px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 80%;
	display: inline-block;
	text-align: left;
    margin-bottom: 2px;
	padding: 10px;
	vertical-align: top;
}

.mvp-template-new_contents-box li a,
.mvp-template-new_contents_side-box li a {
	color: #2c2c2c;
	text-decoration: none;
	display: block;
}

.slider-date{
	font-weight: bold;
	line-height: 2;
}

.mvp-template-new_contents-box .new-contents-box ul li img,
.mvp-template-new_contents_side-box .new-contents-box ul li img{
	width: 100%;
}


body#di .channel-head.rec-ra-channel+div.channel-contents,
body#rec-top .channel-head.rec-ra-channel+div.channel-contents{
	display:none;
}
body#di .channel-head.rec-ps-channel+div.channel-contents,
body#rec-top .channel-head.rec-ps-channel+div.channel-contents{
	display:none;
}

div#mvp-main-template div.contents-inner.index li {
	text-align: left;
}

.autocomplete-w1 {
background: rgba(0, 0, 0, 0) url("../images/shadow.png") no-repeat scroll right bottom;
left: 0;
margin: 8px 0 0 6px;
position: absolute;
top: 0;
}
.autocomplete {
background: #fff none repeat scroll 0 0;
border: 1px solid #999;
cursor: default;
font-size: 80%;
margin: -6px 6px 6px -6px;
max-height: 350px;
overflow-x: hidden;
text-align: left;
}
.autocomplete .selected {
background: #ffe4e4 none repeat scroll 0 0;
}
.autocomplete div {
cursor: pointer;
padding: 2px 5px;
white-space: nowrap;
}
.autocomplete strong {
color: #3399ff;
font-weight: normal;
}

div#dialog-hihumiru {
	text-align: left;
}

div#dialog-hihumiru p.line-break {
	margin-bottom: 1em;
}

div#dialog-hihumiru dl {
	margin-top: 30px;
	overflow: hidden;
}

div#dialog-hihumiru dl dt{
	float: left;
	font-weight: bold;
}

div#dialog-hihumiru dl dd{
	margin-left: 120px;
	margin-bottom: 1em;
}

div#dialog-hihumiru dl dd.close,
div#dialog-hihumiru dl dd a {
	cursor: pointer;
	color: #3183d7;
	text-decoration: underline;
}

.ui-dialog-title {
	text-align: left;
}

.ui-widget-overlay{
    background: #000000 none repeat scroll 0 0;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

div#modal-overlay, div#medical-overlay, div#zeus-mail-login-overlay, div#shp-login-overlay {
	clear: both;
	background: #000;
	opacity: 0.4;
  filter: alpha(opacity=40);
	position: absolute;
	z-index: 5;
	top: 113px;
	left: 0px;
	width: 100%;
}
div#medical-overlay, div#zeus-mail-login-overlay, div#shp-login-overlay {
	position:fixed;
	top:0;
}
div#zeus-mail-login-overlay, div#shp-login-overlay {
	z-index: 20;
}
img#modal-close-btn {
	position: absolute;
	z-index: 20;
	cursor: pointer;
}

#dialog_popup {
	z-index: 15;
	position: absolute;
	border-radius: 5px;
	min-height: 350px;
  box-shadow: rgba(51, 51, 51, 0.3) 0px 0px 5px 3px;
  -webkit-box-shadow: rgba(51, 51, 51, 0.3) 0px 0px 5px 3px;
  -moz-box-shadow: rgba(51, 51, 51, 0.3) 0px 0px 5px 3px;
}

/*--------------- div.ranking-box -----------*/
div.mvp-template-ranking-box{
	border: 1px solid #ccc;
}

div.mvp-template-ranking-box dl{
	background:  url("/common/images/icons/ranking/icon_rank01.png") no-repeat 0 5px;
	padding: 5px 5px 5px 35px;
	min-height: 25px;
}

div.mvp-template-ranking-box dl.ranking-1 { background:  url("/common/images/icons/ranking/icon_rank01.png") no-repeat 5px 5px; }
div.mvp-template-ranking-box dl.ranking-2 { background:  url("/common/images/icons/ranking/icon_rank02.png") no-repeat 5px 5px; }
div.mvp-template-ranking-box dl.ranking-3 { background:  url("/common/images/icons/ranking/icon_rank03.png") no-repeat 5px 5px; }
div.mvp-template-ranking-box dl.ranking-4 { background:  url("/common/images/icons/ranking/icon_rank04.png") no-repeat 5px 5px; }
div.mvp-template-ranking-box dl.ranking-5 { background:  url("/common/images/icons/ranking/icon_rank05.png") no-repeat 5px 5px; }

div.mvp-template-ranking-box p.ranking-box-title {
	background: #c2d651;
	background: -moz-linear-gradient(top,  #c2d651 0%, #a2bd08 100%);
	background: -webkit-linear-gradient(top,  #c2d651 0%,#a2bd08 100%);
	background: linear-gradient(to bottom,  #c2d651 0%,#a2bd08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d651', endColorstr='#a2bd08',GradientType=0 );
	border: 1px solid #a2bd08;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    padding: 3px 10px;
    text-align: left;
}
div.mvp-template-ranking-box p.ranking-date{
	text-align: left;
}

div.mvp-template-ranking-box li{
	text-align: left;
	background:  url("/common/images/line_dot.png") repeat-x scroll left bottom;
}

div.mvp-template-ranking-box li dt{
	font-weight: bold;
	color: #0b99ce;
}

div.mvp-template-ranking-box p.article-link{
	text-align: right;
/*	padding-right: 5px; */
	padding: 5px 5px 5px 2.2em;
}

div.mvp-template-ranking-box p.article-link a{
    background: rgba(0, 0, 0, 0) url("/common/images/icons/icon_box_arrow.png") no-repeat scroll 10px center;
    color: #454545;
    padding-left: 2em;
}

div.mvp-template-ranking-box p.ranking-date{
	background: #e9e9e9;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
}

/*--------------- canvas-links -----------*/

.mvp-camvaslink-button {
    text-align: center;
    margin-top: 40px;
}

.mvp-camvaslink-button a {
    max-width: 462px;
	width: 100%;
	text-align: center;
	background-color: #e57300;
	background-image: linear-gradient(#ff9933,#e57300);
	background-image: linear-gradient(#ffd55c,#febc00);
	background-image: linear-gradient(#ffc75c,#fea100);
	padding: 0.7em 2em;
	color: #2c2c2c !important;
	border: 2px solid #fff;
	border-radius: 6px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	box-sizing: border-box;
}
.mvp-camvaslink-button a span {
    border: 1px solid #2c2c2c;
	border-radius: 2px;
	display: inline-block;
	width: 2em;
	padding: 0.1em 0 0em;
	margin-left: 0.5em;
}
.mvp-camvaslink-button a:hover {
    background-image:linear-gradient(#fe7600,#ff9933);
	background-image: linear-gradient(#febc00,#ffd55c);
	background-image: linear-gradient(#fea100,#ffc75c);
	box-shadow:-1px 0px 0px rgba(0,0,0,0.0);
	position:relative;
	top:0.1em;
	}


/*--------------- mvp-information -----------*/
#main div.mvp-information {
	color:#c00;
	padding:10px 20px 0;
	border:1px solid #c00;
}
@media screen and (min-width: 0px) and (max-width: 639px) {
	div#mvp-main-template .template-title{
		margin-bottom: 0;
	}
}

/* Print
-------------------------------------------------------------------------------- */
@media print {
div#main {
	border:none;
}
div#mvp-content {
    background-image:none;
}
#mvp-main-template,
#mvp_footprint_bookmark{
	display:none;
}
.index-set #mvp-main-template {
	display:block;
	visibility:visible;
}


div#mvp-intro-drug-title {
	width: 100%;
	max-width: 715px;
}

}

.mvp-navi-show {
	display: block !important; // Don't remove this. Global Navi may broken if this class removed.
}

/*--inquiry-medicine---------------*/
div.inquiry-medicine {
	text-align:center;
	background:#4dbdbf;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.inquiry-medicine a {
	display:block;
	color:#fff;
}

div.inquiry-medicine a img {
	vertical-align: text-bottom;
}

div.inquiry-medicine span.inquiry-medicine-innner {
	display:inline-block;
	margin:0 auto;
	padding:5px;
}
div.inquiry-medicine span.inquiry-medicine-text {
	display:inline-block;
	text-align:left;
	font-size:13px;
	line-height:1.2;
}


table#member_view {
  width: 100%;
}
table#member_view tr {
  border: 1px solid;
}
table#member_view th,
table#member_view td {
  vertical-align: middle;
  padding: 8px;
}
table#member_view th {
  border-right: 1px solid;
  background: #f2f2f2;
}
table#member_view td {
  display: flex;
  align-items: center;
  gap: 32px;
}
table#member_view td dl {
  display: flex;
	align-items: center;
  gap: 16px;
}
table#member_view td dl dd {
  min-width: 260px;
  border: dotted 1px #000;
  padding: 8px;
}
table#member_view tr table {
  width: 100%;
}
.regist_steps.regist_member {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 40px;
}
.regist_steps.regist_member .next input {
  font-size: 18px;
  width: calc(320px - 16px);
  padding: 16px 8px;
  border-radius: 4px;
  background: #0070c0;
  color: #fff;
  font-weight: bold;
  border: 1px solid;
	cursor: pointer;
	-webkit-appearance: none;
}
.regist_steps.regist_member input {
  font-size: 18px;
  width: calc(320px - 16px);
  padding: 16px 8px;
  border-radius: 4px;
  background: #f2f2f2;
	color: #000;
  font-weight: bold;
  border: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.regist_steps.regist_member .next input:hover {
	background: #fff;
	border: 1px solid #0070c0;
	color: #0070c0;
}
#member_view .with_blacket {
	display: flex;
}
@media (max-width: 767px){
table#member_view th,
table#member_view td {
  display: block;
}
table#member_view th {
  border: none;
}
table#member_view td {
  flex-direction: column;
  gap: 8px;
}
table#member_view tr {
  border: none;
}
table#member_view td dl + dl {
	margin-top: 8px;
}
.regist_steps.regist_member {
	flex-direction: column;
	gap: 24px;
}
table#member_view td dl dd {
	min-width: calc(100% - 48px);
}
}