@charset "utf-8";

/* CSS Document */
/* formatting style
------------------------*/
body{
  min-width: 960px;
}
#bodyWrapper{
  min-width: 980px;
  width: 100%;
}
@media (max-width: 657px){
  body{
    min-width: 100%;
  }
  #bodyWrapper{
    min-width: 100%;
  }
}
.modalPage
{
    background-color: rgb(62, 62, 62);
}

*{
  box-sizing: border-box;
}
h5,
.h5
 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.yen
{
    margin-left:2px;
    font-size:13px;
}

.LRmargin
{
    padding-left: 5px;
   padding-right: 5px;
}

.bottomNone
{
    overflow: hidden;
}

.listLineDotted{
    border-bottom: dotted 1px #F7F5F0;
    margin-bottom: -1px;
}

.listLineDotted2{
    font-weight: bold;
}

.listLine{
    border-bottom: solid 1px #F7F5F0;
}

/*テキストインデント*/
.text_type01{
  padding-left:1em;
  text-indent:-1em;
}

.site-logo {
 /* ﾂサﾂイﾂズﾂ指ﾂ津ｨ */
 width:40px;
 height:40px;
 /* ﾂ背ﾂ景ﾂ色 */
 background-color:#34ac98;
 /* ﾂ角ﾂづｰﾂ甘崢つｭﾂつｷﾂづｩ */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
}

.site-info {
 padding-top:10px; /* ﾂ真ﾂづｱﾂ陳�ﾂづ可づ慊づ�ﾂ閉ｶﾂ篠堋づｰﾂ可ｺﾂづｫﾂつｷ */
}

.site-logo p {
 text-align: center; /* ﾂ陳�ﾂ可崢甘ｱﾂつｹ */
 color: #fff; /* ﾂ閉ｶﾂ篠堋づｰﾂ板陳色ﾂづ� */
 margin: 0; /* h1ﾂづ�pﾂづ個余ﾂ板陳づｰﾂδ環セﾂッﾂト */
}

/* ﾂつ�ﾂづ�ﾂづ債閉ｶﾂ篠堋サﾂイﾂズﾂづ｢ﾂ堕ｾﾂ篠堋づｰﾂ指ﾂ津ｨ */
.site-logo p {font-size:14px; font-weight:bold;}

.labelDiv
{
  margin-top:10;
  margin-bottom:10px;
}

.paddingChkBox
{
    padding: 20px;
}

.goodsTitle{
 font-size:20px;
 font-weight:bold;
}

.goodsTitle2{
 font-size:20px;
 font-weight:bold;
}

.goodsTitleCart{
 font-size:14px;
 font-weight:bold;
}

.goodsCode{
 font-size:8pt;
 color:#666666;
}
.goodsPrice{
 font-size:19px;
 font-weight:bold;
 color:#F9423A;
}

.goodsPrice2{
 font-size:14px;
 color:#0033CC;
}

.airCompanyImage{
 margin: 0px 0px 5px 0px;
 width: 100px;
 height: 25px;
}

.airGoing{
 color: #d7416c;
}
.airReturn{
 color:#e58812;
}

.divPadding
{
   padding:15px 5px 15px 5px;
}
/* message
------------------------*/
.message-box {
    border-radius: 3px;
    margin: 0 0 10px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    background-color: #dd4b39;
    border-color: #c23321;
    color: #ffffff;
    font-size: 14px;
}
.has-error {
  border-color: #dd4b39;
    box-shadow: none;
}
.form-readonly {
  cursor: default;
}

/* table
------------------------*/
.tableDef {
  border-top: 1px #E7E7E7 solid;
  border-right: 1px #E7E7E7 solid;
  border-bottom: 1px #E7E7E7 solid;
  border-left: 1px #E7E7E7 solid;
  padding: 5px;
}

.tableOrangeRed {
  border: 1px solid #f9423a;
  padding: 5px;
}

.tableCal {
  border-top: 1px Silver solid;
  border-right: 1px Silver solid;
  border-bottom: 1px Silver solid;
  border-left: 1px Silver solid;
  padding: 0px;
}

.pkgCell {
  border: 1px solid Silver;
  vertical-align: top;
  text-align:center;
  font-size: 8pt;
}

.tabLabe {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.listCheckboxBox{
  border: 2px solid #dddddd;
}
/* schedule (calendar)
------------------------*/
.scjTable {
  border-top: 1px Silver solid;
  border-right: 1px Silver solid;
  border-bottom: 1px Silver solid;
  border-left: 1px Silver solid;
}

.scjTable a {
  text-decoration: none;
}

.scjCell {
  border: 1px solid Silver;
  vertical-align: top;
  text-align: center;
  font-size: 8pt;
  padding:5px 0px 5px 0px;
}
.container table th{
  border:1px solid #d2d2d2;
  padding:10px;
  font-weight: bold;
  font-size: 13px;
}
.container table td{
  border:1px solid #d2d2d2;
  padding:10px;
  text-align: right;
}
.container table td p{
  display: inline-block;
  font-weight: bold;
}
.container table td p span{
  font-weight:normal;
}
.container table td p + p{
  margin-left: 10px;
}
.container table .table_highlight{
  font-weight: bold;
  color: #f9423a;
}

.content-font-4 {
  color:#e90100;
  font-size:16px;
  font-weight:bold;
}

.content-font-17 {
  color:#89c738;
  font-size:12px;
  font-weight:bold;
}
.content-font-19 {
  color:#4e8bc8;
  font-size:12px;
  font-weight:bold;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  -o-box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 28, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  background-color: #f9423a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* line 34, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 16px;
  height: 16px;
}

/* line 41, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-prev {
  left: 4px;
  background: url(../../images/icon/icon_calendar_prev.png) no-repeat 0 0;
}

/* line 45, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-next {
  right: 4px;
  background: url(../../images/icon/icon_calendar_next.png) no-repeat 0 0;
}

/* line 49, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-prev-hover {
  background: url(../../images/icon/icon_calendar_prev.png) no-repeat 0 -16px;
}

/* line 52, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-next-hover {
  background: url(../../images/icon/icon_calendar_next.png) no-repeat 0 -16px;
}

/* line 55, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  text-indent: -999em;
}

/* line 65, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #fff;
}

/* line 70, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

/* line 74, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

/* line 78, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

/* line 84, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

/* line 90, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker td {
  border: 0;
  padding: 1px;
}

/* line 94, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
  border: 1px solid #dadada;
  color: #333;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 104, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
  background-color: #999;
  color: #fff;
}

/* line 109, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker td span.ui-state-highlight,
.ui-datepicker td a.ui-state-highlight {
  background-color: #fffbc4;
}

/* line 113, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

/* line 121, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

/* line 129, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
/* line 134, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* line 137, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

/* line 140, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

/* line 144, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

/* line 147, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

/* line 150, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

/* line 153, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

/* line 157, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

/* line 160, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
/* line 167, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl {
  direction: rtl;
}

/* line 170, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

/* line 174, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

/* line 178, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

/* line 182, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

/* line 186, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

/* line 189, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

/* line 192, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

/* line 196, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}


/*===== datepicker =====*/
.ui-datepicker-calendar .ui-datepicker-unselectable span
{
    background: #e9e9e9;
    color: #333;
}
.ui-datepicker-calendar .ui-datepicker-unselectable span:hover
{
    background: #fff;
    color: #333;
}
.ui-datepicker-calendar .ui-state-active
{
    background: #cff;
}
.ui-datepicker-calendar .date-saturday a
{
    color: #00f;
}
.ui-datepicker-calendar .date-sunday a
{
    color: #f00;
}
.date-holiday0 .ui-state-default
{
    color: #F00;
}

/*===== ui switch-class =====*/
/* line 204, ../../sass/plugin/_jquery.ui.scss */
.ui-effects-toggle-open {
  height: 0;
}

/* line 210, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .ui-datepicker-unselectable span {
  background: #e9e9e9;
}

/* line 213, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .ui-datepicker-unselectable span:hover {
  background: #e9e9e9;
  color: #333;
}

/* line 217, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .ui-state-active {
  background: #cff;
}

/* line 220, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .date-saturday a {
  color: #00f;
}

/* line 223, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .date-sunday a {
  color: #f00;
}

/* line 226, ../../sass/plugin/_jquery.ui.scss */
.ui-datepicker-calendar .date-holiday0 a {
  color: #f00;
}

.content-font-12 {
  color:#999999;
  font-size:12px;
}

/*ﾂイﾂδ�ﾂーﾂジﾂスﾂδ可イﾂダﾂー*/
@media only screen and (max-width: 657px)
{
/* line 76, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper
{
    float: none;
    width: 100%;
}
/* line 83, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-img-slides #hotel-img-slides li img
{
    width: auto;
    height: 200px;
    margin: 0 auto;
}
/* line 91, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides
{
    padding: 15px 39px 0; /*.flex-control-nav li {
    margin: 0 6px 6px;
}*/
}
/* line 95, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li a
{
    width: 32px;
}
/* line 98, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-prev
{
    background: #00afc0 url(../../images/icon/icon_flexslider_prev_mb.png) no-repeat center center;
}
/* line 101, ../../sass/media_query/_mq_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-next
{
    background: #00afc0 url(../../images/icon/icon_flexslider_next_mb.png) no-repeat center center;
}
.container table{
border: 1px solid #d2d2d2;
}
.container table th,
.container table td{
font-size: 12px;
padding:5px;
display: block;
border: none;
border-bottom: 1px solid #d2d2d2;
}
.container table tr:last-child td:last-child{
border-bottom: none;
padding: 0;
}
.container table td p{
  display: block;
}
.container table td p + p{
  margin-left: 0;
  margin-top: 5px;
}
}
/*===== ﾂスﾂδ可イﾂドﾂシﾂδ�ﾂー =====*/
/* line 146, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper
{
width: 100%;
float: left;
}

/* line 149, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-img-slides
{
margin-bottom: 5px; /*border-top: 20px solid #00afc0;
border-bottom: 20px solid #00afc0;*/
background-color: #fff;
}

/* line 156, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-img-slides #hotel-img-slides li img
{
width: auto;
height: 305px;
margin: 0 auto;
}

/* line 164, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides
{
padding: 15px 23px 0 /*.flex-control-nav li {
margin: 0 6px 6px;
}*/;
}

/* line 167, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li
{
width: 88px;
height: 58px;
margin-right: 5px;
overflow: hidden;
}

/* line 172, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li img
{
width: 100%;
height: auto;
cursor: pointer;
}

/* line 178, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .slides li:last-child
{
margin-right: 0;
}

/* line 184, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li a
{
width: 16px;
height: 58px;
margin: 0;
background-color: #00afc0;
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}

/* line 192, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-prev
{
top: 15px;
left: 0;
background: #00afc0 url(../../images/icon/icon_flexslider_prev.png) no-repeat center center;
}

/* line 197, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-next
{
top: 15px;
right: 0;
background: #00afc0 url(../../images/icon/icon_flexslider_next.png) no-repeat center center;
}

/* line 202, ../../sass/page/_hotel.scss */
#hotel-room-img-slider-wrapper #hotel-room-thumbnail-slides .flex-direction-nav li .flex-disabled
{
opacity: 1 !important;
background-color: #e0e0e0 !important;
}
@media only screen and (max-width: 640px)
{
#hotel-room-img-slider-wrapper
{
    float: none;
    width: 100%;
}
#hotel-room-img-slider-wrapper #hotel-room-img-slides ul li img
{
    width: 100%;
    height: auto;
}
}
/* ---------------------------------------- */
/*======================================================================
flexslider style
======================================================================*/
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
/* line 26, ../../sass/plugin/_flexslider.scss */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}

/* line 30, ../../sass/plugin/_flexslider.scss */
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src: url("fonts/flexslider-icon.eot");
src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
font-weight: normal;
font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
/* line 50, ../../sass/plugin/_flexslider.scss */
.flexslider {
margin: 0;
padding: 0;
}

/* line 51, ../../sass/plugin/_flexslider.scss */
.flexslider .slides > li
{
    background-color:#000000;
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/* line 52, ../../sass/plugin/_flexslider.scss */
.flexslider .slides img {
width: 100%;
display: block;
}

/* line 53, ../../sass/plugin/_flexslider.scss */
.flex-pauseplay span {
text-transform: capitalize;
}

/* Clearfix for the .slides element */
/* line 56, ../../sass/plugin/_flexslider.scss */
.slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

/* line 57, ../../sass/plugin/_flexslider.scss */
html[xmlns] .slides {
display: block;
}

/* line 58, ../../sass/plugin/_flexslider.scss */
* html .slides {
height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* line 63, ../../sass/plugin/_flexslider.scss */
.no-js .slides > li:first-child {
display: block;
}

/* FlexSlider Default Theme
*********************************/
/* line 67, ../../sass/plugin/_flexslider.scss */
.flexslider {
margin: 0 0 40px;
background: #fff;
position: relative;
zoom: 1;
}

/* line 68, ../../sass/plugin/_flexslider.scss */
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

/* line 69, ../../sass/plugin/_flexslider.scss */
.loading .flex-viewport {
max-height: 300px;
}

/* line 70, ../../sass/plugin/_flexslider.scss */
.flexslider .slides {
zoom: 1;
}

/* line 71, ../../sass/plugin/_flexslider.scss */
.carousel li {
margin-right: 5px;
}

/* Direction Nav */
/* line 74, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav {
*height: 0;
}

/* line 75, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav a {
text-indent: -999em;
text-decoration: none;
display: block;
width: 30px;
height: 30px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

/* line 76, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav .flex-prev {
left: -50px;
}

/* line 77, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}

/* line 78, ../../sass/plugin/_flexslider.scss */
.flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px;
width: 30px;
height: 30px;
background: url(../image/button/bg_play_pause.png);
}

/* line 79, ../../sass/plugin/_flexslider.scss */
.flexslider:hover .flex-next {
opacity: 0.7;
right: 10px;
width: 30px;
height: 30px;
background: url(../image/button/bg_play_pause.png);
}

/* line 80, ../../sass/plugin/_flexslider.scss */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}

/* line 81, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav .flex-disabled {
opacity: 0 !important;
filter: alpha(opacity=0);
cursor: default;
}

/* line 83, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav a:before {
display: inline-block;
}

/* Pause/Play */
/* line 87, ../../sass/plugin/_flexslider.scss */
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}

.content-font-70 {
  color: red;
  font-size: 12px;
}
.content-font-72 {
  color: #ff2070;
}
.content-font-73 {
  color:#29694f;
  font-weight:bold;
}
/* line 88, ../../sass/plugin/_flexslider.scss */
.flex-pauseplay a:before {
display: inline-block;
content: '';
}

/* line 89, ../../sass/plugin/_flexslider.scss */
.flex-pauseplay a:hover {
opacity: 1;
}

/* line 90, ../../sass/plugin/_flexslider.scss */
.flex-pauseplay a.flex-play:before {
content: '\f003';
}

/* Control Nav */
/* line 93, ../../sass/plugin/_flexslider.scss */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -30px;
text-align: center;
}

/* line 94, ../../sass/plugin/_flexslider.scss */
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}

/* line 95, ../../sass/plugin/_flexslider.scss */
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

/* line 96, ../../sass/plugin/_flexslider.scss */
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}

/* line 97, ../../sass/plugin/_flexslider.scss */
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}

/* line 99, ../../sass/plugin/_flexslider.scss */
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}

/* line 100, ../../sass/plugin/_flexslider.scss */
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}

/* line 101, ../../sass/plugin/_flexslider.scss */
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}

/* line 102, ../../sass/plugin/_flexslider.scss */
.flex-control-thumbs img:hover {
opacity: 1;
}

/* line 103, ../../sass/plugin/_flexslider.scss */
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}

@media screen and (max-width: 860px) {
/* line 106, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}

/* line 107, ../../sass/plugin/_flexslider.scss */
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
/*======================================================================
 ﾂつｨﾂつｷﾂつｷﾂづ淞・ﾂ閲ﾂ猟猟猟堋療ｰ
======================================================================*/
@media only screen and (max-width: 640px) {
  /* line 1254, ../../sass/media_query/mq_common.scss */
  #recommend-history-area {
    width: 100%;
    margin: 0 0 60px;
  }
  /* line 1258, ../../sass/media_query/mq_common.scss */
  #recommend-history-area #recommend ul, #recommend-history-area #history ul {
    padding: 0 10px;
  }
}

/*ﾂツﾂアﾂーﾂトﾂッﾂプﾂペﾂーﾂジﾂつｾﾂつｯpaddingﾂづ�borderﾂづｰﾂづつつｯﾂづｩ*/
@media only screen and (max-width: 640px) {
  /* line 1266, ../../sass/media_query/mq_common.scss */
  #recommend-history-area.pad-none {
    padding: 20px 0 10px !important;
    border-bottom: 1px solid #ccc !important;
  }
}
/*======================================================================
 ﾂつｨﾂつｷﾂつｷﾂづ淞渉､ﾂ品ﾂ・ﾂ猟堋療ｰ
======================================================================*/
/* line 2006, ../../sass/page/page_common.scss */
#recommend-history-area {
  width: 100%;
  margin: 0 auto 90px;
  padding-top: 36px;
  border-top: 2px solid #e0e0e0;
}
/* line 2011, ../../sass/page/page_common.scss */
#recommend-history-area #recommend {
  padding-bottom: 20px;
}
/* line 2014, ../../sass/page/page_common.scss */
#recommend-history-area #recommend h2, #recommend-history-area #history h2 {
  padding-bottom: 18px;
  text-align: center;
}
/* line 2017, ../../sass/page/page_common.scss */
#recommend-history-area #recommend h2 span, #recommend-history-area #history h2 span {
  display: block;
}
/* line 2020, ../../sass/page/page_common.scss */
#recommend-history-area #recommend h2 span:first-child, #recommend-history-area #history h2 span:first-child {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
/* line 2025, ../../sass/page/page_common.scss */
#recommend-history-area #recommend h2 span:last-child, #recommend-history-area #history h2 span:last-child {
  font-size: 17px;
}
/* line 26, ../../sass/mixin/_mixin.scss */
#recommend-history-area #recommend ul:after, #recommend-history-area #history ul:after {
  content: "";
  display: table;
  clear: both;
}
/* line 2031, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item, #recommend-history-area #history ul .item {
  width: 188px;
  float: left;
  padding: 0 0 10px;
  margin-right: 10px;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 2039, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img, #recommend-history-area #history ul .item .item-img {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
/* line 2043, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img .item-history-icon, #recommend-history-area #history ul .item .item-img .item-history-icon {
  width: 59px;
  height: 59px;
  text-indent: -999em;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
/* line 2050, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img .item-history-icon.tour, #recommend-history-area #history ul .item .item-img .item-history-icon.tour {
  background: url(../../image/icon/icon_history_tour.png) no-repeat 0 0;
}
/* line 2051, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img .item-history-icon.hotel, #recommend-history-area #history ul .item .item-img .item-history-icon.hotel {
  background: url(../../image/icon/icon_history_hotel.png) no-repeat 0 0;
}
/* line 2052, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img .item-history-icon.air, #recommend-history-area #history ul .item .item-img .item-history-icon.air {
  background: url(../../image/icon/icon_history_air.png) no-repeat 0 0;
}
/* line 2053, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-img img, #recommend-history-area #history ul .item .item-img img {
  width: 100%;
  height: auto;
}
/* line 2058, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item a, #recommend-history-area #history ul .item a {
  display: block;
  padding: 0 10px 12px;
}
/* line 2062, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item a.item-titile-tour, #recommend-history-area #history ul .item a.item-titile-tour {
  padding: 0 10px 5px !important;
}
/* line 2065, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-spec-txt, #recommend-history-area #history ul .item .item-spec-txt {
  padding: 0 10px 12px;
  font-size: 12px;
  line-height: 18px;
}
/* line 2070, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul .item .item-price-txt, #recommend-history-area #history ul .item .item-price-txt {
  padding: 0 10px;
  color: #c1272d;
  text-align: right;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 15px;
}
/* line 2079, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul li:last-child, #recommend-history-area #history ul li:last-child {
  margin-right: 0;
}
/* line 2082, ../../sass/page/page_common.scss */
#recommend-history-area #recommend ul li:nth-child(n+6), #recommend-history-area #history ul li:nth-child(n+6) {
  margin-bottom: 10px;
}

/* line 2088, ../../sass/page/page_common.scss */
#recommend-history-area.add-mg {
  margin: 0 auto 50px !important;
}
@media only screen and (max-width: 640px){#recommend-history-area{width:100%;margin:0 0 60px}#recommend-history-area #recommend ul,#recommend-history-area #history ul{padding:0 10px}}

.ui-datepicker-calendar .ui-datepicker-unselectable span{
  background:#e9e9e9;
  color:#333;
}
.ui-datepicker-calendar .ui-datepicker-unselectable span:hover{
  background:#fff;
  color:#333;
}
.ui-datepicker-calendar .ui-state-active {
  background:#cff;
}
.ui-datepicker-calendar .date-saturday a{
  color:#00f;
}
.ui-datepicker-calendar .date-sunday a{
  color:#f00;
}
.date-holiday0 .ui-state-default {
    color: #F00;
}
.lbl-custom
{
    float: left;
    font-weight: normal;
    line-height: 34px;
    padding-right: 3%;
}
.content-panel-24 {
    border-left: 1px solid #F7F5F0;
    border-right: 1px solid #F7F5F0;
    margin: 0px;
}
@media (max-width: 767px) {
  .panel-padding-19 {
  padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .panel-padding-18 {
  padding-left: 15px;
  padding-right: 15px;
  }
}
.content-font-2 {
    color:#393939;
    font-size:13px;
    font-weight:bold;
}
.content-font-3 {
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
}
.content-font-padding-5 {
    padding-top: 8px;
}
.content-font-padding-6 {
    margin-top: 19px;
}
.panel-padding-12 {
    padding-top:10px;
    padding-right:15px;
    padding-bottom:10px;
}
@media (max-width: 767px) {
  .content-font-padding-23 {
      min-height : 40px;
  }
}

.label-red,
.label-green,
.label-lite-green,
.label-blue,
.label-orange,
.label-lite-blue,
.label-gray,
.label-brown{
    font-size: 11px;
    font-weight: normal;
    padding: .2em .8em .2em;
}
.label-red        { background: #f03500; }
.label-green      { background: #16b57c; }
.label-lite-green { background: #89c738; }
.label-orange     { background: #f67637; }
.label-blue       { background: #4183c4; }
.label-lite-blue  { background: #71b2f2; }
.label-gray       { background: #999; }
.label-brown      { background: #8B4513; }
.label-more-gray  { background: #727274;margin-left:20px;position:relative;top:-3px;padding: 0.05em 1.5em;font-size: 12px;font-weight: normal;}

.label-clear,
.label-clear[href]:hover,
.label-clear[href]:focus {
    color: #9bbdf2;
    background: #e7f1fa;
}
.btn-1 {
    color: #ffffff;
    background-color: #0162c3;
    border-color: #0162c3;
    font-weight:bold;
}

.btn-1:hover,
.btn-1:focus,
.btn-1:active,
.btn-1.active,
.open .dropdown-toggle.btn-1 {
    color: #ffffff;
    background-color: #04519d;
    border-color: #04519d;
}

.btn-1:active,
.btn-1.active,
.open .dropdown-toggle.btn-1 {
    background-image: none;
}

.btn-1.disabled,
.btn-1[disabled],
fieldset[disabled] .btn-1,
.btn-1.disabled:hover,
.btn-1[disabled]:hover,
fieldset[disabled] .btn-1:hover,
.btn-1.disabled:focus,
.btn-1[disabled]:focus,
fieldset[disabled] .btn-1:focus,
.btn-1.disabled:active,
.btn-1[disabled]:active,
fieldset[disabled] .btn-1:active,
.btn-1.disabled.active,
.btn-1[disabled].active,
fieldset[disabled] .btn-1.active {
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-3 {
    color: #ffffff;
    background-color: #e36318;
    border-color: #e36318;
    font-weight:bold;
}

.btn-3:hover,
.btn-3:focus,
.btn-3:active,
.btn-3.active,
.open .dropdown-toggle.btn-3 {
    color: #ffffff;
    background-color: #ce5915;
    border-color: #ce5915;
}

.btn-3:active,
.btn-3.active,
.open .dropdown-toggle.btn-3 {
    background-image: none;
}

.btn-3.disabled,
.btn-3[disabled],
fieldset[disabled] .btn-3,
.btn-3.disabled:hover,
.btn-3[disabled]:hover,
fieldset[disabled] .btn-3:hover,
.btn-3.disabled:focus,
.btn-3[disabled]:focus,
fieldset[disabled] .btn-3:focus,
.btn-3.disabled:active,
.btn-3[disabled]:active,
fieldset[disabled] .btn-3:active,
.btn-3.disabled.active,
.btn-3[disabled].active,
fieldset[disabled] .btn-3.active {
    background-color: #ffffff;
    border-color: #cccccc;
}
/* contact-thanks */
.contact-thanks {
  font-size: 13px;
  padding: 0 40px 20px;
}
.contact-thanks .message {
  text-align: center;
  font-weight: bold;
  padding-top: 25px;
}
.contact-thanks .message .thanks-1 {
  font-size: 36px;
  color: #549c82;
}
.contact-thanks .message .thanks-2 {
  font-size: 18px;
}
.contact-thanks .message .thanks-2 br {
  display: none;
}
.contact-thanks .message .thanks-3 {
  font-size: 16px;
  color: #999;
  padding: 30px 0;
}
.contact-thanks .message .thanks-3 span {
  color: #ed0000;
}
.contact-thanks .notice-1 {
  line-height: 1.6;
  background: #f5f5f5;
  padding: 15px 35px;
  margin-bottom: 25px;
}
.contact-thanks .notice-2,
.contact-thanks .notice-3 {
  line-height: 1.6;
  padding: 0 15px;
}
.contact-thanks .notice-2 {
  color: #549c82;
}
.contact-thanks .link-wrap {
  text-align: center;
  padding: 60px 0;
}
.contact-thanks a {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 15px 35px;
}
.content-panel-10 {
  padding:15px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background-color: #f5f5f5;
}
.content-panel-11 {
  padding:10px 15px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .contact-heading { padding: 5px 10px 0; }
  .contact-step { padding: 0 10px 20px; }
  .mw_wp_form form .form-group, .mw_wp_form { border: 0; }
  .mw_wp_form {
    padding-bottom: 0;
  }
  .mw_wp_form form .item-name {
    font-size: 14px;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
  .mw_wp_form form .item-submit { margin: 0; }
  .mw_wp_form form .item-submit p {
    position: static;
    text-align: right;
    padding-top: 25px;
  }
  .mw_wp_form.mw_wp_form_confirm form .item-submit {
    padding-top: 40px;
  }
  .mw_wp_form.mw_wp_form_confirm .item-submit .btn-wrap {
    position: relative;
    height: 90px;
  }
  .mw_wp_form.mw_wp_form_confirm .item-submit input[type="submit"] {
    position: absolute;
    top: 0;
    width: 260px;
    margin-left: -130px;
  }
  .mw_wp_form.mw_wp_form_confirm .item-submit input[name="submitBack"] {
    top: auto;
    left: auto;
    bottom: 0;
    width: 160px;
    margin-left: -80px;
  }

  .contact-thanks { padding: 0 10px; }
  .contact-thanks .message,
  .contact-thanks .notice-2,
  .contact-thanks .notice-3 { padding:0; }
  .contact-thanks .message .thanks-2 br { display:block; }
  .contact-thanks .message .thanks-2,
  .contact-thanks .message .thanks-3 { font-size: 13px; }
  .contact-thanks .message .thanks-3 { padding: 10px 0 20px; }
  .contact-thanks .notice-1 { padding: 15px 10px; margin-bottom: 15px; }
  .contact-thanks .link-wrap { padding: 20px 0; }
}
/* ﾂ凝ｦﾂ静伉づｨﾂ静ｼ */
.section-line-1 {
  border-bottom:solid 1px #549c84;
  padding-top:0px;
}

.section-line-2 {
  border-bottom:solid 1px #d9d9d9;
  padding-top:0px;
}


/* ﾂ凝ｦﾂ静伉づｨﾂ余ﾂ板� */
.section-padding-1 {
  padding-right:0px;
}

.section-padding-2 {
  padding-left:0px;
  padding-top:10px;
}

/* ﾂチﾂェﾂッﾂクﾂδ環スﾂトﾂ　ﾂ凝ｳﾂ板� */
.checklist input[type="checkbox"]{
  margin: 4px 7px 0 0;
}

#travel-payment-list {
    list-style:none;
    padding-left:0;
}
#travel-payment-list li {
    padding:12px 0 11px;
    border-bottom:1px solid #e0e0e0;
    font-weight:700;
    font-size:14px
}

#travel-payment-list li p {
    padding-right:15px;
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline
}

#travel-payment-list li img {
    display:inline-block;
    vertical-align:middle;
    *vertical-align:auto;
    *zoom:1;
    *display:inline
}

#travel-payment-list li:last-child {
    padding:12px 0 0;
    border-bottom:0
}

/*  ﾂ猟ｷﾂ工ﾂ房ﾂ様ﾂ古ｼﾂつｯﾂ陳ｲﾂ青ｮ */

.radioPt input,
.checkboxPt input{
  display:none;
}

.radioPt label{
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left:10px;
  padding:10px 10px 10px 20px;
  font-size:100%;
  text-align: center;
  line-height: 1;
}
.radioPt label:before{
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #000000 !important;
  opacity: 0;
  z-index:50;
}

.radioPt label:after{
  position: absolute;
  content: "";
  top: 50%;
  left: -9px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background:#FFFFFF;
  border:1px solid #dcdcdc;
}

.radioPt input[type="radio"]:checked + label:before {
  opacity: 1;
}

.checkboxPt label{
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left:10px;
  padding:0px 10px 0px 20px;
  line-height:1.4;

}
.checkboxPt label:before{
  position:absolute;
  content: "\f00c";
  font-family: 'FontAwesome';
  left:-7px;
  color: #000000;
  font-size:14px;
  opacity: 0;
}

.checkboxPt label:after{
  position: absolute;
  content: "";
  top:0%;
  left: -9px;
  width: 18px;
  height: 18px;
  border-radius:2px;
  border:1px solid #dcdcdc;
}

.checkboxPt input[type="checkbox"]:checked + label:before {
  opacity: 1;
}

/*select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px;
    text-overflow: ""; 
  background-image:url(../../images/common/select_bg.png);
  background-repeat:no-repeat;
  background-position:right center;
}*/

/*select::-ms-expand {
  display: none;
}*/

input[type="radio"], input[type="checkbox"] {
  width: 18px;
    height: 18px;
    margin: 0px 5px 0px 2px;
  vertical-align:text-bottom;
}

input[type=text]  {
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}

/*ﾂマﾂーﾂジﾂδ督静敖津ｨ*/
.mg2{ margin:2px !important;  }

.mgl0{  margin-left:0px !important; }
.mgl5{  margin-left:5px !important; }
.mgl10{ margin-left:10px !important;  }
.mgl15{ margin-left:15px !important;  }
.mgl20{ margin-left:20px !important;  }
.mgl30{ margin-left:30px !important;  }
.mgl40{ margin-left:40px !important;  }
.mgl50{ margin-left:50px !important;  }
.mgl60{ margin-left:60px !important;  }
.mgl70{ margin-left:70px !important;  }
.mgl80{ margin-left:80px !important;  }
.mgl90{ margin-left:90px !important;  }
.mgl100{  margin-left:100px !important; }

.mgr0{  margin-right:0px !important;  }
.mgr5{  margin-right:5px !important;  }
.mgr10{ margin-right:10px !important; }
.mgr20{ margin-right:20px !important; }
.mgr30{ margin-right:30px !important; }
.mgr40{ margin-right:40px !important; }
.mgr50{ margin-right:50px !important; }
.mgr60{ margin-right:60px !important; }
.mgr70{ margin-right:70px !important; }
.mgr80{ margin-right:80px !important; }
.mgr90{ margin-right:90px !important; }
.mgr100{  margin-right:100px !important;  }

.mgt0{  margin-top:0px !important;  }
.mgt5{  margin-top:5px !important;  }
.mgt10{ margin-top:10px !important; }
.mgt20{ margin-top:20px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt50{ margin-top:50px !important; }
.mgt60{ margin-top:60px !important; }
.mgt70{ margin-top:70px !important; }
.mgt80{ margin-top:80px !important; }
.mgt90{ margin-top:90px !important; }
.mgt100{  margin-top:100px !important;  }

.mgb0{  margin-bottom:0px !important; }
.mgb5{  margin-bottom:5px !important; }
.mgb10{ margin-bottom:10px !important;  }
.mgb15{ margin-bottom:15px !important;  }
.mgb20{ margin-bottom:20px !important;  }
.mgb30{ margin-bottom:30px !important;  }
.mgb40{ margin-bottom:40px !important;  }
.mgb50{ margin-bottom:50px !important;  }
.mgb60{ margin-bottom:60px !important;  }
.mgb70{ margin-bottom:70px !important;  }
.mgb80{ margin-bottom:80px !important;  }
.mgb90{ margin-bottom:90px !important;  }
.mgb100{  margin-bottom:100px !important; }

.mglrauto{  margin:0px auto !important; }

.pd0{ padding:0px !important; }
.pd5{ padding:5px !important; }
.pd10{  padding:10px !important;  }
.pd15{  padding:15px !important;  }
.pd20{  padding:20px !important;  }

.pdl0{  padding-left:0px !important;  }
.pdl5{  padding-left:5px !important;  }
.pdl10{ padding-left:10px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }
.pdl40{ padding-left:40px !important; }
.pdl50{ padding-left:50px !important; }
.pdl60{ padding-left:60px !important; }
.pdl70{ padding-left:70px !important; }
.pdl80{ padding-left:80px !important; }
.pdl90{ padding-left:90px !important; }
.pdl100{  padding-left:100px !important;  }

.pdr0{  padding-right:0px !important; }
.pdr5{  padding-right:5px !important; }
.pdr10{ padding-right:10px !important;  }
.pdr20{ padding-right:20px !important;  }
.pdr30{ padding-right:30px !important;  }
.pdr40{ padding-right:40px !important;  }
.pdr50{ padding-right:50px !important;  }
.pdr60{ padding-right:60px !important;  }
.pdr70{ padding-right:70px !important;  }
.pdr80{ padding-right:80px !important;  }
.pdr90{ padding-right:90px !important;  }
.pdlr00{  padding-right:100px !important; }

.pdt0{  padding-top:0px !important; }
.pdt2{  padding-top:2px !important; }
.pdt3{  padding-top:3px !important; }
.pdt5{  padding-top:5px !important; }
.pdt7{  padding-top:7px !important; }
.pdt10{ padding-top:10px !important;  }
.pdt15{ padding-top:15px !important;  }
.pdt20{ padding-top:20px !important;  }
.pdt25{ padding-top:25px !important;  }
.pdt30{ padding-top:30px !important;  }
.pdt40{ padding-top:40px !important;  }
.pdt50{ padding-top:50px !important;  }
.pdt60{ padding-top:60px !important;  }
.pdt70{ padding-top:70px !important;  }
.pdt80{ padding-top:80px !important;  }
.pdt90{ padding-top:90px !important;  }
.pdt100{  padding-top:100px !important; }

.pdb0{  padding-bottom:0px !important;  }
.pdb5{  padding-bottom:5px !important;  }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb18{ padding-bottom:18px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdb40{ padding-bottom:40px !important; }
.pdb50{ padding-bottom:50px !important; }
.pdb60{ padding-bottom:60px !important; }
.pdb70{ padding-bottom:70px !important; }
.pdb80{ padding-bottom:80px !important; }
.pdb90{ padding-bottom:90px !important; }
.pdb100{  padding-bottom:100px !important;  }

.w0p{ width:0% !important;  }
.w5p{ width:5% !important;  }
.w6p{ width:6% !important;  }
.w7p{ width:7% !important;  }
.w8p{ width:8% !important;  }
.w9p{ width:9% !important;  }
.w10p{  width:10% !important; }
.w15p{  width:15% !important; }
.w17p{  width:17% !important; }
.w19p{  width:19% !important; }
.w20p{  width:20% !important; }
.w23p{  width:23% !important; }
.w24p{  width:24.2% !important; }
.w25p{  width:25% !important; }
.w28p{  width:28% !important; }
.w30p{  width:30% !important; }
.w35p{  width:35% !important; }
.w40p{  width:40% !important; }
.w50p{  width:50% !important; }
.w60p{  width:60% !important; }
.w65p{  width:65% !important; }
.w70p{  width:70% !important; }
.w75p{  width:75% !important; }
.w80p{  width:80% !important; }
.w83p{  width:83% !important; }
.w85p{  width:85% !important; }
.w90p{  width:90% !important; }
.w95p{  width:95% !important; }
.w100p{ width:100% !important;  }

.w20px{ width:20px !important;  }
.w30px{ width:30px !important;  }
.w40px{ width:40px !important;  }
.w50px{ width:50px !important;  }
.w70px{ width:70px !important;  }
.w100px{  width:100px !important; }
.w150px{  width:150px !important; }
.w746px{  width:746px !important; }
.wAuto{ width:auto !important;  }

.fs7{ font-size:7px !important; }
.fs9{ font-size:9px !important; }
.fs10{  font-size:10px !important;  }
.fs12{  font-size:12px !important;  }
.fs14{  font-size:14px !important;  }
.fs16{  font-size:16px !important;  }
.fs17{  font-size:17px !important;  }
.fs18{  font-size:18px !important;  }
.fs20{  font-size:20px !important;  }
.fs24{  font-size:24px !important;  }
.fs34{  font-size:34px !important;  }

.fwB{ font-weight:bold !important;  }
.fwN{ font-weight:normal !important;  }

.heit150px{ height:150px !important;  }
.heit60px{ height:60px !important;  }
.heit40px{ height:40px !important;  }

.dpb{ display:block !important; }

.TxtL{ text-align:left !important;  }
.TxtR{ text-align:right !important; }
.TxtCnt{ text-align:center !important;  }

.posiRela{ position:relative; }
.posiAbs{ position:absolute; }

.posiCent{
    position:absolute; /* ﾂ静｢ﾂ妥篠配ﾂ置 */
    top:50%; /* ﾂ湘｣ﾂつｩﾂづｧﾂ板ｼﾂ閉ｪ */
    left:50%; /* ﾂ債ｶﾂつｩﾂづｧﾂ板ｼﾂ閉ｪ */
    width:100%; /* ﾂ妥･ﾂ枠ﾂづ�ﾂ督ｯﾂつｶﾂ閉敖づ� */
    /* ﾂ要ﾂ素ﾂづ個妥･ﾂつｫﾂつｳﾂづ個板ｼﾂ閉ｪﾂ暗ｸﾂつｭﾂ（CSS3ﾂ） */
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.veaM{  vertical-align:middle !important; }

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

.lts12{ letter-spacing:12px !important; }

.fltL{  float:left !important;}
.fltR{  float:right !important;}

.bord0{
  border:0px !important;
}

.bord1_FFFFFF{
  border:1px solid #ffffff;
}

.bord1_c83d44{
  border:1px solid #c83d44;
}

.bordb1{
  border-bottom:1px dotted #838383;
}

.bordT1_c29a6b{
  border-top:1px solid #F7F5F0;
}
.bordB1_c29a6b{
  border-bottom:1px solid #F7F5F0;
}
  .bordB2_c29a6b{
    border-bottom:2px solid #F7F5F0;
  }
.bordL1_c29a6b{
  border-left:1px solid #F7F5F0;
}
.bordR1_c29a6b{
  border-right:1px solid #F7F5F0;
}

  .bordTdot1_c29a6b{
    border-top:1px dotted #F7F5F0;
  }
    .bordTdot1_ffffff{
      border-top:1px dotted #ffffff;
    }
  .bordBdot1_c29a6b{
    border-bottom:1px dotted #F7F5F0;
  }
  .bordLdot1_c29a6b{
    border-left:1px dotted #F7F5F0;
  }
  .bordRdot1_c29a6b{
    border-right:1px dotted #F7F5F0;
  }

.bordCR_c29a6b{
  border-color:#E7E7E7 !important;
}

.Bdr_Sankaku{
  border-left: 100px solid #F00;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}

.Cl_969696{
  color:#969696 !important;
}
.Cl_eb6f29 {
  color: #eb6f29 !important;
}
.Cl_ada8a2 {
  color: #ada8a2 !important;
}
.Cl_d20308{
  color:#F9423A !important;
}

.Cl_3e3e3e{
  color:#3e3e3e !important;
}

.Cl_603228{
  color:#000000 !important;
}
.Cl_E7E7E7{
  color:#E7E7E7 !important;
}

.Cl_ffa500{
  color:#ffa500 !important;
}

.Cl_ffffff,
.Cl_ffffff A{
  color:#ffffff !important;
}

.Bg_fff8ef{
  background-color:#F6F6F6 !important;
}
.Bg_ffffff{
  background-color:#ffffff !important;
}
.Bg_f6eadf{
  background-color:#F6EADF !important;
}
.Bg_f5f5f5{
  background-color:#F6F6F6 !important;
}
.Bg_c29a6b{
  background-color:#333333 !important;
}
.Bg_e0e0e0{
  background-color:#333333 !important;
}
.Bg_c83d44{
  background-color:#f9423a !important;
}
.Bg_398439{
  background-color: #398439 !important;
}
.Bg_f7f5f0 {
  background-color: #f7f5f0 !important;
}
  .Bg_none{
    background:none !important;
  }

@media (min-width: 657px) {
  .pc_Bg_transparent {
    background: transparent !important;
  }
}

@media (max-width: 657px) {
  .sp_Bg_transparent {
    background: transparent !important;
  }
}

.DotBack{
  background-color:#F6F6F6;

}

.radius0{
    -webkit-border-top-left-radius:0px !important;
    -webkit-border-top-right-radius:0px !important;
    -moz-border-radius-topleft:0px !important;
    -moz-border-radius-topright:0px !important;
}


/*  ﾂボﾂタﾂδ督静敖津ｨ */

.btn {
  padding:10px;
  line-height: 1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: 4px;
  background: #f9423a;
}
.btn-default{
  background: #63666a;
  color: white;
}
@media (max-width: 767px) {
  .btn {
    height: auto;
    min-height: 30px;
  }
}
.btn-ToBw {
  border:1px solid #c4c4c4;
  color: #f9423a;
  background: white;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: bold;
}
.btn-ToBw.map-search {
  border:1px solid #00bfa5;
  color: white;
  background: #00bfa5;
  padding: 0 8px 0 0;
}
.btn-ToBw.map-search .fa {
  color: #00bfa5;
  height: 38px;
  background-color: white;
  border-radius: 4px 0 0 4px;
  padding: 8px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .btn-ToBw.map-search .fa {
    height: auto;
    min-height: 28px;
  }
}
.btn-Green {
  background-color: #f9423a;
  border-color: #f9423a;
  color:#FFFFFF !important;
  text-decoration:none !important;
}

.btn-Green:hover,
.btn-Green:focus {
  background-color: #ef4700;
  background-position: 0 -15px;
  border-color: #ef4700;
}

.btn-Green:active,
.btn-Green.active {
  background-color: #ef4700;
  border-color: #ef4700;
}

.btn-Pink {
  background-color: #333333;
  border-color: #333333;
  color:#FFFFFF !important;
  font-weight:bold !important;
  text-decoration:none !important;
}

.btn-Pink:hover,
.btn-Pink:focus {
  background-color: #636363;

  border-color: #636363;
}

.btn-Pink:active,
.btn-Pink.active {
  background-color: #636363;
  border-color: #636363;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFFFFF;
    cursor: default;
    background-color: #f9423a;
    border: 1px solid #f9423a;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #f9423a;
}


.btn-Dit {
  border-color: #333333;
  color:#333333 !important;
  font-weight:bold !important;
  text-decoration:none !important;
  position:relative;
}

.btn-Gr {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fefefe), to(#eae9ea));
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #eae9ea 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #eae9ea 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, eae9ea 100%);
  background-repeat: repeat-x;
  border-color: #a0a0a0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#ffeae9ea', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color:#969696 !important;
  font-weight:bold !important;
  text-decoration:none !important;
  position:relative;
}


/*  ﾂアﾂイﾂコﾂδ督静敖津ｨ */

.input-group-addon {
    padding: 6px 8px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #FFF;
    border-radius: 4px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-right: 0px;
}

.icon001{
  background-image:url(../../images/icon/icon_new001.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:28px;
}

.iposi{
  position:absolute;
  top:25%;
  left:10px;
  z-index:100;
}

  .iposi_R{
    position:absolute;
    top:25%;
    right:10px;
    z-index:100;
  }

.iposi18{
  position:absolute;
  top:18%;
  left:10px;
  z-index:100;
}

.iposi32{
  position:absolute;
  top:32%;
  left:10px;
  z-index:100;
}


/*ﾂ色ﾂ付ﾂつｯ*/

.panel-default {
    border-color: #F7F5F0;
}

.panel-default > .panel-heading {
  background-color:#F7F5F0;
  color:#333333;
  text-align:center;
  border-color:#F7F5F0;
}
.panel-body {
  background-color:#F6F6F6;
}

.listStyle {
  border:3px solid #F7F5F0;
  padding:0px;
  margin-bottom:10px;
}

.label-primary {
    border: 1px solid #F9423A;
    background-color:#FFFFFF;
    border-radius: 4px;
    color: #F9423A;
    font-size: 10px;
    margin-left: 7px;
    padding: 0 5px;
    vertical-align: top;
    line-height: 1.7;
}

.label{
    padding:5px 10px;
  font-weight:normal;
  font-size:90%;
}

.alert-success {
  color:#333333;
    background-color: #F7F5F0;
  padding:10px;
}

.Price_back{
  background-color:#E7E7E7 !important;
  vertical-align:middle !important;
}

.Price_back2{
  background-color:#E7E7E7 !important;
  vertical-align:top !important;
}

.breadcrumb > li + li:before {
    padding: 0px;
    content: "";
}

.breadcrumb {
  padding:0px 10px;
    border-bottom:0px;
}

.breadcrumb li A{
    text-decoration:underline;
}

h4.Ttl
{
  background-image:url(../../images/common/back_h4.png);
  background-repeat:repeat-y;
  background-position:left top;
  padding-top:5px;
    padding-bottom:5px;
  padding-left:15px;
    font-weight: bold !important;
  margin:20px 0px 0px !important;
  color:#000000;
  font-size:16px;
  letter-spacing:1pt !important;
}

h4.Ttl span
{
  display:block;
  font-size:9px;
  color:#F7F5F0;
  font-weight:normal;
  margin-top:3px;
  letter-spacing:0pt !important;
}

/*  ﾂ航ﾂ凝ｳﾂ個板トﾂッﾂプ */
.flight-search-IndexBack {
    background-image: url(../../images/air/index_mainback.jpg);
    background-position:top center;
    background-repeat: no-repeat;
}

.flight-search-Blk {
    background-image: url(../../images/air/index_back_blk.png);
    background-repeat: repeat;
    padding: 10px;
    margin:0px auto 30px !important;
}

.search-Blk {
    background-image: url(../../images/air/index_back_blk.png);
    background-repeat: repeat;
    border-width:0px;
    margin:0px auto 30px !important;
}

.search-Pink {
    background-color:#f9423a;
    border-width:0px;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    padding:5px;
}

.panelUsael {
    min-height:20px;
    padding:0px;
    margin:0px;
}
.panelUsael2 {
    min-height:20px;
    padding:0px;
    margin:0px;
}

/*ﾂツﾂアﾂーﾂ湘堋催�*/


.DitailTable table {
    border: #E7E7E7 solid 2px;
    padding: 2px;
    border-collapse: separate;
    line-height: 1.5em;
}

.DitailTable table tr th {
    padding: 5px 15px;
    color: #000000;
    font-weight: bold;
    background-color: #F6F6F6;
    border-bottom: #FFF 1px solid;
}

.DitailTable table tr td {
    padding: 5px 15px;
    color: #666666;
    background-color: #ffffff;
    border-bottom: #b4b4b4 1px dotted;
}

.PickUpArea dt{
  position:relative;
  height:178px;
  overflow:hidden;
}
.PickUpArea dt span{
  position:absolute;
  top:0px;
  left:0px;
  z-index:100;
  background-color:#c83d44;
  color:#FFFFFF;
  text-align:center;
  padding:3px 20px;
}
.PickUpArea dt img{
    width:100%;
    position:absolute;
    bottom:0px;
}

.PickUpArea li A{
    text-decoration:none;
}

.Step_ArowA{
  background-image:url(../../images/common/step_arrow_a.png);
  background-position:right center;
  background-repeat:no-repeat;
}

.Step_ArowB{
  background-image:url(../../images/common/step_arrow_b.png);
  background-position:right center;
  background-repeat:no-repeat;
}


@media (max-width: 767px) {

  .PickUpArea dt{
    max-height:180px;
  }
  .width49Rest{
    width:48.4% !important;
  }
  .width95Rest{
    width:95% !important;
  }
  .width100Rest{
    width:100% !important;
  }

    .width100Rest768{
      width:100% !important;
    }

  .pdRest{
      padding:0px !important;
  }

    .pdR12_Rest{
        padding-right:12px !important;
    }
    .pdL12_Rest{
        padding-left:12px !important;
    }
    .pdR40_Rest{
        padding-right:40px !important;
    }


  .mgRest{
      margin:0px !important;
  }
  .sp_dpb{  display:block;  }
    .sp_dpb768{ display:block;  }

  .sp_pd0 { padding: 0px !important;  }
  .sp_pd15 { padding: 15px !important;  }
  .sp_pd10 { padding: 10px !important;  }
  .sp_pdt10{  padding-top:10px !important;  }
  .sp_pdt5{ padding-top:5px !important; }
  .sp768_pdt10{ padding-top:10px !important;  }

  .sp_pdt20{  padding-top:20px !important;  }

  .sp_pdl10{  padding-left:10px !important; }
  .sp_pdr10{  padding-right:10px !important;  }

  .sp_mgt10 { margin-top: 10px !important; }
  .sp_mgt20 { margin-top: 20px !important; }
  .sp_mgt30 { margin-top: 30px !important; }

  .sp_fltL{ float:left !important;  }
  .sp_fltR{ float:right !important; }
  .sp_fltRest{  float:none !important;  }
    .sp_fs10{ font-size:10px !important;  }
    .sp_fs12{ font-size:12px !important;  }

  .sp_w70px{  width:70px !important;  }

  .hidden-xs {
    display: none !important;
  }
  .schedule-title {
    display: none !important;
  }
    .goodsTitle2{
         font-size:12px;
         font-weight:bold;
    }
}
.container{
  min-width: 960px;
  width: 960px;
  padding: 0;
  position: relative;
}
.pdRestAll{
  padding:0px !important;
}


@media (min-width: 768px) and (max-width:1023px) {
  .heit40px380{ height:40px !important; }
  #hdDetail {
    width: auto;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .md_w25p{
    width: 25% !important;
  }
  .md_w33p{
    width: 33.33333333333333% !important;
  }

    .sp_pdt20{  padding-top:20px !important;  }


  .PickUpArea dt{
    height:120px;
  }

  .width49Rest{
    width:48.4% !important;
  }

    .width50Rest{
      width:24.2% !important;
    }

  .width100Rest{
    width:100% !important;
  }

  .pdRest769{
      padding:0px !important;
  }

    .pdR12_Rest{
        padding-right:12px !important;
    }
    .pdL12_Rest{
        padding-left:12px !important;
    }
    .pdR40_Rest{
        padding-right:40px !important;
    }

  .mgRest{
      margin:0px !important;
  }
  .sp_dpb{  display:block;  }

  .sp_pdt10{  padding-top:10px !important;  }
    .sp_pdt5{ padding-top:5px !important; }
  .sp_pdt20{  padding-top:20px !important;  }
    .sp_pdl10{  padding-left:10px !important; }
    .sp_pdr10{  padding-right:10px !important;  }

  .sp_fltL{ float:left !important;  }
  .sp_fltR{ float:right !important; }
    .sp_fltRest{  float:none !important;  }

  .btn-Dit {
    letter-spacing:0pt !important;
    padding-left:6px;
  }

  .btn-Gr {
    letter-spacing:0pt !important;
    padding-left:6px;
  }

    .col-mmd-4 {
    width: 33.33333333333333%;
    }
    .col-mmd-8 {
    width: 66.66666666666666%;
    }

  .sp_w70px{  width:70px !important;  }

  .sp_fs10{ font-size:10px !important;  }
  .schedule-title {
    display: none !important;
  }
}

@media (max-width: 414px){
  .heit40px380{ height:40px !important; }
  .PickUpArea dt{
    max-height:100px;
  }
  .hidden-xxs {
    display: none !important;
  }

  .sp380_TxtCnt{ text-align:center !important;  }
  .sp380_TxtR{ text-align:right !important; }
  .sp380_dpb{ display:block;  }
  .sp380_fs12{  font-size:12px !important;  }
  .sp380_fs10{  font-size:10px !important;  }
    .sp380_txtind{ text-indent:-9999px !important; height:8px !important; }
  .sp380_mgt5{  margin-top:5px !important;  }

  .col-xxs-5{
    width: 41.66666666666667% !important;
    }

  .col-xxs-1btn{
    width: 5% !important;
    }
  .col-xxs-5btn{
    width: 47% !important;
    }

  .col-xxs-6{
    width: 50% !important;
    }

  .col-xxs-9{
    width: 75% !important;
    }


}

@media (min-width: 1024px) and (max-width:1139px) {
    .sp1024_pdl10{  padding-left:10px !important; }
  .col1024-md-2 {
    width: 18.666666666666664%;
  }
  .btn-Dit {
    letter-spacing:0pt !important;
    padding-left:6px;
  }
  .btn-Gr {
    letter-spacing:0pt !important;
    padding-left:6px;
  }

}
.UnderLink a,
A.UnderLink{
    color: #428bca !important;
  text-decoration:underline !important;
  cursor:pointer;
}

.form-control:focus + label{
  border-color:#66afe9;
  outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),2px 0 3px rgba(102,175,233,0.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),2px 0 3px rgba(102,175,233,0.6)
}


.tbl {
  border-top: 1px #E7E7E7 solid;
  border-right: 1px #E7E7E7 solid transparent;
  border-bottom: 1px #E7E7E7 solid;
  border-left: 1px #E7E7E7 solid;

}

.tblCel {
  border: 1px solid #F7F5F0;
}

.panelUsael {
    min-height: 20px;
    padding: 0px;
    margin: 0px;
    background-color: #F7F5F0;
}
.panelUsael2 {
    min-height: 20px;
    padding: 0px;
    margin: 0px;
    background-color: #F7F5F0;
    border-top: 1px solid #F7F5F0;
}

.panelTbk {
    min-height: 20px;
    padding: 0px;
    margin: 0px;
    background-color: #F7F5F0;
    border-top: 3px solid #f9423a;
}

.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }
.grid-item--search { width: 700px; }

.centered { margin: 0 auto; }

.box {
    padding: 5px;
    float: left;
}
.col2 { width: 25%; }
.col4 { width: 50%; }
.col8 { width: 100%; }

 /* tbk
------------------------- */

        .tbk-grid
        {
            padding: 10px 1%;
            margin: 20px 0;
            background: white;
            border-radius: 10px;
        }

        /* necessary for proper sizing with margins */
        .tbk-grid__grid-sizer
        {
            position: absolute;
        }

        .tbk-grid__item, .tbk-grid__grid-sizer
        {
            width: 47%;
            margin: 0 1% 20px 1%;
        }

        .tbk-grid__gutter-sizer
        {
            width: 2%;
        }

        .tbk-grid__item
        {
            float: left;
            border-radius: 8px;
            background: #D8D6D2;
            margin-bottom: 20px;
        }

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

        .tbk__title
        {
            margin: 0;
            line-height: 1.2;
            font-size: 3rem;
            color: #f9423a;
        }

        .tbk__tagline
        {
            font-size: 1.4rem;
            margin: 0 0 10px;
        }

        /* ---- texty ---- */

        .tbk-grid__item--texty
        {
            padding: 10px;
        }

        .tbk-grid__item--width2, .tbk-grid__item--width3
        {
            width: 96%;
        }

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

        .tbk-grid__big-button
        {
            position: relative;
            display: block;
            padding: 10px;
            background: #f9423a;
            color: white;
            border-radius: 8px;
            font-size: 1.1rem;
            line-height: 1.2;
        }

        .tbk-grid__big-button:hover
        {
            background: #A2C;
            color: white;
        }

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

        .tbk__what-is-title
        {
            margin: 0 0 10px;
        }

        .tbk__what-is-description
        {
            margin: 0;
        }

        /* ---- .tbk-grid__example-link ---- */

        .tbk__example-link
        {
            display: block;
            background: #f9423a;
            border-radius: 8px;
            color: white;
        }

        .tbk__example-link:hover
        {
            background: #A2C;
            color: white;
        }

        .tbk__example-link__img
        {
            display: block;
            width: 100%;
            margin: 0;
        }

        .tbk__example-link__title
        {
            margin: 0;
            padding: 10px;
            font-size: 0.9rem;
        }

        /* enough width for 4 columns */
        @media screen and ( min-width: 768px )
        {

            .tbk-grid__grid-sizer, .tbk-grid__item
            {
                width: 22.5%;
            }

            .tbk-grid__item--width2
            {
                width: 47%;
            }


            .tbk-grid__item--width3
            {
                width: 71.5%;
            }

            .tbk__title
            {
                font-size: 6rem;
            }

            .tbk__tagline
            {
                font-size: 2rem;
            }

            .tbk__what-is-title
            {
                font-size: 2rem;
            }

            .tbk__what-is-description
            {
                font-size: 1.1rem;
            }

            .tbk-grid__big-button
            {
                padding-left: 60px;
                min-height: 60px;
            }

            .tbk-grid__big-button .icon
            {
                display: block;
                position: absolute;
                left: 10px;
                top: 10px;
                font-size: 2.0rem;
            }

        }

/*Hotel*/

.label-hotel {
  border:1px solid #56261c !important;
  color:#56261c !important;
  background-color:#FFF !important;
}
.priceTtl {
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    padding: 5px;
}
.HtlPrice {
    font-size: 19px;
    font-weight: bold;
    color: red;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 5px;
}
.tdw20 {
    width: 20%;
    text-align: center;
    padding: 10px 20px 0px 0px;
}
.tdw80 {
    width: 80%;
    padding: 10px 0px 0px 20px;
    vertical-align: text-top;
}
.label-hotel_dit {
    background-color: #f5f5f5;
    padding: 0px 20px;
    text-align: center;
    color: #56261c !important;
    font-weight: bold;
}
.formTHback {
    padding: 15px 10px;
    background-color: #F6F6F6;
    width: 25%;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
.formTDback {
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    width: 75%;
}
.BGC_fffae9 {
    background-color: #fffae9 !important;
}
.posiRadio {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    display: block;
}
.TxtC {
    text-align: center!important;
}
.FltN {
    float: none!important;
}
.pdt30 {
    padding-top: 30px!important;
}
.mglr_auto {
    margin-left: auto!important;
    margin-right: auto !important;
}





@media(max-width:767px) {
.hidden-phone {
    display: none !important;
}
}
.bwizard-steps {
  padding:28px;
  font-size: 16px;
}
.bwizard-steps .hidden-phone {
  padding-left: 12px;
}
.bwizard-steps .active .label {
    background-color: #333333;

}
.bwizard-steps .label {
    background-color: #999999;
    margin-left: 12px;
}

.airplane {
  text-align: center;
  font-size: 14px;
}

.airplane .curr {
    width: 30px;
    height: 30px;
    background-color: #fa423a;
    border-radius: 30px;
    border: 7px solid #fbc4c2;
    display: inline-block;
}
.airplane .ball {
    width: 16px;
    height: 16px;
    background-color: #c1c1c1;
    border-radius: 13px;
    display: inline-block;
    position: relative;
    top: 7px;
}
.airplane .air_img {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 30px;
    border: 7px solid #fa423a;
    display: inline-block;
}
.airplane .curr_fs {
  font-size: 14px;
  font-weight: bold;
}
.mobi_curr_fs {
  font-size: 16px;
  font-weight: bold;
}
.mobi_curr_fs span {
  font-size: 18px;
  color: #f7aa40;
}
@media (max-width: 657px) {
.btn-ToBw{
  background: #333;
  color: white;
}
.cu_hidden-xs {
    display: none !important;
  }
}

.cch-text-center{
  text-align:center;
}

.cch-text-center .btn-primary {
    color: #ffffff;
    background-color: #115da1;
    border-color: #2e6da4;
}


.cch-text-center p {
  line-height:20px;
}

.cch-tel-box {
  width:320px;
  height:40px;
  border:2px solid #000000;
  margin:20px auto;
  text-align:center;
  line-height:38px;
  font-size:16px;
  font-weight:bold
}
.cch-tel-box .t {
  width:116px;
  float:left;
  height:36px;
  background-color: #000000;
  color:#ffffff;

}
.cch-tel-box .c {
  width:200px;
  float:left;
  color:#f9423a;
}
.cch-tel-box .cb {
  clear:both;
}
.cch-furi {
  font-size:18px;
  font-weight:bold
}
@media (max-width: 767px) {
  .cch-text-center p{
    text-align:left;
  }
}


#inline-wrap {
  margin:10px auto;
  max-width: 700px;
  max-height: 700px;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
#inline-wrap h3 {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 15px;
  color:#333;
  border-bottom:#333 dotted 1px;
}
#inline-wrap .tx {margin-bottom:10px;}
#inline-wrap span { display:block; clear:both; margin:20px 0 10px; background:rgba(51, 122, 183, 0.1); color:#333; padding:3px 0 3px 10px;}

#inline-wrap .image {margin-bottom:10px;}
#inline-wrap .image p {
  float:left;
  width:60%;;
  margin:20px 0 0 10px;
}
#inline-wrap .image {
  content: "";
  display: table;
  clear: both;
}
#inline-wrap .image img {
  float:left;
}
#inline-wrap .popup-modal-dismiss a {
  display:block;
  text-align: center;
  background:#f9423a;
  color:#fff;
  padding:10px;
  border-radius: 4px;
  margin:0 auto;
}

@media (max-width: 657px) {
  #inline-wrap{
    margin: 10px;
    padding: 30px !important;
    max-width: calc(100% - 20px);
    min-width: calc(100% - 20px)
  }
}
.btn-bk-white {
  background: white;
}
.btn-bk-red {
  background-color:#f9423a;color:#ffffff;
}
.btn-bk-gray {
  background-color:#515151;color:#ffffff;
}
.btn-gray {
  background-color:#63666a;color:#ffffff;
}
.btn.btn-bk-red:visited,
.btn.btn-bk-gray:visited,
.btn.btn-gray:visited,
.btn.btn-bk-red:hover,
.btn.btn-bk-gray:hover,
.btn.btn-gray:hover,
.btn.btn-bk-red:focas,
.btn.btn-bk-gray:focas,
.btn.btn-gray:focas,
.btn.btn-bk-red:active,
.btn.btn-bk-gray:active,
.btn.btn-gray:active,
.btn.btn-bk-red:link,
.btn.btn-bk-gray:link,
.btn.btn-gray:link{
  color:#ffffff;
}
.btn-blue-outline {
  border-color:#115da1;color:#115da1;
  background: white;
}
.btn-blue {
  border-color:#115da1;
  color:#ffffff;
  background: #115da1;
  font-weight: bold;
}
.select-blue-outline {
  border-color:#115da1;
  color:#115da1;
  background-color: white;
  white-space: normal;
  font-weight: bold;
  width: 100%;
  padding: 8px 40px 8px 12px;
  cursor: pointer;
  line-height: 1.42857143;
  border-radius: 4px;
}
.div-font-black {
  color:#333333;
}
.alert-white{
  background-color:#f7f5f0;
}
.bg-white{
  background-color:#ffffff;
}
.span-font-red{
  color:#f9423a;border:2px solid #f9423a;
  }
.span-font-gray{ color:#515151;border:2px solid #515151;
}
#Cautions li {
    margin-bottom: 10px;
}
#Cautions {
    padding: 15px 0 0 15px;font-size: 14px;
    line-height: 15px;
    color: #333;
    border: 3px #e61537 solid;margin-top: 15px;
}
.cau {
    padding-left: 5px;
    border-left: 3px #e61537 solid;
}
.red {
    color: #f3163a;
}
#divAlertCardTravelLoan {
    margin-bottom: 10px;
}
#divAlertCardTravelLoan {
    line-height: 20px;
    font-size: 12px;
}
.tabi-label {
  display: inline;
  padding: .2em .6em;
  font-size: 75%;
  font-weight: bold;
  font-color: #ffffff;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 100px;
}
.tabi-label-info {
  background-color:#63666a;
}




/* smart phone 2017/05/19 */
a.tb-link, a.maps {
  color: #558ed5;
  text-decoration: underline;
  font-weight: bold;
  font-size: 18px;
}


/* お支払情報 */
a.h-button {
  padding: 7px 17px 5px;
  border-radius: 3px;
  background-color: #e7e7e7;
  color: #333333;
  text-decoration: none;
}



/* トップページレイアウト変更 20171018 */
a.h-btn-1 {
  background-color: #343434;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1.3em !important;
}
a.h-btn-1:hover {
  color: #fffffa;
}
a.h-btn-1:link {
  color: #fffffa;
}
a.h-btn-2 {
  background-color: #343434;
  border: 1px solid #a1aab1;
  border-radius: 40px;
  color: #ffffff;
  font-size: 1.3em !important;
}
a.h-btn-2:hover {
  color: #fffffa;
}
a.h-btn-2:link {
  color: #fffffa;
}
.position-rel {
  position: relative;
}
.cb {
  clear: both;
}
.display-b {
  display: block;
}
.display-b a {
  cursor: pointer;
}
.display-n {
  display: none;
}





/* 往路目的地 pc */
.pc-box {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  z-index: 9;
  color: #333333;
  font-size: 14px;
  padding: 12px 12px;
  border: 1px solid #dddddd;
}
.pc-box .top a {
  color: #f9423a;
}
.pc-box .top {
  font-size: 12px;
  display: flex;
  display: -webkit-flex;
  font-weight: bold;
}
.pc-box .top > div:first-child {
  flex: 1;
  -webkit-flex: 1;
}
.pc-box .top > div:last-child {
  width: 30px;
  text-align: right;
}
.pc-box .cen {
  padding-top: 10px;
  border-bottom: 3px solid #f9423a;
}
.pc-box .cen a {
  font-size: 13px;
  padding: 7px 10px 5px 10px;
  display: inline-block;
  background-color: #f4f4f4;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  float: left;
  margin-right: 1px;
}
.pc-box .cen a.active {
  background-color: #f9423a;
  color: #ffffff;
}
.pc-box .bot {
  padding-top: 8px;
}
.pc-box .bot a {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  background-color: #f4f4f4;
  padding: 6px 14px;
  display: inline-block;
  border-radius: 18px;
  margin: 3px 3px;
}
.pc-box .bot a:hover {
  background-color: #63666a;
  color: #ffffff;
  text-decoration: none;
}
.pc-box .bot a:link {
  text-decoration: none;
}
.pc-list-box {
  position: absolute;
  width: 93.7%;
  background-color: #ffffff;
  border-radius: 5px;
  z-index: 9;
  color: #333333;
  font-size: 14px;
  border: 1px solid #dddddd;
  overflow-y: auto;
  height: 250px;
}
.pc-list-box a {
  background-color: #ffffff;
  display: block;
  padding: 9px 15px 4px 15px;
}
.pc-list-box a:hover {
  background-color: #efefef;
  text-decoration: none;
}
.pc-list-box a:link {
  text-decoration: none;
}
.pc-list-box a span:first-child {
  font-weight: bold;
}
.pc-list-box a span:last-child {
  display: block;
  font-size: 12px;
  color: #999999;
  padding-top: 3px;
}

/* 往路目的地 sp */
.sp-destination-layer{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.sp-destination-layer .main {
  width: 100%;
  font-size: 16px;
}
.sp-destination-layer .main .return {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  background-color: #444444;
  position: relative;
  height: 60px;
  color: #ffffff;
}
.sp-destination-layer .main .return a.btn {
  position: absolute;
  top: 11px;
  left: 10px;
  background-color: #444444;
  border: 1px solid #d2d2d2;
  font-size: 15px !important;
}
.sp-destination-layer .main .return i {
  font-size: 12px;
  margin-right: 14px;
}
.sp-destination-layer .main .title {
  height: 56px;
  background-color: #f9423a;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding-left: 15px;
  color: #ffffff;
}
.sp-destination-layer .main .title i {
  margin-right: 12px;
  font-size: 24px;
  position: relative;
  top: -2px;
}
.sp-destination-layer .main .inp {
  padding: 12px 15px 0 15px;
}
.sp-destination-layer .main .inp .sp-box {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 10px;
}
.sp-destination-layer .main .inp .sp-box .title {
  height: 44px;
  background-color: #f9423a;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding-left: 16px;
}
.sp-destination-layer .main .inp .sp-box .list {
  overflow-y: auto;
  max-height: 370px;
}
.sp-destination-layer .main .inp .sp-box .list .e-large {
  color: #000000;
  background-color: #ffffff;
    display: block;
    margin-right: 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: none;
    cursor: pointer;
    display: block;
    padding: 12px 10px 10px 35px;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.sp-destination-layer .main .inp .sp-box .list .e-large:hover {
  opacity: 1;
}
.sp-destination-layer .main .inp .sp-box .list .e-large.open {
    color: #f9423a;
}
.sp-destination-layer .main .inp .sp-box .list .e-large.open i.bottomArrow {
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 19px;
}
.sp-destination-layer .main .inp .sp-box .list .e-large i.bottomArrow {
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 15px;
}
.sp-destination-layer .main .inp .sp-box .list .e-large.open i.bottomArrow:after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #f9423a;
    border-top: 2px solid #f9423a;
    box-sizing: content-box;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
}
.sp-destination-layer .main .inp .sp-box .list .e-large i.bottomArrow:after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #737373;
    border-top: 2px solid #737373;
    box-sizing: content-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.sp-destination-layer .main .inp .sp-box .list .e-minor {
  color: #000000;
  background-color: #ededed;
    display: block;
    margin-right: 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: none;
    cursor: pointer;
    display: block;
    padding: 10px 10px 8px 50px;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.sp-destination-layer .main .inp .sp-box .list ul li ul li .e-minor {
  background-color: #ffffff;
}
.sp-destination-layer .main .inp .sp-box .list .e-minor:hover {
  opacity: 1;
}
.sp-destination-layer .main .inp .sp-box .list .e-minor.open i.bottomArrow {
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 30px;
    top: 19px;
}
.sp-destination-layer .main .inp .sp-box .list .e-minor i.bottomArrow {
    display: inline-block;
    padding: 0;
    position: absolute;
    left: 30px;
    top: 15px;
}
.sp-destination-layer .main .inp .sp-box .list .e-minor.open i.bottomArrow:after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #737373;
    border-top: 2px solid #737373;
    box-sizing: content-box;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
}

.sp-destination-layer .main .inp .sp-box .list .e-minor i.bottomArrow:after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #737373;
    border-top: 2px solid #737373;
    box-sizing: content-box;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.sp-destination-layer .main .inp .sp-box .list ul li {
    background-color: #ffffff;
    display: block;
    margin-right: 0;
}
.sp-destination-layer .main .inp .sp-box .list a {
    background: none;
    border-top: 1px solid #DCDCDC;
    border-bottom: none;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 10px 10px 8px 50px;
    text-decoration: none;
    font-size: 14px;
    position: relative;
}
.sp-destination-layer .main .inp .sp-box .list a .rightArrow {
    display: inline-block;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 17px;
}
.sp-destination-layer .main .inp .sp-box .list a .rightArrow:after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #737373;
    border-top: 2px solid #737373;
    box-sizing: content-box;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sp-destination-layer .main .inp .sp-list-box {
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  z-index: 9;
  color: #333333;
  font-size: 14px;
  border: 1px solid #dddddd;
  overflow-y: auto;
  max-height: 395px;
}
.sp-destination-layer .main .inp .sp-list-box a {
  background-color: #ffffff;
  display: block;
  padding: 9px 15px 4px 15px;
  border-bottom: 1px solid #cccccc;
}
.sp-destination-layer .main .inp .sp-list-box a:hover {
  background-color: #efefef;
  text-decoration: none;
}
.sp-destination-layer .main .inp .sp-list-box a:link {
  text-decoration: none;
}
.sp-destination-layer .main .inp .sp-list-box a span:first-child {
  font-weight: bold;
}
.sp-destination-layer .main .inp .sp-list-box a span:last-child {
  display: block;
  font-size: 12px;
  color: #999999;
  padding-top: 3px;
}

/* 往路人数 pc */
.pc-number-box {
  position: absolute;
  width: 93.7%;
  background-color: #ffffff;
  border-radius: 5px;
  z-index: 9;
  color: #333333;
  font-size: 14px;
  border: 1px solid #dddddd;
  padding: 5px 12px 12px 12px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.46);
}
.pc-number-box .minus-plus {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid #d2d2d2;
  height: 40px;
}
.pc-number-box .minus-plus > div:first-child {
  flex: 1;
  -webkit-flex: 1;
  font-weight: bold;
}
.pc-number-box .minus-plus > div:first-child font {
  font-size: 12px;
  color: #999999
}
.pc-number-box .minus-plus > div:last-child {
  width: 100px;
}
.pc-number-box .minus-plus a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 17px;
  text-align: center;
  font-size: 22px;
}
.pc-number-box .minus-plus a:hover {
  text-decoration: none;
}
.pc-number-box .minus-plus a:link {
  text-decoration: none;
}
.pc-number-box .minus-plus span {
  position: relative;
  top: 0px;
  font-size: 26px;
  font-weight: bold;
  display: inline-block;
  height: 20px;
  line-height: 16px;
  padding: 0 0px;
  width: 40px;
  text-align: center;
}
.pc-number-box .minus-plus a:first-child {
  background-color: #ffffff;
  color: #f9423a;
  border: 1px solid #f9423a;
}
.pc-number-box .minus-plus a:last-child {
  background-color: #f9423a;
  color: #ffffff;
  border: 1px solid #f9423a;
}
.pc-number-box .kan {
  text-align: center;
  padding: 20px 0px 20px 0px;
}
.pc-number-box .kan a {
  width: 50%;
  color: #ffffff;
}

/* 往路人数 sp */
.sp-number-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.pc-number-box-clone {
  position: relative;
  width: 100%;
  margin: 0 15px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #333333;
  font-size: 14px;
  border: 1px solid #dddddd;
  padding: 5px 12px 12px 12px;
}
.pc-number-box-clone .e-close-clone {
  position: absolute;
  right: 0px;
  top: -40px;
  font-size: 30px;
  color: #ffffff;
}
.pc-number-box-clone .minus-plus {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px solid #d2d2d2;
  height: 40px;
}
.pc-number-box-clone .minus-plus > div:first-child {
  flex: 1;
  -webkit-flex: 1;
  font-weight: bold;
}
.pc-number-box-clone .minus-plus > div:first-child font {
  font-size: 14px;
  color: #999999
}
.pc-number-box-clone .minus-plus > div:last-child {
  width: 100px;
}
.pc-number-box-clone .minus-plus a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 17px;
  text-align: center;
  font-size: 22px;
}
.pc-number-box-clone .minus-plus a:hover {
  text-decoration: none;
}
.pc-number-box-clone .minus-plus a:link {
  text-decoration: none;
}
.pc-number-box-clone .minus-plus span {
  position: relative;
  top: 0px;
  font-size: 26px;
  font-weight: bold;
  display: inline-block;
  height: 20px;
  line-height: 16px;
  padding: 0 0px;
  width: 40px;
  text-align: center;
}
.pc-number-box-clone .minus-plus a:first-child {
  background-color: #ffffff;
  color: #f9423a;
  border: 1px solid #f9423a;
}
.pc-number-box-clone .minus-plus a:last-child {
  background-color: #f9423a;
  color: #ffffff;
  border: 1px solid #f9423a;
}
.pc-number-box-clone .kan {
  text-align: center;
  padding: 20px 0px 20px 0px;
}
.pc-number-box-clone .kan a {
  width: 50%;
  color: #ffffff;
}

.simu-ie-x {
  position: absolute;
  right: 27px;
  top: 17px;
  font-size: 16px;
}



/* common */
.error-box {
  border: 2px solid #d6504d;
  border-radius: 5px;
  background-color: #fad8d7;
  margin-top: 20px;
  padding: 18px 20px;
  color: #ce1012;
  font-size: 15px;
}
.error-box > div:first-child {
  font-weight: bold;
  padding-bottom: 8px;
}
.error-box > div:first-child i {
  font-size: 24px;
  margin-right: 10px;
}
.error-box > div:not(:first-child) {
  padding-top: 3px;
  letter-spacing: 2px;
}


@media (max-width: 870px) {
  .error-box {
    margin-top: 5px;
  }
}
.sp_show, .sp_show656 {
  display: none;
}
.sp-line-w {
  display: none;
  border-bottom: 1px solid #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding-top: 20px;
}
.sp_hide, .sp_hide656 {
  display: block;
}

.sp_text_center {
  text-align: left;
}
.sp_text_right {
  text-align: left;
}

.pc-list-box {
  visibility: visible;
}
.pc-box {
  visibility: visible;
}
.pc-number-box {
  visibility: visible;
}

.sp-list-box {
  visibility: hidden;
}
.sp-box {
  visibility: hidden;
}
.sp-number-box {
  visibility: hidden;
}

.pc-center-sp-left {
  text-align: center;
}
@media (max-width: 870px) {
    .sp_show {
      display: block;
    }
    .sp-line-w {
      display: block;
      border-bottom: 1px solid #ffffff;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 5px;
      padding-top: 20px;
    }
    .sp_hide {
    display: none;
  }
  .sp_text_center {
    text-align: center;
  }
  .sp_text_right {
    text-align: right;
  }

  .pc-list-box {
    visibility: hidden;
  }
  .pc-box {
    visibility: hidden;
  }
  .pc-number-box {
    visibility: hidden;
  }

  .sp-list-box {
    visibility: visible;
  }
  .sp-box {
    visibility: visible;
  }
  .sp-number-box {
    visibility: visible;
  }
  .pc-center-sp-left {
    text-align: left;
  }
}

@media (max-width: 657px) {
  .sp_hide656 {
    display: none;
  }
  .sp_show656 {
    display: block;
  }
}


/* 最安値エリア
 * おすすめの都市のエリア
 * 20171025 */
.h-area-a {
  padding-bottom: 20px;
    padding-top: 20px;
    background-color: #f4f4f4;
}
.red-txt {
  color: #f9423a;
  font-size: 28px;
  font-weight: bold;
}
.red-line {
  border-top: 2px solid #ff0000;
  width: 120px;
  height: 20px;
  margin: auto;
}
@media (max-width: 870px) {
  .red-line {
    margin: auto auto auto 0;
  }
}
.h-area-a .a {
  padding-top: 10px;
  margin-right: auto;
    margin-left: auto;
    width: 990px;
}
@media (max-width: 1007px) {
  .h-area-a .a {
      width: auto;
  }
}
.h-area-a .a .top {
}
.h-area-a .a .top > div {
  padding: 0 15px;
}
.h-area-a .a .top > div > div {
  border: 1px solid #d2d2d2;
  display: flex;
  display: -webkit-flex;
  cursor: pointer;
}
.h-area-a .a .top > div > div img.t {
  width: 371px;
}
.h-area-a .a .top > div > div > div {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ffffff;
}
.h-area-a .a .top > div > div > div .l1 {
  width: 186px;
  padding-left: 20px;
}
.h-area-a .a .top > div > div > div .l2 {
  flex: 1;
  -webkit-flex: 1;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
}
.h-area-a .a .top > div > div > div .l3 {
  width: 70px;
  padding-left: 20px;
  font-size: 22px;
  color: #f9423a;
}
.h-area-a .a .bot {
  padding: 20px 15px 30px 15px;
}

.h-area-a .a .bot .txt {
}
.h-area-a .a .bot .vc {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  cursor: pointer;
}
.h-area-a .a .bot .txt > div:first-child {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}
.h-area-b .b {
  padding-bottom: 20px;
}
.h-area-b .b {
  padding-top: 10px;
  margin-right: auto;
    margin-left: auto;
    width: 990px;
}
@media (max-width: 1007px) {
  .h-area-b .b{
      width: auto;
  }
}
.h-area-b .b .box {
  width: 100%;
  padding: 15px 15px;
}
.h-area-b .b .box > div {
  width: calc(100% / 3);
  width: -webkit-calc(100% / 3);
  float: left;
  height: 150px;
  padding: 15px;
  cursor: pointer;
}
.h-area-b .b .box > div:hover {
    border: 2px solid #f9423a;
}
.h-area-b .b .box > div > div:nth-child(1) {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
.h-area-b .b .box > div > div:nth-child(2) {
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  color: #f9423a;
  padding: 5px 0 5px 0;
}
.h-area-b .b .box > div > div:nth-child(2) span {
  font-size: 18px;
}
.h-area-b .b .box > div > div:nth-child(3) {
  text-align: right;
}
.h-area-b .b .box > div:nth-child(odd) {
  background-color: #f4f4f4;
}
.h-area-b .b .sp-box {
  width: 100%;
  padding: 15px 15px;
}
.h-area-b .b .sp-box > div:first-child > div {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 15px 0;
  cursor: pointer;
}
.h-area-b .b .sp-box > div:first-child > div:nth-child(odd) {
  background-color: #f4f4f4;
}
.h-area-b .b .sp-box > div:first-child > div > div:nth-child(1) {
  flex: 1;
  -webkit-flex: 1;
  font-weight: bold;
  font-size: 16px;
  padding-left: 20px;
}
.h-area-b .b .sp-box > div:first-child > div > div:nth-child(1) span {
  font-size: 14px;
  display: block;
  color: #999999;
  padding-top: 3px;
  font-weight: normal;
}
.h-area-b .b .sp-box > div:first-child > div > div:nth-child(2) {
  flex: 1;
  -webkit-flex: 1;
  font-weight: bold;
  font-size: 35px;
  color: #f9423a;
}
.h-area-b .b .sp-box > div:first-child > div > div:nth-child(2) span {
  font-size: 18px;
}
.h-area-b .b .sp-box > div:first-child > div > div:nth-child(3) {
  width: 30px;
  font-size: 22px;
  color: #f9423a;
}
.h-area-b .b .sp-btn {
  width: 100%;
  padding: 15px 0px;
}
.h-area-b .b .sp-btn a {
  position: relative;
  background-color: #f9423a;
  font-weight: bold;
  border: 1px solid #f9423a;
}
.h-area-b .b .sp-btn a i {
  position: absolute;
  right: 20px;
  top: 10px;
}
.h-area-c {
  margin-top:40px;
  background-color: #f4f4f4;
}
@media only screen and (max-width: 640px) {
    .h-area-c {
        margin-top:10px;
    }
}
.h-area-c .c {
  padding-bottom: 10px;
  margin-right: auto;
    margin-left: auto;
    width: 990px;
}
@media (max-width: 1007px) {
  .h-area-c .c{
      width: auto;
  }
}
.h-area-c .c .box {
  width: 100%;
  padding: 10px 0px 15px 0px;
}
.h-area-c .c .box > div {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  width: calc(100% / 4 - 20px);
  width: -webkit-calc(100% / 4 - 20px);
  float: left;
  text-align: center;
  margin: 10px;
  cursor: pointer;
  color: #000000;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.22);
}
@media (max-width: 870px) {
  .h-area-c .c .box {
    padding: 10px 5px 15px 5px;
  }
  .h-area-c .c .box > div {
    width: calc(100% / 2 - 10px);
    width: -webkit-calc(100% / 2 - 10px);
    margin: 5px;
  }
}
.h-area-c .c .box > div:hover {
  border: 2px solid #ff0000;
  color: #ff0000;
}
.h-area-c .c .box > div img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.h-area-c .c .box > div > div {
  position: relative;
}
.h-area-c .c .box > div > div > a > div:nth-child(1) {
  padding: 6px;
}
.h-area-c .c .box > div > div > a > div:nth-child(2) {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0 7px 0;
}
.h-area-c .c .box > div > div > a > div:nth-child(3) {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 28px;
  height: 28px;
  border-radius: 1px;
  background-color: #f9423a;
  color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
input_width {
    width: 100% !important;
}

/* flex */
.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
}

.flex-row {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important;
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}
.justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}
.align-items-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important;
}
.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

@media (max-width: 657px) {
  .flex-column-sp {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }
  .flex-row-sp {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
  }
  .sp_w100p {
    width: 100% !important;
  }
}

/* cardform */
.cardform {
  border-radius: 4px;
  overflow: visible;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}
.cardform-title {
  background: #d2d2d2;
  color: #333;
  font-size: 14px;
  padding: 20px;
  font-weight: bold;
}
.cardform-body {
  padding:10px 0;
  background: white;
  border-bottom: solid 1px #d2d2d2;
}
.cardform-inner li{
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 15px;
}
.cardform-inner li:first-child{
  margin-top: 0;
}
.cardform-inner li > div{
  width: 100%;
}
.cardform-inner li div label + input,
.cardform-inner li div label + select{
  margin-top: 5px;
}
.cardform-inner li .cardform-subTitle{
  font-weight: bold;
  flex:0 0 30%;
}
.cardform-inner li .passport-notice {
  border:solid 1px #f9423a;
  padding: 15px;
  line-height: 1.7;
  border-radius: 4px;
}
.cardform-inner li .passport-notice p:first-child{
  color: #f9423a;
  font-size: 16px;
  font-weight: bold;
}
.cardform-inner li .passport-notice p:nth-child(2){
  font-size: 14px;
  font-weight: bold;
}
.cardform-inner li .passport-notice p:nth-child(3){
  font-size: 13px;
}
@media (max-width: 657px) {
  .cardform-inner li .passport-notice p:first-child{
    font-size: 14px;
  }
  .cardform-inner li .passport-notice p:nth-child(2),
  .cardform-inner li .passport-notice p:nth-child(3){
      font-size: 12px;
  }
  .cardform-inner li:first-child span.travel-representative{
    min-width: 150px;
  }
}


.cardform-info{
  display: flex;
  padding: 0 10px 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #d2d2d2;
}
.cardform-airlogo + .airST-ticket-info{
  margin-left: 10px;
}
.airST-ticket-info + .airST-flight-Supplement.air-landing {
  margin-left: auto;
}
@media (max-width: 657px) {
  .airST-ticket-info + .airST-flight-Supplement.air-landing {
    margin-top: 5px;
    font-size: 10px;
  }
}
.cardform-info .cardform-airlogo,
.cardform-info .airST-ticket-info{
  display: flex;
  align-items: center;
  font-size: 15px;
}
.cardform-info .cardform-airlogo img{
  width: 100px;
  height: auto;
  margin-right: 10px;
}
.cardform-info .airST-ticket-info .airST-tag{
  width: auto;
  padding: 2px 10px;
}
.cardformFlex{
  display: flex;
  flex-wrap: wrap;
}
.cardformFlex .cardform-title{
  border-bottom: solid 1px white;
  flex: 0 0 auto;
  width: 30%;
}
.cardformFlex .cardform-body{
  padding: 30px;
  border-bottom: solid 1px #d2d2d2;
  flex: 0 0 auto;
  width: 70%;
  word-break: break-all;
}
.cardformAttention label{
  padding: 20px;
  width: 100%;
  font-size: 17px;
}
.cardformAttention label.label_mini{
  padding: 10px;
}
.cardformAttention .cardform-body{
  padding: 20px;
  font-weight: bold;
}
.cardformAttention .cardform-inner li span{
  margin-left: 10px;
}
/* viwes/air/select_ticket.php */
.airST-item {
  background: #eaf1f8;
  padding:20px 15px;
  margin-top: 15px;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
}
.airST-item:nth-child(2n) {
  background: #f7f5f0;
}

.airST-img {
  display: block;
  width: 120px;
  height: 45px;
  border: solid 1px #e7e7e7;
  object-position: center;
  object-fit: contain;
  background: white;
  padding: 10px;
  margin-left: 10px;
}

.airST-price {
  font-size: 28px;
  font-weight: bold;
  white-space: nowrap;
}
.airST-moreDetail {
  width: 140px;
  background-color: rgba(51, 122, 183, 0.05);
  color: #115da1 !important;
  border: solid 1px #115da1;
  font-weight: bold;
  padding: 8px 40px 8px 16px;
  font-size: 12px;
  text-align: center;
}

.airST-tag {
  overflow:hidden;
  width: 125px;
  border: solid 1px #e5e5e5;
  padding: 4px 8px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 50px;
  text-align: center;
}

.airST-item-inner {
  margin: 10px 0 15px;
}
.airST-item-inner .airST-item-header{
  display: flex;
  align-items: center;
  padding-left: 15px;
  margin: 10px 0 25px;
}
.airST-item-inner .airST-item-header .airST-price-info{
  display: flex;
  align-items: center;
}
.airST-item-inner .airST-item-header .airST-ticket-info{
  margin-left: auto;
  display: flex;
}
.airST-js-stepParent{
  margin-bottom: 20px;
  overflow-x: visible;
  overflow-y: visible;
}
.airST-item-title {
  margin-bottom: 10px;
  font-size: 17px;
  color: #115da1;
  font-weight: bold;
}

.airST-step {
  box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  padding: 15px;
  flex:0 0 auto;
  margin-left: 2%;
  width: 49%;
}
.airST-step:first-of-type {
  margin-left: 0;
}
@media (max-width: 657px) {
  .container{
    width: 100%;
    min-width: 100%;
  }
  .cardform-title{
    padding: 10px;
  }
  .cardform-body{
    padding:10px 0;
  }
  .cardform-inner li{
    font-size: 13px;
    position: relative;
  }
  .cardform-subTitle ~ div{
    margin-top: 25px;
  }
  .cardform-inner li .cardform-subTitle{
    position: absolute;
    top: 0;
  }
  .cardform-info{
    display: block;
  }
  .cardform-info .cardform-airlogo{
    font-size: 10px;
  }
  .cardform-airlogo + .airST-ticket-info{
    margin-top: 5px;
    margin-left: 0;
  }
  .cardformFlex{
    display: block;
    width: 100%);
  }
  .cardformFlex .cardform-body{
    padding: 15px 15px 20px;
    border-bottom:none;
    width: 100%;
  }
  .cardformFlex .cardform-title{
    border-bottom:none;
    width: 100%;
  }
  .cardformAttention label{
    padding: 10px;
    font-size: 13px;
  }
  .cardformAttention .cardform-body{
    padding: 10px 15px;
    font-weight: bold;
  }
  .cardformAttention .cardform-inner li{
    flex-direction: column;
    align-items: start;
  }
  .cardformAttention .cardform-inner li span{
    margin-left:0;
    margin-top: 5px;
  }
  .airST-item {
    padding: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    border:none;
    margin-top: 15px;
  }
  .airST-item , .airST-item:nth-child(2n) {
    background-color: #ffffff;
  }
  .airST-item-inner .airST-item-header{
    margin: 0;
    padding: 0;
    align-items: stretch;
  }
  .airST-item-inner .airST-item-header .airST-price-info{
    display: flex;
    width: 60%;
    float: left;
    flex-wrap: wrap;
  }
  .airST-item-inner .airST-item-header .airST-price-info > p{
    font-size: 10px;
  }
  .airST-item-inner .airST-item-header .airST-price-info > p strong{
    font-size: 12px;
  }
  .airST-item-inner .airST-item-header .airST-ticket-info{
    margin: 0;
    margin-left: auto;
    width: 35%;
    min-width: 110px;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .airST-item-inner .airST-item-header .airST-ticket-info > div{
    width: 100%;
  }
  .airST-tag{
    width: 100%;
    padding:2px 0;
  }
  .airST-img{
    width: 100%;
    height: auto;
    margin-left: 0;
    border: none;
  }
  .airST-moreDetail {
    width:100%;
    padding: 2px 4px ;
    font-size: 10px;
    text-align:center;
  }
  .airST-step {
    padding: 10px;
    box-shadow: none;
    width: 100%;
    margin-left: 0;
  }
  .airST-js-stepParent{
    margin-bottom: 0;
  }
  .airST-item-inner .airST-item-header .airST-price-info .airST-price {
    font-size: 24px;
    line-height: 1;
    margin: 10px 0;
  }
}

.airST-flight {
  border:1px solid #d2d2d2;
  font-weight: normal;
  border-radius: 8px;
  /*overflow: hidden;*/
  margin-bottom: 15px;
  vertical-align: top;
}
.airST-flight:last-child{
  margin-bottom: 0;
}
.airST-flight.is-checked {
  border-color: #f9423a;
  background: #f9423a;
}

.airST-flight input[type=radio] {
  flex-shrink: 0;
  flex-grow: 0;
}

.airST-flight-content {
  background: transparent;
  position: relative;
  padding: 10px 10px 30px;
}
.airST-flight-content .airST-flight-value{
  font-size: 13px
}
.airST-flight-content .airST-flight-schedule{
  display: flex;
}
.airST-flight-value + .airST-flight-schedule{
  margin-top: 20px;
}
.airST-flight-content .airST-flight-schedule .schedule-inner{
  width: 43%;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.airST-flight-content .airST-flight-schedule .airST-flight-arrow{
  width: 14%;
  display: flex;
  align-items: center;
}
.airST-flight-content .airST-departure-place{
  font-size: 13px;
  margin-top: 5px;
}
.airST-flight-content .airST-departure-time{
  font-size: 20px;
  font-weight: bold;
}
.airST-flight-content .airST-flight-time{
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  text-align:center;
}
.airST-priceDetail {
  background-color: #ffffff;
  padding: 20px;
}
.airST-priceDetail-summary {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 4px;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.airST-priceDetail .urgent_fee_hide {
  display: none;
}

.airST-conditional .modal-content {
  border-radius: 0;
  border: none;
}
.airST-conditional .filter-btn,
.airST-conditional_list .filter-btn,
.airST-js-step .airST-js-more_close_sp {
  font-weight: bold;
  color: white;
  background-color:#63666a;
}
.airST-conditional .filter-btn,
.airST-js-step .airST-js-more_close_sp {
  border-radius: 0;
}
.airST-conditional .airST-conditional_list .airST-js-more_close_sp {
  border-radius: 5px;
}
.airST-conditional_sp .filter-btn{
  background:#f9423a;
  height: 40px;
  border-radius: 4px;
}
.airST-conditional-title {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 500;
}
.airST-conditional-card label {
  display: block;
  padding: 10px 0;
  font-size: 14px;
}
.airST-conditional-card input[type="checkbox"] {
  display: none;
}
.airST-conditional-card input[type="checkbox"] + label {
    cursor: pointer;
    display: block;
    position: relative;
    padding-left: 30px;
    /*padding-right: 10px;*/
}
.airST-conditional-card input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    left: 0;
    background: url(https://www.tabikobo.com/images/common/check_off.svg);
    background-size: 20px 20px;
}
.airST-conditional-card input[type="checkbox"]:checked + label::before {
    background: url(https://www.tabikobo.com/images/common/check_on.svg);
    background-size: 20px 20px;
}

.airST-conditional-list h3 i{
  margin-right: 10px;
  font-size: 20px;
}
.airST-conditional-card{
  padding: 0 0 10px;
  border-bottom: solid 1px #d2d2d2;
  border-left: none;
  border-right: none;
}
@media (min-width: 657px) {
  .airST-twoColumns {
    display: flex;
    justify-content: space-between;
    width: 960px;
    margin: auto;
  }
  .airST-conditional_pc {
    width: 240px;
    margin-bottom: 50px;
    padding: 15px;
  }
  .airST-conditional_pc .filter-btn {
    display: none;
  }
  .airSelect_temp01 {
    width: 700px;
    min-width: 700px;
    margin-bottom: 50px;
  }
  .airST_filter {
    display: none;
    margin-bottom: 50px;
  }
}
@media (max-width: 657px) {
  .airST-conditional_pc {
    display: none;
  }
}

@media (max-width: 657px) {
  .airST-flight{
    margin-bottom: 10px;
  }
  .airST-conditional .modal-dialog {
    margin: 0;
  }
  .airST-flight-content{
    padding: 5px 5px 30px;
  }
  .airST-flight-content .airST-departure-place{
    font-size: 10px;
  }
  .airST-flight-content .airST-departure-time{
    font-size: 15px;
  }
  .airST-priceDetail {
    background-color: transparent;
    padding: 10px 0 0;
    margin-top: 15px;
    border-top: 1px solid #d2d2d2;
  }
  .airST-priceDetail-summary{
    border:none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: right;
  }
}

.airST-cover {
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
  color: #115da1 !important;
  background:#f7f5f0;
}
.airST-cover.dpHotel {
  background: #ffffff;
}
.airST-cover-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
  font-weight: 500;
}
.airST-cover-box .sp_show {
  display: none;
}
.airST-cover-box img {
  width:25px;
}
.airST-cover-destination{
  margin-left: 15px;
}
.airST-cover-destination span {
  font-size: 14px;
}
.airST-cover-traveldate,
.airST-cover-people,
.airST-cover-unselected {
  margin-left:10px;
}
.airST-cover > img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.airST-cover .btn {
  margin-left: auto;
  font-size: 14px;
  border: 1px solid #c4c4c4;
  padding: 8px 40px 8px 10px;
  border-color: #115da1;
  color: #115da1;
  background: white;
  position: relative;
}
.airST-cover .btn:after{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  background: url(../../images/pen.svg);
  background-size: 20px 20px;
  right: 10px;
  margin: auto;
}
.airST-cover .btn1 {
  margin-left: auto;
  font-size: 14px;
  border: 1px solid #c4c4c4;
  padding: 8px 10px 8px 10px;
  border-color: #115da1;
  color: #115da1;
  background: white;
  position: relative;
}

@media (max-width: 657px) {
  .airST-h1{
    font-size: 15px !important;
  }
  .airST-cover {
    padding: 5px 2%;
    align-items: stretch;
    margin-bottom: 0;
  }
  .airST-cover-box img {
    width: 20px;
  }
  .airST-cover-box{
    font-size: 13px;
  }
  .airST-cover-box .pc_show {
    display: none;
  }
  .airST-cover-box .sp_show {
    display: inline;
  }
  .airST-cover-destination{
    margin-left: 10px;
  }
  .airST-cover-traveldate{
    margin-left: 5px;
  }
  .airST-cover .btn{
    padding: 5px 30px 5px 10px;
    font-size: 12px;
  }
  .airST-cover .btn:after{
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
  .airST-cover .btn1{
    padding: 5px 10px 5px 10px;
    font-size: 12px;
  }

}

@media (min-width: 657px) {
  .dynamicTour-cover-destination_pc{
    margin-left: 15px;
  }
  .dynamicTour-cover-destination_sp{
    display: none;
  }
}
@media (max-width: 657px) {
  .dynamicTour-cover-destination_pc{
    display: none;
  }
  .dynamicTour-cover-destination_sp{
    margin-left: 10px;
  }
}
.airST-steps {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.airST-h2{
  font-size: 20px !important;
  margin: 0 0 30px;
  padding: 0 0 0 15px;
  border-left: 3px solid #333;
}
.airST-h2 + .airRC-info-btn,
.airST-h2 + .airRC-flight-btn,
.airST-h2 + .airRC-hotel-btn,
.airST-h2 + .airRC-pen-btn{
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 8px 40px 8px 10px;
}
/* 注意事項用ボタン */
.airST-h2-btn {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 0 5px 15px;
  text-align: left;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  border-left: 3px solid #333333;
  white-space: normal;
  font-weight: bold;
  font-size: 20px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.airST-h2-btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -8px;
  border-radius: 50%;
  background: #000000;
}
.airST-h2-btn:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  border: 5px solid transparent;
  border-top: 5px solid #ffffff;
}
.airST-h2-btn.show:after {
  top: 30%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* END 注意事項用ボタン */
.airST-item-btns {
  text-align: center;
  padding: 0 10px;
  max-width: 370px;
  margin: 0 auto;
}
.airST-item-btns > .btn + .btn{
  margin: 10px 0 0;
}
.airST-item-btns-nextBtn {
  font-weight: bold;
  font-size: 20px;
}
.airST-item-btns-prevBtn {
  height: auto;
  background: #63666a;
  color: white !important;
}
.airST-steps li {
  height: 45px;
  position: relative;
  font-size: 12px;
  width: 100%;
  padding: 0 25px;
}
.airST-steps li:nth-child(n) {
  background:#f7f5f0;
}
.airST-steps li:nth-child(n):after {
  border-left-color:#f7f5f0;
}
.airST-steps li:nth-child(2n) {
  background: white;
}
.airST-steps li:nth-child(2n):after {
  border-left-color: white;
}
.airST-steps li:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-left: 11px solid green;
  z-index: 1;
}
.airST-steps li:last-child:after {
  display: none;
}
.airST-steps li.is-active {
  background: #f9423a;
  color: white;
}
.airST-steps li.is-active:after {
  border-left-color: #f9423a;
}

@media (max-width: 657px) {
  .airST-h2{
    font-size: 20px !important;
    margin: 15px 0;
  }
  .airST-h2 + .airRC-info-btn
  .airST-h2 + .airRC-flight-btn,
  .airST-h2 + .airRC-hotel-btn,
  .airST-h2 + .airRC-pen-btn{
    top: 15px;
    right: 15px;
    font-size: 14px;
    padding: 10px 30px 10px 10px;
  }
  .airST-steps{
    margin: -14px auto;
  }
  .airST-steps li {
    font-size: 3vw;
    padding: 0 0 0 15px;
  }
  .airST-steps li:first-child {
    padding:0 0 0 5px;
  }
  .airST-item-btns-nextBtn{
    font-size: 15px;
    min-height: 50px;
  }
}

/* air reservation input */
.airRI-text-smallGray {
  font-size: 12px;
  color: #62666a;
}
.airRI-text-blue {
  color: #115da1;
}

.airRI-tag {
  border: solid 1px #e5e5e5;
  padding: 4px 8px;
  font-size: 10px;
  white-space: nowrap;
}
.airRI .btn-blue-outline {
  border-color: #115da1;
  color: #115da1;
  background: white;
}
.airRI-more,
.airRI-blank,
.airRC-info-btn,
.airRC-flight-btn,
.airRC-hotel-btn,
.airRC-pen-btn{
  padding-right: 40px;
  position: relative;
}
.btn.airRI-more,
.btn.airRI-blank{
  white-space: normal;
  font-weight: bold;
  font-size: 15px;
  width: 100%;
}
.airRI-more:after,
.airST-moreDetail:after{
  content: "";
  position: absolute;
  margin: auto;
  right: 15px;
  top: 0;
  bottom: 0;
  font-size: 15px;
  border-right: 2px solid #115da1;
  border-top: 2px solid #115da1;
  height: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px;
}
.airRI-more.show:after,
.airST-moreDetail.show:after{
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
.airRI-blank:after,
.airRC-info-btn:after,
.airRC-flight-btn:after,
.airRC-hotel-btn:after,
.airRC-pen-btn:after{
  content: "";
  position: absolute;
  background:url(../../images/out_link_blue.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.airRC-info-btn:after{
  background:url(../../images/pen.svg);
  background-size: 20px 20px;
  right: 10px;
}
.airRC-flight-btn:after{
  background:url(../../images/air-white.svg);
  background-size: 20px 20px;
  right: 10px;
}
.airRC-hotel-btn:after{
  background:url(../../images/hotel-white.svg);
  background-size: 20px 20px;
  right: 10px;
}
.airRC-pen-btn:after{
  background:url(../../images/pen_white.svg);
  background-size: 20px 20px;
  right: 10px;
}
.airRI-moreDetail {
  width: auto;
  background-color: rgba(51, 122, 183, 0.05);
  color: #115da1 !important;
  border: solid 1px #115da1;
  font-weight: bold;
  padding: 12px 0;
  font-size: 15px;
  width: 100%;
}
.js-priceDetail{
  margin-top: 20px;
}
table.air-pricePanel{
  width: 70%;
  margin: 0 0 30px auto;
}
.cardformFlex .cardform-body table.air-pricePanel{
  width: 100%;
}
table.air-pricePanel tr {
  border: 1px solid #d2d2d2;
  border-left: none;
  border-right: none;
}
table.air-pricePanel th,
table.air-pricePanel td {
  font-size: 13px;
  border: none;
}
table.air-pricePanel th {
  width: 40%;
  padding: 15px 10px;
}
table.air-pricePanel .toggle-title {
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
}
table.air-pricePanel .toggle {
  width: 30px;
  height: 30px;
  display:table-cell;
  vertical-align: middle;
}
table.air-pricePanel .toggle .toggle-close {
  display:block;
  width: 10px;
  height: 2px;
  margin: auto;
  background: #63666a;
}
table.air-pricePanel .toggle .toggle-open {
  display:block;
  width: 2px;
  height: 10px;
  margin:-6px auto;
  background: #63666a;
}
table.air-pricePanel .opt-child {
  display: none;
}
table.air-pricePanel .opt-child th{
  padding-left: 20px;
  font-weight: normal;
}
table.air-pricePanel .opt-fuel-tax-summary,
table.air-pricePanel .opt-room-summary {
  display:none;
}
table.air-pricePanel .opt-fuel-tax-summary th,
table.air-pricePanel .opt-room-summary th{
  padding-left: 20px;
  font-weight: normal;
}
table.air-pricePanel .opt-fuel-tax.opt-child,
table.air-pricePanel .opt-room.opt-child{
  background: #f7f5f0;
}
table.air-pricePanel .opt-on-site {
  color: #f9423a;
}
@media (min-width: 657px) {
  table.air-pricePanel .sp_br {
    display: none;
  }
}
@media (max-width: 657px) {
  table.air-pricePanel {
    width: 100%;
    margin: 10px auto;
    border: none;
  }
  table.air-pricePanel th,
  table.air-pricePanel td {
    display: table-cell;
    padding: 10px 0;
    font-size: 12px;
  }
  table.air-pricePanel .opt-child th,
  table.air-pricePanel .opt-child td{
    font-size: 11px;
  }
  table.air-pricePanel .opt-child th{
    padding-left: 10px;
  }
  table.air-pricePanel .opt-child td{
    padding-right: 10px;
  }
  table.air-pricePanel .opt-fuel-tax-summary th, table.air-pricePanel .opt-room-summary th{
    padding-left: 10px;
  }
}
table.air-pricePanel .air-pricePanelSum span{
  color: #f9423a;
  font-weight: bold;
  font-size: 20px;
}
table.air-pricePanel .before-goto-price{
  text-decoration: line-through;
}
.airRI-label {
  background:#63666a;
  color:white;
  padding: 15px 10px;
  width:100%;
  font-size: 14px;
  margin: 30px 0 15px;
}
.Bg_f7f5f0 .airRI-label{
  margin: 0;
}
.airRI-info {
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.airRI-info-sub-title {
  margin-bottom: 15px;
  padding: 5px;
  background: #ecf1f8;
  color: #115da1;
  border-radius: 50px;
}
.airRI-info dl{
  text-align: left;
}
.airRI-info dl dd{
  margin-bottom: 5px;
  padding: 2px 0;
}
.airRI-info dl dd span{
  color: #115da1;
  font-weight: bold;
  padding-left: 15px;
  position: relative;
  margin: 2px 0;
  display: inline-block;
}
.airRI-info dl dd span:before{
    content: '';
    width: 6px;
    height: 6px;
    background: #115da1;
    border-radius: 50%;
    display: inline-block;
    margin: auto 10px auto 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.airRI-info .airRI-infoSub{
  padding: 10px;
  border: solid 1px #d2d2d2;
  color: #0021AA;
}
.airTerms dl{
  padding: 20px;
  border: 1px solid #d2d2d2;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  max-height: 200px;
  font-size: 15px;
}
.airTerms dt{
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 10px;
}
.container .caution{
  font-size: 15px;
  font-weight: bold;
  color: #f9423a;
}
.container .caution:before{
  position: relative;
  margin-right: 10px;
  top: 0;
  left: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../../images/up_info.svg) no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-size: contain;
}
.container .text{
  padding-left: 20px;
  margin-left: 10px;
  border-left: 1px solid #d2d2d2;
  font-size: 13px;
}
.container .text li{
  margin-right: 10px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 16px;
}
.container .text li:before{
  content: '';
  width: 6px;
  height: 6px;
  background: #d2d2d2;
  border-radius: 50%;
  display: inline-block;
  margin: auto 10px auto 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.container .text + .caution{
  margin-top: 10px;
}
.container .caution + .text{
  margin-top: 10px;
}
.container .cautionMessage {
  color: #f9423a;
  font-weight: bold;
  margin-bottom: 10px;
}
.cancellationFeeTable {
  width: 80%;
}
.container .cancellationFeeTable_header {
  text-align: left;
}
.container .cancellationFeeTable_data {
  text-align: left;
}
.container .faqLink {
  color: blue;
}
.container .airlineCancellationFeeDetails_label {
  margin-top: 10px;
}
.container .airlineCancellationFeeDetails_link {
  color: blue;
}
.cancellationFeeClassification_table {
  width: 80%;
}
.container .airlineCancellationFeeDetails_tableHeader {
  text-align: left;
  font-weight: initial;
  padding: 0 10px;
  border: none;
}
.container .airlineCancellationFeeDetails_tableData {
  text-align: left;
  font-weight: bold;
  padding: 0 10px 0 0;
  border: none;
  color: #f9423a;
}
.container .cancellationFeeClassification_label {
  margin-top: 10px;
}
.container .cancellationFeeClassification_tableHeader {
  text-align: left;
}
.container .cancellationFeeClassification_tableData {
  text-align: left;
}
@media (max-width: 657px) {
  .cancellationFeeTable {
    width: 100%;
  }
  .container .cancellationFeeTable_header {
    display: table-cell;
    border: 1px solid #d2d2d2;
    white-space: nowrap;
  }
  .container .text .cancellationFeeTable .cancellationFeeTable_data {
    display: table-cell;
    border: 1px solid #d2d2d2;
    padding: 5px;
  }
  .container .airlineCancellationFeeDetails_table {
    border: none;
  }
  .container .airlineCancellationFeeDetails_tableHeader {
    display: table-cell;
  }
  .container .airlineCancellationFeeDetails_tableData {
    display: table-cell;
  }
  .container .cancellationFeeClassification_table {
    width: 100%;
  }
  .container .cancellationFeeClassification_tableHeader {
    display: table-cell;
    border: 1px solid #d2d2d2;
  }
  .container .text .cancellationFeeClassification_table .cancellationFeeClassification_tableData {
    display: table-cell;
    border: 1px solid #d2d2d2;
    padding: 5px;
  }
}
@media (max-width: 657px) {
  .airRI-info dl dd{
    font-size: 10px;
  }
  .cardform-inner .fs34{
    font-size: 24px !important;
  }
  .airRI-moreDetail {
    padding: 2px 4px ;
    font-size: 10px;
    margin-top: 5px;
  }
  .btn.airRI-more,
  .btn.airRI-blank,
  .airRC-info-btn,
  .airRC-flight-btn,
  .airRC-hotel-btn,
  .airRC-pen-btn{
    padding:10px 30px 10px 10px;
    font-size: 14px;
  }
  .airRI-blank:after,
  .airRC-info-btn:after
  .airRC-flight-btn:after,
  .airRC-hotel-btn:after,
  .airRC-pen-btn:after{
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
  .airTerms dl{
    padding: 10px;
    width: 100%;
  }
  .airTerms dt{
    font-size: 14px;
  }
  .airTerms dd{
    font-size: 10px;
  }
  .container .caution{
    font-size: 13px;
  }
  .container .caution:before{
    width: 15px;
    height: 15px;
  }
  .container .text{
    padding-left: 17.5px;
    margin-left: 7.5px;
    font-size: 10px;
  }
}

/* reservation/dp_input */
.airDI .cardform {
  border-radius: 0;
  border: 1px solid #c4c4c4;
  margin-top: -1px;
}
.airDI-btns {
  max-width: 450px;
  margin: 0 auto;
}
.airDI-btns-sub {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 657px) {
  .airDI .cardform {
    border-radius: 4px;
    border: 0;
  }
}

/* reservation_confirm_air */
.airRC-form + .airRC-form{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d2d2d2;
}
.airRC-form li span{
  font-size: 13px;
}
.airRC-form li .input-title {
  flex:0 0 30%;
}
.airRC-form li .input {
  font-size: 15px;
  font-weight: bold;
}
.airRC-info .cardform {
  border-radius: 0;
  border: 1px solid #c4c4c4;
  margin-top: -1px;
  position: relative;
}
.airRC-info .btn {
  width: 250px;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.airRC-payment .cardform {
  border-radius: 0;
  border: 1px solid #c4c4c4;
  margin-top: -1px;
  position: relative;
}
.airRC-payment .btn {
  width: 250px;
  position: absolute;
  right: 15px;
  bottom: 14px;
}
.airRC-confirm.btn {
  display: block;
  color: white;
  background: #f9423a;
  padding: 20px 0;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 870px) {
  .airRC-info .btn {
    position: static;
  }
  .airRC-payment .btn {
    position: static;
  }
}
@media (max-width: 657px) {
  .airRC-form li span{
  font-size: 10px;
  }
  .airRC-form li .input {
    font-size: 12px;
  }
  .airRC-info .cardform {
    border-radius: 4px;
    border: 0;
  }
  .airRC-payment .cardform {
    border-radius: 4px;
    border: 0;
  }
}

/*スクロールバーのレール*/
::-webkit-scrollbar-track {
  border-radius: 30px;
  background: #eee;
}
/*スクロールバーのつまみ*/
::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #81D4FA;
}

/* 代案画面用 */
.errorPage {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  background: #F7F5F0;
}

.errorPage .btn-bk-red {
  color: white;
}
.errorPage_container {
  padding: 40px;
}
.errorPage_box {
  margin-bottom: 30px;
}
.errorPage_boxTabs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  border: 2px solid #115da1;
  margin-bottom: -2px;
}
.errorPage_boxBody {
  background: white;
}

.errorPage_title-wide {
  background: #115da1;
  color: white;
  font-size: 19px;
  font-weight: bold;
  padding: 21px 0;
  text-align: center;
  position: relative;
}

.errorPage_title-wide:after {
  content: "";
  bottom: -9px;
  transform: rotate(45deg);
  left: 50%;
  position: absolute;
  background: #3578B7;
  width: 18px;
  height: 18px;
}

.errorPage_boxTabs .errorPage_boxTabItem {
  position: relative;
  background: #DDEDFA;
  font-size: 16px;
  font-weight: bold;
  border-color: #115da1;
  width: 100%;
  float: none;
  margin-bottom: 0;
}
.errorPage_boxTabs .errorPage_boxTabItem > a {
  padding: 20px 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: static;
  border: 0;
  color: rgba(51,122,183,.56);

}

.errorPage_boxTabs > .errorPage_boxTabItem.active > a, .errorPage_boxTabs > .errorPage_boxTabItem.active > a:hover, .errorPage_boxTabs > .errorPage_boxTabItem.active > a:focus {
  background: transparent;
  border: 0;
  margin :0;
}

.errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text > br {
  display: none;
}

.errorPage_boxTabs .errorPage_boxTabItem img {
  margin-right: 12px;
}

.errorPage_boxTabs .errorPage_boxTabItem img.is-white {
  display: none;
}

.errorPage_boxTabs .errorPage_boxTabItem > a:hover, .errorPage_boxTabs .errorPage_boxTabItem a:focus {
  background: transparent;
}

.errorPage_boxTabs .errorPage_boxTabItem + .errorPage_boxTabItem{
  border-left: 1px solid #115da1;
}

.errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text > small {
  font-size: 14px;
}
.errorPage_boxTabs .errorPage_boxTabItem.active {
  background: #115da1;
  color: white;
}
.errorPage_boxTabs .errorPage_boxTabItem.active img.is-white {
  display: block;
}

.errorPage_boxTabs .errorPage_boxTabItem.active img.is-colored {
  display: none;
}

.errorPage_boxBox-text1 {
  font-size: 14px;
}

.errorPage_banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 95px 0;
}
.errorPage_bannerImg {
  display: block;
  width: 130px;
}
.errorPage_bannerText {
    font-size: 24px;
    text-align: left;
    margin-left: 42px;
    line-height: 1.5;
    font-weight: bold;
}

.errorPage_bannerText .pc-hidden {
  display: none;
}

.errorPage_summary .errorPage_boxBody {
  border-top: 4px solid #115da1;
  padding: 15px 18px 20px;
}
.errorPage_summaryText1 > img {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  width: 16px;
}
.errorPage_summaryText1 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 13px;
}
.errorPage_summaryText2 {
  color: #555555;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 9px;
}
.errorPage_summaryText3 {
  font-size: 17px;
  font-weight: bold;
  margin: 0;
}

.errorPage_airST {
  border: 2px solid #115da1;
  padding: 20px 15px 10px;
}

.errorPage_airSTTypeText {
  font-weight: bold;
  color: #115da1;
  font-size: 14px;
  margin-right: 10px;
}

.errorPage_airSTPrice {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 13px;
}

.errorPage_airSTLine {
  margin: 10px 0;
  border-top: 1px solid #d2d2d2;
}
.errorPage_airST .airST-flight-content, .errorPage_airSTPrice {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.errorPage_airSTPrice-left {
  font-size: 10px;
}

.errorPage_airSTPrice-right {
  font-weight: bold;
  font-size: 14px;
  margin-right: 16px;
}
.errorPage_airSTPrice-right > strong {
  color: #F9423A;
  font-size: 20px;
  margin-right: 6px;
}
.errorPage_btnMoreDetail {
  display: block;
  position: relative;
  max-width: 320px;
  width: 100%;
  margin: 5px auto 20px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: white;
}

.errorPage_btnMoreDetail-showWhenOpen {
  display: none;
}

.errorPage_btnMoreDetail.is-open .errorPage_btnMoreDetail-showWhenOpen {
  display: inline;
}

.errorPage_btnMoreDetail-showWhenClose {
  display: inline;
}

.errorPage_btnMoreDetail.is-open .errorPage_btnMoreDetail-showWhenClose {
  display: none;
}

.errorPage_btnMoreDetail > img {
  position: absolute;
  right: 10px;
  top: calc(50% - 12px);
}

.errorPage_btnMoreDetail.is-open > img {
  transform: rotate(180deg);
}

.errorPage_btnSubmit {
  display: block;
  max-width: 360px;
  width: 100%;
  padding: 17px 0;
  font-size: 17px;
  margin: 20px auto 10px;
}

.errorPage_airSTPriceMoreDetail {
  font-size: 12px;
  font-weight: bold;
  color: #63666A;
  padding: 5px;
  border-color: #DDDDDD;
  background: white;
}

@media (max-width: 657px) {

  .errorPage_container {
    padding: 30px 15px;
  }

  .errorPage_banner {
    flex-direction: column;
    padding: 30px 0 29px;
  }

  .errorPage_bannerImg {
    width: 85px;
    margin-bottom: 15px;
  }

  .errorPage_bannerText {
    font-size: 17px;
    text-align: center;
    margin-left: 0;
  }

  .errorPage_bannerText .pc-hidden {
    display: inline;
  }

  .errorPage_title-wide {
    padding: 10px 0;
  }

  .errorPage_boxTabs .errorPage_boxTabItem {
    position: relative;
    background: #DDEDFA;
    color: rgba(51,122,183,.56);
    font-size: 16px;
    font-weight: bold;
    border-color: #115da1;
    width: 100%;
    padding-left: 8.5vw;
  }

  .errorPage_boxTabs .errorPage_boxTabItem > a {
    display: block;
    padding: 10px 0px 10px;

  }

  .errorPage_boxTabs .errorPage_boxTabItem .errorPage_boxTabItem-text > br {
    display: inline;
  }

  .errorPage_boxTabs .errorPage_boxTabItem img {
    position: absolute;
    left: 2vw;
    top: calc(50% - 8px);
  }
}

/* 代案画面検索パネル*/
.formControl[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  outline: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border: 3px solid #d2d2d2;
  border-radius: 50%;
}
.formControl[type=radio]:checked {
    background: url(../../images/alternative_page/ic_radio_checked.svg?v=1);
    border: 0;
    outline: 0;
}

.tourHotel_tripType {
  border-radius: 3px;
  overflow: hidden;
  margin: 15px 0;
}
.tourHotel_tripType > label {
  display: block;
  width: 100%;
  padding: 16px 0;
  text-align: center;
  font-size: 14px;
  border: 1px solid #d2d2d2;
  margin-right: -1px;
}
.tourHotel_tripType > label:last-child {
  margin-right: 0;
}
.tourHotel_tripType input[type=radio]:checked + label {
  background: #115da1;
  color: white;
}
.tourHotel_tripType input[type=radio] {
  appearance: none;
  -webkit-appearance: none;

  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}

.tourHotel_box {
  background: white;
  border-radius: 6px;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
}
.tourHotel_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  border: 1px solid #d2d2d2 !important;
  background: white;
  padding: 0 15px;
  height: 50px;
  box-shadow: inset 2px 2px 2px 2px rgba(51, 51, 51, 0.1);
}
.tourHotel_button[disabled] {
  background: #F7F5F0;
  opacity: 1;
}

.tourHotel_button[disabled] .tourHotel_buttonLabel > * {
  color: #ADA8A2;
 }
.tourHotel_buttonGroup {
  margin-top: 10px;
}
.tourHotel_buttonGroup .formControl[type=checkbox] {
  margin-right: 8px;
}
.tourHotel_buttonGroup.flex-row > * + * {
  margin-left: 10px;
}
.tourHotel_buttonGroup-transparentFormControl {
  position: relative;
}
.tourHotel_buttonGroup-transparentFormControl .form-control {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.tourHotel_button > img {
    margin-right: 8px;
}
.tourHotel_buttonLabel > small, .tourHotel_buttonLabel > * {
    display: block;
}
.tourHotel_buttonLabel > * {
    font-size: 14px;
    color: #333333;
    margin: 0;
    line-height: 1;
    text-align: left;
}
.tourHotel_buttonLabel > small {
    font-size: 10px;
    color: #999999;
    margin-bottom: 8px;
}
.tourHotel_button-red {
    display: block;
    margin-top: 17px;
    text-align: center;
    background: #F9423A;
    padding: 16px 0;
    color: white;
    width: 100%;
    font-weight: bold;
    font-size: 17px;
    position: relative;
}

.tourHotel_button-red > img {
    position: absolute;
    top: 26%;
    left: 18px;
}

@media (max-width: 657px) {
  .modal.modal-sp-fullscreen {
    background-color: #FFFFFF;
  }
  .modal.modal-sp-fullscreen .modal-dialog {
    margin: 0 auto;
    max-width: unset;
  }
  .modal.modal-sp-fullscreen .modal-content {
    border-radius: 0;
    border: 0;
    min-height: 100vh;
  }
}

.tourHotelPlaceModal .modal-dialog {
  max-width: 380px;
}
.tourHotelPlaceModal_topbar {
  width: 100%;
  height: 52px;
  box-shadow: 0 1px 4px #00000029;
}
.tourHotelPlaceModal_close {
  background: transparent;
}
.tourHotelPlaceModal_title {
  font-weight: bold;
  font-size: 21px;
  text-align: left;
}
.tourHotelPlaceModal_title > img {
	vertical-align: sub;
	margin-left: 10px;
}
.tourHotelPlaceModal_container {
  margin: 23px 10px;
}
.tourHotelPlaceModal_search {
  position: relative;
  width: 100%;
}

.tourHotelPlaceModal_search > img {
  position: absolute;
  left: 12px;
  top: 25%;
}
.tourHotelPlaceModal_search > input {
  width: 100%;
  padding: 10px 8px 8px 55px;
  border: 1px solid #115da1;
  border-radius: 1px;
  box-sizing: border-box;
  font-size: 14px;
}
.tourHotelPlaceModal_searchLabel {
  position: absolute;
  left: 55px;
  top: 8px;
  font-size: 10px;
  color: #999999;
}
.tourHotelPlaceModal_group + .tourHotelPlaceModal_group {
  margin-top: 20px;
}
.tourHotelPlaceModal_subTitle {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
}
.tourHotelPlaceModal_subTitle-center {
  text-align: center;
}
.tourHotelPlaceModal_close {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.tourHotelPlaceModal_close:focus {
  text-decoration: none;
}
.tourHotelPlaceModal_close > img {
  vertical-align: middle;
}
.tourHotelPlaceModal_tablist {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.tourHotelPlaceModal_tablist > li {
  width: 50%;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

.tourHotelPlaceModal_tablist > li > a {
  position: relative;
  color: #999999;
  border-radius: 0;
}
.tourHotelPlaceModal_tablist > li.active > a:hover,
.tourHotelPlaceModal_tablist > li.active > a:focus {
  opacity: 1;
}

.tourHotelPlaceModal_tablist > li.active > a:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f9423a;
}

.tourHotelPlaceModal_radioList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.tourHotelPlaceModal_radioList > li {
	position: relative;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 15px 6px 15px 25px;
	flex-basis: calc(50% - 16px);
	margin: 0 8px 9px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tourHotelPlaceModal_radioList >li:after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(../../images/alternative_page/ic_radio.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 11px;
	top: 35%;
}

.tourHotelPlaceModal_radioList > li.is-selected:after {
	background-image: url(../../images/alternative_page/ic_radio_checked.svg);
}

.tourHotelPlaceModal_prevBtn {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin-top: -5px;
}
.tourHotelPlaceModal_prevBtn .arrow {
  padding-left: 10px;
}
.tourHotelPlaceModal_prevBtn .arrow:after {
  border-right: 2px solid #737373;
  border-top: 2px solid #737373;
  height: 8px;
  left: 3px;
  width: 8px;
  -webkit-transform: rotate(224deg);
  transform: rotate(224deg);
}
.tourHotelDeparetureDateModal .modal-dialog{
  max-width: 750px;
}
.tourHotelPeopleModal .modal-dialog{
  max-width: 380px;
}

.tourHotelDepartureDate_datePicker {
  margin-top: 5px;
}

.tourHotelDepartureDate_datePicker .ui-datepicker {
  width: 100% !important;
  border: 0;
  box-shadow: none;
  position: relative;
}
.tourHotelDepartureDate_datePicker .ui-datepicker-group{
  padding-bottom: 26px;
}
.tourHotelDepartureDate_datePicker .ui-datepicker .ui-datepicker-prev {
  background-image: url(../../images/alternative_page/ic_arrow_left.svg);
  left: 12px;
}
.tourHotelDepartureDate_datePicker .ui-datepicker .ui-datepicker-next {
  background-image: url(../../images/alternative_page/ic_arrow_right.svg);
  right: 12px;
}
.tourHotelDepartureDate_datePicker .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 7px;
}
.tourHotelDepartureDate_datePicker .ui-datepicker .ui-datepicker-header {
  background: transparent;
  position: static;
}
.tourHotelDepartureDate_datePicker  .ui-datepicker .ui-datepicker-title {
  font-weight: bold;
  font-size: 17px;
  color: #333333;
}
.tourHotelDepartureDate_datePicker .ui-datepicker td,
.tourHotelDepartureDate_datePicker .ui-datepicker th {
  border: 1px solid #d2d2d2;
  padding: 2px;
}
.tourHotelDepartureDate_datePicker .ui-datepicker th span,
.tourHotelDepartureDate_datePicker .ui-datepicker td span,
.tourHotelDepartureDate_datePicker .ui-datepicker td a {
  border: 0;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 17px;
  font-weight: normal;
}
.tourHotelDepartureDate_datePicker .ui-datepicker td span,
.tourHotelDepartureDate_datePicker .ui-datepicker td a {
  color: #d2d2d2;
}
.tourHotelDepartureDate_datePicker .ui-datepicker-calendar td.selected > a {
  color: white;
}
.tourHotelDepartureDate_datePicker .ui-datepicker-calendar td.selected > a:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background: #F9423A;
  top: 0;
  left: calc(50% - 20px);
  border-radius: 50%;
  z-index: -1;
}
.tourHotelDepartureDate_datePicker .ui-datepicker-calendar td.selected > a,
.tourHotelDepartureDate_datePicker .ui-datepicker-calendar td.between > a {
  position: relative;
  z-index: 0;
}

.tourHotelDepartureDate_datePicker .ui-datepicker-calendar td.between > a:after {
  content: "";
  position: absolute;
  display: block;
  background: rgba(249,66,58,.1);
  width: calc(100% + 5px);
  left: -3px;
  top: calc(50% - 16px);
  height: 32px;
  z-index: -1;
}
.tourHotelDepartureDate_datePicker .ui-datepicker-calendar .ui-state-active {
  background: transparent;
}
@media (max-width: 657px) {
  .tourHotelDepartureDate_datePicker .ui-datepicker-group{
    width: 100%;
    float: none;
  }
}
.tourHotelDepartureDate_toolbar {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  background: white;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  border-top: 1px solid #d2d2d2;
  z-index: 5000;
}
.tourHotelDepartureDate_toolbar .tourHotel_button + .tourHotel_button {
  margin-left: 10px;
}
.tourHotelDepartureDate_toolbar .tourHotel_button-red {
  margin-top: 8px;
  padding: 14px 0;
}
.tourHotelPeople-adl,
.tourHotelPeople-chr,
.tourHotelPeople-bby {
  width: 92%;
  padding-top: 28px;
  padding-bottom: 18px;
  margin-left: 4%;
}

.tourHotelPeople-chr,
.tourHotelPeople-bby {
  padding-top: 37px;
}

.tourHotelPeople-chr {
  border-top: 1px solid #00000029;
}

.tourHotelPeople-gen {
  margin-right: 36%;
}

.tourHotelPeople-psn {
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.17px;
  color: #333333;
  margin-bottom: 10px;
}
.tourHotelPeople-age {
  text-align: left;
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #707070;
}

.tourHotelPeople-count {
  margin-left: auto;
}

.tourHotelPeople-dec {
  width: 32px;
  height: 32px;
  border: 1px solid #f9423a;
  font-size: 17px;
  letter-spacing: 0.17px;
  color: #f9423a;
  padding: 5px 10px 8px 7px;
}

.tourHotelPeople-num {
  width: 16px;
  height: 27px;
  text-align: center;
  font-size: 27px;
  letter-spacing: 0.27px;
  color: #333333;
  margin-left: 34px;
  margin-right: 27px;
  margin-top: 5px;
}

.tourHotelPeople-inc {
  width: 32px;
  height: 32px;
  background: #f9423a;
  font-size: 17px;
  letter-spacing: 0.17px;
  color: #ffffff;
  padding: 5px 7px 10px 8px;
}

.tourHotelPeople-info {
  width: 92%;
  text-align: left;
  letter-spacing: 0.12px;
  color: #333333;
  margin: 32px 0 20px;
  padding-left: 4%;
}

.tourHotelPeople-confirm {
  width: 100%;
  padding: 10px 15px;
  border: solid #d2d2d2;
  border-width: 1px 0;
  text-align: center;
  box-sizing: border-box;
}
.tourHotelPeople-confirm .tourHotel_button-red {
  margin: 0;
}
@media (max-width: 657px) {
  .tourHotelPeople-confirm {
    bottom: 0;
    left: 0;
    position: fixed;
  }
}
.tourHotel_multipleTrip .tourHotel_buttonGroup{
  display: flex;
  flex-direction: row;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButton {
	display: block;
	font-size: 14px;
	color: #707070;
	width: 100%;
	background: transparent;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButton > img {
	display: inline-block;
	vertical-align: middle;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButtonWrapper {
	flex: auto 0 0;
	margin: 0;
	width: 90px;
}

.tourHotel_multipleTrip .tourHotel_buttonGroup > .tourHotel_button:first-child {
	max-width: 330px;
	margin-right: 10px;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton {
	background-color: rgba(51,122,183,.8);
	font-size: 14px;
	max-width: 540px;
	width: 100%;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
}

.tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton > img {
	margin-right: 14px;
	width: 18px;
}

@media (max-width: 657px) {
	.tourHotel_multipleTrip .tourHotel_buttonGroup {
		flex-direction: column;
	}
	.tourHotel_multipleTrip .tourHotel_buttonGroup + .tourHotel_buttonGroup {
		border-top: 1px solid #DDDDDD;
		padding-top: 8px;
		margin-top: 8px;
	}
	.tourHotel_multipleTrip .tourHotel_multipleTrip_innerButtonGroup {
		margin-top: 10px;
	}
	.tourHotel_multipleTrip .tourHotel_multipleTrip_innerButtonGroup {
		margin-top: 8px;
	}

	.tourHotel_multipleTrip {
		background: #F7F5F0;
		padding: 1px 10px 10px;
		margin-bottom: 15px;
	}
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButton > img {
  display: inline-block;
  vertical-align: middle;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_deleteButtonWrapper {
  flex: auto 0 0;
  margin: 0;
  width: 90px;
}

.tourHotel_multipleTrip .tourHotel_buttonGroup > .tourHotel_button:first-child {
  max-width: 330px;
  margin-right: 10px;
}
.tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton {
  background-color: rgba(51,122,183,.8);
  font-size: 14px;
  max-width: 540px;
  width: 100%;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 12px 0;
  margin-top: 10px;
}

.tourHotel_multipleTrip .tourHotel_multipleTrip_appendButton > img {
  margin-right: 14px;
}

@media (max-width: 657px) {
	.tourHotel_multipleTrip .tourHotel_buttonGroup {
		flex-direction: column;
	}
}

/* .loadingDisc */
.loadingDisc {
  text-align: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(255,255,255,.9);
}
.loadingDisc > .d-flex {
  height: 100%;
}
.loadingDisc-relative {
  position: relative;
}
.loadingDisc-wrapper {
  margin-bottom: 11px;
}
.loadingDisc-disc {
  display: block;
  width: 14px;
  height: 14px;
  background: rgba(249,66,58,.4);
  border-radius: 50%;
  position: relative;
}
.loadingDisc-disc:first-child:after {
  content: "";
  position: absolute;
  background: #F9423A;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;

  -webkit-animation: loadingDisc-move 1s infinite; /* Safari 4.0 - 8.0 */
          animation: loadingDisc-move 1s infinite;

  -webkit-animation-timing-function: steps(1, end); /* Safari 4.0 - 8.0 */
      animation-timing-function: steps(1, end);

}
.loadingDisc-disc + .loadingDisc-disc {
  margin-left: 4px;
}
.loadingDisc-text {
  color: #F9423A;
  font-size: 14px;
  font-weight: bold;
}

@-webkit-keyframes loadingDisc-move {
    0% {left: 0px;}
   33% {left: 18px;}
   66% {left: 66px;}
  100% {left: 0px;}
}

@keyframes loadingDisc-move {
    0% {left: 0px;}
   33% {left: 18px;}
   66% {left: 36px;}
  100% {left: 0px;}
}

.alternative-pc-list-box {
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	border-radius: 5px;
	z-index: 9;
	color: #333333;
	font-size: 14px;
	border: 1px solid #dddddd;
	overflow-y: auto;
	height: 250px;
}
.alternative-pc-list-box a {
	background-color: #ffffff;
	display: block;
	padding: 9px 15px 4px 15px;
}
.alternative-pc-list-box a:hover {
	background-color: #efefef;
	text-decoration: none;
}
.alternative-pc-list-box a:link {
	text-decoration: none;
}
.alternative-pc-list-box a span:first-child {
	font-weight: bold;
}
.alternative-pc-list-box a span:last-child {
	display: block;
	font-size: 12px;
	color: #999999;
	padding-top: 3px;
}

/* reservation_input */
.tourRI_cardform .cardform-body {
  padding:30px;
}
.tourRI_cardform .tourRI_text.tourRI_text-strong {
  font-weight: bold;
}
.tourRI_cardform .tourRI_text {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 20px;
}
.tourRI_cardform .tourRI_flightInfo {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px;
}
.tourRI_cardform .tourRI_flightArrowImg {
  width: 18px;
  height: auto;
  padding: 0 10px;
  box-sizing: content-box;
}
.tourRI_cardform .tourRI_price {
  padding-right: 60px;
  text-align: right;
  line-height: 1.4;
}
.tourRI_cardform .tourRI_price > strong {
  font-size: 14px;
}
.tourRI_cardform .tourRI_price .default-Price_block > *:first-child {
  margin-right: 10px;
}
.tourRI_cardform .tourRI_price .goto-Price_block > *:first-child {
  margin-right: 10px;
}
.tourRI_cardform .tourRI_price strong .tourRI_price-red {
  color: #F9423A;
  font-size: 20px;
}
.tourRI_cardform .priceFooterArea {
  display: flex;
}
.tourRI_cardform .favBtnArea {
  display: inline-flex;
  margin: 0 0 0 auto;
}
.tourRI_cardform .favBtn {
  width: 250px;
  height: 40px;
  line-height: 1;
  padding: 12px 0px;
  color: rgb(249, 66, 58);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  border: 1px solid rgb(249, 66, 58);
  border-radius: 4px;
  border-image: initial;
  background: url(../../images/heart.svg) 95% 50% / 30px 24px no-repeat white;
}
.tourRI_cardform .favBtn:disabled {
  pointer-events: none;
  color: #63666a; 
  border-color: #d2d2d2;
  background-color: #d2d2d2;
}
.tourRI_cardform .favBtn.-registered {
  background-image: url(../../images/heart_on.svg);
  color: #63666a;
  border-color: #d2d2d2;
}
.tourRI_cardform_group_for_vp {
  display: flex;
  flex-wrap: wrap;
}
.tourRI_cardform_relative {
  position: relative;
}
.tourRI_cardform_group + .tourRI_cardform_group {
  border-top: 1px solid #d2d2d2;
  padding-top: 15px;
  margin-top: 20px;
}
.tourRI_cardform_group .fav_on {
  display: none;
  color: white;
  font-size: 12px;
  background: #f9423a;
  text-align: center;
  padding: 10px 20px;
  border-radius: 50px;
  width: 84px;
  box-sizing: content-box;
  position: absolute;
  top: -40px;
  left: 25%;
}
.tourRI_cardform_group .fav_on:after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f24b3a transparent transparent transparent;
}
.tourRI_cardform_group .fav_off {
  display: none;
  color: white;
  font-size: 12px;
  background: #63666a;
  text-align: center;
  padding: 10px 20px;
  border-radius: 50px;
  width: 84px;
  box-sizing: content-box;
  position: absolute;
  top: -40px;
  left: 25%;
}
.tourRI_cardform_group .fav_off:after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #63666a transparent transparent transparent;
}
.tourRI_moreDetail {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
  font-size: 12px;
  color: #63666A;
  border: 1px solid #DDDDDD;
  background: transparent;
  border-radius: 4px;
}
.tourRI_couponApply {
  display: block;
  right: 0;
  bottom: 0;
  font-weight: bold;
  font-size: 12px;
  color: #63666A;
  border: 1px solid #DDDDDD;
  background: transparent;
  border-radius: 4px;
  width: 100%;
}

@media (max-width: 657px) {
  .tourRI_cardform .tourRI_flightArrowImg{
    padding: 0;
    margin: 10px 0;
    transform: 45%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .tourRI_cardform .tourRI_flightInfo{
    flex-direction: column!important;
    align-items: baseline !important;
    font-size: 15px;
    margin: 0 0 10px;
  }
  .tourRI_cardform .tourRI_text{
    font-size: 13px;
    margin: 0;
    padding-bottom: 45px;
  }
  .tourRI_cardform .tourRI_price{
    padding: 0 0 45px;
    text-align: left;
  }
  .tourRI_cardform .cardform-body {
    padding:15px;
  }
  .tourRI_cardform_relative_for_vp {
    display: block;
    width: 100%;
  }
  .tourRI_moreDetail{
    width: 100%;
  }
  .tourRI_cardform_group .fs20{
    font-size: 15px !important;
  }
  .tourRI_cardform .footerArea {
    display: block;
  }
  .tourRI_cardform .favBtnArea {
    display: block;
    margin: 10px auto 0 auto;
    text-align: center;
    order: 1;
  }
  .tourRI_cardform .priceFooterArea {
    display: block;
  }
  .tourRI_cardform .favBtn:hover {
    opacity: 1;
  }
}

table.tourRI_normalTable {
  border: 0;
  display: table;
}
table.tourRI_normalTable tr > td, table.tourRI_normalTable tr > th {
  border: 0;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

table.tourRI_normalTable tr > td:first-child {
  padding-left: 0;
}

table.tourRI_normalTable .tourRI_blueText {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.75;
  color: #115da1;
}
table.tourRI_normalTable .tourRI_label, .tourRI_label {
  white-space: nowrap;
  /*font-size: 10px;*/
  font-weight: bold;
}
#airDetail_RES_GOING_SEGMENTPanel{
  line-height: 1.8;
}
#airDetail_RES_GOING_SEGMENTPanel ~ #airDetail_RES_GOING_SEGMENTPanel{
  margin-top: 20px;
}
/*.tourRI_flightStep, .tourRI_flightRoot {
  padding: 7px 10px;
}*/
.tourRI_flightStep {
  padding-right:  30px;
}
.tourRI_flightStep .tourRI_label{
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 5px;
}
.tourRI_flightRoot .tourRI_flightDetails {
  position: relative;
}
.tourRI_flightDetails ~ .tourRI_flightDetails{
  padding-top: 30px;
}
.tourRI_flightRoot .tourRI_flightDetails:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -30px;
  border: 10px solid transparent;
  border-top: 10px solid #f9423a;
}
.tourRI_flightRoot .tourRI_flightDetails:last-child:after {
  display: none;
}
.tourRI_detailWrap {
  display: flex;
}
@media (max-width: 657px) {
  .tourRI_flightStep{
    padding-right: 20px;
  }
  .tourRI_detailWrap {
    /*flex-direction: column-reverse;*/
    flex-wrap: wrap;
  }
  #airDetail_RES_GOING_SEGMENTPanel{
    line-height: 1.3;
  }
  .js-tourRI-flight,
  .js-tourRI-hotel{
    margin-top: 20px;
  }
  table.tourRI_normalTable tr > td:first-child{
    padding: 0;
    padding-right: 20px;
  }
  table.tourRI_normalTable tr > td:first-child span{
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 5px;
  }
}
.tourRI_detailText {
  font-size: 13px;
  font-weight: bold;
}
@media (min-width: 658px) {
  table.tourRI_normalTable tr > td, table.tourRI_normalTable tr > th {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  table.tourRI_normalTable .tourRI_label, .tourRI_label {
    font-size: 13px;
    font-weight: bold;
  }
}
.tourRI_flightDetails_caution {
  margin-top: 5px;
  padding: 5px;
  font-weight: bold;
  color: #F9423A;
  border: 1px solid #F9423A;
}
.tourRI_flightDetails_caution.air-landing {
  margin: 0 10px;
}
/* ご予約の確認事項用ボタン */
.alert-danger-btn {
  display: inline-block;
  width: 100%;
  padding:10px 15px;
  text-align: left;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: white;
  border: none;
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
}
.alert-danger-btn.reservation{
  background-color: #ffd1cf;
}
.alert.bar_title{
  padding: 0;
}
.alert-danger-btn h5{
  position: relative;
  display: inline-block;
  padding: 0 30px 0 0;
}
.alert-danger-btn h5:after {
  content: "";
  position: absolute;
  right: 5px;
  font-size: 15px;
  border-right: 2px solid #f9423a;
  border-top: 2px solid #f9423a;
  height: 8px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 8px;
  margin: auto;
  top: 0;
  bottom: 0;
}
.alert-danger-btn.show h5:after {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
/*注意事項のアコーディオンバー*/
@media (min-width: 768px) {
  /*pcのみ*/
  .pdt0-add01{
    padding: 0px 40px !important;
  }
  .bar_title .alert-danger-btn.show h5.font-size01:after{
    top: 15%;
  }
  .bar_title h5.font-size01{
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  /*spのみ*/
  .bar_title h5.font-size01{
    font-size: 17px;
  }
}
/* END ご予約の確認事項用ボタン */

/* 新型コロナウイルス(COVID-19)に関するご案内ボタン */
.alert-guidance-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  color: #f9423a;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  border: solid 1px;
}
.alert-guidance-btn h5{
  margin-right: 40px;
}
.alert-guidance-details {
  display: flex;
  align-items: flex-end;
}
.alert-guidance-btn.reservation {
  background-color: #ffd1cf;
}
@media (max-width: 657px) {
  .alert-guidance-details{
    font-size: 0;
  }
  .alert-guidance-details::before {
    font-size: 12px;
    content: "";
  }
  .alert-guidance-details i {
    position: absolute;
    top: 33%;
    right: 10px;
    left: auto;
    color: #f9423a;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .alert-guidance-btn h5{
    margin-right:0;
  }
}
@media (min-width: 658px) {
  .alert-guidance-btn .sp_br,
  .modal-content .sp_br {
    display: none;
  }
}
/* END 新型コロナウイルス(武漢肺炎)に関するご案内ボタン */

/* 料金違いの警告文 */
.alert-guidance {
  padding: 10px;
  display: flex;
  align-items: center;
  color: #F9423A;
}
/* END 料金違いの警告文 */

/* reservation_confirm */
.airRC-tourHotel-blueText {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.75;
  color: #115da1;
}
.airRC-tourHotel-label {
  font-size: 13px;
  font-weight: bold;
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 5px;
}
.airRC-tourHotel-hr {
  margin: 10px 0;
  border-top: none;
}
table.airRC-tourHotel-normalTable {
  border: 0;
  display: table;
  margin-top: 10px;
}
table.airRC-tourHotel-normalTable tr > td, table.airRC-tourHotel-normalTable tr > th {
border: 0;
display: table-cell;
text-align: left;
vertical-align: top;
}
table.airRC-tourHotel-normalTable tr > td:first-child {
  padding-right: 30px;
  height: 35px;
}
.airRC-tourHotel-m20 {
display: block;
margin-top: 20px;
}
.airRC-tourHotel-sphidden {
display: none;
}
.airRC-requestText {
  font-weight: normal;
  color: #115da1;
  font-size: 12px;
  line-height: 1.7;
}
.airRC-commentText {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
}
.container table.notice-hotel th,
.container table.notice-hotel td{
  display: table-cell;
}
.container table.notice-hotel td.hotel-name{
  text-align: left;
}
.container table.notice-hotel td.hotel-name br.sp{
  display: inline;
}
@media (min-width: 658px) {
  table.airRC-tourHotel-normalTable tr > td, table.airRC-tourHotel-normalTable tr > th {
    padding: 0;
  }
  .airRC-requestText {
    font-size: 15px;
  }
  .container table.notice-hotel td.hotel-name br.sp{
    display: none;
  }
}
@media (max-width: 657px) {
  table.airRC-tourHotel-normalTable tr > td, table.airRC-tourHotel-normalTable tr > th {
    padding:0;
    min-width: 70px;
  }
}

/* tour_hotel/select_ticket */
.airST_selectHotelModal .modal-dialog {
  max-width: 840px;
}
.airST_selectHotelModal_condition-title {
  height: 54px;
  padding-left: calc(17 / 375 * 100%);
  font-size: 21px;
  line-height: 54px;
  font-weight: bold;
  letter-spacing: 0.21px;
  border-bottom: solid 1px #00000029;
  background: white;
  align-items: center;
  position: relative;
}

.airST_selectHotelModal_condition-title button {
  height: 54px;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
}

.airST_selectHotelModal_condition-choice {
  padding: 14px calc(15 / 375 * 100%) 17.84px;
  background: #f7f7f7;
}

.airST_selectHotelModal_result-condition {
  background: #fff;
  height: 94px;
  box-shadow: 0px 3px 6px #00000029;
  border: solid 2px #f9423a;
  border-radius: 4px;
  padding: 14px 0 17px 4%;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.airST_selectHotelModal_result-checkin {
  margin-right: 13%;
}

.airST_selectHotelModal_result-people {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-basis: 100%;
  align-items: center;
}

.airST_selectHotelModal_result-checkin h4,
.airST_selectHotelModal_result-checkout h4,
.airST_selectHotelModal_result-people h4 {
  font-size: 10px;
  letter-spacing: 0.1px;
  margin: 0;
}

.airST_selectHotelModal_result-checkin h4,
.airST_selectHotelModal_result-checkout h4 {
  margin-bottom: 8px;
}

.airST_selectHotelModal_result-checkin-date,
.airST_selectHotelModal_result-checkout-date,
.airST_selectHotelModal_result-people-cnt {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 0.14px;
}

.airST_selectHotelModal_result-people-cnt {
  margin-left: 5%;
}

.airST_selectHotelModal_date {
  margin-top: 25px;
  margin-bottom: 15px;
}

.airST_selectHotelModal_checkin,
.airST_selectHotelModal_checkout {
  position: relative;
  background: #fff;
}
.airST_selectHotelModal_checkin span,
.airST_selectHotelModal_checkout span {
  position: absolute;
  top: 8px;
  left: calc(28 / 375 * 100%);
  left: 24px;
  font-size: 10px;
  letter-spacing: 0;
  color: #999999;
}

.airST_selectHotelModal_checkin {
  margin-bottom: 11px;
}

.airST_selectHotelModal_checkin input[type="text"],
.airST_selectHotelModal_checkout input[type="text"] {
  position: relative;
  padding-left: 24px;
  padding-top: 14px;
  font: 14px Arial;
}

/* 矢印 => 広げる  上下ボタン、Xボタン => 削除  */
.airST_selectHotelModal_date input[type="date"] {
  position: relative;
  padding-left: 24px;
  padding-top: 14px;
  font: 14px Arial;
}

.airST_selectHotelModal_date input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.airST_selectHotelModal_date input[type="date"]::-webkit-inner-spin-button,
.airST_selectHotelModal_date input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}

.airST_selectHotelModal_date input[type="date"]::-webkit-datetime-edit-year-field　 {
  font-size: 3px;
}

.airST_selectHotelModal_date input {
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  background: #fff url("/ota/common/images/ic_calendar.svg") no-repeat;
  background-position: right 14px top 12px;
}

.airST_selectHotelModal_room-count label,
.airST_selectHotelModal_people-num label{
  display: block;
}

.airST_selectHotelModal_room-count label {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.17px;
}

.airST_selectHotelModal_room-count select,
.airST_selectHotelModal_people-num select {
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  width: 100%;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.airST_selectHotelModal_room-count select,
.airST_selectHotelModal_people-num select {
  padding-left: 20px;
  background: #fff url("/ota/common/images/ic_dropdown.svg") no-repeat;
  background-position: right 21.6px top 50%;
}

.airST_selectHotelModal_people-count-title {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.17px;
  margin: 20px 0 15px;
}

.airST_selectHotelModal_room-num {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.14px;
  margin: 10px 0;
}

.airST_selectHotelModal_people-num {
  margin-bottom: 8px;
}
.airST_selectHotelModal_people-num.airST_selectHotelModal_children-num {
  flex-wrap: wrap;
  margin: -10px -10px 18px;
}
.airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group {
  max-width: 120px;
  flex: calc(33% - 20px) 0 0;
}
.airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group,
.airST_selectHotelModal_people-num.airST_selectHotelModal_children-num .airST_selectHotelModal_people-group + .airST_selectHotelModal_people-group {
  margin: 10px;
}
.airST_selectHotelModal label {
  margin-bottom: 5px;
}

.airST_selectHotelModal_people-group > label {
  font-weight: bold;
  font-size: 13px;
}

.airST_selectHotelModal_people-group > label > small {
  font-size: 10px;
  font-weight: normal;
}

.airST_selectHotelModal_people-group {
  max-width: 160px;
  width: 100%;
}

.airST_selectHotelModal_people-group + .airST_selectHotelModal_people-group {
  margin-left: 20px;
}

.airST_selectHotelModal_hotelNameOpt > label > small {
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-left: 4px;
  font-size: 10px;
  line-height: 20px;
  background: #dddddd;
  border-radius: 4px;
  text-align: center;
}

.airST_selectHotelModal_room {
  margin-bottom: 28px;
}

.airST_selectHotelModal_hotelNameOpt > input {
  width: 100%;
  height: 50px;
  padding-left: 24px;
  background: #ffffff;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  font-size: 14px;
}

.airST_selectHotelModal_seach-hotel {
  height: 48px;
  width: 100%;
  margin-top: 19px;
  color: #fff;
  background: #f5423b;
  border-radius: 4px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.17px;
}

.airST_selectHotelModal_notes {
  margin-top: 46px;
  font-size: 12px;
  line-height: 26px;
  letter-spacing: 0.12px;
  color: #333333;
}

@media (min-width: 658px) {
  .airST_selectHotelModal_date {
    display: flex;
    flex-direction: row;
  }

  .airST_selectHotelModal_date > * {
    width: 100%;
    margin-bottom: 0;
  }

  .airST_selectHotelModal_date > * + * {
    margin-left: 35px;
  }

  .airST_selectHotelModal_result-condition {
    height: 68px;
  }

  .airST_selectHotelModal_result-condition h4 {
    margin-bottom: 8px;
  }

  .airST_selectHotelModal_result-checkin {
    margin-right: 20px;
  }

  .airST_selectHotelModal_result-people {
    margin-left: 34px;
    display: block;
    flex-basis: auto;
  }

  .airST_selectHotelModal_result-people-cnt {
    margin-left: 0;
  }

  .airST_selectHotelModal_seach-hotel {
    display: block;
    width: 327px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 657px) {
  .sp_bg_white {
    background: #FFFFFF;
  }
  .sp_bg_white .alert-guidance-btn {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
  }
}

.tourHotel_formWrapper .go_dpLink {
  padding : 15px 0px 10px;
  font-size : 16px;
  font-weight : bold;
  text-align: center;
  line-height : 22px;
}
@media (min-width: 658px) {
  .tourHotel_formWrapper .go_dpLink {
    width: 65%;
    margin-left: auto;
  }
}

@media (min-width: 657px) {
  .airSelect_temp01 .btn-blue-outline.airasia {
      bottom: 58px;
  }
}
.alert-guidance-btn.reservation.select-ticket {
  padding: 5px 10px;
}

.alert-guidance-btn.top {
  color: #f9423a;
  background-color: #ffffff;
  border-left: 3px solid #f9423a;
}

@media (min-width: 657px) {
  .airSelect_temp01 .airST-flight-content .airST-flight-schedule.code {
    align-items: center;
  }
  .airSelect_temp01 .airST-flight-content .airST-flight-schedule .airST-flight-value {
    width: auto;
    margin-right: 10px;
  }
}
.airST-flight-Supplement{
  font-size: 12px;
  padding-left: 30px;
}
@media (max-width: 657px){
  .airST-flight-Supplement{
    font-size: 10px;
    padding-left: 0;
    margin-top: 10px;
  }
}
.airST-codeshare {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  padding: 5px;
  padding-right: 17px;
  font-weight: bold;
  color: #115da1 !important;
  background-color: #ECF1F8;
  border: 1px solid #cccccc;
}
@media (max-width: 357px) {
  .airST-codeshare {
	  margin-bottom: 5px;
  }
}
.airST-codeshare:before {
  display: inline-block;
  content: "\f08e";
  position: absolute;
  top: 0;
  right: 5px;
  font-family: 'FontAwesome';
  font-size: 10px;
  font-weight: 400;
  color: #115da1;
}
.airST-codeshare:hover {
  text-decoration: none;
  opacity: 0.7;
}
.airST-checkedBaggage {
  position: relative;
  display: inline-block;
  padding: 5px 30px 5px 10px;
  font-weight: bold;
  color: white;
  background-color:#00bfa5;
  cursor: pointer;
  border-radius: 100px;
  min-width: 148px;
}
.airST-checkedBaggage:before {
  display: inline-block;
  content: "\f075";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: 'FontAwesome';
  font-size: 15px;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble {
  width: 200%;
	position: absolute;
	z-index: 1;
	top: 60px;
  left: 0;
	color: #333333;
  background-color: #fff;
  border-radius: 6px;
  filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.2));
  visibility: hidden;
	opacity: 0;
  transition: opacity .5s;
}
@media (max-width: 656px) {
  .airST-checkedBaggage .airST-checkedBaggage-speechBubble {
    top: 40px;
    left: -25%;
  }
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble h5 {
  padding: 15px 10px;
  font-size: 13px;
  background-color: #d2d2d2;
  border-radius: 6px 6px 0 0;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble h5::after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -15px;
	content: '';
	border: 15px solid transparent;
	border-bottom-color: #d2d2d2;
  transform: scaleY(1.5);
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble table {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  border: none;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble tr,
.airST-checkedBaggage .airST-checkedBaggage-speechBubble p {
  border: 1px solid #d2d2d2;
  border-top: none;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble th,
.airST-checkedBaggage .airST-checkedBaggage-speechBubble td {
  display: table-cell;
  padding: 10px;
  text-align: left;
  border: none;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble th{
  font-size: 13px;
  font-weight: bold;
  width: 60px;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble td span {
  font-weight: bold;
  color: #F9423A;
}
.airST-checkedBaggage .airST-checkedBaggage-speechBubble p {
  padding: 10px;
  font-weight: 500;
  border-radius: 0 0 6px 6px;
}
.airST-checkedBaggage:hover .airST-checkedBaggage-speechBubble {
	visibility: visible;
	opacity: 1;
}

.airSelect_temp01 .airST-flight-content .airST-flight-schedule.details {
  justify-content: center;
  align-items: start;
}

@media (max-width: 656px) {
  .airST-item-btns.airasia {
      padding: 0 10px;
      margin: 0 0 10px;
  }
}

.alert-guidance {
  padding: 10px;
  display: flex;
  align-items: center;
  color: #F9423A;
}
.alert-guidance .air-landing {
  padding: 5px;
  justify-content: center;
}
@media (max-width: 657px) {
  .container .terms-flights,
  .container .terms-hotels {
    border: none;
  }
}
.container .terms-flights th,
.container .terms-hotels th {
  background-color: #f5f5f5;
  border: 1px solid #d2d2d2;
}
@media (min-width: 658px) {
  .container .terms-flights th,
  .container .terms-hotels th {
    width: 40%;
  }
}
@media (max-width: 657px) {
  .container .terms-flights th,
  .container .terms-hotels th {
    padding: 10px 5px;
    border-bottom: none;
  }
}
.container .terms-flights td,
.container .terms-hotels td {
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
}
@media (max-width: 657px) {
  .container .terms-flights td,
  .container .terms-hotels td {
    padding: 10px 5px;
    border-bottom: none;
  }
  .container .terms-flights tr:last-child td:last-child,
  .container .terms-hotels tr:last-child td:last-child {
    border-bottom: 1px solid #d2d2d2;
  }
}
.container .terms-hotels thead th {
  border: none;
  background-color: transparent;
}
@media (min-width: 658px) {
  .container .terms-hotels thead th {
    width: 100%;
  }
}
.btn-bk-blue {
  background-color:#4183c4;color:#ffffff;
}
.btn-bk-gray {
  background-color:#63666A;color:#ffffff;
}
button.set-discount:before{
  display: flex;
  align-items: center;
  justify-content: center;
  content: "セット割";
  font-size: 12px;
  font-weight: bold;
  background-color:#00bfa5;
  color:white;
  position: absolute;
  left:-5px;
  top:-5px;
  width: 60px;
  height: 20px;
}
button.set-discount:after{
  content: " ";
  position: absolute;
  top: 15px;
  left: -5px;
  border-bottom: solid 4px transparent;
  border-right: solid 5px #1b8e7b;
}

.airRI-more.filter-facility {
  margin: 5px 0;
  padding: 5px;
  font-size: 15px;
  text-align: center;
  color: #115da1;
  background-color: #ecf1f8;
  border-radius: 50px;
}

/* inc_hotel_list pagination */
.pager {
  display:flex;
  justify-content: center;
}
.paging_list li:not(.pager_location) {
  display: inline-block;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}
.pager_before li,
.pager_after li {
  width: 45px;
  height: 35px;
  padding: 2px 15px;
  font-size: 22px;
}
.pager_before li:last-child,
.pager_after li:last-child {
  margin-left: 5px;
}
.pager_before li.noLink,
.pager_after li.noLink {
  cursor: default;
  background-color: #f7f5f0;
}
@media (min-width: 658px){
  .pager_list_pc {
    margin: 0 10px;
    display: flex;
  }
  .pager_list_pc li {
    width: 35px;
    height: 35px;
    padding: 11px;
  }
  .pager_list_pc li + li {
    margin-left: 5px;
  }
  .pager_list_pc li.active {
    cursor: default;
    background-color: #e7e7e7;
    border: none;
  }
  .pager_list_sp {
    display: none;
  }
}
@media (max-width: 657px){
  .pager {
    width: calc(345 / 375 * 100%);
    margin: 15px auto;
    justify-content: space-between;
  }
  .pager_list_pc {
    display: none;
  }
  .pager_list_sp {
    margin: auto;
    font-size: 14px;
  }
}


.info_caution{
  content: "";
  background:url('/images/common/up_info.svg') no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}


@media (max-width: 657px){
  .info_caution{
    width: 15px;
    height: 15px;
  }
}

.alert-danger{
  background-color: #ffffff;
  color: #f9423a;
  border: solid 1px;
  padding: 0;
  margin: 0;
}
.alert + .alert{
  margin-top: 10px;
}

.alert-inner{
  padding: 15px 15px 30px;
  line-height: 1.5;
  font-size: 13px;
}

.label{
  border-radius: 100px;
}

.airST-cover.border {
  border: 1px solid #115da1;
  background-color: #fff;
  margin-bottom: 10px;
  position: relative;
  display: block;
}

.airST-cover.border .airST-cover-box {
  font-weight: bold;
  color: #333;
}

.airST-cover.border .btn {
  background-color: #115da1;
  color: #fff;
  font-weight: bold;
}

.airST-cover.border .btn::after {
  background-color: #115da1;
  color: #fff;
  background: url(../../images/pen_white.svg);
}
.airST-cover.border .btn1 {
  background-color: #115da1;
  color: #fff;
  font-weight: bold;
}


@media (max-width: 657px){
  .airST-cover.border {
    margin-right: 15px;
    margin-left: 15px;
  }

  .airST-cover.border .btn::after {
        background-size: 15px 15px;
  }
}

.step_list {
  display: flex;
  margin: 10px -15px 15px;
}

.step_list li {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 20%;
  background: #f7f5f0;
  padding: 9px 0 8px 17px;
  font-size: 14px;
  text-align: center;
}

.step_list li + li {
  margin-left: 3px;
}

.step_list li:last-child {
  padding-right: 20px;
}

.step_list li::before, .step_list li::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 15px;
}

.step_list li::before {
  left: 0;
  z-index: 1;
  border-color: transparent transparent transparent #fff;
}

.step_list li::after {
  right: -15px;
  z-index: 2;
  border-color: transparent transparent transparent #f7f5f0;
}

.step_list li:first-child::before {
  display: none;
}

.step_list li:last-child::after {
  display: none;
}

.step_list li[aria-current="step"] {
  background-color: #f9423a;
  color: #fff;
  font-weight: bold;
}

.step_list li[aria-current="step"]::after {
  border-color: transparent transparent transparent #f9423a;
}

@media (max-width: 657px) {
  .step_list {
    margin-right: 0;
    margin-left: 0;
  }

  .step_list li {
    padding: 6px 6px 4px 11px;
    line-height: 1.1;
    font-size: 11px;
    font-weight: bold;
  }

  .step_list li:first-child {
    padding-left: 5px;
    padding-right: 0;
  }
  .step_list li:last-child {
    padding-right: 5px;
  }

  .step_list li::before, .step_list li::after {
    border-width: 17px 0 17px 6px;
  }

  .step_list li::after {
    right: -6px;
  }
}

  .airST-cover .airST-cover-box + .airST-cover-box{
    margin-top: 10px;
  }

  .airST-cover-detail {
    width: auto;
    position: absolute;
    z-index: 2;
    top: calc(100% + 20px);
    color: #333;
    background-color: #fff;
    border-radius: 6px;
    -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2));
    filter: drop-shadow(5px 5px 3px rgba(0,0,0,.2));
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
  }

  @media (max-width: 657px) {
    .airST-cover-detail {
      width: 95%;
    }
  }

  .airST-cover-detail h5 {
    padding: 15px 10px;
    font-size: 13px;
    background-color: #dedfdf;
    border-radius: 6px 6px 0 0;
  }

  .airST-cover-detail p {
    padding: 10px;
    font-weight: 500;
  }

  .airST-cover-detail h5::after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -15px;
    content: "";
    border: 15px solid rgba(0,0,0,0);
    border-bottom-color: #dedfdf;
    -webkit-transform: scaleY(1.5);
    -ms-transform: scaleY(1.5);
    transform: scaleY(1.5);
  }

  .airST-cover:hover .airST-cover-detail {
    visibility: visible;
    opacity: 1;
  }


.d-flex.inner-flex {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.d-flex.inner-flex .hotelFixBar_title {
  max-width: 200px;
  width: 34%;
  padding-top: 4.5px;
  padding-right: calc(14 / 375 * 100%);
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}

@media screen and (min-width: 657px) {
  .d-flex.inner-flex .hotelFixBar_title {
    font-size: 18px;
  }
}


  #pagetop {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-indent: 100%;
    white-space: nowrap;
    font-size: 0;
    z-index: 10000;
    border-radius: 50px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          -webkit-transform: translateZ(0);
          -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  }

  #pagetop a {
    width: 60px;
    height: 60px;
    background-color: rgba(88, 88, 88, 0.8);
    display: block;
  }

  #pagetop a:hover {
    background-color: #999;
  }

  #pagetop a:after {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 0px;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
  }

  #pagetop a:hover:after {
    top: 42%;
  }

  @media (max-width: 640px) {
    #pagetop {
      display: none;
    }
  }
@media screen and (max-width: 657px){
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.airST-conditional_pc.renew,
.airST-conditional_sp.renew {
  align-self: flex-start;
  border: 1px solid #d2d2d2;
  padding: 15px 25px;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-card,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-card {
  padding: 10px 0;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-card:last-of-type,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-card:last-of-type {
  padding-bottom: 0;
  border: 0;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-title,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-title {
  font-size: 18px;
  font-weight: bold;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-detail,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-detail {
  font-size: 13px;
  color: #666;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title {
  margin: 0;
  font-weight: bold;
  font-size: 13px;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: none;
  padding: 0;
  text-align: left;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button::after,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button::after {
  content: "";
  position: absolute;
  margin: auto;
  right: 2px;
  top: -2px;
  bottom: 0;
  border-right: 2px solid #707070;
  border-top: 2px solid #707070;
  height: 8px;
  transform: rotate(135deg);
  width: 8px;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button.show,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button.show {
  margin-bottom: 10px;
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-title button.show::after,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-title button.show::after {
  transform: rotate(-45deg);
}

.airST-conditional_pc.renew .airST-conditional-list .airST-conditional-search-parts-input,
.airST-conditional_sp.renew .airST-conditional-list .airST-conditional-search-parts-input {
  border: 1px solid #ccc;
  padding: 6px;
  width: 100%;
  box-sizing: border-box;
}

.airST-conditional_pc.renew .airST-conditional-card label,
.airST-conditional_sp.renew .airST-conditional-card label {
  font-size: 13px;
  padding: 7px 0 7px 30px;
}

.airST-conditional_pc.renew .form-control,
.airST-conditional_sp.renew .form-control {
  font-size: 13px;
  border-radius: 0;
}

.airST-conditional_pc.renew .airST-conditional-card input[type="checkbox"] + label::before,
.airST-conditional_sp.renew .airST-conditional-card input[type="checkbox"] + label::before {
  background: url(../../images/hotel/check_renew_off.svg);
  top: 50%;
  margin-top: -12px;
}

.airST-conditional_pc.renew .airST-conditional-card input[type="checkbox"]:checked + label::before,
.airST-conditional_sp.renew .airST-conditional-card input[type="checkbox"]:checked + label::before {
  background: url(../../images/hotel/check_renew_on.svg);
}

.tourHotelSelectHotel_header .tourHotelSelectHotel_icontext {
  font-size: 14px!important;
  padding: 0;
  border: 0;
}
.tourHotelSelectHotel_header .tourHotelSelectHotel_icontext img {
  vertical-align: text-bottom;
  margin-right: 5px;
}

.airST-filter {
  margin-top: 14px;
  margin-bottom: -3px;
}

.airST-filter .airST-filter-all {
  position: relative;
  padding-right: 0;
  padding-left: 13px;
  margin-bottom: 8px;
  color: #347AB0;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  background-color: #fff;
}
.airST-filter .airST-filter-all::before, .airST-filter .airST-filter-all::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 3px;
  width: 2px;
  height: 12px;
  background-color: #347AB0;
  border-radius: 2px;
}

.airST-filter .airST-filter-all::before {
  transform: rotate(45deg);
}

.airST-filter .airST-filter-all::after {
  transform: rotate(135deg);
}

.airST-filter .airST-filter-all:hover {
  opacity: 1;
  text-decoration: underline;
}

.airST-filter .airST-filter-list {
  border-top: dashed 1px #d2d2d2;
  padding-top: 8px;
}

.airST-filter .airST-filter-list-item {
  display: inline-block;
  margin-bottom: 4px;
}

.airST-filter .airST-filter-list-item button {
  display: block;
  position: relative;
  padding: 3px 11px 4px 25px;
  border-right: 0;
  background-color: #fff;
  border-radius: 2em;
  border: solid 1px #347AB0;
  color: #347AB0;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 188px;
}

.airST-filter .airST-filter-list-item button::before, .airST-filter .airST-filter-list-item button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 12px;
  width: 2px;
  height: 12px;
  margin-top: -7px;
  background-color: #347AB0;
  border-radius: 2px;
}
.airST-filter .airST-filter-list-item button::before {
  transform: rotate(45deg);
}
.airST-filter .airST-filter-list-item button::after {
  transform: rotate(135deg);
}

.airST-filter .airST-filter-list-item button:hover {
  opacity: 1;
  text-decoration: underline;
}

/* 何らかの処理により非表示になるため強勢的に表示 */
//.id_filter {
//  display: block!important;
//}

/* ラジオボタン */
#under18Attention input[type="radio"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
#under18Attention input[type="radio"] + label{
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 25px;
  margin: 0 10px 0 0;
  cursor: pointer;
  min-width: 14px;
}
#under18Attention input[type="radio"] + label:before{
  position: absolute;
  content: '';
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid #d2d2d2;
  border-radius: 100%;
  box-shadow: inset 2px 2px 2px 2px rgb(51 51 51 / 10%);
}
#under18Attention input[type="radio"]:checked + label:before {
    border: 1px solid #f9423a;
}
#under18Attention input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    margin: auto;
    bottom: 0;
    top: 0;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #f9423a;
    border-radius: 100%;
}

/* 必須入力ラベル */
#under18Attention .required,
#under18Attention .label{
  font-size: 13px;
  background: #f9423a;
  color: white;
  border-radius: 100px;
  width: 50px;
  height: 25px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding: 0;
}
@media (max-width: 657px) {
  #under18Attention .required,
  #under18Attention .label{
    font-size: 12px;
    width: 40px;
    height: 20px;
  }
}

/* 重要確認事項　親権者の同意確認 */
#under18Attention .cardformAttention .required,
#under18Attention .cardformAttention .label{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto 0 !important;
}
#under18Attention .cardform + .cardformAttention{
  margin-top: 30px;
}
#under18Attention .cardformAttention{
  border: 2px solid #f9423a;
  font-size: 17px;
}
#under18Attention .cardformAttention .cardform-title{
  background: #f9423a;
  color: white;
  font-size: 17px;
}
#under18Attention .cardformAttention > label,
#under18Attention .cardformAttention .question{
  padding: 20px 80px 20px 20px;
  width: 100%;
  font-weight: bold;
  background: #f5f5b2;
  position: relative;
}
#under18Attention .cardformAttention .cardform-body{
  padding: 20px;
}
#under18Attention .cardformAttention p + .cardform-inner{
  margin: 20px 0 0;
}
#under18Attention .cardformAttention .cardform-inner li{
  font-weight: bold;
}
#under18Attention .cardformAttention .cardform-inner li span{
  margin-left: 10px;
}
#under18Attention .cardform-inner .cardform-list{
  font-weight: bold;
}
#under18Attention .cardform-inner .cardform-list + .cardform-list{
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #d2d2d2;
}
#under18Attention .cardform-inner .cardform-list span{
  margin-left: auto;
  font-size: 13px;
  font-weight: normal;
}

@media (max-width: 657px) {

  #under18Attention .cardformAttention .required,
  #under18Attention .cardformAttention .label{
    right: 15px;
  }
  #under18Attention .cardform + .cardformAttention{
    margin-top: 15px;
    font-size: 15px;
  }
  #under18Attention .cardformAttention > label,
  #under18Attention .cardformAttention .question{
    padding: 15px 65px 15px 15px;
    font-size: 13px;
  }
  #under18Attention .cardformAttention .cardform-body{
    padding: 15px 15px 20px;
    font-weight: bold;
  }
  #under18Attention .cardformAttention .cardform-inner li{
    flex-direction: column;
    align-items: start;
  }
  #under18Attention .cardformAttention .cardform-inner li span{
    margin-left:0;
    margin-top: 5px;
  }
  #under18Attention .cardform-inner .cardform-list{
    flex-wrap: wrap;
  }
  #under18Attention .cardform-inner .cardform-list span{
    width: 100%;
    margin-top: 5px;
  }
}

/* バリデーションエラーメッセージ */
#under18Attention .validation_error{
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  background: #f9423a !important;
  border-radius: 4px;
  color: white;
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
}
#under18Attention .validation_error:before{
  top: -9px;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom-color: #f9423a !important;
  z-index: 1;
}

/* 3DSモダール*/
#payment3DSModal .red-header{
  border-top: 20px solid #f9423a !important;
}
#payment3DSModal.modal {
  padding: 0 !important;
  overflow-x: auto;
}
#payment3DSModal .tds-1-modal {
  padding: 0;
  width: 421px !important;
  margin: 80px auto !important;
}
#payment3DSModal .tds-2-modal {
  padding: 0;
}
#payment3DSModal .tds-1-content {
  height: 512px;
  width: 421px;
}
#payment3DSModal .tds-2-content {
  height: 600px;
}
#payment3DSModal .modal-header {
  padding: 20px;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  position: relative;
}
#payment3DSModal .header-text {
  font-weight: bold !important;
  color: #000000;
  font-size: 16px !important;
  letter-spacing: 1pt !important;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
#payment3DSModal .close-button {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  color: #636363;
  font-size: 30px;
}
#payment3DSModal .modal-body {
  padding: 0;
}
#payment3DSModal .gmo-frame-cont {
  /* max-height: 500px; */
  /* overflow-y: scroll; */
  color: red;
}
#gmoRedirectPage {
  border: none;
  height: 500px;
}

@media screen and (max-width: 657px) {
  .modal-content.tds-content {
    height: calc(100vh - 100px);
  }
  #gmoRedirectPage {
    height: calc(100vh - 100px);
  }
}

/* お気に入り登録時のモーダル */
.favoriteModal_dialog {
  margin: 100px auto; 
}
.favoriteModal_header {
  border-top: 20px solid #f9423a;
  padding: 25px;
  background: white;
}
.favoriteModal_btn {
  background: #c6c4c0;
  margin: 30px auto 0;
  height: auto;
  font-weight: bold;
  color:#ffffff;
  width: 300px;
}
.favoriteModal_body {
  padding: 0;
      color: rgb(51, 51, 51);
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.favoriteModal_message {
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
.favoriteModal_img {
  height: 150px;
}

@media (max-width: 657px) {
  .favoriteModal_dialog {
    margin: 100px 30px;
  }
  .favoriteModal_img {
    height: 100px;
  }
  .favoriteModal_btn {
    width: 100px;
  }
}

/* VP入力画面 予約情報確認 */
.tourRI_cardform .cardform_body_for_vp {
  padding:20px;
}
.tourRI_cardform .tourRI_price_for_vp, .tourRI_cardform .tourRI_price_for_from_selected_product {
  padding: 0px !important;
  text-align: left !important;
}
.cardform_title_for_vp {
  background-color: #F6F6F6;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
  border-top: 0.5px solid lightgrey;
  border-bottom: 0.5px solid lightgrey;
}
.cardform_body_for_vp {
  background-color: white;
}
.flight_info_for_vp {
  margin-bottom: 12px;
}
.flight_title_for_vp {
  padding-right: 10px;
}
.flight_title_for_vp p,
.hotel_info_for_vp_sp p {
  font-weight: bold;
  border-bottom: solid 1px #d2d2d2;
  padding-bottom: 5px;
}
.flight_info_for_vp.first {
  padding-bottom: 12px;
  border-bottom: 0.5px solid lightgrey;
}
.room_info_for_vp {
  max-width: 350px;
  word-break: break-all;
}
.text_center {
  text-align: center;
}
.d_inline_block {
  display: inline-block;
}
.v_top {
  vertical-align: top;
}
@media (min-width: 658px) {
  .change_condition_block {
    position: relative;
    top: -5px;
  }
  .change_condition_link {
    color: white !important;
    padding: 13px 40px 10px 10px;
    font-size: 14px;
    border-color:#115da1;
    background: #115da1;
    font-weight: bold;
    display: inline-block;
    border-radius: 4px;
    line-height: 1;
    height: 40px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
  }
  .change_air_condition_link:after {
    content: "";
    position: absolute;
    background:url(../../images/air-white.svg);;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    bottom: 0;
    right: 15px;
  }
  .change_hotel_condition_link:after {
    content: "";
    position: absolute;
    background:url(../../images/pen_white.svg);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    bottom: 0;
    right: 15px;
  }
  .change_plan_condition_link:after {
    content: "";
    position: absolute;
    background:url(../../images/hotel-white.svg);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    bottom: 0;
    right: 15px;
  }
  .change_plan_condition_link_sp {
    display: none;
  }
  .dep_arr_info_for_vp {
    font-size: 14px;
    font-weight: bold;
  }
  .flight_info_for_vp.first {
    padding-bottom: 25px;
    border-bottom: 0.5px solid lightgrey;
  }
  .carrier_info_for_vp {
    display: inline-block;
  }
  .chkin_chkout_info_for_vp {
    float: left;
  }
  .hotel_info_for_vp_sp {
    display: none;
  }
}
@media (max-width: 657px) {
  .change_condition_link {
    color: #428bca !important;
    text-decoration: underline !important;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
  }
  .change_plan_condition_link {
    display: none;
  }
  .dep_arr_info_for_vp {
    font-size: 14px;
    font-weight: bold;
  }
  .carrier_info_for_vp {
    display: block;
    clear: both;
  }
  .hotel_info_for_vp {
    display: none;
  }
}
