@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.06.17
* @author HeChengHao
*/

/* -- Reset -- */
ul,li,dl,dt,dd{ list-style:none;}
#widewrapper{ width:100% !important;}
#contentsArea {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;background:#fff;word-wrap:break-word;}
#contentsArea a:visited:hover,#contentsArea a:link:hover,#contentsArea a:visited:active,#contentsArea a:link:active{text-decoration:none;}
#contentsArea #contents{width:100%; margin:0;padding:0;background:#fff; color:#000;}
#mainContents{ width:100%; overflow:hidden; padding-bottom:20px;}
#contentsArea .sp{display:none;}
*[class*="btn"]{text-align:center; line-height:0;}
*[class*="btn"] a:hover,*[class*="btn"] a:active{opacity:0.7;filter:alpha(opacity=70); text-decoration:none !important;}

/* -- *contentsArea* -- */
.grp,.photo{ text-align:center; line-height:0;}
.grp img,.photo img{ width:100%;}
.bnr01{clear:both;overflow:hidden;text-align:center;margin:15px auto 10px;}
.bnr01 img{padding-bottom:8px;}
.btn{ margin:30px auto 10px;overflow:hidden; clear:both;}
.btn1{ clear:both; overflow:hidden; margin:0 auto; padding:35px 0;}

/* top */
#keyVisual{width:100%;overflow:hidden;clear:both;margin-bottom:0; line-height:0; position:relative; height:639px;}
#keyVisual h1{ text-indent:0; position:absolute; left:50%; top:50%; margin:-112px 0 0 -346px; z-index:99;}
#keyVisual .slider img{ display:inline-block; position:absolute; top:0;}
#keyVisual .slider img.img1{animation:50s linear infinite topslider1;
-moz-animation:50s linear infinite topslider1; /* Firefox */
-webkit-animation:50s linear infinite topslider1; /* Safari and Chrome */
-o-animation:50s linear infinite topslider1; /* Opera */}
#keyVisual .slider img.img2{animation:50s linear infinite topslider2;
-moz-animation:50s linear infinite topslider2; /* Firefox */
-webkit-animation:50s linear infinite topslider2; /* Safari and Chrome */
-o-animation:50s linear infinite topslider2; /* Opera */}
@keyframes topslider1
{
0%   {left:-1700px;}
100% {left:1700px;}
}
@keyframes topslider2
{
0%   {left:-3400px;}
100% {left:0;}
}
.toppr{ font-size:18px; margin:40px auto 0; text-align:center; line-height:1.3; width:950px;}


/* nav */
.navbtn{ overflow:hidden; margin:70px auto; width:100%; background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/imgbg.gif);}
.navbtn ul{ margin:0 auto; width:1022px;}
.navbtn ul li{ float:left; line-height:0; margin:0 35px; height:112px;}
.navbtn ul li a{ display:block; height:112px !important; text-indent:-9999px;}
.navbtn ul li.nav1 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav1.png) no-repeat; width:206px;}
.navbtn ul li.nav1 a:hover{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav1_o.png) no-repeat; width:206px;}
.navbtn ul li.nav2 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav2.png) no-repeat; width:235px;}
.navbtn ul li.nav2 a:hover{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav2_o.png) no-repeat; width:235px;}
.navbtn ul li.nav3 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav3.png) no-repeat; width:183px;}
.navbtn ul li.nav3 a:hover{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav3_o.png) no-repeat; width:183px;}
.navbtn ul li.nav4 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav4.png) no-repeat; width:118px;}
.navbtn ul li.nav4 a:hover{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/btnNav4_o.png) no-repeat; width:118px;}

/* -- Contents -- */
.widebox{ width:100%; clear:both; position:relative;}
.ttl{ line-height:0; text-align:center; }
.atn{ width:950px; margin:0 auto 40px; font-size:12px; line-height:1.5; text-shadow:1px 1px #000; color:#fff;}

#PART1{ background:#d7f9f1;}
#PART1 .photo{ width:480px; margin:0 auto;}
#PART1 .photo:hover{opacity:0.7;filter:alpha(opacity=70);}
#PART1 .pr{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/imgbg.gif); margin:20px 0; padding:20px 0 0; height:110px; box-sizing:border-box;}
#PART1 .pr span{ display:block; margin:0 auto; width:920px; font-size:18px; line-height:1.3;}
#PART1 .icon1{ position:absolute; left:0; bottom:40px;}
#PART1 .icon2{ position:absolute; right:50px; bottom:100px;}

#PART2{ padding-top:30px;}
#PART2 .itembox{ width:950px; margin:40px auto 0;}
#PART2 .itembox .item{ width:190px; float:left; margin-bottom:20px;}
#PART2 .itembox .item dl{ width:190px; overflow:hidden;}
#PART2 .itembox .item dl dt{ margin:5px; position:relative; overflow:hidden;}
#PART2 .itembox .item dl dt img{ width:100%; box-sizing:border-box; padding:5px;}
#PART2 .itembox .item dl dt span{ position:absolute; left:0; top:0; width:180px; height:180px;}
#PART2 .itembox .item dl dt span img{ padding:0;}
#PART2 .itembox .item dl dd.ttl{ margin:10px 0;}
#PART2 .itembox .item dl dd.pr{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/imgbg3.gif); font-size:13px; padding:5px; line-height:1.3;}

#PART3{padding-top:30px;}
.grpnav{ background:#ffff00; margin:30px 0; overflow:hidden;}
.grpnavbtn{ width:866px; margin:25px auto 20px; overflow:hidden; position:relative; z-index:99;}
.grpnavbtn li{ float:left; margin:0 6px 8px 0; line-height:0; width:166px;}
.grpnavbtn li a{ display:block; width:166px;height:54px; text-indent:-9999px;}
.grpnavbtn li a:hover,.grpnavbtn li a:active{opacity:1;filter:alpha(opacity=100);}
.grpnavbtn1 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn1.gif) no-repeat;}
.grpnavbtn1 a:hover,.grpnavbtn1 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn1_o.gif) no-repeat;}
.grpnavbtn2 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn2.gif) no-repeat;}
.grpnavbtn2 a:hover,.grpnavbtn2 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn2_o.gif) no-repeat;}
.grpnavbtn3 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn3.gif) no-repeat;}
.grpnavbtn3 a:hover,.grpnavbtn3 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn3_o.gif) no-repeat;}
.grpnavbtn4 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn4.gif) no-repeat;}
.grpnavbtn4 a:hover,.grpnavbtn4 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn4_o.gif) no-repeat;}
.grpnavbtn5 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn5.gif) no-repeat;}
.grpnavbtn5 a:hover,.grpnavbtn5 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn5_o.gif) no-repeat;}
.grpnavbtn6 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn6.gif) no-repeat;}
.grpnavbtn6 a:hover,.grpnavbtn6 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn6_o.gif) no-repeat;}
.grpnavbtn7 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn7.gif) no-repeat;}
.grpnavbtn7 a:hover,.grpnavbtn7 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn7_o.gif) no-repeat;}
.grpnavbtn8 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn8.gif) no-repeat;}
.grpnavbtn8 a:hover,.grpnavbtn8 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn8_o.gif) no-repeat;}
.grpnavbtn9 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn9.gif) no-repeat;}
.grpnavbtn9 a:hover,.grpnavbtn9 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn9_o.gif) no-repeat;}
.grpnavbtn10 a{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn10.gif) no-repeat;}
.grpnavbtn10 a:hover,.grpnavbtn10 a.here{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/tbtn10_o.gif) no-repeat;}

.grpbox{ width:950px; margin:40px auto 30px; position:relative; z-index:99; overflow:hidden;}
.grpbox .waterfall{ width:950px;  display:none;}
.grpbox .waterfall li{ width:190px; padding:5px; box-sizing:border-box; float:left;}
.grpbox .waterfall li img{ width:100%; box-shadow:2px 2px 3px #999;}
.loadmore{ clear:both; overflow:hidden;padding:30px 0; text-align:center; font-size:16px; text-shadow:1px 1px 2px #999; cursor:pointer;}
.loadmore:hover{ text-shadow:none;}
.plusbtn{ clear:both; overflow:hidden; text-align:center;}
.plusbtn a{margin:35px auto 0; font-size:16px; font-weight:bold; display:block; padding:10px; border-radius:5px; text-align:center; background:#16b4ad; width:200px; position:relative; color:#ffffff !important; line-height:1.5;}
.plusbtn a:hover{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
.plusbtn a:before{
	display: block;
	position: absolute;
	top: 45%;
	right: 7px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

#PART3 .icon3{ position:absolute; right:180px; top:180px;}



#PART4{ background:#ffffcc; padding:30px 0}
#PART4 ul{width:950px; height:407px; position:relative; margin:30px auto; z-index:999;}
#PART4 ul li{position:absolute;}
#PART4 ul li a{display:block; width:100px; cursor:pointer;}
#PART4 ul li:hover{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
#PART4 ul li img , #PART4 ul li p{display:none;}
.kuni01{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area01.jpg); width:138px; height:167px; top:0; left:0;}
.kuni02{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area02.jpg); width:262px; height:263px; top:0; left:138px;}
.kuni03{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area03.jpg); width:150px; height:136px; top:0; left:400px;}
.kuni04{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area04.jpg); width:129px; height:144px; top:0; left:550px;}
.kuni05{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area05.jpg); width:133px; height:144px; top:0; left:679px;}
.kuni06{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area06.jpg); width:138px; height:240px; top:0; right:0;}
.kuni07{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area07.jpg); width:150px; height:136px; top:136px; left:400px;}
.kuni08{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area08.jpg); width:262px; height:263px; bottom:0; left:550px;}
.kuni09{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area09.jpg); width:138px; height:240px; bottom:0; left:0;}
.kuni10{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area10.jpg); width:138px; height:167px; bottom:0; right:0;}
.kuni11{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area11.jpg); width:131px; height:144px; bottom:0; left:138px;}
.kuni12{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area12.jpg); width:131px; height:144px; bottom:0; left:269px;}
.kuni13{background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/area13.jpg); width:150px; height:135px; bottom:0; left:400px;}
.kuni01 a{width:138px; height:167px;}
.kuni02 a{width:262px; height:263px;}
.kuni03 a{width:150px; height:136px;}
.kuni04 a{width:129px; height:144px;}
.kuni05 a{width:133px; height:144px;}
.kuni06 a{width:138px; height:240px;}
.kuni07 a{width:150px; height:136px;}
.kuni08 a{width:262px; height:263px;}
.kuni09 a{width:138px; height:240px;}
.kuni10 a{width:138px; height:167px;}
.kuni11 a{width:131px; height:144px;}
.kuni12 a{width:131px; height:144px;}
.kuni13 a{width:150px; height:135px;}
#PART4 .icon4{ position:absolute; left:0; bottom:-30px;}

#OB{ padding-top:30px;}
#KY,#CP{ padding-top:30px; background:#d7f9f1; overflow:hidden;}
#OB dl,#CP dl{ width:950px; margin:35px auto; font-size:16px; line-height:1.3; overflow:hidden;}
#OB dl dt,#CP dl dt{ color:#16b4ad; padding-bottom:10px; font-weight:bold;}
#OB dl dd,#CP dl dd{ padding-bottom:20px;}
#KY dl{ width:750px; margin:35px auto; font-size:16px; line-height:1.3; overflow:hidden;}
#KY dl dt{ float:left; width:120px; padding-bottom:10px;}
#KY dl dd{ float:right; width:600px; padding-bottom:10px;}
#KY dl dd b{ display:block;}

/* -- search -- */
#Search{ background:url(https://img.travel.rakuten.co.jp/kaigai/special/photo/summer/images/ttlSearchbg.jpg) center bottom no-repeat; background-size:cover;}
#contentsArea #search-box{width:950px; margin:30px auto; padding:0; border:none; background:none;}
#contentsArea #search-box h1{ padding:0; margin:25px 0 35px; font-weight:normal; line-height:1; font-size:36px; text-align:center; color:#fff;}
#search-box-body{background:#fff; margin:0; padding:0 20px 20px; border:none;}
#contentsArea #search-box .searchCategory{width:auto;}



#contents .pagetop{
	position: fixed;
	z-index: 9;
	bottom: 0;
	right:10px;
	width: 40px;
	height: 30px;
}
#contents .pagetop a{
	display: block;
	width: 40px;
	height: 30px;
	background: rgba(0,0,0,0.8);
	border-radius: 4px 4px 0 0;
	color: #FFF;
	text-indent: -9999px;
}
#contents .pagetop a span{display:none;}
#contents .pagetop a:before{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -3px;
	margin-left: -7px;
	border-top: 4px solid #FFF;
	border-right: 4px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}

a:link, a:visited {
    color: #1D54A7;!important
    text-decoration: none;
}
div#grpLocationArea.newHD {
    margin: 10px 0 10px 15px;
    width: auto;
}
div#grpLocationArea {
    clear: both;
    float: left;
    width: 820px;
    font-size: 82%;
}