@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:url(../images/background.png) top center repeat;
	background-size:64px 64px;}



.contentswrapper{
	margin:0 auto;
	text-indent:-9999px;}
	
/*a{
	background-color:#FF0004;
	opacity:0.5;}
*/


/*----vis----*/
.vis{
	position:relative;
	background:url(../images/sp_main_vis.png) top center no-repeat;
	background-size:cover;
	width:100%;
	height:auto;
	margin:0 auto;}
.vis img.sp{
	width:100%;
	height:auto;
	margin:0;}

/*SP none Object*/
.vis h1,
.vis img.pc,
.vis .sns,
.vis .home a,
.eventspan,
.vis .head_cm a{
	display:none;}

/*----gnav----*/
.gnav{
	position:relative;
	background:url(../images/sp_gnav_bg.png) top center repeat-x;
	background-size:640px 72px;
	width:100%;
	height:64px;
	margin:0 auto;
	padding:8px 0 0 0;
	z-index:5;}
.gnav ul{
	width:251px;
	margin:0 auto;}
.gnav li{
	float:left;}
.gnav li a{
	display:block;
	height:52px;}
.gnav li.nav_01{
	margin:0 10px 0 0;}
.gnav li.nav_02{
	margin:0 18px 0 0;}
.gnav li.nav_03{
	margin:0 8px 0 0;}
.gnav li.nav_04{}
.gnav li.nav_01 a{
	background:url(../images/sp_gnav_01.png) top center no-repeat;
	background-size:56px 52px;
	width:56px;}
.gnav li.nav_02 a{
	background:url(../images/sp_gnav_02.png) top center no-repeat;
	background-size:69px 52px;
	width:69px;}
.gnav li.nav_03 a{
	background:url(../images/sp_gnav_03.png) top center no-repeat;
	background-size:34px 52px;
	width:34px;}
.gnav li.nav_04 a{
	background:url(../images/sp_gnav_04.png) top center no-repeat;
	background-size:56px 52px;
	width:56px;}



/*----gnav_waypoint----*/
.pagetop_toggle{
	display:none;
	z-index:100;
	position:fixed;
	width:100%;
	top:0;}



/*----school_bg----*/
.school_bg{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:10px 0 50px 0;
	overflow:hidden;}
.school_bg .onpoint_01{
	position:absolute;
	background:url(../images/school_bg_01.png) top center no-repeat;
	background-size:289px 420px;
	top:150px;
	left:50%;
	width:289px;
	height:420px;
	margin-left:-320px;}
.school_bg .onpoint_02{
	position:absolute;
	background:url(../images/school_bg_02.png) top center no-repeat;
	background-size:229px 559px;
	top:850px;
	left:50%;
	width:229px;
	height:559px;
	margin-left:120px;}
.school_bg .onpoint_03{
	position:absolute;
	background:url(../images/school_bg_03.png) top center no-repeat;
	background-size:199px 356px;
	top:1480px;
	left:50%;
	width:199px;
	height:356px;
	margin-left:-320px;}
.school_bg .onpoint_04{
	position:absolute;
	background:url(../images/school_bg_04.png) top center no-repeat;
	background-size:282px 315px;
	top:2300px;
	left:50%;
	width:282px;
	height:315px;
	margin-left:120px;}
.school_bg .onpoint_05{
	position:absolute;
	background:url(../images/school_bg_05.png) top center no-repeat;
	background-size:115px 415.5px;
	top:2780px;
	left:50%;
	width:115px;
	height:415.5px;
	margin-left:-240px;}
.school_bg .onpoint_06{
	position:absolute;
	background:url(../images/school_bg_06.png) top center no-repeat;
	background-size:300.5px 383px;
	top:2700px;
	left:50%;
	width:300.5px;
	height:383px;
	margin-left:80px;}



/*----about----*/
.about{
	position:relative;
	background:url(../images/sp_about.png) top center no-repeat;
	background-size:640px 460px;
	width:100%;
	height:460px;
	margin:0 auto;}
	
#navtrigger{}



/*----CM----*/
.head_cm_sp{
	position:relative;
	display:block;
	background:url(../images/sp_cm_thum.png) top center no-repeat;
	background-size:100%;
	width:289px;
	height:198px;
	margin:0 auto 20px auto;}
.head_cm_sp a{
	display:block;
	width:289px;
	height:198px;}




/*----eventlist----*/
.eventlist{
	position:relative;
	width:100%;
	margin:0 auto;}
.eventlist h2{
	background:url(../images/sp_eventlist_title.png) top center no-repeat;
	background-size:640px 147px;
	height:147px;}
.eventlist .lunch_01{
	position:relative;
	background:url(../images/sp_eventlist_lunch_01.png) top center no-repeat;
	background-size:640px 301px;
	height:301px;}
.eventlist .lunch_02{
	position:relative;
	background:url(../images/sp_eventlist_lunch_02.png) top center no-repeat;
	background-size:640px 282px;
	height:282px;}
.eventlist .lunch_03{
	position:relative;
	background:url(../images/sp_eventlist_lunch_03.png) top center no-repeat;
	background-size:640px 306px;
	height:306px;}
.eventlist .lunch_04{
	position:relative;
	background:url(../images/sp_eventlist_lunch_04.png) top center no-repeat;
	background-size:640px 265px;
	height:265px;}
.eventlist .lunch_05{
	position:relative;
	background:url(../images/sp_eventlist_lunch_05.png) top center no-repeat;
	background-size:640px 227px;
	height:227px;}
.eventlist .lunch_06{
	position:relative;
	background:url(../images/sp_eventlist_lunch_06.png) top center no-repeat;
	background-size:640px 195px;
	height:195px;}
.eventlist .attend{
	background:url(../images/sp_eventlist_attend.png) top center no-repeat;
	background-size:640px 91px;
	height:91px;}

.eventlist p a{
	display:block;
	position:absolute;
	left:50%;
	width:163px;
	height:35.5px;
	margin:0 0 0 -81.5px;}
.eventlist .lunch_01 p a{
	top:231px;}
.eventlist .lunch_02 p a{
	top:213px;}
.eventlist .lunch_03 p a{
	top:240px;}
.eventlist .lunch_04 p a{
	top:198px;}
.eventlist .lunch_05 p a{
	top:160px;}
.eventlist .lunch_06 p a{
	top:132px;}



/*----calendar----*/
.calendar{
	position:relative;
	width:100%;
	margin:0 auto;}
.calendar h2{
	background:url(../images/sp_calendar_title.png) top center no-repeat;
	background-size:640px 143px;
	height:143px;}
.calendar .descript{
	background:url(../images/sp_calendar_description.png) top center no-repeat;
	background-size:640px 132px;
	height:132px;}
.calendar .contents{
	background:url(../images/sp_calendar_list.png) top center no-repeat;
	background-size:640px 546px;
	height:456px;
	padding:90px 0 0 0;}
	
.calendar_list{
	position:relative;
	width:321px;
	margin:0 auto;
	padding:0;}
.calendar_list a{
	position:absolute;
	display:block;
	width:45px;
	height:85px;
	outline:none;}
/*quest*/
.calendar_list .quest_01 a,
.calendar_list .quest_02 a,
.calendar_list .quest_03 a,
.calendar_list .quest_04 a{
	top:0;}
.calendar_list .quest_05 a,
.calendar_list .quest_06 a,
.calendar_list .quest_07 a,
.calendar_list .quest_08 a,
.calendar_list .quest_09 a,
.calendar_list .quest_10 a,
.calendar_list .quest_11 a{
	top:90px;}
.calendar_list .quest_12 a,
.calendar_list .quest_13 a,
.calendar_list .quest_14 a{
	top:180px;}

.calendar_list .quest_01 a{
	left:138px;}
.calendar_list .quest_02 a{
	left:184px;}
.calendar_list .quest_03 a{
	left:230px;}
.calendar_list .quest_04 a{
	left:276px;}
.calendar_list .quest_05 a{
	left:0;}
.calendar_list .quest_06 a{
	left:46px;}
.calendar_list .quest_07 a{
	left:92px;}
.calendar_list .quest_08 a{
	left:138px;}
.calendar_list .quest_09 a{
	left:184px;}
.calendar_list .quest_10 a{
	left:230px;}
.calendar_list .quest_11 a{
	left:276px;}
.calendar_list .quest_12 a{
	left:0;}
.calendar_list .quest_13 a{
	left:46px;}
.calendar_list .quest_14 a{
	left:92px;}
	
.calendar .detail{
	position:relative;
	background:url(../images/sp_calendar_detail.png) top center no-repeat;
	background-size:640px 40px;
	height:40px;}



/*----movie----*/
.movie{
	position:relative;
	width:100%;
	margin:0 auto;}
.movie h2{
	background:url(../images/sp_movie_title.png) top center no-repeat;
	background-size:640px 100px;
	height:100px;}
.movie .contents{
	position:relative;
	background:url(../images/sp_movie_contents.png) top center no-repeat;
	background-size:640px 177px;
	height:160px;
	padding:17px 0 0 0;}
	
/*CUSTOM_bxslider*/
.movie .contents .thumbox{
	position:relative;
	width:220px;
	height:160px;
	margin:0 auto;}
.movie .contents .thumbox .bx-wrapper .bx-viewport{
	border:none;
	box-shadow:none;
	left:0;}
.movie .contents .thumbox .bx-viewport{
	background-color:transparent !important;}
.movie .contents .thumbox .bx-wrapper .bx-prev,
.movie .contents .thumbox .bx-wrapper .bx-next{
	top:35px;
	z-index:3;}
.movie .contents .thumbox .bx-wrapper .bx-prev{
	background-image:url(../images/arrow_prev.png);
	background-size:30px 59.5px;
	background-position:right top;
	background-repeat:no-repeat;
	width:30px;
	height:59.5px;
	left:50%;
	margin:0 0 0 -160px;}
.movie .contents .thumbox .bx-wrapper .bx-next{
	background-image:url(../images/arrow_next.png);
	background-size:30px 59.5px;
	background-position:right top;
	background-repeat:no-repeat;
	width:30px;
	height:59.5px;
	left:50%;
	margin:0 0 0 130px}

.movie .contents .thumbox ul{
	width:220px;
	height:153px;}
.movie .contents .thumbox li{
	position:relative;
	width:220px;
	height:153px;
	text-align:center;
	margin:0;
	padding:0;
	cursor:pointer;}
.movie .contents .thumbox li a{
	display:block;
	position:absolute;
	top:0;
	width:220px;
	height:153px;
	text-indent:0;}
	
.movie .detail{
	position:relative;
	background:url(../images/sp_movie_detail.png) top center no-repeat;
	background-size:640px 84px;
	height:84px;}
.movie .detail p a{
	position:absolute;
	display:block;
	top:23px;
	left:50%;
	width:245px;
	height:42px;
	margin:0 0 0 -122.5px;}



/*----cm----*/
.cm{
	position:relative;
	width:100%;
	margin:0 auto;}
.cm h2{
	background:url(../images/sp_cm_title.png) top center no-repeat;
	background-size:640px 150px;
	height:150px;}
.cm .contents{
	position:relative;
	background:url(../images/sp_cm_contents.png) top center no-repeat;
	background-size:640px 312px;
	height:312px;}
.cm .contents p a{
	position:absolute;
	display:block;
	top:0;
	left:50%;
	width:285.5px;
	height:182.5px;
	margin:0 0 0 -142.75px;}



/*----footer----*/
.footer{
	color:#FFF;
	background:url(../images/footer_bg.jpg) top center repeat-x;
	background-size:256px 840px;
	width:100%;
	margin:0 auto;
	padding:40px 0 20px 0;
	text-align:center;}
.footercontents{
	width:100%;
	margin:0 auto;}
	
.footer_sns{
	position:relative;
	width:174px;
	margin:0 auto;}

.footer_sns .sns{
	width:174px;
	margin:0 auto ;}
.footer_sns .sns dt{
	display:none;}
.footer_sns .sns dd{
	float:left;
	width:46px;
	height:46px;
	margin:0 6px;}
.footer_sns .sns dd a{
	text-indent:-9999px;
	display:block;
	background-size:46px 46px;
	width:46px;
	height:46px;}
.footer_sns .sns dd.twitter a{
	background:url(../images/share_btn_twitter.png) top center no-repeat;
	background-size:46px 46px;}
.footer_sns .sns dd.facebook a{
	background:url(../images/share_btn_facebook.png) top center no-repeat;
	background-size:46px 46px;}
.footer_sns .sns dd.line a{
	background:url(../images/share_btn_line.png) top center no-repeat;
	background-size:46px 46px;}
	
/*----monst_info----*/
.monst_info{
	position:relative;
	width:300px;
	height:180px;
	margin:15px auto 15px auto;
	padding:0;}
.monst_info a{
	position:absolute;
	display:block;
	text-indent:-9999px;
	outline:none;}
/*official*/
.monst_info .official a{
	top:0;
	left:0;
	background:url(../images/banner_offcialsite360.png) top center no-repeat;
	background-size:300px 120px;
	width:300px;
	height:120px;}
/*AppStore*/
.monst_info .appstore a{
	top:140px;
	left:0;
	background:url(../images/store_app.png) top center no-repeat;
	width:141px;
	height:42px;}
/*GooglePlay*/
.monst_info .googleplay a{
	top:140px;
	right:0;
	background:url(../images/store_google.png) top center no-repeat;
	width:141px;
	height:42px;}
	
.footercontents p.license{
	font-size:0.8rem;
	margin:0 20px;
	word-break:normal;}
	
/*xflag*/
.footercontents p.xflag a{
	display:block;
	background:url(../images/xflag_logo.png) top center no-repeat;
	background-size:113px 124px;
	width:113px;
	height:124px;
	margin:10px auto 0 auto;
	text-indent:-9999px;}
	
/*address*/
.footercontents address{
	font-size:1rem;
	font-weight:bold;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*---Fancybox_start---*/
#fancybox-outer{
	background:#000000 !important;}
#fancybox-content{
	border-color:#000000 !important;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/