@charset "UTF-8";

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: 700
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat
}

::after,
::before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth
}

body a {
  -webkit-tap-highlight-color: transparent
}

@media all and (-ms-high-contrast:none) {
  body {
    font-family: Verdana, Meiryo, sans-serif
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

ol,
ul {
  list-style-type: none
}

img,
video {
  max-width: 100%
}

img {
  border-style: none;
  vertical-align: bottom
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: ""
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio,
canvas,
progress,
video {
  display: inline-block
}

* {
  -webkit-appearance: none
}

input {
  border-radius: 0
}

button {
  cursor: pointer
}

textarea {
  overflow: auto;
  resize: vertical
}

optgroup {
  font: inherit
}

button {
  overflow: visible
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
  font: inherit
}

button,
select {
  text-transform: none
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

[hidden] {
  display: none !important
}

[disabled] {
  cursor: not-allowed
}

[type=number] {
  width: auto
}

[type=search] {
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

:focus:not(:focus-visible) {
  outline: 0
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

:-moz-placeholder-shown {
  color: #ccc
}

:-ms-input-placeholder {
  color: #ccc
}

:placeholder-shown {
  color: #ccc
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: not-allowed
}

@media (prefers-reduced-motion:reduce) {
  * {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important
  }
}

@media print {
  html body {
    zoom: 65%
  }
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%
}

html body {
  width: inherit;
  height: inherit;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #333
}

@media (max-width:544px) {
  html body {
    font-size: 2.94118vw
  }
}

@media (max-width:480px) {
  html body {
    font-size: 3.33333vw
  }
}

.l-base {
  width: inherit;
  height: auto !important;
  min-height: 100vh;
  position: relative
}

.l-header {
  grid-area: header
}

.l-footer {
  grid-area: footer
}

.l-main {
  grid-area: main
}

.l-container {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto
}

#campaign .l-container {
  width: 800px
}

#entry .l-container {
  width: 800px
}

.l-container-full {
  width: 100%;
  max-width: 100%;
  margin: 0
}

.l-container--small {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:960px) {
  .l-container {
    max-width: 95%
  }
}

@media (max-width:750px) {
  .l-container {
    max-width: 100%
  }
}

@media (max-width:544px) {
  .l-container {
    max-width: 100%
  }
}

@media (max-width:480px) {
  .l-container {
    max-width: 100%
  }
}

@media (max-width:360px) {
  .l-container {
    max-width: 100%
  }
}

.l-flex-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 8px
}

.l-flex-layout .l-flex-item {
  padding: 0 8px;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  max-width: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.l-flex-layout .l-flex-item.__no-gutter {
  padding: 0
}

.l-flex-layout .l-flex-item.__col-1 {
  -webkit-flex-basis: 8.3333%;
  -ms-flex-preferred-size: 8.3333%;
  flex-basis: 8.3333%;
  max-width: 8.3333%
}

.l-flex-layout .l-flex-item.__col-2 {
  -webkit-flex-basis: 16.6666%;
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  max-width: 16.6666%
}

.l-flex-layout .l-flex-item.__col-3,
.l-flex-layout .l-flex-item.__quad {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}

.l-flex-layout .l-flex-item.__col-4 {
  -webkit-flex-basis: 33.3333%;
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%
}

.l-flex-layout .l-flex-item.__col-5 {
  -webkit-flex-basis: 41.6666%;
  -ms-flex-preferred-size: 41.6666%;
  flex-basis: 41.6666%;
  max-width: 41.6666%
}

.l-flex-layout .l-flex-item.__col-6,
.l-flex-layout .l-flex-item.__half {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%
}

.l-flex-layout .l-flex-item.__col-7 {
  -webkit-flex-basis: 58.3333%;
  -ms-flex-preferred-size: 58.3333%;
  flex-basis: 58.3333%;
  max-width: 58.3333%
}

.l-flex-layout .l-flex-item.__col-8 {
  -webkit-flex-basis: 66.6666%;
  -ms-flex-preferred-size: 66.6666%;
  flex-basis: 66.6666%;
  max-width: 66.6666%
}

.l-flex-layout .l-flex-item.__col-9,
.l-flex-layout .l-flex-item.__quad-of-3 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%
}

.l-flex-layout .l-flex-item.__col-10 {
  -webkit-flex-basis: 83.3333%;
  -ms-flex-preferred-size: 83.3333%;
  flex-basis: 83.3333%;
  max-width: 83.3333%
}

.l-flex-layout .l-flex-item.__col-11 {
  -webkit-flex-basis: 91.6666%;
  -ms-flex-preferred-size: 91.6666%;
  flex-basis: 91.6666%;
  max-width: 91.6666%
}

.l-flex-layout .l-flex-item.__col-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}

@media (max-width:750px) {

  .l-flex-layout .l-flex-item.__col-1,
  .l-flex-layout .l-flex-item.__col-10,
  .l-flex-layout .l-flex-item.__col-11,
  .l-flex-layout .l-flex-item.__col-2,
  .l-flex-layout .l-flex-item.__col-3,
  .l-flex-layout .l-flex-item.__col-4,
  .l-flex-layout .l-flex-item.__col-5,
  .l-flex-layout .l-flex-item.__col-6,
  .l-flex-layout .l-flex-item.__col-7,
  .l-flex-layout .l-flex-item.__col-8,
  .l-flex-layout .l-flex-item.__col-9,
  .l-flex-layout .l-flex-item.__half,
  .l-flex-layout .l-flex-item.__quad,
  .l-flex-layout .l-flex-item.__quad-of-3 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

.l-grid-layout {
  display: -ms-grid;
  display: grid;
  padding: 0 calc(8px * 2)
}

.l-grid-layout.__col-quad {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
  grid-template: auto/repeat(4, 1fr);
  grid-gap: 16px
}

.l-grid-layout.__col-triple {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
  grid-template: auto/repeat(3, 1fr);
  grid-gap: 16px
}

.l-grid-layout.__col-double {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template: auto/repeat(2, 1fr);
  grid-gap: 16px
}

.l-grid-layout.__col-single {
  -ms-grid-rows: auto;
  -ms-grid-columns: 100%;
  grid-template: auto/100%
}

.l-grid-layout.__col-sidebar-left {
  -ms-grid-rows: auto;
  -ms-grid-columns: minmax(auto, 300px) 16px 1fr;
  grid-template: auto/minmax(auto, 300px) 1fr;
  grid-gap: 16px
}

.l-grid-layout.__col-sidebar-right {
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 16px minmax(auto, 300px);
  grid-template: auto/1fr minmax(auto, 300px);
  grid-gap: 16px
}

@media (max-width:750px) {

  .l-grid-layout.__col-double,
  .l-grid-layout.__col-quad,
  .l-grid-layout.__col-sidebar-left,
  .l-grid-layout.__col-sidebar-right,
  .l-grid-layout.__col-triple {
    -ms-grid-rows: auto;
    -ms-grid-columns: 100%;
    grid-template: auto/100%;
    grid-gap: 0
  }
}

.l-grid-layout .l-grid-item {
  margin: 0;
  padding: 0
}

.just_pc {
  display: block
}

@media (max-width:860px) {
  .just_pc {
    display: none
  }
}

.just_lg {
  display: none
}

@media (max-width:860px) {
  .just_lg {
    display: block
  }
}

noscript {
  background: #ff0;
  font-weight: 700;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%
}

p:not(:last-child) {
  margin: 0 0 16px 0
}

a:active,
a:hover,
a:link,
a:visited {
  color: inherit
}

@media (max-width:544px) {
  p {
    text-align: justify
  }
}

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

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

.screen-reader-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px
}

.l-header {
  position: relative;
  height: 60px
}

@media (max-width:750px) {
  .l-header {
    height: auto
  }
}

.l-header a {
  display: inline-block
}

.l-header .__logo {
  margin-top: 14px
}

@media (max-width:750px) {
  .l-header .__logo {
    margin: 16px;
    width: 100px
  }
}

.pagetop {
  position: fixed;
  bottom: 40px;
  right: 40px;
  cursor: pointer;
  z-index: 10
}

@media (max-width:750px) {
  .pagetop {
    width: 44px;
    height: 44px;
    bottom: 20px;
    right: 20px
  }
}

.o-section-top {
  background: #f6f9ed;
  padding: 20px 0
}

@media (max-width:750px) {
  .o-section-top {
    padding: 16px
  }
}

.o-section-top .__bannararea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:750px) {
  .o-section-top .__bannararea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.o-section-top .__bannararea picture {
  display: block
}

.o-section-top .__bannararea a {
  display: block;
  width: 100%
}

.o-section-top .__bannararea .__button:hover {
  opacity: .8
}

.btn_hh {
  margin-top: 60px;
}

@media (max-width:750px) {
  .btn_hh {
    margin-top: 40px;
  }
}

@media (max-width:750px) {
  .mv {
    padding-left: 5px;
    padding-right: 5px
  }
}

.mv .mv_wrap .__mv-img {
  display: block
}

@media only screen and (min-width:751px) and (max-width:1023px) {
  .mv .mv_wrap .__mv-img {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto
  }
}

.mv .mainimg {
  max-width: 804px;
  margin: auto;
}

@media (max-width:750px) {
  .mv .mainimg {
    width: 96%;
    max-width: 704px;
  }
}

.mv .mainimg img {
  width: 100%;
}

.mv .animation-new {
  text-align: center;
  display: block;
  margin-bottom: 24px
}

.mv .animation-new picture {
  display: block
}

.mv .day {
  max-width: 656px;
  margin: auto;
  position: relative;
}

@media (max-width:750px) {
  .mv .day {
    width: 100%;
    max-width: 722px;
    margin-top: -16%;
  }
}

.mv .day img {
  width: 100%;
}

.ttl-day_wrap {
  position: relative;
  overflow: hidden;
  /* background-image: url(/assets/img/winter/kazari_L.png),url(/assets/img/winter/kazari_R.png);
  background-position: left -80px center,right -60px center;
  background-repeat: no-repeat,no-repeat;
  background-size: 300px; */
}

.ttl-day_wrap::before {
  position: absolute;
  content: '';
  display: block;
  background-image: url(../img/winter/kazari_L.png), url(../img/winter/kazari_R.png);
  background-position: left 0px center, right 0px center;
  background-repeat: no-repeat, no-repeat;
  background-size: 300px;
  width: 1140px;
  height: 320px;
  left: 50%;
  transform: translateX(-50%);

}


.mv .detail {
  max-width: 960px;
  margin: auto;
  padding-top: 40px;
}

@media (max-width:750px) {
  .mv .detail {
    padding-top: 20px;
  }
}

.mv .detail img {
  width: 100%;
}

.o-section-00 {
  /* background: linear-gradient(180deg, #FFFEEE 0%, #FFFEEE 388px, #D5E6A4 0%, #D5E6A4 388px); */
  background: linear-gradient(to bottom, #F7C9D6, #FFFCDC 48%, #D4ECEE 95.6%, #F9DBE8 95.6%);
  text-align: center;
}

.o-section-00 img {
  width: 100%;
  max-width: 960px;
}

.o-section-01 {
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  background: #F9DBE8;
  margin-top: -1px;
}

.o-section-01-2 {
  background: linear-gradient(180deg, #F9DBE8 0%, #F9DBE8 96px, #F9CD00 0%, #F9CD00 96px);
  text-align: center;
}

.o-section-01-2 img {
  width: 100%;
  max-width: 960px;
}

.o-section-02 {
  padding: 0px 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  background: #FFFBD0;
}

@media (max-width:750px) {
  .o-section-01 {
    padding: 60px 0 0
  }

  .o-section-02 {
    padding: 0px 0 32px
  }
}

/* .o-section-01#sumikkoGurashiBento {
  padding-top: 0px;
} */
@media (max-width:750px) {
  .o-section-01#sumikkoGurashiBento {
    padding-top: 16px;
    padding-bottom: 10px;
  }
}

.o-section-01 .__img,
.o-section-02 .__img {
  display: block
}

.o-section-02 .cardlist {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.o-section-02 .swiper-container {
  margin: 32px auto 0;
  position: relative;
  overflow: visible
}

@media (max-width:750px) {
  .o-section-02 .swiper-container {
    overflow: hidden;
    margin: 15px auto
  }
}

.o-section-02 .swiper-container .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.o-section-02 .swiper-container .swiper-slide .card {
  display: inline;
  width: 100%;
  max-width: 100%;
  max-height: 100%
}

.o-section-02 .swiper-container .swiper-button-prev {
  color: #f2a5c2;
  left: 0
}

.o-section-02 .swiper-container .swiper-button-next {
  color: #f2a5c2;
  right: 0
}

.o-section-02 .swiper-container .swiper-pagination {
  bottom: 0
}

.o-section-02 .swiper-container .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #7f634c;
  opacity: .5
}

@media (max-width:750px) {
  .o-section-02 .swiper-container .swiper-pagination-bullet {
    width: 8px;
    height: 8px
  }
}

.o-section-02 .swiper-container .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #e8609c;
  opacity: 1
}

@media (max-width:750px) {
  .o-section-02 .swiper-container .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px
  }
}

.o-section-02 .__link {
  max-width: 702px;
  margin: 0 auto 0;
}

@media (max-width:860px) {
  .o-section-02 .__link {
    max-width: 93%
  }
}

.o-section-02 .__link a {
  display: block;
  padding: 8px 0
}

@media (max-width:750px) {
  .o-section-02 .__link a {
    padding: 3px 0
  }
}

.o-section-02 .__link a:hover {
  opacity: .8
}

.o-section-02 .__link a picture {
  display: block
}

.o-section-02 .__attention {
  margin-bottom: 40px;
  margin-top: 16px
}

.o-section-02 .__copyright {
  margin: 40px auto;
  padding-right: 16px;
  max-width: 960px;
}

@media (max-width:750px) {
  .o-section-02 .__attention {
    margin-left: 16px;
    margin-bottom: 16px;
    margin-top: 0
  }
}

.o-section-02 .__attention .__attentionimg {
  display: block;
  max-width: 95px;
}

.o-section-02 .__copyright .__copyrightimg {
  display: block;
  max-width: 252px;
  margin-left: auto;
}

#areaText {
  margin-top: 64px
}

@media (max-width:750px) {
  #areaText {
    margin-top: 32px
  }
}

.footer {
  font-size: 11px;
  padding: 24px 0 32px
}

.footer .l-container {
  width: 583px;
  margin: 0 auto;
  max-width: 95%
}

@media (max-width:750px) {
  .footer .l-container {
    width: 451px;
    max-width: 75%
  }
}

.app-box {
  border: 1px solid #231815;
  border-radius: 11px;
  padding: 24px 48px;
  margin: 48px 0 0 0
}

@media (max-width:750px) {
  .app-box {
    border-radius: 8px;
    padding: 8px;
    margin: 10px 0 0;
  }
}

.app-box .__list.__2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 24px
}

@media (max-width:750px) {
  .app-box .__list.__2col {
    margin-top: 0;
    margin-bottom: 0
  }
}

.app-box .__list.__2col .__list-item {
  width: 48%;
  margin-bottom: 8px
}

.app-box .__list.__2col .__list-item:nth-child(1) {
  width: 43%;
  margin-right: 2%
}

@media (max-width:750px) {
  .app-box .__list.__2col .__list-item:nth-child(1) {
    width: 47%
  }
}

@media (max-width:750px) {
  .app-box .__list.__2col .__list-item {
    width: 51%
  }
}

.app-box .__note {
  max-width: 473px;
  margin-left: auto;
  margin-right: auto
}

.mg-000 {
  margin: 0 !important
}

.mgl-000 {
  margin-left: 0 !important
}

.mgl-008 {
  margin-left: 8px !important
}

.mgl-016 {
  margin-left: 16px !important
}

.mgl-024 {
  margin-left: 24px !important
}

.mgl-032 {
  margin-left: 32px !important
}

.mgl-048 {
  margin-left: 48px !important
}

.mgl-064 {
  margin-left: 64px !important
}

.mgl-096 {
  margin-left: 96px !important
}

.mgl-128 {
  margin-left: 128px !important
}

.mgl-160 {
  margin-left: 160px !important
}

.mgr-000 {
  margin-right: 0 !important
}

.mgr-008 {
  margin-right: 8px !important
}

.mgr-016 {
  margin-right: 16px !important
}

.mgr-024 {
  margin-right: 24px !important
}

.mgr-032 {
  margin-right: 32px !important
}

.mgr-048 {
  margin-right: 48px !important
}

.mgr-064 {
  margin-right: 64px !important
}

.mgr-096 {
  margin-right: 96px !important
}

.mgr-128 {
  margin-right: 128px !important
}

.mgr-160 {
  margin-right: 160px !important
}

.mgt-000 {
  margin-top: 0 !important
}

.mgt-008 {
  margin-top: .8px !important
}

.mgt-016 {
  margin-top: 1.6px !important
}

.mgt-024 {
  margin-top: 2.4px !important
}

.mgt-032 {
  margin-top: 32px !important
}

.mgt-048 {
  margin-top: 48px !important
}

.mgt-064 {
  margin-top: 64px !important
}

.mgt-096 {
  margin-top: 96px !important
}

.mgt-128 {
  margin-top: 128px !important
}

.mgt-160 {
  margin-top: 160px !important
}

.mgb-000 {
  margin-bottom: 0 !important
}

.mgb-008 {
  margin-bottom: 8px !important
}

.mgb-016 {
  margin-bottom: 16px !important
}

.mgb-024 {
  margin-bottom: 24px !important
}

.mgb-032 {
  margin-bottom: 32px !important
}

.mgb-048 {
  margin-bottom: 48px !important
}

.mgb-064 {
  margin-bottom: 64px !important
}

.mgb-096 {
  margin-bottom: 96px !important
}

.mgb-128 {
  margin-bottom: 128px !important
}

.mgb-160 {
  margin-bottom: 160px !important
}

.pd-000 {
  padding: 0 !important
}

.pdl-000 {
  padding-left: 0 !important
}

.pdl-008 {
  padding-left: 8px !important
}

.pdl-016 {
  padding-left: 16px !important
}

.pdl-024 {
  padding-left: 24px !important
}

.pdl-032 {
  padding-left: 32px !important
}

.pdl-048 {
  padding-left: 48px !important
}

.pdl-064 {
  padding-left: 64px !important
}

.pdl-096 {
  padding-left: 96px !important
}

.pdl-128 {
  padding-left: 128px !important
}

.pdl-160 {
  padding-left: 160px !important
}

.pdr-000 {
  padding-right: 0 !important
}

.pdr-008 {
  padding-right: 8px !important
}

.pdr-016 {
  padding-right: 16px !important
}

.pdr-024 {
  padding-right: 24px !important
}

.pdr-032 {
  padding-right: 32px !important
}

.pdr-048 {
  padding-right: 48px !important
}

.pdr-064 {
  padding-right: 64px !important
}

.pdr-096 {
  padding-right: 96px !important
}

.pdr-128 {
  padding-right: 128px !important
}

.pdr-160 {
  padding-right: 160px !important
}

.pdt-000 {
  padding-top: 0 !important
}

.pdt-008 {
  padding-top: .8px !important
}

.pdt-016 {
  padding-top: 1.6px !important
}

.pdt-024 {
  padding-top: 2.4px !important
}

.pdt-032 {
  padding-top: 32px !important
}

.pdt-048 {
  padding-top: 48px !important
}

.pdt-064 {
  padding-top: 64px !important
}

.pdt-096 {
  padding-top: 96px !important
}

.pdt-128 {
  padding-top: 128px !important
}

.pdt-160 {
  padding-top: 160px !important
}

.pdb-000 {
  padding-bottom: 0 !important
}

.pdb-008 {
  padding-bottom: 8px !important
}

.pdb-016 {
  padding-bottom: 16px !important
}

.pdb-024 {
  padding-bottom: 24px !important
}

.pdb-032 {
  padding-bottom: 32px !important
}

.pdb-048 {
  padding-bottom: 48px !important
}

.pdb-064 {
  padding-bottom: 64px !important
}

.pdb-096 {
  padding-bottom: 96px !important
}

.pdb-128 {
  padding-bottom: 128px !important
}

.pdb-160 {
  padding-bottom: 160px !important
}

#winterBanner.o-section-top .__bannararea {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

#winterBanner.o-section-top .__bannararea a {
  width: 49%
}

@media (max-width:750px) {
  #winterBanner.o-section-top .__bannararea a {
    width: 100%
  }
}

#winterMain .mv {
  position: relative;
  padding-bottom: 48px
}

@media (max-width:750px) {
  #winterMain .mv {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}

#winterMain .mv:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #CCE9FA, #CCE9FA 240px, #FAD7D7 440px, #FAD7D7);
  z-index: -3;
  left: 0;
  top: 0
}

@media (max-width:750px) {
  #winterMain .mv:before {
    background: linear-gradient(to bottom, #CCE9FA, #CCE9FA 140px, #FAD7D7 240px, #FAD7D7);
  }
}

#winterMain .mv .mv_wrap {
  width: 1140px;
  position: relative;
  padding-top: 44px
}

@media (max-width:750px) {
  #winterMain .mv .mv_wrap {
    padding-top: 215px
  }
}

@media (max-width:544px) {
  #winterMain .mv .mv_wrap {
    padding-top: 8%;
  }
}

@media (max-width:360px) {
  #winterMain .mv .mv_wrap {
    padding-top: 120px
  }
}

@media (max-width:1440px) {
  #winterMain .mv .mv_wrap {
    max-width: 100%
  }
}

#winterMain .mv .mv_wrap:before {
  /* background-image: url(../img/winter/bg.png); */
  background-size: 100%;
  background-position: top center;
  z-index: -2;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%
}

#winterMain .mv .animation-new {
  width: 596px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  position: relative;
  z-index: 2;
}

@media (max-width:750px) {
  #winterMain .mv .animation-new {
    width: 90%;
    max-width: 584px;
  }
}

#winterMain .mv .text-deco {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 30%
}

@media (max-width:750px) {
  #winterMain .mv .text-deco {
    right: 15px;
    top: 8px;
    width: 31%;
  }
}

#winterMain .blanket {
  background-color: #FFF0E3;
  padding: 40px 0 0;
}

#winterMain .application {
  padding-top: 60px;
  padding-bottom: 60px
}

@media (max-width:750px) {
  #winterMain .application {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

#winterMain .application .l-container {
  width: 800px
}

.pc {
  display: block !important;
}

@media (max-width:750px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}

@media (max-width:750px) {
  .sp {
    display: block !important;
  }
}
.kazari_sticker {
  max-width: 960px;
    margin: 28px auto;
}
@media (max-width:750px){
  .kazari_sticker {
      margin: 20px auto;
  }
}
.sticker {
  max-width: 1140px;
  margin: auto;
}