*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0; }

html {
  line-height: 1.15;
  box-sizing: border-box;
  font-family: sans-serif; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

p + p {
  margin-top: 1rem; }

a {
  background-color: transparent; }

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

code,
kbd,
samp,
pre {
  font-family: monospace, monospace;
  font-size: 1em; }

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

sup {
  top: -0.5em; }

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  border: 1px solid currentColor; }

button {
  overflow: visible;
  text-transform: none; }

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  padding: 1px 6px; }

input {
  overflow: visible; }

input,
textarea {
  padding: 1px; }

fieldset {
  border: 1px solid currentColor;
  margin: 0 2px; }

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

progress {
  display: inline-block;
  vertical-align: baseline; }

select {
  text-transform: none; }

textarea {
  overflow: auto;
  vertical-align: top; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=color] {
  background: inherit; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5; }

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

::-moz-focus-inner {
  border: 0; }

:-moz-focusring {
  outline: 1px dotted ButtonText; }

:-moz-ui-invalid {
  box-shadow: none; }

hr {
  box-sizing: content-box;
  height: 0;
  color: inherit;
  overflow: visible; }

dl,
ol,
ul {
  margin: 1em 0; }

ol ol,
ol ul,
ol dl,
ul ol,
ul ul,
ul dl,
dl ol,
dl ul,
dl dl {
  margin: 0; }

b,
strong {
  font-weight: bolder; }

audio,
video {
  display: inline-block; }

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

img {
  border: 0; }

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

table {
  text-indent: 0;
  border-color: inherit; }

details {
  display: block; }

dialog {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content; }

dialog:not([open]) {
  display: none; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

html {
  width: 100vw; }

body {
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.6;
  min-height: 100vh;
  position: relative;
  padding-bottom: 60px;
  box-sizing: border-box;
  max-width: 100vw;
  overflow-x: hidden;
  font-size: clamp(12px, 1.3333333333vw, 16px); }
  @media print, screen and (min-width: 768px) {
    body {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    body {
      width: 100vw;
      font-size: 14px;
      overflow-x: hidden; } }

img {
  max-width: 100%; }

a {
  transition: 0.1s;
  color: #000; }
  @media print, screen and (min-width: 768px) {
    a:hover {
      opacity: 0.7; } }

h1 {
  font-size: 1em;
  margin: 0;
  font-weight: 500; }

.wrapper {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  padding-bottom: 120px; }

.inner {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }

.flex-box {
  display: flex; }

.indent {
  display: block;
  padding-left: 1em; }

.db {
  display: block; }

.dn {
  display: none; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.font-07 {
  font-size: .7rem; }

.font-09 {
  font-size: .9rem; }

.font-20 {
  font-size: 2rem; }

.db {
  display: block; }

.w-5 {
  width: 5%; }

.w-10 {
  width: 10%; }

.w-30 {
  width: 30%; }

.w-40 {
  width: 40%; }

.w-90 {
  width: 90%; }

.w-6em {
  width: 6em; }

.w-13em {
  width: 13em; }

.animate_fadein > li {
  opacity: 0;
  flex: 0 1 30%;
  transform: translateY(10px);
  transition: all 1.0s; }
  .animate_fadein > li.show {
    opacity: 1;
    transform: translateY(0); }
    .animate_fadein > li.show:nth-of-type(1) {
      transition-delay: 0s; }
    .animate_fadein > li.show:nth-of-type(2) {
      transition-delay: 0.2s; }
    .animate_fadein > li.show:nth-of-type(3) {
      transition-delay: 0.4s; }
    .animate_fadein > li.show:nth-of-type(4) {
      transition-delay: 0.6s; }
    .animate_fadein > li.show:nth-of-type(5) {
      transition-delay: 0.8s; }
    .animate_fadein > li.show:nth-of-type(6) {
      transition-delay: 1s; }

.animate_fadein_l {
  opacity: 0;
  /*flex: 0 1 30%;*/
  transform: translateX(-10px);
  transition: all 1.0s; }
  .animate_fadein_l.show {
    opacity: 1;
    transform: translateX(0); }
    .animate_fadein_l.show:nth-of-type(1) {
      transition-delay: 0s; }
    .animate_fadein_l.show:nth-of-type(2) {
      transition-delay: 0.2s; }
    .animate_fadein_l.show:nth-of-type(3) {
      transition-delay: 0.4s; }
    .animate_fadein_l.show:nth-of-type(4) {
      transition-delay: 0.6s; }
    .animate_fadein_l.show:nth-of-type(5) {
      transition-delay: 0.8s; }
    .animate_fadein_l.show:nth-of-type(6) {
      transition-delay: 1s; }

.animate_fadein_r {
  opacity: 0;
  /*flex: 0 1 30%;*/
  transform: translateX(10px);
  transition: all 1.0s; }
  .animate_fadein_r.show {
    opacity: 1;
    transform: translateX(0); }
    .animate_fadein_r.show:nth-of-type(1) {
      transition-delay: 0s; }
    .animate_fadein_r.show:nth-of-type(2) {
      transition-delay: 0.2s; }
    .animate_fadein_r.show:nth-of-type(3) {
      transition-delay: 0.4s; }
    .animate_fadein_r.show:nth-of-type(4) {
      transition-delay: 0.6s; }
    .animate_fadein_r.show:nth-of-type(5) {
      transition-delay: 0.8s; }
    .animate_fadein_r.show:nth-of-type(6) {
      transition-delay: 1s; }
    .animate_fadein_r.show:nth-of-type(7) {
      transition-delay: 1.2s; }
    .animate_fadein_r.show:nth-of-type(8) {
      transition-delay: 1.4s; }
    .animate_fadein_r.show:nth-of-type(9) {
      transition-delay: 1.6s; }

@media (min-width: 768px) {
  .only-sp {
    display: none; }

  .content_header {
    display: flex;
    flex-wrap: nowrap; }
    .content_header > div {
      width: 50%; }
    .content_header .f-left-l {
      float: left; }
    .content_header .f-right-l {
      float: right; }
    .content_header .content.f-right-l {
      width: 690px; } }
@media (max-width: 767px) {
  .only-pc {
    display: none; }

  .db-l {
    display: block; }

  .f-left-g {
    float: left; }

  .f-right-g {
    float: right; }

  #shopnews-h img {
    width: 212px; }

  .btn-more img {
    width: 99px; } }
@media all and (-ms-high-contrast: none) {
  .main_title {
    height: 49vw; } }

/*# sourceMappingURL=common.css.map */