@charset "utf-8";
/*
* style-pc.css
* 2018.06.14 dhayashi
*/

/* ==========================================================================
   Eric Meyer's Reset CSS v2.0
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
	letter-spacing: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==========================================================================
   common
========================================================================== */
html{
	overflow-y: scroll;
}

body{
	min-width: 950px;
	background: #FFF;
	color: #000;
	line-height: 1.1;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

a:link,
a:visited{ color: #1D54A7; text-decoration: none;}
a:hover,
a:active { color: #BF0000; text-decoration: underline;}

/* ==========================================================================
   Header
========================================================================== */
a#rt-wide-banner{/*横断バナー*/
 display: block;
 width: 100%;
 height: 40px;
 margin: 0;
 padding: 0;
 line-height: 1;
 background: #eaeaea;
 text-align: center;
}

.rt-header{
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 950px;
	background-color: #FFF !important;
    line-height:1.1 !important;
}

.rt-header a:link,
.rt-header a:visited{ color: #1D54A7; text-decoration: none !important;}
.rt-header a:hover,
.rt-header a:active { color: #BF0000; text-decoration: underline !important;}

.rt-header .rt-group-link{ height: 22px; margin-bottom: 0; padding: 4px 15px 0 15px; background: #F9F9F9; text-align: right;}
.rt-header .rt-group-link li{ display: inline; margin-left: 15px; font-size: 12px;}
.rt-header .rt-group-link li a{ color:#000;}

.rt-header .rt-service-bar{ position: relative; width:100%; height: 72px; margin:0; border-bottom: 2px solid #66B821;}

.rt-header .rt-site-id{ position: absolute; top: 12px; left: 15px; z-index: 110; width: 330px; height: 45px; float: none; padding-top: 15px;}
.rt-header .rt-site-id .rt-site-name a,
.rt-header .rt-site-id .rt-site-name em{ display: block; float: left; width: 192px; height: 32px; margin-right: 10px; background: url(https://img.travel.rakuten.co.jp/share/common/images/travel-logo-pc.png) 0 0 no-repeat; background-size:192px 32px; text-indent: -9999px;}
.rt-header .rt-site-id .rt-outline{ display:none; padding-top: 12px; font-size: 18px; line-height: 1.1; color: #66B821; white-space: nowrap;}

.rt-header .rt-promotion{ position: absolute; top: 12px; right: 15px; width: 170px; height: 53px;}

.rt-header .rt-utility{ position: absolute; z-index: 120; top: 12px; right: 200px; width: 635px; height: 60px;}
.rt-header .rt-help-link{ margin-bottom: 7px; text-align: right;}
.rt-header .rt-help-link li{ display: inline; margin-left: 10px; font-size: 12px;}
.rt-header .rt-help-link li.rt-lang-link{ position: relative;}
.rt-header .rt-help-link li.rt-lang-link ul{ position: absolute; z-index: 101; top:20px; right:0; width: 140px; padding: 10px 10px 3px; border:1px solid #CCC; background: #FFF; text-align: left; box-shadow: 0px 2px 2px rgba(0,0,0,0.2);}
.rt-header .rt-help-link li.rt-lang-link ul li{ display: block; margin: 0 0 7px 0; font-size: 100%;}
.rt-header .rt-help-link li.rt-lang-link a:after{
	display: inline-block;
	content: "";
	margin-left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 0;
	border-left-width: 4px;
	margin-top: -2px;
	vertical-align: middle;
}
.rt-header .rt-help-link li.rt-lang-link a:link:after,
.rt-header .rt-help-link li.rt-lang-link a:visited:after{ border-color: #1D54A7 transparent transparent transparent;}
.rt-header .rt-help-link li.rt-lang-link a:hover:after,
.rt-header .rt-help-link li.rt-lang-link a:active:after { border-color: #BF0000 transparent transparent transparent;}
.rt-header .rt-help-link li.rt-lang-link ul li a:after{ content: none; margin-left: 0;}

.rt-header .rt-member-notification{float: right; width: 394px; text-align: right; font-size: 12px;}
.rt-header .rt-member-notification:before,
.rt-header .rt-member-notification:after {content:""; display:table;}
.rt-header .rt-member-notification:after {clear:both;}
.rt-header .rt-member-notification {zoom:1;}

.rt-header .rt-notification-btn-box{width: 86px; float: right; margin-left: 5px; position: relative; zoom: 1;}
.rt-header .rt-notification-btn{display: block; width: 86px; zoom:1; position: relative;}
.rt-notification-btn{background-color: #FFF; border: 1px solid #CCC; background: url(https://trvimg.r10s.jp/share/common/images/sprite-pc.png) no-repeat -129px -245px; cursor: pointer; padding: 0 5px 0px 25px; font-size: 12px; height: 28px; width: 80px;}
.rt-count-badge{display: inline-block; padding: 2px 5px; color: #FFF; background-color: #BF0000; font-family: MS-PGothic, "Hiragino Kaku Gothic ProN", sans-serif; font-size: 13px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; zoom: 1; border: 2px solid #FFF;}
.rt-header .rt-count-badge{position: absolute; top: -7px; right: 50px;}

.rt-btn-notification{display: none;}

.rt-header .rt-member { clear: both; float: left; width: 385px; padding-top: 7px; padding-bottom: 4px; text-align: right; font-size: 12px; overflow: hidden;}
.rt-header .rt-member dt{ display: inline; padding: 1px 5px 1px 17px; background: url(https://trvimg.r10s.jp/share/common/images/sprite-pc.png) no-repeat;}
.rt-header .rt-member dt.rt-member-diamond { background-position: -133px 0px;}
.rt-header .rt-member dt.rt-member-platinum{ background-position: -133px -50px;}
.rt-header .rt-member dt.rt-member-gold    { background-position: -133px -100px;}
.rt-header .rt-member dt.rt-member-silver  { background-position: -133px -150px;}
.rt-header .rt-member dt.rt-member-regular { padding-left: 0; background: none;}
.rt-header .rt-member dt a:link,
.rt-header .rt-member dt a:visited{ color: #000; text-decoration: none;}
.rt-header .rt-member dt a:hover,
.rt-header .rt-member dt a:active { color: #BF0000; text-decoration: none;}
.rt-header .rt-member dt b{ display:inline-block; max-width:180px; font-weight: bold; padding-left: 3px; font-size: 14px; overflow: hidden;
white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; vertical-align:-2px;}
.rt-header .rt-member dd  { display: inline; color: #CC0000; font-weight: bold;}
.rt-header .rt-member dd b{ font-size: 14px;}

.rt-header .rt-nologin { float: right; width: 320px; padding-top: 7px; text-align: right; font-size: 12px;}
.rt-header .rt-nologin dt{ display: inline; padding: 1px 5px 1px 0;}
.rt-header .rt-nologin dd,
.rt-header .rt-nologin ul  { display: inline;}
.rt-header .rt-nologin li  { display: inline; padding-left: 7px;}
.rt-header .rt-nologin li a{ font-weight: bold; text-decoration: underline;}
.rt-header .rt-nologin li a:link,
.rt-header .rt-nologin li a:visited{ color: #000;}
.rt-header .rt-nologin li a:hover,
.rt-header .rt-nologin li a:active { color: #BF0000;}

.rt-header .rt-mytrv{ float: right; width: 143px; height:28px; margin-left: 7px;}
.rt-header .rt-mytrv a{ display: block; padding: 7px 0 0 0; height: 21px; background: #66B821; text-align: center; font-size: 12px; color: #FFF;}
.rt-header .rt-mytrv a span{ font-size: 12px;}

.rt-header .rt-btn-info{ display :none;}

.rt-header .rt-nav-link{ clear: both; position:relative; min-width: 990px; height: 33px; padding: 0 8px; background: #EAEAEA; border-bottom:1px solid #CCC; z-index: 2;}
.rt-header .rt-nav-link dt{ display: none;}
.rt-header .rt-nav-link ul{ text-align: left;}
.rt-header .rt-nav-link li{ display: inline; font-size: 13px; font-weight: bold; line-height: 1.1;}
.rt-header .rt-nav-link li a{ display: inline-block; height: 18px; padding: 10px 7px 5px; color:#000;}
.rt-header .rt-nav-link li.rt-nav-active a{ background: #CCC;}
.rt-header .rt-nav-link li.rt-nav-hover a{ height: 19px; margin-top:2px; padding: 6px 6px 5px; border-color:#CCC; border-style:solid solid none; border-width: 1px 1px 0; background:#FFF;}
.rt-header .rt-nav-link li.rt-nav-down a:after{
	display: inline-block;
	content: "";
	margin-left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 0;
	border-left-width: 4px;
	border-color: #000 transparent transparent transparent;
	margin-top: -2px;
	vertical-align: middle;
}
.rt-header .rt-nav-link .rt-nav-secondary{ display:none; position:absolute; top:34px; left:-8px; width:100%; padding-left:8px; border-bottom:1px solid #CCC; background:#FFF;}
.rt-header .rt-nav-link .rt-nav-hover .rt-nav-secondary{ display:block; }
.rt-header .rt-nav-link .rt-nav-secondary li{ font-weight: normal;}
.rt-header .rt-nav-link .rt-nav-secondary li:first-child{ margin-left: 8px;}
.rt-header .rt-nav-link .rt-nav-secondary li a{ height: 18px; margin-top:0; padding: 10px 7px 5px; border:none; background: transparent;}
.rt-header .rt-nav-link .rt-nav-secondary li a:after{ content: none; margin-left: 0;}

/* for event banner */
div#wideEventBanner {
    height: 40px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}
div#wideEventBanner a{
    display : block;
}

div#wideEventBanner.camby{
    height : 100%;
    margin-top : 10px;
    margin-bottom : 10px;
}

/* for Racco-Alliance header */
.rt-header .rt-rsvh-message{
	height: 20px;
	margin-bottom: 0;
	padding: 6px 15px 0 15px;
	background: #F9F9F9;
	font-size: 12px;
}

.rt-header.rt-rsvh .rt-site-id{
    width: 410px;
}

.rt-header .rt-rsvh-logo{
	display: table;
	float: left;
	width: 84px;
	height: 42px;
	margin-right: 8px;
}
.rt-header .rt-rsvh-logo a{
	display: table-cell;
	width: 84px;
	height: 42px;
	vertical-align: top;
}
.rt-header .rt-rsvh-logo img{
	display: block;
	max-width: 84px;
	max-height: 42px;
	width: auto;
	height: auto;
}

.rt-header .rt-rsvh-info{
	height: 72px;
	padding: 0 15px 0 428px;
}

.rt-header .rt-rsvh-linkbox dt{
	display: none;
}

.rt-header .rt-rsvh-utility{
	position: relative;
	z-index: 1;
	float: right;
	width: 150px;
	height: 60px;
	margin-top: 12px;
}

.rt-header .rt-rsvh-help{
	height: 18px;
	margin-bottom: 6px;
	text-align: right;
}
.rt-header .rt-rsvh-help li{
	display: inline;
	margin-left: 10px;
	font-size: 12px;
}

.rt-header .rt-rsvh-utility .rt-mytrv{
	position: absolute;
	right: 0;
	bottom: 8px;
}

.rt-header .rt-rsvh-logout{
	position: relative;
	z-index: 1;
	float: right;
	width: 115px;
	height: 72px;
}
.rt-header .rt-rsvh-logout a{
	display: block;
	position: absolute;
	bottom: 8px;
	left: 7px;
	width: 106px;
	padding: 6px 0 0 0;
	height: 20px;
	text-align: center;
	font-size: 12px;
	color: #000;
	border: 1px solid #CCC;
	background: #FFF;
}

.rt-header .rt-rsvh-user{
	width: 100%;
	height: 52px;
	padding-top: 20px;
}
.rt-header .rt-rsvh-user ul{
	line-height: 1.4;
}
.rt-header .rt-rsvh-user ul li{
	font-size: 12px;
	text-align: right;
}
.rt-header .rt-rsvh-user ul li.rt-rsvh-company{
	min-height: 18px;
}
.rt-header .rt-rsvh-user ul li b{
	font-weight: bold;
	font-size: 14px;
}

/* ==========================================================================
   Notification Message
========================================================================== */
.rt-notification-message{
	position: absolute;
	width: 800px;
	padding: 20px;
	border: 1px solid #CCC;
	line-height: 150%;
	top: 30%;
	left: 20%;
	display: none;
}

.rt-notification-message div{
	position: relative;
}

.rt-notification-message .rt-btn-notification-message-close{
	text-indent: -9999px;
	background-image: url(https://trvimg.r10s.jp/share/common/images/rt-notification-close-pc.png);
	background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -30px;
	right: -30px;
	z-index: 600;
}

.rt-notification-message .rt-notification-btn{
	line-height: 230%;
	width: 49px;
	position: relative;
	margin-top: -30px;
	margin-right: 250px;
	float: right;
	cursor: auto!important;
}

.rt-notification-message .rt-notification-btn .rt-count-badge{
	line-height: 100%;
	position: absolute;
	top: -6px;
	left: 16px;
}

/* notification popup [#ritNotification]
----------------------------*/
#notificationList{
	display: none;
}


#ritNotification {
  /*display: none;*/
  position: absolute;
  border: solid 1px #686868;
  box-shadow: 3px 3px #cecece;
  -moz-box-shadow: 3px 3px #cecece;
  -webkit-box-shadow: 3px 3px #cecece;
  -o-box-shadow: 3px 3px #cecece;
  -ms-box-shadow: 3px 3px #cecece;
  z-index: 5555;
  top: 98px;/* 2014.11.21 */
  *top: 96px;/* 2014.11.21 */
  right: 73px;/* 2014.11.21 */
  background: #ffffff;
  padding-right: 4px;
  width: 634px;
  padding-bottom: 20px;
}

.ntfTopTail {
  position: absolute;
  left: 312px;
  top: -13px;
  *top: -11px;
  width: 6px;
  z-index: 7777;
}

.ntfTtlCnt {
  overflow: hidden;
  zoom: 1;
  font-weight: bold;
}

.ntfTtlCnt .ntfTtl {
  width: 210px;
  padding: 5px 11px;
  float: left;
}

.ntfTtlCnt .ntfClose {
  width: 15px;
  margin: 4px 0px 2px;
  float: right;
  background: url(https://a.ichiba.jp.rakuten-static.com/com/img/home/opt/css/icn_close_gray.gif) no-repeat 0 0;
  cursor: pointer;
}

.ritNotificArea, .ritNotificInfo, .ritNotificError{
	font-size: 80%;
}

.ntfTxt{
	line-height: 1.2!important;
}

.ntfTxtTime{
	font-size: 70%!important;
}

/* Error */
.ritNotificError {
  display: none;
  background: #ffffff;
  z-index: 6666;
  overflow: hidden;
  margin: 8px 19px 30px 23px;
  text-align: center;
}

/* ==========================================================================
   Rakuten Link
========================================================================== */
.rt-rakuten-link {
	clear: both;
	margin: auto auto 1em auto;
	padding: 5px 15px;
	border-top:1px solid #CCC;
	color: #333333;
	font-size: 82%;
}

.rt-rakuten-link a:link,
.rt-rakuten-link a:visited{ color: #1D54A7; text-decoration: none !important;}
.rt-rakuten-link a:hover,
.rt-rakuten-link a:active { color: #BF0000; text-decoration: underline !important;}

/* about ul.grpSpelinlk */
.rt-rakuten-link ul.grpSpelinlk {
	padding:0.3em;
	text-align:center;
	line-height: 1.7;
}
.rt-rakuten-link ul.grpSpelinlk li {
	border-right:1px solid #ADADAD;
	display:inline;
	list-style-type:none;
	padding-left:0.45em;
	padding-right:0.5em;
	zoom:1;
}
.rt-rakuten-link ul.grpSpelinlk li.grpLast {
	border:none;
}

/* about dl#grpKeyword */
.rt-rakuten-link dl#grpKeyword {
	clear:both;
	margin-bottom:0.75em;
	border:1px solid #DDDDDD;
	background:#FCFCFC;
	text-align:center;
}
.rt-rakuten-link dl#grpKeyword dt {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}
.rt-rakuten-link dl#grpKeyword ul {
	display: block;
	margin: 0.75em 0;
	text-align: center;
}
.rt-rakuten-link dl#grpKeyword li {
	display:inline;
	padding-right:1em;
}

/* about div#groupServiceFooter */
.rt-rakuten-link div#groupServiceFooter {
	border-top: 1px solid #808080;
	background: #F4F4F4;
}
.rt-rakuten-link div#groupServiceFooter dl.title {
	margin-bottom: 3px;
	padding: 6px 10px;
	border-bottom: 1px solid #DDDDDD;
}
.rt-rakuten-link div#groupServiceFooter dl.title:after{ content: ""; display: block; clear: both;}
.rt-rakuten-link div#groupServiceFooter dl.title dt {
	float: left;
	margin: 4px 10px 0 0;
	color: #BF0000;
	font-weight: bold;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.allService {
	float: left;
	margin-top: 2px;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.inquiryList {
	margin-left: 5px;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.allService span {
	display: block;
	float: left;
	padding-right: 2px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 100% 0;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.allService span a {
	display: table-cell;
	height: 18px;
	vertical-align: middle;
	padding: 0 10px 0 17px;
	color: #333333 !important;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 0 0;
	text-decoration: none;
}
* html .rt-rakuten-link div#groupServiceFooter dl.title dd.allService span a {  /* for IE6 */
	display: inline-block;
	line-height: 18px;
	vertical-align: baseline;
}
*:first-child+html .rt-rakuten-link div#groupServiceFooter dl.title dd.allService span a {  /* for IE7 */
	display: inline-block;
	line-height: 18px;
	vertical-align: baseline;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.allService span a:hover {
	color: #bf0000;
}

.rt-rakuten-link div#groupServiceFooter dl.title dd.csr {
	float: right;
	text-indent: -999px;
}
.rt-rakuten-link div#groupServiceFooter dl.title dd.csr a {
	display: block;
	overflow: hidden;
	width: 80px;
	height: 20px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 0 -35px;
	text-decoration: none;
}
.rt-rakuten-link div#groupServiceFooter dl.Introduce {
	width: 100%;
	overflow: hidden;
	margin-bottom: 3px;
	padding: 2px 0;
	background: #F7F7F7 url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -68px -200px;
}
.rt-rakuten-link div#groupServiceFooter dl.Introduce dt.IntroduceTitle {
	float: left;
	width: 110px;
	margin-right: -130px;
	padding: 8px 10px;
	font-weight: bold;
}
.rt-rakuten-link div#groupServiceFooter dl.Introduce dd.IntroduceDetail {
	overflow: hidden;
	zoom: 1;
}
.rt-rakuten-link div#groupServiceFooter dl.Introduce dd.IntroduceDetail ul {
	padding-left: 130px;
}
.rt-rakuten-link ul.serviceCol3 li {
	width: 33%;
}
.rt-rakuten-link ul.serviceCol4 li {
	width: 24.9%;
}
.rt-rakuten-link ul.serviceCol5 li {
	width: 19.9%;
}
.rt-rakuten-link #grpRakutenRecommend {
	margin-left: 130px;
	padding: 8px 10px 8px 26px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -179px -24px;
}

.rt-rakuten-link ul#selectedService:after{ content: ""; display: block; clear: both;}
.rt-rakuten-link ul#selectedService li {
	float: left;
	margin-left: -1px;
	background: url('data:image/gif;base64,R0lGODlhAQAGAIABAMrKyv///yH5BAEAAAEALAAAAAABAAYAAAIDRGJRADs=') repeat-y;
}
* html .rt-rakuten-link ul#selectedService li {
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/bg_dotted.gif') repeat-y;
}
*:first-child+html .rt-rakuten-link ul#selectedService li {
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/bg_dotted.gif') repeat-y;
}
.rt-rakuten-link ul#selectedService li.first {
	background: none !important;
}
.rt-rakuten-link ul#selectedService dl {
	padding: 8px 10px 8px 27px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -178px -24px;
}
.rt-rakuten-link ul#selectedService dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.rt-rakuten-link ul#selectedService dd {
	color: #666666;
}
.rt-rakuten-link div#serviceList {
	font-size:100%;
	clear:both;
	padding: 10px 0;
	border-top: 1px solid #DDDDDD;
	background: #FFFFFF;
}
.rt-rakuten-link div#serviceList dl {
	padding: 0 5px 5px;
	line-height: 1.4;
}
.rt-rakuten-link div#serviceList dl:after{ content: ""; display: block; clear: both;}
.rt-rakuten-link div#serviceList dt {
	float: left;
	width: 8em;
	font-weight: bold;
}
.rt-rakuten-link div#serviceList dd {
	margin-left: 8.5em;
}
.rt-rakuten-link div#serviceList li {
	float: left;
	margin-right: 10px;
	white-space: nowrap;
}
.rt-rakuten-link div#serviceList li a {
	color: #666666;
	text-decoration: none !important;
}

/* ==========================================================================
   Footer
========================================================================== */
.rt-footer{
	clear: both;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 15px 15px 15px 10px;
	border-top: 1px solid #CCC;
	background: #FFF;
	text-align: left;
}
.rt-footer a:link,
.rt-footer a:visited{ color: #1D54A7; text-decoration: none !important;}
.rt-footer a:hover,
.rt-footer a:active { color: #BF0000; text-decoration: underline !important;}

.rt-footer ul.rt-foot-nav{
	margin-bottom: 10px;
	font-size: 13px;
}
.rt-footer ul.rt-foot-nav li{
	display: inline;
	margin-left: -1px;
	padding: 0 6px 0 5px;
	border-left: 1px solid #ADADAD;
}
.rt-footer ul.rt-foot-nav li:first-child{ border-left: none;}

.rt-footer dl.rt-switch-device{
	display: none;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}
.rt-footer dl.rt-switch-device dt,
.rt-footer dl.rt-switch-device dd,
.rt-footer dl.rt-switch-device ul,
.rt-footer dl.rt-switch-device li{
	display: inline;
}

.rt-footer dl.rt-switch-device li:first-child{
	border-right: 1px solid #ADADAD;
	padding-right: 7px;
}

.rt-footer p.rt-copyright{
	margin-left: 5px;
	font-size: 13px;
}

/* New footer */

.rc-f-standard {
	clear: both;
	color: #515151;
	font-size: 13px;
}
.rc-f-standard a, .rc-f-standard img {
	border: none;
	text-decoration: none;
}
.rc-f-standard a:hover {
	text-decoration: underline;
}
.rc-f-standard li {
	list-style: none;
	padding-bottom:5px;
}
.rc-f-standard h1, .rc-f-standard h2, .rc-f-standard h3, .rc-f-standard h4, .rc-f-standard h5, .rc-f-standard h6, .rc-f-standard h7, .rc-f-standard h8, .rc-f-standard div, .rc-f-standard dl, .rc-f-standard dt, .rc-f-standard dd, .rc-f-standard div, .rc-f-standard p, .rc-f-standard ul, .rc-f-standard li {
	margin: 0;
	padding: 0;
}

.rc-f-standard .rcf-list-inline li{
	line-height:1.7;
}
.rc-f-standard.rc-f-custom00 .rc-f-list-nav li a{
	line-height:1.7;
}
.rc-f-standard.rc-f-custom00 .rc-f-list-nav li.rc-f-list-nav-last a{
	line-height:1.7;
}
.rc-f-standard .rc-f-dl-inline dt.rc-f-dl-title02, .rc-f-standard .rc-f-dl-inline-box dt.rc-f-dl-title02 {
	 vertical-align:top;
	 padding-top:17px;
}
.rc-f-standard li {
	list-style: none;
}
.rc-f-standard .rc-f-section01 {
	padding: 10px 0;
}
.rc-f-standard .rc-f-section-bar {
	padding: 10px 0;
}
.rc-f-standard .rc-f-inner {
	width: 950px;
	margin: 0 auto;
}
.rc-f-standard.rc-f-liquid .rc-f-section-bar, .rc-f-standard.rc-f-fixed .rc-f-section-bar {
	padding: 10px;
}
.rc-f-standard.rc-f-liquid .rc-f-section00, .rc-f-standard.rc-f-fixed .rc-f-section00 {
	padding: 10px;
}
.rc-f-standard.rc-f-liquid .rc-f-section01, .rc-f-standard.rc-f-fixed .rc-f-section01 {
	padding: 10px;
}
.rc-f-standard.rc-f-fixed {
	width: 950px;
	margin: 0 auto;
}
.rc-f-standard.rc-f-liquid .rc-f-inner {
	width: 100%;
}
.rc-f-standard .rc-f-block {
	margin-bottom: 20px;
}
.rc-f-standard .rcf-list-block {
	margin-bottom: 5px;
}
.rc-f-standard .rc-f-center {
	text-align: center;
}
.rc-f-standard .rc-f-text-em {
	color: #bf0000;
}
.rc-f-standard .rc-f-text-strong {
	font-weight: bold;
}
.rc-f-standard .rc-f-list-nav li {
	display: inline;
	zoom: 1;
	padding: 0 0.5em 0 0.45em;
}
.rc-f-standard .rc-f-btn {
	display: block;
	border: 1px solid #c7c7c7;
	color: #515151;
	font-weight: bold;
}
.rc-f-standard .rc-f-btn span {
	display: block;
	padding: 5px 10px 5px 5px;
}
.rc-f-standard .rc-f-btn span:before {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding-left: 5px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #868686;
	content: "";
}
.rc-f-standard .rc-f-btn:hover {
	border: 1px solid #d5d5d5;
	background: #fcfcfc;
	color: #939393;
	text-decoration: none;
}
.rc-f-standard .rc-f-btn:hover span:before {
	border-left: 5px solid #9a9a9a;
}
.rc-f-standard .rc-f-dl-inline dt, .rc-f-standard .rc-f-dl-inline dd, .rc-f-standard .rc-f-dl-inline-box dt, .rc-f-standard .rc-f-dl-inline-box dd {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}

.rc-f-standard .rc-f-dl-inline dt, .rc-f-standard .rc-f-dl-inline-box dt {
	padding-right: 20px;
	font-weight: bold;
}
.rc-f-standard .rc-f-dl-inline dt.rc-f-dl-title01, .rc-f-standard .rc-f-dl-inline-box dt.rc-f-dl-title01 {
	width: 100px;
}
.rc-f-standard .rc-f-list-inline li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-right: 20px;
}
.rc-f-standard .rc-f-dl-inline-box dt {
	padding-top: 8px;
	vertical-align: top;
}
.rc-f-standard .rc-f-row {
	zoom: 1;
}
.rc-f-standard .rc-f-row:before, .rc-f-standard .rc-f-row:after {
	display: table;
	content: "";
}
.rc-f-standard .rc-f-row:after {
	clear: both;
}
.rc-f-standard .rc-f-row .rc-f-col {
	float: left;
}
.rc-f-standard .rc-f-row4 .rc-f-col {
	width: 23.475%;
	margin-left: 2%;
}
.rc-f-standard .rc-f-row4 .rc-f-col.rc-f-first {
	margin-left: 0;
}
.rc-f-standard .rc-f-nav-item {
	padding: 10px 20px;
}
.rc-f-standard .rc-f-first .rc-f-nav-item {
	padding: 10px 20px 10px 0;
}
.rc-f-standard .rc-f-media .rc-f-media-head {
	margin-bottom: 10px;
	font-weight: bold;
}
.rc-f-standard .rc-f-media .rc-f-media-body {
	color: #424242;
}
.rc-f-standard .rcf-list-inline li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-right: 15px;
}
.rc-f-standard .copyright {
	color: #424242;
}
.rc-f-standard.rc-f-custom00 .rc-f-list-nav li {
	border-right: 1px solid #c7c7c7;
}
.rc-f-standard.rc-f-custom00 .rc-f-list-nav li.rc-f-list-nav-last {
	border-right: none;
}
.rc-f-standard.rc-f-custom00 .rc-f-section00 {
	border-top: 1px solid #c7c7c7;
	padding: 10px 0;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 {
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background: #f9f9f9;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-section-bar {
	border-top: 1px solid #e7e7e7;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-section-bar.rc-f-first {
	border-top: none;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-btn {
	border: 1px solid #c7c7c7;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-btn span:before {
	border-left: 5px solid #868686;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-btn:hover {
	border: 1px solid #d5d5d5;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-btn:hover span:before {
	border-left: 5px solid #9a9a9a;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content00 .rc-f-nav-item-delimit {
	border-left: 1px dotted #c7c7c7;
}
.rc-f-standard.rc-f-custom00 .rc-f-section-content01 {
	margin-bottom: 10px;
	border: 1px solid #e7e7e7;
	background: #f9f9f9;
}
.rc-f-standard.rc-f-custom01 .rc-f-list-nav li {
	border-right: 1px solid #c5cdd4;
}
.rc-f-standard.rc-f-custom01 .rc-f-list-nav li.rc-f-list-nav-last {
	border-right: none;
}
.rc-f-standard.rc-f-custom01 .rc-f-section00 {
	border-top: 1px solid #c5cdd4;
	padding: 10px 0;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 {
	border-top: 1px solid #c5cdd4;
	border-bottom: 1px solid #c5cdd4;
	background: #f0f3f8;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-section-bar {
	border-top: 1px solid #dbe4eb;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-section-bar.rc-f-first {
	border-top: none;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-btn {
	border: 1px solid #c5cdd4;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-btn span:before {
	border-left: 5px solid #b7c3cd;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-btn:hover {
	border: 1px solid #d3dae1;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-btn:hover span:before {
	border-left: 5px solid #c5d1da;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content00 .rc-f-nav-item-delimit {
	border-left: 1px dotted #c5cdd4;
}
.rc-f-standard.rc-f-custom01 .rc-f-section-content01 {
	margin-bottom: 10px;
	border: 1px solid #dbe4eb;
	background: #f0f3f8;
}
.rc-f-standard.rc-f-custom02 .rc-f-list-nav li {
	border-right: 1px solid #d3d0cb;
}
.rc-f-standard.rc-f-custom02 .rc-f-list-nav li.rc-f-list-nav-last {
	border-right: none;
}
.rc-f-standard.rc-f-custom02 .rc-f-section00 {
	border-top: 1px solid #d3d0cb;
	padding: 10px 0;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 {
	border-top: 1px solid #d3d0cb;
	border-bottom: 1px solid #d3d0cb;
	background: #f6f5f2;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-section-bar {
	border-top: 1px solid #e8e4dd;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-section-bar.rc-f-first {
	border-top: none;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-btn {
	border: 1px solid #d3d0cb;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-btn span:before {
	border-left: 5px solid #c7c2bb;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-btn:hover {
	border: 1px solid #e0ddd9;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-btn:hover span:before {
	border-left: 5px solid #d5d0c9;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content00 .rc-f-nav-item-delimit {
	border-left: 1px dotted #d3d0cb;
}
.rc-f-standard.rc-f-custom02 .rc-f-section-content01 {
	margin-bottom: 10px;
	border: 1px solid #e8e4dd;
	background: #f6f5f2;
}

/*-- common dp message 03.13.2020 shirato --*/
p#searchExplainForAirPackage{
	color: #C00;
}

.bonusProgrampointup-banner {
	height: 0;
	visibility: hidden;
}

.bonusProgrampointup-banner.isActive {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #CCCCCC;
	visibility:visible;
	height: 38px;
	background-color: #FCFCFC;
}

.bonusProgram-banner__text--word-you {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	color: #333333;
	margin-right: 4px;
}

.banner__text-you {
	line-height: 24px;
	height: 22px;
}

.bonusProgram-banner {
	min-width:max-content;
	width:50%
}

.bonusProgram-banner__dated {
	min-width:max-content;
	width:100%
}

.pointup-banner__before {
	position: relative;
	margin: 8px 0 8px 16px;
	min-width: 50px;
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	color: #333333;
}

.pointup-banner {
	min-width:max-content;
	width:50%
}

.bonusProgram-banner__container {
    position: relative;
    height: 38px;
    background-color: #FCFCFC;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
	border-right: 1px solid #EAEAEA;
}

.bonusProgram-banner__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
	width: 100%;
}

.bonusProgram-banner__col,
.bonusProgram-banner__bonusProgram-area-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bonusProgram-banner__col--right {
	margin-left: 8px;
}

.bonusProgram-banner__container .bonusProgram-banner__sidenote {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	margin-right: 8px;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	color: #333;
	flex-direction: row;
}

.bonusProgram-banner__text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	color: #333333;
}

.bonusProgram-banner__text--clr-green {
	color: #255500;
}

.bonusProgram-banner__text--spc-word-travelbonusProgram {
	margin-right: 8px;
}

.bonusProgram-bannermodal__levelIcon-0-pc {
	width: 60px;
	height: 22px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-0-pc.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-1-pc {
	width: 60px;
	height: 22px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-1-pc.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-2-pc {
	width: 60px;
	height: 22px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-2-pc.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-3-pc {
	width: 60px;
	height: 22px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-3-pc.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-4-pc {
	width: 60px;
	height: 22px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-4-pc.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-0 {
	width: 52px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-0.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-1 {
	width: 52px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-1.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-2 {
	width: 52px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-2.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-3 {
	width: 52px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-3.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-bannermodal__levelIcon-4 {
	width: 52px;
	height: 24px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/level-4.svg);
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-modal__container {
	position: fixed;
	position: -ms-page;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 100%;
	height: 100vh;
	background-color: transparent;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.bonusProgram-modal__container div::after,
.bonusProgram-modal__container div::before{
	content: none;
}

.bonusProgram-modal__container--open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.bonusProgram-modal__backdrop {
	background-color: rgba(0, 0, 0, 0.7);
	position: inherit;
	width: 100%;
	height: 100vh;
	z-index: 100;
	top: 0;
	left: 0;
}

.bonusProgram-modal__box {
	position: inherit;
	width: 451px;
	height: auto;
	max-height: 90%;
	z-index: 200;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
	overflow-y: auto;
	overflow-x: hidden;
}

.bonusProgram-modal__header {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	width: 100%;
	height: 56px;
	background-color: white;
	z-index: 2;
	padding: 16px 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.bonusProgram-modal__btn-close {
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
	background-image: url(//trvimg.r10s.jp/share/common/images/icon_close_black.svg);
	margin-right: 8px;
	-webkit-tap-highlight-color: transparent;
}

.bonusProgram-modal__header-title {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #333333;
}

.bonusProgram-modal__content-pc {
	width: 100%;
	height: calc(100% - 56px);
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bonusProgram-modal__content-scrollable {
	position: relative;
	width: 100%;
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
}

.bonusProgram-modal__content-adjust {
	padding: 8px 16px 8px 16px;
}

.bonusProgram-modal__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 0 8px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	background-color: white;
	width: 100%;
	flex-direction: column;
}

.bonusProgram-modal__icon {
	padding: 8px;
	width: 40px;
	height: 40px;
	box-sizing: unset;
}

.bonusProgram-modal__levelNote {
	display: flex;
	flex-direction: column;
}

.bonusProgram-modal__levelNote--You-text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #333;
}

.bonusProgram-modal__levelrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 10px;
}

.bonusProgram-modal__bonusProgram-levelarea-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bonusProgram-modal__text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: #333333;
}

.bonusProgram-modal__text--spc-word-travelbonusProgram {
	margin-right: 4px;
	min-width: 210px;
}

.bonusProgram-modal__boostedNote {
	width: 100%;
	height: auto;
	background-color: #FFF8E5;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.bonusProgram-modal__boostedNote--text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #BB5400;
}

.bonusProgram-modal__boostedPeriod {
	width: 100%;
	background-color: #FFF8E5;
	font-size: 10px;
	line-height: 16px;
	color:#6D6D6D;
}

.bonusProgram-modal__row--border {
	width: 100%;
	border-top: solid #EAEAEA 1px;
	border-bottom: solid #EAEAEA 1px;
	display: flex;

}

.bonusProgram-modal__numbers--left {
	width: 50%;
	display: flex;
	margin-top: 12px;
	margin-bottom: 12px;
}

.bonusProgram-modal__numbers--verticalline {
	border-right: solid #EAEAEA 1px;
	height: auto;
	margin-top: 12px;
	margin-bottom: 12px;
}

.bonusProgram-modal__numbers--right {
	width: 50%;
	display: flex;
	margin-top: 12px;
	margin-bottom: 12px;
}

.bonusProgram-modal__bookingCount {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bonusProgram-modal__bookingCount-text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 16px;
	margin-bottom: 4px;
	color: #333;
}

.bonusProgram-modal__numbers--number {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
}

.bonusProgram-modal__bookingCount-number {
	font-size: 24px;
	font-weight: 600;
	display: flex;
	justify-content:center;
	color: #333;
	min-width: 41.09px;
}

.bonusProgram-modal__targethtlPoint {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bonusProgram-modal__targethtlPoint-text {
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 16px;
	margin-bottom: 4px;
	color: #333;
}

.bonusProgram-modal__targethtlPoint-current {
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	display: flex;
	justify-content:center;
	position: relative;
	color: #333;
}

.bonusProgram-modal__targethtlPoint-current-Image {
	width: 16px;
	height: auto;
}

.bonusProgram-modal__targethtlPoint-deleteline {
    position: absolute;
    border-bottom: 1px solid #333;
    top: 50%;
    width: 50px;
}

.bonusProgram-modal__targethtlPoint-point {
	display: flex;
	font-size: 24px;
	font-weight: 600;
	color: #BF0000;
	justify-content:center;
	min-width: 81.53px;
}

.bonusProgram-modal__targethtlPoint-point-Image {
	width: 24px;
	height: auto;
}

.bonusProgram-modal__chart {
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
}

.bonusProgram-modal__chart--level {
	width: 100%;
    height: auto;
	position: absolute;
	left: 0;
	top: 0;
}

.bonusProgram-modal__chart--image {
	width: 100%;
    height: auto; 
}

.bonusProgram-modal__chart--text {
	padding-top: 0;
	text-align: start;
	align-items: start;
	font-size: 10px;
	font-weight: 300;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: #6D6D6D;
}

.bonusProgram-modal__row--button {
	background-color: white;
	width: 100%;
	height: 36px;
	border: solid 1px #54822B;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}

.bonusProgram-modal__row--button--link {
    text-decoration: none;
	width: 100%;
}

.bonusProgram-modal__row--button--link:hover {
    text-decoration: none;
}

.bonusProgram-modal__row--button--text {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: center;
	color: #54822B;
	display: inline;
	vertical-align: middle;
}

.pointup-banner__container {
	position: relative;
	height: 38px;
	background-color: #FCFCFC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 1;
}

.header-banner__wrapper {
	display: flex;
	width: 100%;
	min-width: 1200px;
}

.header-banner__wrapper #widgetBonusBannerRef,
.header-banner__wrapper #widgetPointupBannerRef {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.header-banner__wrapper .pointup-banner__container {
	border-bottom: none;
}

.pointup-banner__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
	width: 100%;
}

.pointup-banner__col,
.pointup-banner__point-area-container,
.pointup-banner__vested-inner-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pointup-banner__col--right {
	margin-left: 8px;
}

.pointup-banner__sidenote {
	margin-right: 8px;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	color: #6D6D6D;
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
}

.pointup-banner__text {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	color: #333333;
}

.pointup-banner__text--clr-red {
	color: #CE2B18;
}

.pointup-banner__text--clr-link-blue {
	color: #1D54A7;
	font-weight: 400;
}

.pointup-banner__text--spc-plus {
	margin: 0 4px;
}

.pointup-banner__text--spc-vested-amt {
	background-color: #CE2B18;
	color: white;
	padding: 0 8px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 22px;
	margin-right: 2px;
}

.pointup-banner__text--spc-potential-amt {
	font-size: 14px;
	padding-bottom: 2px;
}

.pointup-banner__text--spc-potential-perc {
	font-size: 12px;
}

.pointup-banner__text--spc-potential-amt,
.pointup-banner__text--spc-potential-perc {
	font-family: Arial, sans-serif;
	font-weight: 700;
	line-height: 20px;
}

.pointup-banner__text--spc-word-you {
	margin-right: 2px;
}

.pointup-banner__text--spc-word-point {
	margin-right: 4px;
}

.header-banner__wrapper .pointup-banner__text--spc-word-you {
	margin-right: 4px;
}

.pointup-banner__text--spc-word-chance,
.pointup-banner__text--spc-word-up {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.icon__std--right-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 16px;
	background-image: url(//trvimg.r10s.jp/share/common/images/icon_arrow_right_grey.svg);
}

.icon__pseudo--bf-point-outline::before {
	content: '';
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/icon_rakuten_points.svg);
	margin-right: 2px;
}

.header-banner__wrapper .icon__pseudo--bf-point-outline::before {
	content: none;
}

.pointup-modal__container {
	position: fixed;
	position: -ms-page;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 100%;
	height: 100vh;
	background-color: transparent;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.pointup-modal__container div::after,
.pointup-modal__container div::before{
	content: none;
}

.pointup-modal__container--open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.pointup-modal__box {
	position: inherit;
	width: 451px;
	height: auto;
	max-height: 90%;
	z-index: 200;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
	overflow-y: auto;
	overflow-x: hidden;
}

.pointup-modal__backdrop {
	background-color: rgba(0, 0, 0, 0.7);
	position: inherit;
	width: 100%;
	height: 100vh;
	z-index: 100;
	top: 0;
	left: 0;
}

.pointup-modal__header {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	width: 100%;
	height: 56px;
	background-color: white;
	z-index: 2;
	padding: 16px 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.pointup-modal__btn-close {
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
	background-image: url(//trvimg.r10s.jp/share/common/images/icon_close_black.svg);
	margin-right: 8px;
	-webkit-tap-highlight-color: transparent;
}

.pointup-modal__header-title {
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	color: #333333;
}

.pointup-modal__content-vp {
	width: 100%;
	height: calc(100% - 56px);
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.pointup-modal__content-scrollable {
	position: relative;
	width: 100%;
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
}

.pointup-modal__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 16px 0;
	margin: 0 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic ProN", "Lucida Grande", sans-serif;
	background-color: white;
}

.pointup-modal__row--nospace-border {
	height: 0;
	padding: 0;
	margin: 0 16px;
	border-bottom: 1px dashed #CCCCCC;
}

.pointup-modal__row--grey {
	background-color: #F3F3F3;
	margin: 0;
	padding: 16px;
}

.pointup-modal__row--border {
	border-bottom: 1px dashed #CCCCCC;
}

.pointup-modal__vested-container .pointup-modal__row:last-of-type {
	border: 0 none;
}

.pointup-modal__row--footnote {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.pointup-modal__col--right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.pointup-modal__text-static {
	font-weight: bold;
	line-height: 22px;
}

.pointup-modal__text-static--sm {
	font-size: 12px;
}

.pointup-modal__text-static--lg {
	font-size: 16px;
}

.pointup-modal__text-point--rate {
	color: #CE2B18;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

.pointup-modal__text-point--rate-emp {
	font-size: 24px;
	line-height: 32px;
}

.pointup-modal__text-point--title {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #333333;
}

.pointup-modal__text-point--title-link {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #1D54A7;
	text-decoration: underline;
	display: block;
}

.pointup-modal__text-point--title-link::after {
	content: '';
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/new_window_outline-blue-md.svg);
	margin-left: 2px;
	display: inline-block;
	vertical-align: middle;
}

.pointup-modal__text-point--title-link:link,
.pointup-modal__text-point--title-link:visited {
	color: #1D54A7;
	text-decoration: underline;
}

.pointup-modal__text-point--prefix,
.pointup-modal__text-point--amt,
.pointup-modal__text-point--amt-unit,
.pointup-modal__text-point--amt-unit-lg {
	color: #CE2B18;
}

.pointup-modal__text-point--prefix {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

.pointup-modal__text-point--amt {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.pointup-modal__text-point--amt-unit {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.pointup-modal__text-point--amt-unit-lg {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.pointup-modal__btn--new-window {
	width: 16px;
	height: 16px;
	background-image: url(//trvimg.r10s.jp/share/common/images/new-window-outline.svg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 8px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.pointup-modal__badge--red {
	border: 1px solid #CE2B18;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	padding: 0 4px;
	color: #CE2B18;
	font-weight: 400;
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 6px;
	display: inline-block;
}

.pointup-modal__footnote {
	color: #6D6D6D;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.pointup-modal__btn--footnote {
	color: #1D54A7;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-decoration: underline;
}

.pointup-modal__btn--footnote:link,
.pointup-modal__btn--footnote:visited {
	color: #1D54A7;
	text-decoration: underline;
}

.pointup-modal__btn--footnote::after {
	content: '';
	width: 13px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(//trvimg.r10s.jp/share/common/images/new-window-outline-blue-sm.svg);
	display: inline-block;
	vertical-align: bottom;
	margin: 0px 4px;
}

.trv-article-sp {
	display: none;
}

.trv-article-pc {
	margin-top: 16px;
	padding: 8px 0 8px;
	background-color: white;
}

.trv-article-pc:empty {
	margin: 0;
	padding: 0;
	border: 0;
}

.section-heading {
	display: inline-table;
}

.section-heading__title,
.section-heading__subtitle {
	font-family: "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	color: #333333;
}

.section-heading__title {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-right: 8px;
}

.section-heading__subtitle {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
}

.trv-article-carousel {
	position: relative;
	height: 140px;
	background-color: white;
}

.trv-article-carousel--loading .trv-article-carousel__nav-btn {
	visibility: hidden;
}

.trv-article-carousel--loading::before {
	content: '';
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	background-color: rgba(255, 255, 255, 0.6);
}

.trv-article-carousel--loading::after {
	content: '';
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 5px solid #00b900;
	border-top-color: #c4c8c2;
	-webkit-animation: loading 0.7s linear infinite;
	animation: loading 0.7s linear infinite;
}

@keyframes loading {
	0% {
		transform: translate3d(-50%, -50%, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(-50%, -50%, 0) rotate(360deg);
	}
}

.trv-article-carousel__viewport {
	overflow: hidden;
	padding: 8px 0;
}

.trv-article-carousel__slider {
	display: inline-flex;
	flex-wrap: nowrap;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

.trv-article-carousel__link,
.trv-article-carousel__link:hover,
.trv-article-carousel__link:active {
	text-decoration: none;
}

.trv-article-carousel__card {
	position: relative;
	width: 136px !important;
	height: 124px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	margin-right: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
}

.trv-article-carousel__media {
	width: inherit;
	height: 76px;
	overflow: hidden;
	background-color: #D9D9D9;
}

.trv-article-carousel__media img {
	width: 136px;
	object-fit: contain;
}

.trv-article-carousel__media--with-wireframe {
	position: relative;
}

.trv-article-carousel__media--with-wireframe::after {
	content: attr(data-article-carousel-wireframe);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 32px;
	height: 32px;
	text-align: center;
	color: black;
	font: normal normal 600 20px/32px "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	background-color: white;
	border-radius: 100%;
}

.trv-article-carousel__text-wrapper {
	padding: 4px 8px 8px;
}

.trv-article-carousel__caption {
	width: inherit;
	margin: 0;
	box-sizing: border-box;
	color: #333333;
	font: normal normal 300 12px/18px "Hiragino Kaku Gothic ProN", Arial, sans-serif;
	display: -webkit-box;
	max-width: 136px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
}

.trv-article-carousel__nav-btn {
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	top: 50%;
	-webkit-transform: scale(1) translate3d(0, -50%, 0);
	transform: scale(1) translate3d(0, -50%, 0);
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	outline: 0 none;
	border: 0 none;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.trv-article-carousel__nav-btn--prev {
	left: -12px;
	background: white url(//trvimg.r10s.jp/share/common/images/icon_nav_prev.svg) center center no-repeat;
}

.trv-article-carousel__nav-btn--next {
	right: -12px;
	background: white url(//trvimg.r10s.jp/share/common/images/icon_nav_next.svg) center center no-repeat;
}

.trv-article-carousel__nav-btn:active {
	-webkit-transform: scale(1.2) translate3d(0, -50%, 0);
	transform: scale(1.2) translate3d(0, -50%, 0);
}

.search-field__departure, .search-field__arrival {
    position: relative;
}

.search-field__location--current-selection::before {
    content: "";
    position: absolute;
    left: 12;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    height: 18px;
    width: 14px;
}

.search-field__location--current-selection {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
	max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-field__location--current-location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
}

.search-field__departure--dropdown {
    position: absolute;
    width: 400px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
    border-radius: 3px;
    left: 0%;
    top: 110%;
    z-index: 10;
    padding: 16px;
	
	border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}

.search-field__arrival--dropdown {
    position: absolute;
    left: 0%;
    top: 110%;
}

.dropdown__hide {
    display: none;
}

.dropdown-item__hide {
    display: none;
}

.dropdown-item__hover {
    cursor: pointer;
    background-color: #F3F3F3;
}

.dropdown-item__hover--exit {
    background-color: none;
}

.condition__room {
    position: relative;
    padding: 0px 21px 0px 28px;
    border-right: 1px solid #CCCCCC;
}

.placeDialog_placeItem:not(:last-child) {
    border-bottom: 1px solid rgb(234, 234, 234);
}

.placeDialog_placeItem:first-of-type {
    padding-top: 0px;
}

.placeDialog_placeItem {
    appearance: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    min-height: 44px;
    text-align: left;
    width: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    padding: 12px 0px 12px 8px;
}

.placeDialog_placeItem--selected {
	font-weight: bold;
}

.placeSelectionDialog_popupWrapper {
    width: 480px;
    padding: 8px 0px 16px !important;
}

.popup_popup {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
    position: absolute;
	top: 110%;
    z-index: 550;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 3px;
}

.placeSelectionDialog_spacingOnBottom {
    padding-bottom: 52px;
}

.placeSelectionDialog_tabMenu {
    display: flex;
    text-align: center;
    border-bottom: 1px solid rgb(234, 234, 234);
}

.placeSelectionDialog_tabMenu .placeSelectionDialog_tabButtonClassName {
    flex-grow: 1;
}

.navigationTab_buttonWrapper:first-child {
    padding-left: 0px;
}

.placeSelectionDialog_tabMenu .placeSelectionDialog_tabButtonClassName:first-child {
    padding-left: 8px;
}


.navigationTab_buttonWrapper {
    display: inline-block;
    padding: 0px 8px;
}

.placeSelectionDialog_tabMenu .placeSelectionDialog_tabInnerButton {
    font-family: inherit;
    width: 100%;
}

.navigationTab_tab {
    appearance: none;
    background-color: transparent;
    color: rgb(51, 51, 51);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    line-height: 1.43;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    padding: 0px;
}

.navigationTab_selectedTab {
    color: rgb(84, 130, 43);
    border-bottom: 2px solid rgb(84, 130, 43);
}

.navigationTab_tabpanel {
    display: none;
    position: relative;
    outline: 0px;
}

.navigationTab_showPanel {
    display: block;
}

.placeSelectionDialog_limitedHeightScroll {
    max-height: 30vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.djp-popup-checkboxList_columnList {
    align-items: flex-start;
    display: flex;
    width: 100%;
    flex-flow: column;
}

.djp-popup-checkboxList_topLevel.djp-popup-checkboxList_topLevel.djp-popup-checkboxList_topLevel {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: solid 1px #ccc;
    padding: 0px;
}

.titleAccordion_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 8px;
}

.djp-popup-checkboxList_title.djp-popup-checkboxList_title.djp-popup-checkboxList_title {
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    min-height: auto;
    padding: 16px;
}

.titleAccordion_container .titleAccordion_title {
    align-items: center;
    appearance: none;
    background-color: transparent;
    color: rgb(0, 0, 0);
    cursor: pointer;
    display: flex;
    font-weight: 400;
    max-width: 100%;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    flex: 1 1 100%;
    margin: 0px;
    padding: 0px;
}

.flatButton_primary {
    background-color: rgb(84, 130, 43);
    color: rgb(255, 255, 255);
}

.flatButton_flexWrapper {
    display: block;
    text-align: center;
}

.flatButton_buttonSizeDefault {
    max-width: 33.3%;
    min-height: 44px;
    min-width: 90px;
    padding: 4px 24px;
}

.flatButton_button {
    appearance: none;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 3px;
    margin: 0px;
    padding: 0px;
}

.titleAccordion_container .titleAccordion_title span {
    align-items: center;
    display: flex;
    width: 100%;
}

.titleAccordion_container .titleAccordion_title span .titleAccordion_text {
    display: flex;
    justify-content: left;
    flex: 1 1 90%;
}

.svgIcon_svgIcon {
    display: block;
}

.dialogFooter_wrapper {
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px;
    display: flex;
    height: 60px;
    left: 0px;
    position: absolute;
    width: 100%;
    padding: 8px 16px;
}

.dialogActions_wrapper {
    align-items: center;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
    display: flex;
    justify-content: center;
    padding: 8px;
}

.dialogActions_dialogButton:not(:last-child) {
    margin-right: 8px;
}

.dialogActions_dialogButton {
    max-width: 50%;
    width: 100%;
}

.flatButton_secondary {
    background-color: #fff;
    border: 1px solid #54822b;
    color: #54822b;
}

.flatButton_primary {
    background-color: #54822b;
    color: #fff;
}

.dialogFooter_button {
    max-width: 160px;
    font-weight: 400;
    min-height: 44px;
    border-radius: 4px;
}

.titleAccordion_container .titleAccordion_title span .titleAccordion_icon {
    display: flex;
    flex: 1 1 10%;
    justify-content: flex-end;
}

.placeSuggestions_placeInputAutoComplete {
    padding-top: 24px;
    width: 100%;
}

.autoComplete_autoComplete {
    position: relative;
    word-break: break-all;
}

.autoComplete_autoComplete:last-child {
    border-radius: 0 0 3px 3px;
}

.textField_container {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
}

.textField_container.textField_fullWidth {
    width: 100%;
}

.textField_hidden {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: 1px;
}

.textField_container label, .textField_container p, .textField_container span {
    word-wrap: break-word;
    font-weight: 700;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: 4px;
    overflow-wrap: break-word;
}

.textField_container>:not(:last-child) {
    display: inline-block;
    margin-bottom: 4px;
}

.textField_container .textField_textContainer {
    align-items: center;
    display: flex;
    width: 100%;
}

.textField_container .textField_textContainer .textField_inputContainer {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%;
}
.placeSuggestions_searchInput {
    border: 1px solid #b3b3b3;
    cursor: pointer;
    font-size: 14px;
}
.textField_container .textField_textContainer .textField_inputContainer .textField_text {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    height: 44px;
    outline: 0;
    padding: 0 8px;
    width: 100%;
	background: url(//trvimg.r10s.jp/share/react/assets/icon-search.c293db21.svg) no-repeat white;
    background-position: left 9px center;
    background-size: 16px;
    padding: 0 0 0 30px;
}

.placeSuggestions_closeIcon {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 12px;
	background: url(//trvimg.r10s.jp/share/common/images/icon_close_jet_black.svg) no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
}

.placeSelectionDialog_placeSuggestionsWrapper {
    margin: 0 8px;
    padding-bottom: 16px;
}

.popup_popup.guestsSelectionDialog_popupWrapper {
  left: 0%;
  top: 104%;
  width: 375px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 4px rgba(0,0,0,.2);
  margin-top: 4px;
  padding: 16px;
  position: absolute;
  z-index: 550;
}
.amountInputTitle {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  padding-bottom: 4px;
}
.djp-amountTitle {
  font-size: 14px;
  line-height: 20px;
}
.child.amountInputWrapper {
  margin-bottom: 24px;
  margin-left: 0 !important;
}
.amountInputWrapper {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 24px;
  margin-bottom: 8px;
}
.incrementerContainer {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
}
.incrementerContainer > button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 32px;
}
.incrementerCounter {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.43;
  text-align: center;
  width: 34px;
}
.amountInputContent {
  margin-bottom: 64px;
}
.popupFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(100% - 32px);
  padding: 8px 16px;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
  left: 0;
  bottom: 0;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}
.popupFooter > button {
  width: 100%;
  cursor: pointer;
  background-color: #54822b;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  min-height: 44px;
  padding: 4px 24px;
  line-height: 1.43;
}
.djp-adultAmount {
  margin-bottom: 16px;
}
.djp-childAmount {
  margin-bottom: 32px;
}
.djp-childWrapper {
  margin: 8px 0 0 8px;
}
.decrementButton:disabled,
.incrementButton:disabled {
  cursor: default;
}

.djp-popup-checkbox_container,
.titleAccordion_container {
  display: block;
}

.djp-popup-checkbox_container .djp-popup-checkbox_checkBoxLabel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
        
.djp-popup-checkbox,
.djp-popup-checkbox__accordion {
  display: none;
}

.djp-popup-checkbox_topLevel {
  display: flex;
  align-items: center;
  padding: 16px 16px;
  background: #F3F3F3;
}

.djp-popup-checkbox__row--wrap {
	display: flex;
	justify-content: space-between;
	border-top: 1px dashed rgb(204, 204, 204);
}

.djp-popup-checkbox__row {
  display: flex;
  align-items: center;
  padding: 14px 16px;
}
.djp-popup-checkbox__row--text {
	gap: 8px;
	width: 100%;
}

.djp-accordion_openCheckmark {
	margin-right: 8px;
	margin-left:0;
}
       
.djp-popup-checkbox_Icon {
  flex-shrink: 0;
}

.djp-popup-checkbox_Icon--partial {
	display: none;
}
.djp-popup-checkbox.djp-popup-checkbox__partial-selection ~ .djp-popup-checkbox__row--wrap .djp-popup-checkbox_Icon--all {
	display: none;
}
.djp-popup-checkbox.djp-popup-checkbox__partial-selection ~ .djp-popup-checkbox__row--wrap .djp-popup-checkbox_Icon--partial {
	display: initial;
}

.djp-popup-checkbox:checked ~ .djp-popup-checkbox_topLevel .djp-accordion_openCheckmark {
	fill:  #255500;
}

.djp-popup-checkbox:checked ~ .djp-popup-checkbox__row--wrap .djp-popup-checkbox_Icon rect {
  color: #54822B;
  fill: #54822B;
  stroke: #54822B;
}

.djp-popup-checkbox:checked ~ .djp-popup-checkbox__row--wrap .djp-popup-checkbox_checkBoxLabel {
	font-weight: 700;
}

.djp-accordion {
  height: 0;
  overflow: hidden;
  margin-left: 32px;
}

.djp-popup-checkbox__accordion:checked ~ .djp-accordion {
  height: auto;
}

.djp-popup-checkbox__accordion:checked ~ .djp-popup-checkbox_topLevel {
	font-weight: 700;
}

.djp-accordion_Icon {
  margin-left: auto;
  flex-shrink: 0;
}
        
.djp-popup-checkbox__accordion:checked ~ .djp-popup-checkbox_topLevel .djp-accordion_Icon {
  transform: scale(1, -1);
}

.djp-popup-checkbox__accordion:checked ~ .djp-popup-checkbox__row--wrap .djp-accordion_Icon {
	transform: scale(1, -1);
}

.placeSuggestions_placeInputAutoComplete .ui-menu-item::before {
    content: "";
    position: absolute;
    background-image: url(https://trvimg.r10s.jp/share/common/images/location_filled.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    height: 24px;
    width: 24px;
	margin: 0 8px;
}

.placeSuggestions_placeInputAutoComplete .ui-menu-item.AIRPORT::before {
    background-image: url(https://trvimg.r10s.jp/share/common/images/icon_flight.svg);
}

.placeSuggestions_placeInputAutoComplete .ui-menu-item.TRAIN_STATION::before {
    background-image: url(https://trvimg.r10s.jp/share/common/images/icon_station.svg);
}

.placeSuggestions_placeInputAutoComplete .ui-menu-item.PROVIDER::before {
    background-image: url(https://trvimg.r10s.jp/share/common/images/icon_hotel.svg);
}

.placeSuggestions_placeInputAutoComplete .ui-menu .ui-menu-item {
	font-size: 14px;
	padding: 8px 0;
}

.placeSuggestions_placeInputAutoComplete .ui-menu .ui-menu-item:hover {
	background-color: #fafafa;
}

.placeSuggestions_placeInputAutoComplete .ui-menu-item:not(:last-child) {
	border-bottom: 1px solid #EAEAEA;
}

.placeSuggestions_placeInputAutoComplete .ui-autocomplete {
	position: relative;
}

.placeSuggestions_placeInputAutoComplete .ui-widget-content {
	border: none;
	background: none;
	color: #333;
	margin-top: 24px;
	line-height: 24px;
}

.placeSuggestions_placeInputAutoComplete .ui-menu .ui-menu-item a {
	color: #333;
	padding-left: 40px;
}

.placeSuggestions_placeInputAutoComplete .ui-menu .ui-menu-item a:hover {
	background: none;
	border: none;
}

.emptyState_noSearchResult {
	color: #333;
	font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 8px 0;
    text-align: center;
}

.emptyState_pleaseResearch {
	color: #6d6d6d;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.emptyState_wrapper {
	margin: 40px auto;
	width: 320px;
	height: 168px;
	text-align: center;
}

.inputDate.hasDatepicker.hasEasepickPlugin {
	outline: none;
}

#searchbox .sub-searchbox.search-field__departure {
	cursor: pointer;
}

#searchbox .sub-searchbox.search-field__arrival {
	cursor: pointer;
}

#searchbox .sub-searchbox#people {
	cursor: pointer;
}

#searchbox .sub-searchbox#room {
	cursor: pointer;
}

#searchbox .sub-searchbox#date .date label {
	caret-color: transparent;
}

.srcStructure label {
	caret-color: transparent;
} 

#searchbox .sub-searchbox#date .hasDatepicker {
	outline: none;
	caret-color: transparent;
}

#djp-in-date, #djp-out-date {
	outline: none;
	caret-color: transparent;
}

.pointup-modal__badge--red {
    margin-bottom: 4px;
}

.pointup-modal__text-point--prefix {
    font-size: 20px;
}

.pointup-modal__text-point--amt-unit {
    font-size: 14px;
}

.pointup-modal__row--parentCmp {
    flex-direction: column;
}

.pointup-modal__row--parentCmp__row {
    flex-direction: row;
    width: 100%;
    padding: 0;
}

.pointup-modal__row--parentCmp__row div.pointup-modal__col--left {
    word-break: break-all;
    overflow-wrap: break-word;
    max-width: 336px;
}

.pointup-modal__row--parentCmp__row div.pointup-modal__col--right {
    min-width: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}

.pointup-modal__childCmpWrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 8px;
    width: 100%;
    background: #FFF;
    border: solid 1px #EAEAEA;
    border-radius: 4px;
    box-sizing: border-box;
}

.pointup-modal__container div.pointup-modal__childCmpWrapper::before,
.pointup-modal__container div.pointup-modal__childCmpWrapper::after,
.pointup-modal__container div.pointup-modal__row--plusPotential::after {
    content: "";
}

.pointup-modal__childCmpWrapper::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #EAEAEA;
    position: absolute;
    top: -8px;
    left: 16px;
}

.pointup-modal__childCmpWrapper::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    top: -6.5px;
    left: 16px;
}

.pointup-modal__childCmpWrapper--childCmp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pointup-modal__childCmpWrapper--childCmp div.pointup-modal__col--left {
    word-break: break-all;
    overflow-wrap: break-word;
    max-width: 354px;
    align-self: end;
}

.pointup-modal__childCmpWrapper--childCmp div.pointup-modal__col--right {
    min-width: fit-content;
}

.pointup-modal__childCmpWrapper span.pointup-modal__childCmpWrapper--footnote {
    font-family: Hiragino Kaku Gothic Pro;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    color: #6D6D6D;
}

.pointup-modal__childCmpWrapper--childCmp .pointup-modal__text-point--prefix {
    font-size: 16px;
}

.pointup-modal__row--parentCmp__row .pointup-modal__text-point--rate {
    font-size: 14px;
}

.pointup-modal__childCmpWrapper--childCmp .pointup-modal__text-point--amt {
    font-size: 16px;
}

.pointup-modal__childCmpWrapper--childCmp .pointup-modal__text-point--amt-unit {
    font-size: 12px;
}

.pointup-modal__row--plusPotential {
    background-color: #EAEAEA;
    display: flex;
    width: auto;
}

.pointup-modal__row--plusPotential::after {
    display: inline-block;
    margin: 12px auto;
    width: 24px;
    height: 24px;
    background-image: url("https://trvimg.r10s.jp/share/common/images/icon_plus.svg");
}

.bonusProgram-logo {
	height: 12px;
	width: 48.56px;
	margin-right: 8px;
}

.bonusProgram__banner-level-icon {
	width:60px;
	height:22px;
	display: flex;
	align-items: center;
}

.bonusProgram-lvl-up-requirement {
	color: #333333;
	font-family: "Hiragino Kaku Gothic ProN";
	font-size: 10px;
	line-height: 24px;
	font-weight: 300;
	margin-left: 8px;
	height: 22px;
}

.bonusProgram-modal__icon.bonusProgram-modal__bonus-icon,
.bonusProgram-modal__logo {
	width: 129.49px;
	height: 32px;
}

.bonusProgram-modal__icon.bonusProgram-modal__bonus-icon {
	padding-bottom: 16px;
}

.bonusProgram__modal-header {
	font-weight: 600;	
}

.bonusProgram__level-img,
.bonusProgram__level-icon {
	height: 24px;
	width: 52px;
}

.bonusProgram-modal__levelrow.bonusProgram__modal-level-row {
	margin-bottom: 0;
}

.bonusProgram-modal__bookingCount-number.bonusProgram__modal-text--line-height-32,
.bonusProgram-modal__targethtlPoint-point.bonusProgram__modal-text--line-height-32 {
	line-height: 32px;
}

.bonusProgram-modal__chart--image.bonusProgram__modal-progress-img {
	width: 100%;
	margin-bottom: 8px;
}

.bonusProgram-modal__row.bonusProgram-modal__chart--text.bonusProgram__modal-bottom-text {
	margin-bottom: 16px;
}

.bonusProgram-modal__row.bonusProgram__modal-button {
	margin-bottom: 8px;
}

.bonusProgram-modal__boostedNote.bonusProgram__modal-boosted-note {
	margin-top:16px;
}