* {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

p,blockquote,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,th,td,hr,form,fieldset,legend,input,button,textarea{margin:0;padding:0}
ul,ol,li{list-style:none}
a{ color:#32d6ff;}

html,body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background-color: transparent;
	-webkit-text-size-adjust:none;
	font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
	letter-spacing: 0.02em;
letter-spacing: 0em;
}


html{
	overflow: auto;
	background-color:#1d283e;
	min-width: 400px;
	opacity: 0;
}


body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:16px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	letter-spacing: 0px;
}



img{
	border:0;
	vertical-align:middle;
}


#acc{
	position:absolute;
	top:-8000px;
}

#overlay{
	width: 100%;
	height:100%;
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	z-index: 1000;
	display: none;
	left:0;
	top:0;
}



* {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

p,blockquote,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,th,td,hr,form,fieldset,legend,input,button,textarea{margin:0;padding:0}
ul,ol,li{list-style:none}
a{ color:#32d6ff; cursor:pointer;}
html {
	width: 100%;
	height: 100%;
	background-color: #6bd7ff;
	overflow: hidden;
	background-image: url(../frame/bg.png);
}
body {
	width : -webkit-calc(100% - 60px) ;
	width : calc(100% - 60px) ;
	height : -webkit-calc(100% - 80px) ;
	height : calc(100% - 80px) ;
	overflow: auto;
	margin:20px 30px;
	box-shadow: 0 0 30px 10px #bdf4ff;
	border-radius:10px;
	border:solid 1px #d1ebff;
	position: relative;

	background-position:center top;
	background-color: #fff;
	background-repeat: no-repeat;

}

.wider{
	background-size:100% auto;
}

.heighter{
	background-size:auto 100%;
}

input[type="checkbox"] {display: none;}
label{cursor:pointer;}

	.main{
		width: 100%;
		height: 100%;
		overflow: auto;
			position:relative;
	}
	.main section#conthome{
		height : 100%;
		position:relative;
	}

	.main section:not(#conthome){
		position:relative;
		height:auto;
		min-height : -webkit-calc(93% - 30px) ;
		min-height : calc(93% - 30px) ;
		margin:30px auto;
		padding-bottom:30px;
		border:double 3px #fff;
		box-shadow:0 0 5px 5px rgba(205,242,255,0.5);
		background-image:url(section_bg.png) ;
		background-repeat: repeat;
		background-position: center top;
		background-size: auto;
	}

/*	.bodyadd{
		background-size:150% !important;
		background-position-Y:55% !important;
		background-position-X:center !important;
	}*/
	.bodyadd #logo_s{
		width:15%; cursor:pointer;
	}
	.bodyadd #logo_s a{cursor:pointer;}
	.bodyadd #logo_sub{display:none;}



.contTitle{
	width: 98%;
	height:5%;
	overflow: hidden;
	margin: 10px auto;
	line-height:100%;
	position:relative;
	border-bottom: dashed 1px #2d1e08;
	text-align:center !important;
}

.contTitle b{
	width: 45%;
	height:100%;
	display:block;
	margin:0 auto;
	background-Color:rgba(45,30,8,0.8);
	text-align: center;
	line-height:100%;
	font-weight: bold;
	border: solid 1px #2d1e08;
	opacity:1;
	color:#fff;
	font-size: 24px;
	padding:0.3% 0;
}

@media screen and (max-width: 900px) {
	.contTitle b{font-size: 2vw;}


}





/*page1
----------------------------------------------------------------------------------------------------------------------------------*/
#top_banner{
	width: 22%;
	height: auto;
	position:absolute;
	left:2%;
	top:15%;
	text-align:center;
}
#top_banner img {
	width: 100%;
	height: auto;
	max-width:380px;
	margin:5px 10px;
	vertical-align:bottom;
}

#rday{
		max-width:440px;
		margin:10px auto;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 8px;
		border: solid 2px #0cae27;
		line-height: 140%;
		font-size: 0.8vw;
}
#rday b{
	width : -webkit-calc(100% + 30px) ;
	width : calc(100% + 30px) ;
	display: block;;
	height: auto;
	padding:5px;
	margin: -15px;
	margin-bottom: 10px;
	background-color: #0cae27;
	color: #fff;
			line-height: 180%;
}


@media screen and (max-width: 900px) {
	#top_banner{
		width:50%;
		top:auto;
		bottom:10%;
	}
}



#top_banner2{
	width: 30%;
	height: auto;
	position:absolute;
	max-width: 675px;
	right:3%;
	top:65%;
	text-align:left;
}
#top_banner2 img {
	width: 100%;
	height: auto;
	margin:10px;
	vertical-align:bottom;
}

@media screen and (max-width: 900px) {
	#top_banner2{
		width:50%;
		top:auto;
		bottom:10%;
	}
}



/*----------------------------------------------------------------------------------------------------------------------------------*/






/*page1
----------------------------------------------------------------------------------------------------------------------------------*/


























/*History
----------------------------------------------------------------------------------------------------------------------------------*/
	#fmenu{
		width : -webkit-calc(100% - 40px) ;
		width : calc(100% - 40px) ;
		margin: 0;
		padding: 0;
		height: auto;
		min-height: 80px;
		position: fixed;
		bottom:0px;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		z-index: 200;
	}
	#logo_s{
		position: fixed;
		left:0;
		top:0;
		width: 30%;
		height: auto;
		max-width: 540px;
		-webkit-transition: 0.5s ease-in-out;
		-webkit-transition-delay: 100ms;
		transition: 0.5s ease-out 100ms;

	}
	#logo_s a{cursor:default;}
	#logo_sub{cursor:pointer;margin-top:-20px;}
	#logo_s img{width: 100%;height: auto;}
	#news_s{
		width : 100%;
		height: 35px;
		line-height: 35px;
		background-color: rgba(0,113,154,0.75);
		box-shadow: 0 0 5px 0 #fff inset;
		border-radius: 20px;
		margin:5px 10%;
		font-weight: 900;
		color:#fff;
		text-align: left;

		padding-left: 20px;
		font-size: 1vw;
		: 0 0 3px #000;
	}

	#news_s a , #bhisall + label{
		text-decoration:none;
		color:#ff0 !important;
		border-bottom:solid 2px #ff0;
	}



	#hisall{
		width : 90%;
		height: 90%;
		background-color: rgba(0,113,154,0.9);
		box-shadow: 0 0 30px 1px rgba(255,255,255,0.75) inset, 0 0 1000px 1000px rgba(255,255,255,0.9);
		border-radius: 20px;
		font-weight: 900;
		margin: 1% 5%;
		padding:1%;
		color:#fff;
		text-align: center;
		font-size: 1vw;
		: 0 0 3px #000;
		position:fixed;
		left:0;
		top:0;
		z-index:10000000000;
		display:none;
	}

#hisallbase{
	width: 90%;
	height:90%;
	overflow-y:scroll;
	margin:0 auto;
	margin-bottom:2%;
	position:relative;
	font-size: 13px;
	: none;
}


#hisallbase li{
	line-height:140%;
	position:relative;
	margin-bottom:5px;
	border: solid 1px #00a0e9;
	display:inline-block;

}


#hisallbase li:nth-child(2n+1){
	width: -webkit-calc(10% - 6px) !important;
	width: calc(10% - 6px) !important;
	background-Color:rgba(0,160,233,0.9);
	color:#fff;
	text-align:center;
	vertical-align:top;
		padding:1%;
}
#hisallbase li:nth-child(2n+2){
	width: 88%;
	background-Color:#fff;
	color:#512e0e;
	text-align:left !important;
	padding:1%;

}


	#chisall +label {
		display:block;
		width:120px;
		padding:10px;
		background:#fff;
		margin:10px auto;
		text-align:center;
		color:#00a0e9;
		font-weigth:900;
		border-radius:10px;
		box-shadow:0 0 5px 0 #fff;
	}

	#hisallbase a{color:#fd5b94;}

@media screen and (max-width: 1600px) {
	#hisallbase{
		font-size: 1vw;
	}
}

/*History
----------------------------------------------------------------------------------------------------------------------------------*/


/*Menu
----------------------------------------------------------------------------------------------------------------------------------*/
	#menu_base{
		width :100%;
		margin-left:-20px;
	}
	#umenu{
		height: 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	#umenu > li{
		width: 9%;
		height: 60px;
		line-height: 60px;
		font-weight: 900;
		margin:0 0.5%;
		position: relative;
	}
	#umenu > li > a{
		color:#fff;
		font-size:25px;
		text-shadow: 0 0 3px #00547b;
		text-decoration:none;
		position: relative;
		-webkit-transition: 0.5s ease-in-out;
		-webkit-transition-delay: 100ms;
		transition: 0.5s ease-out 100ms;
		margin:0 auto;
		display:block;
		width:100%;
		text-align:center;
	}

	#umenu > li > a:hover{text-shadow: 0 0 10px #00547b;}

	#umenu > li > a:before{
		position: absolute;
		top: 0px;
		left:0;
		content: "";
		display: inline-block;
		width: 100%;
		height: 0px;
		background: #fff;
		transition: 0.5s;
	}


	#umenu > li > a:hover:before{height:4px;box-shadow: 0 0 10px #00547b;}

	#menuchange + label{display:none;}


	.mnew:before{
		display:block;
		content:"NEW !";
		position:absolute;
		top:-0.5em;
		line-height:100%;
		height:1em;
		left:20%;
		padding:4px;
		color:#fff;
		text-shadow:0 0 3px #b53f82;
		background-color:#ff70c1;
		border-radius:8px;
		z-index:10000;
	}

@media screen and (max-width: 1600px) {
	#umenu > li > a{
		font-size:1.2vw;
	}
}

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


	#chei{display:none;}

	#menu_base #menuchange + label{
		display:block;
		width:100px;
		height:60px;
		margin:0 auto;

	}
	#menu_base #menuchange + label:after {
		display:block;
		width:100px;
		height:60px;
		background:#fff;
		border-radisu:8px;
		margin:0 auto;
		line-height:60px;
		color:#0094e1;
		font-size:2vw;
		font-weight:900;
		content: "Menu";
	}
	#menu_base #menuchange:checked + label{
		position:fixed;
		bottom:0;
		left : -webkit-calc(50% - 39px) ;
		left : calc(50% - 39px) ;
	}
	#menu_base #menuchange:checked + label:after {
		background:#0094e1;
		color:#fff;
		content: "Close";
	}


	#umenu{
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		background:rgba(255,255,255,0.8);
	}
	#umenu > li{
		width: 30% !important;
		margin:1%;
		border:solid 2px #fff;
		float:left;
	}
	#umenu > li > a{
		font-size:18px;
		background:rgba(0,148,229,0.8);
	}

	.mcloser #umenu{
		display:none;
		}


	#contTitle b{font-size:1.5vw;}
}





.subMenu{
	width:100% !important;
	height: auto;
	position: absolute;
	left:0;
	bottom:40px;
	background-color:#fff;
	border-radius:15px;
	padding:10px 0px;
	box-shadow:0 0 5px 1px rgba(3,90,109, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-out;
	z-index:10000;
	font-size:0.6vw;
}
.subMenu .snew:after{
	content: " ＮＥＷ ";
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	position: absolute;
	left:-10px;
	background-color: #009d4a;
	text-decoration:none !important;
}


#umenu li:hover > .subMenu{
	bottom:65px;
	opacity: 1;
	visibility: visible;
}

@media screen and (max-width: 900px) {
	#umenu li:hover > .subMenu{
		bottom:40px;
		opacity: 0;
		visibility: hidden;
	}
}


.subMenu li{
	margin:0;
	background-image: url(frame/menu/sub_bg.png);
}
.subMenu li a{
	display: block;
	width: 80%;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 5px;
	border-bottom: dotted 1px #035a6d;
	margin: 0 auto;
}

.subMenu a{color:#003058;text-decoration: none;}
.subMenu a:hover{
	color:#fff;
	text-decoration: underline;
	background:#7cb4e3;
}
.subMenu a b{color: #f00;text-decoration: none;}



.subMenu .submain{
	display: block;
	text-align:left;
	width:125px;
	line-height:140%;
	border-bottom: none;
}

.subMenu a:first-child{
	border-top: dotted 1px #035a6d;

}









/*Menu
----------------------------------------------------------------------------------------------------------------------------------*/



/*Concept
----------------------------------------------------------------------------------------------------------------------------------*/
#conceptpage{
	width:100%;
	height:88%;
	position: relative;
	margin:0 auto;
		overflow:hidden;
}
#conceptFrame{
	width:90%;
	height:100%;
	border:solid 1px #00a0e9;
	overflow:hidden;
	display:inline-block;
	background-color:rgba(255,255,255,0.7);
}

#conceptFrame img{
	width:100%;
	height:auto;
	max-width:1400px;
	max-height:700px;
}

#concept1{
	width:100%;
	height:auto;
	max-width:1400px;
	max-height:700px;
	margin:0 auto;
		position: relative;
}


#concept1 div{
	width:74.285714285714300%;
	height:72.857142857142900%;
	left:13%;
	top:25.142857142857100%;
	position: absolute;
}
#concept1 div video{
	width:100%;
	height:auto;
	max-width:1040px;
	max-height:510px;
}

/*Concept
----------------------------------------------------------------------------------------------------------------------------------*/




/*Chara
----------------------------------------------------------------------------------------------------------------------------------*/
section > ul{
	width:100%;
	height:100%;
	position: relative;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

#character li{
	width:50%;
	height:95%;
	min-height:80vh;

}
#character #cImage{
	text-align:center;
	background-image:url(../chara/charaImage.png);
	background-position:center top;
	background-size:100% auto;
	background-repeat: no-repeat;
	-webkit-transition: 1s;
	-webkit-transition-delay: 100ms;
	transition: 1s 100ms;
}

/*
#character #cImage img{
	width:100%;
	height:auto;
	max-width:720px;
	max-height:2020px;
	-webkit-transition: 1s;
	-webkit-transition-delay: 100ms;
	transition: 1s 100ms;
}*/
#character #cText > div{
	display:block;
	margin-top:15%;
	padding:4% 2%;
	font-size:24px;
	line-height:140%;
	position: relative;
	color:#fff;
	border-radius:4px;
	text-align:left;
	text-shadow:0 0 5px #014f85;
	background-color:rgba(13,164,219,0.7);
	background-image:url(../chara/frame_tl.png),url(../chara/frame_br.png);
	background-position:top left , bottom right;
	background-repeat:no-repeat;
	box-shadow:0px 0px 30px 5px rgba(255,255,255,0.3) inset;
}
#character #cText > div:before{
	content:" ";
	width:18px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	border-left:solid 2px #fff;
}
#character #cText > div:after{
	content:" ";
	height:18px;
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
	border-top:solid 2px #fff;
}

#chei label{
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(../chara/imgsize.png);
	background-position:center top;
	vertical-align:top;
	margin: 0 5px;
}

#chei input[type="checkbox"]:checked +label{
	background-position:center bottom;
}

#samplevoice{
	width:95%;
	height:auto;
	line-height:100%;
	border-bottom:solid 2px #1c7da1;
}
#samplevoice b , #chei b{
	height:50px;
	line-height:50px;
	display:inline-block;
	background:#1c7da1;
	padding:0 10px;
}
#samplevoice img{
	margin: 0 5px;
	vertical-align:top;
	cursor:pointer;
}

#character .bup{
	background-size: contain !important;
	background-position-Y:1% !important;
	background-position-X:center !important;
}

@media screen and (max-width: 1600px) {
	#character #cText > div{
		font-size:1.8vw;
		font-weight:900;
	}
	#contTitle b{
	line-height: 100%;
}
}
@media screen and (max-width: 900px) {
#character li{
	width:100%;
	height:50%;
	min-height:50vh;
}
#character #cText > div{
	margin-top:0%;
}
#samplevoice b , #chei b{
	height:40px;
	line-height:40px;
}
#character #cText img{
	width:40px;
	height:40px;
}
	#logo_s{
		width:30% !important;
	}



}
/*Chara
----------------------------------------------------------------------------------------------------------------------------------*/

/*Story
----------------------------------------------------------------------------------------------------------------------------------*/
#story_bg{
	width:100%;
	height:90%;
	max-height:854px;
	max-width:1534px;
	background-image:url(story_bg.png);
	background-size: auto 100%;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	margin:0 auto;
	padding:10%;
	font-size:36px;
	color:#fff;
	text-shadow:0 0 8px #000;
	line-height:140%;
}

@media screen and (max-width: 1600px) {
	#story_bg{
		font-size:1.6vw;
		font-weight:900;
		padding:
	}
}
/*Story
----------------------------------------------------------------------------------------------------------------------------------*/



/*360movie
----------------------------------------------------------------------------------------------------------------------------------*/
.youtube{
	width:80%;
	height:auto;
	min-height:80% !important;
	display:block;
	position:relative;
	margin:0 auto;
	background:#349dff;
	clear:both;
	border:solid 2px #349dff;
}
section iframe{
	width:100%;
	height: 100%;
	min-height: 100%;
	position:absolute;
	border:none

}


.youtubed{
	width:80%;
	height:auto;
	min-height:80% !important;
	display:block;
	height: 80vh;
	position:relative;
	margin:0 auto;
	background:#f00;
	clear:both;

clear:both;
	border:solid 2px #349dff;
}

.youtube img{
	width:100%;
	height:auto;
}
.youtube video{
	width:100%;
	height:auto;
		cursor: pointer;
}


#movie360deg{
	color:#2d1e08;
}
#movie360deg p{
	display:block;
	width:80%;
	height:auto;
	text-align:center;
	background-color:#000;
	margin:0 auto;
	margin-top:-5px;
	padding:5px 0;
	color:#fff;
}

.youtube + p{
	display:block;
	width:80%;
	height:auto;
	text-align:center;
	background-color:#000;
	margin:0 auto;
	margin-top:-5px;
	padding:5px 0;
	color:#fff;
}
#movies a{
	color:#f00;
	font-weight:900;
	text-shadow: 0 0 3px #fff;
}


#movie360deg a{
	color:#f00;
	font-weight:900;
	text-shadow: 0 0 3px #fff;
}
/*360movie
----------------------------------------------------------------------------------------------------------------------------------*/


/*Product
----------------------------------------------------------------------------------------------------------------------------------*/
#productbase{
	width: 80%;
	height:auto;
	max-height:35%;
	margin:0 auto;
	margin-bottom:2%;
	position:relative;
	font-size: 13px;
}


#productbase li{
	height:30px;
	line-height:30px;
	position:relative;
	margin:1px;
	border: solid 1px #00a0e9;

}


#productbase li:nth-child(2n+1){
	width: -webkit-calc(10% - 6px) !important;
	width: calc(10% - 6px) !important;
	background-Color:rgba(0,160,233,0.9);
	color:#fff;
	text-align:center;

}
#productbase li:nth-child(2n+2){
	width: 38%;
	background-Color:#fff;
	color:#512e0e;
	text-align:left !important;
	padding-left:2%;
	margin-right:1%;
}


@media screen and (max-width: 1600px) {
	#product ul{
		font-size: 1vw;
	}
}

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

#product,#productbase{
	width:100%;
}

#productbase li:nth-child(2n+1){
	width: -webkit-calc(20% - 6px) !important;
	width: calc(20% - 6px) !important;
}
#productbase li:nth-child(2n+2){
	width: 78%;
}

}

/*Product
----------------------------------------------------------------------------------------------------------------------------------*/


/*Spec
----------------------------------------------------------------------------------------------------------------------------------*/
#specbase{
	width: 90%;
	height:55%;
	margin:0 auto;
	position:relative;
	text-align: left;
	font-size: 13px;
}

#specbase ul{
	width:49%;
	display:inline-block
}

#specBody{
	font-size: 13px;
	vertical-align:top;
}
#specBody li{
	height:30px;
	line-height:30px;
	position:relative;
	text-align: center;
	margin:1px;
	border: solid 1px #00a0e9;
	display:inline-block
}
#specBody li:nth-child(2n+1){
	width: -webkit-calc(20% - 6px) !important;
	width: calc(20% - 6px) !important;
	background-Color:rgba(0,160,233,0.9);
	/*text-shadow: 0 0 2px #000;*/
	color:#fff;	vertical-align:top;
}
#specBody li:nth-child(2n+2){
	width: 78%;
	background-Color:#fff;
	color:#512e0e;
	text-align:left;
	padding-left:3%;
}

#specbase li b{color: #ff2a00}

#specEtc{
	height:auto;
	width: 100% !important;
	text-shadow: none;
	background-color:#fff !important;
	color:#512e0e;
	position:relative;
	text-align: left;
	padding:20px;
	border: solid 1px #00a0e9;
}
#specEtc li b{color: #53a03f}

#specBody .vga{height:50px;line-height:20px;padding:5px 0}

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

	.hider{display:none}
}


@media screen and (max-width: 900px) {
#specTitle b,
#specbase{
	width: 99%;
}


#specbase ul{
	width:100%;
	font-size:1vw !important;
}

#specEtc{padding:1%;}


}





#scoretext{
	width:70%;
	height:auto;
	padding:15px;
	background-color:#fff;
	margin:10px auto;
	line-height:160%;
	border:solid 2px #1c751a;
	font-size:0.8vw;
	text-align:left !important;
}

#scoretext a{
	color:#ff445e;
	font-weight:900;
}
#scoretext b{
	color:#00f;
		line-height:140%;
}

.score{
	font-size: 13px;
	vertical-align:top;
	width:400px;
	display:inline-block;
	margin-left:10px;
	margin-bottom:10px;

}
.score li{
	height:30px;
	line-height:30px;
	position:relative;
	text-align: center;
	margin:1px;
	border: solid 1px #00a0e9;
	display:inline-block
}

.score li:nth-child(2n+1){
	width: 80px;
	background-Color:rgba(0,160,233,0.9);
	color:#fff;
	vertical-align:top;
}
.score li:nth-child(2n+2){
	width: 310px;
	background-Color:#fff;
	color:#512e0e;
	text-align:left;
	padding-left:5px;
}


.score .pc:nth-child(2n+1){
	width: 396px;
	height:48px;
	line-height:140%;
	padding:5px;
	background-color:#545454;
	border:none;
}
.score .pc:nth-child(2n+2){	display:none;}
.score .pc a{color:#fffc00;}


.score .ed{
	border: solid 1px #ff8495;
	height:44px;
	line-height:160%;
}
.score .ed:nth-child(2n+1){
	background-Color:rgba(255,94,149,0.9);
}










/*Spec
----------------------------------------------------------------------------------------------------------------------------------*/



/*download
----------------------------------------------------------------------------------------------------------------------------------*/
/**/
#download .but img{
	width:100%;
	height:auto;
	max-width:1228px;
	max-height:705px;
}


#dlimg{
	width: 100%;
	height: auto;
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	border:solid 1px #006fa2;
	overflow:hidden;
	background-color:rgba(255,255,255,0.7);
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}

#dlimg .but{
	background-color: #fff ;
	width: 100%;
	max-width: 680px;
	border-radius: 10px;
	/*padding:15px 0;*/
	border: solid 2px #2a1605;
	margin: 10px 5px;
	vertical-align: top;
	overflow: hidden;
		display: flex;
	flex-wrap: wrap;
	justify-content:center;
}


#dlimg .but > b{
	font-size: 16px;
	font-weight: 900;
	width: 100%;
	background-color: #2a1605;
	display: block;
	line-height: 180%;
	color: #fff;
	margin-bottom: 5px;
	padding:5px 0;

}
#dlimg .but > b > div{
	border-top: dotted 2px #fff;;
	color: #ccbea6;
	font-size: 12px;

}


#dlimg .but > b:first-line{
	font-size: 20px;
}
#dlimg .but div{
	color: #3d2307;
	padding:3px;
	font-size: 13px;
	line-height:140%;


}
#dlimg .but div b{
	color: #f00;
	font-weight: bold;
	font-size: 14px;
	border-bottom: solid 1px;

}
#dlimg .but .dlbutton{
	max-width: 330px;
	cursor: pointer;
}
#dlimg .but .floatbutton{
	max-width: 330px;

}


/*download
----------------------------------------------------------------------------------------------------------------------------------*/


/*system
----------------------------------------------------------------------------------------------------------------------------------*/

.systemframe{
	width:95%;
	height:100%;
	border:solid 1px #00a0e9;
	overflow:hidden;
	display:inline-block;
	background-color:rgba(255,255,255,0.7);
	padding:1%;
}
.systemframe img{
	width:100%;
	height:auto;
	max-width:1600px;
	}
	/*system
----------------------------------------------------------------------------------------------------------------------------------*/

/*qa
----------------------------------------------------------------------------------------------------------------------------------*/

.qaframe{
	width:95%;
	height:100%;
	border:solid 2px #00a0e9;
	overflow:hidden;
	display:inline-block;
	background-color:rgba(255,255,255,0.7);
	max-width:1600px;
	min-width:480px;
	border-radius:5px;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:0 auto;
}
.qaframe img{
	width:100%;
	height:auto;
}

.qaframe > ul{
	width:49%;
	padding: 20px 0;
	min-width:460px;
	max-width:800px;
	border-right:dotted 1px #00a0e9;
	border-left:dotted 1px #00a0e9;
}

.qaframe > ul li{
	padding-left:60px;
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
}
.qaframe > ul li:first-child{
	font-size:1.4vw;
	width:90%;
	margin-left:3%;
	color:#fff;
	background-color:#0091d4;
	border-radius:10px;
	height:50px;
	line-height:50px;
	background-image:url(qa_q.png);
	font-weight:900;
	text-shadow: 0 0 5px #0c9cc5;
}

.qaframe > ul li:last-child{
	font-size:1vw;
	width:90%;
	margin:5px;
	margin-left:5%;
	background-color:#e2ffe0;
	border:solid 1px #25a51b;
	height:130px;
	background-image:url(qa_a.png);
	min-height:50px;
	line-height:120%;
	padding:15px 15px 15px 60px;
	text-shadow: 0 0 4px #beffba;
	color:#0b6504;
}
.qaframe > ul li:last-child a{
	color:#ff716e;
	font-weight:900;
}
.qaframe > ul li:last-child span{
	font-size:0.7vw;
}

@media screen and (max-width: 1200px) {
.qaframe > ul{
	width:100%;
}

	.qaframe > ul li:first-child{
		font-size:2vw;
	}

	.qaframe > ul li:last-child{
		font-size:1.5vw;
		height:auto;
	}
	.qaframe > ul li:last-child span{
		font-size:1.3vw;
	}
}






	/*qa-------------------------------------------------------------------------------*/



section{display:none}


#update img{
	width:100%;
	height:auto;
}

#fu0310{
	position: relative;
	max-width:1650px !important;
	max-height:740px !important;
	margin:0 auto;
}
#update0310{
	max-width:580px;
	max-height:340px;
	width:35.151515151515200%;
	height:45.945945945945900%;
	position:absolute;
	left:1.939393939393940%;
	top:2.972972972972970%;
	border:solid 2px #349dff;
}

#update .youtube{
	width:100%;
	border:none;
	background-color: #fff;
}