@charset "utf-8";
/*common*/
body {
  background-color: #FFFFFF;
}
.Main_bg {
  background: url(../img/bg_hawaii.jpg) bottom;
  height: 600px;
  background-size: auto;
}
.ttl_bn {
  margin: auto;
  text-align: center;
  position: relative;
  top: 35%;
}
.ttl_bn img {
  max-width: 848px;
}
.container {
  width: 1020px;
  margin: auto;
  padding-bottom: 50px;
}
.caption {
  background-color: #FFFFFF;
  opacity: 0.8;
  padding: 3px 8px;
  color: #333333;
  font-weight: bold;
}
/*lead*/
.lead {
  max-width: 848px;
  margin: 5% auto;
}
.lead p {
  font-size: 28px;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  ;
  text-align: center;
}
/*==============================
ユナイテッド航空 ビジネスクラス
==============================*/
.business_class {
  width: 100%;
  display: flex;
  color: #000;
  margin-bottom: 10%;
}
.business_class li:first-child {
  width: 40%;
}
.business_class li:last-child {
  width: 60%;
  margin-left: 5%;
}
.business_class li img {
  width: 100%;
}
dl.dl_first dt {
  display: block;
  padding: 2% 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}
dl.dl_first dt p {
  text-align: center;
}
dl.dl_first dt p img {
  width: 35%;
}
dl.dl_first dd {
  display: block;
  background-color: #173994;
  text-align: center;
  color: #FFF;
  margin-top: 2%;
}
dl.dl_second dt p {
  font-size: 25px;
  color: #173994;
}
dl.dl_second dd:nth-child(2) {
  font-size: 18px;
}
dl.dl_second dd:last-child ul li {
  width: 95%;
  list-style-type: square;
  margin-left: 5%;
}
/*==============================
おすすめコース
==============================*/
.course {
  margin-top: 5%;
  display: flex;
  color: #000;
  margin-bottom: 15%;
  padding: 2%;
  border: 1px solid #bda661;
}
.tour_point {
  margin-right: 10%;
  z-index: -1;
}
.tour_point img {
  margin-left: 10%;
}
.course li:first-child {
  width: 60%;
}
li.pdf {
  width: 40%;
}
li.pdf img {
  width: 50%;
  margin-left: 25%;
  position: relative;
}
.details {
  width: 30%;
  display: inline-block;
  background-color: #bda661;
  padding: 0.5% 2%;
  color: #FFF;
  margin: 0 33.5%;
  text-align: center;
}
.course li:first-child dl {
  margin-bottom: 3%;
}
.course li:first-child dl dt {
  font-size: 18px;
  background-color: #bda661;
  margin-right: 10%;
  padding-left: 2%;
  color: #FFF;
}
.course li:first-child dl dd {
  margin-right: 10%;
  font-size: 16px;
}
.course_sub {
  font-size: 13px;
}
.course li:last-child {
  width: 40%;
}
.course li:last-child img {
  width: 50%;
  margin: 0 25%;
}
/*==============================
ビジネスクラスで行く　ハワイ パッケージツアー
==============================*/
.package_tour, .package_tour2 {
  margin-top: 5%;
  display: flex;
  color: #000;
  padding-bottom: 2%;
  border-bottom: #999 dotted 1px;
}
.package_tour2 {
  margin-bottom: 10%;
}
.tour_point {
  margin-right: 10%;
}
.tour_point img {
  margin-left: 10%;
}
.details2 {
  width: 30%;
  display: inline-block;
  background-color: #bda661;
  padding: 0.5% 2%;
  color: #FFF;
  margin: 0 33.5%;
  text-align: center;
}
.details3 {
  width: 50%;
  display: inline-block;
  background-color: #bda661;
  padding: 0.5% 2%;
  color: #FFF;
  margin: 0 25%;
  text-align: center;
}
.package_tour li:first-child, .package_tour2 li:first-child {
  width: 60%;
}
.package_tour li:last-child, .package_tour2 li:last-child {
  width: 40%;
}
.package_tour li:last-child img {
  width: 45%;
  margin: 0 27.5%
}
.package_tour li:first-child dl, .package_tour2 li:first-child dl {
  margin-bottom: 3%;
}
.package_tour li:first-child dl dd, .package_tour2 li:first-child dl dd {
  margin-right: 10%;
  font-size: 16px;
  padding-bottom: 1%;
  text-indent: -1em;
  padding-left: 1em;
}
.package_tour2 li:last-child, .package_tour2 li:nth-child(2) {
  width: 18%;
  margin: 1%;
}
.package_tour2 li:last-child img, .package_tour2 li:nth-child(2) img {
  width: 100%;
}
/*==============================
　おすすめホテル
==============================*/
.hotel {
  width: 100%;
  display: flex;
  color: #000;
  padding: 2%;
  border: 1px #bda661 solid;
  margin-bottom: 3%;
}
.hotel li:first-child {
  width: 40%;
}
.hotel li:last-child {
  width: 60%;
  margin-left: 5%;
}
.hotel li img {
  width: 100%;
}
.hotel dl dt {
  display: block;
  border-bottom: 1px #BDB9B9 solid;
  border-top: 1px #BDB9B9 solid;
  padding: 2% 0;
  color: #000;
  text-align: center;
  font-size: 18px;
}
.hotel dl dd {
  margin-top: 2%;
}
/*==============================
注意事項
==============================*/
.ate {
  font-size: 15px;
}
.ate dt {
  font-weight: bold;
}
.ate dd {
  text-indent: -1rem;
}
.ate dd::before {
  content: '・';
}
/*==============================
デジパン
==============================*/
.digi_area {
  width: 100%;
  background-color: #66ccff;
  padding-bottom: 5%;
  margin-bottom: 3%;
}
.digi_area p {
  max-width: 848px;
  margin: 0 auto;
}
.dot {
  border: dotted 1px #FFF;
  width: 80%;
  margin: 2% auto 3%;
}
.digi_area ul {
  display: flex;
  width: 80%;
  margin: 3% auto;
  max-width: 848px;
}
.digi_area ul li {
  width: 20%;
  max-width: 210px;
  margin: 0 2%;
}
.digi_area ul li img {
  width: 100%;
}
a {
  text-decoration: none;
}
a .digitxt:hover {
  opacity: 0.8;
}
.digitxt {
  text-align: center;
  background-color: #ffff00;
  margin-top: 5px;
  font-size: 18px;
}
.digitxt::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  padding-left: 15px; /*文字との隙間*/
  color: #004699; /*アイコンの色*/
}

/* ========================================
	おすすめパッケージツアー
========================================= */
.tourarea ul li img{
	width: 75%;
	margin: 3% 13%
}
.tourarea h2 {
	border-bottom: solid 1px #004699;
}
.pdfarea {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	margin: 2% 0
}
.tokyo {
	background: #0f69ed;
}
.osaka {
	background: #1029dd;
}
.nagoya {
	background: #0b497c;
}
.tourarea ul {
	display: flex;
	width: 100%;
}
.tourarea ul li {
	width: 22%;
	margin: 0 2% 5%
}