@charset "utf-8";

/*-- common --*/
.fs8{
	font-size:8px !important;
}

/*-- mainVisual --*/
.mainVisual {
	width:100%;
	position: relative;
}
.mainVisual .ojbOver {
	position: relative;
}
.mainVisual .ojbOver video {
	width: 100%;
	height: auto;
	position: absolute;
}
.mainVisual .ojbOver .videoBg {
	width: 100%;
	padding: 0;
	margin: 0;
	background:url(../img/bg_video.png) repeat ;

}
.mainVisual .ojbOver .videoBg p {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 1;
}
.mainVisual .ojbOver .videoBg img {
	width: 100%;
	vertical-align: bottom;
}

.mainVisual .inner{
	width:100%;
	margin: 0 auto;
	z-index: 5;
	text-align: center;
	top: 0;
	background: rgba(255,255,255,0.5);
}

.mainVisual .inner h1{
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index:5;
}

.mainVisual video {
	width: 100%;
	height: auto;
}
.mainVisual p {
  font-family: serif;
  color: #fff;
  font-size: 400%;
  margin: 50px;
  position: relative;
  z-index: 2;
}

/*-- link_block --*/

#contentTop { margin-top: 0; }

.mv_txt{
	text-align:center;
	margin-bottom:20px;
}

.mv_txt strong {
    color: #333;
    font-weight: bold;
}

/*MV下期間限定エリア*/
.mv_hoteltxt{
	position:relative;
	border:2px solid #ffc528;
	font-size:110%;
	text-align:center;
	margin: 0 auto 30px;
	width:680px;
	padding:10px 0;
	background-color:#fdf799;
	border-radius:17px;
}
.mv_hoteltxt .txtdeco01 {
	font-weight:bold;
	font-size:18px;
	color:#ff6c00;
	}
.mv_hoteltxt .txtdeco02 {
	font-weight:bold;
	color:#ff4e00;
	font-size:22px;
	}
.mv_hoteltxt ul {
	text-align:left;
	padding-left:64px;
	font-size:14px;
	}
.mv_hoteltxt .link_btn {
	position:absolute;
	bottom:12px;
	right:34px;
	}

/*エンジョイクーポン*/

.Ecouponbox{position: relative; width: 946px; margin: 40px auto; border: 2px solid #ff8f00; padding-bottom:20px;}	
.Ecouponbox h4{
	background: #ff8f00;
	padding: 15px 10px 15px 10px;
	text-align: center;
    color: #fff;
    font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}
.Ecouponbox h4 span{font-size: 22px;}
.Ecouponbox .coupon_inner{padding-left:40px;
    margin-top: 15px;}
.Ecouponbox .coupon_inner .wpn{
	width: 80px;
    background: #ff4e00;
    color: #fff;
    text-align: center;
    border-radius: 60px;
    padding: 20px;
    height: 80px;
    font-size: 16px;
	margin-top: 10px;
}
.Ecouponbox .coupon_inner .txt_box{ width: 760px;}
.Ecouponbox .coupon_inner .coupon_ttl{display: inline-block;
    font-size: 20px;
    color: #ff4e00;
    font-weight: bold;
    margin-bottom: 5px;}
.Ecouponbox .deco{position: absolute; top:0; right: 0;}
.Ecoupon_menu {
	position:absolute;
	bottom:22px;
	right:167px;
}

	
/*しまりずむクーポン*/

.couponbox{position: relative; width: 946px; margin: 40px auto; border: 2px solid #52aad7; height: 350px}
.couponbox .pamph{position: absolute; top:15px; left: 15px; display: block;}
.couponbox .pamph .pamph_txt{font-size: 10px; line-height: 1.4; width: 180px}
.couponbox h4{
	background: #52aad7;
	padding: 15px 10px 15px 140px;
	text-align: center;
    color: #fff;
    font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}
.couponbox h4 span{font-size: 22px;}
.couponbox .coupon_inner{padding-left: 240px;
    margin-top: 10px;}
.couponbox .coupon_inner .wpn{
	width: 80px;
    background: #ff4dac;
    color: #fff;
    text-align: center;
    border-radius: 60px;
    padding: 20px;
    height: 80px;
    font-size: 16px;
	margin-top: 10px;
}
.couponbox .coupon_inner .txt_box{ width: 570px;}
.couponbox .coupon_inner .coupon_ttl{display: inline-block;
    font-size: 20px;
    color: #ff4dac;
    font-weight: bold;
    margin-bottom: 5px;}
.couponbox .coupon_inner .d_txt p{display: inline-block; line-height: 1.4;}
.couponbox .deco{position: absolute; top:0; right: 0;}

.coupon_menu_off{
	background: #52aad7;
    width: 300px;
    color: #fff;
    padding: 13px 10px;
    text-align: center;
    margin: 10px 10px 0 0;
    display: inline-block;
}
.coupon_menu_off span{font-size: 80%;
    padding: 2px 6px;
    background: #fff;
    color: #52aad7;
    margin-left: 8px;
}
.coupon_menu a{
	background: #52aad7;
	color: #fff !important;
    padding: 4px 10px;
	text-decoration: none;
	width: 300px;
	margin: 10px 0;
	display: block;
	text-align: center;
	border: none!important;
}
.coupon_menu a:hover{
	background: #ff4dac;
	text-decoration: none!important;
}

/*.coupon_menu_off{display: none;}*/
.coupon_menu{display: none;}

.pdfreader {width: 918px; box-sizing: border-box; padding:8px 15px; border: 1px solid #d0d0d0; margin: 5px auto 0; overflow: hidden; }  
.pdfreader p{color:#707070;}
.pdfreader p a span{color: #0f0f69;
	padding-left: 17px;
        background: url(/commonY15/img/icon_ext_red_01.png) 0 6px no-repeat;}
.pdfreader p a span:hover,.pdfreader p a span:focus{color: #cc0000; text-decoration: underline;}




.link_block{
	width:470px;
	margin:auto;
	overflow:hidden;
}

.link_block li{
	float:left;
	margin-right:35px;
}

.link_block li.last{
	margin-right:0;
}


.link_block02{
	width:250px;
	margin:auto;
	overflow:hidden;
}

.link_block02 li{
	float:left;
}

.link_block02 li.last{
	margin-right:0;
}


#section01{
	padding-top:58px;
	position:relative;
}

#section01 h2{
	text-align:center;
	margin-bottom:46px;
}

#section01 .tab_block {
	width:100%;
	margin-bottom:38px;
}

#section01 .tab_block li{
	float:left;
	margin-right:16px;
}

#section01 .tab_block li.last{
	margin-right:0;
}

#section01 .access{
	width:265px;
	float:right;
}

#section01 .article{
	clear:both;
}

#section01 .article .photo{
	width:475px;
}

#section01 .article .text_box{
	width:430px;
}

.sec01_ishigaki{
	background:url(../img/bg_sec01.png) no-repeat center top;
}

.sec01_ishigaki .access{
	padding:0 95px 32px 0;
}

.sec01_ishigaki .art_01{
	background:url(../img/bg_land01_01_231020.png) no-repeat center top;
	padding-bottom:60px;
}

.sec01_ishigaki .art_01 .photo{
	float:left;
	padding-top:10px;
}

.sec01_ishigaki .art_01 .text_box{
	float:right;
}

.sec01_ishigaki .art_01 .text_box h3{
	float:right;
}

.sec01_ishigaki .art_01 .text_box p{
	float:left;	
	width:305px;
	line-height:28px;
	padding-top:60px;
}

.sec01_ishigaki .art_02{
	background:url(../img/bg_land01_02_231020.png) no-repeat center top;
	padding-bottom:107px;
    padding-top: 32px;
}

.sec01_ishigaki .art_02 .text_box{
	float:left;
}

.sec01_ishigaki .art_02 .photo{
	float:right;
	padding-top:43px;
}

.sec01_ishigaki .art_02 .text_box h3{
	float:left;
}

.sec01_ishigaki .art_02 .text_box p{
	float:right;
	width:320px;
	line-height:28px;
	padding-top:68px;
}

.sec01_ishigaki .art_03{
	background:url(../img/bg_land01_03.png) no-repeat center top;
	padding-bottom:125px;
}

.sec01_ishigaki .art_03 .photo{
	float:left;
	padding-top:25px;
}

.sec01_ishigaki .art_03 .text_box{
	float:right;
}

.sec01_ishigaki .art_03 .text_box h3{
	float:right;
}

.sec01_ishigaki .art_03 .text_box p{
	float:left;	
	width:320px;
	line-height:28px;
	padding-top:80px;
}

.sec01_ishigaki .art_04{
	background:url(../img/bg_land01_04.png) no-repeat center top;
	padding-bottom:109px;
}

.sec01_ishigaki .art_04 .text_box{
	float:left;
}

.sec01_ishigaki .art_04 .photo{
	padding-top:30px;
	float:right;
}

.sec01_ishigaki .art_04 .text_box h3{
	float:left;
}

.sec01_ishigaki .art_04 .text_box p{
	float:right;
	width:320px;
	line-height:28px;
	padding-top:30px;
}

.sec01_ishigaki .art_05{
	background:url(../img/bg_land01_05.png) no-repeat center top;
	padding-bottom:55px;
}

.sec01_ishigaki .art_05 .photo{
	float:left;
	padding-top:25px;
}

.sec01_ishigaki .art_05 .text_box{
	float:right;
}

.sec01_ishigaki .art_05 .text_box h3{
	float:right;
}

.sec01_ishigaki .art_05 .text_box p{
	float:left;	
	width:320px;
	line-height:28px;
	padding-top:80px;
}

.sec01_ishigaki .art_06{
	background:url(../img/bg_land01_06.png) no-repeat center top;
	padding-bottom:109px;
}

.sec01_ishigaki .art_06 .text_box{
	float:left;
}

.sec01_ishigaki .art_06 .photo{
	padding-top:30px;
	float:right;
}

.sec01_ishigaki .art_06 .text_box h3{
	float:left;
}

.sec01_ishigaki .art_06 .text_box p{
	float:right;
	width:320px;
	line-height:28px;
	padding-top:30px;
}

.sec01_miyako{
	background:url(../img/bg_sec01_02.png) no-repeat center top;
}

.sec01_miyako .access{
	padding:0 95px 40px 0;
}

.sec01_miyako .article{
	padding-top:4px;
}

.sec01_miyako .art_01{
	background:url(../img/bg_land02_01.png) no-repeat center top;
	padding:15px 0 106px 0;
}

.sec01_miyako .art_01 .text_box{
	float:left;
}

.sec01_miyako .art_01 .photo{
	float:right;
	padding-top:27px;
}

.sec01_miyako .art_01 .text_box h3{
	float:left;
}

.sec01_miyako .art_01 .text_box p{
	float:right;
	width:320px;
	line-height:28px;
	padding-top:66px;
}

.sec01_miyako .art_02{
	background:url(../img/bg_land02_02.png) no-repeat center top;
	padding:10px 0 63px 0;
}

.sec01_miyako .art_02 .photo{
	float:left;
	padding-top:25px;
}

.sec01_miyako .art_02 .text_box{
	float:right;
}

.sec01_miyako .art_02 .text_box h3{
	float:right;
}

.sec01_miyako .art_02 .text_box p{
	float:left;	
	width:320px;
	line-height:28px;
	padding-top:50px;
}

.sec01_miyako .art_03{
	background:url(../img/bg_land02_03.png) no-repeat center top;
	padding:0 0 95px 0;
	margin-top:25px;
}

.sec01_miyako .art_03 .text_box{
	float:left;
}

.sec01_miyako .art_03 .photo{
	padding-top:27px;
	float:right;
}

.sec01_miyako .art_03 .text_box h3{
	float:left;
}

.sec01_miyako .art_03 .text_box p{
	float:right;
	width:320px;
	line-height:28px;
	padding-top:30px;
}

.sec01_kume{
	background:url(../img/bg_sec01_03.png) no-repeat center top;
}

.sec01_kume .art_01{
	background:url(../img/bg_land03_01.png) no-repeat center top;
	padding-bottom:92px;
}

.sec01_kume .access{
	padding:0 95px 78px 0;
}

.sec01_kume .art_01 .photo{
	float:left;
	padding-top:18px;
}

.sec01_kume .art_01 .text_box{
	float:right;
}

.sec01_kume .art_01 .text_box h3{
	float:right;
}

.sec01_kume .art_01 .text_box p{
	float:left;	
	width:305px;
	line-height:28px;
	padding-top:90px;
}

.sec01_kume .art_02{
	background:url(../img/bg_land03_02.png) no-repeat center top;
	padding-bottom:116px;
	margin-bottom:50px;
}

.sec01_kume .art_02 .text_box{
	float:left;
}

.sec01_kume .art_02 .photo{
	float:right;
	padding-top:43px;
}

.sec01_kume .art_02 .text_box h3{
	float:left;
}

.sec01_kume .art_02 .text_box p{
	float:right;
	width:260px;
	line-height:28px;
	padding-top:80px;
}

/*慶良間諸島*/
.sec01_kake{
	background:url(../img/bg_sec01_04.png) no-repeat center top;
}

.sec01_kake .art_01{
	background:url(../img/bg_land04_01.png) no-repeat center top;
	padding-bottom:90px;
}

.sec01_kake .access{
	padding:0 95px 40px 0;
}

.sec01_kake .art_01 .photo{
	float:left;
	padding-top:18px;
}

.sec01_kake .art_01 .text_box{
	float:right;
}

.sec01_kake .art_01 .text_box h3{
	float:right;
}

.sec01_kake .art_01 .text_box p{
	float:left;	
	width:305px;
	line-height:28px;
	padding-top:90px;
	font-size:13px;
}

.sec01_kake .art_02{
	background:url(../img/bg_land04_02_v2.png) no-repeat center top;
	padding-bottom:116px;
	margin-bottom:50px;
}

.sec01_kake .art_02 .text_box{
	float:left;
}

.sec01_kake .art_02 .photo{
	float:right;
	padding-top:43px;
}

.sec01_kake .art_02 .text_box h3{
	float:left;
}

.sec01_kake .art_02 .text_box p{
	float:right;
	/* width:260px; */
	width:305px;
	line-height:28px;
	padding-top:80px;
	font-size:13px;
}
.sec01_kake .access{
	width:265px;
	float:right;
}
.sec01_kake .access2{
	width:265px;
	float:left;
	padding: 0 0 52px 120px;
}
.sec01_kake .access span,.sec01_kake .access2 span{
	color:#367bd6;
}

#section01 .btn_block{
	width:250px;
	margin:0 auto 15px;
}

#section01 .sponcer{
	text-align:center;
}

.info_option {border: 3px solid #3f8def; padding: 20px;}  
.info_option a{background: #eee;}
.info_option .info_option_ttl {color: #004eb1;}
.info_option .info_option_ttl b{background: linear-gradient(transparent 50%, #ffff00 70%);}


/*期間限定キャンペーン*/
#section02{
	background:#f1f1f1;
	padding:30px 0;
}
#section02 h2{
	text-align:center;
}
#section02 .kikan{
	text-align:center;
	padding-bottom:30px;
}
#section02 .plan li{
	float:left;
	width:470px;
	margin-bottom:40px;
}
#section02 .plan li dl dt{
	width:165px;
	float:left;
}
#section02 .plan li dl dd{
	float:left;
	margin-left:10px;
	width:290px;
}
#section02 .plan li dl dd p{
	font-size:15px;
}
#section02 .plan li dl dd p span{
	font-size:14px;
}
#section02 .plan li dl dd p.price{
	font-size:26px;
}
#section02 .btn_block{
	width:300px;
	margin:10px auto 0;
	padding-bottom:58px;
}
#section02 .kumingo_wrap {
	margin-top:20px;
	}
#section02 .kumingo_wrap .left {
	float:left;
	width:500px;
	}	
#section02 .kumingo_wrap .right {
	float:left;
	width:400px;
	padding:50px 0 0 10px;
	}
#section02 .kumingo_wrap .right .kumin_link {
	margin:10px 0 0 5px;
	}

#section02 .clm_2col .col {
    border: 1px solid #3f8def;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
}

#section02 .clm_2col .col .btnWT{
    background-color: #eee;
}

.fs32{font-size: 32px;}

/*オプション*/

.opt_Info { width: 935px;
	margin: 0 auto 0;
	background: #fff;
	padding: 12px;
	border: 1px solid #d6d6d6;
}
.opt_Info .opt_ttl {
	color: #F0FC8D;
	font-weight: bold;
	font-size: 22px;
	background: #E73F3B;
	text-align: center;
	width: 100%;
	padding: 3px 0 0;
}
.opt_Info ul li {
	line-height: 1.4!important;
}
.opt_Info ul li .ic_red {
	color: #E73F3B;
}

.opt_Wrap {
	width: 746px;
	margin: 0 auto 0;
	background: #fff;
	padding: 12px;
	border: 1px solid #d6d6d6;
}
.opt_Wrap img {
	vertical-align: bottom;
}
.opt_Wrap .opt_flL {
	float: left;
}
.opt_Wrap .opt_txtBox {
	margin-left: 15px;
	width: 493px;
}
.opt_Wrap .opt_txtBox .opt_ttl {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	background: #ff9c1c;
	border-radius: 30px;
	text-align: center;
	width: 100%;
	padding: 3px 0 0;
}
.opt_Wrap .opt_txtBox .opt_txt {
	color: #ae7f01;
	font-weight: bold;
	font-size: 17px;
	margin-top: 10px;
	line-height: 1.3!important;
}

.opt_Wrap .opt_txtBox table {
	width: 100%;
	margin-top: 8px;
}
.opt_Wrap .opt_txtBox table td,
.opt_Wrap .opt_txtBox table th {
	border: 1px solid #676767;
	padding: 8px 10px 8px;
}
.opt_Wrap .opt_txtBox table th {
	background: #fff09b;
	font-size: 14px;
	font-weight: bold;
	color: #c69103;
	width: 30%;
	text-align: center;
}
.opt_Wrap .opt_txtBox table td {
	font-size: 14px;
	color: #464646;
	width: 70%;
}


#section03 h2{
	padding:30px 0 44px 0;
	text-align:center;
}

#section03 .attention{
	font-size:12px;
	margin-bottom:35px;
}

#section03 .hotel_top{
	margin-bottom:60px;
	position:relative;
}

.logo_tuyu{
	position:absolute;
	top:-20px;
	left:390px;
}

.diving01{
	position:absolute;
	top:-20px;
	left:390px;
}

.box_tuyu{
	position:relative;
}

.box_tuyu .logo_tuyu02{
	position:absolute;
	top:-3px;
	left:3px;
}

.box_tuyu .diving02{
	position:absolute;
	top:-11px;
	left:4px;
}

.box_tuyu02{
	position:relative;
}

.box_tuyu02 .logo_tuyu02{
	position:absolute;
	top:-11px;
	left:3px;
}

.box_tuyu02 .diving02{
	position:absolute;
	top:-11px;
	left:66px;
}

#section03 .name strong,
#section03 .hotelName01 strong{
	color: #333;
	font-weight: bold;
}

#section03 .hotel_top .main_pic{
	width:500px;
	float:left;
}

#section03 .hotel_top .sub_pic{
	margin-bottom:2px;
}

#section03 .hotel_top .sub_pic2{
	margin-bottom:39px;
}


#section03 .hotel_top .name{
	margin-bottom:5px;
	font-size:22px;
}

#section03 .hotel_top .name span{
	font-size:16px;
}

#section03 .hotel_top .hotel_info{
	width:420px;
	float:right;
}

#section03 .btn_area{
	margin-top:13px;
}

#section03 .hotel_list{
	width:950px;
	/*overflow:hidden;*/
}

#section03 .hotel{
	width:1100px;
}

#section03 .hotel li{
	width:290px;
	float:left;
	margin-right:40px;
	min-height:404px;
}

#section03 .hotel li.nirai_kohama {
	width:320px;
	float:left;
	margin-right:10px;
	min-height:404px;
}


#section03 .hotel .btn_area{
	margin:15px 0 0 0;
}

#section03 .btn_plan{
	text-align:center;
	margin-bottom:50px;
}

#section03 .place {
	margin: -23px 0 10px;
	font-weight:bold;
}

.tripBox180 .tripBoxIn2{
	border:none!important;
}

.tripBox180 > p{
	display:none;
}

.gadget_haed{
	font-size:11px;
}

.tripBox180{
	width:210px!important;
}

.tripBox180 .tripBoxIn2 .tColumnL{
	width:100px!important;
}

#CDSWIDSSP{
	width:260px!important;
}

#CDSWIDSSP .widSSPData .widSSPH18{
	display:none;
}

#CDSWIDSSP .widSSPData .widSSPBranding{
	display:none;
}

#CDSWIDSSP .widSSPData .widSSPLegal{
	display:none;
}

#CDSWIDSSP .widSSPData .widSSPAll a:link, #CDSWIDSSP .widSSPData .widSSPAll a:visited{
	text-indent:-9999px;
	width:89px;
	height:20px;
	background:url(../img/btn_tripadviser_001_n.gif) no-repeat center top;
}

/*-- planSelect --*/
.head_planSelect {
	margin:30px 0 15px;
	text-align:center;
}

/*-- CSS3 Animation --*/
.mainVisual_anime {
	position:relative;
	width:940px;
	height:630px;
	margin-top:20px;
	overflow:hidden;
}
.mainVisual_anime .logoDp {
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}

/* fadeImg */
.fadeAnime_elms > li > .fadeImg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	opacity:0;
	z-index:0;
	-webkit-animation: fadeImg 24s ease infinite;
	animation: fadeImg 24s ease infinite;	
}
.fadeAnime_elms > li:nth-child(1) > .fadeImg {
	background-image:url(../img/pic_main_01_anime.jpg);
}
.fadeAnime_elms > li:nth-child(2) > .fadeImg {
	background-image:url(../img/pic_main_02_anime.jpg);
	-webkit-animation-delay:8s;
	animation-delay:8s;
}
.fadeAnime_elms > li:nth-child(3) > .fadeImg {
	background-image:url(../img/pic_main_03_anime.jpg);
	-webkit-animation-delay:16s;
	animation-delay:16s;
}

@media screen and (max-device-width: 800px){
.mainVisual {
	background:url(../img/bg_mv_sp.jpg) no-repeat center top;
	background-size: auto 110%;
	}
	video{
		display:none;
	}
}

@-webkit-keyframes fadeImg {
0% { opacity:0; }
7% { opacity:1; }
34% { opacity:1; }
43%{opacity:0; }
100% { opacity:0; }
}
@keyframes fadeImg {
0% { opacity:0; }
7% { opacity:1; }
33% { opacity:1; }
43%{opacity:0; }
100% { opacity:0; }
}

/* fadeImg_txt */
.fadeAnime_elms > li > .fadeImg_txt {
	position:absolute;
	bottom:5px;
	right:5px;
	color:#fff;
	font-size:12px;
	text-shadow:0 0 3px #000;
	opacity:0;
	z-index:5;
	-webkit-animation: fadeImg_txt 24s linear infinite normal;
	animation: fadeImg_txt 24s linear infinite normal;
}
.fadeAnime_elms > li > .fadeImg_txt.txt_L {
	left:5px;
}
.fadeAnime_elms > li:nth-child(1) > .fadeImg_txt {}
.fadeAnime_elms > li:nth-child(2) > .fadeImg_txt {
	-webkit-animation-delay:7s;
	animation-delay:8s;
}
.fadeAnime_elms > li:nth-child(3) > .fadeImg_txt {
	-webkit-animation-delay:14s;
	animation-delay:16s;
}

@-webkit-keyframes fadeImg_txt {
	0%   { opacity:0; -webkit-animation-timing-function: ease-in; }
	8%   { opacity:1; -webkit-animation-timing-function: ease-out; }
	34%   { opacity:1;}
	39%  { opacity:0; }
	100% { opacity:0; }
}
@keyframes fadeImg_txt {
	0%   { opacity:0; animation-timing-function: ease-in; }
	8%   { opacity:1; animation-timing-function: ease-out; }
	34%   { opacity:1;}
	39%  { opacity:0; }
	100% { opacity:0; }
}

/* txtAnime */
.txtAnime_elms > li {
	position:absolute;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:10;
}
.txtAnime_elms > li:nth-child(1) {
	top:58px;
	left:87px;
	width:605px;
	height:245px;
	background:url(../img/head_ttl_01.png) 0 0 no-repeat;
	-webkit-animation: txtAnime_01 1s ease-out 1 1s;
	animation: txtAnime_01 1s ease-out 1 1s;
	animation-fill-mode: both;
	display:inline-block;

}


/*.txtAnime_elms > li:nth-child(2) {
	top:129px;
	left:479px;
	width:156px;
	height:93px;
	background:url(../img/head_ttl_02.png) 0 0 no-repeat;
	-webkit-animation: txtAnime_02 3s linear 1 2.5s;
	animation: txtAnime_02 3s linear 1 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display:inline-block;
}*/

.txtAnime_elms > li:nth-child(3) {
	top:101px;
	left:505px;
	width:87px;
	height:43px;
	background:url(../img/head_ttl_03.png) 0 0 no-repeat;
	-webkit-animation: txtAnime_03 1.5s ease-in-out 1 2.5s;
	animation: txtAnime_03 1.5s ease-in-out 1 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display:inline-block;
}
.txtAnime_elms > li:nth-child(4) {
	top:222px;
	left:87px;
	width:770px;
	height:187px;
	background:url(../img/head_ttl_01.png) 0 -244px no-repeat;
	-webkit-animation: txtAnime_04 0.5s linear 1 2s;
	animation: txtAnime_04 0.5s linear 1 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display:inline-block;
}
@-webkit-keyframes txtAnime_01 { 
    0%   {opacity:0;-webkit-transform:scale(1.5);-webkit-filter: blur(10px);}
    100% {opacity:1;}
 }
@-webkit-keyframes txtAnime_02 { 
    0%   {opacity:1;width:0;}
	25%{opacity:1;width:25%;}
	50%   {opacity:1;width:50%}
	75%   {opacity:1;width:75%}
    100% {opacity:1;width:100%;}
 }
@-webkit-keyframes txtAnime_03 { 
    0%   {opacity:1;-webkit-transform:scale(0);top:196px;left:444px;}
	25%{opacity:1;}
	50%   {opacity:1;-webkit-transform:scale(2);top:86px;}
	75%   {opacity:1;-webkit-transform:scale(1);top:101px;left:505px;}
    100% {opacity:1;}
 }
@-webkit-keyframes txtAnime_04 { 
    0%   {opacity:1;width:0;}
	25%{opacity:1;width:25%;}
	50%   {opacity:1;width:50%}
	75%   {opacity:1;width:75%}
    100% {opacity:1;width:100%;}
 }
@keyframes txtAnime_01 { 
    0%   {opacity:0;transform:scale(1.5);filter: blur(10px);}
    100% {opacity:1;}
 }
@keyframes txtAnime_02 { 
    0%   {opacity:1;width:0;}
	25%{opacity:1;width:25%;}
	50%   {opacity:1;width:50%;}
	75%   {opacity:1;width:75%;}
    100% {opacity:1;width:100%;}
 }
@keyframes txtAnime_03 { 
    0%   {opacity:1;transform:scale(0);top:196px;left:444px;}
	25%{opacity:1;}
	50%   {opacity:1;transform:scale(2);top:86px;}
	75%   {opacity:1;transform:scale(1);top:101px;left:505px;}
    100% {opacity:1;}
 }
@keyframes txtAnime_04 { 
    0%   {opacity:1;width:0;}
	25%{opacity:1;width:25%;}
	50%   {opacity:1;width:50%;}
	75%   {opacity:1;width:75%;}
    100% {opacity:1;width:100%;}
 }

/* 20161110追加　*/
/*
.art_01 .text_box a{ position:absolute; top:314px; left:0;}
.art_05 .text_box a{ position:absolute; top:254px; left:0;}
.art_03 .text_box a{ position:absolute; top:310px; left:0;}
*/
.art_01 .text_box,.art_02 .text_box,.art_03 .text_box,.art_04 .text_box { position:relative;}

.sec01_ishigaki .art_02 .text_box a{ position:absolute; top:291px; right:0;}
.sec01_ishigaki .art_04 .text_box a{ position:absolute; bottom:10px; right:0;}

.sec01_miyako .art_01 .text_box a{ position:absolute; top:271px; right:0;}
.sec01_miyako .art_02 .text_box a{ position:absolute; top:291px; left:0;}
.sec01_miyako .art_03 .text_box a{ position:absolute; top:180px; right:0;}

.sec01_kume .art_01 .text_box a{ position:absolute; top:240px; left:0;}
.sec01_kume .art_02 .text_box a{ position:absolute; top:320px; right:-20px;}

.sec01_kake .art_01 .text_box a{ position:absolute; top:340px; left:0; }
.sec01_kake .art_02 .text_box a{ position:absolute; top:346px; right:-20px;}


/* 20200413追加　*/
.information { position: relative;}
.information .more { position: absolute; bottom: 42px; right: 133px;}

/*20200630追加logo*/
.mainVisual .logo{
	width: 180px;
	position: relative;
	margin: 0;
  top: 20px;
  left: 80%;
}


/* 20201120追加　*/
.infoBox{ border: 2px solid #90bbdd; margin-top: 30px; padding-bottom: 30px;}
.infoList{ width: 600px; margin: 0 auto; margin-top: 20px;}
.infoTtl{ text-align: center; background: #90bbdd; font-size: 30px; padding: 17px 15px; color:#fff;}
.infoTtl small{ font-size: 14px;}

/*八重山無限PDF追加 */
.infoBox_yaeyama{ border: 5px solid #0a5bac; margin-top: 30px; padding-bottom: 30px;}
.infoList_yaeyama{width: 600px; margin: 50px 0 0 70px;}
.infoTtl_yaeyama{ text-align: center; background: #0a5bac; font-size: 30px; padding: 17px 15px; color:#fff;}
.infoBox_txt{float: left;}
.infoBox_logo{float: right; margin: 15px 60px 0 0}
.clearfix::after { content: ""; display: block; clear: both;}

/*大型化プラン追加*/
.infoBox_oogata { border: 5px solid #00ced1; margin-top: 30px; padding-bottom: 30px;}
.infotTl_oogata { text-align: center; background: #00ced1; font-size: 30px; padding: 17px 15px; color:#fff;}
.infoTxt_oogata { font-size: 20px;}

/*ご当地クーポン追加*/
.gotoutiCoupon{border:5px solid #eb712e;}

.floatCoupon {width: 880px;margin:0 auto 20px;}
.imgInfo{float:left;}
.txtInfo{float:right; width:400px;}
.imgInfo02{float:right;}
.txtInfo02{float:left;}
.h3Coupon{text-align: center; background: #eb712e; font-size: 30px; padding: 17px 15px; color:#fff;line-height: 1.2;}
.howtoCoupon {border-bottom: 2px solid #e5e5e5; padding:15px 0; margin:15px;}
.howtoCouponImg {padding:15px 0; margin:15px;}
.howtoCoupon p {font-size:12px;}
.howtoImg01{float:left; width:300px;}
.howtoImg02{float:left; width:300px;}
.howtoImg03{float:right; width:300px; margin:0 5px;}
.h4Coupon{font-size:20px; border-left: 5px solid #cc0000; padding-left:10px;}

/*おすすめオプション*/
.osusumeOption { border: solid 6px dodgerblue; padding-bottom: 20px;}
.osusumeOption .osusumeTitle {text-align: center; background: dodgerblue; font-size: 25px; padding: 10px 15px; color: #fff;}
.osusumeOption .osusumeFloatbox {width: 700px; margin: 20px auto 20px;}
.osusumeOption .osusumeFloatbox .osusumeTxt {float: left; width: 420px;}
.osusumeOption .osusumeFloatbox .osusumeImg {float: right;}
.osusumeOption .osusumeFloatbox .osusumeImg p {font-size: 10px; text-align: right;}


/* =============== 周遊旅行	 =============== */
.ctm_bdrColumn.bc01 {
    background-color: #f8c63f;
}

.ctm_pageTtl .ttlLv1 {
    padding: 0 !important;
    margin: 35px 0 0 !important;
}

#island .ttlLv1 > h2:before {
    content: url(/domtour/jaldp/sakishima_sp/img/icon_island.jpg);
    margin-right: 20px;
    padding-left: 12px;
    vertical-align: middle;
}

.ctm_pageTtl.hc01 {
    border-bottom: 1px dashed #f00;
}


/* =============== 全国旅行支援 =============== */
.contentsInr img {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

.contentsInr .withIcon img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}.contentsInr img {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

.contentsInr .withIcon img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.iconModal .altIcon {
    width: 11px;
    height: 12px;
}

.txtLink .altIcon {
    font-size: inherit;
}

.iconModal {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #0f0f69;
    text-decoration: none !important;
}

.iconModal .altIcon {
    top: 0.75em;
    left: 0;
    transform: translateY(-50%);
}

img.altIcon {
    margin-left: -10px;
    padding-right: 5px;
}.iconModal .altIcon {
    width: 11px;
    height: 12px;
}

.txtLink .altIcon {
    font-size: inherit;
}

.iconModal {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #0f0f69;
    text-decoration: none !important;
}

.iconModal .altIcon {
    top: 0.75em;
    left: 0;
    transform: translateY(-50%);
}

img.altIcon {
    margin-left: -10px;
    padding-right: 5px;
}

.js-c-lightbox-content {
    width: auto !important;
    padding: 0 5px !important;
    margin: 0 auto !important;
}

button.mfp-close.close-btn {
    margin-top: -20px;
}

.red {
    color: #CC0000;
}

.contentsInr .otoku {
    background-color: #fff5cc;
    margin: 40px 0;
    padding: 20px;
    text-align: center;
    position: relative;
}

.contentsInr .otoku .img_logo {
    position: absolute;
    right: 55px;
    bottom: 18px;
}

.contentsInr .otoku .img_logo img {
    width: 90px;
}

.contentsInr .otoku .otoku_tit {
    font-size: 28px;
    font-weight: bold;
}

.contentsInr .otoku .otoku_text{
	font-size:18px
}
.contentsInr .otoku .tdU{
	text-decoration: underline;
}
.contentsInr .otoku .otoku_tit span {
    font-size: 18px;
    font-weight: normal;
}

.contentsInr .otoku .comment {
	margin-top:10px;
    font-size: 14px;
}

.contentsInr .otoku .l-fs {
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
}

.contentsInr .tourInr {
    margin-bottom: 60px;
}

.contentsInr .tourInr.infoTxt p.-adjustment {
    font-size: 16px;
}

#section03 .tourInr h2 {
    padding: 0;
}

/* ========== add ========== */

.colWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin: 0 auto;
}

.couponTypeDPBox span.sizeXS {
    font-size: 1.5rem;
}

.couponTypeDPBox span.sizeL {
    font-size: 3rem;
    color: #cc0000;
}

.couponTypeDPBox span.sizeS {
    font-size: 2.6rem;
    color: #cc0000;
}

.couponTypeDPdata {
    background-color: #ff9000;
    color: #ffffff;
    padding: 15px 5px;
    margin-top: 10px;
}

.colWrap.-col3 {
    align-items: center;
}

.colWrap.-col3 .col:nth-child(even) {
    width: 10%;
    margin-left: 0;
}

.colWrap.-col3 .col:nth-child(odd) {
    width: 45%;
}

.couponTypeDPBox span.sizeL {
    line-height: 1.4;
}


@media (min-width: 740px) {
    .mgtXS {
        margin-top: 10px !important;
    }
    .mgtS {
        margin-top: 20px !important;
    }
    .colWrap {
        justify-content: space-between !important;
        flex-wrap: nowrap !importan;
    }
    .clm_1_2col.colWrap .col.-adjustment {
        width: 100% !important;
    }
    .noteList>li.btnBox {
        padding-left: 0;
    }

    .noteList>li:before {
        left: 0px;
    }
	.txtList>li, .noteList>li, .noteList_star>li, .numList>li {
    	position: relative;
	}
	.noteList>li.-adjustment:before {
    	display: none;
	}
}

.noteList>li.btnBox .btn {
    padding: 10px 30px !important;
}

strong {
    color: #cc0000;
    font-weight: bold;
}

em {
    font-weight: bold;
}

.new_accordion.type_normal .head {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 6px 6px 6px 9px;
    cursor: pointer;
}

.new_accordion.type_normal .content {
    border: 1px solid #d0d0d0;
    border-top: none;
}

/* box_informatio */
.box_information{
	border: 2px solid #129aee;
	padding: 20px;
	background: #dbf1ff;
    margin-top: 16px;
}

.informationTtl{
    background-color: #129aee;
    color: #fff;
    display: inline-block;
    padding: 10px;
}
.fs20{font-size:20px;}
.txtListBox {
    margin-top: 10px;
}

.dp_roundtrip_module{
    display: none !important;
}
.dp_roundtrip_module.-disabled{
    display: block !important;
    margin-left: 13px;
}

/* 230418追加 */
.hotel_gradeup{background-color: #1e90ff;color: #ffff00;padding: 15px;text-align: left;height: 95px;}
.hotel_gradeup_text{padding: 10px;margin-bottom: 20px;border:2px solid #1e90ff;}

/* 230608追加 */
.circle1{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #191970;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  color: #fff;
  font-size: 15px;
	float: left;
}

.hotel_gradeup_text2{color:#ffffff;}
.hotel_gradeup_text3{padding: 28px 3px 30px 104px;line-height: 170%!important;}

　/*　230616追加　*/
.substrong{
    font-weight: bold;
}
.star{
    margin: 10px;
    text-align: center;
}
.star img{
    width: 500px;
}
.bdt{
    border-top:1px solid #d0d0d0;
    padding: 10px 0;
}
.marker{
    background:linear-gradient(transparent 60%, #FFF000 60%);
}
.mgb10{
    margin-bottom: 10px;
}