@charset "UTF-8";
/* CSS Document */

input[type="radio"] {
	margin: 3px;
}

/*--------------- recommend ---------------*/

.box_recommend{
	width: 92%;
	max-width: 1025px;
	margin: 0 auto;
	padding: 0 0 100px;
	
}

@media print,screen and ( max-width: 720px ) {
	.box_recommend{
		padding: 0 0 50px;
	}
}

.box_inner_recommend{
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
}

.cont_inner_recommend{
	width: 100%;
    padding: 75px 0 90px;
    background-color: rgb(255 255 255 / 0.7);
}

.cont_inner_recommend2{
	width: 100%;
	padding: 75px 0 0;
}

@media print,screen and ( max-width: 720px ) {
	.cont_inner_recommend{
		max-width: 660px;
		padding: 7% 0;
	}
	.cont_inner_recommend2{
		padding: 30px 0 0;
	}
}
@media print,screen and ( max-width: 450px ) {
	.cont_inner_recommend2{
		width: 70%;
		margin: 0 auto;
	}
}



/*
.marker {
	display: inline-block;
	position: relative;
	z-index: 0;
}
.marker::before {
	content: "";
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	background:linear-gradient( 180deg, rgba(255,225,0,0) calc( 100% - 17px ), rgba(255,225,0,1) calc( 100% - 16px ));
	opacity: 0;
	transition: width .5s ease-in-out;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: -1;
}
.marker.on::before {
	width: 100%;
	opacity: 1;
}
*/
@media print,screen and ( max-width: 800px ) {
	span.marker.sp_none.on{
		position: static;
	}
	
	.marker2 {
		display: inline-block;
		position: relative;
		z-index: 0;
	}
	.marker2::before {
		content: "";
		width: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		background:linear-gradient( 180deg, rgba(255,225,0,0) calc( 100% - 17px ), rgba(255,225,0,1) calc( 100% - 16px ));
		opacity: 0;
		transition: width .5s ease-in-out;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.marker2.on::before {
		width: 100%;
		opacity: 1;
	}
	
	.marker::before {
		top: -15%;
	}
	
	.marker2::before {
		top: -15%;
	}
	
	.marker2.sp_none{
		display: ;
	}
}

.inner_wrap_recommend1{
	width: 100%;
    margin: 0 auto 35px;
    display: flex;
    justify-content: space-between;
}

.inner_wrap_recommend2{
	width: 100%;
	margin: 0 auto;
	padding: 38px 30px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border: solid 1px #B8B2AE;
	border-radius: 20px;
	box-sizing: border-box;
	transition: all .8s ease-in-out;
	position: relative;
	bottom: -15px;
	opacity: 0;
}

.inner_wrap_recommend2.active{
	opacity: 1;
    bottom: 0;
}

@media print,screen and ( max-width: 850px ) {
	.inner_wrap_recommend2 {
		display: block;
	}
}
@media print,screen and ( max-width: 600px ) {
	.inner_wrap_recommend2 {
		padding: 25px 20px;
	}
}

.inner_img_recommend1{
	display: block;
	max-width: 183px;
}

.inner_txt_recommend1{
	margin: 0 0 38px;
	font-size: 23px;
	font-weight: 700;
	line-height: 2;
}
.inner_txt_recommend1 .marker {
	background:linear-gradient( 180deg, rgba(255,225,0,0) calc( 100% - 17px ), rgba(255,225,0,1) calc( 100% - 16px ));
}

.inner_txt_recommend2{
	margin: 0;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}
.inner_txt_recommend2 span.small {
	margin: 0 0.4em 0 0;
	padding: 0;
	font-size: 0.7em;
	display: inline-block;
}


.inner_txt_recommend1.first{
	margin: 0;
	padding: 6.8% 0 0;
}

.inner_img_recommend1 img{
	border-radius: 50%;
}

@media print,screen and ( max-width: 720px ) {
	.inner_wrap_recommend1{
		display: block;
	}
	
	.inner_txt_recommend1.first{
		padding: 0;
		margin: 0 0 20px;
	}
	
	.inner_img_recommend1{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.inner_img_recommend1 img{
		width: 53%;
		max-width: 183px;
		height: calc( 92vw * 0.9 * 0.53 );
		max-height: 183px;
		order: 2;
	}
}

@media print,screen and ( max-width: 400px ) {
	.inner_txt_recommend1{
		font-size: min(20px , 5.7vw);
	}
	
	.inner_txt_recommend2{
		font-size: 18px;
	}
	
}

.box_txt_recommend1{
	width: 100%;
	margin: 0 0 65px;
	line-height: 1.8;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}

.box_txt_recommend1.last{
	margin: 0 0 30px;
}

.box_txt_recommend1.active {
	opacity: 1;
    top: 0;
}

.box_txt_recommend1 p{
	margin: 0 0 25px;
}

@media print,screen and ( max-width: 720px ) {
	.box_txt_recommend1{
		margin: 0 0 45px;
	}
	
}

dl.inner_left_recommend1 {
	width: calc( 100% - 240px );
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
@media only screen and ( max-width: 850px ) {
	dl.inner_left_recommend1 {
		width: 100%;
		margin: 0 0 30px;
	}
}

dl.inner_left_recommend1 dt{
	font-size: 24px;
	font-weight: 700;
}

dl.inner_left_recommend1 dd{
	margin: 0 0 0 20px;
	padding: 8px 0 8px 20px;
	font-size: 13px;
	border-left: solid 1px #B8B2AE;
}

@media print,screen and ( max-width: 600px ) {
	dl.inner_left_recommend1{
		margin: 0 auto;
		display: block;
	}
	
	dl.inner_left_recommend1 dt{
		margin: 0 auto 20px;
		text-align: center;
	}
	
	dl.inner_left_recommend1 dd{
		margin: 0 0 30px;
		padding: 0;
		border: none;
	}
	
}

ul.inner_wrap_txt_recommend1{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.inner_wrap_txt_recommend1 li{
	margin: 0 0 4px;
	padding: 0;
	line-height: 1.55;
}
ul.inner_wrap_txt_recommend1 li:last-child { margin-bottom: 0; }

table.tbl_publish_recommend {
	width: 100%;
	margin: 0;
	padding: 0;
}
table.tbl_publish_recommend th {
	width: 2.5em;
	margin: 0;
	padding: 0 0 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.tbl_publish_recommend td {
	width: calc( 100% - 2.5em );
	margin: 0;
	padding: 0 0 5px;
}

.inner_right_recommend1{
	width: 225px;
}
@media only screen and ( max-width: 850px ) {
	.inner_right_recommend1 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}
@media only screen and ( max-width: 450px ) {
	.inner_right_recommend1 { text-align: left; }
}
.inner_right_recommend1 .btn_movie {
	width: 94%;
	max-width: 295px;
	height: 50px;
	margin: auto auto 10px;
	padding: 0;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ffe100;
	box-sizing: border-box;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .4s;
	cursor: pointer;
}
.inner_right_recommend1 .btn_movie::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: min( 25px, 15% );
	top: 22px;
	transition: right .4s;
}

.inner_right_recommend1 .btn_movie:hover{
	background-color: #ffef78;
}

.inner_right_recommend1 .btn_movie:hover::before{
	right: 15px;
}

.inner_right_recommend1 .btn_movie .inner {
	width: 84%;
	margin: 0 auto;
}

dl.cont_movie_recommend {
	width: 100%;
	margin: 0;
	padding: 0;
}
@media only screen and ( max-width: 850px ) {
	dl.cont_movie_recommend {
		max-width: 240px;
		margin: 0 auto;
	}
}
dl.cont_movie_recommend dt {
	margin: 0 0 5px;
	padding: 0.3em;
	font-size: 15px;
	text-align: center;
	background-color: #ffe100;
	box-sizing: border-box;
}
dl.cont_movie_recommend dd {
	margin: 0;
	padding: 0;
	cursor: pointer;
}
dl.cont_movie_recommend dd iframe {
	pointer-events: none;
}
@media print,screen and ( min-width: 721px ) {
	dl.cont_movie_recommend dd { transition: opacity .5s; }
	dl.cont_movie_recommend dd:hover { opacity: 0.7; }
}
.inner_right_txt_recommend1{
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
}

.inner_right_txt_recommend1 a{
	color: #FF6400;
}
@media print,screen and ( max-width: 870px ) {
	br.break_sp_none{
		display: none;
	}
}

.bgcover_recommend {
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.bgcover_recommend .col_movie_recommend {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bgcover_recommend .col_movie_recommend .inner {
	width: 100%;
	max-width: 690px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.bgcover_recommend .col_movie_recommend .btn_close {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-color: #000;
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 100%;
}
@media print,screen and ( min-width: 721px ) {
	.bgcover_recommend .col_movie_recommend .btn_close { transition: background .5s; }
	.bgcover_recommend .col_movie_recommend .btn_close:hover { background-color: #666; }
}

.bgcover_recommend .col_movie_recommend .btn_close::before,
.bgcover_recommend .col_movie_recommend .btn_close::after {
	content: "";
	width: 90%;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
}
.bgcover_recommend .col_movie_recommend .btn_close::before { transform: translate(-50%, -50%) rotate(-45deg); }
.bgcover_recommend .col_movie_recommend .btn_close::after { transform: translate(-50%, -50%) rotate(45deg); }


.bgcover_recommend .col_movie_recommend iframe {
	width: 100%;
	height: 59.42vw;
	max-height: 410px;
}


.slick-slider{
	width: 95%;
	max-width: 920px;
	margin: 0 auto;
	text-align: center;

}
.slick-slide a {
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
.slick-slide a > img {
	width: 130px;
	height: auto;
	border-radius: 50%;
}

.slick-slide a:hover .inner_slide_txt span::before{
	right: -5px;
}

.inner_slide_txt{
	font-size: 11px;
	font-feature-settings: "palt";
}

.inner_slide_txt span{
	margin: 0 0 5px 0;
    padding: 0 14px 0 0;
    font-size: 21px;
    position: relative;
    display: inline-block;
    letter-spacing: -0.058em;
}

.inner_slide_txt span::before{
	content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #ff6400;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: right .4s;
}