@charset "UTF-8";
/*==========
スマホスタイル追加編集用
sp_css/sp_style.cssで@importで読み込んでいます
==========*/

@media only screen and (max-width:767px) {
	/*==================
	スマホページ共通
	===================*/
	div[style*="float:right;"],div[style*="float:right;"]{
		float: none !important;
	}
	/*コンテンツ基本白ボックス*/
	.sp_common_box01{
		display: block;
		background-color: #fff;
		width: 96%;
		margin:5px auto 20px;
		padding:7px 15px;
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
	}
	/*コンテンツ背景色なしボックス*/
	.sp_common_box02{
		display: block;
		width: 96%;
		margin:5px auto;
		padding:0 15px;
	}
	/*コンテンツと見出しの幅が同じボックス*/
	.sp_common_box03{
		display: block;
		background-color: #fff;
		width: 96% ;
		margin:5px auto;
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
	}
	.sp_common_box03 .sp_btn01{
		margin: 7px auto;
	}

	/*オレンジ大見出し*/
	.sp_midashi04{
		background: #fa9245;
		color: #fff;
		text-align: center;
		padding:10px ;
		font-size: 22px;
		line-height: 1.25;
	}
	/*オレンジ中見出し*/
	.sp_midashi05{
		background: #fa9245;
		color: #fff;
		text-align: center;
		padding:7px 10px;
		font-size: 18px;
		line-height: 1;
	}
	/*左オレンジ背景グレーボタン*/
	.sp_btn_02{
		background-color: #eee;
		background: -webkit-linear-gradient(top, #fcfff4 0%,#dddddd 100%);
		background: linear-gradient(to bottom, #fcfff4 0%,#dddddd 100%);
		border: 1px solid #ccc;
		border-left: 3px solid #fa9245;
		text-align: center;

	}
	.sp_btn_02 a{
		display: block;
		padding: 10px;
	}
	.sp_btn_02 a:link {
		text-decoration: none;
		color: #282828;
	}
	.sp_btn_02 a:visited {
		text-decoration: none;
		color: #282828;
	}
	.sp_btn_02 a:hover {
		/*text-decoration: none;
		color: #282828;*/
		/*opacity: 0.7;*/
	}
	.sp_btn_02 a:active {
		text-decoration: none;
		color: #282828;
	}

	/*aリンク水色スタイル*/
	.sp_a_style01 a:link {
		text-decoration: underline;
		color: #00a0e9;
	}
	.sp_a_style01 a:visited {
		text-decoration: none;
		color: #00a0e9;
	}
	.sp_a_style01 a:hover {
		/*text-decoration: none;
		color: #00a0e9;*/
	}
	.sp_a_style01 a:active {
		text-decoration: none;
		color: #00a0e9;
	}

	/*薄いオレンジのボタンスタイル上書き*/
	.pdf_btn_css{
		position: relative;
		margin: 0 auto 7px;
		width: 92.36%;
		font-size: 14px;
		line-height: 1;
	}
	.pdf_btn_css a{
		padding: 0;
		padding: 12px 10px;
		color:#FF712B;
	}
	.pdf_btn_css span{
		display: block;
		position: relative;
	}
	.pdf_btn_css span:after{
		content:"";
		position:absolute;
		top:0;
		bottom: 0;
		right:10px;
		left:inherit;
		margin:auto; 0;
		width:7px;
		height:14px;
		background: url('http://www.hokutetsu.co.jp/wpress/wp-content/uploads/2015/03/arrow_right.png') 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	/*薄いオレンジのボタンスタイル(.pdf_btn_cssとほぼ同じ)*/
	.sp_btn01{
		position: relative;
		margin: 0 auto 7px;
		width: 100%;
		background:#F8D4BA;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align:center;
		padding: 10px;
		float: none;
	}
	.sp_btn01 a{
		padding: 0;
	}
	.sp_btn01 span{
		display: block;
		position: relative;
	}
	.sp_btn01 span:after{
		content:"";
		position:absolute;
		top:0;
		bottom: 0;
		right:10px;
		left:inherit;
		margin:auto; 0;
		width:7px;
		height:14px;
		background: url('http://www.hokutetsu.co.jp/wpress/wp-content/uploads/2015/03/arrow_right.png') 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.sp_btn01 a:link {
		text-decoration: none;
		color: #FF712B;
	}
	.sp_btn01 a:visited {
		text-decoration: none;
		color: #FF712B;
	}
	.sp_btn01 a:hover {
		/*text-decoration: none;
		color: #FF712B;*/
	}
	.sp_btn01 a:active {
		text-decoration: none;
		color: #FF712B;
	}

	/*mobile時スクロールになるテーブルスタイル tableを.table_scrollで囲む*/
	.table_scroll{
	overflow: auto;/*tableをスクロールさせる*/
	white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	}
	.table_scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
	 height: 10px;
	}
	.table_scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.table_scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
	 background: #fdc895;
	 border-radius:10px;
	}

	/*====pcスタイル上書き====*/
	.wrap_common_des_description{
		line-height: 1.5;
		margin: 0;
	}
	.wrap_common_des{
		width: 100%;
		margin: 0;
	}
	.wrap_common_des_img img{
		width: 100%;
		height: auto;
		padding-right: 5px;
	}
	.wrap_common_des_title{
		color: #282828;
		border-bottom: 1px solid #0075a9;
	}
	.wrap_common_des_description{
		line-height: 1.5;
		margin: 0;
	}
	.wrap_common_des_description a:link {
		text-decoration: underline;
		color: #00a0e9;
	}
	.wrap_common_des_description a:visited {
		text-decoration: none;
		color: #00a0e9;
	}
	.wrap_common_des_description a:hover {
		/*text-decoration: none;
		color: #00a0e9;*/
	}
	.wrap_common_des_description a:active {
		text-decoration: none;
		color: #00a0e9;
	}
	.ishikawasen_after_wrap{
		margin-top: 20px;
		width:100% ;
		margin: 0 auto ;
		height: inherit ;
	}
	.ishikawasen_after_wrap h3{
		margin-top: 0;
		padding:10px ;
		width: 100%;
		font-size: 22px;
		line-height: 1.25;
		text-align: center;
		background: #fa9245;
		color: #fff;
		height: inherit;
	}
	.ishikawasen_last_right_bus{
		width: 100%;
		padding: 0;
	}
	.ishikawasen_wrap_last_right_bus{
		width: 100%;
	}
	.wrap_right_bus{
		width: 100%;
		float: none;
		margin: 0;
	}
	.wrap_goyoyaku.temawari h4{
	      color: #282828;
	      border-bottom: 1px solid #0075a9;
	      line-height: 1.6;
	      padding: 0;
	      margin-bottom: 7px;
	      font-size: 14px;
	      width: 100%;
	      float: none;
	}
	.wrap_goyoyaku.temawari h4::before{
		content: none;
	}
	.wrap_goyoyaku p{
	      padding: 0;
	}
	.wrap_goyoyaku.temawari h3.sub{
	      margin: 0 0 15px;
	      font-size: 16px;
	}
	.wrap_goyoyaku.temawari h3.sub{
	      border-left: 3px solid #fa8b39;
	      margin-bottom: 7px;
	}
	/*ページ下お問いあわせ*/
	.tel_area{
		text-align: left !important;
		font-size: 16px;
            padding: 0px;
	}
	.tel_area small{
		font-size: 14px;
	}
	.tel_area.sp_common_box01{margin-bottom: 0;}
	.tel_area.sp_common_box01 span{
		display: inline-block;
		margin-left: 0;
		font-size: 16px !important;
		line-height: 1.5;
	}
	/*お得な乗車券*/
	.wrap_kankyo{
		width: 100%;
		margin-top: 0;
	}
	.wrap_kankyo_des{
		width: 100%;
	}
	.wrap_kankyo_des_img{
		margin: 0;
	}
	.wrap_kankyo_des_img img{
		padding-left: 10px;
	}
	.wrap_kankyo_des_img_des{
		width: 100%;
		margin: 0;
	}
	.wrap_kankyo_des_title{
		border-bottom: 1px solid #0075a9;
		color:#282828;
	}
	/*のりば案内*/
	.sp_noriba_list a{
		display: block;
		position: relative;
		padding: 10px;
		margin-bottom: 10px;
		background-color: #fdb077;
		background: -webkit-linear-gradient(top, #fdb077 0%,#eda067 100%);
		background: linear-gradient(to bottom, #fdb077 0%,#eda067 100%);
		text-align: center;
		border-bottom: 3px solid #d2854c;
		border-radius: 5px;
	}
	.sp_noriba_list a:before{
		content: url(http://www.hokutetsu.co.jp/wpress/wp-content/uploads/2015/03/icon_noriba_list_03.png);
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		left: 20px;
		height: 15px;
		width: 18px;
	}
	.sp_noriba_list a:link {
		text-decoration: none;
		color: #fff;
	}
	.sp_noriba_list a:visited {
		text-decoration: none;
		color: #fff;
	}
	.sp_noriba_list a:hover {
		/*text-decoration: none;
		color: #fff;*/
		/*opacity: 0.7;*/
	}
	.sp_noriba_list a:active {
		text-decoration: none;
		color: #fff;
	}

	/*baseに移す*/
	*{
		font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif !important;
	}
	body{
		-webkit-text-size-adjust: 100%;
	}
	.mt5{margin-top: 5px !important; }
	.mt7{margin-top: 7px !important; }
	.mb7{margin-bottom: 7px !important;}
	.mt0{margin-top: 0 !important;}
	.mt10{margin-top: 10px !important;}
	.sp_midashi_03 span{
		font-size: 14px;
	}
	.sp_midashi_03{
		padding: 15px 10px;
		line-height: 1.25;
        overflow: hidden;
	}
	/*commonに移す*/
/*	#sp_header_box01 h1 img{
		max-width: 100%;
	}*/
	#sp_header_box02{
		top: -5px;
	}
	#f_box1 a{
		padding: 0 10px;
		font-size: 14px;
	}
	#f_box1 a img{
		width: 26px;
	}
	#f_box1 a:after{
		top: 5px;
	}
	.sp_side_bnr{
		margin: 20px 15px;
	}
	/*homeに移す 移す際はパスを修正*/
	#top_btn_box01 a{
		text-align: center;
	}
	#news_info_box01 a span{
		vertical-align: middle;
	}
	#sp_slider #sp_prev,#sp_slider #sp_next {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  margin: auto 0;
	  background: center center no-repeat #ddd;
	  width: 35px;
	  height: 74px;
	  opacity: 0.9;

	}
	#sp_slider #sp_prev:hover,#sp_slider #sp_next:hover {
	  /*background-color: #ccc;*/
	}
	#sp_slider #sp_prev {
	  /*background-image: url( ../sp_images/top/prev.png );*/
	  background-image: url( sp_images/top/prev.png );
	  left: 0;
	}
	#sp_slider #sp_next {
	  /*background-image: url( ../sp_images/top/next.png );*/
	  background-image: url( sp_images/top/next.png );
	  right: 0;
	}
	/*下層ページ タイトル下メニュー(PCでは左サイドメニュー)*/
	.wrap_left_searching_menu{
		margin-top: 0;
	}
	.blue .accordion{
	  border: none;
	}
	.blue .accordion a{

	       padding: 10px;
	      text-decoration: none;
	      display: inherit;
	      border: none;
	      background-color: #f99f5d;

	  }
	  .blue .accordion a:hover{
	    /*background-color: #fe8a35;*/
	  }
	    .sp_sub_menubox1 dl{
	  position: relative;
	  }
	.blue .accordion li.first:before, .blue .accordion li.second:before, .blue .accordion li.third:before, .blue .accordion li.fourth:before, .blue .accordion li.fifth:before, .blue .accordion li.sixth:before, .blue .accordion li.seventh:before, .blue .accordion li.eigth:before, .blue .accordion li.nineth:before {
	    content: none;
	}
	.accordion .pc_show{
	  display: none !important;
	}
    .tel_area span {
    margin-left: 0px;
    font-size: 16px;
    color: #0906c5 !important;
    text-decoration: underline;
    margin: 0px 0px;
    font-size: 16px !important;
    display: block;
    font-weight: bold;    
}

}