@charset "utf-8";
/* CSS Document */
@-webkit-keyframes glowScale{
	0%{
		-webkit-transform:scale(0.2);
		transform:scale(0.2)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes glowScale{
	0%{
		-webkit-transform:scale(0.2);
		transform:scale(0.2)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@-webkit-keyframes logoScale{
	0%{
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes logoScale{
	0%{
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
/* core	================================================	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: baseline;
	font-family: "源ノ角ゴシック Regular","源ノ角ゴシック";
}

ol, ul {
	list-style: none;
}

br{
	letter-spacing:0;
}

body{
	font-family: "源ノ角ゴシック Regular","源ノ角ゴシック";
	overflow-x:hidden;
	position:relative;
	width:100%;
	background-color:#000;
}
#menuArea{
	overflow:hidden;
	min-width:852px;
	height:40px;
	opacity:0;
	border-bottom:1px solid #B5CCF1;
}
#menuArea #sns{
	overflow:hidden;
	float:left;
	padding:4px 0 0 10px;
}
#menuArea #sns .txtFollow{
	float:left;
	margin-right:15px;
}
#menuArea #sns .btnFollow{
	float:left;
	margin:4px 10px 0 0;
	height:25px;
}
#menuArea #sns .btnFollow img{
	height:100%;
}
#menuArea #sns .btnFollow a:hover{
	opacity:0.6;
}
#menuArea #sns .txtShare{
	float:left;
	margin-right:10px;
}
#menuArea #sns ul{
	overflow:hidden;
	margin:0;
}
#menuArea #sns ul li{
	float:left;
	width:25px;
	margin:3px 6px 0 0;
}
#menuArea #sns ul li img{
	width:100%;
}
#menuArea #sns ul li a:hover{
	opacity:0.6;
}
#menuArea #sns ul li:last-child{
	margin-right:0;
}
#menuArea .menuBtn{
	overflow:hidden;
	min-width:460px;
	margin:0 auto;
}
#menuArea .menuBtn li{
	float:right;
	margin-right:22px;
}
#menuArea .menuBtn li a{
	display:block;
	position: relative;
	background:url("../images/common/bg_btn.png");
}
#menuArea .menuBtn li a:before {
	position: absolute;
	content: '';
	left: -22px;
	top: 0;
	width: 22px;
	height: 40px;
	border: none;
	background:url("../images/common/bg_btn_left.png");
}
#menuArea .menuBtn li a:after {
	position: absolute;
	content: '';
	right: -22px;
	top: 0;
	width: 22px;
	height: 40px;
	border: none;
	background:url("../images/common/bg_btn_right.png");
}
#menuArea .menuBtn li:first-child a:after {
	background:url("../images/common/bg_btn.png");
}
#menuArea .menuBtn li a:hover{
	background:url("../images/common/bg_btn_on.png");
}
#menuArea .menuBtn li.new a:hover{
	background:url("../images/common/bg_btn_new_on.png");
}
#menuArea .menuBtn li a:hover:before{
	background:url("../images/common/bg_btn_on_left.png");
}
#menuArea .menuBtn li.new a:hover:before{
	background:url("../images/common/bg_btn_new_on_left.png");
}
#menuArea .menuBtn li a:hover:after{
	background:url("../images/common/bg_btn_on_right.png");
}
#menuArea .menuBtn li.new a:hover:after{
	background:url("../images/common/bg_btn_new_on_right.png");
}
#menuArea .menuBtn li:first-child a:hover:after {
	background:url("../images/common/bg_btn_on.png");
}

#effect{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:99999;
}
#effect #glow{
	position:relative;
	top:50%;
	left:0;
	right:0;
	text-align:center;
	z-index:99990;
	opacity:0;
}
#backImg{
	overflow:hidden;
	position:absolute;
	background:url("../images/top/bg.jpg") no-repeat center top;
	background-size:cover;
	z-index:10;
}
#doctype{
	overflow:hidden;
	position:relative;
	opacity:0;
	background:url("../images/top/main.png") no-repeat center top;
	background-size:auto 100vh;
	z-index:20;
}
#doctype h1{
	position:absolute;
	bottom:17%;
	left:0;
	right:0;
	text-align:center;
	z-index:10;
	opacity:0;
}
#doctype #date{
	position:absolute;
	bottom:6%;
	left:0;
	right:0;
	text-align:center;
	z-index:10;
	opacity:0;
}
#doctype h2{
	position:absolute;
	top:8.3%;
	right:10%;
	z-index:10;
	opacity:0;
}
#doctype #impression{
	position:absolute;
	bottom:67%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
#doctype #owabiBnr{
	position:absolute;
	bottom:53.7%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
#doctype #radarBnr{
	position:absolute;
	bottom:41.5%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
#doctype #pastBnr{
	position:absolute;
	bottom:55%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
#doctype #mae{
	position:absolute;
	bottom:41%;
	left:1.1%;
	z-index:10;
	opacity:0;
}
#doctype #comment{
	position:absolute;
	bottom:29%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
#doctype #billing{
	position:absolute;
	bottom:2.8%;
	left:1.8%;
	z-index:10;
	opacity:0;
}
/*popup*/
#jpComment{
	display:block;
	overflow:hidden;
}
#enComment{
	display:none;
	overflow:hidden;
}
#commentBtn{
	overflow:hidden;
	border:1px solid #309DD8;
	width:398px;
	margin:0 auto 35px;
}
#commentBtn div{
	float:left;
	width:199px;
	padding:10px 0;
	text-align:center;
	color:#309DD8;
	font-size:15px;
}
#commentBtn div:hover{
	cursor:pointer;
}
#commentBtn div.on:hover{
	cursor:auto;
}
#commentBtn div.on{
	background:#309DD8;
	color:#FFF;
}
#commentBox h3{
	color:#309DD8;
	text-align:center;
	font-size:38px;
	margin-bottom:35px;
}
#commentBox .leftArea{
	float:left;
	width:620px;
	color:#159CC6;
}
#commentBox #enComment .leftArea{
	float:left;
	width:615px;
	color:#159CC6;
}
#commentBox .leftArea p{
	font-size:14px;
	margin-bottom:20px;
}
#commentBox .leftArea p:last-child{
	margin-bottom:0;
}
#commentBox .imgSign{
	float:right;
	margin:150px 0 30px;
}
#commentBox #enComment .imgSign{
	margin:180px 0 0;
}
/*footer*/
#footer .bnrArea {
	position:relative;
	opacity:0;
	margin:24px auto 0;
	width:1012px;
	overflow:hidden;
}
#footer .bnrArea.second {
	margin:15px auto 0;
}
#footer .bnrArea li {
	float:left;
	margin-right:20px;
	width:238px;
}
#footer .bnrArea li img {
	width:100%;
}
#footer .bnrArea li:last-child {
	margin-right:0;
}
#footer #copy{
	position:relative;
	opacity:0;
	text-align:center;
	margin:24px 0;
}

#pastBox{
	position: relative;
}
#pastBox .bnrSet {
	position: absolute;
	bottom:132px;
	left:122px;
	display: flex;
	flex-wrap: wrap;
}
#pastBox .bnrSet li {
	margin-right: 10px;
	margin-bottom: 5px;
}
#pastBox .bnrSet li:nth-of-type(4n) {
	margin-right: 0;
}


.bnrBarrierFree {
	width: 1012px;
	margin:0 auto;
}
.bnrBarrierFree ul {
	text-align:center;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #222;
	opacity:0;
}
.bnrBarrierFree ul li{
	display:inline-block;
	width:12%;
}
.bnrBarrierFree ul li img{
	max-width:85%;
}