@charset "UTF-8";
/* ======================================================== */
/*  ALL */
/* ======================================================== */
/* ----------------------------------------
   base
---------------------------------------- */

html,body {
    height: 100%;
}


img{/*width:100%;*/}
	
	
/** PC版 **/
@media screen and (min-width: 769px) {
body {
	background:url(../img/left_bg.jpg) 0 0 repeat-y #faf6e9;
}

#wrapper{
    margin: 0 auto;
width:100%;
position:relative;	
	}
	


#wrapper h1 img{

width:100%;

	}
	

#wrapper #left_area nav li:nth-child(1){
	background:url(../img/navi_arrow.png) 0 0 no-repeat;
	background-size:12%;
}


#wrapper #left_area nav li img{
max-width:100%;
	
}



#wrapper #main_area{
	
		
	float:left;
	background-size:cover;
	width:57%;
height:100%;
	min-width:650px;
	position:relative;
	font-size:0px;
	line-height:0;
	}
#wrapper #main_area .mainimg{
	line-height:0;
	font-size:0px;
	padding-top:20px;
	background:#faf6e9;
}

#wrapper #main_area .mainimg img{
width:100%;
}


#wrapper #main_area .schedule{
	position:absolute;
top:0;
	right:5%;
	width:65%;
	text-align:center;
}
#wrapper #main_area .schedule img{
	max-width:100%;
}

#wrapper #main_area .right_box{
	position:absolute;
	right:-40%;
	top:0px;
	width:35%;
	padding-right:5%;
}
#wrapper #main_area .right_box .movie{
	margin-top:20px;
	margin-bottom:30px;
}


#wrapper #main_area .right_box .movie img{
width:100%;
}

#wrapper #main_area .right_box .movie p:nth-child(1){
	margin-bottom:5px;
	font-size:16px;
}
#wrapper #main_area .right_box .news img{
	width:auto;
	max-width:100%;
}
#wrapper #main_area .right_box .news .title{
	
}
#wrapper #main_area .right_box .news li{
	border-bottom:1px solid #d5d1c6;
	padding-bottom:10px;
	margin-bottom:10px; 
}
#wrapper #main_area .right_box .news li .day{
	font-size:12px;
	color:#4fa1d4;
	margin-bottom:10px;
}
#wrapper #main_area .right_box .news li .day img{
	margin-bottom:-3px;
	margin-left:10px;
}
.btn_pagetop{
	position:absolute;
	right:25px;
	bottom:-20px;
}
	

}
	
@media screen and (max-width: 1020px) {
#wrapper{
	height:100%;
}
#wrapper #main_area{
	
	width:78%;
	min-width:78%;
height:100%!important;
	}
#wrapper #main_area .mainimg{
	height:100%;
	font-size:0px;
	line-height:0;
}
#wrapper #main_area .mainimg img{
	height:100%;
	width:auto;
}
}

@media screen and (max-width: 768px) {
	html,body {
	height:auto;
}
#wrapper{
	height:auto;
	position:relative;
	background-color:#faf6e9;
}
#wrapper #main_area{
	float:none;
	clear:both;
	width:100%;
	min-width:100%;
	height:auto;
	}
#wrapper #main_area .mainimg img{
	height:auto;
	width:100%;
}

#wrapper #main_area .right_box{
	position:relative;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:150px;
}
#wrapper #main_area .right_box .movie{
	margin-top:20px;
	margin-bottom:30px;
}

#wrapper #main_area .right_box .movie img{
width:100%;
}


#wrapper #main_area .right_box .movie p:nth-child(1){
	margin-bottom:5px;
	font-size:16px;
}
#wrapper #main_area .right_box .news img{
	width:auto;
		max-width:100%;
}
#wrapper #main_area .right_box .news .title{
	border-bottom:2px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
#wrapper #main_area .right_box .news li{
	border-bottom:1px solid #d5d1c6;
	padding-bottom:10px;
	margin-bottom:10px; 
}
#wrapper #main_area .right_box .news li .day{
	font-size:12px;
	color:#4fa1d4;
	margin-bottom:10px;
}
#wrapper #main_area .right_box .news li .day img{
	margin-bottom:-3px;
	margin-left:10px;
}




}