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

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/

/*----------------------------------------------------
	☆ADDED on 20171101
----------------------------------------------------*/

#magazine{
    display: none;
}
#magazine+section{
    display: none;
}
/*----------------------------------------------------
	☆ADDED on 20171101
----------------------------------------------------*/

#contents .movieList {
 overflow: hidden;
 width: 100%;
}
#contents .movieList li {
 width: 23%;
 margin: 0 1% 3%;
 float: left;
}
#contents .movieList li:nth-child(4n+1) {
 clear: both;
}
#contents .movieList li .image {
 background-position: center center;
 background-size: cover !important;
 width: 100%;
 margin-bottom: 10px;
	background-repeat:no-repeat;
}
#contents .movieList li.kikanshi .image{
	background-size: auto 90% !important;
	background-color:#eaeaea;
}
#contents .movieList li .image::before {
 content: "";
 display: block;
 padding-top: 100%;
}
#contents .movieList li .category {
 font-size: 0.85em;
 margin-bottom: 8px;
}
#contents .movieList li .category span {
 line-height: 1em;
 padding: 5px 10px 3px;
 background-color: #0172be;
 color: #FFF;
 display: inline-block;
 border-radius: 100px;
}
#contents .movieList li .title {
 font-size: 1em;
 line-height: 1.3em;
}
.remodal .inner {
    float: none;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.27%;
    position: relative;
    width: 100%;
}
.remodal .inner iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*----------------------------------------------------
	☆digest
----------------------------------------------------*/
#contents .digest .digestMv{
	width:100%;
	margin-bottom:50px;
}
#contents .digest .digestMv .titleBox{
	background:#c00000;
	color:#FFF;
	padding:20px 30px;
}
#contents .digest .digestMv .titleBox .info{
	margin-bottom:5px;
	line-height:1.3em;
	font-weight:bold;
}
#contents .digest .digestMv .titleBox .vol{
	font-size:1.5em;
	margin-right:10px;
}
#contents .digest .digestMv .titleBox .title{
	font-size:2.3em;
}
#contents .digest .interview dl{
	margin-bottom:30px;
	overflow:hidden;
}
#contents .digest .interview dl dt{
	background:#eaeaea;
	line-height:1em;
	padding:4px 0;
	text-align:center;
	font-weight:bold;
	width:120px;
	border-radius:3px;
}
#contents .digest .interview dl dd{
	width:calc(100% - 130px);
	width:-webkit-calc(100% - 130px);
	padding-left:17px;
	background:url(../images/balloon_gray.gif) left 5px no-repeat;
}
#contents .digest .interview dl dd .inner{
	border-radius:3px;
	background:#eaeaea;
	padding:20px;
	font-size:1.08em;
	line-height:1.5em;
}
#contents .digest .interview dl.interviewer dt,
#contents .digest .interview dl.guest dd{
	float:left;
}
#contents .digest .interview dl.interviewer dd,
#contents .digest .interview dl.guest dt{
	float:right;
}
#contents .digest .interview dl.guest dd{
	padding-right:17px;
	background:url(../images/balloon_pink.gif) right 5px no-repeat;
}
#contents .digest .interview dl.guest dd .inner{
	background:#fbe5e5;
}
#contents .digest .interview dl.guest dt{
	background:#f19292;
	color:#FFF;
}
#contents .digest .interview .image{
	margin-bottom:30px;
	text-align:center;
}
#contents .digest .interview .image img{
	width:100%;
	max-width:750px;
}

@media screen and (max-width:640px) {
#contents .movieList li {
 width: 48%;
 margin: 0 0 4.5%;
 float: left;
}
#contents .movieList li:nth-child(2n+1) {
 clear: both;
}
#contents .movieList li:nth-child(2n) {
 float:right;
}
#contents .movieList li .category {
 font-size: 0.70em;
}
/*----------------------------------------------------
	☆digest
----------------------------------------------------*/
#contents .digest .digestMv{
	margin-bottom:25px;
}
#contents .digest .digestMv .titleBox{
	padding:15px;
}
#contents .digest .digestMv .titleBox .info{
	font-size:0.93em;
}
#contents .digest .digestMv .titleBox .vol{
	font-size:1.16em;
}
#contents .digest .digestMv .titleBox .title{
	font-size:1.4em;
}
#contents .digest .interview dl{
	margin-bottom:15px;
}
#contents .digest .interview dl dt{
	width:80px;
	border-radius:3px;
	font-size:0.93em;
}
#contents .digest .interview dl dd{
	width:calc(100% - 90px);
	width:-webkit-calc(100% - 90px);
}
#contents .digest .interview dl dd .inner{
	padding:10px;
}
}