.fadeIn article,
.fadeIn footer {
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1) .2s;
}

#gHeader {
	z-index: 6;
	opacity: 0;
  background: none;
	transition: opacity 0s cubic-bezier(0.23, 1, 0.32, 1) 60s,background .3s ease;
}

.scrolled #gHeader {
  background: rgba(255,255,255, .87);
}

.fadeIn #gHeader {
	opacity: 1;
	transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1),background .3s ease;
}

.travel {
	padding: 0 !important;
}

#container {
	overflow: hidden;
}

.section__title {
	margin-bottom: 70px;
}

.section__headline {
	margin-bottom: 56px;
}

.section__note {
	margin-bottom: 30px;
	font-size: 17px;
	letter-spacing: 0;
}

.section__note span {
	display: block;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.85;
	letter-spacing: 1px;
}

.section__txt {
	color: rgb(68, 68, 68);
	font-size: 13.5px;
	line-height: 1.852;
	text-align: center;
	letter-spacing: 0.8px;
}

.section__txt span {
	margin-top: 0;
	display: block;
	font-size: 13.5px;
	line-height: 1.8;
}

.whiteBg {
    background: #fff;
}

.firstview {
    margin: 0;
	border: 5px solid #fff;
	padding: 5px 0 38.1%;
	text-align: center;
	position: relative;
	border-top: none;
}

.firstBgBox {
    position: fixed;
    z-index: -1;
    left: 5px;
    top: 5px;
    right: 5px;
}

.firstBgBox img {
    display: block;
    width: 100%;
}

.firstview h1 {
	margin-top: 7px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 53%;
	text-align: center;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    opacity: 0;
    transition: top 1.1s ease .4s, opacity 1.1s ease .4s;
}

.loaded .firstview h1 {
    top: 50%;
    opacity: 1;
}

.firstview h1 span {
	margin-top: 10px;
	display: block;
	font-size: 102px;
	color: rgb(71, 56, 42);
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
	letter-spacing: -8px;
}

.firstview h1 img {
	width: 314px;
}

.special {
	margin: 0 auto 158px;
    padding-top: 101px;
	max-width: 1100px;
	position: relative;
}

.special .section__headline {
	font-size: 44px;
}

.special .section__note span {
	letter-spacing: 4px;
}

.special .section__headline::after {
	bottom: -27px;
}

.special .starImg {
	width: 252px;
	position: absolute;
	right: -160px;
	top: -20px;
}

.special .starImg img {
	width: 100%;
}

.special .starImg01 {
	width: 232px;
	right: auto;
	left: -109px;
	top: 0px;
}

.special .photoUl li {
	margin-right: 0.2%;
	width: 33.2%;
	float: left;
}

.special .photoUl li:nth-of-type(2),
.special .photoUl li:nth-of-type(4) {
	margin-right: 0;
}

.special .photoUl li:nth-of-type(3),
.special .photoUl li:nth-of-type(4),
.special .photoUl li:nth-of-type(5) {
	margin-top: 80px;
}

.special .photoUl li img {
	width: 100%;
}

.special .specialList li {
	width: 47%;
	margin-right: 6%;
}

.special .specialList li:last-child {
	margin-right: 0;
}


.special .specialList li p {
	text-align: center;
}

.special .specialList .specialLogo {
	margin-bottom: 11px;
}

.special .specialList .specialLogo img {
 	width: auto;
 	height: 64px;
}

.special .specialList > li:nth-child(3) .specialLogo {
	margin-bottom: 28px;
	margin-top: 27px;
}
.special .specialList > li:nth-child(4) .specialLogo {
	margin-bottom: 25px;
	margin-top: 24px;
}

.special .specialList > li:nth-child(3) .specialLogo img {
	height: 20px;
}

.special .specialList > li:nth-child(4) .specialLogo img {
	height: 26px;
}

.special .specialList li .specialTxt01 {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.1px;
	margin-bottom: 15px;
}

.special .specialList li .specialTxt02 {
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: 3.2px;
	margin-bottom: 6px;
	height: 79px;
}

.special .specialList li .specialTxt03 {
	font-size: 9px;
	letter-spacing: -.2px;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 1.5;
	height: 50px;
}

.special .specialList .photoBox  li {
	width: 49.8%;
	margin-right: .4%;
}

.special .specialList .photoBox  li:last-child {
	margin-right: 0;
}

.present {
	margin-bottom: 0;
	padding-bottom: 100px;
	position: relative;
	background-color: rgba(244,243,246,.72) !important;
	transition: background 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.present .section__title {
	margin-bottom: 13px;
	position: relative;
	top: -26px;
}

.present .section__headline {
	margin-bottom: 54px;
}

.present .section__headline::after {
	bottom: -27px;
}

.present .section__txt {
	font-size: 17px;
	line-height: 2;
	letter-spacing: 2px;
}

.present .section__txt span {
	display: block;
	line-height: 1.8;
	font-size: 9px;
	margin-top: 10px;
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing: -.2px;
	color: #444444;
}

.present .whiteBox {
	padding: 58px 10px 60px;
	margin: 0 auto;
	max-width: 1100px;
	position: relative;
	background-color: rgba(255,255,255,0.72);
	box-sizing: border-box;
}

.present .photoUl {
	margin: -55px auto 0;
	max-width: 948px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.present .photoUl li {
	margin: 55px 2.56% 0;
	width: 28.2%;
	position: relative;
}

.present .photoUl .plan {
	margin-bottom: 26px;
	text-align: center;
}

.present .photoUl .plan img {
	height: 44px;
}

.present .photoUl .plan span {
	margin-top: 8px;
	display: block;
	color: #444;
	font-size: 12px;
	letter-spacing: 0;
}

.present .photoUl .photoBox {
	margin-bottom: 5px;
}

.present .photoUl .photoBox img {
	width: 100%;
}

.present .photoUl .text {
	color: #444;
	font-size: 12px;
	line-height: 1.7;
	text-align: center;
	letter-spacing: 1px;
    font-weight: bold;
}

.present .photoUl .text span {
	display: block;
	font-size: 9px;
	margin-top: 3px;
    letter-spacing: 0;
	font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
}

.present .presentTitle {
	margin-top: -22px;
	font-size: 12px;
	font-weight: 500;
	display: block;
	text-align: center;
	letter-spacing: -.4px;
	margin-bottom: 35px;
}

.present .preTitlePic {
	width: 132px;
	margin: 0 auto 9px;
	display: block;
}

.present .preTitlePic img {
	display: block;
	width: 100%;
}

.present .presentText {
	text-align: center;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.9;
}

.present .photoUl li .textImg {
	position: absolute;
	left: -68px;
	top: -34px;
	width: 201px;
	z-index: 2;
}

.present .photoUl li .textImg span {
	display: block;
	width: 0;
	overflow: hidden;
	transition: width 1.5s ease;
}

.present .photoUl li .textImg.visible span {
	width: 100%;
}

.present .photoUl li:last-child .textImg {
	width: 254px;
	left: -52px;
	top: -36px;
}

.present .photoUl li .textImg img {
	display: block;
	width: 201px;
}

.present .photoUl li:last-child .textImg img {
	width: 254px;
}

.hotel .whiteBg {
	padding: 60px 0 96px;
}

.hotel .section__title {
	padding-bottom: 62px;
	margin-bottom: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	position: absolute;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.hotel .section__headline {
	margin-bottom: 0;
}

.hotel .section__title__word {
	margin-bottom: -6px;
	font-size: 80px;
	line-height: 1.5;
	letter-spacing: -3px;
}

.hotel .section__note {
	margin-bottom: 0;
	font-size: 17px;
	line-height: 2;
	letter-spacing: 2.2px;
	font-weight: 500;
}

.hotel .section__headline::after {
	display: none;
}

.hotel .photoUl {
	padding: 0 100px;
}

.hotel .photoUl > li {
	display: table;
	width: 100%;
	line-height: 0;
}

.hotel .photoUl > li.hotelSlide01  {
	margin-left: -100px;
	margin-right: -100px;
	width: calc(100% + 200px);
	margin-bottom: 112px;
}

.hotel .photoUl > li.hotelSlide01:nth-child(3) {
	margin-bottom: 162px;
}

.hotel .photoUl > li .photoBox,
.hotel .photoUl > li .textBox {
	width: 50%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}

.hotel .photoUl > li.hotelSlide01 .photoBox {
	width: 57.8%;
}

.hotel .photoUl > li.hotelSlide01 .textBox {
	width: 42.2%;
	padding: 0 70px 0 82px;
}

.hotel .photoUl > li .photoBox {
	vertical-align: top;
}

.hotel .photoUl > li .textBox {
	padding: 0 67px 0 78px;
}

.hotel .photoUl > li .photoBox .fadeInAnim {
	transform: none;
}

.hotel .photoUl > li .photoBox img {
	width: 100%;
}

.hotel .photoUl > li .textBox .icon {
	margin-bottom: 20px;
	text-align: center;
}

.hotel .photoUl > li.hotelSlide01 .textBox .icon {
	margin-bottom: 11px;
}

.hotel .photoUl > li:nth-child(2) .textBox .icon {
	height: 83px;
}

.hotel .photoUl > li:nth-child(3) .textBox .icon,
.hotel .photoUl > li:nth-child(6) .textBox .icon {
	height: 83px;
}

.hotel .photoUl > li:nth-child(4) .textBox .icon {
	height: 30px;
}

.hotel .photoUl > li:nth-child(5) .textBox .icon {
	height: 64px;
}

.hotel .photoUl > li:nth-child(7) .textBox .icon {
	height: 35px;
}
.hotel .photoUl > li:nth-child(7) .textBox .icon.mirage {
	height: 50px;
}

.hotel .photoUl > li .textBox .icon img {
	height: 100%;
}

.hotel .photoUl > li .textBox p {
	color: rgb(51, 51, 51);
	font-size: 12px;
	line-height: 1.956;
	text-align: center;
	letter-spacing: 1.2px;
	font-weight: 500;
}

.hotel .photoUl > li .textBox .txtP {
	margin-bottom: 36px;
}

.hotel .photoUl > li.hotelSlide01 .textBox .txtP {
	margin-bottom: 16px;
}

.hotel .photoUl > li .textBox .ttl {
	margin-bottom: 46px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.95;
	text-align: center;
	letter-spacing: 3px;
	margin-left: -50px;
	margin-right: -50px;
}

.hotel .photoUl > li.hotelSlide01 .textBox .ttl {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.95;
	text-align: center;
	letter-spacing: 3px;
}

.hotel .photoUl > li .textBox .txtP2 {
	text-align: left;
	line-height: 1.8;
	font-size: 14px;
	letter-spacing: .8px;
	margin-bottom: 38px;
}

.hotel .photoUl .photoList li {
	margin: 0 12px;
	width: 20.5%;
	display: inline-block;
	/* overflow: hidden; */
	position: relative;
	cursor: pointer;
}

.hotel .photoUl .hotelSlide01 .photoList li {
	margin: 0 7px;
	width: 21.5%;
}

.hotel .photoUl .photoList li a {
	display: inline-block;
	position: relative;
	transition: .3s all;
	overflow: hidden;
}

.hotel .photoUl .photoList li a img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transition: all ease-out 0.5s;
	-webkit-transition: all ease-out 0.5s;
	-ms-transition: all ease-out 0.5s;
}

.hotel .photoUl .photoList .on img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.hotel .photoUl .photoList .on:before,
.hotel .photoUl .photoList li:hover:before {
	border: 4px solid #e0cdc8;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	content: "";
	box-sizing: border-box;
	z-index: 10;
}

.hotel .photoUl .photoList li img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.hotel .photoUl .photoList {
	text-align: center;
	font-size: 0;
}

.hotel .photoUl > li:nth-child(2n + 1) {
	position: relative;
}

.hotel .photoUl > li:nth-child(2n + 1) .textBox {
	padding: 0 66px 0 66px;
	position: absolute;
	width: 50%;
	top: 50%;
	transform: translateY(-50%);
}

.hotel .photoUl > li.hotelSlide01:nth-child(2n+1) .textBox {
	width: 42.2%;
	padding: 0 74px 0 83px;
}

.hotel .photoUl > li:nth-child(2n + 1) .photoBox {
	float: right;
}

.pallaraxBgBox {
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_hotel_01.jpg);
}

.hotel .pallarax {
	padding-bottom: 37.7%;
	position: relative;
}

.sectionHotel__textarea {
	margin: 24px auto 0;
	width: 680px;
}

.sectionHotel__logo {
	margin: 0 auto 48px;
	width: auto;
	font-size: 14px;
}

.sectionHotel__logo img {
	width: 132px;
	margin: 0 auto 18px;
	display: block;
}

.sectionHotel__textarea .sectionHotel__logo .textara__wysiwyg {
	white-space: nowrap;
	margin-bottom: 55px;
}

.textara__wysiwyg {
	line-height: 1.9;
	letter-spacing: .02em;
	text-align: justify;
}

.sectionHotel__logo p {
	letter-spacing: .1px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 32px;
}

.sectionHotel__logo .textara__wysiwyg span {
	font-size: 20px;
	text-align: center;
	display: block;
	font-weight: 600;
	letter-spacing: 2.5px;
}

.sectionHotel__textarea .textara__wysiwyg {
	margin-bottom: 70px;
	font-weight: 500;
	letter-spacing: 1.9px;
	line-height: 1.92;
}

.hotel .slideshow {
	margin: 0 auto 144px;
	width: 680px;
}

.hotel .slideshow__photo {
	margin-bottom: 28px;
	position: relative;
}

.hotel .slideshow__photo a.prev,
.hotel .slideshow__photo a.next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.hotel .slideshow__photo a.prev {
	left: -55px;
}

.hotel .slideshow__photo a.next {
	right: -55px;
}

.hotel .slideshow__photo a.next:hover {
	transform: translate(8px,-50%);
}

.hotel .slideshow__photo a.prev:hover {
	transform: translate(-8px,-50%);
}

.slideshow__arrow a {
	margin: 0 8px;
	width: 30px;
	height: 30px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	transition: opacity .3s ease, transform .3s ease;
}

.slideshow__arrow svg {
	width: 9px;
	height: 16px;
	fill: #585858;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.slideshow__arrow {
	text-align: center;
}

.slideshow__num {
	text-align: center;
	left: -34px;
	bottom: 44px;
}

.slideshow__num p.slideshow__num__page {
	width: 30px;
	height: 50px;
	opacity: 1;
	font-size: 50px;
	position: absolute;
	top: -52px;
	left: -38px;
}

.slideshow__num p {
	font-size: 19.5px;
	display: inline-block;
	opacity: .5;
}

.hotel .slideshow__num p {
	padding: 0 14px;
	width: auto;
	height: auto;
	font-size: 16px;
	top: auto;
	left: auto;
	position: relative;
}

.slideshow__num p span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1),visibility 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.slideshow__num p.slideshow__num__page span {
	opacity: 0;
	visibility: hidden;
}

.slideshow__num p span.on {
	opacity: 1;
	visibility: visible;
}

.hotel .slideshow .slider {
	padding-bottom: 72% !important;
}

.hotel .slideshow .slider .pic img {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	min-height: 100%;
}

.maps {
	padding-top: 86px;
}

.maps .wrapMapItems {
	position: relative;
}

.maps .section__title {
	position: absolute;
	left: 8%;
	top: 26.3%;
	z-index: 99;
}

.maps .section__headline {
	margin-bottom: 48px;
	font-size: 49px;
}

.maps .section__note {
	letter-spacing: 2px;
	line-height: 2;
}

.maps .section__headline::after {
	bottom: -25px;
}

.maps .wrapMapItems .mapImg img {
	width: 100%;
}

.maps img {
	width: 100%;
}

.maps .img {
	transform: none;
}

.maps .img01 {
	width: 6.2%;
	position: absolute;
	left: 29.8%;
	top: 10.6%;
}

.maps .img02 {
	width: 4.5%;
	position: absolute;
	left: 40.8%;
	top: 14.5%;
}

.maps .img03 {
	width: 5.5%;
	position: absolute;
	left: 12.5%;
	bottom: 26%;
}

.maps .img04 {
	width: 10.4%;
	position: absolute;
	right: 33.7%;
	bottom: 27.9%;
}

.maps .img05 {
	width: 8%;
	position: absolute;
	right: 15.2%;
	top: 6.3%;
}

.maps .img06 {
	width: 8.5%;
	position: absolute;
	right: 23.8%;
	top: 17.5%;
}

.maps .img07 {
	width: 6.4%;
	position: absolute;
	left: 37.9%;
	top: 49.2%;
}

.maps .mapTxt {
	width: 29px;
	min-height: 40px;
	color: #fff;
	font-size: 20px;
	position: absolute;
	text-align: center;
	background: url(/wp-content/themes/arluis/assets/images/travel/bali/img_guide_06.png) no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.maps .mapTxt a {
	padding-top: 8px;
	color: #fff;
	display: block;
	font-weight: 500;
}

.maps .mapTxt a:hover {
	opacity: 0.7;
}

.maps .mapTxt01 {
	left: 33.3%;
	top: 41.6%;
}

.maps .mapTxt02 {
	left: 34%;
	top: 17.6%;
}

.maps .mapTxt03 {
	right: 15%;
	bottom: 30.5%;
}

.maps .mapTxt04 {
	left: 29.8%;
	top: 46.2%;
}
		
.maps .mapTxt05 {
	left: 27.8%;
	top: 48.2%;
}

.maps .mapTxt06 {
	left: 80%;
	top: 66.2%;
}

.maps .mapTxt07 {
	left: 61.9%;
	top: 12.2%;
}

.maps .mapTxt08 {
	left: 14.5%;
	top: 88.5%;
}

.maps .mapTxt09 {
	right: 22.8%;
	bottom: 36%;
}


@media all and (min-width: 768px) and (max-width: 1100px) {
	.maps .mapTxt01 {
		left: 33.3%;
		top: 41.6%;
	}

	.maps .mapTxt02 {
		left: 33.3%;
		top: 18.9%;
	}

	.maps .mapTxt03 {
		right: 14.8%;
		bottom: 30.6%;
	}

	.maps .mapTxt04 {
		left: 29.8%;
		top: 46.2%;
	}
		
	.maps .mapTxt05 {
		left: 27.8%;
		top: 48.2%;
	}

	.maps .mapTxt06 {
		left: 80%;
		top: 65.2%;
	}

	.maps .mapTxt07 {
		left: 61.9%;
		top: 13.2%;
	}

	.maps .mapTxt09 {
		right: 22.8%;
		bottom: 36%;
	}
}

@media all and (min-width: 1101px) and (max-width: 1210px) {
	.maps .mapTxt01 {
		left: 33.3%;
		top: 41.7%;
	}

	.maps .mapTxt02 {
		left: 34%;
		top: 17.9%;
	}

	.maps .mapTxt03 {
		right: 17.1%;
		bottom: 30.5%;
	}

	.maps .mapTxt04 {
		left: 30.2%;
		top: 46.2%;
	}

	.maps .mapTxt05 {
		left: 28.4%;
		top: 48.2%;
	}

	.maps .mapTxt06 {
		left: 80%;
		top: 66.2%;
	}

	.maps .mapTxt07 {
		left: 62.3%;
		top: 12.8%;
	}
}

@media all and (min-width: 1400px) and (max-width: 1700px) {
	.maps .mapTxt01 {
		left: 33.5%;
		top: 43%;
	}

	.maps .mapTxt02 {
		left: 34.5%;
		top: 20.1%;
	}

	.maps .mapTxt03 {
		right: 15.7%;
		bottom: 30.6%;
	}

	.maps .mapTxt04 {
		left: 30.4%;
		top: 47.3%;
	}

	.maps .mapTxt05 {
		left: 28.7%;
		top: 49.3%;
	}

	.maps .mapTxt06 {
		left: 80%;
		top: 66.2%;
	}

	.maps .mapTxt07 {
		left: 62.5%;
		top: 14.4%;
	}
}

@media all and (min-width: 1701px) and (max-width: 2000px) {
	.maps .mapTxt01 {
		left: 33.65%;
		top: 43.5%;
	}

	.maps .mapTxt02 {
		left: 34.3%;
		top: 20.6%;
	}

	.maps .mapTxt03 {
		right: 15.5%;
		bottom: 30.4%;
	}

	.maps .mapTxt04 {
		left: 30.6%;
		top: 48%;
	}

	.maps .mapTxt05 {
		left: 28.8%;
		top: 49.8%;
	}

	.maps .mapTxt06 {
		left: 81%;
		top: 67%;
	}

	.maps .mapTxt07 {
		left: 62.7%;
		top: 14.9%;
	}
}

@media all and (min-width: 2001px) and (max-width: 2200px) {
	.maps .mapTxt01 {
		left: 33.7%;
		top: 43.7%;
	}

	.maps .mapTxt02 {
		left: 34.5%;
		top: 20.8%;
	}

	.maps .mapTxt03 {
		right: 16.1%;
		bottom: 30.3%;
	}

	.maps .mapTxt04 {
		left: 30.6%;
		top: 48%;
	}

	.maps .mapTxt05 {
		left: 29%;
		top: 49.9%;
	}

	.maps .mapTxt06 {
		left: 81%;
		top: 67.5%;
	}

	.maps .mapTxt07 {
		left: 63%;
		top: 15.5%;
	}

	.maps .mapTxt08 {
		left: 15%;
		top: 89.5%;
	}
}

@media all and (min-width: 2201px) {
	.maps .mapTxt01 {
		left: 33.7%;
		top: 43.7%;
	}

	.maps .mapTxt02 {
		left: 34.1%;
		top: 21%;
	}

	.maps .mapTxt03 {
		right: 15.9%;
		bottom: 30.5%;
	}

	.maps .mapTxt04 {
		left: 30.6%;
		top: 48%;
	}

	.maps .mapTxt05 {
		left: 29%;
		top: 49.9%;
	}

	.maps .mapTxt06 {
		left: 81.5%;
		top: 67.5%;
	}

	.maps .mapTxt07 {
		left: 63%;
		top: 15.7%;
	}

	.maps .mapTxt08 {
		left: 15%;
		top: 89.5%;
	}

	.maps .mapTxt09 {
		right: 23.4%;
		bottom: 36%;
	}
}
.maps .iconSpan {
	position: relative;
    display: inline-block;
}

.maps .iconSpan:before {
	width: 7px;
	height: 7px;
	border-radius: 8px;
	background-color: #828181;
	position: absolute;
	left: -14px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
}

.maps .txt {
	color: #333333;
	font-size: 12px;
	position: absolute;
	line-height: 1.5;
	letter-spacing: -.1px;
	display: flex;
	align-items: center;
	text-align: center;
}

.maps .txt01 {
	left: 40.8%;
	top: 23%;
}

.maps .txt02 {
	left: 25.8%;
	top: 22.3%;
}

.maps .txt02 .iconSpan::before {
	left: auto;
	right: -13px;
}

.maps .txt03 {
	top: 53.6%;
	left: 14.8%;
}

.maps .txt03 .iconSpan::before {
	left: auto;
	right: -13px;
}

.maps .txt04 {
	left: 8.6%;
	top: 83.5%;
}

.maps .txt04 .iconSpan::before {
	left: auto;
	right: -13px;
}

.maps .txt05 {
	left: 20.8%;
	top: 77.6%;
	display: block;
	transform: rotate(-56deg);
}

.maps .txt06 {
	right: 25.1%;
	top: 68.2%;
}

.maps .txt06 .iconSpan::before {
	left: auto;
	right: -13px;
}

.maps .txt07 {
	right: 9.7%;
	top: 69.4%;
}

.maps .txt08 {
	right: 35.4%;
	top: 16.2%;
}
.maps .txt08 .iconSpan::before {
	left: 10px;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	.maps .txt01 {
		left: 40.8%;
		top: 23%;
	}

	.maps .txt02 {
		left: 24.2%;
		top: 21.7%;
	}

	.maps .txt03 {
		top: 53.6%;
		left: 13.8%;
	}

	.maps .txt04 {
		left: 7.4%;
		top: 83.2%;
	}

	.maps .txt05 {
		left: 20.4%;
		top: 76.4%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 25.1%;
		top: 68.2%;
	}

	.maps .txt07 {
		right: 8.7%;
		top: 69.4%;
	}
	.maps .txt08 {
		right: 38%;
		top: 16%;
	}
}

@media all and (min-width: 1101px) and (max-width: 1210px) {
	.maps .txt01 {
		left: 40.8%;
		top: 23%;
	}

	.maps .txt02 {
		left: 25.3%;
		top: 21.8%;
	}

	.maps .txt03 {
		top: 53.6%;
		left: 14.2%;
	}

	.maps .txt04 {
		left: 8.2%;
		top: 83.4%;
	}

	.maps .txt05 {
		left: 20.4%;
		top: 77%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 24.2%;
		top: 68.2%;
	}

	.maps .txt07 {
		right: 9.6%;
		top: 69.2%;
	}
	.maps .txt08 {
		right: 37.6%;
		top: 16.2%;
	}
}

@media all and (min-width: 1400px) and (max-width: 1700px) {
	.maps .txt01 {
		left: 40.6%;
		top: 23%;
	}

	.maps .txt02 {
		left: 27.6%;
		top: 22.2%;
	}

	.maps .txt03 {
		top: 53.9%;
		left: 15.8%;
	}

	.maps .txt04 {
		left: 10%;
		top: 83.5%;
	}

	.maps .txt05 {
		left: 20.9%;
		top: 77.8%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 24.6%;
		top: 68.4%;
	}

	.maps .txt07 {
		right: 11.4%;
		top: 69.2%;
	}
	.maps .txt08 {
		right: 37.4%;
		top: 16.2%;
	}
}

@media all and (min-width: 1701px) and (max-width: 2000px) {
	.maps .txt01 {
		left: 40.6%;
		top: 23%;
	}

	.maps .txt02 {
		left: 28.8%;
		top: 22.3%;
	}

	.maps .txt03 {
		top: 54.2%;
		left: 16.7%;
	}

	.maps .txt04 {
		left: 10.7%;
		top: 83.4%;
	}

	.maps .txt05 {
		left: 21.1%;
		top: 78.2%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 24.8%;
		top: 68.4%;
	}

	.maps .txt07 {
		right: 12.2%;
		top: 69.5%;
	}
	.maps .txt08 {
		right: 37.2%;
		top: 16.5%;
	}
}

@media all and (min-width: 2001px) and (max-width: 2300px) {
	.maps .txt01 {
		left: 40.6%;
		top: 23%;
	}

	.maps .txt02 {
		left: 29.8%;
		top: 22.3%;
	}

	.maps .txt03 {
		top: 54.4%;
		left: 17.3%;
	}

	.maps .txt04 {
		left: 11.2%;
		top: 83.8%;
	}

	.maps .txt05 {
		left: 21.1%;
		top: 78.8%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 24.6%;
		top: 68.5%;
	}

	.maps .txt07 {
		right: 12.9%;
		top: 69.4%;
	}
	.maps .txt08 {
		right: 37%;
		top: 17%;
	}
}

@media all and (min-width: 2301px) {
	.maps .txt01 {
		left: 40.6%;
		top: 23.2%;
	}

	.maps .txt02 {
		left: 29.9%;
		top: 22.3%;
	}

	.maps .txt03 {
		top: 54.5%;
		left: 17.2%;
	}

	.maps .txt04 {
		left: 11.2%;
		top: 83.7%;
	}

	.maps .txt05 {
		left: 21.4%;
		top: 78.2%;
		display: block;
		transform: rotate(-56deg);
	}

	.maps .txt06 {
		right: 24.6%;
		top: 68.4%;
	}

	.maps .txt07 {
		right: 13%;
		top: 69.4%;
    }
	.maps .txt08 {
		right: 37%;
		top: 17%;
    }
}
.maps .text {
	color: #767470;
	font-size: 17px;
	position: absolute;
	line-height: 1.118;
	font-weight: 700;
	letter-spacing: 0;
}
.maps .text01 {
	top: 34.3%;
	right: 47.5%;
}

.maps .text02 {
	left: 42.8%;
	top: 46.6%;
}

.maps .text03 {
	left: 33.8%;
	top: 48.8%;
}

.maps .text04 {
	left: 21%;
	top: 67.5%;
}

.maps .text05 {
	left: 18.7%;
	top: 84.5%;
}

.maps .text06 {
	right: 25.7%;
	top: 57%;
}

.maps .text07 {
	right: 13.6%;
	top: 62.2%;
}
@media all and (min-width: 1101px) and (max-width: 1366px) {
	.maps .text01 {
		top: 34.3%;
		right: 47.5%;
	}

	.maps .text02 {
		left: 42.8%;
		top: 46.6%;
	}

	.maps .text03 {
		left: 33.8%;
		top: 48.8%;
	}

	.maps .text04 {
		left: 21%;
		top: 67.5%;
	}

	.maps .text05 {
		left: 18.7%;
		top: 84.5%;
	}

	.maps .text06 {
		right: 25.7%;
		top: 57%;
	}

	.maps .text07 {
		right: 13.6%;
		top: 62.2%;
	}
}
.maps .posRight {
	margin: -163px 73px 0 0;
	text-align: right;
}

.maps .photoUl {
	display: inline-block;
}

.maps .photoUl li {
	margin-right: 13px;
	width: 100px;
	position: relative;
	float: left;
}

.maps .photoUl .top__img img {
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.maps .photoUl li a:hover .top__img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.maps .photoUl li:last-child {
	margin-right: 0;
}

.maps .photoUl li img {
	width: 100%;
}

.maps .photoUl li .mapTxt {
	padding-top: 4px;
	width: 20px;
	min-height: 29px;
	font-size: 15px;
	left: 5px;
	top: -18px;
	z-index: 5;
	font-weight: 500;
}

.maps .photoUl li .en {
	margin-top: 9px;
	font-size: 10px;
	color: rgb(51, 51, 51);
	line-height: 1.5;
	text-align: center;
	letter-spacing: .2px;
	margin-left: -8px;
	margin-right: -8px;
}

.trip {
	padding: 122px 0 140px;
	background: #fff;
}

.travel__info {
	margin: 0 auto;
	width: 900px;
}

.travelList {
	margin-bottom: 48px;
}

.travelList__item {
	padding: 11px 10px 24px;
	width: 225px;
	text-align: center;
	float: left;
	box-sizing: border-box;
}
.travelList__item + li {
	border-left: 1px solid #ccc;
}

.travel__icon {
	margin-bottom: 7px;
}

.travel__icon img {
	width: 28px;
}

.travel__mess {
	margin-bottom: 22px;
	font-size: 12px;
	letter-spacing: 1px;
}

.travel__word {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}
.okinawa .travelList__item:nth-child(3) .travel__word {
	font-size: 20px;
}

.travel__word span {
	display: inline-block;
	font-size: 200%;
	letter-spacing: 0;
	vertical-align: -1px;
}

.travel__word.travel__word__01 {
	padding: 0px 2px;
	letter-spacing: 2px;
	font-size: 20px;
}

.travel__word.travel__word__02 span {
	padding: 0px 5px;
}

.travel__box {
	padding: 42px 40px 25px;
	margin: 0 auto;
	width: 675px;
	box-sizing: border-box;
}

a.onmouse__imgMask.hover:hover {
	opacity: 1;
}

.travel__q {
	width: 88px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	text-align: right;
	letter-spacing: 1.5px;
	line-height: 1.7;
}

.travel__a {
	margin-bottom: 20px;
	margin-left: 122px;
	font-size: 13px;
	letter-spacing: .05em;
	line-height: 1.7;
}

.trip .section__title {
	margin-bottom: 57px;
}

.trip .section__headline {
	margin-bottom: 0;
}

.trip .section__headline:after {
	display: none;
}

.trip .travel__box {
	background: #fbf9f6;
}

.weather {
	padding-bottom: 128px;
	background: #fff;
}

.weather__box .section__headline {
	margin-bottom: 48px;
}

.weather .section__title  {
	margin-bottom: 46px;
}

.weather .section__headline::after {
	display: none;
}

.weather__box {
	margin: 0 auto;
	width: 675px;
}

.weather .wd__inir {
	margin-bottom: 51px;
	font-size: 13px;
	line-height: 2.07;
}

.photo {
	margin: 0 32px 0 40px;
    padding-bottom: 68px;
}

.photo .inner {
	padding-bottom: 33.5%;
	margin-bottom: 49px;
	min-height: 411px;
	position: relative;
	box-sizing: border-box;
}

.photo .inner img {
	width: 100%;
}

.photo .img01 {
	width: 12.8%;
	position: absolute;
	left: 0;
	top: 12%;
	z-index: 1;
}

.photo .img02 {
	width: 21.4%;
	position: absolute;
	left: 10.9%;
	top: 35.5%;
}

.photo .img03 {
	width: 16.48%;
	position: absolute;
	left: 35.13%;
	top: 12%;
}

.photo .img04 {
	width: 27.6%;
	position: absolute;
	left: auto;
	top: 0;
	right: 15.15%;
	z-index: 1;
}

.photo .img05 {
	width: 17.45%;
	position: absolute;
	left: auto;
	top: auto;
	right: 1px;
	bottom: 0;
}

.popBox {
	width: 900px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0,0,0, .05);
	background-color: #fff;
}

.popBox .infoPop {
	display: table;
	width: 100%;
	height: 100%;
	font-size: 0;
	position: relative;
}

.popBox .infoPop .close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 300;
	width: 57px;
	height: 57px;
	background-color: #4B362F;
}

.popBox .infoPop .close a {
	border-radius: 50%;
	display: block;
	width: 57px;
	height: 57px;
	-webkit-transition: .2s all;
	transition: .2s all;
}
.popBox .infoPop .close a:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.popBox .infoPop .close span {
	position: absolute;
	left: 19px;
	top: 29px;
	color: #fff;
	display: block;
	height: 1px;
	width: 19px;
	background-color: #fff;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.popBox .infoPop .close .span01 {
	position: absolute;
	left: 19px;
	top: 29px;
	color: #fff;
	display: block;
	height: 1px;
	width: 19px;
	background-color: #fff;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.popBox .photoBox {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	position: relative;
}

.popBox .photoBox > div {
	width: 450px;
	height: 480px;
}

.popBox .textBox {
	padding: 70px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.popBox .textBox .icon {
	text-align: center;
	margin-top: -68px;
}

#pop-1 .textBox .icon img {
	height: 83px;
}

#pop-2 .textBox .icon img {
	height: 83px;
}

#pop-3 .textBox .icon img {
	height: 70px;
}

#pop-4 .textBox .icon img {
	height: 20px;
}

#pop-5 .textBox .icon img {
	height: 64px;
}

#pop-6 .textBox .icon img,
#pop-8 .textBox .icon img {
	height: 80px;
}

.popBox#pop-7 .textBox .icon {
	margin-bottom: 30px;
}

.popBox#pop-7 .textBox .icon img {
	width: 138px;
	display: inline-block;
}

.popBox .textBox .textP {
	font-size: 20px;
	color: #333333;
	text-align: center;
	font-weight: 600;
	letter-spacing: 4.2px;
}

.popBox .textBox .txtP {
	margin: 24px 0 38px;
	text-align: center;
	font-size: 10px;
}

.popBox .textBox .ttl {
	font-size: 14px;
	text-align: center;
	line-height: 2.5;
	letter-spacing: 2px;
}

.popBox .textBox .pageList {
	position: absolute;
	bottom: 40px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	left: 0;
}

.popBox#pop-7 .textBox .pageList {
	display: block;
}

.popBox .textBox .pageList li {
	padding: 0 18px;
	display: inline;
	font-size: 12px;
}

.popBox .textBox .pageList li a {
	font-size: 14px;
	height: 10px;
	width: 10px;
	line-height: 1;
	display: inline-block;
	padding: 10px 12px 14px 12px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.popBox .textBox .pageList li a:hover {
	background: rgba(0,0,0, .07);
}

#popMask {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: visibility .3s ease, opacity .3s ease;
}

.showPop #popMask {
  visibility: visible;
  opacity: 0.5;
  transition: visibility .6s ease, opacity .6s ease;
}

.popBox {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  /* transition: opacity ease .3s; */
  /* -webkit-transition: opacity ease .3s; */
  transition: visibility .3s linear, opacity .3s linear, margin .3s ease;
  margin-top: 50px;
}

.popBox.on {
  opacity: 1;
  visibility: visible;
}

.showPop .popBox {
  /* visibility: visible; */
  margin-top: 0;
  transition: visibility .6s ease, opacity .6s ease, margin .6s ease;
}

.popBox .disabled {
  visibility: hidden;
  opacity: 0;
}

.fadeSlide-popItem {
  opacity: 0;
  position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: opacity .3s linear;
}

.fadeSlide-popItem.on {
  opacity: 1;
}

.popBox.show {
  opacity: 1;
  visibility: visible;
}

.popBox .textBox .text {
  margin-right: 20px;
  letter-spacing: .05em;
  min-height: 125px;
  position: relative;
}

.fadeSlide-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pop-1-slider .fadeSlide-item,
.pop-2-slider .fadeSlide-item,
.pop-3-slider .fadeSlide-item,
.pop-4-slider .fadeSlide-item,
.pop-5-slider .fadeSlide-item {
	height: 480px !important;
}

.pop-1-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide01.jpg); }

.pop-1-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide02.jpg); }

.pop-1-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide03.jpg); }

.pop-2-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide04.jpg); }

.pop-2-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide05.jpg); }

.pop-2-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide06.jpg); }

.pop-3-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide07.jpg); }

.pop-3-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide08.jpg); }

.pop-3-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide09.jpg); }

.pop-4-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide10.jpg); }

.pop-4-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide11.jpg); }

.pop-4-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide12.jpg); }

.pop-5-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide13.jpg); }

.pop-5-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide14.jpg); }

.pop-5-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide15.jpg); }

.pop-6-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide16.jpg); }

.pop-6-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide17.jpg); }

.pop-6-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide18.jpg); }

.pop-7-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide19.jpg); }

.pop-7-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide20.jpg); }

.pop-7-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide21.jpg); }

.pop-8-slider-item-1 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide19.jpg); }

.pop-8-slider-item-2 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide20.jpg); }

.pop-8-slider-item-3 { background-image: url(/wp-content/themes/arluis/assets/images/travel/okinawa/img_guide_slide21.jpg); }

#hawaii .btn a:hover {
    background: #715348;
}

.bottom__link {
	padding-bottom: 75px;
	background: #fff;
}



@media all and (min-width: 768px) and (max-width: 1220px) {
	.hotel .photoUl .photoList li {
		margin: 0 7px;
	}
		
	.hotel .photoUl > li .textBox .ttl {
		margin: 0 -40px 45px;
	}
}

br.iphone5 {
	display: none;
}