@charset "UTF-8";



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



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


/*----vis----*/
.vis{
	position:relative;
	background:url(../images/main_vis.png) top center no-repeat;
	background-size:cover;
	width:100%;
	min-height:700px;
	height:auto;
	margin:0 auto;}
.vis h1{
	z-index:20;
	display:block;
	position:absolute;
	top:50px;
	right:50px;
	background:url(../images/main_title.png) top center no-repeat;
	width:579px;
	height:409px;}
.vis img.pc{
	width:100%;
	height:auto;
	margin:0;}
.vis img.sp{
	display:none;}
.vis .home a{
	display:block;
	position:absolute;
	top:23px;
	left:50px;
	background:url(../images/ms_jp_logo.png) top center no-repeat;
	width:206px;
	height:153px;}
.vis .sns{
	position:absolute;
	top:15px;
	right:30px;
	height:46px;}
.vis .sns dt{
	float:left;
	background:url(../images/share_title.png) top center no-repeat;
	width:72px;
	height:15px;
	margin:0 13px 0 0;}
.vis .sns dd{
	float:left;
	width:46px;
	height:46px;
	margin:0 12px 0 0;}
.vis .sns dd a{
	display:block;
	background-size:46px 46px;
	width:46px;
	height:46px;}
.vis .sns dd.twitter a{
	background:url(../images/share_btn_twitter.png) top center no-repeat;
	background-size:46px 46px;}
.vis .sns dd.facebook a{
	background:url(../images/share_btn_facebook.png) top center no-repeat;
	background-size:46px 46px;}
.vis .sns dd.line a{
	background:url(../images/share_btn_line.png) top center no-repeat;
	background-size:46px 46px;}

/*CM*/
/*
.vis .head_cm a{
	position:absolute;
	display:block;
	top:450px;
	right:50px;
	background:url(../images/cm_thum.png) top center no-repeat;
	width:380px;
	height:261px;}
*/
.vis .head_cm a{
	z-index:10;
	position:absolute;
	display:block;
	bottom:20px;
	right:50px;
	background:url(../images/cm_thum.png) top center no-repeat;
	width:380px;
	height:261px;}

/*EVENT SPAN*/
.eventspan{
	z-index:2;
	position:absolute;
	display:block;
	bottom:20px;
	left:20px;
	background:url(../images/eventspan.png) top center no-repeat;
	background-size:100%;
	width:520px;
	height:100px;}



/*----gnav----*/
.gnav{
	position:relative;
	background:url(../images/gnav_bg.png) top center repeat-x;
	width:100%;
	height:116px;
	margin:0 auto;
	padding:16px 0 0 0;
	z-index:5;}
.gnav ul{
	width:614px;
	margin:0 auto;}
.gnav li{
	float:left;}
.gnav li a{
	display:block;
	height:90px;}
.gnav li.nav_01{
	margin:0 52px 0 0;}
.gnav li.nav_02{
	margin:0 40px 0 0;}
.gnav li.nav_03{
	margin:0 35px 0 0;}
.gnav li.nav_04{}
.gnav li.nav_01 a{
	background:url(../images/gnav_01.png) top center no-repeat;
	width:98px;}
.gnav li.nav_02 a{
	background:url(../images/gnav_02.png) top center no-repeat;
	width:179px;}
.gnav li.nav_03 a{
	background:url(../images/gnav_03.png) top center no-repeat;
	width:60px;}
.gnav li.nav_04 a{
	background:url(../images/gnav_04.png) top center no-repeat;
	width:150px;}



/*----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:120px 0 80px 0;
	overflow:hidden;}
.school_bg .onpoint_01{
	position:absolute;
	background:url(../images/school_bg_01.png) top center no-repeat;
	top:250px;
	left:50%;
	width:578px;
	height:840px;
	margin-left:-900px;}
.school_bg .onpoint_02{
	position:absolute;
	background:url(../images/school_bg_02.png) top center no-repeat;
	top:950px;
	left:50%;
	width:458px;
	height:1118px;
	margin-left:480px;}
.school_bg .onpoint_03{
	position:absolute;
	background:url(../images/school_bg_03.png) top center no-repeat;
	top:2150px;
	left:50%;
	width:398px;
	height:761px;
	margin-left:-900px;}
.school_bg .onpoint_04{
	position:absolute;
	background:url(../images/school_bg_04.png) top center no-repeat;
	top:3305px;
	left:50%;
	width:564px;
	height:630px;
	margin-left:560px;}
.school_bg .onpoint_05{
	position:absolute;
	background:url(../images/school_bg_05.png) top center no-repeat;
	top:3380px;
	left:50%;
	width:230px;
	height:831px;
	margin-left:-740px;}
.school_bg .onpoint_06{
	position:absolute;
	background:url(../images/school_bg_06.png) top center no-repeat;
	top:4253px;
	left:50%;
	width:601px;
	height:766px;
	margin-left:310px;}



/*----about----*/
.about{
	position:relative;
	background:url(../images/about.png) top center no-repeat;
	width:100%;
	min-width:1000px;
	height:489px;
	margin:0 auto;
	padding:0;}
	
#navtrigger{}




/*----eventlist----*/
.eventlist{
	position:relative;
	width:100%;
	min-width:1000px;
	margin:0 auto;}
.eventlist h2{
	background:url(../images/eventlist_title.png) top center no-repeat;
	height:300px;}
.eventlist .lunch_01{
	position:relative;
	background:url(../images/eventlist_lunch_01.png) top center no-repeat;
	height:392px;}
.eventlist .lunch_02{
	position:relative;
	background:url(../images/eventlist_lunch_02.png) top center no-repeat;
	height:323px;}
.eventlist .lunch_03{
	position:relative;
	background:url(../images/eventlist_lunch_03.png) top center no-repeat;
	height:323px;}
.eventlist .lunch_04{
	position:relative;
	background:url(../images/eventlist_lunch_04.png) top center no-repeat;
	height:323px;}
.eventlist .lunch_05{
	position:relative;
	background:url(../images/eventlist_lunch_05.png) top center no-repeat;
	height:295px;}
.eventlist .lunch_06{
	position:relative;
	background:url(../images/eventlist_lunch_06.png) top center no-repeat;
	height:255px;}
.eventlist .attend{
	background:url(../images/eventlist_attend.png) top center no-repeat;
	height:153px;}

.eventlist p a{
	display:block;
	position:absolute;
	left:50%;
	width:246px;
	height:53px;
	margin:0 0 0 -123px;}
.eventlist .lunch_01 p a{
	top:292px;}
.eventlist .lunch_02 p a{
	top:222px;}
.eventlist .lunch_03 p a{
	top:224px;}
.eventlist .lunch_04 p a{
	top:229px;}
.eventlist .lunch_05 p a{
	top:203px;}
.eventlist .lunch_06 p a{
	top:161px;}



/*----calendar----*/
.calendar{
	position:relative;
	width:100%;
	min-width:1000px;
	margin:0 auto;}
.calendar h2{
	background:url(../images/calendar_title.png) top center no-repeat;
	height:268px;}
.calendar .descript{
	background:url(../images/calendar_description.png) top center no-repeat;
	height:265px;}
.calendar .contents{
	background:url(../images/calendar_list.png) top center no-repeat;
	height:880px;
	padding:190px 0 0 0;}
	
.calendar_list{
	position:relative;
	width:858px;
	margin:0 auto;
	padding:0;}
.calendar_list a{
	position:absolute;
	display:block;
	width:120px;
	height:180px;
	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:190px;}
.calendar_list .quest_12 a,
.calendar_list .quest_13 a,
.calendar_list .quest_14 a{
	top:380px;}

.calendar_list .quest_01 a{
	left:369px;}
.calendar_list .quest_02 a{
	left:492px;}
.calendar_list .quest_03 a{
	left:615px;}
.calendar_list .quest_04 a{
	left:738px;}
.calendar_list .quest_05 a{
	left:0;}
.calendar_list .quest_06 a{
	left:123px;}
.calendar_list .quest_07 a{
	left:246px;}
.calendar_list .quest_08 a{
	left:369px;}
.calendar_list .quest_09 a{
	left:492px;}
.calendar_list .quest_10 a{
	left:615px;}
.calendar_list .quest_11 a{
	left:738px;}
.calendar_list .quest_12 a{
	left:0;}
.calendar_list .quest_13 a{
	left:123px;}
.calendar_list .quest_14 a{
	left:246px;}
	
.calendar .detail{
	position:relative;
	background:url(../images/calendar_detail.png) top center no-repeat;
	height:63px;}



/*----movie----*/
.movie{
	position:relative;
	width:100%;
	min-width:1000px;
	margin:0 auto;}
.movie h2{
	background:url(../images/movie_title.png) top center no-repeat;
	height:178px;}
.movie .contents{
	position:relative;
	background:url(../images/movie_contents.png) top center no-repeat;
	height:354px;
	padding:0;}
	
/*CUSTOM_bxslider*/
.movie .contents .thumbox{
	position:relative;
	width:457px;
	height:320px;
	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:80px;
	z-index:3;}
.movie .contents .thumbox .bx-wrapper .bx-prev{
	background-image:url(../images/arrow_prev.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:60px;
	height:119px;
	left:50%;
	margin:0 0 0 -410px;}
.movie .contents .thumbox .bx-wrapper .bx-next{
	background-image:url(../images/arrow_next.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:60px;
	height:119px;
	left:50%;
	margin:0 0 0 350px}

.movie .contents .thumbox ul{
	width:457px;
	height:320px;}
.movie .contents .thumbox li{
	position:relative;
	width:457px;
	height:320px;
	text-align:center;
	margin:0;
	padding:0;
	cursor:pointer;}
.movie .contents .thumbox li a{
	display:block;
	position:absolute;
	top:0;
	width:457px;
	height:320px;
	text-indent:0;}
	
.movie .detail{
	position:relative;
	background:url(../images/movie_detail.png) top center no-repeat;
	height:167px;}
.movie .detail p a{
	position:absolute;
	display:block;
	top:34px;
	left:50%;
	width:490px;
	height:84px;
	margin:0 0 0 -245px;}



/*----cm----*/
.cm{
	position:relative;
	width:100%;
	min-width:1000px;
	margin:50px auto 0 auto;}
.cm h2{
	background:url(../images/cm_title.png) top center no-repeat;
	height:216px;}
.cm .contents{
	position:relative;
	background:url(../images/cm_contents.png) top center no-repeat;
	height:870px;}
.cm .contents p a{
	position:absolute;
	display:block;
	top:36px;
	left:50%;
	width:728px;
	height:472px;
	margin:0 0 0 -364px;}



/*----footer----*/
.footer{
	color:#FFF;
	background:url(../images/footer_bg.jpg) top center repeat-x;
	width:100%;
	height:638px;
	margin:0 auto;
	padding:70px 0 10px 0;
	text-align:center;}
.footercontents{
	width:1000px;
	margin:0 auto;}
	
.footer_sns{
	display:none;}
	
/*----monst_info----*/
.monst_info{
	position:relative;
	width:300px;
	height:210px;
	margin:0 auto 50px 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_offcialsite.png) top center no-repeat;
	width:300px;
	height:120px;}
/*AppStore*/
.monst_info .appstore a{
	top:168px;
	left:0;
	background:url(../images/store_app.png) top center no-repeat;
	width:141px;
	height:42px;}
/*GooglePlay*/
.monst_info .googleplay a{
	top:168px;
	right:0;
	background:url(../images/store_google.png) top center no-repeat;
	width:141px;
	height:42px;}
	
.footercontents p.license{
	font-size:10px;}
	
/*xflag*/
.footercontents p.xflag a{
	display:block;
	background:url(../images/xflag_logo.png) top center no-repeat;
	width:226px;
	height:248px;
	margin:20px auto 0 auto;
	text-indent:-9999px;}
	
/*address*/
.footercontents address{
	font-size:13px;
	font-weight:bold;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/











