#contSgl01{
  background-image: initial;
}


/* ==============================================

タブ

================================================= */
.apass-radiotab{
  @media screen and (min-width: 768px){
    .pc_only {
      display: block;
    }
    .sp_only {
      display: none;
    }
  }
  @media screen and (max-width: 767px){
    .pc_only {
      display: none;
    }
    .sp_only {
      display: block;
    }
  }

  .apass-radiotab__list{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    padding-block: min(3vw,20px);
    max-width: 950px;
    margin-inline: auto;
    @media screen and (max-width: 767px){
      max-width: initial;
      padding-inline: 10px;
    }
  }
  .apass-radiotab__item{
    display: block;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 0 0 1px;
    &:nth-child(1){
      padding-inline-start: 0;
    }

    input[type="radio"] {
      border: 0 !important;
      clip: rect( 0, 0, 0, 0 ) !important;
      height: 1px !important;
      margin: -1px !important;
      clip: rect( 0, 0, 0, 0 ) !important;
      height: 1px !important;
      margin: -1px !important;
      overflow: hidden !important;
      padding: 0 !important;
      position: absolute !important;
      white-space: nowrap !important;
      width: 1px !important;

      &+span{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 12px 10px;
        box-sizing: border-box;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: none;
        border-radius: 3px 3px 0 0;
        background: #000;
        color: #ccc;
        cursor: pointer;
        font-size: min(1.5em, 16px);
        text-decoration: none;
        text-align: center;
        position: relative;
        overflow: hidden;
      }

      &:checked{
        &+span{
          padding-block: 20px;
          background: #fff;
          color: #333;
          cursor: default;
        }
      }

      &:not(:checked){
        &+span{
          transition: 0.3s ease all;
          &:hover{
            opacity: 0.7;
          }
        }
      }
    }
    &:not(:has(input[type="radio"]:checked)){
      width: 45%;
    }
    &:has(input[type="radio"]:checked){
      width: 55%;
    }
  }
  .apass-radiotab__content{
    overflow: hidden;
    position: absolute;
    height: 0;
  }

  .apass-radiotab__list:has(#tab-apass_old > input:checked) ~ #content-apass_old,
  .apass-radiotab__list:has(#tab-apass_new > input:checked) ~ #content-apass_new{
    overflow: visible;
    position: static;
    height: auto;
  }
}

/*==============================

		secFare

==============================*/

/*--------------------------------------------------
		secFare
--------------------------------------------------*/
#secFare-apass {
	width: 868px;
	margin: 0 auto;
}
#secFare-apass #fareTitle-apass {
	margin-bottom: 10px;
}
#secFare-apass #fareTitle-apass h2 {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 71px;
	margin-bottom: 10px;
	background: url(/lp_common/img/fare/h2_fare_01.png) no-repeat 0 0;
}
#secFare-apass #fareTitle-apass .txt01 {
	font-size: 160%;
	text-align: center;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
	margin-bottom: 30px;
}
#secFare-apass #fareTitle-apass .txt02 {
	font-size: 160%;
	line-height: 1;
	margin-bottom: 10px;
}
#secFare-apass #fareTitle-apass .txt02 img {
	vertical-align: middle;
	margin-right: 5px;
}
#secFare-apass #fareTitle-apass .txt02 span {
	color: #B20000;
	font-weight: bold;
}
#fareList-apass {
	border: 1px solid #FFFFFF;
	margin-bottom: 20px;
}
#fareList-apass img {
	vertical-align: middle;
}
#fareList-apass .txt01 {
	font-size: 160%;
	margin-bottom: 10px;
}
#fareList-apass .txt01 img {
	vertical-align: middle;
	margin-right: 5px;
}
#fareList-apass .txt01 span {
	color: #B20000;
	font-weight: bold;
}

#fareList-apass #fareList02-apass,
#fareList-apass #fareList03-apass,
#fareList-apass #fareList04-apass,
#fareList-apass #fareList05-apass,
#fareList-apass #fareList06-apass {
	display:none;
}
#fareTab-apass ul {
	background: #BBBBBB;
	border-bottom: 5px solid #000000;
}
#fareTab-apass ul li {
	width: 143px;
	float: left;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}
#fareTab-apass ul li.fareTab06 {
	width: 145px;
	border-right: none;
}
#fareTab-apass ul li a {
	display: block;
	color: #FFFFFF;
	font-size: 125%;
	line-height: 60px;
	text-align: center;
	height: 60px;
}
#fareTab-apass ul li a:hover {
	text-decoration: none;
	background: #000000;
}
#fareTab-apass ul li a.active {
	background: #000000;
}
#fareList-apass #fareListTitle-apass {
	width: 844px;
	margin: 20px auto 0 auto;
	border: 1px solid #000000;
}
#fareList-apass #fareListTitle-apass .titleInner {
	color: #FFFFFF;
	font-size: 16px;
	height: 58px;
	padding: 0 10px;
	border: 1px solid #FFFFFF;
	background: url(/lp_common/img/fare/bg_fare_title.png) repeat-x 0 0;
}
#fareList-apass #fareListTitle-apass .titleInner h3 {
	font-size: 120%;
	font-weight: normal;
	line-height: 58px;
	float: left;
	padding: 0 0 0 130px;
	margin: 0;
	background: url(/lp_common/img/fare/icn_plane_02.png) no-repeat left center;
}
#fareList-apass #fareListTitle-apass .titleInner h3 span {
	padding: 2px 4px;
	border: 1px solid #FFFFFF;
}
#fareList-apass #fareListTitle-apass .titleInner p {
	font-size: 80%;
	line-height: 58px;
	float: right;
}
#fareConts-apass {
	background: #FFFFFF;
}
.fareListBlock table,
.fareListBlock-apass table {
	width: 866px;
}
.fareListBlock table th,
.fareListBlock table td,
.fareListBlock-apass table th,
.fareListBlock-apass table td {
	vertical-align: middle;
	padding: 20px 0;
	border-bottom: 1px dotted #999999;
}
.fareListBlock table .last th,
.fareListBlock table .last td,
.fareListBlock-apass table .last th,
.fareListBlock-apass table .last td {
	border-bottom: none;
}
.fareListBlock table th,
.fareListBlock-apass table th {
	font-size: 110%;
	width: 220px;
	white-space: nowrap;
	padding-left: 30px;
}
.fareListBlock table th span.thInner,
.fareListBlock-apass table th span.thInner {
	display: block;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	background: url(/lp_common/img/fare/bg_fare_01.png) no-repeat right center;
}
.fareListBlock table th span.thInner span,
.fareListBlock-apass table th span.thInner span {
	color: #B20000;
	font-size: 110%;
	font-weight: bold;
}
.fareListBlock table td,
.fareListBlock-apass table td {
	white-space: nowrap;
	padding-left: 30px;
}
.fareListBlock table td img,
.fareListBlock-apass table td img {
	vertical-align: middle;
}
.fareListBlock table td img+img,
.fareListBlock-apass table td img+img {
	margin-left: 20px;
}
.fareListBlock table td.tdFare,
.fareListBlock-apass table td.tdFare {
	font-size: 180%;
	font-weight: bold;
	line-height: 1;
	text-align: right;
	padding: 0 30px 0 20px;
}
.fareListBlock table td.tdFare span,
.fareListBlock-apass table td.tdFare span {
	color: #B20000;
	font-size: 120%;
	font-weight: bold;
}
#fareNotes-apass ul li {
	font-size: 12px;
	text-align: left;
}

/* ==============================================



================================================= */
.apass-fare__route-name{
  display: inline-block;
  width: 177px;
  padding-block: 2px;
  margin-inline-end: 20px;
  background: #ffffff;
  border: solid 1px #000000;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}