@charset "UTF-8";

.movie-box div.inner{
	background-color:#fff;
	/* color:#000; */
	text-align: center;
	box-sizing: border-box;
	margin:5px;
}

.movie-box div.inner div.movie-img{
	position: relative;
}

.movie-box div.inner div.movie-img p.thumbnail img{
	width:100%;
	height:200px;
	
	object-fit: cover;
	object-position: top center;
	vertical-align: bottom;
}

.movie-box div.inner div.movie-img p.update{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	
	background-color:rgba(0,0,0,0.90);
	color:#fff;
	
	font-size:0.8rem;
	line-height:1.0em;
	
	box-sizing: border-box;
	padding:5px 0;
}

.movie-box div.inner div.movie-info{
	box-sizing: border-box;
	padding:10px;
	text-align: center;
}

.movie-box div.inner div.movie-info h4{
	font-size:0.8rem;
	font-weight:bold;
	line-height:1.0em;
	
	margin-bottom:10px;
}

.movie-box div.inner div.movie-info p.btn-show{
	width:140px;
	margin:0 auto;
	text-align: center;
	
	box-sizing: border-box;
	padding:10px 0;
	border:solid 1px #000;
	
	font-size:0.8rem;
	line-height:1.0em;
}

.movie-box div.inner div.movie-info p.btn-show:hover{
	background-color:#000;
	cursor: pointer;
}

.movie-box div.inner div.movie-info p.btn-show a{
	display:block;
	color:#000;
}

.movie-box div.inner div.movie-info p.btn-show:hover a{
	color:#fff;
	text-decoration: none;
}

#movie-archive{
	box-sizing: border-box;
	padding-top:90px;
	margin-bottom:20px;
}

#movie-archive div.content{
	width: 960px;
	margin:0 auto;
	font-size:0;
	line-height:1.0em;
}

#movie-archive div.content article{
	display:inline-block;
	width: calc(100% / 3);
	font-size:1.0rem;
	line-height:1.75em;
}

#movie-show{
	box-sizing: border-box;
	margin-bottom:20px;
}

#movie-show div.content{
	width:800px;
	margin:0 auto;
}

#movie-show div.summary{
	margin-bottom:20px;
}

#movie-show div.table-parent{
	display:table;
	width:100%;
}

#movie-show div.table-parent p.thumbnail{
	display:table-cell;
	width:180px;
	vertical-align: top;
}

#movie-show div.table-parent p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#movie-show div.table-parent div.movie-info{
	display:table-cell;
	width:auto;
	vertical-align: top;
	box-sizing: border-box;
	padding-left:10px;
	color: black;
}

#movie-show div.information{
	display:table;
	width:100%;
	margin-bottom:5px;
}

#movie-show div.information div.castinfo{
	display:table-cell;
	width:auto;
	vertical-align: top;
	color: black;
}

#movie-show div.information ul.btn-link{
	display:table-cell;
	width:150px;
	vertical-align: top;
	
	box-sizing: border-box;
	padding-left:10px;
}

#movie-show div.castinfo p.castrank{
	display:inline-block;
	width:200px;
	text-align: center;
	
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:10px 0;
	border:solid 1px #ff6600;
	
	background-color:#ff6600;
	color:#fff;
}

#movie-show div.castinfo p.btn-diary{
	display:inline-block;
	width:200px;
	text-align: center;
	
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:5px 0;
	border:solid 2px #f44;
	
	background-color:#f44;
	color:#fff;
}

#movie-show div.castinfo p.btn-diary:hover{
	background-color: #fff;
	box-sizing: border-box;
	border:solid 2px #f44;
	cursor: pointer;
}

#movie-show div.castinfo p.btn-diary a{
	display:block;
	color:#fff;
}

#movie-show div.castinfo p.btn-diary a:before{
	content: '';
	display: inline-block;
	
	width: 20px;
	height: 20px;
	margin-right:5px;
	
	background-image: url(../images/icon-pen.png);
	background-size: contain;
	vertical-align: middle;
}

#movie-show div.castinfo p.btn-diary:hover a{
	display:block;
	color:#f44;
	text-decoration: none;
}

#movie-show div.castinfo p.btn-diary:hover a:before{
	background-image: url(../images/icon-pen-red.png);
}

#movie-show div.castinfo h4{
	font-size: 1.5rem;
	font-weight:bold;
	line-height:1.0em;
	text-align: center;
}

#movie-show div.castinfo h4 span.age{
	font-size:1.25rem;
	line-height:1.0em;
}

#movie-show div.castinfo h4 span.age:before{
	content: '（';
}

#movie-show div.castinfo h4 span.age:after{
	content: '）';
}

#movie-show div.castinfo ul.size{
	font-size:0;
	line-height:1.0em;
	
	margin-bottom:20px;
}

#movie-show div.castinfo ul.size li{
	display:inline-block;
	font-size:1.25rem;
	line-height:1.0em;
	font-weight:bold;
}

#movie-show div.castinfo ul.size li:after{
	content: '/';
	box-sizing: border-box;
	padding:0 1.5px;
}

#movie-show div.castinfo ul.size li:last-child:after{
	content: '  ';
}

#movie-show div.castinfo ul.size li.height:before{
	content: 'T';
	box-sizing: border-box;
	padding:0 0.5px;
}

#movie-show div.castinfo ul.size li.bust:before{
	content: 'B';
	box-sizing: border-box;
	padding:0 0.5px;
}

#movie-show div.castinfo ul.size li.waist:before{
	content: 'W';
	box-sizing: border-box;
	padding:0 0.5px;
}

#movie-show div.castinfo ul.size li.hip:before{
	content: 'H';
	box-sizing: border-box;
	padding:0 0.5px;
}

#movie-show div.castinfo ul.size li span.cup:before{
	content: '(';
}

#movie-show div.castinfo ul.size li span.cup:after{
	content: ')';
}

#movie-show div.information ul.btn-link li{
	display:block;
	width:150px;
	
	font-size:0.8rem;
	line-height:1.0em;
	font-weight:bold;
	background-color:#fff;
	box-sizing: border-box;
	padding:10px;
	border:solid 1px #000;
	
	margin-bottom:5px;
}

#movie-show div.information ul.btn-link li a{
	color:#000;
	
}

#movie-show div.information ul.btn-link li a:before{
	content: '>';
	box-sizing: border-box;
	padding:0 5px;
}

#movie-show div.information ul.btn-link li:hover{
	background-color:#000;
	color:#fff;
	cursor: pointer;
}

#movie-show div.information ul.btn-link li:hover a{
	color:#fff;
	text-decoration: none;
}

#movie-show p.comment{
	font-size:0.8rem;
	line-height:1.75em;
}

#movie-show div.movie-area{
	margin-bottom:20px;
}

#movie-show div.movie-area p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#movie-recent{
	box-sizing: border-box;
	padding:20px 0;
	
	background-color:#eee;
}

#movie-recent div.content{
	width:800px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#movie-recent div.content article{
	display:inline-block;
	width: calc(100% / 4);
	
	font-size:1.0rem;
	line-height:1.75em;
}