.logs-index-list-item figure{
	opacity: 0;
}
.logs-index-list-item.on figure{
	opacity: 1;
	transition: opacity 800ms ease;
}
.logs-index-list-item .logs-title{
	opacity: 0;
}
.logs-index-list-item.on .logs-title{
	opacity: 1;
	transition: opacity 800ms ease 200ms;
}
.logs-index-list-box{
	display: none;
}

.entry-logs-body p strong{
	font-weight: 700;
}


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


	/* logs Index
	==========================================================*/

	.archives-logs{
		position: relative;
		padding: 140px 0 0;
	}
	.logs-contents{
		position: relative;
	}
	#logs-index{
		position: relative;
		padding: 150px 0 120px;
		overflow: hidden;
	}
	#logs-index:before{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs.png) 0 0 no-repeat;
		background-size: 100% auto;
		z-index: 20;
	}
	#logs-index:after{
		position: absolute;
		top: 160px;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_tex4.jpg) 0 0 repeat;
		background-size: 100% auto;
		z-index: 10;
	}
	.logs-index-list-wrap{
		margin: 75px auto 0;
		padding: 0 20px;
		max-width: 1120px;
	}
	.logs-index-list-box-inner{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -30px;
	}

	.logs-index-list-item{
		position: relative;
		padding: 0 30px;
		width: 33.3333%;
	}
	.logs-index-list-item figure{
		position: relative;
		overflow: hidden;
	}
	.logs-index-list-item figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.5);
		opacity: 0;
		transition: opacity 600ms ease;
	}
	.logs-index-list-item a:hover figure:after{
		opacity: 1;
	}
	
	.logs-index-list-item:nth-child(3n+2){
		padding-top: 40px;
	}
	.logs-index-list-item .logs-title h3{
		text-align: center;
		font-size: 16px;
		line-height: calc(30/16);
		font-weight: 500;
	}


	/* logs TOP
	==========================================================*/

	#logs{
		position: relative;
		padding: 150px 0 120px;
	}
	#logs:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs.png) 0 0 no-repeat;
		background-size: cover;
	}
	.logs-contents{
		position: relative;
		z-index: 20;
	}
	.logs-contents .sec-header{
		position: relative;
		text-align: center;
		z-index: 100;
	}
	.logs-contents .sec-header h2{
		margin: auto;
		width: 338px;
	}
	.logs-list{
		margin: 50px 0 0;
		overflow: hidden;
	}
	.logs-list-item{
		text-align: center;
	}
	.logs-list-item figure{
		position: relative;
		overflow: hidden;
	}
	.logs-list-item figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.5);
		opacity: 0;
		transition: opacity 600ms ease;
	}
	.logs-list-item a:hover figure:after{
		opacity: 1;
	}
	.logs-list-item a{
		display: block;
	}

	.logs-list-item-even{
		margin-top: 40px;
	}

	.logs-list-ticker{
		display: flex;
	}
	.logs-list-ticker a{
		padding: 0 15px;
	}
	.no-slide .logs-list-ticker {
		justify-content: center;
	}
	.no-slide .logs-list-ticker .logs-list-item{
		width: 33.3333%;
	}


	/* logs item
	==========================================================*/

	.logs-title{
		margin: 20px 0 0;
	}
	.logs-list-item h3{
		font-size: min(16px,1.48vw);
		font-weight: 500;
		line-height: calc(30/16);
	}
	.logs-contents .btn-link{
		margin: 80px auto 0;
	}
	.archives-logs .logs-contents .btn-link{
		margin-top: 150px;
	}

	/* logs Entry
	==========================================================*/


	.entry-logs-contents .btn-link{
		margin: 80px auto 0;
	}
	.entry-logs-contents{
		position: relative;
		padding: 0 0 120px;
		background: url(../img/common/bg_tex4.jpg) 0 0 repeat;
	}
	.entry-logs-contents:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs_entry.jpg) 0 0 no-repeat;
		background-size: 100%;
		z-index: 10;
	}

	.entry-logs{
		position: relative;
		padding: 170px 0 0;
		z-index: 20;
	}
	.entry-logs-mainimage{
		margin: auto;
		padding: 0 20px;
		max-width: 1040px;
	}

	.entry-logs-header{
		padding: 50px 20px;
		text-align: center;
	}
	.entry-logs-header h1{
		font-size: 26px;
		line-height: calc(30/26);
	}
	.entry-logs-header-lead{
		margin: 20px 0 0;
	}
	.entry-logs-header-lead p{
		line-height: calc(28/16);
	}

	.entry-logs-gallery{
		margin: auto;
		max-width: 1140px;
		padding: 0 20px;
	}
	.entry-logs-gallery-list{
		display: flex;
		margin: 0 -10px;
		flex-wrap: wrap;
	}
	.entry-logs-gallery-list figure{
		padding: 0 10px;
		width: 25%;
	}
	.entry-logs-gallery-list figure:nth-child(n+5){
		margin-top: 20px;
	}


	.entry-logs-body{
		margin: 60px auto 0;
		max-width: 680px;
		padding: 0 20px;
	}
	.entry-logs-body *{
		line-height: calc(28/16);
	}
	.entry-logs-body * + *,
	.entry-logs-body dl + dl{
		margin-top: 50px;
	}
	.entry-logs-body h3{
		font-size: 16px;
	}
	.entry-logs-body h3 + p{
		margin-top: 25px;
	}


	.entry-logs-body dl dt:before{
		content: "Q. ";
	}
	.entry-logs-body dl dd{
		margin: 25px 0 0;
		line-height: calc(28/16);
	}

	@keyframes linkhover{
		0%{background-size: 0% 1px;}
		100%{background-size: 200% 1px;}
	}
	.entry-logs-body p a[target="_blank"]{
		position: relative;
	}
	.entry-logs-body p a[target="_blank"]:after{
			content: "";
			margin: 0 0 0 6px;
			display: inline-block;
			width: 14px;
			height: 12px;
			background: url(../img/common/icon_blank_br.svg) 50% 50% no-repeat;
			background-size: 100% 100%;
	}
	.entry-logs-body p a{
		padding: 0 0 2px;
		background: linear-gradient(to top, #231815 1px, transparent 99%) no-repeat;
		background-position: 0% 100%;
		background-size: 200% 1px;
	}
	.entry-logs-body p a:hover{
		animation: linkhover 1000ms ease 1;
	}


}



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


	/* logs Index
	==========================================================*/

	.archives-logs{
		position: relative;
		padding: 85px 0 0;
	}
	.logs-contents{
		position: relative;
	}
	#logs-index{
		position: relative;
		padding: 60px 0 70px;
		overflow: hidden;
	}
	#logs-index:before{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
		z-index: 20;
	}
	#logs-index:after{
		position: absolute;
		top: 160px;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_tex4.jpg) 0 0 repeat;
		background-size: 100% auto;
		z-index: 10;
	}
	.logs-index-list-wrap{
		margin: 75px auto 0;
		padding: 0 90px;
	}
	.logs-index-list-item{
		position: relative;
	}
	.logs-index-list-box + .logs-index-list-box{
		margin-top: 30px;
	}
	.logs-index-list-item + .logs-index-list-item{
		margin-top: 30px;
	}
	.logs-index-list-item .logs-title h3{
		font-size: 14px;
		font-weight: 500;
		line-height: calc(24/14);
	}
	.logs-index-list-item .logs-title h3 br{
		display: none;
	}


	/* logs TOP
	==========================================================*/

	#logs{
		position: relative;
		margin-top: 75px;
		padding: 75px 0;
	}
	#logs:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.logs-contents{
		position: relative;
		z-index: 20;
	}
	.logs-contents .sec-header{
		position: relative;
		text-align: center;
		z-index: 100;
	}
	.logs-contents .sec-header h2{
		margin: auto;
		width: 173px;
	}
	.logs-list{
		margin: 50px 0 0;
		overflow: hidden;
	}
	.logs-list-item{
		padding: 0 10px;
	}
	.logs-list-item-even{
		margin-top: 30px;
	}
	.logs-list .swiper-wrapper {
	  transition-timing-function: linear;
	}
	.logs-list-ticker{
		display: flex;
	}
	.logs-list-ticker figure{
		padding: 0 10px;
	}
	.logs-list-ticker-slide{
		padding: 0 90px;
	}
	.no-slide .logs-list-ticker {
		display: block;
	}
	.no-slide .logs-list-ticker .logs-list-item + .logs-list-item{
		margin-top: 40px;
	}

	/* logs item
	==========================================================*/

	.logs-title{
		margin: 15px 0 0;
	}
	.logs-list-item h3{
		font-size: 14px;
		line-height: calc(24/14);
		font-weight: 500;
	}
	.logs-contents .btn-link{
		margin: 60px auto 0;
	}
	.archives-logs .logs-contents .btn-link{
		margin-top: 70px;
	}


	/* logs Entry
	==========================================================*/


	.entry-logs-contents .btn-link{
		margin: 80px auto 0;
	}
	.entry-logs-contents{
		position: relative;
		padding: 0 0 65px;
		background: url(../img/common/bg_tex4.jpg) 0 0 repeat;
	}
	.entry-logs-contents:after{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/common/bg_logs_entry.jpg) 0 0 no-repeat;
		background-size: 100%;
		z-index: 10;
	}

	.entry-logs{
		position: relative;
		padding: 95px 0 0;
		z-index: 20;
	}
	.entry-logs-mainimage{
		margin: auto;
		padding: 0 20px;
	}

	.entry-logs-header{
		padding: 30px 20px;
		text-align: center;
	}
	.entry-logs-header h1{
		font-size: 16px;
		line-height: calc(24/16);
	}
	.entry-logs-header-lead{
		margin: 20px 0 0;
	}
	.entry-logs-header-lead p{
		line-height: calc(24/14);
	}

	.entry-logs-gallery{
		margin: auto;
		padding: 0 20px;
	}
	.entry-logs-gallery-list{
		display: flex;
		margin: 0 -10px;
		flex-wrap: wrap;
	}
	.entry-logs-gallery-list figure{
		padding: 0 10px;
		width: 50%;
	}
	.entry-logs-gallery-list figure:nth-child(n+3){
		margin-top: 20px;
	}


	.entry-logs-body{
		margin: 35px auto 0;
		padding: 0 40px;
	}
	.entry-logs-body * + *,
	.entry-logs-body dl + dl{
		margin-top: 50px;
	}
	.entry-logs-body h3{
		font-size: 14px;
	}
	.entry-logs-body h3 + p{
		margin-top: 20px;
	}
	.entry-logs-body *{
		line-height: calc(24/14);
	}

	.entry-logs-body dl dt:before{
		content: "Q. ";
	}
	.entry-logs-body dl dd{
		margin: 25px 0 0;
		line-height: calc(24/14);
	}


	.entry-logs-body p a[target="_blank"]{
		position: relative;
	}
	.entry-logs-body p a[target="_blank"]:after{
			content: "";
			margin: 0 0 0 6px;
			display: inline-block;
			width: 14px;
			height: 12px;
			background: url(../img/common/icon_blank_br.svg) 50% 50% no-repeat;
			background-size: 100% 100%;
	}
	.entry-logs-body p a{
		padding: 0 0 2px;
		background: linear-gradient(to top, #231815 1px, transparent 99%) no-repeat;
		background-position: 0% 100%;
		background-size: 200% 1px;
	}



}


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


}