body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#000;
	font-size:17px;
	line-height:1.8;
/*	text-align:center;*/
	background: #fff;	
}

.wrapper{
	max-width: 767px;	
	margin: 0 auto;
}
/* clearfix
++++++++++++++++++++++++++++++*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*.clearfix{display:inline-block;}*/

/* Hides from IE-mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hides from IE-mac */

/**------------------------------**/

/**-----------------------------
 common
------------------------------**/

.txtnomarl {
	font-size: 100%;
}
.txtlarge {
	font-size: 125%;
}
.txtXlarge {
	font-size: 200%;
}
.txtsmall {
	font-size: 75%;
}
.txtXsmall {
	font-size: 50%;
}
.container {
	padding: 0;
	margin: 0;
	max-width: 768px!important;
}
.row{
	margin: 0;	
}

#main h2 ,
#main h3 ,
#main h4 {
	font-weight: bold;
	height: 2.0em;
	padding-top: 0.5em;
}

#main h2 {
	font-size: 100%;
	color: #000;
}
#main h3{
	font-size: 100%;
}
#main h4{
	font-size: 100%;
	color: #000;
}
#main h5{
	font-size: 100%;
	color: #000;
}

#main ul li{
	margin: 0;
	padding: 0;
}

/**-- media query ***/
@media screen and (min-width : 768px) {
	#content .container {
		width: 748px!important;
	}
	header .container {
		width: 768px!important;
	}
}
@media screen and (min-width : 481px) and (max-width : 767px){
	header .container ,
	#content .container {
		width: 100%!important;
	}
}
@media screen and (min-width : 481px) {
	body {
		font-size: 34px;	
	}
}

@media screen and (max-width : 480px){
	body {
		font-size: 17px;	
	}
}


@media screen and (min-width : 641px){
	br.hidden_br {
		display: none;
	}	
}

@media screen and (max-width : 640px){
	br.hidden_br {
		display: inline;
	}
}
/**-----------------------------
 header
------------------------------**/
header.container {
	max-width: 768px;
}


header.container>* {
	background: #fff;
	color: #000;
	padding: 0!important;
	margin: 0!important ;
	
}
header .navbar {
	position: fixed;
	z-index: 20;
	width: 100%;
	max-width: 767px;
	border: 0;
}
header .navbar-header{
	padding:0!important;
	margin: 0!important;
	position: relative;
	width: 100%;
	box-shadow: 1px 2px 4px #bbb;
}
header h1 {
	margin: 3%;
	
}
header h1 a#h1_link{
	text-indent: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	width:100%;
	height: 100%;
	background: url(../images/header_logo.png) no-repeat left 33% #fff;
	background-size: 100% 100%;
	padding: 0;
}

header .navbar-header ul  {
	position: absolute;
	top: 0;
	right: 0;
}

header .navbar-header ul  ,
header .navbar-header ul li{
	margin: 0px;
	padding: 0px;
	list-style: inside none none;
}
header .navbar-header ul li.btn_nav {
	float: right;
}


header .navbar-header .btn_nav button {
	border-radius: 0;	
	border: 0;
	margin: 0;
}
header .navbar-header li#header_menubtn button {
	background: url(../images/header_menu.png) no-repeat center top ;
	background-size: contain;
}
header .navbar-header li#header_menubtn button.menu_btn_act {
	background: url(../images/header_menu_close.png) no-repeat center top ;
	background-size: contain;
}
header #nav-collapse-list {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
.page header #header_menulist {
	display: none;
}


#header_menulist {
	 background-image: linear-gradient(
		 -45deg ,
		 #fff 25%,
		 #ddd 25%,
		 #ddd 50%,
		 #fff 50%,
		 #fff 75%,
		 #ddd 75%,
		 #ddd);
	background-size: 10px 10px; 
	padding-bottom: 2em;
}

#header_menulist ul.navbar-nav {
	margin: 0 auto;
}
#header_menulist ul.navbar-nav li{
	display:block;
	width: 33.3%;
	height: auto;
	float: left;
}
#header_menulist ul.navbar-nav li a {
	height:8em;
	text-align: center;
	color: #000!important;
	padding-top: 6.5em;
/*	margin: 0 0.5em;*/
	font-size: 85%;
}
#header_menulist li#menu01 a {
	background: url(../images/menu01.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu02 a {
	background: url(../images/menu02.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu03 a {
	background: url(../images/menu03.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu04 a {
	background: url(../images/menu04.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu05 a {
	background: url(../images/menu05.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu06 a {
	background: url(../images/menu06.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu07 a {
	background: url(../images/menu07.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu08 a {
	background: url(../images/menu08.png) no-repeat center 1em;
	background-size: 50%;
}
#header_menulist li#menu09 a {
	background: url(../images/menu09.png) no-repeat center 1em;
	background-size: 50%;
}
	

/***---***/
/**------------------------------**/
/**-- media query ***/
@media screen and (min-width : 768px){
	#header_menulist{
		width: 100%;
	}
}
	
/*@media screen and (min-width : 481px) and (max-width : 767px){*/
@media screen and (min-width : 481px) {
	header .navbar-header{
		height: 121px;												
	}
	header h1 {
		width: 380px;
		height: 82px;
	}
	header .navbar-header ul  ,
	header .navbar-header ul li{
		height: 122px;
	}
	header .navbar-header ul li.btn_nav >div{
		width: 114px;
		height: 122px;
	}
	header .navbar-header button {
		width: 114px;
		height: 122px;
	}	
	#header_menulist {
		font-size: 28px;
	}	
}
@media screen and (max-width : 480px){
	header .navbar-header{
		height: 60px;
	}
	header h1 {
		width: 190px;
		height: 41px;
	}
	header .navbar-header ul  ,
	header .navbar-header ul li{
		height: 61px;
	}
	header .navbar-header ul li.btn_nav > div{
		height: 61px;
		width: 57px;
	}
	header .navbar-header button {
		height: 61px;
		width: 57px;
	}
	
}

/**-----------------------------
 content
------------------------------**/
#content{
	height:100%;
	background: url(../images/content_bg.png) no-repeat center top;
	background-size: 100%;
}
.top .inner{
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#content h2 {
	width: 100%;
	background: #ccc;
	margin: 0;
	font-size: 100%;
	height: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#content h3{
	margin-top: 1em;	
	margin-bottom: 1em;	
	padding-left: 1.5em;
	font-size: 100%;
}
#main {
	padding-left: 1em;
	padding-right: 1em;
}

.page #main {
	padding: 1em 1em 0;
	
}

@media screen and (max-width: 767px){
	#main section .row .col {
		height:auto;
		padding-left:0;
		padding-right:0;
	}
		
}
#smp #main .article_body p#inner_txt{
	line-height: 1.8;
	font-size: 24px;
}
@media screen and (min-width: 481px){
	#content {
		margin-top: 122px;
	}
}
@media screen and (max-width: 480px){
	#content {
		margin-top: 61px;
	}
}
/** main
------------------------------**/


/** smp
------------------------------**/

#smp #main .sectionhead{
	background: url(../images/frame_head_bg.png) no-repeat left top;
	background-size: 100% 100%;
	color: #fff;
	font-weight: bold;
	padding-left: 0.5em;
	font-size: 100%;	
	height: auto;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	line-height: 2em;
}
#smp #main a.btn:hover{
	background-position: center top;
}
#smp #main #h2_box {
	background: url(../images/border.png) repeat-x left bottom;
	background-size: 0.25em;
	padding-bottom: 0.2em;
}
#smp #main #h2_box h2 {
	background-repeat: no-repeat;
	background-size: 2em;
	background-position: left center;
	background-color: transparent;
	padding-top: 0.5em;
	padding-left: 2.5em;
	line-height: 2em;
}
.page #main h3 {
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
}

.page #main h4 {
  border-bottom: 2px solid #fd859b;
  color: #fc5170;
  margin-bottom: 1em;
}
#smp #main .box_outer {
  border: 1px solid #de526e;
  margin-bottom: 1em;
}
.page #main .article_inner_base {
}



/** index
------------------------------**/
.home .content_act {
	margin-top: 28em;
}


.home #main #service .article_body {
	border-top: 1px solid #ccc;
}
.home #main .article_body {
	margin: 1em auto;
	padding: 1.5em 0 0;
}
.home #main .feed_entry {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.home #main .feed_entry p{
	margin: 0;
}
.home #main #attention {
  border: 2px solid #f00;
}
.home #main #attention .entry_category{
  background: #f00;
  color: #fff;
}

.home #main .feed_entry .entry_category{
	background: #fdd;
	width: 8em;
	text-align: center;
	color: #fc5170;
	font-weight: bold;
}
.home #main .feed_entry .entry_title{
	font-weight: bold;
}
.home #main .feed_entry a{
	display: block;
	width: 100%;
	color: inherit;
}
.home #main .feed_entry a:hover{
	color: #fc5170;
}

/**
  form
***/
.home .form_area{
  padding-bottom: 1em;
  margin: 0 0 2em;
  background: #fffdDe;  
  border: 1px #ccc solid;
}
.home .form_area .select_box{
  width: 100%;
  margin-bottom: 2em;
  height: 2em;
}
.home .form_area p,
.home .form_area .form_element {
    margin: 0 0.5em 0.5em;
}
.home #main #reservationform .form_area p.sectionhead{
  font-size: 125%;
  padding-left: 2.5em;
  font-weight: bold;
  display: block;
  margin:0 0 1em;
  background: url(../../images/common/icon01.gif) no-repeat 1em center;
  background-size: 1em;
  color: #000;
}
.home .cal_box{
  margin: 0 0.5em 1em;
}
.home #main .form_area .btn_area{
  height: 2em;
}
.home #main .form_area input#searchbtn{
  width: 100%;
  height: 100%;
  margin: 0 auto;
}



/** news
------------------------------**/
.news .article_body{
  padding: 1em;
  margin-top: 1em;
}

.news #main #sect01 .article_body h3{
  background: #FC5170;
  color: #fff;
  padding: 0.5em 1em;
  width: 100%;
  height: auto;
  line-height: 1.5;
  margin: 0 0 1em;
}

#article_img img{
    max-width: 80%;
    height: auto;
    max-height: 150px;
}




/** introduction
------------------------------**/
.introduction #service ,
.introduction #facility {
	background: none;	
	height: auto;
	margin-bottom: 1em;
	width: 100%;
}

.introduction #main h3 {
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
}
.introduction #main .article_body{
	padding: 0 ;
	width: 100%;
}
.introduction #service .article_body > p{
	text-align: left;
}
.introduction #main p.txt_top{
	color: #fc5170;
	font-weight: bold;
	display: block;
	width: 100%;
}
.introduction #service ul {
	display: block;
	list-style: none outside;
	margin: 2em auto 0;
	padding: 0;
}
.introduction #service .article_inner {
	border-bottom: 0;
	width: 100%;
}
.introduction #service ul li {
	display: block;
	float: none;
	height: auto;
	margin:0 auto 2em;
	position: relative;
	width: 100%;
	padding: 0 0 2em;
	border-bottom: 1px dotted #ccc;
}
.introduction #service ul li img {
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
	margin: 0 auto 2em;
	width: 90%;
	height: auto;
}


.introduction #service ul li h4,
.introduction #facility h4 {
	background: url(../images/smp_h3_bg3.png) no-repeat left center;
	background-size: 1em;
	padding-left: 1.5em;
	color: #fc5170;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin-top: 1em;
  border: 0;	
}
.introduction #service ul li p {
	display: block;
	line-height: 1.85;
	margin: 0 auto 1em;
	position: relative;
	top: 0;
	width: 100%;
}
.introduction #service ul li p span {
	color: #fc5170;
}

.introduction #service #img_bottom{
	bottom: 7px;
	left: 24px;
	position: absolute;
}

/**
	facility
*************************************/

.introduction #facility {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
}

.introduction #facility .article_body > div{
	float: none;
	position: relative;
	top: 0;
	width: 100%;
}
.introduction #facility .article_body ul {
	background-image: none;
	background-color: #ff6;
	display: block;
	list-style: none url(../images/smp_marker2.png);
	padding: 0 1em 0 3em;
	width: 100%;
	height: auto;
	
}
.introduction #facility .article_body ul li {
	line-height: 2.5;
}
.introduction #facility .article_body img {
	display: block;
	position: relative;
	width: 90%;
	height: auto;
	margin:  0 auto;
}
.introduction #facility .article_body img#article_img01 {
	margin-bottom: 2em;
}
.introduction #facility .article_body img#article_img01 ,
.introduction #facility .article_body img#article_img02 ,
.introduction #facility .article_body img#article_img03 {
	top: 0;
	left: 0;

}





/** fare
------------------------------**/

.fare #main .article_body {
  margin-top: 1em;
}
.fare #main .box_outer {
  padding-top: 0;
}
.fare #main .box_outer .box_title ,
.fare #main #plan_info .box_title {
  background: #ef889c!important;
  color: #fff;
  margin-top: 0;
  height: 3em;
  line-height: 3em;
  padding-left: 1em;
}
.fare #main #plan_info .row{
  padding-top: 1em;
  border-bottom: 1px solid #aaa;
}
.fare #main #plan_info .el_name{
  font-weight: bold;
  background: url(../../images/common/icon01.gif) no-repeat 1em center;
  padding-left: 2.5em;
}
.fare #main #plan_info .el_name,
.fare #main #plan_info .el_content{
}
.fare #main #plan_info .el_content{
  padding: 1em;
}
.fare #main #plan_info ul{
  margin-left: 1em;
}
.fare #main #plan_info #plan{
  width: 100%;
}
.fare #main #plan_info .form_area{
  height: 3.5em;
  padding-top: 1em;
}


.fare #main #plan_info .detail img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
  float: none;
}
.fare #main #plan_info .detail div{
  float: none;
  margin: 0 auto;
}


.fare #main .article_body .box_title {
	font-size: 85%;
}
.fare #main .article_body a.btn {
	font-size: 100%;
}
.fare #main .article_body .box_title ul{
	list-style: none none inside;
	padding: 0 1em;
	font-weight: bold;
}
.fare #main .tabs{
	width: 100%;
	padding: 0;
}
.fare #main .tabs ul{
	list-style: none none inside;
	padding: 0;
}
.fare #main .tabs ul li {
	display: inline-block;
	margin: 1em 0 0;
	width: 32%;
	text-align: center;
	background: #867072;
	color: #fff;
}
.fare #main .tabs ul li.plan_act {
	background: #ff227c;
}
.fare #main .tabs ul li a{
	color: #fff;
}
.fare #main .box_outer{
	margin-top: 0;
	margin-bottom: 4em;
}
.fare #main table tr,
.fare #main table th,
.fare #main table td{
	border: 1px solid #000;
	font-size: 100%;
	text-align: center;
	
}
.fare #main table td{
	padding: 0.5em 0.5em;
}

.fare #main .btn_area{
	display: block;
	width: 90%;
/*
	margin: 0 auto 2em;
*/
	margin: 0 auto 1em;

}
.fare #main .btn_area .btn{
padding: 0.5em 0;
  width: 45%;
}
.fare #main .btn_area .btn_next{
	float: right;
}
.fare #main .btn_area .btn_prev{
	float: left;
}
.fare #main .route{
	padding: 1em;
}
	
.fare #main .route  dl {
  display: block;
  border-bottom: 1px solid #aaa;
}
.fare #main .route  dt ,
.fare #main .route  dd {
  display: inline-block;
}
.fare #main .route  dt {
  width: 70%;
}
.fare #main .route  span{
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 120%;
}
.fare #main .bus_list img {
  display: block;
  margin: 1em auto;
}


/** busstop
------------------------------**/

/**-- GoogleMap for responsive --**/
.embed-container iframe { 
		margin: 0 auto;
		display: inline-block;
		width: 100%;
}
	@media screen and (max-width: 767px){
		.embed-container { 
              margin-bottom: 1em;
			 position: relative;
			 padding-bottom: 76.25%;
			 height: 0;
			 overflow: hidden;
			 max-width: 100%;
			 height: auto;
			 }
		 .embed-container iframe,
		 .embed-container object,
		 .embed-container embed
		 { position: absolute;
			 top: 0;
			 left: 0;
			 width: 100%;
			 height: 100%;
		 }
}
.busstop #main #sect02 p.busstop_name {
  color: #53bd28;
  font-weight: bold;
  background-size: 0.70em;
}
.busstop #main #sect02 p {
  margin-bottom: 0;
}
.busstop #main #sect02 .article_inner h3{
  margin: 0;
}
.busstop #main #sect02 .article_inner {
    padding-bottom: 1em;
    border-bottom: 1px dotted #AAA;
    margin-bottom: 1.5em;
}
/** timetable
------------------------------**/


.timetable #main .main_block h3{
	margin-bottom: 0;
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
}
.timetable #main .main_block p.icon {
	width: 100%;
	position: relative;
	height: 1em;
	line-height:0;
	font-size: 1em;
	top: 0;
	right: 0;
	margin: 0px auto;
	text-align: right;
}
.timetable #sect01 .note span ,
.timetable #main #sect01 p.icon {
	font-weight: bold;
	color: #fc5170;

}
.timetable #sect02 .note span ,
.timetable #main #sect02 p.icon {
	font-weight: bold;
	color: #52bd28;

}
.timetable #main .main_block .icon img {
	width: 1em;
	height: 1em;
}
.timetable .note {
	padding-top: 1em;
}
.timetable #sect01 .article_body{
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.timetable .article_inner {
	width: 100%;
	margin: 0 auto;
	border-top: 10px solid #445da0;
	border-bottom: 10px solid #445da0;
}
.timetable #sect01 .article_inner > div ,
.timetable #sect02 .article_inner > div {
	background-repeat: no-repeat;
	background-position: 97% 0.5em;
	line-height: 1.4em;
	padding: 1em 0.5em;
}
.timetable #sect01 .article_inner > div.arv {
	background-image: url(../../images/second/out.png);
	background-position: 95% 65%;
}
.timetable #sect01 .article_inner > div.dep {
	background-image: url(../../images/second/in.png);
	background-position: 95% 65%;
}
.timetable #sect02 .article_inner > div {
	background-image: url(../../images/second/in.png);
}
.timetable #sect01 .article_inner > div.shinjukuminami {
	background-image: none;
}
.timetable #sect01 .article_inner .bs_name{
	color: #fc5170;
	font-weight: bold;
}
.timetable #sect02 .article_inner .bs_name{
	color: #53bd28;
	font-weight: bold;
}


/** reservation 
------------------------------**/
.res_detail .article_inner {
/*	padding: 0 1em;*/
	margin: 0 auto;
}
.reservation #main p.sectionhead {
	margin: 0;
}
.res_detail #main #sect01 div.row ,
.res_detail #main #sect02 div.row ,
.res_detail #main #sect03 div.row #payment_choice{
	width: 100%;
	padding: 1em;
}
.reservation #main #sect01 div.row div ,
.reservation #main #sect02 div.row div ,
.reservation #main #sect03 div.row div {
	width:100%;
	padding: 1em;
	margin: 0;
}

.reservation #main #sect01 div.row .el_content {
	border: 0;
}
.reservation #main #sect01 div.row .el_content ,
.reservation #main #sect02 div.row .el_content ,
.reservation #main #sect03 div.row .el_content {
	padding-left: 2em;
	padding-right: 1em;
	border: 0;
}
.res_payment #main #sect02 .form_area .personal_info ,
.reservation #main #sect02 #bus_name{
	background: url(../images/smp_h3_bg2.png) no-repeat 1em center;
	background-size: 1em;
	line-height: 3em;
	padding-left: 2.5em;
}
.res_payment #main #sect02 #btn_member a{
	display: block;
	margin: 0 auto 2em;	
}
.res_payment #main #sect02 #btn_member {
	width: 100%;
}
.res_payment #main #sect02 .form_area .personal_info {
  background-color: #ffb3c6;
  font-weight: bold;
  color: #fff;
}
.res_payment #main #sect02 .form_area .info2 {
  background-color: #ffc2d1;
  font-weight: bold;
  color: #fff;
  height: 2em;
  line-height: 1em;
  padding-top:0.7em;
}
.res_payment #main #sect02 .form_area input.name ,
.res_payment #main #sect02 .form_area input#mobile_phone ,
.res_payment #main #sect02 .form_area input#phone {
	display: block;
	width: 100%;
}
.res_payment #main #sect02 .form_area input.name {
	margin-bottom: 1em;
}
.res_payment #main #sect02 .form_area .radio {
	display: inline-block;
}
.res_payment #main #sect02 .form_area label {
	display: inline-block;
/*	width: 40%;*/
}


.res_payment #main #sect03 div.row div.el_name {
	height: 3em;
}
.res_payment #main #sect03 #payment_choice .el_name{
	padding: 1em;
}
.res_payment #main #sect03 .payment_box a,
.res_payment #main #sect03 #payment_choice .el_name span{
	font-size: 100%;
}
.res_payment #main #sect03 .last_row {
	text-align: left;
}
.res_payment #main #sect03 .last_row table{
	width: 100%;
}
.res_payment #main #sect03 .last_row table th{
	padding-left: 1em;
}
.res_payment #main #sect03 .last_row table td{
	padding: 1em 0.5em;
}
.reservation .btn_box {
	padding: 1em 0 0.5em;
	background: #ff6;
	margin-bottom: 2em;
}
.reservation .btn_box p{
	text-align: center
}
.reservation .btn_box p span{
	color: #fc5170;
}

.reservation #main input.res_btn {
    background: url("../images/smp_btn_next.png") no-repeat scroll center top transparent;
	background-size: 100% 100%;
}
@media screen and (min-width: 481px){
	.reservation #main input.res_btn {
    margin: 1em auto;
    height: 64px;
    width: 276px;
	}
}
@media screen and (max-width: 480px){
	.reservation #main input.res_btn {
    margin: 1em auto;
    height: 32px;
    width: 138px;
	}
}
/** reservation search
------------------------------**/
.res_search #main #sect01 div.row ,
.res_search #main #sect01 div.row div{
  padding: 0;
}
/** float解除 **/
.res_search #main .search_box1,
.res_search #main #arrow,
.res_search #main .search_box2,
.res_search #main .busstop ,
.res_search #main .bustype {
  float: none;
}

.res_search #main #search_area h4{
  background: url(../../images/common/icon01.gif) no-repeat 1em center;
  padding-left: 2.5em;
  color: #000;
  display: inline-block;
  width: 100%;
}
.res_search #main #search_area h3{
  background: url(../../images/common/icon01.gif) no-repeat 1em center , linear-gradient(to top,rgba(168, 168, 168, 0.4) 3%,transparent 30%);
  line-height: 2em;
  margin: 0;
  padding-top: 0.5;
  padding-left: 2.5em;
  height: 100%;
}
.res_search #main .search_box1,
.res_search #main .search_box2{
  height: auto;
  border: 1px solid #df536d;
  width: 100%;
}
.res_search #main #search_condition {
  width: 100%;
}
.res_search #main #arrow{
  width: 100%;
  text-align: center;
}


.res_search #main .form_area .select_box{
  width: 100%;
  margin: 0 auto 2em;
  height: 2em;
}
.res_search #main #arrow{
  height: auto;
  font-size: 400%;
}
.res_search #main input#srch_submit {
  display: block;
  margin: 2em auto;
  width: 100%;
  height: 2em;
}

.res_search #main .search_box2 .opt_box input.srch_opt{
  display: inline-block;
  width: 10%;
}
.res_search #main .search_box2 .opt_box label{
  width: 85%;
  height: 2em;
  text-indent: 0;
  overflow: visible;
  white-space: normal;
  display: inline-block;
  background: url(../../images/second/dummy/30x30.png) no-repeat left center;
  background-size: 2em;
  margin:0 0 2em 0;
  padding:0.2em 0 0 2.5em;
}
.res_search #main #sort_box p{
  float: none;
}
.res_search #main #sort_box ul{
  padding: 0;
}
.res_search #main .box_outer .box_title {
  background: #ef889c!important;
  color: #fff;
  margin-top: 0;
  height: 3em;
  line-height: 3em;
  padding-left: 1em;
  font-size: 13px
}


.res_search #main .busImg,
.res_search #main .busInfo,
.res_search #main .busInfo>img{
  float: none;
  
}
.res_search #main .busImg img,
.res_search #main .busInfo>img{
  display: block;
  margin: 1em auto;
}
.res_search #main .busImg,
.res_search #main .busInfo{
  margin: 1em auto!important;
  width: 100%;
  display: block;
}

.res_search #main .busInfo ul.kekkaIcon {
  padding: 0;
  display: block;
  margin: 0 auto;
}
.res_search #main .busInfo ul.kekkaIcon li{
  display: inline;
  margin-right: 5px;
}
.res_search #main .plan{
  margin: 10px 0;
  width: 100%;
}


.res_search #main .plan {
  width: 100%;
  border-bottom: 1px solid #aaa;
}
.res_search #main .plan .plan_box{
  border-top: 2px dashed #AAA;
  border-bottom: 2px dashed #AAA;
  margin: 1em auto!important;
  padding-top: 0.5em!important;
  background: #fef;
  width: 100%;
}
.res_search #main .plan .el_name{
  padding-left: 1em!important;
  background: url("../../images/common/icon01.gif") no-repeat scroll left center transparent;
  background-size: 1em;
  font-weight: normal;
}
.res_search #main .plan .el_content{
  padding: 5px 0px!important;
}
.res_search #main .plan button.btn_reservation{
  width: 100%;
  height: 2em;
  margin: 2em auto;
}


.res_search #main .route{
	padding: 1em!important;
}
	
.res_search #main .route  dl {
  display: block;
  border-bottom: 1px solid #aaa;
}
.res_search #main .route  dt ,
.res_search #main .route  dd {
  display: inline-block;
}
.res_search #main .route  dt {
  width: 70%;
}
.res_search #main .route  span{
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 120%;
}
.res_search #main .bus_list img {
  display: block;
  margin: 1em auto;
}

.res_search #main .space {
  height: 20px 
}



/** reservation confirm
------------------------------**/
.res_confirm #notice{
	padding: 1em;
}
.res_confirm #main .btn_box{
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.res_confirm #main input.btn_next,
.res_confirm #main input.btn_kessai,
.res_confirm #main input.btn_back {
	border: 0;
}
.res_confirm #main input.btn_kessai{
	position: relative;
	background: url("../images/smp_btn_kessai.png") no-repeat scroll center top;
	background-size: 100% 100%;
	left: 0;
	text-indent: 110%;
	
}
.res_confirm #main input.btn_next{
	position: relative;
	background: url("../images/smp_btn_submit2.png") no-repeat scroll center top;
	background-size: 100% 100%;
	left: 0;
	text-indent: 110%;
	
}
.res_confirm #main input.btn_back {
	background: url("../images/smp_btn_prev.png") no-repeat scroll center top;
	background-size: 100% 100%;
}
@media screen and (min-width: 481px){
	.res_confirm #main input.btn_next
	.res_confirm #main input.btn_kessai{
    margin: 1em auto;
    height: 86px;
    max-width: 580px;
		width: 100%;
	}
	.res_confirm #main input.btn_back{
    height: 64px;
    width: 276px;
	}
}
@media screen and (max-width: 480px){
	.res_confirm #main input.btn_next,
	.res_confirm #main input.btn_kessai{
    margin: 1em auto;
    height: 43px;
    width: 290px;
	}
	.res_confirm #main input.btn_back{
    height: 32px;
    width: 138px;
	}
}


/** reservation entry
------------------------------**/
.res_entry .article_inner {
	padding: 1em;
}
.res_entry #main #sect01 {
	margin-bottom: 2em;
}

.res_entry #main #sect01 div.row .el_name ,
.res_entry #main #sect01 div.row .el_content {
  padding: 0.5em 0 0;
  text-align: left;
}

.res_entry #main #sect01 p.txt_head{
	background-position: left 0.7em;
	padding-left: 1.5em;
	font-weight: bold;
}

.reservation #main #sect01 div.row div#dest_title {
	background: url(../images/smp_h3_bg.png) no-repeat left center;
	background-size: 1em;
	padding-left: 1.5em;
	height: 2.5em;
	padding-top: 0.5em;
}
.res_entry #main #sect01 #busstops p#down_arrow{
	font-size: 100%;
}
.res_entry #main #sect01 #busstop_box,
.res_entry #main #sect01 #amount_box ,
.res_entry #main #sect01 #amount_sum ,
.res_entry #main #sect01 #price_detail_box {
	padding: 0;
}
.res_entry #main #sect01 #busstops select{
/**
.res_entry #main #sect01 form#res_entry select{
**/
	width: 100%;
	height: 2em;
}
.res_entry #main #sect01 #amount ,
.res_entry #main #sect01 #amount_box div{
	margin-bottom: 0;
}
.res_entry #main #sect01 #amount p#label_amount_box{
	position: relative;
	width: 100%;
	text-align: left;
}
.res_entry #main #sect01 #amount #adults,
.res_entry #main #sect01 #amount #child,
.res_entry #main #sect01 #price_detail_box .price_detail {
	margin: 0 0;
	padding: 0;
}
.res_entry #main #sect01 #amount p#label_a,
.res_entry #main #sect01 #amount p#label_c{
	width: 100%;
}
.res_entry #main #sect01 #amount #child,
.res_entry #main #sect01 #amount #amount_sum{
	margin-bottom: 2em;
}
.res_entry #main #sect01 #price_sum{
	margin: 0 0 1.5em;
}
.res_entry #main #sect01 #price_sum p{
	font-size: 100%;
}
.res_entry #main #sect01 #label_price_detail {
  width: 100%;
  text-align: left;
}
.res_entry #main #sect01 #bus_detail {
  background: #fff;
  border: 1px solid #aaa;
}
.res_entry #main #sect01 #bus_detail img{
  display: block;
  margin: 1em auto;
  max-width: 280px;
}
.res_entry #main #sect01 #bus_detail .el_name{
  font-weight: bold;
}
.res_entry #main #sect01 #bus_detail input{
  width: 100%;
  margin-bottom: 2em;
}
.res_entry #main #sect01 .bus_detail_btn {
  width: 90%;
  margin: 2em auto 0;
  display: block;
  height: 2em;
}


.res_entry #main #sect02 p.sectionhead{
	background: url(../images/frame_head_bg2.png) no-repeat left center;
	background-size: 100% 100%;
}
.res_entry #main #sect02 p.normal_txt{
	margin: 0 0 1em;
}
.res_entry #main #sect02 table{
	width: 100%;
}
.res_entry #main #sect02 table th{
	text-align: center;
}
.res_entry #main #sect02 .notice{
	padding: 0;
}



/** send_credit
------------------------------**/
.res_send_c #main #sect01 .article_inner p#inner_txt {
  margin-bottom: 2em;
  font-size: 100%;
}
.res_send_c #main #sect01 .btn_area {
  width: 90%;
  padding: 0!important;
  text-align: center;
  border: 1px solid #aaa;
  background: #fff;
  border-radius: 4px;
  height: 2em;
  margin-bottom: 2em!important;
}
.res_send_c #main .btn_area a{
  width: 100%;
  font-size: 100%;
}
.res_send_c #main #sect01 .row div.link_area {
  margin: 0!important;
  width: 100%;
  padding:0;
}
.res_send_c #main #sect01 .row div.link_area a{
  line-height: 3em;
  background: url(../../images/marker.png) no-repeat left center;
  margin-right: 0.5em;
}



/** member 
------------------------------**/
.member #main .btn_box {
	width: 100%;
}

.member #main #steps {
	display: block;
	position: relative;
	background: url(../images/smp_member_step_bg.png) no-repeat center top;
	background-size: 100%;
	width: 100%;
	line-height: 3em;
	left: 0;
}
.member #main .btn_box {
	margin-bottom: 2em;
}

.member #main .btn_box a{
	margin: 0;
	display: block;
}
.member #ssl_area {
	text-align: left;
	margin-top: 1em;
	font-size: 100%;
	padding: 1em;
}
.member #ssl_area img{
	display: block;
	margin: 0 auto 1em;
}



/** member agreement
------------------------------**/
.mem_agreement{
}
.mem_agreement #main .article_inner,
.mem_entry #main .article_inner{
	padding-left: 1em;
	padding-right: 1em;
}
.mem_agreement #main h3{
	font-size: 100%;
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
	margin: 1em 0;
}
.mem_agreement #main #sect01 input{
	display: block;
	width: 100%;
	margin: 0.4em auto 1em;
}
.mem_agreement #main #sect01 p{
	display: block;
	margin: 0 ;
	height: auto;
}
.mem_agreement #main #sect01 #list_box{
	margin: 0 auto;
	background: url(../images/smp_agree_list_bg.png) no-repeat center top;
	background-size: 100%;
	width: 100%;
	
}

.mem_agreement #main #list_box #list{
	margin: 0 auto;
	left: 0.75em;
	width: 90%;
}
.mem_agreement #main #list_box #list p{
	width: 100%;
	height: auto;
}
.mem_agreement #main iframe{
	width: 100%;
}
.mem_agreement #main #notice_box{
	text-align: left;
	margin-bottom: 2em;
}

.mem_agreement #main #notice_box a{
	font-size: 100%;
	background: url(../images/smp_marker.png) no-repeat left center;
	background-size: 1em;
}

.mem_agreement #main a.btn_totop {
	background: url(../images/btn_totop.png) no-repeat center top;
	background-size: 100%;
	position: relative;

}
.mem_agreement #main a.btn_next,
.mem_agreement #main a.btn_kessai {
	position: relative;
	left: 0;
	background: url(../images/smp_mem_agree_next.png) no-repeat center top;
	background-size: 100%;
}
@media screen and (min-width: 481px){
	.mem_agreement #main #sect01 #list_box{
		width: 100%;
		max-width: 560px;
		height: 568px;
	}
	.mem_agreement #main #list_box #list{
		top: 6.5em;
		left: 1em;
	}
	.mem_agreement #main #list_box #list p{
		width: 470px;
	}
	.mem_agreement #main a.btn_totop {
		width: 236px;
		height: 64px;
	}
	.mem_agreement #main a.btn_kessai,
	.mem_agreement #main a.btn_next {
		max-width: 580px;
		width: 100%;
		height: 84px;
	}
	.member #main #steps {
		width:100%;
		max-width: 610px;
		height: 115px;
		font-size: 75%;
		line-height: 4em;
	}
}
@media screen and (max-width: 480px){
	.mem_agreement #main #sect01 #list_box{
		width: 280px;
		height: 284px;
	}
	.mem_agreement #main a.btn_totop {
		width: 118px;
		height: 32px;
	}
	.mem_agreement #main a.btn_kessai,
	.mem_agreement #main a.btn_next {
		width: 290px;
		height: 42px;
	}
	.member #main #steps {
		width: 305px;
		height: 57px;
	}
}
/** member entry
------------------------------**/
.mem_entry #main article{
/*	margin-bottom: 50px;*/
}


.mem_cofnfirm #main form div.row ,
.mem_entry #main form div.row {
	width: 100%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}



.member #main div.el_name ,
.member #main div.el_content {
	display: block;
	float: none;
	width: 100%;
	line-height: 3;
	padding: 0;
}
.member #main div.el_name {
	width: 100%;
}
.member #main div.el_content {
	width: 100%;
}
.member #main .yourname div.el_content input{
	width: 80%;
	line-height:1;
}
.member #main div.el_content select{
	width: 100%;
}
.member #main div.el_content input#mobile_phone,
.member #main div.el_content input#phone,
.member #main div.el_content input#zip,
.member #main div.el_content input#address,
.member #main div.el_content select{
	width: 100%;
}

.member #main div.el_content input.radio,
.member #main div.el_content label.lbl_radio{
	display: block;
	float: left;
}
.member #main div.el_content label.lbl_radio{
	padding: 0;
	line-height: 2.5em;
	display: inline-block;
	width: 80%
}

.member #main div.el_content input#password,
.member #main div.el_content input#email{
	width: 100%;
}
.mem_entry #main input.btn_next {
	background: url(../images/smp_btn_next2.png) no-repeat center top;
	background-size: 100% 100%;
	display: block;
	text-indent: 110%;
	border: 0;
}


@media screen and (min-width: 481px){
.mem_entry #main input.btn_next {
    height: 64px;
    width: 276px;
	}
}
@media screen and (max-width: 480px){
.mem_entry #main input.btn_next {
    height: 32px;
    width: 138px;
	}
}

/** member confirm
------------------------------**/
.mem_confirm #main .mem_btn {
  position: relative;
}
.mem_confirm #main input.btn_next {
  left: 0;
  max-width: 100%;
}
/*
@media screen and (min-width: 481px){
  .mem_confirm #main input.btn_back {
      height: 84px;
      width: 362px;
  }
  .mem_confirm #main input.btn_next {
      width: 706px;
      height: 104px;
  }
}
@media screen and (max-width: 480px){
  .mem_confirm #main input.btn_back {
      height: 42px;
      width: 181px;
  }
  .mem_confirm #main input.btn_next {
      width: 353px;
      height: 52px;
  }
}
*/
  
  
/** member login
------------------------------**/
.mem_login #main {
}
#smp #main #sect01,
#smp #main #sect02{
	width: 100%;
	float: none;
}
.mem_login #main #sect01 {
	margin: 0 0 3em 0;
}
.mem_login #main #sect02 {
	margin: 0 0 3em 0;
}
.mem_login #main #sect01 h3,
.mem_login #main #sect02 h3{
	font-size: 100%;
	background: url(../images/smp_h3_bg.png) no-repeat left center;
	background-size: 1em;
}

.mem_login #main #sect01 #input_box{
	margin: 1.5em auto 0;
	background: #ffe8ec;
	width: 100%;
	height: 8em;
	padding-top: 1em;
}
.mem_login #main #sect01 #input_box input{
	width: 85%;
	margin: 0.4em auto;
}
.mem_login #main .to_link{
	background: url(../images/smp_marker.png) no-repeat left center;
	padding-left: 1.5em;
	padding-top: 0.2em;
	font-size: 100%;
	background-size: 1em;
}
.mem_login #main #sect01 p.to_link{
	width: 95%;
	display: block;
	height: 2em;
	margin: 1em 0 0.7em 1em;
}
.mem_login #main #sect01 p.to_link a ,
.mem_login #main #sect02 a.to_link {
	text-decoration: underline;
}
.mem_login #main #sect01 p.to_link a:hover ,
.mem_login #main #sect02 a.to_link:hover {
	text-decoration: none;
}
.mem_login #main #sect01 a.btn_login{
	background-image: url(../images/smp_btn_login.png);
}
.mem_login #main #sect02 a.btn_entry{
	background-image: url(../images/smp_btn_entry.png);
}
.mem_login #main #sect01 a.btn_login,
.mem_login #main #sect02 a.btn_entry{
	background-size: 100% 100%;
}

.mem_login #main #sect01 #check_box{
	margin: 1em;
	width: 90%;
	font-size: 100%;
}
.mem_login #main #sect01 #check_box input{
	height: 1em;
	width: 1em;
	margin-right: 0.7em;
}

.mem_login #main #sect02 h2 {
	background: url(../images/frame_head_bg2.png) no-repeat left top;
	background-size: 100% 100%;
}


.mem_login #main #sect01 p.normal_txt,
.mem_login #main #sect02 p.normal_txt{
	margin:1em;
	font-size: 100%;
}
.mem_login #main #sect02 p#privacy {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}
.mem_login #main #sect02 a.to_link{
	
	width: 90%;
	display: block;
	height: 2em;
	margin: 1em 1em 2em 1em;

}
.mem_login #main #sect02 #res_box {
	margin: 0;
	background: #edf9e3;
	width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
 
}
.mem_login #main #sect02 #res_box h3{
	margin: 0 1em;
}
.mem_login #main #sect02 #res_box p{
	font-size: 100%;
	margin: 1em ;
}
.mem_login #main #sect02 #submit_box{
	height: auto;
}
.mem_login #main #sect02 #res_box input {
	display: block;
	float: none;
	width: 85%;
	margin: 0 auto 1em;
}
.mem_login #main #sect02 a.btn_submit{
	float: none;
	display: block;
	background-image: url(../images/smp_btn_submit.png);
	background-size: 100% 100%;
	margin: 1em auto;	
	text-align: center;
}


@media screen and (min-width: 481px){
	.mem_login #main #sect01 a.btn_login,
	.mem_login #main #sect02 a.btn_entry{
		max-width: 100%;
		width: 560px;
		height: 84px;
	}
	.mem_login #main #sect02 a.btn_submit{
		width: 300px;
		height: 84px;
	}
}
@media screen and (max-width: 480px){
	.mem_login #main #sect01 a.btn_login,
	.mem_login #main #sect02 a.btn_entry{
		width: 280px;
		height: 42px;
	}
	.mem_login #main #sect02 a.btn_submit{
		width: 150px;
		height: 42px;
	}
}
/** member remind
------------------------------**/
	
.mem_remind #main .inner_box {
/*	padding-bottom: 1em;*/
	margin-bottom: 0;
	border-bottom: 1px dotted #ccc;
}
.mem_remind #main .inner_box h3{
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
}
.mem_remind #main .inner_box h3,
.mem_remind #main .inner_box input,
.mem_remind #main .inner_box p{
	margin: 1em;
}
.mem_remind #main .inner_box input {
	display: block;
	width: 80%;
	margin: 0 auto;
	height: 3em;
}
.mem_remind #main .inner_box .submit_box{
	height: 50px;
	padding-top: 1em;
}
.mem_remind #main .inner_box a{
	display: block;
	background: url(../images/smp_btn_submit.png) no-repeat center top;
	background-size: 100%;
	margin: 2em auto 1em;
	float: none;
	width: 150px;
	height: 42px;
}

.mem_remind #main #receive p.normal_txt {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
}

.mem_remind #main #receive {
	border-bottom: 0;
}
.mem_remind #main #receive h4{
	color: #fd859b;
	height: auto;
	padding: 0;
	margin-bottom: 1em;
}

.mem_remind #main .inner_box .mobile_phone{
	margin: 1em;
}
.mem_remind #main #receive ol{
	padding: 0;
	list-style-position: inside;
	line-height: 2;
}
/** contact,confirm
------------------------------**/
.contact #main #sect02 div.row {
	width: 100%;
	padding: 0.5em;
	border-bottom: 1px dotted #ccc;
}
.contact #main #sect02 p.required {
	width: 2.5em;
	text-align: center;
	display: inline-block;
	background: #f00;
	color: #fff;
	margin-left: 1em;
	line-height: 1.5;
}
.contact #main #sect02 .el_name ,
.contact #main #sect02 .el_content {
	line-height: 3;
}
.contact #main #sect02 .el_name {
	font-weight: bold;
}
.contact #main #sect02 .el_content >* {
	width:100%;
}
.contact #main #sect02 .el_content input ,
.contact #main #sect02 .el_content select {
  height: 2em;
}

/*
.contact #main #sect02 form div.row {
	width: 100%;
	padding: 0.5em;
	border-bottom: 1px dotted #ccc;
}
.contact #main #sect02 form p.required {
	width: 2.5em;
	text-align: center;
	display: inline-block;
	background: #f00;
	color: #fff;
	margin-left: 1em;
	line-height: 1.5;
}
.contact #main #sect02 form .el_name ,
.contact #main #sect02 form .el_content {
	line-height: 3;
}
.contact #main #sect02 form .el_name {
	font-weight: bold;
}
.contact #main #sect02 form .el_content >* {
	width:100%;
}
.contact #main #sect02 form .el_content input ,
.contact #main #sect02 form .el_content select {
  height: 2em;
}
*/
.con_entry #main .article_body {
	margin-bottom: 3em;
	border-bottom: dotted 1px #ccc;
}
.con_entry #sect01 .article_inner {
	background: none;
	width: 100%;
}

.smp_faq #main #sect01 .article_inner ul ,
.con_entry #main #sect01 .article_inner ul {
	display: block;
	margin: 0 auto;
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	width: 100%;
	padding: 0;
}
.smp_faq #main #sect01 .article_inner ul li ,
.con_entry #main #sect01 .article_inner ul li {
	width: 100%;
	line-height: 3em;
}
.smp_faq #main #sect01 .article_inner ul li a,
.con_entry #main #sect01 .article_inner ul li a{
	display: inline-block;
	color: #fc5170;
	text-decoration: underline;
}
.con_entry #sect02 .article_inner {
	margin: 0 auto;
	width: 100%;
	border: 1px solid #eebdc9;
}

/** ボタン **/
.contact #main #btn_area {
	width: 100%;
	padding: 0 1%;
}
.contact #main #btn_area button {
	display: block;
	margin: 0 auto 1.5em;
}
.contact #btn_area button#clear {
	background: url(../images/smp_btn_clear.png) no-repeat center top;
	background-size: 100% 100%;
}
.contact #btn_area button#submitok {
	background: url(../images/smp_btn_confirm.png) no-repeat center top;
	background-size: 100% 100%;
}
/*
.contact #btn_area button#submit {
	background: url(../images/smp_btn_confirm.png) no-repeat center top;
	background-size: 100% 100%;
}
*/
.contact #btn_area button#btn_back ,
.contact #btn_area button#btn_submit {
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.contact #btn_area button#btn_back {
	background: url(../images/smp_btn_prev.png) no-repeat center top;
	background-size: 100% 100%;
}

.contact #btn_area button#btn_submit {
	background: url(../images/smp_btn_submit.png) no-repeat center top;
	background-size: 100% 100%;
}

.con_entry #sect03 #contact_detail {
	padding: 1em;
}
.con_entry #main #sect03 .article_body p{
	display: block;
	width: 100%;
	margin: 0 0 1em;
}
.con_entry #sect03 p#cont_info {
  font-size:1.5em;
}

.con_entry #main #contact_detail p#opentime{
	text-align: center;
	background: #ffeaee;
}

/** confirm **/
.con_confirm p#notice a{
  color: #fd859b;
}
  

@media screen and (min-width: 481px){
  .con_entry #btn_area button#clear ,
  .con_entry #btn_area button#submitok {
    height: 64px;
    width: 276px;
	}
/*
  .con_entry #btn_area button#submit {
    height: 64px;
    width: 276px;
	}
*/

  .contact #btn_area button#btn_back {
    width: 276px;
    height: 64px;
  }
  .contact #btn_area button#btn_submit {
    width: 300px;
    height: 84px;
  }

}
@media screen and (max-width: 480px){
  .con_entry #btn_area button#clear ,
  .con_entry #btn_area button#submit {
    height: 32px;
    width: 138px;
	}
  .contact #btn_area button#btn_back {
    width: 138px;
    height: 32px;
  }
  .contact #btn_area button#btn_submit {
    width: 150px;
    height: 42px;
  }

}

/** busroute
------------------------------**/
.con_send #main .article_inner #inner_txt {
  text-align: left;
  font-size: 150%;
  font-weight: bold;
  margin: 0;
}
.con_send #main .article_inner #inner_txt span{
  font-weight: normal;
}
/** busroute
------------------------------**/
.smp_faq .article_body{
  padding: 1em 0;
}

/** busroute
------------------------------**/
.busroute #main .box {
  float: none;
  width: 100%;
}
.busroute #main .box h4{
  width: 100%;
  height: 1em;
}

/** company
------------------------------**/

.company #main h3 {
	background: url(../images/smp_h3_bg2.png) no-repeat left center;
	background-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
}

.company #main div.row {
  margin-bottom: 2em;
}

.company #main div.el_name ,
.company #main div.el_content {
  width: 100%;
  line-height: 3em;
}
.company #main div.el_name {
  font-weight: bold;
}
.company #main div.el_content {
  padding-left: 1em;  
}



/**-----------------------------
 footer
------------------------------**/
footer{
	margin-top: 1em;
}
#footer_inner {
}
#footer_inner #footer_btn_rsrv ,
#footer_inner img.footer_banner {
	width: 100%;
	margin-bottom: 2em;
	padding: 0 1em
}
#footer_inner p {
	width: 100%;
	background: #aaa;
	color:#000;
	text-align: center;
	margin-bottom: 0;
	border-top: #333 6px solid;
	font-size: 65%;
}

#footer_inner .banner_area {
	background: url(../images/border.png) repeat-x left bottom;
	padding-bottom: 2em
}
#footer_inner #footer_menu {
	position: relative;
	padding:  1em;
	background: #f5f4f4;
}
#footer_inner .footer_menulist{
	padding: 0;	
}
#footer_inner .footer_menulist .menu1{
	width: 45%;
	float: left;
}
#footer_inner .footer_menulist span{
	color: #fc5170;
}
#footer_inner .footer_menulist a{
	color: #000;
	text-decoration: none;
}
#footer_inner .footer_menulist a:hover{
	color: #fc5170;
	text-decoration: underline;
}

footer #button_area {
/*
	height: 50px;
	width: 50px;
*/
	top: -2em;
	right: 1em;
	margin: 0 auto;
	position: absolute;
}
footer #button_area a#to_top {
	width: 100%;
	height: 100%;
	background: url(../images/intro_totop.png) no-repeat center;
	background-size: 100%;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
}

#footer_inner #copyright{
	width: 100%;
	text-align: center;
	background: #fc5170;
	color: #fff;
	font-size: 80%;
}

@media screen and (min-width: 481px){
	footer #button_area {
		height: 100px;
		width: 100px;
	}
}
@media screen and (max-width: 480px){
	footer #button_area {
		height: 50px;
		width: 50px;
	}
	
}



/* トップページにコールセンターのバナー */

.callcenter {
    width: 90%;
    margin: 1em auto 0 auto;
}
.callcenter img {
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}



/* 時刻表一覧へのリンクボタン */

#side_timetable a:before {
    content: "》";
    color: #fff;
}
#side_timetable a {
    display: block;
    background: #fc5170;
    color: white;
    font-weight: 900;
    width: 100%;
    margin: 0 auto;
    padding: 1em;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}
p.timetable_pdf {
    margin: 1.15em 0 0 0;
}
p.timetable_pdf a {
    font-size: 90%;
    text-decoration: underline;
}