@charset "UTF-8";
/*
	2020.09
*/
/* レイアウト
--------------------------
----------------------------------- */
#eyecatch{
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    min-height: 100px;
	position: relative;
	display: flex;
	align-items: center;
}
#eyecatch::before{
	content: "";
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	top: -100px;
	left: 0;
	background: #1b1a1a;
}
#eyecatch #topicpath{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 1rem;
    color: #7b7b7b;
}
#eyecatch #topicpath a{
    color: #7b7b7b;
}
#eyecatch #title{
    width: 100%;
}
#eyecatch #title h1{
    padding-left: 30px;
    color: #dcdcdc;
    font-size: 2.4rem;
}
#eyecatch #title h1 img{
    height: 2.4rem;
    width: auto;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
}
#eyecatch #title h1 span{
    display: inline-block;
    vertical-align: middle;
}
#eyecatch #title p{
    color: #fff;
    margin: 2.5rem 0 0 4rem;
    font-size: 1.2rem;
}


#archive-recomended{
	margin-bottom: 9rem;
}
#archive-recomended h2{
	margin-bottom: 3rem;
}



/*記事詳細画面*/
section.content a{
	color: #3f4c9b;
	transition: .3s all;
}
section.content a:hover{
	text-decoration: underline;
	opacity: 1;
}
section.content .btn-r-arrow a:hover, section.content .btn-g-arrow a:hover{
	text-decoration: none !important;
	opacity: .85 !important;
}
section.content .wp-block-image a{
	display: block;
}
#entry-item h1{
	font-size: 2.8rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
#entry-item h1 span{
	font-size: .7em;
	color: #7d7d7d;
	font-weight: bold;
}
#entry-item .title{
	margin-bottom: 1.5rem;
}
#entry-item .archive-item .title{
	margin-bottom: 0;
}
#entry-item .data{
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
#entry-item .data a{
	padding: 0 1rem;
	min-height: 100%;
	display: flex;
	align-items: center;
}
#entry-item .data p{width: 100%;}
#entry-item .data ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#entry-item .data li{
	margin: 0 1rem .5rem 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 24px;
}
#entry-item .category a{
	background: #e60012;
	color: #fff;
	font-weight: bold;
}
#entry-item .data img{
	width: 15px;
	height: 15px;
	display: block;
	margin-right: 5px;
}
#entry-item .tag a{
	background: #424242;
	color: #fff;
	font-weight: bold;
}

#entry-item .writer h2{
	width: 100%;
}
#entry-item .writer .writer-img{
	width: 20%;
}
#entry-item .writer .writer-data{
	width: 100%;
}
#entry-item .writer .writer-img + .writer-data{
	padding-left: 1rem;
	width: 80%;
}

#entry-item section{
	box-shadow: 0px 0px 5.64px 0.36px rgba(0, 0, 0, 0.2);
	background: #fff;
	margin-bottom: 2rem;
	padding: 4rem;
	font-size: 1.6rem;
	line-height: 1.8;
	width: 100%;
}
#entry-item .eyecatch{
	margin: -4rem -4rem 2rem;
}
#entry-item .eyecatch img{
	width: 100%;
}
#entry-item .writer{
	display: flex;
	flex-wrap: wrap;
}
#entry-item .writer h2{
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 2rem;
}

/*動画ニュース*/
#entry-item .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 3rem;
  }
  #entry-item .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
  }


/*シェアボタン*/
.addtoany_share_save_container div{
	margin: 2rem auto;
}
.a2a_kit{
	display: table !important;
	text-align: center;
}

#entry-item .addtoany_content{
	border-top: 1px solid #ccc;
	padding-top: 2rem;
}
#entry-item .addtoany_header{
	padding: 1em;
	position: relative;
	text-align: center;
}
#entry-item .addtoany_header::before, #entry-item .addtoany_header::after{
	content: "";
	display: block;
	width: 1.5px;
	height: 50px;
	background: #ccc;
	position: absolute;
	top: 50%;
	margin-top: -20px;

}
#entry-item .addtoany_header::before{
	transform: rotate(-45deg);
	left: 50%;
	margin-left: -13em;
}
#entry-item .addtoany_header::after{
	transform: rotate(45deg);
	right: 50%;
	margin-right: -13em;
}
#entry-item #post-c{font-size: 1.2rem;}

/*記事下部*/
#view-bottom h2{
	font-size: 2.4rem;
	font-weight: bold;
	color: #e60012;
	margin-bottom: 2rem;
}

/*関連記事*/
#entry-relate{
	margin-bottom: 6rem;
}
#entry-relate ul{
	display: flex;
	flex-wrap: wrap;
	float: none;
	width: 100%;
}
#entry-relate li{
	width: 32%;
	box-shadow: none;
	margin: 0 1% 2rem 0 !important;
	border-radius: 0;
	padding: 0;
	background: #fff;
}
#entry-relate li:nth-child(3n){
	margin-right: 0;
}
#entry-relate a{
	width: 100%;
	height: auto;
	transition: .3s all;
}
#entry-relate .crp_related figure{
	width: 100%;
	position: relative;
}
#entry-relate .crp_related figure::before{
	padding-top: 67%;
	display: block;
	content: "";
	width: 100%;
}
.single-movie-type #entry-relate .crp_related figure::before{
	padding-top: 59.25%;
}
#entry-relate .crp_related figure img{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}
#entry-relate .crp_related .crp_title{
	position: static;
	font-size: 1.4rem;
	color: #000 !important;
	background: #fff !important;
	text-shadow: none;
	padding: 1em;
	border-radius: 0;
	text-align: left;
}


#entry-relate .crp_related a{
    position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

#entry-relate .crp_related img{
	width: 100%;
}


/*関連書籍*/
.common-area{
	margin-bottom: 6rem;
}

/*記事移動*/
#entry-jump{
	margin: 3rem 0 6rem;
}
#entry-jump ul{
	display: flex;
	justify-content: space-between;
}
#entry-jump li{
	width: 49%;
	position: relative;
}
#entry-jump li::before{
	content: "";
	width: 1em;
	height: 1em;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	z-index: 10;
}
#entry-jump .prev::before{
	transform:rotate(45deg);
	left: 2rem;
}
#entry-jump .next::before{
	transform:rotate(-135deg);
	right: 2rem;
}
#entry-jump a{
	background: #1f1f1f;
	color: #fff;
	transition: .3s all;
}
#entry-jump p{
	background: #c7c7c7;
	color: #fff;
}
#entry-jump a, #entry-jump p{
	padding: 2rem 5rem;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	height: 100%;
	flex-wrap: wrap;
}
#entry-jump span{
	display: block;
	width: 100%;
}

#page-content{
	box-shadow: 0px 0px 5.64px 0.36px rgba(0, 0, 0, 0.2);
	background: #fff;
	margin-bottom: 2rem;
	padding: 4rem;
	font-size: 1.6rem;
	line-height: 1.8;
}

@media (max-width: 600px) {
	#eyecatch{background-image: none !important; min-height: auto; color: #333; display: block;}
	#eyecatch #topicpath{position: static; }
	#eyecatch #title h1{color: #000; font-size: 2rem; font-weight: bold;}
	/*記事詳細画面*/
	#entry-item h1 {font-size: 2rem; margin-bottom: 1rem;}
	#entry-item .title{margin-bottom: 0.5rem;}
	#entry-item .data{margin-bottom: 0;}
	#entry-item section {padding: 2.5rem 1.5rem 1.5rem;margin-top: 1rem;}
	#entry-item .eyecatch {margin: -2.5rem -1.5rem 1rem;}
	#view-bottom h2 {font-size: 1.8rem;}
	#entry-jump i{display: none;}
	#entry-jump a, #entry-jump p{padding: 1rem 2rem; text-align: center;}
	#eyecatch{background-position: right;}
	#entry-item .addtoany_header {font-size: 1.2rem;}
	#entry-item .addtoany_header::before, #entry-item .addtoany_header::after{
		height: 20px;
		margin-top: -10px;
	}
	#entry-item .addtoany_header::before{left: .5em; margin-left: 0;}
	#entry-item .addtoany_header::after{right: .5em; margin-right: 0;}
	#entry-item .writer .writer-img{width: 100px;}
	#entry-item .writer .writer-img + .writer-data{width: calc(100% - 100px);}
	#entry-item .writer .writer-data p{line-height: 1.3; font-size: 1.4rem;}
	#entry-item .writer .writer-data p + p{margin-top: 1rem;}
	#entry-item .category a {margin-bottom: 0;}
	#eyecatch #title h1{padding-left: 0;}
	#eyecatch #title h1 img{display: none;}
	#eyecatch #title h1 span{font-size: 1.6rem;}
	#entry-item .data p{margin-bottom: 1rem;}
	#entry-relate ul{justify-content: space-between;}
	#entry-relate li{width: 49%; margin: 0 auto 1rem;}
	#entry-item .writer .writer-data p + p{margin-top: 1rem;}
	#eyecatch #title h1{padding-left: 0;}
	#eyecatch #title h1 img{display: none;}
	#eyecatch #title h1 span{font-size: 1.6rem;}
	#entry-item .data p{margin-bottom: 1rem;}
	#entry-relate ul{justify-content: space-between;}
	#entry-relate li{width: 49%; margin: 0 auto 1rem;}
	#archive-recomended, .common-area{margin-bottom: 3rem;}
	#archive-recomended h2, #news-recently h2{margin-bottom: 1.5rem;}
}