@charset "UTF-8";


.modal-content {
	width:85%;
	height:80vh;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	text-align:center;
	overflow:auto;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

.moviestyle
{
	margin-top:1%;
	width:90%;
	height:100%;


}

.moviebutton
{
	text-align:center;
}

.modalformdisplay
{
	display: inline-block;
	width:33%;
	text-align:center;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	border-radius: 2px;
}



.kakakuarea
{
	display: inline-block;
	width:50%;
	margin-bottom:5px;
    background-color: #8d1e47;
    border: 2px dashed #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 4px #8d1e47;
    color: #fff;
	
}
.kakakuarea h10
{
	color:#FF0000;
	font-weight:4.0em;
	float:left;
}

.kakakuarea_top
{
	display: inline-block;
	width:100%;
	height:100%;
	margin-top:5px;
	margin-bottom:5px;
    /*background-color: #8d1e47;*/
    border: 2px dashed #fff;
    border-radius: 8px;
    /*box-shadow: 0 0 0 4px #8d1e47;*/
    color: #fff;
}


.kakakuarea_normal
{
	display: inline-block;
	width:600px;
	height:100%;
	margin-top:5px;
	margin-bottom:5px;
    background-color: #8d1e47;
    border: 2px dashed #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 4px #8d1e47;
    color: #fff;
}

.kakakuarea_normal p
{
color:#FFD700; font-weight:bold; font-size:1.2em; margin-top:20px;margin-bottom:5px;
}

.kakakuarea_normal h10
{
	color:#FF0000;
	font-weight:4.0em;
	float:left;
}

.display_kakaku
{
	float:left;
	width: 50%;
	height:3%;
	margin: 0 auto;
	margin-bottom:10px;
}