@charset "UTF-8";

/* wrapper{  background-color: #1b3444;} */
wrapper{  background-color: white;}
	
.bg{ background: url(bg.gif) center top / cover no-repeat;  min-height: 250px;width: 100%;}
.bg2{ background: url(bg2.gif) right top / cover ; background-attachment: fixed; }

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

/****************************
ヘッダーの設定 END
****************************/
.apply_btn{
	margin: 30px 100px; 
	text-align: center;
}
.apply_btn div{
	color: white !important;
	padding: 20px;
	font-weight: bold;
	font-size: 23px;
}
.apply_btn span{ padding: 10px 30px; border: 3px solid rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);}
.apply_btn span:hover{ cursor: no-drop;}
.apply_btn a{ text-decoration: none; padding: 10px 30px; border: 2px solid white; color: white; }
.apply_btn a:hover{ transition: .5s; background-color: rgba(255,255,255,0.2);}
.btn_end:hover{ cursor: no-drop;}


/****************************
ヘッダーメニューの設定 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
****************************/

/****************************
おしらせの設定 START
****************************/

#osirase{width: 1100px; margin: 0 auto; padding:0 20px; color: white;}
#osirase p { margin: 0; padding-left: 10px;}
#topicList dl{width: 100%; display: table; border-bottom: 1px dashed gray; padding: 20px 0 ; }
#topicList dl:last-child{border: none;}
#topicList dt{ width: 120px; display: table-cell; vertical-align: text-top; font-weight: 500;}
#topicList dt day{}
#topicList dt week{ margin-left: 3px;}
#topicList dd{display: table-cell; vertical-align: text-top;}
#topicList dd index{display: block; font-weight: 500;}
#topicList dd post{display: block; }
#topicList a{ color: #faa866;}

/****************************
おしらせの設定 END
****************************/



h2.index{
	text-shadow: none;
	color: white;
 }
flow{ background: #00000000; padding: 0;}
flow .stepbox .index{ background-color: #1b3444;}

planbox{ box-shadow: none; width: 1100px; margin: 0 auto 30px; background: rgba(255,255,255,0.95);}

.plan_container input{ display: none;}

#plan-a,
#plan-b,
#plan-c{ display: none;}

#check-01:checked ~ #plan-a,
#check-02:checked ~ #plan-b,
#check-03:checked ~ #plan-c{ display: block;}

.plan_btn{
	background-color: ;
	border: 2px solid gray;
	border-radius: 4px;
	color: #1B3444;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	}

.plan_btn_end{
	background-color: #ccc;
	border: 2px solid #aaa;
	border-radius: 4px;
	color: white;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	font-size: 18px;
	}
	
.plan_btn:hover{ background-color: #faa866; transition: .5s;}

.plan_btn dl{display: flex;}
.plan_btn dl dt{display: inline-block; width: 30px; text-align: center;}
.plan_btn dl dd{display: inline-block; margin: 0;}
.plan_btn_end dl{display: flex;}
.plan_btn_end dl dt{display: inline-block; width: 30px; text-align: center;}
.plan_btn_end dl dd{display: inline-block; margin: 0;}
.end{
	text-align: center;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	color: #FF3300;
}

.form{ margin-bottom: 30px; padding: 20px; text-align: center; background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); color: #1B3444;}

main{ width:100%; max-width: 100%; margin: auto; padding: 0px;}

.slick-slide{ height: inherit !important;}
.slick-prev{ left: 10px !important; z-index: 10;}
.slick-next{ right: 20px !important;}
.slick-prev:before, .slick-next:before{ font-size: 30px !important}

conditions,credit{ width: 1100px; margin: auto; background: rgba(255,255,255,0.95);}

.apply th {
width: 150px;
background-color: #eee;
border-color: #ccc !important;
vertical-align: top;
text-align: center;
}
.apply td {
border-color: #ccc !important;
vertical-align: top;
padding-left: 5px;
}
.cancel th{
border-color: #ccc !important;
text-align: center;
}
.cancel td{
border-color: #ccc !important;
padding: 5px;}


/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}


/* 以下ボタンスタイル */