/* 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: 11px;
}
/* end Flexbox */
/* レンタカー */
.rentcar img{
	width: 100%;
	max-width: 200px;
}
.indent {
	margin: 1% 0 0 6%;
}
.unit_imgbox {
  margin: 3% 0;
}
.unit_imgbox ul {
  margin: 3% 0;
  display: flex;
  justify-content: space-around;
}
.unit_imgbox li {
  width: 32%;
}
.unit_imgbox img {
	width: 100%;
}
	/* カレンダー */
.contents .cont_calenderbox1 {
	min-height: 215px;
  width: 100%;
  float: left;
	margin-right: 1%;
  text-align: center;
  margin-bottom: 1em;
}
.contents .cont_calenderbox3 {
	height: 215px;
  width: 49%;
  float: left;
	margin-right: 1%;
  text-align: center;
  margin-bottom: 1em;
}
/*
.contents .cont_calenderbox:nth-child(odd) {
  margin-right: 2%;
  clear: left;
}
*/
.month {
	font-size: 150%;
}
.contents .cont_calenderbox1 span.tit_1day {
	height: 22px;
	margin: 0 0 -10px 0;
	border-radius: 3px;
  background: #3da414;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
  display: block;
	padding: 0 0 3% 0;
}
.contents .cont_calenderbox3 span.tit_2day {
	height: 22px;
	margin: 0 0 -5% 0;
	border-radius: 3px;
  background: #3da414;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
  display: block;
	padding: 0 0 3% 0;
}
.contents .cont_calenderbox3 span.tit_3day {
	height: 22px;
	margin: 0 0 -5% 0;
	border-radius: 3px;
  background-color: royalblue;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
  display: block;
	padding: 0 0 3% 0;
}
.contents .cont_calender_tbl {
  width: 100%;
  text-align: center;
  border-collapse: separate;
}
.contents .cont_calender_tbl td {
  background: #EFEFEF;
}
.contents .cont_calender_tbl th.cont_week {
  font-weight: bold;
	border: solid 1px #cccccc;
}
.contents .cont_calender_tbl th.sat {
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl th.hol {
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_sat {
  background: #FDD3EB;
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_hol {
  background: #FDD3EB;
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_noday {
  background: #FFFFFF;
}
.contents .cont_calender_tbl td.cont_syuku {
  background: #FDD3EB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.sat {
	color: #4B9EEB;
	font-weight: bold
}
.contents .cont_calender_tbl td.hol {
	color: #F40751;
	font-weight: bold;
}
.contents .cont_calender_tbl td.cont_blue {
  background: #B1D9FA;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_pink {
  background: #FDD3EB;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_yellow {
  background: #FBE887;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_green {
  background: #ADF9B1; 
  font-weight: none;
}
/* end カレンダーの設定 */
/* レンタカー */
.rentcar_shop_title {
  margin-top: 20px;
  padding-top: 3px;
  text-align: center;
  font-size: 16px;
  color: dimgray;
  border-top: 3px double dodgerblue;
  border-bottom: 3px double dodgerblue;
}

.rent_tokuten_title {
	text-align: center;
	font-size: 12px;
	width: 60px;
	border-radius: 4px;
	height: 18px;
	color: #ffffff;
	background-color: darkorange;
}

.rent_tokuten {
  display: flex;
  justify-content: space-around;
  font-size: 12px;
}
.rent_tokuten span {
  width: 100%;
	background: linear-gradient(to top, darkorange 2px, transparent 2px);
	padding-bottom: 1px;
}
.rent_tokuten img {
  width: 100%;
}
.rent_tokuten_left {
  width: 60%;
  padding-left: 13px;
}
.rent_tokuten_right {
  width: 35%;
}
/* end レンタカー */
/* 約款の表 */
.agreement_table {
  font-size: 12px;
}
.agreement_table_campany {
  margin-top: -1px;
  padding: 3px 3px 3px 5px;
  font-size: 14px;
  font-weight: bold;
  background: #ede0a1;
  border-top: solid 1px #000;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_campany p {
  margin-top: -4px;
  font-size: 11px;
  font-weight: normal;
}
.agreement_table_route {
  display: flex;
}
.agreement_table_route_con {
  width: 50%;
  display: block;
}
.agreement_table_route_left_top {
  padding: 2px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_left_down {
  padding: 2px 2px 2px 5px;
  border-left: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_right_top {
  padding: 2px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #ddd;
  border-right: solid 1px #000; 
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_right_down {
  padding: 2px 2px 2px 5px;
  border-left: solid 1px #ddd;
  border-right: solid 1px #000; 
  border-bottom: solid 1px #ddd;
}
.agreement_table_box {

}
.agreement_table_box_top {
  padding: 2px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_box_down {
  padding: 2px 2px 2px 5px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_box_down_last {
  padding: 2px 2px 2px 5px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}
.agreement_table_box_down_last_notes {
  padding: 2px 2px 2px 5px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  background: #eee;
}

.agreement_table_price {
  font-size: 11px;
  text-align: center; 
  border: solid 1px #000;
  display: flex;
}
.agreement_table_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_left_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_left_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_center_left_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_left_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_right {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_center_right_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_right_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right {
  width: 25%;
}
.agreement_table_right_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right_down:last-child {
  padding: 3px;
}
/* end 約款の表 */
/* Q&A */
.faq_table {
  display: flex;
  font-size: 11px;
  border: solid 1px #000;
}
.faq_table_con2_left {
  width: 50%;
  border-right: solid 1px #ddd;
}
.faq_table_con2_right {
  width: 50%;
}
.faq_table_con_top {
  padding: 2px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-bottom: solid 1px #ddd;
}
.faq_table_con {
  padding: 2px;
  border-bottom: solid 1px #ddd;
  text-align: center;
}
.faq_table_con_last {
  padding: 2px;
  text-align: center;
}

.faq_table_con4_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.faq_table_con4_ight {
  width: 25%;
}
/* end Q&A */
@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;
}
.unit_imgbox ul {
  margin: 3% 0;
  display: flex;
  justify-content: space-around;
}
.unit_imgbox li {
  width: 32%;
}
.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: 13px;
}
/* end Flexbox */
.indent {
	margin: 1% 0 0 6%;
}
.br-pc {
	display: none;
}
/* レンタカー */
.rentcar_shop_title {
  margin-top: 20px;
  padding-top: 3px;
  text-align: center;
  font-size: 18px;
  color: dimgray;
  border-top: 5px double dodgerblue;
  border-bottom: 5px double dodgerblue;
}
.rent_tokuten_title {
	text-align: center;
	font-size: 15px;
	width: 75px;
	border-radius: 4px;
	height: 22px;
	color: #ffffff;
	background-color: darkorange;
}
.rent_tokuten_title p {
  margin-top: -1px;
}
.rent_tokuten {
  display: flex;
  justify-content: space-around;
  font-size: 14px;
}
.rent_tokuten span {
  width: 100%;
	background: linear-gradient(to top, darkorange 4px, transparent 4px);
	padding-bottom: 1px;
}
.rent_tokuten img {
  width: 100%;
}
.rent_tokuten_left {
  width: 45%;
  padding-left: 0;
}
.rent_tokuten_right {
  width: 45%;
}
/* end レンタカー */
/* 約款の表 */
.agreement_table {
  margin-top: -3px;
  font-size: 14px;
  border: solid 2px #000;
}
.agreement_table_campany {
  margin-top: 0;
  padding: 5px 5px 5px 7px;
  font-size: 18px;
  font-weight: bold;
  background: #ede0a1;
  border-top: solid 1px #000;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_campany p {
  margin-top: -5px;
  font-size: 14px;
  font-weight: normal;
}
.agreement_table_route {
  display: flex;
}
.agreement_table_route_con {
  width: 50%;
  display: block;
}
.agreement_table_route_left_top {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_left_down {
  padding: 3px 3px 3px 7px;
  border-left: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_right_top {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #ddd;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_route_right_down {
  padding: 3px 3px 3px 7px;
  border-left: solid 1px #ddd;
  border-right: solid 1px #000; 
  border-bottom: solid 1px #ddd;
}
.agreement_table_box {

}
.agreement_table_box_top {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_box_down {
  padding: 3px 3px 3px 7px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #ddd;
}
.agreement_table_box_down_last {
  padding: 3px 3px 3px 7px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
}
.agreement_table_box_down_last_notes {
  padding: 3px 3px 3px 7px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  background: #eee;
}

.agreement_table_price {
  font-size: 14px;
  text-align: center; 
  border: solid 3px #000;
  display: flex;
}
.agreement_table_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_left_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_left_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_center_left_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_left_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_right {
  width: 25%;
  border-right: solid 1px #ddd;
}
.agreement_table_center_right_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_center_right_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right {
  width: 25%;
}
.agreement_table_right_top {
  padding: 3px;
  font-weight: bold;
  background: #ede0a1;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right_down {
  padding: 3px;
  border-bottom: solid 1px #ddd;
}
.agreement_table_right_down:last-child {
  padding: 3px;
}
/* end 約款の表 */
/* Q&A */
.faq_table {
  display: flex;
  font-size: 14px;
  border: solid 2px #000;
}
.faq_table_con2_left {
  width: 50%;
  border-right: solid 1px #ddd;
}
.faq_table_con2_right {
  width: 50%;
}
.faq_table_con_top {
  padding: 3px;
  text-align: center;
  font-weight: bold;
  background: #f7f3e0;
  border-bottom: solid 1px #ddd;
}
.faq_table_con {
  padding: 3px;
  border-bottom: solid 1px #ddd;
  text-align: center;
}
.faq_table_con_last {
  padding: 3px;
  text-align: center;
}

.faq_table_con4_left {
  width: 25%;
  border-right: solid 1px #ddd;
}
.faq_table_con4_ight {
  width: 25%;
}
/* end Q&A */
}