@charset "UTF-8";

/*--------------------------------------------
フォント
---------------------------------------------*/

/*--------------------------------------------
カラー
---------------------------------------------*/

/*--------------------------------------------
サイト幅・ブレイクポイント
---------------------------------------------*/

/*--------------------------------------------
イージング
---------------------------------------------*/

/*--------------------------------------------
フォント
---------------------------------------------*/

/*--------------------------------------------
カラー
---------------------------------------------*/

/*--------------------------------------------
サイト幅・ブレイクポイント
---------------------------------------------*/

/*--------------------------------------------
イージング
---------------------------------------------*/

/*--------------------------------------------
フォントサイズ・余白などのレスポンシブ対応
---------------------------------------------*/

/*--------------------------------------------
メディアクエリ
---------------------------------------------*/

/*--------------------------------------------
ホバー
---------------------------------------------*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

/*--------------------------------------------
標準設定（common）
---------------------------------------------*/

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
}

.none {
  display: none !important;
}

/* animation */

.zoom {
  transform: scale(1);
  transition: 0.3s;
}

.zoom:hover {
  transform: scale(1.05);
}

.btn {
  display: flex;
  justify-content: center;
}

.btn a {
  display: block;
}

.deco {
  position: absolute;
}

.note-list li {
  position: relative;
  padding-left: 1em;
}

.note-list.no-list-style li {
  padding-left: 0;
}

.note-list.example li {
  padding-left: 2em;
}

.note-list.example li:before {
  content: "例：";
  position: absolute;
  top: 0;
  left: 0;
}

.note-list.rice li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.note-list.circle li:before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}

.note-list.tac li:before {
  content: "";
}

.tac {
  text-align: center !important;
}

.l-content {
  padding-bottom: 0;
}

.main-contents {
  color: #76634e;
}

.main-contents img {
  max-width: 100%;
  height: auto;
}

.inner .title-02 {
  text-align: center;
}

.inner-contents {
  position: relative;
}

.series-box .img {
  text-align: center;
}

.text-img {
  text-align: center;
}

.series-box .img .main-img {
  position: relative;
}

/*--------------------------------------------
メインビジュアル（common）
---------------------------------------------*/

.section-mv {
  width: 100%;
  background-color: #fbe3d5;
}

/*--------------------------------------------
アンカーナビ（common）
---------------------------------------------*/

.cp_mnav .inner {
  width: 100%;
}

.cp_mnav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cp_mnav ul li a {
  display: block;
}

.cp_mnav ul li:nth-child(2n) {
  margin-right: 0;
}

.cp_mnav ul li:last-child {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
}

.cp_mnav ul li img {
  width: 100%;
}

/*--------------------------------------------
注文してもらおう（common）
---------------------------------------------*/

.section-hamakko-set .series-box .img {
  position: relative;
  text-align: center;
}

.section-hamakko-set .text {
  text-align: center;
}

/*--------------------------------------------
レシート応募キャンペーン（common）
---------------------------------------------*/

.section-receipt-campaign .series-box .img {
  position: relative;
}

.section-receipt-campaign .series-box .img .main-img {
  position: relative;
  z-index: 1;
}

.section-receipt-campaign .series-box .img .deco {
  z-index: 0;
}

.section-receipt-campaign .application-box {
  width: 100%;
}

.section-receipt-campaign .application-box .title-03 {
  width: 100%;
  text-align: center;
  background-color: #94a6d3;
}

.section-receipt-campaign .application-box .note-list + .note-list {
  margin-top: 0;
}

.section-receipt-campaign .application-requirements .inner-box .scroll-box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.section-receipt-campaign .application-requirements .inner-box .scroll-box .title-04 {
  color: #94a6d3;
  font-weight: bold;
}

/*--------------------------------------------
フォロー&ツイート（common）
---------------------------------------------*/

.section-twitter-campaign .series-box .img {
  text-align: center;
}

/*--------------------------------------------
アプリダウンロード（common）
---------------------------------------------*/

.section-app-download .series-box .img {
  text-align: center;
}

.section-app-download .text {
  text-align: center;
}

/*--------------------------------------------
映画すみっコぐらし（common）
---------------------------------------------*/

.section-movie {
  background-color: #fffcf0;
}

.section-movie .deco {
  max-width: initial;
}

.section-movie .title-02 {
  position: relative;
}

.section-movie .inner {
  position: relative;
  text-align: center;
}

.section-movie .inner .btn {
  text-align: center;
}

/*--------------------------------------------
すみっコぐらしとは（common）
---------------------------------------------*/

.section-about {
  padding: 80px 0 120px;
}

.section-about .inner {
  position: relative;
}

.section-about .inner .btn {
  position: absolute;
  left: 50%;
  bottom: 10%;
  transform: translate(-50%);
}

/*--------------------------------------------
お問合せ情報（common）
---------------------------------------------*/

.section-contact {
  text-align: center;
  color: #76634e;
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
}

.section-contact .tel {
  font-weight: bold;
}

.section-contact .tel a {
  color: #76634e;
  text-decoration: none;
}

/*--------------------------------------------
ページトップ（pc）
---------------------------------------------*/

.col_pagetop a {
  display: block;
}

/*--------------------------------------------
アニメーション（common）
---------------------------------------------*/

.fade_up {
  display: inline-block;
  opacity: 0;
}

.fade_up.alternate {
  opacity: 1;
  -webkit-animation: fade_up 1s forwards;
  animation: fade_up 1s forwards;
}

.cloud {
  -webkit-animation: cloud 2s ease infinite;
  animation: cloud 2s ease infinite;
}

.cloud.alternate {
  -webkit-animation: cloud 2s ease infinite alternate;
  animation: cloud 2s ease infinite alternate;
}

/*--------------------------------------------
アニメーション（common）
---------------------------------------------*/

.anim-rotate {
  transform-origin: center bottom;
  -webkit-animation: rotate 2.5s linear infinite;
  animation: rotate 2.5s linear infinite;
}

.anim-rotate-gear {
  -webkit-animation: rotate2sec 4s linear infinite;
  animation: rotate2sec 4s linear infinite;
}

.anim-rotate-gear-reverse {
  animation: rotate2sec 4s linear reverse infinite;
}

.anim-rotate-circle {
  -webkit-animation: rotateCircle 2.5s infinite;
  animation: rotateCircle 2.5s infinite;
  transform: rotate(20deg);
}

.anim-left-right {
  -webkit-animation: leftRight 3s linear infinite;
  animation: leftRight 3s linear infinite;
}

.anim-left-right-sp {
  -webkit-animation: leftRightSp 3s linear infinite;
  animation: leftRightSp 3s linear infinite;
}

@-webkit-keyframes rotate {
  0%, 100% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }
}

@keyframes rotate {
  0%, 100% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }
}

@-webkit-keyframes rotate2sec {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate2sec {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate2secReverse {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate2secReverse {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateCircle {
  50% {
    transform: rotate(-20deg);
  }

  100% {
    transform: rotate(20deg);
  }
}

@keyframes rotateCircle {
  50% {
    transform: rotate(-20deg);
  }

  100% {
    transform: rotate(20deg);
  }
}

@-webkit-keyframes leftRight {
  0%, 100% {
    transform: translate(-10px);
  }

  50% {
    transform: translate(10px);
  }
}

@keyframes leftRight {
  0%, 100% {
    transform: translate(-10px);
  }

  50% {
    transform: translate(10px);
  }
}

@-webkit-keyframes leftRightSp {
  0%, 100% {
    transform: translate(-5px);
  }

  50% {
    transform: translate(5px);
  }
}

@keyframes leftRightSp {
  0%, 100% {
    transform: translate(-5px);
  }

  50% {
    transform: translate(5px);
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade_up {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade_up {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes move {
  0% {
    transform: translateX(0px);
  }

  30% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes move {
  0% {
    transform: translateX(0px);
  }

  30% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

@-webkit-keyframes cloud {
  0% {
    transform: translateY(0px);
  }

  30% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes cloud {
  0% {
    transform: translateY(0px);
  }

  30% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0px);
  }
}

@media screen and (min-width: 768px) {
  /*--------------------------------------------
  標準設定（pc）
  ---------------------------------------------*/

  .main-contents .sp {
    display: none;
  }

  .inner.is-frame {
    width: 941px;
    margin: 0 auto;
  }

  .inner.is-frame .inner-contents {
    width: 780px;
    margin: 0 auto;
  }

  .series-box .term {
    padding-left: 40px;
  }

  .series-box .img {
    text-align: center;
  }

  .note-list {
    font-size: 15px;
    line-height: 1.66666667;
  }

  .note-list.tac li:before {
    content: "";
  }

  /*--------------------------------------------
  メインビジュアル（pc）
  ---------------------------------------------*/

  .section-mv {
    text-align: center;
  }

  .section-mv img {
    width: 752px;
  }

  .section-mv .sp {
    display: none;
  }

  /*--------------------------------------------
  アンカーナビ（pc）
  ---------------------------------------------*/

  .cp_mnav {
    padding: 32px 0 70px;
    background: url(../img/cp-mnav-bg-pc.png) repeat 100%;
  }

  .cp_mnav .inner {
    max-width: 800px;
    padding: 0 10px;
    margin: 0 auto;
  }

  .cp_mnav ul li {
    max-width: calc(50% - 17px);
    margin-right: 34px;
    margin-top: 34px;
  }

  .cp_mnav ul li:last-child {
    margin-top: 16px;
  }

  /*--------------------------------------------
  注文してもらおう（pc）
  ---------------------------------------------*/

  .section-hamakko-set {
    padding: 57px 0 55px;
    background: url("../img/hamakko-set-bg.png") repeat top left/152px 148px;
  }

  .section-hamakko-set .inner {
    background-image: url("../img/hamakko-set-frame-pc.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-hamakko-set .inner.is-frame {
    padding: 103px 0 101px;
  }

  .section-hamakko-set .deco-01 {
    top: 22px;
    left: 43px;
  }

  .section-hamakko-set .deco-02 {
    top: -41px;
    right: 83px;
  }

  .section-hamakko-set .deco-03 {
    top: 64px;
    right: 0;
  }

  .section-hamakko-set .series-box.series-01 {
    margin-top: 80px;
  }

  .section-hamakko-set .series-box.series-01 .img {
    margin-top: 3px;
  }

  .section-hamakko-set .series-box.series-01 .img img.main-img {
    left: -8px;
  }

  .section-hamakko-set .series-box.series-01 .img img.center-img {
    left: 86px;
    top: 103px;
  }

  .section-hamakko-set .series-box.series-02 {
    margin-top: 78px;
  }

  .section-hamakko-set .series-box.series-02 .img {
    margin-top: 20px;
  }

  .section-hamakko-set .series-box.series-02 .img img.main-img {
    left: 12px;
  }

  .section-hamakko-set .series-box.series-02 .img img.center-img {
    left: 83px;
    top: 87px;
  }

  .section-hamakko-set .btn {
    margin-top: 59px;
  }

  .section-hamakko-set .text-img {
    margin-top: 40px;
  }

  .section-hamakko-set .note-list {
    margin-top: 24px;
  }

  /*--------------------------------------------
  レシート応募キャンペーン（pc）
  ---------------------------------------------*/

  .section-receipt-campaign {
    padding: 58px 0 58px;
    background: url("../img/receipt-campaign-bg.png") repeat top left/36px 28px;
  }

  .section-receipt-campaign .inner {
    background-image: url("../img/receipt-campaign-frame-pc.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-receipt-campaign .inner.is-frame {
    padding: 103px 0 98px;
  }

  .section-receipt-campaign .inner-box {
    border-right: 3px solid #94a6d3;
    border-bottom: 3px solid #94a6d3;
    border-left: 3px solid #94a6d3;
  }

  .section-receipt-campaign .deco-01 {
    top: 76px;
    right: 41px;
  }

  .section-receipt-campaign .title-02 img {
    position: relative;
    left: -5px;
  }

  .section-receipt-campaign .series-box.series-01 {
    margin-top: 85px;
  }

  .section-receipt-campaign .series-box.series-01 .img {
    margin-top: 20px;
  }

  .section-receipt-campaign .series-box.series-01 .img .main-img {
    left: -26px;
  }

  .section-receipt-campaign .series-box.series-01 .img .gear-yellow {
    width: 140px;
    top: 67px;
    right: 50px;
  }

  .section-receipt-campaign .series-box.series-01 .img .gear-pink {
    width: 66px;
    top: 161px;
    right: 165px;
  }

  .section-receipt-campaign .series-box.series-01 .btn {
    margin-top: 40px;
  }

  .section-receipt-campaign .series-box.series-02 {
    margin-top: 90px;
  }

  .section-receipt-campaign .series-box.series-02 .img {
    margin-top: 19px;
  }

  .section-receipt-campaign .series-box.series-02 .img .gear-yellow {
    width: 140px;
    top: 58px;
    right: 51px;
  }

  .section-receipt-campaign .series-box.series-02 .img .gear-pink {
    width: 66px;
    top: 147px;
    right: 170px;
  }

  .section-receipt-campaign .series-box.series-02 .btn {
    margin-top: 39px;
  }

  .section-receipt-campaign .application-method {
    margin-top: 90px;
  }

  .section-receipt-campaign .application-method .title-03 {
    padding: 16px 0 18px;
  }

  .section-receipt-campaign .application-method .inner-box {
    padding: 40px 58px 32px;
  }

  .section-receipt-campaign .application-method .note-list {
    margin-top: 17px;
  }

  .section-receipt-campaign .application-requirements {
    margin-top: 30px;
  }

  .section-receipt-campaign .application-requirements .title-03 {
    padding: 17px 0 18px;
  }

  .section-receipt-campaign .application-requirements .inner-box {
    height: 528px;
  }

  .section-receipt-campaign .application-requirements .inner-box .scroll-box {
    padding: 38px 37px 25px;
  }

  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list + .application-requirements-list {
    margin-top: 40px;
  }

  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list .lead,
  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list .note-list {
    line-height: 1.81;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 {
    font-size: 20px;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .note-list {
    margin-top: 15px;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .lead {
    margin-top: 15px;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .lead + .note-list {
    margin-top: 15px;
  }

  /*--------------------------------------------
  フォロー&ツイート（pc）
  ---------------------------------------------*/

  .section-twitter-campaign {
    padding: 59px 0 40px;
    background: url("../img/twitter-campaign-bg.png") repeat top left/152px 148px;
  }

  .section-twitter-campaign .inner {
    background-image: url("../img/twitter-campaign-frame-pc.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-twitter-campaign .inner.is-frame {
    padding: 103px 0 115px;
  }

  .section-twitter-campaign .deco-01 {
    top: -6px;
    left: 109px;
  }

  .section-twitter-campaign .deco-02 {
    top: -6px;
    right: 104px;
  }

  .section-twitter-campaign .series-box.series-01 {
    margin-top: 76px;
  }

  .section-twitter-campaign .series-box.series-01 .img {
    margin-top: 20px;
  }

  .section-twitter-campaign .series-box.series-01 .img img {
    left: -4px;
  }

  .section-twitter-campaign .series-box.series-02 {
    margin-top: 91px;
  }

  .section-twitter-campaign .series-box.series-02 .img {
    margin-top: 20px;
  }

  .section-twitter-campaign .btn {
    margin-top: 60px;
  }

  .section-twitter-campaign .note-list {
    margin-top: 15px;
  }

  /*--------------------------------------------
  アプリダウンロード（pc）
  ---------------------------------------------*/

  .section-app-download {
    padding: 57px 0 74px;
    background: url("../img/app-download-bg.png") repeat top left/4px 4px;
  }

  .section-app-download .inner {
    background-image: url("../img/app-download-frame-pc.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-app-download .inner.is-frame {
    padding: 103px 0 97px;
  }

  .section-app-download .deco-01 {
    top: 72px;
    left: 21px;
  }

  .section-app-download .deco-02 {
    top: 114px;
    right: 68px;
  }

  .section-app-download .series-box.series-01 {
    margin-top: 80px;
  }

  .section-app-download .series-box.series-01 .img {
    margin-top: 20px;
  }

  .section-app-download .text-img {
    margin-top: 50px;
  }

  .section-app-download .btn {
    margin-top: 30px;
  }

  .section-app-download .btn a + a {
    margin-left: 30px;
  }

  .section-app-download .btn a:hover {
    opacity: 0.7;
  }

  .section-app-download .note {
    font-size: 15px;
    margin-top: 25px;
    line-height: 1.66666667;
  }

  /*--------------------------------------------
  映画すみっコぐらし（pc）
  ---------------------------------------------*/

  .section-movie {
    padding: 84px 0 80px;
  }

  .section-movie .deco {
    width: 978px;
    top: -57px;
    left: -68px;
  }

  .section-movie .inner {
    width: 830px;
    margin: 0 auto;
  }

  .section-movie .inner .title-02 img {
    width: 495px;
  }

  .section-movie .inner .img {
    width: 100%;
    margin: 40px auto 0;
  }

  .section-movie .inner .img img {
    position: relative;
    left: -35px;
  }

  .section-movie .inner .btn {
    margin-top: 40px;
  }

  /*--------------------------------------------
  すみっコぐらしとは（pc）
  ---------------------------------------------*/

  .section-about {
    padding: 80px 0 120px;
    background: url("../img/about-bg.png") repeat 50px;
  }

  .section-about .inner {
    width: 900px;
    margin: 0 auto;
  }

  .section-about .inner .btn {
    width: 608px;
    bottom: 12%;
  }

  /*--------------------------------------------
  お問合せ情報（pc）
  ---------------------------------------------*/

  .section-contact {
    padding: 56px 0 57px;
  }

  .section-contact .tel {
    font-size: 16px;
    line-height: 1.625;
  }

  .section-contact .tel a {
    pointer-events: none;
  }

  .section-contact .copyright {
    font-size: 12px;
    margin-top: 20px;
  }

  /*--------------------------------------------
  メニュー（pc）
  ---------------------------------------------*/

  .cp_nav {
    position: fixed;
    display: flex;
    width: 555px;
    right: -427px;
    top: 11%;
    font-size: 0;
    z-index: 11;
    transition: right 0.5s;
  }

  .cp_nav.active {
    right: 0;
  }

  .cp_nav .cp_nav_btn {
    position: relative;
    width: 128px;
  }

  .cp_nav .cp_nav_btn .btn {
    cursor: pointer;
  }

  .cp_nav .cp_nav_btn .btn:hover .gear {
    transform: rotate(360deg);
  }

  .cp_nav .cp_nav_btn .gear {
    width: 100%;
    transition: transform 3s;
    filter: drop-shadow(7px 4px #c9b6aa);
  }

  .cp_nav .cp_nav_btn .text {
    position: absolute;
    top: 52px;
    left: 26px;
    width: 78px;
  }

  .cp_nav .cp_nav_in {
    position: relative;
    width: 427px;
  }

  .cp_nav .cp_nav_in a {
    color: transparent;
  }

  .cp_nav .cp_nav_in .js-anchor {
    position: absolute;
    display: block;
  }

  .cp_nav .cp_nav_in .js-anchor.anchor-01 {
    top: 0;
    left: 0;
    width: 214px;
    height: 102px;
  }

  .cp_nav .cp_nav_in .js-anchor.anchor-02 {
    top: 0;
    right: 0;
    width: 213px;
    height: 102px;
  }

  .cp_nav .cp_nav_in .js-anchor.anchor-03 {
    bottom: 97px;
    left: 0;
    width: 214px;
    height: 97px;
  }

  .cp_nav .cp_nav_in .js-anchor.anchor-04 {
    bottom: 97px;
    right: 0;
    width: 213px;
    height: 97px;
  }

  .cp_nav .cp_nav_in .js-anchor.anchor-05 {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 97px;
  }

  .cp_nav .cp_nav_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }

  .cp_nav a img:hover {
    opacity: 1 !important;
  }

  .cp_nav_sp,
  .cp_nav .cp_nav_bg_sp {
    display: none;
  }

  /*--------------------------------------------
  ページトップ（pc）
  ---------------------------------------------*/

  .col_pagetop {
    position: fixed !important;
    right: 1em !important;
    bottom: 1em !important;
    width: 12.5%;
    width: 112px;
    z-index: 5 !important;
  }

  .col_pagetop img {
    transition: 0.3s;
  }

  .col_pagetop img:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 767.9px) {
  /*--------------------------------------------
  標準設定（sp）
  ---------------------------------------------*/

  .main-contents .pc {
    display: none;
  }

  .series-box .term {
    padding-left: 2.5333333333vw;
  }

  .note-list {
    font-size: 2.9333333333vw;
    line-height: 1.54545455;
    letter-spacing: -0.04em;
  }

  /*--------------------------------------------
  メインビジュアル（sp）
  ---------------------------------------------*/

  .section-mv img {
    width: 100%;
  }

  .section-mv .pc {
    display: none;
  }

  /*--------------------------------------------
  アンカーナビ（sp）
  ---------------------------------------------*/

  .cp_mnav {
    padding: 7.0666666667vw 3.4666666667vw 10vw;
    background: url(../img/cp-mnav-bg-sp.png) repeat top left/100%;
  }

  .cp_mnav .inner {
    width: 100%;
  }

  .cp_mnav ul {
    width: 100%;
  }

  .cp_mnav ul li {
    width: calc(50% - 1.4666666667vw);
    margin-top: 2.9333333333vw;
  }

  .cp_mnav ul li:last-child {
    margin-top: 0.5333333333vw;
  }

  /*--------------------------------------------
  注文してもらおう（sp）
  ---------------------------------------------*/

  .section-hamakko-set {
    padding: 7.3333333333vw 0.6666666667vw 7.7333333333vw 0.5333333333vw;
    background: url("../img/hamakko-set-bg.png") repeat top left/20.2666666667vw 19.7333333333vw;
  }

  .section-hamakko-set .inner {
    width: 100%;
    background-image: url("../img/hamakko-set-frame-sp.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-hamakko-set .inner.is-frame {
    padding: 14.1333333333vw 0 10.9333333333vw;
  }

  .section-hamakko-set .inner-contents {
    padding: 0 8.8vw 0 8.9333333333vw;
  }

  .section-hamakko-set .deco-01 {
    width: 10.9333333333vw;
    top: 1.6vw;
    left: 7.3333333333vw;
  }

  .section-hamakko-set .deco-02 {
    width: 9.3333333333vw;
    top: -5.4666666667vw;
    right: 10.6666666667vw;
  }

  .section-hamakko-set .deco-03 {
    width: 10.9333333333vw;
    top: 12.1333333333vw;
    right: 4vw;
  }

  .section-hamakko-set .title-02 img {
    width: 60.2666666667vw;
  }

  .section-hamakko-set .series-box.series-01 {
    margin-top: 10.8vw;
  }

  .section-hamakko-set .series-box.series-01 .term img {
    width: 51.8666666667vw;
  }

  .section-hamakko-set .series-box.series-01 .img {
    text-align: right;
    margin-top: 2.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }

  .section-hamakko-set .series-box.series-01 .img img.main-img {
    width: 68vw;
    left: 0.8vw;
  }

  .section-hamakko-set .series-box.series-01 .img img.center-img {
    width: 79.3333333333vw;
    left: 0;
    top: 11.2vw;
  }

  .section-hamakko-set .series-box.series-02 {
    margin-top: 12.2666666667vw;
  }

  .section-hamakko-set .series-box.series-02 .term img {
    width: 51.3333333333vw;
  }

  .section-hamakko-set .series-box.series-02 .img {
    text-align: right;
    margin-top: 2.6666666667vw;
  }

  .section-hamakko-set .series-box.series-02 .img img.main-img {
    width: 62.8vw;
    left: 0.8vw;
  }

  .section-hamakko-set .series-box.series-02 .img img.center-img {
    width: 75.3333333333vw;
    left: 2.1333333333vw;
    top: 17.8666666667vw;
  }

  .section-hamakko-set .btn {
    margin-top: 7.7333333333vw;
  }

  .section-hamakko-set .text-img {
    margin-top: 5.0666666667vw;
  }

  .section-hamakko-set .text-img img {
    width: 66.2666666667vw;
  }

  .section-hamakko-set .note-list {
    margin-top: 4vw;
  }

  /*--------------------------------------------
  レシート応募キャンペーン（sp）
  ---------------------------------------------*/

  .section-receipt-campaign {
    padding: 7.0666666667vw 0.6666666667vw 7.4666666667vw 0.5333333333vw;
    background: url("../img/receipt-campaign-bg.png") repeat top left/4.8vw 3.7333333333vw;
  }

  .section-receipt-campaign .inner {
    background-image: url("../img/receipt-campaign-frame-sp.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-receipt-campaign .inner.is-frame {
    padding: 14.2666666667vw 0 12.6666666667vw;
  }

  .section-receipt-campaign .inner-contents {
    padding: 0 7.3333333333vw 0 7.4666666667vw;
  }

  .section-receipt-campaign .inner-box {
    border-right: 0.6666666667vw solid #94a6d3;
    border-bottom: 0.6666666667vw solid #94a6d3;
    border-left: 0.6666666667vw solid #94a6d3;
  }

  .section-receipt-campaign .deco-01 {
    width: 19.2vw;
    top: 10.5333333333vw;
    right: 8.8vw;
  }

  .section-receipt-campaign .title-02 img {
    width: 73.0666666667vw;
  }

  .section-receipt-campaign .series-box {
    padding: 0 1.4666666667vw;
  }

  .section-receipt-campaign .series-box .gear-yellow {
    width: 20.8vw;
  }

  .section-receipt-campaign .series-box .gear-pink {
    width: 9.7333333333vw;
  }

  .section-receipt-campaign .series-box .btn {
    margin-top: 5.3333333333vw;
  }

  .section-receipt-campaign .series-box.series-01 {
    margin-top: 11.3333333333vw;
  }

  .section-receipt-campaign .series-box.series-01 .term img {
    width: 71.7333333333vw;
  }

  .section-receipt-campaign .series-box.series-01 .img {
    margin-top: 2.6666666667vw;
    padding: 0 3.7333333333vw 0 2.8vw;
  }

  .section-receipt-campaign .series-box.series-01 .img .gear-yellow {
    top: 9.2vw;
    right: 0.5333333333vw;
  }

  .section-receipt-campaign .series-box.series-01 .img .gear-pink {
    top: 22.6666666667vw;
    right: 18.4vw;
  }

  .section-receipt-campaign .series-box.series-02 {
    margin-top: 12vw;
  }

  .section-receipt-campaign .series-box.series-02 .term img {
    width: 69.4666666667vw;
  }

  .section-receipt-campaign .series-box.series-02 .img {
    margin-top: 2.5333333333vw;
    padding: 0 2.2666666667vw 0 2.8vw;
  }

  .section-receipt-campaign .series-box.series-02 .img .gear-yellow {
    top: 8.5333333333vw;
    right: 0.4vw;
  }

  .section-receipt-campaign .series-box.series-02 .img .gear-pink {
    top: 21.8666666667vw;
    right: 18.1333333333vw;
  }

  .section-receipt-campaign .application-method {
    margin-top: 12vw;
  }

  .section-receipt-campaign .application-method .title-03 {
    padding: 2.1333333333vw 0 2.4vw;
  }

  .section-receipt-campaign .application-method .title-03 img {
    width: 18.9333333333vw;
  }

  .section-receipt-campaign .application-method .inner-box {
    padding: 4vw 3.3333333333vw 3.7333333333vw 3.4666666667vw;
  }

  .section-receipt-campaign .application-method .note-list {
    margin-top: 3.2vw;
  }

  .section-receipt-campaign .application-requirements {
    margin-top: 5.3333333333vw;
  }

  .section-receipt-campaign .application-requirements .title-03 {
    padding: 2.2666666667vw 0 2.4vw;
  }

  .section-receipt-campaign .application-requirements .title-03 img {
    width: 19.0666666667vw;
  }

  .section-receipt-campaign .application-requirements .inner-box {
    height: 70.6666666667vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .scroll-box {
    padding: 6.9333333333vw 3.4666666667vw 2.9333333333vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list + .application-requirements-list {
    margin-top: 5.3333333333vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list .lead {
    font-size: 2.9333333333vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list .lead,
  .section-receipt-campaign .application-requirements .inner-box .application-requirements-list .note-list {
    line-height: 1.79;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 {
    font-size: 3.4666666667vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .note-list {
    margin-top: 3.2vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .lead {
    margin-top: 3.2vw;
  }

  .section-receipt-campaign .application-requirements .inner-box .title-04 + .lead + .note-list {
    margin-top: 3.2vw;
  }

  /*--------------------------------------------
  フォロー&ツイート（sp）
  ---------------------------------------------*/

  .section-twitter-campaign {
    padding: 7.4666666667vw 0.6666666667vw 6.5333333333vw 0.5333333333vw;
    background: url("../img/twitter-campaign-bg.png") repeat top left/20.2666666667vw 19.7333333333vw;
  }

  .section-twitter-campaign .inner {
    width: 100%;
    background-image: url("../img/twitter-campaign-frame-sp.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-twitter-campaign .inner.is-frame {
    padding: 14.1333333333vw 0 13.3333333333vw;
  }

  .section-twitter-campaign .inner-contents {
    padding: 0 8.8vw 0 8.9333333333vw;
  }

  .section-twitter-campaign .deco-01 {
    width: 10.8vw;
    top: 18.9333333333vw;
    left: 15.2vw;
  }

  .section-twitter-campaign .deco-02 {
    width: 11.7333333333vw;
    top: -1.6vw;
    right: 12.8vw;
  }

  .section-twitter-campaign .title-02 img {
    width: 70.2666666667vw;
  }

  .section-twitter-campaign .series-box.series-01 {
    margin-top: 10.8vw;
  }

  .section-twitter-campaign .series-box.series-01 .term img {
    width: 74.6666666667vw;
  }

  .section-twitter-campaign .series-box.series-01 .img {
    margin-top: 2.6666666667vw;
  }

  .section-twitter-campaign .series-box.series-01 .img img {
    width: 78.9333333333vw;
  }

  .section-twitter-campaign .series-box.series-02 {
    margin-top: 12vw;
  }

  .section-twitter-campaign .series-box.series-02 .term img {
    width: 75.2vw;
  }

  .section-twitter-campaign .series-box.series-02 .img {
    margin-top: 2.6666666667vw;
  }

  .section-twitter-campaign .series-box.series-02 .img img {
    width: 78.9333333333vw;
  }

  .section-twitter-campaign .btn {
    margin-top: 7.8666666667vw;
  }

  .section-twitter-campaign .text-img {
    margin-top: 5.0666666667vw;
  }

  .section-twitter-campaign .text-img img {
    width: 66.2666666667vw;
  }

  .section-twitter-campaign .note-list {
    margin-top: 4.5333333333vw;
  }

  /*--------------------------------------------
  アプリダウンロード（sp）
  ---------------------------------------------*/

  .section-app-download {
    padding: 7.3333333333vw 0.6666666667vw 7.6vw 0.5333333333vw;
    background: url("../img/app-download-bg.png") repeat top left/0.5333333333vw 0.5333333333vw;
  }

  .section-app-download .inner {
    width: 100%;
    background-image: url("../img/app-download-frame-sp.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
  }

  .section-app-download .inner.is-frame {
    padding: 13.6vw 0 11.0666666667vw;
  }

  .section-app-download .inner-contents {
    padding: 0 11.3333333333vw 0 11.4666666667vw;
  }

  .section-app-download .deco-01 {
    width: 16vw;
    top: 9.6vw;
    left: 3.2vw;
  }

  .section-app-download .deco-02 {
    width: 10.5333333333vw;
    top: 15.2vw;
    right: 8.8vw;
  }

  .section-app-download .title-02 img {
    width: 75.7333333333vw;
  }

  .section-app-download .series-box.series-01 {
    margin-top: 11.0666666667vw;
  }

  .section-app-download .series-box.series-01 .term {
    padding-left: 0;
  }

  .section-app-download .series-box.series-01 .term img {
    width: 72.2666666667vw;
  }

  .section-app-download .series-box.series-01 .img {
    margin-top: 2.6666666667vw;
  }

  .section-app-download .series-box.series-01 .img img {
    width: 45.8666666667vw;
  }

  .section-app-download .text-img {
    margin-top: 6.5333333333vw;
  }

  .section-app-download .text-img img {
    width: 73.8666666667vw;
  }

  .section-app-download .btn {
    margin-top: 5.3333333333vw;
  }

  .section-app-download .btn .button-app-store {
    width: 32.9333333333vw;
  }

  .section-app-download .btn .button-google-play {
    width: 40.8vw;
    margin-left: 2.2666666667vw;
  }

  .section-app-download .note {
    font-size: 2.9333333333vw;
    margin-top: 3.2vw;
    line-height: 1.54545455;
  }

  /*--------------------------------------------
  映画すみっコぐらし（sp）
  ---------------------------------------------*/

  .section-movie {
    position: relative;
    padding: 11.3333333333vw 9.4666666667vw 10.6666666667vw;
  }

  .section-movie .deco {
    width: 100%;
    top: 4.4vw;
    left: 0;
  }

  .section-movie .inner {
    width: 100%;
  }

  .section-movie .inner .title-02 {
    width: 77.3333333333vw;
    margin: 0 auto;
  }

  .section-movie .inner .title-02 img {
    width: 100%;
  }

  .section-movie .inner .img {
    width: 83.0666666667vw;
    margin: 7.4666666667vw auto 0;
  }

  .section-movie .inner .img img {
    position: relative;
    left: -1.6vw;
  }

  .section-movie .inner .btn {
    margin-top: 5.3333333333vw;
  }

  /*--------------------------------------------
  すみっコぐらしとは（sp）
  ---------------------------------------------*/

  .section-about {
    padding: 10.6666666667vw 4vw 11.7333333333vw;
    background: url("../img/about-bg.png") repeat 25px;
  }

  .section-about .inner {
    position: relative;
    width: 100%;
  }

  .section-about .inner .btn {
    position: absolute;
    width: 81.0666666667vw;
    bottom: 6%;
  }

  /*--------------------------------------------
  お問合せ情報（sp）
  ---------------------------------------------*/

  .section-contact {
    padding: 6.5333333333vw 0 8vw;
  }

  .section-contact .tel {
    font-size: 3.2vw;
    line-height: 1.666667;
  }

  .section-contact .copyright {
    font-size: 2.6666666667vw;
    margin-top: 2.9333333333vw;
  }

  /*--------------------------------------------
  メニュー（sp）
  ---------------------------------------------*/

  .cp_nav_sp {
    position: fixed;
    display: flex;
    width: 82.4vw;
    right: -63.2vw;
    top: 61.2vw;
    font-size: 0;
    z-index: 8;
    transition: right 0.5s;
  }

  .cp_nav_sp.active {
    right: 0;
  }

  .cp_nav_sp .cp_nav_btn {
    position: relative;
    width: 21.0666666667vw;
  }

  .cp_nav_sp .cp_nav_btn .gear {
    width: 100%;
    filter: drop-shadow(0.9333333333vw 0.5333333333vw #c9b6aa);
  }

  .cp_nav_sp .cp_nav_btn .text {
    position: absolute;
    top: 8.4vw;
    left: 4vw;
    width: 13.0666666667vw;
  }

  .cp_nav_sp .cp_nav_in {
    position: relative;
    width: 63.0666666667vw;
    margin-left: -1.8666666667vw;
  }

  .cp_nav_sp .cp_nav_in .js-anchor {
    position: absolute;
    display: block;
  }

  .cp_nav_sp .cp_nav_in .js-anchor.anchor-01 {
    top: 0;
    left: 0;
    width: 31.6vw;
    height: 15.0666666667vw;
  }

  .cp_nav_sp .cp_nav_in .js-anchor.anchor-02 {
    top: 0;
    right: 0;
    width: 31.4666666667vw;
    height: 15.0666666667vw;
  }

  .cp_nav_sp .cp_nav_in .js-anchor.anchor-03 {
    bottom: 14.2666666667vw;
    left: 0;
    width: 31.6vw;
    height: 14.4vw;
  }

  .cp_nav_sp .cp_nav_in .js-anchor.anchor-04 {
    bottom: 14.2666666667vw;
    right: 0;
    width: 31.4666666667vw;
    height: 14.4vw;
  }

  .cp_nav_sp .cp_nav_in .js-anchor.anchor-05 {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14.2666666667vw;
  }

  .cp_nav_sp .cp_nav_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
  }

  .cp_nav {
    display: none;
  }

  .cp_nav .cp_nav_bg {
    display: none;
  }

  /*--------------------------------------------
  ページトップ（sp）
  ---------------------------------------------*/

  .col_pagetop {
    position: fixed !important;
    right: 1em !important;
    bottom: 1em !important;
    width: 20vw;
    z-index: 5 !important;
  }
}

@media screen and (max-width: 767.9px) and (max-width: 320px) {
  .note-list {
    letter-spacing: -0.16em;
  }
}
/*# sourceMappingURL=map/style.css.map */