@charset "UTF-8";

/* 心意気チャンネル ************************************/

/* indexページ */
.channel_entrylist{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 80px -10px 20px;
}
.channel_entrylist_item{
	width: calc(33.33% - 20px);
	margin: 16px 10px;
}
.channel_entrylist_item a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 30px;
	background: url("../../img/channel/bg_channel_entrylist_item.png") 0 0 repeat-y;
	background-size: 100% auto;
	transition: all 0.5s ease-out;
}

.channel_entrylist_info{
	padding: 1em 0.1em 1.5em;
}
.channel_copy{
	display: block;
}
.channel_title{
	display: block;
	padding-top: 0.2em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #544f3e;
}

.channel_entrylist_ph{
	position: relative;
}
.channel_entrylist_ph img{
	width: 100%;
	height: 146px;
	object-fit: cover;
}
.channel_entrylist_ph::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
}
.channel_entrylist_ph::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width:36px;
	height:36px;
  background:url(../../img/channel/icn_play.png) center no-repeat;
	background-size: contain;
	content: "";
}

@media screen and (min-width: 1024px) { /******** PC以上 ********/
	.channel_entrylist_ph::before {
		opacity: 0;
		overflow:visible;
		border:0px solid rgba(255,255,255,0.50);
		box-sizing:border-box;
		transition: all 0.4s ease-in-out;
	}
	.channel_entrylist_ph::after {
		opacity:0;
		transform:scale(0,0);
		transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
	}
	.channel_entrylist_item a:hover .channel_entrylist_ph::before {
		 opacity:1;
		 border:10px solid rgba(255,255,255,0.50);
	}
	.channel_entrylist_item a:hover .channel_entrylist_ph::after {
		 opacity:1;
		 transform:scale(1,1);
		 transition-delay:0.1s; /* 0.3s */
	}
}
@media print, screen and (max-width: 1023px) { /******** tablet以下 ********/ 

	.channel_entrylist_item{
		width: calc(50% - 20px);
		margin: 10px;
	}

	.channel_entrylist_ph::after {
		opacity:0.9;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.channel_entrylist{
		margin: 30px 0 0;
	}
	.channel_entrylist_item{
		width: 100%;
		margin: 10px 0;
	}
	.channel_entrylist_info{
		padding: 1em 0.1em;
	}

}

/* 個別ページ */

.content_movie {
    position: relative;
}
.content_movie:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.content_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section_channel_list .shome_title_s,
.section_channel_list .shome_title_s .en{
	color:#fb9700;
}
.section_channel_list .channel_entrylist{
	margin-top: 0;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.content_movie {
		margin-left: -2.5%;
		margin-right: -2.5%;
	}

}