/* ------------------
rentalbus-style.css 
-------------------*/

/* ----- 貸切観光バス　INDEX ----- */


.rentalbus-index-title {
  background-image: url(../img/rentalbus/bg_rentalbus01.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 44% 0 0;
  width: 100%;
}

.rentalbus-index-title h3,
.rentalbus-index-title p{
	text-align:center;
	background: rgba(255,255,255,0.7);
	margin:0 auto;
}
.rentalbus-index-title h3{
	padding:3.6rem 0 2.4rem;
	font-weight:bold;
    font-size: 2rem;
	line-height:1.4;
}

.rentalbus-index-title p{
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.4;
	color:#267a46;
	padding:0 0 3.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.rentalbus-index-02 h4{
	font-weight:bold;
	font-size:2.4rem;
	line-height:1.4;
	padding:2.4rem 0 0;
}
.rentalbus-index-02 p{
	font-size:1.8rem;
	line-height:1.8;
	padding:0 0 2.4rem ;
}


.rentalbus-index-03{}
.rentalbus-index-03 h4{
	font-weight:bold;
	font-size:2.4rem;
	line-height:1.4;
	padding:2.4rem 0 0;
	text-align:center;
}
.rentalbus-index-03 .tcenter{
	padding:0 0 2.4rem;
}

.icon-green{color:#7ea681;vertical-align:-0.15rem;margin-right:0.5rem;}


.qa-area{}
.qa-area dt{
background:#7eab7e url(../img/common/icon_up.png) no-repeat scroll 99% center;
padding:1rem 1.6rem;
font-size:1.6em;
color:#fff;
margin:0.1rem 0 1rem;
cursor: pointer;
    display: block;
}
.qa-area dd{padding:1rem 1.6rem;margin:0.1rem 0 1rem;display: none;}
.qa-area li{list-style-type:none;}

.rentalbus-info{padding:2rem ;margin:4rem 0;}
.rentalbus-info h4,
.rentalbus-info h5.telfax{
	font-weight:bold;
	font-size:2.4rem;
	line-height:1.4;
}
.rentalbus-info h5.telfax{
	font-size:2rem;
}



/* ----- 貸切観光バス　車両一覧 ----- */

.x-data-area table.data-tbl {
  background: none repeat scroll 0 0 #fff;
  border-collapse: collapse;
  border-spacing: 0;
  /*table-layout: fixed;*/
	margin:0 0 1.5rem;
	width:100%;
}

.x-data-area table.data-tbl th {
  border-top: 1px solid #ccc;
  color: #fff;
  font-weight: normal;
}
.x-data-area table.data-tbl thead th {
  font-size: 1.8rem;

  background: none repeat scroll 0 0 #65ad7d;
}
.x-data-area table.data-tbl tbody th {
	text-align:left;
	white-space: nowrap;
	color:#333;
	background: none repeat scroll 0 0 #fff;
}
.x-data-area table.data-tbl tbody td {
  background: none repeat scroll 0 0 #fff;
}
.x-data-area table.data-tbl th, 
.x-data-area table.data-tbl td {
    overflow: hidden;
    /*white-space: nowrap;*/
	text-align:center;
	vertical-align:middle;
  border-right: 1px solid #ccc;
}

.x-data-area table.data-tbl {
  font-size: 1.4rem;
}
.x-data-area table.data-tbl th,
.x-data-area table.data-tbl td {
    padding: 1.4rem;
}
.buslist-style01{}
.buslist-style01 h4 span{font-size:1.4rem;padding:0 1rem;}
.buslist-style01 h4 a{color:#fff;font-size:1.4rem;float:right;padding:0 1rem;}
.buslist-style01 h4 a:hover{text-decoration:underline}
ul.buslist-style02{margin-bottom:0;}
ul.buslist-style02 h5{text-align:right;font-size:1.8rem;line-height:1.4;}
ul.buslist-style02 h6{font-size:1.8rem;line-height:1.4;margin-bottom:0.5rem;}
ul.buslist-style02 ul li{list-style-type:none;}



.buefee-area02{padding:0.5rem;}
.busfee-area02-2{background-color:#f0efe3;padding:0.5rem;border:1px solid #ccc;}


@media (max-width: 768px) {
.viewimg{display:block;}

}
@media (min-width: 769px) {
.viewimg{display:none;}
.rentalbus-index-title{
	width:100%;
	background-image:url(../img/rentalbus/bg_rentalbus01.jpg);
	background-size:cover;
	padding:15rem 0;

}
.rentalbus-index-title h3{
	font-size:3.6rem;
}
.rentalbus-index-title p{
	font-size:2.4rem;
}
.rentalbus-info h5.telfax{
	font-size:3.6rem;
}
}