@charset "utf-8";

/*------ index-------*/

#title	{
	height: 0;  width:100%; 
     padding-top: 27.2777%;
    background: url(../img/index.jpg) center top no-repeat;
    background-size: contain;
	margin:0 0 20px 0;
}
.index_txt_bg{background: linear-gradient(to bottom, #FFF, #FFF 30%, #FFF 60%, #E9F6FE);}
.index_txt{ background:url(../img/index_txtbg.png) no-repeat 0 0 ;
text-align:center; height:250px;
width:1000px; max-width:100%; margin:0 auto; padding:30px 0 0; font-size:16px;line-height: 200%;
}


.index_map_wrp{ background:#E9F6FE; padding-bottom:100px;}
.index_map{
	width:1160px;

	height:1025px;
	background:url(../img/index_map.png) no-repeat center top;
	margin:0 auto;
	position:relative;
	}
.index_map_fuki{
		width:1160px;
	
	height:1025px;
	margin:0 auto;
	/*background:url(../img/index_map2.png) no-repeat center top;*/
    background:url("../img/index_map2_nonhti.png") no-repeat center top;
}
	
	#vacation{
	width: 350px;
	position:absolute;
	bottom:-10px;
	left:60px;
	color: #fff;
	padding: 20px;
	font-size:14px;
	line-height:1.6;
/*	background: #6FC5C2;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	
}

/*-----------------------------------
 iPad CSS
-------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#title{ overflow:hidden;}
  .index_txt_bg,.index_map,.index_map_wrp,.index_map_fuki{width:100%; background-size:contain; overflow:hidden;}
	.index_map_fuki{ background:none;width:100%;overflow:hidden;}
#vacation { left:8%;}

}

/*エアーズロック*/
#aye { width:100%;background:url(../img/p0141_s.jpg); text-align:center; }

.FOL{background: url(../img/ayq/FOL.png) no-repeat center top #000; text-align:center; padding-top:250px;}
.FOL p.text{ color:#FFFFFF; padding:2%;text-align:left; }
.FOL dl{ color:#FFF; margin:0 0 0 180px;text-align:left;}
.FOL dd{ text-indent:80px;}
.FOL p.text_c{ color:#FFFFFF;margin-left:160px;}
/*ケアンズ*/

/*ハミルトン島*/
.sightphoto{ width:100%;  }
.sightphoto img{ float:left; width:25%; }
#heaven_bg{ clear:both;}
/*メルボルン*/

/*シドニー*/

/*ゴールドコースト*/
.mens{    position: absolute;
    right: -3%;
    bottom: 130px;
    width: 530px;
    float: left;}

/*パース*/
.areaContentBox3{
	width: 31.3%;
	float:left;
	margin: 0;
	box-sizing:border-box;
	padding:0 0 0px;
	margin:1%;
}
.areaContentBox3 li.areaImg{
	position:relative; z-index:0;
	width: 100%;
	margin-bottom:20px;
}
.areaContentBox3 li.areaImg:after{
 position: absolute;
  z-index:-1;
  top:5px;
  left:5px;
  content:"";
  height:100%;
 width:100%;
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
	background:#A1B6DC;}


.areaContentBox3 li.areaText{
	width:100%;
	line-height: 180%;

}
.areaContentBox3 li.areaText h4{ 
    display: inline;
    font-size: 1.3em;
    background: linear-gradient(transparent 50%, #ff0 50%);
    text-align: center;
    font-weight: bold;
}

.line-box-ttl{/*height:85px; */line-height:140%;}

.notour{display: none;}
.notour:nth-child(3){
    display: block;
    text-align: center;
    padding: 20px;
    font-size:1.3em;
}



/* btn（ボタン型/テキスト1行）------------------*/
.linkArea_btn{ width: 65%; margin:30px auto;  text-shadow: none;}
.linkArea_btn a { display:block;padding: 6px 10px 6px 0;text-align: center;      font-weight: bold;
    line-height: 1.5em;
	background-color: #F32C19;
	background-image: url("/kaigai/oceania/australia/feature/chubu/sp/img/arrow_right_white001.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 12px;
	border-radius: 30px;
/*	box-shadow: 1px 1px 1px rgba(0,0,0,.4); 
    box-shadow: 0 3px #CCC;*/
	    font-size: 16px;
    color: #FFF; text-decoration:none;
}
.linkArea_btn.black a {background-color: #666; font-size:12px;}
.linkArea_btn.blue a {background-color: #4A76BD;}
.linkArea_btn.yellow a {background-color: #C09D33;}
.linkArea_btn.orange a {background-color: #FF6E00;}
.linkArea_btn.green a {background-color: #50B6AB;}
.linkArea_btn.pink a {background-color: #FF3366;}
.linkArea_btn.vioret a {background-color: #AB97E1;}
#btn_op a{background-color:#4A76BD;}
.linkArea_btn a:hover{opacity:0.7; transition:all 0.4s ease;}

/*Youtube*/
.area-movie_main{padding:4%;background:#000000; }
.area-movie{padding:0 2% 3%; width: 700px; margin:0 auto;}
.area-movie iframe{border: solid 7px #00AFA6;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border: solid 3px #FFFFFF;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.fl{float:left; padding-right:10px;}
.mb10{ margin-bottom:10px;}
.mt10{ margin-top:10px;}
.pt10{padding-top:20px;}


/**
共通
************************/

#wrap{
	width:100%; max-width:100%; overflow:hidden; font-size: 13px;
	padding:0;
	margin:0;
 position:relative;
}

.content{line-height: 160%;}
.content.bg_koara{background: transparent url(../img/bg-koara.png)  center top repeat-y; padding-bottom:40px;}
.content.bg_heart{background: transparent url(../img/bg-heart.png) center top repeat-y; padding-bottom:40px;}
.content.bg_tokage{background: transparent url(../img/bg-tokage.png) center top repeat-y; padding-bottom:40px;}


.MainImg{height: 0; width:100%;
    padding-top:25%;/* 高さ497 ÷幅1990 × 100 */
    background-size: cover!important;
    position: relative; text-indent:-9999px;}
.MainImg.ayq{background:url(../img/ayq.jpg) center center no-repeat;}
.MainImg.cns{background:url(../img/cns.jpg) center center no-repeat;}
.MainImg.syd{background:url(../img/syd.jpg) center center no-repeat;}
.MainImg.ool{background:url(../img/ool.jpg) center center no-repeat;}
.MainImg.mel{background:url(../img/mel.jpg) center center no-repeat;}
.MainImg.per{background:url(../img/per.jpg) center center no-repeat;}
.MainImg.hti{background:url(../img/hti.jpg) center center no-repeat;}
	

.MainText{padding: 60px 0; text-align:center; }
.MainText h2{ width:960px; font-weight:bold; margin:0 auto;padding-bottom:5px; margin-bottom:15px;font-size: 22px; line-height:140%;}

.MainText.ayq{border-bottom: solid 5px #BF9C35;} .MainText.ayq h2{color:#BF9C35; }
.MainText.cns{border-bottom: solid 5px #50B6AB;} .MainText.cns h2{color:#00AFA6; }
.MainText.syd{border-bottom: solid 5px #9076D5;} .MainText.syd h2{color:#9076D5; }
.MainText.ool{border-bottom: solid 5px #CFAA1D;} .MainText.ool h2{color:#CFAA1D; }
.MainText.mel{border-bottom: solid 5px #FF6E00;} .MainText.mel h2{color:#FF6E00; }
.MainText.per{border-bottom: solid 5px #4B77BB;} .MainText.per h2{color:#4B77BB; }


p.text{width: 94%; padding-bottom: 2%; line-height: 180%; margin: 0 auto;}
p.text_c{padding:2%; color:#666; font-size:0.9em; line-height:140%; text-align:left;}
p.movietext{width:90%; margin:0 auto; padding-bottom:2%; font-size:16px; color:#666;line-height: 180%;
}

/*見出し*/
.content h3{
	width:960px; margin:0 auto 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 22px;
	color: #fff;
	background: #50B6AB;
	position: relative;
	text-align: center;
	padding: 15px 0;
	line-height:1.2;
	
}
.content h3::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	border-top: 15px solid #50B6AB;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;}
	
h3.blue{background: #32548B;}
h3.blue::after{border-top: 15px solid #32548B;}	
h3.yellow{background: #C09D33;}
h3.yellow::after{border-top: 15px solid #C09D33;}
h3.orange{background: #FF6E00;}
h3.orange::after{border-top: 15px solid #FF6E00;}
h3.vioret{background:#5F53AC;}
h3.vioret::after{border-top: 15px solid #5F53AC;}
h3.green{background:#50B6AB;}
h3.green::after{border-top: 15px solid #50B6AB;}
h3.pink{background:#FF3366;}
h3.pink::after{border-top: 15px solid #FF3366;}
h3.black{background:#000;}
h3.black::after{border-top: 15px solid #000;}

/*　見出しまわり */
.ttl{text-align:center; color:#50B6AB;background: url(../sp/img/bar.png) repeat-x center top; padding:90px 0 45px; font-size: 18px; font-weight:bold; }	
.ttl span{	font-family: 'Damion', cursive; font-size: 3.0em;padding:0 18px; margin-right:1%; font-weight:normal;
background-image:
			linear-gradient( 0deg, white 22%, transparent 22% )
			, linear-gradient( 0deg, #DBEBE3 30%, transparent 30% )
			, linear-gradient( 0deg, transparent 100%, transparent 100% )
}

.MainText p{
	font-size:16px;
	width:960px;
    margin: 0 auto;
    line-height: 180%;}

.MainText h3{
	width: 90%;
    margin: 0 auto 2%;}


/* */
#area_ayq .ttl {color: #c09d33;}
#area_ayq .ttl span {
	background-image:linear-gradient( 0deg, white 22%, transparent 22% ), linear-gradient( 0deg, #e8dbb2 30%, transparent 30% ), linear-gradient( 0deg, transparent 100%, transparent 100% );}
#area_hti .ttl{color: #F69;}
#area_hti .ttl span{background-image:
			linear-gradient( 0deg, white 22%, transparent 22% )
			, linear-gradient( 0deg, #FEDAE3 30%, transparent 30% )
			, linear-gradient( 0deg, transparent 100%, transparent 100% )
}
#area_hti .area-movie iframe {border: solid 7px #fedae3;}
.bg_hti {
	background:url(../sp/img/hti/hti_bg.jpg);
	background-size:cover;
}

#area_syd .ttl {color: #9076d5;}
#area_syd .ttl span {
	background-image:linear-gradient( 0deg, white 22%, transparent 22% ), linear-gradient( 0deg, #e8e1f7 30%, transparent 30% ), linear-gradient( 0deg, transparent 100%, transparent 100% );}
#area_syd .sight_box {background:#f2ecff;}
#area_syd .area-movie iframe {border: solid 7px #c0b1e7;}
#area_syd .sight_box_wrp h4 {color: #5f53ac;border-bottom: dotted 2px #a298e2;}

#area_ool .ttl {color: #cfaa1d;}
#area_ool .ttl span {
	background-image:linear-gradient( 0deg, white 22%, transparent 22% ), linear-gradient( 0deg, #f7eae1 30%, transparent 30% ), linear-gradient( 0deg, transparent 100%, transparent 100% );}
#area_ool .sight_box {background:#f2ecff;}
#area_ool .area-movie iframe {border: solid 7px #decc88;}
#area_ool .sight_box {background: #f3ebcc;}

#area_per .ttl{color: #4b77bb;}
#area_per .ttl span {background-image:linear-gradient( 0deg, white 22%, transparent 22% ), linear-gradient( 0deg, #dae4f5 30%, transparent 30% )     , linear-gradient( 0deg, transparent 100%, transparent 100% );}
#area_per .area-movie iframe {border: solid 7px #b1c4e4;}
#area_per .sight_box_wrp h4 {color: #4b77bb; border-bottom: dotted 2px #8bade0;}
#area_per .sight_box{background: #d5dfef;}

#area_mel .ttl{color:#ff6e00;}
#area_mel .ttl span {background-image:linear-gradient( 0deg, white 22%, transparent 22% ), linear-gradient( 0deg, #ffeada 30%, transparent 30% )     , linear-gradient( 0deg, transparent 100%, transparent 100% );}
#area_mel .sight_box{ background:#ffe9d7;}
#area_mel .area-movie iframe{ border: solid 7px #ffcfaa;}
#area_mel .sight_box_wrp h4{color: #ff6e00; border-bottom: dotted 2px #ffa766;}

/* */


/*おすすめホテル*/
#hotel{position: relative;}

.hotelttl{text-align:center; color:#DA5146/*#50B6AB*/;background: url(../sp/img/bar.png) repeat-x center top; padding:45px 0; font-size: 18px; font-weight:bold;}	
.hotelttl span{	font-family: /*'Markazi Text', serif */'Damion', cursive; font-size: 3.0em;padding:0 18px; margin-right:1%; font-weight:normal;
background-image:
			linear-gradient( 0deg, white 22%, transparent 22% )
			, linear-gradient( 0deg, #FBD6C6 30%, transparent 30% )
			, linear-gradient( 0deg, transparent 100%, transparent 100% )


}

#hotelBox,#hotelBoxR{ margin-bottom:45px;}
#hotelBoxL{ margin-bottom:10px;}
#hotelBox li span{   border-left: 3px solid #50B6AB;color:#50B6AB;
    padding-left: 3%;
	 display: block; 
	 font-weight:bold;}
	

#hotelBox p{ padding-right:10px;}	

#hotelBox > li:nth-child(1){
	width: 30%;
	line-height: 180%;
	/*font-size: 0.8em;*/ 
}
#hotelBox > li:nth-child(2){
	width: 50%;height:260px; overflow:hidden;
	padding-right:5px;
	text-align:right;
}
#hotelBox > li:nth-child(3){height:260px; overflow:hidden;
	width: 20%;
}
#hotelBoxL li,#hotelBoxR li{ width:50%; margin:0;}

#hotelBoxL img, #hotelBoxR img{ width:240px; height:160px;}

#hotelBoxL img:nth-child(2){ padding-right:10px;}
#hotelBoxR p{ padding: 0 10px;}

.more{ text-decoration:underline!important; color:#0000FF!important;}


#Title,.Title{
	border-left: 3px solid #000;
	padding-left: 3%;
	font-size:18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
	margin: 0 0 2%;
}
#Title span,.Title span{
	font-size: 16px;
	padding: 0 1%;
}


/* おすすめツアー
------------------------------*/
#recommended{
	width: 100%;
	margin: 0 auto 4%;
}
#recommended a{
	text-decoration: none;
}
#recommended h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #fff;
	background: #231815;
	position: relative;
	text-align: center;

	
}
#recommended h3::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	border-top: 15px solid #231815;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
#recommendedBox{
	list-style: none;
	margin: 0;
	padding: 0;
}
#recommendedBox > li{
	width: 96%;
	margin: 1% auto;
}


/**
観光紹介
************************/

.inner_box{padding:0 0 45px; width:960px; margin:0 auto; position:relative;}
.sight_box_wrp{ 
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 30px;
}

/*　リストの時　*/	
.sight_box_wrp.col1 li{  width: 950px;}
.sight_box_wrp.col3 li{  width: 310px;}	
		
/*　divの時　*/		

.ttl_center{text-align: center;     margin: 0 0 10px 0;}
.sight_box_l{ box-sizing:border-box; width:48%; float: left; margin:0 1%; padding-bottom: 20px;}	/*　col2　*/		
.sight_box{
    box-sizing: border-box;
    width: 24%;
    background: #E6F5F0;/*　col4　*/		
    float: left;
    padding: 1%;
    margin-right: 1%;
    font-size: 13px;
    border-radius: 10px;
}	
	
	
.sight_box_wrp h4,.sight_box_l h4{ width:100%; padding:0 0; margin:2px 0 5px;border-bottom: solid 1px #50B6AB; font-weight:bold; font-size:14px; }


.inner_box h2{    font-weight: bold;
    color: #00958A;
    font-size: 17px; padding-bottom:5px;}

.sight_box_wrp li{
 float: left;
     margin:0 10px 25px 0;
/*    background: #fff;*/
   /* height: 325px;*/
}


.sight_box_wrp  h4{
	font-weight: bold;
    color: #00958A;
    font-size: 17px;
    border-bottom: dotted 2px #6CABA6;
    padding: 10px 10px 5px;
}
.sight_box p{ padding: 5px;}
.cpn_area{ width:760px; background: url(/kaigai/oceania/australia/feature/chubu/sp/img/cns/aqua_bg.gif) #FFF repeat ; padding:30px 0; margin:0 auto 30px; border: solid 4px #000000;border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; text-align:center;}
.cpn_area a:hover{
	opacity: 0.7;
    color: #FFF;}
.ayqtour{text-align:center;}


.bn_wrp{ width:760px; margin:20px auto 0; text-align:center;}
.bn_wrp a:hover{
	opacity: 0.7;
    color: #FFF;}

.areaContentBox{
	width:960px;
	margin:0 auto;
display: flex;
}


.areaContentBox li{
	box-sizing:border-box;
	/*width: 48%;
	margin: 1% 2%;*/
}
.areaContentBox li.areatext{
    box-sizing: border-box;
    width: 100%;
    margin: 1% 0 0;
    text-align: left;
}
.areaContentBox li.areaImg{
	box-sizing:border-box;
width:100%;
	margin: 1%;
}

.areaContentBox li.areatext h4{
   /* border-left: 3px solid #000;
    padding-left: 3%;*/
    font-size: 1.2em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
    margin: 0 0 2%;
}

.areaContentBox li.areatext h4 span,.MainText h4 span{ background: #FF0;padding:2px 5px 0; margin-right:3px; font-size:10px;}
.areaContentBox li.areatext p{ padding-bottom:10px;}

.one-item-btn{

	text-align:center;
	margin: 0 auto 5%;
}
.one-item-btn a img {
    width: 15px;
    top: -5px;
    position: relative;
}
.one-item-btn a{display: inline-block;
	background: #006a62;	width:60%;
	border-bottom: solid 2px #003833!important;
	padding: 7px 10px;
	text-decoration:none;border-radius: 5em;
    color: #FFF; font-weight:bold; font-size:1.1em;
}

.one-item-btn a:hover{
	opacity:0.7;	color:#FFF;
}

.bg01{background:url(../sp/img/per/ac_bg01.gif) repeat;}
.bg02{background:url(../sp/img/per/ac_bg02.gif) repeat;}
.bg03{background:url(../sp/img/mel/ac_bg03.gif) repeat;}
.bg04{background:url(../sp/img/mel/ac_bg04.gif) repeat;}
.bg05{background:url(../sp/img/ool/ac_bg05.gif) repeat;}
.bg06{background:url(../sp/img/ool/ac_bg06.gif) repeat;}
.bg07{background:url(../sp/img/cns/ac_bg07.gif) repeat;}
.bg08{background:url(../sp/img/cns/ac_bg08.gif) repeat;}
.bg09{background:url(../sp/img/syd/ac_bg09.gif) repeat;}
.bg10{background:url(../sp/img/syd/ac_bg10.gif) repeat;}
.bg11{background:url(../sp/img/ayq/ac_bg11.gif) repeat;}
.bg12{background:url(../sp/img/ayq/ac_bg12.gif) repeat;}






/*オプショナルツアー（4分割タイプ）*/
.op_wrp{ padding:3%;}
.op_box_l{ box-sizing:border-box; width:30.3%; float: left; margin:0 1.5%;}	/*　col2　*/	

.op_ttl{ background:#000000; text-align:center; color:#FFF; font-weight:bold; padding:5px;	display: flex;  align-items: center;  justify-content: center; font-size:110%;}
.op_text{ background:#FFF; color:#000;  font-size:0.9em; padding-bottom:4%; border-radius: 0 0 10px 10px;}
/*.op_text p{ padding:2%;}*/	
.black a{background-color:#666; margin:0 8% 0;}


/* オプショナルツアー（画像タイプ）
------------------------------*/
/*#option h3{
	width: 100%;
	background: linear-gradient(transparent 70%, #EFE4CD 0%);
}
#optionBg{
	background: #EFE4CD;
	width: 100%;
	padding: 3% 0;
}*/
#optionBox,.optionBox{
	width: 49%;
	margin:0.5%;
	position:relative;
	float:left;

}
#optionBox dt,.optionBox dt{
    display:block;
    width:100%; height:340px;
    /*cursor:pointer;*/
    background: rgba(00,00,00,0.2);  color:#FFFFFF; text-align:center;
 }
#optionBox dt img,.optionBox dt img{ width:100%; height:340px; overflow:hidden;} 
#optionBox dt span,.optionBox dt span{ position:absolute; top:0; left:0; margin:5% 0; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);display:block;width:100%; }
#optionBox dt span b,.optionBox dt span b{ display:block;width:80%; margin:0 auto 5px; font-weight:bold; font-size:1.3em; padding:8px; border-top: solid 2px #fff; border-bottom: solid 2px #fff;}
#optionBox dd,.optionBox dd{position:absolute; bottom:0; left:0; margin:5%; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
#optionBox dd a,.optionBox dd a{ display:block; width:50%; margin:10px auto 0; background-color:#FFF; padding:8px; color:#595959; font-weight:bold; text-align:center;    background-image: url(../img/icon_corner.png);
    background-position: right 1px bottom 1px;
    background-size: 10px;
    background-repeat: no-repeat; border-radius:3px;
	font-size:12px;
}

/* イモトキャンペーン　*/
.cpn_bn { width: 960px; margin: 50px auto; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
.cpn_bn a:hover{ opacity: 0.7;}



/* 乗算 */
.multiply { mix-blend-mode: multiply; } 

/* スクリーン */
.screen { mix-blend-mode: screen; }

/* オーバーレイ */
.overlay { mix-blend-mode: overlay; }
/* 暗く */
.darken { mix-blend-mode: darken; }
/* 明るく */
.lighten { mix-blend-mode: lighten; }