@charset "UTF-8";
@import url('common.css');

html, body{
	background: #f5f5f5;
	font-size: 14px;
	font-weight: 400 !important;
	color: #444 !important;
}

a:link,
a:hover,
a:visited{
	color:#125687;
}

dl{
	margin-bottom: 0 !important;
}

.mg-b-0{
	margin-bottom: 0 !important;
}

.modal-dialog {
	margin: 5.75rem auto !important;
}

fs-12{
	font-size: 12px !important;
}

.list dl dt{
	font-weight: 600 !important
}

fc-black,
.fc-black{
	color: #444;
}

bg-black,
.bg-black{
	background-color: #444;
}

h2.index{
	font-size: 28px;
	font-weight: 900;
	letter-spacing: 3px;
	margin: 0 0 20px 0;
	text-align: center;
	padding: 0;
}

.btn,
.btn-sm,
.modal-content {
	border-radius: 0 !important;
}

.modal-footer{
	padding: 8px 25px !important;
}

.modal-lg-980{
	width: 980px;
	min-width: 980px;
}

/* ページトップへ戻るボタン設定 */
a.page-top {
    position: fixed;
    bottom: 25px;
    right: 40px;
    font-size: 35px;
    color: #444;
    text-decoration: none;
    z-index: 8888;
}


a.page-top:hover{
    color: #444;
    -ms-filter: "alpha(opacity=95)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


wrapper{
	background-color: #f5f5f5;
	display: block;
	width: 100%;
	min-width: 1150px;
	overflow: hidden;
}

point{
	display: block;
	width: 1100px;
	max-width: 1100px;
	margin: 30px auto 0 auto;
}

main{
	display: block;
	width: 1150px;
	max-width: 1150px;
	margin: auto;
	padding: 30px 25px;
}


gnav{
	display: block;
    background: rgba(0, 0, 0, 0.8);
	text-align: center;
	color: #fff;
	height:50px;
	line-height:50px;
	font-size: 16px;
	font-weight: 400;
	position: fixed;
	z-index: 999;
	width: 100%;
}
#gnavi {
  width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#gnavi.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
	display: block;
}

gnav ul{
	list-style: none;
}

gnav ul li{
	display: inline-block;
	margin: 0 10px;
}

gnav ul li a,
gnav ul li a:link{
	color: #FFF !important;
	text-decoration: none;
}

gnav ul li a:hover{
	opacity: 0.7;
}




#eventinfo,
#conditions,
#credit,
#plans,
#flow{
	padding-top: 80px;
	margin-top: -80px;
	z-index: -1
}
/****************************
ヘッダーの設定 START
****************************/
header{
	display: block;
	width: 100%;
	padding-top: 50px;
}
/****************************
ヘッダーの設定 END
****************************/


/****************************
イベント情報の設定 START
****************************/
eventinfo{
	display: block;
	margin-bottom: 30px;
	background: #FFF;
	padding: 25px;
}
/****************************
イベント情報の設定 END
****************************/


/****************************
申し込みフローの設定 START
****************************/
flow{
	display: block;
	background: #FFF;
	position: relative;
	padding: 25px;
}

flow .nav-tabs {
	margin-bottom: 30px;
}
flow .nav-tabs .nav-item {
	margin-bottom: −1px;
}
flow .nav-tabs .nav-link {
	border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 10px 30px;
	font-weight: 700;
	font-size: 20px;
	color: #CCC;
	letter-spacing: 3px;
	text-align: center;
}

flow .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	font-weight: 700;
}
flow .nav-item.w1{width: 100%;}
flow .nav-item.w2{width: 50%;}
flow .nav-item.w3{width: 33.3%;}
flow .nav-item.w4{width: 25%;}
flow .nav-item.w5{width: 20%;}
flow .nav-item.w6{width: 16.6%;}
flow .nav-item.w7{width: 14.2%;}
flow .nav-item.w8{width: 12.5%;}
flow .nav-item.w9{width: 11.1%;}
flow .nav-item.w10{width: 10%;}
flow .tab-pane h4{
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 2px;
	margin: 0 0 10px 0;
	text-align: center;
}
flow .term .day{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center
}
flow .term .day sm{
	font-size: 24px;
}
flow .term .day md{
	font-size: 28px;
	font-weight: 700;
}
flow .term .day lg{
	font-size: 36px;
	font-weight: 700;
}

flow .term .day.done,
flow .term .touraku.done{
	color: #ccc;
}
flow ul.note {
	list-style: none;
}
flow ul.note li{
	display: inline-block;
	margin-right: 15px;
}
flow ul.note li a{
}
flow ul.note li a:hover{
}

flow .stepbox{
	border: 1px solid #444;
	margin-top: -1px;
}
flow .stepbox .index{
	background: #444;
	padding: 0;
	position: relative;
}
flow .stepbox .index span{
	background: #FFF;
	display: inline-block;
	padding: 0 15px;
	line-height: 37px;
	border: 1px solid #444;
	position: absolute;
	top: 0;
	font-weight: 900;
	font-size: 18px;
}
flow .stepbox h5{
	color: #FFF;
	line-height: 40px;
	margin: 0;
	padding: 0;
	font-size: 18px;
}
flow .stepbox h5.mg-l-110{
	margin-left: 105px;
}
flow .stepbox .inner{
	padding: 15px 20px;
}

/* 申し込みフロー開閉の設定 */
flow .grad-wrap {
	position: relative;
}

flow .grad-btn {
	z-index: 99;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	transition: .1s ease;
	font-weight: 600;
	color: #125687;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
}
flow .grad-btn::after {
	content: "さらに表示する";
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
flow .grad-btn i{
	color: #444 !important;
}
flow .grad-btn:hover::after,
flow .grad-btn:hover > i{
	opacity: 0.7
}
flow .grad-btn .fa {
	margin-right: .5em;
}
flow .grad-item {
	position: relative;
	overflow: hidden;
	height: 160px;
	padding-bottom: 50px;
}
flow .grad-item p + p {
	margin-top: 1em;
}
flow .grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 160px; /*グラデーションで隠す範囲*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
flow .grad-trigger {
	display: none;
}
flow .grad-trigger:checked ~ .grad-btn {
	bottom: -5px;
}
flow .grad-trigger:checked ~ .grad-btn::after {
	content: "閉じる"
}
flow .grad-trigger:checked ~ .grad-btn .fa {
	transform: rotate(180deg);
}
flow .grad-trigger:checked ~ .grad-item {
	height: auto;
}
flow .grad-trigger:checked ~ .grad-item::before {
	display: none;
}
/****************************
申し込みフローの設定 END
****************************/


/****************************
必ずお読み下さいの設定 START
****************************/
conditions{
	display: block;
	background: #FFF;
	position: relative;
	padding: 25px;
}

.modal-body h5,
conditions h5 {
	background: url(line.gif) bottom repeat-x;
	padding: 0px 0 18px 0 !important;
	text-align: center !important;
	width: 100% !important;
	margin-bottom: 1em;
}

conditions termBox{
	display: block;
	border-bottom: #999 1px dashed;
}

conditions termBox h6{
	font-weight: 600 !important
}

conditions div.term h6{
	
}

conditions termBox div.inner{
	margin-left: 18px;
}

/* 必ずお読み下さい開閉の設定 */
conditions .grad-wrap {
	position: relative;
}

conditions .grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	transition: .1s ease;
	font-weight: 600;
	color: #125687;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
}
conditions .grad-btn::after {
	content: "さらに表示する";
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
conditions .grad-btn i{
	color: #444 !important;
}
conditions .grad-btn:hover::after,
conditions .grad-btn:hover > i{
	opacity: 0.7
}
conditions .grad-btn .fa {
	margin-right: .5em;
}
conditions .grad-item {
	position: relative;
	overflow: hidden;
	height: 160px;
	padding-bottom: 50px;
}
conditions .grad-item p + p {
	margin-top: 1em;
}
conditions .grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 150px; /*グラデーションで隠す範囲*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
conditions .grad-trigger {
	display: none;
}
conditions .grad-trigger:checked ~ .grad-btn {
	bottom: -5px;
}
conditions .grad-trigger:checked ~ .grad-btn::after {
	content: "閉じる"
}
conditions .grad-trigger:checked ~ .grad-btn .fa {
	transform: rotate(180deg);
}
conditions .grad-trigger:checked ~ .grad-item {
	height: auto;
}
conditions .grad-trigger:checked ~ .grad-item::before {
	display: none;
}
/****************************
必ずお読み下さいの設定 END
****************************/


/****************************
クレジットの設定 START
****************************/
credit{
	display: block;
	background: #FFF;
	position: relative;
}

footer admission{
	position: absolute;
	bottom: 20px;
	right: 25px;
	border: 1px solid #CCC;
	padding: 1px 5px;
	font-size: 12px;
	color: #999;
}

credit .credit{
	padding: 20px;
}
credit .credit h4{
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
credit .credit p{
	padding: 0;
	margin: 0px;
}

credit .credit ul.contact{
	list-style: none;
	padding: 0;
	margin: 0;
}

credit .credit ul.contact li{
	display: inline-block;
}
/****************************
クレジットの設定 END
****************************/


/****************************
フッターの設定 START
****************************/
footer{
	display: block;
	width: 100%;
	position: relative;
}

footer menu{
	background: #FFF;
	padding: 20px;
	text-align: center;
	display: block;
	margin: 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

footer menu ul{
	padding: 0;
	margin: 0;
}

footer menu ul li{
	display: inline-block;
	padding: 0 10px;
}

footer copy{
	display: block;
	padding: 20px;
	text-align: center;
	color: #999
}
/****************************
フッターの設定 END
****************************/

/****************************
プランボックスの設定 START
****************************/
planBox{
	display: block;
	margin-bottom: 30px;
	background: #FFF;
	padding: 20px;
}

/* プランタイトルの設定 */
planBox .planTitle{
	position: relative;
}

planBox .planTitle h3{
	display: inline-block;
	font-size: 22px;
}

planBox .planTitle .planId{
	display: inline-block;
	font-size: 20px; 
	min-width: 35px;
	text-align: center;
	border: 2px solid #333;
	font-weight: 700;
	margin-right: 5px
}

/* SNSボタンの設定 */

planBox ul.snslist{
	position: absolute; right: 20px; top: 120px;
	list-style: none;
}
planBox ul.snslist li{
	display: inline-block;
	margin-left: 3px;
}
planBox ul.snslist li a{
	text-align: center;
	color: #FFF;
	display: block;
	font-size: 11px;
	line-height: 20px;
	padding: 0 5px;
	text-decoration: none;
}

planBox{

	position: relative;

}
planBox .planheader{
	margin-bottom: 15px;
}
planBox .planheader .copy{
	font-weight: 600;
	color: #666;
}
planBox ul.snslist li a:hover{
	opacity: 0.8;
}
planBox ul.snslist li a.fb{
	background: #3B5998
}
planBox ul.snslist li a.tw{
	background: #1DA1F2
}
planBox ul.snslist li a.ln{
	background: #1dcd00
}


/* アイコンの設定 */
planBox .planheader ul.transport_icon {
	position: absolute;
	top: 18px;
	right: 20px;
}

planBox .planheader .price {
	position: absolute;
	top: 60px;
	right: 20px;
}

planBox ul.transport_icon li{
	display: inline-block;
	border-color: #999 !important;
	color: #999;
	font-size: 12px;
}

/* プラン開閉の設定 */
planBox .grad-wrap {
	position: relative;
}

planBox .grad-btn {
	z-index: 99;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	transition: .1s ease;
	font-weight: 600;
	color: #125687;
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
planBox .grad-btn::after {
	content: "さらに表示する";
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
planBox .grad-btn i{
	color: #444 !important;
}
planBox .grad-btn:hover::after {
	opacity: 0.7;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
planBox .grad-btn .fa {
	margin-right: .5em;
}
planBox .grad-item {
	position: relative;
	overflow: hidden;
	height: 40px;
	padding-bottom: 30px;
}
planBox .grad-item p + p {
	margin-top: 1em;
}
planBox .grad-item::before {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	content: "";
	width: 100%;
	height: 50px; /*グラデーションで隠す範囲*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
planBox .grad-trigger {
	display: none;
}
planBox .grad-trigger:checked ~ .grad-btn {
	bottom: -5px;
}
planBox .grad-trigger:checked ~ .grad-btn::after {
	content: "閉じる"
}
planBox .grad-trigger:checked ~ .grad-btn .fa {
	transform: rotate(180deg);
}
planBox .grad-trigger:checked ~ .grad-item {
	height: auto;
}
planBox .grad-trigger:checked ~ .grad-item::before {
	display: none;
}

/* 料金表の設定 */
planBox .priceBox{
	position: relative;
}
planBox .priceBox p.accept_msg{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 600;
	color: #ff3300;
}
planBox .priceBox table.excel {
/*
	border-style:ridge;
	border-width:1;
	border-collapse:collapse;
*/
	font-family:sans-serif;
	font-size:13px;
	font-weight: 300;
	width: 100%;
}
planBox .priceBox table.excel thead th{
	background:#EFEFEF;
	border-style:ridge;
	border-width:1;
	text-align: center;
	vertical-align:bottom;
}
planBox  .priceBox table.excel tbody th {
	text-align:center;
}
planBox .priceBox table.excel tbody td {
	/*vertical-align:bottom;*/
    padding: 0 3px;
	border: 1px solid #EFEFEF;
	color: #333;
}
planBox .priceBox table.excel thead td,
planBox .priceBox table.excel thead th,
planBox .priceBox table.excel tbody td,
planBox .priceBox table.excel tbody th{
	font-family: 'Noto Sans JP', sans-serif !important;
	vertical-align: middle !important;
	border: 1px solid #CCC !important;
	padding: 5px;
}
planBox .priceBox table.excel .btn-apply,
planBox .priceBox table.excel .btn-apply:visited{
	display: block;
	text-align: center;
	min-width: 75px;
	width: 100%;
	background: #ff8500;
	padding: 5px;
	margin: auto;
	text-decoration: none !important;
	color: #FFF;
	cursor: pointer;
	opacity: 0.7;
	font-weight: 400;
	font-size: 12px;
	
}
planBox .priceBox table.excel .btn-apply:hover{
	opacity: 1
}

planBox .priceBox table.excel .btn-wait,
planBox .priceBox table.excel .btn-wait:visited{
	display: block;
	text-align: center;
	min-width: 75px;
	width: 100%;
	background: #CCC;
	padding: 5px;
	margin: auto;
	text-decoration: none !important;
	color: #FFF;
	opacity: 0.7;
	font-weight: 400;
	font-size: 12px;
	
}

planBox .priceBox table.excel done{
	display: block;
	text-align: center;
	width: 100%;
	margin: auto;
	color: #FF3300;
	font-weight: 400
}

planBox .priceBox table.excel soldout{
	display: block;
	text-align: center;
	width: 100%;
	margin: auto;
	color: #FF3300;
	font-weight: 400
}

/* 国内用の行程表の設定 */
planBox .kouteiBox example{font-size: 13px; font-weight: 600; float: right; margin-right: -20px; padding-bottom: 5px}
planBox .kouteiBox example i{font-size: 13px; color: #999; margin-left: -10px; margin-right: 6px;}
planBox .kouteiBox example bus:before,
planBox .kouteiBox example bus:after{
	content:"＞＞";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 0;
	font-weight: 600;
	margin-right: 20px;
	
}

planBox .kouteiBox example train:before,
planBox .kouteiBox example train:after{
	content:"〓 〓";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 0;
	font-weight: 600;
	margin-right: 20px;
	
}

planBox .kouteiBox example plane:before,
planBox .kouteiBox example plane:after{
	content:"＋＋";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 0;
	font-weight: 600;
	margin-right: 20px;
	
}

planBox .kouteiBox example kakuji:before,
planBox .kouteiBox example kakuji:after{
	content:"・・";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 0;
	font-weight: 900;
	margin-right: 20px;
	
}
planBox div.kokunai dl{
	display: table;
	width: 1060px !important;
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin-top: -1px !important;
	margin-bottom: 0px;
}
planBox div.kokunai dl dt,
planBox div.kokunai dl dl{
	display: table-cell;
	padding: 28px 10px 5px 10px;
	vertical-align: top;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
	font-size: 13px;

}
planBox div.kokunai dl dt{
	padding: 10px 5px 10px 5px;
	min-width: 100px !important;
	text-align: center;
	font-weight: 600;
	background: #EFEFEF;
}
planBox div.kokunai dl dl{
	width: 959px !important;
}
planBox div.kokunai dl dt.index,
planBox div.kokunai dl dl.index{
	background: #EFEFEF;
	font-size: 13px;
	padding: 5px;
	text-align: center;
	font-weight: 600;
	z-index: 1;
}
planBox div.kokunai p{
	margin: 0;
}
planBox div.kokunai line{
	display: table;
	width: auto;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	min-height: 50px;
}
planBox div.kokunai place,
planBox div.kokunai move,
planBox div.kokunai event,
planBox div.kokunai spacer{
	display: table-cell;
	width: auto;
	text-align: center;
	vertical-align: middle;
	position: relative;
	min-height: 50px;
	font-size: 13px;
	overflow: visible;
	white-space: nowrap;
}
planBox div.kokunai event{
	padding-left: 6px;
	padding-right: 7px;
}
planBox div.kokunai move bus{
	color: #666;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	width: 100%;
}
planBox div.kokunai move start{
	color: #999;
	font-size: 12px;
	position: absolute;
	left: 3px;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
}
planBox div.kokunai move mid{
	color: #999;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	width: 100%;
}
planBox div.kokunai move end{
	color: #999;
	font-size: 12px;
	position: absolute;
	right: 3px;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
}
planBox div.kokunai move i{
	color: #999;
	margin-left: -1px;
}
planBox div.kokunai .bus:before,
planBox div.kokunai .bus:after{
	content:"＞＞＞";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 600;
	
}
planBox div.kokunai .bus-m:before,
planBox div.kokunai .bus-m:after{
	content:"＞＞＞＞＞";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 600;
	
}
planBox div.kokunai .bus-l:before,
planBox div.kokunai .bus-l:after{
	content:"＞＞＞＞＞＞＞";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 600;
	
}
planBox div.kokunai .train:before,
planBox div.kokunai .train:after{
	content:"〓 〓 〓";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	
}
planBox div.kokunai .train-m:before,
planBox div.kokunai .train-m:after{
	content:"〓 〓 〓 〓 〓";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	
}
planBox div.kokunai .train-l:before,
planBox div.kokunai .train-l:after{
	content:"〓 〓 〓 〓 〓 〓 〓";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	
}
planBox div.kokunai .plane:before,
planBox div.kokunai .plane:after{
	content:"＋＋＋";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai .plane-s:before,
planBox div.kokunai .plane-s:after{
	content:"＋＋＋＋＋＋＋";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai .plane-l:before,
planBox div.kokunai .plane-l:after{
	content:"＋＋＋＋＋＋＋＋＋";
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai .kakuji:before,
planBox div.kokunai .kakuji:after{
	content:"・・・";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai .kakuji-s:before,
planBox div.kokunai .kakuji-s:after{
	content:"・・・・・";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai .kakuji-l:before,
planBox div.kokunai .kakuji-l:after{
	content:"・・・・・・・";
	font-size: 10px;
	color: #999;
	vertical-align: middle;
	padding: 5px;
	font-weight: 900;
	
}
planBox div.kokunai t-l, 
planBox div.kokunai .tl{
	position: absolute;
	left: 0;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}
planBox div.kokunai t-r, 
planBox div.kokunai .tr{
	position: absolute;
	right: 3px;
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}
planBox div.kokunai t-c, 
planBox div.kokunai .tc{
	position: absolute;
	left: calc(25%);
	top: calc(50% - 25px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}

planBox div.kokunai b-l, 
planBox div.kokunai .bl{
	position: absolute;
	left: 0;
	top: calc(50% + 8px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}
planBox div.kokunai b-r, 
planBox div.kokunai .br{
	position: absolute;
	right: 3px;
	top: calc(50% + 8px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}
planBox div.kokunai b-c, 
planBox div.kokunai .bc{
	position: absolute;
	left: calc(25%);
	top: calc(50% + 8px);
	white-space: nowrap;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #666;
}

planBox div.kokunai dl dl place{font-weight: 400;}

planBox div.kokunai event{
	padding: 3px 8px;
	height: 100%;
	vertical-align: middle;
	border-left: 8px solid #FFF;
	border-right: 8px solid #FFF;
}

planBox div.kokunai info{
	position: absolute;
	font-size: 12px;
	top: -1px;
	right: -1px;
}

planBox div.kokunai info meal{
	display: table-cell;
	padding: 2px 3px 2px 8px;
	background: #FFF;
	border: 1px solid #CCC;
}
planBox div.kokunai info meal:before{
	content:"[食事]";
	padding-right: 10px;
	font-weight: 400;		
}
planBox div.kokunai info meal span{
	margin-right: 5px;
}

planBox div.kokunai info stay{
	display: table-cell;
	padding: 2px 8px 2px 8px;
	background: #001b5f;
	color: #FFF;
	z-index: 2
}

planBox div.kokunai note{
	display: block;
	width: 100%;
	font-size: 12px;
	color: #666;
}

planBox div.kokunai note left{
	width: 50%;
	float: left;
	text-align: left;
}


planBox div.kokunai note right{
	width: 50%;
	float: right;
	text-align: right;
}

/* 海外用の行程表の設定 */
planBox div.kaigai table{
	border: 1px solid #CCC !important;
	border-collapse: collapse !important;
	width: 100%;
	min-width: 1060px;
}
planBox div.kaigai table th,
planBox div.kaigai table td{
	border: 1px solid #CCC !important;
	border-collapse: collapse !important;
	padding: 0 !important;
	padding: 1px;
}
planBox div.kaigai table th{
	padding: 5px !important;
	text-align: center;
	background: #EFEFEF;
}
planBox div.kaigai table td{
	position: relative
}
planBox div.kaigai table th.date{width: 86px;}
planBox div.kaigai table td date{position: absolute; width: 85px; padding: 5px; height: 100%;}
planBox div.kaigai table th.place,
planBox div.kaigai table td line place{width: 240px;}
planBox div.kaigai table th.trans,
planBox div.kaigai table td line trans{width: 85px;}
planBox div.kaigai table th.time,
planBox div.kaigai table td line time{width: 128px;}
planBox div.kaigai table th.schedule,
planBox div.kaigai table td line schedule{}

planBox div.kaigai table td date p{
	padding: 0;
	margin: 0;
	text-align: center
}
planBox div.kaigai table td line{
	display: block;
	width: 100%;
	margin-left: 85px;
	margin-top: -5px;
	padding: 0;
}
planBox div.kaigai table td line time,
planBox div.kaigai table td line trans,
planBox div.kaigai table td line place,
planBox div.kaigai table td line schedule{
	display: table-cell;
	padding: 2px 8px 2px 8px;
	border-left: 1px solid #ccc;
	margin: 0 0 0 0px !important;
	text-align: center;
}
planBox div.kaigai table td line.first time,
planBox div.kaigai table td line.first trans,
planBox div.kaigai table td line.first place,
planBox div.kaigai table td line.first schedule{
	padding-top: 10px;
}
planBox div.kaigai table td line.first trans i{
	font-size: 12px;
}
planBox div.kaigai table td line change{
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	width: 100%;
	color: #CCC;
	margin: 0;
	overflow-x: hidden;
	white-space: nowrap;
}
planBox div.kaigai table td line schedule{
	width: 520px;
	text-align: left !important;
}
planBox div.kaigai table td line schedule event{
	width: 100%;
	padding: 1px 0;
	margin: 3px 0 3px 0;
	text-align: center;
	font-weight: 400;
	display: block;
	color: #FFF;
	background-color: #ff6b6b
}
planBox div.kaigai table td line schedule p{
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

planBox div.kaigai table td line.last time,
planBox div.kaigai table td line.last trans,
planBox div.kaigai table td line.last place,
planBox div.kaigai table td line.last schedule{
	padding-bottom: 6px;
}

planBox div.kaigai table td line.last schedule stay{
	background: #003286;
	color: #FFF;
	font-size: 12px;
	padding: 2px 5px;
	margin-top: 8px !important;
	margin-bottom: 2px !important;
	display: inline-block;
	width: auto;
	font-weight: 400;
}

planBox div.kaigai table td line.last schedule meal{
	font-size: 13px;
	padding: 2px 5px 0 5px !important;
	margin-top: 10px !important;
	float: right;
}

planBox div.kaigai table td line.last schedule meal:before{
	content: '[食事]';
}

planBox div.kaigai table td line.last schedule meal span{
	margin-left: 8px;
}


planBox .apply_btn .accept_msg{
	text-align: center;
	font-weight: 600;
	color: #ff3300;
}
planBox .apply_btn .btn-active {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

planBox .apply_btn .btn-active:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

planBox .apply_btn .btn-done,
planBox .apply_btn .btn-done:hover,
planBox .apply_btn .btn-wait,
planBox .apply_btn .btn-wait:hover {
	color: #fff !important;
	background-color: #CCC;
	border-color: #CCC;
}
/****************************
プランボックスの設定 END
****************************/

/****************************
印刷レイアウトの設定 START
****************************/
@media print{
	header{
		padding-top: 0px;
	}
	wrapper{
		background-color: #f5f5f5;
		display: block;
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	}
	main{
		display: block;
		width: 100%;
		max-width: 100%;
		margin: auto;
		padding: 30px 0px;
	}
	gnav,
	#gnav{
		display: none !important;
	}

	planBox div.kaigai table td line schedule{
		width: 473px;
	}
	
	planBox .grad-item,
	conditions .grad-item {
		height: auto !important;	
	}

}
/****************************
印刷レイアウトの設定 END
****************************/

.xs-show{
	display: none;
}

.optionBox th,
.optionBox td{
	white-space: nowrap;	
}

.modal{
	z-index: 9999
}