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

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

------------------------------------------ */
.pc{ display:none;}
body #widewrapper{
	background:#FFFFFF; width:100%; margin:0; padding:0;
}
#grpLocationArea{margin-bottom:15px;font-size:82%;padding:0 20px}

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

#search-box p.searchSubmit a {
   background: -moz-linear-gradient(
        top,
        #CA2828 0%,
        #BA1313);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#CA2828),
        to(#BA1313));
	border: 1px solid #c12d2c;}
	
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}

#contentsArea #verticalRecentRoot {border-color: #FFF;}





body #widewrapper #topBnr{ width:100%;  position:relative; margin:0 0 15px 0;}

body #widewrapper #topBnr div.sliders{ width:100%; position:relative; margin:0;padding:0;}
body #widewrapper #topBnr div.sliders div#imgs{ width:100%; position:relative; margin:0;}

body #widewrapper #topBnr #arrowL{display:block; width:25px; height:25px; top:35%; left:10px;position:absolute;}
body #widewrapper #topBnr #arrowR{display:block; width:25px; height:25x; top:35%; right:10px;position:absolute;}
#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%;} 

body #widewrapper #topBnr div.sliders div#imgs{width:100%; overflow:hidden; margin:0; padding:0;}
body #widewrapper #topBnr div.sliders div#imgs span{display:inline; margin:0 auto; padding:0;width:100%;}
body #widewrapper #topBnr div.sliders div#imgs img.sp{ display:inline; margin:0; padding:0;width:100%;}

body #widewrapper #topBnr h1{ display:block;  width:100%; padding-top:8px; padding-bottom:8px; text-align:center; color:#FFFFFF; font-size:17px; background:#333333;}
body #widewrapper #topBnr  span.date-sp{ display:block; width:95%; margin:5px auto 0 auto; color:#222222; font-size:12px; text-align:center; position:relative;}

#contents{ background:#FFFFFF;}
#search-box {border:1px solid #083971;}
#search-box h1{ color:#083971;}
#keywordSearch{border:1px solid #083971; background-color: #FFF;}
#keywordSearch h1{color:#083971;}
#browsHistory{border:1px solid #083971;}


.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 ;padding-bottom: 10px;}
.hotelbox li dt {position: relative;}
.hotelbox li dt img {width: 100%;}
.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 {padding: 0 10px;}
.hotelbox li dd .httl {font-size: 24px;color: #083971;padding: 10px 0;}
.hotelbox li dd .pr {font-size: 78%;padding-bottom: 10px;}
#contents.column2R .hotelbox li dd .link a {color: #168dd9;font-size: 90%;text-decoration: underline;}
#contents.column2R .hotelbox li dd .link a:hover {text-decoration: none;}

#keyVisual h1{position: absolute;top: 27px;z-index: 999;font-size: 150px;color: white;font-weight: bold;}
#keyVisual span.pr {font-size: 11px;top: 80px; color: white; padding: 5px; background-color: #999; display:block;}
#keyVisual.newKV h1 span {display: block;background: none;z-index: 999;font-size:18%;font-weight: bold;height:auto !important ;}

.centered-btns_nav {display: 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: 1px solid #083971;
}

.spNone {
  display:none !important;
}

/*高橋追加分*/
#keyVisual .rslides li img {
    width: 100%;
    max-width: 100%;
}

#contentsArea {
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
   @font-face {
   font-family: 'myfont';
   src: url('font/myfont.woff') format('woff'),
          url('font/myfont.ttf') format('truetype');}

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

.topimg{
    position: absolute;
    width: 1080px;
    margin-bottom: 15px;
    top:10px;
    height: 100%;
  }
.topimg h1.top1 {
    width: 1080px;
    height: 310px;
    margin-left: -275px;
}
.topimg h1 {
    display: block;
    position: absolute;
    left: 50%;
    top: 118px;
}
br {
  display: none;
}

#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;
}

/* ------- 20161007------- */

#contentsArea .pc { display:none;}

.cp__acordion { float:left; width:50%; font-size:88%}

.cp__acordion .cp__trigger {
    font-size: 95%;
    display: block;
    position: relative;
    cursor: pointer;}

.cp__acordion li .cp__trigger { background: url(https://img.travel.rakuten.co.jp/kaigai/special/contents/images/icon02.gif) no-repeat center; text-align:center; width:100%; display:block; padding-top:48px; color:#b9b9b9; height:10px; margin:0 auto 30px auto;}
.cp__liststyle-dot > * {
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 1px;
    font-size: 88%;
	width: 45%;
	float: left;
}
.cp__acordion ul.submenu { overflow:hidden;
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 2%;
    line-height: 1.4; width:174%; margin:0 11%; border-radius:5px; position:relative;
}

.cp__acordion ul.submenu:before {
    border-color: transparent transparent #b9b9b9;
    border-style: dashed dashed solid;
    border-width: 9px;
    content: "";
    height: 0;
    left: 45%;
    overflow: hidden;
    position: absolute;
    top: -18px;
    width: 0;
}

.cp__acordion ul.submenu:after {
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 8px;
    content: "";
    height: 0;
    left: 45%;
    overflow: hidden;
    position: absolute;
    top: -16px;
    width: 0;
}
.cp__liststyle-dot label{
	display:block;
}


ul.cp__liststyle-dot li a {
    color: #008cd6;
    /*padding: 6px 10px;*/
    display: block;
    position: relative;
}