@charset "utf-8";

/*
font-family:"リュウミン R-KL", serif;
font-family:"リュウミン B-KL", serif;
*/

#wrapper #main h3 {
	width: auto;
	height: auto;
	font-size: 32px;
	padding-left: 0;
	line-height: 1.4;
	text-shadow: none;
	color:#000000;
}

#wrapper #main h3 span{
	font-weight: normal;
}

#main{
	font-size:14px;
	color:#000000
}
/*
.pagetop {
	position: fixed !important;
	right: 30px!important;
	bottom: 30px!important;
	z-index:1000!important;
	height: 6rem;
	width: 6rem;
	display: block !important;
}
*/

.pagetop {
    width: 70px!important;
    height: 70px!important;
    position: fixed!important;
    bottom: 20px!important;
    right: 20px!important;
    z-index: 1000!important;
    display: block !important;
}
.pagetop a {
    width: 70px;
    height: 70px;
    background-color: #ffb5b5;
    border-radius: 35px;
    position: relative;
    display: block;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.pagetop a:hover {
    background-color: #66ccc6;
}
.pagetop a::after {
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    border-radius: 2px;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -11px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#main a,
#main a:after{
	transition: all 400ms 0s ease;
	text-decoration:none;
}

#main { margin:0px auto 10px; }
#main .sp { display:none!important; }

.main--inner{
	width:1100px;
	padding:80px 0 50px;
	margin:0 auto;
	background:#ffffff;
}
.main--inner--full__section05{
	background-color: #fbf0cc;
	background-size: cover;
	background-attachment: fixed;
	padding:20px 0 50px;
}
.main--inner--full__section06{
	background:url("../images/bg_contact.png") right bottom;
	background-size: cover;
}

#wrapper #main .sec__title{
	margin:0 0 27px;
	background:#5fbae6;
	position:relative;
}
#wrapper #main .sec__title span{
	display:block;
	padding:14px 0;
	margin:0 auto;
	text-align:center;
	font-size:28px;
	color:#ffffff;
}

#wrapper #main .sec__title small{
	font-size:26px;
}

#wrapper #main .sec__title:after{
	content:"";
	display:block;
	width:167px;
	height:86px;
	background:url("../images/h2_stamp.png") center center;
	background-size:auto 100%;
	position:absolute;
	left:2px;
	bottom:14px;
}

/* メインビジュアル */
#wrapper #main .section01{
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
	background:#3ab5c0;
}

#wrapper #main .mv{
	position:relative;
	padding:85px 0 0;
}

#wrapper #main .mv__bg{
	width:70%;
	height:600px;
	position: absolute;
	top: 0;
	right: 0;
	background:#ffffff;
}

#wrapper #main .mv__bg .mv__bg__item {
	width:100%;
	height:600px;
	background:url("../images/mv1.png") no-repeat center center;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#wrapper #main .mv__bg .mv__bg__item:not(:first-child) {
	display: none;
}
#wrapper #main .mv__bg .mv__bg__item--1 {
	background-image:url("../images/mv1.png");
}
#wrapper #main .mv__bg .mv__bg__item--2 {
	background-image:url("../images/mv2.png");
}
#wrapper #main .mv__bg .mv__bg__item--3 {
	background-image:url("../images/mv3.png");
}

#wrapper #main .mv .mv__catch{
	font-size:20px;
	color:#ffffff;
	padding:0 0 10px;
	line-height:1.5em;
}

#wrapper #main .mv h2{
	margin:0 auto;
	font-size:50px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.1em;
	position:relative;
}
/*
#wrapper #main .mv h2:before{
	content:"";
	display:block;
	width:307px;
	height:170px;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/mv_bg.png") no-repeat center center;
}
*/

#wrapper #main .mv h2 span{
	color:#fffc00;
	font-size:80px;
	font-weight:bold;
}

#wrapper #main .mv h2 span span{
	font-size:50px;
}

#wrapper #main .mv .inner{
	width:1100px;
	margin:0 auto;
	background:url("../images/mv_bg.png") no-repeat 330px 20px;
}

#wrapper #main .mv__desc{
}

#wrapper #main .mv .inner .mv__text{
	margin:10px 0 20px;
	padding:10px 0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:1.8em;
	width:510px;
	text-shadow:
		#3ab5c0 2px 0px,  #3ab5c0 -2px 0px,
		#3ab5c0 0px -2px, #3ab5c0 0px 2px,
		#3ab5c0 2px 2px , #3ab5c0 -2px 2px,
		#3ab5c0 2px -2px, #3ab5c0 -2px -2px,
		#3ab5c0 1px 2px,  #3ab5c0 -1px 2px,
		#3ab5c0 1px -2px, #3ab5c0 -1px -2px,
		#3ab5c0 2px 1px,  #3ab5c0 -2px 1px,
		#3ab5c0 2px -1px, #3ab5c0 -2px -1px;
}
#wrapper #main .mv .inner .mv__link{
	width:510px;
}
#wrapper #main .mv .inner .mv__link a{
	display:block;
	text-align:center;
	background:#006aad;
	color:#ffffff;
	font-size:24px;
	border-bottom:2px solid #0a0a6c;
	border-radius:100px;
	padding:15px 0 12px;
	line-height:1.2;
	position:relative;
	margin-bottom: 10px;
}
#wrapper #main .mv .inner .mv__link.sub_btn a{
	background:#fff; color:#006aad; font-size:1rem; margin-bottom: 0; padding: 12px 0 8px; border-bottom: 0;
}
#wrapper #main .mv .inner .mv__link a:after{
	content:"";
	display:block;
	width:9px;
	height:6px;
	position:absolute;
	top:50%;
	right:17px;
	margin-top:-3px;
	background:url("../images/icon_arrow_w_down.png") no-repeat center center;
}
#wrapper #main .mv .inner .mv__link a:hover{
	background:#0c7fc8;
}
#wrapper #main .mv .inner .mv__link.sub_btn a:hover{
	color: #fff;
}
#wrapper #main .mv .inner .mv__link a:hover:after{
	top:60%;
}

/* ツアーはこちら */
#wrapper #main .tour__link__port{
	overflow:hidden;
	width:1040px;
	margin:0 auto;
}

#wrapper #main .tour__link__port ul{
	text-align:center;
}

#wrapper #main .tour__link__port li{
	width:156px;
	padding:0 16px 0 0;
	/* float:left; */
	display:inline-block;
}
#wrapper #main .tour__link__port li:last-child{
	padding:0;
}

#wrapper #main .tour__link__port li a{
	display:block;
	color:#ffffff;
	text-align:center;
	font-size:20px;
	background:#fb67c0;
	border-bottom:2px solid #cb16c9;
	border-radius:100px;
	padding:20px 0 17px;
	position:relative;
}
#wrapper #main .tour__link__port li a:after{
	content:"";
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-4.5px;
	background:url("../images/icon_arrow_w.png") no-repeat center center;
}
#wrapper #main .tour__link__port li a:hover{
	background:#0c7fc8;
}
#wrapper #main .tour__link__port li a:hover:after{
	right:10px;
}

/* 人気の旅行 */
#wrapper #main .section07{
	padding:0 0 100px;
}

#wrapper #main .section07 .travel__wrapper{
	overflow:hidden;
}

#wrapper #main .section07 .travel__item{
	width:260px;
	float:left;
	padding:0 20px 0 0;
}

#wrapper #main .section07 .travel__item:last-child{
	padding:0;
}

#wrapper #main .section07 .travel__item .travel__image{
	padding:0 0 12px;
}
#wrapper #main .section07 .travel__item .travel__image img{
	width:260px;
}
#wrapper #main .section07 .travel__item .travel__name{
	padding:0 0 3px;
}
#wrapper #main .section07 .travel__item .travel__name span{
	font-size:18px;
	color:#14aaba;
}
#wrapper #main .section07 .travel__item .travel__desc{
	line-height:1.5;
	padding:0 0 10px;
}
#wrapper #main .section07 .travel__item .travel__price{
	font-size:20px;
	color:#f39700;
	padding:12px 0;
	margin:0 0 10px;
}
#wrapper #main .section07 .travel__item .travel__price span{
	font-weight:bold;
}
#wrapper #main .section07 .travel__item .travel__link a{
	display:block;
	color:#006aad;
	text-align:center;
	font-size:16px;
	background:#ffffff;
	border:1px solid #006aad;
	border-bottom:3px solid #006aad;
	border-radius:100px;
	padding:10px 0 8px;
	position:relative;
}
#wrapper #main .section07 .travel__item .travel__link a:after{
	content:"";
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-4.5px;
	background:url("../images/icon_arrow_r.png") no-repeat center center;
}

#wrapper #main .section07 .travel__item .travel__link a:hover{
	color:#ffffff;
	background:#006aad;
}

#wrapper #main .section07 .travel__item .travel__link a:hover:after{
	right:10px;
	background:url("../images/icon_arrow_w.png") no-repeat center center;
}



/* 観光都市ランキング */
#wrapper #main .section04{
	padding:0 0 40px;
}
#wrapper #main .section04 .ranking{
	overflow:hidden;
}

#wrapper #main .section04 .ranking__item{
	width:20%;
	padding:0 0 40px 0;
	float:left;
}
#wrapper #main .section04 .ranking__item.rank--2,
#wrapper #main .section04 .ranking__item.rank--10{
	padding-right:0;
}
#wrapper #main .section04 .ranking__item.rank--7,
#wrapper #main .section04 .ranking__item.rank--8,
#wrapper #main .section04 .ranking__item.rank--1,
#wrapper #main .section04 .ranking__item.rank--3,
#wrapper #main .section04 .ranking__item.rank--10{
	padding-bottom:0;
}

#wrapper #main .section04 .ranking__item a{
	display:block;
	background:url("../images/arrow_down.png") no-repeat center bottom;
	padding:0 10px;
}
#wrapper #main .section04 .ranking__item a:hover{
	background:#fdf4e3 url("../images/arrow_down.png") no-repeat center bottom;
}

#wrapper #main .section04 .ranking__item .rank__name{
	color:#14aaba;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	padding:10px 0;
}

#wrapper #main .section04 .ranking__item .rank__name span{
	font-size:14px;
	font-weight:bold;
}

#wrapper #main .section04 .ranking__item .rank__desc{
	padding:0 0 30px;
	line-height:1.3;
}

#wrapper #main .section04 .ranking__border{
	clear:both;
	border-top:1px dotted #c3c3c3;
}

/* ホテル一覧 */
#wrapper #main .section05{
	width:1100px;
	margin:0 auto;
}
#wrapper #main .section05 .hotel__wrapper{
	width:1040px;
	padding:0 0 40px;
	margin:0 auto;
}

#wrapper #main .section05 .hotel{
	border-top:10px solid #ff87bf;
	background:#ffffff;
	padding:15px 20px 18px;
	position:relative;
}

#wrapper #main .section05 .hotel .hotel__country{
	padding: 0;
	font-size:45px;
	float:left;
	width:90px;
	background: linear-gradient(rgb(251, 93, 156), rgb(136, 5, 57));
	color:#ffffff;
	text-align:center;
}
#wrapper #main .section05 .hotel h3{
	padding: 10px 0 20px 175px;
}
#wrapper #main .section05 .hotel h3 .ja{
	font-size:34px;
	padding:0 10px 0 0;
}
#wrapper #main .section05 .hotel h3 .en{
	font-size:20px;
	color:#5fbae6;
}
#wrapper #main .section05 .hotel .ranking {
  font-size:50px;
  font-weight:bold;
}
#wrapper #main .section05 .hotel .hotel__rank{
	width:70px;
	height:47px;
	position:absolute;
	top:25px;
	left:120px;
}
#wrapper #main .section05 .hotel .hotel__rank img {
   box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}


#wrapper #main .section05 .hotel .hotel__link{
	width:300px;
	position:absolute;
	top:40px;
	right:30px;
	text-align:right;
}

#wrapper #main .section05 .hotel .hotel__link a{
	display:inline-block;
	color:#006aad;
	text-align:center;
	background:#ffffff;
	border:1px solid #006aad;
	border-bottom:3px solid #006aad;
	border-radius:100px;
	padding:5px 35px 3px 20px;
	position:relative;
	margin:0 0 0 auto;
}
#wrapper #main .section05 .hotel .hotel__link a:after{
	content:"";
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-4.5px;
	background:url("../images/icon_arrow_r.png") no-repeat center center;
}

#wrapper #main .section05 .hotel .hotel__link a:hover{
	background:#006aad;
	color:#ffffff;
}
#wrapper #main .section05 .hotel .hotel__link a:hover:after{
	right:10px;
	background:url("../images/icon_arrow_w.png") no-repeat center center;
}


#wrapper #main .section05 .hotel .hotel__body{
	padding:0 0 16px;
}
#wrapper #main .section05 .hotel .hotel__image{
	width:580px;
	margin:0 0 0 -20px;
	float:left;
}
#wrapper #main .section05 .hotel .hotel__info{
	width:580px;
	margin:0 0 0 -20px;
	float:left;
}

#wrapper #main .section05 .hotel .hotel__category{
	padding:0 0 10px 10px;
	overflow:hidden;
}
#wrapper #main .section05 .hotel .hotel__category li{
	width:180px;
	float:left;
	margin:0 0 10px 10px;
	background:#4fc6cd;
	border-radius:5px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	padding:12px 0 8px;
}

#wrapper #main .section05 .hotel .hotel__meta{
	padding:0 0 10px 10px;
	overflow:hidden;
}
#wrapper #main .section05 .hotel .hotel__meta--1,
#wrapper #main .section05 .hotel .hotel__meta--2,
#wrapper #main .section05 .hotel .hotel__meta--3{
	width:178px;
	float:left;
	margin:0 0 0 10px;
	background:#ffffff;
	border:1px solid #14aaba;
	background:#fffce9;
	text-align:center;
	padding:10px 0 8px;
}
#wrapper #main .section05 .hotel .hotel__meta .hotel__meta__ttl{
	color:#14aaba;
	font-weight:bold;
}

#wrapper #main .section05 .hotel .hotel__detail{
	width:420px;
	float:right;
}

#wrapper #main .section05 .hotel .hotel__detail__title{
	font-size:16px;
	color:#ffffff;
	background:#ff87bf;
	padding:0 12px;
	height:45px;
	line-height:1.2;
	margin:0 0 10px;
	position:relative;
}

#wrapper #main .section05 .hotel .hotel__detail__title span{
	font-weight:bold;
	display:block;
	position:absolute;
	top:50%;
	left:12px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#wrapper #main .section05 .hotel .hotel__detail__text{
	line-height:1.5;
	height:226px;
}

#wrapper #main .section05 .hotel .hotel__osusume{
	clear:both;
	padding:24px 0 40px;
	overflow:hidden;
}

#wrapper #main .section05 .hotel .hotel__osusume--l,
#wrapper #main .section05 .hotel .hotel__osusume--r{
	width:488px;
	height: 190px;
	/*height: 192px;*/
	float:left;
	background:#f3f3f3;
}
#wrapper #main .section05 .hotel .hotel__osusume--r{
	float:right;
}

#wrapper #main .section05 .hotel .hotel__osusume__title{
	background:#ff87bf;
	color:#ffffff;
	padding:10px 0 6px;
	text-align:center;
	font-weight:bold;
}

#wrapper #main .section05 .hotel .hotel__osusume__box{
	padding:10px;
}

#wrapper #main .section05 .hotel .hotel__osusume__desc{
	padding: 0 0 10px;
	height:57px;
	line-height:1.4;
}
#wrapper #main .section05 .hotel .hotel__osusume--r .hotel__osusume__desc{
	height: 70px;
	/*height: 90px;*/
}
#wrapper #main .section05 .hotel .hotel__osusume__opt{
	padding: 0 0 4px;
}
#wrapper #main .section05 .hotel .hotel__osusume__opt span{
	color:#ffffff;
	background:#f39700;
	display:inline-block;
	padding:4px 14px 2px;
	font-size:90%;
}
#wrapper #main .section05 .hotel .hotel__osusume__opt__link a{
	color:#f39700;
	text-decoration:underline;
	line-height:1.4;
}
#wrapper #main .section05 .hotel .hotel__osusume__opt__link a:hover{
	text-decoration:none;
}

#wrapper #main .section05 .hotel .hotel__osusume__price{
	overflow:hidden;
}
#wrapper #main .section05 .hotel .hotel__osusume__price__p{
	width:50%;
	float:left;
	color:#f39700;
	font-size:24px;
	line-height:1.1;
	padding: 4px 0 0;
}
#wrapper #main .section05 .hotel .hotel__osusume__price__p span{
	font-weight:bold;
}
#wrapper #main .section05 .hotel .hotel__osusume__price__r{
	width:50%;
	float:right;
}

#wrapper #main .section05 .hotel .hotel__osusume__price__r a{
	display:block;
	color:#006aad;
	text-align:center;
	background:#ffffff;
	border:1px solid #006aad;
	border-bottom:3px solid #006aad;
	border-radius:100px;
	padding:5px 0 3px;
	position:relative;
	width:230px;
	margin:0 0 0 auto;
}
#wrapper #main .section05 .hotel .hotel__osusume__price__r a:after{
	content:"";
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-4.5px;
	background:url("../images/icon_arrow_r.png") no-repeat center center;
}

#wrapper #main .section05 .hotel .hotel__osusume__price__r a:hover{
	background:#006aad;
	color:#ffffff;
}
#wrapper #main .section05 .hotel .hotel__osusume__price__r a:hover:after{
	right:10px;
	background:url("../images/icon_arrow_w.png") no-repeat center center;
}

#wrapper #main .section05 .hotel .hotel__tour{
	clear:both;
}

#wrapper #main .section05 .hotel .hotel__tour--ttl{
	text-align:center;
	position:relative;
	margin:0 0 20px;
}
#wrapper #main .section05 .hotel .hotel__tour--ttl span{
	display:inline-block;
	padding:0 36px;
	color:#5fbae6;
	font-weight:bold;
	font-size:26px;
	position:relative;
	z-index:100;
}

#wrapper #main .section05 .hotel .tour__link__port{
	width:auto;
}
#wrapper #main .section05 .hotel .tour__link__port li{
	padding:0 8px 0 0;
}
#wrapper #main .section05 .hotel .tour__link__port li:last-child{
	padding:0;
}

#wrapper #main .section05 .hotel .slide_container{
padding: 0px 0px 14px;
width: 100%;
height: 100%;
overflow: hidden;
}

#wrapper #main .section05 .hotel .slide_all{
width: 580px;
margin: 0 auto;
height: 360px;
position: relative;
}

#wrapper #main .section05 .hotel .slide_wrap{
width: 1968px;
position: absolute;
left: 50%;
margin-left: -758px;
}

#wrapper #main .section05 .hotel .slide_body{
width: 100%;
}

#wrapper #main .section05 .hotel .slide{
width: 580px;
}

#wrapper #main .section05 .hotel .slide img {
width: 100%;
vertical-align: bottom;
}

#wrapper #main .section05 .hotel .bx-controls-direction {
text-align: center;
height: 25px;
}

#wrapper #main .section05 .hotel .bx-controls-direction a{
text-decoration: none;
color: #000;
padding:0 5px;
}

#wrapper #main .section05 .hotel .bx-controls {
position: absolute;
bottom: 50%;
z-index: 100;
width: 100%;
}

#wrapper #main .section05 .hotel .bx-controls .bx-prev{
padding: 0;
width: 63px;
height: 63px;
background: url(../images/icon_slide_back.png) no-repeat 0 0;
position: absolute;
left: 470px;
text-indent: 100%;
}
.bx-controls-direction{
font-size: 0px !important;
}

#wrapper #main .section05 .hotel .bx-controls .bx-next{
padding: 0;
width: 63px;
height: 63px;
background: url(../images/icon_slide_next.png) no-repeat 0 0;
position: absolute;
right: 922px;
text-indent: 100%;
}

/* お問い合わせ */
#wrapper #main .section06{
	width:1100px;
	margin:0 auto;
}

#wrapper #main .section06 .qa__contact{
	margin:0 auto;
	overflow:hidden;
	padding:20px;
	margin:0 0 60px;
}
#wrapper #main .section06 .qa__contact--inner{
	padding:50px;
}

#wrapper #main .section06 .qa__contact h3{
	text-align:center;
	font-size:28px;
	color:#ffffff;
	padding:0 0 10px;
}

#wrapper #main .section06 .qa__contact p{
	color:#ffffff;
	text-align:center;
	line-height:1.7;
	font-size:20px;
}

#wrapper #main .section06 .qa__contact__mail{
	overflow:hidden;
	padding:40px 0 0;
}
#wrapper #main .section06 .qa__contact__mail--l{
	width:430px;
	float:left;
}
#wrapper #main .section06 .qa__contact__mail--r{
	width:430px;
	float:right;
}

#wrapper #main .section06 .qa__contact__mail a{
	/* display:block;
	color:#E90101;
	text-align:center;
	font-size:18px;
	background:#FBB7B7;
	border-radius:100px;
	border-bottom:3px solid #FB7272;
	padding:10px 0 8px;
	line-height:1.5;
	position:relative; */
	color: #444;
}
#wrapper #main .section06 .qa__contact__mail .qa__contact__mail--r a{
	background:#ffefab;
	border-bottom:3px solid #edd260;
}

#wrapper #main .section06 .qa__contact__mail a:after{
	content:"";
	display:block;
	width:6px;
	height:9px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-4.5px;
	background:url("../images/icon_arrow_w.png") no-repeat center center;
}

/* #wrapper #main .section06 .qa__contact__mail a:hover{
	background:#FB7272;
}
#wrapper #main .section06 .qa__contact__mail .qa__contact__mail--r a:hover{
	background:#ffc145;
} */
#wrapper #main .section06 .qa__contact__mail a:hover:after{
	right:10px;
}

/* 海外のリゾート */
#wrapper #main .section08 .resort_area{
}
#wrapper #main .section08 .resort_area h4{
	font-size:28px;
	color:#006aad;
	text-align:center;
	padding:0 0 30px;
	position:relative;
	line-height:1;
}

#wrapper #main .section08 .resort_area h4:after{
	content:"";
	display:block;
	width:1100px;
	height:2px;
	position:absolute;
	bottom:15px;
	left:0%;
	margin:0 0 0 0;
	background:#cadeec;
}

#wrapper #main .section08 .resort__list{
	overflow:hidden;
	padding:0 0 30px;
}

#wrapper #main .section08 .resort__item{
	width:204px;
	float:left;
	position:relative;
	margin:0 20px 20px 0;
}
#wrapper #main .section08 .resort__item img{
	width:204px;
}
#wrapper #main .section08 .resort__item:nth-child(5n){
	margin-right:0;
}

#wrapper #main .section08 .resort__item a:hover,
#wrapper #main .section08 .resort__item a:hover img{
	opacity:1;
}
#wrapper #main .section08 .resort__item span{
	display:block;
	background:rgba(0, 0, 0, 0.4) url("../images/under.png") no-repeat right bottom;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition: all 400ms 0s ease;
}
#wrapper #main .section08 .resort__item a:hover span{
	background-color:rgba(0, 0, 0, 0.2);
}

#wrapper #main .section08 .resort__item p{
	font-size:16px;
	line-height:1.5;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align:center;
	color:#ffffff;
}
/*　下部固定バナー　*/
/* #main .footer__infomation{
	width:100%;
	height:168px;
	overflow:hidden;
	background:url("../images/ad_footer.png") center center no-repeat;
	position:fixed;
	bottom:0;
	z-index:900;
	display:none;
} */
#main .infomation_natsutabi{
	/*width:100%;
	height:168px;
	overflow:hidden;*/
	background:url("../images/ad_footer_natsutabi.png") center center no-repeat!important;
	/*position:fixed;
	bottom:0;
	z-index:900;
	display:none;*/
}

/* #main .footer__infomation--inner{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
} */

/* #main .footer__infomation .footer__infomation__text{
	font-size:16px;
	text-shadow:
		#ffffff 2px 0px,  #ffffff -2px 0px,
		#ffffff 0px -2px, #ffffff 0px 2px,
		#ffffff 2px 2px , #ffffff -2px 2px,
		#ffffff 2px -2px, #ffffff -2px -2px,
		#ffffff 1px 2px,  #ffffff -1px 2px,
		#ffffff 1px -2px, #ffffff -1px -2px,
		#ffffff 2px 1px,  #ffffff -2px 1px,
		#ffffff 2px -1px, #ffffff -2px -1px;
	padding:72px 0 5px 20px;
	line-height:1.8em;
	width:1100px;
	float:left;
} */

/* #main .footer__infomation .footer__infomation__text span{
	font-size:28px;
	font-weight:bold;
} */
#main .footer__infomation .footer__infomation__text span.pink{
	color:#f28d8b;
}
#main .footer__infomation .footer__infomation__text span.magenta{
	color:#ff379a;
}
#main .footer__infomation .footer__infomation__text span.gold{
	color:#907e4c;
	padding: 0 10px 0 0;
}
#main .footer__infomation .footer__infomation__text span.small{
    font-size: 13px;
    display: block;
    line-height: 1.6;
    font-weight: normal;
    width: 945px;
    padding: 12px 0 0 0px;
}

/* #main .footer__infomation .footer__infomation__link{
	width: 320px;
    display: block;
    padding: 0 0 0;
    margin: 113px 0 0 570px;
    position: absolute;
} */
#main .footer__infomation .link_natsutabi{
	margin: 113px 0 0 380px!important;
}
/* #main .footer__infomation .footer__infomation__link a{
	display: block;
    border: 2px solid #907e4c;
    border-radius: 30px;
    background: #ffffff;
    color: #907e4c;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    padding: 8px 0 6px;
    position: relative;
} */
/* #main .footer__infomation .footer__infomation__link a span:after{
	content:"　＞";
} */

/* #main .footer__infomation .footer__infomation__link a:hover{
	background:#907e4c;
	color:#ffffff;
} */

.price_txt {
	border: 1px solid #14aaba;
	background: #fffce9;
	text-align: center;
	padding: 10px 0;
	margin: 0 6px 0 20px;;
}
.price_plan {
	font-size: 20px;
	color: red;
}
.pht_staff {
	float: left;
	padding-right: 15px;
}
.hotel__osusume__desc a {
	color: #c40753;
}
.btn_speciallink {
	padding: 0 0 30px 0;
	overflow: hidden;
}
.li_box {
	padding: 15px 0;
}

.btn_speciallink p {
	float: left;
	overflow: hidden;
}
.btn_speciallink p img {
	width: 190px;
}
.li_left {
	padding-right: 12px;
}
.li_left:last-child{
	padding-right: 0;
}
.mv_linkbox {
	background-color: #fff;
	display: block;
	padding: 10px;
	width: 200px;
	margin: 0 auto;
	border-radius: 10px;
}
.txt_maintop {
	background-color: #fff;
	display: block;
	padding: 15px 50px;
	margin: 0 auto 20px auto;
	border-radius: 10px;
	width: 840px;
}
.txt_top {
	text-align: center;
	font-size: 20px;
	color: red;
}
.txt_top_info {
	font-size: 14px;
	padding-top: 15px;
}
.staff_btn {
	text-align: right;
	display: block;
}
.gototop{
 position: fixed;
 bottom: -80px;
 right: 20px;
}


/*----------------------スマホ版-----------------------*/

@media screen and (max-width: 768px) {
	#main .pc { display:none!important;}
	#main .sp { display:block!important;}
	#wrapper {
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	}
#wrapper #main h3 {
	width: auto;
	height: auto;
	font-size: 32px;
	padding-left: 0;
	line-height: 1.4;
	text-shadow: none;
	color:#000000;
}

	#main{
		font-size:11px;
		background:none;
	}
	#main .pagetop {
		position: fixed;
		right: 15px;
		bottom: 15px;
		width:35px;
		z-index:1000;
	}
	#main .pagetop img{
		max-width: 100%;
	}
	.main--inner{
		width:auto;
		padding:0 10px;
	}
	.main--inner--full__section05{
		width:auto;
		padding:30px 10px 20px;
	}
	.main--inner--full__section06{
		width:auto;
		padding:0 10px;
		background:url("../images/bg_contact_sp.jpg") center;
		background-size: cover;
	}

	#wrapper #main .sec__title{
		margin:0 0 14px;
	}
	#wrapper #main .sec__title span{
		padding:7px 0 10px 0;
		font-size:17px;
	}
	#wrapper #main .sec__title small{
		font-size:10px;
	}

	#wrapper #main .sec__title:after{
		width:83px;
		height:43px;
		bottom:7px;
	}

	/* メインビジュアル */
	#wrapper #main .section01{
		height:auto;
	}

	#wrapper #main .mv{
		position:relative;
		/* padding:65px 0 15px; */
		padding:15px 0 15px;
	}

	#wrapper #main .mv__bg{
		height:220px;
		width:100%;
		position:static;
	}

	#wrapper #main .mv__bg .mv__bg__item {
		height:220px;
	}

	#wrapper #main .mv .mv__catch{
		font-size:13px;
		padding:0 0 10px;
		text-align:center;
	}

	#wrapper #main .mv h2{
		padding:0 0 80px ;
		padding:0 0 5px ;
		font-size:22px;
		text-align:center;
		line-height:1.3em;
	}

	#wrapper #main .mv h2 span{
		font-size:36px;
	}

	#wrapper #main .mv h2 span span{
		font-size:22px;
	}

	#wrapper #main .mv .inner{
		width:auto;
		background-position:right 10px;
		background-size:150px auto;
		background:none;
	}

	#wrapper #main .mv__desc{
		width:auto;
		padding:0;
		background:none;
	}

	#wrapper #main .mv .inner .mv__text{
		border:none;
		font-size:12px;
		line-height:1.3em;
		padding:0 10px;
		width:auto;
		margin: 0 0 10px;
	}
	#wrapper #main .mv .inner .mv__link{
		width:auto;
		padding:0 10px;
	}
	#wrapper #main .mv .inner .mv__link a{
		font-size:16px;
		padding:13px 0 11px;
		margin-bottom: 6px;
	}
	#wrapper #main .mv .inner .mv__link.sub_btn a{
		font-size: 12px;
		padding: 8px 0 6px;
		margin-top: 10px;
	}
	#wrapper #main .mv .inner .mv__link a:after{
		right:15px;
	}
	#wrapper #main .mv .inner .mv__link.sub_btn a:after{
		right:7px;
	}

	/* ツアーはこちら */
	#wrapper #main .tour__link__port{
		width:auto;
	}
	#wrapper #main .tour__link__port li{
		width:30%;
		padding:0 3% 9px 0;
	}
	#wrapper #main .tour__link__port li:nth-child(3n){
		padding:0 0 9px;
	}

	#wrapper #main .tour__link__port li a{
		font-size:12px;
		padding:10px 0 8px;
	}
	#wrapper #main .tour__link__port li a:after{
		right:10px;
	}

	/* 人気の旅行 */
	#wrapper #main .section07{
		padding:20px 0;
	}

	#wrapper #main .section07 .travel__item{
		width:49%;
		padding:0 0 10px;
	}
	#wrapper #main .section07 .travel__item:nth-child(even){
		float:right;
	}

	#wrapper #main .section07 .travel__item .travel__image{
		padding:0 0 6px;
	}
	#wrapper #main .section07 .travel__item .travel__image img{
		width:100%;
	}
	#wrapper #main .section07 .travel__item .travel__name{
		padding:0 0 3px;
	}
	#wrapper #main .section07 .travel__item .travel__name span{
		font-size:13px;
	}
	#wrapper #main .section07 .travel__item .travel__desc{
		font-size:11px;
		line-height:1.2;
		padding:0 0 5px;
	}
	#wrapper #main .section07 .travel__item .travel__price{
		font-size:14px;
		padding:6px 0;
		margin:0 0 10px;
	}

	#wrapper #main .section07 .travel__item .travel__link a{
		font-size:10px;
		padding:5px 0 4px;
	}
	#wrapper #main .section07 .travel__item .travel__link a:after{
		right:10px;
	}

	/* 観光都市ランキング */
	#wrapper #main .section04{
		padding:20px 0;
	}
	#wrapper #main .section04 .ranking{
		padding:10px;
	}

	#wrapper #main .section04 .ranking__item{
		width:49%;
		padding:0 0 20px 0;
		float:left;
	}
/*	#wrapper #main .section04 .ranking__item:nth-child(even){
		float:right;
	}*/

	#wrapper #main .section04 .ranking__item.rank--7,
	#wrapper #main .section04 .ranking__item.rank--8,
	#wrapper #main .section04 .ranking__item.rank--1,
	#wrapper #main .section04 .ranking__item.rank--3,
	#wrapper #main .section04 .ranking__item.rank--4,
	#wrapper #main .section04 .ranking__item.rank--2,
	#wrapper #main .section04 .ranking__item.rank--9,
	#wrapper #main .section04 .ranking__item.rank--5{
		padding-bottom:20px;
	}

	#wrapper #main .section04 .ranking__item a{
		background-size:12px auto;
	}

	#wrapper #main .section04 .ranking__item .rank__no{
		font-size:12px;
		padding:3px 0 9px;
		background-size:100% 100%;
	}

	#wrapper #main .section04 .ranking__item .rank__name{
		font-size:12px;
		padding:5px 0;
	}

	#wrapper #main .section04 .ranking__item .rank__desc{
		padding:0 0 10px;
		font-size:11px;
		line-height:1.2;
	}

	#wrapper #main .section04 .ranking__item .rank__name span{
		font-size:10px;
	}

	/* ホテル一覧 */
	#wrapper #main .section05{
		width:auto;
	}
	#wrapper #main .section05 .hotel__wrapper{
		width:auto;
		padding:0 0 20px;
	}

	#wrapper #main .section05 .hotel{
		border-top: 8px solid #fc0;
		padding:10px;
	}

	#wrapper #main .section05 .hotel .hotel__country{
	width:15%;
	font-size:25px;
	}
	#wrapper #main .section05 .hotel h3{
		padding:0 0 0 40%;
	}
	#wrapper #main .section05 .hotel h3 .ja{
		font-size:17px;
	}
	#wrapper #main .section05 .hotel h3 .en{
		font-size:12px;
	}

	#wrapper #main .section05 .hotel .hotel__rank{
		width:50px;
		height:45px;
		top:1%;
		left:18%;
	}
	#wrapper #main .section05 .hotel .hotel__rank img{
		width:100%;
	}

	#wrapper #main .section05 .hotel .hotel__link{
		width:auto;
		position:static;
		text-align:right;
		padding:0 0 10px;
	}

	#wrapper #main .section05 .hotel .hotel__link a{
		display:inline-block;
		padding:3px 30px 1px 20px;
		width:auto;
		font-size:10px;
	}
	#wrapper #main .section05 .hotel .hotel__link a:after{
		right:10px;
	}


	#wrapper #main .section05 .hotel .hotel__body{
		padding:0 0 8px;
	}
	#wrapper #main .section05 .hotel .hotel__image{
		width:auto;
		margin:0;
		float:none;
	}
	#wrapper #main .section05 .hotel .hotel__info{
		width:auto;
		margin:0;
		float:none;
	}
	#wrapper #main .section05 .hotel .hotel__detail__map{
		width:100%;
	}
	#wrapper #main .section05 .hotel .hotel__detail__map iframe{
		width:100%;
		height:auto;
	}
	#wrapper #main .section05 .hotel .hotel__category{
		padding:0 0 10px;
		padding:0 1% 0 0;
	}
	#wrapper #main .section05 .hotel .hotel__category li{
		width:auto;
		float:none;
		margin:0 0 4px;
		font-size:10px;
		padding:3px 0 2px;
	}

	#wrapper #main .section05 .hotel .hotel__meta{
		padding:10px 0 10px 0;
		overflow:hidden;
		clear:both;
	}
	#wrapper #main .section05 .hotel .hotel__meta--1,
	#wrapper #main .section05 .hotel .hotel__meta--2,
	#wrapper #main .section05 .hotel .hotel__meta--3{
		width:31%;
		float:left;
		margin:0 2% 0 0;
		padding:5px 0 4px;
	}
	#wrapper #main .section05 .hotel .hotel__meta--3{
		margin:0;
		float:right;
	}

	#wrapper #main .section05 .hotel .hotel__detail{
		width:auto;
		float:none;
	}

	#wrapper #main .section05 .hotel .hotel__detail__title{
		font-size:13px;
		padding:0 0 0 7px;
		margin:0 0 5px;
		line-height:1.2;
	}

	#wrapper #main .section05 .hotel .hotel__detail__text{
		line-height:1.2;
		height:auto;
		padding:0 0 10px;
	}

	#wrapper #main .section05 .hotel .hotel__osusume{
		padding:0 0 10px;
	}

	#wrapper #main .section05 .hotel .hotel__osusume--l,
	#wrapper #main .section05 .hotel .hotel__osusume--r{
		width:auto;
		float:none;
		height:auto;
	}
	#wrapper #main .section05 .hotel .hotel__osusume--r{
		margin:10px 0 0;
		float:none;
	}

	#wrapper #main .section05 .hotel .hotel__osusume__title{
		padding:5px 0 3px;
	}

	#wrapper #main .section05 .hotel .hotel__osusume__box{
		padding:10px;
		overflow: hidden;
	}

	#wrapper #main .section05 .hotel .hotel__osusume__desc{
		padding: 0 0 10px;
	}
	#wrapper #main .section05 .hotel .hotel__osusume--l .hotel__osusume__desc,
	#wrapper #main .section05 .hotel .hotel__osusume--r .hotel__osusume__desc{
		height: auto;
	}
	#wrapper #main .section05 .hotel .hotel__osusume__opt span{
		padding:3px 10px 2px;
	}

	#wrapper #main .section05 .hotel .hotel__osusume__price__p{
		padding: 8px 0 0;
		font-size:12px;
	}

	#wrapper #main .section05 .hotel .hotel__osusume__price__r a{
		width:auto;
	}
	#wrapper #main .section05 .hotel .hotel__osusume__price__r a:after{
		right:10px;
	}

	#wrapper #main .section05 .hotel .hotel__tour--ttl{
		margin:10px 0;
	}
	#wrapper #main .section05 .hotel .hotel__tour--ttl span{
		padding:0;
		font-size:13px;
	}
	#wrapper #main .section05 .hotel .hotel__tour--ttl:before,
	#wrapper #main .section05 .hotel .hotel__tour--ttl:after{
		height:0;
	}

	#wrapper #main .section05 .hotel .tour__link__port li{
		padding:0 3% 0 0;
	}
	#wrapper #main .section05 .hotel .tour__link__port li:nth-child(3n){
		padding:0 0% 9px 0;
	}

	#wrapper #main .section05 .hotel .slide_container{
		padding: 0 0 10px;
		height: 180px;
	}

	#wrapper #main .section05 .hotel .slide_all{
		width: 250px;
		height: 180px;
	}

	#wrapper #main .section05 .hotel .slide_wrap{
		margin-left: -154%;
	}

	#wrapper #main .section05 .hotel .slide{
		width: 250px !important;
	}

	#wrapper #main .section05 .hotel .bx-controls-direction{
		height:10px;
	}

	#wrapper #main .section05 .hotel .bx-controls .bx-prev{
		width: 30px;
		height: 30px;
		background-size:cover;
		left:12%
	}

	#wrapper #main .section05 .hotel .bx-controls .bx-next{
		width: 30px;
		height: 30px;
		background-size:cover;
		left:25.5%
	}

	/* QA */
	#wrapper #main .section06{
		width:auto;
		padding:0;
		margin:0 0 20px;
	}

	#wrapper #main .section06 .qa__contact{
		padding:10px;
		margin:0 0 20px;
	}
	#wrapper #main .section06 .qa__contact--inner{
		padding:20px 0;
	}

	#wrapper #main .section06 .qa__contact h3{
		font-size:14px;
		padding:0 0 10px;
	}
	#wrapper #main .section06 .qa__contact p{
		line-height:1.5;
		font-size:12px;
	}

	#wrapper #main .section06 .qa__contact__mail{
		padding:10px 40px 0;
	}
	#wrapper #main .section06 .qa__contact__mail--l{
		width:auto;
		float:none;
		padding:0 0 10px;
	}
	#wrapper #main .section06 .qa__contact__mail--r{
		width:auto;
		float:none;
	}

	#wrapper #main .section06 .qa__contact__mail a{
		font-size:11px;
		padding:10px 0 8px;
	}

	#wrapper #main .section06 .qa__contact__mail a:after{
		right:10px;
	}


	/* 海外のリゾート */
	#wrapper #main .section08{
		padding:20px 0 0;
	}
	#wrapper #main .section08 .resort_area{
		padding:0 0 20px;
	}

	#wrapper #main .section08 .resort_area h4{
		font-size:14px;
		padding:0 0 15px;
		margin:0 0 10px;
		cursor:pointer;
	}

	#wrapper #main .section08 .resort_area h4:after{
		width:100%;
		height:1px;
		bottom:6px;
		left: 8%;
		margin:0 0 0 -25px;
	}

	#wrapper #main .section08 .resort_area h4:before{
		content:"";
		display:block;
		width:9px;
		height:6px;
		position:absolute;
		top:3px;
		right:5px;
		background:url("../images/icon_arrow_down.png") no-repeat center center;
	}
	#wrapper #main .section08 .resort_area h4.is--open:before{
		transform: scale(1, -1);
	}

	#wrapper #main .section08 .resort__list{
		padding:0 0 15px;
		display:none;
	}

	#wrapper #main .section08 .resort__item{
		width:49%;
		margin:0 0 10px 0;
	}
	#wrapper #main .section08 .resort__item:nth-child(even){
		float:right;
	}

	#wrapper #main .section08 .resort__item img{
		width:100%;
	}

	#wrapper #main .section08 .resort__item p{
		font-size:12px;
	}
	/*　下部固定バナー　*/
	/* #main .footer__infomation{
		width:100%;
		height:100px;
		overflow:hidden;
		background:#008dceb3!important;
		position:fixed;
		bottom:0;
		z-index:900;
		display:none;
	}

	#main .footer__infomation--inner{
		width:94%;
		margin:0 auto;
		overflow:hidden;
	}

	#main .footer__infomation .footer__infomation__text{
		font-size:12px;
		text-shadow:
			#ffffff 2px 0px,  #ffffff -2px 0px,
			#ffffff 0px -2px, #ffffff 0px 2px,
			#ffffff 2px 2px , #ffffff -2px 2px,
			#ffffff 2px -2px, #ffffff -2px -2px,
			#ffffff 1px 2px,  #ffffff -1px 2px,
			#ffffff 1px -2px, #ffffff -1px -2px,
			#ffffff 2px 1px,  #ffffff -2px 1px,
			#ffffff 2px -1px, #ffffff -2px -1px;
		padding:20px 0 8px 4px;
		line-height:1.6em;
		width: 100%;
	    float: none;
	}

	#main .footer__infomation .footer__infomation__text span{
		font-size: 16px;
	}
	#main .footer__infomation .footer__infomation__text span.pink{
		color:#f28d8b;
		font-size: 12px;
	}
	#main .footer__infomation .footer__infomation__text span.magenta {
		font-size: 20px;
	}
	#main .footer__infomation .footer__infomation__text span.gold{
		color:#907e4c;
		font-size: 12px;
		padding: 0;
	}
	#main .footer__infomation .footer__infomation__text span.small{
	    font-size: 12px;
	    display: block;
	    line-height: 1.2;
	    font-weight: normal;
	    width: 100%;
	    padding: 0px 0 0 0px;
	}

	#main .footer__infomation .footer__infomation__link{
		width: 90%;
	    display: block;
	    padding: 0 0 0;
	    margin: 0 auto;
	    position: absolute;
	}
#main .footer__infomation .link_natsutabi{
	margin: 0 auto!important;
	width: 78%;
	}

		#main .footer__infomation .footer__infomation__link a{
		display: block;
	    border: 2px solid #907e4c;
	    border-radius: 30px;
	    background: #ffffff;
	    color: #907e4c;
	    font-size: 14px;
	    text-align: center;
	    text-decoration: none;
	    padding: 8px 0 6px;
	    position: relative;
	}
	#main .footer__infomation .footer__infomation__link a span:after{
		content:"　＞";
	}

	#main .footer__infomation .footer__infomation__link a:hover{
		background:#907e4c;
		color:#ffffff;
	} */

	.txt_maintop {
	background-color: #fff;
	display: block;
	padding: 15px 10px;
	margin: 0 auto 20px auto;
	border-radius: 5px;
	width: 98%;
}
.txt_top {
	text-align: center;
	font-size: 18px;
	color: red;
}
.btn_speciallink {
	margin: 0 auto !important;
}
.btn_speciallink p {
	float: left;
	margin: 0 auto !important;
	width: 50%;
	padding: 10px 10px;
}
.btn_speciallink p img {
	width: 100%;
}
.gototop{
 position: fixed;
 bottom: -60px;
 right: 10px;
 z-index:100;
}


}


/*----------------------topへ戻る----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("https://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }