@charset "utf-8";
/*////////////// jetstar/BasicCSS Document //////////////*/

/* ===============================================
 all（基本事項/全共通）　
=============================================== */

#jetstar {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  line-height: 1.5em;
}

/* ===============================================
 headerArea　
=============================================== */

#headerArea {
  width: 100%;
}
#headerArea h2 img {
  width: 100%;
  display: block;
}

/* ===============================================
 mainArea（メインコンテンツ部分/全共通）　
=============================================== */

#mainArea {
  display: inline-block;
}
#mainArea .summary,
#mainArea .whera,
#mainArea .flight {
  width: 100%;
}
#mainArea .summary .box,
#mainArea .whera .box,
#mainArea .flight .box {
  width: 92%;
  margin: 4% auto;
}
#mainArea .summary .box p {
  margin-top: 2%;
}
#mainArea .summary .box img {
  width: 100%;
}
#mainArea .flight .box aside {
  color: #fff;
  background-color: #ff5800;
  line-height: 1.5em;
  padding: 15px;
  margin: 3% auto;
  display: block;
  clear: both;
}
#mainArea .flight .box aside p {
  padding-left: 45px;
}
#mainArea .flight .box aside.advice {
  background-image: url('../img/sp/jetstar_thumb001.png');
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 40px;
}
#mainArea .flight .box .seat {
  width: 100%;
  display: inline-block;
}
#mainArea .flight .box .seat img {
  float: left;
  width: 48.5%;
}
#mainArea .flight .box .seat img.space {
  margin-left: 3%;
}

/* ===============================================
 titleArea（タイトル部分/全共通）
=============================================== */

/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
#mainArea .heading {
  width: 100%;
  background-color: #e5e5e5;
  color: #000;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  font-weight: bold;
  font-family:
    'KozGoPro-Light', '小塚ゴシック Pro L', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo,
    sans-serif;
  vertical-align: middle;
  padding: 15px 0;
}
#mainArea .whera .box h4.subheading,
#mainArea .flight .box h4.subheading {
  border-left: solid 3px #ff5800;
  font-size: 15px;
  font-weight: bold;
  font-family:
    'KozGoPro-Light', '小塚ゴシック Pro L', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo,
    sans-serif;
  margin: 4% 0;
  padding-left: 5px;
}
#mainArea .flight .box h5 {
  color: #ff5800;
  font-size: 19px;
  font-weight: bold;
  font-family:
    'KozGoPro-Light', '小塚ゴシック Pro L', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo,
    sans-serif;
  border-bottom: solid 1px #ff5800;
  margin: 5% 0 3%;
  padding-bottom: 5px;
}

/* titleArea.headlines.●（大見出し/アイコン設定）------------------*/
#mainArea .heading:before,
#footerArea .heading:before {
  content: '\002605';
  color: #ff5800;
  font-size: 31px;
  display: inline-block;
  margin: 0px 5px;
  vertical-align: sub;
}
#mainArea .flight .box h5.number01:before {
  content: '\002460';
  color: #ff5800;
  font-size: 18px;
  display: inline-block;
  padding-right: 5px;
  vertical-align: baseline;
}
#mainArea .flight .box h5.number02:before {
  content: '\002461';
  color: #ff5800;
  font-size: 19px;
  display: inline-block;
  padding-right: 5px;
  vertical-align: baseline;
}
#mainArea .flight .box h5.number03:before {
  content: '\002462';
  color: #ff5800;
  font-size: 19px;
  display: inline-block;
  padding-right: 5px;
  vertical-align: baseline;
}
#mainArea .flight .box h5.number04:before {
  content: '\002463';
  color: #ff5800;
  font-size: 19px;
  display: inline-block;
  padding-right: 5px;
  vertical-align: baseline;
}
#mainArea .flight .box h5.number05:before {
  content: '\002464';
  color: #ff5800;
  font-size: 19px;
  display: inline-block;
  padding-right: 5px;
  vertical-align: baseline;
}

/* titleArea.heading（中見出し/テキストのみ）------------------*/
#mainArea .titleArea.heading {
  width: auto;
}
#mainArea .titleArea.heading .titleText {
  font-size: 14px;
  color: #003e97;
  line-height: 1.2em;
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
#mainArea .titleArea.subheading {
  width: auto;
  margin: 5px 10px;
  padding: 2% 0 2% 2%;
  border-left: solid 10px #0080cb;
}
#mainArea .titleArea.subheading .titleText {
  font-size: 15px;
  color: inherit;
}

/* ===============================================
 linkArea（リンク部分/全共通）　
=============================================== */

.linkArea {
  width: 100%;
  margin: 3% 0 0;
  font-weight: bold;
  line-height: 1.5em;
}
.linkText a {
}

/* btn（ボタン型/テキスト1行）------------------*/
.linkArea.btn {
  background-color: #ff5800;
}
.linkArea.btn .linkText {
}
.linkArea.btn .linkText a {
}

/* ===============================================
 footerArea（フッター部分全体）　
=============================================== */

#footerArea {
  width: 100%;
  margin: 10px 0;
  display: inline-block;
}
#footerArea nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  background-color: #2a2a2a;
}
#footerArea nav ul li {
  border-bottom: 1px solid #fff;
}
#footerArea nav ul li a {
  font-size: 15px;
  color: #fff;
  padding: 15px;
  text-decoration: none;
  background-image: url('/cmn/icon/icon_arrow_right_white.svg');
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 30px 30px;
  display: block;
  font-weight: bold;
}
#footerArea .heading {
  width: 100%;
  background-color: #e5e5e5;
  color: #000;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  font-weight: bold;
  font-family:
    'KozGoPro-Light', '小塚ゴシック Pro L', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo,
    sans-serif;
  vertical-align: middle;
  padding: 15px 0;
}

/*newWindow（別窓表示）------------------*/
#footerArea nav .newWindow a {
  background-image: url('/cmn/icon/icon_launch_white.svg');
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 20px 20px;
}

/* TOPに戻るリンク */
.linkArea.list.top {
  width: 100%;
  margin-top: 20px;
}
.linkArea.list.top .linkText {
  background-color: #004098;
  background-image: url('/cmn/icon/icon_arrow_right_white.svg');
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 30px 30px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.linkArea.list.top .linkText a {
  padding: 15px 0 15px 15px;
  display: block;
}
/* ===============================================
 searchApp
=============================================== */
#searchApp .budget {
  background: #fff;
}

/* ===============================================
 端末調整（全体）
=============================================== */

/* iPhone4.5用 */
@media screen and (max-width: 320px) {
  #mainArea .heading {
    font-size: 14px;
  }
  #mainArea .heading:before {
    font-size: 25px;
  }
  #mainArea .summary .box,
  #mainArea .whera .box,
  #mainArea .flight .box {
    width: 94%;
  }
}

/* XPEREA＆GALAXY用縦用 */
@media screen and (min-width: 360px) and (max-width: 374px) {
  #mainArea .summary .box,
  #mainArea .whera .box,
  #mainArea .flight .box {
    width: 96%;
  }
}

.banner {
  width: 92%;
  margin: 4% auto;
}