﻿@charset 'utf-8';
/* #mypage　マイページトップ
=========================================== */
/* .name
----------------------- */
#mypage .name {
	line-height: 1.5;
	padding: 15px;
	font-size: 18px;
}
@media screen and (min-width: 641px) {
	#mypage .name {
		margin: 0 0 15px;
		padding: 0;
		font-size: 20px;
	}
}
/* .menu
----------------------- */
#mypage .menu {
	padding: 0 15px 20px;
}
#mypage .menu li {
	margin: 0 0 10px;
}
#mypage .menu li a {
	position: relative;
	line-height: 1.5;
	padding: 20px 20px 19px;
	border: solid 2px #1a54a2;
	background: #fff;
	color: #08264d;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
#mypage .menu li a::after {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 0;
	height: 0;
	border-width: 0 0 11px 11px;
	border-style: solid;
	border-color: transparent transparent #1a54a2;
	content: '';
}
@media screen and (min-width: 641px) {
	#mypage .menu {
		overflow: hidden;
		margin: 0 0 40px;
		padding: 0;
	}
	#mypage .menu li {
		float: left;
		width: 320px;
		margin: 0;
		background: #fff;
	}
	#mypage .menu li + li {
		margin: 0 0 0 20px;
	}
	#mypage .menu li a {
		padding: 23px 20px 22px;
		border: solid 4px #1a54a2;
		font-size: 18px;
	}
	#mypage .menu li a::after {
		position: absolute;
		right: 10px;
		bottom: 10px;
		border-width: 0 0 13px 13px;
	}
}
/* .caution
----------------------- */
#mypage .caution {
	padding: 0 15px 15px;
	background: #fff;
}
#mypage .caution h2 {
	line-height: 1.6;
	margin: 0 -15px 15px;
	padding: 9px 15px 8px;
	background: #ffba00;
	color: #000003;
	font-weight: bold;
	font-size: 15px;
}
#mypage .caution h3 {
	margin: 13px 0 0;
	font-weight: bold;
	font-size: 13px;
}
#mypage .caution p {
	font-size: 13px;
}
@media screen and (min-width: 641px) {
	#mypage .caution {
		padding: 0 25px 25px;
	}
	#mypage .caution h2 {
		line-height: 1.5;
		margin: 0 -25px 25px;
		padding: 17px 25px 16px;
		font-size: 18px;
	}
	#mypage .caution h3 {
		margin: 14px 0 0;
		font-size: 14px;
	}
	#mypage .caution p {
		font-size: 14px;
	}
}

/* #custDel　会員登録削除
=========================================== */

/* #custChg　会員情報変更
=========================================== */
/* table
----------------------- */
@media screen and (min-width: 641px) {
	#custChg table input[type='email'],
	#custChg table input[type='password'],
	#custChg table input[type='text'],
	#custChg table select {
		width: 430px;
	}
}
/* .name */
#custChg table .name label {
	display: block;
	overflow: hidden;
}
#custChg table .name label + label {
	margin: 10px 0 0;
}
#custChg table .name label span {
	display: block;
	float: left;
	width: 33%;
	line-height: 1.5;
	padding: 5px 0 0;
	font-size: 13px;
}
#custChg table .name label input {
	float: left;
	width: 67%;
}
@media screen and (min-width: 641px) {
	#custChg table .name {
		overflow: hidden;
	}
	#custChg table .name label {
		float: left;
		width: auto;
	}
	#custChg table .name label + label {
		margin: 0 0 0 30px;
	}
	#custChg table .name label span {
		width: auto;
		margin: 0 10px 0 0;
	}
	#custChg table .name label input {
		width: 150px;
	}
}
/* .gender */
#custChg table .gender .formRadio {
	display: inline-block;
	padding: 0 35px 0 0;
}
/* .birthday */
#custChg table .birthday select {
	display: inline-block;
	width: auto;
	min-width: 75px;
	margin: 0 10px 0 0;
}
@media screen and (min-width: 641px) {
	#custChg table .birthday select {
		min-width: 50px;
		margin: 0 8px 0 0;
	}
}
/* .tel */
#custChg table .tel .country {
	overflow: hidden;
	margin: 0 0 10px;
}
#custChg table .tel .country p {
	float: left;
	width: 65px;
	line-height: 2;
}
#custChg table .tel .country select {
	float: left;
	width: 215px;
}
#custChg table .tel .num {
	margin: 0 0 10px;
}
#custChg table .tel .num input {
	display: inline-block;
	width: 90px;
}
#custChg table .tel .num input:nth-child(1) {
	width: 150px;
}
#custChg table .tel .num span {
	line-height: 2;
}
@media screen and (min-width: 641px) {
	#custChg table .tel .country {
		float: left;
		margin: 0 50px 0 0;
	}
	#custChg table .tel .country select {
		width: auto;
	}
	#custChg table .tel .num {
		float: left;
		margin: 0;
	}
	#custChg table .tel .num input {
		width: 100px;
	}
	#custChg table .tel .num input:nth-child(1) {
		width: 150px;
	}
	#custChg table .tel .num span {
		line-height: 2;
	}
	#custChg table .tel .note {
		clear: both;
		line-height: 1.4;
		padding: 15px 0 0;
	}
}
/* .notes
----------------------- */
#custChg .notes {
	line-height: 1.5;
	padding: 15px 15px 0;
	font-size: 12px;
}
@media screen and (min-width: 641px) {
	#custChg .notes {
		margin: 20px 0 0;
		padding: 0;
	}
}

/* #historyList　予約一覧
=========================================== */
/* table
----------------------- */
#historyList .btnWrapCmn01 + table {
	margin: 30px 0 0;
}
@media screen and (min-width: 641px) {
	#historyList table + table {
		margin: 30px 0 0;
	}
	#historyList table .btnWrap {
		padding: 14px 15px 13px;
	}
}

/* #historyDetail　予約詳細 / キャンセル確認
=========================================== */
@media screen and (min-width: 641px) {
	#historyDetail .btnWrapCmn01.upper {
		padding-top: 0;
	}
}
/* #reserve
----------------------- */
#historyDetail #reserve {
	margin: 20px 0 25px;
}
#historyDetail #reserve .viewSp th {
	width: 190px;
}
@media screen and (min-width: 641px) {
	#historyDetail #reserve {
		margin: 0 0 30px;
	}
}
/* #repre
----------------------- */
#historyDetail #repre {
	margin: 0 0 25px;
}
#historyDetail #repre th {
	width: 190px;
}
@media screen and (min-width: 641px) {
	#historyDetail #repre {
		margin: 0 0 30px;
	}
	#historyDetail #repre th {
		width: 200px;
	}
}
/* #companion
----------------------- */
#historyDetail #companion {
	margin: 0 0 25px;
}
#historyDetail #companion h2 {
	margin: 0;
}
#historyDetail #companion th {
	width: 190px;
}
@media screen and (min-width: 641px) {
	#historyDetail #companion {
		margin: 0 0 30px;
	}
	#historyDetail #repre th {
		width: 200px;
	}
}
/* #bus
----------------------- */
#historyDetail #bus {
	margin: 0 0 25px;
}
@media screen and (min-width: 641px) {
	#historyDetail #bus {
		margin: 0 0 30px;
	}
}
/* .number */
#historyDetail #bus .number {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#historyDetail #bus .number th,
#historyDetail #bus .number td {
	display: block;
	border-bottom: solid 1px #c2c2c2;
	text-align: left;
	vertical-align: top;
}
#historyDetail #bus .number th {
	line-height: 1.6;
	padding: 11px 15px 10px;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#historyDetail #bus .number td {
	line-height: 1.5;
	padding: 17px 15px 16px;
	background: #fff;
	font-size: 13px;
}
@media screen and (min-width: 641px) {
	#historyDetail #bus .number {
		border-top: none;
	}
	#historyDetail #bus .number th,
	#historyDetail #bus .number td {
		display: table-cell;
		border: solid 1px #c2c2c2;
	}
	#historyDetail #bus .number th {
		width: 200px;
		line-height: 1.5;
		padding: 16px 19px 14px;
		background: #dedede;
		color: #414347;
		font-size: 16px;
	}
	#historyDetail #bus .number td {
		padding: 17px 19px 16px;
	}
}
/* .data */
#historyDetail #bus .data {
	margin: 25px 0 0;
}
@media screen and (min-width: 641px) {
	#historyDetail #bus .data {
		margin: 30px 0 0;
	}
}
/* .data .tit */
#historyDetail #bus .data .tit {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#historyDetail #bus .data .tit th,
#historyDetail #bus .data .tit td {
	display: block;
	border-bottom: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: top;
}
#historyDetail #bus .data .tit th {
	line-height: 1.6;
	padding: 11px 15px 10px;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#historyDetail #bus .data .tit td {
	line-height: 1.5;
	padding: 17px 15px 16px;
	background: #fff;
	font-size: 13px;
}
@media screen and (min-width: 641px) {
	#historyDetail #bus .data .tit {
		width: 490px;
		margin: 0 0 10px;
		border-top: none;
	}
	#historyDetail #bus .data .tit th,
	#historyDetail #bus .data .tit td {
		display: table-cell;
		border: solid 1px #c2c2c2;
		text-align: center;
	}
	#historyDetail #bus .data .tit th {
		width: 200px;
		line-height: 1.5;
		padding: 15px 19px 14px;
		font-size: 16px;
		text-align: left;
	}
	#historyDetail #bus .data .tit td {
		padding: 17px 19px 16px;
	}
}
/* .data .tableSp */
#historyDetail #bus .data .tableSp {
	width: 100%;
	margin: 15px 0 0;
}
#historyDetail #bus .data .tableSp th,
#historyDetail #bus .data .tableSp td {
	border: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#historyDetail #bus .data .tableSp th {
	line-height: 1.6;
	padding: 12px 15px 10px;
	background: #dedede;
	font-weight: bold;
	font-size: 15px;
}
#historyDetail #bus .data .tableSp td {
	line-height: 1.5;
	padding: 16px 15px 15px;
	background: #fff;
	font-size: 13px;
}
#historyDetail #bus .data .tableSp td.point {
	text-align: left;
}
#historyDetail #bus .data .tableSp td.boarding {
	padding: 0;
}
#historyDetail #bus .data .tableSp td.boarding .cellIn {
	position: relative;
	padding: 13px 105px 12px 15px;
}
#historyDetail #bus .data .tableSp td.boarding .cellIn .btn {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 80px;
}
@media screen and (min-width: 641px) {
	/* .data .tablePc */
	#historyDetail #bus .data .tablePc {
		display: table;
		width: 100%;
	}
	#historyDetail #bus .data .tablePc th,
	#historyDetail #bus .data .tablePc td {
		border: solid 1px #c2c2c2;
		text-align: left;
		vertical-align: middle;
	}
	#historyDetail #bus .data .tablePc th {
		line-height: 1.5;
		padding: 8px 19px 7px;
		background: #dedede;
		font-weight: bold;
		font-size: 16px;
	}
	#historyDetail #bus .data .tablePc td {
		padding: 17px 19px 16px;
		background: #fff;
	}
	#historyDetail #bus .data .tablePc .time {
		width: 190px;
		padding: 17px 0 16px;
		text-align: center;
	}
	#historyDetail #bus .data .tablePc td.boarding {
		padding: 0;
	}
	#historyDetail #bus .data .tablePc td.boarding .cellIn {
		position: relative;
		padding: 17px 19px 16px 110px;
	}
	#historyDetail #bus .data .tablePc td.boarding .cellIn .btn {
		position: absolute;
		top: 14px;
		left: 19px;
		width: 80px;
	}
}
/* #cancel
----------------------- */
@media screen and (min-width: 641px) {
	#historyDetail #cancel {
		overflow: hidden;
	}
}
/* .policy */
#historyDetail #cancel .policy {
	display: table;
	width: 100%;
	margin: 0 0 25px;
}
#historyDetail #cancel .policy th,
#historyDetail #cancel .policy td {
	border: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#historyDetail #cancel .policy th {
	line-height: 1.6;
	padding: 12px 15px 10px;
	background: #dedede;
	font-weight: bold;
	font-size: 15px;
}
#historyDetail #cancel .policy td {
	line-height: 1.5;
	padding: 17px 19px 16px;
	background: #fff;
	font-size: 13px;
}
#historyDetail #cancel .policy .day {
	width: 220px;
	border-width: 1px 1px 1px 0;
}
#historyDetail #cancel .policy .price {
	width: auto;
	border-width: 1px 0 1px 1px;
}
#historyDetail #cancel .policy td.price {
	color: #f1240e;
}
@media screen and (min-width: 641px) {
	#historyDetail #cancel .policy {
		display: table;
		margin: 0 0 10px;
	}
	#historyDetail #cancel .policy th,
	#historyDetail #cancel .policy td {
		display: table-cell;
	}
	#historyDetail #cancel .policy th {
		line-height: 1.5;
		padding: 7px 19px 6px;
		font-size: 16px;
	}
	#historyDetail #cancel .policy td {
		padding: 17px 19px 16px;
	}
	#historyDetail #cancel .policy .day {
		width: auto;
		border-width: 1px;
	}
	#historyDetail #cancel .policy .price {
		box-sizing: border-box;
		width: 190px;
		border-width: 1px;
	}
	#historyDetail #cancel .policy td.percent {
		width: 220px;
	}
	#historyDetail #cancel .policy td.price {
		width: 170px;
	}
}
/* .fee */
#historyDetail #cancel .fee {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#historyDetail #cancel .fee th,
#historyDetail #cancel .fee td {
	border-bottom: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#historyDetail #cancel .fee th {
	line-height: 1.6;
	padding: 12px 15px 10px;
	border-width: 1px 1px 1px 0;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}
#historyDetail #cancel .fee th.attend {
	color: #f1240e;
}
#historyDetail #cancel .fee td {
	line-height: 1.5;
	padding: 17px 19px 16px;
	border-width: 1px 0 1px 1px;
	background: #fff;
	font-size: 13px;
}
#historyDetail #cancel .fee td.attend {
	color: #f1240e;
}
@media screen and (min-width: 641px) {
	#historyDetail #cancel .fee {
		float: right;
		width: 490px;
		border-top: none;
	}
	#historyDetail #cancel .fee th,
	#historyDetail #cancel .fee td {
		display: table-cell;
		border: solid 1px #c2c2c2;
	}
	#historyDetail #cancel .fee th {
		box-sizing: border-box;
		width: 240px;
		line-height: 1.5;
		padding: 15px 19px 14px;
		border-width: 1px;
		font-size: 16px;
		text-align: left;
	}
	#historyDetail #cancel .fee td {
		border-width: 1px;
	}
}
/* #info
----------------------- */
#historyDetail #info {
	margin: 25px 0 0;
}
#historyDetail #info h1 {
	margin: 0;
}
#historyDetail #info p {
	line-height: 1.3;
	padding: 15px;
	background: #fff;
	font-size: 11px;
}
@media screen and (min-width: 641px) {
	#historyDetail #info {
		margin: 0;
	}
	#historyDetail #info p {
		line-height: 1.5;
		padding: 19px;
		border: solid 1px #c2c2c2;
		font-size: 12px;
	}
}
/* #cxlIntro
----------------------- */
#historyDetail #cxlIntro {
	padding: 15px 15px 0;
	color: #f1240e;
}
#historyDetail #cxlIntro h1 {
	font-weight: bold;
}
@media screen and (min-width: 641px) {
	#historyDetail #cxlIntro {
		margin: 0 0 20px;
		padding: 0;
		font-size: 16px;
		text-align: center;
	}
}

/* #revCxlRegist　キャンセル完了
=========================================== */
/* #regist
----------------------- */
#revCxlRegist #regist {
	padding: 15px;
	background: #fff;
}
#revCxlRegist #regist h1 {
	line-height: 2;
	font-weight: bold;
	font-size: 18px;
}
#revCxlRegist #regist h2 {
	position: relative;
	margin: 1em 0 0;
	padding: 0 0 0 16px;
	color: #1a54a2;
	font-weight: bold;
}
#revCxlRegist #regist h2::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 12px;
	height: 12px;
	background: #1a54a2;
	content: '';
}
@media screen and (min-width: 641px) {
	#revCxlRegist #regist {
		padding: 40px;
	}
	#revCxlRegist #regist h1 {
		line-height: 1.2;
		font-size: 24px;
	}
	#revCxlRegist #regist h2 {
		margin: 20px 0 0;
		font-size: 14px;
	}
	#revCxlRegist #regist h2::before {
		top: 3px;
	}
	#revCxlRegist #regist p {
		font-size: 14px;
	}
}

/* #login ログイン
=========================================== */
/* 共通設定
----------------------- */
#login #pageName {
	padding-bottom: 23px;
}
#login #contents {
	padding: 0;
}
#login section {
	padding-top: 15px;
}
#login section h1 {
	line-height: 1.5;
	padding: 11px 0 11px 15px;
	background-color: #1b54a3;
	color: #fff;
	font-size: 15px;
}
#login .contents {
	padding: 10px 15px;
	border: 1px solid #c2c2c2;
	border-right: none;
	border-left: none;
	background-color: #fff;
}
#login .contents .txt {
	line-height: 15px;
	margin-bottom: 5px;
	font-size: 13px;
}
#login .contents .btn {
	width: 87.93%;
	margin: 0 auto;
}
#login .before {
	padding: 25px 15px;
}
#login .before .btn {
	width: 87.93%;
	margin: 0 auto;
}
#login .contents .txtaln{
	text-align: left;
}
#login .contents .pop-box .qa-popup span{
	text-decoration: underline;
	color: #1a54a2;
	cursor: pointer;
}
@media screen and (min-width: 641px) {
	#login .btnCmn01 {
		padding: 10px 0 9px;
	}
	#login #pageName {
		padding-bottom: 26px;
	}
	#login section {
		padding-top: 38px;
		letter-spacing: 0.05em;
	}
	#login section + section {
		padding-top: 30px;
	}
	#login section h1 {
		line-height: 1.5;
		margin-bottom: 10px;
		padding: 8px 0 8px 19px;
		background-color: #1b54a3;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}
	#login .contents {
		padding: 30px 0;
		border: 1px solid #c2c2c2;
		background-color: #fff;
	}
	#login .contents .txt {
		line-height: 1.5;
		margin-bottom: 14px;
		font-size: 13px;
		text-align: center;
	}
	#login .contents .btn {
		width: 300px;
		margin: 0 auto;
	}
	#login .before {
		padding: 25px 15px;
	}
	#login .before .btn {
		width: 300px;
		margin: 0 auto;
	}
	#login .before .btnCmn01 {
		padding: 13px 0 12px;
	}
	#login .contents .txtaln{
	text-align: center;
	}
}

/* #input
=========================================== */
#login #input .contents table,
#login #input .contents tbody,
#login #input .contents tr {
	display: block;
}
#login #input .contents th,
#login #input .contents td {
	display: block;
	width: 100%;
	line-height: 2;
	font-size: 13px;
	text-align: left;
}
#login #input .contents td {
	padding-bottom: 5px;
}
#login #input .contents input[type='text'] {
	width: 100%;
}
#login #input .contents .send {
	margin-top: 10px;
}
@media screen and (min-width: 641px) {
	#login #input .contents table,
	#login #input .contents tbody,
	#login #input .contents tr {
		display: block;
		width: 800px;
		margin: 0 auto;
		text-align: center;
	}
	#login #input .contents tr {
		display: inline-block;
		width: auto;
	}
	#login #input .contents tr + tr {
		margin-left: 30px;
	}
	#login #input .contents th,
	#login #input .contents td {
		display: inline-block;
		width: auto;
		line-height: 2;
		font-size: 13px;
		text-align: left;
	}
	#login #input .contents th {
		padding: 1px 0;
	}
	#login #input .contents td {
		padding-bottom: 0;
	}
	#login #input .contents input[type='text'] {
		width: 260px;
	}
	#login #input .contents .send {
		margin-top: 17px;
	}
}

/* #rsvChgRosen　予約内容変更
=========================================== */
/* #ボタン切り替えによる追記
----------------------- */
#rsvChgRosen #companion .btnCmn01:not([class*="attend"]) {
	min-height: 33px;
	padding-top: 18px;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #companion .btnCmn01:not([class*="attend"]) {
		padding-top: 25px;
		min-height: 36px;
	}
}
/* #reserve
----------------------- */
#rsvChgRosen #reserve {
	padding: 15px 0 25px;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #reserve {
		margin: 0 0 30px;
		padding: 0;
	}
}
/* #repre
----------------------- */
#rsvChgRosen #repre table .passengers dl {
	overflow: hidden;
}
#rsvChgRosen #repre table .passengers dl dt {
	float: left;
	margin: 0 12px 0 0;
	padding: 5px 0 0;
}
#rsvChgRosen #repre table .passengers dl dd + dt {
	margin-left: 25px;
}
#rsvChgRosen #repre table .passengers dl dd {
	float: left;
	width: 75px;
}
#rsvChgRosen #repre table .name label {
	display: inline-block;
	width: 100%;
}
#rsvChgRosen #repre table .name label + label {
	margin-top: 8px;
}
#rsvChgRosen #repre table .name span {
	display: inline-block;
	width: 100px;
	line-height: 28px;
}
#rsvChgRosen #repre table .name input {
	display: inline-block;
	width: calc(100% - 100px);
}
#rsvChgRosen #repre table .gender div {
	display: inline-block;
}
#rsvChgRosen #repre table .gender div + div {
	margin-left: 30px;
}
#rsvChgRosen #repre table .gender input {
	padding-right: 35px;
}
#rsvChgRosen #repre table .age {
	line-height: 2.3;
}
#rsvChgRosen #repre table .age input {
	display: inline-block;
	width: 60px;
	line-height: 1.5;
	margin: 0 10px 0 0;
}
#rsvChgRosen #repre table .tel .country {
	overflow: hidden;
	margin-bottom: 10px;
}
#rsvChgRosen #repre table .tel .country p {
	float: left;
	line-height: 28px;
	padding-right: 8px;
	vertical-align: middle;
}
#rsvChgRosen #repre table .tel .country select {
	float: left;
	width: 110px;
	margin-right: 50px;
}
#rsvChgRosen #repre table .tel .num {
	clear: both;
}
#rsvChgRosen #repre table .tel .num input {
	display: inline-block;
	width: 110px;
}
#rsvChgRosen #repre table .tel .num input:nth-child(1) {
	width: 50px;
}
#rsvChgRosen #repre table .tel .note {
	display: inline-block;
	clear: both;
	line-height: 1.4;
	margin-top: 14px;
}
#rsvChgRosen #repre table td br {
	display: none;
}
#rsvChgRosen #repre .attention {
	padding: 15px 15px 20px;
	color: #f1240e;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #repre table input {
		width: 430px;
	}
	#rsvChgRosen #repre table .passengers dl dt {
		margin: 0 10px 0 0;
		padding: 5px 0 0;
	}
	#rsvChgRosen #repre table .passengers dl dd + dt {
		margin-left: 40px;
	}
	#rsvChgRosen #repre table .passengers dl dd {
		float: left;
		width: 120px;
	}
	#rsvChgRosen #repre table .name label {
		display: inline;
		float: left;
		width: 250px;
	}
	#rsvChgRosen #repre table .name label + label {
		display: inline-block;
		margin: 0 0 0 30px;
	}
	#rsvChgRosen #repre table .name span {
		display: inline-block;
		width: auto;
		width: 90px;
		line-height: 28px;
		margin-right: 10px;
	}
	#rsvChgRosen #repre table .name input {
		display: inline-block;
		width: 150px;
	}
	#rsvChgRosen #repre table .gender div {
		display: inline-block;
	}
	#rsvChgRosen #repre table .gender div + div {
		margin-left: 30px;
	}
	#rsvChgRosen #repre table .gender input {
		padding-right: 35px;
	}

	#rsvChgRosen #repre table .fare select,
	#rsvChgRosen #repre table .birthday select,
	#rsvChgRosen #companion table .fare select,
	#rsvChgRosen #companion table .birthday select {
		display: inline-block;
		width: auto;
		margin-right: 8px;
	}
	#rsvChgRosen #repre table .birthday {
		text-align: left;
	}
	#rsvChgRosen #repre table .tel .country {
		display: inline-block;
		width: 110px;
		margin-right: 50px;
		margin-bottom: 0;
	}
	#rsvChgRosen #repre table .tel .country select {
		float: none;
	}
	#rsvChgRosen #repre table .tel .num {
		display: inline-block;
	}
	#rsvChgRosen #repre table .tel .num input {
		display: inline-block;
		width: 110px;
	}
	#rsvChgRosen #repre table .tel .num input:nth-child(1) {
		width: 50px;
	}
	#rsvChgRosen #repre table .tel .note {
		display: inline-block;
		clear: both;
		line-height: 1.4;
		margin-top: 14px;
	}
	#rsvChgRosen #repre table td br {
		display: none;
	}
	#rsvChgRosen #repre .attention {
		padding: 15px 0 20px;
	}
}
/* #companion
----------------------- */
#rsvChgRosen #companion {
	margin: 0 0 25px;
}
#rsvChgRosen #companion table .btn {
	background: #fff;
}
#rsvChgRosen #companion table .name label {
	display: inline-block;
	width: 100%;
}
#rsvChgRosen #companion table .name label + label {
	margin-top: 8px;
}
#rsvChgRosen #companion table .name span {
	display: inline-block;
	width: 100px;
	line-height: 28px;
}
#rsvChgRosen #companion table .name input {
	display: inline-block;
	width: calc(100% - 100px);
}
#rsvChgRosen #companion table .gender div {
	display: inline-block;
}
#rsvChgRosen #companion table .gender div + div {
	margin-left: 30px;
}
#rsvChgRosen #companion table .gender input {
	padding-right: 35px;
}
#rsvChgRosen #companion table .age {
	line-height: 2.3;
}
#rsvChgRosen #companion table .age input {
	display: inline-block;
	width: 60px;
	line-height: 1.5;
	margin: 0 10px 0 0;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #companion {
		margin: 0 0 40px;
	}
	#rsvChgRosen #companion table .btn {
		width: 190px;
		padding-top: 55px;
	}
	#rsvChgRosen #companion table .name label {
		display: inline;
		float: left;
		width: 250px;
	}
	#rsvChgRosen #companion table .name label + label {
		display: inline-block;
		margin: 0 0 0 30px;
	}
	#rsvChgRosen #companion table .name span {
		display: inline-block;
		width: auto;
		width: 90px;
		line-height: 28px;
		margin-right: 10px;
	}
	#rsvChgRosen #companion table .name input {
		display: inline-block;
		width: 150px;
	}
	#rsvChgRosen #companion table .gender div {
		display: inline-block;
	}
	#rsvChgRosen #companion table .gender div + div {
		margin-left: 30px;
	}
	#rsvChgRosen #companion table .gender input {
		padding-right: 35px;
	}
}
/* #bus
----------------------- */
#rsvChgRosen #bus {
	margin: 0 0 25px;
}
#rsvChgRosen #bus .cellIn {
	position: relative;
}
#rsvChgRosen #bus .cellIn .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #bus {
		margin: 0 0 40px;
	}
}
/* #passenger
----------------------- */
#rsvChgRosen #passenger .unit {
	border: solid 1px #d0d0d0;
	background: #fff;
}
#rsvChgRosen #passenger .unit + .unit {
	border-top: 0;
}
#rsvChgRosen #passenger h2 {
	line-height: 1.5;
	padding: 6px 0 5px;
	background: #dedede;
	font-weight: bold;
	text-align: center;
}
#rsvChgRosen #passenger .total h2 {
	background: #414347;
	color: #fff;
}
#rsvChgRosen #passenger .gender {
	padding: 12px 0 15px;
	text-align: center;
}
#rsvChgRosen #passenger .gender dl {
	display: inline-block;
	width: 75px;
	margin: 0 12px;
	text-align: left;
}
#rsvChgRosen #passenger .gender dl dt {
	font-weight: bold;
	font-size: 13px;
}
#rsvChgRosen .gender select {
	width: 65px !important;
}
#rsvChgRosen #passenger .total .gender dl dd {
	line-height: 1.5;
	padding: 4px 0 3px;
	border-radius: 3px;
	background: #ccc;
	font-size: 13px;
	text-align: center;
}
#rsvChgRosen #passenger .price {
	line-height: 1.5;
	padding: 10px 0 8px;
	border-top: solid 1px #d0d0d0;
	background: #ffedeb;
	color: #f1240e;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
@media screen and (min-width: 641px) {
	#rsvChgRosen #passenger {
		overflow: hidden;
		padding: 0;
		background: transparent;
	}
	#rsvChgRosen #passenger .unit {
		float: left;
		width: 225px;
		border: solid 1px #d0d0d0;
		background: #fff;
	}
	#rsvChgRosen #passenger .unit + .unit {
		border-top: solid 1px #d0d0d0;
		border-left: 0;
	}
	#rsvChgRosen #passenger .total {
		width: 546px;
	}
	#rsvChgRosen #passenger h3 {
		padding: 7px 0 6px;
		background: #414347;
		color: #fff;
		font-size: 16px;
	}
	#rsvChgRosen #passenger .gender {
		min-height: 90px;
		padding: 20px 0 7px;
		text-align: center;
	}
	#rsvChgRosen #passenger .gender dl {
		display: block;
		width: 122px;
		overflow: hidden;
		margin: auto;
	}
	#rsvChgRosen #passenger .gender dl dt {
		float: left;
		clear: left;
		width: 60px;
		margin: 0 0 12px;
		padding: 5px 0 0;
	}
	#rsvChgRosen #passenger .gender dl dd {
		float: left;
		width: 62px;
		margin: 0 0 12px;
	}
	#rsvChgRosen #passenger .price {
		padding: 12px 0 11px;
		border-top: solid 1px #d0d0d0;
	}
}

/* #rsvChgConfirm　予約変更確認
=========================================== */
/* #attention
----------------------- */
#rsvChgConfirm #attention {
	margin-bottom: 0;
	padding: 18px 15px 12px;
}
#rsvChgConfirm #attention * {
	line-height: 24px;
	color: #f1240e;
	font-size: 14px;
	text-align: left;
}
#rsvChgConfirm #attention h1 {
	font-weight: bold;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm th,
	#rsvChgConfirm td {
		vertical-align: middle;
	}
	#rsvChgConfirm #attention {
		margin-bottom: 15px;
	}
	#rsvChgConfirm #attention * {
		line-height: 2;
		color: #f1240e;
		font-size: 16px;
		text-align: center;
	}
	#rsvChgConfirm #attention h1 {
		font-weight: normal;
	}
	#rsvChgConfirm .btnWrapCmn01.upper {
		padding-top: 0;
	}
}
/* #reserve
----------------------- */
#rsvChgConfirm #reserve {
	margin: 20px 0 25px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #reserve {
		margin: 0 0 35px;
	}
}
/* #repre
----------------------- */
#rsvChgConfirm #repre {
	margin: 0 0 25px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #repre {
		margin: 0 0 30px;
	}
}
/* #companion
----------------------- */
#rsvChgConfirm #companion {
	margin: 0 0 25px;
}
#rsvChgConfirm #companion h2 {
	margin: 0;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #companion {
		margin: 0 0 35px;
	}
}
/* #bus
----------------------- */
#rsvChgConfirm #bus {
	margin: 0 0 25px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #bus {
		margin: 0 0 30px;
	}
}
/* .number */
#rsvChgConfirm #bus .number {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#rsvChgConfirm #bus .number th,
#rsvChgConfirm #bus .number td {
	display: block;
	border-bottom: solid 1px #c2c2c2;
	text-align: left;
	vertical-align: top;
}
#rsvChgConfirm #bus .number th {
	line-height: 1.6;
	padding: 11px 15px 10px;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#rsvChgConfirm #bus .number td {
	line-height: 1.5;
	padding: 17px 15px 16px;
	background: #fff;
	font-size: 13px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #bus .number {
		border-top: none;
	}
	#rsvChgConfirm #bus .number th,
	#rsvChgConfirm #bus .number td {
		display: table-cell;
		border: solid 1px #c2c2c2;
	}
	#rsvChgConfirm #bus .number th {
		width: 200px;
		line-height: 1.5;
		padding: 16px 19px 14px;
		background: #dedede;
		color: #414347;
		font-size: 16px;
	}
	#rsvChgConfirm #bus .number td {
		padding: 17px 19px 16px;
	}
}
/* .data */
#rsvChgConfirm #bus .data {
	margin: 25px 0 0;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #bus .data {
		margin: 30px 0 0;
	}
}
/* .data .tit */
#rsvChgConfirm #bus .data .tit {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#rsvChgConfirm #bus .data .tit th,
#rsvChgConfirm #bus .data .tit td {
	display: block;
	border-bottom: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: top;
}
#rsvChgConfirm #bus .data .tit th {
	line-height: 1.6;
	padding: 11px 15px 10px;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#rsvChgConfirm #bus .data .tit td {
	line-height: 1.5;
	padding: 17px 15px 16px;
	background: #fff;
	font-size: 13px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #bus .data .tit {
		width: 490px;
		margin: 0 0 10px;
		border-top: none;
	}
	#rsvChgConfirm #bus .data .tit th,
	#rsvChgConfirm #bus .data .tit td {
		display: table-cell;
		border: solid 1px #c2c2c2;
		text-align: center;
	}
	#rsvChgConfirm #bus .data .tit th {
		width: 200px;
		line-height: 1.5;
		padding: 15px 19px 14px;
		font-size: 16px;
		text-align: left;
	}
	#rsvChgConfirm #bus .data .tit td {
		padding: 17px 19px 16px;
	}
}
/* .data .tableSp */
#rsvChgConfirm #bus .data .tableSp {
	width: 100%;
	margin: 15px 0 0;
}
#rsvChgConfirm #bus .data .tableSp th,
#rsvChgConfirm #bus .data .tableSp td {
	border: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#rsvChgConfirm #bus .data .tableSp th {
	line-height: 1.6;
	padding: 12px 15px 10px;
	background: #dedede;
	font-weight: bold;
	font-size: 15px;
}
#rsvChgConfirm #bus .data .tableSp td {
	line-height: 1.5;
	padding: 16px 15px 15px;
	background: #fff;
	font-size: 13px;
}
#rsvChgConfirm #bus .data .tableSp td.point {
	text-align: left;
}
#rsvChgConfirm #bus .data .tableSp td.boarding {
	padding: 0;
}
#rsvChgConfirm #bus .data .tableSp td.boarding .cellIn {
	position: relative;
	padding: 13px 105px 12px 15px;
}
#rsvChgConfirm #bus .data .tableSp td.boarding .cellIn .btn {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 80px;
}
/* .data .tablePc */
@media screen and (min-width: 641px) {
	#rsvChgConfirm #bus .data .tablePc {
		display: table;
		width: 100%;
	}
	#rsvChgConfirm #bus .data .tablePc th,
	#rsvChgConfirm #bus .data .tablePc td {
		border: solid 1px #c2c2c2;
		text-align: left;
		vertical-align: middle;
	}
	#rsvChgConfirm #bus .data .tablePc th {
		line-height: 1.5;
		padding: 8px 19px 7px;
		background: #dedede;
		font-weight: bold;
		font-size: 16px;
	}
	#rsvChgConfirm #bus .data .tablePc th:first-child {
		text-align: center;
	}
	#rsvChgConfirm #bus .data .tablePc td {
		padding: 17px 19px 16px;
		background: #fff;
	}
	#rsvChgConfirm #bus .data .tablePc .time {
		width: 190px;
		padding: 8px 0 7px;
		text-align: center;
	}
	#rsvChgConfirm #bus .data .tablePc td.boarding {
		padding: 0;
	}
	#rsvChgConfirm #bus .data .tablePc td.boarding .cellIn {
		position: relative;
		padding: 17px 19px 16px 110px;
	}
	#rsvChgConfirm #bus .data .tablePc td.boarding .cellIn .btn {
		position: absolute;
		top: 14px;
		left: 19px;
		width: 80px;
	}
}
/* #cancel
----------------------- */
@media screen and (min-width: 641px) {
	#rsvChgConfirm #cancel {
		overflow: hidden;
	}
}
/* .policy */
#rsvChgConfirm #cancel .policy {
	display: table;
	width: 100%;
	margin: 0 0 25px;
}
#rsvChgConfirm #cancel .policy th,
#rsvChgConfirm #cancel .policy td {
	border: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#rsvChgConfirm #cancel .policy th {
	line-height: 1.6;
	padding: 12px 15px 10px;
	background: #dedede;
	font-weight: bold;
	font-size: 15px;
}
#rsvChgConfirm #cancel .policy td {
	line-height: 1.5;
	padding: 17px 19px 16px;
	background: #fff;
	font-size: 13px;
}
#rsvChgConfirm #cancel .policy .day {
	border-width: 1px 1px 1px 0;
}
#rsvChgConfirm #cancel .policy .price {
	border-width: 1px 0 1px 1px;
}
#rsvChgConfirm #cancel .policy td.price {
	color: #f1240e;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #cancel .policy {
		display: table;
		margin: 0 0 10px;
	}
	#rsvChgConfirm #cancel .policy th,
	#rsvChgConfirm #cancel .policy td {
		display: table-cell;
	}
	#rsvChgConfirm #cancel .policy th {
		line-height: 1.5;
		padding: 7px 19px 6px;
		font-size: 16px;
	}
	#rsvChgConfirm #cancel .policy td {
		padding: 17px 19px 16px;
	}
	#rsvChgConfirm #cancel .policy .day {
		border-width: 1px;
	}
	#rsvChgConfirm #cancel .policy .price {
		border-width: 1px;
	}
	#rsvChgConfirm #cancel .policy td.percent {
		width: 220px;
	}
	#rsvChgConfirm #cancel .policy td.price {
		width: 170px;
	}
}
/* .fee */
#rsvChgConfirm #cancel .fee {
	width: 100%;
	border-top: solid 1px #c2c2c2;
}
#rsvChgConfirm #cancel .fee th,
#rsvChgConfirm #cancel .fee td {
	display: table-cell;
	box-sizing: border-box;
	border-bottom: solid 1px #c2c2c2;
	text-align: center;
	vertical-align: middle;
}
#rsvChgConfirm #cancel .fee th {
	width: 64%;
	line-height: 1.6;
	padding: 12px 15px 10px;
	border-width: 1px 1px 1px 0;
	background: #414347;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#rsvChgConfirm #cancel .fee th.attend {
	color: #f1240e;
}
#rsvChgConfirm #cancel .fee td {
	width: 36%;
	line-height: 1.5;
	padding: 17px 19px 16px;
	border-width: 1px 0 1px 1px;
	background: #fff;
	font-size: 13px;
}
#rsvChgConfirm #cancel .fee td.attend {
	color: #f1240e;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #cancel .fee {
		float: right;
		width: 490px;
		border-top: none;
	}
	#rsvChgConfirm #cancel .fee th,
	#rsvChgConfirm #cancel .fee td {
		display: table-cell;
		border: solid 1px #c2c2c2;
	}
	#rsvChgConfirm #cancel .fee th {
		width: 200px;
		line-height: 1.5;
		padding: 15px 19px 14px;
		border-width: 1px;
		font-size: 16px;
		text-align: left;
	}
	#rsvChgConfirm #cancel .fee td {
		border-width: 1px;
	}
	#rsvChgConfirm #cancel + .btnWrapCmn01 {
		padding: 40px 0;
	}
}
/* #info
----------------------- */
#rsvChgConfirm #info {
	margin: 25px 0 0;
}
#rsvChgConfirm #info h1 {
	margin: 0;
}
#rsvChgConfirm #info p {
	line-height: 1.3;
	padding: 15px;
	background: #fff;
	font-size: 11px;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #info {
		margin: 0;
	}
	#rsvChgConfirm #info p {
		line-height: 1.5;
		padding: 19px;
		border: solid 1px #c2c2c2;
		font-size: 12px;
	}
}
/* #cxlIntro
----------------------- */
#rsvChgConfirm #cxlIntro {
	padding: 15px 15px 0;
	color: #f1240e;
}
#rsvChgConfirm #cxlIntro h1 {
	font-weight: bold;
}
@media screen and (min-width: 641px) {
	#rsvChgConfirm #cxlIntro {
		margin: 0 0 20px;
		padding: 0;
		font-size: 16px;
		text-align: center;
	}
}
/* #rsvChgRegist　予約変更完了
=========================================== */
/* #regist
----------------------- */
#rsvChgRegist #regist {
	padding: 15px;
	background: #fff;
}
#rsvChgRegist #regist h1 {
	line-height: 2;
	font-weight: bold;
	font-size: 18px;
}
#rsvChgRegist #regist h2 {
	position: relative;
	margin: 1em 0 0;
	padding: 0 0 0 16px;
	color: #1a54a2;
	font-weight: bold;
}
#rsvChgRegist #regist h2::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 12px;
	height: 12px;
	background: #1a54a2;
	content: '';
}
@media screen and (min-width: 641px) {
	#rsvChgRegist #regist {
		padding: 20px;
	}
	#rsvChgRegist #regist h1 {
		line-height: 1.2;
		font-size: 24px;
	}
	#rsvChgRegist #regist h2 {
		margin: 20px 0 0;
		font-size: 14px;
	}
	#rsvChgRegist #regist h2::before {
		top: 3px;
	}
	#rsvChgRegist #regist p {
		line-height: 1.8;
		font-size: 14px;
	}
}
#historyDetail #bus .data .tablePc .selected td {background:#ffdfb7 /*!important*/;}
/*注意書き追記用*/
.name .addnote{
		display: inline-block;
		width: 100%;
		line-height: 20px;
}
/******問い合わせフォーム完了アコーディオン用****************/
#member #revCxlRegist #regist h2.accordion-click::before{
	content: none;
}
#member .accordion-click{
	position: relative;
    font-size: 14px;
    line-height: 18px;
    padding: 14px 30px 14px 60px;
    cursor: pointer;
    -webkit-background-size: 35px;
    background-size: 35px;
    color: #08264d;
}
#member .accordion-open{
		display: none;
		font-size: 14px;
		line-height: 24px;
		padding: 16px 16px 21px;
		border-top: 1px dotted #c2c2c2;
		-webkit-background-size: 26px;
		background-size: 26px;
	}
#member .accordion-click:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 30%;
  transition: all 0.2s ease-in-out;
/*   要素の動きを指定 */

  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #1a54a2;
  border-right: solid 3px #1a54a2;

  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
/* transform: rotateで要素の角度を指定 */

}

#member .accordion-click.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
/*   .openクラスがついた時の要素の角度を指定 */
}
@media screen and (min-width: 641px){
	#member .accordion-click{
		position: relative;
		font-size: 16px;
		line-height: 2;
		padding: 10px 56px 8px;
		cursor: pointer;
		-webkit-background-size: 26px;
		background-size: 26px;
	}
}
/* .caution
----------------------- */
#member .caution {
	padding: 15px 15px 0;
}
#member .cautionIn {
	padding: 12px 16px;
	border: solid 1px #f1240e;
	border-radius: 10px;
	background-color: #fff9f8;
}
#member .caution .tit {
	margin: 0 0 5px;
	padding: 0 0 0 22px;
	background: url(../../common/img/ico_caution01.png) no-repeat 0 50%;
	background-size: 17px;
	color: #f1240e;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}
#member .caution .txt {
	color: #f1240e;
	font-size: 13px;
	line-height: 1.7;
}
@media screen and (min-width: 641px) {
	#member .caution {
		padding: 15px 0 10px;
	}
	#member .cautionIn {
		padding: 20px 26px 17px;
	}
	#member .caution .tit {
		margin: 0;
		padding: 0 0 0 26px;
		background: url(../../common/img/ico_caution01.png) no-repeat 0 50%;
		background-size: 19px;
		font-size: 16px;
	}
	#member .caution .txt {
		font-size: 14px;
		margin-left: 40px;
	}
}
#member .attention-list{
	list-style: disc;
}