/* ----- bus-map contents ----- */	
#bus-map header .icon {
	width: 80px;
}
#bus-map .outer-container {
	position: relative;
	padding: inherit;
	transition: background .3s linear;
}

#bus-map #accordion {
	width: 100%;
}

@media (max-width:767px) {
#top-title nav .container ul > li p span a {
	pointer-events: none;
}

#bus-map .outer-container {
	left: 0!important;
}
#hida_map01_cont {
	display: none;
}
}


#bus-map #accordion .ui-accordion-header-active {
	position: relative;
	transition: background .3s linear;
	color: #fff;
	background-color: #7eab7e;
	background-repeat: no-repeat;
}
#bus-map #accordion > * {
	margin: 0;
	background-color: #f0efe4;
}
#bus-map #accordion .title {
	font-family: sans-serif;
 padding: 1.4rem 1.8rem;
   border-top: 1px solid #cdcdcd; 
  cursor: pointer;
}
#bus-map #accordion p.list {
/*
   margin: 0 0 -20px;
*/
   margin: 0px;
}
#bus-map #accordion p.list a {
    border: 0 none;
}
#bus-map #accordion .list {
	font-size: 100%;
	padding: 1.8rem 1.8rem 0;
	list-style-type: none;
}
#bus-map #accordion .list a {
}
#bus-map #accordion .list > * {
	border-bottom: 1px solid #cdcdcd;
	  line-height: 2.5;
}

#bus-map #accordion .list .color01:before {
	content: "● ";
	color: #d82a83 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color02:before {
	content: "● ";
	color: #00412b ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color03:before {
	content: "● ";
	color: #93268f ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color04:before {
	content: "● ";
	color: #0974ba ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color05:before {
	content: "● ";
	color: #017572 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color06:before {
	content: "● ";
	color: #764c24  ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color07:before {
	content: "● ";
	color: #eb5520 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color08:before {
	content: "● ";
	color: #004567 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color09:before {
	content: "● ";
	color: #00125E; /* or whatever color you prefer */
}
#bus-map #accordion .list .color10:before {
	content: "● ";
	color: #333333; /* or whatever color you prefer */
}
#bus-map #accordion .list .color11:before {
	content: "● ";
	color: #000000; /* or whatever color you prefer */
}
#bus-map #accordion .list .color12:before {
	content: "● ";
	color: #009245; /* or whatever color you prefer */
}

/* accodion - hida_kouiki */
#bus-map #accordion .list .color21:before {
	content: "● ";
	color: #e0c4bf ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color22:before {
	content: "● ";
	color: #8fb574 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color23:before {
	content: "● ";
	color: #69c4a9 ; /* or whatever color you prefer */
}
#bus-map #accordion .list .color24:before {
	content: "● ";
	color: #d1a837 ; /* or whatever color you prefer */
}

#bus-map #accordion .list .route-01 {
	content: "● ";
	color: #004567;
}
#bus-map #accordion .list .route-02 {
	content: "● ";
	color: #007572;
}
#bus-map #accordion .list .route-03 {
	content: "● ";
	color: #8CA3B8;
}
#bus-map #accordion .list .route-04 {
	content: "● ";
	color: #EA5520;
}
#bus-map #accordion .list .route-05 {
	content: "● ";
	color: #90B83D;
}
#bus-map #accordion .list .route-06 {
	content: "● ";
	color: #FCEE21;
}
#bus-map #accordion .list .route-07 {
	content: "● ";
	color: #C1272D;
}
#bus-map #accordion .list .route-08 {
	content: "● ";
	color: #00A7DB;
}
#bus-map #accordion .list .route-09 {
	content: "● ";
	color: #00125E;
}
#bus-map #accordion .list .route-10 {
	content: "● ";
	color: #D7005E;
}
#bus-map #accordion .list .route-11 {
	content: "● ";
	color: #6A3769;
}
#bus-map #accordion .list .route-12 {
	content: "● ";
	color: #006C97;
}
#bus-map #accordion .list .route-13 {
	content: "● ";
	color: #513387;
}
#bus-map #accordion .list .route-14 {
	content: "● ";
	color: #ACB100;
}
#bus-map #accordion .list .route-15 {
	content: "● ";
	color: #A51864;
}
#bus-map #accordion .list .route-16 {
	content: "● ";
	color: #736357;
}
#bus-map #accordion .list .route-17 {
	content: "● ";
	color: #00A99D;
}
#bus-map #accordion .list .route-18 {
	content: "● ";
	color: #009245;
}
#bus-map #accordion .list .route-19 {
	content: "● ";
	color: #8C6239;
}
#bus-map #accordion .list .route-20 {
	content: "● ";
	color: #2E3192;
}
#bus-map #accordion .list .route-21 {
	content: "● ";
	color: #E48E00;
}
#bus-map #accordion .list .route-22 {
	content: "● ";
	color: #D82A83;
}
#bus-map #accordion .list .route-23 {
	content: "● ";
	color: #00402A;
}
#bus-map #accordion .list .route-24 {
	content: "● ";
	color: #C7B294;
}
#bus-map #accordion .list .route-25 {
	content: "● ";
	color: #E8BBBA;
}
#bus-map #accordion .list .route-26 {
	content: "● ";
	color: #64B6C8;
}
#bus-map #accordion .list .route-27 {
	content: "● ";
	color: #00A291;
}

#bus-map #accordion .inner-map {
	height: 50vh;
}


@media (max-height:768px) and (min-width:736px) {
  #bus-map #accordion-resizer,  #bus-map .outer-container {
    height: 560px;
/*
    max-height: 80vh;
*/
    background-size: cover;
  }
}

@media (min-width:768px) {
#bus-map .inner-map {
	display: none;
}
#bus-map section.bus-map-container {
    position: absolute;
    top: -560px;
	left:0;
	 background: #f0efe4;
	  height: 560px !important;
}
#bus-map #accordion .ui-accordion-header-active:before {
	position: absolute;
	top: 35%;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid #7eab7e;
}

#bus-map .outer-container {
	position: absolute;
	top: 10px;
	width: 400px;
	height: 560px;
}
#hida_map01_in,  #hida_map02_in,  #hida_map03_in {
	display: none;
}
/* mapsize */
#bus-map-contents #hida_map01_cont {
    background: url(/wp_rnw/wp-content/themes/nouhibus/img/map_01_bg.jpg) repeat-x left bottom #fff;
}
#bus-map-contents #hida_map01_cont img {
  height: 100%;
  left: -24%;
  position: relative;
  width: auto;
}
#bus-map-contents #hida_map02_cont {
   background: url(/wp_rnw/wp-content/themes/nouhibus/img/map_02_bg.jpg) repeat-x left bottom #f3f8e7;
}
#bus-map-contents #hida_map02_cont img {
  height: 120%;
  left: -6.5%;
  position: relative;
  top: -10%;
  width: auto;
}
#bus-map-contents #hida_map03_cont {
   background: url(/wp_rnw/wp-content/themes/nouhibus/img/map_03_bg.jpg) repeat-x left bottom #faf0f0;
}
#bus-map-contents #hida_map03_cont img {
  height: 140%;
  left: -22%;
  position: relative;
  top: -20%;
  width: auto;
}
}
@media (min-width:800px) {
#bus-map-contents #hida_map03_cont img {
  left: -13%;
}
}
@media (min-width:815px) {
#bus-map-contents #hida_map01_cont img {
    left: -17%;
}
}

@media (min-width:930px) {
#bus-map-contents #hida_map01_cont img {
    left: -10%;
}
#bus-map-contents #hida_map02_cont img {
  height: 150%;
  width: auto;
  position: relative;
  top: -25%;
  left: -12%;
}
#bus-map-contents #hida_map03_cont img {
 left: -10%;
}
}

@media (min-width:1040px) {
#bus-map-contents #hida_map01_cont img {
  height: 750px;
  left: -230px;
  margin-top: -100px;
  width: auto;
}
#bus-map-contents #hida_map02_cont img {
    left:0;
}
#bus-map-contents #hida_map03_cont img {
  height: 160%;
  left: 0;
  margin-top: -50px;
}

}
@media (min-width:1100px) {
/*#bus-map-contents #hida_map01_cont img {
  height: auto;
  width:100%;
}*/
#bus-map-contents #hida_map02_cont img {
 left: 4%;
}
}
@media (min-width:1190px) {
#bus-map-contents #hida_map01_cont img {
  height: 850px;
  left: -250px;
  margin-top: -130px;
}
}
@media (min-width:1370px) {
#bus-map-contents #hida_map01_cont img {
  left: -150px;
}
}
@media (min-width:1500px) {
#bus-map-contents #hida_map01_cont img {
  left: 0;
}
#bus-map-contents #hida_map03_cont img {
  left: 90px;
  height: 180%;
  margin-top: -120px;
}
}


@media(max-width:767px) {
#hida_map01_cont,  #hida_map02_cont,  #hida_map03_cont {
	display: none;
}
.map1-bg {
	/*background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #9ad2c5), color-stop(1, #fff));*/
	 background: url(../img/common/bg03.png) repeat left center #fff;
/*
		height: 300px;
*/
}
.map2-bg {
	background-image: -webkit-gradient(linear, right bottom, right top, color-stop(.58, #d3e5a5), color-stop(1, #fff));
/*
	height: 300px;
*/
}
.map3-bg {
	background-color: #fff;
/*
	height: 300px;
*/
}
}