@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

@media only screen and (min-width: 641px) {
  .c-hide-pc {
    display: none;
  }
  .c-size-150-pc{
    font-size: 150%;
  }
  .c-space-mr10-pc{
    margin-right: 10px;
  }
  .c-space-ml10-pc{
    margin-left: 10px;
  }
  .c-space-pb30-pc{
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .c-hide-sp {
    display: none;
  }
  .c-size-125-sp{
    font-size: 125%;
  }
}


/* ========== c-ground-yumekanayell ========== */
.c-ground-yumekanayell{
  /*background-color: #011225;*/
  background-color: #fff;
}
.c-ground-yumekanayell .c-heading2-01 span{
  background-color: #fff;
  box-shadow: 12px 0 0 #fff, -12px 0 0 #fff;
  color: #011225;
}
.c-ground-yumekanayell .c-copy-01{
  /*color: #fff;*/
  color: #535252;
}
.c-ground-yumekanayell .c-heading3-01.c-heading3-yumekanayell h3{
  border: none;
  background-image: url(/landing/yumekanayell/img/icon_aujibunbank.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position-y: center;
  background-position-x: left;
  padding:15px 80px;
}
.c-ground-yumekanayell .c-heading3-01.c-heading3-yumekanayell h3 img{
  display: inline-block;
  margin-right: 10px;
  width: 45px;
}
@media only screen and (max-width: 640px){
  .c-ground-yumekanayell .c-heading3-01.c-heading3-yumekanayell h3{
    background-size: 50px;
    padding:10px 55px;
  }
  .c-ground-yumekanayell .c-heading3-01.c-heading3-yumekanayell h3 img{
    width: 30px;
  }
}
@media only screen and (max-width: 355px){
  .c-ground-yumekanayell .c-heading3-01.c-heading3-yumekanayell h3{
    background-size: 40px;
    padding:10px 5px 10px 45px;
  }
}


/* ========== c-yumekanayell-bg ========== */
.c-yumekanayell-bg{
  background-image: url(/landing/yumekanayell/img/img_bg_20210816.png);
  background-repeat: no-repeat;
  background-size: auto 228px;
  background-position: right 50px top 0px;
}
@media only screen and (max-width: 640px){
  .c-yumekanayell-bg{
    background-size: 70%;
    background-position: center;
  }
}


/* ========== c-yumekanayell-ambassador ========== */
.c-yumekanayell-ambassador{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-yumekanayell-ambassador .c-figure-01{
  width: 24%;
}
@media only screen and (max-width: 640px){
  .c-yumekanayell-ambassador{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-yumekanayell-ambassador .c-figure-01{
    width: 48%;
  }
}


/* ========== movie ========== */
#flg-movie {
  height: 0;
  margin-top: 1.25em;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

#flg-movie iframe {
  border: #000 solid 1px;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


/* ========== c-heading2-01 ========== */
.c-heading2-01.c-heading2-img{
  margin-left: -54px;
}
@media only screen and (max-width: 640px){
  .c-heading2-01.c-heading2-img{
    margin-left: -10px;
  }
}


/* ========== c-figure-tit ========== */
.c-figure-01.c-figure-tit {
  margin: -31px -54px 0 -54px;
}
@media only screen and (max-width:640px) {
  .c-figure-01.c-figure-tit {
    margin: -16px -10px 0 -10px;
  }
}

/* ========== c-anchorLinks-yumekanayell ========== */
.c-anchorLinks-yumekanayell {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
}

.c-anchorLinks-yumekanayell .anchorLink-item-pc img,
.c-anchorLinks-yumekanayell .anchorLink-item-sp img {
  width: 100%;
}

@media only screen and (min-width:641px) {
  /* .c-anchorLinks-yumekanayell .anchorLink-item-pc{
    width: 16.82027649769585%;
  } */
  .c-anchorLinks-yumekanayell .anchorLink-item-pc,
  .c-anchorLinks-yumekanayell .anchorLink-item-sp {
    margin-right: 2.2%;
  }

  .c-anchorLinks-yumekanayell .anchorLink-item-pc:last-of-type,
  .c-anchorLinks-yumekanayell .anchorLink-item-sp:last-of-type {
    margin-right: 0;
  }
}
@media only screen and (max-width:640px) {
  #jbk-frame-main .c-anchorLinks-yumekanayell {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: -1.93066666666667vw;
    margin-right: -2.2%;
  }

  .c-anchorLinks-yumekanayell .anchorLink-item-pc,
  .c-anchorLinks-yumekanayell .anchorLink-item-sp {
    margin-right: 2.2%;
  }
  .c-anchorLinks-yumekanayell .anchorLink-item-pc:last-of-type {
    margin-right: 0;
  }

  .c-anchorLinks-yumekanayell .anchorLink-item-sp {
    width: auto;
    max-height: 66px;
    height: 17vw;
  }

  .c-anchorLinks-yumekanayell .anchorLink-item-sp figure,
  .c-anchorLinks-yumekanayell .anchorLink-item-sp img {
    height: 100%;
  }

  #jbk-frame-main .c-anchorLinks-yumekanayell .anchorLink-item-sp,
  #jbk-frame-main .c-anchorLinks-yumekanayell .anchorLink-item-pc {
    margin-top: 1.93066666666667vw;
  }
}