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

.movielibrary .main_box {
	width:98%;
}

.movielibrary .main_image.opentalk{
	width:100%;
	text-align:center;
	box-sizing:border-box;
}

.movielibrary .main_image.opentalk img{
	width:100%;
}

.movielibrary .main_image.staffchannel{
	background-color: #fff;
  animation: gradationTest 20s infinite;
}

@keyframes gradationTest {
  0% { background-color: #408ad0; }
  25% { background-color: #FFF66C; }
  50% { background-color: #FFA36C; }
  75% { background-color: #FFF66C; }
  100% { background-color: #408ad0; }
}

.movielibrary .main_image.staffchannel img{
	width:100%;
}

.movielibrary .main_box .movie_list{
	padding:30px;
	margin-bottom:50px;
	border:7px solid #f7f7f7;
	box-sizing:border-box;
}
.movielibrary .main_box .movie_list h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold !important;
	margin-bottom:5px;
}
.movielibrary .main_box .movie_list h5 span{
	color:#fff;
	font-size:70%;
    background:#990000;
    padding:2px 20px;
    letter-spacing:0.1em;
}
.movielibrary .main_box .movie_list h3{
	display:block !important;
	font-size:140% !important;
	padding:0;
	margin:0.5em auto 1em auto !important;
	border-bottom:5px #f7f7f7 solid;
	text-align:left !important;
}

.movielibrary .main_box .movie_list ol{
}

.movielibrary .main_box .movie_list ol ul{
	display:flex;
	justify-content:start;
	flex-wrap:wrap;
}


.movielibrary .main_box .movie_list ol ul li{
	width:33.33%;
	margin-right:0;
	padding:30px;
	box-sizing:border-box;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}


.movielibrary .main_box .movie_list ol ul li:nth-child(3n){
	border-right:none;
}
.movielibrary .main_box .movie_list ol ul li:nth-child(3n+1):nth-last-child(-n+3),
.movielibrary .main_box .movie_list ol ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
    border-bottom:none;
}

.movielibrary .main_box .movie_list ol ul li a{
	text-decoration:none;
}

.movielibrary .main_box .movie_list ol ul li dt{
	position:relative;
}

.movielibrary .main_box .movie_list ol ul li dt img{
	width:100%;
    cursor: pointer;
    transition-duration: 0.3s;
}
.movielibrary .main_box .movie_list ol ul li dt img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}

.movielibrary .main_box .movie_list ol ul li dt em{
	color:#fff;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	background:#F44336;
	position:absolute;
	top:0;
	lett:0;
}
.movielibrary .main_box .movie_list ol ul li dd{

}

.movielibrary .main_box .movie_list ol ul li dd h6{
	font-size:110%;
	font-weight:bold;
	margin:0.5em 0;
	padding-bottom:0.5em;
}

.movielibrary .main_box .movie_list ol ul li dd p{
	font-size:95%;
	line-height:1.8em;
}


.movielibrary .main_box .movie_list ol ul li CITE{
	font-size:80%;
	display:block;
	padding:7px 0 0;
	border-top:1px dotted #ccc;
}

.movielibrary .main_box .movie_list ol ul li CITE em{
}

.movielibrary .main_box .movie_list ol ul li CITE img{
	height:1em;
}


/* 20200517追加_店舗カテゴリ分類 */
.movielibrary .main_box .movie_list ol .store_head {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0;
	margin-top: 70px;
	margin-bottom: 25px;
	position: relative;
}
.movielibrary .main_box .movie_list ol .store_head img {
	width: 65px;
	display: block;
	margin: 0 13px 0 0;
}
.movielibrary .main_box .movie_list ol .store_head .text {
	width: calc(100% - 78px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.movielibrary .main_box .movie_list ol .store_head h4 {
	font-size: 140% !important;
	letter-spacing: 0.8px;
	border: none !important;
	padding: 0 !important;
	margin: 0 1em 0 0!important;
}
.movielibrary .main_box .movie_list ol .store_head .text h4 {
	width: auto !important;
}

.movielibrary .main_box .movie_list ol .store_head h6{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.1em;
	color:#ccc;
	font-size:110%;
}
.movielibrary .main_box .movie_list ol .store_head .text h6 {
	font-size:90%;
	margin-right: 1em;
}
.movielibrary .main_box .movie_list ol .store_head a {
	font-size:75%;
	font-weight:bold;
	color: #fff;
	letter-spacing:0em;
	vertical-align:middle;
	background:#990000;
	padding:0.1em 10px;
	margin-left:1em;
	border-radius:9px;
	position:absolute;
	right:0;
	text-decoration:none;
}
.movielibrary .main_box .movie_list ol .store_head .text a {
	position: relative;
	margin-left: auto;
	margin-right: 0;
}
.movielibrary .main_box .movie_list ol .store_head a i{
	display:inline-block;
	height:1.em;
	margin-left:0.2em;
}

.movielibrary .main_box .movie_list ol .store_head a i.fa-angle-right{
	font-size:120%;
	font-weight:bold;
	margin-left:0.3em;
}


.movielibrary .main_box .movie_list_linkbanner{
}

.movielibrary .main_box .movie_list_linkbanner ul{
}

.movielibrary .main_box .movie_list_linkbanner ul li{
	margin-bottom:50px;
	padding:30px;
	background-color: #fff;
	background-image: repeating-linear-gradient(45deg,
	#f0f0f0, #f0f0f0 3px,
	transparent 0, transparent 6px);
	box-sizing:border-box;
}
.movielibrary .main_box .movie_list_linkbanner ul li dl{
	display:flex;
	justify-content:space-between;
}

.movielibrary .main_box .movie_list_linkbanner ul li dt{
	width:48%;
	overflow:hidden;
}
.movielibrary .main_box .movie_list_linkbanner ul li dt a{
}
.movielibrary .main_box .movie_list_linkbanner ul li dt a:hover{
}

.movielibrary .main_box .movie_list_linkbanner ul li dt img{
	object-fit:cover;
	width:100%;
	height:100%;
	transition-duration: 0.3s;
	cursor: pointer;
}

.movielibrary .main_box .movie_list_linkbanner ul li dt img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}

.movielibrary .main_box .movie_list_linkbanner ul li dd{
	width:50%;
}
.movielibrary .main_box .movie_list_linkbanner ul li dd h5{
	font-size:115%;
	font-weight:bold;
	line-height:2em;
}
.movielibrary .main_box .movie_list_linkbanner ul li dd p{
	font-size:90%;
	width:100%;
	margin:0;
}
.movielibrary .main_box .movie_list_linkbanner ul li dd .btn{
	margin-top:1.5em;
}

.movielibrary .main_box .movie_list_linkbanner ul li dd .btn a{
	font-size:90%;
	font-weight:bold;
	width:70%;
	max-width:350px;
	padding:0.5em 2px;
	text-align:center;
}


@media screen and (min-width: 960px) and (max-width: 1119px) {
	

}


@media screen and (max-width: 959px) {
	.movielibrary .main_box {
	    width:98%;
	    margin:auto;
    }
    .movielibrary .main_box .movie_list h3{
	    font-weight:bold;
    }


}

@media screen and (max-width: 768px) {
	.movielibrary .main_image.opentalk{
    }
	.movielibrary .main_image.opentalk img{
	    width:100%;
    }
	.movielibrary .main_box .movie_list{
	    padding:30px 20px;
    }
	.movielibrary .main_box .movie_list ol ul{
	    justify-content:space-between;
    	flex-wrap:wrap;
    }
    .movielibrary .main_box .movie_list ol ul li{
	   	width:50%;
	   	margin-right:0;
	   	box-sizing:border-box;
	   	border-right:1px dotted #ccc;
	   	border-bottom:1px dotted #ccc;
	   	padding:30px 0 30px 0;

    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(odd){
    	padding-right:3%;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(even){
    	padding-left:3%;
    	border-right:none;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(3n){
	    border-right:1px dotted #ccc;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(3n+1):nth-last-child(-n+3),
    .movielibrary .main_box .movie_list ol ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li{
        border-bottom:1px dotted #ccc;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(2n+1):nth-last-child(-n+2),
    .movielibrary .main_box .movie_list ol ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
        border-bottom:none;
    }

	.movielibrary .main_box .movie_list ol .store_head .text h4 {
		width: 100% !important;
		margin: 0 !important;
	}
}


@media screen and (max-width: 599px) {
	.movielibrary .main_image.opentalk{
    }
	.movielibrary .main_box .movie_list{
	    padding:20px 10px;
	    margin-bottom:15px;
    }
    .movielibrary .main_box .movie_list ol .store_head .tex{
    	position:relative;
    }
    .movielibrary .main_box .movie_list ol .store_head .text h6 {
	    font-size:80%;
    }
    .movielibrary .main_box .movie_list ol .store_head .text a {
    	font-size:60%;
	    display:block;
	    right:unset;
	    left:0;
    }
	.movielibrary .main_box .movie_list ol ul{
		display:unset;
	    justify-content:unset;
    	flex-wrap:unset;
    }
    .movielibrary .main_box .movie_list ol ul li{
	    width:100%;
	    margin-bottom:0;
	    padding-bottom:15px;
	    border-bottom:1px dotted #ccc;
	   }
    .movielibrary .main_box .movie_list ol ul li:last-child{
	    margin-bottom:0;
	    padding-bottom:0;
	    border-bottom:none;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(odd){
    	padding-right:0;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(even){
    	padding-left:0;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(3n){
	    border-right:none;
    }
    .movielibrary .main_box .movie_list ol ul li:nth-child(2n+1):nth-last-child(-n+2){
    	border-bottom:1px dotted #ccc;
   	}
    .movielibrary .main_box .movie_list ol ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li{
        border-bottom:none;;
    }

    /*.movielibrary .main_box .movie_list ol ul li a 20200517変更*/
    .movielibrary .main_box .movie_list ol ul li{
	    display:flex;
	    justify-content:space-between;
	    flex-wrap: wrap;/*20200517追加*/
	    padding:20px 0;
	    border-right:none;
	   }
    /*.movielibrary .main_box .movie_list ol ul li a dt 20200517変更*/
    .movielibrary .main_box .movie_list ol ul li dt{
    	width:40%;
    	height:90px;
    	overflow:hidden;
    }
    .movielibrary .main_box .movie_list ol ul li dt img{
    	width:100%;
    	height:100%;;
    	object-fit:cover;
    }
    /*.movielibrary .main_box .movie_list ol ul li a dd 20200517変更*/
    .movielibrary .main_box .movie_list ol ul li dd{
    	width:58%;
    }
    .movielibrary .main_box .movie_list ol ul li dd h6{
	    font-size:100%;
	    font-weight:bold;
	    margin:0;
	    padding-bottom:0em;
	    overflow: hidden;
	    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .movielibrary .main_box .movie_list ol ul li dd p{
    	font-size:90%;
    	width:100%;
    	margin:0;
    	overflow: hidden;
	    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .movielibrary .main_box .movie_list ol ul li CITE a{
    	display:unset;
    }
	/*20200517追加*/
    .movielibrary .main_box .movie_list ol ul li CITE {
		width: 100%;
		margin: 0;
	}
	.movielibrary .main_box .movie_list ol ul li CITE em{
		font-size:80%;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li{
	    margin-bottom:20px;
	    padding:10px;
	    border:7px solid #f5f5f5;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li dl{
    	display:block;
    	justify-content:unset;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li dl dt{
        width:100%;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li dl dd{
        width:100%;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li dl dd h5{
    	font-size:105%;
        margin:0.5em 0 0em 0;
    }
    .movielibrary .main_box .movie_list_linkbanner ul li dd .btn a{
	width:90%;
	max-width:unset;
    }

}




@media screen and (max-width: 599px) {
	.movielibrary .main_box .movie_list ol .store_head {
		margin-top: 50px;
	}
	.movielibrary .main_box .movie_list ol .store_head:nth-of-type(1) {
		margin-top: 0;
	}
	.movielibrary .main_box .movie_list ol .store_head h4 {
		font-size: 120% !important;
		letter-spacing: normal;
		line-height: 1.4;
	}
}