@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     チャータークルーズ
 Notes:          
--------------------------------------------------------------- */
.content .wrap {
	width: 100%;
  max-width: 2000px;
  margin: 0 auto 10%;
}
.ship-wrap .txt01 {
	margin: 0 auto 3%;
	text-align: center;
}
.ship-wrap {
	margin: 0 auto 8%
}
.ship-wrap .ship {
	width: 33.33%;
	float: left;
	line-height: 0;
}
.btn {
  margin: 0 auto 10%;
  text-align: center;
  display: table;
}
.btn a {
  padding: 0.5em 3em;
  display: block;
  color: #FFF;
  background-color: #00489E;
}
.headline {
  text-align: center;
  margin: 0 auto 5%;
  color: #0080CB;
  font-size: 1.5em;
  font-weight: bold;
	letter-spacing: 0.3em;
  text-indent: 0.3em;
}
.flow-wrap {
  width: 80%;
  max-width: 1225px;
  margin: 0 auto 15%;
}
.flow {
	display: flex;
}
.flow .box01 {
	width: 2.5em;
}
.flow .number {
	width: 4em;
	height: 4em;
	display: flex;
  align-items: center;
  justify-content: center;
	position: relative;
	font-size: 1.3em;
	color: #0080CB;
	border: 1px solid #0080CB;
	background-color: #FFF;
	border-radius: 100px;
}
.flow .box02 {
	padding: 1.5em 0 5% 4em;
	border-left: 2px dotted #0080CB;
}
.flow .box03 {
	padding: 1.5em 0 5% 4em;
}
.flow .txt01 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0080CB;
	margin: 0 0 2%;
}
.flow .txt02 {
}
.price-wrap {
	width: 80%;
  max-width: 1225px;
  margin: 0 auto 10%;
}
.price-wrap .txt01 {
	margin: 0 auto 5%;
	padding: 0 0 1%;
	display: table;
	border-bottom: 1px solid #0080CB;
	text-align: center;
}
.price-wrap .txt02 {
	width: 50%;
	margin: 0 auto 3%;
}
.price-wrap .txt03 {
	width: 50%;
	margin: 0 auto 3%;
	font-size: 0.9em;
}
.price-wrap .txt04 {
	text-align: center;
	font-size: 1.1em;
}
.table {
	width: 50%;
	margin: 0 auto 1%;
	border-top: 1px solid #0080CB;
	border-right: 1px solid #0080CB;
	border-left: 1px solid #0080CB;
	text-align: center;
}
.table .tr01 {
	width: 100%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #0080CB;
}
.table .tr02 {
	width: 100%;
	padding: 0.5em 0;
	border-bottom: 1px solid #0080CB;
	background-color: #CCE6F5;
}
.table .th {
	width: 55%;
	padding: 0.5em 0;
	border-right: 1px solid #0080CB;
}
.table .td {
	width: 45%;
	padding: 0.5em 0;
}
.cancel-wrap {
	width: 80%;
  max-width: 1225px;
  margin: 0 auto 15%;
}
.cancel-wrap .txt01 {
  margin: 0 auto 2%;
	text-align: center;
}
.cancel-wrap .txt02 {
	width: 50%;
	margin: 0 auto 5%;
	font-size: 0.9em;
}
.photo-wrap {
  width: 80%;
  max-width: 1225px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.photo-wrap .photo {
  width: 22%;
  margin: 0 1.5% 2%;
}
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
.content .wrap {
	width: 95%;
}
.headline {
  font-size: 1.2em;
}
.ship-wrap .txt01 {
  text-align: left;
}
.ship-wrap .ship {
  width: 50%;
}
.flow-wrap {
  width: 100%;
}
.flow .number {
  width: 3em;
  height: 3em;
}
.flow .box01 {
  width: 2em;
}
.flow .box02 {
  padding: 0.8em 0 5% 2.5em;
  border-left: 2px dotted #0080CB;
}
.price-wrap {
  width: 100%;
}
.price-wrap .txt02 {
  width: 100%;
}
.table {
  width: 100%;
}
.price-wrap .txt03 {
  width: 100%;
}
.cancel-wrap {
  width: 100%;
}
.cancel-wrap .txt02 {
  width: 100%;
}
}