@media screen and (min-width: 801px) {

	/*---------------------------------------
	 * TOP
	---------------------------------------*/ 
	
	.video{
		width: 100%;
		height: calc(100vh - 79px);
		background: #FFF000;
	}
	.video .inner{
		width: 100%;
		height: 100%;
	}
	.video .youtube{
		width: 100%;
		height: 100%;
	}
	.video .soudan{
		width: 286px;
		position: absolute;
		top:10px;
		left: 50%;
		margin-left: 234px;
	}
	
	
		
	/*---------------------------------------
	 * ナビゲーション
	---------------------------------------*/ 
	
	.nav{
		width: 100%;
		background: #FFFFFF;
	}
	.fixed .nav{
		position: fixed;
		top:0;
		left:0;
		z-index: 9000;
		box-shadow: 0px 1px 5px #CCCCCC;
	}
	
	.nav .inner{
		width: 980px;
		margin: 0 auto;
		padding: 13px 0;
		position: relative;
	}
	.nav .inner h1{
		width: 242px;
	}
	.nav .inner .menu{
		position: absolute;
		top:28px;
		right:60px;
	}
	.nav .inner .menu li{
		display: inline-block;
		font-size: 27px;
		padding: 0 20px;
	}
	.nav .inner .menu li:last-child{
		display: none;
	}

	.nav .inner .mail{
		display: block;
		position: absolute;
		top:20px;
		right:0;
		margin: auto;
		width: 40px;
		height: 40px;
	}
	
	
	/*---------------------------------------
	 * ABOUT
	---------------------------------------*/ 
	
	.about{
		width: 100%;
		background: url(../img/about_img.jpg) 50% no-repeat #FFF000;
		background-size:1200px;
	}
	.fixed .about{
		margin-top: 79px;
	}
	.about .inner{
		width: 980px;
		margin: 0 auto;
		padding: 58px 0;
	}
	.about .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.about .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 0;
	}
	.about .inner .read{
		margin-top: 650px;
		font-size: 19px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
	}
	
	
	
	/*---------------------------------------
	 * GAME
	---------------------------------------*/ 
	
	.game{
		width: 100%;
		background: url(../img/game_bg.png) 50% no-repeat #FFFFFF;
	}
	.game .inner{
		width: 980px;
		margin: 0 auto;
		padding: 58px 0;
	}
	.game .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.game .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 56px;
	}
	.game .inner .box{
		width: 100%;
		display: table;
		margin-bottom: 70px;
	}
	.game .inner .box.last{
		margin-bottom: 0;
	}
	.game .inner .box .text{
		width: 460px;
		padding-top: 30px;
		display: table-cell;
	}
	.game .inner .box .text .logo{
		width: 350px;
		display: block;
		margin: 0 auto 20px;
	}
	.game .inner .box .text .read{
		text-align: center;
		font-size: 15px;
		line-height: 1.5;
		font-weight: 700;
	}
	.game .inner .box .photo{
		width: 585px;
		display: table-cell;
		position: relative;
		box-shadow: 4px 4px 0px #CCCCCC;		
	}
	.game .inner .box .photo .slides{
		width: 585px;
	}
	
	
	
	/*---------------------------------------
	 * SCHEDULE
	---------------------------------------*/ 
	
	.schedule{
		width: 100%;
		background: url(../img/schedule_bg.png) 50% repeat #4abaee;
	}
	.schedule .inner{
		width: 980px;
		margin: 0 auto;
		padding: 58px 0;
	}
	.schedule .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.schedule .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 56px;
	}
	.schedule .inner ul li{
		width: 300px;
		margin: 0 20px;
		background: #FFFFFF;
	}
	.schedule .inner ul li img{
		display: block;
	}
	.schedule .inner ul li .caption{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
		padding: 15px 15px;
	}
	.schedule .slick-prev{
		left:-50px;
	}
	.schedule .slick-next{
		right:-50px;
	}
	
	
	
	/*---------------------------------------
	 * CONTACT
	---------------------------------------*/ 
	
	.contact{
		width: 100%;
		background:url(../img/contact_bg.png) 50% #F29600;
	}
	.contact .inner{
		width: 800px;
		margin: 0 auto;
		padding: 58px 0;
	}
	.contact .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.contact .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 40px;
	}
	.contact .inner form dt{
		padding: 20px 0 0px !important;
		text-align: left !important;
		line-height: 1.5;
	}
	.contact .inner input.long{
		width: 100%;
	}
	.contact .inner input.short{
		width: 305px;
	}
	.contact .inner textarea{
		width: 100% !important;
		height: 150px !important;
	}
	.contact .inner .mfp_element_radio {
    	vertical-align: middle;
		margin: 0px 2px;
		width: 17px;
		margin-top: -3px;
	}
	.contact .inner form#mailformpro label{
		vertical-align: middle;
		display: inline-block;
		margin-right: 5px;
		line-height: 3;
	}
	.contact .inner .confirm{
		border: 0;
		background: #F29600;
		text-shadow: none;
		border-radius: 0;
		width: 120px;
		font-size: 16px;
	}
	.contact .inner .cancel{
		border: 0;
		background: #E5E5E5;
		text-shadow: none;
		border-radius: 0;
		width: 120px;
		font-size: 16px;
	}
	div.mfp_buttons {
    	clear: both;
		padding: 10px 0px 10px 170px !important;
		text-align: left !important; 
    }
    .contact .inner .attention{
	    font-size: 10px;
	    margin-top: 8px;
    }
    form#mailformpro dl dd{
    	/* border-top: solid 1px #CCC; */
		margin: 0px;
		padding: 8px 5px 8px 170px;
		font-size: 12px;
		line-height: 1.5em;
		text-align: left;
	}
	
	
	/*---------------------------------------
	 * サンキューメッセージ
	---------------------------------------*/ 
	
	.thanks-message .inner{
		width: 980px;
		text-align: center;
		margin: 0 auto;
		padding: 58px 0;
	}
	.thanks-message .inner .message{
		font-weight: 700;
		font-size: 24px;
		margin-bottom: 40px;
	}
	.thanks-message .inner .read{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
	}
	.thanks-message .inner .link{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
		text-decoration: underline;
	}
	#mfp_thanks{
		display: none !important;
	}
	
	
	
	/*---------------------------------------
	 * TEAM
	---------------------------------------*/ 
	
	.team{
		width: 100%;
		background:url(../img/team_bg.png) 50% #82ba1d;
	}
	.team .inner{
		width: 980px;
		margin: 0 auto;
		padding: 58px 0;
	}
	.team .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.team .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 40px;
	}
	.team .inner ul{
		text-align: center;
		font-size: 0;
	}
	.team .inner ul li{
		display: inline-block;
		width: 247px;
		height: auto;
		
		margin: 0 30px;
		font-size: 14px;
	}
	.team .inner ul li a{
		display: block;
		width: 100%;
		height: 247px;
		background: #FFFFFF;
		border-radius: 50%;
		box-shadow: 4px 4px 0 #669018;
		position: relative;
	}
	.team .inner ul li a img{
		width: 180px;
		height: 54px;
		display: block;
		margin: auto;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.team .inner ul li span{
		display: inline-block;
		font-weight: 700;
		margin-top: 20px;
	}
}




@media screen and (max-width: 800px) {
	
	/*---------------------------------------
	 * TOP
	---------------------------------------*/ 
	
	.video{
		display: none;
	}
	

	/*---------------------------------------
	 * ナビゲーション
	---------------------------------------*/ 
	

	.nav{
		width: 100%;
		background: #FFFFFF;
		position: fixed;
		top:0;
		left:0;
		z-index: 9000;
		box-shadow: 0px 1px 5px #CCCCCC;
		transition: all .1s linear;
	}
	.nav.visible{
		background: none;
		box-shadow: none;
		transition: all .1s linear;
	}
	
	.nav .inner{
		width: 100%;
		margin: 0 auto;
		padding: 12px 0;
		position: relative;
	}
	.nav .inner h1{
		width: 120px;
		margin: 0 auto;
		position: relative;
		z-index: 9000;
	}
	.nav .inner .menu-btn{
		width: 28px;
		position: absolute;
		top:17px;
		right:10px;
		z-index: 9000;
	}
	.nav .inner .menu{
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top:0;
		right:0;
		background: rgba(255,255,255,0.9);
		padding-top: 80px;
	}
	.nav .inner .menu li{
		text-align: center;
		font-size: 27px;
		padding: 10px ;
	}
	.nav .inner .menu li:first-child{
		display: none;
	}
	.nav .inner .mail{
		display: block;
		position: absolute;
		top:12px;
		left:10px;
		margin: auto;
		width: 26px;
		height: 26px;
	}



	/*---------------------------------------
	 * ABOUT
	---------------------------------------*/ 
	
	.about{
		width: 100%;
		background: #FFF000;
		padding-top: 40px;
		/*background: url(../img/about_img_sp.jpg) 50% 0 no-repeat #FFF000;
		background-size:100%;*/
	}
	
	.about .inner{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 0 30px;
	}
	.about .inner .main-img{
		display: block;
		width: 100%;
	}
	.about .inner .section-title{
		font-size: 48px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.about .inner .section-title::after{
		content: "";
		display: block;
		width: 103px;
		height: 2px;
		background: #000000;
		margin: 10px auto 0;
	}
	.about .inner .read{
		margin: 0 2.5%;
		margin-top: 10px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.about .inner .movie-btn{
		display: block;
		background: #E50012;
		color: #FFF000;
		width: 80%;
		margin: 20px auto 0;
		padding: 13px 0;
		border-radius: 5px;
		font-size: 20px;
		text-align: center;
		box-shadow: 4px 4px 0px #c5b805;
	}
	
	
	
	/*---------------------------------------
	 * GAME
	---------------------------------------*/ 
	
	.game{
		width: 100%;
		background: url(../img/game_bg.png) 50% no-repeat #FFFFFF;
		background-size: cover;
	}
	.game .inner{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.game .inner .section-title{
		font-size: 30px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.game .inner .section-title::after{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background: #000000;
		margin: 10px auto 40px;
	}
	.game .inner .box{
		width: 90%;
		margin: 0 auto 60px;
		
	}
	.game .inner .box.last{
		margin-bottom: 0;
	}
	.game .inner .box .text{
		width: 100%;
		margin-bottom: 20px;
		
	}
	.game .inner .box .text .logo{
		width: 260px;
		display: block;
		margin: 0 auto 20px;
	}
	.game .inner .box .text .read{
		text-align: center;
		font-size: 15px;
		line-height: 1.5;
		font-weight: 700;
	}
	.game .inner .box .photo{
		width: 100%;
		position: relative;
		box-shadow: 4px 4px 0px #CCCCCC;		
	}
	.game .inner .box .photo .slides{
		width: 100%;
	}
	
	
	
	/*---------------------------------------
	 * SCHEDULE
	---------------------------------------*/ 
	
	.schedule{
		width: 100%;
		background: url(../img/schedule_bg.png) 50% repeat #4abaee;
	}
	.schedule .inner{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.schedule .inner .section-title{
		font-size: 30px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.schedule .inner .section-title::after{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background: #000000;
		margin: 10px auto 40px;
	}
	.schedule .inner ul{
		width: 80%;
		margin: 0 auto
	}
	.schedule .inner ul li{
		width: 100%;
		margin: 0 auto;
		background: #FFFFFF;
	}
	.schedule .inner ul li img{
		display: block;
	}
	.schedule .inner ul li .caption{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
		padding: 15px 15px;
	}
	.schedule .slick-prev{
		left:-30px;
	}
	.schedule .slick-next{
		right:-30px;
	}
	
	
	
	/*---------------------------------------
	 * CONTACT
	---------------------------------------*/ 
	
	.contact{
		width: 100%;
		background:none;
	}
	.contact .inner{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.contact .inner .section-title{
		font-size: 30px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.contact .inner .section-title::after{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background: #000000;
		margin: 10px auto 30px;
	}
	.contact .inner form{
		width: 90%;
		margin: 0 auto;
	}
	.contact .inner form dt{
		padding: 5px 0 0px !important;
		text-align: left !important;
		line-height: 1.5;
		width: 100%;
	}
	.contact .inner input.long{
		width: 100%;
	}
	.contact .inner input.short{
		width: 100%;
	}
	.contact .inner textarea{
		width: 100% !important;
		height: 150px !important;
	}
	.contact .inner .mfp_element_radio {
    	vertical-align: middle;
		margin: 0px 2px;
		width: 17px;
		margin-top: -3px;
	}
	.contact .inner form#mailformpro label{
		vertical-align: middle;
		display: block;
		line-height: 2;
	}
	.contact .inner .confirm{
		border: 0;
		background: #F29600;
		text-shadow: none;
		border-radius: 0;
		width: 120px;
		font-size: 16px;
	}
	.contact .inner .cancel{
		border: 0;
		background: #E5E5E5;
		text-shadow: none;
		border-radius: 0;
		width: 120px;
		font-size: 16px;
	}
	div.mfp_buttons {
    	clear: both;
		padding: 10px 0px 10px 0 !important;
		text-align: center !important; 
    }
    .contact .inner .attention{
	    font-size: 10px;
	    margin-top: 15px;
    }
	.contact form#mailformpro dl dd {
	    clear: both;
	    border-top: none;
	    padding: 5px 0px;
	    line-height: 1.5em;
	}
	


	/*---------------------------------------
	 * サンキューメッセージ
	---------------------------------------*/ 
	
	.thanks-message .inner{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 40px 0 40px;
	}
	.thanks-message .inner .message{
		font-weight: 700;
		font-size: 24px;
		margin-bottom: 40px;
		line-height: 1.6;
	}
	.thanks-message .inner .read{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
	}
	.thanks-message .inner .link{
		line-height: 1.6;
		font-size: 16px;
		font-weight: 700;
		text-decoration: underline;
	}
	#mfp_thanks{
		display: none !important;
	}

	
		
	
	/*---------------------------------------
	 * TEAM
	---------------------------------------*/ 
	
	.team{
		width: 100%;
		background:url(../img/team_bg.png) 50% #82ba1d;
	}
	.team .inner{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
	}
	.team .inner .section-title{
		font-size: 30px;
		letter-spacing: 1px;
		text-align: center;
		font-weight: 700;
	}
	.team .inner .section-title::after{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background: #000000;
		margin: 10px auto 30px;
	}
	.team .inner ul{
		text-align: center;
		font-size: 0;
	}
	.team .inner ul li{
		display: inline-block;
		width: 90%;
		height: auto;
		margin: 0 auto 20px;
		font-size: 14px;
	}
	.team .inner ul li a{
		display: block;
		width: 100%;
		padding: 35px 0;
		border-radius: 5px;
		background: #FFFFFF;
		box-shadow: 4px 4px 0 #669018;
		position: relative;
	}
	.team .inner ul li a img{
		width: 180px;
		height: 54px;
		display: block;
		margin: auto;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.team .inner ul li span{
		display: inline-block;
		font-weight: 700;
		margin-top: 10px;
	}
	
}