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



.title {
	position: relative;
	text-align: center;

}


.title__img{
  width:  100%;
  height:auto;
  overflow: hidden;
	}
.title__img img{
     width: 100%;
   }

.main_text_after {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 70%;
	padding:30px;
	background : rgba(0,0,0,0.5);
}


@media screen and (max-width: 992px){
	.main_text_after {

width: 80%;

}

.title__img{
  height: auto;
	  width: auto;
	}
}

.title__img img{
     width: 80%;
   }



.main_text_after h2 {
	  font-size:24px;
	  letter-spacing:2px;
	  margin-bottom:10px;
		  width:100%;

	    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			  line-height:40px;
	color: #FFFFFF;

}
.main_text_after h6 {
	  font-size:16px;
	  letter-spacing:2px;
	  margin-bottom:24px;
		  width:100%;
line-height:20px;
	color: #fff;

}
.main_text_after p {
	  font-size:18px;
	  letter-spacing:1px;
	  line-height:40px;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:center;	
		color: #FFFFFF;
	 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}


@media screen and (max-width: 767px){
	.title__img img{
     width: 82%;
   }
	
	.main_text_after {
	
	width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}
.main_text_after h2 {
	  font-size:18px;
		line-height:26px;

}
	
	.main_text_after p {
	  font-size:16px;
	  line-height:28px;
	  
}
}








/* ==========================================================================
plan
========================================================================== */
.wrap_intro{
	padding-top:80px;

  }

@media screen and (max-width: 768px){
	
	.wrap_intro{
	padding-top:20px;

  }
	  }


#intro{
	padding-bottom: 70px;
	padding-top:80px;

  }


#intro h3{
	margin-top:0px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	border-bottom: 2px solid #000000;
	padding-bottom: 16px;


  }


@media screen and (max-width: 768px){
	#intro h3{
		padding-left: 30px;
		padding-right: 30px;


  }

	  }
	
#intro p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:24px;
	  margin-top:15px;
	  padding-left: 10px;
	  padding-right: 10px;
	color: #424242;
	margin-bottom: 20px;
}

  .map_img {
	  margin-bottom:100px;
}


  .hall {
	  padding-top: 100px;

}




.box3 {
margin-bottom:30px;
	margin-top: 30px;
	float: left;
  }
 
  .box3 img {
	  width:100%;
	  height:auto;

  }

.over_img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}


  .box3 h5 {
    font-weight: 400;
	text-align:center;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height: 16px;
	  margin-top:14px;
}


  .box4 p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:12px;
	  line-height: 18px;
	  margin-top:10px;
	  padding-left: 10px;
	  padding-right: 10px;
	  color: #000000;
	  height: 60px;
}








.box_hall {
margin-bottom:30px;
	margin-top: 30px;
	float: left;
  }



.box_hall h5 {
	line-height: 24px;
	font-weight: normal;

  }
 
  .box_hall img {
	  width:100%;
	  height:auto;
	  padding-left: 10px;
	  padding-right: 10px;

  }




.box_hall h6 {
	text-align:center;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:14px;
	  padding-left: 10px;
	  padding-right: 10px;
	  color: #bca2a0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
@media (max-width: 768px) {
	
.box_hall {
margin-bottom:0px;
	margin-top: 5px;
  }
	
.box_hall p {
	margin-top: 0px;
	padding-top: 0px;
  }
	.box_hall h6 {
padding-bottom: 14px;
}



 }

.breadth{
	width: 50%;
	float: left;
	padding-left: 10px;
}
.breadth2{
	width:100%;
	float: left;
	margin-top: 20px;
		padding-left: 10px;
}

.breadth3 {
	width: 42%;
	float: left;
	margin-left: 4%;
	margin-right: 4%;
	border-bottom: 1px solid #B5B5B5;
	height: 130px;
	padding-top: 10px;
	padding-left: 10px;
}
.breadth3 h5 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;

}
.breadth3 {
	font-size: 14px;
	line-height: 22px;
}
@media (max-width: 768px) {
	.breadth3 {
	font-size: 12px;
}
}
.non_border {

	border-bottom: none;
}

.room_name {
	float: right;
	padding-right: 15px;
	padding-top: 6px;

}





.zumen{
	width: 50%;
	float: right;
	
}

.wifi {
	width:100%;
	
}
/* 5 Columns */




.col-lg-five-1, .col-md-five-1, .col-sm-five-1, .col-xs-five-1,
.col-lg-five-2, .col-md-five-2, .col-sm-five-2, .col-xs-five-2,
.col-lg-five-3, .col-md-five-3, .col-sm-five-3, .col-xs-five-3,
.col-lg-five-4, .col-md-five-4, .col-sm-five-4, .col-xs-five-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}   
.col-xs-five-1 {
  width: 33%;
  float: left;
	  padding-right: 3px;
  padding-left: 7px;
}
.col-xs-five-2 {
  width: 40%;
  float: left;
}
.col-xs-five-3 {
  width: 60%;
  float: left;
}
.col-xs-five-4 {
  width: 80%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-five-1 {
    width: 20%;
    float: left;
  }
  .col-sm-five-2 {
    width: 40%;
    float: left;
  }
  .col-sm-five-3 {
    width: 60%;
    float: left;
  }
  .col-sm-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-five-1 {
    width: 20%;
    float: left;
  }
  .col-md-five-2 {
    width: 40%;
    float: left;
  }
  .col-md-five-3 {
    width: 60%;
    float: left;
  }
  .col-md-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-five-1 {
    width: 20%;
    float: left;
  }
  .col-lg-five-2 {
    width: 40%;
    float: left;
  }
  .col-lg-five-3 {
    width: 60%;
    float: left;
  }
  .col-lg-five-4 {
    width: 80%;
    float: left;
  }
}

/*部屋スライド */


   #mainImg{
            margin-bottom: 10px;
            height: auto;
        }

   #mainImg img{
            width: 100%;
            height: auto;
        }

        #subImg{
            display: flex;
            justify-content: space-between;
        }
        #subImg li{
            width: 25%;
			text-align: center;
			font-size: 14px;
			margin-top: 8px;
        }