/* --------------------------------
共通
-------------------------------- */
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 768px) and (max-width: 979px) {
}

/* --------------------------------
main_img
-------------------------------- */
#main_img{
	background: url(img/main_img.jpg) no-repeat top center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	#main_img{
		background: url(img/main_img_sp.jpg) no-repeat center 50px;
		background-size: cover;
	}
}

.p_right{
  padding: 2px 10px;
  text-align: right;
  background: #EEE;
  margin-bottom: 40px;
  font-size: 85%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p_right{
    margin-bottom: 20px;
    text-align: center;
  }
}

h3 span{ font-size: 80%; }
.small{ font-size: 70%; font-weight: normal; }
/* --------------------------------
スクロールボタン
-------------------------------- */
@media screen and (min-width: 768px) {
  .ul_list_bot{ margin-bottom: 30px; }
}
.ul_list_bot{}
 
 .ul_list_bot li{
  float: left;
 }
  .ul_list_bot li a{
    display: block;
    width: auto;
    margin: 0 10px 10px 0;
    padding: 10px;
    color: #333;
    text-align: center;
    text-decoration: none;
    outline: none;
    background: url(img/arrow_right_red.png) no-repeat 15px center;
    background-size: 15px;
    border: 1px solid #333;
  }
@media screen and (max-width: 767px) {
  a.anchor{
    display: block;
    padding-top: 60px !important;
    margin-top: -60px !important;
  }
}

/* --------------------------------
時刻表
-------------------------------- */
.ul_list_2w li{ margin-bottom: 40px !important;}
@media screen and (max-width: 767px) {
  .ul_list_2w li{ margin-bottom: 20px !important;}
}

@media screen and (max-width: 820px) {
  .ul_list_2w li{ margin-bottom: 20px !important; }
  .ul_list_2w li{ float: none !important; }
  ul.ul_list_2w li { width: 100% !important; }
}

table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  table{
    font-size: 95%;
    line-height: 1.2;
  }
}
@media screen and (max-width: 320px) {
  table{
    font-size: 90%;
    line-height: 1.2;
  }
}
table th,table thead td{ font-weight: bold; }
table th span.green{ color: #008000;}
table th span.red{ color: #dc143c;}
table thead th,table thead td,table tbody th,table tbody td{
  padding: 10px 2px;
  text-align: center;
}

table thead th,table thead td{
  padding: 10px 0 !important;
  color: #FFF;
  background: #444;
  line-height: 1.3em;
}
table thead th,table tbody th{
  text-align: left;
  padding: 10px;
}

@media screen and (max-width: 320px) {
  table thead th,table tbody th{
    text-align: left;
    padding: 10px 2px;
  }
}
table thead th{ padding: 3px 10px !important;}
table tbody tr:nth-child(odd){ background-color: #eee}

table thead td{ border-right: 1px solid #FFF !important;}
table tbody th,table tbody td{ border-right: 1px solid #CCC !important;}
table thead td:last-child{ border-right: none !important;}
table tbody td:last-child{ border-right: none !important;}

@media screen and (max-width: 797px) {
  .fs_s{
    font-size: 90%;
  }
}

/* --------------------------------
注意書き
-------------------------------- */
.attention{
  margin-bottom: 40px;
  border: 1px solid #dc143c;
}
@media screen and (max-width: 767px) {
  .attention{ margin-bottom: 20px;}
}
  .attention h3{
    background: #dc143c;
    color: #FFF;
    padding: 5px !important;
    border-bottom: none !important;
    text-align: center;
  }
  .attention h3:after {
    border-bottom: none !important;
  }

  .attention p{
    margin: 20px;
    color: #dc143c;
    font-size: 120%;
  }
  .attention p small{ font-size: 80%; }
@media screen and (max-width: 767px) {
  .attention p{ margin: 10px; font-size: 105%;}
}
    .attention p a,
    .attention p a:hover,
    .attention p a:visited,
    .attention p a:active
    .attention ul li a,
    .attention ul li a:hover,
    .attention ul li a:visited,
    .attention ul li a:active{ 
      color: #dc143c;
      font-weight: bold;
    }
  .marker_yellow_futo {
    background: linear-gradient(transparent 30%, #FF6 30%);
  }
  .t_right{ text-align: right }

.b_red{
  margin-bottom: 20px;
  padding: 3px 10px;
  background: #dc143c;
  color: #FFF;
  font-size: 120%;
  font-weight: bold;
}
.p_mb{ margin-bottom: 20px;}
@media screen and (max-width: 767px) {
  .b_red{ margin-bottom: 10px; font-size: 105%;}
  .p_mb{ margin-bottom: 10px;}
}

.gb_opacity{ opacity: 40%;}

/* --------------------------------
バスセンター
-------------------------------- */
.reserve{
  display: block!important;
  margin-bottom: 10px !important;
  padding: 5px 10px;
  background: #dc143c!important;
  color: #FFF!important;

}
.attention .ul_list{
  margin-left: 30px;
  font-size: 120%;
}

.mt_h3{ margin-top: 40px; }
@media screen and (max-width: 767px) {
  .mt_h3{ margin-top: 20px; }
}