@charset "UTF-8";
body {
	line-height:1.5;
	font-family: "HondaGlobalFontJP-Regular", sans-serif;
}
br.pc{
	display:block;
}
br.sp{
	display:none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*モーダル*/
#lean_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #666666;
}
.modal {
    display: none;
    padding: 50px 50px 0;
    background: #000;
	color:#fff;
	text-align:left;
	width:880px;
	height:400px;
	overflow:auto;
	position:relative;

	top:50% !important;
	margin-top:-225px;
}
.column{
	width:422px;
	display:inline-block;
	vertical-align:top;
}
.rcolumn{
	float:right;
}
.modal h2{
	font-size:22px;
	margin:0 0 30px 0;
}
.modal h3{
	font-size:18px;
}
.modal p{
	width:auto !important;
	clear:both;
}
.modal p.note{
	line-height:1.6em;
	margin-bottom:50px;
	font-size:14px;
}
.modal p.note2{
	line-height:1.3em;
	margin-top:30px;
	font-size:10px;
}
.modal ul.note2{
	line-height:1.3em;
	margin-top:30px;
	font-size:10px;
}
.modal p.note3{
	font-size:12px;
	margin-bottom:50px;
}
.modal p.note4{
	font-size:12px;
}
.modal p span{
	font-size:20px;
}
.modal p span.note{
	font-size:10px;
}
.modal_close {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	/* widthとheightは閉じるボタンの画像の幅を指定 */
	width: 50px;
	height: 50px;
	/* 閉じるボタンの画像は自分で用意 */
	background: url('../img/modal_close.png') no-repeat;
	z-index: 2;
}
.modal .column:last-child{
	padding-bottom:50px;
}
#modal6 .title{
	font-size:12px;
	margin:20px 0 10px;
}
#modal6 img{
	width:280px;
}
#modal6 img.mid{
	margin:0 2px;
}
#modal6 .column,
#modal7 .column{
	width:auto;
}
#modal7 img{
	width:420px;
	margin-top:10px;
}
#modal10 div.fcolumn{
	height:383px;
}
#modal10 h2 span{
	font-size:14px;
}
.floor1{
	background:#000;
}
.floor2{
	background:#000;
	padding-top:40px;
}

/* 190501_税制対応 */
#zeisei_info {
    width: 880px;
    margin: 0 auto;
    padding: 20px 0 60px;
}
#zeisei_info li {
    font-size: 12px;
    color: #dbdbdb;
    text-align: center;
}


a.access_top{
	display:none;
}
.header_wrapper{
	background:#fff;
	padding-bottom:12px;
}
#commonHeader{
	margin-bottom:0px;
}

#commonHeader h1 img {
    display: block;
    position: relative;
    top: 50%;
    width: 234px;
}
.main_visual{
	position:relative;
	padding-bottom:0;
	background:#000;
	overflow:hidden;
}
.main_visual p.line{
	background:url(../img/mainvisual_text.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	top:15%;
	left:50%;
	max-width:603px;
	max-height:24px;
	margin-left:-301px;
	overflow:hidden;
	text-indent:-9999px;
}
.main_visual h1{
	background:url(../img/mainvisual_off.jpg) no-repeat center center;
	width:100%;
	height:100%;
	max-width:1500px;
	max-height:683px;
	background-size:contain;
	position:absolute;
	top:0;
	left:50%;
	overflow:hidden;
	text-indent:-9999px;
}
.main_visual div.light_on{
	background:url(../img/mainvisual_on.jpg) no-repeat center center;
	width:100%;
	height:100%;
	max-width:1500px;
	max-height:683px;
	background-size:contain;
	position:absolute;
	top:0;
	left:50%;
	opacity:0;
	overflow:hidden;
	text-indent:-9999px;
}

.main_visual span.scroll_down{
	display:block;
	background:url(../img/scroll_down.png) no-repeat;
	background-size:contain;
	width:102px;
	height:42px;
	position:absolute;
	left:50%;
	margin-left:-51px;
	bottom:20px;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
.main_visual div.bg_parts{
	background:url(../img/bg_top.png) repeat-x 0 0;
	width:100%;
	height:31px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
.mid_info{
	background:#000;
	border-top:1px solid #57000a;
	border-bottom:1px solid #57000a;
	padding:8px 0;
}
.mid_info p.text1{
	color:#fff;
	font-size:20px;
	position:absolute;
	top:25px;
	left:50%;
	text-align:left;
}
.mid_info p.text2{
	color:#fff;
	font-size:12px;
	position:absolute;
	top:95px;
	left:50%;
}

.mid_info div.shutter{
	display:block;
	background:#57000a url("../img/middle_info.png") no-repeat center 0;
	height:335px;
	overflow:hidden;
	position:relative;
}
.mid_info .upper_shutter{
	width:100%;
	background:#000;
	height:200px;
	position:absolute;
	top:-40px;
	left:0px;
	z-index:2;
}
.mid_info .lower_shutter{
	width:100%;
	background:#000;
	height:200px;
	position:absolute;
	top:150px;
	left:0px;
	border-top:5px solid #a00;
	z-index:3;
}

.mid_info a.open{
	position:absolute;
	top:0px;
	left:50%;
	z-index:1;
	margin-left:439px;
}


.item{
	background:#000;
}
.item ul{
	width:980px;
	margin:0 auto;
	padding:120px 0 150px;
	overflow:hidden;
	font-size:0;
}
.item ul li{
	width:245px;
	display:inline-block;
	margin:0 0 48px;
	vertical-align:top;
	text-align:left;
}
.item ul li.item1{
	display:none;
}

.item ul li img.item{
	display:block;
	width:246px;
	height:200px;
}

.item ul li p.name{
	display:inline-block;
	vertical-align:middle;
	width:195px;
	font-size:10px;
	color:#fff;
	text-align:left;
}
.item .name{
	margin:0 0 0 10px;
	font-size:12px;
}

.item ul li img.open{
	vertical-align:middle;
}
.item ul li div.detail{
	display:none;
}
.item ul li div.detail h2{
	color:#fff;
	font-size:22px;
	padding:0 13px;
	margin-bottom:30px;
}
.item ul li div.detail p{
	width:422px;
	line-height:1.3em;
	margin-bottom:50px;
	padding:0 13px;
}
.item ul li div.detail img{
	display:block;
	padding:0 13px;
}


.item ul.other{
	width:235px;
	color:#fff;
	padding:0 0 0 14px;
	position:relative;
}
.item ul.other li{
	display:block;
	margin-bottom:10px;
	text-align:left;
	font-size:10px;
}
.item ul.other li a.open{
	position:absolute;
	left:225px;
	width:18px;
	height:18px;
	background:url("../img/btn_open3.png");
}

#commonFooterWrapper{
	padding-top:0;
}

.nsx_footer{
	text-align:center;
	padding:50px 0;
	background:#f1f1f0;
}
.nsx_footer a.view3d{
	display:block;
	margin-bottom:30px;
	width:980px;
	height:130px;
	overflow:hidden;
	background:url("../img/btn_3dview.jpg") no-repeat;
	text-indent:-9999px;
	margin:0 auto 30px;
}
.nsx_footer a.view3d:hover{
	background-position:0 -130px;
}

.nsx_footer img.to_top{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}
.nsx_footer div.note{
	/*display:inline-block;
	vertical-align:middle;
	font-size:12px;
	text-align:left;
	background:url("../common/img/guarantee.png") no-repeat;
	padding-left:130px;
	background-size:120px auto;*/
	width: 980px;
	display:block;
	vertical-align:middle;
	font-size:12px;
	text-align:left;
	background:url("/ACCESS/common/img/guarantee.png") no-repeat;
	margin: 0 auto;
	padding-left:130px;
	background-size:120px auto;
	box-sizing: border-box;
	padding-bottom: 1px;
}
.nsx_footer div.note a{
	color:#333;
	text-decoration:none;
	background: url("../common/img/listarw.png") no-repeat 0 3px;
	padding-left:12px;
}
.nsx_footer div.note a:hover{
	text-decoration:underline;
}
.nsx_footer div.note p{
	margin-bottom:1em;
}



p#btnView3d{
	display:none !important;
}
div#commonFooter div.bottom{
	display:none;
}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}

.link_wrap:after {
	display: block;
	content: "";
	clear: both;
}

p.attend{
	font-size: 16px;
	color: #ff0000;
	text-align: center;
}

@media screen and (min-width:769px) {
	.link_wrap {
		width: 930px;
		margin: 40px auto;
	}

	.link_inner {
		padding: 0 20px;
		float: left;
	}
}
