/*
/* css reset */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
/*
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
*/
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/* サイト共通設定 */
body {
	line-height:1.5;
	font-size: 12px;
	max-width: 100%;
/*
	background: #CC3333;
*/
	background-image: url("../image/bkstar.gif");
}

li { list-style-type: none; }

img { max-width : 100%; height: auto; }

/*
table { background-color: #FFFFFF; }
*/

select.form-control { line-height: 28px; }

/* レスポンシブ設定 */

/* フッター部分 */
.kira_footer {
	background: #ffffff;
	padding: 30px 10px;
	text-align: center;
}
.kira_footer li {
	display: inline;
	padding: 10px;
}
@media only screen and (max-width:540px) {
	.kira_footer li {
		display: block;
		padding: 10px;
	}
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	width: 100px;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/* 再検索ボックス */
.kira_search_form input,
.kira_search_form select{
	margin: 5px;
}
.kira_sel_deparv{
	max-width: 150px;
}
.kira_input_date{
	width: 110px !important;
}
.kira_sel_paxcount{
	max-width: 60px;
}
.kira_inverse_btn, .cal_btn{
	vertical-align: middle;
}

.kira_br{
	display: none;
}

@media only screen and (max-width:768px) {
	.kira_search_form label{
		padding-left:5px;
		width: 60px;
		display: inline-block;
	}
	.kira_search_form select,
	.kira_search_form input{
		display: inline-block;
	}
	.kira_br{
		display: block;
	}
	.kira_sel_deparv{
		max-width: 45%;
	}
	.kira_sel_paxcount{
		max-width: 30%;
		width: 30%;
	}
}

/* 各ページ調整 */

/* -------------------- トップページ -------------------- */
/* トップページのボックス共通設定 */
.box {
	margin: 5px;
	padding: 10px;
	background: #fff;
	float: left;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
.col1 { width: 180px; }
.col2 { width: 370px; }

/* screens smaller than 540 */
@media only screen and (max-width:540px) {
	.box{
		box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		margin: 5px;
	}
	.col1 { width: 98%; }
	.col2 { width: 98%; }

	.kira_btn_cal { display: none !important; }
}
/* screens smaller than 320 */
@media only screen and (max-width:320px) {
	.slider .slides {
		height: 160px;
	}
}

/* 検索ボックス */
.kira_search_form_top .form-group{
	margin-left:5%;
}
.kira_search_form_top label {
	display:inline-block;
}
.kira_search_form_top select,
.kira_search_form_top input {
	display:inline-block;
	width: 126px;
}

/* 発着地別リスト */
.topbox1 {
	width:auto;
	margin: 0px;
	padding: 8px 0px;
	text-align:left;
	font-size:12px;
	border-bottom:dotted 1px #000;
}
.topbox2 {
	width:auto;
	margin: 0px;
	padding: 8px 0px;
	text-align:left;
	font-size:12px;
	background: #F2F2F2;
	border-bottom:dotted 1px #000;
}
/* ニュース */
#news_top {
    margin: 0 auto;
	padding-bottom: 8px;
	width: 90%;
	border-bottom: 1px dotted #BFBFBF;
	position: relative;
}
/*
p.news_read {
    position: absolute;  
	left: 64%;
	top: 2px; 
}
*/
#news_txt {
    margin: 0 auto;
	padding: 10px;
	width: 90%;
	border-bottom: 1px dotted black;
}
/*
#news_txt p {
	position: absolute;
	left: 40%;
	top: 20px;
}
#news_txt p.area2 {
	position: absolute;
	left: 60%;
	top: 20px;
}
*/
table.news {
	margin: 0 auto;
    width: 90%;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	
}
table.news tr.topics {
	padding: 8px;
	border-bottom: 1px dotted #BFBFBF;
			
}
table.news td.topics {
	padding: 1px;
	border-bottom: 1px dotted #BFBFBF;
	
}
table.news td.topics2 {
	padding: 10px;
	border-bottom: 1px dotted #BFBFBF;
	
}

.kira_center {
	text-align: center;
}

/* -------------------- 検索結果 -------------------- */
/* 結果表 */
.kira_sunday {
	background-color: #FFD1D1;
	color: red;
}
.kira_saturday {
	background-color: #CCF9FF;
	color: blue;
}
.kira_weekday {
	background-color: #EEEEEE;
	color: black;
}
.dep_date{
	background-color: #FFFFCC;
}
table.kira_cart, .kira_cart tr, .kira_cart td {
/*
	border: 1px solid #BFBFBF;
	text-align: center;*/
	padding: 2px;
}
table.kira_cart  {
	width: 100%;
	margin: 0 auto;
}

.waku{
	border: 1px solid #BFBFBF;
}

/* screens smaller than 540 */
@media only screen and (max-width:540px) {
	.kira_days_idx_0{ display: none !important; }
	.kira_days_idx_1{ display: none !important; }
	.kira_days_idx_5{ display: none !important; }
	.kira_days_idx_6{ display: none !important; }
}
@media only screen and (min-width:541px) {
	.kira_prev_day, .kira_next_day{ display: none !important; }
}
/* screens smaller than 320 */
@media only screen and (max-width:320px) {
	.dep_date{
		background-color: #FFFFFF;
	}
	/* 便名 */
	.kira_service_title{
		background-color:#ccffcc;
	}
}



/* 件数 */
.title_bar {
	text-align: center;
	font-size: 1.5em;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px 0px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		    border-radius: 5px;
	background: #CC3333;
	color: #FFFFFF;
}
.title_bar h2 {
	font-size: 1.1em;
}

.kira_container {
	width: 99%;
	margin: 0 auto;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 1%;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		    border-radius: 5px;
	background: #FFFFFF;

}

.kira_change_week_tbl {
	margin: 0 auto;
}
.kira_change_week_tbl td{
	padding: 5px;
}

/* -------------------- login -------------------- */
@media only screen and (min-width:700px) {
	.login_page, .pwlost_page, .mypage_cancel, .pwch_page{
		width: 50%;
		margin: 0 auto;
	}
}

.login_page .login_page_button,
.login_page .login_page_a,
.pwlost_page .pwlost_page_button,
.pwch_page .pwch_page_button{
	text-align: center;
}

/* -------------------- カート -------------------- */
.kira_go_next {
	margin: 0 auto;
	width: 40%;
	padding: 30px 0px 30px 0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FDE9E9;
	border:3px solid #ff0000;
	text-align: center
}

@media only screen and (max-width:800px){
	#table{
		display: block;
	}
	#table thead{
		display: none;
	}
	#table tbody{
		display: block;
	}
	#table tbody tr{
		display: block;
/*
		margin-bottom: 1.5em;
*/
	}
	#table tbody th,
	#table tbody td{
		display: list-item;
/*
		border: none;
*/
	}
	#table tbody th{
		margin: 5px;
		list-style-type: none;
		color: #fff;
		background: #aaa;
	}
	#table tbody td{
		margin: 10px;
		list-style-type: none;
		padding: 0;
	}
	#table tbody td.kira_cart_header:nth-of-type(1){ background: #CC3333; color:#FFF; padding:3px; }
	#table tbody td.kira_cart_header:nth-of-type(1):before { content: "No.："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(2):before { content: "出発日："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(3):before { content: "出発時刻："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(4):before { content: "到着時刻："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(5):before { content: "便名："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(6):before { content: "料金/座席数："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(7):before { content: "合計："; font-weight: bold; }
	#table tbody td.kira_cart_header:nth-of-type(8):before { content: "特割クーポン４："; font-weight: bold; }

	.kira_price_total {
		width: 100%;
	}
}

@media only screen and (max-width:540px) {
	.kira_go_next {
		width: 100%;
	}
}

/* -------------------- pax -------------------- */
.step {
	text-align:center;
    width: 100%;
	padding-top: 50px;
}

#cash_total {
    width:94%;
	margin: 0 auto;
	clear:both;
    padding: 20px 0px;
}

#cash_total p {
	text-align:center;
	font-size:2.4em;
    color:red;
    border : 3px solid red ; /* 枠の太さと種類、色 */
    width : auto ; /* 横幅を自動調整 */
    padding : 25px ; /* 枠の内側への余白 */
}

#error_txt {
	margin: 0 auto;
	padding:12px 12px;
	font-size:14px;
	color:red;
	font-weight:bold;
}

#title_bar {
	text-align:center;
	font-size:1.5em;
    color: #fff;
    width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
    padding: 2px 0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: #CC3333;
}
#title_bar h2 {
	font-size: 1.1em;
}

@media only screen and (max-width:800px){
	#kita_pax_table{
		display: block;
	}
	#kita_pax_table thead{
		display: none;
	}
	#kita_pax_table tbody{
		display: block;
	}
	#kita_pax_table tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	#kita_pax_table tbody th,
	#kita_pax_table tbody td{
		display: list-item;
/*
		border: none;
*/
	}
	#kita_pax_table tbody th{
		margin: 5px;
		list-style-type: none;
		color: #fff;
		background: #aaa;
	}
	#kita_pax_table tbody td{
		margin: 10px;
		list-style-type: none;
		padding: 0;
	}
	#kita_pax_table tbody td:nth-of-type(1):before { content: "姓(カナ)："; font-weight: bold; display: inline-block; width:100px; }
	#kita_pax_table tbody td:nth-of-type(2):before { content: "名(カナ)："; font-weight: bold; display: inline-block; width:100px; }
	#kita_pax_table tbody td:nth-of-type(3):before { content: "性別："; font-weight: bold; display: inline-block; width:100px; }
	#kita_pax_table tbody td:nth-of-type(4):before { content: "年齢："; font-weight: bold; display: inline-block; width:100px; }
	#kita_pax_table tbody td:nth-of-type(5):before { content: "緊急連絡先："; font-weight: bold; display: inline-block; width:100px; }
	
	#kita_pax_table ul{
		margin-left: 100px;
	}
}
/* -------------------- mypage top -------------------- */
@media only screen and (max-width:800px){
	#kira_mypagetop_table{
		display: block;
	}
	#kira_mypagetop_table thead{
		display: none;
	}
	#kira_mypagetop_table tbody{
		display: block;
	}
	#kira_mypagetop_table tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	#kira_mypagetop_table tbody th,
	#kira_mypagetop_table tbody td{
		display: list-item;
/*
		border: none;
*/
	}
	#kira_mypagetop_table tbody th{
		margin: 5px;
		list-style-type: none;
		color: #fff;
		background: #aaa;
	}
	#kira_mypagetop_table tbody td{
		margin: 10px;
		list-style-type: none;
		padding: 0;
	}
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(1){ background: #CC3333; color:#FFF; padding:3px; }
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(1):before { content: "No.："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(2):before { content: "予約番号："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(3):before { content: "予約日："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header0:nth-of-type(4):before { content: "乗車日："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header0:nth-of-type(5):before { content: "便名："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header0:nth-of-type(6):before { content: "席数："; font-weight: bold; }
//	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(7):before { content: "合計："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(8):before { content: "料金："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header:nth-of-type(9):before { content: "お支払い："; font-weight: bold; }

	#kira_mypagetop_table tbody td.kira_cart_header1:nth-of-type(1):before { content: "乗車日："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header1:nth-of-type(2):before { content: "便名："; font-weight: bold; }
	#kira_mypagetop_table tbody td.kira_cart_header1:nth-of-type(3):before { content: "席数："; font-weight: bold; }
}

/* -------------------- mypage detail -------------------- */
@media only screen and (max-width:800px){
	#kira_mypagedetail_table{
		display: block;
	}
	#kira_mypagedetail_table thead{
		display: none;
	}
	#kira_mypagedetail_table tbody{
		display: block;
	}
	#kira_mypagedetail_table tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	#kira_mypagedetail_table tbody th,
	#kira_mypagedetail_table tbody td{
		display: list-item;
/*
		border: none;
*/
	}
	#kira_mypagedetail_table tbody th{
		margin: 5px;
		list-style-type: none;
		color: #fff;
		background: #aaa;
	}
	#kira_mypagedetail_table tbody td{
		margin: 10px;
		list-style-type: none;
		padding: 0;
	}
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(1){ background: #CC3333; color:#FFF; padding:3px; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(1):before { content: "No.："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(2):before { content: "出発日："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(3):before { content: "集合："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(4):before { content: "出発："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(5):before { content: "到着："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(6):before { content: "便名："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(7):before { content: "料金/座席数："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(8):before { content: "合計："; font-weight: bold; }
	#kira_mypagedetail_table tbody td.kira_cart_header:nth-of-type(9):before { content: "お支払い："; font-weight: bold; }
}

.kira_bank_kind{
	max-width: 100px;
	width: 100px;
}


#detail {
	width: 80%;
	margin: 0 auto;
	padding: 18px 20px;
	border: 3px solid #FFCC00;
	line-height: 160%;
	font-size:1 4px;
	color: red;
	font-weight: bold;
	background-color: #FEFBCD;
}

.clear{
	clear:both;
}

#title01{
  border: 1px solid #CC3366; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #CC3366;
  text-align:left;
  padding-left: 25px;
}

.list1{
		font-size:16px;
		border-bottom:1px #999;
		padding:.2em .3em  
}
.list2{
		font-size:16px;
		background: #F2F2F2;
		border-bottom:1px #999;
		padding:.2em .3em  
}

.boxR{
	float:right;
}
.boxL{
	float:left;
}
.boxC{
	text-align:center;
}

/*---clearfix---*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
line-height:0;
font-size: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
zoom: 1;
}
.clearfix {
display: block;
}

/* margin */
.magl0  {margin-left:0px   !important;}
.magl5  {margin-left:5px   !important;}
.magl10 {margin-left:10px  !important;}
.magl15 {margin-left:15px  !important;}
.magl20 {margin-left:20px  !important;}
.magl30 {margin-left:30px  !important;}
.magl40 {margin-left:40px  !important;}
.magl50 {margin-left:50px  !important;}
.magl100{margin-left:100px !important;}
.magl150{margin-left:150px !important;}

.magr0  {margin-right:0px   !important;}
.magr5  {margin-right:5px   !important;}
.magr10 {margin-right:10px  !important;}
.magr15 {margin-right:15px  !important;}
.magr20 {margin-right:20px  !important;}
.magr30 {margin-right:30px  !important;}
.magr40 {margin-right:40px  !important;}
.magr50 {margin-right:50px  !important;}
.magr100{margin-right:100px !important;}
.magr150{margin-right:150px !important;}

.magt0  {margin-top:0px   !important;}
.magt5  {margin-top:5px   !important;}
.magt10 {margin-top:10px  !important;}
.magt15 {margin-top:15px  !important;}
.magt20 {margin-top:20px  !important;}
.magt30 {margin-top:30px  !important;}
.magt35 {margin-top:35px  !important;}
.magt40 {margin-top:40px  !important;}
.magt50 {margin-top:50px  !important;}
.magt60 {margin-top:60px  !important;}
.magt70 {margin-top:70px  !important;}
.magt80 {margin-top:80px  !important;}
.magt90 {margin-top:90px  !important;}
.magt100{margin-top:100px !important;}
.magt150{margin-top:150px !important;}

.magb0  {margin-bottom:0px   !important;}
.magb5  {margin-bottom:5px   !important;}
.magb10 {margin-bottom:10px  !important;}
.magb15 {margin-bottom:15px  !important;}
.magb20 {margin-bottom:20px  !important;}
.magb30 {margin-bottom:30px  !important;}
.magb40 {margin-bottom:40px  !important;}
.magb50 {margin-bottom:50px  !important;}
.magb100{margin-bottom:100px !important;}
.magb150{margin-bottom:150px !important;}

/* padding */
.padl0  {padding-left:0px   !important;}
.padl5  {padding-left:5px   !important;}
.padl10 {padding-left:10px  !important;}
.padl15 {padding-left:15px  !important;}
.padl20 {padding-left:20px  !important;}
.padl30 {padding-left:30px  !important;}
.padl40 {padding-left:40px  !important;}
.padl50 {padding-left:50px  !important;}
.padl100{padding-left:100px !important;}
.padl150{padding-left:150px !important;}

.padr0  {padding-right:0px   !important;}
.padr5  {padding-right:5px   !important;}
.padr10 {padding-right:10px  !important;}
.padr15 {padding-right:15px  !important;}
.padr20 {padding-right:20px  !important;}
.padr30 {padding-right:30px  !important;}
.padr40 {padding-right:40px  !important;}
.padr50 {padding-right:50px  !important;}
.padr100{padding-right:100px !important;}
.padr150{padding-right:150px !important;}

.padt0  {padding-top:0px   !important;}
.padt5  {padding-top:5px   !important;}
.padt10 {padding-top:10px  !important;}
.padt15 {padding-top:15px  !important;}
.padt20 {padding-top:20px  !important;}
.padt30 {padding-top:30px  !important;}
.padt40 {padding-top:40px  !important;}
.padt50 {padding-top:50px  !important;}
.padt100{padding-top:100px !important;}
.padt150{padding-top:150px !important;}

.padb0  {padding-bottom:0px   !important;}
.padb5  {padding-bottom:5px   !important;}
.padb10 {padding-bottom:10px  !important;}
.padb15 {padding-bottom:15px  !important;}
.padb20 {padding-bottom:20px  !important;}
.padb30 {padding-bottom:30px  !important;}
.padb40 {padding-bottom:40px  !important;}
.padb50 {padding-bottom:50px  !important;}
.padb100{padding-bottom:100px !important;}
.padb150{padding-bottom:150px !important;}

.txt06{font-size:0.6em !important;}
.txt07{font-size:0.7em !important;}
.txt08{font-size:0.8em !important;}
.txt09{font-size:0.9em !important;}
.txt12{font-size:1.2em !important;}
.txt13{font-size:1.3em !important;}
.txt14{font-size:1.4em !important;}
.txt15{font-size:1.5em !important;}
.txt16{font-size:1.6em !important;}
.txt17{font-size:1.7em !important;}
.txt18{font-size:1.8em !important;}
.txt19{font-size:1.9em !important;}
.txt20{font-size:2em !important;}

.kai-page {
	min-width: 30px;
	float: left;
	font-size: 15px;
	margin-bottom: 5px;
	padding: 0px 2px;
}
.kai-a {
	border: solid 1px #ff69b4;
	text-align: center;
	padding: 2px 0;
	background-color: #ffb6c1;
	color: #ffffff;
	text-align: center;
}
.kai-b {
	border: solid 1px #a9a9a9;
	text-align: center;
	padding: 2px 0;
	background-color: #dcdcdc;
	color: #1e90ff;
	text-align: center;
}
.infoSection {
	margin: 15px 0;
}
.infoSection dl {
	margin: 10px 25px;
	width: 700px;
	float: left;
	display: inline;
}
.infoSection dl dt {
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(../images/common/icon01.gif) no-repeat left 1px;
}
.infoSection dt.errmsg {
	color: red;
}
.infoSection dt.exemsg {
	color: blue;
}

.infoSection dl dd {
	margin-bottom: 10px;
}
.infoSection dl dd.attention {
	margin-left: 1em;
	font-size: 0.8em;
	text-indent: -1em;
}