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

/* ==========================================================================
popup cast
========================================================================== */

body.cast_popup {
	background: #fff;
}


body.cast_popup .container {
	width: 100%;
	padding: 5%;
}
#close-btn{
	position:absolute;
	top: 10px;
	right: 10px;
	width:5%;
	height:auto;
	cursor:pointer;
	z-index:99;
}
#close-btn img{
	width:100%;
}

.cast_popup .col-md-12 {
	position:relative;
}
.cast_popup .col-xs-12 {
	position:relative;
	float:none !important;
}
.cast_popup .row {
	padding:0;
	margin:0;
}
.cast_popup .cast_01 {
	background:url(../img/cast_01_bg.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
}
.cast_popup .cast_02 {
	background:url(../img/cast_02_bg.jpg) no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
}
.cast_popup .cast_03 {
	background:url(../img/cast_03_bg.jpg) no-repeat 40% 0;
	background-size:cover;
	background-attachment:fixed;
}
.cast_popup .cast_04 {
	background:url(../img/cast_04_bg.jpg) no-repeat 65% 0;
	background-size:cover;
	background-attachment:fixed;
}
.cast_popup .cast_05 {
	background:url(../img/cast_05_bg.jpg) no-repeat 60% 0;
	background-size:cover;
	background-attachment:fixed;
}

.cast-deco{
	width: 15%;
	position:absolute;
	top: 1%;
	right: 0;
	left:0;
	margin:auto;
	z-index:2;
}
.cast-deco img{
	width:100%;
}
@media screen and (max-width:1000px){
.cast-deco{
	width: 35%;
}
}
@media screen and (max-width:768px){
.cast_popup .cast_01 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.cast_popup .cast_02 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.cast_popup .cast_03 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.cast_popup .cast_04 {
	background-attachment:scroll;
	background-size:auto 100%;
}
.cast_popup .cast_05 {
	background-attachment:scroll;
	background-size:auto 100%;
}
}
.cast-name {
	margin:0 auto 100% auto;
	padding-top:10%;
	z-index:2;
}
.cast-name img{
	width:100%;
}

.cast-text{
	position:relative;
	bottom: 0;
	right: 0;
	left:0;
	margin:auto;
	z-index:1;
	padding-bottom:3%;
}
.cast_popup p{
	color: #fff;
	font-family: "Noto Sans Japanese", Nunito, sans-serif;
}

/*.cast_popup h1 {
	font-size: 26px;
	font-weight: 400;
    margin-bottom: 20px;
    color: #16101D;
	margin: 30px 0 10px 0;
}
.cast_popup span {
	font-size: 12px;
}
.cast_popup a {
    color: #16101D;
}
.cast_popup a:hover {
    color: #9D1D22;
}

.cast_popup h3 img{
	width:100%;
	max-width:275px;
}

.cast_popup h3 span img{
	width:100%;
	max-width:200px;
	margin-top:-20px;
}



.cast_popup h3{
	color: #fff000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	transform: rotate(0.01deg);
	font-size:2.5em;
	font-weight:700;
	padding:0;
	margin:0;
}

.cast_popup h4{
	color: #fff000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	transform: rotate(0.01deg);
	font-size:1.5em;
	font-weight:700;
	margin:15px 0 0 0;
	padding-bottom:15px;
	border-bottom:1px solid #fff000;
}*/