/* Flexbox */
.flexbox {
	display: flex;
	padding-top: 10px;
}
.flexbox_left {
	width: 40%;
}
.flexbox_left img {
	width: 100%;
}
.flexbox_right {
	width: 60%;
	padding: 0 0 0 10px;
	font-size: 12px;
}
/* end Flexbox */
/* レンタカー */
.rentcar img{
	width: 100%;
	max-width: 200px;
}
.indent {
	margin: 1% 0 0 6%;
}
.unit_imgbox {
  margin: 3% 0;
  display: -webkit-flex;  /* Safari */
  display: flex;
  -webkit-justify-content: space-around;  /* Safari */
  justify-content: space-around;
}
.unit_imgbox img {
	width: 100%;
}
@media only screen and (min-width: 641px) {
.float_media-list {
  margin-left: 2em;
}
.float_media-lss .float_media-image:nth-child(2) {
  margin-top: 10px;
}
.btn_link {
  display: block;
}
.blue {
  color: #009eff;
}
.mediumblue {
  color: mediumblue;
}
.tokuten_tsuika {
  color: red;
  font-size: 24px;
}

/* 夏トクプラン */
.unit_plan_natsu{
  margin-bottom: 3%;
  padding: 1%;
  border-radius: 15px ;
  background: -moz-linear-gradient(top, #aef4b3, #4bea5a);
  background: -webkit-linear-gradient(top, #aef4b3, #4bea5a);
  background: linear-gradient(to bottom, #aef4b3, #4bea5a);
}
.unit_plan_natsu hr {
  width: 97%;
}
.unit_plan_natsu p {
  font-weight: bold;
  margin: 2% 1% 2% 1%;
}
.natsu_plan_logo {
  width: 98%;
}
.natsu_plan_logo img{
  margin: 1% 0 0 2%;
  width: 100%;
}
.natsu_kikan_plice{
text-align: center;
  width: 100%;
}
.natsu_kikan_plice img{
  width: 98%;
}

/* ゆったりプラン */
.unit_plan_yuttari{
  margin-bottom: 3%;
  padding: 1%;
  border-radius: 15px ;
  background: -moz-linear-gradient(top, #f4d0eb, #e588d3);
  background: -webkit-linear-gradient(top, #f4d0eb, #e588d3);
  background: linear-gradient(to bottom, #f4d0eb, #e588d3);
}
.unit_plan_yuttari hr {
  width: 97%;
}
.unit_plan_yuttari p {
  font-weight: bold;
  margin: 2% 1% 2% 1%;
}
.yuttari_plan_logo {
  width: 100%;
}
.yuttari_plan_logo img{
  margin: 1% 0 0 2%;
  width: 98%;
}
.yuttari_kikan_plice{
text-align: center;
  width: 100%;
}
.yuttari_kikan_plice img{
  width: 98%;
}

/* フェリー限定プラン */
.unit_plan_ferry{
  margin-bottom: 3%;
  padding: 1%;
  border-radius: 15px ;
  background: -moz-linear-gradient(top, #b6e6f2, #3ec8ed);
  background: -webkit-linear-gradient(top, #b6e6f2, #3ec8ed);
  background: linear-gradient(to bottom, #b6e6f2, #3ec8ed);
}
.unit_plan_ferry hr {
  width: 97%;
}
.unit_plan_ferry p {
  font-weight: bold;
  margin: 2% 1% 2% 1%;
}
.ferry_plan_logo {
  width: 100%;
}
.ferry_plan_logo img{
  margin: 1% 0 0 2%;
  width: 98%;
}
.ferry_kikan_plice{
text-align: center;
  width: 100%;
}
.ferry_kikan_plice img{
  width: 98%;
}
/* 各プラン スモールバナー */
.unit_imgbox {
  margin: 3% 0;
  display: -webkit-flex;  /* Safari */
  display: flex;
  -webkit-justify-content: space-around;  /* Safari */
  justify-content: space-around;
}
.unit_imgbox img {
	width: 100%;
}
.aside_box-caution {
  background-color: gold;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
/* フェリー割引 */
.unit_ferry_waribiki {
  margin: 0;
}
.unit_ferry_waribiki a:link{
  color: green;
}
.unit_ferry_waribiki a:hover{
  color: blue; 
}
/* コーヒー特典 */
.hokkaido_coffee_pho {
	padding: 1%;
}
.hokkaido_coffee img{
	width: 100%;
}
/* レンタカー */
.rentcar img{
	width: 100%;
	max-width: 200px;
}
/* Flexbox */
.flexbox {
	display: flex;
	padding-top: 15px;
}
.flexbox_left {
	width: 40%;
}
.flexbox_left img {
	width: 100%;
}
.flexbox_right {
	width: 60%;
	padding: 0 0 0 10px;
	font-size: 14px;
}
/* end Flexbox */
.indent {
	margin: 1% 0 0 6%;
}
.br-pc {
	display: none;
}
}