@charset "UTF-8";


/*見出し*/
.entry-header h1,
.entry__col h2{
	font-family: "OptimaNovaLTPro-Regular","Noto Serif JP","MainichiNewspapersM Light",serif;
}
/*欧文*/
.entry-writer dt,
.entry-date{
	font-family: "OptimaNovaLTPro-Regular";
}
.entry-nav strong,
.entry-nav nav li a,
.breadcrumb ul li a,
.breadcrumb ul li span{
	font-family: "OptimaNovaLTPro-Regular","Shuei KakuGo Gin M",sans-serif;
}

@keyframes mouseon{
	0%{transform: translateY(0);}
	50%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}


@media screen and (min-width: 768px) {


	.entry-detail #corp-main{
		margin: 25px 0 0;
	}

/* breadcrumb
===========================================================================*/

	.breadcrumb{
		margin: 25px auto 0;
		width: 100%;
		padding: 0 60px;
	}

	.breadcrumb ul li{
		display: inline;
	}
	.breadcrumb ul li + li:before{
		content: ">";
		display: inline-block;
		margin: 0 5px;
		font-size: 14px;
		color: #bcb3ac;
	}
	.breadcrumb ul li a,
	.breadcrumb ul li span{
		font-size: 14px;
		color: #bcb3ac;
		transition: color 500ms ease;
	}
	.breadcrumb ul li a:hover{
		color: #000;
	}


/* article-entry
===========================================================================*/

	#entry{
		margin: 100px 0 0;
	}
	.entry-inner{
		margin: auto;
		padding: 0 10px;
		max-width: 840px;
	}	
	.entry-header h1{
		font-size: 50px;
		letter-spacing: 0.1em;
		line-height: 1.6;
	}

	.entry-nav{
		padding: 40px 60px;
		margin: 50px 0 0;
		background: #f9f7f5;
		display: flex;
	}
	.entry-nav strong{
		display: block;
		width: 70px;
		font-size: 20px;
		line-height: 1.8;
		color: #7a695d;
		letter-spacing: 0.04em;
	}
	.entry-nav nav{
		width: calc(100% - 70px);
	}
	.entry-nav nav li + li{
		margin-top: 10px;
	}
	.entry-nav nav li a{
		position: relative;
		display: block;
		padding: 0 0 0 25px;
		font-size: 20px;
		line-height: 1.8;
		letter-spacing: 0.2em;
	}
	.entry-nav nav li a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 14px;
		left: 0;
		display: block;
		width: 13px;
		height: 6px;
		background: url(../../common/img/arrow_d_entry.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.entry-nav nav li a:hover:before{
		animation: mouseon 500ms ease 1;
	}


/* entry__col
===========================================================================*/

	.entry__col-title-sp{
		display: none;
	}

	.entry-date{
		margin: 25px 0 0;
		font-size: 20px;
		letter-spacing: 0.06em;
		color: #7a695d;
	}

	.entry__field .sp{
		display: none;
	}
	.entry__body{
		margin: 50px 0 0;
	}
	.entry__col + .entry__col{
		margin-top: 140px;
	}	
	.entry__col h2{
		font-size: 40px;
		letter-spacing: 0.2em;
		line-height: 1.8;
	}
	.entry__col h2 + .entry__field{
		margin-top: 20px;
	}

	.entry__col p{
		font-size: 18px;
		line-height: 2;
		letter-spacing: 0.04em;
	}
	.entry__field p + p{
		margin-top: 40px;
	}
	.entry__field * + div,
	.entry__field * + img,
	.entry__field * + ul,
	.entry__field div + *,
	.entry__field img + *,
	.entry__field ul + *{
		margin-top: 50px;
	}
	.entry__field figure + *,
	.entry__field * + figure,
	.entry__field .entry__player + *,
	.entry__field * + .entry__player{
		margin-top: 60px;
	}
	.entry__field .entry__layout-box1 div,
	.entry__field .entry__layout-box1 figure{
		margin-top: 20px;
	}
	.entry__field figure + figure,
	.entry__field .entry__player + .entry__player{
		margin-top: 30px;
	}	
	.entry__field ul li{
		position: relative;
		padding: 0 0 0 30px;
		letter-spacing: 0.04em;
		line-height: 1.8;
		font-size: 18px;
	}
	.entry__field ul li:before{
		content: "";
		position: absolute;
		top: 9px;
		left: 13px;
		display: inline-block;
		width: 3px;
		height: 15px;
		background: #bcb3ac;
	}
	.entry__field ul li + li{
		margin-top: 25px;
	}
	.entry__field .entry__player{
		position: relative;
		padding-top: 56.25%;
	}
	.entry__field .entry__player iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.entry__col img{
		width: 100%;
		height: auto;
	}
	.entry__col p a{
		padding: 0 0 2px;
		border-bottom: 1px solid #000;
		transition: color 500ms ease,border 500ms ease;
	}
	.entry__col p a:hover{
		color: #bcb3ac;
		border-bottom: 1px solid #fff;
	}


/* entry__blanklink
===========================================================================*/

	.entry__blanklink{ 
		margin: 60px 0 0;
	}
	.entry__blanklink a{ 
		position: relative;
 		font-size: 18px;
 		transition: color 500ms ease;
	}
	.entry__blanklink a span,
	.entry__blanklink a i{
		position: relative;
		margin: 0 20px 0 0;
		display: inline-block;
		width: 19px;
		height: 19px;
	}
	.entry__blanklink a span:after,
	.entry__blanklink a i:after{
		content: "";
		position: absolute;
		margin: 0 0 0 5px;
		top: 3px;
		display: inline-block;
		width: 19px;
		height: 19px;
		background: url(../../common/img/icon_blank.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}
	.entry__blanklink a span:before,
	.entry__blanklink a i:before{
		content: "";
		position: absolute;
		margin: 0 0 0 5px;
		top: 3px;
		display: inline-block;
		width: 19px;
		height: 19px;
		background: url(../../common/img/icon_blank_on.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		opacity: 0;
		transition: opacity 500ms ease;
	}
	.entry__blanklink a:hover span:after,
	.entry__blanklink a:hover i:after{
		opacity: 0;
	}
	.entry__blanklink a:hover span:before,
	.entry__blanklink a:hover i:before{
		opacity: 1;
	}
	.entry__blanklink a:hover{
		color: #bcb3ac;
	}

/* entry-backlist
===========================================================================*/

	.entry-backlist{
		margin: 150px 0 0;
		text-align: center;
	}
	.entry-backlist a{
		position: relative;
		padding: 0 0 0 40px;
	}
	.entry-backlist a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 20px;
		height: 15px;
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}
	.entry-backlist a:hover:before{
		transform: translateX(-10px);
	}



/* entry-pager
===========================================================================*/


	.entry-pager{
		margin: auto;
		max-width: 1200px;
		padding: 80px 0 40px;
		display: flex;
		justify-content: space-between;
	}
	.entry-pager a,
	.entry-pager span{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
	}
	.entry-pager a:after,
	.entry-pager span:after,
	.entry-pager a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 20px;
		height: 15px;
	}
	.entry-pager span{
		opacity: 0.1;
	}
	.entry-pager a.link-prev:after,
	.entry-pager span.link-prev:after{
		background: url(../../common/img/arrow_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}
	.entry-pager a.link-prev:before{
		background: url(../../common/img/arrow_r_on.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}

	.entry-pager a.link-next:after,
	.entry-pager span.link-next:after{
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}
	.entry-pager a.link-next:before{
		background: url(../../common/img/arrow_l_on.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}
	.entry-pager a:before{
		opacity: 0;
	}


	.entry-pager a.link-prev:hover:after,
	.entry-pager a.link-next:hover:after{
		opacity: 0;
	}
	.entry-pager a.link-prev:hover:before,
	.entry-pager a.link-next:hover:before{
		opacity: 1;
	}


/* entry-writer
===========================================================================*/

	.entry-writer{
		padding: 140px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.entry-writer figure{
		width: 140px;
	}
	.entry-writer figure img{
		border-radius: 70px;
	}
	.entry-writer dl{
		padding: 0 0 0 50px;
	}
	.entry-writer dt{
		font-size: 26px;
		color: #7a695d;
	}
	.entry-writer dd{
		margin: 20px 0 0;
		line-height: 1.9;
	}
	.entry-writer dd strong{
		display: block;
	}

}

@media screen and (min-width: 768px) and (max-width: 1080px) {

	.breadcrumb{
		padding: 0 15px;
	}

}


@media screen and (max-width: 767px) {



	.entry-detail #corp-main{
		margin: 10px 0 0;
	}

/* breadcrumb
===========================================================================*/
	
	.breadcrumb{
		margin: 10px auto 0;
		padding: 0 15px;
	}
	.breadcrumb ul li{
		display: inline;
	}
	.breadcrumb ul li + li:before{
		content: ">";
		display: inline-block;
		margin: 0 5px;
		font-size: 10px;
		color: #bcb3ac;
	}
	.breadcrumb ul li a,
	.breadcrumb ul li span{
		font-size: 10px;
		color: #bcb3ac;
	}


/* article-entry
===========================================================================*/

	#entry{
		margin: 50px 0 0;
	}
	.entry-inner{
		margin: auto;
		padding: 0 30px;
	}	
	.entry-header h1{
		font-size: 20px;
		letter-spacing: 0.08em;
		line-height: 1.7;
	}

	.entry-nav{
		padding: 25px 20px;
		margin: 30px 0 0;
		background: #f9f7f5;
	}
	.entry-nav strong{
		display: block;
		color: #7a695d;
		letter-spacing: 0.04em;
	}
	.entry-nav nav{
		margin: 15px 0 0;
	}
	.entry-nav nav li + li{
		margin-top: 10px;
	}
	.entry-nav nav li a{
		position: relative;
		display: block;
		padding: 0 0 0 25px;
		line-height: 1.6;
		letter-spacing: 0.2em;
	}
	.entry-nav nav li a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 6px;
		left: 0;
		display: block;
		width: 12px;
		height: 6px;
		background: url(../../common/img/arrow_d_entry.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


/* entry__col
===========================================================================*/

	.entry__col-title-pc{
		display: none;
	}

	.entry-date{
		margin: 20px 0 0;
		font-size: 14px;
		letter-spacing: 0.06em;
		color: #7a695d;
	}

	.entry__field .sp{
		display: none;
	}
	.entry__body{
		margin: 40px 0 0;
	}
	.entry__col + .entry__col{
		margin-top: 80px;
	}	
	.entry__col h2{
		font-size: 20px;
		letter-spacing: 0.08em;
		line-height: 1.7;
	}
	.entry__col h2 + .entry__field{
		margin-top: 20px;
	}

	.entry__col p{
		line-height: 2.2;
		letter-spacing: 0.04em;
	}
	.entry__field p + p{
		margin-top: 25px;
	}
	.entry__field * + div,
	.entry__field * + img,
	.entry__field * + ul,
	.entry__field div + *,
	.entry__field img + *,
	.entry__field ul + *{
		margin-top: 25px;
	}
	.entry__field figure + *,
	.entry__field * + figure{
		margin-top: 25px;
	}
	.entry__field .entry__layout-box1 div,
	.entry__field .entry__layout-box1 figure{
		margin-top: 10px;
	}
	.entry__field figure + figure{
		margin-top: 10px;
	}	
	.entry__field ul li{
		position: relative;
		padding: 0 0 0 15px;
		letter-spacing: 0.04em;
		line-height: 1.8;
	}
	.entry__field ul li:before{
		content: "";
		position: absolute;
		top: 5px;
		left: 6px;
		display: inline-block;
		width: 2px;
		height: 10px;
		background: #bcb3ac;
	}
	.entry__field ul li + li{
		margin-top: 15px;
	}
	.entry__field .entry__player{
		position: relative;
		padding-top: 56.25%;
	}
	.entry__field .entry__player iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.entry__col img{
		width: 100%;
		height: auto;
	}
	.entry__col p br{
		display: none;
		width: 0;
		overflow: hidden;
	}
	.entry__col p a{
		padding: 0 0 2px;
		border-bottom: 1px solid #000;
	}


/* entry__blanklink
===========================================================================*/

	.entry__blanklink{ 
		margin: 30px 0 0;
	}
	.entry__blanklink a{ 
		position: relative;
	}
	.entry__blanklink a span,
	.entry__blanklink a i{
		position: relative;
		margin: 0 6px 0 0;
		display: inline-block;
		width: 12px;
		height: 12px;
	}
	.entry__blanklink a span:after,
	.entry__blanklink a i:after{
		content: "";
		position: absolute;
		top: 2px;
		display: inline-block;
		width: 12px;
		height: 12px;
		background: url(../../common/img/icon_blank.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		transition: opacity 500ms ease;
	}


/* entry-backlist
===========================================================================*/

	.entry-backlist{
		margin: 90px 0 0;
		text-align: center;
	}
	.entry-backlist a{
		position: relative;
		padding: 0 0 0 30px;
	}
	.entry-backlist a:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 17px;
		height: 13px;
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}




/* entry-pager
===========================================================================*/


	.entry-pager{
		margin: auto;
		padding: 40px 10px 10px;
		display: flex;
		justify-content: space-between;
	}
	.entry-pager a,
	.entry-pager span{
		position: relative;
		display: block;
		width: 40px;
		height: 40px;
	}
	.entry-pager a:after,
	.entry-pager span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 17px;
		height: 13px;
	}
	.entry-pager span{
		opacity: 0.1;
	}
	.entry-pager a.link-prev:after,
	.entry-pager span.link-prev:after{
		background: url(../../common/img/arrow_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}
	.entry-pager a.link-next:after,
	.entry-pager span.link-next:after{
		background: url(../../common/img/arrow_l.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		transition: transform 500ms ease;
	}



/* entry-writer
===========================================================================*/

	.entry-writer{
		padding: 90px 0;
		text-align: center;
	}
	.entry-writer figure{
		margin: auto;
		width: 100px;
	}
	.entry-writer figure img{
		border-radius: 70px;
	}
	.entry-writer dl{
		padding: 25px 0 0;
	}
	.entry-writer dt{
		font-size: 16px;
		color: #7a695d;
	}
	.entry-writer dd{
		margin: 5px 0 0;
		line-height: 1.9;
	}
	.entry-writer dd strong{
		padding: 0 0 25px;
		display: block;
	}


}


@media screen  and (max-width: 374px){


}