@charset "UTF-8";
/* ---------------
 font-family
--------------- */
/* ---------------
 fontsize
--------------- */
/* ---------------
 noDrag
--------------- */
/* ---------------
 boxSizing
--------------- */
/* ---------------
 clearfix
--------------- */
/* ---------------
 text_indent
--------------- */
/* ---------------
 letter
--------------- */
/* ---------------
 background
--------------- */
/* ---------------
 opacity
--------------- */
/* ---------------
 transition
--------------- */
/* ---------------
 formreset
--------------- */
/* ---------------
 flex
--------------- */
/* ---------------
 setting
--------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-moz-selection {
  background: #313131;
  color: #ffffff;
}

::selection {
  background: #313131;
  color: #ffffff;
}

::-moz-selection {
  background: #313131;
  color: #ffffff;
}

html {
  font-size: 62.5%;
}

body {
  background: #EDF3F4;
  width: 100%;
  font-family: dnp-shuei-mincho-pr6n, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  color: #313131;
  text-rendering: geometricPrecision;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  max-width: 100%;
  letter-spacing: .05em;
  overflow-x: hidden;
  overscroll-behavior-y: none;
}

*:hover {
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

a {
  color: #313131;
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
  opacity: 1;
}

a a,
a a:visited,
a a:focus,
a a:link,
a a:active {
  color: #313131;
}

img, svg, image {
  vertical-align: baseline;
  vertical-align: bottom;
}

/*
リフローラ

@include mq(s)
@include mq(s-500)
@include mq(s-600)
@include mq(m)
@include mq(l-900)
@include mq(l-1024)
@include mq(l-1100)
@include mq(l-1200)
@include mq(xl)
@include mq(xl-1700)

's': 'screen and (max-width: 400px)',
's-500': 'screen and (max-width: 500px)',
's-600': 'screen and (max-width: 600px)',
'm': 'screen and (max-width: 768px)',
'l-900': 'screen and (max-width: 900px)',
'l-1024': 'screen and (max-width: 1024px)',
'l-1100': 'screen and (max-width: 1100px)',
'l-1200': 'screen and (max-width: 1200px)',
'xl': 'screen and (max-width: 1400px)',
'xl-1700': 'screen and (max-width: 1700px)',
*/
.l-index-merchandise__bnr-area {
  max-width: 820px;
  margin: 0 auto;
}

.l-index-merchandise__bnr-area .product--list {
  border-radius: 15px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .l-index-merchandise__bnr-area .product--list {
    width: 80%;
  }
}

@media screen and (max-width: 1024px) {
  .l-index-merchandise__bnr-area .product--list {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  .l-index-merchandise__bnr-area .product--list {
    width: 100%;
    max-width: 400px;
  }
}

.l-index-merchandise__bnr-area .product--list > img {
  display: block;
}

.c-footer-info__flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-top: 35px;
}

@media screen and (max-width: 1200px) {
  .l-footer__info {
    margin-top: 70px;
  }
}

.l-footer__info__contact.-white {
  margin: 0 auto;
}
/*# sourceMappingURL=cyosei2204.css.map */