@charset "UTF-8";
/* base
-------------------------------------------------------------*/

#slider									{ width:auto; height:378px; margin:0 auto; position:relative; overflow:hidden; }
#slider .bx-wrapper				{ position:absolute; left:50%; margin-left:-480px; }
#slider .bx-viewport				{ width:710px; overflow:visible !important; margin:0 110px; }
#slider #evSlider li			{ max-width:710px; }
#slider #evSlider li:hover	{ opacity:0.9; }
#slider .bx-controls-direction a	{ position:absolute; top:0; width:710px; height:100%; text-indent:-9999px; opacity:0.7; }
#slider .bx-prev					{ left:-600px; background:url(../img/slider/slider_prev_bg.png) repeat-y right center; }
#slider .bx-next					{ left:820px; background:url(../img/slider/slider_next_bg.png) repeat-y left center;  }
#slider .bx-pager					{ position:absolute; left:800px; bottom:10px; z-index:2; }
#slider .bx-pager .bx-pager-item		{ display:inline-block; margin:0 5px; text-indent:-9999px; cursor:pointer; }
#slider .bx-pager .bx-pager-item .bx-pager-link	{ display:block; width:30px; height:10px; background-color:rgba(255,255,255,0.8); }
#slider .bx-pager .bx-pager-item .bx-pager-link.active	{ background-color:#326F98; }
@media screen and (max-width: 768px) {
#slider									{ height:auto; }
#slider .bx-wrapper				{ position:relative; left:0; margin-left:0; }
#slider .bx-viewport				{ width:auto; margin:0 auto; }
#slider #evSlider div			{ min-width: inherit; max-width: inherit; }
#slider .bx-prev					{ display:none;}
#slider .bx-next					{ display:none;}
}

#thumbnail { width:100%; padding:25px 0; border-bottom:1px solid #808080;}
#thumbnail  .custom-thumb { width:930px; margin:0 auto;}
#thumbnail  .custom-thumb li{ list-style-type:none; width:18%; float:left; margin-right:2.5%;}
#thumbnail  .custom-thumb li:last-child{margin-right:0;}
@media screen and (max-width: 768px) {
#thumbnail  .custom-thumb { width:100%;}
#thumbnail  .custom-thumb li{ list-style-type:none; width:30%; float:left; margin-right:5%;}
#thumbnail  .custom-thumb li:nth-child(3)		{margin-right:0;}
#thumbnail  .custom-thumb li:nth-child(4)		{ clear:both; margin-top:15px;}
#thumbnail  .custom-thumb li:last-child{margin-right:0; margin-top:15px;}
}


#topix{ width:930px; margin:0 auto 60px; padding-top:60px;}
#topix h2{ width:20%; float:left; font-family: "Open Sans'"; font-size:25px; color:#4D4D4D;}
#topix h2 span{ display:block; color:#007CC3; font-size:14px; line-height:16px;}
#topix #topixBox{ width:80%; float:right;}
#topix #topixBox ul{ height:460px; overflow:scroll; border:2px solid #E8EAEC;overflow-x: hidden;}
#topix #topixBox ul li{ border-bottom:1px dotted #CDCDCD; padding:15px 15px 15px 5px; background:url(../img/common/icon_arrow01.png) no-repeat 98% center;}
#topix #topixBox ul li a{ color:#404040; display: inline-block;}
#topix #topixBox ul li a:hover{ text-decoration:underline;}
#topix #topixBox #bk{ background:#007CC3; width:160px; height:40px; border-radius:20px; margin-top:30px; float:right;}
#topix #topixBox #bk a{ color:#fff; display:block; font-size:14px; background:url(../img/common/icon_arrow02.png) no-repeat 92% center; line-height:40px; padding:0 0 0 20px; box-sizing:border-box;}
@media screen and (max-width: 768px) {
#topix{ width:100%; margin:0 auto 60px; padding-top:60px;}
#topix h2{ width:100%; float:none; font-family: "Open Sans'"; font-size:25px; color:#4D4D4D;}
#topix h2 span{ display:block; color:#007CC3; font-size:14px; line-height:16px;}
#topix #topixBox{ width:100%; float:none;}
#topix #topixBox ul li{ border-bottom:1px dotted #CDCDCD; padding:15px 15px 15px 5px; background:url(../img/common/icon_arrow01.png) no-repeat right center;}
#topix #topixBox #bk{ background:#007CC3; width:160px; height:40px; border-radius:20px; margin-top:30px; float:right;}
}


#buy{ background:#E8EAEC; width:100%; min-width:930px; padding:60px 0;}
#buy .inner{ background:#fff;}
#buy .inner #area2Left{ width:50%; float:left; border-right: 1px solid #E8EAEC; padding:40px 15px; min-height:440px; box-sizing:border-box;}
#buy .inner #area2Right{ width:50%; float:right; border-left: 1px solid #E8EAEC; padding:40px 15px; min-height:440px; box-sizing:border-box;}
#buy h2{ font-size:24px; background:url(../img/common/icon_title01.png) no-repeat left center; padding-left:60px; margin-bottom:15px;}
#buy ul{ margin-top:20px;}
#buy ul li{ border:1px solid #0066B6; border-radius:5px; width:47.5%;text-align:center; margin-bottom:10px;}
#buy ul li:nth-child(even){ float:right;}
#buy ul li:nth-child(odd){ float:left; clear:both;}
#buy ul li a{ display:block; color:#0066B6; padding:15px 0; }
@media screen and (max-width: 768px) {
#buy{ background:#fff; width:100%; min-width:300px; padding:0;}
#buy .inner{ background:#fff;}
#buy .inner #area2Left{ width:100%; float:none; border-right: none; border-bottom:1px solid #E8EAEC; padding:40px 5px 20px; min-height:440px; box-sizing:border-box;}
#buy .inner #area2Right{ width:100%; float:none; border-left: none; border-bottom:1px solid #E8EAEC; padding:40px 5px; min-height:440px; box-sizing:border-box;}
#buy h2{ font-size:24px; background:url(../img/common/icon_title01.png) no-repeat left center; padding-left:60px; margin-bottom:15px;}
#buy ul{ margin-top:20px;}
#buy ul li{ border:1px solid #0066B6; border-radius:5px; width:47.5%;text-align:center; margin-bottom:10px;}
#buy ul li:nth-child(even){ float:right;}
#buy ul li:nth-child(odd){ float:left; clear:both;}
#buy ul li a{ display:block; color:#0066B6; padding:15px 0; }
}

#event{ background:#fff; width:100%; min-width:930px; padding:90px 0 0;}
#event h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#event h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#event .area3Box{ padding-bottom:30px;}
#event .area3Img{ width:27%; float:left;}
#event .area3Img img{ width:100%; height:auto;}
#event .area3Txt{ width:70%; float:right;}
#event .area3Txt h3{ font-size:18px; font-weight:bold; padding-left:15px; background:url(../img/common/icon_arrow01.png) no-repeat left center; margin-bottom:15px;}
#event .area3Txt h3 a{ color:#333;}
@media screen and (max-width: 768px) {
#event{ background:#fff; width:100%; min-width:300px; padding:60px 0 0;}
#event h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#event h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#event .area3Img{ width:100%; float:none; text-align:center;}
#event .area3Txt{ width:100%; float:none; padding-top:60px;}
#event .area3Txt h3{ font-size:18px; font-weight:bold; padding-left:15px; background:url(../img/common/icon_arrow01.png) no-repeat left center; margin-bottom:15px;}
#event .area3Txt h3 a{ color:#333;}
}

#showroom{ background:#fff; width:100%; min-width:930px; padding:90px 0 0;}
#showroom h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#showroom h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#showroom .showRoomL{ width:48%; float:left; clear:both;}
#showroom .showRoomR{ width:48%; float:right;}
#showroom h3{ font-size:20px; font-weight:bold; display:inline-block; margin:10px 0 30px;}
#showroom .full{ width:160px; height:40px; border-radius:20px; float:right; border:1px solid #007CC3;}
#showroom .full a{ color:#007CC3; display:block; font-size:14px; background:url(../img/common/icon_arrow01.png) no-repeat 92% center; line-height:40px; padding:0 0 0 20px; box-sizing:border-box;}
#showroom ul li:nth-child(even){ float:right;}
#showroom ul li:nth-child(odd){ float:left;}
#showroom #showroom04 ul li{ margin-bottom:25px;}
#showroom .line{ border-bottom:1px dotted #AEAEAE; padding-bottom:45px; margin-bottom:45px;}
.showRoomImg{ display:table; width:450px; height:auto; margin:0 auto;}
.showRoomImg td img {display: block;}
@media screen and (max-width: 768px) {
#showroom{ background:#fff; width:100%; min-width:300px; padding:60px 0 0;}
#showroom h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#showroom h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#showroom .showRoomL{ width:100%; float:none; clear:both;}
#showroom .showRoomR{ width:100%; float:none; margin-top:30px;}
#showroom h3{ font-size:20px; font-weight:bold; display:inline-block; margin:60px 0 10px; clear:both;}
#showroom .full{ width:160px; height:40px; border-radius:20px; float:right; border:1px solid #007CC3; margin-bottom:30px;}
#showroom .full a{ color:#007CC3; display:block; font-size:14px; background:url(../img/common/icon_arrow01.png) no-repeat 92% center; line-height:40px; padding:0 0 0 20px; box-sizing:border-box;}
#showroom ul li:nth-child(even){ float:right; width:48%;}
#showroom ul li:nth-child(odd){ float:left; width:48%; clear:both;}
#showroom #showroom04 ul li{ margin-bottom:25px;}
#showroom .line{ border-bottom:1px dotted #AEAEAE; padding-bottom:45px; margin-bottom:45px;}
#showroom01 .showRoomImgWrap{ width:100%;overflow:scroll;}
}

#link{ margin-top:90px;}
#link .boxL{ background:#fff; width:48%; float:left;}
#link .boxR{ background:#fff; width:48%; float:right;}
#link h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#link h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#link .linkBt{ width:160px; height:40px; border-radius:20px; float:right; border:1px solid #007CC3; margin-top:-90px;}
#link .linkBt a{ color:#007CC3; display:block; font-size:14px; background:url(../img/common/icon_arrow01.png) no-repeat 92% center; line-height:40px; padding:0 0 0 20px; box-sizing:border-box;}
#link ul{ margin-top:20px;}
#link ul li{ border:1px solid #AEAEAE; border-radius:5px; width:47.5%; margin-bottom:10px;}
#link ul li:nth-child(even){ float:right;}
#link ul li:nth-child(odd){ float:left; clear:both;}
#link ul li a{ display:block; color:#484848; padding:15px 0 15px 30px; background:url(../img/common/icon_arrow01.png) no-repeat 6% center; box-sizing:border-box; font-size:14px;}
@media screen and (max-width: 768px) {
#link{ margin-top:60px;}
#link .boxL{ background:#fff; width:100%; float:none;}
#link .boxR{ background:#fff; width:100%; float:none; clear:both; padding-top:60px;}
#link h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:15px;}
#link h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#link .linkBt{ width:160px; height:40px; border-radius:20px; float:right; border:1px solid #007CC3; margin:0 0 15px;}
#link .linkBt a{ color:#007CC3; display:block; font-size:14px; background:url(../img/common/icon_arrow01.png) no-repeat 92% center; line-height:40px; padding:0 0 0 20px; box-sizing:border-box;}
#link ul{ margin-top:20px;}
#link ul li{ border:1px solid #AEAEAE; border-radius:5px; width:47.5%; margin-bottom:10px;}
#link ul li:nth-child(even){ float:right;}
#link ul li:nth-child(odd){ float:left; clear:both;}
#link ul li a{ display:block; color:#484848; padding:15px 0 15px 30px; background:url(../img/common/icon_arrow01.png) no-repeat 6% center; box-sizing:border-box; font-size:14px;}
}

#alacarte{ margin:90px 0;}
#alacarte .inner{}
#alacarte h2{ font-family: "Open Sans'"; font-size:25px; color:#4D4D4D; border-bottom:2px solid #0066B6; padding-bottom:15px; margin-bottom:30px;}
#alacarte h2 span{ color:#007CC3; font-size:14px; line-height:16px; padding-left:1em;}
#alacarte .inner ul li{ width:32%; float:left; margin:0 2% 50px 0; font-size:18px; color:#484848;}
#alacarte .inner ul li span{font-size:14px; color:#666666; }
#alacarte .inner ul li:nth-child(3){ margin-right:0;}
#alacarte .inner ul li a{ width:100%; display:block; margin-bottom:5px;}
@media screen and (max-width: 768px) {
#alacarte{ margin-top:60px;}
#alacarte .inner{}
#alacarte .inner ul li span{ padding:0 !important;}
#alacarte .inner ul li{ margin:0 0 50px 0; width:47.5%; font-size:18px; margin-bottom:10px;color:#484848;}
#alacarte .inner ul li:nth-child(even){ float:right;}
#alacarte .inner ul li:nth-child(odd){ float:left; clear:both;margin-right:5%;}
#alacarte .inner ul li:nth-child(3){ margin-right:5%;}
#alacarte .inner ul li a{ width:100%; display:block; margin-bottom:5px;}
}

#kaiin{ margin:90px 0;}
#kaiin .boxL{ float:left; width:48%;}
#kaiin .boxR{ float:right; width:48%;}
#kaiin .boxL a{ display:block; text-align:center; width:100%; background-color:#0066B6; padding:5px 10px; border:1px solid #0066B6; 	border-radius:10px; box-sizing:border-box;}
#kaiin .boxR a{ display:block; text-align:center; width:100%; background-color:#F89E00; padding:5px 10px; border:1px solid #F89E00; 	border-radius:10px; box-sizing:border-box;}
#kaiin img{ max-height:60px;}
@media screen and (max-width: 768px) {
#kaiin img{ max-height:35px;}
}
.spn{
	display:none !important;
}
@media screen and (max-width: 768px) {
.spn{
	display: inline-block;
}
}