@charset "utf-8";

/* CSS Document */



/* CSS リセット */

@import url(reset.css);



/* 基本設定 */

html {

	color: #333333;

	background-color: #FAF8F5;

	/*

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	*/

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size: 16px;

}

a {

	color: #333333;

}

a:hover {

	color: #666666;

}

#pagebody_os {

	width: 100%;

}

#pagebody {

	width: 950px;

	overflow: hidden;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-bottom: 100px;

}



#header {

	padding-top: 4px;

	overflow: hidden;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: no-repeat;

	background-position: right bottom;

	height: 98px;

	background-image: url(../img/common/bg_header.jpg);
        line-height: 1;
}

.header_1 {

	padding-left: 5px;

	overflow: hidden;

}

.header_1 p {
	float: left;
	font-weight: bold;
	padding-top: 8px;
}

.s_navi {
	float: right;
        font-size: 12px !important;

}

.s_navi ul:first-child {
    text-align:right;
    padding-right:4px;
    padding-bottom:5px;
}

.s_navi li {

	display: inline;

	text-align: left;

	margin-right: 1px;

}

.s_navi a,

.s_navi a:hover,

.s_navi a:visited {

	text-decoration: none;

}

.header_2 {
        height: 26px;
	clear: both;

}

#logo {

	float: left;

	width: 80px;

	padding-left: 2px;

}

#logo2 {

	float: left;

	width: 176px;

	padding-top: 12px;

	padding-left: 4px;

}
#logo_sanco {

	float: left;

	width: 256px;

	padding-left: 2px;
    
    margin-top:-13px;
    
    position:relative;

}
.catch {

	float: left;

	color: #FFF;

	font-weight: bold;

	background-image: url(../img/common/bg_text.png);

	text-align: center;

	height: 19px;

	width: 420px;

	font-size: 90%;

	background-repeat: no-repeat;

	margin-left: 15px;

	line-height: 19px;

}

#fontsize {

	float: right;

	width: 163px;

}

#fontsize li {

	float: left;

	margin-right: 6px;

}



#gmenu {

	font-size: 0;

	background-image: url(../img/common/bg_gmenu.jpg);

	background-repeat: repeat-x;

}

#gmenu ul {

	width: 945px;

	margin: 0 auto;

}

#gmenu li {

	float: left;

}



#main_area {
	margin-top: 5px;
}



#footer {

	clear: both;

}

.sitemap_area {

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #B7B7B7;

	background-color: #79AFCC;



}

.sitemap_area_in {

	overflow: hidden;

	width: 860px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 20px;

	padding-right: 45px;

	padding-bottom: 25px;

	padding-left: 45px;

	/*

	color: #FFF;

	*/

	color: #154060;

}

.sitemap_area_in h5 {

	font-weight: bold;

	margin-bottom: 10px;

	font-size: 90%;

}

.sitemap_area_in a {

	text-decoration: none;

	/*

	color: #FFF;

	*/

	color: #154060;

}

.sitemap_area_in a:hover {
	color: #305B70;
}

.sitemap_area_in ul {

	margin-bottom: 10px;

}

.sitemap_area_in li {

	font-size: 90%;

}

.sitemap_area_in li img {

	vertical-align: top;

}

.sitemap_area_box1 {

	float: left;

	width: 212px;

	margin-right: 10px;

}

.sitemap_area_box2 {

	float: left;

	width: 205px;

	margin-right: 10px;

}

.sitemap_area_box3 {

	float: left;

	width: 185px;

	margin-right: 10px;

}

.sitemap_area_box4 {

	float: left;

	width: 220px;

}

.upper_area {

	clear: both;

	padding-top: 39px;

	background-image: url(../img/common/bg_main.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

.upper_area_in {

	width: 950px;

	margin: 0 auto;

}

.upper_area p {

	width: 133px;

	height: 27px;

	margin: 0px 10px 0px auto;

}

.upper_area p a {

	display: block;

	width: 100px;

	line-height: 27px;

	background: url(../img/common/btn_upper.png) top left no-repeat;

	text-decoration: none;

	font-size: 10px;;

	color: #000;

	padding-left: 33px;

}

.upper_area p a:visited {

	text-decoration: none;

}

.address_area {

	text-align: center;

	background-image: url(../img/common/bg_f.jpg);

	background-repeat: repeat-x;

}

.footer1 {

	height: 40px;

	line-height: 40px;

	color: #FFF;

	font-size: 80%;

}

.footer1 img {

	vertical-align: middle;

}

.footer1 a {

	color: #fff;

	text-decoration: none;

}

.footer1 a:hover {

	color: #fff;

	text-decoration: underline;

}

.address_area2 {

	text-align: center;

	background-image: url(../img/common/bg_f2.jpg);

	background-repeat: repeat-x;

	height: 29px;

}

.footer2 {

	height: 21px;

	line-height: 12px;

	font-size: 90%;

	color: #154060;

	padding-top: 8px;

}



/*調整用*/

.clear {

	clear: both;

}

.right { float: right;}

.left { float: left;}

.t_right { text-align: right;}

.t_center { text-align: center;}

.t_left { text-align: left;}

.text_bold { font-weight: bold;}

.mt0 { margin-top: 0px;}

.mt5 { margin-top: 5px;}

.mt10 { margin-top: 10px;}

.mt15 { margin-top: 15px;}

.mt20 { margin-top: 20px;}

.mt25 { margin-top: 25px;}

.mt50 { margin-top: 50px;}

.mb2 { margin-bottom: 2px;}

.mb3 { margin-bottom: 3px;}

.mb4 { margin-bottom: 4px;}

.mb5 { margin-bottom: 5px;}

.mb10 { margin-bottom: 10px;}

.mb15 { margin-bottom: 15px;}

.mb20 { margin-bottom: 20px;}

.mb25 { margin-bottom: 25px;}

.ml20 { margin-left: 20px;}

.ml50 { margin-left: 50px;}

.v-align {

	vertical-align: middle;

}


/* 左メニューボタン */
.lmenub {
    cursor:pointer;
    width: 175px;
    margin: 2px auto;
    padding: 5px 0;
    font-size: 0.8rem;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
background: -moz-linear-gradient(top, #71A5BA, #3691BD); 
background: -webkit-linear-gradient(topt, #71A5BA, #3691BD); 
background: linear-gradient(to bottom, #71A5BA, #3691BD);
}

span.lmenub:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.lmenub_kon {
    cursor:pointer;
    width: 175px;
    margin: 2px auto;
    padding: 5px 0;
    font-size: 0.8rem;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
background: -moz-linear-gradient(top, #337DBC, #04509C); 
background: -webkit-linear-gradient(topt, #337DBC, #04509C); 
background: linear-gradient(to bottom, #337DBC, #04509C);
}

span.lmenub_kon:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#about-translate {
  position: absolute;
  display: none;
  z-index: 100;
  background: #fff;
  border: 1px solid #999;
  padding: 5px;
  line-height: 1.2em;
  width: 460px;
  margin-top: 2px;
  text-align: left;
}
.about-translate-btn {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  height: 14px;
  line-height: 14px;
}


.search-stops-table {
  table-collapse: collapse;
  margin-bottom: 5px;
}
.search-stops-table td,
.search-stops-table th {
  padding: 3px;
}
.stop-candidates-wrapper {
  position: relative;
  z-index: 1000;
  display: none;
}
.stop-candidates-content {
  position: absolute;
  top: 0;
  right: -200px;
  width: 200px;
  z-index: 100;
  border: 1px solid #666;
  background: #fff;
}
.stop-candidates-list {
  max-height: 200px;
  overflow-y: scroll;
}
.stop-candidates-close {
  padding: 6px 0;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #eee;
}
.stop-candidates {
}
.stop-candidates li {
  /*border-left: 1px solid #666;*/
  /*border-right: 1px solid #666;*/
  border-bottom: 1px solid #666;
  padding: 5px 10px;
  background: #fff;
}
.stop-candidates li:hover {
  background: #eff;
}

.stop-candidates li:first-child {
  border-top: 1px solid #666;
}
.stop-candidates a {
  text-decoration: none;
  display: block;
}

.timesearch-btn {
  display: inline-block;
  border: 1px solid #DADADA;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-right: 0px;
  margin-left: auto;
  padding: 2px;
  color: #FFF;
  font-weight: bold;
  text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #488EB2;
  text-decoration: none;
  padding: 10px;
  font-size: 140%;
}
.search_text2 {
  white-space: nowrap;
}
.gray-btn {
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
  display: inline-block;
  padding: 5px 20px;
  font-size: 100%;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.lang-btn {
  display: inline-block;
  border: 1px solid #ccc;
  background: #cfc;
  padding: 2px 10px;
  border-radius: 4px;
  height: 14px;
  line-height: 14px;
}

.sns-title {
  border: 1px solid #999;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 4px;
  padding: 2px 0;
  text-align: center;
}
.sns-content {
  text-align: center;
  text-decoration: none;
  padding-left: 14px;
}
.sns-link {
  display: block;
  width: 44px;
  margin: 2px 2px 6px 2px;
  font-size: 10px;
  text-align: center;
  float:left;
}
.sns-link a {
  text-decoration: none;

}

.krs-title {
  font-size: 140%;
  padding-bottom: 3px;
  font-weight: bold;
}

.krs-btn {
  border: 1px solid #DADADA;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #FFF;
  margin: 10px 5px 20px 5px;
  display: inline-block;
  text-align: center;
  padding: 8px 20px;
}
.krs-btn {
  text-decoration: none;
}

.krs-btn-first {
	background-color: #CCCCCC;
	background-image:-moz-linear-gradient(top, #F6F6F6, #CCCCCC);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#CCCCCC));
}
.krs-btn-first .arrow {
        font-size: 80%;
        display: inline-block;
        padding: 0 2px;
}

.krs-btn-previous {
	background-color: #C3DFE6;
	background-image:-moz-linear-gradient(top, #ECF5F7, #C3DFE6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECF5F7), to(#C3DFE6));
}
.krs-btn-previous .arrow {
        font-size: 80%;
        display: inline-block;
        padding: 0 2px;
}

.krs-btn-next {
	background-image: url(/sp/img/leaf/yazirushi4.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-color: #C3DFE6;
	background-image:-moz-linear-gradient(top, #ECF5F7, #C3DFE6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECF5F7), to(#C3DFE6));
}
.krs-btn-next .arrow {
        font-size: 80%;
        display: inline-block;
        padding: 0 2px;
}
.krs-pass-icon {
  border: 1px solid #666;
  background: #388bcf;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 5px;
}

.krs-btn-search {
  border: 1px solid #DADADA;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  display: inline-block;
  background: #71a3ae; /* Old browsers */
  background: -moz-linear-gradient(top,  #71a3ae 0%, #2c72ae 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #71a3ae 0%,#2c72ae 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #71a3ae 0%,#2c72ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a3ae', endColorstr='#2c72ae',GradientType=0 ); /* IE6-9 */
  text-decoration: none;
  color: #fff;
  padding: 5px 40px;
}
.krs-btn-search:hover {
  color: #fff;
  background: #338cb2;
}

.krs-btn-select {
  background-color: #4A94D1;
  background-image:-moz-linear-gradient(top, #4A94D1, #256BA7);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A94D1), to(#256BA7));
  font-size: 140%;
  padding: 5px 40px;
  color: #fff;
  font-weight: bold;
}
.krs-btn-select:hover {
  color: #fff;
  background: #338cb2;
}

.qrcode {
  display: none;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 0 0;
  margin: 10px 0;
  clear: both;
}
.qrimage {
  display: block;
  float:left;
  width: 82px;
}
.qrtext {
  display: block;
  float:left;
  width: 82px;
  font-size: 10px;
  word-wrap: break-word;
  padding-top: 6px;
  line-height: 1.2;
}
.qrtext a {
  text-decoration: none;
}
.qrtext2 {
  display: block;
  float:left;
  width: 125px;
  font-size: 10px;
  word-wrap: break-word;
  padding-top: 6px;
  line-height: 1.2;
}
.qrtext2 a {
  text-decoration: none;
}

#main_img_mc .left {
  margin-left: 0 !important;
}
#main_img_mc .right {
  margin-top: -42px !important;
}

.bus-minute3 {
  font-size: 110%;
}
.bus-mark3 {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 6px;
  line-height: 1;
}
.bus-minute-div {
  margin-bottom: 6px;
}
.candidate-current {
  background: #fcc !important;
}

/* modal 20200727 */
.modal{
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal-bg{
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);  /* For IE 5-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* For IE 8 */
    height: 100%;
    position: absolute;
    width: 100%;
  text-align: center;
}
.modal-frame{
  width: 100%;
  margin: 30px auto 0;
  position: absolute;
  text-align: center;
}
.modal-content {
  background: #fff;
  width: 645px;
  padding: 10px 0;
  margin: 0 auto;
}
.modal-close {
  color: #fff;
  font-size: 28px;
  line-height: 64px;
  width: 645px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  height: 64px;
  margin-bottom: 4px;
}
.modal-close .close {
  font-size: 64px;
  vertical-align: middle;
}
.modal-close .close-text {
}
.modal-close a {
  color: #fff;
  text-decoration: none;
}
.modal-noreopen {
  margin: 20px auto 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  width: 645px;
}
.modal-noreopen a {
  color: #fff;
  text-decoration: none;
}
.qrcode {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 0 0;
  margin: 10px 0;
  clear: both;
}
.qrimage {
  display: block;
  float:left;
  width: 82px;
}
.qrtext {
  display: block;
  float:left;
  width: 82px;
  font-size: 10px;
  word-wrap: break-word;
  padding-top: 6px;
  line-height: 1.2;
}
.qrtext a {
  text-decoration: none;
}

.banners {
  text-align: center;
  padding-top: 20px;
}
.banners img {
  vertical-align: middle;
  margin: 2px;
}
.global-language {
  text-align: right;
}
.banner-blank {
  display: inline-block;
  width: 200px;
  height: 94px;
  vertical-align: middle;
}
.slick-next {
  display: none !important; 
}