@charset "utf-8";

/*----------------------------------------
	google optimaize
----------------------------------------*/

.async-hide { opacity: 0 !important}


/*----------------------------------------
	for PC
----------------------------------------*/

body{
	background-color:#fff;
}

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

	#header{
		width:100%;
		position:absolute;
		z-index:100;
		box-shadow:0px 2px 3px rgba(0,0,0,0.8);
	}

	.fixed #header{
		position:fixed;
		top:-30px;left:0;
	}

	#commonHeader{
		background-color:rgba(255,255,255,0.9);
		height:30px;
	}

	.commonHeader_inner{
		min-width:1000px;
		max-width: 1300px;
		margin:0 auto 0;
		position:relative;
	}

	#commonHeader .btn_reserve{
		display:block;
		width:140px;
		background-color:#d00;
		color:#fff;
		height:25px;
		float:left;
		text-align:center;
		padding-top:5px;
	}

	#commonHeader .btn_kt{
		float:right;
		width:38px;
		margin-top:2px;
		margin-right:5px;
	}

	#commonHeader .btn_kt img{
		width:100%;
	}

	#menu{
		width:100%;height:60px;
		background-color:#185a00;

		top:0;left:0;
		z-index:100;
	}

	#menu ul{
		display:block;
		min-width:1000px;
		max-width:1300px;
		margin:0 auto 0;
		padding:0px 20px;
	}

	#menu li{
		display:block;
		float:left;
		position:relative;
	}

	#menu li a{
		display:block;
		color:#fff;
		height:42px;
		padding:18px 30px 0px;
		font-size:16px;
		position:relative;
	}

	#menu li a:hover{
		color:#edce00;
	}

	#menu li.new:after{
			content:'NEW';
			display:inline-block;
			padding:2px 9px;
			line-height:1;
			background-color:#f34e00;
			border:2px solid #fff;
			box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
			color:#fff;
			border-radius:20px;
			position:absolute;
			left:50%;bottom:-0.7em;
			margin-left:-2em;
			z-index:10;
		}


	.top #menu li.top a{
		color:#edce00;
	}


	.newfeatures #menu li.newfeatures a{
		color:#edce00;
	}

	.movie #menu li.movie a{
		color:#edce00;
	}

	.about #menu li.about a{
		color:#edce00;
	}

	.corabo #menu li.corabo a{
		color:#edce00;
	}


	#menu li.non a{
		color:#999;
	}


	#menu li:nth-of-type(1) a{
		display:block;
		height:40px;
		padding:5px 0 0;
		margin-left:20px;
	}

	#menu li:nth-of-type(1) a img{
		display:block;
		width:110px;
	}

	#menu li:nth-of-type(2) a{
		margin-left:40px;
	}

	#wrapper{
		position:relative;
		min-width:1000px;
		overflow:hidden;
	}





	#visual{
		width:100%;
		/*height:500px;*/
		background:transparent url('../img/common/main.jpg');
		background-size:cover;
		background-position:center top;
		/*background-attachment:fixed;*/
		position:relative;
		overflow:hidden;
	}

	#visual_bler{
		width:100%;height:100%;
		background:transparent url('../img/common/main_bler.jpg');
		background-size:cover;
		background-position:center top;
		/*background-attachment:fixed;*/
		position:relative;
		position:absolute;
		top:0;left:0;
		z-index:1;
	}

	#visual_bler.fixed{
		background-size:100%;
		background-attachment:fixed;
	}

	.visual_inner{
		min-width:1000px;
		max-width: 2000px;
		margin:0 auto 0;
		/*height:100vh;*/
		position:relative;
		z-index:2;
	}

	#news{
		position:relative;
		background-color:rgba(255,255,255,1);
		bottom:0;
		width:100%;
		z-index:10;
	}

	#news a{
		color:#f34e00;
		font-weight:600;
		border-bottom:1px dotted #f34e00;
	}

	.news_inner{
		min-width:920px;
		max-width: 1220px;
		margin:0 auto 0;
		padding:10px 40px;

		color:#333;
	}


	#subtitle{
		width:100%;
		text-align:center;
		font-size:50px;
		text-shadow:0 0 0px #fff,0 0 6px #fff, 0px 0px 6px #fff;
		/*font-style:italic;*/
		margin-top:150px;
		position:absolute;
		color:#1a5018;
		font-weight:800;
		line-height:1.5;
		letter-spacing: 2px;
		z-index:10;
	}

	#subtitle span{
		font-weight:bold!important;
	}

	#subtitle .min{
		font-size:40px;
	}


	/*#subtitle:before{
		content:'';
		display:block;
	  content:attr(title);
	  color:#003577;
	  -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
		height:100px;
	}*/


	.colorline{
		height:2px;width:100%;
		background-color:#fff;
		position:absolute;
		bottom:0px;
	}

	.colorline:before{
		content:'';
		height:2px;width:60%;
		background-color:#f8e123;
		position:absolute;
		right:0;top:0;
	}

	.colorline:after{
		content:'';
		height:2px;width:20%;
		background-color:#d70200;
		position:absolute;
		right:20%;top:0;
	}

	#content{
		border-top: 2px solid #185a00;
		background:#024001 url('../img/common/content_bg.jpg');
		background-attachment:fixed;
		background-repeat:repeat-x;
		position:relative;
		z-index:30;
		padding:0 0 60px;
		box-shadow:0px -2px 3px rgba(0,0,0,0.6);
		/*overflow:hidden;*/
	}

	.content_inner{
		min-height:400px;
	}

	.bnrArea{
		padding:28px 0;
		background-color:#efefef;
		background-image:none;
		position:relative;
		z-index:10;
	}

	.bnrArea_inner{
		width:96%;
		max-width:1220px;
		margin:0 auto 0;
				text-align:center;
	}

	.bnrArea a{
		color:#027700;
		/*padding:8px 0px ;*/
		display:inline-block;
		/*border:2px solid #027700;*/
		position:relative;
		/*margin-left:1.5%;*/
		font-weight:600;
		background-color:#ddd;
		display:table-cell;
		vertical-align:middle;
		max-width: 100%;
		}

	.bnrArea a:hover{
	    color: #fff;
	    background-color: #027700;
	    animation: b09_electric_blinkIn 0.1s step-end 0 2;
	    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
	    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
	    transition: all 0.2s ease 0s;
	    -webkit-transition: all 0.2s ease 0s;
	    -moz-transition: all 0.2s ease 0s;
	}

	.bnrArea a img{
		display:block;
		width:100%;
	}


	.bnrArea .fb1{
		width:59%;
		/*align-items:center;*/
		position:relative;
	}

	.bnrArea .fb2{
		width:40%;
		position:relative;
	}

	.bnrArea .fb1 a{
		width:49%;
		display:block;
		/*min-width:100%;*/
	}

	.bnrArea .fb1 a span{
		font-size:23px;
	}

	.bnrArea .fb1 a:nth-of-type(2n+1){
		margin-left:0;
	}

	.bnrArea .fb2 a{
		width:49%;
		display:block;
		padding:7px 0;
		border:3px solid #cdcdcd; box-sizing:border-box;
	}

	.bnrArea .fb2 a:before{
		font-size:12px;
		padding:0px 5px;

	}

	.bnrArea .fb2 a:nth-of-type(2n+1){
		margin-left:0;
	}

	.bnrArea .fb2 a.secondline{
		margin-top:8px;
		width:49%;
	}

	.bnrArea .dlc{background:#008c90; border:8px solid #5ca2a4; box-sizing:border-box; padding-top:52px; color:#fff;}
	.bnrArea a.dlc span{padding-top:54px; font-size:50px;}
	.bnrArea .dlc:hover{color:#008c90;border:8px solid #5ca2a4; box-sizing:border-box; background-color:#b3cacb;font-weight:800!important;}

	.bnrArea .update{background:#f5841b; border:8px solid #f2ae5d; box-sizing:border-box; padding-top:53px; color:#fff;}
	.bnrArea a.update span{font-size:25px;}
	.bnrArea .update:hover{color:#c87008;border:8px solid #f2ae5d; box-sizing:border-box; background-color:#fbc98d;font-weight:800!important;}

	.bnrArea .btn_attention{
		width:100%;
		display:block;
		padding:10px;
		margin-bottom:15px;
		border:3px solid #f19797; box-sizing:border-box;
		background-color:#fdb7b7;
		color:#8c3131;
	}

	.bnrArea .btn_attention:hover{
		background-color:#fdd;
		color:#8c3131;
	}

	/**/

	section{
		padding:0 0 0;
		background-size:cover;
		border-bottom:2px solid #325425;
		position:relative;
	}

	.section_inner{
		min-width:920px;
		max-width:1220px;
		padding:60px 40px;
		margin:0 auto 0;
	}

	.section_inner .img{
		width:47%;
		float:right;
		box-shadow:1px 1px 2px rgba(0,0,0,0.4);
		position:relative;
	}


	.section_inner .text{
		width:47%;
		float:left;
	}

	.section_inner .text p{
		font-weight:300;
		font-size:15px;
		line-height:1.8;
	}

	.section_inner .text p .b{
		font-weight:400;
		font-size:17px;
		line-height:1.9;
		color:#ffb;
	}

	.section_inner .text p .min{
		font-size:13px;
		font-weight:300;
		color:#ddd;
		display:block;
		line-height:1.6;
		padding-top:0.5em;
	}

	.section_inner .text h3{
		font-size:38px;
		line-height:1.2;
		padding:0 0 15px;
		margin-bottom:15px;
		display:block;
		position:relative;
		font-weight:500;
		line-height:1.3;
	}

	.section_inner .text h3 .left-05{
		margin-left:-0.5em;
				font-weight:500;
	}


	h3 .min_head{
		font-size:18px;
		color:#ffb;
	}

	.section_inner .img img{
		width:100%;
		display:block;
	}





	/**/
		#footer{
			background-color:#fff;
		}

	#footer .bnr_area{
		width:100%;
		min-width:1000px;
		text-align:center;
		margin:10px auto 0;
		/*background-color:#eee;*/
		padding:20px 0;
	}

	#footer .bnr_area a{
		display:inline-block;
		width:320px;
		margin:0 10px 0;
		line-height:1;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	}

	#footer .bnr_area a img{
		display:block;
		width:100%;
	}




	#footer .footer_inner{
		min-width:1000px;
		max-width:1300px;
		margin:0 auto 0;
		padding:20px 0 40px;
		text-align:center;
	}

	#footer .textLink{
		color:#185402;
		padding:20px 0;
	}

	#footer .textLink a{
		color:#185402;
	}

	#footer .rights{
	}

	#footer #sns{margin-bottom: 15px;}

	#footer #sns a{
		margin:0 5px 0;
	}

	#footer .attention{
		text-align:center;
		color:#8a8a8a;
		padding:10px 0 10px;
		font-size:12px;
	}

	#footer .attention.about{
	display:none;
	}

	.hide_pc{
		display:none!important;
	}


	.update_addimage:after{
		content:'スクリーンショットを追加！';
		display:inline-block;
		padding:2px 10px;
		background-color:#f34e00;
		border:2px solid #fff;
		box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
		color:#fff;
		border-radius:20px;
		position:absolute;
		top: -10px;right: -15px;
	}


	.update_non:before{
		content:'NEW';
		display:inline-block;
		padding:2px 10px;
		background-color:#f34e00;
		border:2px solid #fff;
		box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
		color:#fff;
		border-radius:20px;
		position:absolute;
		top: -10px;right: -15px;
		z-index:50;
		font-weight:normal;
	}




}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {

	#header{
		width:100%;
		position:absolute;
		z-index:100;
		box-shadow:0px 2px 3px rgba(0,0,0,0.8);
		transform: translate3d(0, 0, 0);
	}

	/*.fixed #header{
		position:fixed;
		top:-64px;left:0;
	}*/

	#commonHeader{
		display:none;
	}


	#menu{
		width:100%;
		background-color:#185a00;
		top:0;left:0;
		z-index:100;
	}

	#menu ul{
		display:block;
		margin:0 auto 0;
		padding:0px 0px;
		text-align:center;
	}

	#menu li{
	display:inline;
	position:relative;
	}

	#menu li a{
		display:inline-block;
		color:#fff;
		padding:2% 3% 4%;
		font-size:15px;
		text-align:center;
	}

	#menu li.new:after{
		content:'NEW';
		display:inline-block;
		padding:2px 9px;
		line-height:1;
		font-size:12px;
		background-color:#f34e00;
		border:2px solid #fff;
		box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
		color:#fff;
		border-radius:20px;
		position:absolute;
		left:50%;bottom:-1.9em;
		margin-left:-2.1em;
		z-index:10;
	}


	.top #menu li.top a{
		color:#edce00;
	}


	.newfeatures #menu li.newfeatures a{
		color:#edce00;
	}

	.movie #menu li.movie a{
		color:#edce00;
	}

	.about #menu li.about a{
		color:#edce00;
	}

	.corabo #menu li.corabo a{
		color:#edce00;
	}

	#menu li.non a{
		color:#999;
	}



	#menu li:nth-of-type(1){
		display:block;
		width:100%;
		margin:0 auto 0;
		text-align:center;
	}
	#menu li:nth-of-type(1) a{
padding:2px 0 0;
line-height:1;
	}

	#menu li:nth-of-type(1) a img{
		display:block;
		width:120px;
		margin-bottom:0px;
	}

	#menu li:nth-of-type(2) a{

	}

	#wrapper{
		position:relative;
	}




	#visual{
		width:100%;
		/*height:500px;*/
		background:#d8d6c9 url('../img/common/main_sp.jpg');
		background-size:100%;
		background-position:center top;
		background-repeat:no-repeat;
		/*background-attachment:fixed;*/
		position:relative;
		overflow:hidden;
		z-index:40;
	}

	#visual_bler{
		width:100%;height:100%;
		background:#d8d6c9 url('../img/common/main_bler_sp.jpg');
		background-size:100%;
		background-position:center top;
		background-repeat:no-repeat;
		/*background-attachment:fixed;*/
		position:relative;
		position:absolute;
		top:0;left:0;
	}

	#visual_bler.fixed{
		background-size:100%;
		background-attachment:fixed;
	}

	.visual_inner{
		margin:0 auto 0;
		/*height:100vh;*/
		width:100%;
		position:relative;
	}

	#subtitle{
		width:100%;
		text-align:center;
		font-size:26px;
		/*text-shadow:0 0 0px #fff,0 0 6px #fff, 0px 0px 6px #fff;*/
		/*font-style:italic;*/
		margin-top:135px;
		position:absolute;
		color:#1a5018;
		font-weight:800;
		line-height:1.5;
		letter-spacing: 2px;
		z-index:10;
	}

	#subtitle .min{
		font-size:12px;
	}


	#news{
		position:relative;
		background-color:rgba(255,255,255,0.7);
		bottom:0;
		width:100%;
		z-index:10;
	}

	#news a{
		color:#f34e00;
		font-weight:600;
		border-bottom:1px dotted #f34e00;
	}

	.news_inner{
		width:90%;
		margin:0 auto 0;
		padding:10px 0px;
		font-size:12px;
		line-height:1.5;
		color:#333;
	}


	.bnrArea{
		position:relative;
		padding:5% 0;
		background-color:#efefef;
		z-index:100%;
	}

	.bnrArea_inner{
		width:100%;
		max-width:1220px;
		margin:0 auto 0;
				text-align:center;
	}

	.bnrArea a{
		width:46%;
		/*color:#024001;*/
		/*padding:5px 0px ;*/
		display:inline-block;
		position:relative;
		/*margin:1.3% 1% 1%;*/
		font-size:12px;
		line-height:1.2;
	}


	.bnrArea a img{
		display:block;
		width:100%;
	}


	.bnrArea .fb1{
		width:96%;
		/*align-items:center;*/
		position:relative;
		margin:0 auto 0;
	}

	.bnrArea .fb2{
		width:96%;
		position:relative;
		margin:0 auto 0;
	}

	.bnrArea .fb1 a{
		width:49%;
	}

	.bnrArea .fb1 a span{
		font-size:23px;
	}

	.bnrArea .fb1 a:nth-of-type(2n+1){
		margin-left:0;
	}

	.bnrArea .fb2 a{
		width:100%;
		padding:12px 0;
		border:3px solid #cdcdcd; box-sizing:border-box;
		color:#3a7339;
		margin-top:7px;
	}

	.bnrArea .fb2 a:nth-of-type(2n+1){
		margin-left:0;
	}

	.bnrArea .fb2 a.secondline{
		width:49%;
	}

	.bnrArea .dlc{background:#008c90; border:4px solid #5ca2a4; box-sizing:border-box; padding-top:10px; padding-bottom:10px; color:#fff;}
	.bnrArea a.dlc span{ font-size:40px;}

	.bnrArea .update{background:#f5841b; border:4px solid #f2ae5d; box-sizing:border-box; padding-top:14px; color:#fff;}
	.bnrArea a.update span{font-size:18px;}

	.bnrArea .btn_attention{
		width:96%;
		display:block;
		padding:10px;
		margin:0 auto 15px;
		border:3px solid #f19797; box-sizing:border-box;
		background-color:#fdb7b7;
		color:#8c3131;
	}

	.bnrArea .btn_attention:hover{
		background-color:#fdd;
		color:#8c3131;
	}

	/**/


	.colorline{
		height:2px;width:100%;
		background-color:#fff;
		position:absolute;
		bottom:0px;
	}

	.colorline:before{
		content:'';
		height:2px;width:60%;
		background-color:#f8e123;
		position:absolute;
		right:0;top:0;
	}

	.colorline:after{
		content:'';
		height:2px;width:20%;
		background-color:#d70200;
		position:absolute;
		right:20%;top:0;
	}

	#content{
		border-top: 2px solid #185a00;
		/*background:#024001 url('../img/common/content_bg.jpg');
		background-attachment:fixed;
		background-repeat:repeat-x;*/
		background-color:#024001;
		position:relative;
		overflow:hidden;
		z-index:30;
		padding:0 0 0px;
		/*box-shadow:0px -2px 3px rgba(0,0,0,0.6);*/
	}

	#content:before{
		content:'';
		background:#024001 url('../img/common/content_bg.jpg') no-repeat;
		/*background-position:center top;*/
		display:block;
		background-size:200%;
		position:fixed;
		top:0px;
		z-index:-1;
		width:100%;
		height:100%;
	}


	/**/

	section{
		padding:0 0 0;
		background-size:cover;
				border-bottom:2px solid #325425;
				position:relative;
	}

	.section_inner{
		padding:12% 0%;
		width:90%;
		margin:0 auto 0;
	}

	.section_inner .img{
		width:100%;
		box-shadow:1px 1px 2px rgba(0,0,0,0.4);
		margin-top:8%;
		position:relative;
	}

	.section_inner .flex-direction-nav{
		display:none;
	}

	.section_inner .text{
		width:100%;

	}

	.section_inner .text p{
		font-weight:300;
		font-size:13px;
		line-height:1.9;
	}

	.section_inner .text p .b{
		font-weight:400;
		font-size:14px;
		line-height:1.9;
		color:#ffb;
	}


	.section_inner .text p .min{
		font-size:11px;
		font-weight:300;
		color:#ddd;
		display:block;
		line-height:1.6;
		padding-top:0.5em;
	}

	.section_inner .text h3{
		font-size:24px;
		line-height:1.2;
		padding:0 0 15px;
		margin-bottom:15px;
		display:block;
		position:relative;
		font-weight:500;
		line-height:1.3;
	}

	h3 .min_head{
		font-size:13px;
		color:#ffb;
	}

	.section_inner .img img{
		width:100%;
		display:block;
	}





	/**/
	#footer{
		overflow:hidden;
		position:relative;
		z-index:50;
		background-color:#fff;
	}

	#footer .bnr_area{
		width:100%;
		text-align:center;
		margin:10px auto 0;
		/*background-color:#eee;*/
		padding:20px 0 0;
	}

	#footer .bnr_area a{
		display:inline-block;
		width:70%;
		margin:0 auto 6px;
		line-height:1;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2);
	}

	#footer .bnr_area a img{
		display:block;
		width:100%;
	}




	#footer .footer_inner{
		margin:0 auto 0;
		padding:0px 0 20px;
		text-align:center;
	}

	#footer .textLink{
		color:#185402;
		padding:20px 0;
	}

	#footer .textLink a{
		color:#185402;
		display:block;
	}

	#footer .rights{
		width:100%;
	}

	#footer #sns a{
		margin:0 5px 0;
	}

	#footer .attention{
		text-align:center;
		color:#8a8a8a;
		padding:10px 0 10px;
		font-size:11px;
		width:90%;
		margin:0 auto 0;
		line-height:1.5;
	}

	#footer .attention.about{
		display:none;
		width:90%;
		margin:0 auto 0;
		line-height:1.5;
	}

	#footer .rights{
		width:90%;
		margin:20px auto 0;
	}


	.hide_sp{
		display:none!important;
	}

	.update_addimage:after{
		content:'スクリーンショットを追加！';
		display:inline-block;
		padding:5px 10px;
		font-size:12px;
		line-height:1;
		background-color:#f34e00;
		border:2px solid #fff;
		box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
		color:#fff;
		border-radius:20px;
		position:absolute;
		top: -10px;right: -10px;
	}

	.update_non:before{
		content:'NEW';
		display:inline-block;
		padding:5px 10px;
		font-size:12px;
		line-height:1;
		background-color:#f34e00;
		border:2px solid #fff;
		box-shadow:1px 1px 5px rgba(0,0,0,0.6),0px 0px 8px rgba(0,0,0,0.6);
		color:#fff;
		border-radius:20px;
		position:absolute;
		top: -10px;right: -10px;
		z-index:20;
	}

}

@media screen and (max-width: 360px) {
	#menu li a{
		font-size:11px;
	}

}

#dataObject{
	height:0px;
	opacity:0;
}

.flexbox{
	display:flex;
	display:-ms-flexbox;
	position:relative;
	flex-wrap: wrap;
	justify-content:space-between;
	position:relative;
}

/*.flexbox:after{
content:'';
display:block;
clear:both;
}*/