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


/* ==========================================================================
note
========================================================================== */

body.popup {
    background:#000;
    background-size: cover;
	background-attachment:fixed;
}

body.popup .container {
	width: 100%;
    padding: 0 5%;
	color:#fff;
}
.popup h1 {
	font-family: 'Playfair Display', serif;
	letter-spacing: 2px;
	font-size: 26px;
	font-weight: normal;
    margin-bottom: 20px;
    color: #fff;
	margin: 30px 0 10px 0;
}

.pop_img{ 
	width: 300px;
	margin:0 0 20px 0;
	padding:0;
}

.popup h2{
	margin:0;
	padding:0;
}
.popup h2 img{
	width:100%;
	max-width:800px;
}

.popup h1 span {
	font-size: 11px;
	padding: 0 0 0 20px;
	font-style:normal;
}
.popup a {
    color: #ff007e;
}
.popup a:hover {
    color: #fff;
}
.popup dl {
	width: 100%;
	/*height: 600px;*/
	height:auto;
	margin: 0;
	padding: 30px 0;
	border-top: #CCC solid 1px;
	color:#fff;
}
.popup dl dt {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	margin: 0;
	padding: 30px 0 20px 0;
}
.popup dl dt:first-child {
	padding: 0 0 20px 0;
}

.popup dt img{
	width:80%;
	max-width:400px;
}

.popup dt img.size_s{
	width:35%;
	max-width:180px;
}


.popup dl dt span {
	font-size: 13px;
	font-weight: 200;
	display: block;
	padding: 0 0 10px 0;
	color:#d5b200;
}
.popup dl dd {
	font-size: 14px;
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: #CCC dotted 1px;
	line-height:1.75em;
}
.popup dl dd:last-child {
	border-bottom: none;
}


.img_box{
	width:100%;
	margin:0 auto;
}

.img_logo{
	float:left;
	margin-left:25px;
}

.img_poster{
	float:left;
	margin-left:25px;
}


.button_cg{
	text-align:center;
	margin:20px 0;
	display:none;
}

.button_cg img{
	width:100px !important;
	padding:0;
}

.col-md-12{
	max-width:800px;
	margin:0 auto;
	float:none;
}

.close_button{
	margin:50px 0 0 0;
	display:block;
	width:25px;
}

.css-cancel{
    display: inline-block;
    position: relative;
    margin: 0 20px 0 7px;
    padding: 0;
    width: 4px;
    height: 30px;
    background: #fff;
    transform: rotate(45deg);
}
.css-cancel:before{
    display: block;
    content: "";
    position: absolute;
    top: 62%;
    left: -13px;
    width: 30px;
    height: 4px;
    margin-top: -6px;
    background: #fff;
}

@media screen and (min-width:640px){
	.aaa{
		display:none;
	}
	
	.close_button{
		display:none;
	}

}

@media screen and (max-width:640px){
.button_cg{
	display:block;
}

.popup dt img{
	width:95%;
}

.popup span {
    padding: 0;
}



}