@charset "utf-8";

/* ------------------------------------------------------ */
/* 個々のバナーはこのCSSファイルでレイアウトを調整する */
/* ------------------------------------------------------ */
.mainCarouselList .hidden {
	visibility: hidden;
}

/* ------------------------------------------------------ */
/* attention */
/* ------------------------------------------------------ */
.attention {
    background: url(/ja/images/main_banner/attention_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.attention .inner {
    color: #fff;
    font-size: 16px;
}
.attention .inner p{
    padding: 50px 0 30px;
    /*letter-spacing: 0.05em;*/
}
.attention .inner strong {
    margin: 15px 0 20px;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: normal;
    display: block;
}
.attention .inner a {
    text-align: center;
}


/* ------------------------------------------------------ */
/* YOUR WING. */
/* ------------------------------------------------------ */
.mainCarouselList .yourwing {
  background: url(/ja/images/main_banner/yourwing.jpg) center 0 no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 535px;
  width: 100%;
}
.mainCarouselList .yourwing a {
  display: inline-block;
  height: 477px;
  width: 100%;
}



/* ------------------------------------------------------ */
/* covid-19 */
/* ------------------------------------------------------ */
.mainCarouselList .covid-19_b {
  background: linear-gradient(to bottom, #ffee88, #fffecc);
}


/* ------------------------------------------------------ */
/* tasutoku_201028 */
/* ------------------------------------------------------ */
.tasutoku {
  background-image:url(/ja/images/main_banner/tasutoku_bg.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* ------------------------------------------------------ */
/* skytrip365_202007 */
/* ------------------------------------------------------ */
.mainCarouselList .skytrip365_202007 {
    background-image:url(/ja/images/main_banner/skytrip365_202007_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 535px;
}
.mainCarouselList .skytrip365_202007 .link_skytrip365_202007 {
	display: block;
	width: 100%;
	height: 535px;
}
.mainCarouselList .skytrip365_202007 .inner{
    position: relative;
}

.mainCarouselList .skytrip365_202007 .inner img:first-child{
    margin-left: auto;
}
/* skytrip365 button */
.mainCarouselList .skytrip365_202007 .link_skytrip365{
	position: absolute;
	display: block;
	max-width: 140px;
	width: 100%;
	right: 0px;
	bottom: 140px;
	background-image: url("/ja/images/main_banner/banner_skytrip365_bgwhite.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.mainCarouselList .skytrip365_202007 .link_skytrip365 img{
	transition:opacity 0.3s;
}
.mainCarouselList .skytrip365_202007 .link_skytrip365 img:hover{
	opacity: 0.5;
}

/* ------------------------------------------------------ */
/* goto_cp */
/* ------------------------------------------------------ */
.goto_cp{
  background-image:url(/ja/images/main_banner/goto_cp_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  position: relative;
}


/* ------------------------------------------------------ */
/* no1_W */
/* ------------------------------------------------------ */
.no1_w {
  background-image:url(/ja/images/main_banner/banner_no1_bg_w.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  position: relative;
}

/* ------------------------------------------------------ */
/* no1_W2 */
/* ------------------------------------------------------ */
.no1_w2 {
  background: #acbddb url(/ja/images/main_banner/banner_no1_bg_w2.jpg) 50% 50% no-repeat;
  position: relative;
}
.mainCarouselList li.no1_w2 .inner {
  text-align: center;
  background: url(/ja/images/main_banner/banner_no1_content_wL.png) no-repeat 96% 0;
}
.mainCarouselList li.no1_w2 .inner a {
  display: inline-block;
  margin: 0 auto;
  width: 960px;
  height: 445px;
  text-indent: -10000px;
}
@media screen and (max-width: 1200px) {
.no1_w2 {
  background:url(/ja/images/main_banner/banner_no1_bg_w2.jpg) 15% 50% no-repeat;
  position: relative;
}
.mainCarouselList li.no1_w2 .inner {
  background: url(/ja/images/main_banner/banner_no1_content_wS.png) no-repeat 50% 0;
}
}

/* ------------------------------------------------------ */
/* dash_imatoku_202008 */
/* ------------------------------------------------------ */
.dash_imatoku_202008,
.dash_imatoku_202008_nos,
.dash_imatoku_202009_nos{
  background-image:url(/ja/images/main_banner/dash_imatoku_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.dash_imatoku_202008 .inner .ribbon,
.dash_imatoku_202008_nos .inner .ribbon,
.dash_imatoku_202009_nos .inner .ribbon{
  position: absolute;
  top: 0;
  right: 0;
}

/* ------------------------------------------------------ */
/* shimoji_202008 */
/* ------------------------------------------------------ */
.shimoji_202008,
.shimoji_202008_nos{
  background-image:url(/ja/images/main_banner/shimoji_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* ------------------------------------------------------ */
/* shimoji_sp_2020 */
/* ------------------------------------------------------ */
.shimoji_sp_2020 {
	background-image: url("/ja/images/main_banner/ban_shimoji_sp_2020_bg.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
}
.shimoji_sp_2020 .inner {
	display: block;
	height: 535px;
}
.shimoji_sp_2020 a p {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}