@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
}

a,
a:link,
a:visited,
a:active,
a:hover{
	text-decoration:none;
}
	
.block img{
	margin-bottom:6px;
}
.bg_white {
	background-color:#FFF;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*---------------------------------------------------------------------------*/
.mainTitle-1{
	margin:0 auto;
	text-align:center;
	padding:50px;
}


/*---------------------------------------------------------------------------*/
.photoSlide {
  height: 100%;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 980px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.photoSlide .photoSlideList li div {
  height: 100%;
  margin: 0 auto;
  max-width: 1920px;
	min-height: 650px;
  min-width: 980px;
}

.photoSlide .type_01 {
  background:url(../img/slide01.jpg) center top no-repeat #ffffff;
  background-size: cover;
}
.photoSlide .type_02 {
  background:url(../img/slide02.jpg) center top no-repeat #ffffff;
  background-size: cover;
}
.photoSlide .type_03 {
  background:url(../img/slide03.jpg) center top no-repeat #ffffff;
  background-size: cover;
}
.photoSlide .type_04 {
  background:url(../img/slide04.jpg) center top no-repeat #ffffff;
  background-size: cover;
}
/*---------------------------------------------------------------------------*/
.mainTitle-2{
	width:100%;
	height:500px;
	margin:0 auto;
}

.mainTitle-2 .lead{
	float:left;
	margin-top:-90px;
	margin-left:18%;
	background:#FFF;
	opacity:0.6;
	width:305px;
	height:500px;
}

.mainTitle-2 ul.navi{
	float:right;
	margin-top:100px;
	margin-right:18%;
	width:320px;
	height:229px;
}
.mainTitle-2 ul.navi li{
	width:320px;
	height:75px;
	border-bottom:2px solid #B9AA60;
}
.mainTitle-2 ul.navi li:first-child{
	border-top:2px solid #B9AA60;
}

/*---------------------------------------------------------------------------*/
.timeline{
	width:924px;
	height:1600px;
	margin:0 auto;
	background:
	url(../img/bg01.png) repeat-x left top,
	url(../img/timeline.png) center top no-repeat, 
	url(../img/bg02.png) ;
}
/*---------------------------------------------------------------------------*/
#wrapper{
	width:860px;
	margin:0 auto;
}
.boxArea .mainTitle{
	width:860px;
	margin:0 auto 60px;
	padding-top:100px;
	font-size:16px;
	line-height:1.7;
}
.boxArea .mainTitle img{
	margin-bottom:40px;
}
.boxArea .mainTitle p{
	font-size:16px;
	line-height:1.8;
	text-align:center;
}
.infoBox{
	margin:0 auto;
	padding-bottom:80px;
}
.infoBox .mainImg{
	width:860px;
	height:400px;
	margin:0 auto 35px;
}
.infoBox .infoContents{
	width:830px;
	height:490px;
	margin:0 auto 50px;
}
.infoBox .infoContents .shopInfo{
	float:left;
	width:420px;
	height:490px;
	position:relative;
}
.infoBox .infoContents .shopInfo .shopTitle{
	font-size:14px;
	line-height:1.8;
	text-align:left;
	margin-bottom:40px;
}
.infoBox .infoContents .shopInfo .shopTitle img{
	margin-bottom:20px;
}
.infoBox .infoContents .shopInfo .address{
	font-size:13px;
	line-height:1.7;
	text-align:left;
	margin-bottom:15px;
}
.infoBox .infoContents .shopInfo .access{
	border-left:5px solid #DA4613;
	padding-left:15px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
}
.infoBox .infoContents .shopInfo .access-2{
	border-left:5px solid #80B6E1;
	padding-left:15px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
}

.infoBox .infoContents .shopInfo ul.btnBox{
	width:420px;
	height:31px;
	position:absolute;
	bottom:0;	
}
.infoBox .infoContents .shopInfo ul.btnBox li{
	float:left;
	margin-right:20px;
}
.infoBox .infoContents .shopInfo ul.btnBox li a{
	padding:0;
}
.infoBox .infoContents .subImg{
	float:right;
	width:370px;
	height:490px;
}
.infoBox .planBox{
	width:830px;
	margin:0 auto;
	background:url(../img/bg-shPlan.png)left top no-repeat, url(../img/bg02.png);
	display:flex;
	align-items:center;
}
.infoBox .planBox .planTitle{
	width:230px;
	float:left;
	font-size:21px;
	color:#db4713;
	font-weight:bold;
 }
 .infoBox .planBox-2{
	width:830px;
	margin:0 auto;
	background:url(../img/bg-chPlan.png)left top no-repeat, url(../img/bg02.png);
	display:flex;
	align-items:center;
}
.infoBox .planBox-2 .planTitle{
	width:230px;
	float:left;
	font-size:21px;
	color:#80B6E1;
	font-weight:bold;
 }

	 
.infoBox .planBox .planInfo,
.infoBox .planBox-2 .planInfo{
	width:600px;
	float:right;
	border-left:3px solid #FFF;
	text-align:left;
	padding:25px 25px 20px;
}
.infoBox .planBox .planInfo .planSubTitle,
.infoBox .planBox-2 .planInfo .planSubTitle{
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	font-weight:bold;
}
.infoBox .planBox .planInfo .planPrice,
.infoBox .planBox-2 .planInfo .planPrice{
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}
.infoBox .planBox .planInfo .cap,
.infoBox .planBox-2 .planInfo .cap{
	font-size:11px;
}
.infoBox .planBox .planInfo .planTxt-1,
.infoBox .planBox-2 .planInfo .planTxt-1{
	font-size:12px;
	line-height:1.4;
	margin-bottom:20px;
}
.infoBox .planBox .planInfo ol,
.infoBox .planBox-2 .planInfo ol{
	padding-left:25px;
	margin-bottom:6px;
}
.infoBox .planBox .planInfo ol li,
.infoBox .planBox-2 .planInfo ol li{
	font-size:14px;
	line-height:1.5;
	list-style:decimal;
}
.infoBox .otherPlace{
	width:307px;
	height:52px;
	margin:60px auto 0;
}

/*---------------------------------------------------------------------------*/
.photoSlide .bx-wrapper {
  margin: 0 auto;
  width: 1920px;
}

.photoSlide .bx-wrapper .bx-viewport {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 0;
}

.photoSlide .bx-wrapper .bx-pager,
.photoSlide .bx-wrapper .bx-controls-auto {
	bottom: 30px;
	position: absolute;
  right: 15px;
	width: auto;
}

.photoSlide .bx-wrapper .bx-loading {
  background: url(../../img/common/bx_loader.gif) center center no-repeat #ffffff;
}

.photoSlide .bx-wrapper .bx-pager .bx-pager-item,
.photoSlide .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  vertical-align: middle;
}
.photoSlide .bx-wrapper .bx-pager.bx-default-pager a {
  background: #beb098;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: 6px;
  width: 6px;
}
.photoSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.photoSlide .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #beb098;
  height: 10px;
  width: 10px;
}