@charset "UTF-8";
/*Page Top Main Visual Area
---------------------------- */
.page-top-mv-area {
 height: 300px;
 position: relative;
 overflow: hidden;
}
.page-top-mv-area.framein-elm {
 opacity: 0;
 transition: all 2.5s;
}
.page-top-mv-area.framein {
 opacity: 1;
}
.page-top-mv-area .ttl {
 color:transparent;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 100;
 font-size: 4.0rem;
 letter-spacing: .2em;
}
.page-top-mv-area img.bg-img {
 position: absolute;
 top:0;
 left: 50%;
 -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
 min-width: 100%;
 max-width: initial;
 max-width: auto;
 max-width: none;
}
@media screen and (max-width: 750px) {
 .page-top-mv-area {
  padding-top:40%;
  height: auto;
  position: relative;
  overflow: hidden;
 }
 .page-top-mv-area .ttl {
  font-size: 2.6rem;
  line-height: 1.3;
  letter-spacing: .2em;
  width: 100%;
  text-align: center;
 }
 .page-top-mv-area .bg-img {
  min-width: initial;
  min-width: auto;
  height:100%;
 }
}
/*Breadcrumb
---------------------------- */
.breadcrumb-area {
}
.breadcrumb {
	padding:10px 0;
 letter-spacing: -.4em;
	line-height: 1.5;
 font-size: 1.4rem;
	color:#4b4b4b;
}
.breadcrumb:after { content: ""; clear: both; display: block;}

.breadcrumb li {
	display:inline;
 letter-spacing: .04em;
	padding:0 8px 0 0;
}
.breadcrumb > li::before {
 content: "";
 display: inline-block;
 vertical-align: middle;
 width: 8px;
 height: 8px;
 margin-right: 10px;
 margin-top:-3px;
 border-bottom: solid 1px;
 border-right: solid 1px;
 border-color: #4b4b4b;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.breadcrumb li:first-child::before {
 content: none;
}
.breadcrumb li a {
 transition: all .3s;
}
.breadcrumb li a:hover {
	color:#999;
}
@media screen and (max-width: 750px) {
 .breadcrumb {
  font-size: 1.2rem;
 }
}
/*Page Top Title Area
---------------------------- */
.page-top-ttl-area {
 text-align: center;
 margin:50px 0;
}
.page-top-ttl-area .ttl {
 font-weight: bold;
 font-size:2.8rem;
 margin-bottom: 15px;
}
.page-top-ttl-area .sub-ttl {
 font-weight: bold;
 font-size:2.0rem;
}
.page-top-ttl-area .ttl.framein-elm {
 opacity: 0;
 transition: all 2s ease 0s;
 transform: translateY(-50%);
}
.page-top-ttl-area .ttl.framein {
 opacity: 1;
 transform: translateY(0);
}
.page-top-ttl-area .sub-ttl.framein-elm {
 opacity: 0;
 transition: all 2.5s ease 0s;
 transform: translateY(-50%);
}
.page-top-ttl-area .sub-ttl.framein {
 opacity: 1;
 transform: translateY(0);
}
@media screen and (max-width: 750px) {
 .page-top-ttl-area {
  margin:25px 0;
 }
 .page-top-ttl-area .ttl {
  font-size:2.0rem;
  margin-bottom: 10px;
 }
 .page-top-ttl-area .sub-ttl {
  font-size:1.6rem;
 }
 .page-top-ttl-area .sub-ttl br {
  display:none;
 }
}
/*Page Content Menu
---------------------------- */
.page-cont-menu {
 text-align: center;
 letter-spacing: -.4em;
 margin:50px auto;
}
.page-cont-menu > li {
 display:inline-block;
 letter-spacing: .04em;
 margin:5px;
}
@media screen and (max-width: 750px) {
 .page-cont-menu {
  margin:25px auto;
 }
}

/*Content 3column Box 追加
---------------------------- */
 margin-top:50px;
 margin-bottom:50px;
}
.cont-3col-box-list > li {}
.cont-3col-box-list > li::after { content: ""; clear: both; display: block;}
.cont-3col-box-list .ph-area {
 width:300px;
 height: 200px;
 overflow: hidden;
 float:left;
}



/*Content 2column Box
---------------------------- */
.cont-2col-box-list {
 margin-top:50px;
 margin-bottom:50px;
}
.cont-2col-box-list > li {}
.cont-2col-box-list > li::after { content: ""; clear: both; display: block;}
.cont-2col-box-list .ph-area {
 width:600px;
 height: 400px;
 overflow: hidden;
 float:left;
}
.cont-2col-box-list >li:nth-child(even) .ph-area {
 float:right;
}
.cont-2col-box-list .ph-area img {
 width:100%;
}
.cont-2col-box-list .cont-area {
 width:600px;
 min-height: 400px;
 /*display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;*/
 position: relative;
 float:left;
}
.cont-2col-box-list .cont-area > .inner-area {
 position:absolute;
 top: 50%;
 left:0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 padding:10px 0 10px 40px;
}
.cont-2col-box-list >li:nth-child(even) .cont-area > .inner-area {
 padding-right: 40px;
}
.cont-2col-box-list .cont-area .ttl {
 font-size:2.0rem;
 font-weight: bold;
 margin-bottom: 15px;
}
.cont-2col-box-list .cont-area .cont-txt {
 line-height: 1.7;
}
.cont-2col-box-list .cont-area .cont-txt p {
  margin-bottom: 1em;
 }
.cont-2col-box-list .ph-area.framein-elm {
 opacity: 0;
 transition: all 1.5s ease 0s;
 transform: translateX(-20%);
}
.cont-2col-box-list .ph-area.framein {
 transform: translateX(0);
 /*animation: show 0.5s ease 0s;*/
 opacity: 1;
}
.cont-2col-box-list >li:nth-child(even) .ph-area.framein-elm {
 transform: translateX(20%);
}
.cont-2col-box-list >li:nth-child(even) .ph-area.framein {
 transform: translateX(0);
}
.cont-2col-box-list .cont-area.framein-elm {
 opacity: 0;
 transition: all 1.5s ease 0s;
 transform: translateX(20%);
}
.cont-2col-box-list .cont-area.framein {
 transform: translateX(0);
 opacity: 1;
}
.cont-2col-box-list >li:nth-child(even) .cont-area.framein-elm {
 transform: translateX(-20%);
}
.cont-2col-box-list >li:nth-child(even) .cont-area.framein {
 transform: translateX(0);
}
@media screen and (max-width: 750px) {
 .cont-2col-box-list {
  margin-top:25px;
  margin-bottom:25px;
 }
 .cont-2col-box-list .ph-area {
  width:100%;
  height: auto;
  overflow: hidden;
  float:none;
 }
 .cont-2col-box-list >li:nth-child(even) .ph-area {
  float:none;
 }
 .cont-2col-box-list .cont-area {
  width:100%;
  min-height: initial;
  min-height: auto;
  padding:20px 0;
  display: block;
  float:none;
 }
 .cont-2col-box-list >li:nth-child(even) .cont-area {
  padding-right: 0;
 }
 .cont-2col-box-list .cont-area > .inner-area {
  position:static;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  padding:0;
 }
 .cont-2col-box-list >li:nth-child(even) .cont-area > .inner-area {
  padding-right: 40px;
 }
 .cont-2col-box-list .cont-area .ttl {
  font-size:2.0rem;
  margin-bottom: 10px;
 }
 .cont-2col-box-list .cont-area .cont-txt {
  line-height: 1.7;
 }
 .cont-2col-box-list .cont-area .cont-txt br:not(.sp) {
  display:none;
 }
 .cont-2col-box-list .ph-area.framein-elm {
  opacity: 0;
  transition: all 1.5s ease 0s;
  transform: translateX(-20%);
 }
 .cont-2col-box-list .ph-area.framein {
  transform: translateX(0);
  opacity: 1;
 }
 .cont-2col-box-list >li:nth-child(even) .ph-area.framein-elm {
  transform: translateX(-20%);
 }
 .cont-2col-box-list >li:nth-child(even) .ph-area.framein {
  transform: translateX(0);
 }
 .cont-2col-box-list .cont-area.framein-elm {
  opacity: 0;
  transition: all 1.5s ease 0s;
  transform: translateX(20%);
 }
 .cont-2col-box-list .cont-area.framein {
  transform: translateX(0);
  opacity: 1;
 }
 .cont-2col-box-list >li:nth-child(even) .cont-area.framein-elm {
  transform: translateX(20%);
 }
 .cont-2col-box-list >li:nth-child(even) .cont-area.framein {
  transform: translateX(0);
 }
}
/*Contents Txt
---------------------------- */
.room-spec-list {
 overflow: hidden;
}
.room-spec-list > dt {
 width:5em;
 float:left;
 clear: both;
}
.room-spec-list > dd {
 overflow: hidden;
}
/*Thumbnail Slider for PC
---------------------------- */
.thumbnail-slider-pc {
 margin-top:50px;
 margin-bottom:50px;
 width: 1050px;
}
.thumbnail-slider-pc.framein-elm {
 opacity: 0;
 transition: all 1.5s;
}
.thumbnail-slider-pc.framein {
 opacity: 1;
}
.thumbnail-slider-pc .slider {
 display: none;
 transition: all .3s;
 margin-left:auto;
 margin-right: auto;
}
.thumbnail-slider-pc .slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.thumbnail-slider-pc .slider-nav li .ph{
 position:relative;
}
.thumbnail-slider-pc .slider-nav li .ph::after{
 content:'';
 position: absolute;
 top:0;
 bottom:0;
 left:0;
 right: 0;
 margin:auto;
 background-color:rgba(255,255,255,.5);
}
.thumbnail-slider-pc .slider-nav li.thumbnail-current .ph::after{
 background-color:transparent;
}
@media screen and (max-width: 750px) {
 .thumbnail-slider-pc {
  margin-top:25px;
  margin-bottom:25px;
  width: 91%;
 }
 .thumbnail-slider-pc.framein-elm {
  opacity: 1;
  transition:none;
 }
 .thumbnail-slider-pc .slider {
  display:none;
 }
 .thumbnail-slider-pc .slider-nav li .ph::after{
  content:none;
 }
}
/*Thumbnail Slider Column Nav
---------------------------- */
.thumbnail-slider-col-r {
 width:1050px;
 margin:0 auto;
 overflow: hidden;
}
.thumbnail-slider-col-r .slider {
 float:left;
 width:870px;
}
.thumbnail-slider-col-r .slider-nav {
 float:right;
 width:174px;
}
.thumbnail-slider-col-r .slider,
.thumbnail-slider-col-r .slider-nav{
 display: none;
 transition: all .3s;
}
.thumbnail-slider-col-r .slider.slick-initialized,
.thumbnail-slider-col-r .slider-nav.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.thumbnail-slider-col-r .slider-nav .slick-slide{
 border:none;
 position: relative;
 outline: none;
}
.thumbnail-slider-col-r .slider-nav .slick-slide::before{
 content:'';
 position: absolute;
 height: 1px;
 width: 100%;
 background-color: #fff;
 bottom:0;
 left:0;
}
.thumbnail-slider-col-r .slider-nav .slick-slide::after{
 content:'';
 position: absolute;
 top:0;
 bottom:0;
 left:0;
 right: 0;
 margin:auto;
 background-color:rgba(255,255,255,.5);
}
.thumbnail-slider-col-r .slider-nav .slick-slide.slick-current::after{
 background-color:transparent;
}
@media screen and (max-width: 750px) {
 .thumbnail-slider-col-r {
  width:100%;
 }
 .thumbnail-slider-col-r .slider {
  float:none;
  width:100%;
 }
 .thumbnail-slider-col-r .slider-nav {
  float:none;
  width:100%;
  margin-top:5px;
 }
 .thumbnail-slider-col-r .slider-nav .slick-slide::before{
  content:'';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  bottom:0;
  left:0;
 }
}
/*Thumbnail Slider Column Area
---------------------------- */
.thumb-slide-col-area {
 width:1050px;
 margin:50px auto;
}
.thumb-slide-col-area.framein-elm {
 opacity: 0;
 transition: all 1.5s;
}
.thumb-slide-col-area.framein {
 opacity: 1;
}
.thumb-slide-col-area .ttl {
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom: 15px;
}
.thumb-slide-col-area .cont-txt {
 line-height: 1.7;
 margin-top:15px;
}
.thumb-slide-col-area .cont-txt p {
 margin-bottom: 1em;
}
@media screen and (max-width: 750px) {
 .thumb-slide-col-area {
  width:91%;
  margin:25px auto;
 }
}
/*Photo Column List
---------------------------- */
.ph-col-List {
 margin-top:80px;
 margin-bottom:80px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
.ph-col-List > li {
 width:255px;
 margin-right: 10px;
 margin-bottom: 10px;
}
.ph-col-List > li:nth-child(4n) {
 margin-right: 0;
}
.ph-col-List .ph {}
.ph-col-List .caption {
 font-size:1.4rem;
 margin-top: 5px;
 line-height: 1.4;
}
.ph-col-List > li.framein-elm {
 opacity: 0;
 transition: all 2s ease 0s;
 transform: translateY(-50%);
}
.ph-col-List > li.framein {
 opacity: 1;
 transform: translateY(0);
}
@media screen and (max-width: 750px) {
 .ph-col-List {
  margin-top:25px;
  margin-bottom:40px;
  display: block;
 }
 .ph-col-List > li {
  width:100%;
  margin-right: 0;
  margin-bottom: 10px;
 }
 .ph-col-List .caption {
  font-size:1.2rem;
  margin-top: 5px;
  line-height: 1.4;
 }
}
/*Page bottom Visual Area
---------------------------- */
.page-btm-v-area {
 text-align: center;
 margin:80px 0;
}
.page-btm-v-area.framein-elm {
 opacity: 0;
 transition: all 2.5s;
}
.page-btm-v-area.framein {
 opacity: 1;
}
@media screen and (max-width: 750px) {
 .page-btm-v-area {
  margin:40px 0;
 }
}
/*Access 
---------------------------- */
.access-train-area {
 text-align: center;
}
.access-train-area.framein-elm {
 opacity: 0;
 transition: all 1.5s ease 0s;
 transform: translateX(-20%);
}
.access-train-area.framein {
 transform: translateX(0);
 opacity: 1;
}
.access-car-area {
 text-align: center;
}
.access-car-area.framein-elm {
 opacity: 0;
 transition: all 1.5s ease 0s;
 transform: translateX(20%);
}
.access-car-area.framein {
 transform: translateX(0);
 opacity: 1;
}
.access-map-area {
 margin-bottom: 80px;
}
.access-map-area.framein-elm {
 opacity: 0;
 transition: all 1.5s ease 0s;
 transform: translateX(-20%);
}
.access-map-area.framein {
 transform: translateX(0);
 opacity: 1;
}
.access-map-area .address {
 text-align: center;
 margin-bottom: 10px;
}
.info-detail-area {
 overflow: hidden;
}
.info-detail-area.framein-elm {
 opacity: 0;
 transition: all 2s ease 0s;
}
.info-detail-area.framein {
 opacity: 1;
}
.info-left-list,.info-right-list{
 width:585px;
 margin-right: 30px;
 float:left;
}
.info-right-list{
 margin-right: 0;
}
.info-left-list > dt,.info-right-list > dt{
 margin-bottom: 5px;
}
.info-detail-list {
 overflow: hidden;
}
.info-right-list > dd{
 margin-bottom: 20px;
}
.info-detail-list > dt {
 width:4.5em;
 float:left;
 clear: both;
}
.info-detail-list > dd {
 overflow: hidden;
 padding-left: 1em;
 text-indent: -1em;
}
@media screen and (max-width: 750px) {
 .access-train-area.framein-elm {
  opacity: 0;
  transition: all 1.5s ease 0s;
  transform: translateX(0);
 }
 .access-train-area.framein {
  transform: translateX(0);
  opacity: 1;
 }
 .access-map-area.framein {
  display:none;
 }
 .info-left-list,.info-right-list{
  width:100%;
  margin-right: 0;
  float:none;
 }
 .info-left-list > dd,.info-right-list > dd{
  margin-bottom: 15px;
 }
}
/*Common List Style
---------------------------- */
ul.normal > li {
	padding-left:1em;
	text-indent: -1em;
}
ul.normal > li:before {
content:'\025CF';
display: inline-block;
margin-left:1em;
}
ul.normal-sml > li {
	padding-left:1em;
	text-indent: -1em;
}
ul.normal-sml > li:before {
content:'\30FB';
display: inline-block;
margin-left:1em;
}
ul.normal-square > li {
 padding-left:1em;
	text-indent: -1em;
}
ul.normal-square > li:before {
content:'';
display:inline-block;
height: .85em;
width: .85em;
margin-right: .15em;
background-color: #333;
}
ul.indent1em > li,ol.indent1em > li {
	padding-left:1em;
	text-indent: -1em;
}
ol.normal > li {
	background:none;
	list-style-type:decimal;
	margin:0 0 0 2em;
	padding-left:0;
}
dl.normal-square > dt {
 padding-left:1em;
	text-indent: -1em;
}
dl.normal-square > dt:before {
 content:'';
 display:inline-block;
 height: .85em;
 width: .85em;
 margin-right: .15em;
 background-color: #555;
}
dl.normal-square > dd {
 padding-left:1em;
}