@charset "utf-8";



/*############################################################################*/
/*

用途名：説明
・各クラスの区切りは１行、大きな区分けの場合（#記号）は上に２行空ける。
・最後に「以上」と入れる。

*/
/*############################################################################*/


#c3_1 {
  margin: 40px 0;
  padding: 0;
}

.hotel_plan_info_box {
  margin: 0;
  padding: 0;
	margin-top: 30px;
	margin-bottom: 30px;
  overflow: hidden;
  font-size: 3rem;
}

.hotel_plan_info {
  height: 300px;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hotel_plan {
  box-sizing: border-box;
  position: absolute;
  top: 10px;
  width: 300px;
  height: auto;
  margin: 0 20px;
  padding: 20px;
  background-color: #ffffff;
	box-shadow:0px 1px 8px 0px #e5c6cb;
}


/*左右ボタン*/

.hotel_plan_info_box_left {
  position: absolute;
  top: 20%;
  left: 2px;
  display: block;
  overflow: hidden;
  margin: 0;
  padding-top: 50px;
  height: 0 !important;
  line-height: 250%;
  width: 50px;
	background: url(../img/common_layout/hotel_plan_info_box_left.svg) center center no-repeat;
  background-size: 70%;
  background-color: #000000;
	border:2px solid #ffffff;
	border-radius: 50%;
	box-shadow:0px 1px 8px 0px #736668;
	opacity: .2;
}

.hotel_plan_info_box_right {
  position: absolute;
  top: 20%;
  left: 630px;
  display: block;
  overflow: hidden;
  margin: 0;
  padding-top: 50px;
  height: 0 !important;
  line-height: 250%;
  width: 50px;
	background: url(../img/common_layout/hotel_plan_info_box_right.svg) center center no-repeat;
  background-size: 70%;
  background-color: #000000;
	border:2px solid #ffffff;
	border-radius: 50%;
	box-shadow:0px 1px 8px 0px #736668;
}


@media (max-width: 767px) {
.hotel_plan_info_box_right {
	left:auto;
  right: 5px;
}
}