/*common*/
html {
	font-size: 18px;
}



/*img*/
#system .item_s .img img{
	width: 100%;
}

/*page*/
.sp{
	display: none
}
.pc{
	display: inherit;
}

.btn_ptop {
	transform: scaleX(0.5);
	opacity: 0;
  position: fixed;
  right: 30px;
  bottom: 30px;
z-index: 500;
transition: .5s;}
  .btn_ptop p {
    position: relative;
    height: 128px;
    width: 163px;
    text-align: center; }
  .btn_ptop .img01 {
    position: absolute;
    bottom: 0;
    left: 12px; }
  .btn_ptop .img02 {
    position: absolute;
    left: 0;
    top: 0; }


/*header*/
header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 600;
}

.main_nav{
	text-align: center;
}

.index .main_nav li:last-child{
	display: none;
}

.main_nav li{
	width: auto!important;
	display: inline-block;
	padding: 20px 10px 20px 20px!important;
	margin-right: 5px;
}
.main_nav li:hover{
	text-shadow: 0px 3px 1px #f25582;
	background: url(../img/icn_star.png) no-repeat left center;
	cursor: pointer;
}

header .btn_menu, header .btn_menu_close{
	display: none;
}
header .sns{
	background: none;
	position: absolute;
	top: 25px;
	right: 0;
}
header .sns li{
	width: 62px;
	float: left;
	margin-left: 20px;
}
header .sns li img{
	width: 100%;
}
header .lang{
	position: absolute;
	top: 120px;
	right: 1em;
	font-size: 16px;}
header .lang li a{
	padding: 5px;
}



/*main_img*/
#main_img{
	margin-top: 70px;
}
.mainimg{
	background: url(../img/img_main_02.png) no-repeat center top;
	margin-top: -1em;
	height: 730px;
	position: relative;
}
.mainimg .img_main{
	position: absolute;
	bottom: 25px;
	width: 100%;
	max-width: 1280px;
	left: calc(50% - 640px);
	z-index: 200;
}
.mainimg .box_btn{
	width: 1000px;
	margin:-80px auto 0 auto;
	z-index: 300;
	position: relative;
}
.mainimg .clearfix p:first-child{
	float: left;
	width: 237px;
}
.mainimg .clearfix p:last-child{
	width: 465px;
	float: right;
	margin-right: 165px;
	margin-top: 40px;

}



.btn_pv{
	position: absolute;
	width: 242px;
	left:calc(50% + 250px);
	bottom: 70px;
}


h1.ttl{
	background: url(../img/bg_ttl.png) repeat-x bottom center;
	background-size: auto 50%;
	text-align: center;
	padding-top: 50px;
}


/*release*/
#release {
	margin-top: -70px;
	margin-bottom: 0;
}

#release .wc_bg_top{
	background: url(../img/bkg_release.png) no-repeat center top;
	padding-top: 120px;
	padding-bottom: 40px;
	z-index: 310;
	position: relative ;
}
html[lang="zh-cn"] #release .wc_bg_top{
	background: url(../img/cn/bkg_release.png) no-repeat center top;
	padding-top: 120px;
	padding-bottom: 40px;
	z-index: 310;}
html[lang="en"] #release .wc_bg_top{
	background: url(../img/en/bkg_release.png) no-repeat center top;
	padding-top: 120px;
	padding-bottom: 40px;
	z-index: 310;}


#release .wc_bg_bottom{
	background: none;
}

/*wcampaign*/
#wcampaign{
	margin-top: -70px;
	margin-bottom: 0px;
}
.img_kuma{
	position: absolute;
	z-index: 200;
	right:calc(50% - 310px);
	top: -100px;
}
html[lang="zh-cn"] .img_kuma,html[lang="zh-tw"] .img_kuma{
	top: -100px;
}


#wcampaign .wc_bg_top{
	background: url(../img/bg_wcampaign_top.png) no-repeat center top;
	padding-top: 145px;
	padding-bottom: 40px;
	z-index: 310;
}
#wcampaign .wc_bg_bottom{
	background: url(../img/bg_wcampaign_bottom.png) no-repeat center bottom;
}
	#wcampaign .camp_01,#wcampaign .camp_02{
		width: 45%;
		float: left;
		margin: 0 auto;
		padding-top: 20px;
	}
	#wcampaign .camp_01{
		margin-left: 45px;
	}
	#wcampaign .camp_02{
		margin-left: 25px;
	}
	#wcampaign .camp_01 .txt ,#wcampaign .camp_02 .txt{
		height: 60px;
		font-size: 16px;
		line-height: 20px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*section point*/
	#point .img1 .voicebtn{
		max-width: 276px;
		bottom: 70px;
		left:calc(50% - 160px);
	}
	html[lang="zh-cn"] #point .img1 .voicebtn , 	html[lang="zh-tw"] #point .img1 .voicebtn{
		max-width: 151px;
		bottom: 70px;
		left:calc(50% - 90px);
	}

/*section system*/
#system h2{
	font-size: 32px;
	text-align: left;
	padding: 6px 20px;
}
	#system .item_l{
		padding: 10px 20px;
		position: relative;
		min-height: 360px;
		margin-bottom: 45px;
	}
	#system .item_l:first-child{
		margin-top: 65px;
	}
		#system .item_l .txt{
			font-size: 24px;
			width: 450px;
			margin-left: 15px;
			margin-top: 20px;
			line-height: 34px;
		}
		#system .item_l .img{
			position: absolute;
			right: 0;
			top: -15px;
			width: 500px;
			text-align: right;
		}
			#system .item_l .img img{
				width: 45%;
				margin: 0 2%;
			}
	#system .item_s{
		min-height: 250px;
		position: relative;}
		#system .item_s h2{
			width: 80%;
}
		#system .item_s .txt{
			font-size: 22px;
			width: 240px;
			margin-left: 25px;
			margin-top: 15px;
			line-height: 28px;
		}
		#system .item_s .img{
			position: absolute;
			max-width: 144px;
			right: 15px;
			top: -10px;
		}


/*section extra*/
#extra h2{
	font-size: 32px;
	text-align: left;
	padding: 6px 20px;
}
#extra .item_l{
	position: relative;
	height: 370px;
}
	#extra .item_l:first-child{
		background: #fff url(../img/bkg_extra01.png) no-repeat right bottom;
		background-size: auto;
		padding-bottom: 0;
		margin-top: 65px;
	}
/*2th*/
	#extra .item_l:nth-child(2){
		background: #fff url(../img/bkg_extra02.png) no-repeat right top;
		background-size: auto;
		padding-bottom: 0;
	}
	#extra .item_l .txt{
		font-size: 22px;
		line-height: 30px;
		width: 630px;
		margin: 20px 25px;
	}
	#extra .item_l .txt_s{
		margin: 20px 25px;
		font-size: 16px;
	}
	#extra .item_l .txt_p{
		margin: 35px 25px;
	}
/*3th*/
	#extra .item_l:last-child{
		background: #fff url(../img/bkg_extra03.png) no-repeat right top;
		background-size: auto;
		padding-bottom: 0;
	}
	#extra .item_l:last-child h2{
		text-align: left ;
	}
	#extra .item_l:last-child .txt_p2{
		text-align: left ;
		margin: 35px 25px;
		max-width: 468px ;
		width: 100% ;
	}
	#extra .voicebtn{
		width: 70%;
		max-width: 276px;
		bottom: -32px;
		right:15px;
		left: auto;
	}
html[lang="zh-cn"] #extra .voicebtn , html[lang="zh-tw"] #extra .voicebtn{
		width: 70%;
		max-width: 151px;
		bottom: -32px;
		right:15px;
		left: auto;
	}

/*spec*/

#spec .txt{
	font-size: 22px;
	line-height: 26px;
	margin-top: 30px;
	margin-bottom: 30px;
	}

/*support"*/


/*footer*/






