@charset "UTF-8";
/* ----------------------------------------------------------
article
---------------------------------------------------------- */

body.page-rewards-enjoy_latte .mainContents {
  overflow: visible;
  position: relative;
  margin-right: 0;
}

body.page-rewards-enjoy_latte .mainContents article {
  padding-bottom: 0;
  width: auto;
}


/* ----------------------------------------------------------
SNS
---------------------------------------------------------- */

.mainContentsIn {
  position: relative;
  background-color: #006241;
}
@media screen and (max-width: 909px) {
  .mainContentsIn {
    background-color: #fff;
  }
}

._layer {
  position: relative;
}
.contArea__anchor { 
  position: absolute;
  width: 0;
  height: 0; 
}
@media screen and (max-width: 415px) {
  .contArea__anchor { 
    top: -6.547vw;
  }
}
.content-top {
  /* opacity: 0.7; */
}
.content-wrap {
  /* opacity: 0.7; */
  position: relative;
}

.content-wrap .top-text {
  position: absolute;
  top: -330px;
  text-align: center;
  left: 52px;
}
@media screen and (max-width: 909px) {
  .content-wrap .top-text {
    top: -52.8vw;
    left: 7vw;
  }
}

.content-title {
  padding: 27px 26px 16px 37px;
}
@media screen and (max-width: 909px) {
  .content-title {
    padding: 2.1vw 4vw 2vw 6vw;
  }
}
@media screen and (max-width: 415px) {
  .content-title {
    padding: 0vw 4.5vw 2.3vw 6vw;
  }
  .content-title .catch-text{
    font-size: 5vw;
  }
}
@media screen and (max-width: 321px) {
  .content-title {
    padding: 0vw 4.5vw 4.3vw 6vw;
  }
}

.standards .content-title h3.catch-text {
  padding: 0px 150px 20px 137px;
}
@media screen and (max-width: 909px) {
  .standards .content-title h3.catch-text {
    padding: 5vw 24.550vw 3.273vw 22.422vw;
  }
}
@media screen and (max-width: 415px) {
  .standards .content-title h3.catch-text {
    padding: 5vw 24.550vw 5.273vw 22.422vw;
  }
}
@media screen and (max-width: 321px) {
  .standards .content-title h3.catch-text {
    padding: 2vw 24.550vw 3.273vw 22.422vw;
  }
}
.standards .content-title p.catch-text {
  line-height: 1;
}

p.catch-text,
h3.catch-text {
  font-size: 30px;
  color: #006241;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.6;
}
@media screen and (max-width: 909px) {
  p.catch-text,
  h3.catch-text {
    font-size: 4.910vw;
  }
}

.catch-text.item-name {
  font-size: 24px;
  line-height: 1;
}
@media screen and (max-width: 909px) {
  .catch-text.item-name {
    font-size: 3.928vw;
  }
}

.item-wrap {
  position: relative;
}

.item-image {
  padding: 0 88px 80px;
}
@media screen and (max-width: 909px) {
  .item-image {
    padding: 0 14vw 13.093vw;
  }
}
@media screen and (max-width: 321px) {
  .item-image {
    padding: 0 15vw 13.093vw;
  }
}

.item-text .item-tag {
  margin-bottom: 0;
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  color: #006241;
} 
.item-text.item-recipe .item-tag {
  font-size: 20px;
} 
@media screen and (max-width: 909px) {
  .item-text.item-recipe .item-tag {
    font-size: 3.273vw;
  }
}
@media screen and (max-width: 415px) {
  .item-text.item-recipe .item-tag {
    font-size: 3.1vw;
  }
}
.item-text .item-tag.num-01 {
  bottom: 176px;
  left: 128px;
} 
.item-text .item-tag.num-02 {
  bottom: 128px;
  left: 129px;
} 
.item-text .item-tag.num-03 {
  bottom: 129px;
  right: 120px;
} 
.item-text .item-tag.num-04 {
  bottom: 82px;
  left: 128px;
}
@media screen and (max-width: 909px) {
  .item-text .item-tag {
    font-size: 3.601vw;
  } 
  .item-text .item-tag.num-01 {
    bottom: 28.6vw;
    left: 20.277vw;
  } 
  .item-text .item-tag.num-02 {
    bottom: 20.8vw;
    left: 20.277vw;
  } 
  .item-text .item-tag.num-03 {
    bottom: 20.8vw;
    right: 19.149vw;
    letter-spacing: 0;
  } 
  .item-text .item-tag.num-04 {
    bottom: 13.3vw;
    left: 20.277vw;
  }
}
@media screen and (max-width: 415px) {
  .item-text .item-tag {
    font-size: 3.4vw;
  } 
  .item-text .item-tag.num-01 {
    bottom: 29vw;
    left: 23vw;
  } 
  .item-text .item-tag.num-02 {
    bottom: 21.5vw;
    left: 23vw;
  } 
  .item-text .item-tag.num-03 {
    bottom: 21.6vw;
    right: 21vw;
    letter-spacing: 0;
  } 
  .item-text .item-tag.num-04 {
    bottom: 13.5vw;
    left: 23vw;
  }
}

.item-list-title p {
  font-size: 32px;
  color: #006241;
  font-weight: bold;
  text-align: center;
  margin-bottom: 27px;
  line-height: 1.5;
}
@media screen and (max-width: 909px) {
  .item-list-title p {
    font-size: 5.2vw;
    margin-bottom: 4vw;
  }
}
.item-list-title h4 p {
  font-size: 22px;
  color: #006241;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
}
@media screen and (max-width: 909px) {
  .item-list-title h4 p {
    font-size: 3.8vw;
    margin: 0;
  }
}
.item-list-title h4 p.head-tag {
  font-size: 40px;
  color: #006241;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  background: url(/rewards/your_standard_frappuccino/images/tag-bg.png) center 100%/ 100% no-repeat;
  width: 309px;
  height: 66px;
  line-height: 1.8;
}
@media screen and (max-width: 909px) {
  .item-list-title h4 p.head-tag {
    font-size: 6.5vw;
    margin: 0 auto;
    width: 49vw;
    height: 11vw;
  }
}

.item-list-item {
  position: relative;
}

.item-list-wrap .item-image {
  padding: 20px 37px 64px 105px;
}
@media screen and (max-width: 909px) {
  .item-list-wrap .item-image {
    padding: 3.273vw 6.056vw 9.6vw 17.185vw;
  }
}

.item-tag.citrus {
  bottom: 189px;
  right: 67px;
  letter-spacing: -1px;
}
@media screen and (max-width: 909px) {
  .item-tag.citrus {
    bottom: 29vw;
    right: 8vw;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 415px) {
  .item-tag.citrus {
    right: 11vw;
    bottom: 29.6vw;
    letter-spacing: 0;
  }
}

.item-list-wrap .item-list-item:nth-child(2) .item-image {
  padding: 18px 41px 0px 33px;
}
@media screen and (max-width: 909px) {
  .item-list-wrap .item-list-item:nth-child(2) .item-image {
    padding: 2.946vw 6.710vw 0px 5.401vw;
  }
}
.item-list-wrap .item-list-item:nth-child(2) .item-list-title h4 p{
  margin-bottom: 0;
}
.item-list-wrap .item-list-item:nth-child(2) .item-list-title .head-tag{
  background: url(/rewards/your_standard_frappuccino/images/tag-bg02.png) center 100%/ 100% no-repeat;
  width: 349px;
}
@media screen and (max-width: 909px) {
  .item-list-wrap .item-list-item:nth-child(2) .item-list-title .head-tag{
    width: 57.119vw;
  }
}
.item-tag.source {
  top: 141px;
  left: 42px;
  letter-spacing: -1px;
  line-height: 1.2;
  padding-left: 2em;
  text-indent: -2em;
}
@media screen and (max-width: 909px) {
  .item-tag.source{
    top: 23.5vw;
    left: 7vw;
    font-size: 3.4vw;
  }
}
@media screen and (max-width: 415px) {
  .item-tag.source{
    top: 24.5vw;
  }
}
.item-tag.chip {
  bottom: 130px;
  right: 46px;
  line-height: 1.2;
  padding-left: 2em;
  text-indent: -2em;
}
@media screen and (max-width: 909px) {
  .item-tag.chip{
    bottom: 20.5vw;
    right: 7vw;
    font-size: 3.4vw;
  }
}
@media screen and (max-width: 415px) {
  .item-tag.chip {
    bottom: 21vw;
    right: 9vw;
  }
}


.story02 h3.catch-text {
  margin: 3px 0 20px;
  line-height: 1.7;
}
@media screen and (max-width: 415px) {
  .story02 h3.catch-text {
    margin: 0 0 4vw;
  }
  .story04 h3.catch-text {
    margin-bottom: 7vw;
  }
}

p.content-text {
  font-size: 24px;
  color: #006241;
  margin-bottom: 0;
  line-height: 1.6;
}
@media screen and (max-width: 909px) {
  p.content-text {
    font-size: 4vw;
    line-height: 1.5;
  }
}

.standards-list-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.standards-list-wrap .standards-list-item{
  position: relative;
  padding: 20px 20px 0 35px;
  min-height: 300px;
}
@media screen and (max-width: 909px) {
  .standards-list-wrap .standards-list-item{
    position: relative;
    padding: 4.273vw 3.273vw 0 5.728vw;
    min-height: 300px;
    width: 39.5%;
  }
}
@media screen and (max-width: 415px) {
  .standards-list-wrap .standards-list-item{
    min-height: 24.550vw;
  }
}

.standards-list-wrap .standards-list-item:nth-child(2){
  padding: 20px 40px 0 27px;
}
@media screen and (max-width: 909px) {
  .standards-list-wrap .standards-list-item:nth-child(2){
    padding: 3.273vw 6.547vw 0 4.419vw;
  }
}
.standards-list-wrap+.standards-list-wrap .standards-list-item{
  padding: 0 20px 0 35px;
}
@media screen and (max-width: 909px) {
  .standards-list-wrap+.standards-list-wrap .standards-list-item{
    padding: 13vw 3.273vw 0 5.728vw;
  }
}
.standards-list-wrap+.standards-list-wrap .standards-list-item:nth-child(2){
  padding: 0 40px 0 27px;
}
@media screen and (max-width: 909px) {
  .standards-list-wrap+.standards-list-wrap .standards-list-item:nth-child(2){
    padding: 13vw 6.547vw 0 4.419vw;
  }
}
.standards-list-title {
  position: absolute;
}
.standards-list-item.coffee .standards-list-title {
  bottom: 47px;
  left: 75px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.coffee .standards-list-title{
    bottom: -5vw;
    left: 12.275vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.coffee .standards-list-title{
    bottom: -6vw;
    left: 9.275vw;
  }
}
.standards-list-item.dark .standards-list-title {
  bottom: 28px;
  left: 86px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.dark .standards-list-title {
    bottom: -8.5vw;
    left: 14vw;
  }
  .standards-list-item.dark .standards-tag {
    left: 7.8vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.dark .standards-list-title {
    bottom: -9.5vw;
    left: 12vw;
  }
  .standards-list-item.dark .standards-tag {
    left: 7vw;
  }
}

.standards-list-item.espresso .standards-list-title {
  bottom: 27px;
  left: 65px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.espresso .standards-list-title {
    bottom: -8vw;
    left: 10vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.espresso .standards-list-title {
    bottom: -10vw;
    left: 4vw;
  }
}
.standards-list-item.espresso .standards-tag {
  bottom: 100px;
  left: 57px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.espresso .standards-tag {
    bottom: 3.5vw;
    left: 9vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.espresso .standards-tag {
    bottom: 2.5vw;
    left: 8vw;
  }
}
.standards-list-item.mango .standards-list-title {
  bottom: 28px;
  left: 52px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.mango .standards-list-title {
    bottom: -8vw;
    left: 8.5vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.mango .standards-list-title {
    bottom: -10vw;
    left: 4.5vw;
  }
}
.standards-list-item.mango .standards-tag {
  bottom: 98px;
  left: 41px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.mango .standards-tag {
    bottom: 3.5vw;
    left: 6.5vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.mango .standards-tag {
    bottom: 2.5vw;
    left: 5.5vw;
  }
}
.standards-list-item.caramel .standards-list-title {
  bottom: 47px;
  left: 65px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.caramel .standards-list-title {
    bottom: -5vw;
    left: 10.5vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.caramel .standards-list-title {
    bottom: -6vw;
    left: 5.5vw;
  }
}
.standards-list-item.caramel .standards-tag {
  bottom: 110px;
  left: 46px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.caramel .standards-tag {
    bottom: 5vw;
    left: 7.5vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.caramel .standards-tag {
    bottom: 5vw;
    left: 6.5vw;
  }
}
.standards-list-item.moca .standards-list-title {
  bottom: 30px;
  left: 48px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.moca .standards-list-title {
    bottom: -8vw;
    left: 8vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.moca .standards-list-title {
    bottom: -10vw;
    left: 3vw;
  }
}
.standards-list-item.moca .standards-tag {
  bottom: 104px;
  left: 38px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.moca .standards-tag {
    bottom: 4vw;
    left: 6vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.moca .standards-tag {
    bottom: 3vw;
    left: 5.5vw;
  }
}
.standards-list-item.matcha .standards-list-title {
  bottom: 49px;
  left: 58px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.matcha .standards-list-title {
    bottom: -4.5vw;
    left: 9vw;
  }
}
@media screen and (max-width: 376px) {
  .standards-list-item.matcha .standards-list-title {
    left: 8vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.matcha .standards-list-title {
    left: 7vw;
    bottom: -9.5vw;
  }
}
.standards-list-item.matcha .standards-tag {
  bottom: 100px;
  left: 48px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.matcha .standards-tag {
    bottom: 3.5vw;
    left: 8vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.matcha .standards-tag {
    bottom: 3vw;
    left: 7vw;
  }
}
.standards-list-item.banilla .standards-list-title {
  bottom: 47px;
  left: 45px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.banilla .standards-list-title {
    bottom: -4.5vw;
    left: 7vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.banilla .standards-list-title {
    bottom: -9.5vw;
    left: 3vw;
  }
}
.standards-list-item.banilla .standards-tag {
  bottom: 98px;
  left: 33px;
}
@media screen and (max-width: 909px) {
  .standards-list-item.banilla .standards-tag {
    bottom: 3.3vw;
    left: 5vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-list-item.banilla .standards-tag {
    bottom: 2.3vw;
    left: 4vw;
  }
}

.standards-list-item .standards-list-title p {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (max-width: 909px) {
  .standards-list-item .standards-list-title p{
    font-size: 2.619vw;
  }
}

.standards-tag {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.4;
  bottom: 99px;
  left: 50px;
}
@media screen and (max-width: 909px) {
  .standards-tag{
    font-size: 2.619vw;
    bottom: 3.6vw;
    left: 8.183vw;
  }
}
@media screen and (max-width: 321px) {
  .standards-tag{
    bottom: 2.6vw;
    left: 6.7vw;
  }
}

.teiban-wrap .content-text {
  padding-top: 17px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 909px) {
  .teiban-wrap .content-text{
    padding-top: 0.782vw;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 415px) {
  .teiban-wrap .content-text{
    font-size: 3.8vw;
  }
}
.teiban-wrap .content-img {
  width: 72%;
  padding: 18px 0 45px 171px;
}
@media screen and (max-width: 909px) {
  .teiban-wrap .content-img{
    width: 73%;
    padding: 2.5vw 0 7.4vw 27vw;
  }
}
@media screen and (max-width: 415px) {
  .teiban-wrap .content-img{
    padding: 3.4vw 0 6.4vw 27vw;
  }
}

.content-top ._layer.is-bg-top {
  background: url(/rewards/your_standard_frappuccino/images/top-bg.png) center 100%/ 100% no-repeat;
  padding-top: 1015px;
  position: relative;
} 
@media screen and (max-width: 909px) {
  .content-top ._layer.is-bg-top {
    padding-top: 163vw;
  }
}
@media screen and (max-width: 415px) {
  .content-top ._layer.is-bg-top {
    padding-top: 166vw;
  }
}

.content-top .top-head {
  position: absolute;
  top: 237px;
  left: 192px;
}
@media screen and (max-width: 909px) {
  .content-top .top-head {
    width: 38%;
    top: 37.789vw;
    left: 31.424vw;
  }
}
.content-top .top-head h2 {
  margin-bottom: 12px;
}
@media screen and (max-width: 909px) {
  .content-top .top-head h2 {
    margin-bottom: 1.964vw;
  }
}

.content-top .top-head .top-head-text p{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 909px) {
  .content-top .top-head .top-head-text p{
    font-size: 3vw;
    padding-right: 2vw;
  }
}

.content-section {
  padding-top: 20px;
  padding-bottom: 119px;
  position: relative;
}
@media screen and (max-width: 909px) {
  .content-section {
    margin-top: 3.273vw;
    padding-bottom: 14vw;
  }
}
@media screen and (max-width: 415px) {
  .content-section {
    padding-bottom: 15vw;
  }
  .content-section.teiban {
    padding-top: 3vw;
  }
}
.content-section.standards {
  padding-bottom: 40px;
  background-color: #d4e9e2;
}
@media screen and (max-width: 909px) {
  .content-section.standards {
    padding-bottom: 18.547vw;
  }
}
.content-section.teiban {
  background-color: #fff;
}
.content-notice p {
  font-size: 15px;
  color: #000;
  margin-bottom: 0;
  font-weight: bold;
}
@media screen and (max-width: 909px) {
  .content-notice p {
    font-size: 2.455vw;
  }
}
.link-btn {
  text-align: center;
  padding: 12px;
  background: url(/rewards/your_standard_frappuccino/images/teiban-bg.png) center 100%/ contain no-repeat;
}
.link-btn a {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding: 16px 51px;
}
@media screen and (max-width: 909px) {
  .link-btn a {
    font-size: 3.273vw;
    padding: 2.619vw 8.347vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 415px) {
  .link-btn {
    width: 77%;
    margin: 0 auto;
    padding: 5vw 0 2.6vw;
  }
  .link-btn a {
    padding: 0;
    line-height: 0;
  }
}
.block-scene .latte-btn {
  margin: 20px auto 0;
  background: url(/rewards/your_standard_frappuccino/images/btn-bg.png) center 100%/ contain no-repeat;
  position: relative;
  width: 400px;
}
@media screen and (max-width: 909px) {
  .block-scene .latte-btn {
    margin: 4.910vw auto 0;
    width: 65.466vw;
  }
}
@media screen and (max-width: 415px) {
  .block-scene .latte-btn {
    margin-top: 5.1vw;
  }
}

.block-scene .latte-btn a {
  display: block;
  padding: 20px 30px;
  font-size: 21px;
  color: #1e3932;
  text-align: center;
}
@media screen and (max-width: 909px) {
  .block-scene .latte-btn a {
    padding: 3.273vw 4.910vw;
    font-size: 3.437vw;
  }
}

.clear-cookie {
  padding: 10px;
  margin: 10px;
  text-align: center;
  background: #ffc;
  color: #000;
  font-size: 14px;
}

header.global {
  z-index: 3000;
}

@media screen and (min-width: 1280px) {

  body.page-rewards-enjoy_latte {
    margin-left: 0;
  }

  body.page-rewards-enjoy_latte .mainContents article {
    margin-left: 0;
  }
}

@media screen and (min-width: 910px) {

  body.page-rewards-enjoy_latte .mainContents {
    min-width: 900px;
  }

  body.page-rewards-enjoy_latte .mainContents {
    min-width: 1140px;
  }

  body.page-rewards-enjoy_latte aside.welcome {
    margin-left: 120px;
  }

  body.page-rewards-enjoy_latte footer.global {
    margin-left: 120px;
  }

  .page-rewards-enjoy_latte {
    min-width: 1260px;
  }

  .page-rewards-enjoy_latte .mainContents {
    position: relative;
    background-size: 100% auto;
  }

  .page-rewards-enjoy_latte article a.js--hover:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .mainContentsIn {
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 910px) and (max-width: 1279px) {

  body.page-rewards-enjoy_latte .mainContents article {
    margin-left: 0;
  }
}

@media screen and (max-width: 909px) {

  .page-rewards-enjoy_latte {
    position: relative;
  }

  /* ----------------------------------------------------------
.block-header
---------------------------------------------------------- */

  .area-header-wap {
    position: relative;
    height: 18.66667vw;
  }

  .area-header {
    position: relative;
    height: 18.66667vw;
    background: #1a3c34;
    color: #fff;
  }

  .area-header img {
    width: 100%;
  }

  .area-header ._title {
    position: absolute;
    width: 27.332vw;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* ----------------------------------------------------------
.block-scene
---------------------------------------------------------- */

  .block-scene {
    position: relative;
    color: #fff;
    overflow: hidden;
    /* background: url(/rewards/your_standard_frappuccino/images/bg.jpg) 0 0 / 100% no-repeat; */
  }

  .block-scene img {
    width: 100%;
    height: auto;
  }
}

@media print,
screen and (min-width: 910px) {
  /* ----------------------------------------------------------
.block-header
---------------------------------------------------------- */

  .area-header-wap {
    height: 100px;
  }

  .area-header {
    position: relative;
    width: 611px;
    margin: 0 auto;
    height: 100px;
    z-index: 100;
    background: #1a3c34;
  }

  .area-header img {
    width: 100%;
  }

  .area-header ._title {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: 167px;
    transform: translate(-50%, -50%);
  }

  /* ----------------------------------------------------------
.block-scene
---------------------------------------------------------- */

  .block-scene {
    position: relative;
    color: #fff;
    width: 611px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    /* background: url(/rewards/your_standard_frappuccino/images/bg.jpg) 0 0 / 100% no-repeat; */
  }

  .block-scene img {
    width: 100%;
    height: auto;
  }

}

ul.sns.footer { font-size: 10px; position: absolute; right: 59px; top: auto; bottom: 0.3%; z-index: 5; }

ul.sns { position: absolute; right: 2%; top: 30px; z-index: 60; }
ul.sns li { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; }
ul.sns li a { display: block; width: 33px; text-align: center; margin: 0 auto; }
ul.sns li img { width: auto; }
ul.sns.footer { position: absolute; bottom: 30px; right: 2%; font-size: 10px; }
ul.sns.footer li { display: table-cell; vertical-align: middle; padding: 10px 0 0 10px; }
ul.sns.footer li a {
	display: block;
	width: 33px;
	text-align: center;
	margin: 0 auto;
}
ul.sns.footer li a:hover { opacity: 0.8; }

@media screen and (min-width: 909px) {
  ul.sns li.forSp { display: none; }
}

@media screen and (max-width: 909px) {
  ul.sns { display: block; z-index: 1; top: 0; right: 0;}
  ul.sns li.forNotSp { display: none; }
  ul.sns li.forSp a { display: table-cell; vertical-align: middle; }
  ul.sns li.forSp a.js-pulldown { padding: 10px; color: #fff; font-size: 10px;}
  ul.sns li.forSp ul.pulldown { background-color: #f4f2ef; padding: 15px; position: absolute; right: 0; top: 3.5em; width: 205px; }
  ul.sns li.forSp ul.pulldown:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #f4f2ef; border-image: none; border-style: solid; border-width: 8px; bottom: 100%; content: " "; height: 0; pointer-events: none; position: absolute; right: 15px; width: 0; }
  ul.sns li.forSp ul.pulldown .close.js-closeButton { background: none repeat scroll 0 0 transparent; cursor: pointer; position: absolute; right: 0; text-indent: 0; top: 0; }
  ul.sns li.forSp ul.pulldown li { float: left; margin: 0; padding: 15px; text-align: center; }
  ul.sns li.forSp ul.pulldown li a.js-shareLn img, ul.sns li.forSp ul.pulldown li a.js-shareTw img, ul.sns li.forSp ul.pulldown li a.js-shareFb img { width: 29px; }
  ul.sns li.forSp ul.pulldown li.close img { width: 13px; }
  ul.sns .btn { bottom: 5%; position: absolute; text-align: center; width: 100%; }
}

/*# sourceMappingURL=maps/index.css.map */