@charset "UTF-8";

/* 2017/03/24 アクセスバス表組
----------------------------------------------------*/
.service-route td {
  padding: 20px 5px !important;
}
.table_description_tit {
  margin: 10px 0 5px 0;
}

/* 2017/03/17 ご搭乗の流れ
----------------------------------------------------*/
.handicap-form-pdf {
  top: 40px;
  left: 475px;
  width: 210px;
}
.flow-checkin-text {
  top: 55px;
  left: 20px;
}
.min-before01 {
  width: 383px;
  top: 55px;
  left: 130px;
}
.min-before-leave {
  left: 130px;
  width: 409px;
}
.min-before-security {
  left: 130px;
  width: 520px;
}
.min-before02 {
  left: 130px;
  width: 520px;
}

/* 2017/03/17 汎用
----------------------------------------------------*/
.imgR {
  float: right;
  margin: 0 0 10px 30px;
}

.imgL {
  float: left;
  margin: 0 30px 10px 0;
}

.left {
  float: left;
}
.right {
  float: right;
}

.alC {
  text-align: center;
}
.alL {
  text-align: left;
}

.alR {
  text-align: right;
}
.vaT {
  vertical-align: top;
}
.vaM {
  vertical-align: middle;
}
.vaB {
  vertical-align: bottom;
}

.lineheight0,
.lineheight0 * {
  line-height: 0;
}

/* margin padding */
.mgAuto {
  margin-left: auto;
  margin-right: auto;
}

.mgt0 {
  margin-top: 0px;
}
.mgt5 {
  margin-top: 5px;
}
.mgt10 {
  margin-top: 10px;
}
.mgt15 {
  margin-top: 15px;
}
.mgt20 {
  margin-top: 20px;
}
.mgt25 {
  margin-top: 25px;
}
.mgt30 {
  margin-top: 30px;
}
.mgt35 {
  margin-top: 35px;
}
.mgt40 {
  margin-top: 40px;
}
.mgt45 {
  margin-top: 45px;
}
.mgt50 {
  margin-top: 50px;
}
.mgt70 {
  margin-top: 70px;
}

.mgb0 {
  margin-bottom: 0px;
}
.mgb5 {
  margin-bottom: 5px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgb15 {
  margin-bottom: 15px;
}
.mgb20 {
  margin-bottom: 20px;
}
.mgb25 {
  margin-bottom: 25px;
}
.mgb30 {
  margin-bottom: 30px;
}
.mgb35 {
  margin-bottom: 35px;
}
.mgb40 {
  margin-bottom: 40px;
}
.mgb45 {
  margin-bottom: 45px;
}
.mgb50 {
  margin-bottom: 50px;
}

.mgl5 {
  margin-left: 5px;
}
.mgl10 {
  margin-left: 10px;
}
.mgl15 {
  margin-left: 15px;
}
.mgl20 {
  margin-left: 20px;
}
.mgl25 {
  margin-left: 25px;
}
.mgl30 {
  margin-left: 30px;
}
.mgl35 {
  margin-left: 35px;
}
.mgl40 {
  margin-left: 40px;
}
.mgl45 {
  margin-left: 45px;
}
.mgl50 {
  margin-left: 50px;
}

.mgr5 {
  margin-right: 5px;
}
.mgr10 {
  margin-right: 10px;
}
.mgr15 {
  margin-right: 15px;
}
.mgr20 {
  margin-right: 20px;
}
.mgr25 {
  margin-right: 25px;
}
.mgr30 {
  margin-right: 30px;
}
.mgr35 {
  margin-right: 35px;
}
.mgr40 {
  margin-right: 40px;
}
.mgr45 {
  margin-right: 45px;
}
.mgr50 {
  margin-right: 50px;
}

.pdt5 {
  padding-top: 5px;
}
.pdt10 {
  padding-top: 10px;
}
.pdt15 {
  padding-top: 15px;
}
.pdt20 {
  padding-top: 20px;
}
.pdt25 {
  padding-top: 25px;
}
.pdt30 {
  padding-top: 30px;
}
.pdt35 {
  padding-top: 35px;
}
.pdt40 {
  padding-top: 40px;
}
.pdt45 {
  padding-top: 45px;
}
.pdt50 {
  padding-top: 50px;
}

.pdb5 {
  padding-bottom: 5px;
}
.pdb10 {
  padding-bottom: 10px;
}
.pdb15 {
  padding-bottom: 15px;
}
.pdb20 {
  padding-bottom: 20px;
}
.pdb25 {
  padding-bottom: 25px;
}
.pdb30 {
  padding-bottom: 30px;
}
.pdb35 {
  padding-bottom: 35px;
}
.pdb40 {
  padding-bottom: 40px;
}
.pdb45 {
  padding-bottom: 45px;
}
.pdb50 {
  padding-bottom: 50px;
}

.pdl5 {
  padding-left: 5px;
}
.pdl10 {
  padding-left: 10px;
}
.pdl15 {
  padding-left: 15px;
}
.pdl20 {
  padding-left: 20px;
}
.pdl25 {
  padding-left: 25px;
}
.pdl30 {
  padding-left: 30px;
}
.pdl35 {
  padding-left: 35px;
}
.pdl40 {
  padding-left: 40px;
}
.pdl45 {
  padding-left: 45px;
}
.pdl50 {
  padding-left: 50px;
}

.pdr5 {
  padding-right: 5px;
}
.pdr10 {
  padding-right: 10px;
}
.pdr15 {
  padding-right: 15px;
}
.pdr20 {
  padding-right: 20px;
}
.pdr25 {
  padding-right: 25px;
}
.pdr30 {
  padding-right: 30px;
}
.pdr35 {
  padding-right: 35px;
}
.pdr40 {
  padding-right: 40px;
}
.pdr45 {
  padding-right: 45px;
}
.pdr50 {
  padding-right: 50px;
}

.pd0 {
  padding: 0px;
}
.pd5 {
  padding: 5px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}
.pd20 {
  padding: 20px;
}
.pd25 {
  padding: 25px;
}
.pd30 {
  padding: 30px;
}
.pd35 {
  padding: 35px;
}
.pd40 {
  padding: 40px;
}
.pd45 {
  padding: 45px;
}
.pd50 {
  padding: 50px;
}

/* background color */
.bgWhite {
  background-color: #fff;
}
.bgBlack {
  background-color: #000;
}
.bgBlue {
  background-color: #0a5493;
}
.bgPaleBlue {
  background-color: #dae5ef;
}

/* font color */
.txWhite {
  color: #fff;
}
.txBlack {
  color: #000;
}
.txBlue {
  color: #0a5493;
}
.txGreen {
  color: #5db700;
}
.txLtGreen {
  color: #3dd1c3;
}
.txOrange {
  color: #e84d18;
}
.txRed {
  color: #ed1c24;
}

/* font size */
.xxlag {
  font-size: 190%;
}
.xlag {
  font-size: 142.5%;
}
.lag {
  font-size: 112.5%;
}
.sml {
  font-size: 87.5%;
}
.xsml {
  font-size: 68.75%;
}

/* font weight */
.fwB {
  font-weight: bold;
}

/* font weight */
.txUnder {
  text-decoration: underline;
}

/* position */
.position-a {
  position: absolute;
}
.position-f {
  position: fixed;
}
.position-i {
  position: inherit;
}
.position-r {
  position: relative;
}
.position-s {
  position: static;
}

.row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 20px;
  margin-bottom: 20px;
}

.row:after {
  content: '';
  display: table;
  clear: both;
}

.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*='push-'],
.row .col[class*='pull-'] {
  position: relative;
}

.row.grid-narrow {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.row.grid-narrow .col.s1,
.row.grid-narrow .col.s2,
.row.grid-narrow .col.s3,
.row.grid-narrow .col.s4,
.row.grid-narrow .col.s5,
.row.grid-narrow .col.s6,
.row.grid-narrow .col.s7,
.row.grid-narrow .col.s8,
.row.grid-narrow .col.s9,
.row.grid-narrow .col.s10,
.row.grid-narrow .col.s11,
.row.grid-narrow .col.s12 {
  padding: 0.5rem;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.clearfix:after {
  content: ' ';
  display: block;
  clear: both;
}
.w100p {
  width: 100%;
}

.is-mypage {
  display: none;
}

.is-mypage .mypage-block {
  display: flex;
  align-items: flex-end;
}

.is-mypage .mypage-block .mypage-logout {
  display: inline-block;
  color: #363b3f;
  font-size: 10px;
  text-decoration: none;
  border: 1px solid #363b3f;
  border-radius: 4px;
  padding: 3px 6px;
  margin: 0 0 7px 9px;
}
.is-mypage .mypage-block .mypage-logout:hover {
  color: #d6001d;
  border-color: #d6001d;
}

/* 2017/03/10 下向矢印
----------------------------------------------------*/
.arrow-down-center {
  position: relative;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top-color: #6b7880;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: -25px;
}

.arrow-gray {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.arrow-gray::before,
.arrow-gray::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  vertical-align: middle;
}

.arrow-right-center::before {
  left: 2px;
  width: 7px;
  height: 3px;
  background: #6b7880;
}
.arrow-right-center::after {
  left: 2px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #6b7880;
  border-right: 3px solid #6b7880;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* トップページ
----------------------------------------------------*/
#js-top-info {
  display: none;
}
#js-top-info .important-information:not(:first-child) {
  border-top: solid 1px #e7e7e7;
}
.top-campaign .campaign-carousel .item a.all {
  padding: 0;
  background: none;
}

/* 2017/05/02 運航情報詳細
----------------------------------------------------*/
.flight-tab {
  margin-top: 40px;
}
.flight-tab .tab-nav {
  padding-left: 70px;
}
.flight-tab .date {
  margin: 10px 0 20px;
  font-weight: 700;
}
.flight-anchor-nav {
  margin-bottom: 20px;
}
.flight-status-table th.number {
  width: 95px;
  font-weight: 700;
}
.flight-status-table th.number img {
  width: 52px;
  height: auto;
  margin-top: 5px;
}
.flight-status-table td.airport {
  font-weight: 700;
}
.flight-status-table td.notes,
.flight-status-table th.notes {
  width: 175px;
}
.flight-status-table td.notes {
  padding: 15px;
  text-align: left;
  vertical-align: top;
}

/* 2017/05/12 ご搭乗ガイド_ボタン上の線を表示
----------------------------------------------------*/
.beginner-example .more {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #dfdfdf;
}

.baggageCheck01 {
  position: absolute;
  left: 20px;
  top: 146px;
  width: 310px;
}

.baggageCheck02 {
  position: absolute;
  left: 345px;
  top: 146px;
  width: 310px;
}

/* 2017/05/16 アイコンごとに空白を整える
----------------------------------------------------*/
.beginner-example .title2 {
  position: relative;
  margin: 0;
  padding: 10px 0 25px 85px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.beginner-example .title2 .img {
  position: absolute;
  bottom: 1px;
  left: 10px;
}

.beginner-example .title3 {
  position: relative;
  margin: 0;
  padding: 10px 0 25px 0;
  font-size: 15px;
  font-size: 0.9375rem;
}

.beginner-example .title3 .img {
  position: absolute;
  bottom: 1px;
  left: 10px;
}

.beginner-example .titleFaq {
  position: relative;
  margin: 0;
  padding: 10px 0 25px 75px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.beginner-example .titleFaq .img {
  position: absolute;
  bottom: 15px;
  left: 10px;
}

.company-news .news-list .item .textbody {
  margin-top: 15px;
}
.company-news .news-list .category {
  min-width: 7.8em;
  text-align: center;
}

/* 2017/05/29 観光コンテンツ
----------------------------------------------------*/

.kankouImgL {
  width: 50%;
  float: left;
}

.kankouImgR {
  width: 50%;
  float: right;
  padding-left: 10px;
}

.kankouImg3parts {
  width: 234px;
  float: left;
}

.visualCaption {
  margin: 80px 0 40px 0;
  font-size: 0.75rem;
  line-height: 1.33333em;
}

/* 2017/06/09 リスト_数字_スペースなし
----------------------------------------------------*/
.c-list-num-decimal {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: decimal;
}

.c-list-num-decimal li {
  margin-left: 0;
  position: relative;
  list-style: none;
  counter-increment: cnt;
  padding-left: 2em;
}

.c-list-num-decimal li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: marker;
  content: '(' counter(cnt) ')';
}
*+

/* 2017/06/13 画像2枚横に並べる
----------------------------------------------------*/

.mainContBlk02A {
  width: 368px;
  float: left;
}

.mainContBlk02B {
  width: 368px;
  float: right;
}

/* 2017/06/26 機内誌特選の店_ページ下部注釈文
----------------------------------------------------*/

.mag-number {
  padding-left: 20px;
  font-size: 0.75rem;
}

/* C4 edit */
/* all.min.cssに吸収したためコメントアウト
.is-certificate .link .label {
padding-left: 22px;
}
#header .menu-nav {
    background: #7d8084;
}
#header .menu-nav .link {
    background: #7d8084;
}
.no-touchevents #header .menu-nav .link:hover {
    background: #7b7e82;
}
*/
/* //C4 edit */

/* 2017/07/04 機内誌特選の店_ヘッダー画像キャプション位置調整
----------------------------------------------------*/
.detail-head .img {
  position: relative;
}

.detail-head .visualCaptionHead {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  padding: 5px 20px;
}

/* C4 edit */
/* 2017/07/06 手荷物のお預かり カメラアイコンのサイズ調整
----------------------------------------------------*/
.baggage-limit .c-iconfont.is-ico-camera:before {
  font-size: 24px;
}
/* //C4 edit */

/* 2017/7/27 fare tab-size */
#fare-term-detail .c-tab-radio .tab-nav .link {
  min-width: 180px;
}

#fare-term-detail .c-tab-radio .tab-nav .link {
  min-width: 180px;
}
.c-table-main.is-th-fixed-short td:first-child,
.c-table-main.is-th-fixed-short th:first-child {
  width: 168px;
}
.c-tab-radio .tab-content.is-term-D,
.c-tab-radio .tab-nav .item.is-term-D .link,
.c-tab-radio .tab-nav .item.is-term-D.is-current .link:hover {
  background: #f2f1bc;
}
.c-calendar-legend .item.is-term-D:before {
  background: #f2f1bc;
}
.fare-detail-term .term-ico .item.is-term-D {
  background: #f2f1bc;
}
.table-cancellist {
  background: #fff;
}
.table-cancellist th {
  font-size: 12px;
}
.table-cancellist th,
.table-cancellist td {
  padding: 15px 10px;
}

/* 2017/09/12 運賃U22ハッピー割
----------------------------------------------------*/
.discount-summary.is-type-happy .summary-head {
  background: #00b9ef;
}
.discount-summary.is-type-happy .btm {
  background: #0096d7;
}
.discount-summary.is-type-happy .summary-body {
  background: #ddf0f2;
}
.discount-summary.is-type-happy .list .item .em {
  color: #00b9ef;
}

/* 2017/10/27 English
----------------------------------------------------*/
.c-banner-nav .item.is-text.is-sst-language:before {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  font-family: iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-transform: none;
  speak: none;
}
.c-banner-nav .item.is-text.is-sst-language:before {
  content: url(https://www.fujidream.co.jp/assets/img/common/ico-sst-language.svg);
  width: 20px;
  height: 20px;
}

/* 2017/12/04 よくあるご質問TOP改修
----------------------------------------------------*/
.checkin-sub-nav .faq_item {
  float: left;
  width: 23.8%;
  padding: 20px 0px;
  text-align: center;
  border: solid;
  border-color: #f3f3f3;
  margin-right: 10px;
}

.checkin-sub-nav .faq_itemEnd {
  float: left;
  width: 23.8%;
  padding: 20px 0px;
  text-align: center;
  border: solid;
  border-color: #f3f3f3;
  margin: 0px;
}

.checkin-sub-nav .faq_label {
  display: block;
  margin-top: 20px;
}

.c-icon-circle.is-ico-yen:before {
  content: '\E90E';
  font-size: 35px;
  font-family: iconfont;
}

.c-icon-circle.is-ico-counter:before {
  content: '\E917';
  font-size: 35px;
  font-family: iconfont;
}

.c-icon-circle.is-ico-alert:before {
  content: '\E90B';
  font-size: 35px;
  font-family: iconfont;
}

.c-icon-circle.is-ico-search:before {
  content: '\E906';
  font-size: 35px;
  font-family: iconfont;
}

/* 2018/06/08 退会機能追加（保留）
----------------------------------------------------*/
.mypage-modal .is-resign {
  position: absolute;
  bottom: 45px;
  right: 65px;
  color: #d6001d;
  font-size: 85%;
  height: 30px;
  min-width: 100px;
}

/* 2018/07/12 メールマガジン管理
----------------------------------------------------*/
.c-membership-modal .modal-contents {
  padding: 20px 30px;
}

.mypage-actions .item {
  margin: 10px 15px;
}
.mypage-actions .item.is-mailmag .button,
.mypage-actions .item.is-none .button {
  min-width: 260px;
}
.mypage-actions .item.is-mailmag .button .ico:before {
  font-size: 17px;
}
.mypage-actions .item.is-none {
  min-width: 260px;
}

/* 2018/08/08 証明書モーダル
----------------------------------------------------*/
.certificate-modal .modal-contents {
  padding: 30px 45px 20px 45px;
}
.certificate-modal .modal-contents p {
  margin-left: 15px;
}
.certificate-actions {
  text-align: center;
}
.certificate-actions li {
  list-style-image: none;
  list-style-type: none;
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
  margin: 10px 15px;
}
.certificate-actions li a {
  min-width: 260px;
}
.certificate-actions li.item.is-none {
  min-width: 260px;
}

/* 2018/09/11 運賃みんなでシニア割
----------------------------------------------------*/
.discount-summary.is-type-senior .summary-head {
  background: #ccad4a;
}
.discount-summary.is-type-senior .summary-body {
  background: #f2ead3;
}
.discount-summary.is-type-senior .list .item .em {
  color: #ccad4a;
}

/* 2018/10/02 Booking.com連携
----------------------------------------------------*/
.c-side-reservation .condition .item.is-booking dd {
  font-weight: normal;
  text-align: right;
}
.c-bottom-reservation .condition .item.is-booking {
  margin-top: 64px;
  margin-left: 6px;
}

/* 2019/11/06 マイページ改修
----------------------------------------------------*/
.c-membership-modal-renew {
  width: 740px; /*モーダルのサイズ*/
}
/*タイトル欄*/
.c-membership-modal-renew .modal-title {
  margin-bottom: 0;
  padding: 15px;
  background: #d6001d; /*タイトル背景色*/
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
}
/*名前&ログアウト欄*/
.name_logout_line {
  background-color: #f3f3f3;
  width: 100%;
  height: 65px;
  position: relative;
}
.name_logout_line div:first-child {
  display: flex;
  align-items: center;
  height: 65px;
  padding: 0 30px;
  font-weight: bold;
  font-size: 20px;
}
.name_logout_line .customer-point {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  padding: 5px 5px 5px 20px;
  margin-left: 20px;
  margin-right: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.name_logout_line .customer-point .customer-point-label {
  font-size: 14px;
}
.name_logout_line .customer-point .customer-point-num {
  margin-left: 10px;
  margin-right: 10px;
  color: #d6001d;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
.name_logout_line .customer-point .customer-point-link {
  color: #fff;
  background-color: #d6001d;
  border-radius: 14px;
  padding: 3px 13px;
  font-size: 14px;
  text-decoration: none;
  transition: 0.15s;
  position: inherit;
}
.name_logout_line .customer-point .customer-point-link:before {
  position: absolute;
  content: '';
}

.name_logout_line .customer-point .customer-point-link:hover {
  background-color: #f13f45;
}
.name_logout_line a#customer-logout {
  text-decoration: none;
  font-weight: bold;
  margin-left: auto;
  font-size: 14px;
}
.name_logout_line a#customer-logout span {
  padding-left: 10px;
}
/*選択タブ*/
.myp_tab {
  margin: auto;
  position: relative;
}
.myp_tab label {
  font-weight: bold;
}
/*ラジオボタン非表示*/
.myp_tab input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
/*タブ切り替え*/
.myp_tab > input:first-child:checked ~ .myp_tabpanels > .myp_tabpanel:first-child,
.myp_tab > input:nth-child(3):checked ~ .myp_tabpanels > .myp_tabpanel:nth-child(2),
.myp_tab > input:nth-child(5):checked ~ .myp_tabpanels > .myp_tabpanel:nth-child(3),
.myp_tab > input:nth-child(7):checked ~ .myp_tabpanels > .myp_tabpanel:nth-child(4),
.myp_tab > input:nth-child(9):checked ~ .myp_tabpanels > .myp_tabpanel:nth-child(5),
.myp_tab > input:nth-child(11):checked ~ .myp_tabpanels > .myp_tabpanel:nth-child(6) {
  display: block;
}
.myp_tab .myp_tabpanels {
  position: absolute;
  top: 0;
  left: 130px;
  display: block;
}
/*選択していないタブの内容非表示*/
.myp_tabpanel {
  display: none;
  width: 610px;
  height: 100%;
  padding: 30px 40px;
}
.myp_box {
  display: flex;
  flex-wrap: wrap;
}
/*タブ内の選択項目*/
.myp_box01,
.myp_box02,
.myp_box03,
.myp_box04 {
  width: 170px;
  height: 170px;
  border: solid 1px #c5c5c5;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  transition-property: all;
  transition: 0.1s linear;
}
.myp_box01:hover,
.myp_box02:hover,
.myp_box03:hover,
.myp_box04:hover {
  background-color: #fff8f9;
}
.myp_box03 {
  margin-right: 0;
}
.myp_box04 {
  margin-bottom: 0;
}
.myp_box01 p,
.myp_box02 p,
.myp_box03 p,
.myp_box04 p {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  color: #000000;
}
.myp_box01 img,
.myp_box02 img,
.myp_box03 img,
.myp_box04 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-bottom: 25px;
}
.myp_tab > input + label {
  position: relative;
  display: block;
  width: 130px;
  padding: 40px 0px;
  cursor: pointer;
  text-align: center;
  border-left: solid 10px #7d8084; /*タブの横棒の色*/
  margin-bottom: 2px;
  background-color: #dbdada; /*タブの背景色*/
  transition-property: all;
  transition: 0.1s linear;
}
.myp_tab > input + label:hover {
  opacity: 0.8; /*ホバーした時の透明度*/
}
.myp_tab > input:checked + label {
  background-color: #ffffff;
  border-left: solid 10px #d6001d;
}

/* 2020/10/27 PCグローバルナビの運航情報にアイコン追加
----------------------------------------------------*/
@media screen and (min-width: 769px) {
  .global-nav {
    border-right: 1px solid #e57a88;
  }
  .global-nav .item .flight-info-icon .label {
    padding-left: 31px;
  }
  .global-nav .item .flight-info-icon .label:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    speak: none;
    line-height: 1;
    text-decoration: none;
    position: absolute;
    left: 49px;
    top: 9px;
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2017%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M29.4%206.4c-.1-.2-.8-.4-1.5-.5-.8-.1-1.7-.2-2.7%200C24%206.2%2022%207%2022%207s-.3%200-.6.1-1.2.3-1.3.3c-.1%200-.9.2-.9.2l-3.3-3.4s-2-2.1-2.2-2.2c-.3-.1-3.4-1.1-3.4-1%200%20.1%201.8%201.7%201.8%201.7L13.8%206l.6%201-.8.6.3.6L15%208c.3.5.6.9.6%201%20.1.1.1.3.1.3l-5.1%201.9-1.6.6-1.5.2-3.7-1.9s-.4-.3-.7-.2c-.3.1-.8.3-.8.3s-.3.1-.1.5c.2.4.4.9.4.9s-.7-.3-.9-.3c-.2.1-.9.3-.9.3s-.5.1-.2.3c.2.2%203%202.4%203%202.4s-1.5.5-1.4.8c.1.3%202.1.1%202.1.1l.3.8.9-.3.8-.7s2.9-.4%204-.7c1-.2%205.4-1.2%206.1-1.4l-.7.4.1.3h.4c-.3.7-.9%201.7-1.1%201.7-.1%200-1-.3-1-.2%200%20.1.7.6.9.6.2%200%20.6-.2.6-.2s.1%200%20.3-.2c.1-.2%201.9-2.1%201.9-2.1l1.5-.9%201.1-.9s2.5-1.4%203.1-1.6c.6-.3%201.7-.8%201.8-.8.2-.1%202.3-1%203.2-1.4.8-.4%201.2-.8.9-1.2z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E');
    width: 30px;
    height: 15px;
  }
  .is-compact .header-inner .global-nav-wrap .global-nav-inner .global-nav .item .flight-info-icon .label:before {
    top: 9.25px !important;
  }
}
@media screen and (max-width: 768px) {
  .global-nav .item:first-child .link:before {
    display: none;
  }
}

/* 2021/03/10 Customer
----------------------------------------------------*/
.customer-loading input,
.customer-loading select,
.customer-loading button {
  pointer-events: none;
}
.modal-contents .failedMessage {
  border: 1px solid #d6001d;
  padding: 10px;
  margin: 15px auto;
  text-align: center;
}
.modal-contents .failedMessage strong {
  color: #d6001d;
  font-size: 1.1em;
}
.modal-contents .failedMessage p {
  margin: 0;
}

/* 2021/4/14 PCグローバルナビの最安値検索にアイコン追加
----------------------------------------------------*/
@media screen and (min-width: 769px) {
  .global-nav .item .fare-info-icon .label {
    padding-left: 31px;
  }
  .global-nav .item .fare-info-icon .label:before {
    font-family: iconfont;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    speak: none;
    line-height: 1;
    text-decoration: none;
    position: absolute;
    left: 50px;
    top: 11.25px;
    content: '';
    background-color: #fff;
    color: #d6001d;
    width: 18px;
    height: 18px;
    border-radius: 15px;
    padding: 3.5px 0px 0px 1.5px;
    font-size: 11px;
  }
}

#header-renew.is-compact .global-nav .item .flight-info-icon .label:before,
#header.is-compact .global-nav .item .flight-info-icon .label:before {
  top: unset;
  bottom: 9.25px;
}
#header-renew.is-compact .global-nav .item .fare-info-icon .label:before,
#header.is-compact .global-nav .item .fare-info-icon .label:before {
  top: 6.25px;
}

/* 2021/9/30 TOP運航状況ICO上書き
----------------------------------------------------*/
.top-headline .travel-information .title:before {
  top: -2px;
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2017%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M29.4%206.4c-.1-.2-.8-.4-1.5-.5-.8-.1-1.7-.2-2.7%200C24%206.2%2022%207%2022%207s-.3%200-.6.1-1.2.3-1.3.3c-.1%200-.9.2-.9.2l-3.3-3.4s-2-2.1-2.2-2.2c-.3-.1-3.4-1.1-3.4-1%200%20.1%201.8%201.7%201.8%201.7L13.8%206l.6%201-.8.6.3.6L15%208c.3.5.6.9.6%201%20.1.1.1.3.1.3l-5.1%201.9-1.6.6-1.5.2-3.7-1.9s-.4-.3-.7-.2c-.3.1-.8.3-.8.3s-.3.1-.1.5c.2.4.4.9.4.9s-.7-.3-.9-.3c-.2.1-.9.3-.9.3s-.5.1-.2.3c.2.2%203%202.4%203%202.4s-1.5.5-1.4.8c.1.3%202.1.1%202.1.1l.3.8.9-.3.8-.7s2.9-.4%204-.7c1-.2%205.4-1.2%206.1-1.4l-.7.4.1.3h.4c-.3.7-.9%201.7-1.1%201.7-.1%200-1-.3-1-.2%200%20.1.7.6.9.6.2%200%20.6-.2.6-.2s.1%200%20.3-.2c.1-.2%201.9-2.1%201.9-2.1l1.5-.9%201.1-.9s2.5-1.4%203.1-1.6c.6-.3%201.7-.8%201.8-.8.2-.1%202.3-1%203.2-1.4.8-.4%201.2-.8.9-1.2z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23d6001d%22%2F%3E%3C%2Fsvg%3E');
  width: 30px;
  height: 15px;
}

/*contentsの上部に間を空ける*/
@media screen and (min-width: 769px) {
  .c-layout-column-2 {
    padding-top: 20px;
  }
}

/*改行をPCまたはSPで非表示する*/
@media screen and (max-width: 768px) {
  .sp_br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .pc_br {
    display: none;
  }
}

.column-sub #search_btn {
  width: 100%;
}

/* 2021/10/20 ログイン画面改修（ログイン形式変更）
----------------------------------------------------*/
.c-modal.c-membership-modal.login-modal {
  width: 750px;
}
.c-modal.c-membership-modal.login-modal .modal-contents .c-title-main {
  letter-spacing: 1px;
}
.c-modal.c-membership-modal.login-modal .modal-contents .item {
  width: 550px;
}
.c-modal.c-membership-modal.login-modal .modal-contents .login-form dl.item dt {
  width: 220px;
  text-align: left;
}
.c-modal.c-membership-modal.login-modal .modal-contents .c-title-main span {
  font-size: 16px;
  padding-left: 10px;
}
.modal-contents .login-form .is-option .form-label {
  padding-left: 180px;
}
.transfer-membership {
  border: 5px solid #d6001d;
  padding: 25px;
}
.transfer-membership .transfer-membership-text {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
}
.transfer-membership .transfer-membership-text p {
  margin-bottom: 10px;
}
.transfer-membership .transfer-membership-text .c-text-alert {
  font-size: 28px;
}

.customer-loading {
  position: relative;
}
.customer-loading form {
  pointer-events: none;
  opacity: 0.15;
}
:not(.customer-loading) .customer-loading-text {
  display: none;
}
.customer-loading .customer-loading-text {
  position: absolute;
  top: 446px;
  width: 690px;
  text-align: center;
  display: block;
  font-size: 24px;
}

/* 2023/06/09 フッターのyoutubeアイコン編集、TikTokアイコン追加、TwitterをXへ修正
----------------------------------------------------*/
#footer .site-map .group-nav .item.is-youtube-img img,
#footer .site-map .group-nav .item.is-tiktok-img img {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
#footer .site-map .group-nav .item.is-youtube-img span,
#footer .site-map .group-nav .item.is-tiktok-img span {
  margin-top: 5px;
}

#footer .site-map .group-nav .item.is-x-img img {
  width: 21px;
  height: 21px;
  margin-right: 8px;
}
#footer .site-map .group-nav .item.is-x-img span {
  padding: 0;
  display: inline-block;
  margin-top: 2px;
}

/*2023/10 予約照会パスワードの表示非表示機能を追加----------------------------------------------------*/

/*.login-form .is-password dd {
position: relative;
}
.login-form .is-password #icon-eye {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: 10px;
padding: 7px
}*/

.password-checkbox {
  display: flex;
  justify-content: right;
  margin-top: 10px;
  margin-bottom: -10px;
  font-size: 0.8125rem;
}
.password-checkbox #inputCheckbox {
  margin-right: 10px;
}

/*空席照会の「ホテルも探す」ボタンの非表示*/
.c-side-reservation .condition .item.is-booking,
.c-bottom-reservation .condition .item.is-booking,
.top-reservation-wide .reservation-form .condition .item.is-booking {
  display: none;
}

/*空席照会の復路往路部分に黄色ラインを追加*/
.no-touchevents .top-reservation-wide .reservation-form .type .item.is-current,
.top-reservation-wide .reservation-form .type .item.is-current {
  border-top-color: #fff200;
}

/*2025/07 Google Search Closed----------------------------------------------------*/
.site-search {
  display: none;
}
#header-renew .language-nav {
  border-right: none;
}
#header-renew .misc-top-box {
  position: relative;
  left: 36px;
}