@charset "UTF-8";
.loading{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:20px;
	display:none;
}


.loading_inner{
	background:url(/National_Library/oe_/http://getnavi.jp/wps/wp-content/themes/getnavi/src/img/bg_str.png) repeat left top;
	padding:50px 0;
}
.loading_inner img{
	max-width:100%;
	width:auto;
}


.videonews_block img {
	width:300px;
}


.categorynews_block .entry .category a {
    background: #ce232e;
    padding: 2px 8px;
    color: #fff;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* line 1892, ../../_scss/import/_base.scss */
.popular-posts {
  border: 1px solid #f2f2f2;
  padding: 20px;
  position: relative;
  margin: 0 0 30px;
}
/* line 1897, ../../_scss/import/_base.scss */
.popular-posts:before {
  content: "";
  border-top: 8px solid #ce232e;
  border-bottom: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid #ce232e;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 1907, ../../_scss/import/_base.scss */
.popular-posts:after {
  content: "";
  border-bottom: 8px solid #ce232e;
  border-top: 8px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid #ce232e;
  position: absolute;
  left: 0;
  bottom: 0;
}
/* line 1917, ../../_scss/import/_base.scss */
.popular-posts .head {
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}

.popular-posts .head:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url('/National_Library/oe_/http://getnavi.jp/wps/wp-content/themes/getnavi/src/img/ico_head_popularity.png?1454981723') no-repeat 0 50%;
  width: 26px;
  height: 26px;
  margin: 0 6px 0 0;
  vertical-align: middle;
}


.popularity_list_area .wpp-list li {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #f2f2f2;
}


/* line 1450, ../../_scss/import/_base.scss */
#MainClum .list_block .entry.pickup .facebook_comment_head,
#MainClum .detail_block .entry.pickup .facebook_comment_head {
  cursor: auto;
}
/* line 1457, ../../_scss/import/_base.scss */
#MainClum .list_block .entry.pickup .facebook_comment_head:after,
#MainClum .detail_block .entry.pickup .facebook_comment_head:after {
  content: "";
}
/* line 1463, ../../_scss/import/_base.scss */
#MainClum .list_block .entry.pickup .facebook_comment_head.open:after,
#MainClum .detail_block .entry.pickup .facebook_comment_head.open:after {
  content: "";
}

#MainClum .detail_block .entry.pickup .facebook_comment {
 display: block;
}



#MainClum .detail_block .author_area {
    background: #f3f3f3;
    padding: 16px;
    overflow: hidden;
}

#MainClum .detail_block .entry.author_area .author .image img {
    max-width: 150px;
    width:100%;
    height: auto;
}

#MainClum .detail_block .author_area  .image {
    float: left;
    width: 20%;
    margin: 0;
    position: relative;
}

#MainClum .detail_block .author_area .meta {
	float:left;
	width:75%;
	padding:0;
	margin:0 2%;
}


#MainClum .detail_block .author_area .name {
	border-left: 2px solid #ce232e;
    padding: 2px 5px;
    font-weight: bold;
    margin: 0 0 10px 0;

}

/* 記事詳細 雑誌アイコン */
#MainClum #Detail article .magazine {
	text-align : right;
}


#MainClum .list_block .tag_list, #MainClum .detail_block .tag_list {
	margin: 20px 0 50px 0;
}

#MainClum .list_block .tag_list, #MainClum .detail_block .magazine {
	margin-bottom: 20px;
}


#MainClum .top_sp_more {
	display :none;
}

/*
#MainClum #Popularity .image {
    padding-bottom: 20%;
    height: 0;
    overflow: hidden;
}
*/

@media (max-width: 767px) {
	#MainClum .list_block .tag_list, #MainClum .detail_block .magazine img {
		width: 50%;
	}
	#MainClum .top_pc_more {
		display :none;
	}
	#MainClum .top_sp_more {
		display :block;
	}
/*
	#MainClum #Popularity .image {
		padding-bottom: 28%;
	}
*/
}

#MainClum .recommend_block .image .paper.tvlife {
    background: rgba(0, 0, 0, 0.8) url('/National_Library/oe_/http://getnavi.jp/wps/wp-content/themes/getnavi/src/img/img_tvlife_inverse.png?1456960262') no-repeat 3px 0;
}

/* 新着ニュース共通化 */
#MainClum .latestnews_block .entry .text .meta {
/*    display :none;*/
}

.hiddenDataPlase {
    display :none;
}

/*
#MainClum #Popularity .image img {
	position: absolute;
	top:-100%;
	bottom:-100%;
	left:-100%;
	right:-100%;
	margin:auto;
}
*/

/*
#MainClum #Popularity .wpp-list {
	padding-left: 0!important;
}
*/

#MainClum .list_block .meta .tag, 
#MainClum .detail_block .meta .tag, 
#MainClum .latestnews_block .meta .tag {
    margin: 10px 0 0 0;
}






#MainClum .list_block .entry, #MainClum .detail_block .entry {
    padding-top: 20px;
    padding-bottom:0px;
}

#MainClum .list_block .entry.author_area, #MainClum .detail_block .entry.author_area {
    padding-bottom:20px;
}

#MainClum .list_block .entry:last-child, 
#MainClum .detail_block .entry:last-child {
    padding-bottom:20px;
}




#MainClum .list_block .entry, #MainClum .detail_block .entry, #MainClum .latestnews_block .entry {
    border-bottom:none;
    border-top: 1px solid #f2f2f2;
}

#MainClum .list_block .entry.pickup, 
#MainClum .detail_block .entry.pickup, 
#MainClum .latestnews_block .entry.pickup {
	border-top: 1px solid #f2f2f2;
}

#MainClum .list_block .pickup:first-of-type , 
#MainClum .detail_block .pickup:first-of-type , 
#MainClum .latestnews_block .pickup:first-of-type {
	border-top: none;
}


#NoPickup #MainClum .list_block .entry:first-of-type , 
#NoPickup #MainClum .detail_block .entry:first-of-type , 
#NoPickup #MainClum .latestnews_block .entry:first-of-type {
	border-top: none;
}




#MainClum .cartoon_block.movie .right .entry iframe {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
}



#searchBtn{
	-webkit-appearance:none;
	border:none;
	background:none;
	padding:0;
	margin:0;
	vertical-align:bottom;
}

/* 人気記事のランキング表示 */
.pop_image {
	position: relative;
}
.pop_image .ranking {
	position: absolute;
	top: 5px;
	left: 5px;
	margin :0;
}

@media (max-width: 767px) {
	.pop_image .ranking {
		width : 20%;
		display: block;
	}
}

/* 特集ページ用 */
.future_content{
	text-align:center;
	margin: 0 0;
}



.wp-caption-text {
	max-width: 100%;
	height: auto;
}

#ListNews .like_and_follow,
#ListTag .like_and_follow{
	margin-top: 65px;
	margin-bottom: 0px;
}

/* ギャラリーページ用 */
@media (min-width: 1024px) {
	#MainClum .detail_block .gallery {
		max-width: 900px;
	}
}
@media (max-width: 1100px) {
	#MainClum .photo_gallery .entry.pickup .image img{
		width: 86% !important;
		max-height: 100% !important;
	}
}
@media (max-width: 320px) {
		width: 100% !important;
}
#attachment-custom {padding: 40px 0 0; margin-bottom: 40px;}
#attachment-custom .image-navigation{margin: 20px;display: block;}
#attachment-custom .nav-previous{float: left;}
#attachment-custom .entry-attachment{
	text-align: center !important;
	margin: 20px auto;
}
#attachment-custom .entry-attachment img{max-width: 100%;}
.entry-footer,
.entry-header,
.navigation.post-navigation{
	display: ;
}
.entry_body {margin: 40px 0;}
dd.gallery-caption{display: none;}
dl.gallery-item{margin: 0 0 !important;}
.gallery:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.gallery{display:inline-block;}
* html .gallery {height: 1%;}
.gallery{display:block;}
.gallery-item img {border: none !important; margin: 0 !important;}
.gallery-item img:hover{opacity: .85;}
#MainClum .photo_gallery .head_title{
	margin-bottom: 20px;
}
#MainClum .photo_gallery .entry.pickup .image {
	max-width: 760px;
	text-align: center;
}
#MainClum .photo_gallery .entry.pickup .image img {
	max-height: 600px;
	width: auto;
}
#gallery_page .gallery-item {
	float: left;
	width: 20%;
}
#gallery_page .gallery-item dt {
	margin-bottom:10%;
}
#gallery_page img {
	max-width: 100%;
}
.article_read_box {
	margin:50px 0 70px 0;
	text-align: center;
}
.article_read_btn {
	padding: 10px 50px;
	border-radius: 4px;
	font-weight: 600;
	background: #222222;
	color: #ffffff;
}
.img_btn_box {
	width: 870px;
	max-width: 100%;
	position:relative;
	height:35px;
	margin: 30px 0 30px 0;
}
.next_img_btn_box {
	float:left;
}
.prev_img_btn_box {
	float:right;
}
.next_img_box {
	position:absolute;
	left:0;
	top:0;
	width:150px;
}
.prev_img_box {
	position:absolute;
	right:0;
	top:0;
	width:150px;
}
.prev_img_box a,
.next_img_box a{
	display:block;
	padding: 10px 0;
	border-radius: 4px;
	font-weight: 600;
	background: #222;
	color: #ffffff;
	text-align:center;
}
.breadcrumb {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.breadcrumb li {
	display: inline;
	font-size: 1.2em;
	line-height: 2em;
}
.breadcrumb li:after {
	content: ' > ';
	margin: 0 3px;
	color: #ababab;
}
.breadcrumb li:last-child:after {
	content: '';
}
.breadcrumb li a {
	font-size: 12px;
}

.entry_sp_banner {
	display: none;
}
@media (max-width: 767px) {
	.entry_sp_banner {
		display: block;
	}
}
.entry_sp_banner {
	padding-top: 20px;
	margin: 0 auto 20px;
	width: 300px;
	text-align: center;
}

.entry_sp_banner img {
	max-width:100%;
}

.entry_reebok_sp_banner {
	display: none;
}
@media (max-width: 767px) {
	.entry_reebok_sp_banner {
		display: block;
	}
}
.entry_reebok_sp_banner {
	margin: 20px auto 20px;
	width: 300px;
	text-align: center;
}

#MainClum .list_block_reebok {
	margin: 0 0 0;
}