/****************** 共通部分 ******************/
div.notfound {
  margin: 30px;
}

/****************** 記事一覧 ******************/
#mrdl_list {
  clear:both;
  background: #f2f2eb;
  border: 1px solid #4270ab;
  padding: 10px 12px;
}
img.mrdl_header_logo {
  width: 100%;
}
p.mrdl_description {
  margin: 15px 0 5px !important;
}
#mvp-mrdl-news-main h3{
  display: inline-block;
  font-size: 1.3em;
  color: #4270ab;
  margin: 10px 0;
  padding-left: 45px;
  background: url('/articles/mrdl/images/icon_mrdl01.png') no-repeat 0 0 ;
}

#mvp-mrdl-news-main #mrdl_article_header h3 {
  height:20px;
  margin: 10px 0;
  padding: 10px 0 0 45px;
}

#mvp-mrdl-news-main #mrdl_category_header_title h3{
  background-image: none ;
  padding-left: 0;
}
#mrdl_category_header_title {
  width: 100%;
  background: #4270ab;
  margin-bottom: 10px;
}
#mrdl_category_header_title h3{
  color: #FFF;
  font-weight: bold;
  font-size: 2em;
  margin-left: 10px;
}
#mrdl_category_header_title + p.note {
  display: block;
  font-size: 0.9em;
  text-align: right;
  margin: 10px 0;
}
h3 + p.note {
  display: inline-block;
  float: right;
  text-align: right;
  font-size: 0.9em;
  margin-bottom: 0px !important;
  margin-top: 20px !important;
}
div.mrdl_list_article {
  background: #FFF;
  margin: 10px 0;
  border: 1px solid #dcdcdc;
}
div.mrdl_list_article_header {
  background: #eaeae4;
  width: calc(100% - 30px);
  padding: 5px 15px;
}

/* for modern browser */
div.mrdl_list_article_header:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  overflow: hidden;
}

/* Hides from IE-mac \*/
* html .div.mrdl_list_article_header {
  height: 1em;
  overflow: visible;
}
/* End hide from IE-mac */


div.mrdl_list_article_header > div.published_at {
  display: inline-block;
  font-size:80%;
}

div.mrdl_list_article_header > div.published_at:after{
    width: 15px;
    height: 13px;
    display: inline-block;
	content: "";
    background: url(/common/images/icon_member.png) no-repeat left top;
    margin-top: -3px;
    margin-right: 2px;
    vertical-align: middle;
}

div.mrdl_list_article_header > div.category_name {
  display: inline-block;
  text-align: right;
  float: right;
}
div.mrdl_list_article_title {
  vertical-align: top;
  display: inline-block;
  padding: 10px 0px 5px 15px;
  width: 65%;
}
div.mrdl_list_article_title > a > p {
  margin: 0 !important;
  padding-right: 10px;
}
div.mrdl_list_article_title > a > p.sub_title {
  font-size: 1.2em;
  font-weight: bold;
}
div.mrdl_list_article_title > div.mrdl_list_article_info > p {
  margin: 10px 0 !important;
  text-align: justify !important;
  padding-right: 10px;
}
div.mrdl_list_article_title > div.mrdl_list_article_info > p.bibliography {
  font-size: 0.9em;
}
div.mrdl_list_article_img {
  vertical-align: middle;
  display: inline-block;
  width: 30%;
  padding: 0;
  margin:10px 0;
  border: 1px solid #d0d0d0;
}
div.mrdl_list_article_img > img {
  width: 100%;
}


/****************** ページャー ******************/
span.paginate_page_link > .pager {
	display: table-cell;
}
span.paginate_page_link {
}
#mrdl_list > .page_option {
	text-align: center;
	background: #FFF;
	display: table;
	width:100%;
}
div.pager div.pagination {
	text-align: center;
	min-height: 1.3em;
}
div.pagination em.current {
	font-size: 130%;
	color: #a90a08;
	font-weight: bold;
}
div.pagination a,
div.pagination span {
	font-weight: bold;
	text-decoration: underline;
	display:inline-block;
	padding:0 0.3em;
}

@media screen and (max-width: 639px) and (min-width: 0px){
	span.paginate_page_link > .pager {
	vertical-align:middle;
	}
	div.pager div.pagination {
	min-height:3.5em;
	text-align: left;
	position: relative;
	margin-right:0.6em;
	margin-left: 7em;
	padding-left: 0.5em;
	border-left: 1px dotted #ccc;
	}
	div.pagination .prev_page,
	div.pagination .next_page {
	display: block;
	text-align: center;
	width: 6em;
	margin-right:5px;
	position: absolute;
	left:-7em;
	}
	div.pagination .prev_page {
	top:0
	}
	div.pagination .next_page {
	top:2em
	}
}

/****************** 記事概要 ******************/
#mrdl_article_header h3 {
  font-weight: normal;
  font-size: 1.3em;
  color: #4270ab;
}
.mrdl_article_header_logo {
  margin-bottom: 10px;
}
#mrdl_article {
  width: 100%;
  border: 1px solid #dcdcdc;
  margin-top:10px;
}
#mrdl_article_header {
  background: #eaeae4;
  line-height: 2.8em;
  padding-left: 20px;
  line-height: 1em;
}
#mrdl_article_content {
  background: #f2f2eb;
  padding: 10px 12px 25px;
}
#mrdl_article_detail {
  width: 85%;
  margin: 0 auto;
}
div.mrdl_article_detail_title {
  padding-bottom: 10px;
  border-bottom: 1px solid #4270ab;
  font-size: 1.2em;
}
div.mrdl_article_detail_title > p {
  margin: 0 !important;
}
div.mrdl_article_detail_title > p.sub_title {
  font-weight: bold;
}
div.mrdl_article_detail_description {
  padding-bottom: 10px;
  border-bottom: 1px solid #4270ab;
  padding-top: 20px;
  width: 100%;
}
div.mrdl_article_detail_description img {
  display: block;
  width: 70%;
  margin: 0 auto;
}
div.mrdl_article_detail_description > .description {
  margin-top: 15px !important;
}
div.mrdl_article_detail_description > .author {
  margin: 5px 0 20px !important;
}
#mrdl_article_detail iframe {
  width: 100%;
  height: 300px;
  padding-bottom: 10px;
  border: none;
}

#mrdl_article_detail .mrdl_article_detail_excerpt{
  position: relative;
}
#mrdl_article_detail .mrdl_article_detail_excerpt:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(/articles/mrdl/images/shadow_inset.png) repeat-x 0 bottom;
}

div.mrdl_article_detail_excerpt > p.title {
  color: #666;
  font-size: 1.2em;
  margin: 15px 0 10px !important;
}
#mrdl-outer-link {
  display: block;
  width: 100%;
  background: #4270ab;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  line-height: 2.3em;
}
#mrdl-outer-link > span.read_text {
  font-size: 1.2em;
}
#mrdl-outer-link > span.external_link_text {
  font-size: 0.9em;
}
#mrdl-outer-link:hover {
  cursor: pointer;
}
#mrdl-outer-link img{
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
p.mrdl_article_footer_bibliography{
  font-size: 0.9em;
  margin-top: 10px !important;
}

/****************** サイドバーカテゴリ ******************/
div#mrdl_sidebar_categories {
  margin-bottom: 15px;
  width: 100%;
}
div#mrdl_sidebar_categories ul {
  border: 1px solid #4270ab;
  background: #fff;
  width: 100%;
}
div#mrdl_sidebar_categories li.title {
  background: #4270ab;
  color: #fff;
  line-height: 1.5em;
}
div#mrdl_sidebar_categories li.title a {
	color:#fff;
}
div#mrdl_sidebar_categories li {
  padding: 8px 15px;
  text-align: left;
}
div#mrdl_sidebar_categories li.department a::before {
  content: url('/articles/mrdl/images/icon_side_safety_links.png');
  margin: 0 5px;
}
div#mrdl_sidebar_categories li.department > a {
  color: #000;
  display: block;
  margin: 0;
  line-height: 3.5em;
  height: 40px;
  font-size:90%;
}
div#mrdl_sidebar_categories li.department {
  border-bottom: 1px solid #ccc;
  padding: 0;
  margin: 0 15px;
  height: 40px;
}
li.new_arrival, li.ranking {
  margin: 10px 15px;
  padding: 0 !important;
}
li.new_arrival {
  background:#f9848c;
}
li.new_arrival a, li.ranking a{
  color: #fff !important;
  display: block;
  padding: 10px 10px 10px 0;
  width: calc(100% - 10px) !important;
  font-size: 1.1em;
}
li.ranking {
  background: #32a097;
}
li.current {
  background: #e0edf6 !important;
}

/****************** フッターカテゴリ ******************/
div#mrdl_footer_categories {
  width: 100%;
  text-align: center;
  margin: 20px auto;
}
div#mrdl_footer_categories > h3 {
  font-size: 1.3em;
  color: #4270ab;
  text-align: center;
}
div#mrdl_footer_categories li {
  padding: 8px 15px;
  text-align: left;
  width: 235px;
  display: inline-block;
}
div#mrdl_footer_categories li.department {
  display: inline-block;
  border: 1px solid #4270ab;
  border-radius: 8px;
  background: #fff;
  width: 230px;
  height: 40px;
  padding: 0;
  margin: 5px;
}
div#mrdl_footer_categories a {
  color: #000;
  display: block;
  width: 210px;
  margin: 0;
  padding: 5px;
}
li.department a img {
  float: left;
  margin: 3px 10px 0 3px;
}
li.department a span {
  clear: both;
  line-height: 2em;
}
ul.footer_buttons {
  border-bottom: 1px solid #4270ab;
  margin-bottom: 10px;
  padding-bottom: 15px;
  text-align:left;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
ul.external_contents li a{
  display: inline-block;
  width: calc(235px - 10px) !important;
  vertical-align: middle;
  padding: 10px 10px 10px 0 !important;
}
li.new_arrival a::before, li.ranking a::before {
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 30px;
  content: '';
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-top: -5px;
}
li.new_arrival a::before {
  background-image: url('/articles/mrdl/images/icon_mrdl02.png');
}
li.ranking a::before {
  background-image: url('/articles/mrdl/images/icon_mrdl03.png');
}
li.new_arrival a::after, li.ranking a::after {
  content: url('/common/images/icons/icon_tab_menu_arrow.png');
  float: right;
}

/****************** フッター概要 ******************/
div#mrdl_footer_categories  a > li.department > img {
  display: inline-block;
}
div#mrdl_description, div#mrdl_notes {
  background: #FFF;
  border: 1px solid #4270ab;
  width: calc(100% - 30px);
  padding: 15px;
  text-align: left;
}
div#mrdl_description {
  margin: 10px auto 0;
}
div#mrdl_notes {
  margin: -1px auto 30px;
}
div#mrdl_notes > p:first-child, div#mrdl_description > p:first-child {
  font-size: 1.1em;
  margin-bottom: 10px;
  color: #4270ab;
}

/****************** ポップアップ ******************/
#mrdl-confirm-popup {
	z-index: 15;
	position: fixed;
	border-radius: 5px;
	min-height: 400px;
  border: 5px solid #fff;
  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;
  width: 600px;
  max-width: 90%;
  overflow-y: auto;
  min-height: 0;
  max-height: 80vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}



.modal-popup-main > dl {
  background: linear-gradient(to bottom, #ffffff, #f5f5f5);
  box-shadow: 0px 0px 5px 0 #999999;
  border: #999999 !important;
  padding: 0 !important;
}

.modal-popup-main > dl > a {
  padding: 10px 15px;
  display: block;
}

/****************** tablet ******************/
@media screen and (max-width: 959px){
	#mrdl-confirm-popup {
		left: 50%;
	}
	ul.footer_buttons {
		text-align:center;
	}
}

/****************** sp ******************/
@media screen and (max-width: 639px) and (min-width: 0px){
	#mvp-mrdl-news-main {
		padding:0 15px;
	}
	h3 + p.note {
		margin-top: 0 !important;
	}
	div.mrdl_list_article_title {
		width: calc(100% - 30px);
	    padding: 10px 15px 5px;
	}
	div.mrdl_list_article_title > div.mrdl_list_article_info > p {
		padding-right: 0;
	}
	div.mrdl_list_article_img {
	    display: block;
		width: 75%;
		margin: 0 auto 10px;
	}
	#mrdl_article_content {
		padding: 10px 0 25px;
	}
	#mrdl_article_detail {
		width:92%
	}
	div.mrdl_article_detail_description img {
		width:100%;
	}
}
/****************** print ******************/
@media print{
	div#mrdl_description, div#mrdl_notes {
	    width: calc(100% - 50px);
	}
	.mrdl_list_article{
		page-break-inside: avoid;
	}
}