@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%; }

#wrapper {
  overflow: hidden;
  padding: 0 !important;
  outline: 0; }

#header {
  padding: 0 10px !important; }

#contents {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Hiragino Sans',sans-serif; }

img {
  vertical-align: text-bottom; }

.none {
  display: none; }

.newIcon {
  display: inline-block;
  width: 40px;
  margin-left: 5px;
  padding: 0 4px;
  border-radius: 10px;
  background: #f00;
  color: #fff;
  font-size: 85%;
  vertical-align: top; }

.sTxt {
  font-size: 85%; }

.mb1em {
  margin-bottom: 1em; }

.ti1em {
  padding-left: 1em;
  text-indent: -1em; }

/* .snsBtn */
.snsBtn ul {
  padding: 10px; }
  .snsBtn ul li {
    float: left; }

.snsBtn .fb {
  margin-right: 10px; }

.fb_iframe_widget > span {
  vertical-align: baseline !important; }

/* --- section --- */
.section {
  position: relative;
  z-index: 10;
  width: 100%;
  min-width: 950px;
  margin: 0 auto; }

.inner {
  width: 950px;
  margin: 0 auto;
  padding: 30px 0; }
  .inner:after {
    display: table;
    clear: both;
    content: ''; }

/* SUBMENU */
.subMenu {
  z-index: 1000;
  width: 100%;
  height: 40px;
  background: #0070f0; }
  .subMenu .inner {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0; }
  .subMenu ul {
    position: relative;
    left: 50%;
    float: left; }
    .subMenu ul li {
      position: relative;
      left: -50%;
      float: left; }
  .subMenu a {
    display: block;
    width: 140px;
    height: 30px;
    margin: 0;
    padding: 10px 0 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center; }
    .subMenu a:hover {
      background: #09f; }
  .subMenu ul li:first-child a {
    width: 100px !important; }

.active {
  background: #0c4093; }

/* --- contents css --- */
/* .sTop */
/* .mainArea */
.sTop {
  position: relative;
  z-index: 0;
  height: 570px;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/eyecatch_bg.png) no-repeat center;
  background-size: cover; }

.mainTxt {
  position: relative;
  margin-left: 400px; }

.title {
  width: 480px;
  height: 116px;
  overflow: hidden;
  margin: 10px auto 0;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/eyecatch_title.png) no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap; }

/* campaign */
.mainTxt > p > a {
  position: absolute;
  margin: 160px 0 0 75px; }

/* .dlBtn1 */
.dlBtn1 {
  position: absolute;
  top: 300px;
  left: 63px; }
  .dlBtn1 li {
    float: left;
    line-height: 0; }
  .dlBtn1 .iBtn a {
    display: block;
    width: 202px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/iBtn_top.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap; }
  .dlBtn1 .aBtn a {
    display: block;
    width: 202px;
    height: 60px;
    overflow: hidden;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/aBtn_top.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap; }

.mainArea img {
  position: absolute;
  bottom: 0; }

/* .whatsNew */
.whatsNew {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.8);
  color: #424242;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#7fffffff,EndColorStr=#7fffffff); }

.wInner {
  width: 950px;
  margin: 0 auto; }

.whatsNew h2 {
  float: left;
  margin-right: 24px; }

.whatsNew ul {
  float: left;
  width: 760px; }

.whatsNew dl dt {
  float: left;
  padding-right: 10px; }

.whatsNew a {
  color: #424242; }

/* SECTIONS*/
.traffics, .s2, .s3, .s4, .s5, .s6 {
  position: relative;
  min-height: 470px; }

.s5 {
  position: relative;
  min-height: 550px; }

.mt1 {
  position: relative;
  height: 570px; }

.mt2 {
  position: relative;
  height: 652px; }

.mt3 {
  position: relative;
  height: 650px; }

.s2, .s3, .s4, .s5, .s6 {
  position: absolute;
  bottom: 0; }

.introduction .inner, .traffics .inner, .s2 .inner, .s3 .inner, .s4 .inner, .s5 .inner {
  padding: 0 !important; }

.blackBg {
  position: relative;
  left: 280px;
  width: 100%;
  max-width: 745px\9;
  /* IE8 */
  margin-top: 50px;
  padding: 20px 0 20px 40px;
  color: #424242; }
  .blackBg h1, .blackBg p {
    max-width: 500px;
    text-align: justify; }

/* IE9 */
.capLayout {
  padding: 0 50px;
  *margin-top: 50px; }

.capImg {
  position: absolute;
  top: -36px; }

.appImg {
  position: absolute;
  bottom: 30px;
  margin: 0 10px 0 315px; }

.appImg2 {
  position: absolute;
  bottom: 30px;
  margin-left: 585px; }

/* .s1 */
/* .introductions  */
.s1 {
  height: auto !important; }

.introductions {
  background: #fff;
  text-align: center;
  padding: 30px 0 0;
  color: #424242; }

/* .traffics */
.traffics {
  margin-top: 50px !important;
  background-color: #f4f5f9; }
  .traffics h1 {
    height: 38px;
    overflow: hidden;
    margin-bottom: 20px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s1_title_image.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap; }

/* .s2 */
.s2 {
  background-color: #f4f5f9; }
  .s2 h1 {
    height: 38px;
    overflow: hidden;
    margin-bottom: 20px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s2_title_image.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap; }

/* .s3 */
.s3 {
  background-color: #f4f5f9; }
  .s3 h1 {
    height: 38px;
    overflow: hidden;
    margin-bottom: 20px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s3_title_image.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap; }

/* .s4 */
.s4 {
  background-color: #f4f5f9; }
  .s4 h1 {
    height: 38px;
    overflow: hidden;
    margin-bottom: 20px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s4_title_image.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap; }

/* .s5 */
.s5 {
  background-color: #f4f5f9; }
  .s5 .appImg {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0;
    position: inherit; }
    .s5 .appImg dl dt {
      margin: 18px 0 30px;
      color: #424242;
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
  .s5 .capLayout ul {
    margin-top: 14px; }
  .s5 ul:nth-child(2) li::before {
    content: "・"; }
  .s5 h1 {
    height: 38px;
    overflow: hidden;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s5_title_image.png) no-repeat;
    background-size: contain;
    background-position: center;
    text-indent: 100%;
    white-space: nowrap; }
  .s5 li {
    position: relative;
    width: 100%;
    max-width: 745px\9;
    margin: 0 0 4px;
    /* IE8 */
    color: #424242; }
    .s5 li h1, .s5 li p {
      max-width: 950px;
      margin: 0 auto; }
    .s5 li h1 {
      margin-top: 50px; }
    .s5 li p {
      margin-top: 20px; }
    .s5 li a {
      color: #424242; }

/* .s6 */
.s6 {
  background: #76bff8; }
  .s6 h1 {
    height: 38px;
    overflow: hidden;
    margin: 20px 0 30px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/s6_titile_image.png) no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap; }
  .s6 ul {
    padding: 0 50px; }
    .s6 ul li {
      display: table-cell;
      width: 283px\9;
      padding-right: 35px;
      *display: inline;
      *zoom: 1;
      *padding-right: 0; }
      .s6 ul li:last-child {
        padding-right: 0; }
  .s6 p {
    max-width: 260px;
    color: #fff; }
  .s6 dl {
    position: relative;
    width: 260px; }
    .s6 dl dt {
      padding: 346px 0 10px;
      font-size: 110%;
      color: #fff; }
    .s6 dl dd {
      font-size: 94%; }
  .s6 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 330px; }

/* .S7 */
.s7 p {
  width: 610px;
  height: 42px;
  overflow: hidden;
  margin: 80px auto;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/btm_title_image.png) no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap; }

/* .s8 */
.s8 {
  background: #2059a7; }
  .s8 h1 {
    float: left;
    width: 264px;
    height: 76px;
    overflow: hidden;
    margin-right: 22px;
    background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/dlTxt_btm.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap; }

/* .dlBtn2 */
.dlBtn2 li {
  float: left;
  line-height: 0; }

.dlBtn2 .iBtn a {
  display: block;
  width: 222px;
  height: 66px;
  overflow: hidden;
  margin: 5px 12px 0 0;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/iBtn_btm.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap; }

.dlBtn2 .aBtn a {
  display: block;
  width: 222px;
  height: 66px;
  overflow: hidden;
  margin: 5px 12px 0 0;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/aBtn_btm.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap; }

.qr {
  margin-right: 22px; }
  .qr:last-child {
    margin-right: 0; }

/* .s9 */
.s9 {
  background: #61ace5; }
  .s9 .inner {
    padding: 10px 0 !important; }

.snsPR li {
  display: table-cell;
  height: 40px;
  vertical-align: middle; }
  .snsPR li:first-child {
    padding: 0 20px 0 0; }
  .snsPR li:last-child {
    padding-right: 0; }

.snsPR a {
  display: table-cell;
  height: 40px;
  padding: 0 20px 0 50px;
  color: #fff;
  text-decoration: none;
  vertical-align: middle; }

.snsPR h1 {
  float: left;
  color: #fff;
  font-size: 110%; }

.snsPR .blog {
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/snsBtn_blog.png) no-repeat; }

.snsPR .fb {
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/snsBtn_fb.png) no-repeat; }

.snsPR .tw {
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/snsBtn_tw.png) no-repeat; }

.snsPR li {
  *display: inline;
  *zoom: 1; }
  .snsPR li::first-child {
    display: block; }

/* .banners */
.banners ul {
  height: 60px;
  overflow: hidden; }
  .banners ul li {
    float: left;
    margin-right: 25px;
    margin-right: 16px\9;
    /* IE8以下に適用 */ }
    .banners ul li:last-child {
      margin-right: 0; }

/* notes */
.notes {
  background: #ededed; }
  .notes ul li {
    list-style-type: disc !important;
    margin-left: 1.5em; }

.cautions {
  margin-bottom: 20px;
  padding: 40px 40px 40px 110px;
  border-radius: 8px;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/cautions_icon.png) no-repeat #fff 20px;
  background-size: 100px;
  color: #424242;
  font-size: 110%;
  text-indent: -1em; }

ul.cautions li {
  list-style-type: none !important; }

ul.cautions li:not(:first-child)::before {
  content: "・"; }

ul.cautions li:first-child {
  margin-bottom: 10px; }

/* ERROR */
.notfound h1 {
  width: 640px;
  height: 240px;
  overflow: hidden;
  margin: 30px 0;
  background: url(//s.yimg.jp/images/carnavi/promo/landing/pc/img/err_ttl.png) no-repeat;
  text-indent: 100%;
  white-space: nowrap; }

.notfound p {
  margin-left: 30px; }

.notfound img {
  float: right; }