@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic);

/*
z-index 기준
 - dialog: 990000
 - bg_tonedown: 900000
 - intro: 100000
 - layer base: 50000
*/

/* for iOS iframe scroll problem */
html.os-ios,body.os-ios { width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling: touch; }

html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,p,span,img,a,form,input { margin:0; padding:0; }
body { font:normal 12px 'Noto Sans', 'Myriad Pro', 'nanum gothic', 'malgun gothic', '돋움', sans-serif; }
ul,ol,dl { list-style:none; }
ul.liststyle-dash > li:before { display:inline-block; content:"-"; width:0.5em; margin-left:-0.5em; }
ul.listdepth-2 { margin-left: 1em; }
a { text-decoration:none; border:0; }
textarea,input { border:0; outline:0; font:normal 12px 'Noto Sans', 'Myriad Pro', 'nanumgothic', 'malgun gothic', '돋움', sans-serif; }
img { border:0; }
select::-ms-expand { display: none; }
select { overflow:hidden; text-overflow:''; text-indent:0.01px; outline:0; appearance:none; -webkit-appearance:none; background:#fff url(../images/bg_select.png) right center no-repeat; background-size:25px; vertical-align:top; }
select { padding-right:15px;/* for background */ }
input::-ms-clear { display: none; }
/* 임시제거
 custom checkbox 때문에 사용된 듯 한데, IE10,IE11에서 일반 checkbox가 나오지 않음.
 custom checkbox 사용되는 곳 문제 확인되면 해당 부분에만 적용되도록 해야할것임.
input[type="checkbox"]::-ms-check {
    display: none;
}
input[type="checkbox"]::-ms-check {
    color: transparent;
}
*/
input[type="checkbox"] { background-color:transparent; border-radius:0; }

.box-border { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.display-none { display:none; }
.display-block { display:block!important; }
.invisible { visibility:hidden; }

.flex-h { display:-webkit-flex; display:-ms-flex; display:flex; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; }
.flex-hr { display:-webkit-flex; display:-ms-flex; display:flex; -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
.flex-v { display:-webkit-flex; display:-ms-flex; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }
.flex-vr { display:-webkit-flex; display:-ms-flex; display:flex; -ms-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; }
.flex-cx { -webkit-flex:none; -ms-flex:none; flex:none; }
.flex-c1 { -webkit-flex:1; -ms-flex:1; flex:1; min-width:0;/* for .ellipsis */ }
.flex-c2 { -webkit-flex:2; -ms-flex:2; flex:2; min-width:0;/* for .ellipsis */ }
.flex-c3 { -webkit-flex:3; -ms-flex:3; flex:3; min-width:0;/* for .ellipsis */ }

.float-left { float:left; }
.float-right { float:right; }
.box-shadow { box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
.w100p { width:100%; }
.h100p { height:100%; }
.iconsize-gnb { width:36px; height:48px; }

.leftside { float:left; height:100%; }
.rightside { float:right; height:100%; }
.inside { display:-webkit-flex; display:-ms-flex; display:flex; position:relative; height:100%; }
.font0 { font-size:0; } /* to no space between child elements */
.text-center { text-align:center; }

.ellipsis {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.button { cursor:pointer; display:inline-block; margin:1px; }
.button-trans-blue { display:inline-block; border:1px solid #14a6d7; background:transparent; color:#14a6d7; }
.button-blue { display:inline-block; border:1px solid #14a6d7; background:#14a6d7; color:#fff; }
.button-red { display:inline-block; border:1px solid #d86052; background:#d86052; color:#fff; }
.buttonstyle-common { display:inline-block; height:19px; background:#14a6d7; color:#fff; text-align:center; line-height:19px; padding:8px 20px; }
.buttonstyle-thin { padding:5px; }
.buttonstyle-text { width:auto; text-indent:0; }

.buttonicon-back { background-image:url(../images/icons.png); }
.buttonicon-calendar { background-image:url(../images/icons.png); }
.buttonicon-gw-add { background-image:url(../images/google_icons/ic_add_white_24dp/web/ic_add_white_24dp_2x.png); }
.buttonicon-gw-add-location { background-image:url(../images/google_icons/ic_add_location_white_24dp/web/ic_add_location_white_24dp_2x.png); }
.buttonicon-gw-card-travel { background-image:url(../images/google_icons/ic_card_travel_white_24dp/web/ic_card_travel_white_24dp_2x.png); }
.buttonicon-gw-cloud-upload { background-image:url(../images/google_icons/ic_cloud_upload_white_24dp/web/ic_cloud_upload_white_24dp_2x.png); }
.buttonicon-gw-comment { background-image:url(../images/google_icons/ic_comment_white_24dp/web/ic_comment_white_24dp_2x.png); }
.buttonicon-gw-create { background-image: url(../images/google_icons/ic_create_white_24dp/web/ic_create_white_24dp_2x.png); }
.buttonicon-gw-delete { background-image:url(../images/google_icons/ic_delete_white_24dp/web/ic_delete_white_24dp_2x.png); }
.buttonicon-gw-description { background-image:url(../images/google_icons/ic_description_white_24dp/web/ic_description_white_24dp_2x.png); }
.buttonicon-gw-directions { background-image:url(../images/google_icons/ic_directions_white_24dp/web/ic_directions_white_24dp_2x.png); }
.buttonicon-gw-directions-boat { background-image:url(../images/google_icons/ic_directions_boat_white_24dp/web/ic_directions_boat_white_24dp_2x.png); }
.buttonicon-gw-directions-bus { background-image:url(../images/google_icons/ic_directions_bus_white_24dp/web/ic_directions_bus_white_24dp_2x.png); }
.buttonicon-gw-directions-railway { background-image:url(../images/google_icons/ic_directions_railway_white_24dp/web/ic_directions_railway_white_24dp_2x.png); }
.buttonicon-gw-done { background-image:url(../images/google_icons/ic_done_white_24dp/web/ic_done_white_24dp_2x.png); }
.buttonicon-gw-flight { background-image:url(../images/google_icons/ic_flight_white_24dp/web/ic_flight_white_24dp_2x.png); }
.buttonicon-gw-flight-takeoff { background-image:url(../images/google_icons/ic_flight_takeoff_white_24dp/web/ic_flight_takeoff_white_24dp_2x.png); }
.buttonicon-gw-help { background-image:url(../images/google_icons/ic_help_white_24dp/web/ic_help_white_24dp_2x.png); }
.buttonicon-gw-hotel { background-image:url(../images/google_icons/ic_hotel_white_24dp/web/ic_hotel_white_24dp_2x.png); }
.buttonicon-gw-insert-chart { background-image:url(../images/google_icons/ic_insert_chart_white_24dp/web/ic_insert_chart_white_24dp_2x.png); }
.buttonicon-gw-lock { background-image:url(../images/google_icons/ic_lock_white_24dp/web/ic_lock_white_24dp_2x.png); }
.buttonicon-gw-lock-open { background-image:url(../images/google_icons/ic_lock_open_white_24dp/web/ic_lock_open_white_24dp_2x.png); }
.buttonicon-gw-local-airport { background-image:url(../images/google_icons/ic_local_airport_white_24dp/web/ic_local_airport_white_24dp_2x.png); }
.buttonicon-gw-map { background-image:url(../images/google_icons/ic_map_white_24dp/web/ic_map_white_24dp_2x.png); }
.buttonicon-gw-mode-edit { background-image:url(../images/google_icons/ic_mode_edit_white_24dp/web/ic_mode_edit_white_24dp_2x.png); }
.buttonicon-gw-open-in-browser { background-image: url(../images/google_icons/ic_open_in_browser_white_24dp/web/ic_open_in_browser_white_24dp_2x.png); }
.buttonicon-gw-settings { background-image:url(../images/google_icons/ic_settings_white_24dp/web/ic_settings_white_24dp_2x.png); }
.buttonicon-gw-share { background-image:url(../images/google_icons/ic_share_white_24dp/web/ic_share_white_24dp_2x.png); }
.buttonicon-gw-streetview { background-image:url(../images/google_icons/ic_streetview_white_24dp/web/ic_streetview_white_24dp_2x.png); }
.buttonicon-gw-swap-horiz { background-image:url(../images/google_icons/ic_swap_horiz_white_24dp/web/ic_swap_horiz_white_24dp_2x.png); }
.buttonicon-gw-web { background-image:url(../images/google_icons/ic_web_white_24dp/web/ic_web_white_24dp_2x.png); }

.buttonicon24 { display:inline-block; width:24px; height:24px; background-position:center; background-repeat:no-repeat; background-size:24px; }
.buttonicon24.buttonicon-back { background-position:7px -495px; background-size:50px auto; }
.buttonicon24.buttonicon-calendar { background-position:-13px -396px; background-size:50px auto; }

.button-comment { position:relative; }
.button-comment span.fb-comments-count { position:absolute; top:-4px; right:-1px; text-indent:0; font-size:9px; padding:1px 2px; color:white; background-color:red; }

.padding-button-small { padding:2px 3px; }
.padding-button-normal { padding:4px 6px; }
.padding-button-large { padding:8px 10px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-20 { margin-top:20px; }

.autocomplete-result { padding:5px; min-height:50px; color:black; border:1px solid #a1dbef; background-color:white; font-size:12px; line-height:normal; }
.autocomplete-result li { cursor:pointer; display:block!important; padding:0!important; margin:0!important; }
/*.autocomplete-result li:hover { background:#ddd; }*/
.autocomplete-result li.selected { font-weight:bold; color:#14a6d7; }
.autocomplete-result.zero { border:0; padding:0; min-height:0; }

.gnb-search-spot .autocomplete-result ul li { margin-bottom:4px!important; color:#666; letter-spacing:-0.5px; cursor:pointer; }
.gnb-search-spot .autocomplete-result ul li:hover { color:#14a6d7; }
.gnb-search-spot .autocomplete-result ul li span { color:#14a6d7; }
.gnb-search-spot .autocomplete-result ul li a.box { display:inline; display:inline-block; margin-right:6px; padding:2px 4px; border:1px solid #14a6d7; color:#14a6d7!important; line-height:100%; font-size:12px!important; vertical-align:middle; }
.gnb-search-spot .autocomplete-result ul li a.box:hover { background-color:#14a6d7; color:#fff; }


#bg_tonedown { position:absolute; left:0; top:0; width:100%; height:100%; z-index:900000; background:#000 none; opacity:0.5; filter:alpha(opacity=50); }
#layer-popups .layer.layerstyle-bg-tonedown::before {
  /* for bg tonedown */
  content: " ";
  position:fixed; left:0; top:0; right:0; bottom:0;
  background:#000 none; opacity:0.5; filter:alpha(opacity=50);
  z-index:-1;
}
#layer-popups .layer { z-index:910000; left:50%; top:50%; }
#layer-popups .layer .layerbody { width:100%; height:100%; box-shadow:3px 3px 3px rgba(0,0,0,0.3); background:#f3f2e6; }
#layer-popups .layer:not(.layerstyle-bg-tonedown) { z-index:909999; }
#layer-popups.behind_tonedown .layer { z-index:899999; }
#layer-popups .layer.behind_tonedown { z-index:899999; }
#layer-popups.behind_tonedown .layer:not(.layerstyle-bg-tonedown) { z-index:899998; }

#layer-popups .layer .header { padding:2px 15px 2px; background:white; color:#43b8df;  }
#layer-popups .layer .content { padding:4px 15px 15px; background:#14a6d7; }
#layer-popups .layer .footer { padding:0 15px 15px; background:#14a6d7;  }
#layer-popups .layer .header .popup-title { padding:5px 20px; font-weight:bold; font-size:20px; border-bottom:1px solid black; }
#layer-popups .layer .header .button-close { position:absolute; display:block; width:20px; height:20px; top:11px; left:14px; background: url(../images/icons.png) center -47px no-repeat; background-size: 50px auto; font-size:0; text-indent:-9999px; }
#layer-popups .layer .header .button-help { position:absolute; display:block; width:20px; height:20px; top:11px; right:0; }
#layer-popups .layer .buttonstyle-full { display:block; width:100%; padding:12px 0; font-size:14px; color:#14a6d7; background:#fff; text-align:center; cursor:pointer; }

#layer-popups .layer .header .buttonicon24 { margin:12px 6px 0; vertical-align:top; }
#layer-popups .layer .header .inside .popup-title { padding:10px 0 0; }
#layer-popups .layer .header .rightside .button { display:none; }
#layer-popups .layer .header .rightside .img_profile { margin:0; width:48px; height:48px; }
#layer-popups .layer .header .rightside .img_profile img { width:100%; height:100%; }

#layer-popups .layerstyle-dialog .layerbody { padding:16px; }
#layer-popups .layerstyle-dialog .header { position:relative; background:transparent; margin:15px 20px; padding:0; }
#layer-popups .layerstyle-dialog .header .button-close { position:absolute; left:auto; right:0; top:9px; }
#layer-popups .layerstyle-dialog .header .popup-title { padding-left:0; border-bottom:0; }
#layer-popups .layerstyle-dialog .content { background:transparent; margin:15px 20px; padding:0; }
#layer-popups .layerstyle-dialog .footer { background:transparent; margin:15px 20px; padding:0; }

#layer-popups .layerstyle-full { left:auto; right:0; width:375px;/* for iOS iframe */ top:0; bottom:0; }
#layer-popups .layerstyle-full .header { height:48px; background-color:#14a6d7; color:white; border-bottom:1px solid #43b8df; padding:0; }
#layer-popups .layerstyle-full .header .button-close { left:10px; background:url(../images/icons.png) -15px 5px no-repeat; background-size:50px auto; }
#layer-popups .layerstyle-full .header .popup-title { border-bottom:0; padding:9px 30px; }
#layer-popups .layerstyle-full .content { background:white; }
#layer-popups .layerstyle-full .footer { background:white; }
#layer-popups .layerstyle-full .buttonstyle-full { background-color:#14a6d7; color:#fff; }

#layer-popups .layer-home-menu { left:0; top:0; width:90%; max-width:400px; }
#layer-popups .layer-home-menu .layerbody { padding:5px; background-color:white; border:1px solid; }
#layer-popups .layer-home-menu .button { display:inline-block; padding:5px; text-align:center; color:white; font-size:14px; cursor:pointer; background-color:#14a6d7; }
#layer-popups .layer-home-menu .button-full { display:block; }
#layer-popups .layer-home-menu .button-login-facebook { background-color:#4267B2; }
#layer-popups .layer-home-menu .section-item { position:relative; padding:5px 5px 0; }
#layer-popups .layer-home-menu .section-item:nth-child(n+2) { border-top:1px solid black; }
#layer-popups .layer-home-menu .section-item > * { margin-bottom:5px; }
#layer-popups .layer-home-menu .user-info .user-profile { position:relative;height:50px; }
#layer-popups .layer-home-menu .user-info .user-profile .user-image { position:absolute; top:0px; left:0px; width:48px; height:48px; }
#layer-popups .layer-home-menu .user-info .user-profile .user-email { position:absolute; top:10px; left:55px; right:0px; height:20px; }
#layer-popups .layer-home-menu .user-info .user-profile .user-name { position:absolute; top:25px; left:55px; right:0px; height:20px; }
#layer-popups .layer-home-menu .user-login input.email-login { display:block; border:1px solid; padding:5px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#layer-popups .layer-home-menu .user-login .email-login-action .button { width:40%; }
#layer-popups .layer-home-menu .user-login .email-login-action > * { display:inline-block; padding:5px; }
#layer-popups .layer-home-menu .user-trip .button { border:1px solid #14a6d7; }
#layer-popups .layer-home-menu .user-trip .list-type { background:transparent; color:black; margin-bottom:1px; }
#layer-popups .layer-home-menu .user-trip .list-type.selected { background:#14a6d7; color:white; }
#layer-popups .layer-home-menu .user-trip .list-wrap { position:relative; }
#layer-popups .layer-home-menu .user-trip .list-wrap ul.trip-list { min-height:50px; max-height:200px; overflow-y:scroll; margin-left:10px; color:#14a6d7; font-size:13px; }
#layer-popups .layer-home-menu .user-trip .list-wrap ul.trip-list li { cursor:pointer; }
#layer-popups .layer-home-menu .user-trip .list-wrap .loading-spinner { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:10; }
#layer-popups .layer-home-menu .arrangy-config th { font-weight:normal; }
#layer-popups .layer-home-menu .arrangy-config td select { width:100%; }

#layer-popups .layer-start-trip-make { margin-left:-158px; margin-top:-100px; }
#layer-popups .layer-start-trip-make .content ul { }
#layer-popups .layer-start-trip-make .content ul li { overflow:hidden; margin-bottom:4px; }
#layer-popups .layer-start-trip-make .content ul li span { display:block; width:30%; padding-top:8px; float:left; color:#fff; font-size:14px; }
#layer-popups .layer-start-trip-make .content ul li input { display:block; width:60%; height:36px; padding:0 10px; float:right; color:#fff; font-size:16px; background:#007ea8; }
#layer-popups .layer-start-trip-make .content ul li input.date { background:#007ea8 url(../images/icons.png) right -390px no-repeat; background-size:50px auto; }

#layer-popups .layer-start-trip-set-spot-days { width:350px; margin-left:-160px; margin-top:-100px; }
#layer-popups .layer-start-trip-set-spot-days .score-chart { height:150px; }

#layer-popups .layer-trip-plan-city-tourdays { width:350px; margin-left:-160px; margin-top:-100px; /* max-height:90%; overflow-y:scroll; TODO: how to scroll content only?? */ }
#layer-popups .layer-trip-plan-city-tourdays .header .popup-title { border-bottom:0; }
#layer-popups .layer-trip-plan-city-tourdays .content hr { border-color:black; border-bottom:none; }
#layer-popups .layer-trip-plan-city-tourdays .content .score-chart { height:120px; }
#layer-popups .layer-trip-plan-city-tourdays .content .tourdays .calendar_wrap { margin-top:-20px; }
#layer-popups .layer-trip-plan-city-tourdays .content .extra-days select { padding:3px 15px 3px 5px; }
#layer-popups .layer-trip-plan-city-tourdays:not(.on-no-stay) .content .for-no-stay { display:none; }
#layer-popups .layer-trip-plan-city-tourdays.on-empty-recommend .content .tourdays .calendar_wrap .date_wrap a { background:transparent; border-color:transparent; color:white; }
#layer-popups .layer-trip-plan-city-tourdays.on-no-stay .content .tourdays .calendar_wrap .date_wrap a { background:transparent; border-color:transparent; color:#555; cursor:default; }
#layer-popups .layer-trip-plan-city-tourdays.on-no-stay .content .empty-recommend input.check { display:none; }
#layer-popups .layer-trip-plan-city-tourdays.on-no-stay .content .extra-days select.days { display:none; }

#layer-popups .layer-trip-plan-config .content { font-size:14px; position:absolute; left:0; right:0; top:50px; bottom:100px; overflow-y:scroll; }
#layer-popups .layer-trip-plan-config .content > ul > li { margin-bottom:4px; }
.dummy_multiple_selector_firstline
,#layer-popups .layer-trip-plan-config .content > ul > li.title span
,#layer-popups .layer-trip-plan-config .content > ul > li.begindate span
,#layer-popups .layer-trip-plan-config .content > ul > li.airport > span
{ display:block; width:30%; padding-top:8px; float:left; }
.dummy_multiple_selector_firstline
,#layer-popups .layer-trip-plan-config .content > ul > li.title input
,#layer-popups .layer-trip-plan-config .content > ul > li.begindate input
,#layer-popups .layer-trip-plan-config .content > ul > li.airport .text
,#layer-popups .layer-trip-plan-config .content > ul > li.airport .edit
{ display:block; width:60%; height:36px; padding:0 10px; float:right; color:#fff; font-size:16px; line-height:36px; background:#007ea8; border-radius:5px; }
#layer-popups .layer-trip-plan-config .content > ul > li.begindate input.date { background:#007ea8 url(../images/icons.png) right -390px no-repeat; background-size:50px auto; }
#layer-popups .layer-trip-plan-config .content > ul > li.airport .edit { display:none; position:relative; }
#layer-popups .layer-trip-plan-config .content > ul > li.airport .edit input { width:100%; background:#007ea8; color:#fff; font-size:16px; }
#layer-popups .layer-trip-plan-config .content > ul > li.airport .edit .autocomplete-result { position:absolute; left:0; right:0; top:36px; max-height:150px; overflow-y:auto; z-index:1; }
#layer-popups .layer-trip-plan-config .content > ul > li.airport.on-edit .text { display:none; }
#layer-popups .layer-trip-plan-config .content > ul > li.airport.on-edit .edit { display:block; }
#layer-popups .layer-trip-plan-config .content > ul > li input[type=checkbox] { margin-right:5px; }
#layer-popups .layer-trip-plan-config .content > ul > li.share > ul { margin-left:10px; }
#layer-popups .layer-trip-plan-config .content > ul > li.share #trip-plan-config-shared-url { overflow-x:scroll; border:1px solid; padding:3px; margin-left:5px; }
#layer-popups .layer-trip-plan-config .content > ul > li.share #trip-plan-config-shared-url::-webkit-scrollbar { display:none; }
#layer-popups .layer-trip-plan-config .buttonstyle-common { padding:4px 8px; margin-left:4px; }
#layer-popups .layer-trip-plan-config .footer { position:absolute; left:0; right:0; bottom:0; height:100px; }
#layer-popups .layer-trip-plan-config .trip-plan-config-delete { display:none; }
body:not(.status-trip-plan-readonly):not(.status-trip-plan-new) #layer-popups .layer-trip-plan-config .trip-plan-config-delete { display:block; }

#layer-popups .layer-trip-plan-simple-main { display:none; }
.dummy_multiple_selector_firstline
,body.state-trip-plan-main.status-trip-plan-simple-main #layer-popups .layer-trip-plan-simple-main
,body.state-trip-plan-search.status-trip-plan-simple-main #layer-popups .layer-trip-plan-simple-main
{ display:block; }
body.state-trip-plan-main.status-trip-plan-simple-main #left-panel { display:none; }
body.state-trip-plan-main.status-trip-plan-simple-main #bottom_panel_header { display:none; }
body.state-trip-plan-main.status-trip-plan-simple-main #bottom_panel_header .tab-trip-plan-option { display:none; }
body.state-trip-plan-main.status-trip-plan-simple-main:not(.status-marker-popup-open) #bottom_panel_body { display:none; }
@media screen and ( min-width:600px ) {
  body.state-trip-plan-main.status-trip-plan-simple-main #bottom_panel_body { display:none; }
  .dummy_multiple_selector_firstline
  ,body.state-trip-plan-main.status-trip-plan-simple-main #map
  ,body.state-trip-plan-main.status-trip-plan-simple-main #bottom_panel_wrap
  ,body.state-trip-plan-search.status-trip-plan-simple-main #map
  ,body.state-trip-plan-search.status-trip-plan-simple-main #bottom_panel_wrap
  {
    margin-right:375px;
  }
}
@media screen and ( max-width:599px ) {
  #layer-popups .layer-trip-plan-simple-main .header .rightside .button-map-mode { display:inline-block; }
  body.state-trip-plan-base.status-trip-plan-simple-main.status-trip-plan-main-map-mode #layer-popups .layer-trip-plan-simple-main { display:none; }
  body.state-trip-plan-main.status-trip-plan-simple-main.status-trip-plan-main-map-mode #left-panel { display:block; }
  body.state-trip-plan-main.status-trip-plan-simple-main.status-trip-plan-main-map-mode #left-panel .rightside { display:none; }
}
#layer-popups .layer-trip-plan-simple-main .buttonstyle-full { padding:5px 0; margin:3px 0; }
#layer-popups .layer-trip-plan-simple-main.isset-trip-plan-enddate .button-autodate-enable { display:none; }
#layer-popups .layer-trip-plan-simple-main:not(.isset-trip-plan-enddate) .button-autodate-disable { display:none; }
#layer-popups .layer-trip-plan-simple-main .header .rightside .button-map-mode { width:30px; height:30px; margin-top:8px; background-color:#da5e53; border:1px solid #ff001a; }
#layer-popups .layer-trip-plan-simple-main .content { font-size:14px; position:absolute; left:0; right:0; top:50px; bottom:65px; overflow-y:scroll; }
#layer-popups .layer-trip-plan-simple-main .content .button-booking-hotel { background-color:#DA5E53; }
#layer-popups .layer-trip-plan-simple-main .footer { position:absolute; left:0; right:0; bottom:0; height:45px; padding-top:5px; }
#layer-popups .layer-trip-plan-simple-main .content .row { position:relative; min-height:30px; }
#layer-popups .layer-trip-plan-simple-main .content .col-left { margin-right:121px; padding:3px; }
#layer-popups .layer-trip-plan-simple-main .content .col-right { position:absolute; width:120px; right:0; top:0; bottom:0; padding:3px 3px 3px 1px; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan { position:relative; color:white; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan hr { position:relative; margin:2px; padding:0; border:1px solid black; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .buttons { line-height:24px; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan input.button-calendar { background-color:transparent; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan > .dummy-bg { position:absolute; left:0; right:0; top:0; bottom:0; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .dummy-bg .col-left { height:100%; background-color:#C1E1FB; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .dummy-bg .col-right { height:100%; background-color:#FDCDC5; top:0; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .col-left > * { margin:0 3px; padding:3px; min-height:30px; line-height:30px; background-color:#47A5F5; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .col-right > * { margin:0 3px; padding:3px; min-height:30px; line-height:30px; background-color:#DA5E53; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row.summary { color:#7f7f7f; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row.summary > * > * { background-color:transparent; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .desc .edit { display:none; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .desc .edit input { width:100%; background-color:transparent; color:white; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .desc .edit .autocomplete-result { position:absolute; left:41px; right:5px; top:39px; max-height:150px; overflow-y:auto; z-index:1; font-size:14px; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .desc.on-edit > * { display:none; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .desc.on-edit .edit { display:block; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .flight-next { width:24px; background:#47A5F5; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .flight-next:not(.has-flight-next) { visibility:hidden; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-right .desc .day strong { font-size:16px; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-right .desc .day .small { font-size:12px; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .tourdays-gap-over .col-right > * { background-color:#FA7E73; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .tourdays-gap-under .col-right > * { background-color:#AA2E23; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row-base { position:relative; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row-base .col-left > * { background-color:#027FA4; }
#layer-popups .layer-trip-plan-simple-main .content .tripplan .row-base.ui-sortable-helper .col-right { xvisibility:hidden; }

.dummy_multiple_selector_firstline
,#layer-popups .layer-trip-plan-simple-main .content .tripplan .new-base .col-left .buttons
,body.state-trip-plan-main.status-trip-plan-readonly #layer-popups .layer-trip-plan-simple-main .content .tripplan .item-base .col-left > .buttons
{ background-color:#aaa; }
.dummy_multiple_selector_firstline
,#layer-popups .layer-trip-plan-simple-main .content .tripplan .new-base .col-left .buttons a
,body.state-trip-plan-main.status-trip-plan-readonly #layer-popups .layer-trip-plan-simple-main .content .tripplan .item-base .col-left > .buttons a
{ cursor:default; }

body.status-trip-plan-rearrange-on.status-trip-plan-preserve-se-on:not(.status-trip-plan-preserve-se-disable) #layer-popups .layer-trip-plan-simple-main .content .tripplan .list-base > .item-base:last-child { top:42px; }
body.status-trip-plan-rearrange-on.status-trip-plan-preserve-se-on:not(.status-trip-plan-preserve-se-disable) #layer-popups .layer-trip-plan-simple-main .content .tripplan .new-base { top:-42px; }

#layer-popups .layer-trip-plan-simple-main .content .tripplan .row .col-left .flight-inout { width:24px; background:#47A5F5; }

#layer-popups .layer-trip-plan-simple-main .content .row-buttons .flex-h { height:100%; }
#layer-popups .layer-trip-plan-simple-main .content .row-buttons .flex-h > div { padding:0 2px; }
#layer-popups .layer-trip-plan-simple-main .content .row-buttons .buttonstyle-full { height:100%; display:flex; flex-direction:column; justify-content:center; }

body.status-trip-plan-inout-disable #layer-popups .layer-trip-plan-simple-main .button-inout { background-color:#aaa; cursor:default; }
#layer-popups .layer-trip-plan-simple-main .content .usage { list-style:disc; margin-left:20px; }
.dummy_multiple_selector_firstline
,body.state-trip-plan-main #layer-popups .layer-trip-plan-simple-main .header .rightside .button-comment
,body.state-trip-plan-main:not(.status-trip-plan-readonly).status-trip-plan-new #layer-popups .layer-trip-plan-simple-main .header .rightside .button-save
,body.state-trip-plan-main:not(.status-trip-plan-readonly):not(.status-trip-plan-new) #layer-popups .layer-trip-plan-simple-main .header .rightside .button-setting
,body.state-trip-plan-main.status-trip-plan-readonly #layer-popups .layer-trip-plan-simple-main .header .rightside .button-profile
{ display:inline-block; }
.dummy_multiple_selector_firstline
,body.state-trip-plan-main.status-trip-plan-readonly #layer-popups .layer-trip-plan-simple-main .content .button-save
,body.state-trip-plan-main:not(.status-trip-plan-new) #layer-popups .layer-trip-plan-simple-main .content .button-save
,body.state-trip-plan-main.status-trip-plan-readonly #layer-popups .layer-trip-plan-simple-main .content .button-setting
,body.state-trip-plan-main.status-trip-plan-new #layer-popups .layer-trip-plan-simple-main .content .button-setting
{ display:none; }
.dummy_multiple_selector_firstline
,body.status-trip-plan-rearrange-on #layer-popups .layer-trip-plan-simple-main .button-rearrange
,body.status-trip-plan-preserve-se-on #layer-popups .layer-trip-plan-simple-main .button-preserve_se
{ color:#2ca5d5; background-color:white; border:1px solid #2ca5d5; }
.dummy_multiple_selector_firstline
,body.status-trip-plan-rearrange-disable #layer-popups .layer-trip-plan-simple-main .button-rearrange
,body.status-trip-plan-preserve-se-disable #layer-popups .layer-trip-plan-simple-main .button-preserve_se
,body:not(.status-trip-plan-rearrange-on) #layer-popups .layer-trip-plan-simple-main .button-preserve_se
{ color:#fff; background-color:#aaa; border-color:#999; cursor:default; }

#layer-popups .layer-trip-plan-simple-enddate { width:350px; }
#layer-popups .layer-trip-plan-simple-enddate .content { min-height:380px; }
#layer-popups .layer-trip-plan-simple-enddate .calendar-enddate .ui-datepicker { margin:auto!important; }
#layer-popups .layer-trip-plan-simple-enddate .control-buttons { text-align:right; margin:0 0 5px; }
#layer-popups .layer-trip-plan-simple-enddate .control-buttons .button { padding:2px 5px; margin-left:2px; }
#layer-popups .layer-trip-plan-simple-enddate .desc-enddate-select .overall-tourdays { color:red; }
#layer-popups .layer-trip-plan-simple-enddate .footer { text-align:center; }
#layer-popups .layer-trip-plan-simple-enddate.isset-enddate .desc-enddate-clear { display:none; }
#layer-popups .layer-trip-plan-simple-enddate.isset-enddate .desc-enddate-reset { display:none; }
#layer-popups .layer-trip-plan-simple-enddate:not(.isset-enddate) .desc-enddate-select { display:none; }
#layer-popups .layer-trip-plan-simple-enddate.reset-tourdays .desc-enddate-clear { display:none; }
#layer-popups .layer-trip-plan-simple-enddate:not(.reset-tourdays) .desc-enddate-reset { display:none; }
#layer-popups .layer-trip-plan-simple-enddate.reset-tourdays .button-reset { background:#027FA4; }
#layer-popups .layer-trip-plan-simple-enddate:not(.isset-enddate):not(.reset-tourdays) .button-clear { x-background:#027FA4; }

#layer-popups .layer-right-content-popup .header .button-open-new { display:none; background:url(../images/google_icons/ic_open_in_browser_white_24dp/web/ic_open_in_browser_white_24dp_2x.png) center no-repeat; background-size:24px; }
#layer-popups .layer-right-content-popup.curr-tab-info .header .button-open-new { display:inline-block; }
#layer-popups .layer-right-content-popup .header .tabs { position:absolute; left:0; right:0; top:50px; height:48px; padding-left:1px; }
#layer-popups .layer-right-content-popup .header .tabs ul { display:table; table-layout:fixed; width:100%; height:100%; }
#layer-popups .layer-right-content-popup .header .tabs ul li { display:table-cell; text-align:center; background-color:#14a6d7; color:white; vertical-align:middle; border-right:1px solid white; }
#layer-popups .layer-right-content-popup .header .tabs ul .tab.inactive { display:none; }
#layer-popups .layer-right-content-popup .header .tabs ul .tab.selected { background-color:white; color:black; }
#layer-popups .layer-right-content-popup .content { font-size:14px; position:absolute; left:0; right:0; top:100px; bottom:0; padding:0; }
#layer-popups .layer-right-content-popup .content .tab { display:none; position:relative; width:100%; height:100%; overflow-y:scroll; }
#layer-popups .layer-right-content-popup .content .tab-iframe { overflow-y:hidden; }
#layer-popups .layer-right-content-popup .content .tab-iframe > iframe { border:0; width:100%; height:100%; }
/* body.os-ios ... for iOS iframe problem */
body.os-ios #layer-popups .layer-right-content-popup .content .tab-iframe { overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
body.os-ios #layer-popups .layer-right-content-popup .content .tab-iframe > iframe { min-width:100%; width:1px; }
#layer-popups .layer-right-content-popup .content .tab.selected:not(.inactive) { display:block; }
#layer-popups .layer-right-content-popup .content .tab-note-view { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; padding: 5px 15px; }
#layer-popups .layer-right-content-popup .content .tab-note-view .note-text { border:1px solid black; padding:10px; }
#layer-popups .layer-right-content-popup .content .tab-note-view .note-ctrl { }
#layer-popups .layer-right-content-popup .content .tab-note-view .note-ctrl .note-updated { line-height:35px; }
body.status-trip-plan-readonly #layer-popups .layer-right-content-popup .content .tab-note-view .note-ctrl { display:none; }

.dialog {
  position:absolute; z-index:990000; background:#f3f2e6; padding:16px;
  font-size:14px;
  line-height: 1.6;
  max-width:400px;
  max-height:90%; overflow-y:auto;
}
.dialog .dialog-head {
  position: relative;
  margin: 15px 20px;
}
.dialog .dialog-title {
  color: #14a6d7;
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 15px;
  line-height:100%;
}
.dialog .dialog-close {
  position: absolute;
  top: 3px;
  right: -15px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -1000px;
  background: url(../images/icons.png) center -50px no-repeat; background-size:50px auto;
}
.dialog .dialog-body {
  margin: 15px 20px;
}
.dialog div.submit {
  margin: 20px 0 0 0;
  text-align:center;
}
.dialog a.button {
  background:#14a6d7; color:#fff; text-align:center;
  padding:8px 20px; margin-right:10px;
}

.dialog .dialog-body .popup_message:not(.no-word-break-all) { word-break:break-all; }

.vertical-align-middle { vertical-align:middle; }
.cursor-pointer { cursor:pointer; }
.text-indent-out { text-indent:-99999px; }
.notext { font-size:0; text-indent:-99999px; }
.notext { font-size:1px; } // on IE11. font-size:0 cause unknown offset-top sometimes..

.icon_x_blue.icon_h50 {
  display:inline-block; width:48px; height:48px;
  background: url(../images/icons.png) center -34px no-repeat; background-size: 50px auto;
}
.icon_x_blue.icon_h30 {
  display:inline-block; width:30px; height:30px;
  background: url(../images/icons.png) center -19px no-repeat; background-size: 30px auto;
}

.button-help:not(.buttonstyle-text) { width:24px; height:24px; background:url(../images/google_icons/ic_help_white_24dp/web/ic_help_white_24dp_2x.png) center no-repeat; background-size:contain; text-indent:-9999px; }

.calendar_wrap { position:relative; height:50px; }
.calendar_wrap .m_y { position:absolute; left:0; top:0; color:#82e0ff; }
.calendar_wrap input.calendar { display:block; position:absolute; right:0; top:0; width:16px; height:16px; background:url(../images/icons.png) center -400px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; cursor:pointer; }
.calendar_wrap .date_wrap { position:absolute; left:0; top:25px; width:100%; text-align:center; }
.calendar_wrap .date_wrap a { display:inline; display:inline-block; width:25px; height:25px; text-align:center; color:#fff; line-height:27px; font-size:13px; border:1px solid transparent; }
.calendar_wrap .date_wrap a.filled { background:#fff; color:#14a6d7; border-color:#fff; }
.calendar_wrap .date_wrap a.border { border-color:#fff; }
.calendar_wrap .date_wrap a.hide { display:none; }
.calendar_wrap .date_wrap a.button-prev, .calendar_wrap .date_wrap a.btn_prev { position:absolute; left:0; top:0; background:url(../images/icons.png) left -495px no-repeat; background-size:50px auto; }
.calendar_wrap .date_wrap a.button-next, .calendar_wrap .date_wrap a.btn_next { position:absolute; right:0; top:0; background:url(../images/icons.png) right -645px no-repeat; background-size:50px auto; }
.calendar_wrap .date_wrap .label-day { color:white; margin-right:5px; }
.calendar_wrap .date_wrap .label-day .narrow { display:none; }
/*.calendar_wrap:not(.show-label) .date_wrap .label-day { display:none; }*/
.calendar_wrap.no-prev .date_wrap .btn_prev { display:none; }
.calendar_wrap.no-next .date_wrap .btn_next { display:none; }

.calendar_wrap.wday-enabled .date_wrap a.wday0.border { border-color:#c00000; }
.calendar_wrap.wday-enabled .date_wrap a.wday1.border { border-color:#c06000; }
.calendar_wrap.wday-enabled .date_wrap a.wday2.border { border-color:#c0c000; }
.calendar_wrap.wday-enabled .date_wrap a.wday3.border { border-color:#00c000; }
.calendar_wrap.wday-enabled .date_wrap a.wday4.border { border-color:#0000c0; }
.calendar_wrap.wday-enabled .date_wrap a.wday5.border { border-color:#380062; }
.calendar_wrap.wday-enabled .date_wrap a.wday6.border { border-color:#6c00c0; }
.calendar_wrap.wday-enabled .date_wrap a.wday0.filled { background-color:#c00000; border-color:#c00000; }
.calendar_wrap.wday-enabled .date_wrap a.wday1.filled { background-color:#c06000; border-color:#c06000; }
.calendar_wrap.wday-enabled .date_wrap a.wday2.filled { background-color:#c0c000; border-color:#c0c000; }
.calendar_wrap.wday-enabled .date_wrap a.wday3.filled { background-color:#00c000; border-color:#00c000; }
.calendar_wrap.wday-enabled .date_wrap a.wday4.filled { background-color:#0000c0; border-color:#0000c0; }
.calendar_wrap.wday-enabled .date_wrap a.wday5.filled { background-color:#380062; border-color:#380062; }
.calendar_wrap.wday-enabled .date_wrap a.wday6.filled { background-color:#6c00c0; border-color:#6c00c0; }
.calendar_wrap.wday-enabled .date_wrap a.wday.filled:not(.border) { background-color:white; border-color:white; }

.calendar_search_hotels .m_y { color:#fc9c91; }
.calendar_search_hotels .date_range { position:absolute; right:0; top:0; }
.calendar_search_hotels .date_wrap a { border:1px solid #d86052; cursor:default; }
.calendar_search_hotels .date_wrap a.filled { color:#d86052; }
.calendar_search_hotels .date_wrap a.border { border-color:#000; cursor:pointer; }


a.btn_google_transit { display:inline-block; width:24px; height:24px; background:rgba(0,0,0,0.5) url(../images/google_maps_favicon_w.png) center center no-repeat; background-size:20px 20px; font-size:0; text-indent:-9999px; }

/* Intro : S */
#wrapper { position:relative; overflow:hidden; }
#wrapper.main { position:fixed; left:0; right:0; top:0; bottom:0; }
#intro { background:rgba(31,174,225,0.9); }
#intro { position:absolute; top:0;left:0;bottom:0;right:0;z-index:100000; overflow-y:auto; }
#intro_inner { width:586px; margin:0 auto; }
#intro_inner h1 { margin-bottom:62px; }
#intro_inner #search_intro { height:80px; margin-bottom:23px; }
#intro_inner #search_intro { display:block; width:100%; height:80px; position:relative; }
#intro_inner #search_intro input[type="text"] { display:block; padding:0 40px 0 80px; height:80px; font-size:24px; color:#14a6d7; background:#fff url(../images/icons.png) -8px -377px no-repeat; position:absolute; left:0; top:0; }
#intro_inner #search_intro input[type="text"]::-webkit-input-placeholder { color: #14a6d7; }
#intro_inner #search_intro input[type="text"]:-moz-placeholder { color: #14a6d7; opacity: 1; }
#intro_inner #search_intro input[type="text"]::-moz-placeholder { color: #14a6d7; opacity: 1; }
#intro_inner #search_intro input[type="text"]:-ms-input-placeholder { color: #14a6d7; }
#intro_inner #search_intro a { display:block; width:80px; height:80px; font-size:24px; font-weight:bold; color:#fff; background:#007ea8; position:absolute; right:0; top:0; text-align:center; line-height:80px; }
#intro_inner #btn_skip { width:32px; height:17px; padding:10px 39px 10px 18px; margin:0 auto; border:1px solid #fff; font-size:16px; color:#fff; background:url(../images/intro/btn_skip.png) 60px 13px no-repeat; cursor:pointer; line-height:100%; }
/* Intro : E */


/* Map : S */
/*edited by bjkim
#map { position:relative; width:100%; height:100%; background:url(../images/bg.jpg) center center repeat; }
*/
#map { position:fixed; left:0; right:0; top:0; bottom:0; overflow:hidden;}
#map .guide-center { display:none; position:absolute; z-index:999999; }
#map .guide-center.show { display:block; }
#map .guide-center-h { border-top:2px solid; top:50%; left:0; width:100%; }
#map .guide-center-v { border-left:2px solid; left:50%; top:0; height:100%; }
.location { width:48px; height:65px; background:url(../images/location/location.png) 0 0 no-repeat; position:absolute; }
.location .location_inner { width:32px; height:32px; border-radius:100%; background:#007ea8; position:absolute; left:8px; top:7px; color:#fff; text-align:center; line-height:32px; font-weight:bold; cursor:pointer; }

.location_wrap.small .location { transform:scale(0.5); transform-origin:0 0; }
.location_wrap.small .location .location_inner { font-weight:normal; font-size:14px; }

.location_s { width:30px; height:41px; background:url(../images/location/location_s.png) 0 0 no-repeat; cursor:pointer; }
.location_r { background:url(../images/location/location_r.png) 0 0 no-repeat; }
.location_r .location_inner { background:#b84436; }
.location_o { background:url(../images/location/location_o.png) 0 0 no-repeat; }
.location_o .location_inner { background:#b8723b; }

.location_wday0 { background:url(../images/location/locations.png) 0 -300px no-repeat; }
.location_wday1 { background:url(../images/location/locations.png) 0 -400px no-repeat; }
.location_wday2 { background:url(../images/location/locations.png) 0 -500px no-repeat; }
.location_wday3 { background:url(../images/location/locations.png) 0 -600px no-repeat; }
.location_wday4 { background:url(../images/location/locations.png) 0 -700px no-repeat; }
.location_wday5 { background:url(../images/location/locations.png) 0 -800px no-repeat; }
.location_wday6 { background:url(../images/location/locations.png) 0 -900px no-repeat; }
.location_wday0 .location_inner { background:#c00000; }
.location_wday1 .location_inner { background:#c06000; }
.location_wday2 .location_inner { background:#c0c000; }
.location_wday3 .location_inner { background:#00c000; }
.location_wday4 .location_inner { background:#0000c0; }
.location_wday5 .location_inner { background:#380062; }
.location_wday6 .location_inner { background:#6c00c0; }

.location.hotel-star-rating-1 { background:url(../images/location/locations.png) 0 -300px no-repeat; }
.location.hotel-star-rating-2 { background:url(../images/location/locations.png) 0 -400px no-repeat; }
.location.hotel-star-rating-3 { background:url(../images/location/locations.png) 0 -500px no-repeat; }
.location.hotel-star-rating-4 { background:url(../images/location/locations.png) 0 -600px no-repeat; }
.location.hotel-star-rating-5 { background:url(../images/location/locations.png) 0 -700px no-repeat; }
.location.hotel-star-rating-1 .location_inner { background:#c00000; }
.location.hotel-star-rating-2 .location_inner { background:#c06000; }
.location.hotel-star-rating-3 .location_inner { background:#c0c000; }
.location.hotel-star-rating-4 .location_inner { background:#00c000; }
.location.hotel-star-rating-5 .location_inner { background:#0000c0; }

.location_01 { left:50%; top:40%; }
.location_02 { left:25%; top:55%; }
.location_03 { left:85%; top:45%; }
.location_04 { left:70%; top:60%; }
.location_05 { left:55%; top:15%; }
.location_06 { left:75%; top:20%; }
.location_07 { left:35%; top:25%; }
.location_08 { left:60%; top:70%; }
.location_05 .location_inner { background:url(../images/list/05.jpg) center center no-repeat; background-size:contain; }

.leaflet-marker-icon.popup-open { z-index:999999999!important; }
.leaflet-marker-icon.popup-open .location_inner { border: 1px solid black; margin:-1px 0 0 -1px; }

div.location_hover { position:relative; width:310px; height:112px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
div.location_hover .bubble { position:absolute; bottom:-13px; width:100%; height:13px; background:url(../images/location/bubble_bottom.png) center 0 no-repeat; }
div.location_hover .img_location { position:absolute; left:0; top:0;  width:112px; height:112px; }
div.location_hover .img_location img { width:112px; height:112px; }
div.location_hover .img_location a.btn_close { display:none; position:absolute; left:2px; top:2px; width:14px; height:14px; z-index:2; background-color:#52a1fa; color:white; text-align:center; }
#bottom_panel_body #bottom_marker_popup div.location_hover .img_location a.btn_close { display:block; }
div.location_hover .img_location .left_bottom { position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); color:white; padding:3px; font-size:9px; }
div.location_hover .info_location { position:absolute; left:112px; top:0; right:0; bottom:0; padding:7px; }
div.location_hover .info_location dl dt { font-size:14px; color:#14a6d7; line-height:100%; cursor:pointer; margin-bottom:10px; }
div.location_hover .info_location dl dd { position:relative; height:18px; margin-bottom:5px; color:#666; letter-spacing:-0.5px; line-height:120%; }
div.location_hover .info_location dl dd.marker-detail { height:28px; }
div.location_hover .info_location dl dd a { display:inline; display:inline-block; border:1px solid #14a6d7; color:#14a6d7; vertical-align:middle; text-align:center; }
div.location_hover .info_location dl dd.inout-booking { height:28px; }
div.location_hover .info_location dl dd.inout-booking a.button-arrangy { position:absolute; left:0; right:32px; top:0; bottom:0; text-align:center; line-height:28px; color:white; background-color:#d65f54; border:1px solid #eaada7; }
div.location_hover .info_location dl dd.inout-booking a.button-skyscanner { position:absolute; right:0; width:28px; top:0; bottom:0; border:1px solid; background:url("../images/skyscanner.ico") center no-repeat; background-size:28px; }
div.location_hover .info_location dl dd.hotel-star-rating { margin-bottom:0; }
div.location_hover .info_location dl dd.hotel-star-rating-1 { color:#c00000; }
div.location_hover .info_location dl dd.hotel-star-rating-2 { color:#c06000; }
div.location_hover .info_location dl dd.hotel-star-rating-3 { color:#c0c000; }
div.location_hover .info_location dl dd.hotel-star-rating-4 { color:#00c000; }
div.location_hover .info_location dl dd.hotel-star-rating-5 { color:#0000c0; }
div.location_hover .info_location dl dd.hotel-booking { height:28px; }
div.location_hover .info_location dl dd.hotel-booking .button-booking { position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; line-height:28px; color:white; background-color:#d86052; border:1px solid #b84436; }
div.location_hover .info_location dl dd.lounge-date { height:42px; }
div.location_hover .info_location dl dd.marker-days a.btn-day { width:20px; height:20px; }
div.location_hover .info_location dl dd.marker-days a.btn-day.selected { background-color:#14a6d7; color:white; }
div.location_hover .info_location dl dd.marker-days a.btn-set-days { display:block; text-align:center; padding:2px; color:white; background:#14a6d7; }
div.location_hover .info_location dl dd.poi-children a { max-width:85px; border:none; }
div.location_hover .info_location dl dd.marker-detail a.btn_prev_item { position:absolute; left:0; width:26px; height:26px; color:white; line-height:26px; }
div.location_hover .info_location dl dd.marker-detail a.btn_next_item { position:absolute; right:0; width:26px; height:26px; color:white; line-height:26px; }
div.location_hover .info_location dl dd.marker-detail a.button-rome2rio { display:none; position:absolute; right:30px; width:26px; height:26px; color:white; text-indent:-9999px; background:url(../images/google_icons/ic_directions_white_24dp/web/ic_directions_white_24dp_2x.png) center no-repeat; background-size: 24px; background-color:#d65f54; border-color:#eaada7; }
div.location_hover .info_location dl dd.marker-detail div.marker_info { position:absolute; left:30px; right:30px; height:26px; border:1px solid #a8d0fc; text-align:center; }
div.location_hover .info_location dl dd.marker-detail.has-rome2rio a.button-rome2rio { display:block; }
div.location_hover .info_location dl dd.marker-detail.has-rome2rio div.marker_info { cursor:pointer; right:60px; }
div.location_hover .info_location dl dd.marker-detail div.marker_info.has-link { cursor:pointer; }
div.location_hover .info_location dl dd.marker-detail a.btn_prev_item
, div.location_hover .info_location dl dd.marker-detail a.btn_next_item { border:1px solid #808080; background-color:#aaaaaa; }
div.location_hover.has-prev-item .info_location dl dd.marker-detail a.btn_prev_item { border:1px solid #eaada7; background-color:#d65f54; }
div.location_hover.has-next-item .info_location dl dd.marker-detail a.btn_next_item { border:1px solid #96bfed; background-color:#52a1fa; }
div.location_hover_r { width:370px; }
div.location_hover_r .info_location { float:left; width:222px; height:84px; padding:14px 18px; }
div.location_hover_r .info_location dl dt { color:#d86052; }
div.location_hover_r .info_location dl dd span { font-weight:bold; color:#333; }
div.location_hover_r .info_location dl dd a { border-color:#d86052; color:#d86052; }

.dummy_multiple_selector_firstline
, .location.no_poiinfo
, body.state-trip-plan-city-search .leaflet-marker-icon.poiitem_type_tpcspot
, body.state-trip-plan-city-hotel .leaflet-marker-icon.poiitem_type_tpcspot
, body.state-trip-plan-city-hotel-search .leaflet-marker-icon.poiitem_type_tpcspot
, body.state-trip-plan-city-hotel.status-marker-popup-open .leaflet-marker-icon.poiitem_type_tpchotel:not(.popup-open)
, body.state-trip-plan-inout:not(.status-marker-popup-open) .leaflet-marker-icon.poiitem_type_tpcbase
, body.state-trip-plan-inout.status-marker-popup-open .leaflet-marker-icon.poiitem_type_tpinout:not(.popup-open)
, body.state-lounge-main .leaflet-marker-icon.poiitem_type_tpcbase
{ display:none; }
/* Map : E */


/* left-panel : S */
#left-panel { width:312px; position:fixed; left:16px; top:16px; z-index:2000; }
.box-shadow { box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#left-panel .box-general { background-color:#14a6d7 !important; } 
#left-panel .box-general-dark { background-color:#007ea8 !important; } 
#left-panel .box-hotel { background-color:#d86052 !important; }
#left-panel .box-hotel-dark { background-color: #b84436 !important; }
#left-panel .panel-header .header_setting { padding:0; height:48px; border-bottom:1px solid #43b8df; position:relative; }
#left-panel .panel-header .header_setting .leftside a { width:40px; height:48px; }
#left-panel .panel-header .header_setting .rightside a
,#left-panel .panel-header .header_setting .rightside p
{ width:36px; height:48px; vertical-align:top; }
/* leftside */
#left-panel .panel-header .header_setting .button-menu { display:none; background:url(../images/icons.png) center -234px no-repeat; background-size:50px auto;}
#left-panel .panel-header .header_setting .btn_toggle_body { display:none; background:url(../images/icons.png) center -234px no-repeat; background-size:50px auto;}
#left-panel .panel-header .header_setting .btn-state-back { display:none; background:url(../images/icons.png) 15px -483px no-repeat; background-size:50px auto;}
body:not(.state-home-main) #left-panel .panel-header .header_setting .btn-state-back
, body.state-home-main #left-panel .panel-header .header_setting .button-menu
{
  display:block;
}
/* inside */
#left-panel .panel-header .header_setting .panel-title
,#left-panel .panel-header .header_setting .panel-marker-title
{ position:absolute; left:0; right:0; top:0; bottom:0; padding-left:10px; font-weight:bold; font-size:20px; color:#fff; line-height:230%; }
#left-panel .panel-header .header_setting .panel-marker-title { display:none; }
#left-panel .panel-header .header_setting input.panel-title { display:none; background-color:#14a6d7; width:200px; margin-top:-4px; line-height:initial; }
#left-panel .panel-header .header_setting .btn_state_cancel { display:none; position:absolute; top:14px; right:0; width:20px; height:20px; background:url(../images/icons.png) center 2px no-repeat; background-size:50px auto; }
/* rightside */
#left-panel .panel-header .header_setting .rightside .button-profile { display:none; width:48px; }
#left-panel .panel-header .header_setting .rightside .button-profile img { width:48px; height:48px; cursor:pointer; }
#left-panel .panel-header .header_setting .rightside .button-add { display:none; background:url(../images/google_icons/ic_add_white_24dp/web/ic_add_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-comment { display:none; background:url(../images/google_icons/ic_comment_white_24dp/web/ic_comment_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-comment span.fb-comments-count { top:7px; right:5px; }
#left-panel .panel-header .header_setting .rightside .button-delete { display:none; background:url(../images/google_icons/ic_delete_white_24dp/web/ic_delete_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-save { display:none; background:url(../images/google_icons/ic_cloud_upload_white_24dp/web/ic_cloud_upload_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-setting { display:none; background:url(../images/google_icons/ic_settings_white_24dp/web/ic_settings_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-hotel { display:none; background:url(../images/google_icons/ic_hotel_white_24dp/web/ic_hotel_white_24dp_2x.png) center no-repeat; background-size:24px; background-color:#d86052; }
#left-panel .panel-header .header_setting .rightside .button-flight { display:none; background:url(../images/google_icons/ic_flight_takeoff_white_24dp/web/ic_flight_takeoff_white_24dp_2x.png) center no-repeat; background-size:24px; }
#left-panel .panel-header .header_setting .rightside .button-search { display:none; background:url(../images/icons.png) center -136px no-repeat; background-size:50px auto; }
.dummy_multiple_selector_firstline
, body.status-searchable #left-panel .panel-header .header_setting .rightside .button-search
, body.state-trip-plan-main #left-panel .panel-header .header_setting .rightside .button-comment
, body.state-trip-plan-main:not(.status-trip-plan-readonly).status-trip-plan-new:not(.status-marker-popup-open) #left-panel .panel-header .header_setting .rightside .button-save
, body.state-trip-plan-main:not(.status-trip-plan-readonly):not(.status-trip-plan-new):not(.status-marker-popup-open) #left-panel .panel-header .header_setting .rightside .button-setting
, body.state-trip-plan-main:not(.status-trip-plan-readonly).status-marker-popup-open #left-panel .panel-header .header_setting .rightside .button-delete
, body.state-trip-plan-main.status-trip-plan-readonly #left-panel .panel-header .header_setting .rightside .button-profile
, body.state-trip-plan-inout #left-panel .panel-header .header_setting .rightside .button-flight
, body.state-trip-plan-city #left-panel .panel-header .header_setting .rightside .button-comment
, body.state-trip-plan-city:not(.status-marker-popup-open) #left-panel .panel-header .header_setting .rightside .button-hotel
, body.state-trip-plan-city.status-marker-popup-open:not(.status-trip-plan-readonly):not(.status-trip-plan-predefined) #left-panel .panel-header .header_setting .rightside .button-delete
, body.state-trip-plan-city-hotel #left-panel .panel-header .header_setting .rightside .button-add
, body.state-lounge-main #left-panel .panel-header .header_setting .rightside .button-comment
, body.state-lounge-main #left-panel .panel-header .header_setting .rightside .button-profile
{ display:inline-block; }

#left-panel .panel-header .setting_search { position:absolute; left:40px; right:0; width:auto; top:0; z-index:10000; background:#fff; display:none; }
#left-panel .panel-header .setting_search .header_search { display:none; position:relative; width:100%; height:48px; border-bottom:1px solid #a1dbef; }
#left-panel .panel-header .setting_search .header_search .wrap_input { position:absolute; left:0; right:48px; height:100%; }
#left-panel .panel-header .setting_search .header_search .wrap_input input { display:block; width:100%; height:100%; font-size:20px; color:#14a6d7; padding-left:14px; }
#left-panel .panel-header .setting_search .header_search .autocomplete-result { position:absolute; left:0; right:0; top:49px; display:none; }
#left-panel .panel-header .setting_search .header_search a.btn_clear { display:none; width:20px; height:20px; position:absolute; top:14px; right:14px; font-size:0; text-indent:-9999px; background:url(../images/icons.png) center -24px no-repeat; background-size:30px auto; cursor:pointer; }

body.status-search-open #left-panel .panel-header .setting_search { display:block; margin-top:0; }
body.status-search-open #left-panel .panel-header .setting_search .header_search { display:block; }

#left-panel .contents_setting { padding:20px 14px 14px; }

#left-panel .panel-item { display:none; }

#left-panel .panel-item-itinerary .nav-date { padding-bottom:0; }
#left-panel .panel-item-itinerary .nav-date .calendar_wrap { margin-bottom:30px; }

#left-panel .panel-item-itinerary .itinerary-view-table { display:none; padding-top:0;}
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner { height:340px; overflow-y: auto; margin-right: -8px; padding-right: 8px; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.place { height:22px; position:relative; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit { height:46px; position:relative; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li dt { position:absolute; left:72px; cursor:pointer; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.place dt { top:0; font-size:16px; font-weight:bold; color:#fff; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit dt { top:0; color:#ffeaaa; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit dt a.google_transit { color:#ffeaaa; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li dd.time_plan { width:62px; position:absolute; top:4px; left:0; color:#fff; text-align:center; cursor:pointer; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit dd.time_plan { height:46px; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-car dd.time_plan { background:url(../images/icon_transportation.png) center 3px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-walk dd.time_plan { background:url(../images/icon_transportation.png) center -74px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-subway dd.time_plan { background:url(../images/icon_transportation.png) center -152px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-unknown dd.time_plan { background:url(../images/icon_transportation.png) center -230px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-ship dd.time_plan { background:url(../images/icon_transportation.png) center -384px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li.transit-airplane dd.time_plan { background:url(../images/icon_transportation.png) center -308px no-repeat; background-size:32px auto; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li dl dd.btn_note { display:none; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li dl dd.btn_note.has-note { display:block; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li:hover dl dd.btn_note.editable { display:block; }
#left-panel .contents_setting.itinerary-view-table .itinerary-view-table-inner .plan_wrap li dl dd.btn_note { width:25px; height:25px; background:url(../images/icons.png) center -798px no-repeat; background-size:50px auto; position:absolute; top:0; right:0; cursor:pointer; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-view-table .time_wrap { height:48px; position:relative; }
#left-panel .contents_setting.itinerary-view-table .time_wrap p { color:#82e0ff; position:absolute; top:17px; right:34px; line-height:100%; }
#left-panel .contents_setting.itinerary-view-table .time_wrap #btn_refresh { display:block; width:22px; height:22px; position:absolute; right:0; top:14px; background:url(../images/icons.png) center -900px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table { height:48px; position:relative; margin:0 -14px -14px; border-top:1px solid #43b8df; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .img_profile { width:48px; height:48px; position:absolute; left:0; top:0; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .img_profile img { width:48px; height:48px; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .name_profile { font-size:14px; color:#fff; position:absolute; left:58px; top:16px; line-height:100%; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .btn_edit { width:80px; padding:8px 0; background:#fff; color:#14a6d7; font-size:14px; text-align:center; line-height:100%; position:absolute; left:14px; top:9px; cursor:pointer; display:none; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .btn_close { width:80px; padding:8px 0; background:#fff; color:#14a6d7; font-size:14px; text-align:center; line-height:100%; position:absolute; left:14px; top:9px; cursor:pointer; display:none; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .btn_make_new_trip_with_destinations { width:120px; padding:8px 0; background:#fff; color:#14a6d7; font-size:14px; text-align:center; line-height:100%; position:absolute; left:14px; top:9px; cursor:pointer; display:none; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .btn_search_hotels { width:120px; padding:8px 0; background:#d86052; color:#000000; font-size:14px; font-weight:bolder; text-align:center; line-height:100%; position:absolute; right:45px; top:9px; cursor:pointer; display:none; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table .btn_search_hotels.disabled { background:#888; color:#555; cursor:default; }
#left-panel .contents_setting.itinerary-view-table .footer-itinerary-view-table #btn_print { display:block; width:48px; height:48px; position:absolute; right:0; top:0; background:url(../images/icons.png) center -985px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }

#left-panel .contents_setting.itinerary-edit-table { padding:0; display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner { position:relative; overflow-y:auto; border-top:1px solid #43b8df; border-bottom:1px solid #43b8df; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul.time-table li .btn_add_node_desc { position:absolute; right:10px; top:10px; padding:0; width:15px; text-align:center; border:1px solid; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul.node-table { position:absolute; top:0; left:0; right:0; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul.node-table li { position:absolute; left:0; right:0; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li { height:46px; position:relative; border-bottom:1px solid #dce9ed; background:#f3f2e6; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li:last-child { border-bottom:1px solid #14a6d7; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.active { background:#14a6d7; border-bottom:1px solid #43b8df; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.node-desc { background:#555; border-bottom:1px solid #444; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.node-desc dd.duration_order { display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dt { position:absolute; left:70px; top:10px; color:#fff; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.duration_order { position:absolute; left:70px; top:26px; color:#ffeaaa; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.time_order { position:absolute; left:14px; top:10px; color:#14a6d7; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.active dd.time_order { color:#fff; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.btn_modify_order { width:16px; height:16px; position:absolute; right:14px; top:10px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.btn_modify_order a { display:block; width:100%; height:100%; background:url(../images/icons.png) center -800px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover { display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); cursor:move; }
body:not(.touch-device) #left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li:hover dd.hover { display:block; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.touch_hover dd.hover { display:block; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_prev { display:block; width:30px; height:46px; position:absolute; left:0; top:0; background:url(../images/icons.png) 10px -485px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_next { display:block; width:30px; height:46px; position:absolute; right:0; top:0; background:url(../images/icons.png) -30px -635px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_delete { display:block; width:24px; height:24px; position:absolute; right:0; top:-24px; background:rgba(0,0,0,0.5) url(../images/icons.png) center 6px no-repeat; background-size:36px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_note { display:block; width:24px; height:24px; position:absolute; right:24px; top:-24px; background:rgba(0,0,0,0.5) url(../images/icons.png) center -796px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_transit { display:block; width:24px; height:24px; position:absolute; right:48px; top:-24px; background:rgba(0,0,0,0.5) url(../images/icon_transportation.png) center -10px no-repeat; background-size:36px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.no-route dd a.btn_google_transit { position:absolute; right:72px; top:-24px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.no-route dd.hover a.btn_transit { display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.no-route dd.hover a.btn_google_transit { display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li dd.hover a.btn_resize { display:block; position:absolute; left:0; right:0; bottom:0; height:20px; line-height:0; background:rgba(0,0,0,0.3) url(../images/icons.png) center -869px no-repeat; background-size:30px auto; cursor:ns-resize; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.editing { background:#aaa; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.editing dd.hover { display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.holder { z-index:99990!important; background:#888; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.holder dd.hover { display:block; background:rgba(0,0,0,0.6);}
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.holder dd.hover a { display:none; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.holder.mode-resize dd.hover a.btn_resize { display:block; }
#left-panel .contents_setting.itinerary-edit-table .itinerary-edit-table-inner ul li.holder-outline { z-index:99999!important; border:2px dashed #000; background:initial; }

#left-panel .contents_setting.itinerary-edit-table .time_wrap { height:48px; position:relative; }
#left-panel .contents_setting.itinerary-edit-table .time_wrap p { color:#82e0ff; position:absolute; top:17px; right:48px; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .time_wrap #btn_refresh { display:block; width:22px; height:22px; position:absolute; right:14px; top:14px; background:url(../images/icons.png) center -900px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .footer-itinerary-edit-table { padding:5px 14px 14px; position:relative; }
#left-panel .contents_setting.itinerary-edit-table .footer-itinerary-edit-table a.btn_save { display:inline; display:inline-block; width:96px; padding:12px 0; background:#fff; text-align:center; font-size:14px; color:#14a6d7; margin-right:1px; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .footer-itinerary-edit-table a.btn_cancel { display:inline; display:inline-block; width:96px; padding:12px 0; background:#fff; text-align:center; font-size:14px; color:#14a6d7; margin-right:1px; line-height:100%; }
#left-panel .contents_setting.itinerary-edit-table .footer-itinerary-edit-table a.btn_lock { display:block; width:22px; height:22px; position:absolute; right:14px; top:12px; background:url(../images/icons.png) center -1150px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#left-panel .contents_setting.itinerary-edit-table .footer-itinerary-edit-table a.btn_lock.locked { background:url(../images/icons.png) center -1400px no-repeat; background-size:50px auto; }

#left-panel .panel-item-hotel-search { background:#d86052; display:none; }
#left-panel .panel-item-hotel-search .contents_setting_04 { position:relative; padding:18px; }
#left-panel .panel-item-hotel-search .contents_setting_04 input.title { display:block; min-width:93.5%; margin:0 0 12px; padding:10px; color:#fff; font-size:16px; font-weight:bold; line-height:100%; background:#b84436 url(../images/icons.png) right -237px no-repeat; background-size:50px auto; cursor:pointer; }
#left-panel .panel-item-hotel-search .contents_setting_04 > div { margin-bottom:20px; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider { height:50px; position:relative; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider.slider_01 { margin-bottom:10px; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > p { margin-bottom:8px; color:#fff; line-height:100%; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > div { height:9px; background:#cf5446; box-shadow:inset 2px 2px 2px #7e2f25, 1px 1px 1px #f49387; border-radius:4px; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > div > div { height:9px; background:#b84436; box-shadow:inset 2px 2px 2px #7e2f25, 1px 1px 1px #f49387; border-radius:4px; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > div > span { width:17px; height:18px; background:url(../images/control.png) center -179px no-repeat; background-size:25px auto; outline:0; cursor:pointer; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > span { margin-left:-12px; color:#fff; position:absolute; bottom:0; }
#left-panel .panel-item-hotel-search .contents_setting_04 .slider > span.max_slider { margin-left:0; color:#fff; position:absolute; right:0; bottom:0; }
#left-panel .panel-item-hotel-search .contents_setting_04 div.search-detail > p { margin-bottom:8px; color:#fff; line-height:100%; }
#left-panel .panel-item-hotel-search .contents_setting_04 p.star_rating a
,#left-panel .panel-item-hotel-search .contents_setting_04 p.tourdays a {
  display:inline; display:inline-block; width:17px; height:25px; margin-right:5px; text-align:center; color:#fff; line-height:27px; font-size:13px; border:1px solid #fff;
}
#left-panel .panel-item-hotel-search .contents_setting_04 p.star_rating a.filled
,#left-panel .panel-item-hotel-search .contents_setting_04 p.tourdays a.filled {
  background:#fff; color:#14a6d7; border-color:#fff;
}
#left-panel .panel-item-hotel-search .contents_setting_04 p.tourdays a.disabled {
  background:#666; border-color:#666;
  cursor:default;
}
#left-panel .panel-item-hotel-search .contents_setting_04 div.rearrange_itinerary { position:relative; }
#left-panel .panel-item-hotel-search .contents_setting_04 div.rearrange_itinerary a.btn_rearrange_itinerary { display:block; position:absolute; right:0; top:0; padding:5px 8px; font-size:13px; color:#b84436; background:#fff; text-align:center; cursor:pointer; }
#left-panel .panel-item-hotel-search .contents_setting_04 .btn_apply { display:block; width:100%; margin-top:25px; padding:12px 0; font-size:14px; color:#b84436; background:#fff; text-align:center; cursor:pointer; }


#left-panel .panel-item { display:none; }
#left-panel.hide-body-footer .panel-body { display:none; }
#left-panel.hide-body-footer .panel-footer { display:none; }
#left-panel.hide-body-footer .panel-header .header_setting { border-bottom:0; }
#left-panel.hide-body-footer .panel-header .header_setting .btn_toggle_body { background:url(../images/icons.png) center -260px no-repeat; background-size:50px auto; }

body.state-home-main.status-searchable #left-panel .panel-header .header_setting h2.panel-title { color:#43b8df; background-color:white; }
body.state-hotel-search-base #left-panel .panel-header .header_setting { border-bottom:1px solid #e08075; }
body.state-hotel-search-base #left-panel .panel-header .header_setting h2.panel-title { font-weight:normal; }

body.state-home-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
, body.state-start-trip-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
, body.state-trip-plan-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
, body.state-itinerary-view-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
, body.state-itinerary-edit-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
, body.state-hotel-search-base #left-panel:not(.hide-body-footer) .panel-header .header_setting
{ box-shadow:none; }

/* body.state-itinerary-view-base #left-panel .panel-item-itinerary
,*/ body.state-itinerary-edit-base #left-panel .panel-item-itinerary
, body.state-itinerary-edit-base #left-panel .panel-header .header_setting .btn_state_cancel
, body.state-itinerary-edit-base #left-panel .panel-header .header_setting input.panel-title
, body.state-hotel-search-base #left-panel .panel-item-hotel-search
, body.state-hotel-search-base #left-panel .panel-header .header_setting .btn_state_cancel
{ display:block; }

.dummy_multiple_selector_firstline
, body.state-itinerary-edit-base #left-panel .panel-header .header_setting h2.panel-title
, body.state-trip-plan-main.status-marker-popup-open #left-panel .panel-header .header_setting h2.panel-title
, body.state-trip-plan-city.status-marker-popup-open #left-panel .panel-header .header_setting h2.panel-title
{
  display:none;
}
.dummy_multiple_selector_firstline
, body.state-trip-plan-main.status-marker-popup-open #left-panel .panel-header .header_setting .panel-marker-title
, body.state-trip-plan-city.status-marker-popup-open #left-panel .panel-header .header_setting .panel-marker-title
{
  display:block;
}

/* left-panel : E */


/* bottom_panel_wrap : S */
#bottom_panel_wrap { position:fixed; bottom:0; left:0; right:0; background:#1c1c1c; }

#bottom_panel_header { position:relative; display:block; background-color:#14a6d7; height:35px; }
body.state-trip-plan-city-hotel #bottom_panel_header
, body.state-trip-plan-city-hotel-search #bottom_panel_header
{ background-color:#d86052; }

/* inside */
#bottom_panel_header .description-item { width:100%; height:100%; display:none; }
#bottom_panel_header .description-common
, #bottom_panel_header .description-search
, #bottom_panel_header .description-pubtrans
{ position:absolute; display:none; background-color:transparent; top:3px; bottom:0; left:0; right:0; text-align:center; color:white; font-size:20px; font-weight:bold; }
#bottom_panel_header .description-search > div { vertical-align:middle; line-height:100%; }
#bottom_panel_header .description-search .search-info { display:inline-block; }
#bottom_panel_header .description-search .search-info .search-keyword { display:inline-block; max-width:180px; }
#bottom_panel_header .description-search .search-by-sep { display:none; font-size:16px; }
#bottom_panel_header .description-search .search-by { display:none; font-size:16px; }
#bottom_panel_header .description-search.has-search-by .search-by-sep { display:inline-block; }
#bottom_panel_header .description-search.has-search-by .search-by { display:inline-block; }
#bottom_panel_header .description-search .button-mode { display:none; border:1px solid; cursor:pointer; font-size:16px; }
body:not(.status-marker-popup-open) #bottom_panel_header .description-search.has-button-mode .button-mode { display:inline-block; }
#bottom_panel_header .description-search .button-mode .search-keyword { display:inline-block; max-width:180px; }

#bottom_panel_header .description-search .search-info .search-marker-popuped
{ display:none; }
body.status-marker-popup-open #bottom_panel_header .description-search .search-info .search-marker-popuped
, body.state-itinerary-view-search #bottom_panel_header .description-search .itinerary-date
{ display:inline-block; }

#bottom_panel_header .description-pubtrans .button-pubtrans { display:inline-block; width:24px; height:24px; border:1px solid white; text-indent:-9999px; }
#bottom_panel_header .description-pubtrans .button-airport { background:url(../images/google_icons/ic_local_airport_white_24dp/web/ic_local_airport_white_24dp_2x.png) center no-repeat; background-size:24px; }
#bottom_panel_header .description-pubtrans .button-railway { background:url(../images/google_icons/ic_directions_railway_white_24dp/web/ic_directions_railway_white_24dp_2x.png) center no-repeat; background-size:24px; }
#bottom_panel_header .description-pubtrans .button-bus { background:url(../images/google_icons/ic_directions_bus_white_24dp/web/ic_directions_bus_white_24dp_2x.png) center no-repeat; background-size:24px; }
#bottom_panel_header .description-pubtrans .button-ferry { background:url(../images/google_icons/ic_directions_boat_white_24dp/web/ic_directions_boat_white_24dp_2x.png) center no-repeat; background-size:24px; }
#bottom_panel_header .description-pubtrans .button-pubtrans:not(.selected) { opacity:0.3; }

#bottom_panel_header .description-trip-plan-city-hotel { position:absolute; display:none; background-color:transparent; top:0; bottom:0; height:auto;}
#bottom_panel_header .description-trip-plan-city-hotel .button-tourdays .no-stay { display:none; }
#bottom_panel_header .description-trip-plan-city-hotel .button-tourdays .no-stay.on { display:inline-block; }
#bottom_panel_header .description-trip-plan-city-hotel .button { display:inline-block; margin:5px 0 5px 5px; padding:2px 10px; height:17px; border:2px solid white; color:white; font-weight:bold; }
#bottom_panel_header .description-trip-plan-city-hotel .button-stay.on
, #bottom_panel_header .description-trip-plan-city-hotel .button-autoplan.on
{ color:#2ca5d5; background-color:white; }
body.status-trip-plan-readonly #bottom_panel_header .description-trip-plan-city-hotel .button-stay
, body.status-trip-plan-readonly #bottom_panel_header .description-trip-plan-city-hotel .button-autoplan
, body.status-trip-plan-readonly #bottom_panel_header .description-trip-plan-city-hotel .button-tourdays
{ cursor:default; }
body.status-trip-plan-predefined #bottom_panel_header .description-trip-plan-city-hotel .button-stay
, body.status-trip-plan-predefined #bottom_panel_header .description-trip-plan-city-hotel .button-autoplan
{ display:none; }

#bottom_panel_header .tab { position:absolute; display:none; background-color:transparent; top:0; bottom:0; height:auto; }
#bottom_panel_header .tab-calendar { left:0; right:35px; }
#bottom_panel_header .tab-calendar .date_wrap { top:4px; margin-left:10px; }
#bottom_panel_header .tab-calendar .date_wrap { width:auto; right:35px; }
#bottom_panel_header .tab-calendar .m_y { width:30px; right:0; left:auto; top:6px; line-height:100%; }
#bottom_panel_header .tab-score { right:0; width:35px; padding-top:8px; color:white; text-align:center; cursor:pointer; }
#bottom_panel_header .tab-trip-plan-option { left:0; }
#bottom_panel_header .tab-start-trip-hotel { right:0; width:50px; background-color:#d86052; color:white; cursor:pointer; text-align:center; line-height:35px; }

#bottom_panel_header .description-calendar { padding:0 5px 0 10px; }
#bottom_panel_header .description-calendar .date_wrap { position:relative; top:4px; }
#bottom_panel_header .description-calendar .m_y { display:none; }
#bottom_panel_header .description-calendar .text-date { display:inline-block; margin:4px 0 0 10px; color:white; text-align:center; line-height:14px; }
#bottom_panel_header .description-calendar .button-all { display:inline-block; margin:4px 0 0 10px; width:35px; height:25px; line-height:26px; color:white; text-align:center; cursor:pointer; border:1px solid #fff; }
#bottom_panel_header .description-calendar .button-all.selected { color:#14a6d7; background-color:#fff; }

#bottom_panel_header .tab-trip-plan-option .button
{ display:inline-block; margin:5px 0 5px 5px; padding:2px 10px; height:17px; border:2px solid white; color:white; font-weight:bold; }
.dummy_multiple_selector_firstline
,body.state-start-trip-main #bottom_panel_header .tab-trip-plan-option .button-inout
{ display:none; }
.dummy_multiple_selector_firstline
,body.status-trip-plan-rearrange-on #bottom_panel_header .tab-trip-plan-option .button-rearrange
,body.status-trip-plan-preserve-se-on #bottom_panel_header .tab-trip-plan-option .button-preserve_se
{ color:#2ca5d5; background-color:white; }
.dummy_multiple_selector_firstline
,body.status-trip-plan-rearrange-disable #bottom_panel_header .tab-trip-plan-option .button-rearrange
,body.status-trip-plan-preserve-se-disable #bottom_panel_header .tab-trip-plan-option .button-preserve_se
,body:not(.status-trip-plan-rearrange-on) #bottom_panel_header .tab-trip-plan-option .button-preserve_se
,body.status-trip-plan-inout-disable #bottom_panel_header .tab-trip-plan-option .button-inout
{ color:#999; background-color:#aaa; border-color:#999; cursor:default; }
.dummy_multiple_selector_firstline
,body.status-trip-plan-readonly #bottom_panel_header .tab-trip-plan-option .button-rearrange
,body.status-trip-plan-readonly #bottom_panel_header .tab-trip-plan-option .button-preserve_se
{ cursor:default; }

#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar
, #bottom_panel_wrap:not(.curr-tab-score) #bottom_panel_header .tab-score
{ background-color: white; color: #14a6d7; }

#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a { color:#14a6d7; background-color:transparent; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday0.border { color:#c00000; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday1.border { color:#c06000; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday2.border { color:#c0c000; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday3.border { color:#00c000; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday4.border { color:#0000c0; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday5.border { color:#380062; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.wday6.border { color:#6c00c0; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.filled:not(.border) { border-color:transparent; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.btn_prev { background: url(../images/icons.png) left -595px no-repeat; background-size: 50px auto; width:15px; }
#bottom_panel_wrap:not(.curr-tab-calendar) #bottom_panel_header .tab-calendar .date_wrap a.btn_next { background: url(../images/icons.png) right -745px no-repeat; background-size: 50px auto; width:15px; }

body.state-home-main #bottom_panel_header .description-common
,body.status-search-open:not(.state-trip-plan-city-hotel) #bottom_panel_header .description-search
,body.state-itinerary-view-main:not(.status-search-open) #bottom_panel_header .tab-calendar
,body.state-itinerary-view-main:not(.status-search-open) #bottom_panel_header .tab-score
,body.state-start-trip-main #bottom_panel_header .tab-trip-plan-option
,body.state-start-trip-main #bottom_panel_header .tab-start-trip-hotel
,body.state-trip-plan-main #bottom_panel_header .tab-trip-plan-option
,body.state-trip-plan-city:not(.status-search-open) #bottom_panel_header .description-calendar
,body.state-trip-plan-city-hotel #bottom_panel_header .description-trip-plan-city-hotel
,body.state-home-search-pubtrans #bottom_panel_header .description-pubtrans
,body.state-itinerary-view-pubtrans #bottom_panel_header .description-pubtrans
{ display:block; }

/* #bottom_panel_header .rightside */
#bottom_panel_header .rightside .button { display:none; width:24px;height:24px; vertical-align:top; margin:6px 4px 0 4px;}
#bottom_panel_header .rightside .button-share { background:url(../images/google_icons/ic_share_white_24dp/web/ic_share_white_24dp_2x.png) center no-repeat; background-size:contain; }
#bottom_panel_header .rightside .button-comment { background:url(../images/google_icons/ic_comment_white_24dp/web/ic_comment_white_24dp_2x.png) center no-repeat; background-size:contain; }

.dummy_multiple_selector_firstline
, body.bph-common-share #bottom_panel_header .rightside .button-share
, body.bph-common-comment #bottom_panel_header .rightside .button-comment
, body.bph-common-help #bottom_panel_header .rightside .button-help
{ display:inline-block; }


#bottom_panel_body { position:relative; }

#bottom_list { height:150px; padding:12px 12px 4px 4px; overflow-x:scroll; overflow-y:hidden; }
#bottom_list ul { position:relative; white-space:nowrap; display:table-cell; }
#bottom_list ul li { float:none; display:inline-block; width:112px; height:134px; margin-left:12px; margin-bottom:12px; position:relative; border:2px solid transparent; }
#bottom_list ul li.blur { opacity:0.2; }
#bottom_list ul li dl dt { position:absolute; left:0; top:118px; width:112px; color:white; }
#bottom_list ul li dl dt a { color:#fff; }
#bottom_list ul li dl dt a:hover { text-decoration:underline; }
#bottom_list ul li dl dd.img_list { width:112px; height:112px; position:absolute; left:0; top:0; background:#fff; }
#bottom_list ul li dl dd.img_list a { display:block; width:112px; height:112px; }
#bottom_list ul li dl dd.img_list a img { width:112px; height:112px; }
#bottom_list ul li dl dd.hover_list { width:112px; height:112px; position:absolute; left:0; top:0; }
#bottom_list ul li.in-itinerary dl dd.hover_list { background:rgba(0,0,0,0.3); }
#bottom_list ul li dl dd.hover_list:hover { background:rgba(0,0,0,0.5); }
#bottom_list ul li dl dd.hover_list a { display:none; width:112px; height:112px; /*background:url(../images/list/hover_list.png) right 0 no-repeat;*/ }
#bottom_list ul li.in-itinerary dl dd.hover_list a { display:block; background:url(../images/list/hover_list.png) left 0 no-repeat; }
/*#bottom_list ul li.in-itinerary dl dd.hover_list:hover a { background:url(../images/list/hover_list.png) right 0 no-repeat; }*/
#bottom_list ul li dl dd.hover_list:hover a { display:block; }
#bottom_list ul li dl dd.number_list { position:absolute; left:10px; top:8px; color:#fff; line-height:100%; background-color:rgba(0,0,0,0.4);}
#bottom_list ul li.wday0 dl dd.number_list { background-color:#c00000; }
#bottom_list ul li.wday1 dl dd.number_list { background-color:#c06000; }
#bottom_list ul li.wday2 dl dd.number_list { background-color:#c0c000; }
#bottom_list ul li.wday3 dl dd.number_list { background-color:#00c000; }
#bottom_list ul li.wday4 dl dd.number_list { background-color:#0000c0; }
#bottom_list ul li.wday5 dl dd.number_list { background-color:#380062; }
#bottom_list ul li.wday6 dl dd.number_list { background-color:#6c00c0; }
#bottom_list ul li dl dd.imp_rank { display:none; position:absolute; right:0px; bottom:24px; padding:1px; color:orange; line-height:100%; background-color:rgba(0,0,0,0.4);}
#bottom_list ul li dl dd.button-move { display:none; position:absolute; right:0px; top:0px; background-color:rgba(0,0,0,0.4);}
#bottom_list ul li dl dd.button-move a { display:block; width:16px; height:16px; background:url(../images/google_icons/ic_swap_horiz_white_24dp/web/ic_swap_horiz_white_24dp_2x.png) center no-repeat; background-size: 12px; }
#bottom_list ul li dl dd.move-at-icon { display:none; position:absolute; left:-14px; top:-10px; width:12px; height:12px; background:url(../images/icons.png) -6px -649px; background-size:24px auto; }
#bottom_list ul li div.dummy-for-border { display:none; position:absolute; left:0; top:0; width:112px; height:112px; pointer-events: none; }
#bottom_list ul li div.dummy-for-border div { position:absolute; left:0; right:0; top:0; bottom:0; pointer-events: none; border:2px solid #c00000; }
#bottom_list ul li.trip-plan-spot-exclude
,#bottom_list ul li.trip-plan-spot-noroute
{ opacity:0.2; }
#bottom_list ul li.trip-plan-spot-exclude div.dummy-for-border
,#bottom_list ul li.trip-plan-spot-noroute div.dummy-for-border
{ display:block; }
#bottom_list ul li.hotel-star-rating-1 dl dd.img_list a img { border:2px solid #c00000; }
#bottom_list ul li.hotel-star-rating-2 dl dd.img_list a img { border:2px solid #c06000; }
#bottom_list ul li.hotel-star-rating-3 dl dd.img_list a img { border:2px solid #c0c000; }
#bottom_list ul li.hotel-star-rating-4 dl dd.img_list a img { border:2px solid #00c000; }
#bottom_list ul li.hotel-star-rating-5 dl dd.img_list a img { border:2px solid #0000c0; }
#bottom_list ul li.move-before-item dl dd.move-at-icon { left:auto; right:-14px; }
#bottom_list ul.list-nouse-poi li { opacity:0.2; }
#bottom_list ul.list-nouse-poi li:first-child { margin-left:30px; }
#bottom_panel_wrap.move-item-enabled .bottom-header .tab-calendar .date_wrap a.move-to-day:not(.filled) { border:1px dotted black!important; }
#bottom_panel_wrap.move-item-enabled .bottom-header .description-calendar .date_wrap a.move-to-day:not(.filled) { border:1px dotted black!important; }
#bottom_panel_wrap.move-item-enabled #bottom_list ul li:not(.move-disabled):not(.move-holder) dl dd.button-move { display:block; }
#bottom_panel_wrap.move-item-enabled #bottom_list ul li.move-after-item:not(.move-before-disabled) dl dd.move-at-icon { display:block; }
#bottom_panel_wrap.move-item-enabled #bottom_list ul li.move-before-item:not(.move-after-disabled) dl dd.move-at-icon { display:block; }
#bottom_panel_wrap.move-item-enabled #bottom_list ul li.move-item { border:2px dotted #999; }
#bottom_panel_wrap.move-item-enabled #bottom_list ul li.move-holder { position:absolute; top:0; border:2px dotted white; }
#bottom_panel_wrap.move-item-enabled.move-item-to-day #bottom_list ul li.move-holder { }
#bottom_panel_wrap.move-item-enabled.move-item-out #bottom_list ul li.move-holder { display:none; }

#bottom_list ul.list-pre-cmd li.item-pre-cmd-base { display:none; }
#bottom_list ul.list-pre-cmd li.item-pre-cmd-base dl dt { width:108px; color:white; text-align:center; }
#bottom_list ul.list-pre-cmd li.item-pre-cmd-base dl dd.img_list { width:108px; color:white; text-align:center; background-color:#91d357; white-space:normal; }

#bottom_list ul.list-pre-cmd li.item-pre-cmd-itinerary-view-summary { cursor:pointer; }
#bottom_list ul.list-pre-cmd li.item-pre-cmd-itinerary-view-summary dl dd.img_list { background-color:#ad4435; }

#bottom_panel_body #bottom_marker_popup { display:none; position:absolute; padding:0; left:0; right:0; top:0; bottom:0; background-color:white; z-index:2; }

#bottom_floating_buttons { position:absolute; top:0; height:0; right:55px; }
#bottom_floating_buttons .floating-buttons { position:absolute; bottom:10px; z-index:9999; }
#bottom_floating_buttons .floating-buttons .button { display:none; width:40px; height:40px; border-radius:100%; background-image:none; background-color:#F09027; }
#bottom_floating_buttons .floating-buttons .button-expand { margin-bottom:0px!important; }
#bottom_floating_buttons .floating-buttons .button a { display:block; width:40px; height:40px; text-indent:-9999px; color:white; }
#bottom_floating_buttons .floating-buttons .button a.tmp_text_icon { text-indent:0; line-height:40px; text-align:center; background:none; }
#bottom_floating_buttons .floating-buttons .button-streetview a { background:url(../images/google_icons/ic_streetview_white_24dp/web/ic_streetview_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-pubtrans a { background:url(../images/google_icons/ic_directions_bus_white_24dp/web/ic_directions_bus_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-tourdays a { background:url(../images/google_icons/ic_insert_chart_white_24dp/web/ic_insert_chart_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-spot a { background:url(../images/google_icons/ic_web_white_24dp/web/ic_web_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-itinerary-vrp a { background:url(../images/google_icons/ic_directions_white_24dp/web/ic_directions_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-note a { background:url(../images/google_icons/ic_description_white_24dp/web/ic_description_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-itinerary-edit a { background:url(../images/icons.png) center -1287px; background-size: 50px auto; }
#bottom_floating_buttons .floating-buttons .button-itinerary-new a { background:url(../images/icons.png) center -787px; background-size: 50px auto; }
#bottom_floating_buttons .floating-buttons .button-search a { background:url(../images/icons.png) center -138px; background-size: 50px auto; }
body.state-itinerary-view-main #bottom_floating_buttons .floating-buttons .button-search a { background:url(../images/google_icons/ic_add_location_white_24dp/web/ic_add_location_white_24dp_2x.png) center no-repeat; background-size:24px; }
.dummy_multiple_selector_firstline
, body.state-trip-plan-main #bottom_floating_buttons .floating-buttons .button-search a
, body.state-trip-plan-city #bottom_floating_buttons .floating-buttons .button-search a
{ background:url(../images/google_icons/ic_add_white_24dp/web/ic_add_white_24dp_2x.png) center no-repeat; background-size:24px; }
#bottom_floating_buttons .floating-buttons .button-print a { background:url(../images/icons.png) center -988px; background-size: 50px auto; }
#bottom_floating_buttons .floating-buttons .button-start-trip a { background:url(../images/google_icons/ic_create_white_24dp/web/ic_create_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-start-trip-make a { background:url(../images/google_icons/ic_card_travel_white_24dp/web/ic_card_travel_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-add a { background:url(../images/google_icons/ic_add_white_24dp/web/ic_add_white_24dp_2x.png) center no-repeat; background-size: 24px auto; }
#bottom_floating_buttons .floating-buttons .button-edit a { background:url(../images/google_icons/ic_mode_edit_white_24dp/web/ic_mode_edit_white_24dp_2x.png) center no-repeat; background-size: 24px auto; }
#bottom_floating_buttons .floating-buttons .button-delete a { background:url(../images/google_icons/ic_delete_white_24dp/web/ic_delete_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-swap a { background:url(../images/google_icons/ic_swap_horiz_white_24dp/web/ic_swap_horiz_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-done a { background:url(../images/google_icons/ic_done_white_24dp/web/ic_done_white_24dp_2x.png) center no-repeat; background-size: 24px; }
#bottom_floating_buttons .floating-buttons .button-expand a { background:url(../images/icons.png) center -82px; background-size: 50px auto; }
#bottom_floating_buttons .floating-buttons .button-collapse a { background:url(../images/icons.png) center 13px; background-size: 50px auto; }

body.state-start-trip-main:not(.status-pois-with-city):not(.status-pois-none) #bottom_floating_buttons .floating-buttons .button-start-trip-make { background-color: #555555; }
body.disable-FAB-note #bottom_floating_buttons .floating-buttons .button-note { background-color: #555555; }

/* only one floating button */
.dummy_multiple_selector_firstline
,body.state-home-main #bottom_floating_buttons .floating-buttons .button-start-trip
,body.state-home-search.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-add
,body.state-start-trip-main:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-start-trip-make
,body.state-start-trip-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-delete
,body.state-start-trip-search.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-add
,body.state-trip-plan-main:not(.status-trip-plan-readonly):not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-search
,body.state-trip-plan-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-edit
,body.state-trip-plan-search.status-marker-popup-open:not(.status-trip-plan-readonly) #bottom_floating_buttons .floating-buttons .button-add
,body.state-trip-plan-inout:not(.status-trip-plan-readonly).status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-done
,body.state-trip-plan-city:not(.status-trip-plan-readonly):not(.status-marker-popup-open):not(.status-trip-plan-predefined) #bottom_floating_buttons .floating-buttons .button-search
,body.state-trip-plan-city:not(.status-marker-popup-open).status-trip-plan-predefined #bottom_floating_buttons .floating-buttons .button-add
,body.state-trip-plan-city.status-marker-popup-open:not(.status-trip-plan-new):not(.status-trip-plan-predefined) #bottom_floating_buttons .floating-buttons .button-note
,body.state-trip-plan-city-search.status-marker-popup-open:not(.status-trip-plan-readonly) #bottom_floating_buttons .floating-buttons .button-add
,body.state-trip-plan-city-hotel.status-marker-popup-open:not(.status-trip-plan-readonly) #bottom_floating_buttons .floating-buttons .button-add
,body.state-trip-plan-city-hotel-search.status-marker-popup-open:not(.status-trip-plan-readonly) #bottom_floating_buttons .floating-buttons .button-add
,body.state-lounge-main:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-add
,body.state-lounge-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-done
/*,body.state-itinerary-view-search.status-search-empty:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-print*/
,body.state-itinerary-view-search.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-add
{ display:block; margin-bottom:0!important; }
/* expandable floating button */
.dummy_multiple_selector_firstline
,body.state-itinerary-view-main.status-has-predefined-oid:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-tourdays
,body.state-itinerary-view-main.status-has-predefined-oid:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-spot
,body.state-itinerary-view-main:not(.status-has-predefined-oid):not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-itinerary-vrp
,body.state-itinerary-view-main:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-search
,body.state-itinerary-view-main:not(.status-marker-popup-open) #bottom_floating_buttons .floating-buttons .button-expand
,body.state-itinerary-view-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-streetview
,body.state-itinerary-view-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-pubtrans
,body.state-itinerary-view-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-note
,body.state-itinerary-view-main.status-itinerary-editable.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-delete
,body.state-itinerary-view-main.status-marker-popup-open #bottom_floating_buttons .floating-buttons .button-expand
{ display:block; }

/* without expand button(always expanded) */
xbody.state-start-trip-base #bottom_floating_buttons .floating-buttons .button
{ margin-bottom:10px!important; }


/* bottom_panel_wrap : E */


/* Layer : S */
.layer { position:absolute; z-index:50000; /*box-shadow:3px 3px 3px rgba(0,0,0,0.3); background:#f3f2e6;*/ display:none; }
.layer_01 { width:248px; left:79px; }
.layer_01 .bubble { width:8px; height:10px; background:url(../images/bubble_left.png) 0 0 no-repeat; position:absolute; left:-8px; top:18px; }
.layer_01 > div { max-height:300px; overflow-y:auto; }
.layer_01 > div > div { padding:16px; }
.layer_01 > div > div.change { border-bottom:1px solid #dcd8ce; position:relative; display:none; }
.layer_01 > div > div.change p { color:#bbb; }
.layer_01 > div > div.change p strong { display:block; margin-bottom:12px; font-size:14px; font-weight:normal; letter-spacing:-0.5px; }
.layer_01 > div > div.change div { width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/check.png) center center no-repeat; display:none; }
.layer_01 > div > div.change:hover div { display:block; }
.layer_01 > div > div.body_layer {  }
.layer_01 > div > div.body_layer p { color:#666; }
.layer_01 > div > div.body_layer p strong { display:block; margin-bottom:12px; font-size:14px; font-weight:normal; letter-spacing:-0.5px; }
.layer_01 > div > div.foot_layer {  }
.layer_01 > div > div.foot_layer p { margin-bottom:10px; color:#14a6d7; }
.layer_01 > div > div.foot_layer a { display:inline; display:inline-block; margin-right:6px; padding:11px 12px; line-height:100%; background:#14a6d7; color:#fff; }

.layer_02 { width:518px; padding:16px; left:328px; top:64px; }
.layer_02 .btn_close { display:block; width:16px; height:16px; position:absolute; right:16px; top:16px; background:url(../images/icons.png) center -50px no-repeat; background-size:50px auto; }
.layer_02 form h2 { margin-bottom:25px; font-size:36px; text-align:center; color:#14a6d7; font-weight:normal; line-height:100%; }
.layer_02 form h3 { padding-bottom:15px; font-size:20px; color:#14a6d7; font-weight:normal; line-height:100%; }
.layer_02 form > div { padding:15px 0; border-top:1px solid #f3f2e6; }
.layer_02 form > div h4 { margin-bottom:12px; font-size:16px; font-weight:normal; line-height:100%; }
.layer_02 form > div > p { margin-bottom:12px; }
.layer_02 form > div > p > span { display:inline; display:inline-block; width:75px; padding-left:15px; font-size:14px; color:#666; }
.layer_02 form > div > p > span.second { padding-left:0; }
.layer_02 form > div > p > select { width:130px; height:35px; padding:0 15px; border:0; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
.layer_02 form > div > p > select.small { width:90px; }
.layer_02 form > div > p > input[type="text"],
.layer_02 form > div > p > input[type="number"] { width:100px; height:35px; padding:0 15px; background:#fff; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
.layer_02 form > div > p > input.homepage { width:210px; }
.layer_02 form > div > p span.arrow { display:inline; display:inline-block; width:40px; height:35px; padding:0; background:url(../images/control.png) center -400px no-repeat; vertical-align:middle; }
.layer_02 form > div > div.checkbox_wrap { padding-top:5px; margin-bottom:15px; }
.layer_02 form > div > div.checkbox_wrap > span { display:inline; display:inline-block; width:50px; height:50px; padding-left:15px; font-size:14px; color:#666; float:left; }
.layer_02 form > div > div.checkbox_wrap > p.checkbox { display:inline; display:inline-block; margin-bottom:6px; }
.layer_02 form > div > div.checkbox_wrap > p.checkbox input { width:24px; height:24px; margin-right:10px; margin-left:25px; background:url(../images/control.png) center -100px no-repeat; background-size:25px auto; appearance:none; -webkit-appearance:none; vertical-align:middle; }
.layer_02 form > div > div.checkbox_wrap > p.checkbox input:checked { background:url(../images/control.png) center -125px no-repeat; background-size:25px auto; }
.layer_02 form > div > div.checkbox_wrap > p.checkbox span { display:inline-block; width:20px; font-weight:bold; font-size:14px; color:#333; }
.layer_02 form a.btn { display:block; width:130px; height:40px; margin-top:10px; background:#14a6d7; font-size:14px; color:#fff; text-align:center; line-height:40px; cursor:pointer; }

.layer-itinerary-note { padding:16px; width:288px; height:217px; left:50%; top:50%; margin-left:-150px; margin-top:-125px; }
.layer-itinerary-note form h3 { position:absolute; left:16px; top:16px; font-size:18px; color:#14a6d7; line-height:100%; }
.layer-itinerary-note form a.btn_more { position:absolute; right:16px; top:18px; color:#14a6d7; }
.layer-itinerary-note form textarea { width:94%; height:110px; margin-top:32px; padding:3%; resize:none; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); }
.layer-itinerary-note .foot_layer { overflow:hidden; margin-top:14px; }
.layer-itinerary-note .foot_layer input { width:96px; height:38px; margin-right:5px; float:left; line-height:100%; font-size:14px; background:#14a6d7; color:#fff; cursor:pointer; }
.layer-itinerary-note .foot_layer div.time_wrap { float:right; width:150px; height:40px; position:relative; }
.layer-itinerary-note .foot_layer div.time_wrap p { color:#999; position:absolute; top:12px; right:34px; line-height:100%; }
.layer-itinerary-note .foot_layer div.time_wrap #btn_refresh { display:block; width:22px; height:22px; position:absolute; right:0; top:8px; background:url(../images/icons.png) center -950px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
.layer-itinerary-note .btn_delete { display:none; }
.layer-itinerary-note .btn_more { display:none; }

.layer-itinerary-note.editable .btn_delete { display:block; }
.layer-itinerary-note.editable .btn_more { display:block; }
.layer-itinerary-note.has-note .btn_more { display:block; }
.layer-itinerary-note.mode-node-desc .btn_more { display:none!important; }
.layer-itinerary-note input.node_desc { display:none; }
body.state-itinerary-edit-base .layer-itinerary-note.mode-node-desc input.node_desc { display:block; }
body.state-itinerary-edit-base .layer-itinerary-note.mode-node-desc h3 { display:none; }

.layer_search_hotels { width:280px; padding:16px; left:328px; top:64px; background-color:#d86052; }
.layer_search_hotels .btn_close { display:block; width:16px; height:16px; position:absolute; right:16px; top:16px; background:url(../images/icons.png) center -50px no-repeat; background-size:50px auto; }
.layer_search_hotels form h2 { margin-bottom:25px; font-size:36px; text-align:center; color:#14a6d7; font-weight:normal; line-height:100%; }
.layer_search_hotels form h3 { padding-bottom:15px; font-size:20px; color:#14a6d7; font-weight:normal; line-height:100%; }
.layer_search_hotels form > div { padding:15px 0; border-top:1px solid #f3f2e6; }
.layer_search_hotels form > div h4 { margin-bottom:12px; font-size:16px; font-weight:normal; line-height:100%; }
.layer_search_hotels form > div > p { margin-bottom:12px; }
.layer_search_hotels form > div > p > span { display:inline; display:inline-block; width:75px; padding-left:15px; font-size:14px; color:#666; }
.layer_search_hotels form > div > p > span.second { padding-left:0; }
.layer_search_hotels form > div > p > select { width:130px; height:35px; padding:0 15px; border:0; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
.layer_search_hotels form > div > p > select.small { width:90px; }
.layer_search_hotels form > div > p > input[type="text"],
.layer_search_hotels form > div > p > input[type="number"] { width:100px; height:35px; padding:0 15px; background:#fff; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
.layer_search_hotels form > div > p > input.homepage { width:210px; }
.layer_search_hotels form > div > p span.arrow { display:inline; display:inline-block; width:40px; height:35px; padding:0; background:url(../images/control.png) center -400px no-repeat; vertical-align:middle; }
.layer_search_hotels form > div > div.checkbox_wrap { padding-top:5px; margin-bottom:15px; }
.layer_search_hotels form > div > div.checkbox_wrap > span { display:inline; display:inline-block; width:50px; height:50px; padding-left:15px; font-size:14px; color:#666; float:left; }
.layer_search_hotels form > div > div.checkbox_wrap > p.checkbox { display:inline; display:inline-block; margin-bottom:6px; }
.layer_search_hotels form > div > div.checkbox_wrap > p.checkbox input { width:24px; height:24px; margin-right:10px; margin-left:25px; background:url(../images/control.png) center -100px no-repeat; background-size:25px auto; appearance:none; -webkit-appearance:none; vertical-align:middle; }
.layer_search_hotels form > div > div.checkbox_wrap > p.checkbox input:checked { background:url(../images/control.png) center -125px no-repeat; background-size:25px auto; }
.layer_search_hotels form > div > div.checkbox_wrap > p.checkbox span { display:inline-block; width:20px; font-weight:bold; font-size:14px; color:#333; }
.layer_search_hotels form a.btn { display:block; width:130px; height:40px; margin-top:10px; background:#14a6d7; font-size:14px; color:#fff; text-align:center; line-height:40px; cursor:pointer; }

/* Layer : E */


/* Sub */
#wrapper.sub { background:#fff; }
#wrapper.sub #header { position:relative; height:48px; padding:16px 24px; background:#14a6d7; }
#wrapper.sub #btn_back { width:40px; height:48px; position:absolute; top:0; left:0; font-size:0; text-indent:-9999px; background:url(../images/icons.png) 14px -485px; background-size:50px auto; display:none; }
#wrapper.sub #header h1 { width:142px; height:48px; margin-right:18px; float:left; background:url(../images/logo.png) center center no-repeat; background-size:contain; }
#wrapper.sub #header h1 a { display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; }
#wrapper.sub #header .search_header { float:left; position:relative; }
#wrapper.sub #header .search_header form { position:relative; }
#wrapper.sub #header .search_header form input[type='text'] { width:400px; height:48px; padding:0 66px 0 18px; float:left; font-size:20px; color:#14a6d7; }
#wrapper.sub #header .search_header form input[type='text']::-webkit-input-placeholder { color: #14a6d7; }
#wrapper.sub #header .search_header form input[type='text']:-moz-placeholder { color: #14a6d7; opacity: 1; }
#wrapper.sub #header .search_header form input[type='text']::-moz-placeholder { color: #14a6d7; opacity: 1; }
#wrapper.sub #header .search_header form input[type='text']:-ms-input-placeholder { color: #14a6d7; }
#wrapper.sub #header .search_header form input.btn_clear { display:none; width:48px; height:48px; position:absolute; right:48px; top:0; font-size:0; text-indent:-9999px; background:url(../images/icons.png) center -34px no-repeat; background-size:50px auto; cursor:pointer; }
#wrapper.sub #header .search_header form input.btn_search { width:48px; height:48px; position:absolute; right:0; top:0; font-size:0; text-indent:-9999px; background:#007ea8 url(../images/icons.png) center -136px no-repeat; background-size:50px auto; box-shadow:3px 3px 3px rgba(0,0,0,0.3); cursor:pointer; }
#wrapper.sub #header .search_header .search_contents { display:none; position:absolute; left:0; right:0; top:49px; padding:14px; background-color:#fff; z-index:2; }
#wrapper.sub #header .search_header .search_contents ul li { margin-bottom:4px; color:#666; letter-spacing:-0.5px; cursor:pointer; }
#wrapper.sub #header .search_header .search_contents ul li:hover { color:#14a6d7; }
#wrapper.sub #header .search_header .search_contents ul li span { color:#14a6d7; }
#wrapper.sub #header .search_header .search_contents ul li a.box { display:inline; display:inline-block; margin-right:6px; padding:2px 4px; border:1px solid #14a6d7; color:#14a6d7; line-height:100%; font-size:12px; vertical-align:middle; }
#wrapper.sub #header .search_header .search_contents ul li a.box:hover { background-color:#14a6d7; color:#fff; }
#wrapper.sub #header .search_header .search_contents .btn_close { color:#14a6d7; float:right; }
#wrapper.sub #header .img_profile { position:absolute; top:16px; right:24px; bottom:16px; }
#wrapper.sub #header .img_profile img { height:100%; }

#wrapper.sub #container { padding:0; background:#f3f2e6; }
#wrapper.sub #container #visual { width:800px; margin:50px auto; }

#wrapper.sub #container #visual.mypage { position:relative; }
#wrapper.sub #container #visual.mypage #info_wrap { height:285px; padding-top:55px; position:relative; background:url(../images/mypage/bg_mypage.jpg) center center no-repeat; }
#wrapper.sub #container #visual.mypage #info_wrap .img_cover { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#wrapper.sub #container #visual.mypage #info_wrap .img_cover img { min-width:100%; min-height:100%; }
#wrapper.sub #container #visual.mypage #info_wrap .img_profile { position:relative; width:180px; height:180px; margin:0 auto 15px; border:2px solid #fff; background:url(../images/mypage/img_profile.jpg) center center no-repeat; }
#wrapper.sub #container #visual.mypage #info_wrap .img_profile a { display:block; height:48px; margin-top:132px; background:url(../images/mypage/camera.png) center center no-repeat; }
#wrapper.sub #container #visual.mypage #info_wrap .img_profile a.has_profileimg { position:relative; margin-top:-48px; }
#wrapper.sub #container #visual.mypage #info_wrap .name_profile { position:relative; text-align:center; color:#fff; font-size:36px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); line-height:100%; }
#wrapper.sub #container #visual.mypage #info_wrap .setting_info a { display:block; width:24px; height:24px; position:absolute; right:16px; top:16px; background:url(../images/icons.png) center -1200px no-repeat; background-size:50px auto; }
#wrapper.sub #container #visual.mypage .layer_setting { padding-top:13px; background:url(../images/mypage/bubble_top.png) 232px top no-repeat; position:absolute; top:50px; right:0; display:none; }
#wrapper.sub #container #visual.mypage .layer_setting form { width:234px; padding:16px 18px; background:#f3f2e6; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#wrapper.sub #container #visual.mypage .layer_setting form h3 { font-size:18px; color:#14a6d7; line-height:100%; position:absolute; left:18px; top:29px; }
#wrapper.sub #container #visual.mypage .layer_setting form > a { display:block; width:16px; height:16px; position:absolute; right:18px; top:32px; background:url(../images/icons.png) center -40px no-repeat; background-size:40px auto; }
#wrapper.sub #container #visual.mypage .layer_setting form .body_layer { margin-top:40px; margin-bottom:20px; }
#wrapper.sub #container #visual.mypage .layer_setting form .body_layer p { overflow:hidden; margin-bottom:8px; }
#wrapper.sub #container #visual.mypage .layer_setting form .body_layer p span { float:left; padding-top:8px; font-size:14px; color:#666; letter-spacing:-0.5px; }
#wrapper.sub #container #visual.mypage .layer_setting form .body_layer p input { float:right; width:130px; padding:8px 10px; font-size:14px; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); }
#wrapper.sub #container #visual.mypage .layer_setting form .foot_layer input { width:110px; height:38px; background:#14a6d7; font-size:14px; color:#fff; cursor:pointer; line-height:100%; }

#wrapper.sub #container #visual.share #share_wrap h2 { margin-bottom:25px; font-size:36px; text-align:center; color:#14a6d7; font-weight:normal; line-height:100%; }
#wrapper.sub #container #visual.share #share_wrap form { padding:25px 30px; background:#e6e5da; }
#wrapper.sub #container #visual.share #share_wrap form h3 { padding-bottom:15px; border-bottom:1px solid #c5c4b5; font-size:20px; color:#14a6d7; font-weight:normal; line-height:100%; }
#wrapper.sub #container #visual.share #share_wrap form > div { padding:15px 0; border-top:1px solid #f3f2e6; border-bottom:1px solid #c5c4b5; }
#wrapper.sub #container #visual.share #share_wrap form > div h4 { margin-bottom:12px; font-size:16px; font-weight:normal; line-height:100%; }
#wrapper.sub #container #visual.share #share_wrap form > div > p { margin-bottom:12px; }
#wrapper.sub #container #visual.share #share_wrap form > div > p > span { display:inline; display:inline-block; width:75px; padding-left:15px; font-size:14px; color:#666; }
#wrapper.sub #container #visual.share #share_wrap form > div > p > select { width:230px; height:35px; padding:0 15px; border:0; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
#wrapper.sub #container #visual.share #share_wrap form > div > p > input[type="text"],
#wrapper.sub #container #visual.share #share_wrap form > div > p > input[type="number"] { width:200px; height:35px; padding:0 15px; background:#fff; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); font-size:14px; color:#333; font-weight:bold; }
#wrapper.sub #container #visual.share #share_wrap form > div > p span.arrow { display:inline; display:inline-block; height:35px; padding:0; background:url(../images/control.png) center -400px no-repeat; vertical-align:middle; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap { overflow:hidden; padding-top:5px; margin-bottom:15px; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap > span { float:left; display:inline; display:inline-block; width:75px; padding-left:15px; font-size:14px; color:#666; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap .slider { float:left; width:540px; height:9px; margin-top:5px; background:#b3b3af; box-shadow:inset 2px 2px 2px #585855, 1px 1px 1px #f9f8f6; border-radius:4px; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap .slider > div { height:9px; background:#80807c; box-shadow:inset 2px 2px 2px #585855, 1px 1px 1px #f9f8f6; border-radius:4px; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap .slider > span { width:17px; height:18px; background:url(../images/control.png) center -179px no-repeat; background-size:25px auto; outline:0; cursor:pointer; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap { padding-top:5px; margin-bottom:15px; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap > span { display:inline; display:inline-block; width:100px; padding-left:15px; font-size:14px; color:#666; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap > p.checkbox { display:inline; display:inline-block; margin-bottom:6px; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap > p.checkbox input { width:24px; height:24px; margin-right:15px; margin-left:25px; background:url(../images/control.png) center -100px no-repeat; background-size:25px auto; appearance:none; -webkit-appearance:none; vertical-align:middle; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap > p.checkbox input:checked { background:url(../images/control.png) center -125px no-repeat; background-size:25px auto; }
#wrapper.sub #container #visual.share #share_wrap form > div > div.checkbox_wrap > p.checkbox span { font-weight:bold; font-size:14px; color:#333; }
#wrapper.sub #container #visual.share #share_wrap form input[type="submit"] { width:110px; height:40px; margin-top:30px; background:#14a6d7; font-size:14px; color:#fff; text-align:center; line-height:100%; cursor:pointer; }

#wrapper.sub #container #visual.place { width:auto; margin:0; }
#wrapper.sub #container #visual.place #place_wrap { width:800px; margin:0 auto; padding:50px 0 20px; }
#wrapper.sub #container #visual.place #place_wrap h2 { margin-bottom:25px; font-size:36px; text-align:center; color:#14a6d7; font-weight:normal; line-height:100%; }
#wrapper.sub #container #visual.place #place_wrap > a { display:inline; display:inline-block; padding-right:20px; background:url(../images/icons.png) right -746px no-repeat; background-size:50px auto; font-size:18px; color:#14a6d7; }
#wrapper.sub #container #visual.place #place_wrap h2 a.box { display:inline; display:inline-block; margin-right:6px; padding:4px 6px; border:1px solid #14a6d7; color:#14a6d7; line-height:100%; font-size:12px; vertical-align:middle; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap { width:756px; padding:30px 15px 30px 29px; margin:0 auto; background:#111; position:relative; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery { height:112px; overflow:hidden; position:relative; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul { width:5000px; height:112px; position:absolute; left:0; top:0; overflow:hidden; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul li { float:left; margin-left:14px; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul li:first-child { margin-left:0; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul li img { width:112px; height:112px; cursor:pointer; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul li img.official { width:110px; height:110px; border: 1px solid red; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap .gallery ul li img:hover { opacity:0.8; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_prev { width:30px; height:112px; position:absolute; left:0; top:30px; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_prev span { display:block; width:30px; height:22px; margin-top:45px; background:url(../images/icons.png) 10px -497px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_prev:hover { opacity:0.7; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_next { width:30px; height:112px; position:absolute; right:0; top:30px; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_next span { display:block; width:30px; height:22px; margin-top:45px; background:url(../images/icons.png) -30px -647px no-repeat; background-size:50px auto;  font-size:0; text-indent:-9999px; }
#wrapper.sub #container #visual.place #place_wrap .gallery_wrap a.btn_next:hover { opacity:0.7; }
#wrapper.sub #container #visual.place #place_wrap .description_wrap ul { text-align:center; }
#wrapper.sub #container #visual.place #place_wrap .description_wrap li { margin-bottom: 6px; }
#wrapper.sub #container #visual.place #place_wrap .description_wrap li a { display:inline; display:inline-block; margin-right:6px; padding:8px 10px; border:1px solid #14a6d7; color:#14a6d7; line-height:100%; }
#wrapper.sub #container #visual.place #place_wrap .description_warp li a.red { background:#d86052; border-color:#d86052; color:#fff; }
#wrapper.sub #container #visual.place #place_wrap .description_wrap li a.blue { background:#14a6d7; color:#fff; }

#wrapper.sub #container #visual.write { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #dcd8ce; }
#wrapper.sub #container #visual.write #write_wrap h2 { margin-bottom:25px; font-size:36px; text-align:center; color:#14a6d7; font-weight:normal; line-height:100%; }
#wrapper.sub #container #visual.write #write_wrap > a { display:inline; display:inline-block; padding-right:20px; background:url(../images/icons.png) right -746px no-repeat; background-size:50px auto; font-size:18px; color:#14a6d7; }
#wrapper.sub #container #visual.write #write_wrap textarea { display:block; width:96%; height:150px; margin-bottom:15px; padding:2%; font-size:14px; color:#666; resize:none; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1); }
#wrapper.sub #container #visual.write #write_wrap .footer_write { border-bottom:1px solid #; }
#wrapper.sub #container #visual.write #write_wrap .footer_write input { float:left; width:100px; height:40px; background:#14a6d7; font-size:14px; color:#fff; }
#wrapper.sub #container #visual.write #write_wrap .footer_write .save-wrap { display:inline-block; position:relative; }
#wrapper.sub #container #visual.write #write_wrap .footer_write .save-wrap .save-msg { position:absolute; width:100%; bottom:-20px; text-align:center; font-weight:bold; display:none; }
#wrapper.sub #container #visual.write #write_wrap .footer_write .time_wrap { float:right; width:150px; height:40px; position:relative; }
#wrapper.sub #container #visual.write #write_wrap .footer_write .time_wrap p { color:#999; position:absolute; top:17px; right:34px; line-height:100%; }
#wrapper.sub #container #visual.write #write_wrap .footer_write .time_wrap #btn_refresh { display:block; width:22px; height:22px; position:absolute; right:0; top:14px; background:url(../images/icons.png) center -950px no-repeat; background-size:50px auto; font-size:0; text-indent:-9999px; }

#wrapper.sub #container #contents { width:800px; margin:0 auto; }
#wrapper.sub #container #contents .content-section { margin-top:40px; }
#wrapper.sub #container #contents .content-section h3 { margin-bottom:15px; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view { text-align:initial; border:1px solid; padding:10px; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wiki-buttons { text-align:right; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-panel { margin:0; width:auto; min-width:auto; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-panel.wmd-textarea { border:1px solid darkgray; padding:2px; background-color:gainsboro; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-panel.wmd-textarea textarea { border:0; padding:0; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-panel.wmd-preview { background-color:transparent; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-preview ol { list-style:decimal; }
#wrapper.sub #container #contents .wiki-wrap .wiki-view .wmd-preview ul { list-style:disc; }
#wrapper.sub #container #contents .wiki-wrap form.wiki-edit .button-edit { display:none; }
#wrapper.sub #container #contents .wiki-wrap form:not(.wiki-edit) .button-save { display:none; }
#wrapper.sub #container #contents .wiki-wrap form:not(.wiki-edit) .button-cancel { display:none; }
#wrapper.sub #container #contents .wiki-wrap form:not(.wiki-edit) .wmd-panel:not(.wmd-preview) { display:none; }
#wrapper.sub #container #contents .wiki-wrap form:not(.wiki-edit) .wmd-preview-title { display:none!important; }
#wrapper.sub #container #contents #list_travel {  }
#wrapper.sub #container #contents #list_travel li { margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd; }
#wrapper.sub #container #contents #list_travel li dl {  }
#wrapper.sub #container #contents #list_travel li dl dt { display:inline; display:inline-block; margin-right:20px; font-size:18px; color:#14a6d7; }
#wrapper.sub #container #contents #list_travel li dl dd.person_travel { display:inline; display:inline-block; margin-right:20px; font-size:14px; color:#444; }
#wrapper.sub #container #contents #list_travel li dl dd.person_travel img { vertical-align:middle; }
#wrapper.sub #container #contents #list_travel li dl dd.date_travel { display:inline; display:inline-block; color:#999; }
#wrapper.sub #container #contents #list_travel li dl dd.explain_travel { margin-top:20px; font-size:14px; color:#666; }
#wrapper.sub #container #contents #guide { padding:50px 0; }
#wrapper.sub #container #contents #guide li { margin-bottom:8px; }
#wrapper.sub #container #contents #guide li p { display:inline; display:inline-block; margin-right:10px; color:#666; letter-spacing:-0.5px; }
#wrapper.sub #container #contents #guide li a { display:inline; display:inline-block; margin-right:6px; padding:8px 10px; border:1px solid #14a6d7; color:#14a6d7; line-height:100%; }
#wrapper.sub #container #contents #guide li a.red { background:#d86052; border-color:#d86052; color:#fff; }
#wrapper.sub #container #contents #guide li a.blue { background:#14a6d7; color:#fff; }
#wrapper.sub #container #contents #destination { padding-bottom:25px; border-bottom:1px solid #dcd8ce; }
#wrapper.sub #container #contents #destination > p { position:absolute; font-size:14px; color:#666; }
#wrapper.sub #container #contents #destination > div { padding-left:90px; }
#wrapper.sub #container #contents #destination > div h3 { margin-bottom:25px; font-size:18px; color:#14a6d7; line-height:100%; }
#wrapper.sub #container #contents #destination > div > p { margin-bottom:12px; color:#666; }
#wrapper.sub #container #contents #destination > div > p strong { font-size:14px; color:#333; font-weight:normal; }
#wrapper.sub #container #contents #destination > div > input { width:130px; height:40px; background:#14a6d7; color:#fff; font-size:14px; line-height:100%; }
#wrapper.sub #container #contents #destination { padding-bottom:25px; border-bottom:1px solid #dcd8ce; }
#wrapper.sub #container #contents #transport > p { position:absolute; font-size:14px; color:#666; }
#wrapper.sub #container #contents #transport > div { padding-left:90px; }
#wrapper.sub #container #contents #transport > div h3 { margin-bottom:25px; font-size:18px; color:#14a6d7; line-height:100%; }
#wrapper.sub #container #contents #transport > div > p { margin-bottom:6px; color:#666; }
#wrapper.sub #container #contents #transport > div > p strong { font-size:14px; color:#333; font-weight:normal; }
#wrapper.sub #container #contents #transport > div > p > a { color:#666; }
#wrapper.sub #container #contents #transport > div > p > a.box { display:inline; display:inline-block; margin-right:6px; padding:8px 10px; border:1px solid #14a6d7; color:#14a6d7; line-height:100%; }
#wrapper.sub #container #contents #transport > div > p > a.box.red { background:#d86052; border-color:#d86052; color:#fff; }
#wrapper.sub #container #contents #transport > div > p > a.box.blue { background:#14a6d7; color:#fff; }
body.note_list #wrapper.sub #container { color:#666; }
body.note_list #wrapper.sub #container h3 { margin-bottom:6px; font-size:18px; color:#14a6d7; line-height:100%; }
body.note_list #wrapper.sub #container h3 a.blue { background:#14a6d7; color:#fff; }
body.note_list #wrapper.sub #container h3 a { display:inline; display:inline-block; margin-right:6px; padding:4px 6px; border:1px solid #14a6d7; line-height:100%; font-size:12px; vertical-align:middle; }
body.note_list #wrapper.sub #container h3 a.box { display:inline; display:inline-block; margin-right:6px; padding:4px 6px; border:1px solid #14a6d7; line-height:100%; font-size:12px; vertical-align:middle; }
body.note_list #wrapper.sub #container h3 a.box.red { background:#d86052; border:1px solid #d86052; color:#fff; }
body.note_list #wrapper.sub #container a.box { display:inline; display:inline-block; margin-right:6px; padding:4px 6px; border:1px solid #14a6d7; color:#14a6d7; background-color:#f3f2e6; line-height:100%; }
#wrapper.sub #container #contents #sns { overflow:hidden; margin-bottom:25px; }
#wrapper.sub #container #contents #sns li { float:left; width:38px; height:38px; margin-right:6px; background:url(../images/sns.png) no-repeat; }
#wrapper.sub #container #contents #sns li a { display:block; width:100%; height:100%; font-size:0; text-indent:-9999px; }
#wrapper.sub #container #contents #sns li.twitter { background-position:-50px 0; }
#wrapper.sub #container #contents #sns li.google { background-position:-100px 0; }
#wrapper.sub #container #contents #sns li.tumbler { background-position:-150px 0; }
#wrapper.sub #container #contents #sns li.pinterest { background-position:-200px 0; }
#wrapper.sub #container #contents .btn_more { display:block; margin-bottom:80px; text-align:center; }
#wrapper.sub #container #contents .btn_more span { display:inline-block; padding-right:30px; background:url(../images/icons.png) 38px -1075px no-repeat; background-size:40px auto; font-size:16px; color:#14a6d7; cursor:pointer; }
#wrapper.sub #container #contents #language-unit { margin-top:40px; }
#wrapper.sub #container #contents #language-unit .language-selector { width:150px;font-size:12px; }
#wrapper.sub #container #contents #ad { padding:20px; background:#afaea6; font-size:80px; text-align:center; color:#fff; }
#wrapper.sub #comment { width:800px; margin:0 auto; padding:25px 0 50px; }
#wrapper.sub #comment > p { margin-bottom:50px; font-size:16px; color:#666; line-height:100%; }
#wrapper.sub #comment > p span { color:#14a6d7; }
#wrapper.sub #comment form { margin-bottom:25px; }
#wrapper.sub #comment form img { position:absolute; }
#wrapper.sub #comment form div { padding-left:60px; }
#wrapper.sub #comment form div textarea { display:block; width:100%; height:50px; border:2px solid #ccd4d8; border-radius:4px; resize:none; }
#wrapper.sub #comment ul {  }
#wrapper.sub #comment ul li { margin-bottom:25px; }
#wrapper.sub #comment ul li > img { position:absolute; }
#wrapper.sub #comment ul li > div { padding-left:60px; }
#wrapper.sub #comment ul li > div p { margin-bottom:4px; color:#999; }
#wrapper.sub #comment ul li > div p.title_comment strong { color:#666; }
#wrapper.sub #comment ul li > div p.content_comment { font-size:14px; color:#333; }
#wrapper.sub #comment ul li > div p a { color:#999; }
#wrapper.sub #comment ul li.reply { padding-left:60px; }
#wrapper.sub #comment ul li.reply > div { padding-left:48px; }
#wrapper.sub #footer { padding:20px 24px 60px; border-top:1px solid #ddd; background:#fff; }
#wrapper.sub #footer ul { overflow:hidden; margin-bottom:16px; }
#wrapper.sub #footer ul li { float:left; margin-right:16px; }
#wrapper.sub #footer ul li a { font-size:14px; color:#666; }
#wrapper.sub #footer p { color:#999; }


#wrapper.sub.iframe { position:absolute; left:0; right:0; top:0; bottom:0; overflow:auto; background:#f3f2e6; }

/* spot list responsive */
#wrapper.sub #container #visual.bg-image { min-height:600px; background-size:cover; background-position:center; }
#wrapper.sub #container #visual.bg-image .description_wrap li a { background-color:white; }
ul.list-spot > li { height:187.5px; margin-bottom:2px; background:white; }
ul.list-spot > li > div { height:100%; position:relative; }
ul.list-spot > li .rank { width:75px; height:100%; text-align:center; color:black; position:relative; }
ul.list-spot > li .rank .rank-num { margin-top:20px; font-size:40px; font-weight:bolder; }
ul.list-spot > li .rank .tourdays-min { margin-top:50px; }
ul.list-spot > li .photo { width:250px; height:100%; }
ul.list-spot > li .photo * { width:100%; height:100%; display:inline-block; }
ul.list-spot > li .description { height:100%; position:relative; }
ul.list-spot > li .description > ul { margin:10px; }
/* for iOS iframe ellipsis error */
ul.list-spot > li .description > ul li { position:relative; }
ul.list-spot > li .description > ul li:after { content:" "; display:inline-block; }
ul.list-spot > li .description > ul li > div.ellipsis { position:absolute; left:0; right:0; }
/* END: for iOS iframe ellipsis error */
ul.list-spot > li .description > ul li.spot-title { font-size:25px; }
ul.list-spot > li .description > ul li.spot-star-rating .star { color:#febb02; }
ul.list-spot > li .description .buttons { position:absolute; bottom:10px; left:10px; }
ul.list-spot > li .description .buttons span.normal { display:normal; }
ul.list-spot > li .description .buttons span.small { display:none; }
#wrapper.sub #container ul.list-spot > li .description .buttons .box { background-color:transparent; padding:4px 20px; }
ul.list-spot > li .dummy-blur { display:none; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.7; background-color:black; pointer-events: none; }
ul.list-spot > li.blur .dummy-blur { display:block; }

ul.list-spot.tile > li { float:left; width:33%; height:auto; background:transparent; margin-bottom:10px; }
ul.list-spot.tile > li > div { width:240px; display:block; }
ul.list-spot.tile > li .photo { width:100%; height:180px; display:block; }
ul.list-spot.tile > li .description { height:50px; background:white; overflow:hidden; display:block; }
ul.list-spot.tile > li .description li.spot-title { text-align:center; }
ul.list-spot.tile > li .description li:not(.spot-title) { display:none; }
ul.list-spot.tile > li .description .buttons { display:none; }
ul.list-spot.tile > li.cycle3-1 > div { }
ul.list-spot.tile > li.cycle3-2 > div { margin:0 auto 0; }
ul.list-spot.tile > li.cycle3-3 > div { margin:0 0 0 auto; }
ul.list-spot.tile > li.cycle3-1 .description { background-color:#a6a6a6; }
ul.list-spot.tile > li.cycle3-3 .description { background-color:#a6a6a6; }

@media screen and ( max-width:719px ) {
  #wrapper.sub #container #visual.bg-image { min-height:480px; }
}
@media screen and ( min-width:600px ) {
  ul.list-spot > li { height:120px; }
  ul.list-spot > li .rank .rank-text { display:none; }
  ul.list-spot > li .rank .tourdays-min { margin-top:20px; }
  ul.list-spot > li .rank .tourdays-min .min-text { display:inline-block; }
  ul.list-spot > li .rank .tourdays-min .min-text span { display:none; }
  ul.list-spot > li .photo { width:160px; }
  ul.list-spot > li .description > ul li.spot-title { font-size:20px; }

  ul.list-spot.tile > li > div { width:180px; }
  ul.list-spot.tile > li .photo { height:135px; }
  ul.list-spot.tile > li .description { height:40px; }
}
@media screen and ( max-width:599px ) {
  #wrapper.sub #container #visual.bg-image { min-height:270px; }
  ul.list-spot > li { height:75px; }
  ul.list-spot > li .rank { position:absolute; left:5px; top:5px; width:auto; min-width:20px; height:auto; background:grey; }
  ul.list-spot > li .rank .rank-num { margin:2px; font-size:14px; line-height:100%; margin-bottom:0px; }
  ul.list-spot > li .rank .rank-text { display:none; }
  ul.list-spot > li .rank .tourdays-min { display:none; }
  ul.list-spot > li .photo { width:100px; }
  ul.list-spot > li .description > ul li.spot-title { font-size:16px; }
  ul.list-spot > li .description .buttons { left:auto; right:10px; text-align:right; }
  ul.list-spot > li .description .buttons .button.no-small { display:none!important; }
  ul.list-spot > li .description .buttons span.normal { display:none; }
  ul.list-spot > li .description .buttons span.small { display:inline; }

  ul.list-spot.tile > li > div { width:100px; }
  ul.list-spot.tile > li .photo { height:75px; }
  ul.list-spot.tile > li .description { height:35px; }
}

.content-section .section-info { margin:20px 0 10px; font-size:14px; }
.content-section .section-info .button { font-size:12px; }
.content-section .section-info ul { list-style: disc; margin-left:20px; }
.content-section .section-info li { margin-top:10px; }
.content-section .section-info span.red { color:red; }


/* spot page's tour recommends */
.tour_recommends .btn_days { text-align:center; }
.tour_recommends .btn_days a { width:40px; text-align:center; margin:5px 5px 0; }

/* .tour_recommends .spots .highlight-XX .description 형태가 바뀌면 note/tour_recommends.html의 css match 부분도 변경되어야 함 */
.tour_recommends .info .spot_bg.highlight-0 { background:#777; color:#777; }
.tour_recommends .info .spot_bg.highlight-1 { background:#ccc; color:#ccc; }
.tour_recommends ul.list-spot > li.highlight-0 .rank { background:#777; }
.tour_recommends ul.list-spot > li.highlight-1 .rank { background:#ccc; }
.tour_recommends ul.list-spot > li:not(.highlight-0):not(.highlight-1) .dummy-blur { display:block!important; }


/* Print : S */
#print { font-size:13px; }
#print #print_header { height:50px; background:#14a6d7; }
#print #print_header #print_header_inner { width:100%; margin:0 auto; position:relative; }
#print #print_header #print_header_inner h1 { width:90px; height:50px; position:absolute; left:20px; background:url(../images/logo.png) center center no-repeat; background-size:contain; top:0; font-size:0; text-indent:-9999px; }
#print #print_header #print_header_inner h1#logo { cursor:pointer; }
#print #print_header #print_header_inner p { position:absolute; right:20px; top:11px; color:#fff; }
#print #print_header #print_header_inner p img { vertical-align:middle; }
#print h2 { width:100%; margin:0 auto; padding-top:25px; padding-bottom:15px; text-align:center; font-size:30px; line-height:100%; font-weight:normal; }
#print .calendar_wrap { background:#14a6d7; padding:10px; height:auto; margin-bottom:20px; }
#print .calendar_wrap .date_wrap { position:relative; top:0; }
#print .calendar_wrap .date_wrap a.day { cursor:default; }
#print .calendar_wrap .date_wrap a.day.border { cursor:pointer; }
#print .calendar_wrap .m_y { display:none; }
#print ul.itinerary-days li.itinerary-day { /*display:none;*/height:0; overflow:hidden; }
#print ul.itinerary-days li.itinerary-day.selected { /*display:block;*/height:auto; overflow:initial; }
#print ul.itinerary-days li .print_visual .day { width:100%; margin:0 auto; padding-bottom:10px; overflow:hidden; }
#print ul.itinerary-days li .print_visual .day h3 { float:left; padding-left:20px; font-size:16px; }
#print ul.itinerary-days li .print_visual .day p { float:right; padding-right:20px; }
#print ul.itinerary-days li .print_visual .map { height:400px; position:relative; max-height:70vh; }
#print ul.itinerary-days li .print_visual .map .location_01 { left:40%; top:40%; }
#print ul.itinerary-days li .print_visual .map .location_02 { left:20%; top:20%; }
#print ul.itinerary-days li .print_visual .map .location_03 { left:80%; top:30%; }
#print ul.itinerary-days li .print_visual .map .location_04 { left:65%; top:70%; }
#print ul.itinerary-days li .print_contents { width:100%; max-width:800px; margin:30px auto 50px; position:relative; }
#print ul.itinerary-days li .print_contents > div.timeline { width:1px; height:100%; position:absolute; left:50%; background:url(../images/print/dash.png) 0 0 repeat-y; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li { margin-bottom:15px; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl { position:relative; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dt { font-size:18px; color:#14a6d7; clear:both; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd { clear:both; }

#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.time { display:block; padding:5px; position:absolute; top:0; left:50%; margin-left:-22px; font-size:14px; background:#fff; line-height:100%; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.explain { padding-top:14px; color:#999; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.explain a { padding:10px 15px; background:#f3f2e6; color:#666; letter-spacing:-0.7px; display:inline-block; max-width:100%; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.during { color:#999; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.children { color:#999; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.distance { height:45px; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.icon { position:absolute; bottom:0px; left:50%; margin-left:-20px; }

#print ul.itinerary-days li .print_contents ul.itinerary-items > li.right dl dt { float:left; margin-left:50%; padding-left:40px; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.right dl dd.explain { float:left; margin-left:50%; padding-left:40px; background:url(../images/print/bubble_left.png) 40px 0 no-repeat; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.right dl dd.during { float:left; margin-left:50%; padding-left:40px; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.right dl dd.children { float:left; margin-left:50%; padding-left:40px; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.right dl dd.distance { float:right; margin-right:50%; padding-right:40px; text-align:right; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.left dl dt { float:right; margin-right:50%; padding-right:40px; text-align:right; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.left dl dd.explain { float:right; margin-right:50%; padding-right:40px; text-align:right; background:url(../images/print/bubble_right.png) right 40px top no-repeat; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.left dl dd.during { float:right; margin-right:50%; padding-right:40px; text-align:right; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.left dl dd.children { float:right; margin-right:50%; padding-right:40px; text-align:right; }
#print ul.itinerary-days li .print_contents ul.itinerary-items > li.left dl dd.distance { float:left; margin-left:50%; padding-left:40px; }
/* Print : E */


/* Scroll : S */
#bottom_list::-webkit-scrollbar { width:8px; padding:5px; }
#bottom_list::-webkit-scrollbar-track { background-color: #1c1c1c; }
#bottom_list::-webkit-scrollbar-thumb { background-color: #656565; }
#bottom_list::-webkit-scrollbar-thumb:hover { background-color: #656565; }
#bottom_list {
	scrollbar-base-color: #656565;
	scrollbar-3dlight-color: #1c1c1c;
	scrollbar-highlight-color: #656565;
	scrollbar-track-color: #1c1c1c;
	scrollbar-arrow-color: #656565;
	scrollbar-shadow-color: #656565;
	scrollbar-dark-shadow-color: #1c1c1c;
}
.itinerary-view-table-inner::-webkit-scrollbar { width:8px; padding:5px; }
.itinerary-view-table-inner::-webkit-scrollbar-track { background-color: #14a6d7; }
.itinerary-view-table-inner::-webkit-scrollbar-thumb { background-color: #1085ac; }
.itinerary-view-table-inner::-webkit-scrollbar-thumb:hover { background-color: #1085ac; }
.itinerary-view-table-inner {
	scrollbar-base-color: #1085ac;
	scrollbar-3dlight-color: #14a6d7;
	scrollbar-highlight-color: #1085ac;
	scrollbar-track-color: #14a6d7;
	scrollbar-arrow-color: #1085ac;
	scrollbar-shadow-color: #1085ac;
	scrollbar-dark-shadow-color: #14a6d7;
}
.itinerary-edit-table-inner::-webkit-scrollbar { width:8px; padding:5px; }
.itinerary-edit-table-inner::-webkit-scrollbar-track { background-color: #f3f2e6; }
.itinerary-edit-table-inner::-webkit-scrollbar-thumb { background-color: #c6c6bf; }
.itinerary-edit-table-inner::-webkit-scrollbar-thumb:hover { background-color: #c6c6bf; }
.itinerary-edit-table-inner {
	scrollbar-base-color: #c6c6bf;
	scrollbar-3dlight-color: #f3f2e6;
	scrollbar-highlight-color: #c6c6bf;
	scrollbar-track-color: #f3f2e6;
	scrollbar-arrow-color: #c6c6bf;
	scrollbar-shadow-color: #c6c6bf;
	scrollbar-dark-shadow-color: #f3f2e6;
}
/* Scroll : E */

/* Calendar : S */
#calendar { width:800px; position:fixed; left:0; top:0; z-index:60000; display:none; }
.ui-datepicker { display:block; width:169px; float:left; }
.ui-datepicker.second_calendar { margin-left:60px; }
.ui-datepicker.third_calendar { padding-left:0; background-position:-10px 0; }
#ui-datepicker-div { display:none; }
.ui-datepicker td { width:24px; padding:0; }
.ui-datepicker td a { width:21px; height:21px; margin-bottom:3px; padding:0; line-height:21px; cursor:text; }
.ui-datepicker td a { color:#999; }
.ui-datepicker td a:hover { color:#999; background:transparent; cursor:pointer; text-decoration:underline; }
.ui-datepicker td.filled a { background:#14a6d7; color:#fff; }
.ui-datepicker td.moveable a.:hover { background:#0c6481; cursor:move; }
.ui-datepicker td.ui-datepicker-days-cell-over a { border:2px solid #555; width:17px; height:17px; line-height:17px; } /* default date */
.ui-datepicker td.ui-datepicker-current-day a { background:#999; color:#fff; }

.ui-datepicker a.ui-datepicker-prev span.ui-icon
, .ui-datepicker a.ui-datepicker-next span.ui-icon { width:100%; height:100%; background-size:50px auto !important; cursor:pointer; }
.ui-datepicker span.ui-icon.ui-icon-circle-triangle-w { background:url(../images/icons.png) 1px -550px no-repeat; }
.ui-datepicker span.ui-icon.ui-icon-circle-triangle-w:hover { background:url(../images/icons.png) 1px -600px no-repeat; }
.ui-datepicker span.ui-icon.ui-icon-circle-triangle-e { background:url(../images/icons.png) -30px -700px no-repeat; }
.ui-datepicker span.ui-icon.ui-icon-circle-triangle-e:hover { background:url(../images/icons.png) -30px -750px no-repeat; }

.datepickerstyle-embed { min-height:195px;/* for max row(6) */}
.datepickerstyle-embed .ui-datepicker { float:none; background:none; box-shadow:none; padding:0; }
/* Calendar : E */

@media screen and ( max-width:800px ) {
	#wrapper.sub #header .search_header form input[type='text'] { width:200px; }
	#wrapper.sub #container #visual { width:auto; margin:0 14px 30px; }
  #wrapper.sub #container #visual.place #place_wrap { width:auto; margin:0 14px;}
	#wrapper.sub #container #contents,
	#wrapper.sub #comment { width:auto; margin:0 14px; }
	#wrapper.sub #container #visual.share #share_wrap form > div > p > span { padding-left:10px; width:50px; }
	#wrapper.sub #container #visual.share #share_wrap form > div > p > input[type="text"],
	#wrapper.sub #container #visual.share #share_wrap form > div > p > input[type="number"] { width:18%; padding-left:5px; }
	#wrapper.sub #container #visual.share #share_wrap form > div > p > select { width:40%; padding-left:5px; }
	#wrapper.sub #container #visual.share #share_wrap form > div > div.slider_wrap .slider { width:60%; }
	#wrapper.sub #container #visual.place #place_wrap .gallery_wrap { width:504px; margin:0 auto; }
}

@media screen and ( max-width:599px ) {
	#intro_inner { width:90%; }

  #map { top:48px; }
	#left-panel { left:0; top:0; width:100%; }
	#left-panel .panel-header .header_setting .btn_state_cancel { right:14px; }
	#left-panel .panel-header .header_setting .panel-title { padding-right:80px; }
	#left-panel .panel-header .header_setting input.panel-title { /*position:absolute; right:100px; left:14px;*/ }
	#left-panel .panel-header .header_setting .rightside .button-search { top:0; box-shadow:none; background:url(../images/icons.png) center -136px; background-size:50px auto; }
  #left-panel .panel-header .setting_search { left:40px; right:0; width:auto; }
  body.state-itinerary-view-base #left-panel .panel-header .header_setting .rightside .button-search
  , body.state-itinerary-edit-base #left-panel .panel-header .header_setting .rightside .button-search
  , body.state-trip-plan-city #left-panel .panel-header .header_setting .rightside .button-search
  { display:none; }
  body:not(.state-itinerary-edit-base) #left-panel .panel-body .panel-item-itinerary { display:none!important; }

  #bottom_panel_header .tab-calendar .m_y { display:none; }
  #bottom_panel_header .description-calendar .text-date { display:none; }

@media screen and ( max-height:720px ) {
  div.location_hover { width:auto; }
  div.location_hover .info_location { margin-left:auto; margin-right:auto; max-width:296px;/* 296+7(padding)*2=310(location_hover's width) */ }

  #bottom_panel_body #bottom_marker_popup.popuped { display:block; }
}

	.ui-datepicker { margin:0 !important; }

	#wrapper.sub #header { padding-top:0; padding-bottom:0; }
	#wrapper.sub #header h1 { display:none; }
	#wrapper.sub #header .search_header { position:absolute; left:40px; top:8px; }
	#wrapper.sub #header .search_header form input[type='text'] { width:160px; height:30px; padding:0 46px 0 6px; border-bottom:1px solid #fff; font-size:14px; color:#fff; background:transparent; }
	#wrapper.sub #header .search_header form input[type='text']::-webkit-input-placeholder { color: #fff; }
	#wrapper.sub #header .search_header form input[type='text']:-moz-placeholder { color: #fff; opacity: 1; }
	#wrapper.sub #header .search_header form input[type='text']::-moz-placeholder { color: #fff; opacity: 1; }
	#wrapper.sub #header .search_header form input[type='text']:-ms-input-placeholder { color: #fff; }
	#wrapper.sub #header .search_header form input.btn_clear { width:15px; height:30px; right:30px; background:url(../images/icons.png) center 9px no-repeat; background-size:30px auto; box-shadow:none; cursor:pointer; }
	#wrapper.sub #header .search_header form input.btn_search { width:30px; height:30px; background:url(../images/icons.png) center -144px no-repeat; background-size:50px auto; box-shadow:none; cursor:pointer; }
	#wrapper.sub #header .search_header .search_contents { top:30px; }
	#wrapper.sub #header .img_profile { top:0; right:0; bottom:0; }
	#wrapper.sub #btn_back { display:block; }
	#wrapper.sub #container #visual.share #share_wrap form { padding:20px 14px; }
	#wrapper.sub #container #visual.place #place_wrap .gallery_wrap { width:378px; margin:0 auto; }
	#wrapper.sub #container #contents #ad { display:none; }
	#wrapper.sub #footer { padding:20px 14px; }
	#wrapper.sub #footer ul li { margin-right:10px; }
	#wrapper.sub #footer ul li a { font-size:12px; }

	.layer_02 { left:0; top:50px; width:94%; height:87%; padding:4% 3% 10%; overflow-y:auto; }
	.layer_02 form > div > p > span { width:60px; }
	.layer_02 form > div > p > span.second { width:60px; padding-left:0; }
	.layer_02 form > div > p > select,
	.layer_02 form > div > p > input[type="text"].homepage { width:40%; }
	.layer_02 form > div > p > input[type="text"] { width:16%; padding:0 5px; }
	.layer_02 form > div > div.checkbox_wrap > span { width:100%; height:25px; }
	.layer_02 form a.btn { margin:0 auto; }

	.layer_search_hotels { left:0; top:50px; width:94%; height:87%; padding:4% 3% 10%; overflow-y:auto; }
	.layer_search_hotels form > div > p > span { width:60px; }
	.layer_search_hotels form > div > p > span.second { width:60px; padding-left:0; }
	.layer_search_hotels form > div > p > select,
	.layer_search_hotels form > div > p > input[type="text"].homepage { width:40%; }
	.layer_search_hotels form > div > p > input[type="text"] { width:16%; padding:0 5px; }
	.layer_search_hotels form > div > div.checkbox_wrap > span { width:100%; height:25px; }
	.layer_search_hotels form a.btn { margin:0 auto; }

  #layer-popups .layerstyle-full { width:100%; }

  #print ul.itinerary-days li .print_contents { max-width:none!important; }
  #print ul.itinerary-days li .print_contents > div.timeline { left:40px!important; }
  #print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dt { margin-left:100px!important; padding-left:0!important; margin-right:0!important; padding-right:0!important; text-align:left!important; float:none!important;}
  #print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd { margin-left:100px!important; padding-left:0!important; margin-right:0!important; padding-right:0!important; text-align:left!important; float:none!important; }
  #print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.time { left:20px!important; margin-left:0!important; }
  #print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.explain { background:url(../images/print/bubble_left.png) left 0 no-repeat!important; }
  #print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.icon { left:20px!important; margin-left:0!important; }
}

@media screen and ( max-width:460px ) {
	#wrapper.sub #container #visual.place #place_wrap .gallery_wrap { width:252px; margin:0 auto; }
  .dialog { max-width:270px; }

  .calendar_wrap .date_wrap .label-day .wide { display:none; }
  .calendar_wrap .date_wrap .label-day .narrow { display:inline; }
  .calendar_wrap .date_wrap .label-day { position:absolute; left:0; top:5px; }
  .calendar_wrap:not(.no-prev) .date_wrap .label-day { display:none; }
}

@media screen and ( max-height:720px ) {
  #bottom_panel_wrap { bottom:0!important; }
  #bottom_list { height:94px; }
	#bottom_list ul li { width:56px; height:78px; }
	#bottom_list ul li dl dt { top:62px; width:56px; }
	#bottom_list ul li dl dd.img_list { width:56px; height:56px; }
	#bottom_list ul li dl dd.img_list a { width:56px; height:56px; }
	#bottom_list ul li dl dd.img_list a img { width:56px; height:56px; }
	#bottom_list ul li dl dd.hover_list { width:56px; height:56px; }
	#bottom_list ul li dl dd.hover_list a { width:56px; height:56px; }

	#bottom_list ul li dl dd.hover_list a { /*background:url(../images/list/hover_list.png) right 0 no-repeat;*/ background-size: 112px auto; }
	#bottom_list ul li.in-itinerary dl dd.hover_list a { background:url(../images/list/hover_list.png) left 0 no-repeat; background-size: 112px auto;}
/*	#bottom_list ul li.in-itinerary dl dd.hover_list:hover a { background:url(../images/list/hover_list.png) right 0 no-repeat; background-size: 112px auto; } */

  #bottom_list ul.list-pre-cmd li.item-pre-cmd-base dl dt { width:52px; }
  #bottom_list ul.list-pre-cmd li.item-pre-cmd-base dl dd.img_list { width:52px; }

  #bottom_list ul li div.dummy-for-border { width:56px; height:56px; }

}

@media print {
  #print {width:800px; }
	#print #print_header { background:#14a6d7 !important; -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_visual .map { -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_visual .map .location { background:url(../images/location/location.png) 0 0 no-repeat !important; -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_visual .map .location .location_inner { background:#007ea8 !important; -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_contents > div.center { background:url(../images/print/dash.png) 0 0 repeat-y !important; -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.explain p { background:#f3f2e6 !important; -webkit-print-color-adjust: exact; }
	#print ul.itinerary-days li .print_contents ul.itinerary-items > li dl dd.explain { background:url(../images/print/bubble_left.png) left 0 no-repeat !important; -webkit-print-color-adjust: exact; }
}