@charset "utf-8";
/*
* ★★CSS for smartphone
*
 * @date     2015.08.04
 * @author   zhaoly
 */

/* ------------------------------------------

------------------------------------------ */
body #widewrapper{
	background:#FFFFFF; width:100%; margin:0 auto 0 auto; padding:0; clear:both; padding:0;
}
.sp{ display:none;}
#contentsArea {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}


#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}



#contents .pagetop a:hover {
  text-decoration: underline;
}



body #widewrapper #topBnr{ width:100%; height:303px; position:relative; margin:0 0 12px 0;}
body #widewrapper #topBnr h1{ display:block; position:absolute;  z-index:10; top:0; left:0; width:100%; padding-top:8px; padding-bottom:8px; text-align:center; color:#FFFFFF; font-size:20px;}
body #widewrapper #topBnr img.main{ display:block; width:918px; margin-top:-303px; margin-left:auto; margin-right:auto; position:relative; z-index:5;}
body #widewrapper #topBnr div.w1200{width:100%; max-width:1440px;margin:0 auto;position:relative;height:303px;}
body #widewrapper #topBnr div.sliders{ width:100%;max-width:1440px; position:relative; margin:0; height:303px; padding:0;}
body #widewrapper #topBnr div.sliders div#imgs{width:100%;max-width:1440px; position:relative; margin:0;overflow:hidden;padding:0;height:303px;}

body #widewrapper #topBnr #arrowL{display:block; width:30px; height:30px; top:145px; left:10px;position:absolute;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
body #widewrapper #topBnr #arrowR{display:block; width:30px; height:30px; top:145px; right:10px;position:absolute;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
#topBnr a#arrowL img,#topBnr a#arrowR img{opacity:0.7;-moz-opacity:0.7; -khtml-opacity:0.7; filter: alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; width:100%;} 
#topBnr a#arrowL:hover img,#topBnr a#arrowR:hover img{opacity:1;-moz-opacity:1; -khtml-opacity:1; filter: alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; width:100%;}
body #widewrapper #topBnr div.sliders div#imgs span{display:inline; margin:0 auto; padding:0;}
body #widewrapper #topBnr div.sliders div#imgs img.pc{ display:inline; margin:0 auto; padding:0;}

body #widewrapper #topBnr div.w1200 span.date{ display:block; width:930px; margin:-95px auto 0 auto; color:#222222; font-size:14px; text-align:center; position:relative; z-index:10; line-height:18px;}



body #widewrapper .contents{ width:950px; margin:0 auto;}

#contentsArea{ width:1050px; margin:0 auto;}
#contents{ background:#FFFFFF;}
#contents.column2R{ width:1050px; padding:0 0 15px 0;}
#search-box {border:2px solid #083971; background-color: #FFF; border-radius:5px 5px 0 0;}
#search-box h1{ background:#083971; color:#FFFFFF; display:block; margin:0 0 5px 0; padding-top:6px; padding-bottom:6px; text-align:center; font-size:16px;}

.column2R #subContents{ width:202px;}
.column2R #mainContents {
    float: right;
    width: 830px;
}
#keywordSearch{border:2px solid #083971; background-color: #FFF;}
#keywordSearch h1{color:#083971;}
#browsHistory{border:2px solid #083971;}


#contents p.pagetop{ width:100%; margin-bottom:20px; text-decoration:underline;}


.hotelbox li {border: 1px solid #bfbfbf;background-color: #fff;margin-bottom: 10px;}
.hotelbox li dl {overflow: hidden; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;}
.hotelbox li dt {position: relative;width: 450px;float: left;}
.hotelbox li dt span{position: absolute;display: block;background-color: #000;color: #fff;padding: 5px 35px;top: 0;left: 0;font-size: 90%;text-align: center;}
.hotelbox li dd {float: left;width: 365px;margin-left: 10px;}
.hotelbox li dd .httl {font-size: 24px;color: #083971;padding: 10px 0;}
.hotelbox li dd .pr {font-size: 78%;padding-bottom: 10px;line-height: 1.4;}
#contents.column2R .hotelbox li dd .link  {color: #168dd9;font-size: 90%;text-decoration: underline;}
#contents.column2R .hotelbox li a:hover dd .link  {text-decoration: none;}

#keyVisual {
width: 100%;
position: relative;
}
#keyVisual.newKV {
  height: 340px;color: #fff;
}
#keyVisual h1{position: absolute;bottom: -33px;z-index: 10;font-size: 160%;font-family: 'myfont' !important; width: 100%;text-align: center;}
/*#keyVisual span.pr {position: absolute;bottom: 64px;width: 55%;margin-left: -35%;left: 58%;z-index: 999;}*/
#keyVisual.newKV h1 span {display: block;background: none;z-index: 999;font-size: 60px;height:auto !important ;padding: 0;font-weight: bold;margin-left: -20px;}
#keyVisual.newKV  { font-family: '02UtsukushiMincho' !important; z-index: 999;line-height: 1.4; width: 100%;}

   @font-face {
   font-family: 'myfont';
   src: url('../font/myfont.woff') format('woff'),
          url('../font/myfont.ttf') format('truetype');}

    .myfont  { font-family: 'myfont';}



.rslides {
  list-style: outside none none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.rslides li {
  left: 0;
  top: 0;
  width: 100%;
}
.rslides li img{
  width: 100%;
}
#slider1 {width: 100%;max-height: 310px;}
.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 40px;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.centered-btns_nav.next {
  left: auto;
  right: 5px;
  background:  url(../images/arrow-r.png) 0 0 no-repeat;z-index: 9999;
  }
  .centered-btns_nav.prev {
  right: auto;
  left: 5px;
  background:  url(../images/arrow-l.png) 0 0 no-repeat;z-index: 9999;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.icon-new {
  display: inline-block;
  padding: 4px;
  background: yellow;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px
}

.icon-point {
  display: inline-block;
  padding: 4px;
  background: #008cd6;
  margin-bottom: 7px;
  font-size: 12px;
  color: white;
  font-weight: bold;
  border-radius: 4px
}

.icon-limited {
  display: inline-block;
  padding: 4px;
  background: red;
  margin-bottom: 7px;
  font-size: 12px;
  color: white;
  font-weight: bold;
  border-radius: 4px
}

#subContents .bnrs {
  border: 2px solid #083971;
}

@media screen and (max-width: 460px){
.none {display:none}
}



span.pr{
    position: absolute;
    width: 100%;
    height: 25%;
    left: 0;
    bottom: 30px;
    background-color: rgba(29, 27, 27, 0.5);
    font-size: 20px;
    padding: 15px 0 0;
    text-align: center;
    color: #ffffff;
    line-height: 24px;
    z-index: 10;
}

.topimg{
    position: absolute;
    width: 1080px;
    margin-bottom: 15px;
    top:10px;
    height: 100%;
  }
.spNone{
      font-size: 25px !important;
    display: block !important;
    margin-left: -7px !important;
 }

.topimg h1.top1 {
    width: 1080px;
    height: 310px;
    margin-left: -275px;
}
.topimg h1 {
    display: block;
    position: absolute;
    left: 50%;
    top: 118px;
}
#search-box #oa-arv1 {
    background: #f0f0f0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #777777;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 5px rgba(171,171,171,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 5px rgba(171,171,171,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 5px rgba(171,171,171,0.6);
    color: #333333;
    line-height: 1.7;
    padding: 0.3em 0.5em;
}


/* ------- 20161013------- */

#keyVisual { margin-bottom:0;}

.page_icon { text-align:center; width:280px; margin:0 auto 30px auto;}
.page_icon li.icon01 { float:left; width:100px; margin:0 15px; font-size:85%; text-align:center; position:relative;}
.page_icon li.icon02 { float:left; width:100px; margin:0 15px; font-size:85%; text-align:center; position:relative;}
.page_icon li.icon03 { float:left; width:100px; margin:0 15px; font-size:85%; text-align:center; position:relative;}
#contentsArea .page_icon li a span { display:block; padding-top:42px;}
#contentsArea .icon01 a.nav_bg { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon01.gif) no-repeat center top; display:block; text-decoration:none; transition: 0.6s; color:#b9b9b9; }
#contentsArea .icon02 a.nav_bg { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon02.gif) no-repeat center top; display:block; text-decoration:none; transition: 0.6s; color:#b9b9b9; }
#contentsArea .icon03 a.nav_bg { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon03.gif) no-repeat center top; display:block; text-decoration:none; transition: 0.6s; color:#b9b9b9; }
#contentsArea .icon01 a.nav_bg:hover { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon01_o.gif) no-repeat center top; color:#666666;}
#contentsArea .icon02 a.nav_bg:hover { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon02_o.gif) no-repeat center top; color:#666666;}
#contentsArea .icon03 a.nav_bg:hover { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon03_o.gif) no-repeat center top; color:#666666;}

nav ul.ss-navMenu{ display:block; position:absolute; top:48px; left:-40px; background:#FFFFFF; width:173px; border: 1px solid #b9b9b9; border-radius: 5px;padding: 5px 0; z-index:999999;}
nav ul.ss-navMenu label{display:block; cursor:pointer;}
nav ul.ss-navMenu:before {
    border-color: transparent transparent #b9b9b9;
    border-style: dashed dashed solid;
    border-width: 9px;
    content: "";
    height: 0;
    left: 80px;
    overflow: hidden;
    position: absolute;
    top: -18px;
    width: 0;
}
nav ul.ss-navMenu:after {
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 8px;
    content: "";
    height: 0;
    left: 81px;
    overflow: hidden;
    position: absolute;
    top: -16px;
    width: 0;
}


nav ul.ss-navMenu li{ margin-bottom:5px; margin-top:5px; font-size:12px; position:relative; display:block; vertical-align:top; text-align:left; float:none; padding:0; height:auto;} 
nav ul.ss-navMenu li a{ color:#008cd6; padding:6px 10px; display:block;position:relative;}
nav ul.ss-navMenu li a:hover{ color:#008cd6; background:#dadada;}
nav ul.ss-navMenu li a.subMenu:after {
	border-right: 1px solid #008cd6;
    border-top: 1px solid #008cd6;
    content: " ";
    display: inline-block;
    height:5px;
    margin-top: -4px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari  Chrome */
-o-transform:rotate(45deg); 	/* Opera */
	background:none!Important;
    width:5px;}

nav ul.ss-navMenu li ul{ display:block; position:absolute; top:0; left:173px; background:#FFFFFF; width:160px; border: 1px solid #008cd6;
border-radius: 5px;padding: 5px 0;}
nav ul.ss-navMenu li ul li a{ color:#008cd6; padding:6px 10px; display:block;position:relative;}
nav ul.ss-navMenu li ul li a:hover{ color:#008cd6; background:#fbea3b;}

.sp { display:none;}
.column2R #subContents { float:none;}

nav ul.ss-navMenu li{
	float:left;
	width:50%;
}