/*.container{width: 1100px !important;}
@media(max-width:767px){ .container{width: 100% !important} }
@media(min-width:768px) and (max-width:991px){ .container{width: 100% !important;} }
@media(min-width:992px) and (max-width:1049px){ .container{width: 100% !important;} }
@media(min-width:1050px) and (max-width:1099px){ .container{width: 100% !important;} }
@media(min-width:1100px) and (max-width:1149px){ .container{width: 1080px !important;} }
@media(min-width:1150px) and (max-width:1199px){ .container{width: 1100px !important;} }
@media(min-width:1200px){ .container{width: 1100px !important;} }
*/

/* ヘッダー幅 */
/*  header .container{width: 100% !important}  */

header .container h1{
	background: #000 !important;
    color: #FFF !important;
}

/* ページトップへ戻るボタン設定 */
a.page-top {
	background: #000 !important;
    color: #FFF !important;
}
a.page-top i{
	color: #fff;
}
a.page-top:hover{
	color:#fff;
}

/* 見出し設定 */
h2.index{
	border-color:#000 !important;
	color: #000 !important;
}

/* プラン設定 */
.planBox plantitle{
	background: #000 !important;
	color: #FFFFFF !important;
}
.planBox plantitle span{
	background: #FFF !important;
	color:#000 !important;*
}
.planBox plantitle small{
	color:#FFF !important;*
}
.planBox .detail{
	border: 3px solid #000 !important;
}
.kouteiBox .kokunai event{
	color: #FFF;
	background: #ff2768;
}
.kouteiBox .kokunai event.purple{
	color: #FFF;
	background: #9f55ff;
}
.kouteiBox .kokunai event.brown{
	color: #FFF;
	background: #ac5a1a;
}
/*ツアー申込み受付期間設定*/
#accept table{
	border-color: #000 !important;
}
#accept table th{
	background: #000 !important;
}



/* 角丸削除 */
.no-radius{
	border-radius: 0;
	margin-top: 0px !important;
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-default {
	background: #000;
	border-color: #fff;
	border-left: none;
	border-right: none;
	border-top: none;
	margin-top: 1px !important;
}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #dcf4ff;
	background-color: transparent;
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #000;
	background-color: #fff;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
	background-color: #000;
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
	color: #ffffff;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #000;
	background-color: #ffffff;
}

/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #ffffff;
	background-color: transparent;
}

/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #ffb163;
background-color: #d4ede9;
}
}
/* n
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
	background-color: #000;
}

.kokunai event.purple{
	background: #bf00ff
}


.flex{
	margin-top: 30px;
	display: flex;
}