@charset "UTF-8";
.pc {
  display: none; }

.tablet {
  display: none; }

.smp {
  display: block; }

/* ===================================
	header
=====================================*/
header {
  margin: 0 auto;
  width: 94%;
  max-width: 1300px;
  padding: 15px 0; }
  header h1 {
    width: 100%;
    text-align: center; }
    header h1 img {
      width: 80px;
      height: auto; }
  header ul {
    display: none; }
  header .language {
    display: none; }

.sp-nav {
  display: block; }

/* ===================================
	nav
=====================================*/
nav {
  margin-bottom: 40px; }
  nav .inner {
    padding: 15px 0; }
    nav .inner dl {
      width: 100%;
      display: block; }
      nav .inner dl dt {
        margin-right: 20px;
        width: auto;
        padding: 0;
        text-align: center;
        pointer-events: auto; }
        nav .inner dl dt p {
          display: inline-block;
          padding-left: 28px;
          background: url("../img/icon_flight.png") no-repeat left center;
          background-size: 24px 22px; }
          nav .inner dl dt p span {
            padding-right: 24px;
            display: inline-block;
            background: url("../img/icon_open.png") no-repeat right center;
            background-size: 15px 8px; }
        nav .inner dl dt.active p {
          display: inline-block; }
          nav .inner dl dt.active p span {
            background: url("../img/icon_close.png") no-repeat right center;
            background-size: 15px 8px; }
      nav .inner dl dd {
        display: none;
        padding-top: 10px; }
        nav .inner dl dd table {
          width: 100%;
          border-collapse: collapse; }
          nav .inner dl dd table select {
            padding: 10px;
            font-size: 16px;
            line-height: 150%; }
          nav .inner dl dd table input {
            font-size: 16px;
            line-height: 150%;
            padding: 10px;
            box-sizing: border-box; }
          nav .inner dl dd table td {
            display: block; }
          nav .inner dl dd table .courseArea {
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: flex-start;
            /*--- IE10 用 ---*/
            display: -ms-flexbox;
            -ms-flex-flow: row wrap;
            -ms-flex-pack: flex-start;
            -ms-flex-align: flex-start;
            /*--- Androidブラウザ用 ---*/
            display: -webkit-box;
            -webkit-box-direction: row;
            -webkit-box-pack: flex-start;
            -webkit-box-align: flex-start;
            /*--- safari（PC）用 ---*/
            display: -webkit-flex;
            -webkit-flow: row wrap;
            -webkit-justify-content: flex-start;
            -webkit-align-items: flex-start; }
            nav .inner dl dd table .courseArea .headline {
              margin-bottom: 10px;
              width: 100%;
              flex-flow: row nowrap;
              justify-content: flex-start;
              align-items: stretch;
              /*--- IE10 用 ---*/
              display: -ms-flexbox;
              -ms-flex-flow: row nowrap;
              -ms-flex-pack: flex-start;
              -ms-flex-align: stretch;
              /*--- Androidブラウザ用 ---*/
              display: -webkit-box;
              -webkit-box-direction: row;
              -webkit-box-pack: flex-start;
              -webkit-box-align: stretch;
              /*--- safari（PC）用 ---*/
              display: -webkit-flex;
              -webkit-flow: row nowrap;
              -webkit-justify-content: flex-start;
              -webkit-align-items: stretch; }
              nav .inner dl dd table .courseArea .headline .radiBlock {
                flex: 1;
                display: inherit;
                margin-right: 10px; }
              nav .inner dl dd table .courseArea .headline p {
                display: inherit;
                margin-right: 0;
                text-align: right; }
            nav .inner dl dd table .courseArea .selectCover {
              width: 100%;
              flex: none;
              margin-right: 0;
              margin-bottom: 10px; }
              nav .inner dl dd table .courseArea .selectCover:last-child {
                margin-bottom: 0; }
          nav .inner dl dd table .formArea {
            margin-top: 10px;
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: flex-start;
            /*--- IE10 用 ---*/
            display: -ms-flexbox;
            -ms-flex-flow: row wrap;
            -ms-flex-pack: flex-start;
            -ms-flex-align: flex-start;
            /*--- Androidブラウザ用 ---*/
            display: -webkit-box;
            -webkit-box-direction: row;
            -webkit-box-pack: flex-start;
            -webkit-box-align: flex-start;
            /*--- safari（PC）用 ---*/
            display: -webkit-flex;
            -webkit-flow: row wrap;
            -webkit-justify-content: flex-start;
            -webkit-align-items: flex-start; }
            nav .inner dl dd table .formArea .inForm {
              width: 10080%;
              display: flex;
              flex-flow: row wrap;
              justify-content: flex-start;
              align-items: flex-start;
              /*--- IE10 用 ---*/
              display: -ms-flexbox;
              -ms-flex-flow: row wrap;
              -ms-flex-pack: flex-start;
              -ms-flex-align: flex-start;
              /*--- Androidブラウザ用 ---*/
              display: -webkit-box;
              -webkit-box-direction: row;
              -webkit-box-pack: flex-start;
              -webkit-box-align: flex-start;
              /*--- safari（PC）用 ---*/
              display: -webkit-flex;
              -webkit-flow: row wrap;
              -webkit-justify-content: flex-start;
              -webkit-align-items: flex-start; }
              nav .inner dl dd table .formArea .inForm input.outwardTrip {
                width: 49%;
                margin-right: 2%;
                margin-bottom: 10px; }
                nav .inner dl dd table .formArea .inForm input.outwardTrip#one_way_calendar01 {
                  width: 100%;
                  margin-right: 0; }
              nav .inner dl dd table .formArea .inForm input.returnTrip {
                width: 49%;
                margin-right: 0;
                margin-bottom: 10px; }
              nav .inner dl dd table .formArea .inForm select.people01 {
                width: 32%;
                margin-right: 2%; }
              nav .inner dl dd table .formArea .inForm select.people02 {
                width: 32%;
                margin-right: 2%; }
              nav .inner dl dd table .formArea .inForm select.people03 {
                width: 32%; }
          nav .inner dl dd table .support {
            margin-top: 5px;
            font-size: 13px;
            line-height: 150%;
            text-align: right; }
          nav .inner dl dd table .searchBtnArea {
            margin: 15px auto 0;
			margin-left: 0px !important;
            width: 70%;
            padding: 0px; }
      nav .inner dl .searchBtn {
        box-sizing: border-box;
        width: 100%;
        background: #FFE400;
        border: 1px #FFE400 solid;
        color: #963087;
        position: static;
        padding: 10px 5px;
        font-size: 20px;
        line-height: 150%; }

.basic ul li a {
  color: #fff;
  display: block;
  padding: 10px 10px;
  border-bottom: 1px #ccc solid; }

.datepicker {
  border: 2px solid #ccc;
  font-size: 20px; }

/* ===================================
	searchResults
=====================================*/
.searchResults {
  margin: 0 auto 40px; }
  .searchResults h2 {
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 150%; }
  .searchResults p {
    font-size: 14px;
    line-height: 160%; }

/* ===================================
	searchResults
=====================================*/
.resultsBlock {
  display: none; }

.resultsSpBlock {
  margin: 0 auto 30px;
  width: 94%;
  max-width: 1300px;
  display: block; }
  .resultsSpBlock table {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
    font-size: 90%;
    line-height: 150%; }
    .resultsSpBlock table:last-child {
      margin-bottom: 0; }
    .resultsSpBlock table thead th {
      background: #4B4848;
      padding: 15px 5px;
      width: 80px !important;
      text-align: center;
      color: #fff; }
      .resultsSpBlock table thead th span {
        display: inline-block;
        padding-left: 30px; }
        .resultsSpBlock table thead th span.outward {
          background: url("../img/icon_outward.png") no-repeat left 3px; }
        .resultsSpBlock table thead th span.return {
          background: url("../img/icon_return.png") no-repeat left 3px; }
    .resultsSpBlock table thead td {
      background: #EFEFEF;
      padding: 15px 5px 15px 15px;
      text-align: left; }
    .resultsSpBlock table tbody th {
      border-bottom: #EFEFEF solid;
      padding: 15px 5px;
      text-align: center; }
      .resultsSpBlock table tbody th img {
        width: 40px; }
    .resultsSpBlock table tbody td {
      border-bottom: #EFEFEF solid;
      padding: 15px 5px;
      text-align: center; }
      .resultsSpBlock table tbody td.peach {
        color: #963087; }
      .resultsSpBlock table tbody td.vanillaAir {
        color: #0291D2; }
      .resultsSpBlock table tbody td.peach.sale,
      .resultsSpBlock table tbody td.vanillaAir.sale {
        background: url("../img/img-sale.png") no-repeat right 2px;
        background-size: 35% auto;}
      .resultsSpBlock table tbody td strong {
        font-size: 130%;
        line-height: 150%;
        font-weight: normal; }
      .resultsSpBlock table tbody td .remaining {
        color: #963087;
        display: inline-block;
		font-size: 85%;
		width: 80px;
        text-align: left; }
      .resultsSpBlock table tbody td .few {
        color: #CC4E92;
        display: inline-block;
		font-size: 85%;
		width: 80px;
        text-align: left; }
      .resultsSpBlock table tbody td .full {
        color: #BABABB;
        display: inline-block;
		font-size: 85%;
		width: 80px;
        text-align: left;
        /*margin-right: 2em;*/ }

.resultsBtn {
  margin-bottom: 90px; }
  .resultsBtn .inner {
    margin: 0 auto; }
    .resultsBtn .inner a {
      width: 49%;
      margin-right: 2%;
      font-size: 14px;
      line-height: 150%;
      padding: 15px 5px; }

/* ================================================ 
	footer
==============================================================================================================================================================*/
#page-top {
  bottom: 20px;
  right: 20px; }
  #page-top img {
    width: 42px;
    height: 61px; }
  #page-top a {
    width: 42px;
    height: 61px; }

footer {
  margin: 0;
  background: #CC4E92;
  padding: 0; }

.snsArea {
  padding: 20px 0; }
  .snsArea a {
    margin: 0 5px;
    width: 40px;
    transition: 0.6s; }
    .snsArea a:hover {
      opacity: 0.7; }
    .snsArea a img {
      width: 40px;
      height: 40px; }

.footNav {
  display: none; }

.footLogo {
  padding: 30px 3%;
  text-align: center;
  color: #fff;
  background: #9B308C; }
  .footLogo .logo {
    margin-bottom: 5px; }
  .footLogo p {
    font-size: 12px;
    line-height: 150%; }