.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: 62px;
}

.section__headline {
	margin-bottom: 61px;
}

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

.section__note span {
	display: block;
	font-size: 28px;
	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: 10px;
	display: block;
	font-size: 10.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;
    padding-top: 101px;
	max-width: 900px;
	position: relative;
}

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

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

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

.special .flowerImg {
	width: 217px;
	position: absolute;
	right: -123px;
	top: -44px;
}

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

.special .flowerImg01 {
	width: 125px;
	right: auto;
	left: -125px;
	top: 169px;
}

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

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

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

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

.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 .photoBox {
	vertical-align: top;
}

.hotel .photoUl > li .textBox {
	padding: 0 50px 0 100px;
}

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

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

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

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

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

.hotel .photoUl > li .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: 18.9%;
	display: inline-block;
	/*overflow: hidden;*/
	position: relative;
	cursor: pointer;
}

.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) {
	position: relative;
}

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

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

.present {
	margin-bottom: 0;
	padding-bottom: 99px;
	position: relative;
	background-color: #fff;
	transition: background 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.present.gray.show {
	background-color: #f1f9f9;
}

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

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

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

.present .section__note {
	margin-bottom: 26px;
	letter-spacing: 2px;
}

.present .photoUl {
	margin: 0 auto;
	max-width: 900px;
}

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

.present .whiteBox .textImg {
	width: 173px;
	position: absolute;
	left: 46px;
	top: -26px;
}

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

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

.present .whiteBox .textImg span img {
    display: block;
    width: 173px;
    height: 85px;
}

.present .photoUl li {
	margin-right: 5.3%;
	width: 29.8%;
	float: left;
}

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

.present .photoUl .plan {
	margin-bottom: 26px;
	width: 100%;
	display: table;
}

.present .photoUl .plan > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.present .photoUl .plan > span:first-child {
	padding-top: 2px;
	width: 50px;
}

.present .photoUl .plan > span:first-child img {
	width: 100%;
}

.present .photoUl .plan .txt {
	font-size: 12px;
	letter-spacing: -1px;
}

.present .photoUl .plan .txt span {
	margin-bottom: 11px;
	display: block;
	font-size: 15.5px;
	font-weight: 600;
	letter-spacing: -0.5px;
}

.present .photoUl .photoBox {
	margin-bottom: 7px;
}
.present .photoUl .photoBox img {
	width: 100%;
}

.present .photoUl .text {
	font-size: 17px;
	line-height: 1.1;
	letter-spacing: -1px;
}

.present .photoUl .text span {
	margin-top: 2px;
	display: block;
	color: rgba(68, 68, 68, 0.749);
	font-size: 11.5px;
	font-weight: normal;
	line-height: 1.792;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.hotel {
    margin-bottom: 0;
}

.hotel .whiteBg {
    padding: 128px 50px 0;
}

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

.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/hawaii/img_hotel_01.jpg);
}

.hotel .section__title {
	padding-bottom: 27px;
	margin-bottom: 87px;
	text-align: center;
}

.hotel .section__headline {
	margin-bottom: 3px;
}

.hotel .section__title__word {
	margin-bottom: -6px;
	font-size: 76px;
	line-height: 1.5;
}

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

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

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

.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 .textBox {
	padding: 0 50px 0 100px;
}

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

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

.hotel .photoUl li .textBox .icon {
	margin: 0 auto 10px;
	width: 236px;
}

.hotel .photoUl li:nth-child(2) .textBox {
	padding: 0 80px 14px 50px;
}

.hotel .photoUl li:nth-child(2) .textBox .icon {
	margin-bottom: 11px;
	padding-left: 29px;
	width: 207px;
}

.hotel .photoUl li:nth-child(3) .textBox {
	padding: 34px 50px 15px 100px;
}

.hotel .photoUl li:nth-child(3) .textBox .icon {
	margin-bottom: 12px;
	width: 141px;
}

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

.hotel .photoUl li .textBox .note {
	margin-bottom: 25px;
	font-size: 12.5px;
	line-height: 3.2;
	text-align: center;
	letter-spacing: 0.8px;
}

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

.maps {
	margin-bottom: 30px;
}

.maps .wrapMapItems {
	position: relative;
}

.maps .section__title {
	position: absolute;
	right: 13%;
	top: 9.35%;
	z-index: 99;
}

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

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

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

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

.maps img {
	width: 100%;
}

.maps .img {
	transform: none;
}

.maps .img01 {
	width: 4.69%;
	position: absolute;
	right: 42.15%;
	top: 39.25%;
}

.maps .img02 {
	width: 10.53%;
	position: absolute;
	right: 6.25%;
	top: 42.6%;
}

.maps .img03 {
	width: 17.69%;
	position: absolute;
	left: 5.6%;
	top: 41.08%;
}

.maps .img04 {
	width: 4.46%;
	position: absolute;
	right: 4.6%;
	top: 5.6%;
}

.maps .img05 {
	width: 4.77%;
	position: absolute;
	left: 4.48%;
	top: 3.3%;
}

.maps .img06 {
	width: 10.92%;
	position: absolute;
	right: 6.27%;
	top: 69.85%;
}

.maps .img07 {
	width: 6.3%;
	position: absolute;
	top: 11.05%;
	left: 26.1%;
	z-index: 1;
}

.maps .img08 {
	width: 6.15%;
	position: absolute;
	top: 9.45%;
	left: 29.55%;
}

.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/hawaii/img_guide_10.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 {
	right: 19.9%;
	top: 59.8%;
}

.maps .mapTxt02 {
	left: 30.112%;
	top: 20.28%;
}

.maps .mapTxt03 {
	left: 18.25%;
	top: 21.93%;
}

.maps .mapTxt04 {
	left: 19.95%;
	top: 19.9%;
}

.maps .mapTxt05 {
	right: 33.85%;
	top: 56.5%;
}

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

.maps .iconSpan:before {
	width: 7px;
	height: 7px;
	border-radius: 8px;
	background-color: #828181;
	position: absolute;
	left: 59px;
	top: 3px;
	content: "";
}

.maps .txt {
	color: #767470;
	font-size: 12px;
	position: absolute;
	line-height: 1.231;
	letter-spacing: -0.1px;
}

.maps .txt01 {
	width: 132px;
	left: 38.1%;
	top: 6.5%;
	transform: rotate(21.5deg);
}

.maps .txt02 {
	width: 78px;
	left: 13.2%;
	top: 14.7%;
	transform: rotate(53deg);
}

.maps .txt03 {
	width: 104px;
	left: 47.3%;
	top: 15.14%;
	transform: rotate(21.5deg);
}

.maps .txt04 {
	width: 100px;
	left: 50.8%;
	top: 28.4%;
	transform: rotate(69.8deg);
}

.maps .txt05 {
	width: 105px;
	right: 13.2%;
	top: 31.2%;
	transform: rotate(-50.5deg);
}

.maps .txt06 {
	width: 113px;
	right: 14.65%;
	top: 39.25%;
	transform: rotate(0.5deg);
}

.maps .txt07 {
	right: 24.7%;
	top: 71.75%;
	transform: rotate(25deg);
}

.maps .txt08 {
	top: 21.5%;
	left: 35.7%;
}

.maps .txt09 {
	left: 30.8%;
	top: 32.4%;
}

.maps .txt09 .iconSpan::before {
	left: -16px;
	top: 12px;
}

.maps .txt10 {
	left: 27%;
	top: 40.8%;
}

.maps .txt10 .iconSpan::before {
	left: auto;
	top: 4px;
	right: -19px;
}

.maps .txt11 {
	top: 54.1%;
	left: 38%;
}

.maps .txt11 .iconSpan::before {
	left: auto;
	top: 4px;
	right: -17px;
}

.maps .txt12 {
	top: 57.75%;
	left: 51.8%;
	width: 76px;
	text-align: right;
}

.maps .txt12 .iconSpan::before {
	left: auto;
	top: 10px;
	right: -18px;
}

.maps .txt13 {
	right: 30.5%;
	top: 65.3%;
}

.maps .txt14 {
	right: 23.3%;
	top: 67.2%;
	width: 3.9%;
	text-align: center;
}

.maps .txt14 .iconSpan02:before {
	bottom: 112%;
	opacity: 0.42;
}

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

.maps .iconSpan02:before {
	width: 19px;
	height: 27px;
	position: absolute;
	left: 16px;
	bottom: 109%;
	background: url(/wp-content/themes/arluis/assets/images/travel/hawaii/icon_maps.png) no-repeat left top;
	background-size: 100% 100%;
	content: '';
	opacity: 0.45;
}

.maps .text {
	color: #767470;
	font-size: 17px;
	position: absolute;
	line-height: 1.118;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.maps .text01 {
	left: 8.5%;
	top: 19.6%;
}

.maps .text02 {
	left: 36.4%;
	top: 29.8%;
}

.maps .text03 {
	left: 62%;
	top: 28.1%;
	width: 7%;
	text-align: center;
	letter-spacing: 0;
}

.maps .text04 {
	left: 62.9%;
	top: 52.8%;
	letter-spacing: 0;
}

.maps .text01 {
}

.maps .photoUl {
	margin: -34% 0 0 50px;
}

.maps .photoUl li {
	margin-right: 13px;
	width: 110px;
	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;
}

.maps .photoUl li .en {
	margin-top: 9px;
	font-size: 11.5px;
	color: rgb(51, 51, 51);
	line-height: 1.304;
	text-align: center;
}

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

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

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

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

.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 span {
	padding: 0px 2px;
	letter-spacing: 5px;
}

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

.travel__box {
	padding: 42px 40px 25px;
	margin: 0 auto;
	width: 675px;
	box-sizing: border-box;
	background-color: #F4FAFA !important;
}


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;
}

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

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

.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: 100px;
}

.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%;
}

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

.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%;
}

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

.mask {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s ease, opacity .3s ease;
}

.popBox {
	position: fixed;
    z-index: 1001;
	left: 50%;
	top: 50%;
    width: 900px;
    height: 480px;
	transform: translate(-50%, -50%);
    margin-top: 50px;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s ease, opacity .3s ease, margin .3s ease;
}

.showPop .mask {
    visibility: visible;
    opacity: 1;
    transition: visibility .6s ease, opacity .6s ease;
}

#hawaii .btn a:hover {
	opacity: 1 !important;
	background: #715348;
}

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

.popBox:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

.popBox .close {
	position: absolute;
	right: -47px;
	top: -5px;
	z-index: 300;
	width: 28px;
	height: 28px;
}

.popBox .close a {
	border-radius: 50%;
	display: block;
	width: 28px;
	height: 28px;
	-webkit-transition: .2s all;
	transition: .2s all;
}

.popBox .close a:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background: rgba(0, 0, 0, .07);
}

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

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

.popBox .pop {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    opacity: 0;
    visibility: hidden;
	line-height: 0;
	border-collapse: collapse;
    transition: visibility .3s linear, opacity .3s linear;
}

.showPop .popBox .pop {
    transition: visibility .3s linear, opacity .3s linear;
}

.popBox .photoBox img {
	width: 100%;
	height: 100%;
}

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

.popBox .photoBox {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	text-align: left;
	border-collapse: collapse;
}

.popBox .textBox {
	padding: 0 45px 2px 61px;
	color: rgb(51, 51, 51);
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	position: relative;
	font-size: 12.5px;
	line-height: 2;
	box-sizing: border-box;
}

.popBox .textBox .ttl {
	margin-bottom: 40px;
	font-size: 12px;
	color: #333;
}

.popBox .textBox .ttl span {
	margin-bottom: 12px;
	display: block;
	font-size: 36px;
	line-height: 1.1;
}

.popBox .pageList {
    position: absolute;
    bottom: -52px;
	text-align: center;
	width: 100%;
    height: 34px;
	color: #999;
	box-sizing: border-box;
}

.popBox .pageList li {
	padding: 0 14px;
	display: inline;
	font-size: 12px;
    visibility: visible;
    opacity: 1;
    transition: visibility .3s ease, opacity .3s ease;
}

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

.popBox .pageList li a {
	padding: 8px 5px 5px;
	font-size: 14px;
	height: 34px;
	width: 34px;
	color: #fff;
	line-height: 1;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.popBox .pageList li a svg {
	fill:#fff;
	width: 9px;
	height: 15px;
}

.popBox .pageList li a:hover {
	background: rgba(0, 0, 0, .5);
}

.popBox .pageList li span {
	margin: 0 7px;
	color: #fff;
}

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

/* .areaList li.areaList__item:first-child {
	opacity: .5;
} */

@media all and (-ms-high-contrast:none){
	.popBox .pageList li a {
		padding: 8px 5px 5px 3px;
	}
	
	.popBox .pageList li a.pop-1-slider-next {
		padding: 8px 3px 5px 5px;
	}
}


@media all and (min-width: 768px) and (max-width: 980px) {
	.maps .txt01 {
		top: 7.2%;
	}

	.maps .txt04 {
		left: 49.8%;
	}

	.maps .txt02 {
		top: 15.9%;
	}

	.maps .txt05 {
		top: 32.8%;
	}

	.maps .txt06 {
		right: 11.65%;
	}

	.maps .photoUl {
		margin: -26% 0 0 50px;
	}
}

@media all and (min-width: 1090px) and (max-width: 1101px) {
	.maps .txt01 {
		top: 6.9%;
	}

	.maps .txt02 {
		top: 15.3%;
	}

	.maps .txt03 {
		top: 15.5%;
	}

	.maps .txt04 {
		left: 50.2%;
	}

	.maps .txt05 {
		top: 32%;
	}
}


@media all and (min-width: 1500px) {
	.maps .txt01 {
		top: 6.6%;
	}

	.maps .txt02 {
		top: 14.5%;
	}

	.maps .txt03 {
		top: 15.3%;
	}

	.maps .txt04 {
		left: 50.9%;
		top: 27.7%;
	}

	.maps .txt05 {
		top: 30.8%;
	}

	.maps .txt06 {
		top: 39.5%;
	}
}

@media all and (min-width: 1600px) {
	.maps .txt01 {
		top: 6.4%;
	}

	.maps .txt02 {
		top: 14.3%;
	}

	.maps .txt03 {
		top: 15.1%;
	}

	.maps .txt04 {
		left: 51.2%;
	}

	.maps .txt05 {
		top: 30.6%;
	}

	.maps .txt06 {
		top: 39.5%;
	}
}

@media all and (min-width: 1700px) {
	.maps .txt02 {
		top: 14.1%;
	}

	.maps .txt05 {
		top: 30.4%;
	}
}

@media all and (min-width: 1850px) {
	.maps .txt01 {
		top: 6.3%;
	}

	.maps .txt02 {
		top: 13.8%;
	}

	.maps .txt04 {
		left: 51.5%;
	}

	.maps .txt05 {
		top: 30.9%;
		right: 13.8%;
	}

	.maps .txt06 {
		top: 39.6%;
	}
}