@charset "utf-8";

/* mask */
.mainV {
	position: relative;
}
.mainV .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
}
.mainV .finTxt {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

/* SNS
------------------------------------------------------ */
.snsW {
	margin: 0 auto 20px;
}
.snsW ul {
	text-align: center;
}
.snsW ul li {
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}
.snsW ul li span {
	vertical-align: top !important;
}
.snsW ul li:last-child {
	margin-right: 0;
}
.snsW ul li a.line img {
	width: 82px;
}

@media screen and (max-width: 335px) {
	.snsW ul li:first-child {
		display: block;
		margin-bottom: 10px;
	}
}

/* 旅程
------------------------------------------------------ */
.flightRute {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.flightRute li{
	position: relative;
}
.flightRute li::after{
	position: absolute;
	content: '';
	width: 11px;
	height: 19px;
	/* background-image: url(../img/icon_arrow_pc.png); */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	top: 50px;
	right: -40px;
}
.flightRute li:last-of-type::after{
	width: 0;
	height: 0;
	background-image: none;
}
.flightRute .ruteImg {
	max-width: 110px;
	margin-bottom: 8px;
}
.flightRute div {
	line-height: 1.5;
	color: #746152;
	font-weight: bold;
	clear: both;
}
.flightRute div span {
	color: #98bd20;
	display: block;
}


.courseList{
	display: flex;
	justify-content: space-between;
}
.courseList li{
	width: 32%;
}
@media screen and (max-width:600px) {
	.courseList{
		display: block;
	}
	.courseList li{
		width: 100%;
		margin-bottom: 10px;
	}
}

.btnBuy {
  width: 400px;
	max-width: 100%;
  margin: 0 auto 50px;
}
.btnBuy a {
  width: 100%;
  display: block;
	background: none !important;
	background-color: #499916 !important;
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  padding: 20px 0 !important;
  line-height: 1;
}
.btnBuy a:hover {
  opacity: 0.7;
}
.btnBuy a span {
  background-image: url(/img/icon/icon_blank_white@2x.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 11px 9px;
  padding-right: 20px;
}

.fareTable table{
	table-layout: fixed;
}
.fareTable th,
.fareTable td{
	text-align: center;
	vertical-align: middle;
}
.fareTable .head{
	position: relative;
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #e3e3e3 50%, #e3e3e3 calc(50% + 0.5px), transparent calc(50% + 1px))
}
.fareTable .head .headRight{
	position: absolute;
	top: 10%;
	right: 10%;
}
.fareTable .head .headLeft{
	position: absolute;
	bottom: 10%;
	left: 10%;
}
@media screen and (max-width:600px) {
	.fareTable th,
	.fareTable td{
		padding: 1em 0;
	}
	.fareTable table.kmi .head{
		width: 50% !important;
	}
	.fareTable .fareTit{
		font-size: 14px;
    font-weight: bold;
    text-align: center;
	}
	.fareTable .head .headRight{
		right: 5%;
	}
	.fareTable .head .headLeft{
		left: 5%;
		bottom: 5%;
	}
}

/* 特典
------------------------------------------------------ */
.benefits .tit {
	margin-bottom: 15px;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:-webkit-gradient(linear, left top, right bottom, from(#fed07a), to(#fda502));
    background:-webkit-linear-gradient(left top, #fed07a, #fda502);
    background:-moz-linear-gradient(left top, #fed07a, #fda502);
    background:-o-linear-gradient(left top, #fed07a, #fda502);
    background:linear-gradient(to right bottom, #fed07a, #fda502);
}
.benefits .sub {
	margin-top: 5px;
}

/* お申込み
------------------------------------------------------ */
.noticeBox {
	text-align: left!important;
}

@media screen and (min-width: 601px) {

	/* 概要
	------------------------------------------------------ */
	.flexBox .imgR.w22 img {
		width: 196px;
	}
	/* ルートマップ
	------------------------------------------------------ */

	/* お申込み
	------------------------------------------------------ */
	.noticeBox {
		width: 612px;
		margin: 0 auto 20px;
	}
}

@media screen and (max-width: 600px) {
	.mainV .finTxt {
		font-size: 13px;
	}

	/* 概要
	------------------------------------------------------ */
	.flexBox .imgR.w22 img {
		width: 60%;
	}
	/* 旅程
	------------------------------------------------------ */
	.flightRute{
		flex-direction: column;
		align-items: center;
	}
	.flightRute li{
		margin-bottom: 30px;
		min-width: 260px;
		display: flex;
    justify-content: space-between;
	}
	.flightRute li::after{
		/* background-image: url(../img/icon_arrow_sp.png); */
		width: 19px;
    height: 10px;
    right: 47%;
		top: 130px;
	}
	.flightRute .ruteImg {
		max-width: 123px;
	}
	.flightRute div {
		width: 130px;
		margin-top: 30px;
		display: inline-block;
	}
	/* 特典
	------------------------------------------------------ */
	.benefits {
		margin-bottom: 0;
	}
	.benefits .tit {
		width: 100%;
		padding: 10px;
	}
	/* その他
	------------------------------------------------------ */
	.tel-link a {
		color: red;
	}
}
/*アコーディオンここから*/
.stepW dt {
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #499916;
    margin-bottom: 10px;
    padding: 0.5em 2em 0.5em 0.8em;
    border: 1px solid #dedede;
    background: url(/img/tit/bg_h2.png) center center;
}
.stepW dt:after {
    content: '';
    width: 22px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    background-image: url(/img/icon/icon_plus.png);
    background-size: 22px 24px;
    background-repeat: no-repeat;
    background-position: top left;
}
.stepW dt.active:after {
    background-image: url(/img/icon/icon_minus.png);
}
.stepW dd {
    display: none;
    margin-bottom: 20px;
   /*  padding: 0 10px 10px; */
}
/* .stepW dd div {
    text-align: center;
} */
.stepW dd  img {
/* 	width: 60%;
	border: 1px solid #ccc; */
    display: block;
    margin: 0 auto;
}
/*アコーディオンここまで*/