@charset "UTF-8";

wrapper{
/* 	background-color: #f5f5f5; */
	
	/* 背景に画像を反映させる */
	background: url(bg.jpg) center/ cover ; background-attachment: fixed; 

}

/****************************
ヘッダーの設定 START
****************************/
header{
	display: block;
	width: 100%;
	text-align: center;
}

/****************************
ヘッダーの設定 END
****************************/


/****************************
ヘッダーメニューの設定 START
****************************/
gnav{
    background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-bottom: 1px solid #e1e1e1;
}
gnav ul li a,
gnav ul li a:link{
	color: #fff;
}
/****************************
ヘッダーメニューの設定 END
****************************/


/****************************
ツアーポイントの設定 START
****************************/
point{
	background: #999;
	padding: 50px;
	color: #FFF;
	font-weight: 900;
	text-align: center;
}
/****************************
ツアーポイントの設定 END
****************************/
/* 各セクションの大枠 */
eventinfo,flow,
planBox,
conditions,
credit{background: rgba(255, 255, 255, 0.95) ; border: 3px solid #; box-shadow: 0px 0px 7px #ccc;}

/* 各セクションの見出し */
h2.index{ color: white !important;}

planBox div.kokunai dl dt.index, planBox div.kokunai dl dl.index{ background-color: #e5004f; color: white;} /* セクション内小見出し */

h3,h4,h6{ color:  !important;}

eventinfo dd{ background: !important;}/* イベント情報の詳細背景 */

flow .stepbox { border: 1px solid #245dbb;}/* フローの枠 */
flow .stepbox .index span { background: #FFF; border: 1px solid ;color: #245dbb;}/* 見出し(STEP) */
flow .stepbox .index { background: #245dbb;}/* フローSTEPの帯 */
flow .inner{ background: !important;}/* フロー詳細の背景 */

 .nav-tabs .nav-link.active {
color: #495057;
background-color: #00000000;
border-color: #dee2e6 #dee2e6 #fff;
}


.list.border-gray, .list.border-gray dl dt, .list.border-gray dl dd,/* 各表のボーダーの色 */
table.border-gray, table.border-gray th, table.border-gray td/* 取り消し料金について*/,
planBox .priceBox table.excel thead td, planBox .priceBox table.excel thead th, planBox .priceBox table.excel tbody td, planBox .priceBox table.excel tbody th /* 旅行代金*/
{ border-color: #999 !important}

planBox .apply_btn .btn-active{ background-color: #245dbb; color: white;  border: none;}
planBox .apply_btn .btn-active:hover{ background-color: #b2edf6 !important; color: white; }
.bg-blue{ background-color: #245dbb !important;}

.fa-chevron-up:before,
.fa-chevron-down:before,
.fa-download:before{ font-weight: 900 !important;}