@import"https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,700";
@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";
@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";
@charset "UTF-8";
@font-face {
  font-family: paris-miki-fonts;
  src: url(/common/font/paris-miki-fonts.eot);
  src: url(/common/font/paris-miki-fonts.eot?#iefix) format("eot"), url(/common/font/paris-miki-fonts.woff) format("woff"), url(/common/font/paris-miki-fonts.ttf) format("truetype"), url(/common/font/paris-miki-fonts.svg#paris-miki-fonts) format("svg")
}
.icon:before {
  display: inline-block;
  font-family: paris-miki-fonts;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%
}
.icon-2x {
  font-size: 2em
}
.icon-3x {
  font-size: 3em
}
.icon-4x {
  font-size: 4em
}
.icon-5x {
  font-size: 5em
}
.icon-fw {
  width: 1.2857142857142858em;
  text-align: center
}
.icon-facebook:before {
  content: "\EA01"
}
.icon-instagram:before {
  content: "\EA02"
}
.icon-twitter:before {
  content: "\EA03"
}
.icon-youtube:before {
  content: "\EA04"
}
.icon-product:before {
  content: "\EA05"
}
.icon-store:before {
  content: "\EA06"
}
.icon-favorite:before {
  content: "\EA07"
}
.icon-search:before {
  content: "\EA08"
}
.icon-arrow_left:before {
  content: "\EA09"
}
.icon-arrow_right:before {
  content: "\EA10"
}
.icon-arrow_top:before {
  content: "\EA11"
}
.icon-arrow_bottom:before {
  content: "\EA12"
}
.icon-contact:before {
  content: "\EA13"
}
.icon-blank:before {
  content: "\EA14"
}
.icon-line:before {
  content: "\EA15"
}
.icon-facebook_02:before {
  content: "\EA16"
}
.icon-glass_side:before {
  content: "\EA17"
}
.icon-arrow_back:before {
  content: "\EA18"
}
.icon-parking:before {
  content: "\EA19"
}
.icon-barrier_free:before {
  content: "\EA20"
}
.icon-star:before {
  content: "\EA21"
}
.icon-close:before {
  content: "\EA22"
}
.icon-lens_square:before {
  content: "\EA23"
}
.icon-lens_oval:before {
  content: "\EA24"
}
.icon-lens_boston:before {
  content: "\EA25"
}
.icon-lens_wellington:before {
  content: "\EA26"
}
.icon-lens_round:before {
  content: "\EA27"
}
.icon-lens_barrel:before {
  content: "\EA28"
}
.icon-frame_metal:before {
  content: "\EA29"
}
.icon-frame_cell:before {
  content: "\EA30"
}
.icon-frame_half-rim:before {
  content: "\EA31"
}
.icon-frame_rimless:before {
  content: "\EA32"
}
.icon-frame_combination:before {
  content: "\EA33"
}
.icon-frame_blow:before {
  content: "\EA34"
}
.icon-arrow_first:before {
  content: "\EA35"
}
.icon-arrow_last:before {
  content: "\EA36"
}
.icon-mail:before {
  content: "\EA37"
}
.icon-pencil:before {
  content: "\EA38"
}
.icon-camera:before {
  content: "\EA39"
}
.icon-circle:before {
  content: "\EA40"
}
.icon-arrow_bottom2:before {
  content: "\EA41"
}
.icon-check:before {
  content: "\EA42"
}
.icon-cart:before {
  content: "\EA43"
}
.icon-exclamation:before {
  content: "\EA44"
}
.icon-calendar:before {
  content: "\EA45"
}
.icon-lens_polygon:before {
  content: "\EA46"
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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 {
  -ms-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.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
}
.clearfix {
  zoom: 1
}
.clearfix:after {
  content: "";
  display: table;
  clear: both
}
.imgicon:after, .imgicon.imgicon-h2_category:after, .imgicon.imgicon-h2_contents:after, .imgicon.imgicon-h2_features:after, .imgicon.imgicon-h2_outline:after, .imgicon.imgicon-h2_shop:after, .imgicon.imgicon-pdf:after {
  position: relative;
  content: "";
  display: inline-block
} /*!
 * ress.css • v1.1.1
 * MIT License
 * github.com/filipelinhares/ress
 */ html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}
*, :before, :after {
  box-sizing: inherit
}
:before, :after {
  text-decoration: inherit;
  vertical-align: inherit
}
* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0
}
audio:not([controls]) {
  display: none;
  height: 0
}
hr {
  overflow: visible
}
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
}
code, kbd, pre, samp {
  font-family: monospace, monospace
}
b, strong {
  font-weight: bolder
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
input {
  border-radius: 0
}
button, [type=button], [type=reset], [type="submit"] [role="button"] {
  cursor: pointer
}
[disabled] {
  cursor: default
}
[type=number] {
  width: auto
}
[type=search] {
  -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
textarea {
  overflow: auto;
  resize: vertical
}
button, input, optgroup, select, textarea {
  font: inherit
}
optgroup {
  font-weight: 700
}
button {
  overflow: visible
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0
}
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText
}
button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button
}
button, select {
  text-transform: none
}
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}
select {
  -moz-appearance: none;
  -webkit-appearance: none
}
select::-ms-expand {
  display: none
}
select::-ms-value {
  color: currentColor
}
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
img {
  border-style: none
}
progress {
  vertical-align: baseline
}
svg:not(:root) {
  overflow: hidden
}
audio, canvas, progress, video {
  display: inline-block
}
@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: default
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
html {
  height: 100%;
  font-size: 62.5%
}
body {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: #fff;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif
}
@media screen and (max-width:1000px) {
  body {
    line-height: 1.9
  }
}
@media screen and (max-width:47.938em) {
  body {
    font-size: 1.5rem;
    line-height: 1.8
  }
}
a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  text-decoration: none;
  color: #000
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}
img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
  max-width: 100%;
  height: auto
}
[data-view*=sp] {
  display: none
}
[data-view*=tablet] {
  display: none
}
[data-view*=pc] {
  display: block
}
[data-view*=pc-inlineblock] {
  display: inline-block
}
@media screen and (max-width:1000px) {
  [data-view*=pc] {
    display: none
  }
  [data-view*=pc-inlineblock] {
    display: none
  }
  [data-view*=tablet] {
    display: block
  }
  [data-view*=tablet-inlineblock] {
    display: inline-block
  }
}
@media screen and (max-width:47.938em) {
  [data-view*=pc] {
    display: none
  }
  [data-view*=pc-inlineblock] {
    display: none
  }
  [data-view*=tablet] {
    display: none
  }
  [data-view*=tablet-inlineblock] {
    display: none
  }
  [data-view*=sp] {
    display: block
  }
  [data-view*=sp-inlineblock] {
    display: inline-block
  }
} /*!
 * Pure v0.6.0
 * Copyright 2014 Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License.
 * https://github.com/yahoo/pure/blob/master/LICENSE.md
 */ .pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}
.pure-g-flow_reverse {
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap
}
.pure-g-justify_between {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.pure-g-justify_center {
  -ms-flex-pack: center;
  justify-content: center
}
.pure-g-align_center {
  -ms-flex-align: center;
  align-items: center
}
.pure-u {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-7, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-9, .pure-u-8-9, .pure-u-1-10, .pure-u-9-10, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto
}
.pure-u-1-24 {
  width: 4.1667%
}
.pure-u-1-12, .pure-u-2-24 {
  width: 8.3333%
}
.pure-u-1-10 {
  width: 10%
}
.pure-u-1-9 {
  width: 11.1111%
}
.pure-u-1-8, .pure-u-3-24 {
  width: 12.5%
}
.pure-u-1-7 {
  width: 14.2857%
}
.pure-u-1-6, .pure-u-4-24 {
  width: 16.6667%
}
.pure-u-1-5 {
  width: 20%
}
.pure-u-5-24 {
  width: 20.8333%
}
.pure-u-1-4, .pure-u-6-24 {
  width: 25%
}
.pure-u-7-24 {
  width: 29.1667%
}
.pure-u-1-3, .pure-u-8-24 {
  width: 33.3333%
}
.pure-u-3-8, .pure-u-9-24 {
  width: 37.5%
}
.pure-u-2-5 {
  width: 40%
}
.pure-u-5-12, .pure-u-10-24 {
  width: 41.6667%
}
.pure-u-11-24 {
  width: 45.8333%
}
.pure-u-1-2, .pure-u-12-24 {
  width: 50%
}
.pure-u-13-24 {
  width: 54.1667%
}
.pure-u-7-12, .pure-u-14-24 {
  width: 58.3333%
}
.pure-u-3-5 {
  width: 60%
}
.pure-u-5-8, .pure-u-15-24 {
  width: 62.5%
}
.pure-u-2-3, .pure-u-16-24 {
  width: 66.6667%
}
.pure-u-17-24 {
  width: 70.8333%
}
.pure-u-3-4, .pure-u-18-24 {
  width: 75%
}
.pure-u-19-24 {
  width: 79.1667%
}
.pure-u-4-5 {
  width: 80%
}
.pure-u-5-6, .pure-u-20-24 {
  width: 83.3333%
}
.pure-u-7-8, .pure-u-21-24 {
  width: 87.5%
}
.pure-u-8-9 {
  width: 88.8888%
}
.pure-u-9-10 {
  width: 90%
}
.pure-u-11-12, .pure-u-22-24 {
  width: 91.6667%
}
.pure-u-23-24 {
  width: 95.8333%
}
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
  width: 100%
}
@media screen and (max-width:1000px) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }
  .pure-u-lg-1-24 {
    width: 4.1667%
  }
  .pure-u-lg-1-12, .pure-u-lg-2-24 {
    width: 8.3333%
  }
  .pure-u-lg-1-8, .pure-u-lg-3-24 {
    width: 12.5%
  }
  .pure-u-lg-1-6, .pure-u-lg-4-24 {
    width: 16.6667%
  }
  .pure-u-lg-1-5 {
    width: 20%
  }
  .pure-u-lg-5-24 {
    width: 20.8333%
  }
  .pure-u-lg-1-4, .pure-u-lg-6-24 {
    width: 25%
  }
  .pure-u-lg-7-24 {
    width: 29.1667%
  }
  .pure-u-lg-1-3, .pure-u-lg-8-24 {
    width: 33.3333%
  }
  .pure-u-lg-3-8, .pure-u-lg-9-24 {
    width: 37.5%
  }
  .pure-u-lg-2-5 {
    width: 40%
  }
  .pure-u-lg-5-12, .pure-u-lg-10-24 {
    width: 41.6667%
  }
  .pure-u-lg-11-24 {
    width: 45.8333%
  }
  .pure-u-lg-1-2, .pure-u-lg-12-24 {
    width: 50%
  }
  .pure-u-lg-13-24 {
    width: 54.1667%
  }
  .pure-u-lg-7-12, .pure-u-lg-14-24 {
    width: 58.3333%
  }
  .pure-u-lg-3-5 {
    width: 60%
  }
  .pure-u-lg-5-8, .pure-u-lg-15-24 {
    width: 62.5%
  }
  .pure-u-lg-2-3, .pure-u-lg-16-24 {
    width: 66.6667%
  }
  .pure-u-lg-17-24 {
    width: 70.8333%
  }
  .pure-u-lg-3-4, .pure-u-lg-18-24 {
    width: 75%
  }
  .pure-u-lg-19-24 {
    width: 79.1667%
  }
  .pure-u-lg-4-5 {
    width: 80%
  }
  .pure-u-lg-5-6, .pure-u-lg-20-24 {
    width: 83.3333%
  }
  .pure-u-lg-7-8, .pure-u-lg-21-24 {
    width: 87.5%
  }
  .pure-u-lg-11-12, .pure-u-lg-22-24 {
    width: 91.6667%
  }
  .pure-u-lg-23-24 {
    width: 95.8333%
  }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
  }
  .pure-u-md-1-24 {
    width: 4.1667%
  }
  .pure-u-md-1-12, .pure-u-md-2-24 {
    width: 8.3333%
  }
  .pure-u-md-1-8, .pure-u-md-3-24 {
    width: 12.5%
  }
  .pure-u-md-1-6, .pure-u-md-4-24 {
    width: 16.6667%
  }
  .pure-u-md-1-5 {
    width: 20%
  }
  .pure-u-md-5-24 {
    width: 20.8333%
  }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    width: 25%
  }
  .pure-u-md-7-24 {
    width: 29.1667%
  }
  .pure-u-md-1-3, .pure-u-md-8-24 {
    width: 33.3333%
  }
  .pure-u-md-3-8, .pure-u-md-9-24 {
    width: 37.5%
  }
  .pure-u-md-2-5 {
    width: 40%
  }
  .pure-u-md-5-12, .pure-u-md-10-24 {
    width: 41.6667%
  }
  .pure-u-md-11-24 {
    width: 45.8333%
  }
  .pure-u-md-1-2, .pure-u-md-12-24 {
    width: 50%
  }
  .pure-u-md-13-24 {
    width: 54.1667%
  }
  .pure-u-md-7-12, .pure-u-md-14-24 {
    width: 58.3333%
  }
  .pure-u-md-3-5 {
    width: 60%
  }
  .pure-u-md-5-8, .pure-u-md-15-24 {
    width: 62.5%
  }
  .pure-u-md-2-3, .pure-u-md-16-24 {
    width: 66.6667%
  }
  .pure-u-md-17-24 {
    width: 70.8333%
  }
  .pure-u-md-3-4, .pure-u-md-18-24 {
    width: 75%
  }
  .pure-u-md-19-24 {
    width: 79.1667%
  }
  .pure-u-md-4-5 {
    width: 80%
  }
  .pure-u-md-5-6, .pure-u-md-20-24 {
    width: 83.3333%
  }
  .pure-u-md-7-8, .pure-u-md-21-24 {
    width: 87.5%
  }
  .pure-u-md-11-12, .pure-u-md-22-24 {
    width: 91.6667%
  }
  .pure-u-md-23-24 {
    width: 95.8333%
  }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 {
    width: 100%
  }
}
.mod-a {
  display: block;
  width: 100%;
  height: 100%
}
.mod-auto {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px
}
.mod-auto_800 {
  max-width: 900px
}
.mod-auto_1400 {
  max-width: 1400px
}
.mod-auto-full {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px
}
.mod-auto-pc {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px
}
.mod-auto-pcFull {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px
}
.mod-auto-sp {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px
}
.mod-auto-center {
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:1000px) {
  .mod-auto {
    max-width: 90%;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto_800 {
    max-width: 90%
  }
  .mod-auto_1400 {
    max-width: 100%
  }
  .mod-auto-full {
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-pc {
    width: 100%;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-pcFull {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-sp {
    max-width: 80%;
    padding-right: 0;
    padding-left: 0
  }
  .mod-auto-sp._w90 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-left: 0
  }
}
.mod-middle {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}
.mod-border01 {
  border: 1px solid #333
}
.mod-border02 {
  border: 1px solid #ccc
}
.mod-borderTop01 {
  border-top: 1px solid #333
}
.mod-borderTop02 {
  border-top: 1px solid #ccc
}
.mod-borderBottom01 {
  border-bottom: 1px solid #333
}
.mod-borderBottom02 {
  border-bottom: 1px solid #ccc
}
.mod-borderBottom01_dotted {
  border-bottom: 1px dotted #333
}
.mod-borderBottom01_dashed {
  border-bottom: 1px dashed #333
}
.mod-spacer {
  margin-top: 40px
}
.mod-spacer-main {
  margin-top: 40px;
  margin-bottom: 80px
}
.mod-spacer-section {
  margin-top: 80px
}
.mod-spacer-sectionBtm {
  padding-bottom: 60px
}
@media screen and (max-width:1000px) {
  .mod-spacer-section {
    margin-top: 60px
  }
  .mod-spacer-sectionBtm {
    padding-bottom: 50px
  }
}
@media screen and (max-width:47.938em) {
  .mod-spacer {
    margin-top: 6.25vw
  }
  .mod-spacer-main {
    margin-top: 20px;
    margin-bottom: 60px
  }
  .mod-spacer-section {
    margin-top: 12.5vw
  }
  .mod-spacer-sectionBtm {
    padding-bottom: 40px
  }
}
.mod-link01 {
  display: inline-block;
  color: #000;
  line-height: 1.3;
  transition: color .4s
}
.mod-link01 .icon {
  transition: color .4s
}
.mod-link01:hover {
  color: #14195a
}
.mod-link01:hover .icon {
  color: #14195a
}
.mod-link01:hover .mod-label {
  border-color: #14195a
}
@media screen and (max-width:1000px) {
  .mod-link01:hover {
    color: #000
  }
  .mod-link01:hover .icon {
    color: #000
  }
  .mod-link01:hover .mod-label {
    border-color: #000
  }
}
.mod-link02 {
  display: inline-block;
  text-decoration: underline;
  line-height: 1.5;
  transition: opacity .4s
}
.mod-link02:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.mod-link02 .icon {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 10px
}
.mod-link03 {
  display: inline-block
}
.mod-link03:hover {
  text-decoration: underline
}
.mod-head01 {
  min-height: 160px;
  padding: 60px 0;
  background-color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center
}
.mod-head01-inner {
  display: block;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto
}
.mod-head01 h1 {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .mod-head01 {
    min-height: 100px;
    padding: 9.375vw 0;
    border-top: 1px solid #ccc;
    font-size: 2.2rem;
    font-weight: 400
  }
  .mod-head01-inner {
    max-width: 90%;
    padding: 0
  }
  .mod-head01 h1 {
    font-size: 2.2rem
  }
}
.mod-head02 {
  position: relative;
  padding-bottom: 40px;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .mod-head02 {
    font-size: 2.0rem;
    font-weight: 700
  }
}
.mod-head03 {
  margin-bottom: 30px;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2
}
.mod-head03_en {
  font-size: 40px;
  font-size: 4.0rem;
  font-family: Josefin Sans, sans-serif;
  font-weight: 300;
  letter-spacing: .07em;
  text-indent: -.07em
}
.mod-head03_ja {
  font-weight: 400
}
@media screen and (max-width:1000px) {
  .mod-head03 {
    text-align: center
  }
}
.mod-head-04 {
  position: relative
}
.mod-head-04.step {
  padding-left: 100px
}
.mod-head-04.point {
  padding-left: 110px
}
.mod-head-04_label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 5px 15px;
  background-color: #efefef;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700
}
.mod-head-04_label.navy {
  padding: 0 10px;
  background-color: #14195a;
  color: #fff
}
.mod-head-04_text {
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: top
}
@media screen and (max-width:47.938em) {
  .mod-head-04.step {
    padding-left: 100px
  }
  .mod-head-04.step .mod-head-04_label {
    width: 90px
  }
  .mod-head-04.point {
    padding-left: 21.875vw
  }
  .mod-head-04.point .mod-head-04_label {
    width: 20.3125vw
  }
  .mod-head-04_label {
    text-align: center;
    padding: .78125vw 0
  }
}
.mod-head05 {
  position: relative;
  margin-bottom: 20px;
  color: #14195a;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.5
}
@media screen and (max-width:47.938em) {
  .mod-head05 {
    font-size: 2.0rem
  }
}
.mod-head06 {
  padding: 10px;
  background-color: #e2e2e9;
  color: #14195a;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .mod-head06 {
    font-size: 2.0rem
  }
}
.mod-button {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  text-align: center
}
.mod-button_200 {
  width: 200px
}
.mod-button_250 {
  width: 250px
}
.mod-button_300 {
  width: 300px
}
.mod-button_400 {
  width: 400px
}
.mod-button_500 {
  width: 500px
}
.mod-button_600 {
  width: 600px
}
.mod-button_800 {
  width: 800px
}
.mod-button_right {
  margin-right: 0;
  float: right
}
.mod-button_left {
  margin-left: 0;
  float: left
}
.mod-button_iblock {
  display: inline-block
}
.mod-button_iblock + .mod-button_iblock {
  margin-left: 1.53846vw
}
.mod-button_iblock_wrap {
  font-size: 0
}
.mod-button_logo .mod-button-a {
  position: relative
}
.mod-button_logo .mod-button-a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.mod-button_logo_madeinjapan img {
  height: 20px
}
@media screen and (max-width:1000px) {
  .mod-button_logo .mod-button-a {
    height: 70px
  }
}
.mod-button-a {
  position: relative;
  display: block;
  height: 50px;
  background-color: transparent;
  border: 2px solid #333;
  transition: .4s;
  z-index: 10;
  overflow: hidden;
  cursor: pointer
}
.mod-button-a .icon {
  transition: .4s;
  color: #000;
  vertical-align: middle
}
.mod-button-a_navy {
  background-color: #14195a;
  border: 0;
  color: #fff
}
.mod-button-a_navy .icon {
  color: #fff
}
.mod-button-a_bold {
  border: 5px solid #14195a
}
.mod-button-a.is-hover01:hover, .mod-button-a.is-hover01.is-active {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.mod-button-a.is-hover01:hover .icon, .mod-button-a.is-hover01.is-active .icon {
  color: #fff
}
.mod-button-a_large {
  height: 70px
}
.mod-button-a_large_max {
  height: 100px
}
.mod-button-a[disabled] {
  color: #ccc;
  border-color: #ccc
}
.mod-button-a[disabled] .icon {
  color: #ccc
}
.mod-button-a[disabled]:hover {
  color: #ccc;
  border-color: #ccc;
  background-color: transparent
}
.mod-button-a[disabled]:hover .icon {
  color: #ccc
}
.mod-button-txt {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4
}
@media screen and (max-width:1000px) {
  .mod-button_800 {
    width: 600px
  }
  .mod-button_400.mod-button_iblock, .mod-button_500.mod-button_iblock, .mod-button_600.mod-button_iblock, .mod-button_800.mod-button_iblock {
    display: block
  }
  .mod-button_400.mod-button_iblock + .mod-button_iblock, .mod-button_500.mod-button_iblock + .mod-button_iblock, .mod-button_600.mod-button_iblock + .mod-button_iblock, .mod-button_800.mod-button_iblock + .mod-button_iblock {
    margin-left: auto;
    margin-top: 20px
  }
  .mod-button_left {
    float: none;
    margin-left: auto
  }
  .mod-button_right {
    float: none;
    margin-right: auto
  }
  .mod-button-a.is-hover01:hover {
    background-color: transparent;
    border-color: #333;
    color: #000
  }
  .mod-button-a.is-hover01:hover .icon {
    color: #000
  }
}
@media screen and (max-width:47.938em) {
  .mod-button {
    width: 100%
  }
  .mod-button_300, .mod-button_400, .mod-button_500, .mod-button_600, .mod-button_800 {
    width: 100%
  }
  .mod-button_iblock {
    display: block
  }
  .mod-button_iblock + .mod-button_iblock {
    margin-left: auto;
    margin-top: 20px
  }
  .mod-button-a_large {
    height: 18.75vw
  }
}
.mod-iconArrowRight:before {
  position: absolute;
  right: 5%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-iconArrowLeft:before {
  position: absolute;
  left: 5%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-iconRight:before {
  position: absolute;
  right: 10%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 22px;
  font-size: 2.2rem
}
.mod-iconRight.icon-facebook {
  color: #b7b5b4
}
.mod-iconLeft:before {
  position: absolute;
  left: 10%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 22px;
  font-size: 2.2rem
}
.mod-iconImg {
  position: absolute;
  right: 10%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px
}
.mod-topicPath {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 40px;
  line-height: 1.2
}
.mod-topicPath_sp {
  display: none
}
.mod-topicPath-li {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 1.2rem
}
.mod-topicPath-li:after {
  font-family: paris-miki-fonts;
  content: "\EA10";
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  color: #666;
  font-size: 10px;
  font-size: 1.0rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: 0
}
.mod-topicPath-li:last-child a {
  pointer-events: none;
  color: #000;
  font-weight: 700;
  text-decoration: none
}
.mod-topicPath-li:last-child a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.mod-topicPath-li:last-child:after {
  content: none
}
.mod-topicPath-a, .mod-topicPath-a:visited, .mod-topicPath-a:link {
  display: inline-block;
  color: #666
}
.mod-topicPath-a:hover, .mod-topicPath-a:visited:hover, .mod-topicPath-a:link:hover {
  text-decoration: underline
}
@media screen and (max-width:1000px) {
  .mod-topicPath {
    display: none;
    padding: 20px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-x: scroll
  }
  .mod-topicPath_sp {
    display: block;
    margin-top: 40px
  }
  .mod-topicPath_sp::-webkit-scrollbar {
    display: none
  }
  .mod-topicPath-ul {
    white-space: nowrap
  }
  .mod-topicPath-li:last-child a {
    padding-right: 10px
  }
}
.mod-boxLink01-item {
  display: block
}
.mod-boxLink01-item img {
  width: 100%
}
.mod-boxLink01-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5
}
.mod-boxLink01-date {
  color: #666994
}
.mod-boxLink01-new {
  color: #c03;
  font-size: 12px;
  font-size: 1.2rem
}
.mod-boxLink02-item a {
  position: relative;
  display: block
}
.mod-boxLink02-item a p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  font-weight: 700;
  text-align: center
}
.mod-anchor-head {
  display: none
}
.mod-anchor-body.js-toggleBlock {
  display: block
}
.mod-anchor-body .space-u-20 {
  margin-top: 0
}
.mod-anchor-body .space-u-20 + .space-u-20 {
  margin-top: -40px
}
.mod-anchor-body li.space-u-20-child {
  padding-top: 0
}
.mod-anchor-body li a {
  position: relative;
  display: block;
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid #ccc
}
.mod-anchor-body li a .icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  font-size: 10px;
  font-size: 1.0rem
}
@media screen and (max-width:1000px) {
  .mod-anchor-head {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
    font-size: 1.6rem;
    font-weight: 700
  }
  .mod-anchor-body.js-toggleBlock {
    display: none
  }
  .mod-anchor-body .space-u-40 + .space-u-40 {
    margin-top: -3.07692vw
  }
  .mod-anchor-body li a {
    font-size: 1.4rem
  }
  .mod-anchor-body li a:hover {
    border-bottom-color: #ccc;
    color: #000
  }
  .mod-anchor-body li a:hover .icon-arrow {
    color: #000
  }
}
.mod-anchor02-body {
  background-color: #efefef;
  padding: 30px
}
.mod-anchor02-body-li {
  display: inline-block;
  margin-right: 30px
}
.mod-anchor02-body-li-a {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: underline
}
.mod-anchor02-body-li-a .icon {
  margin-left: 10px;
  font-size: 10px;
  font-size: 1.0rem
}
@media screen and (max-width:1000px) {
  .mod-anchor02-body {
    padding: 4.6875vw
  }
  .mod-anchor02-body-li {
    display: block;
    margin-right: 0
  }
  .mod-anchor02-body-li-a .icon {
    margin-left: 1.5625vw
  }
}
.mod-anchor03 a {
  position: relative;
  display: block;
  height: 105px;
  padding: 10px;
  background-color: #efefef;
  border-bottom: 20px solid #14195a;
  color: #14195a;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.3
}
.mod-anchor03 a > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.mod-anchor03 a > span span {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400
}
.mod-anchor03 a:after {
  content: '\EA41';
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
  font-family: paris-miki-fonts;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem
}
.mod-anchor03._small a {
  height: auto
}
.mod-anchor03._small a > span {
  position: relative;
  top: auto;
  -ms-transform: none;
  transform: none
}
@media screen and (max-width:47.938em) {
  .mod-anchor03 a {
    height: 100px;
    font-size: 1.4rem
  }
  .mod-anchor03 a > span span {
    font-size: 1.2rem
  }
}
.mod-newsList {
  position: relative
}
.mod-newsList-li {
  width: 100%;
  border-bottom: 1px solid #ccc
}
.mod-newsList-a {
  position: relative;
  display: block;
  padding: 20px 0
}
.mod-newsList-a .icon-arrow_right {
  position: absolute;
  right: 20px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-newsList-a.rt_cf_nolink .icon-arrow_right {
  display: none
}
.mod-newsList-date {
  display: inline-block;
  width: 85px;
  color: #666994;
  font-size: 12px;
  font-size: 1.2rem
}
.mod-newsList-cat {
  display: inline-block;
  min-width: 100px;
  padding: 0 10px;
  background-color: #b7b5b4;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6
}
.mod-newsList-title {
  display: block;
  padding-right: 40px
}
.mod-newsList-new {
  color: #c03;
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:1000px) {
  .mod-newsList-a {
    padding: 10px 0;
    font-size: 1.3rem
  }
  .mod-newsList-a .icon-arrow_right {
    right: 0
  }
  .mod-newsList-title {
    padding-right: 20px
  }
}
.mod-news-selectYear {
  position: absolute;
  right: 40px;
  width: 300px;
  height: 50px;
  background-color: #fff;
  z-index: 200;
  cursor: pointer
}
.mod-news-selectYear-wrap {
  padding-bottom: 100px
}
.mod-news-selectYear-head {
  width: 100%;
  height: 100%;
  position: relative;
  border: 2px solid #333;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}
.mod-news-selectYear-head span {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
  padding: 0 20px;
  font-size: 15px;
  font-size: 1.5rem
}
.mod-news-selectYear-head .icon-arrow_bottom {
  position: absolute;
  top: 50%;
  right: 20px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-news-selectYear-head .icon-arrow_bottom:before {
  transition: .4s
}
.is-active .mod-news-selectYear-head .icon-arrow_bottom:before {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.mod-news-selectYear-body {
  display: none
}
.mod-news-selectYear-body.is-active {
  display: block
}
.mod-news-selectYear-body li a {
  display: block;
  padding: 9px 20px;
  background-color: #fff;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom: 1px dotted #333;
  font-size: 15px;
  font-size: 1.5rem;
  transition: .4s
}
.mod-news-selectYear-body li a:hover {
  background-color: #14195a;
  color: #fff
}
.mod-news-selectYear-body li:last-child a {
  border-bottom-style: solid;
  border-bottom-width: 2px
}
@media screen and (max-width:1000px) {
  .mod-news-selectYear-body li a:hover {
    background-color: #fff;
    color: #000
  }
}
@media screen and (max-width:47.938em) {
  .mod-news-selectYear {
    width: 260px;
    right: 0;
    left: 0;
    margin: auto
  }
  .mod-news-selectYear-wrap {
    padding-bottom: 70px
  }
  .mod-news-selectYear-head {
    font-size: 1.4rem;
    padding: 10px 20px
  }
  .mod-news-selectYear-body li a {
    padding: 10px 20px;
    font-size: 1.4rem
  }
}
.mod-sideNavWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.mod-sideNav-nav {
  width: 270px
}
.mod-sideNav-nav-head {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}
.mod-sideNav-nav-head.is-active a {
  color: #14195a;
  font-weight: 700
}
.mod-sideNav-nav-list {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5
}
.mod-sideNav-nav-list li {
  padding-left: 20px;
  margin-bottom: 10px
}
.mod-sideNav-nav-list li.sub {
  padding-left: 40px
}
.mod-sideNav-nav-list li.is-active a {
  color: #14195a;
  font-weight: 700
}
.mod-sideNav-nav + .mod-topicPath {
  margin-top: 0
}
.mod-sideNav-content {
  width: calc(100% - 270px)
}
@media screen and (max-width:1000px) {
  .mod-sideNavWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .mod-sideNav-nav {
    width: 100%;
    border-top: 1px solid #14195a;
    margin-top: 70px
  }
  .mod-sideNav-nav-head {
    margin-bottom: 0;
    border-bottom: 1px dotted #ccc
  }
  .mod-sideNav-nav-head a {
    position: relative;
    display: block;
    padding: 10px
  }
  .mod-sideNav-nav-head a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-54%);
    transform: translateY(-54%);
    display: block;
    content: '\EA10';
    font-family: paris-miki-fonts;
    color: #000;
    font-size: 1.2rem;
    font-weight: 400
  }
  .mod-sideNav-nav-list li {
    margin-bottom: 0;
    border-bottom: 1px dotted #ccc
  }
  .mod-sideNav-nav-list li:last-child {
    border-bottom: 0
  }
  .mod-sideNav-nav-list li a {
    position: relative;
    display: block;
    padding: 10px
  }
  .mod-sideNav-nav-list li a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -ms-transform: translateY(-54%);
    transform: translateY(-54%);
    display: block;
    content: '\EA10';
    font-family: paris-miki-fonts;
    color: #000;
    font-size: 1.2rem
  }
  .mod-sideNav-content {
    width: 90%;
    margin-right: auto;
    margin-left: auto
  }
}
.mod-tblWrap {
  width: 100%
}
.mod-tbl01 {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #ccc
}
.mod-tbl01 tr th, .mod-tbl01 tr td {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  vertical-align: top
}
.mod-tbl01 tr th.va_middle, .mod-tbl01 tr td.va_middle {
  vertical-align: middle
}
.mod-tbl01 tr th.ta_center, .mod-tbl01 tr td.ta_center {
  text-align: center
}
.mod-tbl01 tr th {
  background-color: #efefef;
  text-align: left;
  font-weight: 400
}
.mod-tbl01 tr th.fw_bold {
  font-weight: 700
}
.mod-tbl01 tr td {
  background-color: #fff
}
.mod-tbl02 {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #ccc
}
.mod-tbl02 th, .mod-tbl02 td {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  vertical-align: top
}
.mod-tbl02 th {
  background-color: #efefef;
  text-align: left;
  font-weight: 400
}
.mod-tbl02 td {
  background-color: #fff
}
.mod-tbl03 {
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #ccc
}
.mod-tbl03 th, .mod-tbl03 td {
  display: block;
  width: 100%;
  padding: 10px 20px
}
.mod-tbl03 tr {
  border-top: 1px solid #ccc
}
.mod-tbl03 th {
  text-align: left;
  vertical-align: middle;
  background-color: #efefef;
  white-space: nowrap
}
.mod-tbl03 th.ta_center {
  text-align: center
}
.mod-tbl03 th.va_top {
  vertical-align: top
}
.mod-tbl03 td {
  background-color: #fff;
  vertical-align: middle
}
.mod-tbl04 {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #ccc
}
.mod-tbl04 th, .mod-tbl04 td {
  text-align: center;
  border-right: 1px solid #ccc;
  line-height: 1.5
}
.mod-tbl04 th:last-child, .mod-tbl04 td:last-child {
  border-right: none
}
.mod-tbl04 th.ta_left, .mod-tbl04 td.ta_left {
  text-align: left
}
.mod-tbl04 th {
  padding: 5px 20px;
  background-color: #efefef;
  font-weight: 400
}
.mod-tbl04 th.color-bg_lightyellow {
  background-color: #feffd0
}
.mod-tbl04 th.color-bg_lightorange {
  background-color: #ffe7bc
}
.mod-tbl04 th.color-bg_lightpink {
  background-color: #ffe9ef
}
.mod-tbl04 td {
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #ccc
}
.mod-tbl04 td.mod-tbl04-td_dotted {
  border-bottom: 1px dotted #ccc
}
.mod-tbl05 {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #000
}
.mod-tbl05 tr:last-child th, .mod-tbl05 tr:last-child td {
  border-bottom: 1px solid #000
}
.mod-tbl05 th, .mod-tbl05 td {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
  text-align: center
}
.mod-tbl05 th.color-bg_lightyellow, .mod-tbl05 td.color-bg_lightyellow {
  background-color: #feffd0
}
.mod-tbl05 th.color-bg_lightorange, .mod-tbl05 td.color-bg_lightorange {
  background-color: #ffe7bc
}
.mod-tbl05 th.color-bg_lightpink, .mod-tbl05 td.color-bg_lightpink {
  background-color: #ffe9ef
}
.mod-tbl05 th {
  background-color: #efefef;
  text-align: left;
  font-weight: 400
}
.mod-tbl05 th.mod-tbl05-th_border {
  border-bottom: 1px solid #000
}
.mod-tbl05 td {
  background-color: #fff;
  text-align: left
}
.mod-tbl05 td.ta_center {
  text-align: center
}
.mod-tbl05 td.mod-tbl05-td_dotted {
  border-bottom: 1px dotted #ccc
}
@media screen and (max-width:47.938em) {
  .mod-tblWrap .mod-tbl03 {
    width: 800px
  }
  .mod-tblWrap .mod-tbl03-no {
    width: 800px
  }
  .mod-tbl01 th, .mod-tbl01 td {
    display: block
  }
  .mod-tbl01 th.ta_md_left, .mod-tbl01 td.ta_md_left {
    text-align: left !important
  }
  .mod-tbl02 th, .mod-tbl02 td, .mod-tbl04 th, .mod-tbl04 td, .mod-tbl05 th, .mod-tbl05 td {
    padding: 10px;
    font-size: 1.2rem
  }
  .mod-tbl03 th, .mod-tbl03 td {
    font-size: 1.2rem
  }
  .mod-tbl03 th {
    padding: 10px
  }
  .mod-tbl03 td {
    padding: 10px
  }
}
.mod-faq-item:last-child {
  border-bottom: 1px solid #ccc
}
.mod-faq-item-q {
  position: relative;
  padding: 20px 50px;
  border-top: 1px solid #ccc;
  font-size: 20px;
  font-size: 2.0rem;
  transition: .4s
}
.mod-faq-item-q:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.mod-faq-item-q:before {
  content: 'Q.';
  position: absolute;
  top: 20px;
  left: 20px;
  color: #14195a;
  font-weight: 700
}
.mod-faq-item-a {
  border-top: 1px solid #ccc;
  background-color: #efefef
}
.mod-faq-item-a-inner {
  position: relative;
  padding: 20px 20px 20px 50px
}
.mod-faq-item-a-inner:before {
  content: 'A.';
  position: absolute;
  top: 20px;
  left: 20px;
  color: #14195a;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .mod-faq-item-q {
    padding: 10px 40px 10px 30px;
    font-size: 1.5rem
  }
  .mod-faq-item-q:before {
    top: 10px;
    left: 10px
  }
  .mod-faq-item-a-inner {
    padding: 10px 20px 10px 30px
  }
  .mod-faq-item-a-inner:before {
    top: 10px;
    left: 10px;
    font-size: 1.5rem
  }
}
.mod-input {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  background-color: #efefef;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2) inset;
  border: 1px solid #1e1e1e;
  line-height: 1.5;
  outline: none
}
.mod-input:-ms-input-placeholder {
  color: #888
}
.mod-input.error {
  background-color: #fae5ea
}
.mod-input-wrap {
  position: relative
}
.mod-input-wrap .complete_sign {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.mod-input-wrap .mod-select .complete_sign {
  right: 30px
}
.mod-input-wrap.inquiry-listTbl-body3 .complete_sign {
  top: -42px;
  -ms-transform: none;
  transform: none
}
.mod-input-wrap label[for=agree] + .complete_sign {
  right: -20px
}
.mod-select {
  position: relative
}
.mod-select:after {
  content: '\EA12';
  font-family: paris-miki-fonts;
  display: block;
  position: absolute;
  top: 18px;
  right: 20px;
  transition: .4s;
  font-size: 12px;
  font-size: 1.2rem;
  pointer-events: none
}
@media all and (-ms-high-contrast:none) {
  .mod-select *::-ms-backdrop, .mod-select:after {
    top: 15px
  }
}
.mod-select select {
  width: 100%;
  padding: 12px 20px;
  background-color: #fff;
  border: 2px solid #333;
  font-size: 15px;
  font-size: 1.5rem;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  appearance: none
}
.mod-select select[disabled] {
  background-color: #ccc;
  cursor: auto
}
.mod-check {
  position: relative;
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle
}
.mod-check-text {
  position: relative;
  display: block;
  padding-left: 35px
}
.mod-check-text:before {
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  border: 2px solid #14195a;
  content: '';
  border-radius: 3px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.mod-check-text:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 5px;
  width: 5px;
  height: 7px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  content: "";
  border: solid 2px #fff;
  border-left: 0;
  border-top: 0;
  -ms-transform: translateY(-65%) rotate(45deg);
  transform: translateY(-65%) rotate(45deg)
}
.mod-check-input {
  position: absolute;
  top: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 1;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.mod-check-input:checked ~ .mod-check-text:before {
  border-color: #14195a;
  background-color: #14195a
}
.mod-check-input:checked ~ .mod-check-text:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media screen and (max-width:47.938em) {
  .mod-check {
    min-height: 7.8125vw;
    vertical-align: middle
  }
  .mod-check-text {
    padding-left: 10.15625vw
  }
  .mod-check-text:before {
    width: 7.8125vw;
    height: 7.8125vw;
    border-width: 1px;
    border-radius: 6px
  }
  .mod-check-text:after {
    left: 9px;
    width: 2.65625vw;
    height: 3.75vw;
    border-width: 3px
  }
  .mod-check-input {
    width: 7.8125vw;
    height: 7.8125vw
  }
}
.mod-paginate {
  text-align: center
}
.mod-paginate-index {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #efefef;
  vertical-align: middle;
  line-height: 40px;
  transition: .4s
}
.mod-paginate-index:hover, .mod-paginate-index.is-active {
  background-color: #14195a;
  color: #fff
}
.mod-paginate-index.is-active {
  font-weight: 700
}
.mod-paginate-prev, .mod-paginate-next, .mod-paginate-first, .mod-paginate-last {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #efefef;
  vertical-align: middle;
  line-height: 40px;
  transition: .4s
}
.mod-paginate-prev:after, .mod-paginate-next:after, .mod-paginate-first:after, .mod-paginate-last:after {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: paris-miki-fonts
}
.mod-paginate-prev:hover, .mod-paginate-next:hover, .mod-paginate-first:hover, .mod-paginate-last:hover {
  background-color: #14195a;
  color: #fff
}
.mod-paginate-prev:after {
  content: '\EA09'
}
.mod-paginate-next:after {
  content: '\EA10'
}
.mod-paginate-first:after {
  content: '\EA35'
}
.mod-paginate-last:after {
  content: '\EA36'
}
.mod-paginate span {
  background-color: #14195a;
  color: #fff;
  font-weight: 700;
  vertical-align: middle
}
.mod-paginate-index {
  width: 36px;
  height: 40px;
  text-align: center
}
.mod-paginate-prev, .mod-paginate-next, .mod-paginate-first, .mod-paginate-last {
  padding: 0 10px
}
.mod-paginate-prev.disabled, .mod-paginate-next.disabled, .mod-paginate-first.disabled, .mod-paginate-last.disabled {
  pointer-events: none
}
.mod-paginate-prev.disabled:after, .mod-paginate-next.disabled:after, .mod-paginate-first.disabled:after, .mod-paginate-last.disabled:after {
  color: #ccc
}
@media screen and (max-width:1000px) {
  .mod-paginate-index:hover {
    background-color: #efefef;
    color: #333
  }
}
.mod-sns-item {
  display: inline-block;
  height: 25px
}
.mod-sns-item .icon {
  display: block;
  height: 100%;
  color: #b9b9b9;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 25px;
  vertical-align: middle;
  transition: .4s
}
.mod-sns-item + .mod-sns-item {
  margin-left: 15px
}
.mod-sns-item:hover .icon {
  color: #14195a
}
@media screen and (max-width:1000px) {
  .mod-sns-item:hover .icon {
    color: #b9b9b9
  }
}
.mod-balloon {
  display: none;
  position: absolute;
  padding: 10px 30px;
  border-radius: 4px;
  line-height: 1.5;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));
  z-index: 99
}
.mod-balloon.is-active {
  display: block
}
.mod-balloon:before {
  content: '';
  position: absolute;
  bottom: -100px;
  right: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 60px solid transparent;
  border-top: 60px solid #ffe57f;
  z-index: 99;
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg)
}
.mod-balloon p, .mod-balloon span, .mod-balloon .icon {
  position: relative;
  z-index: 100
}
.mod-balloon .icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 7px
}
@media screen and (max-width:1000px) {
  .mod-balloon .icon-close {
    display: block
  }
}
@media screen and (max-width:47.938em) {
  .mod-balloon {
    padding: 10px
  }
}
.mod-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden
}
.mod-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  border: none
}
.mod-modal {
  display: block;
  cursor: pointer
}
.mod-modal-overlay {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 2000;
  transition: .4s
}
.mod-modal-overlay.is-active {
  display: block
}
.mod-modal-overlay.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.mod-modal-overlay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  background-color: #fff;
  border: 10px solid #fff
}
@media screen and (max-width:47.938em) {
  .mod-modal-overlay img {
    border-width: 5px;
    width: 90%
  }
}
.mod-modal-closeArea {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 501
}
.mod-modal-closeBtn {
  cursor: pointer;
  position: absolute;
  top: 5%;
  right: 10%;
  color: rgba(255, 255, 255, .8);
  z-index: 502
}
.mod-modal-closeBtn .icon {
  font-size: 30px;
  font-size: 3.0rem
}
@media screen and (max-width:47.938em) {
  .mod-modal-overlay {
    height: 110%
  }
  .mod-modal-closeBtn {
    top: 100px;
    right: 10px
  }
}
.mod-bclo-cap {
  padding: 10px 15px 0;
  color: #888;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width:47.938em) {
  .mod-bclo-cap {
    padding: 10px 10px 0;
    font-size: 1.2rem
  }
}
.mod-bclo-textBlock {
  margin-bottom: 40px
}
.mod-bclo-textWrap {
  margin-top: 15px
}
.mod-bclo-textWrap-title {
  font-weight: 700
}
.mod-bclo-link {
  margin-top: 15px;
  text-align: right
}
.mod-bclo-link-button {
  display: inline-block;
  margin: 0 auto;
  width: 300px;
  max-width: 100%;
  text-align: center
}
.mod-bclo-link-button_center {
  display: block;
  margin: 0 auto
}
.mod-bclo-link-button-a {
  position: relative;
  display: block;
  padding: 12px 30px;
  background-color: transparent;
  border: 2px solid #333;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1.5rem;
  transition: .4s
}
.mod-bclo-link-button-a .icon {
  position: absolute;
  right: 5%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-bclo-link-button-a .icon:before {
  -ms-transform: translateY(2px);
  transform: translateY(2px)
}
.mod-bclo-link-button-a:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.mod-bclo-link-button-a:hover .icon {
  color: #fff
}
@media screen and (max-width:47.938em) {
  .mod-bclo-link {
    text-align: center
  }
  .mod-bclo-link-button {
    width: 260px
  }
  .mod-bclo-link-button-a {
    padding: 12px 20px;
    font-size: 1.3rem
  }
}
.mod-bclo-imgWrap {
  display: table;
  width: 100%;
  text-align: center
}
.mod-bclo-imgWrap-inner {
  display: table-cell;
  vertical-align: middle
}
@media all and (-ms-high-contrast:none) {
  .mod-bclo-img *::-ms-backdrop, .mod-bclo-imgWrap {
    table-layout: fixed
  }
}
.mod-bclo-imgLink {
  display: block;
  transition: .4s
}
.mod-bclo-imgLink:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.mod-bclo-col01, .mod-bclo-col02, .mod-bclo-col03, .mod-bclo-col04 {
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .mod-bclo-col02 .space-u-20 {
    margin-top: -40px
  }
  .mod-bclo-col02 .space-u-20-child {
    padding-top: 40px
  }
}
.mod-bclo-col02 + .mod-bclo-col02 {
  margin-top: -40px
}
.mod-bclo-col03 + .mod-bclo-col03 {
  margin-top: -40px
}
.mod-bclo-col04 + .mod-bclo-col04 {
  margin-top: -40px
}
.mod-bclo-col03 .mod-bclo-textWrap, .mod-bclo-col04 .mod-bclo-textWrap {
  margin-top: -5px
}
@media screen and (max-width:47.938em) {
  .mod-bclo-col03 .mod-bclo-textWrap, .mod-bclo-col04 .mod-bclo-textWrap {
    margin-top: 0
  }
}
.mod-bclo-leftImage-lg, .mod-bclo-leftImage-sm, .mod-bclo-rightImage-lg, .mod-bclo-rightImage-sm {
  margin-bottom: 40px
}
.mod-bclo-leftImage-lg .mod-bclo-textWrap, .mod-bclo-leftImage-sm .mod-bclo-textWrap, .mod-bclo-rightImage-lg .mod-bclo-textWrap, .mod-bclo-rightImage-sm .mod-bclo-textWrap {
  margin-top: 0;
  padding: 0
}
.mod-bclo-leftImage-lg .mod-bclo-link, .mod-bclo-leftImage-sm .mod-bclo-link, .mod-bclo-rightImage-lg .mod-bclo-link, .mod-bclo-rightImage-sm .mod-bclo-link {
  margin-top: 15px;
  margin-bottom: 0
}
.mod-bclo-title-lg {
  margin-bottom: 1.53846vw;
  border-bottom: 1px solid #14195a;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  color: #14195a;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .mod-bclo-title-lg {
    font-size: 2.2rem
  }
}
.mod-bclo-title-sm {
  margin-bottom: 2.30769vw;
  font-size: 24px;
  font-size: 2.4rem;
  color: #14195a;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .mod-bclo-title-sm {
    font-size: 2.0rem
  }
}
.mod-bclo-list {
  margin-bottom: 40px
}
.mod-bclo-list-li {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem
}
.mod-bclo-list-li-a {
  text-decoration: underline
}
.mod-bclo-list.ul-og .mod-bclo-list-li {
  border-bottom: 1px dotted #7d7d7d
}
.mod-bclo-free {
  margin-bottom: 40px
}
.mod-corp-bclo-cap {
  padding: 10px 15px 0;
  color: #888;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-cap {
    padding: 10px 10px 0;
    font-size: 1.2rem
  }
}
.mod-corp-bclo-textBlock {
  margin-bottom: 40px
}
.mod-corp-bclo-textWrap {
  margin-top: 15px
}
.mod-corp-bclo-textWrap-title {
  font-weight: 700
}
.mod-corp-bclo-link {
  margin-top: 15px;
  text-align: right
}
.mod-corp-bclo-link-button {
  display: inline-block;
  margin: 0 auto;
  width: 300px;
  max-width: 100%;
  text-align: center
}
.mod-corp-bclo-link-button-a {
  position: relative;
  display: block;
  padding: 12px 30px;
  background-color: transparent;
  border: 2px solid #333;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1.5rem;
  transition: .4s
}
.mod-corp-bclo-link-button-a .icon {
  position: absolute;
  right: 5%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  font-size: 1.2rem
}
.mod-corp-bclo-link-button-a .icon:before {
  -ms-transform: translateY(2px);
  transform: translateY(2px)
}
.mod-corp-bclo-link-button-a:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.mod-corp-bclo-link-button-a:hover .icon {
  color: #fff
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-link {
    text-align: center
  }
  .mod-corp-bclo-link-button {
    width: 260px
  }
  .mod-corp-bclo-link-button-a {
    padding: 12px 20px;
    font-size: 1.3rem
  }
}
.mod-corp-bclo-imgWrap {
  display: table;
  width: 100%;
  text-align: center;
  background-color: #ccc
}
.mod-corp-bclo-imgWrap-inner {
  display: table-cell;
  vertical-align: middle
}
.mod-corp-bclo-imgLink {
  display: block;
  transition: .4s
}
.mod-corp-bclo-imgLink:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.mod-corp-bclo-col01, .mod-corp-bclo-col02, .mod-corp-bclo-col03, .mod-corp-bclo-col04 {
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-col01, .mod-corp-bclo-col02, .mod-corp-bclo-col03, .mod-corp-bclo-col04 {
    margin-bottom: 6.25vw
  }
  .mod-corp-bclo-col02 .space-u-20 {
    margin-top: -40px
  }
  .mod-corp-bclo-col02 .space-u-20-child {
    padding-top: 40px
  }
}
.mod-corp-bclo-col02 + .mod-bclo-col02 {
  margin-top: -40px
}
.mod-corp-bclo-col03 + .mod-bclo-col03 {
  margin-top: -40px
}
.mod-corp-bclo-col04 + .mod-bclo-col04 {
  margin-top: -40px
}
.mod-corp-bclo-col03 .mod-bclo-textWrap, .mod-corp-bclo-col04 .mod-bclo-textWrap {
  margin-top: -5px
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-col03 .mod-bclo-textWrap, .mod-corp-bclo-col04 .mod-bclo-textWrap {
    margin-top: 0
  }
}
.mod-corp-bclo-leftImage-lg, .mod-corp-bclo-leftImage-sm, .mod-corp-bclo-rightImage-lg, .mod-corp-bclo-rightImage-sm {
  margin-bottom: 40px
}
.mod-corp-bclo-leftImage-lg .mod-bclo-textWrap, .mod-corp-bclo-leftImage-sm .mod-bclo-textWrap, .mod-corp-bclo-rightImage-lg .mod-bclo-textWrap, .mod-corp-bclo-rightImage-sm .mod-bclo-textWrap {
  margin-top: 0;
  padding: 0
}
.mod-corp-bclo-leftImage-lg .mod-bclo-link, .mod-corp-bclo-leftImage-sm .mod-bclo-link, .mod-corp-bclo-rightImage-lg .mod-bclo-link, .mod-corp-bclo-rightImage-sm .mod-bclo-link {
  margin-top: 15px;
  margin-bottom: 0
}
.mod-corp-bclo-title-lg {
  margin-bottom: 20px;
  border-bottom: 1px solid #14195a;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  color: #14195a;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-title-lg {
    margin-bottom: 3.125vw;
    font-size: 2.2rem
  }
}
.mod-corp-bclo-title-sm {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #14195a;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .mod-corp-bclo-title-sm {
    margin-bottom: 3.125vw;
    font-size: 2.0rem
  }
}
.mod-corp-bclo-list {
  margin-bottom: 40px
}
.mod-corp-bclo-list-li {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem
}
.mod-corp-bclo-list-li-a {
  text-decoration: underline
}
.mod-corp-bclo-list.ul-og .mod-bclo-list-li {
  border-bottom: 1px dotted #7d7d7d
}
.mod-corp-bclo-free {
  margin-bottom: 40px
}
.mod-prodPanel {
  height: 100%;
  padding-top: 5%;
  border: 1px solid #ccc;
  overflow: hidden
}
.mod-prodPanel-gray {
  background: #d3d3d3
}
.mod-prodPanel-gray .mod-prodPanel-favorite .icon, .mod-prodPanel-gray .mod-prodPanel-modal .icon {
  color: #acacac
}
.mod-prodPanel-noLink .rt_p_href {
  cursor: default;
  pointer-events: none
}
.mod-prodPanel-noLink .prod-modal-btnWrap {
  display: none
}
.mod-prodPanel-iconBlock {
  position: relative;
  height: 20px;
  margin-bottom: 10%;
  vertical-align: top
}
.mod-prodPanel-iconWrap {
  position: absolute;
  top: 0;
  left: 12px;
  letter-spacing: -.31em
}
.mod-prodPanel-iconWrap .mod-prodPanel-new, .mod-prodPanel-iconWrap .mod-prodPanel-soldout {
  position: static;
  padding-right: 10px;
  letter-spacing: normal
}
.mod-prodPanel-new, .mod-prodPanel-soldout {
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #c03;
  font-weight: 700
}
.mod-prodPanel-new ~ .mod-prodPanel-soldout, .mod-prodPanel-soldout ~ .mod-prodPanel-soldout {
  left: 50px
}
.mod-prodPanel-soldout {
  color: #14195a
}
.mod-prodPanel-favorite, .mod-prodPanel-modal {
  position: absolute;
  display: block;
  height: 20px;
  top: 0;
  cursor: pointer;
  transition: .4s
}
.mod-prodPanel-favorite:hover, .mod-prodPanel-modal:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
@media screen and (max-width:1000px) {
  .mod-prodPanel-favorite:hover, .mod-prodPanel-modal:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.mod-prodPanel-favorite .icon, .mod-prodPanel-modal .icon {
  vertical-align: top;
  color: #ccc
}
.mod-prodPanel-favorite {
  right: 70px
}
.mod-prodPanel-favorite .icon-favorite {
  transition: .4s
}
.mod-prodPanel-favorite.is-active .icon-favorite {
  color: #ffa8bc
}
.mod-prodPanel-modal {
  right: 20px
}
.mod-prodPanel .mod-a {
  height: auto;
  transition: .4s
}
.mod-prodPanel .mod-a:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
@media screen and (max-width:1000px) {
  .mod-prodPanel .mod-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.mod-prodPanel-text {
  display: table;
  width: 100%;
  padding: 10px 10px 15px;
  text-align: center;
  line-height: 1.5
}
.mod-prodPanel-text-inner {
  display: table-cell;
  vertical-align: middle
}
.mod-prodPanel-text_name {
  font-size: 15px;
  font-size: 1.5rem
}
.mod-prodPanel-text_price {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:1000px) {
  .mod-prodPanel-text_price span {
    display: block
  }
}
.mod-prodPanel_large .mod-prodPanel-text {
  display: -ms-flexbox;
  display: flex;
  height: 33%;
  min-height: 150px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:1000px) {
  .mod-prodPanel_large .mod-prodPanel-text {
    min-height: 140px
  }
}
@media screen and (max-width:47.938em) {
  .mod-prodPanel_large .mod-prodPanel-text {
    min-height: auto
  }
}
@media screen and (max-width:47.938em) {
  .mod-prodPanel-favorite {
    right: 10.9375vw
  }
  .mod-prodPanel-modal {
    right: 3.125vw
  }
  .mod-prodPanel_large .mod-prodPanel-text {
    height: 23.4375vw
  }
}
.mod-favList-wrap:nth-child(3n) .sizeSelect, .mod-favList-wrap:nth-child(4n) .sizeSelect {
  left: auto;
  right: -20px
}
.mod-favList-wrap:nth-child(3n) .sizeSelect .triangle, .mod-favList-wrap:nth-child(4n) .sizeSelect .triangle {
  left: auto;
  right: 86px
}
.mod-favList-item {
  position: relative
}
.mod-favList-item:before {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .15);
  content: '';
  z-index: 1
}
.mod-favList-item > .icon-close {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, .15);
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 1;
  transition: .4s
}
.mod-favList-item > .icon-close:before {
  font-weight: 700
}
.mod-favList-item > .icon-close:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.mod-favList-item-btn {
  position: relative;
  padding: 20px 5px;
  border-bottom: 2px solid #333;
  font-size: 15px;
  font-size: 1.5rem;
  color: #14195a;
  line-height: 1;
  cursor: pointer
}
.mod-favList-item-btn .mod-iconArrowRight:before {
  transition: .4s
}
.mod-favList-item-btn:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.mod-favList-item-btn.is-active .mod-iconArrowRight:before {
  -ms-transform: translateY(-60%) rotate(180deg);
  transform: translateY(-60%) rotate(180deg)
}
.mod-favList-item-btn.is-active + .sizeSelect {
  display: block
}
.mod-favList-item-txt_selected {
  display: none
}
.mod-favList-item.selected:before {
  display: block
}
.mod-favList-item.selected .icon-close {
  display: block
}
.mod-favList-item.selected .mod-favList-item-txt {
  display: none
}
.mod-favList-item.selected .mod-favList-item-txt_selected {
  display: block
}
.mod-favList-item .sizeSelect {
  display: none;
  position: absolute;
  width: 420px;
  top: 105%;
  left: -20px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  z-index: 100
}
.mod-favList-item .sizeSelect-inner {
  position: relative
}
.mod-favList-item .sizeSelect-inner .triangle {
  position: absolute;
  top: -28px;
  left: 86px
}
.mod-favList-item .sizeSelect-inner .mod-check {
  width: 100%
}
.mod-favList-item .sizeSelect-inner .mod-check-input {
  width: 100%;
  height: 100%
}
.mod-favList-item .sizeSelect-btn {
  padding: 15px
}
.mod-favList-item .sizeSelect-btn .mod-button {
  width: 175px
}
.mod-favList-item .sizeSelect-btn .mod-button-a {
  background-color: #ddd;
  border-color: #ddd;
  color: #fff;
  cursor: default;
  pointer-events: none
}
.mod-favList-item .sizeSelect-btn .mod-button-a .icon {
  color: #fff
}
.mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01 {
  background-color: #fff;
  border-color: #000;
  color: #000;
  cursor: pointer;
  pointer-events: auto
}
.mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01 .icon {
  color: #000
}
.mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01:hover .icon {
  color: #fff
}
@media screen and (max-width:1000px) {
  .mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
  }
  .mod-favList-item .sizeSelect-btn .mod-button-a.is-hover01:hover .icon {
    color: #000
  }
}
.mod-favList-item .sizeSelect ul li {
  padding: 15px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc
}
.mod-favList-item .sizeSelect ul li .mod-check-text span {
  display: block
}
.mod-favList-item .sizeSelect ul li .mod-check-text .stock {
  color: #c03;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .mod-favList-wrap:nth-child(3n) .sizeSelect, .mod-favList-wrap:nth-child(4n) .sizeSelect {
    left: auto;
    right: auto
  }
  .mod-favList-wrap:nth-child(3n) .sizeSelect .triangle, .mod-favList-wrap:nth-child(4n) .sizeSelect .triangle {
    left: 13.4375vw
  }
  .mod-favList-wrap:nth-child(even) .sizeSelect {
    -ms-transform: translateX(-52%);
    transform: translateX(-52%)
  }
  .mod-favList-wrap:nth-child(even) .sizeSelect .triangle {
    left: auto;
    right: 13.4375vw
  }
  .mod-favList-item .sizeSelect {
    position: static;
    width: 206%;
    margin-top: 3.125vw
  }
  .mod-favList-item .sizeSelect-inner .triangle {
    left: 13.4375vw
  }
  .mod-favList-item .sizeSelect-btn .mod-button {
    width: 46.875vw
  }
}
h1.header-logo {
  font-size: 0
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  padding: 20px 20px 0;
  background-color: #fff;
  border-bottom: 1px solid #cbcbcb;
  z-index: 1000;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width:1000px) {
  .header {
    height: 60px;
    padding: 0
  }
}
.header-logo {
  position: absolute;
  top: 20px;
  left: 40px;
  width: 250px;
  z-index: 1002
}
@media screen and (max-width:1000px) {
  .header-logo {
    top: 15px;
    left: 3.07692vw;
    width: 160px
  }
}
@media screen and (max-width:1000px) {
  .header-nav {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    height: calc(100vh - 60px);
    padding-bottom: 60px;
    overflow-y: scroll;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
  }
}
.header-nav-head {
  display: block;
  position: absolute;
  top: 27px;
  width: 26.15385vw;
  height: 63px;
  margin-left: 40%;
  z-index: 1002
}
@media screen and (max-width:1270px) {
  .header-nav-head {
    width: 30vw
  }
}
@media screen and (max-width:1000px) {
  .header-nav-head {
    display: none
  }
}
.header-nav-head-item {
  position: relative;
  display: inline-block;
  padding: 0 2vw;
  white-space: nowrap
}
.header-nav-head-item:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -15px;
  display: block;
  width: 30px;
  border-bottom: 2px dotted #7b7fbe;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.header-nav-head-item:last-child:after {
  content: none
}
.header-nav-head-item a {
  position: relative;
  color: #14195a;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  transition: .4s
}
.header-nav-head-item a:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #14195a;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s
}
.header-nav-head-item a.is-active:after, .header-nav-head-item a:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media screen and (max-width:1000px) {
  .header-nav-head-item a.is-active:after, .header-nav-head-item a:hover:after {
    width: 0
  }
}
.header-nav-head-item a.is-close:hover:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.header-nav-head-item.is-active a:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header-nav-head-sub {
  position: absolute;
  top: 45px;
  right: 3.07692vw;
  text-align: right;
  line-height: 1.8;
  z-index: 1002
}
.header-nav-head-sub-item {
  position: relative;
  display: inline-block;
  margin-right: 2.30769vw
}
.header-nav-head-sub-item:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -1.92308vw;
  display: block;
  width: 15px;
  border-bottom: 2px dotted #7b7fbe;
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}
.header-nav-head-sub-item:nth-child(4), .header-nav-head-sub-item:last-child {
  margin-right: 0
}
.header-nav-head-sub-item:nth-child(4):after, .header-nav-head-sub-item:last-child:after {
  content: none
}
.header-nav-head-sub-item_contact, .header-nav-head-sub-item_visiting {
  display: none
}
.header-nav-head-sub-item a {
  position: relative;
  color: #14195a;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700
}
.header-nav-head-sub-item a:after {
  content: '';
  position: absolute;
  bottom: -3px;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #14195a;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s
}
.header-nav-head-sub-item a:hover:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media screen and (max-width:1000px) {
  .header-nav-head-sub-item a:hover:after {
    width: 0
  }
}
.header-nav-head-sub-item-haschild ul {
  position: absolute;
  width: 150px;
  top: 44px;
  left: -20px;
  padding: 10px 20px 0;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: left;
  background-color: rgba(255, 255, 255, .5);
  transition: .3s
}
.header-nav-head-sub-item-haschild:hover ul {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header-nav-head-sub-item-dd {
  display: block
}
.header-nav-head-sub-item-dd li {
  margin-bottom: 10px
}
@media screen and (max-width:1000px) {
  .header-nav-head-sub {
    position: relative;
    top: auto;
    right: auto;
    padding: 10px;
    text-align: center
  }
  .header-nav-head-sub-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px
  }
  .header-nav-head-sub-item {
    display: inline-block;
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px;
    padding-left: 10px
  }
  .header-nav-head-sub-item:after {
    content: none
  }
  .header-nav-head-sub-item_contact, .header-nav-head-sub-item_visiting {
    display: inline-block
  }
  .header-nav-head-sub-item_members, .header-nav-head-sub-item_lang {
    display: none
  }
  .header-nav-head-sub-item a {
    display: block;
    padding: 16px 0;
    border: 1px solid #ccc;
    color: #333;
    font-size: 1.4rem;
    font-weight: 400
  }
  .header-nav-head-sub-item a:after {
    content: none
  }
}
.header-nav-menu {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1140px;
  margin: auto;
  padding: 0 5px 5px;
  overflow: hidden;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s;
  z-index: 501
}
.header-nav-menu[data-target=members] {
  display: none
}
.header-nav-menu[data-target=store] {
  max-width: 890px
}
.header-nav-menu[data-target=company] {
  max-width: 830px
}
.header-nav-menu.is-active {
  display: block
}
.header-nav-menu.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media screen and (max-width:1000px) {
  .header-nav-menu {
    display: block;
    position: relative;
    top: auto;
    max-width: 100%;
    padding: 10px;
    overflow: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  .header-nav-menu[data-target=members] {
    display: block
  }
}
.header-nav-menu-inner {
  padding: 40px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1)
}
@media screen and (max-width:1000px) {
  .header-nav-menu-inner {
    box-shadow: none;
    border: 1px solid #ccc;
    padding: 20px 10px 15px
  }
}
.header-nav-menu-head {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  text-align: center
}
.header-nav-menu-head span {
  position: absolute;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1
}
@media screen and (max-width:1000px) {
  .header-nav-menu-head {
    display: block;
    margin-bottom: 10px;
    background-color: #fff
  }
  .header-nav-menu-head span {
    position: relative;
    height: auto;
    font-size: 2.4rem
  }
}
.header-nav-menu-linkBlock {
  display: -ms-flexbox;
  display: flex
}
.header-nav-menu-linkBlock_center {
  -ms-flex-align: center;
  align-items: center
}
.header-nav-menu-linkBlock-img {
  width: 90px
}
.header-nav-menu-linkBlock-img img {
  border: 1px solid #efefef
}
.header-nav-menu-linkBlock-txt {
  width: calc(100% - 90px);
  padding-left: 20px
}
.header-nav-menu-linkBlock-head {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2
}
.header-nav-menu-linkBlock-item {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 5px
}
@media screen and (max-width:1000px) {
  .header-nav-menu-linkBlock_center .header-nav-menu-linkBlock-head {
    margin-bottom: 2px;
    background-color: #efefef;
    text-align: left
  }
  .header-nav-menu-linkBlock_center .header-nav-menu-linkBlock-head a {
    padding: 10px;
    border-bottom: none;
    font-weight: 400
  }
  .header-nav-menu-linkBlock_center.mb25 {
    margin-bottom: 0
  }
  .header-nav-menu-linkBlock-img {
    display: none
  }
  .header-nav-menu-linkBlock-txt {
    width: 100%;
    padding-left: 0
  }
  .header-nav-menu-linkBlock-head {
    margin-bottom: 15px;
    padding: 0;
    text-align: center
  }
  .header-nav-menu-linkBlock-head a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #333
  }
  .header-nav-menu-linkBlock-item {
    background-color: #efefef;
    margin-bottom: 2px;
    padding: 10px;
    font-size: 1.5rem;
    line-height: 1.8
  }
}
.header-nav-menu-btn {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center
}
.header-nav-menu-btn img {
  width: 100%
}
.header-nav-menu-btn span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  letter-spacing: 3px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:1000px) {
  .header-nav-menu-btn {
    height: auto;
    margin-bottom: 2px;
    background-color: #efefef;
    color: #000;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left
  }
  .header-nav-menu-btn a {
    display: block;
    padding: 10px
  }
  .header-nav-menu-btn img {
    display: none
  }
  .header-nav-menu-btn span {
    position: relative;
    top: auto;
    -ms-transform: none;
    transform: none;
    color: #000;
    font-weight: 400;
    letter-spacing: normal
  }
}
.header-nav-menu .mod-button {
  width: 100%;
  margin-bottom: 40px
}
.header-nav-menu .mod-button-a {
  height: 70px
}
.header-nav-menu .mod-button-txt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 3px
}
@media screen and (max-width:1000px) {
  .header-nav-menu .mod-button {
    margin-bottom: 20px
  }
  .header-nav-menu .mod-button-a {
    height: 45px;
    text-align: left
  }
  .header-nav-menu .mod-button-txt {
    left: 15px;
    text-align: left;
    letter-spacing: normal
  }
  .header-nav-menu .mod-button_logo_madeinjapan {
    margin-bottom: 0
  }
  .header-nav-menu .mod-button_logo_madeinjapan .mod-button-a {
    height: 70px;
    text-align: center
  }
}
@media screen and (max-width:1000px) {
  .header-nav-menu .space-u-40 {
    margin-top: -20px
  }
  .header-nav-menu .space-u-40-child {
    padding-top: 20px
  }
  .header-nav-menu .mb60 {
    margin-bottom: 20px
  }
}
.header-nav-search {
  position: absolute;
  top: 10px;
  right: 15.38462vw;
  cursor: pointer;
  z-index: 1002
}
.header-nav-search .icon {
  font-size: 18px;
  font-size: 1.8rem;
  color: #b8b6b5;
  transition: .4s
}
.header-nav-search:hover .icon {
  color: #14195a
}
@media screen and (max-width:1000px) {
  .header-nav-search:hover .icon {
    color: #b8b6b5
  }
}
.header-nav-search-inner {
  display: none
}
@media screen and (max-width:1000px) {
  .header-nav-search {
    position: relative
  }
}
.header-nav-search-sp {
  display: none;
  position: absolute;
  top: 0;
  right: 60px;
  width: 30px;
  height: 60px
}
.header-nav-search-sp .icon {
  position: absolute;
  top: 52%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  font-size: 2.5rem
}
@media screen and (max-width:1000px) {
  .header-nav-search-sp {
    position: absolute;
    display: block
  }
}
.header-nav-sns {
  position: absolute;
  top: 5px;
  right: 3.07692vw;
  z-index: 1002
}
.header-nav-sns-item {
  display: inline-block;
  margin-right: 10px
}
.header-nav-sns-item:last-child {
  margin-right: 0
}
.header-nav-sns-item a {
  color: #b8b6b5;
  transition: .4s
}
.header-nav-sns-item a:hover {
  color: #14195a
}
@media screen and (max-width:1000px) {
  .header-nav-sns-item a:hover {
    color: #b8b6b5
  }
}
.header-nav-sns-item .icon {
  font-size: 18px;
  font-size: 1.8rem
}
.header-nav-sns-item .icon-youtube {
  font-size: 22px;
  font-size: 2.2rem
}
.header-nav-sns-item .icon-youtube:before {
  -ms-transform: translateY(2px);
  transform: translateY(2px)
}
@media screen and (max-width:1000px) {
  .header-nav-sns {
    position: relative;
    top: auto;
    right: auto;
    text-align: center
  }
  .header-nav-sns-item {
    margin-right: 30px
  }
  .header-nav-sns-item:last-child {
    margin-right: 0
  }
  .header-nav-sns-item .icon {
    font-size: 3.0rem
  }
  .header-nav-sns-item .icon-youtube {
    font-size: 3.6rem
  }
  .header-nav-sns-item .icon-youtube:before {
    -ms-transform: translateY(4px);
    transform: translateY(4px)
  }
}
.header-hamburger {
  display: none
}
@media screen and (max-width:1000px) {
  .header-hamburger {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    text-align: center
  }
  .header-hamburger:before, .header-hamburger:after {
    content: '';
    position: absolute
  }
  .header-hamburger:before {
    top: 19px;
    left: 30%;
    width: 25px;
    height: 3px;
    background-color: #14195a;
    transition: .4s
  }
  .header-hamburger:after {
    bottom: 20px;
    left: 30%;
    width: 25px;
    height: 3px;
    background-color: #14195a;
    transition: .4s
  }
  .header-hamburger em {
    display: block;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 25px;
    height: 3px;
    margin-top: -2px;
    background-color: #14195a;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: .4s
  }
  .header-hamburger.is-active:before {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 28px
  }
  .header-hamburger.is-active:after {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    bottom: 29px
  }
  .header-hamburger.is-active em {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
}
.header-overlay {
  display: none;
  position: fixed;
  top: 89px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .7);
  border-top: 1px solid #cbcbcb;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s
}
.header-overlay.is-active {
  display: block
}
.header-overlay.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header-overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 1001
}
.header-siteSearch {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .4s;
  z-index: 2500
}
.header-siteSearch.is-active {
  display: block
}
.header-siteSearch.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header-siteSearch-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6)
}
.header-siteSearch #srchBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 616px
}
.header-siteSearch #srchBox.watermark #srchInput {
  padding: 4px 20px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2) inset;
  border: 1px solid #1e1e1e;
  background: #fff
}
.header-siteSearch #srchBox.watermark #srchInput.nomark {
  background: #fff
}
.header-siteSearch #srchBox.watermark #srchLogo {
  display: none
}
.header-siteSearch #srchBox #srch {
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15)
}
.header-siteSearch #srchBox #srch .__input {
  position: relative;
  width: 490px;
  margin-right: 6px
}
.header-siteSearch #srchBox #srch .__input input {
  width: 100%;
  padding: 4px 20px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2) inset;
  border: 1px solid #1e1e1e;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: bottom
}
.header-siteSearch #srchBox #srch .__submit {
  width: 80px;
  height: 40px;
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  background-color: #14195a;
  color: #fff;
  transition: .4s;
  cursor: pointer;
  border-radius: 0;
  position: relative;
  top: 1px
}
.header-siteSearch #srchBox #srch .__submit:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.header-siteSearch #srchBox #srch .__submit:before {
  content: "検索";
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  margin: 0
}
.header-siteSearch #srchBox #srch .__submit span {
  margin: 0
}
@media screen and (max-width:1000px) {
  .header-siteSearch #srchBox {
    width: 90%;
    padding: 10px
  }
  .header-siteSearch #srchBox #srch .__input {
    width: calc(100% - 76px)
  }
  .header-siteSearch #srchBox #srch .__submit {
    width: 70px
  }
}
.mod-button_logo_parismiki_quality img {
  height: 65px;
  object-fit: cover;
  padding: 6px
}
@media screen and (max-width:1000px) {
  .mod-button_logo_parismiki_quality {
    margin-bottom: 0
  }
  .mod-button_logo_parismiki_quality img {
    width: 100%;
    height: 40px;
    object-fit: cover;
    padding: 3px
  }
}
@media screen and (max-width:1000px) {
  .header-nav-menu .mod-button_logo_parismiki_quality .mod-button-a {
    text-align: center
  }
}
.floatNav {
  position: fixed;
  top: 50%;
  right: -65px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  padding: 5px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15);
  text-align: center;
  z-index: 600
}
.floatNav.transition {
  transition: .4s
}
.floatNav.is-visible {
  right: 40px
}
.floatNav-item {
  margin-bottom: 15px;
  text-align: center;
  line-height: 1;
  white-space: nowrap
}
.floatNav-item .icon {
  font-size: 35px;
  font-size: 3.5rem
}
.floatNav-item .icon-product {
  vertical-align: bottom
}
.floatNav-item .icon-favorite {
  display: inline-block;
  color: #ffa8bc;
  font-size: 18px;
  font-size: 1.8rem;
  transition: .4s
}
.floatNav-item .icon-favorite.is-active {
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.floatNav-item span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:1000px) {
  .floatNav-item._favo {
    padding-top: 0
  }
}
.floatNav-item._favo ._favoText {
  margin-top: 3px;
  margin-bottom: 8px;
  font-size: 11px;
  font-size: 1.1rem;
  -ms-transform: translateX(-2px);
  transform: translateX(-2px)
}
@media screen and (max-width:1000px) {
  .floatNav-item._favo ._favoText {
    margin-top: -5px;
    margin-bottom: 4px;
    -ms-transform: none;
    transform: none;
    font-size: 1.0rem
  }
}
.floatNav-contact {
  display: block;
  height: 125px !important;
  padding: 20px 11px;
  background-color: #14195a;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 4px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap
}
@media screen and (max-width:1000px) {
  .floatNav {
    top: 60px;
    right: 0;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: 60px;
    padding: 0;
    background-color: #14195a;
    border-radius: 0;
    box-shadow: none
  }
  .floatNav.is-visible {
    right: 0
  }
  .floatNav-inner {
    display: -ms-flexbox;
    display: flex;
    height: 60px
  }
  .floatNav-item {
    display: inline-block;
    width: 25%;
    padding: 7px 0
  }
  .floatNav-item .icon {
    display: inline-block;
    height: 35px;
    color: #fff;
    font-size: 3.0rem
  }
  .floatNav-item .icon-product {
    vertical-align: inherit
  }
  .floatNav-item .icon-favorite {
    color: #ffa8bc;
    font-size: 1.8rem;
    line-height: 2
  }
  .floatNav-item span {
    color: #fff;
    font-size: 1.0rem
  }
  .floatNav-contact {
    display: none
  }
}
.container {
  height: 100%;
  padding-top: 90px
}
@media screen and (max-width:1000px) {
  .container {
    padding-top: 120px
  }
}
.contents {
  padding-bottom: 100px
}
@media screen and (max-width:1000px) {
  .contents {
    padding-bottom: 0
  }
}
.footer {
  width: 100%
}
.footer-pagetop {
  display: block;
  position: fixed;
  bottom: 30px;
  right: 0;
  width: 80px;
  height: 70px;
  padding: 10px 0;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  z-index: -1;
  transition: .4s
}
.footer-pagetop.is-visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 500
}
.footer-pagetop span {
  display: block
}
@media screen and (max-width:1000px) {
  .footer-pagetop {
    position: relative;
    bottom: auto;
    right: 0;
    left: 0;
    margin: 40px auto
  }
}
.footer-nav {
  background-color: #fff;
  border-top: 1px solid #000
}
.footer-nav-inner {
  position: relative;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 50px 30px
}
.footer-nav-logo {
  width: 15.38462vw;
  margin-bottom: 40px
}
.footer-nav-sns {
  position: absolute;
  top: 40px;
  right: 50px
}
.footer-nav-links li {
  display: inline-block;
  margin-right: 30px
}
.footer-nav-links li a {
  color: #413e3b;
  font-size: 13px;
  font-size: 1.3rem
}
.footer-nav-enquete {
  position: absolute;
  bottom: 20px;
  right: 50px;
  width: 23.07692vw;
  max-width: 300px
}
@media screen and (max-width:1000px) {
  .footer-nav-inner {
    max-width: 260px;
    padding: 40px 0 60px
  }
  .footer-nav-logo {
    margin: 0 auto 40px;
    width: 80%
  }
  .footer-nav-links {
    margin-bottom: 50px
  }
  .footer-nav-links li {
    display: block;
    margin-bottom: 20px;
    font-size: 1.2rem
  }
  .footer-nav-links li.footer-nav-links_lang {
    display: block
  }
  .footer-nav-enquete {
    position: relative;
    bottom: auto;
    right: auto
  }
  .footer-nav-enquete.mod-button {
    width: 100%
  }
}
.footer-copy {
  padding: 30px 40px;
  background-color: #14195a;
  color: #676db5;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width:1000px) {
  .footer-copy {
    padding: 20px;
    font-size: 1.0rem;
    text-align: center
  }
}
.js-toggle {
  position: relative;
  cursor: pointer;
  transition: .4s
}
@media screen and (max-width:47.938em) {
  .js-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
}
.js-toggleBlock {
  display: none
}
.js-toggleBlock.is-active {
  display: block
}
.js-toggle-switch {
  display: block;
  position: absolute;
  top: 48%;
  right: 20px;
  width: 20px;
  height: 2px;
  background: #14195a
}
.js-toggle-switch:after {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  right: 9px;
  width: 2px;
  height: 20px;
  background: #14195a;
  transition: .3s
}
.js-toggle-switch_red {
  background: #d92c31
}
.js-toggle-switch_red:after {
  background: #d92c31
}
.is-active > .js-toggle-switch_red:after {
  background: #5f5f5f
}
.is-active > .js-toggle-switch:after {
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg)
}
@media screen and (max-width:47.938em) {
  .js-toggle-switch {
    right: 0
  }
}
.js-toggle-button {
  border-bottom: 1px solid #ccc
}
.js-toggle-button + .js-toggleBlock .mod-tbl02 {
  border-top: none
}
.js-toggle-button:before, .js-toggle-button:after {
  position: absolute;
  display: block;
  top: 50%;
  background-color: #14195a;
  content: '';
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.js-toggle-button:before {
  width: 18px;
  height: 2px;
  right: 20px
}
.js-toggle-button:after {
  width: 2px;
  height: 18px;
  right: 28px;
  transition: .4s
}
.js-toggle-button.is-active:after {
  right: 20px;
  -ms-transform: rotate(90deg) translateY(8px) translateX(-9px);
  transform: rotate(90deg) translateY(8px) translateX(-9px)
}
.slick-slider {
  position: relative;
  z-index: 100;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: .6s
}
.slick-slider.slick-initialized {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.slick-slide {
  outline: none
}
.slick-arrow {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
  outline: none;
  z-index: 101;
  transition: .4s
}
.slick-arrow:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.slick-arrow.slick-prev {
  left: 20px
}
.slick-arrow.slick-next {
  right: 20px
}
@media screen and (max-width:1000px) {
  .slick-arrow:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
@media screen and (max-width:47.938em) {
  .slick-arrow {
    width: 40px;
    height: 40px
  }
  .slick-arrow.slick-prev {
    left: 10px
  }
  .slick-arrow.slick-next {
    right: 10px
  }
}
.idx-main {
  position: relative
}
.idx-mainVis-text {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10vw;
  z-index: 101;
  color: #fff
}
@media screen and (max-width:47.938em) {
  .idx-mainVis-text {
    top: calc(50% - 50px);
    width: 80%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.idx-mainVis-text .small {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2px;
  letter-spacing: .2rem;
  line-height: 1.5;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="6" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, .8))
}
@media screen and (max-width:1000px) {
  .idx-mainVis-text .small {
    margin-bottom: 16px;
    font-size: 1.4rem
  }
}
.idx-mainVis-text h1 {
  margin-bottom: 30px;
  font-size: clamp(30px, 2.5vw, 36px);
  font-size: clamp(3rem, 2.5vw, 3.6rem);
  letter-spacing: 10px;
  letter-spacing: 1rem;
  line-height: 1.2;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, .8))
}
@media screen and (max-width:1000px) {
  .idx-mainVis-text h1 {
    margin-bottom: 20px;
    font-size: 2.6rem;
    letter-spacing: .5rem
  }
}
.idx-mainVis-text h2 {
  margin-bottom: 30px;
  font-size: clamp(30px, 2.5vw, 36px);
  font-size: clamp(3rem, 2.5vw, 3.6rem);
  letter-spacing: 10px;
  letter-spacing: 1rem;
  line-height: 1.2;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 16px rgba(0, 0, 0, .8))
}
@media screen and (max-width:1000px) {
  .idx-mainVis-text h2 {
    margin-bottom: 20px;
    font-size: 2.6rem;
    letter-spacing: .5rem
  }
}
.idx-mainVis-text-link {
  display: block;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="8" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .8))
}
.idx-mainVis-text-link img {
  display: block;
  margin-top: -10px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="12" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.8)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .8))
}
.idx-mainVis-slider {
  overflow: hidden
}
.idx-mainVis-slider li {
  vertical-align: bottom
}
.idx-mainVis-slider img {
  width: 100%
}
.idx-mainVis-slider .slick-slide img {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.idx-mainVis-slider .slick-slide.slick-current img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.idx-mainVis-slider .slick-arrow.slick-prev {
  right: 15px
}
.idx-mainVis-slider .slick-arrow.slick-next {
  right: 15px
}
@media screen and (max-width:47.938em) {
  .idx-mainVis-slider .slick-arrow.slick-prev {
    right: 10px
  }
  .idx-mainVis-slider .slick-arrow.slick-next {
    right: 10px
  }
}
.idx-main .slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  max-width: 1064px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none
}
@media screen and (max-width:47.938em) {
  .idx-main .slider-dots {
    bottom: 0;
    width: 100%
  }
}
.idx-main .slider-dots li {
  display: inline-block;
  width: 100%;
  margin: 0 2px
}
@media screen and (max-width:47.938em) {
  .idx-main .slider-dots li {
    width: calc(25% - 2px);
    margin-left: 0;
    margin-right: 2px
  }
}
@media screen and (max-width:47.938em) {
  .idx-main .slider-dots li:last-child {
    margin-right: 0
  }
}
.idx-main .slider-dots button {
  position: relative;
  width: 100%;
  height: 4px;
  vertical-align: bottom;
  border: 0;
  background-color: #ddd;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  font-size: 0
}
.idx-main .slider-dots button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 0;
  height: 100%
}
.idx-main .slider-dots .slick-active button:after {
  background-color: #fff;
  animation: progress 5s linear forwards
}
@keyframes progress {
  from {
    width: 0
  }
  to {
    width: 100%
  }
}
.idx-main-ticker {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #000;
  overflow: hidden
}
.idx-main-ticker-ul {
  width: 100%;
  position: relative
}
.idx-main-ticker-item {
  display: none;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap
}
.idx-main-ticker-item a {
  color: #fff
}
.idx-main-ticker-title {
  margin-left: 20px;
  padding-right: 10px
}
@media screen and (max-width:1000px) {
  .idx-main-ticker-item {
    font-size: 1.4rem;
    text-align: left;
    overflow-x: scroll
  }
  .idx-main-ticker-title {
    margin-left: 10px
  }
}
@media screen and (max-width:47.938em) {
  .idx-main-ticker {
    height: 62px
  }
  .idx-main-ticker-title {
    display: block;
    margin-left: 0
  }
}
.idx-main-condolence {
  padding: 40px;
  background-color: #efefef
}
@media screen and (max-width:1000px) {
  .idx-main-condolence {
    padding: 40px 10px
  }
}
.idx-category {
  display: -ms-grid;
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 25% 25%;
  -ms-grid-rows: auto auto auto;
  -ms-grid-columns: 50% 25% 25%;
  margin-left: -20px;
  margin-top: -20px
}
.idx-category-item {
  position: relative;
  padding-left: 20px;
  padding-top: 20px
}
.idx-category-item img {
  width: 100%;
  height: 100%
}
.idx-category-item_01 {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 2
}
.idx-category-item_02 {
  grid-row: 1 / 2;
  grid-column: 2 / 4;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2
}
.idx-category-item_03 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  -ms-grid-row: 2;
  -ms-grid-column: 2
}
.idx-category-item_04 {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  -ms-grid-row: 2;
  -ms-grid-column: 3
}
.idx-category-item_05 {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  -ms-grid-row: 3;
  -ms-grid-column: 1
}
.idx-category-item_06 {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  -ms-grid-row: 3;
  -ms-grid-column: 2
}
.idx-category-item_07 {
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  -ms-grid-row: 3;
  -ms-grid-column: 3
}
.idx-category-txt {
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  background: linear-gradient(to bottom, rgba(121, 109, 99, 0) 0, rgba(121, 109, 99, .8) 100%);
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .idx-category {
    display: block;
    margin-top: 0;
    margin-left: 0;
    padding-left: 50px;
    padding-right: 50px
  }
  .idx-category-item {
    padding-top: 0;
    padding-left: 0
  }
  .idx-category-txt {
    width: 100%;
    padding-right: 0;
    font-size: 1.6rem
  }
  .idx-category .slick-arrow.slick-prev {
    left: 5px
  }
  .idx-category .slick-arrow.slick-next {
    right: 5px
  }
  .idx-category .slick-arrow .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
  }
}
.idx-shop-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.idx-shop-main-txt {
  width: 50%;
  padding-right: 150px;
  margin-left: auto
}
.idx-shop-main-gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%
}
.idx-shop-main-gallery-slider .slick-list {
  box-shadow: 0 0 3px 1px #e8e0d9
}
@media all and (-ms-high-contrast:none) {
  .idx-shop-main-gallery-slider *::-ms-backdrop, .idx-shop-main-gallery-slider .slick-list {
    box-shadow: none
  }
}
.idx-shop-main-gallery-slider .slick-slide img {
  width: 100%
}
.idx-shop-main-gallery-slider .slick-dots {
  margin-top: 20px
}
.idx-shop-main-gallery-slider .slick-dots li {
  display: inline-block;
  margin-right: 20px
}
.idx-shop-main-gallery-slider .slick-dots li:last-child {
  margin-right: 0
}
.idx-shop-main-gallery-slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6e4e1;
  outline: none;
  text-indent: -999px;
  overflow: hidden
}
.idx-shop-main-gallery-slider .slick-dots .slick-active button {
  background-color: #14195a
}
@media screen and (max-width:1000px) {
  .idx-shop-main-txt {
    width: 100%;
    padding-left: 0
  }
  .idx-shop-main-txt .mod-button_300 {
    width: 90%
  }
  .idx-shop-main-gallery {
    position: relative;
    width: 100%;
    margin-top: 50px
  }
  .idx-shop-main-gallery-slider .slick-dots {
    text-align: center
  }
}
.idx-shop-list-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 30px;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  text-align: center
}
.idx-shop-list-item-inner .pure-g {
  margin-top: -20px;
  margin-left: -40px
}
.idx-shop-list-item-inner .pure-u-1-2 {
  padding-top: 20px;
  padding-left: 40px
}
.idx-shop-list-item-mainlogo {
  width: 260px;
  margin-bottom: 40px
}
.idx-shop-list-item_optique, .idx-shop-list-item_circus {
  height: 200px
}
.idx-shop-list-item_optique img, .idx-shop-list-item_circus img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto
}
@media screen and (max-width:1000px) {
  .idx-shop-list-item-inner .mod-button-a {
    height: 40px
  }
  .idx-shop-list-item_optique, .idx-shop-list-item_circus {
    height: 150px
  }
}
@media screen and (max-width:47.938em) {
  .idx-shop-list-item-mainlogo {
    width: 70%;
    margin-bottom: 30px
  }
  .idx-shop-list-item-inner .pure-g {
    margin-top: -10px
  }
  .idx-shop-list-item-inner .pure-u-1-2 {
    padding-top: 10px
  }
  .idx-shop-list-item-inner .mod-button-a {
    height: 40px
  }
  .idx-shop-list-item_optique, .idx-shop-list-item_circus {
    height: 100px
  }
}
.idx-outline-item {
  padding: 70px;
  text-align: center
}
.idx-outline-item-smile {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}
.idx-outline-item-company {
  background: url(/images/index/outline_bg.jpg) top center
}
.idx-outline-item-company img {
  width: 235px
}
.idx-outline-links {
  width: 360px;
  margin: auto
}
.idx-outline-links a {
  display: block;
  padding: 70px 0;
  background-color: #eee;
  color: #000
}
@media screen and (max-width:1000px) {
  .idx-outline-item {
    padding: 50px 20px
  }
  .idx-outline-item-slime {
    border-bottom: none
  }
  .idx-outline-links {
    width: 100%
  }
  .idx-outline-links a {
    padding: 9.23077vh 0
  }
}
.idx-news .mod-head03 {
  margin-bottom: 10px
}
@media screen and (max-width:47.938em) {
  .idx-news .mod-head03 {
    margin-bottom: 20px
  }
}
.idx-topics {
  margin-top: 30px
}
@media screen and (max-width:47.938em) {
  .idx-topics {
    margin-top: 4.6875vw
  }
}
.idx-topics-slider .slick-list {
  box-shadow: 0 0 3px 1px #e8e0d9
}
@media all and (-ms-high-contrast:none) {
  .idx-topics-slider *::-ms-backdrop, .idx-topics-slider .slick-list {
    box-shadow: none
  }
}
.idx-topics-slider .slick-slide {
  margin-right: 2px
}
@media screen and (max-width:47.938em) {
  .idx-topics-slider .slick-slide {
    margin-right: 0
  }
}
.idx-topics-slider .slick-slide img {
  width: 100%
}
.idx-topics-slider .slick-dots {
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:47.938em) {
  .idx-topics-slider .slick-dots {
    width: 64vw
  }
}
.idx-topics-slider .slick-dots li {
  display: inline-block;
  margin-right: 20px
}
.idx-topics-slider .slick-dots li:last-child {
  margin-right: 0
}
.idx-topics-slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6e4e1;
  outline: none;
  text-indent: -999px;
  overflow: hidden;
  vertical-align: middle
}
.idx-topics-slider .slick-dots .slick-active button {
  background-color: #14195a
}
.idx-topics-slider .slick-arrow {
  position: absolute;
  top: auto;
  bottom: -6px;
  width: 42px;
  height: 40px;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px transparent;
  outline: none;
  z-index: 101;
  transition: .4s
}
.idx-topics-slider .slick-arrow:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.idx-topics-slider .slick-arrow.slick-prev {
  left: 50%;
  -ms-transform: translateX(-300%);
  transform: translateX(-300%)
}
.idx-topics-slider .slick-arrow.slick-next {
  right: 50%;
  -ms-transform: translateX(300%);
  transform: translateX(300%)
}
@media screen and (max-width:1000px) {
  .idx-topics-slider .slick-arrow:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
@media screen and (min-width:568px) and (max-width:768px) {
  .idx-topics-slider .slick-arrow.slick-prev {
    left: 28.125vw
  }
  .idx-topics-slider .slick-arrow.slick-next {
    right: 28.125vw
  }
}
@media screen and (max-width:567px) {
  .idx-topics-slider .slick-arrow {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 1.25vw
  }
  .idx-topics-slider .slick-arrow.slick-prev {
    left: 32.8125vw
  }
  .idx-topics-slider .slick-arrow.slick-next {
    right: 32.8125vw
  }
}
.idx-search {
  padding-top: 70px
}
@media screen and (max-width:47.938em) {
  .idx-search {
    padding-top: 15.625vw
  }
}
.idx-search-brand-link {
  border: 1px solid #ccc
}
.idx-search-subCat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .idx-search-subCat {
    padding-top: 9.375vw
  }
}
.idx-search-subCat-sp {
  margin-top: 20px;
  text-align: right
}
.idx-search-subCat-title {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .idx-search-subCat-title {
    font-size: 1.6rem;
    margin-bottom: 16px
  }
}
.idx-search-subCat-link {
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: underline
}
.idx-search-subCat-link span {
  padding-right: 8px
}
.idx-search-subCat-link:after {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.idx-search-subCat-link i {
  font-size: 10px;
  font-size: 1rem
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-slider {
    width: 92%;
    margin: auto
  }
}
@media all and (-ms-high-contrast:none) {
  .idx-search-recom-slider *::-ms-backdrop, .idx-search-recom-slider .slick-list {
    box-shadow: none
  }
}
.idx-search-recom-slider .slick-slide {
  margin-right: 10px
}
.idx-search-recom-slider .slick-slide img {
  width: 100%
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-slider .slick-slide {
    margin-right: 1.5625vw;
    margin-left: 1.5625vw
  }
}
.idx-search-recom-slider .slick-dots {
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto
}
.idx-search-recom-slider .slick-dots button {
  vertical-align: middle
}
@media screen and (max-width:1000px) {
  .idx-search-recom-slider .slick-dots {
    width: 80vw
  }
}
@media screen and (min-width:500px) and (max-width:768px) {
  .idx-search-recom-slider .slick-dots {
    width: 50vw !important
  }
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-slider .slick-dots {
    width: 64vw
  }
}
.idx-search-recom-slider .slick-dots li {
  display: inline-block;
  margin-right: 20px
}
.idx-search-recom-slider .slick-dots li:last-child {
  margin-right: 0
}
.idx-search-recom-slider .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6e4e1;
  outline: none;
  text-indent: -999px;
  overflow: hidden
}
.idx-search-recom-slider .slick-dots .slick-active button {
  background-color: #14195a
}
.idx-search-recom-slider .slick-arrow {
  position: absolute;
  top: auto;
  bottom: -6px;
  width: 42px;
  height: 40px;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px transparent;
  outline: none;
  z-index: 101;
  transition: .4s
}
.idx-search-recom-slider .slick-arrow:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.idx-search-recom-slider .slick-arrow.slick-prev {
  left: 50%;
  -ms-transform: translateX(-330%);
  transform: translateX(-330%)
}
.idx-search-recom-slider .slick-arrow.slick-next {
  right: 50%;
  -ms-transform: translateX(330%);
  transform: translateX(330%)
}
@media screen and (max-width:1000px) {
  .idx-search-recom-slider .slick-arrow:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
@media screen and (min-width:568px) and (max-width:768px) {
  .idx-search-recom-slider .slick-arrow.slick-prev {
    left: 28.125vw
  }
  .idx-search-recom-slider .slick-arrow.slick-next {
    right: 28.125vw
  }
}
@media screen and (max-width:567px) {
  .idx-search-recom-slider .slick-arrow {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: -2.5vw
  }
  .idx-search-recom-slider .slick-arrow.slick-prev {
    left: 32.8125vw
  }
  .idx-search-recom-slider .slick-arrow.slick-next {
    right: 32.8125vw
  }
}
@media screen and (max-width:1000px) {
  .idx-search-recom-slider .slick-dots {
    text-align: center
  }
}
.idx-search-recom-img {
  width: 384px;
  margin: 0 auto
}
@media screen and (max-width:61.25em) {
  .idx-search-recom-lists {
    margin-bottom: 20px
  }
}
.idx-search-recom-list {
  position: relative
}
.idx-search-recom-list:before {
  content: "";
  display: block;
  height: 50%;
  border-left: 1px solid #ccc;
  position: absolute;
  bottom: 40px;
  margin: auto
}
.idx-search-recom-list:last-child:after {
  content: "";
  display: block;
  height: 50%;
  border-right: 1px solid #ccc;
  position: absolute;
  bottom: 40px;
  right: 0;
  margin: auto
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-list:before {
    height: 70%;
    bottom: 20px
  }
  .idx-search-recom-list:last-child:after {
    height: 70%;
    bottom: 20px
  }
  .idx-search-recom-list:nth-child(3):after {
    content: "";
    display: block;
    height: 70%;
    border-right: 1px solid #ccc;
    position: absolute;
    bottom: 20px;
    right: 0;
    margin: auto
  }
}
.idx-search-recom-frame {
  padding: 20px 0 40px;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-frame {
    padding-top: 0;
    padding-bottom: 20px
  }
}
.idx-search-recom-frameIcon {
  display: block;
  height: 70px;
  font-size: 90px;
  font-size: 9.0rem;
  vertical-align: top
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-frameIcon {
    font-size: 7rem;
    height: 56px
  }
}
.idx-search-recom-frame-txt {
  font-size: 15px;
  font-size: 1.5rem
}
.idx-search-recom-frame-txt .icon {
  font-size: 10px;
  font-size: 1.0rem;
  margin-left: 10px
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-frame-txt {
    font-size: 1.2rem
  }
}
@media screen and (max-width:47.938em) {
  .idx-search-recom-recom-img {
    width: 100%
  }
}
.idx-search-shape-buttonWrap {
  margin: auto 3vw
}
@media screen and (max-width:47.938em) {
  .idx-search-shape-buttonWrap {
    margin-right: 12vw;
    margin-left: 12vw
  }
}
.idx-contents {
  padding-top: 170px
}
@media screen and (max-width:47.938em) {
  .idx-contents {
    padding-top: 31.25vw
  }
}
.idx-contents-titleArea {
  padding: 50px;
  height: 300px;
  margin: auto calc(50% - 50vw);
  background-color: #f4f5fe
}
@media screen and (max-width:47.938em) {
  .idx-contents-titleArea {
    padding: 40px 0 100px;
    height: auto
  }
}
.idx-contents-titleArea-inner {
  margin-top: -80px
}
@media screen and (max-width:47.938em) {
  .idx-contents-titleArea-inner {
    margin-top: -15.625vw
  }
}
.idx-contents-title {
  font-size: 36px;
  font-size: 3.6rem
}
.idx-contents-lead {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 50px
}
@media screen and (max-width:47.938em) {
  .idx-contents-lead {
    width: 90%;
    text-align: left;
    font-size: 1.6rem;
    margin: auto
  }
}
.idx-contents-stores {
  margin-bottom: 10%;
  padding-top: 100px;
  padding-bottom: 16%
}
@media screen and (max-width:47.938em) {
  .idx-contents-stores {
    margin-bottom: 20%;
    padding-top: 25vw;
    padding-bottom: 30%
  }
}
.idx-contents-stories {
  padding-top: 130px
}
@media screen and (max-width:47.938em) {
  .idx-contents-stories {
    padding-top: 25vw
  }
}
.idx-contents-cards {
  margin-top: -80px
}
.idx-contents-card-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 340px;
  padding: 20px;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2px;
  letter-spacing: .2rem
}
.idx-contents-card-link._01 {
  background: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_01.jpg);
  background-size: cover
}
.idx-contents-card-link._02 {
  background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_02.jpg);
  background-size: cover
}
.idx-contents-card-link._03 {
  background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_03.jpg);
  background-size: cover
}
.idx-contents-card-link._04 {
  background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_04.jpg);
  background-size: cover
}
@media screen and (max-width:47.938em) {
  .idx-contents-card-link {
    height: 27vh;
    margin-bottom: 2px;
    padding-bottom: 16px;
    font-size: 1.5rem
  }
  .idx-contents-card-link._01 {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_01_sp.jpg) no-repeat center center/cover
  }
  .idx-contents-card-link._02 {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_02_sp.jpg) no-repeat center center/cover
  }
  .idx-contents-card-link._03 {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_03_sp.jpg) no-repeat center center/cover
  }
  .idx-contents-card-link._04 {
    background: linear-gradient(transparent 60%, rgba(0, 0, 0, .6)), url(/images/index/block03_04_sp.jpg) no-repeat center center/cover
  }
}
.idx-contents-card-link-txt {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
  background-color: #f4f5fe
}
.idx-contents-card-link-txt p {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center
}
.idx-contents-card-link-txt:after {
  position: absolute;
  display: inline-block;
  content: '>';
  font-weight: 700;
  right: 20px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:47.938em) {
  .idx-contents-card-link-txt p {
    font-size: 1.5rem
  }
}
.idx-contents-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:47.938em) {
  .idx-contents-block {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
.idx-contents-block-imgArea {
  position: relative;
  width: 50%
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea {
    width: 100%;
    padding-bottom: 0
  }
}
.idx-contents-block-imgArea .imgInner {
  position: relative
}
.idx-contents-block-imgArea .imgInner.left {
  margin-left: calc(100% - 50vw)
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea .imgInner.left {
    margin-left: 0
  }
}
.idx-contents-block-imgArea .imgInner.right {
  margin-right: calc(100% - 50vw)
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea .imgInner.right {
    margin-right: 0
  }
}
.idx-contents-block-imgArea .imgInner ._01 {
  width: 74%
}
.idx-contents-block-imgArea .imgInner ._01 img {
  width: 100%
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea .imgInner ._01 {
    margin: auto calc(50% - 50vw)
  }
}
.idx-contents-block-imgArea .imgInner ._02 {
  position: absolute;
  bottom: -79%;
  right: 0;
  width: 70%
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea .imgInner ._02 {
    bottom: -80%;
    margin: auto calc(50% - 50vw)
  }
}
.idx-contents-block-imgArea .imgInner ._03 {
  position: absolute;
  bottom: -46%;
  right: -22%;
  width: 38%
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-imgArea .imgInner ._03 {
    bottom: -54%;
    right: 0
  }
}
.idx-contents-block-txtArea {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-txtArea {
    width: 100%;
    margin-bottom: 4vw
  }
}
.idx-contents-block-txtArea-inner.right {
  padding-left: 50px
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-txtArea-inner.right {
    padding-left: 0
  }
}
.idx-contents-block-txtArea-inner.left {
  padding-right: 50px
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-txtArea-inner.left {
    padding-right: 0
  }
}
.idx-contents-block-txt {
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .idx-contents-block-txt {
    margin-bottom: 7.8125vw
  }
}
.idx-contents-links {
  position: relative;
  z-index: 0
}
@media screen and (max-width:1000px) {
  .idx-contents-links-section {
    max-width: 90%
  }
}
@media screen and (max-width:47.938em) {
  .idx-contents-links-section {
    max-width: 80%
  }
}
@media screen and (max-width:47.938em) {
  .idx-contents-links-wrap {
    margin-left: 7vw;
    margin-right: 7vw
  }
}
.idx-contents-links-item {
  list-style: none
}
.idx-contents-links-h3 {
  position: relative;
  margin-bottom: -20px;
  text-align: center;
  z-index: 100
}
.idx-contents-links-h3 span {
  display: inline-block;
  width: 230px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 2px;
  letter-spacing: .2rem;
  padding: 4px;
  font-weight: 700;
  background-color: #14195a;
  border-radius: 50px
}
@media screen and (max-width:47.938em) {
  .idx-contents-links-h3 span {
    width: 70%;
    padding: 4px;
    font-size: 1.8rem;
    top: -2rem
  }
}
.idx-contents-links-text {
  display: block;
  margin-top: 10px;
  line-height: 1.5
}
.idx-contents-links-text span {
  text-decoration: underline
}
.idx-contents-links-text .icon-arrow_right {
  margin-left: 10px;
  font-size: 12px;
  font-size: 1.2rem
}
.idx-contents-links .slick-list {
  margin: 0 -10px
}
.idx-contents-links .slick-slide {
  width: 25%;
  padding: 0 10px
}
.idx-contents-links .slick-arrow {
  top: auto;
  bottom: -10px;
  -ms-transform: none;
  transform: none;
  box-shadow: none
}
.idx-contents-links .slick-arrow.slick-disabled {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.idx-contents-links .slick-dots {
  width: 64vw;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}
.idx-contents-links .slick-dots li {
  display: inline-block;
  margin-right: 20px
}
.idx-contents-links .slick-dots li:last-child {
  margin-right: 0
}
.idx-contents-links .slick-dots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e6e4e1;
  outline: none;
  text-indent: -999px;
  overflow: hidden;
  vertical-align: middle
}
.idx-contents-links .slick-dots .slick-active button {
  background-color: #14195a
}
@media screen and (max-width:47.938em) {
  .idx-contents-buttonWrap {
    margin-right: 12vw;
    margin-left: 12vw;
    margin-bottom: 10vw
  }
}
.idx-contents-buttonLink {
  margin-bottom: 20px
}
@media screen and (max-width:47.938em) {
  .idx-contents-buttonLink {
    margin-bottom: 6vw
  }
}
.idx-instagram {
  position: relative
}
@media screen and (max-width:47.938em) {
  .idx-instagram {
    margin-left: -20vw
  }
}
.idx-instagram-link {
  position: absolute;
  top: 6vw;
  right: 12%;
  z-index: 110;
  display: block
}
@media screen and (max-width:47.938em) {
  .idx-instagram-link {
    top: 25vw;
    right: 2vw;
    width: 30vw
  }
}
.idx-instagram .slick-slide img {
  width: 100%;
  height: 12vw;
  object-fit: cover
}
@media screen and (max-width:47.938em) {
  .idx-instagram .slick-slide img {
    height: 40vw
  }
}
.idx-head {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .idx-head {
    font-size: 2.8rem
  }
  .idx-head_02 {
    font-size: 2.6rem;
    letter-spacing: -.1rem
  }
  .idx-head_03 {
    font-size: 3.4rem
  }
}
.idx-buttonWrap {
  margin: auto 3vw
}
@media screen and (max-width:47.938em) {
  .idx-buttonWrap {
    margin-right: 12vw;
    margin-left: 12vw
  }
}
.idx-spacer {
  height: 16vw
}
@media screen and (max-width:1000px) {
  .idx-spacer {
    height: 8vw
  }
}
@media screen and (max-width:47.938em) {
  .idx-spacer {
    height: 30vw
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1)
  }
  100% {
    transform: scale(1.15);
    transform-origin: center
  }
}
.add-animation {
  animation: zoomUp 6s linear 0s normal both
}
.news-detail-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.news-detail-head-right {
  margin-right: 0;
  margin-left: auto;
  text-align: right
}
.news-detail-head .mod-newsList-date {
  width: auto;
  font-size: 18px;
  font-size: 1.8rem
}
.news-detail-head-tags {
  margin-bottom: 30px
}
.news-detail-head-tags > span {
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #14195a;
  border-radius: 20px
}
.news-detail-hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #333
}
@media screen and (max-width:1000px) {
  .news-detail-hr {
    width: 90%;
    left: 0;
    right: 0;
    margin: auto
  }
}
.news-detail-infoTbl tr th, .news-detail-infoTbl tr td {
  padding: 10px 20px
}
.news-detail-infoTbl tr th {
  width: 100px;
  padding-right: 20px;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left
}
.news-detail-infoTbl tr td {
  line-height: 1.5
}
.news-detail-sns .mod-sns-item + .mod-sns-item {
  margin-left: 100px
}
.news-detail-sns .mod-sns-item .icon {
  font-size: 30px;
  font-size: 3.0rem
}
@media screen and (max-width:47.938em) {
  .news-detail-sns .mod-sns-item + .mod-sns-item {
    margin-left: 40px
  }
}
.corp-idx-map {
  position: relative;
  width: 100%;
  height: 300px
}
.corp-idx-map #map-canvas {
  width: 100%;
  height: 100%
}
.corp-philosophy-text {
  color: #14195a;
  line-height: 1.5
}
.corp-philosophy-text_lg {
  font-size: 30px;
  font-size: 3.0rem;
  letter-spacing: 1.5px
}
.corp-philosophy-text_sm {
  display: block;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:47.938em) {
  .corp-philosophy-text_lg {
    font-size: 2.0rem;
    letter-spacing: normal
  }
  .corp-philosophy-text_sm {
    font-size: 1.2rem
  }
}
.smilecreator .contents {
  padding-bottom: 200px
}
@media screen and (max-width:1000px) {
  .smilecreator .contents {
    padding-bottom: 0
  }
}
@media screen and (max-width:1000px) {
  .smilecreator {
    padding-top: 60px
  }
}
.smilecreator-mainVis {
  position: relative
}
.smilecreator-mainVis-tit {
  position: absolute;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  top: 45%;
  left: 0;
  right: 0;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5;
  color: #fff;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .smilecreator-mainVis-tit {
    top: 39%;
    max-width: 90%;
    padding-right: 0;
    padding-left: 0;
    font-size: 2.8rem
  }
}
.smilecreator-text {
  line-height: 2.4;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:47.938em) {
  .smilecreator-text {
    line-height: 1.7;
    font-size: 1.6rem
  }
}
.smilecreator-movie-inner {
  position: relative;
  display: block;
  transition: .4s
}
.smilecreator-movie-inner svg {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 56px;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%)
}
.smilecreator-movie-inner svg .st0 {
  fill: #000;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  transition: .4s
}
.smilecreator-movie-inner svg .st1 {
  fill: #fff;
  transition: .4s
}
.smilecreator-movie-inner:hover {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.smilecreator-movie-inner:hover svg .st0 {
  fill: #fff
}
.smilecreator-movie-inner:hover svg .st1 {
  fill: #000
}
@media screen and (max-width:1000px) {
  .smilecreator-movie-inner:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  .smilecreator-movie-inner:hover svg .st0 {
    fill: #000
  }
  .smilecreator-movie-inner:hover svg .st1 {
    fill: #fff
  }
}
.as-searchBlock {
  padding: 40px;
  background-color: #efefef;
  text-align: center
}
.as-searchBlock .mod-button-a .icon {
  font-size: 24px;
  font-size: 2.4rem
}
.as-planTbl-note {
  display: inline-block;
  padding: 3px 20px;
  background-color: #c03;
  color: #fff;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700
}
.as-planText-inner {
  display: table;
  width: 100%;
  padding: 10px 0
}
.as-planText-inner span {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.as-assurance-icon01, .as-assurance-icon02 {
  display: inline-block;
  width: 61px;
  margin-right: 20px;
  vertical-align: middle
}
@media screen and (max-width:47.938em) {
  .as-searchBlock {
    padding: 9.375vw 3.125vw
  }
  .as-searchBlock .mod-corp-bclo-textBlock {
    text-align: left
  }
  .as-assurance-icon01, .as-assurance-icon02 {
    margin-right: 2.34375vw
  }
  .as-assurance-icon01 {
    width: 15.625vw
  }
  .as-assurance-icon02 {
    width: 10.9375vw
  }
  .as-assurance .mod-tbl05 td {
    font-size: 1.5rem
  }
  .as-planTbl-note {
    font-size: 1.2rem
  }
}
.prod-bgColor_brown .mod-check-text:before {
  background-color: #836a4e
}
.prod-bgColor_red .mod-check-text:before {
  background-color: #c63333
}
.prod-bgColor_blue .mod-check-text:before {
  background-color: #5574ce
}
.prod-bgColor_green .mod-check-text:before {
  background-color: #62a32d
}
.prod-bgColor_purple .mod-check-text:before {
  background-color: #a666db
}
.prod-bgColor_black .mod-check-text:before {
  background-color: #373737
}
.prod-bgColor_gray .mod-check-text:before {
  background-color: #a6a6a6
}
.prod-bgColor_gold .mod-check-text:before {
  background: url(/images/products/bg_gradeGold.png) no-repeat;
  background-size: 100%
}
.prod-bgColor_silver .mod-check-text:before {
  background: url(/images/products/bg_gradeSilver.png) no-repeat;
  background-size: 100%
}
.prod-careStep .mod-head-04 {
  padding-bottom: 50px
}
.prod-careStep .mod-head-04:after {
  position: absolute;
  bottom: calc((100% - 34px)/2);
  left: 3%;
  display: inline-block;
  content: "\EA12";
  font-family: paris-miki-fonts;
  font-style: normal;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}
.prod-careStep .mod-head-04:last-child {
  padding-bottom: 0
}
.prod-careStep .mod-head-04:last-child:after {
  display: none
}
@media screen and (max-width:1000px) {
  .prod-careStep .mod-head-04:after {
    left: 5%
  }
}
@media screen and (max-width:47.938em) {
  .prod-careStep .mod-head-04 {
    padding-bottom: 7.8125vw
  }
  .prod-careStep .mod-head-04:after {
    left: 6.25vw;
    bottom: calc((100% - 28px)/2)
  }
}
.prod-modal {
  display: none;
  width: 560px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  position: fixed;
  z-index: 1010;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%)
}
.prod-modal.is-modal {
  display: block
}
@media screen and (max-width:47.938em) {
  .prod-modal {
    width: 90%;
    padding: 9.375vw w(20px, 640px) w(40px, 640px)
  }
}
.prod-modal-inner {
  position: relative;
  padding: 60px 20px 40px
}
.prod-modal-inner .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0;
  color: #acacac;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer
}
@media screen and (max-width:47.938em) {
  .prod-modal-inner .icon-close {
    color: #14195a;
    top: 4.6875vw;
    font-size: 2.0rem
  }
}
.prod-modal-a {
  display: inline-block;
  width: 100%;
  transition: .4s
}
.prod-modal-a:hover {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
@media screen and (max-width:1000px) {
  .prod-modal-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.prod-modal .mod-prodPanel-new, .prod-modal .mod-prodPanel-soldout, .prod-modal .mod-prodPanel-iconWrap {
  top: 10px
}
.prod-modal-name {
  padding-top: 20px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5
}
@media screen and (max-width:47.938em) {
  .prod-modal-name {
    padding-top: 3.125vw
  }
}
.prod-modal-price {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.prod-modal-btnWrap {
  padding-top: 20px
}
@media screen and (max-width:47.938em) {
  .prod-modal-btnWrap {
    padding-top: 3.125vw
  }
}
.prod-modal-fav .mod-button-a {
  display: block;
  background-color: #ddd;
  border-color: #ddd;
  color: #fff;
  cursor: default;
  pointer-events: none
}
.prod-modal-fav .mod-button-a .icon {
  color: #fff
}
.prod-modal-fav .mod-button-a .mod-button-txt:after {
  content: 'お気に入り済'
}
.prod-modal-fav .mod-button-a.is-hover01 {
  background-color: #fff;
  border-color: #ddd;
  color: #000;
  cursor: pointer;
  pointer-events: auto
}
.prod-modal-fav .mod-button-a.is-hover01 .icon {
  color: #ffa8bc
}
.prod-modal-fav .mod-button-a.is-hover01 .mod-button-txt:after {
  content: 'お気に入りに追加'
}
.prod-modal-fav .mod-button-a.is-hover01:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.prod-modal-fav .mod-button-a.is-hover01:hover .icon {
  color: #fff
}
@media screen and (max-width:1000px) {
  .prod-modal-fav .mod-button-a.is-hover01:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #000
  }
  .prod-modal-fav .mod-button-a.is-hover01:hover .icon {
    color: #ffa8bc
  }
}
.prod-idx-slider li {
  vertical-align: bottom
}
.prod-idx-slider img {
  width: 100%
}
.prod-idx-slider .slick-dots {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -ms-flex-pack: center;
  justify-content: center
}
.prod-idx-slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin-right: 24px;
  border-radius: 50%;
  background-color: #e6e4e1;
  transition: .4s
}
.prod-idx-slider .slick-dots li:last-child {
  margin-right: 0
}
.prod-idx-slider .slick-dots li.slick-active {
  background-color: #14195a
}
.prod-idx-slider .slick-arrow.slick-prev, .prod-idx-slider .slick-arrow.slick-next {
  top: 45%
}
.prod-idx-category-item {
  position: relative
}
.prod-idx-category-txt {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px 0;
  background: linear-gradient(to bottom, rgba(121, 109, 99, 0) 0, rgba(121, 109, 99, .8) 100%);
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .prod-idx-slider li img {
    padding: 0 50px
  }
  .prod-idx-slider .slick-prev {
    left: 10px
  }
  .prod-idx-slider .slick-next {
    right: 10px
  }
  .prod-idx-slider .slick-dots {
    margin-top: 7.8125vw
  }
}
.prod-cat-select {
  overflow: hidden
}
.prod-cat-select .mod-select {
  float: right
}
.prod-cat-bland {
  padding-top: 80px
}
.prod-cat-bland + .prod-cat-bland {
  border-top: 1px solid #333
}
.prod-cat-bland-txtBlock {
  -ms-flex-align: center;
  align-items: center
}
.prod-cat-bland-name {
  text-align: center;
  font-size: 60px;
  font-size: 6.0rem;
  word-break: break-all
}
.prod-cat-bland-catch {
  font-size: 15px;
  font-size: 1.5rem
}
@media screen and (max-width:47.938em) {
  .prod-cat-bland {
    padding-top: 12.5vw
  }
  .prod-cat-select .mod-select {
    float: none;
    margin: 0 auto
  }
}
.prod-search .mod-sideNav-content {
  padding-left: 60px
}
.prod-search .rt_bn_product_list_is_not_0 {
  margin-bottom: 15px
}
.prod-search .rt_bn_product_list_is_0 {
  font-weight: 700
}
.prod-search-floatBtn {
  position: fixed;
  display: none;
  top: 50%;
  padding: 15px;
  background-color: #14195a;
  border-radius: 6px 0 0 6px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  transition: .6s
}
.prod-search-floatBtn.is-active {
  right: 0
}
.prod-search-floatBtn .fs_10 {
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 1px
}
.prod-search-floatBtn .icon {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1;
  vertical-align: bottom
}
@media screen and (max-width:1000px) {
  .prod-search .mod-sideNav-content {
    padding-left: 0
  }
  .prod-search-floatBtn {
    display: block;
    width: 75px;
    right: -75px
  }
}
@media screen and (max-width:47.938em) {
  .prod-search-floatBtn {
    padding: 3.125vw;
    width: 18.75vw;
    right: -18.75vw
  }
}
.prod-sideNav .mod-sideNav-nav-head {
  margin-bottom: 0
}
.prod-sideNav-close {
  position: absolute;
  display: none;
  top: 20px;
  left: 35px;
  width: 24px;
  height: 24px;
  cursor: pointer
}
.prod-sideNav-close .icon-arrow_back {
  font-size: 24px;
  font-size: 2.4rem;
  color: #14195a
}
.prod-sideNav-head {
  margin: 30px 0 10px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700
}
.prod-sideNav-list li {
  line-height: 1.2
}
.prod-sideNav .mod-check-input {
  width: 100%
}
.prod-sideNav .mod-check-text {
  font-size: 13px;
  font-size: 1.3rem
}
.prod-sideNav .mod-check-text .icon {
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  font-size: 40px;
  font-size: 4rem;
  vertical-align: top
}
.prod-sideNav .mod-check-text .icon:before {
  line-height: 20px
}
.prod-sideNav-btnWrap {
  margin-top: 50px;
  padding: 30px 20px;
  background-color: #f8f8f8
}
.prod-sideNav-btnWrap .mod-button-a {
  background-color: #fff
}
.prod-sideNav .js-toggle {
  border-bottom: none;
  cursor: default;
  pointer-events: none
}
.prod-sideNav .js-toggle-button:before, .prod-sideNav .js-toggle-button:after {
  display: none
}
.prod-sideNav .js-toggleBlock {
  display: block
}
.prod-sideNav-submit .mod-button-a, .prod-sideNav-clearBtn .mod-button-a {
  cursor: pointer
}
.prod-sideNav-submit input {
  width: 100%;
  height: 100%;
  cursor: pointer
}
@media screen and (max-width:1000px) {
  .prod-sideNav {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 1001;
    -webkit-overflow-scrolling: touch
  }
  .mod-sideNav-nav.is-visible .prod-sideNav {
    display: block
  }
  .prod-sideNav-inner {
    position: relative;
    padding: 80px 5% 0
  }
  .prod-sideNav-inner .mod-select {
    width: 300px;
    max-width: 100%;
    margin: 0 auto
  }
  .prod-sideNav-close {
    display: block
  }
  .prod-sideNav .mod-sideNav-nav-head {
    font-weight: 700;
    font-size: 2.5rem;
    border-bottom: none
  }
  .prod-sideNav-head {
    margin-bottom: 20px;
    padding: 10px 30px;
    background-color: #efefef
  }
  .prod-sideNav-btnWrap {
    background-color: #14195a
  }
  .prod-sideNav-btnWrap .mod-button-a {
    background-color: #e8e8e8;
    border: none
  }
  .prod-sideNav-btnWrap .mod-button-a .icon {
    color: #14195a;
    font-size: 2.0rem
  }
  .prod-sideNav-btnWrap .mod-button-a .icon:before {
    font-weight: 700
  }
  .prod-sideNav .js-toggle {
    cursor: pointer;
    pointer-events: auto
  }
  .prod-sideNav .js-toggle-button:before, .prod-sideNav .js-toggle-button:after {
    display: block
  }
  .prod-sideNav-submit .mod-button-a:hover {
    color: #fff;
    background-color: #fff
  }
  .prod-sideNav-clearBtn .mod-button-a:hover {
    border: 1px solid #fff;
    background-color: #14195a;
    color: #fff
  }
}
@media screen and (max-width:1000px) {
  .prod-sideNav-submit .mod-button-a:hover {
    background-color: #efefef;
    color: #000
  }
  .prod-sideNav-submit .mod-button-a:hover .icon {
    color: #14195a
  }
  .prod-sideNav-clearBtn .mod-button-a {
    background-color: #14195a;
    border: 1px solid #fff;
    color: #fff
  }
  .prod-sideNav-clearBtn .mod-button-a:hover {
    background-color: #14195a;
    border: 1px solid #fff;
    color: #fff
  }
}
@media screen and (max-width:47.938em) {
  .prod-sideNav-inner {
    padding-top: 23.4375vw
  }
  .prod-sideNav-close {
    top: 3.125vw;
    left: 5%
  }
  .prod-sideNav-head {
    margin: 7.8125vw 0 3.125vw;
    padding: 2.34375vw 4.6875vw
  }
  .prod-sideNav-btnWrap {
    margin-top: 23.4375vw;
    padding: 15.625vw 5%
  }
}
.prod-detail-mainImg {
  position: relative;
  border: 1px solid #ccc;
  padding: 120px 0
}
.prod-detail-mainImg-soldout, .prod-detail-mainImg-new {
  position: absolute;
  display: block;
  top: -100px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1px
}
.prod-detail-mainImg-new {
  left: 20px;
  width: 50px;
  color: #c03
}
.prod-detail-mainImg-new ~ .prod-detail-mainImg-soldout {
  left: 80px
}
.prod-detail-mainImg-soldout {
  left: 20px;
  width: 90px;
  color: #acacac
}
.prod-detail-slider .slick-arrow {
  width: auto;
  height: auto;
  background-color: transparent;
  box-shadow: none;
  transition: .4s
}
.prod-detail-slider .slick-arrow:before {
  cursor: pointer
}
.prod-detail-slider .slick-arrow:hover {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.prod-detail-slider .slick-dots {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  left: 50%;
  bottom: -90px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.prod-detail-slider .slick-dots li[role=presentation] {
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  cursor: pointer
}
.prod-detail-slider .slick-dots li[role=presentation]:before, .prod-detail-slider .slick-dots li[role=presentation]:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 4px;
  box-sizing: border-box;
  transition: .4s
}
.prod-detail-slider .slick-dots li[role=presentation]:after {
  border: 1px solid #c7c7c7
}
.prod-detail-slider .slick-dots li[role=presentation]:before {
  border: 2px solid #fff
}
.prod-detail-slider .slick-dots li[role=presentation].slick-active:before {
  border-color: #14195a
}
.prod-detail-slider .slick-dots li[role=presentation].slick-active:after {
  border-color: transparent
}
.prod-detail-slider .slick-dots li[role=presentation].slick-active .icon {
  color: #14195a
}
.prod-detail-slider .slick-dots li[role=presentation]:last-child {
  margin-right: 0
}
.prod-detail-slider .slick-dots li[role=presentation]:hover:after {
  border-color: #14195a
}
.prod-detail-slider .slick-dots li[role=presentation]:hover .icon {
  color: #14195a
}
.prod-detail-slider .slick-dots li[role=presentation] .icon {
  display: block;
  height: 46px;
  font-size: 35px;
  font-size: 3.5rem;
  color: #c7c7c7;
  transition: .4s
}
.prod-detail-slider .slick-dots li[role=presentation] .icon-camera {
  font-size: 26px;
  font-size: 2.6rem
}
.prod-detail-slider .slick-dots li[role=presentation] .icon:before {
  line-height: 46px;
  vertical-align: top
}
@media screen and (max-width:47.938em) {
  .prod-detail-slider .slick-dots {
    height: 11.71875vw
  }
  .prod-detail-slider .slick-dots li[role=presentation] {
    width: 11.71875vw;
    height: 11.71875vw;
    margin-right: 2.34375vw
  }
  .prod-detail-slider .slick-dots li[role=presentation] .icon:before {
    line-height: 11.71875vw
  }
}
.prod-detail-price {
  font-size: 24px;
  font-size: 2.4rem
}
.prod-detail-price span {
  font-weight: 700
}
.prod-detail-price span.fs_md_12 {
  font-weight: 400
}
.prod-detail-dl dt {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700
}
.prod-detail-dl dd {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.4rem
}
.prod-detail-dl dd:last-child {
  margin-bottom: 0
}
.prod-detail-colors .colorList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start
}
.prod-detail-colors .colorList-item {
  margin-bottom: 10px;
  margin-right: 10px
}
.prod-detail-colors .colorList-item:last-child {
  margin-right: 0
}
.prod-detail-colors .colorList-item a {
  position: relative;
  display: block;
  padding: 5px 10px 5px 40px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #c7c7c7;
  transition: .4s
}
.prod-detail-colors .colorList-item a:before, .prod-detail-colors .colorList-item a:after {
  position: absolute;
  display: block;
  top: 0;
  left: 1px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  content: '';
  transition: .4s
}
.prod-detail-colors .colorList-item a:before {
  border: 2px solid #fff
}
.prod-detail-colors .colorList-item a:after {
  border: 1px solid #c7c7c7
}
.prod-detail-colors .colorList-item a .icon {
  vertical-align: middle
}
.prod-detail-colors .colorList-item a .icon:before {
  position: absolute;
  left: 18px;
  top: 50%;
  font-size: 14px;
  font-size: 1.4rem;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.prod-detail-colors .colorList-item a:hover {
  color: #14195a
}
.prod-detail-colors .colorList-item a:hover:after {
  border-color: #14195a
}
.prod-detail-colors .colorList-item a:hover .icon {
  color: #14195a
}
.prod-detail-colors .colorList-item.is-active a {
  font-weight: 700;
  color: #14195a
}
.prod-detail-colors .colorList-item.is-active a:before {
  border-color: #14195a
}
.prod-detail-colors .colorList-item.is-active a:after {
  border-color: transparent
}
.prod-detail-colors .colorList-item.is-active a .icon {
  color: #14195a
}
.prod-detail-sns-icon {
  display: inline-block
}
.prod-detail-sns-txt {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 20px
}
.prod-detail-favBtn .mod-button-a {
  background-color: #fff;
  border-color: #000;
  color: #000;
  cursor: pointer;
  pointer-events: auto
}
.prod-detail-favBtn .mod-button-a .icon {
  color: #ffa8bc
}
.prod-detail-favBtn .mod-button-a .mod-button-txt:after {
  content: 'お気に入りに追加'
}
.prod-detail-favBtn .mod-button-a:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.prod-detail-favBtn .mod-button-a:hover .icon {
  color: #fff
}
@media screen and (max-width:1000px) {
  .prod-detail-favBtn .mod-button-a:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
  }
  .prod-detail-favBtn .mod-button-a:hover .icon {
    color: #ffa8bc
  }
}
.prod-detail-favBtn .mod-button-a.is-active, .prod-detail-favBtn .mod-button-a.is-soldout {
  border: 2px solid #ddd;
  background-color: #ddd;
  color: #fff
}
.prod-detail-favBtn .mod-button-a.is-active .icon, .prod-detail-favBtn .mod-button-a.is-soldout .icon {
  color: #fff
}
.prod-detail-favBtn .mod-button-a.is-active .mod-button-txt:after {
  content: 'お気に入り済'
}
.prod-detail-favBtn .mod-button-a.is-soldout {
  cursor: default;
  pointer-events: none
}
.prod-detail-catch {
  font-size: 15px;
  font-size: 1.5rem
}
.prod-detail-info {
  position: relative;
  padding-bottom: 265px
}
@media screen and (max-width:47.938em) {
  .prod-detail-info {
    padding-bottom: 0
  }
}
.prod-detail-btnWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1160px;
  padding-right: 50px;
  padding-left: 50px;
  text-align: center
}
.prod-detail-btnWrap .pure-u-1-2:nth-of-type(1) {
  padding-right: 25px
}
.prod-detail-btnWrap .pure-u-1-2:nth-of-type(1) .mod-button {
  margin-right: 0
}
.prod-detail-btnWrap .pure-u-1-2:nth-of-type(2) {
  padding-left: 25px
}
.prod-detail-btnWrap .pure-u-1-2:nth-of-type(2) .mod-button {
  margin-left: 0
}
@media screen and (max-width:1000px) {
  .prod-detail-btnWrap {
    padding-right: 0;
    padding-left: 0
  }
}
@media screen and (max-width:47.938em) {
  .prod-detail-btnWrap {
    position: static;
    margin-top: 6.25vw
  }
  .prod-detail-btnWrap .pure-u-1-2:nth-of-type(1) {
    -ms-flex-order: 2;
    order: 2;
    padding-right: 0
  }
  .prod-detail-btnWrap .pure-u-1-2:nth-of-type(1) .mod-button {
    margin-right: auto
  }
  .prod-detail-btnWrap .pure-u-1-2:nth-of-type(2) {
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    margin-bottom: 6.25vw
  }
  .prod-detail-btnWrap .pure-u-1-2:nth-of-type(2) .mod-button {
    margin-left: auto
  }
}
.prod-detail .colorSelect {
  position: relative
}
.prod-detail .colorSelect-btn .mod-button-a {
  cursor: pointer
}
.prod-detail .colorSelect-panel {
  position: relative;
  display: none;
  width: 415px;
  background-color: transparent;
  text-align: left;
  z-index: 1010
}
.prod-detail .colorSelect-panel.is-modal {
  display: block;
  margin: 0 auto 80px
}
.prod-detail .colorSelect-panel .icon-close {
  position: absolute;
  top: -25px;
  right: 10px;
  font-size: 0;
  color: #14195a;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer
}
@media screen and (max-width:47.938em) {
  .prod-detail .colorSelect-panel .icon-close {
    top: -7.8125vw;
    color: #ddd;
    font-size: 2.0rem
  }
}
.prod-detail .colorSelect-panel-txt {
  padding: 20px;
  background-color: #efefef;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5
}
.prod-detail .colorSelect-panel .mod-tbl02 {
  table-layout: fixed;
  font-size: 12px;
  font-size: 1.2rem
}
.prod-detail .colorSelect-panel .mod-tbl02 th, .prod-detail .colorSelect-panel .mod-tbl02 td {
  vertical-align: middle
}
.prod-detail .colorSelect-panel .mod-tbl02 th {
  padding: 10px;
  border-right: 1px solid #fff;
  background-color: #ccc;
  text-align: center;
  line-height: 1
}
.prod-detail .colorSelect-panel .mod-tbl02 th:first-child {
  border-left: 1px solid #fff
}
.prod-detail .colorSelect-panel .mod-tbl02 td {
  height: 57px;
  padding: 10px 0;
  line-height: 1.5
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check {
  width: 100%
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-input {
  left: 0;
  width: 100%;
  min-height: 35px
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-input.select-none {
  cursor: default;
  pointer-events: none
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-input.select-none + .mod-check-text {
  color: #ddd
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-input.select-none + .mod-check-text .stock {
  color: #ddd
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-text {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 15%;
  -ms-flex-align: center;
  align-items: center
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-text:before {
  left: 23px
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-text:after {
  left: 28px
}
@media screen and (max-width:47.938em) {
  .prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-text:before {
    left: 3.4%
  }
  .prod-detail .colorSelect-panel .mod-tbl02 td .mod-check-text:after {
    left: 6.4%
  }
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-check {
  text-align: center
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-color, .prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-size {
  display: inline-block;
  padding: 0 10px
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-color span, .prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-size span {
  display: block
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-color {
  width: 35.2%
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-color .stock {
  color: #c03;
  font-weight: 700
}
.prod-detail .colorSelect-panel .mod-tbl02 td .mod-check .td-size {
  width: 64.7%;
  text-align: left
}
.prod-detail .colorSelect-panel-bottom {
  padding: 30px 10px;
  background-color: #fff;
  text-align: center
}
.prod-detail .colorSelect-panel-submit .mod-button-a {
  border: 2px solid #ddd;
  background-color: #ddd;
  cursor: pointer;
  pointer-events: none;
  color: #fff
}
.prod-detail .colorSelect-panel-submit .mod-button-a .icon {
  color: #fff
}
.prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01 {
  background-color: #fff;
  border-color: #000;
  color: #000;
  cursor: pointer;
  pointer-events: auto
}
.prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01 .icon {
  color: #000
}
.prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01:hover .icon {
  color: #fff
}
@media screen and (max-width:1000px) {
  .prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
  }
  .prod-detail .colorSelect-panel-submit .mod-button-a.is-hover01:hover .icon {
    color: #000
  }
}
@media screen and (max-width:47.938em) {
  .prod-detail .colorSelect {
    margin-right: 0
  }
  .prod-detail .colorSelect-panel {
    width: 100%
  }
  .prod-detail .colorSelect-panel.is-modal {
    margin: 0 auto;
    padding-bottom: 15.625vw
  }
  .prod-detail .colorSelect-panel-txt {
    padding: 3.125vw 4.6875vw
  }
  .prod-detail .colorSelect-panel-bottom .mod-button {
    padding: 0
  }
}
.prod-detail-floatBtn {
  display: none
}
@media screen and (max-width:1000px) {
  .prod-detail-floatBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, .4);
    z-index: 900
  }
}
@media screen and (max-width:47.938em) {
  .prod-detail-floatBtn {
    height: 60px;
    padding: 10px
  }
}
.prod-detail-floatBtn .__favo, .prod-detail-floatBtn .__cart {
  width: 80px;
  padding-right: 20px
}
.prod-detail-floatBtn .__favo > a, .prod-detail-floatBtn .__favo > span, .prod-detail-floatBtn .__cart > a, .prod-detail-floatBtn .__cart > span {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #efefef;
  border-radius: 50%;
  padding: 10px 0 0 16px
}
.prod-detail-floatBtn .__favo > a .icon, .prod-detail-floatBtn .__favo > span .icon, .prod-detail-floatBtn .__cart > a .icon, .prod-detail-floatBtn .__cart > span .icon {
  font-size: 26px;
  font-size: 2.6rem
}
@media screen and (max-width:47.938em) {
  .prod-detail-floatBtn .__favo, .prod-detail-floatBtn .__cart {
    width: 60px;
    padding-right: 10px
  }
  .prod-detail-floatBtn .__favo > a, .prod-detail-floatBtn .__favo > span, .prod-detail-floatBtn .__cart > a, .prod-detail-floatBtn .__cart > span {
    width: 40px;
    height: 40px;
    padding: 6px 0 0 10px
  }
  .prod-detail-floatBtn .__favo > a .icon, .prod-detail-floatBtn .__favo > span .icon, .prod-detail-floatBtn .__cart > a .icon, .prod-detail-floatBtn .__cart > span .icon {
    font-size: 2.0rem
  }
}
.prod-detail-floatBtn .__favo .icon {
  color: #ffa8bc
}
.prod-detail-floatBtn .__favo .__favoBtn.is-active, .prod-detail-floatBtn .__favo .__favoBtn.is-soldout {
  background-color: #ddd
}
.prod-detail-floatBtn .__favo .__favoBtn.is-active .icon, .prod-detail-floatBtn .__favo .__favoBtn.is-soldout .icon {
  color: #fff
}
.prod-detail-floatBtn .__cart .icon:before {
  -ms-transform: translateY(-1px);
  transform: translateY(-1px)
}
.prod-detail-floatBtn .__trying {
  width: calc(100% - 160px);
  padding-top: 5px
}
.prod-detail-floatBtn .__trying .mod-button-a {
  background-color: #fff
}
@media screen and (max-width:47.938em) {
  .prod-detail-floatBtn .__trying {
    width: calc(100% - 100px);
    padding-top: 0
  }
  .prod-detail-floatBtn .__trying .mod-button-a {
    height: 40px
  }
}
.prod-detail-brandBlock {
  padding-bottom: 100px;
  text-align: center
}
.prod-detail-brandBlock-catch {
  font-size: 20px;
  font-size: 2.0rem
}
.prod-detail-favBlock {
  background-color: #f8f8f8
}
.prod-detail-favBlock .js-toggle {
  padding: 18px;
  background-color: #efefef;
  border-top: #ccc;
  text-align: center;
  line-height: 1.5
}
.prod-detail-favBlock .js-toggle .icon-favorite {
  color: #ffa8bc
}
.prod-detail-favBlock .js-toggle .icon-arrow_bottom {
  transition: .4s
}
.prod-detail-favBlock .js-toggle.is-active .icon-arrow_bottom {
  -ms-transform: rotate(180deg) translateY(80%);
  transform: rotate(180deg) translateY(80%)
}
.prod-detail-favBlock-wrap {
  margin: 20px 20px 0;
  padding: 40px 0 100px;
  background-color: #fff
}
.prod-detail-favBlock-wrap .reserveBtn {
  width: 620px
}
.prod-detail-favBlock-wrap .reserveBtn .mod-button-a {
  height: 100px
}
.prod-detail-favBlock-wrap .reserveBtn .mod-button-a .mod-button-txt {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5
}
.prod-detail-favBlock-wrap .reserveBtn .mod-button-a .mod-button-txt span {
  font-size: 14px;
  font-size: 1.4rem
}
.prod-detail-favBlock .reserveBlock {
  padding-top: 50px;
  padding-bottom: 60px
}
.prod-detail-favBlock .reserveBlock .pure-g {
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:1000px) {
  .prod-detail-sns-icon {
    display: block;
    text-align: center
  }
  .prod-detail-sns-txt {
    display: block;
    margin-right: 0;
    padding-bottom: 10px;
    text-align: center
  }
  .prod-detail-favBlock-wrap .mod-auto-pc {
    padding: 0 1.30208vw
  }
}
@media screen and (max-width:47.938em) {
  .prod-detail-mainImg {
    padding: 31.25vw 0
  }
  .prod-detail-mainImg-new {
    left: 3.125vw;
    width: 10.9375vw
  }
  .prod-detail-mainImg-new ~ .prod-detail-mainImg-soldout {
    left: 17.1875vw
  }
  .prod-detail-mainImg-soldout {
    left: 3.125vw;
    width: 25vw
  }
  .prod-detail-slider .slick-arrow {
    width: auto;
    height: auto;
    background-color: transparent;
    box-shadow: none
  }
  .prod-detail-price {
    font-size: 2.0rem
  }
  .prod-detail-dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .prod-detail-dl dt {
    width: 19%
  }
  .prod-detail-dl dd {
    width: 81%;
    margin-bottom: 4.6875vw
  }
  .prod-detail-colors .colorList-item {
    margin-right: 1.5625vw;
    margin-bottom: .78125vw
  }
  .prod-detail-colors .colorList-item a {
    padding: .78125vw 3.125vw .78125vw 7.8125vw;
    font-size: 1.1rem
  }
  .prod-detail-colors .colorList-item a .icon:before {
    left: 2.03125vw;
    font-size: 1.2rem
  }
  .prod-detail-catch {
    font-size: 1.5rem
  }
  .prod-detail-brandBlock {
    padding-top: 7.8125vw;
    padding-bottom: 15.625vw
  }
  .prod-detail-brandBlock-logo img {
    width: 100%
  }
  .prod-detail-favBlock-wrap {
    margin: 2.34375vw 2.34375vw 0;
    padding: 6.25vw 0 15.625vw
  }
  .prod-detail-favBlock-wrap .mod-auto-pc {
    padding: 0 1.5625vw
  }
  .prod-detail-favBlock .reserveBtn {
    width: 72%
  }
  .prod-detail-favBlock .reserveBtn .mod-button-a {
    height: 100px
  }
  .prod-detail-favBlock .reserveBtn .mod-button-a .mod-button-txt {
    font-size: 1.6rem
  }
  .prod-detail-favBlock .reserveBtn .mod-button-a .mod-button-txt span {
    font-size: 1.6rem
  }
}
.prod-detail-au .prod-detail-mainImg-soldout {
  display: none
}
.prod-detail-au .colorList-item a {
  padding-left: 10px
}
.prod-detail-au .colorList-item a .icon {
  display: none
}
.prod-fav .reservationBtn, .prod-detail .reservationBtn {
  background-color: #ddd;
  border-color: #ddd;
  color: #fff;
  cursor: default;
  pointer-events: none
}
.prod-fav .reservationBtn .icon, .prod-detail .reservationBtn .icon {
  color: #fff
}
.prod-fav .reservationBtn.is-hover01, .prod-detail .reservationBtn.is-hover01 {
  background-color: #fff;
  border-color: #000;
  color: #000;
  cursor: pointer;
  pointer-events: auto
}
.prod-fav .reservationBtn.is-hover01 .icon, .prod-detail .reservationBtn.is-hover01 .icon {
  color: #000
}
.prod-fav .reservationBtn.is-hover01:hover, .prod-detail .reservationBtn.is-hover01:hover {
  background-color: #14195a;
  border-color: #14195a;
  color: #fff
}
.prod-fav .reservationBtn.is-hover01:hover .icon, .prod-detail .reservationBtn.is-hover01:hover .icon {
  color: #fff
}
@media screen and (max-width:1000px) {
  .prod-fav .reservationBtn.is-hover01:hover, .prod-detail .reservationBtn.is-hover01:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
  }
  .prod-fav .reservationBtn.is-hover01:hover .icon, .prod-detail .reservationBtn.is-hover01:hover .icon {
    color: #000
  }
}
.prod-fav .reserveBlock .pure-g {
  -ms-flex-align: center;
  align-items: center
}
.prod-fav-no_favItem {
  display: none;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 40px
}
.prod-fav-no_favItem.is-visible {
  display: block
}
@media screen and (max-width:47.938em) {
  .prod-fav-no_favItem {
    text-align: left;
    margin-top: 15.625vw
  }
}
.prod-favBlock-btnWrap {
  display: none
}
.prod-favBlock-btnWrap.is-visible {
  display: block
}
.prod-lens-h2 {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #14195a;
  color: #14195a;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.4
}
.prod-lens-h2 span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:47.938em) {
  .prod-lens-h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 2.2rem
  }
  .prod-lens-h2 span {
    font-size: 1.5rem
  }
}
.prod-lens-troubleList a {
  display: block;
  padding: 40px 20px;
  background-color: #efefef;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 1.4
}
.prod-lens-troubleList a img {
  width: 80px;
  margin-bottom: 20px
}
@media screen and (max-width:47.938em) {
  .prod-lens-troubleList a {
    padding: 10px;
    font-size: 1.4rem
  }
  .prod-lens-troubleList a img {
    margin-bottom: 5px
  }
}
.prod-lens-serviceList-item {
  padding: 20px;
  text-align: center
}
.prod-lens-serviceList-item h4 {
  color: #14195a;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400
}
.prod-lens-serviceList-item .__term {
  margin: 20px 0;
  letter-spacing: -.4em
}
.prod-lens-serviceList-item .__term div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 95px;
  max-width: calc(33% - 5px);
  height: 100px;
  margin-right: 5px;
  background-color: #e2e2e9;
  color: #14195a;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: normal
}
.prod-lens-serviceList-item .__term div:last-child {
  margin-right: 0
}
.prod-lens-serviceList-item .__term div > span {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 5px
}
.prod-lens-serviceList-item .__term div > span > span {
  display: block;
  margin-top: 10px;
  font-size: 22px;
  font-size: 2.2rem
}
.prod-lens-serviceList-item .__term div > span > span .__num {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700
}
@media screen and (max-width:1100px) {
  .prod-lens-serviceList-item .__term div > span > span {
    font-size: 1.8rem
  }
  .prod-lens-serviceList-item .__term div > span > span .__num {
    font-size: 3.0rem
  }
}
.prod-lens-headLink {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 15px;
  font-size: 1.5rem
}
.prod-lens-headLink .icon {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:1060px) {
  .prod-lens-headLink {
    position: relative;
    right: auto;
    margin-top: 10px
  }
}
.prod-lens-label {
  display: inline-block;
  padding: 2px 10px;
  background-color: #ddd;
  border-radius: 20px;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  vertical-align: middle
}
.prod-lens-lineup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  background-color: #f8f8f8;
  color: #14195a
}
.prod-lens-lineup .__img {
  width: 190px
}
.prod-lens-lineup .__txt {
  padding: 0 40px 0 20px;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:1000px) {
  .prod-lens-lineup .__img {
    width: 40%
  }
  .prod-lens-lineup .__txt {
    width: 60%
  }
  .prod-lens-lineup .__icon {
    width: 100%;
    padding-top: 10px
  }
}
@media screen and (max-width:47.938em) {
  .prod-lens-lineup .__img {
    width: 60%;
    margin: 0 auto
  }
  .prod-lens-lineup .__txt {
    width: 100%;
    margin-top: 10px;
    padding: 0
  }
}
.prod-lens-options li div {
  border: 1px solid #ccc;
  text-align: center
}
.prod-lens-options li span {
  display: block;
  padding: 10px 5px;
  color: #14195a;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.prod-lens-options li span:nth-child(1) {
  background-color: #e2e2e9
}
.prod-lens-repair {
  position: relative
}
.prod-lens-repair-txt {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 480px;
  height: calc(100% - 40px);
  padding: 20px;
  background-color: rgba(255, 255, 255, .8);
  text-align: center
}
.prod-lens-repair-txt h3 {
  color: #14195a;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.5
}
.prod-lens-repair-txt h3 span {
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:47.938em) {
  .prod-lens-repair-txt {
    width: calc(100% - 20px);
    height: auto;
    top: 10px;
    left: 10px;
    padding: 10px
  }
  .prod-lens-repair-txt .mod-button {
    width: 200px
  }
}
.prod-lens-howto-head .numTxt {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: middle
}
.prod-lens-howto-head .numTxt span {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #14195a;
  border-radius: 50%;
  line-height: 50px;
  font-weight: 400;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width:47.938em) {
  .prod-lens-howto-head .numTxt {
    font-size: 1.0rem
  }
  .prod-lens-howto-head .numTxt span {
    width: 9.375vw;
    height: 9.375vw;
    line-height: 9.375vw;
    font-size: 1.8rem
  }
}
.prod-lens-type-checkList li {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem
}
.prod-lens-type-checkList .mod-check {
  pointer-events: none
}
@media screen and (max-width:47.938em) {
  .prod-lens-type-checkList li {
    font-size: 1.6rem
  }
}
.prod-lens-lifecare-mainVis {
  position: relative
}
.prod-lens-lifecare-mainVis .__title {
  position: absolute;
  top: 50%;
  right: 30%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:1000px) {
  .prod-lens-lifecare-mainVis .__title {
    right: 12%
  }
}
@media screen and (max-width:47.938em) {
  .prod-lens-lifecare-mainVis .__title {
    height: 75%;
    right: 16%
  }
}
.prod-lens-lifecare-basic .__item {
  position: relative;
  height: 150px;
  padding-top: 44px;
  border-radius: 6px;
  color: #fff;
  text-align: center
}
.prod-lens-lifecare-basic .__item img {
  height: 63.5px
}
.prod-lens-lifecare-basic .__item._small {
  height: 100px;
  padding-top: 23px
}
.prod-lens-lifecare-basic .__item._small img {
  height: 54.5px
}
@media screen and (max-width:47.938em) {
  .prod-lens-lifecare-basic .__item {
    height: 100px;
    padding-top: 25px
  }
  .prod-lens-lifecare-basic .__item img {
    height: 50px
  }
  .prod-lens-lifecare-basic .__item._small {
    height: 60px;
    padding-top: 14px
  }
  .prod-lens-lifecare-basic .__item._small img {
    height: 30px
  }
}
.prod-lens-lifecare-plusIcon {
  color: #14195a;
  font-size: 60px;
  font-size: 6.0rem;
  text-align: center
}
.prod-lens-lifecare-arrowIcon {
  color: #14195a;
  font-size: 100px;
  font-size: 10.0rem;
  text-align: center;
  line-height: 1.6;
  -ms-transform: scaleY(.7);
  transform: scaleY(.7)
}
.prod-lens-lifecare-case .__item {
  text-align: center
}
.prod-lens-lifecare-case .__item .__head {
  padding: 5px;
  background-color: #14195a;
  color: #fff;
  font-weight: 700
}
.prod-lens-lifecare-case .__item .__plan {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}
.prod-lens-lifecare-case .__item .__plan span {
  display: inline-block;
  width: 170px;
  padding: 5px;
  background-color: #e2e2e9;
  color: #14195a;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .prod-lens-lifecare-case .__item .__plan {
    font-size: 1.4rem
  }
  .prod-lens-lifecare-case .__item .__plan span {
    width: 130px
  }
}
.prod-lens-transitions-style {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}
.prod-lens-transitions-style .__block {
  width: calc(50% - 50px)
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-style .__block {
    width: 100%
  }
}
.prod-lens-transitions-style .__block h3 {
  margin: -30px -30px 20px;
  padding: 5px 0;
  background-color: #14195a;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center
}
@media screen and (max-width:1000px) {
  .prod-lens-transitions-style .__block h3 {
    margin: -3.90625vw -3.90625vw 20px
  }
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-style .__block h3 {
    margin: -4.6875vw -4.6875vw 20px
  }
}
.prod-lens-transitions-style > span {
  font-size: 60px;
  font-size: 6.0rem;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-style > span {
    width: 100%
  }
}
.prod-lens-transitions-style-image {
  position: relative;
  padding-top: 40px;
  border-top: 1px solid #14195a
}
.prod-lens-transitions-style-image:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-right: 1px solid #14195a;
  border-bottom: 1px solid #14195a;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.prod-lens-transitions-variation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation {
    padding: 20px 10px;
    text-align: center
  }
}
.prod-lens-transitions-variation._gen8 {
  background-image: url(/images/products/lens/transitions/gen8_bg.jpg)
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation._gen8 {
    background-image: url(/images/products/lens/transitions/gen8_bg_sp.jpg)
  }
}
.prod-lens-transitions-variation._colors {
  background-image: url(/images/products/lens/transitions/colors_bg.jpg)
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation._colors {
    background-image: url(/images/products/lens/transitions/colors_bg_sp.jpg)
  }
}
.prod-lens-transitions-variation._xtra {
  background-image: url(/images/products/lens/transitions/xtra_bg.jpg)
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation._xtra {
    background-image: url(/images/products/lens/transitions/xtra_bg_sp.jpg)
  }
}
.prod-lens-transitions-variation figure {
  width: 30%;
  padding-right: 30px
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation figure {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0
  }
}
.prod-lens-transitions-variation .__text {
  width: 70%
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-variation .__text {
    width: 100%
  }
}
.prod-lens-transitions-variation .__text h3 {
  margin-bottom: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1.4
}
.prod-lens-transitions-variation .__text h3 span {
  font-size: 18px;
  font-size: 1.8rem
}
.prod-lens-transitions-faq p {
  padding: 10px 20px 10px 50px;
  text-indent: -22px
}
@media screen and (max-width:47.938em) {
  .prod-lens-transitions-faq p {
    padding: 10px 10px 10px 40px
  }
}
.prod-lens-transitions-faq p._q {
  background-color: #f6f7ff
}
.prod-lens-transitions-faq p._a {
  margin-bottom: 20px
}
.prod-lens-transitions-faq p span {
  color: #14195a;
  font-weight: 700
}
.prod-hearingaid-hearing-head {
  position: relative;
  margin-bottom: 20px;
  padding-left: 60px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #14195a
}
.prod-hearingaid-hearing-head-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  margin-right: 20px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle
}
.prod-hearingaid-hearing-head-icon span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #14195a;
  border-radius: 50%;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  line-height: 30px
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-hearing-head {
    font-size: 2.0rem;
    line-height: 1.5
  }
}
.prod-hearingaid-hearing-words {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 300px;
  margin: auto
}
.prod-hearingaid-hearing-words .icon-arrow_back:before {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 30px;
  font-size: 3.0rem;
  color: #00a0d2;
  vertical-align: middle
}
.prod-hearingaid-hearing-words-arrow {
  width: 60px;
  text-align: center
}
.prod-hearingaid-hearing-words-txt {
  width: 120px;
  text-align: center
}
.prod-hearingaid-selfcheck-toggle {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  font-size: 1.5rem
}
.prod-hearingaid-selfcheck-toggle-head {
  padding: 10px 20px;
  background-color: #efefef
}
.prod-hearingaid-selfcheck-toggle-body {
  padding: 20px;
  background-color: #f8f8f8
}
.prod-hearingaid-selfcheck-button {
  display: inline-block;
  width: 180px;
  border-width: 4px;
  border-style: solid;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  cursor: pointer;
  transition: .4s
}
.prod-hearingaid-selfcheck-button[data-target=yes] {
  border-color: #c03;
  color: #c03
}
.prod-hearingaid-selfcheck-button[data-target=yes]:hover, .prod-hearingaid-selfcheck-button[data-target=yes].is-active {
  background-color: #c03;
  color: #fff
}
.prod-hearingaid-selfcheck-button[data-target=no] {
  margin-left: 20px;
  border-color: #14195a;
  color: #14195a
}
.prod-hearingaid-selfcheck-button[data-target=no]:hover, .prod-hearingaid-selfcheck-button[data-target=no].is-active {
  background-color: #14195a;
  color: #fff
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-selfcheck-button {
    width: calc(50% - 10px)
  }
  .prod-hearingaid-selfcheck-button[data-target=no] {
    margin-left: 10px
  }
}
.prod-hearingaid-selfcheck-submit {
  width: 380px
}
.prod-hearingaid-selfcheck-submit.is-nonactive .mod-button-a {
  pointer-events: none;
  background-color: #ccc;
  border-color: #ccc;
  cursor: default
}
.prod-hearingaid-selfcheck-submit.is-nonactive .mod-button-a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.prod-hearingaid-selfcheck-submit.is-nonactive .mod-button-txt {
  color: #fff
}
.prod-hearingaid-selfcheck-result {
  font-size: 50px;
  font-size: 5.0rem;
  color: #c03
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-selfcheck-result {
    font-size: 3.0rem
  }
}
.prod-hearingaid-rakumimi-tbl {
  border-top: 1px solid #ccc
}
.prod-hearingaid-rakumimi-tbl-th, .prod-hearingaid-rakumimi-tbl-td {
  position: relative;
  height: 100%;
  padding: 20px;
  line-height: 1.5;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}
.prod-hearingaid-rakumimi-tbl-th.last, .prod-hearingaid-rakumimi-tbl-td.last {
  border-right: 0
}
.prod-hearingaid-rakumimi-tbl-th .inner, .prod-hearingaid-rakumimi-tbl-td .inner {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 20px
}
.prod-hearingaid-rakumimi-tbl-th .inner.center, .prod-hearingaid-rakumimi-tbl-td .inner.center {
  left: 0;
  right: 0;
  margin: auto
}
.prod-hearingaid-rakumimi-tbl-th {
  text-align: center;
  font-weight: 700;
  color: #14195a
}
.prod-hearingaid-rakumimi-tbl-th.blue {
  background-color: #f1f9ff
}
.prod-hearingaid-rakumimi-tbl-th.green {
  background-color: #f1fffc
}
.prod-hearingaid-rakumimi-tbl-th.purple {
  background-color: #f7f1f7
}
.prod-hearingaid-rakumimi-tbl-th.yellow {
  background-color: #f9f3dd
}
@media screen and (max-width:1000px) {
  .prod-hearingaid-rakumimi-tbl {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
  }
  .prod-hearingaid-rakumimi-tbl-th, .prod-hearingaid-rakumimi-tbl-td {
    padding: 10px;
    border-right: 0
  }
  .prod-hearingaid-rakumimi-tbl-th.first, .prod-hearingaid-rakumimi-tbl-td.first {
    border-right: 1px solid #ccc
  }
  .prod-hearingaid-rakumimi-tbl-th.last, .prod-hearingaid-rakumimi-tbl-td.last {
    border-bottom: 0
  }
  .prod-hearingaid-rakumimi-tbl-th .inner, .prod-hearingaid-rakumimi-tbl-td .inner {
    position: relative;
    top: auto;
    -ms-transform: none;
    transform: none;
    padding: 0
  }
  .prod-hearingaid-rakumimi-tbl-th .inner.center, .prod-hearingaid-rakumimi-tbl-td .inner.center {
    left: auto;
    right: auto
  }
  .prod-hearingaid-rakumimi-tbl-th {
    text-align: left
  }
}
.prod-hearingaid-purchase-step {
  position: relative;
  height: 100%;
  border: 1px solid #14195a;
  padding: 25px 10px;
  border-radius: 3px;
  text-align: center
}
.prod-hearingaid-purchase-step.triangleNone:after {
  display: none
}
.prod-hearingaid-purchase-step:after {
  position: absolute;
  top: 50%;
  right: -20px;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #14195a;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.prod-hearingaid-purchase-step .step-num {
  font-weight: 700;
  color: #14195a;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.1
}
.prod-hearingaid-purchase-step .step-num span {
  font-size: 16px;
  font-size: 1.6rem
}
.prod-hearingaid-purchase-step .step-txt {
  display: block;
  margin-top: 20px;
  font-size: 20px;
  font-size: 2.0rem
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-purchase-step {
    padding: 1.5625vw .78125vw
  }
  .prod-hearingaid-purchase-step:after {
    right: -3.125vw;
    border-width: 3.125vw 0 3.125vw 3.125vw
  }
  .prod-hearingaid-purchase-step .step-num {
    font-size: 1.8rem
  }
  .prod-hearingaid-purchase-step .step-num span {
    font-size: 1.0rem
  }
  .prod-hearingaid-purchase-step .step-txt {
    margin-top: 3.125vw;
    font-size: 1.2rem
  }
}
.prod-hearingaid-purchase-head {
  margin-bottom: 30px;
  border-bottom: 1px solid #14195a;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 400;
  color: #14195a
}
.prod-hearingaid-purchase-head .step-num {
  margin-right: 38px;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700
}
.prod-hearingaid-purchase-head .step-num span {
  margin-right: 8px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-purchase-head {
    margin-bottom: 4.6875vw;
    font-size: 2.2rem
  }
  .prod-hearingaid-purchase-head .step-num {
    margin-right: 4.6875vw;
    font-size: 2.6rem
  }
  .prod-hearingaid-purchase-head .step-num span {
    margin-right: 1.25vw;
    font-size: 1.2rem
  }
}
.prod-hearingaid-type {
  margin-top: -20px;
  margin-left: -20px
}
.prod-hearingaid-type-item {
  padding-top: 20px;
  padding-left: 20px
}
@media screen and (max-width:47.938em) {
  .prod-hearingaid-type {
    margin-top: -12.5vw;
    margin-left: -12.5vw
  }
  .prod-hearingaid-type-item {
    padding-top: 12.5vw;
    padding-left: 12.5vw
  }
}
.prod-contactList {
  margin-top: -60px;
  margin-left: -40px
}
.prod-contactList-li {
  padding-top: 60px;
  padding-left: 40px
}
.prod-contact-step {
  position: relative;
  padding-bottom: 50px
}
.prod-contact-step:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  display: block;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #14195a
}
.prod-contact-step li {
  display: table;
  width: 100%;
  margin-bottom: 30px;
  background-color: #f8f8f8
}
@media screen and (max-width:47.938em) {
  .prod-contact-step li {
    margin-bottom: 20px
  }
}
.prod-contact-step li:last-child {
  margin-bottom: 0
}
.prod-contact-step li > * {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.prod-contact-step li .__head {
  position: relative;
  width: 125px;
  padding: 30px 0;
  background-color: #ccc;
  color: #fff;
  line-height: 1.4
}
@media screen and (max-width:47.938em) {
  .prod-contact-step li .__head {
    width: 80px;
    padding: 10px 0
  }
}
.prod-contact-step li .__head span {
  display: block;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .prod-contact-step li .__head span {
    font-size: 2.2rem
  }
}
.prod-contact-step li .__head:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 30px;
  background-color: #ccc;
  left: 50%;
  bottom: -30px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.prod-contact-step li:last-child .__head:after {
  content: none
}
.prod-contact-step li figure {
  width: 140px
}
.prod-contact-step li figure img {
  vertical-align: middle
}
@media screen and (max-width:47.938em) {
  .prod-contact-step li figure {
    width: 70px
  }
  .prod-contact-step li figure img {
    width: 25px
  }
}
.prod-contact-step li .__body {
  width: calc(100% - 125px - 140px);
  padding: 20px 40px 20px 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: left
}
@media screen and (max-width:47.938em) {
  .prod-contact-step li .__body {
    width: calc(100% - 80px - 70px);
    padding: 10px 20px 10px 0;
    font-size: 1.6rem
  }
}
.prod-contact-type h3 {
  margin: -30px -30px 20px;
  padding: 5px 0;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center
}
@media screen and (max-width:1000px) {
  .prod-contact-type h3 {
    margin: -3.90625vw -3.90625vw 20px
  }
}
@media screen and (max-width:47.938em) {
  .prod-contact-type h3 {
    margin: -4.6875vw -4.6875vw 20px
  }
}
.prod-contact-type h4 {
  margin-top: 30px;
  margin-bottom: 10px
}
.prod-contact-type._blue h3 {
  background-color: #2662bd
}
.prod-contact-type._blue h4 {
  color: #2662bd
}
.prod-contact-type._red h3 {
  background-color: #d44058
}
.prod-contact-type._red h4 {
  color: #d44058
}
.prod-other-gifts-main li {
  display: block;
  margin-bottom: 20px;
  padding: 10px 40px;
  background-color: #f7f7f7;
  color: #14195a;
  border-radius: 40px
}
@media screen and (max-width:47.938em) {
  .prod-other-gifts-main li {
    padding: 10px
  }
}
.prod-other-gifts-step .pure-u-1-3 {
  position: relative
}
.prod-other-gifts-step .pure-u-1-3:after {
  content: '';
  position: absolute;
  top: 45%;
  right: -25px;
  border: solid 10px transparent;
  border-left: solid 10px #ccc
}
.prod-other-gifts-step .pure-u-1-3:last-child:after {
  content: none
}
@media screen and (max-width:47.938em) {
  .prod-other-gifts-step .pure-u-1-3:after {
    top: 32%;
    right: -17px;
    border: solid 7px transparent;
    border-left: solid 7px #ccc
  }
}
.prod-other-gifts-step .pure-u-1-3 img {
  border: 1px solid #ccc
}
.js-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}
.js-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 0
}
.js-modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 100%;
  padding: 80px;
  background-color: transparent;
  z-index: 1
}
.js-modal-content img {
  max-height: 100%;
  max-width: 100%
}
.js-modal.is-active {
  display: block
}
.js-modal-btn {
  cursor: pointer
}
@media screen and (max-width:47.938em) {
  .js-modal-content {
    width: 90%;
    padding: 15.625vw 0
  }
}
.sundelight {
  color: #333;
  font-family: YuGothic, Yu Gothic Medium, Yu Gothic, 'ヒラギノ角ゴシック Pro', Hiragino Kaku Gothic Pro, 'メイリオ', 'Meiryo, Osaka', 'ＭＳ Ｐゴシック', MS PGothic, sans-serif
}
.sundelight main > section:not(.main-visual) {
  padding: 140px 0 100px;
  background-color: #fff;
  animation: fadeIn 5s ease 1s 1 normal backwards
}
.sundelight main > section:not(.main-visual):nth-child(even) {
  background-color: #f7f7f7
}
.sundelight header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #fff;
  z-index: 5
}
@media screen and (max-width:47.938em) {
  .sundelight header {
    height: 50px
  }
}
.sundelight header > div {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px
}
.sundelight header .lp-logo img {
  position: absolute;
  top: 50%;
  left: 0;
  margin: auto;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50
}
@media screen and (max-width:1000px) {
  .sundelight header .lp-logo img {
    position: absolute;
    top: 40px;
    left: 20px;
    width: 15%
  }
}
@media screen and (max-width:47.938em) {
  .sundelight header .lp-logo img {
    width: 70%;
    top: 50%;
    left: 8vw;
    margin: auto;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
@media screen and (max-width:47.938em) {
  .sundelight header .lp-logo {
    padding: 10px
  }
}
.sundelight header nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px
}
.sundelight header nav .sp-nav {
  display: none
}
@media screen and (max-width:1000px) {
  .sundelight header nav {
    position: absolute;
    bottom: 0;
    height: unset
  }
  .sundelight header nav a {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .sundelight header nav.pc-nav {
    display: none
  }
}
.sundelight header nav ul {
  width: 100%;
  height: 100%
}
.sundelight header nav ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
.sundelight header nav ul li a {
  position: relative;
  text-align: center
}
.sundelight header nav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #eb6100;
  transition: .4s
}
.sundelight header nav ul li a:hover:after {
  width: 100%
}
.sundelight header .menu-content, .sundelight header .hamburger-menu {
  display: none
}
.sundelight header .menu-btn {
  position: fixed;
  top: 0;
  right: 10px;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 50px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 90
}
.sundelight header .menu-btn span, .sundelight header .menu-btn span:before, .sundelight header .menu-btn span:after {
  content: '';
  display: block;
  height: 2px;
  width: 25px;
  border-radius: 3px;
  background-color: #eb6100;
  position: absolute;
  transition: .1s .1s linear
}
.sundelight header .menu-btn span:before {
  bottom: 8px
}
.sundelight header .menu-btn span:after {
  top: 8px
}
.sundelight header .menu-content {
  width: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 80;
  background-color: rgba(255, 255, 255, 0);
  transition: all .5s
}
.sundelight header .menu-content ul {
  margin-top: 50px;
  padding: 0;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  background-color: #fff
}
.sundelight header .menu-content ul li {
  border-bottom: solid 1px #ddd;
  list-style: none
}
.sundelight header .menu-content ul li a {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color: #333;
  text-decoration: none;
  padding: 9px 15px 10px 0;
  position: relative;
  letter-spacing: 1.5px;
  text-align: center
}
.sundelight header #menu-btn-check:checked ~ .menu-content {
  left: 0
}
.sundelight header #menu-btn-check {
  display: none
}
.sundelight header #menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0)
}
.sundelight header #menu-btn-check:checked ~ .menu-btn span:before {
  bottom: 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.sundelight header #menu-btn-check:checked ~ .menu-btn span:after {
  top: 0;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (max-width:47.938em) {
  .sundelight header .menu-content, .sundelight header .hamburger-menu {
    display: block
  }
}
.sundelight h2 {
  position: relative;
  margin-bottom: 42px;
  font-size: 42px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .1em;
  line-height: .952
}
.sundelight h2:before {
  content: "";
  display: block;
  position: absolute;
  top: -64px;
  left: 50%;
  width: 1px;
  height: 0;
  background-color: #eb6100;
  transition: height .5s .3s
}
@media screen and (max-width:47.938em) {
  .sundelight h2 {
    font-size: 30px;
    margin-bottom: 30px
  }
}
.sundelight h2.fadeUp:before {
  height: 40px
}
.sundelight h3 {
  margin-bottom: 30px;
  font-size: 28px
}
@media screen and (max-width:47.938em) {
  .sundelight h3 {
    font-size: 20px
  }
}
.sundelight h4 {
  margin-bottom: 21px;
  font-size: 20px
}
@media screen and (max-width:47.938em) {
  .sundelight h4 {
    font-size: 18px
  }
}
.sundelight h5 {
  font-size: 16px
}
@media screen and (max-width:47.938em) {
  .sundelight h5 {
    font-size: 14px
  }
}
.sundelight p {
  font-size: 16px;
  line-height: 1.56
}
@media screen and (max-width:47.938em) {
  .sundelight p {
    font-size: 14px
  }
}
.sundelight footer {
  padding: 50px 0 25px;
  border-top: solid #ddd 1px
}
@media screen and (max-width:47.938em) {
  .sundelight footer {
    padding: 25px
  }
  .sundelight footer nav {
    display: none
  }
}
.sundelight .main-visual {
  padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .sundelight .main-visual {
    padding-top: 50px
  }
}
.sundelight .main-visual img {
  width: 100%
}
.sundelight .story h3 {
  margin-bottom: 14px
}
.sundelight .feature h3 {
  margin-top: 10px
}
.sundelight .product-detail h4 {
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .sundelight .product-detail h4 {
    margin-bottom: 25px
  }
}
.sundelight .product-spec {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:1000px) {
  .sundelight .product-spec .link-button {
    margin: 0;
    width: 90%
  }
}
@media screen and (max-width:47.938em) {
  .sundelight .product-spec .link-button {
    margin: 30px auto 0;
    width: 100%
  }
}
.sundelight .color_dgray {
  color: #999
}
.sundelight .left-dec {
  padding-left: 15px;
  border-left: solid 2px #333
}
.sundelight .left-dec.dcorange {
  border-left-width: 5px;
  border-left-color: #eb6100
}
.sundelight .contents-border-box {
  padding: 30px;
  height: 100%;
  border: solid 1px #ddd
}
@media screen and (max-width:47.938em) {
  .sundelight .contents-border-box {
    padding: 20px
  }
}
.sundelight .contents-border-box p {
  line-height: 2
}
.sundelight .contents-block {
  margin-bottom: 87px
}
.sundelight .contents-block:last-child {
  margin-bottom: unset
}
@media screen and (max-width:47.938em) {
  .sundelight .contents-block {
    margin-bottom: 14vw
  }
}
.sundelight .contents-box {
  padding: 50px;
  background-color: #fff
}
@media screen and (max-width:47.938em) {
  .sundelight .contents-box {
    padding: 20px
  }
}
.sundelight .point-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:47.938em) {
  .sundelight .point-list {
    display: block
  }
}
.sundelight .point-list li {
  width: 32%
}
@media screen and (max-width:47.938em) {
  .sundelight .point-list li {
    margin-bottom: 25px;
    width: 100%
  }
}
.sundelight .point-list li h4 {
  margin: 30px 0
}
@media screen and (max-width:47.938em) {
  .sundelight .point-list li h4 {
    margin: 20px 0
  }
}
.sundelight .point-list li p {
  line-height: 2
}
.sundelight .numbering-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.3em;
  height: 1.3em;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: text-top
}
.sundelight .link-button {
  margin: 0 auto;
  text-align: center
}
.sundelight .link-button a {
  display: inline-block;
  width: 100%;
  padding: 16px;
  border: solid #333 2px;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .sundelight .link-button a {
    padding: 14px;
    font-size: 14px;
    line-height: 1
  }
}
.sundelight ul.link-button {
  width: 44.9%
}
@media screen and (max-width:47.938em) {
  .sundelight ul.link-button {
    width: 100%
  }
}
.sundelight ul.link-button li {
  margin-bottom: 30px
}
@media screen and (max-width:47.938em) {
  .sundelight ul.link-button li {
    margin-bottom: 20px
  }
}
.sundelight .caution {
  font-size: 14px
}
@media screen and (max-width:47.938em) {
  .sundelight .caution {
    font-size: 12px
  }
}
.sundelight .caution ul li {
  position: relative;
  padding-left: 1em;
  line-height: 2.28
}
.sundelight .caution ul li:before {
  position: absolute;
  content: "\203B";
  display: inline-block;
  width: 1em;
  height: 1em;
  left: 0
}
.sundelight .fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.sundelight .fadeUpTrigger {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
@media screen and (max-width:1000px) {
  .sundelight .sp.pl100 {
    padding-left: 40px
  }
  .sundelight .sp.pl100 {
    margin: 0 auto
  }
}
@media screen and (max-width:47.938em) {
  .sundelight .sp.pr50, .sundelight .sp.pr20 {
    padding-right: 0
  }
  .sundelight .sp.pl10 {
    padding-left: 0
  }
  .sundelight .sp.pl100 {
    padding-left: 0
  }
  .sundelight .sp.pl100 {
    margin: 0 auto
  }
  .sundelight .sp-pl10 {
    padding-left: 10px
  }
  .sundelight .sp-mt20 {
    margin-top: 20px
  }
  .sundelight .sp-ml10 {
    margin-left: 10px
  }
  .sundelight .sp-mb20 {
    margin-bottom: 20px
  }
  .sundelight .sp-mb25 {
    margin-bottom: 25px
  }
  .sundelight .sp-mb30 {
    margin-bottom: 30px
  }
}
.casry {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, sans-serif
}
.casry .mod-head01 {
  font-weight: 700
}
.casry-ttl_nm {
  margin-top: -90px
}
@media screen and (max-width:47.938em) {
  .casry-ttl_nm {
    margin-top: 0
  }
}
.casry-price {
  padding: 7px 0;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  background-color: #87c796
}
@media screen and (max-width:47.938em) {
  .casry-price {
    font-size: 13px
  }
}
.casry .mod-auto.mod-auto_s {
  max-width: 920px
}
@media screen and (max-width:47.938em) {
  .casry .mod-auto.mod-auto_s {
    max-width: 90%
  }
}
.store-label {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1
}
@media screen and (max-width:47.938em) {
  .store-label {
    font-size: 1.0rem
  }
}
.store-label.paris-miki {
  background-color: #d9dcff;
  color: #14195a
}
.store-label.courier {
  background-color: #ffdeac;
  color: #a46300
}
.store-label.optique, .store-label.contactlens {
  background-color: #c6fffd;
  color: #418684
}
.store-label.circus {
  background-color: #fac1dd;
  color: #b71d67
}
.store-label.mikissimes {
  background-color: #c0caff;
  color: #444f86
}
.store-label.japanese {
  background-color: #fbdade;
  color: #c34655
}
.store-label.hearingaids {
  background-color: #ffcab7;
  color: #865442
}
.store-label.opt-label, .store-label.opt-gout {
  background-color: #fff2c0;
  color: #b77900
}
.store-label.lindberg {
  background-color: #dadada;
  color: #3c3c3c
}
.store-list {
  border-bottom: 1px dotted #333
}
.store-list-item {
  display: none;
  position: relative;
  border-top: 1px dotted #333
}
.store-list-item.is-active {
  display: block
}
.store-list-item .icon {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  font-size: 15px;
  font-size: 1.5rem
}
.store-list-item-a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 15px;
  transition: .4s
}
.store-list-item-a.is-active {
  background-color: #ddf4ff
}
.store-list-item .store-label {
  position: absolute;
  top: 20px;
  right: 10px
}
.store-list-item-cat {
  font-size: 13px;
  font-size: 1.3rem
}
.store-list-item-name {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700
}
.store-list-more .mod-button-a {
  cursor: pointer
}
.store-list-more .mod-button-a:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 20px;
  width: 20px;
  height: 2px;
  background-color: #14195a;
  transition: .4s
}
.store-list-more .mod-button-a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 29px;
  width: 2px;
  height: 20px;
  background-color: #14195a;
  transition: .4s
}
.store-list-more .mod-button-a:hover:before, .store-list-more .mod-button-a:hover:after {
  background-color: #fff
}
.store-idx-main {
  margin-top: -120px;
  padding-top: 120px
}
@media screen and (max-width:1000px) {
  .store-idx-main {
    margin-top: -130px;
    padding-top: 130px
  }
}
.store-idx-nameSearch {
  margin: 0 auto 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #333
}
.store-idx-nameSearch-form {
  display: block;
  position: relative;
  width: 100%
}
.store-idx-nameSearch-input {
  width: 100%;
  height: 58px;
  padding: 12px 20px;
  border: 2px solid #1e1e1e;
  background-color: #fff;
  box-shadow: none;
  outline: none
}
.store-idx-nameSearch-submit {
  margin-top: 20px
}
.store-idx-nameSearch-submit .mod-button-a {
  cursor: pointer;
  transition: .3s
}
.store-idx-nameSearch-submit .mod-button-a:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
@media screen and (max-width:1000px) {
  .store-idx-nameSearch-submit .mod-button-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.store-idx-nameSearch-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 58px;
  outline: none
}
.store-idx-nameSearch-btn:before {
  content: "\EA08";
  display: inline-block;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: paris-miki-fonts;
  line-height: 50px
}
@media screen and (max-width:1000px) {
  .store-idx-nameSearch {
    width: 90%;
    margin-top: 70px
  }
}
.store-idx-map {
  position: relative;
  width: 100%;
  height: 500px
}
@media screen and (max-width:47.938em) {
  .store-idx-map {
    height: 300px
  }
}
.store-idx-map #map-canvas {
  width: 100%;
  height: 100%
}
.store-idx-mapChip {
  position: absolute;
  top: 50%;
  left: 7%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 320px;
  height: 360px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .store-idx-mapChip {
    width: 90%;
    height: auto;
    left: 5%
  }
}
.store-idx-mapChip-name {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem
}
.store-idx-mapChip-icon {
  margin-top: 15px;
  letter-spacing: -.4em
}
.store-idx-mapChip-icon li {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 8px;
  letter-spacing: normal
}
.store-idx-mapChip-icon li img {
  width: 48px
}
.store-idx-mapChip .mod-button {
  margin-top: 10px
}
.store-idx-mapChip .icon-close {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer
}
.store-idx-map-noresult {
  width: 100%;
  font-weight: 700;
  text-align: center
}
.store-idx-sideNavWrap {
  display: -ms-flexbox;
  display: flex
}
.store-idx-sideNav-nav {
  width: 250px;
  background-color: #fff
}
.store-idx-sideNav-nav-close {
  display: none
}
.store-idx-sideNav-content {
  width: calc(100% - 250px);
  padding-left: 60px;
  padding-bottom: 80px
}
@media screen and (max-width:1000px) {
  .store-idx-sideNav-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: .4s;
    overflow-y: scroll;
    z-index: 1500;
    -webkit-overflow-scrolling: touch
  }
  .store-idx-sideNav-nav.is-active {
    right: 0
  }
  .store-idx-sideNav-nav-close {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 2.2rem
  }
  .store-idx-sideNav-content {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0
  }
  .store-idx-sideNav-content-inner {
    margin: 0 5%
  }
}
.store-searchForm-item {
  border-bottom: 1px dotted #333
}
.store-searchForm-checkbox {
  position: relative;
  display: block;
  height: 40px;
  margin: 20px 0;
  cursor: pointer
}
.store-searchForm-checkbox-inner .store-searchForm-checkbox {
  margin: 0
}
.store-searchForm-checkbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px
}
.store-searchForm-checkbox-input {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.store-searchForm-checkbox-text {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding-left: 45px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 40px
}
.store-searchForm-checkbox-inner .store-searchForm-checkbox-text {
  padding-left: 20px;
  background-color: #efefef;
  border-bottom: 1px solid #fff
}
.store-searchForm-checkbox-text:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  height: 20px;
  width: 20px;
  border: 3px solid #ddd;
  background-color: #fff
}
.store-searchForm-checkbox-text:after {
  content: "";
  position: absolute;
  top: 48%;
  right: 12px;
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  display: block;
  width: 6px;
  height: 10px;
  border: solid 2px #fff;
  border-left: 0;
  border-top: 0
}
.store-searchForm-checkbox-input:checked ~ .store-searchForm-checkbox-text:before, .store-searchForm-checkbox-input:checked ~ .store-searchForm-checkbox-text:after {
  border-color: #14195a
}
.store-searchForm-checkbox-head {
  position: relative;
  display: block;
  height: 40px;
  margin: 20px 0
}
.store-searchForm-checkbox-head .js-toggle-switch {
  top: 50%;
  right: 8px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 2px
}
.store-searchForm-checkbox-head .js-toggle-switch:after {
  top: -7px;
  right: 7px;
  width: 2px;
  height: 16px
}
.store-searchForm-checkbox-head img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px
}
.store-searchForm-checkbox-head-text {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding-left: 45px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 40px
}
.store-searchForm-submit .mod-button-a {
  cursor: pointer;
  transition: .3s
}
.store-searchForm-submit .mod-button-a:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
.store-searchForm-clear {
  cursor: pointer;
  transition: .3s
}
.store-searchForm-clear:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
@media screen and (max-width:1000px) {
  .store-searchForm-inputs {
    padding: 10px 5% 0
  }
  .store-searchForm-item {
    border-bottom-style: solid
  }
  .store-searchForm-checkbox {
    margin: 10px 0
  }
  .store-searchForm-checkbox-head {
    margin: 10px 0
  }
  .store-searchForm-checkbox-head .js-toggle-switch {
    width: 20px
  }
  .store-searchForm-checkbox-head .js-toggle-switch:after {
    height: 20px;
    top: -9px;
    right: 9px
  }
  .store-searchForm-checkbox-inner {
    padding-bottom: 10px
  }
  .store-searchForm-checkbox-text:before {
    width: 25px;
    height: 25px;
    border-width: 2px;
    border-radius: 5px
  }
  .store-searchForm-checkbox-text:after {
    top: 45%;
    width: 10px;
    height: 13px;
    border-width: 3px
  }
  .store-searchForm-btns {
    padding: 20px 5% 50px
  }
  .store-searchForm-submit .mod-button-a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
  .store-searchForm-clear:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.store-detail .mod-head01-inner .store-label {
  position: absolute;
  top: 0;
  right: 50px
}
@media screen and (max-width:1000px) {
  .store-detail .mod-head01-inner .store-label {
    right: 0
  }
}
@media screen and (max-width:47.938em) {
  .store-detail .mod-head01 {
    height: auto;
    padding: 10px 0
  }
  .store-detail .mod-head01-inner {
    position: relative;
    top: auto;
    -ms-transform: none;
    transform: none;
    padding-top: 20px
  }
}
.store-detail-attention {
  background-color: #efefef
}
.store-detail-attention .rt_cf_n_href:after {
  position: absolute;
  display: block;
  right: 20px;
  top: 50%;
  content: '\EA10';
  font-size: 12px;
  font-size: 1.2rem;
  font-family: paris-miki-fonts;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.store-detail-attention .rt_cf_n_href.rt_cf_nolink:after {
  display: none
}
.store-detail-main {
  margin-bottom: 100px
}
@media screen and (max-width:1000px) {
  .store-detail-main {
    margin-bottom: 30px
  }
}
.store-detail-main-info-mainImg {
  float: left;
  width: 50%
}
@media screen and (max-width:1000px) {
  .store-detail-main-info-mainImg {
    float: none;
    width: 100%
  }
}
.store-detail-main-info-txt {
  padding: 0 40px
}
.store-detail-main-info-txt table {
  letter-spacing: normal
}
.store-detail-main-info-txt tr th {
  width: 100px;
  padding: 10px 20px 10px 0;
  vertical-align: top;
  text-align: left
}
.store-detail-main-info-txt tr th h2 {
  font-size: 13px;
  font-size: 1.3rem
}
@media screen and (max-width:47.938em) {
  .store-detail-main-info-txt tr th {
    width: 80px;
    padding: 10px 0
  }
}
.store-detail-main-info-txt tr td {
  padding: 10px 20px;
  line-height: 1.5
}
@media screen and (max-width:1000px) {
  .store-detail-main-info-txt {
    float: none;
    width: 100%;
    padding: 0
  }
}
.store-detail-main-info-txt.no-image {
  padding: 0
}
@media screen and (max-width:47.938em) {
  .store-detail-main-info-txt.no-image {
    padding: 0 5%
  }
}
.store-detail-main-info-txt .store-label {
  letter-spacing: normal
}
@media screen and (max-width:47.938em) {
  .store-detail-main-info-tel a {
    text-decoration: underline
  }
}
.store-detail-main-info-map {
  display: inline-block;
  margin-left: 10px;
  padding: 0 10px;
  background-color: #14195a;
  color: #fff;
  font-weight: 700
}
.store-detail-main-info2 {
  margin-top: 20px
}
.store-detail-main-info2-parking-inner {
  width: 70%;
  margin-left: auto;
  margin-right: 0
}
.store-detail-main-info2-parking-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 20px
}
.store-detail-main-info2-parking-item .icon {
  width: 60px;
  height: 40px;
  color: #14195a;
  font-size: 40px;
  font-size: 4.0rem;
  line-height: 1.5
}
.store-detail-main-info2-parking-item p {
  width: calc(100% - 40px);
  line-height: 1.5
}
@media screen and (max-width:1000px) {
  .store-detail-main-info2-parking {
    width: 100%;
    margin: 0 auto 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333
  }
  .store-detail-main-info2-parking-inner {
    width: 100%;
    margin-right: auto
  }
  .store-detail-main-info2-parking-item {
    margin-bottom: 10px
  }
  .store-detail-main-info2-parking-item .icon {
    height: 30px;
    font-size: 3.0rem
  }
}
.store-detail-main-info2-service {
  padding: 0 40px
}
@media screen and (max-width:1000px) {
  .store-detail-main-info2-service {
    padding: 0 5%
  }
}
.store-detail-main-icon {
  position: relative;
  display: inline-block
}
.store-detail-main-iconWrap {
  padding-right: 50px
}
.store-detail-main-icon img {
  width: 60px;
  margin-bottom: 5px
}
.store-detail-main-icon .mod-balloon {
  top: -40px;
  padding-right: 30px;
  font-size: 13px;
  font-size: 1.3rem
}
.store-detail-main-icon.hearingaid .mod-balloon {
  width: 100px;
  left: -60px;
  background-color: #ffcab7;
  color: #855341
}
.store-detail-main-icon.hearingaid .mod-balloon:before {
  border-top-color: #ffcab7
}
.store-detail-main-icon[class*=contactlens] .mod-balloon {
  background-color: #c6fffd;
  color: #387e7c
}
.store-detail-main-icon[class*=contactlens] .mod-balloon:before {
  border-top-color: #c6fffd
}
.store-detail-main-icon.contactlens_prescription .mod-balloon {
  width: 220px;
  top: -60px;
  left: -180px
}
.store-detail-main-icon.contactlens_quick .mod-balloon {
  width: 300px;
  top: -100px;
  left: -260px
}
.store-detail-main-icon.contactlens_certificate .mod-balloon, .store-detail-main-icon.contactlens_no_certificate .mod-balloon {
  width: 280px;
  top: -60px;
  left: -240px
}
.store-detail-main-icon.mikissimes .mod-balloon {
  width: 220px;
  left: -180px;
  background-color: #c0caff;
  color: #414c83
}
.store-detail-main-icon.mikissimes .mod-balloon:before {
  border-top-color: #c0caff
}
.store-detail-main-icon.taxfree .mod-balloon {
  width: 100px;
  left: -60px;
  background-color: #fff9b5;
  color: #847e3f
}
.store-detail-main-icon.taxfree .mod-balloon:before {
  border-top-color: #fff9b5
}
.store-detail-main-icon.gold .mod-balloon {
  width: 180px;
  top: -60px;
  left: -140px;
  background-color: #e3c888;
  color: #69562b
}
.store-detail-main-icon.gold .mod-balloon:before {
  border-top-color: #e3c888
}
.store-detail-main-icon.cosme .mod-balloon {
  width: 160px;
  left: -120px;
  background-color: #f7ccda;
  color: #73374a
}
.store-detail-main-icon.cosme .mod-balloon:before {
  border-top-color: #f7ccda
}
.store-detail-main-icon.health .mod-balloon {
  width: 160px;
  left: -120px;
  background-color: #c4facc;
  color: #3f8349
}
.store-detail-main-icon.health .mod-balloon:before {
  border-top-color: #c4facc
}
.store-detail-main-icon.visiting .mod-balloon {
  width: 170px;
  left: -130px;
  background-color: #fedac0;
  color: #d16010
}
.store-detail-main-icon.visiting .mod-balloon:before {
  border-top-color: #fedac0
}
@media screen and (max-width:1000px) {
  .store-detail-main-iconWrap {
    position: relative;
    padding-right: 0
  }
  .store-detail-main-icon img {
    width: 50px
  }
  .store-detail-main-icon .mod-balloon:before {
    content: none
  }
  .store-detail-main-icon:nth-child(4n+1) .mod-balloon, .store-detail-main-icon:nth-child(4n+2) .mod-balloon {
    left: auto;
    right: -50px
  }
  .store-detail-main-icon:nth-child(4n+3) .mod-balloon, .store-detail-main-icon:nth-child(4n) .mod-balloon {
    left: -50px
  }
  .store-detail-main-icon.hearingaid .mod-balloon, .store-detail-main-icon.contactlens_prescription .mod-balloon, .store-detail-main-icon.contactlens_quick .mod-balloon, .store-detail-main-icon.contactlens_certificate .mod-balloon, .store-detail-main-icon.contactlens_no_certificate .mod-balloon, .store-detail-main-icon.mikissimes .mod-balloon, .store-detail-main-icon.taxfree .mod-balloon, .store-detail-main-icon.gold .mod-balloon, .store-detail-main-icon.cosme .mod-balloon, .store-detail-main-icon.health .mod-balloon, .store-detail-main-icon.visiting .mod-balloon {
    width: 150px;
    top: auto;
    bottom: auto
  }
}
.store-detail-events {
  padding-top: 70px
}
@media screen and (max-width:1000px) {
  .store-detail-events {
    padding-top: 30px
  }
}
.store-detail-calendar {
  position: relative;
  width: 100%;
  overflow: hidden
}
@media screen and (max-width:1000px) {
  .store-detail-calendar {
    padding-bottom: 40px;
    border-bottom: 1px solid #333
  }
}
.store-detail-calendar-inner {
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  transition: .4s
}
.store-detail-calendar-inner.is-active {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.store-detail-calendar-block {
  width: 50%
}
.store-detail-calendar-prev, .store-detail-calendar-next {
  position: absolute;
  top: 15px;
  width: 20px;
  height: 32px;
  color: #ccc;
  z-index: 50
}
.store-detail-calendar-prev.is-active, .store-detail-calendar-next.is-active {
  color: #000;
  cursor: pointer
}
@media screen and (max-width:47.938em) {
  .store-detail-calendar-prev, .store-detail-calendar-next {
    top: 8px
  }
}
.store-detail-calendar-prev {
  left: calc(50% - 120px)
}
.store-detail-calendar-next {
  right: calc(50% - 120px)
}
.store-detail-calendar-head {
  margin-bottom: 20px;
  text-align: center
}
.store-detail-calendar-month {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .store-detail-calendar-month {
    font-size: 2.4rem
  }
}
.store-detail-calendar-day {
  display: -ms-flexbox;
  display: flex
}
.store-detail-calendar-day li {
  width: 14.28571%;
  background-color: #efefef;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem
}
.store-detail-calendar-day li:first-child {
  color: #f66
}
.store-detail-calendar-day li:last-child {
  color: #36f
}
.store-detail-calendar-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.store-detail-calendar-date li {
  width: 11.28571%;
  height: 75px;
  margin: 0 1.5%;
  padding: 5px 0;
  text-align: center;
  border-bottom: 1px solid #ccc
}
.store-detail-calendar-date li > div {
  position: relative;
  height: 100%;
  padding-bottom: 5px;
  border-radius: 4px
}
.store-detail-calendar-date li > div.close {
  background-color: #f46060;
  color: #fff
}
.store-detail-calendar-date li > div.alter {
  background-color: #ffe57f
}
.store-detail-calendar-date li > div.alter .mod-balloon {
  position: absolute;
  top: -80px;
  right: -100px;
  background-color: #ffe57f
}
.ua-ie .store-detail-calendar-date li > div.alter .mod-balloon {
  background-color: #e0c661
}
.store-detail-calendar-date li > div.alter .mod-balloon:before {
  left: 20px;
  right: auto;
  -ms-transform: rotate(30deg);
  transform: rotate(30deg)
}
.ua-ie .store-detail-calendar-date li > div.alter .mod-balloon:before {
  border-top-color: #e0c661
}
@media screen and (max-width:47.938em) {
  .store-detail-calendar-date li > div.alter .mod-balloon {
    width: 150px;
    right: -120px
  }
}
.store-detail-calendar-date li > div.alter.right .mod-balloon {
  right: auto;
  left: -100px
}
.store-detail-calendar-date li > div.alter.right .mod-balloon:before {
  right: 20px;
  left: auto;
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg)
}
@media screen and (max-width:47.938em) {
  .store-detail-calendar-date li > div.alter.right .mod-balloon {
    right: auto;
    left: -120px
  }
}
.store-detail-calendar-date li > div .icon-star {
  display: block;
  color: #00a0d2;
  line-height: 1
}
.store-detail-calendar-note {
  text-align: center;
  font-weight: 700
}
.store-detail-calendar-note .event {
  margin-right: 20px
}
.store-detail-calendar-note .event .icon-star {
  margin-right: 10px;
  color: #00a0d2;
  font-size: 24px;
  font-size: 2.4rem
}
.store-detail-calendar-note .event .icon-star:before {
  -ms-transform: translateY(4px);
  transform: translateY(4px)
}
.store-detail-calendar-note .alter {
  margin-right: 20px;
  padding: 5px 10px;
  background-color: #ffe57f;
  border-radius: 4px;
  line-height: 1
}
.store-detail-calendar-note .close {
  padding: 5px 10px;
  background-color: #f46060;
  border-radius: 4px;
  color: #fff;
  line-height: 1
}
@media screen and (max-width:47.938em) {
  .store-detail-calendar-note {
    font-size: 1.2rem
  }
  .store-detail-calendar-note .event .icon-star {
    font-size: 1.8rem
  }
}
.store-detail-schedule {
  overflow: hidden
}
.store-detail-schedule-inner {
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  transition: .4s
}
.store-detail-schedule-inner.is-active {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.store-detail-schedule-block {
  width: 50%
}
.store-detail-schedule .mod-newsList-date {
  width: auto
}
.store-detail-reception {
  background-color: #f8f8f8
}
.store-detail-reception-head {
  padding: 30px 0
}
.store-detail-reception-body {
  padding-bottom: 50px
}
.store-detail-reception-item {
  margin-bottom: 20px
}
.store-detail-reception-item-head {
  background-color: #d7d7d7;
  padding: 10px 15px
}
.store-detail-reception-item-body {
  background-color: #fff;
  padding: 15px;
  border-bottom: 1px solid #ccc
}
.store-detail-reception-item-body:last-child {
  border-bottom: 0
}
.store-detail-reception-item-body.close {
  background-color: #f46060;
  color: #fff
}
@media screen and (max-width:1000px) {
  .store-detail-reception-item {
    border: 1px solid #ccc
  }
  .store-detail-reception-item-head {
    padding: 5px 15px
  }
  .store-detail-reception-item-body {
    background-color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc
  }
  .store-detail-reception-item-body:last-child {
    border-bottom: 0
  }
}
.store-detail-links {
  -ms-flex-pack: center;
  justify-content: center
}
.store-detail-links .mod-button {
  height: 100%;
  min-height: 50px
}
.store-detail-links .mod-button-a {
  height: 100%
}
@media screen and (max-width:47.938em) {
  .store-detail-links .mod-button-a {
    height: 50px
  }
}
.store-detail-map {
  width: 100%;
  height: 500px
}
@media screen and (max-width:47.938em) {
  .store-detail-map {
    height: 300px
  }
}
.store-detail-map #map-canvas {
  width: 100%;
  height: 100%
}
.store-category-idx-index-item {
  position: relative;
  display: block;
  padding: 50px 30px;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9
}
.store-category-idx-index-item .pure-g {
  margin-top: -20px;
  margin-left: -40px
}
.store-category-idx-index-item .pure-u-1-2 {
  padding-top: 20px;
  padding-left: 40px
}
.store-category-idx-index-item .mod-button-a {
  border: 0;
  border-top-width: 5px;
  border-top-style: solid;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1);
  background-color: #fff
}
.store-category-idx-index-item .mod-button-a.entertainment {
  border-top-color: #14195a
}
.store-category-idx-index-item .mod-button-a.belleepoque {
  border-top-color: #bb5740
}
.store-category-idx-index-item .mod-button-a.salon {
  border-top-color: #f14b9d
}
.store-category-idx-index-item .mod-button-a.lodge {
  border-top-color: #82334f
}
.store-category-idx-index-item .mod-button-a.optique {
  border-top-color: #157f97
}
.store-category-idx-index-item .mod-button-a.circus {
  border-top-color: #ffc400
}
.store-category-idx-index-item_small .mod-button {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.store-category-idx-index-item_small .mod-button:last-child {
  margin-right: auto
}
.store-category-idx-index-logo.paris {
  width: 240px;
  margin-bottom: 50px
}
.store-category-idx-index-logo.optique {
  width: 200px;
  margin-top: 30px;
  margin-bottom: 73px
}
.store-category-idx-index-logo.circus {
  width: 180px;
  margin-top: -30px;
  margin-bottom: 30px
}
@media screen and (max-width:1000px) {
  .store-category-idx-index-item {
    padding: 40px 10px
  }
  .store-category-idx-index-item .mod-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
  }
  .store-category-idx-index-item .mod-button:last-child {
    margin-right: auto;
    margin-bottom: 0
  }
  .store-category-idx-index-item_small {
    padding: 40px 10px 10px
  }
  .store-category-idx-index-item_small .mod-button {
    width: 100%;
    max-width: 250px
  }
  .store-category-idx-index-item_small .mod-button-txt {
    font-size: 1.3rem
  }
  .store-category-idx-index-item_small .mod-button-a {
    height: 60px
  }
  .store-category-idx-index-logo.paris {
    width: 200px;
    margin-bottom: 30px
  }
  .store-category-idx-index-logo.optique {
    width: 120px;
    margin-top: 15px;
    margin-bottom: 48px
  }
  .store-category-idx-index-logo.circus {
    width: 120px;
    margin-top: -25px;
    margin-bottom: 18px
  }
}
@media screen and (max-width:47.938em) {
  .store-category-idx-index-item .pure-g {
    margin-top: -10px
  }
  .store-category-idx-index-item .pure-u-1-2 {
    padding-top: 10px
  }
}
.store-category-idx-block {
  padding-top: 100px;
  border-top: 5px solid #14195a
}
.store-category-idx-block[id=entertainment] {
  border-top-color: #14195a
}
.store-category-idx-block[id=belleepoque] {
  border-top-color: #bb5740
}
.store-category-idx-block[id=salon] {
  border-top-color: #f14b9d
}
.store-category-idx-block[id=lodge] {
  border-top-color: #82334f
}
.store-category-idx-block[id=optique] {
  border-top-color: #157f97
}
.store-category-idx-block[id=circus] {
  border-top-color: #ffc400
}
.store-category-idx-block h2 {
  padding-bottom: 80px
}
.store-category-idx-block-txt {
  padding-left: 40px
}
.store-category-idx-block-txt.left {
  padding-right: 40px;
  padding-left: 0
}
@media screen and (max-width:1000px) {
  .store-category-idx-block {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .1)
  }
  .store-category-idx-block h2 {
    padding-bottom: 20px
  }
  .store-category-idx-block-txt {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 30px
  }
  .store-category-idx-block-txt.left {
    padding-right: 20px;
    padding-left: 20px
  }
  .store-category-idx-block .mod-button_300 {
    width: 100%
  }
}
.store-category-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 0
}
.store-category-list .store-list-item {
  width: calc(50% - 10px);
  border-top: 0;
  border-bottom: 1px dotted #333
}
.store-category-list .store-list-item:first-child, .store-category-list .store-list-item:nth-child(2) {
  border-top: 1px dotted #333
}
@media screen and (max-width:1000px) {
  .store-category-list .store-list-item {
    width: 100%;
    border-bottom: 1px solid #333
  }
  .store-category-list .store-list-item:first-child {
    border-top: 1px solid #333
  }
  .store-category-list .store-list-item:nth-child(2) {
    border-top: 0
  }
}
@media screen and (max-width:1000px) {
  .store-world.container {
    padding-top: 60px
  }
}
.store-world-h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc
}
.store-department_store-lead {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.8
}
.store-department_store-ul {
  border-bottom: 1px dotted #333;
  margin-bottom: 100px
}
.store-department_store-li {
  border-top: 1px dotted #333;
  padding: 50px 0
}
.store-department_store-li:first-child {
  border-top: none
}
.store-department_store .store-detail-main-info-mainImg {
  width: 40%
}
.store-department_store .store-detail-main-info-txt {
  padding: 0 50px
}
@media screen and (max-width:1000px) {
  .store-department_store-ul {
    margin-bottom: 13.02083vw
  }
  .store-department_store .store-detail-main-info-mainImg {
    width: 100%;
    margin-bottom: 20px
  }
  .store-department_store .store-detail-main-info-txt {
    padding: 0
  }
}
@media screen and (max-width:47.938em) {
  .store-department_store-lead {
    font-size: 1.8rem;
    line-height: 1.6
  }
  .store-department_store-ul {
    margin-bottom: 15.625vw
  }
  .store-department_store-li {
    padding: 7.8125vw 0
  }
}
.inquiry.container {
  padding-top: 0
}
.inquiry main.contents {
  min-height: calc(100% - 175px)
}
@media screen and (max-width:1000px) {
  .inquiry main.contents {
    min-height: calc(100% - 120px)
  }
}
.inquiry main.contents._hd {
  min-height: calc(100% - 200px)
}
@media screen and (max-width:1000px) {
  .inquiry main.contents._hd {
    min-height: calc(100% - 240px)
  }
}
.inquiry-idx.container {
  padding-top: 90px
}
@media screen and (max-width:1000px) {
  .inquiry-idx.container {
    padding-top: 120px
  }
}
.inquiry-idx-indivi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.inquiry-idx-indivi-item {
  width: 50%;
  padding: 50px 70px
}
.inquiry-idx-indivi-item:nth-child(2n+1) {
  border-right: 1px dashed #333
}
.inquiry-idx-indivi-item:first-child, .inquiry-idx-indivi-item:nth-child(2) {
  border-bottom: 1px dashed #333
}
.inquiry-idx-indivi-item._borderTop {
  border-top: 1px dashed #333;
  border-bottom: none
}
@media screen and (max-width:1000px) {
  .inquiry-idx-indivi-item {
    width: 100%;
    padding: 20px 10px;
    border-top: 1px dashed #333
  }
  .inquiry-idx-indivi-item:nth-child(2n+1) {
    border-right: 0
  }
  .inquiry-idx-indivi-item:first-child, .inquiry-idx-indivi-item:nth-child(2) {
    border-bottom: 0
  }
}
.inquiry-flow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 90px
}
@media screen and (max-width:1000px) {
  .inquiry-flow {
    margin-bottom: 50px
  }
}
.inquiry-flow li {
  position: relative;
  width: 60px;
  text-align: center;
  z-index: 0
}
.inquiry-flow li:first-child {
  z-index: 2
}
.inquiry-flow li:nth-child(2) {
  z-index: 1
}
.inquiry-flow li:before {
  content: '';
  position: absolute;
  top: 8px;
  right: 20px;
  display: block;
  height: 3px;
  width: 380px;
  background-color: #e6e4e1
}
@media screen and (max-width:1000px) {
  .inquiry-flow li:before {
    width: 42vw
  }
}
.inquiry-flow li:first-child:before {
  content: none
}
.inquiry-flow li span {
  color: #888;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700
}
.inquiry-flow li span:before {
  content: '';
  display: block;
  margin: 0 auto 2px;
  width: 20px;
  height: 20px;
  background-color: #e6e4e1;
  border-radius: 50%
}
.inquiry-flow li.is-active span {
  color: #14195a
}
.inquiry-flow li.is-active:before, .inquiry-flow li.is-active span:before {
  background-color: #14195a
}
.inquiry-listTbl-head {
  padding: 10px 20px;
  background-color: #efefef;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .inquiry-listTbl-head .js-toggle-switch {
    right: 10px
  }
}
.inquiry-listTbl-body {
  border: 1px solid #ccc
}
.inquiry-listTbl-body > li {
  padding: 10px 15px;
  border-bottom: 1px solid #ccc
}
.inquiry-listTbl-body > li:last-child {
  border-bottom: 0
}
.inquiry-listTbl-body2 {
  border: 1px solid #ccc;
  border-top: 0
}
@media screen and (max-width:1000px) {
  .inquiry-listTbl-body2 {
    border: 0
  }
}
.inquiry-listTbl-body2 > li {
  padding: 40px 20px
}
.inquiry-listTbl-body3 {
  border: 1px solid #ccc
}
.inquiry-listTbl-body3 > li {
  border-top: 1px solid #ccc
}
.inquiry-listTbl-body3 > li:first-child {
  border-top: 0
}
.inquiry-listTbl02 tbody tr th, .inquiry-listTbl02 tbody tr td {
  padding-bottom: 20px;
  word-break: break-all
}
@media screen and (max-width:47.938em) {
  .inquiry-listTbl02 tbody tr th, .inquiry-listTbl02 tbody tr td {
    display: block
  }
}
.inquiry-listTbl02 tbody tr th {
  padding-top: 3px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: left;
  vertical-align: top
}
@media screen and (max-width:47.938em) {
  .inquiry-listTbl02 tbody tr th {
    padding-bottom: 5px
  }
}
.inquiry-listTbl02 tbody tr pre {
  display: inline-block;
  word-break: break-word;
  white-space: pre-wrap;
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif
}
.inquiry-radio-input {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute
}
.inquiry-radio-text {
  display: block;
  position: relative;
  padding: 15px 20px 15px 45px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  cursor: pointer
}
.error .inquiry-radio-text {
  background-color: #fae5ea
}
.inquiry-radio-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 2px solid #666994;
  background-color: #fff
}
.inquiry-radio-text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%
}
.inquiry-radio-input:checked ~ .inquiry-radio-text {
  background-color: #ddf4ff
}
.inquiry-radio-input:checked ~ .inquiry-radio-text:before {
  border-color: #14195a
}
.inquiry-radio-input:checked ~ .inquiry-radio-text:after {
  background-color: #14195a
}
.inquiry-checkbox-input {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute
}
.inquiry-checkbox-text {
  display: block;
  position: relative;
  padding: 15px 20px 15px 45px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  cursor: pointer
}
.error .inquiry-checkbox-text {
  background-color: #fae5ea
}
.inquiry-checkbox-text:before {
  content: "";
  position: absolute;
  top: 49%;
  left: 15px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 4px;
  border: 2px solid #ddd
}
.inquiry-checkbox-text:after {
  content: "";
  position: absolute;
  top: 48%;
  left: 21px;
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  display: block;
  width: 6px;
  height: 10px;
  border: solid 2px #fff;
  border-left: 0;
  border-top: 0
}
.inquiry-checkbox-input:checked ~ .inquiry-checkbox-text {
  font-weight: 700
}
.inquiry-checkbox-input:checked ~ .inquiry-checkbox-text:before {
  border-color: #14195a
}
.inquiry-checkbox-input:checked ~ .inquiry-checkbox-text:after {
  border-color: #14195a
}
.inquiry-checkbox-agree {
  width: 150px
}
.inquiry-radioList li {
  position: relative;
  padding-top: 70px
}
.inquiry-radioList li:before {
  content: '';
  position: absolute;
  top: 50px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #14195a
}
.inquiry-radioList li:after {
  content: '';
  position: absolute;
  display: block;
  top: 56px;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #14195a
}
.inquiry-radioList li:last-child:after {
  content: none
}
@media screen and (max-width:1000px) {
  .inquiry-radioList li {
    padding-top: 10px;
    padding-bottom: 10px
  }
  .inquiry-radioList li:before {
    top: 50%;
    left: 120px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .inquiry-radioList li:after {
    width: 2px;
    height: 100%;
    top: 50%;
    left: 126px
  }
}
.inquiry-radioList li .__head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.inquiry-radioList li .__head._small {
  padding-top: 10px
}
@media screen and (max-width:1000px) {
  .inquiry-radioList li .__head {
    right: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px
  }
  .inquiry-radioList li .__head._small {
    padding-top: 0
  }
}
.inquiry-radioList li .inquiry-radio-text {
  padding: 40px 10px 10px;
  text-align: center
}
.inquiry-radioList li .inquiry-radio-text:before {
  top: 10px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.inquiry-radioList li .inquiry-radio-text:after {
  top: 15px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
@media screen and (max-width:1000px) {
  .inquiry-radioList li .inquiry-radio-text {
    margin-left: 150px;
    padding: 10px 10px 10px 45px;
    text-align: left
  }
  .inquiry-radioList li .inquiry-radio-text:before {
    top: 50%;
    left: 20px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .inquiry-radioList li .inquiry-radio-text:after {
    top: 50%;
    left: 25px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
.inquiry-errorMsg {
  color: #c03;
  margin-top: 10px
}
.inquiry-confirm main.contents {
  padding-bottom: 0
}
.inquiry-confirm-gray {
  padding: 80px 0;
  background-color: #efefef
}
@media screen and (max-width:1000px) {
  .inquiry-confirm {
    padding-top: 60px
  }
}
@media screen and (max-width:47.938em) {
  .inquiry-confirm-gray {
    padding: 12.5vw 0
  }
}
@media screen and (max-width:1000px) {
  .inquiry-complete .contents {
    padding-bottom: 100px
  }
}
.inquiry-clinicTbl {
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px
}
.inquiry-clinicTbl-day {
  width: calc(100%/7);
  padding-left: 5px
}
.inquiry-clinicTbl-day-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}
.inquiry-clinicTbl-day-head {
  width: 100%;
  background-color: #ddd;
  text-align: center
}
.inquiry-clinicTbl-day-body {
  width: 100%;
  padding: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center
}
.inquiry-clinicTbl-day-body .holiday {
  position: relative;
  background-color: #f46060;
  color: #fff
}
.inquiry-clinicTbl-day-body .holiday span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:47.938em) {
  .inquiry-clinicTbl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: 0
  }
  .inquiry-clinicTbl-day {
    width: 100%;
    padding-top: 5px;
    padding-left: 0
  }
  .inquiry-clinicTbl-day-inner {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .inquiry-clinicTbl-day-head {
    position: relative;
    width: 40%
  }
  .inquiry-clinicTbl-day-head span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .inquiry-clinicTbl-day-body {
    width: 60%;
    padding: 0 10px
  }
  .inquiry-clinicTbl-day-body .holiday span {
    position: relative;
    top: auto;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.inquiry-gold-errorMsg {
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #c03
}
@media screen and (max-width:47.938em) {
  .inquiry-gold-errorMsg {
    margin-top: .78125vw
  }
}
.inquiry .header-inquiry {
  position: static;
  height: 90px
}
@media screen and (max-width:1000px) {
  .inquiry .header-inquiry {
    height: 60px
  }
}
.inquiry .header-inquiry .header-logo {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.inquiry .header-inquiry._hd {
  height: 100px
}
.inquiry .header-inquiry._hd .header-logo {
  width: 320px
}
@media screen and (max-width:1000px) {
  .inquiry .header-inquiry._hd {
    height: 80px
  }
  .inquiry .header-inquiry._hd .header-logo {
    top: 12px;
    width: 280px
  }
}
.inquiry .footer-inquiry {
  height: 85px
}
.inquiry .footer-inquiry .footer-copy {
  height: 100%
}
@media screen and (max-width:1000px) {
  .inquiry .footer-inquiry {
    height: 60px
  }
}
.inquiry .footer-inquiry._hd {
  height: 100px;
  padding-top: 10px;
  background-color: #14195a;
  color: #fff
}
.inquiry .footer-inquiry._hd .__logo {
  margin-bottom: 10px
}
.inquiry .footer-inquiry._hd .__logo img {
  width: 445px
}
.inquiry .footer-inquiry._hd .__copy {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:1000px) {
  .inquiry .footer-inquiry._hd {
    height: 160px;
    text-align: center
  }
}
@media screen and (max-width:47.938em) {
  .inquiry .footer-inquiry._hd .__logo img {
    width: 100%
  }
  .inquiry .footer-inquiry._hd .__copy {
    font-size: 1.0rem
  }
}
[lang=en] .header-nav-head {
  width: 100%;
  margin-left: 25%
}
[lang=en] .header-nav-head-item a {
  font-size: 16px;
  font-size: 1.6rem
}
[lang=en] .header-nav-head-sub-item_pcnone {
  display: none
}
@media screen and (max-width:1000px) {
  [lang=en] .header-nav-head-sub-item_pcnone {
    display: inline-block
  }
}
@media screen and (max-width:47.938em) {
  [lang=en] .header-nav-head-sub-item {
    width: 100%
  }
}
[lang=en] .header-nav-head-lang {
  position: absolute;
  top: 5px;
  right: 20px;
  color: #b8b6b5;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700
}
[lang=en] .header-nav-head-lang:hover {
  color: #14195a
}
[lang=en] .idx-h2 {
  display: table;
  width: 100%
}
[lang=en] .idx-h2-span {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle
}
[lang=en]-idx-main {
  margin-bottom: 100px
}
[lang=en]-idx-main-text-block {
  display: table;
  width: 100%;
  height: 100%;
  padding-right: 30px;
  padding-left: 30px
}
[lang=en]-idx-main-text-block-inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}
.knowledge-block {
  margin-top: -20px;
  margin-left: -20px
}
.knowledge-block li {
  padding-top: 20px;
  padding-left: 20px
}
.knowledge-block-inner {
  margin-top: -30px;
  margin-left: -30px
}
.knowledge-block-inner li {
  padding-top: 30px;
  padding-left: 30px
}
.knowledge-recom-img {
  width: 384px;
  margin: 0 auto
}
.knowledge-recom-frame {
  padding: 20px 0 40px;
  border: 1px solid #ccc;
  text-align: center
}
.knowledge-recom-frameIcon {
  display: block;
  height: 70px;
  font-size: 90px;
  font-size: 9.0rem;
  vertical-align: top
}
.knowledge-recom-frame-txt {
  font-size: 15px;
  font-size: 1.5rem
}
.knowledge-recom-frame-txt .icon {
  font-size: 10px;
  font-size: 1.0rem;
  margin-left: 10px
}
@media screen and (max-width:47.938em) {
  .knowledge-block {
    margin-top: -9.375vw;
    margin-left: -9.375vw
  }
  .knowledge-block li {
    padding-top: 9.375vw;
    padding-left: 9.375vw
  }
  .knowledge-block-inner {
    margin-top: -3.125vw;
    margin-left: -3.125vw
  }
  .knowledge-block-inner li {
    padding-top: 3.125vw;
    padding-left: 3.125vw
  }
  .knowledge-recom-img {
    width: 100%
  }
  .knowledge-md-mb40 {
    margin-bottom: 40px
  }
}
@media screen and (max-width:1000px) {
  .recruit.container {
    padding-top: 60px
  }
}
.recruit-idx-menu-a {
  position: relative;
  display: block
}
.recruit-idx-menu-a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 15, 0, .3);
  z-index: 99;
  transition: .4s
}
.recruit-idx-menu-a:hover:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.recruit-idx-menu-a p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  z-index: 100
}
.recruit-message-main {
  position: relative
}
.recruit-message-main-txt {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 40px
}
.search ._sitesearch_component ._attributegroup {
  margin: 0;
  padding: 0
}
.search div[data-sitesearch=attributes-group1], .search div[data-sitesearch=sortselector-type1], .search div[data-sitesearch=countselector-type1] {
  position: relative
}
.search div[data-sitesearch=attributes-group1]:after, .search div[data-sitesearch=sortselector-type1]:after, .search div[data-sitesearch=countselector-type1]:after {
  position: absolute;
  top: 6px;
  right: 10px;
  pointer-events: none;
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 9px
}
.search div[data-sitesearch=attributes-group1] select, .search div[data-sitesearch=sortselector-type1] select, .search div[data-sitesearch=countselector-type1] select {
  width: 100%;
  height: 40px;
  padding: 10px 20px 11px;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-radius: 3px;
  line-height: 1.2
}
.search div[data-sitesearch=attributes-group1] {
  margin-right: 10px
}
.search div[data-sitesearch=attributes-group1] ._attributegroup_group1 {
  width: 85px;
  padding: 0;
  margin: 0
}
.search div[data-sitesearch=attributes-group1] ._attributegroup_group1 ._group {
  display: none
}
.search div[data-sitesearch=sortselector-type1], .search div[data-sitesearch=countselector-type1] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}
.search div[data-sitesearch=sortselector-type1] ._label, .search div[data-sitesearch=countselector-type1] ._label {
  display: none
}
.search div[data-sitesearch=sortselector-type1]:before, .search div[data-sitesearch=countselector-type1]:before {
  display: inline-block;
  width: 20px;
  width: 2.0rem;
  margin-right: 5px;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: FontAwesome;
  -ms-transform: translateY(2px);
  transform: translateY(2px)
}
.search div[data-sitesearch=sortselector-type1] {
  margin-left: 7.5px;
  margin-left: .75rem
}
.search div[data-sitesearch=sortselector-type1]:before {
  content: "\f160"
}
.search div[data-sitesearch=sortselector-type1] ._sortorderselector {
  margin: 0;
  padding: 0
}
.search div[data-sitesearch=sortselector-type1] select {
  width: 98px
}
.search div[data-sitesearch=countselector-type1]:before {
  content: "\f24d"
}
.search div[data-sitesearch=countselector-type1] ._countselector {
  margin: 0;
  padding: 0
}
.search div[data-sitesearch=searchstatusfull] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 10px;
  margin-left: 1rem;
  margin-right: 10px;
  margin-right: 1rem;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400
}
.search div[data-sitesearch=searchstatusfull] span {
  font-weight: 700
}
.search div[data-sitesearch=searchresults] {
  margin-top: 7.5px;
  margin-top: .75rem
}
.search div[data-sitesearch=searchresults] ._searchresults ._items {
  border-top: 1px solid #ddd
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item {
  margin-bottom: 0;
  padding: 15px 10px;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #ddd;
  list-style: none
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap {
  width: 100%;
  margin: 0
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group1 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group1 ._seq {
  display: none
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group1 ._title {
  padding-left: 0
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group1 ._title a:hover {
  text-decoration: underline
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group1 ._filetype_pdf {
  width: 18px;
  height: 18px;
  background-size: contain;
  color: transparent
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group2 {
  padding: 0
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group2 ._thumbnail {
  width: 112px;
  min-width: 112px;
  min-height: auto
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group2 ._thumbnail a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: start
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group2 ._snippet {
  width: calc(100% - 112px);
  padding-left: 1em;
  padding-right: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.45
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group3 {
  display: none
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group4 {
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% - 112px);
  margin-top: 5px;
  margin-top: .5rem;
  margin-left: auto;
  padding-right: 0
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group4 ._link {
  position: relative;
  padding: 0;
  padding-left: 35px;
  line-height: 1.3;
  word-break: break-all
}
.search div[data-sitesearch=searchresults] ._searchresults ._items ._item ._wrap ._sitesearch_group4 ._link:before {
  position: absolute;
  content: "URL";
  left: 0;
  top: 0;
  background-color: #111;
  color: #fff;
  font-size: 9px;
  font-family: Arial, sans-serif;
  vertical-align: middle;
  padding: 2px 6px
}
.search div[data-sitesearch=pagenator] {
  margin: 0;
  padding: 50px 0
}
.search div[data-sitesearch=pagenator] ._pagenator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav {
  position: relative;
  -ms-flex: none;
  flex: none;
  text-align: center;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 40px;
  transition: .4s
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav span, .search div[data-sitesearch=pagenator] ._pagenator ._nav a {
  display: block;
  width: 36px;
  height: 40px;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border-radius: 0;
  color: #000;
  background-color: #efefef;
  vertical-align: middle;
  transition: .4s
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav span._disable, .search div[data-sitesearch=pagenator] ._pagenator ._nav a._disable {
  display: none
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav a:hover {
  background-color: #14195a;
  color: #fff
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav a:hover:before {
  color: #fff !important
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._current {
  width: 36px;
  height: 40px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #14195a;
  color: #fff
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._prev, .search div[data-sitesearch=pagenator] ._pagenator ._nav._next, .search div[data-sitesearch=pagenator] ._pagenator ._nav._first, .search div[data-sitesearch=pagenator] ._pagenator ._nav._last {
  font-size: 0;
  color: transparent
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._prev a, .search div[data-sitesearch=pagenator] ._pagenator ._nav._next a, .search div[data-sitesearch=pagenator] ._pagenator ._nav._first a, .search div[data-sitesearch=pagenator] ._pagenator ._nav._last a {
  border-bottom: none
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._prev a:before, .search div[data-sitesearch=pagenator] ._pagenator ._nav._next a:before, .search div[data-sitesearch=pagenator] ._pagenator ._nav._first a:before, .search div[data-sitesearch=pagenator] ._pagenator ._nav._last a:before {
  color: #000;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: paris-miki-fonts;
  transition: .4s
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._prev a:before {
  content: "\EA09"
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._next a:before {
  content: '\EA10'
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._first a:before {
  content: '\EA35'
}
.search div[data-sitesearch=pagenator] ._pagenator ._nav._last a:before {
  content: "\EA36"
}
.search-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px
}
.search-head-form {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: calc(100% - 95px)
}
.search-head-form .__input {
  width: calc(100% - 90px);
  height: 41px;
  vertical-align: bottom
}
.search-head-form .__input input {
  width: 100%;
  height: 100%;
  padding: 4px 20px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2) inset;
  border: 1px solid #1e1e1e;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem
}
.search-head-form .__submit {
  position: relative;
  width: 80px;
  height: 40px;
  background-color: #14195a;
  color: #fff;
  cursor: pointer;
  border-radius: 0;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 40px;
  transition: .4s
}
@media screen and (max-width:1000px) {
  .search-head .__input {
    width: calc(100% - 77px)
  }
  .search-head .__submit {
    width: 63px
  }
}
.search-toggleWrap {
  display: -ms-flexbox;
  display: flex
}
.search-body {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}
@media screen and (max-width:1000px) {
  .search-body {
    display: block;
    margin-top: 0
  }
}
.search-body-side {
  width: 300px
}
.search-body-side-box {
  border: 1px solid #000;
  margin-bottom: 40px;
  padding-bottom: 10px;
  padding-bottom: 1rem
}
.search-body-side-box ._reset {
  padding: 0 20px;
  text-align: right;
  line-height: 1
}
.search-body-side-box ._reset button {
  padding: 6px 9px;
  display: inline-block;
  color: #111;
  font-size: 8px;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #333
}
.search-body-side ._sitesearch_component ._group {
  margin-bottom: 0;
  padding: 10px 20px 0;
  font-weight: 700
}
.search-body-side ._sitesearch_component ._attributegroup ._group {
  font-size: 16px;
  font-size: 1.6rem
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute {
  margin: 0;
  padding: 2.5px 0;
  padding: .25rem 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute:before {
  display: inline-block;
  width: 12.5px;
  width: 1.25rem;
  content: "\f0da";
  font-family: FontAwesome
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute._attribute_select_all {
  display: none
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute label {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 1.75rem);
  padding: 0 2.5px;
  padding: 0 .25rem;
  min-height: 12.5px;
  min-height: 1.25rem
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: pointer
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute ._count {
  margin-left: 10px;
  margin-right: 5px;
  margin-right: .5rem;
  padding: 2px 10px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .4);
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute._select label {
  background-color: rgba(0, 0, 0, .25)
}
.search-body-side ._sitesearch_component ._attributegroup ._attributes ._attribute._select ._count {
  background-color: transparent
}
@media screen and (max-width:1000px) {
  .search-body-side {
    width: 100%
  }
  .search-body-side .js-sideNav-block {
    display: none
  }
}
.search-body-side-head {
  display: none
}
@media(max-width:768px) {
  .search-body-side-head {
    position: relative;
    display: block;
    padding: 20px 0;
    cursor: pointer;
    text-align: center
  }
  .search-body-side-head p:before {
    padding: .4rem;
    font-family: FontAwesome;
    font-weight: 400;
    content: "\F0E8"
  }
}
.search-body-main {
  width: calc(100% - 300px);
  padding-left: 40px
}
@media screen and (max-width:1000px) {
  .search-body-main {
    width: 100%;
    padding-left: 0
  }
}
.search .header-nav-search {
  display: none
}
.branding-detail {
  padding-top: 170px
}
@media screen and (max-width:47.938em) {
  .branding-detail {
    padding-top: 31.25vw
  }
}
.branding-detail-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
@media screen and (max-width:47.938em) {
  .branding-detail-main.reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
.branding-detail-main-txt {
  width: 50%;
  padding-right: 150px;
  margin-left: auto
}
@media screen and (max-width:1000px) {
  .branding-detail-main-txt {
    width: 100%;
    padding-left: 0
  }
  .branding-detail-main-txt .mod-button_300 {
    width: 90%
  }
  .branding-detail-main-gallery {
    position: relative;
    width: 100%;
    margin-top: 50px
  }
  .branding-detail-main-gallery-slider .slick-dots {
    text-align: center
  }
}
.branding-detail-lead {
  margin-top: 40px
}
@media screen and (max-width:47.938em) {
  .branding-detail-lead {
    margin-top: 6.25vw
  }
}
.branding-detail-cards {
  margin-bottom: 90px
}
.branding-detail-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(25% - 2px);
  margin-right: 2px;
  margin-bottom: 1px
}
@media screen and (max-width:47.938em) {
  .branding-detail-card {
    margin-right: 1px;
    width: calc(50% - 1px)
  }
}
@media screen and (max-width:47.938em) {
  .branding-detail-card:nth-child(2n) {
    margin-right: 0;
    width: 50%
  }
}
.branding-detail-card-link {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 350px;
  width: 100%;
  height: 16vw;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 2px;
  letter-spacing: .2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}
.branding-detail-card-link._01 {
  background-image: url(/images/branding/img_footer_01.jpg)
}
.branding-detail-card-link._02 {
  background-image: url(/images/branding/img_footer_02.jpg)
}
.branding-detail-card-link._03 {
  background-image: url(/images/branding/img_footer_03.jpg)
}
.branding-detail-card-link._04 {
  background-image: url(/images/branding/img_footer_04.jpg)
}
.branding-detail-card-link:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5)
}
.branding-detail-card-link.current:before {
  background-color: rgba(20, 25, 90, .7)
}
@media screen and (max-width:47.938em) {
  .branding-detail-card-link {
    width: 100%;
    height: 16vh;
    margin-right: 0;
    padding-bottom: 16px
  }
}
.branding-detail-card-link span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 2px;
  letter-spacing: .2rem
}
@media screen and (max-width:47.938em) {
  .branding-detail-card-link span {
    font-size: 1.2rem
  }
}
.branding-detail-block {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 80px;
  margin-bottom: 80px
}
@media screen and (max-width:47.938em) {
  .branding-detail-block {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 12.5vw;
    margin-bottom: 12.5vw
  }
}
.branding-detail-block-imgArea {
  position: relative;
  width: 50%
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-imgArea {
    width: 100%;
    padding-bottom: 0
  }
}
.branding-detail-block-imgArea .imgInner {
  position: relative
}
.branding-detail-block-imgArea .imgInner.left {
  margin-left: calc(100% - 50vw)
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-imgArea .imgInner.left {
    margin-left: 0
  }
}
.branding-detail-block-imgArea .imgInner.right {
  margin-right: calc(100% - 50vw)
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-imgArea .imgInner.right {
    margin-right: 0
  }
}
.branding-detail-block-imgArea .imgInner ._01 img {
  width: 100%
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-imgArea .imgInner ._01 {
    margin: auto calc(50% - 50vw)
  }
}
.branding-detail-block-txtArea {
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-txtArea {
    width: 100%;
    margin-bottom: 4vw
  }
}
.branding-detail-block-txtArea-inner {
  padding-top: 50px
}
.branding-detail-block-txtArea-inner.right {
  padding-left: 50px
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-txtArea-inner.right {
    padding-left: 0
  }
}
.branding-detail-block-txtArea-inner.left {
  padding-right: 50px
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-txtArea-inner.left {
    padding-right: 0
  }
}
.branding-detail-block-txt {
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .branding-detail-block-txt {
    margin-bottom: 7.8125vw
  }
}
.branding-detail-bottom-img {
  width: 100%
}
@media screen and (max-width:47.938em) {
  .branding-detail-bottom-img {
    width: auto;
    margin: auto calc(50% - 50vw)
  }
}
.readingglasses .mainVis {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-size: cover
}
.readingglasses .mainVis h1 {
  position: absolute;
  top: 50%;
  right: 10%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 33.33333%
}
@media screen and (max-width:47.938em) {
  .readingglasses .mainVis h1 {
    position: absolute;
    top: 0;
    right: 5%;
    width: 90%
  }
}
.readingglasses .mod-topicPath {
  position: absolute;
  top: 10px;
  left: 0
}
.readingglasses #anchor01, .readingglasses #anchor03, .readingglasses #anchor05, .readingglasses #anchor08 {
  background-color: #eee
}
.readingglasses #anchor06, .readingglasses #anchor07 {
  background-color: #fff
}
.readingglasses #anchor06 h3, .readingglasses #anchor07 h3 {
  background-color: #05479b
}
.readingglasses h2 {
  padding-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-size: 4.0rem
}
.readingglasses h2 span {
  display: inline-block;
  border-bottom: 7px #db6a63 dashed
}
@media screen and (max-width:47.938em) {
  .readingglasses h2 span {
    border-bottom: 2px #db6a63 dashed
  }
}
@media screen and (max-width:1000px) {
  .readingglasses h2 {
    font-size: 3.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses h2 {
    padding-bottom: 20px;
    font-size: 2.2rem
  }
}
.readingglasses .anchor-box {
  padding: 60px 80px;
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center;
  border-radius: 8px;
  background-color: #fff
}
.readingglasses .anchor-box-underline {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #fded64 60%)
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-box {
    padding: 40px 70px
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-box {
    padding: 20px;
    font-size: 1.6rem;
    border-radius: 10px;
    text-align: left
  }
}
.readingglasses .anchor#anchor01, .readingglasses .anchor#anchor03, .readingglasses .anchor#anchor05, .readingglasses .anchor#anchor08 {
  padding: 80px 0 95px
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor#anchor01, .readingglasses .anchor#anchor03, .readingglasses .anchor#anchor05, .readingglasses .anchor#anchor08 {
    padding: 40px 0
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor#anchor01, .readingglasses .anchor#anchor03, .readingglasses .anchor#anchor05, .readingglasses .anchor#anchor08 {
    padding: 12.5vw 0
  }
}
.readingglasses .anchor#anchor02, .readingglasses .anchor#anchor04 {
  padding: 0 0 15px
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor#anchor02, .readingglasses .anchor#anchor04 {
    padding: 0
  }
}
.readingglasses .anchor#anchor06 {
  padding: 0
}
.readingglasses .anchor#anchor07 {
  padding: 0 0 95px
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor#anchor07 {
    padding: 0 0 35px
  }
}
.readingglasses .anchor h3 {
  font-size: 34px;
  font-size: 3.4rem;
  text-align: center;
  color: #fff;
  line-height: 1.0
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor h3 {
    font-size: 2.6rem;
    line-height: 1.3
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor h3 {
    font-size: 2.0rem;
    line-height: 1.3
  }
}
.readingglasses .anchor h3 .arrow {
  position: relative;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 52px;
  background-color: #05479b
}
.readingglasses .anchor h3 .arrow:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 15px solid transparent;
  border-top: 15px solid #05479b
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor h3 .arrow {
    padding: 10px 18px;
    border-radius: 40px
  }
}
.readingglasses .anchor-h3-box {
  margin-top: -28px;
  margin-bottom: 40px;
  padding: 80px;
  background-color: #e6ecf5;
  border-radius: 8px
}
.readingglasses .anchor-h3-box p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  font-size: 2.0rem
}
.readingglasses .anchor-h3-box:last-child {
  margin-bottom: 0
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-h3-box {
    padding: 60px 40px
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-h3-box {
    margin-bottom: 20px;
    padding: 60px 20px 20px
  }
  .readingglasses .anchor-h3-box p {
    font-size: 1.6rem
  }
}
.readingglasses .anchor-link-btn {
  position: relative;
  width: 100%;
  padding: 35px 40px 65px;
  background: linear-gradient(180deg, #fff 0, #fff 87%, #05479b 87%, #05479b 100%);
  border: 4px solid #05479b;
  border-radius: 8px;
  box-shadow: 0 6px 0 0 #bebebe
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-link-btn {
    padding: 40px 20px 50px
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn {
    padding: 20px 20px 35px;
    border-radius: 10px;
    background: linear-gradient(180deg, #fff 0, #fff 83%, #05479b 83%, #05479b 100%)
  }
  .readingglasses .anchor-link-btn .fs_22 {
    font-size: 1.7rem
  }
  .readingglasses .anchor-link-btn .ul-disc {
    margin-left: 20px
  }
}
.readingglasses .anchor-link-btn h4 {
  margin-bottom: 25px;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.0;
  text-align: center
}
.readingglasses .anchor-link-btn h4 span {
  padding: 0 .5em;
  background-image: linear-gradient(transparent 65%, #fded64 65%)
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-link-btn h4 {
    font-size: 2.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn h4 {
    margin-bottom: 18px;
    font-size: 2.0rem
  }
}
.readingglasses .anchor-link-btn li {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 15px
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-link-btn li {
    font-size: 2.2rem;
    line-height: 1.5
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn li {
    font-size: 1.7rem
  }
}
.readingglasses .anchor-link-btn li:last-child {
  margin-bottom: 0
}
.readingglasses .anchor-link-btn:after {
  position: absolute;
  right: 50%;
  bottom: 12px;
  content: '';
  width: 17px;
  height: 17px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn:after {
    width: 12px;
    height: 12px;
    bottom: 8px
  }
}
.readingglasses .anchor-link-btn-recommend {
  position: absolute;
  display: table;
  top: -18px;
  left: -32px;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
  background-color: #db6a63
}
.readingglasses .anchor-link-btn-recommend span {
  display: table-cell;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  vertical-align: middle
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn-recommend {
    left: -18px;
    width: 70px;
    height: 70px
  }
  .readingglasses .anchor-link-btn-recommend span {
    font-size: 1.2rem
  }
}
.readingglasses .anchor-link-btn-simple {
  position: absolute;
  display: table;
  top: -18px;
  left: -32px;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
  background-color: #1ea2e7
}
.readingglasses .anchor-link-btn-simple span {
  display: table-cell;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  vertical-align: middle
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn-simple {
    left: -18px;
    width: 70px;
    height: 70px
  }
  .readingglasses .anchor-link-btn-simple span {
    font-size: 1.2rem
  }
}
.readingglasses .anchor .h2-baloon {
  font-size: 50px;
  font-size: 5.0rem;
  margin-bottom: 40px;
  padding-bottom: 0;
  line-height: 1.5
}
.readingglasses .anchor .h2-baloon span.baloon {
  position: relative;
  line-height: 1.2;
  border-bottom: 4px solid #05479b;
  font-size: 40px;
  font-size: 4.0rem
}
.readingglasses .anchor .h2-baloon span.baloon:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 17px;
  width: 20px;
  border-right: 4px solid #05479b;
  background-color: #fff;
  -ms-transform: translateX(-50%) skew(-45deg);
  transform: translateX(-50%) skew(-45deg)
}
.readingglasses .anchor .h2-baloon span.small {
  border: none;
  font-size: 40px;
  font-size: 4.0rem
}
.readingglasses .anchor .h2-baloon span.dotted {
  position: relative;
  border-bottom: none
}
.readingglasses .anchor .h2-baloon span.dotted:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  padding-top: 10px;
  background: radial-gradient(circle 10px, #db6a63 50%, transparent 50%)
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor .h2-baloon span.dotted:before {
    background: radial-gradient(circle 7px, #db6a63 50%, transparent 50%)
  }
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor .h2-baloon {
    font-size: 3.8rem
  }
  .readingglasses .anchor .h2-baloon span.baloon {
    font-size: 3.4rem
  }
  .readingglasses .anchor .h2-baloon span.small {
    font-size: 3.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor .h2-baloon {
    font-size: 2.6rem;
    margin-bottom: 20px
  }
  .readingglasses .anchor .h2-baloon span.baloon {
    font-size: 2.2rem
  }
  .readingglasses .anchor .h2-baloon span.baloon:before {
    height: 12px
  }
  .readingglasses .anchor .h2-baloon span.small {
    font-size: 2.2rem
  }
}
.readingglasses .anchor .h2-baloon-02 {
  font-size: 50px;
  font-size: 5.0rem;
  margin-bottom: 40px;
  padding-bottom: 0;
  line-height: 1.8
}
.readingglasses .anchor .h2-baloon-02 span.baloon {
  position: relative;
  line-height: 1.2;
  border-bottom: 4px solid #05479b;
  font-size: 40px;
  font-size: 4.0rem
}
.readingglasses .anchor .h2-baloon-02 span.baloon:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 17px;
  width: 20px;
  border-right: 4px solid #05479b;
  background-color: #eee;
  -ms-transform: translateX(-50%) skew(-45deg);
  transform: translateX(-50%) skew(-45deg)
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor .h2-baloon-02 {
    font-size: 3.8rem
  }
  .readingglasses .anchor .h2-baloon-02 span.baloon {
    font-size: 3.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor .h2-baloon-02 {
    font-size: 2.6rem;
    margin-bottom: 20px
  }
  .readingglasses .anchor .h2-baloon-02 span.baloon {
    font-size: 2.2rem
  }
  .readingglasses .anchor .h2-baloon-02 span.baloon:before {
    height: 12px
  }
}
.readingglasses .anchor .h3-baloon {
  padding: 35px 0 25px;
  font-size: 50px;
  font-size: 5.0rem;
  line-height: 1.8;
  position: relative
}
.readingglasses .anchor .h3-baloon:after {
  content: '';
  position: absolute;
  bottom: -56px;
  left: 50%;
  height: 28px;
  width: 28px;
  border: 28px solid transparent;
  border-top: 28px solid #05479b;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.readingglasses .anchor .h3-baloon p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 40px;
  font-size: 4.0rem
}
.readingglasses .anchor .h3-baloon p:before {
  content: '';
  height: 4px;
  width: 55px;
  margin-right: 10px;
  background-color: #fff;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg)
}
.readingglasses .anchor .h3-baloon p:after {
  content: '';
  height: 4px;
  width: 55px;
  margin-left: 10px;
  background-color: #fff;
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg)
}
.readingglasses .anchor .h3-baloon-span {
  color: #fded64
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor .h3-baloon {
    font-size: 4.0rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor .h3-baloon {
    padding: 17px 0;
    font-size: 2.4rem
  }
  .readingglasses .anchor .h3-baloon:after {
    width: 30px;
    height: 15px;
    bottom: -30px;
    border: 15px solid transparent;
    border-top: 15px solid #05479b
  }
  .readingglasses .anchor .h3-baloon p {
    font-size: 2.2rem
  }
  .readingglasses .anchor .h3-baloon p:before, .readingglasses .anchor .h3-baloon p:after {
    height: 3px;
    width: 28px
  }
  .readingglasses .anchor .h3-baloon-span {
    line-height: 1.3;
    font-size: 2.2rem
  }
}
.readingglasses .anchor .h3-roundedend {
  border-radius: 52px
}
.readingglasses .anchor .h3-roundedend span {
  padding: 12px 80px
}
.readingglasses .anchor .h3-roundedend span:before {
  content: '';
  border: none
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor .h3-roundedend span {
    padding: 5px 55px
  }
}
.readingglasses .anchor-border-box {
  margin-top: -28px;
  margin-bottom: 60px;
  padding: 75px;
  background-color: #fff;
  border: 4px solid #05479b;
  border-radius: 8px
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-border-box {
    padding: 75px 50px
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box {
    margin-top: -18px;
    margin-bottom: 20px;
    padding: 40px 20px 20px;
    border-radius: 10px;
    border: 2px solid #05479b
  }
}
.readingglasses .anchor-border-box-h4 {
  margin-bottom: 30px;
  line-height: 1.5;
  font-size: 30px;
  font-size: 3.0rem
}
.readingglasses .anchor-border-box-h4 p {
  display: inline-block;
  margin-right: 20px;
  padding: 8px 20px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.0;
  vertical-align: middle;
  border-radius: 34px;
  background-color: #db6a63
}
.readingglasses .anchor-border-box-h4 p span.num {
  font-size: 20px;
  font-size: 2.0rem
}
.readingglasses .anchor-border-box-h4-process {
  font-size: 17px;
  font-size: 1.7rem
}
.readingglasses .anchor-border-box-h4-num {
  font-size: 22px;
  font-size: 2.2rem
}
.readingglasses .anchor-border-box-h4-point {
  margin-left: 9px;
  color: red;
  line-height: 1;
  font-size: 20px;
  font-size: 2.0rem
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-border-box-h4 {
    font-size: 2.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-h4 {
    margin-bottom: 15px;
    font-size: 2.0rem
  }
  .readingglasses .anchor-border-box-h4 p {
    margin-right: 10px;
    padding: 7px 10px;
    font-size: 1.4rem
  }
  .readingglasses .anchor-border-box-h4-process {
    font-size: 1.2rem
  }
  .readingglasses .anchor-border-box-h4-num {
    font-size: 1.8rem
  }
  .readingglasses .anchor-border-box-h4-point {
    margin-left: 0;
    font-size: 1.6rem
  }
}
.readingglasses .anchor-border-box-dotted {
  border-bottom: 1px dotted #05479b
}
.readingglasses .anchor-border-box-blue {
  background-color: #e6ecf5;
  border-radius: 8px
}
.readingglasses .anchor-border-box-blue h4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 8px 8px 0 0;
  background-color: #05479b
}
.readingglasses .anchor-border-box-blue h4 span {
  padding: 10px 0;
  color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.3
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-blue h4 {
    border-radius: 10px 10px 0 0
  }
  .readingglasses .anchor-border-box-blue h4 span {
    padding: 5px 0;
    font-size: 2.0rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-blue {
    border-radius: 10px
  }
}
.readingglasses .anchor-border-box-blue p {
  padding: 25px 20px
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-blue p {
    padding: 15px 20px
  }
}
.readingglasses .anchor-border-box-blue-small {
  font-size: 14px;
  font-size: 1.4rem
}
.readingglasses .anchor-border-box-blue-side {
  padding: 20px;
  border-radius: 8px 0 0 8px;
  background-color: #05479b
}
.readingglasses .anchor-border-box-blue-side p {
  color: #fff
}
.readingglasses .anchor-border-box-blue-side .num {
  font-size: 48px;
  font-size: 4.8rem
}
.readingglasses .anchor-border-box-blue-side .num span {
  color: #fded64;
  font-size: 86px;
  font-size: 8.6rem
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-border-box-blue-side .num {
    font-size: 3.6rem
  }
  .readingglasses .anchor-border-box-blue-side .num span {
    font-size: 6.6rem
  }
}
.readingglasses .anchor-border-box-blue-side-pic {
  padding: 20px 40px;
  border-radius: 0 8px 8px 0;
  background-color: #e6ecf5
}
.readingglasses .anchor-border-box-blue-side-pic p {
  font-size: 18px;
  font-size: 1.8rem
}
.readingglasses .anchor-border-box-blue-side-pic p span {
  line-height: 1.5;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700
}
.readingglasses .anchor-border-box-blue-side-pic p.note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-border-box-blue-side {
    border-radius: 8px 8px 0 0
  }
  .readingglasses .anchor-border-box-blue-side-pic {
    border-radius: 0 0 8px 8px
  }
  .readingglasses .anchor-border-box-blue-side-pic p {
    font-size: 1.6rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-blue-side {
    border-radius: 10px 10px 0 0
  }
  .readingglasses .anchor-border-box-blue-side-pic {
    padding: 20px;
    border-radius: 0 0 10px 10px
  }
  .readingglasses .anchor-border-box-blue-side-pic p {
    font-size: 1.5rem
  }
  .readingglasses .anchor-border-box-blue-side-pic p span {
    line-height: 1.4;
    font-size: 2.4rem
  }
  .readingglasses .anchor-border-box-blue-side-pic p.note {
    font-size: 1.3rem
  }
}
.readingglasses .anchor-border-box-item {
  padding: 50px 38px 30px;
  border: 4px solid #05479b;
  border-radius: 8px
}
.readingglasses .anchor-border-box-item figcaption {
  font-size: 20px;
  font-size: 2.0rem
}
.readingglasses .anchor-border-box-item figcaption span {
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-border-box-item {
    padding: 50px 60px
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-border-box-item {
    padding: 40px 18px 24px
  }
  .readingglasses .anchor-border-box-item figcaption {
    font-size: 1.6rem
  }
  .readingglasses .anchor-border-box-item figcaption span {
    font-size: 1.4rem
  }
}
.readingglasses .anchor-link-btn-pink {
  display: table;
  width: 80%;
  margin: 40px auto 0;
  padding: 25px 0;
  text-align: center;
  border-radius: 120px;
  background-color: #db6a63;
  box-shadow: 0 6px 0 0 #ccc
}
.readingglasses .anchor-link-btn-pink span {
  position: relative;
  display: table-cell;
  color: #fff;
  line-height: 1.0;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
  vertical-align: middle
}
.readingglasses .anchor-link-btn-pink span:after {
  position: absolute;
  right: 8%;
  top: 50%;
  content: '';
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.readingglasses .anchor-link-btn-pink a {
  display: block
}
@media screen and (max-width:1000px) {
  .readingglasses .anchor-link-btn-pink span {
    font-size: 2.4rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-link-btn-pink {
    width: 100%;
    margin: 20px auto 0;
    padding: 13px
  }
  .readingglasses .anchor-link-btn-pink span {
    line-height: 1.3;
    font-size: 2.0rem
  }
  .readingglasses .anchor-link-btn-pink span:after {
    right: 2%;
    width: 12px;
    height: 12px
  }
}
.readingglasses .anchor-link-item-btn {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  border-radius: 70px;
  background-color: #db6a63;
  box-shadow: 0 6px 0 0 #ccc
}
.readingglasses .anchor-link-item-btn span {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  line-height: 1.0;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.readingglasses .anchor-link-item-btn span:after {
  position: absolute;
  right: 9%;
  top: 10%;
  content: '';
  width: 14px;
  height: 14px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.readingglasses .anchor-link-item-btn a {
  display: block
}
.readingglasses .anchor-lead {
  margin-bottom: 30px;
  padding: 60px 0;
  text-align: center
}
.readingglasses .anchor-lead p {
  font-size: 24px;
  font-size: 2.4rem
}
.readingglasses .anchor-lead strong {
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3.0rem
}
.readingglasses .anchor-lead-02 {
  padding: 0;
  text-align: center
}
.readingglasses .anchor-lead-02 p {
  font-size: 30px;
  font-size: 3.0rem
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-lead-02 p {
    font-size: 2.0rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-lead {
    margin-bottom: 20px;
    padding: 35px 0 0
  }
  .readingglasses .anchor-lead p {
    font-size: 1.6rem
  }
  .readingglasses .anchor-lead strong {
    font-size: 2.0rem
  }
}
.readingglasses .anchor-readymade {
  display: block;
  width: 100%
}
.readingglasses .anchor-readymade figcaption {
  position: relative;
  padding: 20px 0;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 0 0 #ccc;
  background-color: #05479b
}
.readingglasses .anchor-readymade figcaption:after {
  position: absolute;
  right: 10%;
  top: 50%;
  content: '';
  width: 14px;
  height: 14px;
  margin-top: -10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media screen and (max-width:47.938em) {
  .readingglasses .anchor-readymade {
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 0 0 #ccc
  }
  .readingglasses .anchor-readymade img {
    border-radius: 10px 0 0 10px
  }
  .readingglasses .anchor-readymade-r {
    position: relative;
    border-radius: 0 10px 10px 0;
    background-color: #05479b
  }
  .readingglasses .anchor-readymade p {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 20% 0 20% 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    color: #fff;
    font-weight: 700
  }
  .readingglasses .anchor-readymade p:after {
    position: absolute;
    right: 7%;
    top: 50%;
    content: '';
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}
.readingglasses .anchor-ilb {
  display: inline-block;
  width: 49%
}
@media screen and (max-width:1000px) {
  .readingglasses .fs_22 {
    font-size: 1.8rem
  }
}
@media screen and (max-width:47.938em) {
  .readingglasses .fs_15 {
    font-size: 1.2rem
  }
  .readingglasses .fs_18 {
    font-size: 1.6rem
  }
  .readingglasses .fs_30 {
    font-size: 2.0rem
  }
  .readingglasses .pb100 {
    padding-bottom: 9.375vw
  }
}
.lp-lindberg {
  color: #3c3c3c;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}
@media screen and (max-width:47.938em) {
  .lp-lindberg {
    font-size: 1.4rem
  }
}
.lp-lindberg a {
  color: #3c3c3c
}
.lp-lindberg-header {
  position: fixed;
  width: 100%;
  height: 96px;
  top: 0;
  left: 0;
  background-color: #f3f1ed;
  z-index: 1000
}
.lp-lindberg-header.scroll-nav {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.lp-lindberg-header-logo {
  position: absolute;
  width: 129px;
  top: 26px;
  left: 40px
}
.lp-lindberg-header-logo img {
  vertical-align: top;
  width: 100%
}
.lp-lindberg-header nav ul {
  float: right;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 85%
}
.lp-lindberg-header nav ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg-header nav ul li:nth-child(4) {
  padding: 0 30px 0 0
}
.lp-lindberg-header nav ul li a {
  display: block;
  padding: 0 30px
}
.lp-lindberg-header nav ul li a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  transition: .3s
}
.lp-lindberg-header nav ul li.lang {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer
}
.lp-lindberg-header nav ul li.lang:hover .langList {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto
}
.lp-lindberg-header nav ul li.lang:before {
  content: '';
  display: block;
  height: 55px;
  width: 1px;
  background: #b3b3b3;
  position: absolute;
  top: 21px;
  left: 0
}
.lp-lindberg-header nav ul li.lang a {
  text-align: center
}
.lp-lindberg-header nav ul li.lang .current a {
  width: 220px;
  height: 96px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none
}
.lp-lindberg-header nav ul li.lang .current a:before {
  content: '';
  display: inline-block;
  background: url(/images/store/lindberg/langIcon.svg) no-repeat 0 0/cover;
  width: 21px;
  height: 20px;
  margin-top: 2px;
  margin-right: 10px
}
.lp-lindberg-header nav ul li.lang .current a:after {
  content: '';
  display: inline-block;
  background: url(/images/store/lindberg/langArw.svg) no-repeat 0 0/cover;
  width: 16px;
  height: 9px;
  margin-top: 3px;
  margin-left: 10px
}
.lp-lindberg-header nav ul li.lang .langList {
  max-width: 100%;
  width: 100%;
  position: absolute;
  top: 96px;
  right: 0;
  float: none;
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  transition: opacity .3s
}
.lp-lindberg-header nav ul li.lang .langList li {
  position: relative;
  width: 100%
}
.lp-lindberg-header nav ul li.lang .langList li + li:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  margin: auto;
  background: #b3b3b3;
  height: 1px;
  z-index: 1
}
.lp-lindberg-header nav ul li.lang .langList li a {
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  padding: 10px 22px
}
.lp-lindberg-header nav ul li.lp-lindberg-header-reservation {
  position: relative;
  height: 96px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  color: #fff;
  background-color: #3c3c3c;
  width: 206px
}
.lp-lindberg-header nav ul li.lp-lindberg-header-reservation a {
  display: block;
  display: -ms-flexbox;
  display: flex;
  height: 96px;
  color: #fff;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3c3c3c;
  gap: 7px;
  pointer-events: none;
  cursor: default
}
.lp-lindberg-header nav ul li.lp-lindberg-header-reservation a img {
  width: 21px;
  height: 20px
}
.lp-lindberg-container {
  height: 100%;
  padding-top: 96px
}
@media screen and (max-width:1000px) {
  .lp-lindberg-container {
    padding-top: 45px
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-container {
    padding-top: 45px
  }
}
.lp-lindberg-h3 {
  padding: 40px 0
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3 {
    padding: 20px
  }
}
.lp-lindberg-h3 h3 {
  font-weight: 300;
  font-size: 64px;
  font-size: 6.4rem;
  line-height: 1
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3 h3 {
    font-size: 2.4rem
  }
}
.lp-lindberg-h3 h3 span.small {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  display: block;
  margin-bottom: 40px
}
@media screen and (max-width:1000px) {
  .lp-lindberg-h3 h3 span.small {
    font-size: 2.8rem;
    margin-bottom: 20px
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3 h3 span.small {
    font-size: 1.6rem;
    margin-bottom: 10px
  }
}
.lp-lindberg-h3 h3 span.large {
  line-height: 1;
  font-family: Josefin Sans, sans-serif
}
@media screen and (max-width:1000px) {
  .lp-lindberg-h3 h3 span.large {
    font-size: 4.2rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3 h3 span.large {
    font-size: 2.4rem
  }
}
.lp-lindberg-h3-logo {
  width: 286px;
  margin: 0 auto 40px
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3-logo {
    width: 30%;
    margin: 0 auto 20px
  }
}
@media screen and (max-width:1000px) {
  .lp-lindberg-h3-logo {
    width: 30%
  }
}
.lp-lindberg-h3-zeiss {
  width: 115px;
  margin: 0 auto 40px
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-h3-zeiss {
    width: 50px;
    margin: 0 auto 20px
  }
}
.lp-lindberg h4 {
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width:47.938em) {
  .lp-lindberg h4 {
    font-size: 1.6rem
  }
}
.lp-lindberg-en {
  line-height: 1.8;
  font-family: Josefin Sans, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700
}
.lp-lindberg-en a {
  position: relative;
  padding-right: 32px
}
.lp-lindberg-en a:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  width: 27px;
  height: 27px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/images/store/lindberg/arrow1.svg)
}
.lp-lindberg-en a:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  transition: .3s
}
@media screen and (max-width:1000px) {
  .lp-lindberg-en {
    font-size: 2.0rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-en {
    font-size: 1.6rem
  }
}
.lp-lindberg-txt {
  position: relative;
  padding: 40px 0 0;
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg-txt:before {
  position: absolute;
  content: '';
  top: 40px;
  left: 0;
  width: 50px;
  height: 1px;
  background: var(--font-color, #3c3c3c)
}
.lp-lindberg-txt span {
  display: block;
  padding-top: 40px
}
@media screen and (max-width:1000px) {
  .lp-lindberg-txt span {
    font-size: 1.8rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-txt {
    padding: 20px 0 0
  }
  .lp-lindberg-txt:before {
    top: 20px;
    width: 25px
  }
  .lp-lindberg-txt span {
    padding-top: 20px;
    font-size: 1.4rem
  }
}
.lp-lindberg-flex {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 60px
}
.lp-lindberg-flex-figure, .lp-lindberg-flex div {
  width: 50%
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-flex {
    -ms-flex-flow: column;
    flex-flow: column
  }
  .lp-lindberg-flex-figure, .lp-lindberg-flex div {
    width: 100%
  }
  .lp-lindberg-flex-figure {
    margin-bottom: 20px
  }
  .lp-lindberg-flex-order {
    -ms-flex-order: -1;
    order: -1
  }
}
.lp-lindberg-flex-top {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
  align-items: start;
  gap: 0 60px
}
.lp-lindberg-flex-top div {
  width: 50%
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-flex-top {
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative
  }
  .lp-lindberg-flex-top div {
    width: 100%
  }
}
.lp-lindberg-note {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-note {
    margin-top: 10px;
    font-size: 1.2rem
  }
}
.lp-lindberg-product-w {
  margin-top: -80px;
  color: #fff;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-product-w {
    margin-top: -30px
  }
}
.lp-lindberg-maintenance-box {
  margin-top: 40px;
  padding: 40px;
  background-color: #fff
}
.lp-lindberg-maintenance-box p {
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-maintenance-box {
    margin-top: 20px;
    padding: 20px
  }
  .lp-lindberg-maintenance-box p {
    font-size: 1.4rem
  }
}
.lp-lindberg-access-box {
  margin-top: 40px;
  padding: 40px;
  background-color: #f3f1ed
}
.lp-lindberg-access-box p {
  font-size: 20px;
  font-size: 2.0rem;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-access-box {
    padding: 20px
  }
  .lp-lindberg-access-box p {
    font-size: 1.4rem
  }
}
.lp-lindberg-access-btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  height: 85px;
  margin: 20px auto 0;
  padding: 20px 30px 20px 40px;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  background-color: #3c3c3c
}
.lp-lindberg-access-btn img {
  width: 21px
}
.lp-lindberg-access-btn span {
  color: #fff;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-access-btn {
    width: 255px;
    height: 49px;
    padding: 8px 16px 8px 24px;
    font-size: 1.6rem;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
  }
  .lp-lindberg-access-btn img {
    width: 14px
  }
}
.lp-lindberg-footer {
  position: relative;
  padding: 40px
}
.lp-lindberg-footer-area {
  display: -ms-flexbox;
  display: flex
}
.lp-lindberg-footer-logo {
  width: 230px;
  margin-right: 30px
}
.lp-lindberg-footer-copy {
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg-footer-sns {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 110px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 30px
}
.lp-lindberg-footer-sns-ig {
  width: 40px;
  height: 40px
}
.lp-lindberg-footer-sns-ig a {
  display: block
}
.lp-lindberg-footer-sns-ig a img {
  width: 100%
}
.lp-lindberg-footer-sns-fb {
  width: 40px;
  height: 40px
}
.lp-lindberg-footer-sns-fb a {
  display: block
}
.lp-lindberg-footer-sns-fb a img {
  width: 100%
}
@media screen and (max-width:1000px) {
  .lp-lindberg-footer {
    padding: 20px
  }
  .lp-lindberg-footer-logo {
    width: 50%;
    margin: 0 auto 20px
  }
  .lp-lindberg-footer-sns {
    position: relative;
    width: 80px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto 20px
  }
  .lp-lindberg-footer-sns-ig {
    width: 45px;
    height: 45px
  }
  .lp-lindberg-footer-sns-fb {
    width: 55px;
    height: 45px
  }
  .lp-lindberg-footer-copy {
    font-size: 1.4rem;
    text-align: center
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-footer {
    padding: 20px
  }
  .lp-lindberg-footer-logo {
    width: 50%;
    margin: 0 auto 20px
  }
  .lp-lindberg-footer-sns {
    position: relative;
    width: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin: 0 auto 20px
  }
  .lp-lindberg-footer-sns-ig {
    width: 18px;
    height: 18px
  }
  .lp-lindberg-footer-sns-ig img {
    vertical-align: top
  }
  .lp-lindberg-footer-sns-fb {
    width: 18px;
    height: 18px
  }
  .lp-lindberg-footer-sns-fb img {
    vertical-align: top
  }
  .lp-lindberg-footer-copy {
    line-height: 1;
    font-size: 1.0rem;
    text-align: center
  }
}
.lp-lindberg .mod-auto {
  padding-right: 0;
  padding-left: 0;
  max-width: 1280px
}
@media screen and (max-width:1000px) {
  .lp-lindberg .mod-auto {
    max-width: 90%
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg .mod-auto {
    max-width: 90%
  }
}
.lp-lindberg #about {
  padding-bottom: 100px;
  background: linear-gradient(180deg, #fff 0, #91a6ab 100%)
}
.lp-lindberg #about h2 {
  margin-bottom: 40px;
  position: relative;
  padding-top: 200px;
  text-align: center;
  font-weight: 300;
  font-size: 100px;
  font-size: 10.0rem;
  line-height: 1;
  font-family: Josefin Sans, sans-serif
}
.lp-lindberg #about h2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 160px;
  background: var(--font-color, #3c3c3c)
}
@media screen and (max-width:1000px) {
  .lp-lindberg #about h2 {
    font-size: 5.8rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #about {
    padding-bottom: 50px
  }
  .lp-lindberg #about h2 {
    margin-bottom: 20px;
    padding-top: 80px;
    font-size: 4.0rem
  }
  .lp-lindberg #about h2:before {
    height: 60px
  }
}
.lp-lindberg #access {
  padding: 100px 0
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #access {
    padding: 50px 0
  }
}
.lp-lindberg #shop, .lp-lindberg #eyetest {
  padding: 100px 0 80px
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #shop, .lp-lindberg #eyetest {
    padding: 50px 0 30px
  }
}
.lp-lindberg #shop h2, .lp-lindberg #eyetest h2, .lp-lindberg #access h2 {
  margin-bottom: 40px;
  position: relative;
  padding-top: 200px;
  text-align: center;
  font-weight: 300;
  font-size: 100px;
  font-size: 10.0rem;
  line-height: 1;
  font-family: Josefin Sans, sans-serif
}
.lp-lindberg #shop h2:before, .lp-lindberg #eyetest h2:before, .lp-lindberg #access h2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 160px;
  background: var(--font-color, #3c3c3c)
}
.lp-lindberg #shop dt, .lp-lindberg #eyetest dt, .lp-lindberg #access dt {
  font-family: Josefin Sans, sans-serif;
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg #shop dd, .lp-lindberg #eyetest dd, .lp-lindberg #access dd {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg #shop dd:last-child, .lp-lindberg #eyetest dd:last-child, .lp-lindberg #access dd:last-child {
  margin-bottom: 0
}
@media screen and (max-width:1000px) {
  .lp-lindberg #shop h2, .lp-lindberg #eyetest h2, .lp-lindberg #access h2 {
    font-size: 5.8rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #shop h2, .lp-lindberg #eyetest h2, .lp-lindberg #access h2 {
    margin-bottom: 20px;
    padding-top: 80px;
    font-size: 4.0rem
  }
  .lp-lindberg #shop h2:before, .lp-lindberg #eyetest h2:before, .lp-lindberg #access h2:before {
    height: 60px
  }
  .lp-lindberg #shop dt, .lp-lindberg #eyetest dt, .lp-lindberg #access dt {
    font-size: 1.6rem
  }
  .lp-lindberg #shop dd, .lp-lindberg #eyetest dd, .lp-lindberg #access dd {
    font-size: 1.4rem
  }
}
.lp-lindberg #access {
  border-bottom: 1px solid #3c3c3c
}
.lp-lindberg #access dt {
  font-weight: 600
}
.lp-lindberg #product {
  background-color: #3c3c3c;
  padding-bottom: 125px
}
.lp-lindberg #product h2 {
  margin-bottom: 40px;
  position: relative;
  top: -80px;
  padding-top: 200px;
  text-align: center;
  font-weight: 300;
  font-size: 100px;
  font-size: 10.0rem;
  line-height: 1;
  font-family: Josefin Sans, sans-serif;
  color: #fff
}
.lp-lindberg #product h2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 80px;
  background: var(--font-color, #3c3c3c)
}
.lp-lindberg #product h2:after {
  position: absolute;
  content: '';
  top: 80px;
  left: 50%;
  width: 1px;
  height: 80px;
  background: var(--font-color, #fff)
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #product {
    padding-bottom: 10px
  }
  .lp-lindberg #product h2 {
    margin-bottom: 20px;
    padding-top: 80px;
    font-size: 4.0rem;
    top: -30px
  }
  .lp-lindberg #product h2:before {
    height: 30px
  }
  .lp-lindberg #product h2:after {
    top: 30px;
    height: 30px
  }
  .lp-lindberg #product p.mb80 {
    margin-bottom: 20px
  }
}
.lp-lindberg #product dl {
  background-color: #fff
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #product dl {
    margin: 0 10px
  }
}
.lp-lindberg #product dt {
  margin: 30px 0 20px;
  text-align: center;
  line-height: 1;
  font-family: Josefin Sans, sans-serif;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product dt {
    margin: 20px 0
  }
}
.lp-lindberg #product dd.txt {
  height: 180px;
  padding: 0 30px 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product dd.txt {
    padding: 0 20px 20px;
    font-size: 1.4rem
  }
}
.lp-lindberg #product .slide-items {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: 474px;
  margin: auto
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product .slide-items {
    width: 98%;
    max-width: 98%;
    height: 400px
  }
}
.lp-lindberg #product .slide-items dl {
  height: auto;
  margin-right: 10px;
  margin-left: 10px
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product .slide-items dl {
    height: 400px
  }
}
.lp-lindberg #product .slide-items img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.lp-lindberg #product .arrow_box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 20px 0 0;
  position: relative
}
.lp-lindberg #product .prev-arrow, .lp-lindberg #product .next-arrow {
  display: block;
  width: 54px;
  height: 109px;
  background: none;
  border-radius: 0;
  transition: all .3s ease;
  cursor: pointer;
  position: relative
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #product .prev-arrow, .lp-lindberg #product .next-arrow {
    display: none !important
  }
}
.lp-lindberg #product .prev-arrow:before {
  position: absolute;
  content: "";
  width: 77px;
  height: 77px;
  border-left: 2px solid #FFF;
  border-top: 2px solid #FFF;
  top: 0;
  bottom: 0;
  left: -60px;
  right: 0;
  margin: auto;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product .prev-arrow:before {
    width: 35px;
    height: 35px;
    left: -20px
  }
}
.lp-lindberg #product .next-arrow:before {
  position: absolute;
  content: "";
  width: 77px;
  height: 77px;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
@media screen and (max-width:1000px) {
  .lp-lindberg #product .next-arrow:before {
    width: 35px;
    height: 35px
  }
}
.lp-lindberg #product .slick-dots {
  left: 50%;
  bottom: -45px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.lp-lindberg #product .slick-dots li button:before, .lp-lindberg #product .slick-dots li.slick-active button:before {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem
}
.lp-lindberg #product .slick-dots li button:before {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.lp-lindberg #product .slick-dots li.slick-active button:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.lp-lindberg #product .slide-items-sp dd.txt {
  height: 150px;
  overflow: hidden
}
.lp-lindberg #product .slide-items-sp.slick-slider.slick-initialized {
  overflow: hidden;
  padding: 0 40px 40px
}
.lp-lindberg #product .slide-items-sp.slick-slider .slick-list {
  overflow: visible
}
.lp-lindberg #product .slide-items-sp .slick-dots {
  bottom: 0
}
.lp-lindberg #product .slide-items-sp .slick-dots li {
  margin: 0
}
.lp-lindberg #product .slide-items-sp .slick-dots li button {
  width: 16px;
  padding: 5px 4px
}
.lp-lindberg #product .slide-items-sp .slick-dots li button:before, .lp-lindberg #product .slide-items-sp .slick-dots li.slick-active button:before {
  color: #fff;
  font-size: 20px;
  font-size: 2.0rem
}
.lp-lindberg #maintenance {
  background-color: #f3f1ed;
  padding-bottom: 100px
}
.lp-lindberg #maintenance h2 {
  margin-bottom: 40px;
  position: relative;
  top: -80px;
  padding-top: 200px;
  text-align: center;
  font-weight: 300;
  font-size: 100px;
  font-size: 10.0rem;
  line-height: 1;
  font-family: Josefin Sans, sans-serif;
  color: #3c3c3c
}
.lp-lindberg #maintenance h2:before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 160px;
  background: var(--font-color, #3c3c3c)
}
.lp-lindberg #maintenance .lp-lindberg-flex-top {
  margin-top: -80px
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #maintenance {
    padding-bottom: 50px
  }
  .lp-lindberg #maintenance h2 {
    margin-bottom: 20px;
    padding-top: 80px;
    font-size: 4.0rem;
    top: -30px
  }
  .lp-lindberg #maintenance h2:before {
    height: 60px
  }
  .lp-lindberg #maintenance .lp-lindberg-flex-top {
    margin-top: -30px
  }
}
.lp-lindberg #maintenance .fs_18 {
  margin: 40px 0 0
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #maintenance .fs_18 {
    margin: 20px 0 40px;
    font-size: 1.2rem
  }
}
.lp-lindberg .map {
  width: 50%;
  height: 406px;
  overflow: hidden
}
.lp-lindberg .map iframe {
  width: 100%;
  height: calc(100vh + 406px);
  margin-top: -417px
}
@media screen and (max-width:47.938em) {
  .lp-lindberg .map {
    width: 100%;
    height: 238px;
    margin-bottom: 20px
  }
  .lp-lindberg .map iframe {
    margin-top: -320px;
    height: calc(100vh + 238px)
  }
}
@media screen and (max-width:1000px) {
  .lp-lindberg .header {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 45px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    background: #f3f1ed
  }
  .lp-lindberg .logo {
    width: 14%;
    font-size: 1rem
  }
  .lp-lindberg .logo img {
    width: 100%
  }
  .lp-lindberg .lp-lindberg-header-reservation {
    position: absolute;
    right: 6.5%;
    top: 0;
    color: #fff;
    background-color: #3c3c3c;
    font-size: 1.5rem;
    padding: 0 10px;
    width: 150px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5
  }
  .lp-lindberg .lp-lindberg-header-reservation a {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    background-color: #3c3c3c
  }
  .lp-lindberg .lp-lindberg-header-reservation a img {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 15px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .lp-lindberg .drawer_hidden {
    display: none
  }
  .lp-lindberg .drawer_open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    z-index: 100;
    cursor: pointer
  }
  .lp-lindberg .drawer_open span, .lp-lindberg .drawer_open span:before, .lp-lindberg .drawer_open span:after {
    content: '';
    display: block;
    height: 2px;
    width: 14px;
    border-radius: 2px;
    background: #3c3c3c;
    transition: .5s;
    position: absolute
  }
  .lp-lindberg .drawer_open span:before {
    bottom: 8px
  }
  .lp-lindberg .drawer_open span:after {
    top: 8px
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0)
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span:before {
    bottom: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span:after {
    top: 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .lp-lindberg .nav_content {
    position: relative;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 100%;
    left: 0;
    z-index: 99;
    background: #fff
  }
  .lp-lindberg .nav_content .logo {
    position: absolute;
    width: 15%;
    left: 0
  }
  .lp-lindberg .nav_content .logo img {
    padding: 4px 0 0 10px
  }
  .lp-lindberg .nav_list {
    margin-top: 95px;
    list-style: none;
    text-align: center
  }
  .lp-lindberg .nav_list li {
    margin-bottom: 30px
  }
  .lp-lindberg .nav_item a {
    color: #3c3c3c;
    font-size: 1.4rem;
    text-decoration: none
  }
  .lp-lindberg .nav_item a.lindberg-access-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    height: 45px;
    margin-bottom: 50px;
    padding: 8px 16px 8px 20px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 4px
  }
  .lp-lindberg .nav_item a.lindberg-access-btn img {
    width: 14px
  }
  .lp-lindberg .nav_item a.lindberg-access-btn a {
    color: #fff
  }
  .lp-lindberg #drawer_input:checked ~ .nav_content {
    top: 0;
    bottom: auto;
    height: auto;
    max-height: 100vh;
    overflow-y: auto
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg .header {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    height: 45px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    background: #f3f1ed
  }
  .lp-lindberg .logo {
    width: 22%;
    font-size: 1rem
  }
  .lp-lindberg .logo img {
    width: 100%
  }
  .lp-lindberg .lp-lindberg-header-reservation {
    position: absolute;
    right: 13%;
    min-width: 130px;
    height: 45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  .lp-lindberg .lp-lindberg-header-reservation a {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    background-color: #3c3c3c
  }
  .lp-lindberg .lp-lindberg-header-reservation a img {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 14px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .lp-lindberg .drawer_hidden {
    display: none
  }
  .lp-lindberg .drawer_open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 25px;
    z-index: 100;
    cursor: pointer
  }
  .lp-lindberg .drawer_open span, .lp-lindberg .drawer_open span:before, .lp-lindberg .drawer_open span:after {
    content: '';
    display: block;
    height: 2px;
    width: 17px;
    border-radius: 2px;
    background: #333;
    transition: .5s;
    position: absolute
  }
  .lp-lindberg .drawer_open span:before {
    bottom: 8px
  }
  .lp-lindberg .drawer_open span:after {
    top: 8px
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0)
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span:before {
    bottom: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .lp-lindberg #drawer_input:checked ~ .drawer_open span:after {
    top: 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .lp-lindberg .nav_content {
    position: relative;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 100%;
    left: 0;
    z-index: 99;
    background: #fff
  }
  .lp-lindberg .nav_content .logo {
    position: absolute;
    left: 0;
    width: 23.4%
  }
  .lp-lindberg .nav_content .logo img {
    width: 100%;
    padding: 10px 0 0 10px
  }
  .lp-lindberg .nav_list {
    margin-top: 95px;
    list-style: none;
    text-align: center
  }
  .lp-lindberg .nav_list li {
    margin-bottom: 30px
  }
  .lp-lindberg .nav_list .langList {
    margin: 30px 0
  }
  .lp-lindberg .nav_list .langList > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
  }
  .lp-lindberg .nav_list .langList > ul > li {
    font-size: 1.4rem;
    margin: 0
  }
  .lp-lindberg .nav_list .langList > ul > li:first-child a:before {
    content: '';
    display: inline-block;
    background: url(/images/store/lindberg/langIcon.svg) no-repeat 0 0/cover;
    width: 18px;
    height: 17px;
    margin-right: 4px;
    vertical-align: -3px
  }
  .lp-lindberg .nav_list .langList > ul > li a.current {
    text-decoration: underline;
    pointer-events: none
  }
  .lp-lindberg .nav_item a {
    color: #3c3c3c;
    font-size: 1.4rem;
    text-decoration: none
  }
  .lp-lindberg .nav_item a.lindberg-access-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    height: 45px;
    margin-bottom: 50px;
    padding: 8px 16px 8px 20px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 4px
  }
  .lp-lindberg .nav_item a.lindberg-access-btn img {
    width: 14px
  }
  .lp-lindberg .nav_item a.lindberg-access-btn a {
    color: #fff
  }
  .lp-lindberg #drawer_input:checked ~ .nav_content {
    top: 0;
    bottom: auto;
    height: auto;
    max-height: 100vh;
    overflow-y: auto
  }
  .lp-lindberg .mt80 {
    margin-top: 40px
  }
  .lp-lindberg .mt100 {
    margin-top: 50px
  }
  .lp-lindberg .mb80 {
    margin-bottom: 40px
  }
  .lp-lindberg .mb100 {
    margin-bottom: 50px
  }
}
.lp-lindberg #specialdays {
  padding: 100px 0 0
}
@media screen and (max-width:47.938em) {
  .lp-lindberg #specialdays {
    padding: 50px 0 0
  }
}
.lp-lindberg-sd {
  padding: 100px 0;
  text-align: center;
  background-color: #f3f1ed
}
.lp-lindberg-sd h3 {
  margin-bottom: 40px;
  line-height: 1;
  font-family: Josefin Sans, sans-serif;
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 300
}
.lp-lindberg-sd dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}
.lp-lindberg-sd dt {
  margin-right: 10px;
  padding: 0 30px;
  font-weight: 700;
  line-height: 1.8;
  background-color: #fff
}
.lp-lindberg-sd dd {
  font-weight: 700
}
@media screen and (max-width:1000px) {
  .lp-lindberg-sd h3 {
    line-height: 1.5;
    font-size: 5.2rem
  }
}
@media screen and (max-width:47.938em) {
  .lp-lindberg-sd {
    padding: 50px 0
  }
  .lp-lindberg-sd h3 {
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 2.6rem
  }
  .lp-lindberg-sd dt, .lp-lindberg-sd dd {
    font-size: 1.6rem
  }
  .lp-lindberg-sd dt {
    padding: 0 20px
  }
}
.lp-lindberg a.lp-lindberg-access-btn {
  color: #fff;
  pointer-events: none;
  cursor: default
}
@media screen and (max-width:47.938em) {
  .lp-lindberg a.lp-lindberg-access-btn {
    pointer-events: auto;
    cursor: pointer
  }
}
.lp-kids {
  color: #333;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}
@media screen and (max-width:47.938em) {
  .lp-kids {
    font-size: 1.4rem
  }
}
.lp-kids a {
  color: #333
}
.lp-kids .mod-auto {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0
}
@media screen and (max-width:1000px) {
  .lp-kids .mod-auto {
    padding: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids .mod-auto {
    max-width: 100%;
    padding: 0
  }
  .lp-kids .mod-auto.__space {
    padding-top: 20px
  }
}
.lp-kids .mod-auto_1800 {
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px
}
@media screen and (max-width:47.938em) {
  .lp-kids .mod-auto_1800 {
    max-width: 90%;
    padding: 0
  }
}
.lp-kids .mainVis {
  max-width: 1900px;
  margin: 0 auto 100px;
  padding: 0 50px
}
.lp-kids .mainVis img {
  position: relative;
  width: 100%;
  max-width: 1800px;
  border-radius: 60px
}
@media screen and (max-width:1000px) {
  .lp-kids .mainVis {
    max-width: 90%;
    margin: 0 auto 60px;
    padding: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids .mainVis {
    max-width: 92%;
    margin: 0 auto 40px;
    padding: 0
  }
  .lp-kids .mainVis img {
    width: 100%;
    border-radius: 30px
  }
}
.lp-kids-container {
  padding-top: 160px
}
@media screen and (max-width:1000px) {
  .lp-kids-container {
    padding-top: 20px
  }
}
.lp-kids-container .dotted-underline-text {
  text-align: center;
  line-height: 2.7;
  margin-bottom: 40px
}
.lp-kids-container .dotted-underline-text span.dotted {
  padding-bottom: 5px;
  border-bottom: dotted 4px;
  border-bottom-color: #2094ff
}
.lp-kids-container .dotted-underline-text span.marker {
  font-weight: 700;
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
.lp-kids-container .dotted-underline-text a {
  border-bottom: 1px solid #333
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .dotted-underline-text {
    font-size: 16px;
    text-align: left
  }
}
.lp-kids-container .btn_blank {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 100px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2094ff;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-container .btn_blank:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-container .btn_blank_txt_sp {
  text-align: center;
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_txt_sp {
    position: absolute;
    left: 26%;
    -ms-transform: translateX(-26%);
    transform: translateX(-26%)
  }
}
.lp-kids-container .btn_blank_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank {
    width: 100%;
    margin: 0 auto 40px
  }
  .lp-kids-container .btn_blank.__sp {
    width: 90%
  }
}
.lp-kids-container .btn_blank_large {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 40px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2094ff;
  color: #fff;
  width: 760px;
  height: 72px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_large {
    font-size: 16px;
    line-height: 1.6
  }
}
.lp-kids-container .btn_blank_large:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_large_txt {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-container .btn_blank_large_txt_l {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:1000px) {
  .lp-kids-container .btn_blank_large_txt_l {
    left: 31%;
    -ms-transform: translateX(-31%);
    transform: translateX(-31%)
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_large_txt {
    text-align: center;
    left: 40%;
    -ms-transform: translateX(-40%);
    transform: translateX(-40%)
  }
  .lp-kids-container .btn_blank_large_txt_l {
    left: 26%;
    -ms-transform: translateX(-26%);
    transform: translateX(-26%)
  }
}
.lp-kids-container .btn_blank_large_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_large_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:1000px) {
  .lp-kids-container .btn_blank_large {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_large {
    width: 100%;
    margin: 0 auto 10px
  }
}
.lp-kids-container .btn_blank_b {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffe229;
  color: #333;
  width: 400px;
  height: 72px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-container .btn_blank_b:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_b_txt {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_b_txt {
    left: 40%;
    -ms-transform: translateX(-40%);
    transform: translateX(-40%)
  }
}
.lp-kids-container .btn_blank_b_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_b_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_b {
    width: 100%
  }
  .lp-kids-container .btn_blank_b_txt {
    text-align: center
  }
}
.lp-kids-container .btn_blank_paris {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #18b62a;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-container .btn_blank_paris:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_paris_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-container .btn_blank_paris_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_paris_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_paris {
    width: 100%
  }
}
.lp-kids-container .btn_blank_tomato {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ff5959;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-container .btn_blank_tomato:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_tomato_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-container .btn_blank_tomato_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_tomato_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_tomato {
    width: 100%
  }
}
.lp-kids-container .btn_blank_contact {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 30px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFF;
  color: #006cff;
  width: 404px;
  height: 72px;
  border-radius: 36px;
  font-size: 32px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-container .btn_blank_contact:hover {
  transition: .3s
}
.lp-kids-container .btn_blank_contact .contact_mail {
  position: absolute;
  top: 50%;
  left: -68px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  content: url(/images/products/kids/mail.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_contact .contact_mail {
    left: -50px;
    width: 30px
  }
}
.lp-kids-container .btn_blank_contact_txt {
  position: absolute;
  left: 57%;
  -ms-transform: translateX(-57%);
  transform: translateX(-57%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_contact_txt {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.lp-kids-container .btn_blank_contact_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #006cff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-container .btn_blank_contact_icon {
  width: 22px;
  height: 22px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .btn_blank_contact {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 24px
  }
}
.lp-kids-container .feature_area {
  margin-top: 100px
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area {
    margin-top: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area {
    margin-top: 40px
  }
}
.lp-kids-container .feature_area h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%
}
.lp-kids-container .feature_area h3 .num {
  font-size: 56px;
  color: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area h3 .num {
    font-size: 40px
  }
}
.lp-kids-container .feature_area h3 .marker {
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area h3 {
    font-size: 22px;
    line-height: 1.4
  }
}
.lp-kids-container .feature_area_point {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  gap: 0 40px;
  margin-bottom: 180px
}
.lp-kids-container .feature_area_point_box {
  width: 33.33%;
  padding: 40px;
  background-color: #d8f5ff;
  border-radius: 60px
}
.lp-kids-container .feature_area_point_box_ttl {
  margin-bottom: 20px;
  color: #2094ff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_point_box_ttl {
    font-size: 20px
  }
}
.lp-kids-container .feature_area_point_box_ttl_point {
  color: #2094ff;
  font-size: 16px;
  font-weight: 700;
  font-family: Jost, sans-serif;
  line-height: 1.8;
  text-align: center
}
.lp-kids-container .feature_area_point_box_ttl_num {
  margin-bottom: 20px;
  color: #2094ff;
  line-height: 1;
  font-size: 50px;
  font-weight: 600;
  font-family: Jost, sans-serif;
  text-align: center
}
.lp-kids-container .feature_area_point_box:nth-child(2) {
  position: relative;
  top: 80px
}
.lp-kids-container .feature_area_point_box figure {
  text-align: center
}
.lp-kids-container .feature_area_point_box figure img {
  margin-bottom: 20px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_point_box figure img {
    width: 120px
  }
}
.lp-kids-container .feature_area_point_box figure figcaption {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  font-weight: 400
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_point_box figure figcaption {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area_point_box {
    border-radius: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area_point {
    display: block;
    margin-bottom: 40px
  }
  .lp-kids-container .feature_area_point_box {
    width: 100%;
    margin-bottom: 40px
  }
  .lp-kids-container .feature_area_point_box:nth-child(2) {
    top: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_point_box {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 40px
  }
}
.lp-kids-container .feature_area_anchor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  margin-top: 40px;
  margin-bottom: 100px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:1280px) {
  .lp-kids-container .feature_area_anchor {
    gap: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area_anchor {
    gap: 20px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_anchor {
    gap: 10px;
    margin: 20px 0 60px
  }
}
.lp-kids-container .feature_area_anchor li {
  position: relative;
  width: 22%;
  height: 140px
}
@media screen and (max-width:1280px) {
  .lp-kids-container .feature_area_anchor li {
    width: calc(50% - 20px)
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area_anchor li {
    width: calc(50% - 10px)
  }
}
.lp-kids-container .feature_area_anchor li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 25px;
  color: #2094ff;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
  border: 3px solid #2094ff;
  border-radius: 60px
}
.lp-kids-container .feature_area_anchor li a:hoverr {
  transition: .3s
}
.lp-kids-container .feature_area_anchor li a p {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%)
}
.lp-kids-container .feature_area_anchor li a .arrow {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 19.6px;
  height: 11.8px
}
.lp-kids-container .feature_area_anchor li a .arrow:before, .lp-kids-container .feature_area_anchor li a .arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 15px;
  border-radius: 9999px;
  background-color: #2094ff;
  -ms-transform-origin: 50% calc(100% - 2px);
  transform-origin: 50% calc(100% - 2px)
}
.lp-kids-container .feature_area_anchor li a .arrow:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.lp-kids-container .feature_area_anchor li a .arrow:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (max-width:1000px) {
  .lp-kids-container .feature_area_anchor li a {
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_anchor li a {
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 30px
  }
  .lp-kids-container .feature_area_anchor li a .arrow {
    bottom: 16px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .feature_area_anchor li {
    height: 102px
  }
}
.lp-kids-container #section1 {
  background-color: #d8f5ff;
  padding-bottom: 100px;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 {
    padding-bottom: 60px
  }
}
.lp-kids-container #section1 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 100px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #2094ff
}
.lp-kids-container #section1 h2:before, .lp-kids-container #section1 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-container #section1 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-container #section1 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-container #section1 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-container #section1 h2 p.h2_small {
  font-size: 24px;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 h2 p.h2_small {
    font-size: 16px
  }
}
.lp-kids-container #section1 h2 p.h2_large {
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 h2 p.h2_large {
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 h2 p.h2_large {
    font-size: 24px
  }
}
.lp-kids-container #section1 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 h2 {
    padding: 12px 20px;
    height: auto;
    margin-bottom: 45px
  }
}
.lp-kids-container #section1 .section1_sign {
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 60px;
  background-color: #fff;
  border-radius: 60px
}
.lp-kids-container #section1 .section1_sign_inner {
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign {
    padding: 0;
    background-color: transparent;
    border-radius: 0
  }
}
.lp-kids-container #section1 .section1_sign_box {
  width: 33.33%;
  position: relative
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign_box {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 20px 20px;
    background-color: #fff;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .section1_sign_box {
    border-radius: 30px
  }
  .lp-kids-container #section1 .section1_sign_box:last-child {
    margin-bottom: 0
  }
}
.lp-kids-container #section1 .section1_sign_box h3 {
  position: relative;
  height: 72px;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 0 0 60px 60px
}
.lp-kids-container #section1 .section1_sign_box h3 p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign_box h3 {
    width: 84%;
    height: 43px;
    margin: 0 auto 20px;
    border-radius: 0 0 30px 30px
  }
  .lp-kids-container #section1 .section1_sign_box h3 p {
    font-size: 20px
  }
}
.lp-kids-container #section1 .section1_sign_box h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center
}
.lp-kids-container #section1 .section1_sign_box.__myopia h3 {
  background-color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__farsightedness h3 {
  background-color: #18b62a
}
.lp-kids-container #section1 .section1_sign_box.__astigmatism h3 {
  background-color: #ff5959
}
.lp-kids-container #section1 .section1_sign_box.__myopia h4 {
  color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__farsightedness h4 {
  color: #18b62a
}
.lp-kids-container #section1 .section1_sign_box.__astigmatism h4 {
  color: #ff5959
}
.lp-kids-container #section1 .section1_sign_box_img {
  margin-top: 20px;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}
.lp-kids-container #section1 .section1_sign_box p {
  font-size: 16px;
  margin-bottom: 20px
}
.lp-kids-container #section1 .section1_sign_box p .marker {
  font-weight: 700;
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .section1_sign_box p {
    font-size: 14px
  }
}
.lp-kids-container #section1 .section1_sign_box_point {
  width: 100%;
  padding: 30px;
  border-radius: 40px
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign_box_point {
    padding: 20px;
    border-radius: 20px
  }
}
.lp-kids-container #section1 .section1_sign_box_point h4.point {
  position: relative;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border-radius: 60px;
  margin-bottom: 20px
}
.lp-kids-container #section1 .section1_sign_box_point h4.point i.point {
  position: relative;
  top: -7px;
  margin-right: 5px
}
.lp-kids-container #section1 .section1_sign_box_point dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
.lp-kids-container #section1 .section1_sign_box_point dt, .lp-kids-container #section1 .section1_sign_box_point dd {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 10px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .section1_sign_box_point dt, .lp-kids-container #section1 .section1_sign_box_point dd {
    font-size: 14px
  }
}
.lp-kids-container #section1 .section1_sign_box_point dt {
  width: 18%;
  font-weight: 700
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign_box_point dt {
    width: 10%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .section1_sign_box_point dt {
    width: 17%
  }
}
.lp-kids-container #section1 .section1_sign_box_point dd {
  width: 82%
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .section1_sign_box_point dd {
    width: 90%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .section1_sign_box_point dd {
    width: 83%
  }
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point {
  background-color: #2094ff1A
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point h4 {
  background-color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point dt {
  color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point {
  background-color: #2094ff1A
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point h4 {
  background-color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__myopia .section1_sign_box_point dt {
  color: #2094ff
}
.lp-kids-container #section1 .section1_sign_box.__farsightedness .section1_sign_box_point {
  background-color: #18b62a1A
}
.lp-kids-container #section1 .section1_sign_box.__farsightedness .section1_sign_box_point h4 {
  background-color: #18b62a
}
.lp-kids-container #section1 .section1_sign_box.__farsightedness .section1_sign_box_point dt {
  color: #18b62a
}
.lp-kids-container #section1 .section1_sign_box.__astigmatism .section1_sign_box_point {
  background-color: #ff59591A
}
.lp-kids-container #section1 .section1_sign_box.__astigmatism .section1_sign_box_point h4 {
  background-color: #ff5959
}
.lp-kids-container #section1 .section1_sign_box.__astigmatism .section1_sign_box_point dt {
  color: #ff5959
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section1 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section1 .dotted-underline-text {
    text-align: center
  }
}
.lp-kids-container #section2 {
  padding-bottom: 100px;
  background-color: #e8f1ff;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 {
    padding-bottom: 60px
  }
}
.lp-kids-container #section2 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 110px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #006cff
}
.lp-kids-container #section2 h2:before, .lp-kids-container #section2 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-container #section2 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #006cff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-container #section2 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-container #section2 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-container #section2 h2 p.h2_large {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section2 h2 p.h2_large {
    width: 100%;
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 h2 p.h2_large {
    width: 100%;
    font-size: 24px
  }
}
.lp-kids-container #section2 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section2 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 45px
  }
}
.lp-kids-container #section2 .section2_step {
  position: relative;
  padding: 0 70px 40px;
  border-radius: 40px;
  background-color: #fff;
  margin-bottom: 38px
}
.lp-kids-container #section2 .section2_step:before {
  position: absolute;
  top: -38px;
  left: 50%;
  content: '';
  width: 16px;
  height: 38px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #b7dff4
}
.lp-kids-container #section2 .section2_step:first-child:before {
  display: none
}
.lp-kids-container #section2 .section2_step h3 {
  position: relative;
  width: 400px;
  height: 47px;
  margin: 0 auto 30px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-family: Jost, sans-serif;
  border-radius: 0 0 30px 30px;
  background-color: #006cff
}
.lp-kids-container #section2 .section2_step h3 .section2_step_txt {
  position: absolute;
  top: 50%;
  left: 45.5%;
  -ms-transform: translateX(-45.5%) translateY(-50%);
  transform: translateX(-45.5%) translateY(-50%);
  margin-right: 10px;
  line-height: 2;
  font-size: 20px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .section2_step h3 .section2_step_txt {
    left: 40%;
    -ms-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%)
  }
}
.lp-kids-container #section2 .section2_step h3 .section2_step_num {
  position: absolute;
  top: 50%;
  left: 62%;
  -ms-transform: translateX(-62%) translateY(-50%);
  transform: translateX(-62%) translateY(-50%);
  font-size: 40px;
  font-weight: 600
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .section2_step h3 .section2_step_num {
    left: 67%;
    -ms-transform: translateX(-67%) translateY(-50%);
    transform: translateX(-67%) translateY(-50%)
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .section2_step h3 {
    margin: 0 auto 20px
  }
}
.lp-kids-container #section2 .section2_step_box {
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px
}
.lp-kids-container #section2 .section2_step_box_img {
  width: 20%
}
.lp-kids-container #section2 .section2_step_box dt {
  font-size: 20px;
  font-weight: 700
}
.lp-kids-container #section2 .section2_step_box dd {
  font-size: 16px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .section2_step_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .lp-kids-container #section2 .section2_step_box_img {
    width: 100%;
    margin-bottom: 10px;
    position: relative
  }
  .lp-kids-container #section2 .section2_step_box_img img {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .lp-kids-container #section2 .section2_step_box dt {
    text-align: center
  }
  .lp-kids-container #section2 .section2_step_box dd {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section2 .section2_step {
    border-radius: 40px;
    padding: 0 40px 20px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .section2_step {
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-radius: 30px
  }
  .lp-kids-container #section2 .section2_step:before {
    top: -20px;
    height: 20px
  }
  .lp-kids-container #section2 .section2_step h3 {
    width: 84%;
    font-weight: 600
  }
}
.lp-kids-container #section2 .section2_btnarea p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 10px
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section2 .mod-auto {
    max-width: 92%
  }
  .lp-kids-container #section2 .section2_btnarea p {
    font-size: 14px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section2 .mod-auto {
    max-width: 90%
  }
  .lp-kids-container #section2 .section2_btnarea p {
    font-size: 14px
  }
}
.lp-kids-container #section3 {
  padding-bottom: 100px;
  background-color: #d8f5ff;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 {
    padding-bottom: 60px
  }
}
.lp-kids-container #section3 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 110px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #2094ff
}
.lp-kids-container #section3 h2:before, .lp-kids-container #section3 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-container #section3 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-container #section3 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-container #section3 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-container #section3 h2 p.h2_large {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section3 h2 p.h2_large {
    width: 100%;
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 h2 p.h2_large {
    width: 100%;
    font-size: 24px
  }
}
.lp-kids-container #section3 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section3 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 45px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section3 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section3 .mod-auto {
    max-width: 90%
  }
}
.lp-kids-container .section3_icon {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 55%;
  height: 254px;
  margin: 0 auto 80px
}
.lp-kids-container .section3_icon img {
  margin-bottom: 20px
}
.lp-kids-container .section3_icon:after {
  content: '';
  position: absolute;
  top: 50px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95px;
  height: 95px;
  background-image: url(/images/products/kids/plus.png)
}
.lp-kids-container .section3_icon_frame {
  position: absolute;
  left: 0
}
.lp-kids-container .section3_icon_lens {
  position: absolute;
  right: 0
}
.lp-kids-container .section3_icon p {
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-fit-content;
  width: fit-content;
  height: 34px;
  padding: 4px 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background-color: #2094ff;
  border-radius: 60px
}
@media screen and (max-width:1000px) {
  .lp-kids-container .section3_icon {
    width: 80%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_icon {
    width: 100%;
    height: 200px;
    margin: 0 auto 40px
  }
  .lp-kids-container .section3_icon:after {
    width: 45px;
    height: 45px;
    top: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
  }
  .lp-kids-container .section3_icon_frame, .lp-kids-container .section3_icon_lens {
    width: 38%
  }
}
.lp-kids-container .section3_series {
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  margin-bottom: 40px
}
@media screen and (max-width:1000px) {
  .lp-kids-container .section3_series {
    display: block;
    margin: 0 auto 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series {
    margin: 0 auto 20px
  }
}
.lp-kids-container .section3_series_junior {
  width: 50%;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 40px 40px
}
@media screen and (max-width:1000px) {
  .lp-kids-container .section3_series_junior {
    width: 100%;
    border-radius: 40px;
    margin-bottom: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series_junior {
    padding: 0 20px 20px;
    border-radius: 30px
  }
}
.lp-kids-container .section3_series_junior h3 {
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 400px;
  height: 72px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background-color: #18b62a;
  border-radius: 0 0 40px 40px
}
.lp-kids-container .section3_series_junior h3 p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series_junior h3 {
    width: 84%;
    height: 43px;
    margin-bottom: 20px;
    font-size: 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-container .section3_series_tomato {
  width: 50%;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 40px 40px
}
@media screen and (max-width:1000px) {
  .lp-kids-container .section3_series_tomato {
    width: 100%;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series_tomato {
    padding: 0 20px 20px;
    border-radius: 30px
  }
}
.lp-kids-container .section3_series_tomato h3 {
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 84%;
  height: 72px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background-color: #ff5959;
  border-radius: 0 0 40px 40px
}
.lp-kids-container .section3_series_tomato h3 p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series_tomato h3 {
    height: 43px;
    margin-bottom: 20px;
    font-size: 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-container .section3_series dt {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series dt {
    margin-bottom: 10px
  }
}
.lp-kids-container .section3_series dd {
  margin-bottom: 20px;
  font-size: 16px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series dd {
    font-size: 14px
  }
}
.lp-kids-container .section3_series_item figcaption {
  font-size: 14px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series_item figcaption {
    font-size: 12px
  }
}
.lp-kids-container .section3_series_txt {
  font-size: 16px;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .section3_series .space-u-30 {
    margin-top: -10px;
    margin-left: -10px
  }
  .lp-kids-container .section3_series .space-u-30-child {
    padding-top: 10px;
    padding-left: 10px
  }
}
.lp-kids-container .section3_btnarea p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 10px
}
.lp-kids-container #section4 {
  padding-bottom: 100px;
  background-color: #e8f1ff;
  scroll-padding-top: 100px
}
.lp-kids-container #section4 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 110px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #006cff
}
.lp-kids-container #section4 h2:before, .lp-kids-container #section4 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-container #section4 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #006cff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-container #section4 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-container #section4 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-container #section4 h2 p.h2_small {
  font-size: 24px;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 h2 p.h2_small {
    font-size: 16px
  }
}
.lp-kids-container #section4 h2 p.h2_large {
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 h2 p.h2_large {
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 h2 p.h2_large {
    font-size: 24px
  }
}
.lp-kids-container #section4 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 h2 {
    padding: 12px 20px;
    height: auto;
    margin-bottom: 45px
  }
}
.lp-kids-container #section4 .section4_assurance {
  width: 100%;
  margin-bottom: 80px;
  padding: 0 60px 60px;
  border-radius: 60px;
  background-color: #fff
}
.lp-kids-container #section4 .section4_assurance h3 {
  position: relative;
  width: 700px;
  height: 85px;
  margin: 0 auto 40px;
  background-color: #18b62a;
  border-radius: 0 0 40px 40px;
  color: #fff;
  font-size: 32px;
  text-align: center
}
.lp-kids-container #section4 .section4_assurance h3 p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_assurance h3 {
    width: 84%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance h3 {
    width: 90%;
    height: 50px;
    margin: 0 auto 20px;
    font-size: 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-container #section4 .section4_assurance_block {
  padding: 30px 60px;
  margin-bottom: 40px;
  border-radius: 40px;
  background-color: #2094ff1A
}
.lp-kids-container #section4 .section4_assurance_block:last-child {
  margin-bottom: 0
}
.lp-kids-container #section4 .section4_assurance_block_dt {
  margin-bottom: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
.lp-kids-container #section4 .section4_assurance_block_dt_s {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance_block_dt {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px
  }
  .lp-kids-container #section4 .section4_assurance_block_dt_s {
    font-size: 20px;
    margin-bottom: 10px
  }
}
.lp-kids-container #section4 .section4_assurance_block_img {
  margin-bottom: 20px;
  text-align: center
}
.lp-kids-container #section4 .section4_assurance_block_txt {
  width: 650px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8
}
.lp-kids-container #section4 .section4_assurance_block_txt span {
  font-size: 14px
}
.lp-kids-container #section4 .section4_assurance_block_txt_l {
  width: 100%;
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance_block_txt_l {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_assurance_block_txt {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance_block_txt {
    font-size: 14px
  }
  .lp-kids-container #section4 .section4_assurance_block_txt span {
    font-size: 12px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance_block {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 20px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_assurance {
    padding: 0 40px 40px;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_assurance {
    padding: 0 20px 20px;
    margin-bottom: 30px
  }
}
.lp-kids-container #section4 .section4_aftercare {
  width: 100%;
  padding: 0 60px 60px;
  border-radius: 60px;
  background-color: #fff
}
.lp-kids-container #section4 .section4_aftercare h3 {
  position: relative;
  width: 700px;
  height: 85px;
  margin: 0 auto 40px;
  background-color: #ff5959;
  border-radius: 0 0 40px 40px;
  color: #fff;
  font-size: 32px;
  text-align: center
}
.lp-kids-container #section4 .section4_aftercare h3 p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_aftercare h3 {
    width: 84%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare h3 {
    width: 90%;
    height: 50px;
    margin: 0 auto 20px;
    font-size: 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-container #section4 .section4_aftercare_column {
  display: -ms-flexbox;
  display: flex;
  gap: 0 40px;
  margin-bottom: 40px
}
.lp-kids-container #section4 .section4_aftercare_column_inner {
  padding: 30px;
  border-radius: 40px;
  background-color: #2094ff1A
}
.lp-kids-container #section4 .section4_aftercare_column_inner h4 {
  width: 100%;
  height: 32px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  border-radius: 16px;
  background-color: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare_column_inner h4 {
    font-size: 18px;
    margin-bottom: 10px
  }
}
.lp-kids-container #section4 .section4_aftercare_column_inner p {
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_aftercare_column_inner {
    margin-bottom: 20px
  }
  .lp-kids-container #section4 .section4_aftercare_column_inner:last-child {
    margin-bottom: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare_column_inner {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 20px
  }
  .lp-kids-container #section4 .section4_aftercare_column_inner:last-child {
    margin-bottom: 0
  }
  .lp-kids-container #section4 .section4_aftercare_column_inner p {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_aftercare_column {
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare_column {
    gap: 0;
    margin-bottom: 20px
  }
}
.lp-kids-container #section4 .section4_aftercare_box {
  padding: 40px 60px;
  border-radius: 40px;
  background-color: #2094ff1A
}
.lp-kids-container #section4 .section4_aftercare_box dt {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}
.lp-kids-container #section4 .section4_aftercare_box dd {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 40px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare_box {
    padding: 20px;
    border-radius: 20px
  }
  .lp-kids-container #section4 .section4_aftercare_box dt {
    font-size: 20px;
    margin-bottom: 10px
  }
  .lp-kids-container #section4 .section4_aftercare_box dd {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .section4_aftercare {
    padding: 0 40px 40px;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_aftercare {
    padding: 0 20px 20px;
    border-radius: 30px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section4 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 {
    padding-bottom: 60px
  }
  .lp-kids-container #section4 .mod-auto {
    max-width: 90%
  }
}
.lp-kids-container #section4 .section4_btnarea p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 10px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section4 .section4_btnarea p {
    font-size: 14px;
    text-align: left
  }
}
.lp-kids-container #section4 .section4_btnarea a {
  margin: 0 auto
}
.lp-kids-container #section4 .section4_btnarea a .btn_blank_txt {
  font-size: 16px;
  line-height: 1.6;
  text-align: center
}
.lp-kids-container #section4 .section4_btnarea a .btn_blank_txt_s {
  font-size: 14px;
  font-weight: 700
}
.lp-kids-container #section5 {
  padding: 100px 0 0
}
.lp-kids-container #section5 h3 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%
}
.lp-kids-container #section5 h3 .marker {
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section5 h3 {
    font-size: 22px;
    line-height: 160%
  }
}
.lp-kids-container #section5 .section5_contact {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 100px auto 50px;
  color: #fff
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section5 .section5_contact {
    display: block
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .section5_contact {
    margin: 60px auto 30px
  }
}
.lp-kids-container #section5 .contact-phone {
  width: 50%;
  -ms-flex: 1;
  flex: 1;
  background-color: #2094ff;
  padding: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 60px 0 0 60px
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section5 .contact-phone {
    width: 100%;
    padding: 30px 40px;
    border-radius: 40px 40px 0 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .contact-phone {
    width: 100%;
    padding: 30px 20px;
    border-radius: 30px 30px 0 0
  }
}
.lp-kids-container #section5 .contact-email {
  width: 50%;
  -ms-flex: 1;
  flex: 1;
  background-color: #006cff;
  padding: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 0 60px 60px 0
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section5 .contact-email {
    width: 100%;
    border-radius: 0 0 40px 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .contact-email {
    padding: 30px 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-container #section5 .contact-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .contact-title {
    font-size: 20px;
    margin-bottom: 10px
  }
}
.lp-kids-container #section5 .company-name {
  height: 30px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
  margin: 0 auto;
  padding: 2px 20px;
  border: 1px solid #fff;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, .2);
  width: -webkit-fit-content;
  width: fit-content
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .company-name {
    margin: 0 auto;
    font-size: 14px
  }
}
.lp-kids-container #section5 .phone-number {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 55px
}
.lp-kids-container #section5 .phone-number:before {
  position: absolute;
  display: inline-block;
  top: 7px;
  left: 8px;
  width: 43px;
  content: url(/images/products/kids/phone.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .phone-number {
    font-size: 32px;
    margin-bottom: 0;
    padding-left: 45px
  }
  .lp-kids-container #section5 .phone-number:before {
    width: 32px;
    top: 5px;
    left: 15px
  }
}
.lp-kids-container #section5 .free-call {
  font-size: 16px;
  margin-bottom: 30px
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .free-call {
    font-size: 14px;
    margin-bottom: 20px
  }
}
.lp-kids-container #section5 .reception-hours {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-align: left
}
.lp-kids-container #section5 .email-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #006cff;
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 30px;
  transition: background-color .3s, color .3s
}
.lp-kids-container #section5 .email-button:hover {
  background-color: #e0e0e0
}
.lp-kids-container #section5 .email-button .email-icon {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.3 .7" /><feFuncG type="table" tableValues="0.3 .7" /><feFuncB type="table" tableValues="0.3 .7" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.4537 .6921 .1701 0 0 .3141 .7174 .1512 0 0 .24480000000000002 .4806 .21789999999999998 0 0 0 0 0 1 0" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="15.953 -13.584999999999999 -1.3679999999999999 0 0 -4.047 6.614999999999999 -1.3679999999999999 0 0 -4.047 -13.584999999999999 18.632 0 0 0 0 0 1 0" /><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="200" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
  filter: invert(30%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(90%)
}
.lp-kids-container #section5 .email-button .external-link-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.3 .7" /><feFuncG type="table" tableValues="0.3 .7" /><feFuncB type="table" tableValues="0.3 .7" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.4537 .6921 .1701 0 0 .3141 .7174 .1512 0 0 .24480000000000002 .4806 .21789999999999998 0 0 0 0 0 1 0" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="15.953 -13.584999999999999 -1.3679999999999999 0 0 -4.047 6.614999999999999 -1.3679999999999999 0 0 -4.047 -13.584999999999999 18.632 0 0 0 0 0 1 0" /><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="200" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
  filter: invert(30%) sepia(90%) saturate(2000%) hue-rotate(200deg) brightness(90%)
}
.lp-kids-container #section5 .contact-description {
  font-size: 16px;
  line-height: 1.6;
  text-align: left
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .contact-description {
    font-size: 14px
  }
}
.lp-kids-container #section5 .contact-note {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: left
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 .contact-note {
    font-size: 12px
  }
}
.lp-kids-container #section5 .shop-search-link {
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #fff
}
.lp-kids-container #section5 .shop-search-link i {
  position: absolute;
  top: 50%;
  right: -18px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  content: url(/images/products/kids/icon_blank_w.png)
}
.lp-kids-container #section5 .shop-search .external-link-icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  filter: invert(100%)
}
@media(max-width:768px) {
  .lp-kids-container #section5 .email-button {
    font-size: 1.3em;
    padding: 12px 25px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-container #section5 {
    padding: 60px 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-container #section5 {
    padding: 60px 20px 53px
  }
}
.lp-kids-container .return_top {
  display: block;
  position: relative;
  margin: 0 auto 76px;
  text-align: center;
  font-size: 16px
}
.lp-kids-container .return_top a {
  display: block
}
.lp-kids-container .return_top_icon {
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/images/products/kids/return_top.png)
}
.lp-kids-container .return_top span {
  position: relative;
  top: 30px;
  color: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-container .return_top {
    margin: 0 auto
  }
}
.lp-kids .site-footer {
  position: relative;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2094ff;
  color: #fff;
  padding: 20px 0;
  width: calc(100% - 120px);
  height: 100px;
  box-sizing: border-box;
  border-radius: 60px 60px 0 0;
  overflow: hidden
}
@media screen and (max-width:47.938em) {
  .lp-kids .site-footer {
    width: 100%;
    height: 203px;
    border-radius: 30px 30px 0 0
  }
}
.lp-kids .footer-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1800px;
  padding: 0 60px
}
@media screen and (max-width:47.938em) {
  .lp-kids .footer-inner {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-align: center
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids .footer-logo {
    margin-bottom: 30px
  }
  .lp-kids .footer-sns {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px
  }
}
.lp-kids .footer-logo img {
  height: 60px;
  width: auto
}
.lp-kids .footer-copyright {
  font-size: 16px;
  white-space: nowrap
}
@media screen and (max-width:47.938em) {
  .lp-kids .footer-copyright {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 15px;
    font-size: 12px
  }
}
.lp-kids .footer-sns .sns-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 30px
}
.lp-kids .footer-sns .sns-list .icon:before {
  color: #fff;
  font-size: 24px
}
@media screen and (max-width:47.938em) {
  .lp-kids .footer-sns .sns-list {
    -ms-flex-pack: center;
    justify-content: center
  }
}
.lp-kids .accordion-item {
  margin-bottom: 10px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
@media screen and (max-width:1000px) {
  .lp-kids .accordion-item {
    margin-bottom: 0
  }
}
.lp-kids .accordion-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  cursor: pointer
}
@media screen and (max-width:1000px) {
  .lp-kids .accordion-header {
    padding: 0
  }
}
.lp-kids .accordion-content {
  display: none
}
.lp-kids .accordion-content.active {
  display: block
}
.lp-kids .toggle-button, .lp-kids .close-button {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  background-color: #2094ff;
  color: white;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  width: 350px;
  height: 64px;
  border-radius: 60px;
  transition: .3s;
  white-space: nowrap;
  margin: 40px auto 0
}
@media screen and (max-width:1000px) {
  .lp-kids .toggle-button, .lp-kids .close-button {
    margin: 20px auto 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids .toggle-button, .lp-kids .close-button {
    width: 100%
  }
}
.lp-kids .toggle-button .btn_plus_wrapper, .lp-kids .close-button .btn_plus_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids .toggle-button .btn_plus_wrapper img, .lp-kids .close-button .btn_plus_wrapper img {
  width: 12px;
  height: 12px;
  object-fit: contain
}
.lp-kids .toggle-button .btn_minus_wrapper, .lp-kids .close-button .btn_minus_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids .toggle-button .btn_minus_wrapper img, .lp-kids .close-button .btn_minus_wrapper img {
  width: 12px;
  height: 12px;
  object-fit: contain
}
.lp-kids .toggle-button:hover, .lp-kids .close-button:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.lp-kids .fixed-header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1000
}
.lp-kids .fixed-header {
  height: 100px;
  background-color: #2094ff;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 120px);
  max-width: 1800px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  transition: all .3s ease
}
.lp-kids .header-inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 60px;
  box-sizing: border-box;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  transition: all .3s ease
}
.lp-kids .header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 60px
}
.lp-kids .site-logo {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
  overflow-wrap: break-word;
  line-height: 1.2
}
.lp-kids .header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.lp-kids .header-nav ul li {
  margin-left: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.lp-kids .header-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  white-space: normal;
  text-align: center;
  display: block;
  line-height: 1.3;
  transition: color .3s ease
}
@media screen and (max-width:1000px) {
  .lp-kids .header {
    position: relative;
    border: none
  }
  .lp-kids .header .nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-color: #2094ff;
    border-radius: 0 0 0 30px
  }
  .lp-kids .header .drawer_hidden {
    display: none
  }
  .lp-kids .drawer_open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 100;
    cursor: pointer;
    background-color: #2094ff
  }
  .lp-kids .drawer_open span, .lp-kids .drawer_open span:before, .lp-kids .drawer_open span:after {
    content: '';
    display: block;
    height: 2px;
    width: 19px;
    border-radius: 2px;
    background: #FFF;
    transition: .5s;
    position: absolute
  }
  .lp-kids .drawer_open span:before {
    bottom: 8px
  }
  .lp-kids .drawer_open span:after {
    top: 8px
  }
  .lp-kids #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0)
  }
  .lp-kids #drawer_input:checked ~ .drawer_open span:before {
    bottom: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .lp-kids #drawer_input:checked ~ .drawer_open span:after {
    top: 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .lp-kids .nav_content {
    position: relative;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 100%;
    left: 0;
    z-index: 99;
    background: #2094ff
  }
  .lp-kids .nav_content .logo {
    position: absolute;
    left: 0;
    width: 23.4%
  }
  .lp-kids .nav_content .logo img {
    width: 100%;
    padding: 10px 0 0 10px
  }
  .lp-kids .nav_content .action-button {
    border: none;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .lp-kids .nav_content .action-button a {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #2094ff;
    border-radius: 60px;
    background-color: #fff
  }
  .lp-kids .nav_list {
    margin: 0;
    list-style: none;
    text-align: center
  }
  .lp-kids .nav_list li {
    margin-bottom: 30px
  }
  .lp-kids .nav_list li:last-child {
    margin-bottom: 0
  }
  .lp-kids .nav_list .langList {
    margin: 30px 0
  }
  .lp-kids .nav_list .langList > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
  }
  .lp-kids .nav_list .langList > ul > li {
    font-size: 1.4rem;
    margin: 0
  }
  .lp-kids .nav_list .langList > ul > li a.current {
    text-decoration: underline;
    pointer-events: none
  }
  .lp-kids .nav_item a {
    color: #fff;
    font-size: 16px;
    text-decoration: none
  }
  .lp-kids #drawer_input:checked ~ .nav_content {
    top: 0;
    bottom: auto;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.lp-kids .action-button {
  border: none;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.lp-kids .action-button a {
  padding: 12px 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #2094ff;
  border-radius: 60px;
  background-color: #fff
}
.lp-kids .br_1560 {
  display: none
}
@media screen and (max-width:1560px) {
  .lp-kids .fixed-header {
    width: calc(100% - 60px);
    max-width: 1480px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
  }
  .lp-kids .header-inner {
    padding: 0 120px 0 60px
  }
  .lp-kids .header-nav ul li a {
    font-size: 16px;
    line-height: 1.6
  }
  .lp-kids .br_1560 {
    display: block
  }
  .lp-kids .header-right button {
    display: none
  }
}
@media screen and (max-width:1000px) {
  .lp-kids .fixed-header-wrapper {
    display: none
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids .fixed-header-wrapper {
    display: none
  }
}
@media(max-width:767px) {
  .lp-kids .fixed-header-wrapper {
    display: none
  }
}
.lp-kids-kinshilens {
  color: #333;
  font-size: 20px;
  font-size: 2.0rem;
  font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens {
    font-size: 1.4rem
  }
}
.lp-kids-kinshilens a {
  color: #333
}
.lp-kids-kinshilens .mod-auto {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens .mod-auto {
    padding: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .mod-auto {
    max-width: 100%;
    padding: 0
  }
  .lp-kids-kinshilens .mod-auto.__space {
    padding-top: 20px
  }
}
.lp-kids-kinshilens .mod-auto_1800 {
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .mod-auto_1800 {
    max-width: 90%;
    padding: 0
  }
}
.lp-kids-kinshilens .mainVis {
  max-width: 1900px;
  margin: 0 auto 100px;
  padding: 0 50px
}
.lp-kids-kinshilens .mainVis img {
  position: relative;
  width: 100%;
  max-width: 1800px;
  border-radius: 60px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens .mainVis {
    max-width: 90%;
    margin: 0 auto 60px;
    padding: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .mainVis {
    max-width: 92%;
    margin: 0 auto 20px;
    padding: 0
  }
  .lp-kids-kinshilens .mainVis img {
    width: 100%;
    border-radius: 30px
  }
}
.lp-kids-kinshilens-container {
  padding-top: 160px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container {
    padding-top: 20px
  }
}
.lp-kids-kinshilens-container .dotted-underline-text {
  text-align: center;
  line-height: 2.7;
  margin-bottom: 40px
}
.lp-kids-kinshilens-container .dotted-underline-text span.dotted {
  padding-bottom: 5px;
  border-bottom: dotted 4px;
  border-bottom-color: #ffa500
}
.lp-kids-kinshilens-container .dotted-underline-text span.marker {
  font-weight: 700;
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
.lp-kids-kinshilens-container .dotted-underline-text a {
  border-bottom: 1px solid #333
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .dotted-underline-text {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
    line-height: 2.7
  }
}
.lp-kids-kinshilens-container .btn_blank {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 100px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #2094ff;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .btn_blank:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-kinshilens-container .btn_blank_txt_sp {
  text-align: center;
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_txt_sp {
    position: absolute;
    left: 26%;
    -ms-transform: translateX(-26%);
    transform: translateX(-26%)
  }
}
.lp-kids-kinshilens-container .btn_blank_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank {
    width: 100%;
    margin: 0 auto 40px
  }
  .lp-kids-kinshilens-container .btn_blank.__sp {
    width: 90%
  }
}
.lp-kids-kinshilens-container .btn_blank_large {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 40px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffa500;
  color: #fff;
  width: 760px;
  height: 72px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_large {
    font-size: 16px;
    line-height: 1.6
  }
}
.lp-kids-kinshilens-container .btn_blank_large:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_large_txt {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-kinshilens-container .btn_blank_large_txt_l {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .btn_blank_large_txt_l {
    left: 31%;
    -ms-transform: translateX(-31%);
    transform: translateX(-31%)
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_large_txt {
    text-align: center;
    left: 40%;
    -ms-transform: translateX(-40%);
    transform: translateX(-40%)
  }
  .lp-kids-kinshilens-container .btn_blank_large_txt_l {
    left: 26%;
    -ms-transform: translateX(-26%);
    transform: translateX(-26%)
  }
}
.lp-kids-kinshilens-container .btn_blank_large_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_large_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .btn_blank_large {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_large {
    width: 100%;
    margin: 0 auto 10px
  }
}
.lp-kids-kinshilens-container .btn_blank_b {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffe229;
  color: #333;
  width: 400px;
  height: 72px;
  border-radius: 36px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .btn_blank_b:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_b_txt {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_b_txt {
    left: 40%;
    -ms-transform: translateX(-40%);
    transform: translateX(-40%)
  }
}
.lp-kids-kinshilens-container .btn_blank_b_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_b_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_b {
    width: 100%
  }
  .lp-kids-kinshilens-container .btn_blank_b_txt {
    text-align: center
  }
}
.lp-kids-kinshilens-container .btn_blank_paris {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #18b62a;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .btn_blank_paris:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_paris_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_paris_txt {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
  }
}
.lp-kids-kinshilens-container .btn_blank_paris_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_paris_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_paris {
    width: 100%
  }
}
.lp-kids-kinshilens-container .btn_blank_box {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffa500;
  color: #fff;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .btn_blank_box:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_box_txt {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-kinshilens-container .btn_blank_box_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_box_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_box {
    width: 100%
  }
}
.lp-kids-kinshilens-container .btn_blank_contact {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 30px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFF;
  color: #006cff;
  width: 404px;
  height: 72px;
  border-radius: 36px;
  font-size: 32px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .btn_blank_contact:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .btn_blank_contact .contact_mail {
  position: absolute;
  top: 50%;
  left: -68px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  content: url(/images/products/kids/mail.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_contact .contact_mail {
    left: -50px;
    width: 30px
  }
}
.lp-kids-kinshilens-container .btn_blank_contact_txt {
  position: absolute;
  left: 57%;
  -ms-transform: translateX(-57%);
  transform: translateX(-57%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_contact_txt {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.lp-kids-kinshilens-container .btn_blank_contact_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #006cff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .btn_blank_contact_icon {
  width: 22px;
  height: 22px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .btn_blank_contact {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 24px
  }
}
.lp-kids-kinshilens-container .feature_area {
  margin-top: 100px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .feature_area {
    margin-top: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area {
    margin-top: 20px
  }
}
.lp-kids-kinshilens-container .feature_area h3 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%
}
.lp-kids-kinshilens-container .feature_area h3 .num {
  font-size: 56px;
  color: #2094ff
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area h3 .num {
    font-size: 40px
  }
}
.lp-kids-kinshilens-container .feature_area h3 .marker {
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area h3 {
    font-size: 24px;
    margin-bottom: 20px
  }
}
.lp-kids-kinshilens-container .feature_area_anchor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  margin-top: 40px;
  margin-bottom: 100px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width:1280px) {
  .lp-kids-kinshilens-container .feature_area_anchor {
    gap: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .feature_area_anchor {
    gap: 20px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area_anchor {
    gap: 10px;
    margin: 20px 0 60px
  }
}
.lp-kids-kinshilens-container .feature_area_anchor li {
  position: relative;
  width: 22%;
  height: 140px
}
@media screen and (max-width:1280px) {
  .lp-kids-kinshilens-container .feature_area_anchor li {
    width: calc(50% - 20px)
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .feature_area_anchor li {
    width: calc(50% - 10px)
  }
}
.lp-kids-kinshilens-container .feature_area_anchor li a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 25px;
  color: #ffa500;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  text-align: center;
  border: 3px solid #ffa500;
  border-radius: 60px
}
.lp-kids-kinshilens-container .feature_area_anchor li a:hoverr {
  transition: .3s
}
.lp-kids-kinshilens-container .feature_area_anchor li a p {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%)
}
.lp-kids-kinshilens-container .feature_area_anchor li a .arrow {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  width: 19.6px;
  height: 11.8px
}
.lp-kids-kinshilens-container .feature_area_anchor li a .arrow:before, .lp-kids-kinshilens-container .feature_area_anchor li a .arrow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 15px;
  border-radius: 9999px;
  background-color: #ffa500;
  -ms-transform-origin: 50% calc(100% - 2px);
  transform-origin: 50% calc(100% - 2px)
}
.lp-kids-kinshilens-container .feature_area_anchor li a .arrow:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.lp-kids-kinshilens-container .feature_area_anchor li a .arrow:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container .feature_area_anchor li a {
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area_anchor li a {
    padding: 15px 20px;
    font-size: 16px;
    border-radius: 30px
  }
  .lp-kids-kinshilens-container .feature_area_anchor li a .arrow {
    bottom: 16px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .feature_area_anchor li {
    height: 102px
  }
}
.lp-kids-kinshilens-container #section1 {
  background-color: #fff;
  padding-bottom: 100px;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 {
    padding-bottom: 60px
  }
}
.lp-kids-kinshilens-container #section1 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 100px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #ffd700
}
.lp-kids-kinshilens-container #section1 h2:before, .lp-kids-kinshilens-container #section1 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-kinshilens-container #section1 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffd700
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-kinshilens-container #section1 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #ffd700
}
.lp-kids-kinshilens-container #section1 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-kinshilens-container #section1 h2 p.h2_small {
  font-size: 24px;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 h2 p.h2_small {
    font-size: 16px
  }
}
.lp-kids-kinshilens-container #section1 h2 p.h2_large {
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section1 h2 p.h2_large {
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 h2 p.h2_large {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 24px
  }
}
.lp-kids-kinshilens-container #section1 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section1 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 48px
  }
}
.lp-kids-kinshilens-container #section1 .section1_series {
  display: -ms-flexbox;
  display: flex;
  gap: 0 60px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section1 .section1_series {
    display: block;
    margin: 0 auto 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 .section1_series {
    margin: 0 auto
  }
}
.lp-kids-kinshilens-container #section1 .section1_series_box {
  width: 50%;
  background-color: #fff9d4;
  border-radius: 60px;
  padding: 0 40px 40px
}
.lp-kids-kinshilens-container #section1 .section1_series_box p.ta_center {
  position: relative;
  height: 400px
}
.lp-kids-kinshilens-container #section1 .section1_series_box p.ta_center img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%)
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section1 .section1_series_box {
    width: 100%;
    border-radius: 40px;
    margin-bottom: 40px
  }
  .lp-kids-kinshilens-container #section1 .section1_series_box p.ta_center {
    height: 400px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 .section1_series_box {
    margin-bottom: 30px;
    padding: 0 20px 20px;
    border-radius: 30px
  }
  .lp-kids-kinshilens-container #section1 .section1_series_box p.ta_center {
    height: 160px
  }
  .lp-kids-kinshilens-container #section1 .section1_series_box img {
    width: 50%
  }
  .lp-kids-kinshilens-container #section1 .section1_series_box:last-child {
    margin-bottom: 0
  }
}
.lp-kids-kinshilens-container #section1 .section1_series_box h3 {
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 82%;
  height: 72px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background-color: #ffa500;
  border-radius: 0 0 40px 40px
}
.lp-kids-kinshilens-container #section1 .section1_series_box h3 p {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 .section1_series_box h3 {
    width: 84%;
    height: 43px;
    margin-bottom: 20px;
    font-size: 20px;
    border-radius: 0 0 30px 30px
  }
}
.lp-kids-kinshilens-container #section1 .section1_series_txt {
  font-size: 16px;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 .section1_series .space-u-30 {
    margin-top: -10px;
    margin-left: -10px
  }
  .lp-kids-kinshilens-container #section1 .section1_series .space-u-30-child {
    padding-top: 10px;
    padding-left: 10px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section1 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section1 .dotted-underline-text {
    text-align: center
  }
}
.lp-kids-kinshilens-container #section2 {
  padding-bottom: 100px;
  background-color: #fff;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 {
    padding-bottom: 60px
  }
}
.lp-kids-kinshilens-container #section2 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 110px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #ffa500
}
.lp-kids-kinshilens-container #section2 h2:before, .lp-kids-kinshilens-container #section2 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-kinshilens-container #section2 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffa500
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-kinshilens-container #section2 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-kinshilens-container #section2 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-kinshilens-container #section2 h2 p.h2_large {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section2 h2 p.h2_large {
    width: 100%;
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 h2 p.h2_large {
    width: 100%;
    font-size: 24px
  }
}
.lp-kids-kinshilens-container #section2 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section2 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 45px
  }
}
.lp-kids-kinshilens-container #section2 .section2_step {
  position: relative;
  padding: 0 70px 40px;
  border-radius: 40px;
  background-color: #fff2d9;
  margin-bottom: 38px
}
.lp-kids-kinshilens-container #section2 .section2_step:before {
  position: absolute;
  top: -38px;
  left: 50%;
  content: '';
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
  height: 38px;
  background-color: rgba(255, 165, 0, .4)
}
.lp-kids-kinshilens-container #section2 .section2_step:first-child:before {
  display: none
}
.lp-kids-kinshilens-container #section2 .section2_step h3 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 400px;
  height: 47px;
  margin: 0 auto 30px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-family: Jost, sans-serif;
  border-radius: 0 0 30px 30px;
  background-color: #ffa500
}
.lp-kids-kinshilens-container #section2 .section2_step h3 .section2_step_txt {
  margin-right: 10px;
  line-height: 2;
  font-size: 20px
}
.lp-kids-kinshilens-container #section2 .section2_step h3 .section2_step_num {
  font-size: 40px;
  font-weight: 600
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 .section2_step h3 {
    margin: 0 auto 20px
  }
}
.lp-kids-kinshilens-container #section2 .section2_step_box {
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px
}
.lp-kids-kinshilens-container #section2 .section2_step_box_img {
  width: 15.5%
}
.lp-kids-kinshilens-container #section2 .section2_step_box dt {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6
}
.lp-kids-kinshilens-container #section2 .section2_step_box dd {
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 .section2_step_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .lp-kids-kinshilens-container #section2 .section2_step_box_img {
    width: 100%;
    margin-bottom: 10px;
    position: relative
  }
  .lp-kids-kinshilens-container #section2 .section2_step_box_img img {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .lp-kids-kinshilens-container #section2 .section2_step_box dt {
    text-align: center
  }
  .lp-kids-kinshilens-container #section2 .section2_step_box dd {
    font-size: 14px;
    line-height: 1.6
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section2 .section2_step {
    border-radius: 40px;
    padding: 0 40px 20px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 .section2_step {
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-radius: 30px
  }
  .lp-kids-kinshilens-container #section2 .section2_step:before {
    top: -20px;
    height: 20px
  }
  .lp-kids-kinshilens-container #section2 .section2_step h3 {
    width: 94%;
    font-weight: 600
  }
  .lp-kids-kinshilens-container #section2 .section2_step:last-child {
    margin-bottom: 0
  }
}
.lp-kids-kinshilens-container #section2 .section2_btnarea p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 10px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section2 .mod-auto {
    max-width: 92%
  }
  .lp-kids-kinshilens-container #section2 .section2_btnarea p {
    font-size: 14px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section2 .mod-auto {
    max-width: 90%
  }
  .lp-kids-kinshilens-container #section2 .section2_btnarea p {
    font-size: 14px
  }
}
.lp-kids-kinshilens-container #section3 {
  padding-bottom: 100px;
  background-color: #fff;
  scroll-padding-top: 100px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 {
    padding-bottom: 60px
  }
}
.lp-kids-kinshilens-container #section3 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 204px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #ffd700
}
.lp-kids-kinshilens-container #section3 h2:before, .lp-kids-kinshilens-container #section3 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-kinshilens-container #section3 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffd700
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-kinshilens-container #section3 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-kinshilens-container #section3 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-kinshilens-container #section3 h2 p.h2_large {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section3 h2 p.h2_large {
    width: 100%;
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 h2 p.h2_large {
    width: 100%;
    font-size: 24px
  }
}
.lp-kids-kinshilens-container #section3 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section3 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 68px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 .dotted-underline-text {
    font-size: 18px;
    line-height: 2.5
  }
  .lp-kids-kinshilens-container #section3 .__sp {
    padding: 0 20px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section3 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section3 .mod-auto {
    max-width: 90%
  }
}
.lp-kids-kinshilens-container .section3_series {
  width: 100%;
  margin: 40px 0 87px;
  padding: 40px;
  border-radius: 40px;
  background-color: #fff9d4
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .section3_series {
    margin: 20px 0;
    padding: 20px
  }
}
.lp-kids-kinshilens-container .section3_series-auto {
  padding: 0 60px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .section3_series-auto {
    padding: 0
  }
}
.lp-kids-kinshilens-container .section3_series h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .section3_series h3 {
    font-size: 16px;
    line-height: 1.6
  }
}
.lp-kids-kinshilens-container .section3_series_ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}
.lp-kids-kinshilens-container .section3_series_ul ul {
  list-style-position: inside;
  list-style-type: disc
}
.lp-kids-kinshilens-container .section3_series_ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .section3_series_ul li {
    font-size: 14px;
    line-height: 1.6
  }
}
.lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3 {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffd700;
  color: #333;
  width: 350px;
  height: 64px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden
}
.lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3:hover {
  transition: .3s
}
.lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3_txt {
  position: absolute;
  left: 40%;
  -ms-transform: translateX(-40%);
  transform: translateX(-40%);
  -ms-flex-positive: 1;
  flex-grow: 1
}
.lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3_icon {
  width: 16px;
  height: 16px;
  object-fit: contain
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .section3_btnarea .btn_blank_section3 {
    width: 100%
  }
}
.lp-kids-kinshilens-container #section4 {
  padding-bottom: 160px;
  background-color: #fff;
  scroll-padding-top: 100px
}
.lp-kids-kinshilens-container #section4 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 177px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #ffa500
}
.lp-kids-kinshilens-container #section4 h2:before, .lp-kids-kinshilens-container #section4 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-kinshilens-container #section4 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffa500
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-kinshilens-container #section4 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-kinshilens-container #section4 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-kinshilens-container #section4 h2 p.h2_small {
  font-size: 24px;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 h2 p.h2_small {
    font-size: 16px
  }
}
.lp-kids-kinshilens-container #section4 h2 p.h2_large {
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section4 h2 p.h2_large {
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 h2 p.h2_large {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 24px
  }
}
.lp-kids-kinshilens-container #section4 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section4 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 68px
  }
}
.lp-kids-kinshilens-container #section4 .section4_assurance {
  padding: 0 60px
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block {
  padding: 30px 60px;
  margin-bottom: 40px;
  border-radius: 40px;
  background-color: #fff2d9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block:last-child {
  margin-bottom: 0
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_dt {
  margin-bottom: 40px;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_dt_s {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 700
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_dt {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px
  }
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_dt_s {
    font-size: 20px;
    margin-bottom: 10px
  }
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_img {
  margin-bottom: 20px;
  text-align: center
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_img {
    margin-bottom: 8px
  }
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_txt {
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_txt span {
  font-size: 14px;
  line-height: 1.6
}
.lp-kids-kinshilens-container #section4 .section4_assurance_block_txt_l {
  width: 100%;
  font-size: 16px;
  line-height: 1.8
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_txt_l {
    font-size: 14px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_txt {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_txt {
    font-size: 14px;
    line-height: 1.6
  }
  .lp-kids-kinshilens-container #section4 .section4_assurance_block_txt span {
    font-size: 12px;
    line-height: 1.6
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance_block {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 20px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section4 .section4_assurance {
    padding: 0 40px 40px;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_assurance {
    padding: 0 20px 20px;
    margin-bottom: 30px
  }
  .lp-kids-kinshilens-container #section4 .section4_assurance:last-child {
    margin-bottom: 0
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section4 .mod-auto {
    max-width: 92%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 {
    padding-bottom: 60px
  }
  .lp-kids-kinshilens-container #section4 .mod-auto {
    max-width: 90%
  }
}
.lp-kids-kinshilens-container #section4 .section4_btnarea p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 10px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section4 .section4_btnarea p {
    font-size: 14px;
    text-align: left
  }
}
.lp-kids-kinshilens-container #section4 .section4_btnarea a {
  margin: 0 auto
}
.lp-kids-kinshilens-container #section4 .section4_btnarea a .btn_blank_txt {
  font-size: 16px;
  line-height: 1.6;
  text-align: center
}
.lp-kids-kinshilens-container #section4 .section4_btnarea a .btn_blank_txt_s {
  font-size: 14px;
  font-weight: 700
}
.lp-kids-kinshilens-container #section5 {
  padding: 0 0 260px
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 {
    padding: 0 0 130px
  }
}
.lp-kids-kinshilens-container #section5 h2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 177px;
  padding: 30px;
  color: #fff;
  text-align: center;
  background-color: #ffd700
}
.lp-kids-kinshilens-container #section5 h2:before, .lp-kids-kinshilens-container #section5 h2:after {
  position: absolute;
  content: ''
}
.lp-kids-kinshilens-container #section5 h2:before {
  bottom: -40px;
  left: 50%;
  width: 446px;
  height: 80px;
  border-radius: 50% / 0 0 100% 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #ffd700
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 h2:before {
    bottom: -20px;
    width: 200px;
    height: 40px
  }
}
.lp-kids-kinshilens-container #section5 h2:after {
  top: 0;
  left: 0;
  width: 100%;
  background: #2094ff
}
.lp-kids-kinshilens-container #section5 h2 p {
  position: relative;
  z-index: 100
}
.lp-kids-kinshilens-container #section5 h2 p.h2_small {
  font-size: 24px;
  line-height: 1.6
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 h2 p.h2_small {
    font-size: 16px
  }
}
.lp-kids-kinshilens-container #section5 h2 p.h2_large {
  font-size: 40px;
  line-height: 1.8
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 h2 p.h2_large {
    font-size: 34px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 h2 p.h2_large {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 24px
  }
}
.lp-kids-kinshilens-container #section5 h2 i {
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/glasses.svg)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 h2 i {
    bottom: -22px;
    width: 40px
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 h2 {
    margin-bottom: 80px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 h2 {
    padding: 12px 20px;
    height: 145px;
    margin-bottom: 68px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .__sp {
    padding: 0 20px
  }
  .lp-kids-kinshilens-container #section5 .dotted-underline-text {
    font-size: 18px;
    line-height: 2.5
  }
}
.lp-kids-kinshilens-container #section5 .section5_aftercare {
  width: 100%;
  padding: 0;
  border-radius: 60px;
  background-color: #fff
}
.lp-kids-kinshilens-container #section5 .section5_aftercare_column {
  display: -ms-flexbox;
  display: flex;
  gap: 0 80px;
  padding: 0 40px
}
.lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner {
  position: relative;
  width: 50%;
  padding: 30px;
  border-radius: 40px;
  background-color: #fff9d4
}
.lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner h4 {
  width: 100%;
  height: 32px;
  margin-bottom: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  border-radius: 16px;
  background-color: #ffa500
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner h4 {
    height: auto;
    font-size: 18px;
    margin-bottom: 20px;
    border-radius: 30px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner h4 {
    height: auto;
    font-size: 18px;
    margin-bottom: 20px;
    border-radius: 30px
  }
}
.lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner {
    width: 100%
  }
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner:last-child {
    margin-bottom: 0
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner {
    width: 100%;
    padding: 20px;
    border-radius: 20px
  }
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner:last-child {
    margin-bottom: 0
  }
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner p {
    font-size: 14px
  }
}
.lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner:first-child:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -60px;
  width: 40px;
  height: 34px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/images/products/kids/kinshilens/arrow.svg)
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner:first-child:after {
    position: absolute;
    top: 130%;
    left: 50%;
    width: 34px;
    height: 40px;
    -ms-transform: translateX(-50%) translateY(-130%);
    transform: translateX(-50%) translateY(-130%);
    background-image: url(/images/products/kids/kinshilens/arrow_sp.svg)
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column_inner:first-child:after {
    position: absolute;
    top: 130%;
    left: 50%;
    width: 34px;
    height: 40px;
    -ms-transform: translateX(-50%) translateY(-130%);
    transform: translateX(-50%) translateY(-130%);
    background-image: url(/images/products/kids/kinshilens/arrow_sp.svg)
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column {
    gap: 60px;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare_column {
    gap: 60px;
    margin-bottom: 0;
    padding: 0
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare {
    padding: 0 40px 40px;
    border-radius: 40px
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 .section5_aftercare {
    padding: 0 20px 150px;
    border-radius: 30px
  }
}
.lp-kids-kinshilens-container #section5 h3 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%
}
.lp-kids-kinshilens-container #section5 h3 .marker {
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section5 h3 {
    font-size: 22px;
    line-height: 160%
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section5 {
    padding: 0
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens-container #section6 {
    padding: 0 20px 40px
  }
}
.lp-kids-kinshilens-container #section6 h3 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 180%
}
.lp-kids-kinshilens-container #section6 h3 .marker {
  background: linear-gradient(transparent 70%, #ffe229 70%)
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container #section6 h3 {
    margin-bottom: 20px;
    font-size: 24px
  }
}
.lp-kids-kinshilens-container .return_top {
  display: block;
  position: relative;
  margin: 100px auto 76px;
  text-align: center;
  font-size: 16px
}
.lp-kids-kinshilens-container .return_top a {
  display: block
}
.lp-kids-kinshilens-container .return_top_icon {
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80px;
  content: url(/cms/images/products/kids/img/kinshilens/return_top.png)
}
.lp-kids-kinshilens-container .return_top span {
  position: relative;
  top: 30px;
  color: #ffa500
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens-container .return_top {
    height: 53px;
    margin: 70px auto 0
  }
}
.lp-kids-kinshilens .site-footer {
  position: relative;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffd700;
  color: #fff;
  padding: 20px 0;
  width: calc(100% - 120px);
  height: 100px;
  box-sizing: border-box;
  border-radius: 60px 60px 0 0;
  overflow: hidden
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .site-footer {
    width: 100%;
    height: 203px;
    border-radius: 30px 30px 0 0
  }
}
.lp-kids-kinshilens .footer-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1800px;
  padding: 0 60px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .footer-inner {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    text-align: center
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .footer-logo {
    margin-bottom: 30px
  }
  .lp-kids-kinshilens .footer-sns {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px
  }
}
.lp-kids-kinshilens .footer-logo img {
  height: 60px;
  width: auto
}
.lp-kids-kinshilens .footer-copyright {
  font-size: 16px;
  white-space: nowrap
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .footer-copyright {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 15px;
    font-size: 12px
  }
}
.lp-kids-kinshilens .footer-sns .sns-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 30px
}
.lp-kids-kinshilens .footer-sns .sns-list .icon:before {
  color: #fff;
  font-size: 24px
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .footer-sns .sns-list {
    -ms-flex-pack: center;
    justify-content: center
  }
}
.lp-kids-kinshilens .fixed-header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1000
}
.lp-kids-kinshilens .fixed-header {
  height: 100px;
  background-color: #ffd700;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 120px);
  max-width: 1800px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  transition: all .3s ease
}
.lp-kids-kinshilens .header-inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 60px;
  box-sizing: border-box;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  transition: all .3s ease
}
.lp-kids-kinshilens .header-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 60px
}
.lp-kids-kinshilens .site-logo {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 0;
  overflow-wrap: break-word;
  line-height: 1.2
}
.lp-kids-kinshilens .header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.lp-kids-kinshilens .header-nav ul li {
  margin-left: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.lp-kids-kinshilens .header-nav ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  white-space: normal;
  text-align: center;
  display: block;
  line-height: 1.3;
  transition: color .3s ease
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens .header {
    position: relative;
    border: none
  }
  .lp-kids-kinshilens .header .nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-color: #ffd700;
    border-radius: 0 0 0 30px
  }
  .lp-kids-kinshilens .header .drawer_hidden {
    display: none
  }
  .lp-kids-kinshilens .drawer_open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 100;
    cursor: pointer;
    background-color: #2094ff
  }
  .lp-kids-kinshilens .drawer_open span, .lp-kids-kinshilens .drawer_open span:before, .lp-kids-kinshilens .drawer_open span:after {
    content: '';
    display: block;
    height: 2px;
    width: 19px;
    border-radius: 2px;
    background: #FFF;
    transition: .5s;
    position: absolute
  }
  .lp-kids-kinshilens .drawer_open span:before {
    bottom: 8px
  }
  .lp-kids-kinshilens .drawer_open span:after {
    top: 8px
  }
  .lp-kids-kinshilens #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0)
  }
  .lp-kids-kinshilens #drawer_input:checked ~ .drawer_open span:before {
    bottom: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .lp-kids-kinshilens #drawer_input:checked ~ .drawer_open span:after {
    top: 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .lp-kids-kinshilens .nav_content {
    position: relative;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 100%;
    left: 0;
    z-index: 99;
    background: #ffd700
  }
  .lp-kids-kinshilens .nav_content .logo {
    position: absolute;
    left: 0;
    width: 23.4%
  }
  .lp-kids-kinshilens .nav_content .logo img {
    width: 100%;
    padding: 10px 0 0 10px
  }
  .lp-kids-kinshilens .nav_content .action-button {
    border: none;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  .lp-kids-kinshilens .nav_content .action-button a {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #ffd700;
    border-radius: 60px;
    background-color: #fff
  }
  .lp-kids-kinshilens .nav_list {
    margin: 0;
    list-style: none;
    text-align: center
  }
  .lp-kids-kinshilens .nav_list li {
    margin-bottom: 30px
  }
  .lp-kids-kinshilens .nav_list li:last-child {
    margin-bottom: 0
  }
  .lp-kids-kinshilens .nav_list .langList {
    margin: 30px 0
  }
  .lp-kids-kinshilens .nav_list .langList > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
  }
  .lp-kids-kinshilens .nav_list .langList > ul > li {
    font-size: 1.4rem;
    margin: 0
  }
  .lp-kids-kinshilens .nav_list .langList > ul > li a.current {
    text-decoration: underline;
    pointer-events: none
  }
  .lp-kids-kinshilens .nav_item a {
    color: #fff;
    font-size: 16px;
    text-decoration: none
  }
  .lp-kids-kinshilens #drawer_input:checked ~ .nav_content {
    top: 0;
    bottom: auto;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.lp-kids-kinshilens .action-button {
  border: none;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.lp-kids-kinshilens .action-button a {
  padding: 12px 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffd700;
  border-radius: 60px;
  background-color: #fff
}
.lp-kids-kinshilens .br_1560 {
  display: none
}
@media screen and (max-width:1560px) {
  .lp-kids-kinshilens .fixed-header {
    width: calc(100% - 60px);
    max-width: 1480px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
  }
  .lp-kids-kinshilens .header-inner {
    padding: 0 120px 0 60px
  }
  .lp-kids-kinshilens .header-nav ul li a {
    font-size: 16px;
    line-height: 1.6
  }
  .lp-kids-kinshilens .br_1560 {
    display: block
  }
  .lp-kids-kinshilens .header-right button {
    display: none
  }
}
@media screen and (max-width:1000px) {
  .lp-kids-kinshilens .fixed-header-wrapper {
    display: none
  }
}
@media screen and (max-width:47.938em) {
  .lp-kids-kinshilens .fixed-header-wrapper {
    display: none
  }
}
@media(max-width:767px) {
  .lp-kids-kinshilens .fixed-header-wrapper {
    display: none
  }
}
.width-u-5 {
  width: 5%
}
.width-u-10 {
  width: 10%
}
.width-u-15 {
  width: 15%
}
.width-u-20 {
  width: 20%
}
.width-u-25 {
  width: 25%
}
.width-u-30 {
  width: 30%
}
.width-u-35 {
  width: 35%
}
.width-u-40 {
  width: 40%
}
.width-u-45 {
  width: 45%
}
.width-u-50 {
  width: 50%
}
.width-u-55 {
  width: 55%
}
.width-u-60 {
  width: 60%
}
.width-u-65 {
  width: 65%
}
.width-u-70 {
  width: 70%
}
.width-u-75 {
  width: 75%
}
.width-u-80 {
  width: 80%
}
.width-u-85 {
  width: 85%
}
.width-u-90 {
  width: 90%
}
.width-u-95 {
  width: 95%
}
.width-u-100 {
  width: 100%
}
@media screen and (max-width:1000px) {
  .width-lg-5 {
    width: 5%
  }
  .width-lg-10 {
    width: 10%
  }
  .width-lg-15 {
    width: 15%
  }
  .width-lg-20 {
    width: 20%
  }
  .width-lg-25 {
    width: 25%
  }
  .width-lg-30 {
    width: 30%
  }
  .width-lg-35 {
    width: 35%
  }
  .width-lg-40 {
    width: 40%
  }
  .width-lg-45 {
    width: 45%
  }
  .width-lg-50 {
    width: 50%
  }
  .width-lg-55 {
    width: 55%
  }
  .width-lg-60 {
    width: 60%
  }
  .width-lg-65 {
    width: 65%
  }
  .width-lg-70 {
    width: 70%
  }
  .width-lg-75 {
    width: 75%
  }
  .width-lg-80 {
    width: 80%
  }
  .width-lg-85 {
    width: 85%
  }
  .width-lg-90 {
    width: 90%
  }
  .width-lg-95 {
    width: 95%
  }
  .width-lg-100 {
    width: 100%
  }
}
@media screen and (max-width:47.938em) {
  .width-md-5 {
    width: 5%
  }
  .width-md-10 {
    width: 10%
  }
  .width-md-15 {
    width: 15%
  }
  .width-md-20 {
    width: 20%
  }
  .width-md-25 {
    width: 25%
  }
  .width-md-30 {
    width: 30%
  }
  .width-md-35 {
    width: 35%
  }
  .width-md-40 {
    width: 40%
  }
  .width-md-45 {
    width: 45%
  }
  .width-md-50 {
    width: 50%
  }
  .width-md-55 {
    width: 55%
  }
  .width-md-60 {
    width: 60%
  }
  .width-md-65 {
    width: 65%
  }
  .width-md-70 {
    width: 70%
  }
  .width-md-75 {
    width: 75%
  }
  .width-md-80 {
    width: 80%
  }
  .width-md-85 {
    width: 85%
  }
  .width-md-90 {
    width: 90%
  }
  .width-md-95 {
    width: 95%
  }
  .width-md-100 {
    width: 100%
  }
}
.space-u-5 {
  margin-top: -5px;
  margin-left: -5px
}
.space-u-5-child {
  padding-top: 5px;
  padding-left: 5px
}
@media screen and (max-width:47.938em) {
  .space-u-5 {
    margin-top: -.78125vw;
    margin-left: -.78125vw
  }
  .space-u-5-child {
    padding-top: .78125vw;
    padding-left: .78125vw
  }
}
.space-u-10 {
  margin-top: -10px;
  margin-left: -10px
}
.space-u-10-child {
  padding-top: 10px;
  padding-left: 10px
}
@media screen and (max-width:47.938em) {
  .space-u-10 {
    margin-top: -1.5625vw;
    margin-left: -1.5625vw
  }
  .space-u-10-child {
    padding-top: 1.5625vw;
    padding-left: 1.5625vw
  }
}
.space-u-15 {
  margin-top: -15px;
  margin-left: -15px
}
.space-u-15-child {
  padding-top: 15px;
  padding-left: 15px
}
@media screen and (max-width:47.938em) {
  .space-u-15 {
    margin-top: -2.34375vw;
    margin-left: -2.34375vw
  }
  .space-u-15-child {
    padding-top: 2.34375vw;
    padding-left: 2.34375vw
  }
}
.space-u-20 {
  margin-top: -20px;
  margin-left: -20px
}
.space-u-20-child {
  padding-top: 20px;
  padding-left: 20px
}
@media screen and (max-width:47.938em) {
  .space-u-20 {
    margin-top: -3.125vw;
    margin-left: -3.125vw
  }
  .space-u-20-child {
    padding-top: 3.125vw;
    padding-left: 3.125vw
  }
}
.space-u-25 {
  margin-top: -25px;
  margin-left: -25px
}
.space-u-25-child {
  padding-top: 25px;
  padding-left: 25px
}
@media screen and (max-width:47.938em) {
  .space-u-25 {
    margin-top: -3.90625vw;
    margin-left: -3.90625vw
  }
  .space-u-25-child {
    padding-top: 3.90625vw;
    padding-left: 3.90625vw
  }
}
.space-u-30 {
  margin-top: -30px;
  margin-left: -30px
}
.space-u-30-child {
  padding-top: 30px;
  padding-left: 30px
}
@media screen and (max-width:47.938em) {
  .space-u-30 {
    margin-top: -4.6875vw;
    margin-left: -4.6875vw
  }
  .space-u-30-child {
    padding-top: 4.6875vw;
    padding-left: 4.6875vw
  }
}
.space-u-35 {
  margin-top: -35px;
  margin-left: -35px
}
.space-u-35-child {
  padding-top: 35px;
  padding-left: 35px
}
@media screen and (max-width:47.938em) {
  .space-u-35 {
    margin-top: -5.46875vw;
    margin-left: -5.46875vw
  }
  .space-u-35-child {
    padding-top: 5.46875vw;
    padding-left: 5.46875vw
  }
}
.space-u-40 {
  margin-top: -40px;
  margin-left: -40px
}
.space-u-40-child {
  padding-top: 40px;
  padding-left: 40px
}
@media screen and (max-width:47.938em) {
  .space-u-40 {
    margin-top: -6.25vw;
    margin-left: -6.25vw
  }
  .space-u-40-child {
    padding-top: 6.25vw;
    padding-left: 6.25vw
  }
}
.space-u-45 {
  margin-top: -45px;
  margin-left: -45px
}
.space-u-45-child {
  padding-top: 45px;
  padding-left: 45px
}
@media screen and (max-width:47.938em) {
  .space-u-45 {
    margin-top: -7.03125vw;
    margin-left: -7.03125vw
  }
  .space-u-45-child {
    padding-top: 7.03125vw;
    padding-left: 7.03125vw
  }
}
.space-u-50 {
  margin-top: -50px;
  margin-left: -50px
}
.space-u-50-child {
  padding-top: 50px;
  padding-left: 50px
}
@media screen and (max-width:47.938em) {
  .space-u-50 {
    margin-top: -7.8125vw;
    margin-left: -7.8125vw
  }
  .space-u-50-child {
    padding-top: 7.8125vw;
    padding-left: 7.8125vw
  }
}
.m0 {
  margin: 0 !important
}
.mt0 {
  margin-top: 0 !important
}
.mr0 {
  margin-right: 0 !important
}
.mb0 {
  margin-bottom: 0 !important
}
.ml0 {
  margin-left: 0 !important
}
.p0 {
  padding: 0 !important
}
.pt0 {
  padding-top: 0 !important
}
.pr0 {
  padding-right: 0 !important
}
.pb0 {
  padding-bottom: 0 !important
}
.pl0 {
  padding-left: 0 !important
}
.idt {
  text-indent: 0 !important
}
.m5 {
  margin: 5px
}
.mt5 {
  margin-top: 5px
}
.mb5 {
  margin-bottom: 5px
}
.mr5 {
  margin-right: 5px
}
.ml5 {
  margin-left: 5px
}
.p5 {
  padding: 5px
}
.pt5 {
  padding-top: 5px
}
.pr5 {
  padding-right: 5px
}
.pb5 {
  padding-bottom: 5px
}
.pl5 {
  padding-left: 5px
}
.idt5 {
  text-indent: -5px
}
@media screen and (max-width:47.938em) {
  .m5 {
    margin: .78125vw
  }
  .mt5 {
    margin-top: .78125vw
  }
  .mb5 {
    margin-bottom: .78125vw
  }
  .mr5 {
    margin-right: .78125vw
  }
  .ml5 {
    margin-left: .78125vw
  }
  .p5 {
    padding: .78125vw
  }
  .pt5 {
    padding-top: .78125vw
  }
  .pr5 {
    padding-right: .78125vw
  }
  .pb5 {
    padding-bottom: .78125vw
  }
  .pl5 {
    padding-left: .78125vw
  }
  .idt5 {
    text-indent: -.78125vw
  }
}
.m10 {
  margin: 10px
}
.mt10 {
  margin-top: 10px
}
.mb10 {
  margin-bottom: 10px
}
.mr10 {
  margin-right: 10px
}
.ml10 {
  margin-left: 10px
}
.p10 {
  padding: 10px
}
.pt10 {
  padding-top: 10px
}
.pr10 {
  padding-right: 10px
}
.pb10 {
  padding-bottom: 10px
}
.pl10 {
  padding-left: 10px
}
.idt10 {
  text-indent: -10px
}
@media screen and (max-width:47.938em) {
  .m10 {
    margin: 1.5625vw
  }
  .mt10 {
    margin-top: 1.5625vw
  }
  .mb10 {
    margin-bottom: 1.5625vw
  }
  .mr10 {
    margin-right: 1.5625vw
  }
  .ml10 {
    margin-left: 1.5625vw
  }
  .p10 {
    padding: 1.5625vw
  }
  .pt10 {
    padding-top: 1.5625vw
  }
  .pr10 {
    padding-right: 1.5625vw
  }
  .pb10 {
    padding-bottom: 1.5625vw
  }
  .pl10 {
    padding-left: 1.5625vw
  }
  .idt10 {
    text-indent: -1.5625vw
  }
}
.m15 {
  margin: 15px
}
.mt15 {
  margin-top: 15px
}
.mb15 {
  margin-bottom: 15px
}
.mr15 {
  margin-right: 15px
}
.ml15 {
  margin-left: 15px
}
.p15 {
  padding: 15px
}
.pt15 {
  padding-top: 15px
}
.pr15 {
  padding-right: 15px
}
.pb15 {
  padding-bottom: 15px
}
.pl15 {
  padding-left: 15px
}
.idt15 {
  text-indent: -15px
}
@media screen and (max-width:47.938em) {
  .m15 {
    margin: 2.34375vw
  }
  .mt15 {
    margin-top: 2.34375vw
  }
  .mb15 {
    margin-bottom: 2.34375vw
  }
  .mr15 {
    margin-right: 2.34375vw
  }
  .ml15 {
    margin-left: 2.34375vw
  }
  .p15 {
    padding: 2.34375vw
  }
  .pt15 {
    padding-top: 2.34375vw
  }
  .pr15 {
    padding-right: 2.34375vw
  }
  .pb15 {
    padding-bottom: 2.34375vw
  }
  .pl15 {
    padding-left: 2.34375vw
  }
  .idt15 {
    text-indent: -2.34375vw
  }
}
.m20 {
  margin: 20px
}
.mt20 {
  margin-top: 20px
}
.mb20 {
  margin-bottom: 20px
}
.mr20 {
  margin-right: 20px
}
.ml20 {
  margin-left: 20px
}
.p20 {
  padding: 20px
}
.pt20 {
  padding-top: 20px
}
.pr20 {
  padding-right: 20px
}
.pb20 {
  padding-bottom: 20px
}
.pl20 {
  padding-left: 20px
}
.idt20 {
  text-indent: -20px
}
@media screen and (max-width:47.938em) {
  .m20 {
    margin: 3.125vw
  }
  .mt20 {
    margin-top: 3.125vw
  }
  .mb20 {
    margin-bottom: 3.125vw
  }
  .mr20 {
    margin-right: 3.125vw
  }
  .ml20 {
    margin-left: 3.125vw
  }
  .p20 {
    padding: 3.125vw
  }
  .pt20 {
    padding-top: 3.125vw
  }
  .pr20 {
    padding-right: 3.125vw
  }
  .pb20 {
    padding-bottom: 3.125vw
  }
  .pl20 {
    padding-left: 3.125vw
  }
  .idt20 {
    text-indent: -3.125vw
  }
}
.m25 {
  margin: 25px
}
.mt25 {
  margin-top: 25px
}
.mb25 {
  margin-bottom: 25px
}
.mr25 {
  margin-right: 25px
}
.ml25 {
  margin-left: 25px
}
.p25 {
  padding: 25px
}
.pt25 {
  padding-top: 25px
}
.pr25 {
  padding-right: 25px
}
.pb25 {
  padding-bottom: 25px
}
.pl25 {
  padding-left: 25px
}
.idt25 {
  text-indent: -25px
}
@media screen and (max-width:47.938em) {
  .m25 {
    margin: 3.90625vw
  }
  .mt25 {
    margin-top: 3.90625vw
  }
  .mb25 {
    margin-bottom: 3.90625vw
  }
  .mr25 {
    margin-right: 3.90625vw
  }
  .ml25 {
    margin-left: 3.90625vw
  }
  .p25 {
    padding: 3.90625vw
  }
  .pt25 {
    padding-top: 3.90625vw
  }
  .pr25 {
    padding-right: 3.90625vw
  }
  .pb25 {
    padding-bottom: 3.90625vw
  }
  .pl25 {
    padding-left: 3.90625vw
  }
  .idt25 {
    text-indent: -3.90625vw
  }
}
.m30 {
  margin: 30px
}
.mt30 {
  margin-top: 30px
}
.mb30 {
  margin-bottom: 30px
}
.mr30 {
  margin-right: 30px
}
.ml30 {
  margin-left: 30px
}
.p30 {
  padding: 30px
}
.pt30 {
  padding-top: 30px
}
.pr30 {
  padding-right: 30px
}
.pb30 {
  padding-bottom: 30px
}
.pl30 {
  padding-left: 30px
}
.idt30 {
  text-indent: -30px
}
@media screen and (max-width:47.938em) {
  .m30 {
    margin: 4.6875vw
  }
  .mt30 {
    margin-top: 4.6875vw
  }
  .mb30 {
    margin-bottom: 4.6875vw
  }
  .mr30 {
    margin-right: 4.6875vw
  }
  .ml30 {
    margin-left: 4.6875vw
  }
  .p30 {
    padding: 4.6875vw
  }
  .pt30 {
    padding-top: 4.6875vw
  }
  .pr30 {
    padding-right: 4.6875vw
  }
  .pb30 {
    padding-bottom: 4.6875vw
  }
  .pl30 {
    padding-left: 4.6875vw
  }
  .idt30 {
    text-indent: -4.6875vw
  }
}
.m35 {
  margin: 35px
}
.mt35 {
  margin-top: 35px
}
.mb35 {
  margin-bottom: 35px
}
.mr35 {
  margin-right: 35px
}
.ml35 {
  margin-left: 35px
}
.p35 {
  padding: 35px
}
.pt35 {
  padding-top: 35px
}
.pr35 {
  padding-right: 35px
}
.pb35 {
  padding-bottom: 35px
}
.pl35 {
  padding-left: 35px
}
.idt35 {
  text-indent: -35px
}
@media screen and (max-width:47.938em) {
  .m35 {
    margin: 5.46875vw
  }
  .mt35 {
    margin-top: 5.46875vw
  }
  .mb35 {
    margin-bottom: 5.46875vw
  }
  .mr35 {
    margin-right: 5.46875vw
  }
  .ml35 {
    margin-left: 5.46875vw
  }
  .p35 {
    padding: 5.46875vw
  }
  .pt35 {
    padding-top: 5.46875vw
  }
  .pr35 {
    padding-right: 5.46875vw
  }
  .pb35 {
    padding-bottom: 5.46875vw
  }
  .pl35 {
    padding-left: 5.46875vw
  }
  .idt35 {
    text-indent: -5.46875vw
  }
}
.m40 {
  margin: 40px
}
.mt40 {
  margin-top: 40px
}
.mb40 {
  margin-bottom: 40px
}
.mr40 {
  margin-right: 40px
}
.ml40 {
  margin-left: 40px
}
.p40 {
  padding: 40px
}
.pt40 {
  padding-top: 40px
}
.pr40 {
  padding-right: 40px
}
.pb40 {
  padding-bottom: 40px
}
.pl40 {
  padding-left: 40px
}
.idt40 {
  text-indent: -40px
}
@media screen and (max-width:47.938em) {
  .m40 {
    margin: 6.25vw
  }
  .mt40 {
    margin-top: 6.25vw
  }
  .mb40 {
    margin-bottom: 6.25vw
  }
  .mr40 {
    margin-right: 6.25vw
  }
  .ml40 {
    margin-left: 6.25vw
  }
  .p40 {
    padding: 6.25vw
  }
  .pt40 {
    padding-top: 6.25vw
  }
  .pr40 {
    padding-right: 6.25vw
  }
  .pb40 {
    padding-bottom: 6.25vw
  }
  .pl40 {
    padding-left: 6.25vw
  }
  .idt40 {
    text-indent: -6.25vw
  }
}
.m45 {
  margin: 45px
}
.mt45 {
  margin-top: 45px
}
.mb45 {
  margin-bottom: 45px
}
.mr45 {
  margin-right: 45px
}
.ml45 {
  margin-left: 45px
}
.p45 {
  padding: 45px
}
.pt45 {
  padding-top: 45px
}
.pr45 {
  padding-right: 45px
}
.pb45 {
  padding-bottom: 45px
}
.pl45 {
  padding-left: 45px
}
.idt45 {
  text-indent: -45px
}
@media screen and (max-width:47.938em) {
  .m45 {
    margin: 7.03125vw
  }
  .mt45 {
    margin-top: 7.03125vw
  }
  .mb45 {
    margin-bottom: 7.03125vw
  }
  .mr45 {
    margin-right: 7.03125vw
  }
  .ml45 {
    margin-left: 7.03125vw
  }
  .p45 {
    padding: 7.03125vw
  }
  .pt45 {
    padding-top: 7.03125vw
  }
  .pr45 {
    padding-right: 7.03125vw
  }
  .pb45 {
    padding-bottom: 7.03125vw
  }
  .pl45 {
    padding-left: 7.03125vw
  }
  .idt45 {
    text-indent: -7.03125vw
  }
}
.m50 {
  margin: 50px
}
.mt50 {
  margin-top: 50px
}
.mb50 {
  margin-bottom: 50px
}
.mr50 {
  margin-right: 50px
}
.ml50 {
  margin-left: 50px
}
.p50 {
  padding: 50px
}
.pt50 {
  padding-top: 50px
}
.pr50 {
  padding-right: 50px
}
.pb50 {
  padding-bottom: 50px
}
.pl50 {
  padding-left: 50px
}
.idt50 {
  text-indent: -50px
}
@media screen and (max-width:47.938em) {
  .m50 {
    margin: 7.8125vw
  }
  .mt50 {
    margin-top: 7.8125vw
  }
  .mb50 {
    margin-bottom: 7.8125vw
  }
  .mr50 {
    margin-right: 7.8125vw
  }
  .ml50 {
    margin-left: 7.8125vw
  }
  .p50 {
    padding: 7.8125vw
  }
  .pt50 {
    padding-top: 7.8125vw
  }
  .pr50 {
    padding-right: 7.8125vw
  }
  .pb50 {
    padding-bottom: 7.8125vw
  }
  .pl50 {
    padding-left: 7.8125vw
  }
  .idt50 {
    text-indent: -7.8125vw
  }
}
.m55 {
  margin: 55px
}
.mt55 {
  margin-top: 55px
}
.mb55 {
  margin-bottom: 55px
}
.mr55 {
  margin-right: 55px
}
.ml55 {
  margin-left: 55px
}
.p55 {
  padding: 55px
}
.pt55 {
  padding-top: 55px
}
.pr55 {
  padding-right: 55px
}
.pb55 {
  padding-bottom: 55px
}
.pl55 {
  padding-left: 55px
}
.idt55 {
  text-indent: -55px
}
@media screen and (max-width:47.938em) {
  .m55 {
    margin: 8.59375vw
  }
  .mt55 {
    margin-top: 8.59375vw
  }
  .mb55 {
    margin-bottom: 8.59375vw
  }
  .mr55 {
    margin-right: 8.59375vw
  }
  .ml55 {
    margin-left: 8.59375vw
  }
  .p55 {
    padding: 8.59375vw
  }
  .pt55 {
    padding-top: 8.59375vw
  }
  .pr55 {
    padding-right: 8.59375vw
  }
  .pb55 {
    padding-bottom: 8.59375vw
  }
  .pl55 {
    padding-left: 8.59375vw
  }
  .idt55 {
    text-indent: -8.59375vw
  }
}
.m60 {
  margin: 60px
}
.mt60 {
  margin-top: 60px
}
.mb60 {
  margin-bottom: 60px
}
.mr60 {
  margin-right: 60px
}
.ml60 {
  margin-left: 60px
}
.p60 {
  padding: 60px
}
.pt60 {
  padding-top: 60px
}
.pr60 {
  padding-right: 60px
}
.pb60 {
  padding-bottom: 60px
}
.pl60 {
  padding-left: 60px
}
.idt60 {
  text-indent: -60px
}
@media screen and (max-width:47.938em) {
  .m60 {
    margin: 9.375vw
  }
  .mt60 {
    margin-top: 9.375vw
  }
  .mb60 {
    margin-bottom: 9.375vw
  }
  .mr60 {
    margin-right: 9.375vw
  }
  .ml60 {
    margin-left: 9.375vw
  }
  .p60 {
    padding: 9.375vw
  }
  .pt60 {
    padding-top: 9.375vw
  }
  .pr60 {
    padding-right: 9.375vw
  }
  .pb60 {
    padding-bottom: 9.375vw
  }
  .pl60 {
    padding-left: 9.375vw
  }
  .idt60 {
    text-indent: -9.375vw
  }
}
.m65 {
  margin: 65px
}
.mt65 {
  margin-top: 65px
}
.mb65 {
  margin-bottom: 65px
}
.mr65 {
  margin-right: 65px
}
.ml65 {
  margin-left: 65px
}
.p65 {
  padding: 65px
}
.pt65 {
  padding-top: 65px
}
.pr65 {
  padding-right: 65px
}
.pb65 {
  padding-bottom: 65px
}
.pl65 {
  padding-left: 65px
}
.idt65 {
  text-indent: -65px
}
@media screen and (max-width:47.938em) {
  .m65 {
    margin: 10.15625vw
  }
  .mt65 {
    margin-top: 10.15625vw
  }
  .mb65 {
    margin-bottom: 10.15625vw
  }
  .mr65 {
    margin-right: 10.15625vw
  }
  .ml65 {
    margin-left: 10.15625vw
  }
  .p65 {
    padding: 10.15625vw
  }
  .pt65 {
    padding-top: 10.15625vw
  }
  .pr65 {
    padding-right: 10.15625vw
  }
  .pb65 {
    padding-bottom: 10.15625vw
  }
  .pl65 {
    padding-left: 10.15625vw
  }
  .idt65 {
    text-indent: -10.15625vw
  }
}
.m70 {
  margin: 70px
}
.mt70 {
  margin-top: 70px
}
.mb70 {
  margin-bottom: 70px
}
.mr70 {
  margin-right: 70px
}
.ml70 {
  margin-left: 70px
}
.p70 {
  padding: 70px
}
.pt70 {
  padding-top: 70px
}
.pr70 {
  padding-right: 70px
}
.pb70 {
  padding-bottom: 70px
}
.pl70 {
  padding-left: 70px
}
.idt70 {
  text-indent: -70px
}
@media screen and (max-width:47.938em) {
  .m70 {
    margin: 10.9375vw
  }
  .mt70 {
    margin-top: 10.9375vw
  }
  .mb70 {
    margin-bottom: 10.9375vw
  }
  .mr70 {
    margin-right: 10.9375vw
  }
  .ml70 {
    margin-left: 10.9375vw
  }
  .p70 {
    padding: 10.9375vw
  }
  .pt70 {
    padding-top: 10.9375vw
  }
  .pr70 {
    padding-right: 10.9375vw
  }
  .pb70 {
    padding-bottom: 10.9375vw
  }
  .pl70 {
    padding-left: 10.9375vw
  }
  .idt70 {
    text-indent: -10.9375vw
  }
}
.m75 {
  margin: 75px
}
.mt75 {
  margin-top: 75px
}
.mb75 {
  margin-bottom: 75px
}
.mr75 {
  margin-right: 75px
}
.ml75 {
  margin-left: 75px
}
.p75 {
  padding: 75px
}
.pt75 {
  padding-top: 75px
}
.pr75 {
  padding-right: 75px
}
.pb75 {
  padding-bottom: 75px
}
.pl75 {
  padding-left: 75px
}
.idt75 {
  text-indent: -75px
}
@media screen and (max-width:47.938em) {
  .m75 {
    margin: 11.71875vw
  }
  .mt75 {
    margin-top: 11.71875vw
  }
  .mb75 {
    margin-bottom: 11.71875vw
  }
  .mr75 {
    margin-right: 11.71875vw
  }
  .ml75 {
    margin-left: 11.71875vw
  }
  .p75 {
    padding: 11.71875vw
  }
  .pt75 {
    padding-top: 11.71875vw
  }
  .pr75 {
    padding-right: 11.71875vw
  }
  .pb75 {
    padding-bottom: 11.71875vw
  }
  .pl75 {
    padding-left: 11.71875vw
  }
  .idt75 {
    text-indent: -11.71875vw
  }
}
.m80 {
  margin: 80px
}
.mt80 {
  margin-top: 80px
}
.mb80 {
  margin-bottom: 80px
}
.mr80 {
  margin-right: 80px
}
.ml80 {
  margin-left: 80px
}
.p80 {
  padding: 80px
}
.pt80 {
  padding-top: 80px
}
.pr80 {
  padding-right: 80px
}
.pb80 {
  padding-bottom: 80px
}
.pl80 {
  padding-left: 80px
}
.idt80 {
  text-indent: -80px
}
@media screen and (max-width:47.938em) {
  .m80 {
    margin: 12.5vw
  }
  .mt80 {
    margin-top: 12.5vw
  }
  .mb80 {
    margin-bottom: 12.5vw
  }
  .mr80 {
    margin-right: 12.5vw
  }
  .ml80 {
    margin-left: 12.5vw
  }
  .p80 {
    padding: 12.5vw
  }
  .pt80 {
    padding-top: 12.5vw
  }
  .pr80 {
    padding-right: 12.5vw
  }
  .pb80 {
    padding-bottom: 12.5vw
  }
  .pl80 {
    padding-left: 12.5vw
  }
  .idt80 {
    text-indent: -12.5vw
  }
}
.m85 {
  margin: 85px
}
.mt85 {
  margin-top: 85px
}
.mb85 {
  margin-bottom: 85px
}
.mr85 {
  margin-right: 85px
}
.ml85 {
  margin-left: 85px
}
.p85 {
  padding: 85px
}
.pt85 {
  padding-top: 85px
}
.pr85 {
  padding-right: 85px
}
.pb85 {
  padding-bottom: 85px
}
.pl85 {
  padding-left: 85px
}
.idt85 {
  text-indent: -85px
}
@media screen and (max-width:47.938em) {
  .m85 {
    margin: 13.28125vw
  }
  .mt85 {
    margin-top: 13.28125vw
  }
  .mb85 {
    margin-bottom: 13.28125vw
  }
  .mr85 {
    margin-right: 13.28125vw
  }
  .ml85 {
    margin-left: 13.28125vw
  }
  .p85 {
    padding: 13.28125vw
  }
  .pt85 {
    padding-top: 13.28125vw
  }
  .pr85 {
    padding-right: 13.28125vw
  }
  .pb85 {
    padding-bottom: 13.28125vw
  }
  .pl85 {
    padding-left: 13.28125vw
  }
  .idt85 {
    text-indent: -13.28125vw
  }
}
.m90 {
  margin: 90px
}
.mt90 {
  margin-top: 90px
}
.mb90 {
  margin-bottom: 90px
}
.mr90 {
  margin-right: 90px
}
.ml90 {
  margin-left: 90px
}
.p90 {
  padding: 90px
}
.pt90 {
  padding-top: 90px
}
.pr90 {
  padding-right: 90px
}
.pb90 {
  padding-bottom: 90px
}
.pl90 {
  padding-left: 90px
}
.idt90 {
  text-indent: -90px
}
@media screen and (max-width:47.938em) {
  .m90 {
    margin: 14.0625vw
  }
  .mt90 {
    margin-top: 14.0625vw
  }
  .mb90 {
    margin-bottom: 14.0625vw
  }
  .mr90 {
    margin-right: 14.0625vw
  }
  .ml90 {
    margin-left: 14.0625vw
  }
  .p90 {
    padding: 14.0625vw
  }
  .pt90 {
    padding-top: 14.0625vw
  }
  .pr90 {
    padding-right: 14.0625vw
  }
  .pb90 {
    padding-bottom: 14.0625vw
  }
  .pl90 {
    padding-left: 14.0625vw
  }
  .idt90 {
    text-indent: -14.0625vw
  }
}
.m95 {
  margin: 95px
}
.mt95 {
  margin-top: 95px
}
.mb95 {
  margin-bottom: 95px
}
.mr95 {
  margin-right: 95px
}
.ml95 {
  margin-left: 95px
}
.p95 {
  padding: 95px
}
.pt95 {
  padding-top: 95px
}
.pr95 {
  padding-right: 95px
}
.pb95 {
  padding-bottom: 95px
}
.pl95 {
  padding-left: 95px
}
.idt95 {
  text-indent: -95px
}
@media screen and (max-width:47.938em) {
  .m95 {
    margin: 14.84375vw
  }
  .mt95 {
    margin-top: 14.84375vw
  }
  .mb95 {
    margin-bottom: 14.84375vw
  }
  .mr95 {
    margin-right: 14.84375vw
  }
  .ml95 {
    margin-left: 14.84375vw
  }
  .p95 {
    padding: 14.84375vw
  }
  .pt95 {
    padding-top: 14.84375vw
  }
  .pr95 {
    padding-right: 14.84375vw
  }
  .pb95 {
    padding-bottom: 14.84375vw
  }
  .pl95 {
    padding-left: 14.84375vw
  }
  .idt95 {
    text-indent: -14.84375vw
  }
}
.m100 {
  margin: 100px
}
.mt100 {
  margin-top: 100px
}
.mb100 {
  margin-bottom: 100px
}
.mr100 {
  margin-right: 100px
}
.ml100 {
  margin-left: 100px
}
.p100 {
  padding: 100px
}
.pt100 {
  padding-top: 100px
}
.pr100 {
  padding-right: 100px
}
.pb100 {
  padding-bottom: 100px
}
.pl100 {
  padding-left: 100px
}
.idt100 {
  text-indent: -100px
}
@media screen and (max-width:47.938em) {
  .m100 {
    margin: 15.625vw
  }
  .mt100 {
    margin-top: 15.625vw
  }
  .mb100 {
    margin-bottom: 15.625vw
  }
  .mr100 {
    margin-right: 15.625vw
  }
  .ml100 {
    margin-left: 15.625vw
  }
  .p100 {
    padding: 15.625vw
  }
  .pt100 {
    padding-top: 15.625vw
  }
  .pr100 {
    padding-right: 15.625vw
  }
  .pb100 {
    padding-bottom: 15.625vw
  }
  .pl100 {
    padding-left: 15.625vw
  }
  .idt100 {
    text-indent: -15.625vw
  }
}
.color_txt1 {
  color: #000
}
.color_txt2 {
  color: #333
}
.color_white {
  color: #fff
}
.color_red {
  color: #c03
}
.color_navy {
  color: #14195a
}
.color_purple {
  color: #666994
}
.color_blue {
  color: #00a0d2
}
.color_gray {
  color: #efefef
}
.color_gray2 {
  color: #ddd
}
.color_tw {
  color: #5da8eb
}
.color_fb {
  color: #41529a
}
.color_line {
  color: #00bc2a
}
.color-bg_txt1 {
  background-color: #000
}
.color-bg_txt2 {
  background-color: #333
}
.color-bg_white {
  background-color: #fff
}
.color-bg_red {
  background-color: #c03
}
.color-bg_navy {
  background-color: #14195a
}
.color-bg_purple {
  background-color: #666994
}
.color-bg_blue {
  background-color: #00a0d2
}
.color-bg_gray {
  background-color: #efefef
}
.color-bg_gray2 {
  background-color: #ddd
}
.color-bg_gray3 {
  background-color: #acacac
}
.color-bg_lightGray {
  background-color: #f8f8f8
}
.color-bg_lightyellow {
  background-color: #feffd0
}
.color-bg_lightorange {
  background-color: #ffe7bc
}
.color-bg_lightpink {
  background-color: #ffe9ef
}
.color-bg_lightblue {
  background-color: #e9f3ff
}
.color-bg_tw {
  background-color: #5da8eb
}
.color-bg_fb {
  background-color: #41529a
}
.color-bg_line {
  background-color: #00bc2a
}
.color-border_txt1 {
  border-color: #000
}
.color-border_txt2 {
  border-color: #333
}
.color-border_white {
  border-color: #fff
}
.color-border_border1 {
  border-color: #333
}
.color-border_border2 {
  border-color: #ccc
}
.color-border_red {
  border-color: #c03
}
.color-border_navy {
  border-color: #14195a
}
.color-border_purple {
  border-color: #666994
}
.color-border_blue {
  border-color: #00a0d2
}
.color-border_gray {
  border-color: #efefef
}
.color-border_tw {
  border-color: #5da8eb
}
.color-border_fb {
  border-color: #41529a
}
.color-border_line {
  border-color: #00bc2a
}
.border-width_1 {
  border-width: 1px
}
.border-width_2 {
  border-width: 2px
}
.border-width_3 {
  border-width: 3px
}
.border-width_4 {
  border-width: 4px
}
.border-width_5 {
  border-width: 5px
}
.bo_none {
  border: none
}
.pos_relative {
  position: relative
}
.pos_absolute {
  position: absolute
}
.pos_static {
  position: static
}
.pos_fixed {
  position: fixed
}
.fs_10 {
  font-size: 10px;
  font-size: 1rem
}
.fs_11 {
  font-size: 11px;
  font-size: 1.1rem
}
.fs_12 {
  font-size: 12px;
  font-size: 1.2rem
}
.fs_13 {
  font-size: 13px;
  font-size: 1.3rem
}
.fs_14 {
  font-size: 14px;
  font-size: 1.4rem
}
.fs_15 {
  font-size: 15px;
  font-size: 1.5rem
}
.fs_16 {
  font-size: 16px;
  font-size: 1.6rem
}
.fs_17 {
  font-size: 17px;
  font-size: 1.7rem
}
.fs_18 {
  font-size: 18px;
  font-size: 1.8rem
}
.fs_19 {
  font-size: 19px;
  font-size: 1.9rem
}
.fs_20 {
  font-size: 20px;
  font-size: 2rem
}
.fs_21 {
  font-size: 21px;
  font-size: 2.1rem
}
.fs_22 {
  font-size: 22px;
  font-size: 2.2rem
}
.fs_23 {
  font-size: 23px;
  font-size: 2.3rem
}
.fs_24 {
  font-size: 24px;
  font-size: 2.4rem
}
.fs_25 {
  font-size: 25px;
  font-size: 2.5rem
}
.fs_26 {
  font-size: 26px;
  font-size: 2.6rem
}
.fs_27 {
  font-size: 27px;
  font-size: 2.7rem
}
.fs_28 {
  font-size: 28px;
  font-size: 2.8rem
}
.fs_29 {
  font-size: 29px;
  font-size: 2.9rem
}
.fs_30 {
  font-size: 30px;
  font-size: 3rem
}
.fs_31 {
  font-size: 31px;
  font-size: 3.1rem
}
.fs_32 {
  font-size: 32px;
  font-size: 3.2rem
}
.fs_33 {
  font-size: 33px;
  font-size: 3.3rem
}
.fs_34 {
  font-size: 34px;
  font-size: 3.4rem
}
.fs_35 {
  font-size: 35px;
  font-size: 3.5rem
}
.fs_36 {
  font-size: 36px;
  font-size: 3.6rem
}
.fs_37 {
  font-size: 37px;
  font-size: 3.7rem
}
.fs_38 {
  font-size: 38px;
  font-size: 3.8rem
}
.fs_39 {
  font-size: 39px;
  font-size: 3.9rem
}
.fs_40 {
  font-size: 40px;
  font-size: 4rem
}
@media screen and (max-width:1000px) {
  .fs_lg_10 {
    font-size: 1rem
  }
  .fs_lg_11 {
    font-size: 1.1rem
  }
  .fs_lg_12 {
    font-size: 1.2rem
  }
  .fs_lg_13 {
    font-size: 1.3rem
  }
  .fs_lg_14 {
    font-size: 1.4rem
  }
  .fs_lg_15 {
    font-size: 1.5rem
  }
  .fs_lg_16 {
    font-size: 1.6rem
  }
  .fs_lg_17 {
    font-size: 1.7rem
  }
  .fs_lg_18 {
    font-size: 1.8rem
  }
  .fs_lg_19 {
    font-size: 1.9rem
  }
  .fs_lg_20 {
    font-size: 2rem
  }
  .fs_lg_21 {
    font-size: 2.1rem
  }
  .fs_lg_22 {
    font-size: 2.2rem
  }
  .fs_lg_23 {
    font-size: 2.3rem
  }
  .fs_lg_24 {
    font-size: 2.4rem
  }
  .fs_lg_25 {
    font-size: 2.5rem
  }
  .fs_lg_26 {
    font-size: 2.6rem
  }
  .fs_lg_27 {
    font-size: 2.7rem
  }
  .fs_lg_28 {
    font-size: 2.8rem
  }
  .fs_lg_29 {
    font-size: 2.9rem
  }
  .fs_lg_30 {
    font-size: 3rem
  }
  .fs_lg_31 {
    font-size: 3.1rem
  }
  .fs_lg_32 {
    font-size: 3.2rem
  }
  .fs_lg_33 {
    font-size: 3.3rem
  }
  .fs_lg_34 {
    font-size: 3.4rem
  }
  .fs_lg_35 {
    font-size: 3.5rem
  }
  .fs_lg_36 {
    font-size: 3.6rem
  }
  .fs_lg_37 {
    font-size: 3.7rem
  }
  .fs_lg_38 {
    font-size: 3.8rem
  }
  .fs_lg_39 {
    font-size: 3.9rem
  }
  .fs_lg_40 {
    font-size: 4rem
  }
}
@media screen and (max-width:47.938em) {
  .fs_md_10 {
    font-size: 1rem
  }
  .fs_md_11 {
    font-size: 1.1rem
  }
  .fs_md_12 {
    font-size: 1.2rem
  }
  .fs_md_13 {
    font-size: 1.3rem
  }
  .fs_md_14 {
    font-size: 1.4rem
  }
  .fs_md_15 {
    font-size: 1.5rem
  }
  .fs_md_16 {
    font-size: 1.6rem
  }
  .fs_md_17 {
    font-size: 1.7rem
  }
  .fs_md_18 {
    font-size: 1.8rem
  }
  .fs_md_19 {
    font-size: 1.9rem
  }
  .fs_md_20 {
    font-size: 2rem
  }
  .fs_md_21 {
    font-size: 2.1rem
  }
  .fs_md_22 {
    font-size: 2.2rem
  }
  .fs_md_23 {
    font-size: 2.3rem
  }
  .fs_md_24 {
    font-size: 2.4rem
  }
  .fs_md_25 {
    font-size: 2.5rem
  }
  .fs_md_26 {
    font-size: 2.6rem
  }
  .fs_md_27 {
    font-size: 2.7rem
  }
  .fs_md_28 {
    font-size: 2.8rem
  }
  .fs_md_29 {
    font-size: 2.9rem
  }
  .fs_md_30 {
    font-size: 3rem
  }
  .fs_md_31 {
    font-size: 3.1rem
  }
  .fs_md_32 {
    font-size: 3.2rem
  }
  .fs_md_33 {
    font-size: 3.3rem
  }
  .fs_md_34 {
    font-size: 3.4rem
  }
  .fs_md_35 {
    font-size: 3.5rem
  }
  .fs_md_36 {
    font-size: 3.6rem
  }
  .fs_md_37 {
    font-size: 3.7rem
  }
  .fs_md_38 {
    font-size: 3.8rem
  }
  .fs_md_39 {
    font-size: 3.9rem
  }
  .fs_md_40 {
    font-size: 4rem
  }
}
.fw_normal {
  font-weight: 400
}
.fw_bold {
  font-weight: 700
}
.ff_gothic {
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif
}
.ff_mincho {
  font-family: "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "游明朝", YuMincho, "HGS明朝E", Meiryo, sans-serif
}
.ff_alphabet {
  font-family: Josefin Sans, sans-serif
}
.lh_10 {
  line-height: 1
}
.lh_11 {
  line-height: 1.1
}
.lh_12 {
  line-height: 1.2
}
.lh_13 {
  line-height: 1.3
}
.lh_14 {
  line-height: 1.4
}
.lh_15 {
  line-height: 1.5
}
.lh_16 {
  line-height: 1.6
}
.lh_17 {
  line-height: 1.7
}
.lh_18 {
  line-height: 1.8
}
.lh_19 {
  line-height: 1.9
}
.lh_20 {
  line-height: 2
}
.ls_m41 {
  letter-spacing: -.41em
}
.ls_m31 {
  letter-spacing: -.31em
}
.ls_m2 {
  letter-spacing: -2px
}
.ls_m1 {
  letter-spacing: -1px
}
.ls_0 {
  letter-spacing: normal
}
.ls_p1 {
  letter-spacing: 1px
}
.ls_p2 {
  letter-spacing: 2px
}
.ls_p3 {
  letter-spacing: 3px
}
.ls_p4 {
  letter-spacing: 4px
}
.td_under {
  text-decoration: underline
}
.ta_left {
  text-align: left
}
.ta_center {
  text-align: center
}
.ta_right {
  text-align: right
}
@media screen and (max-width:1000px) {
  .ta_lg_left {
    text-align: left
  }
  .ta_lg_center {
    text-align: center
  }
  .ta_lg_right {
    text-align: right
  }
}
@media screen and (max-width:47.938em) {
  .ta_md_left {
    text-align: left
  }
  .ta_md_center {
    text-align: center
  }
  .ta_md_right {
    text-align: right
  }
}
.va_top {
  vertical-align: top
}
.va_middle {
  vertical-align: middle
}
.va_bottom {
  vertical-align: bottom
}
.fl_left {
  float: left
}
.fl_right {
  float: right
}
.fl_none {
  float: none
}
.cl_both {
  clear: both
}
.di_block {
  display: block
}
.di_iblock {
  display: inline-block
}
.di_inline {
  display: inline
}
.di_none {
  display: none
}
.opacity a, a.opacity {
  transition: all .3s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.opacity a:hover, a.opacity:hover {
  opacity: .55;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}
@media screen and (max-width:1000px) {
  .opacity a:hover, a.opacity:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }
}
.ul-disc, .ul-circle, .ul-square, .ul-decimal, .ul-latin, .ul-upperLatin {
  margin-left: 30px
}
.ul-disc li {
  list-style: disc
}
.ul-circle li {
  list-style: circle
}
.ul-square li {
  list-style: square
}
.ul-decimal li {
  list-style: decimal
}
.ul-latin li {
  list-style: lower-latin
}
.ul-upperLatin li {
  list-style: upper-latin
}
.ul-star > li {
  position: relative;
  padding-left: 15px;
  padding-left: 1.5rem;
  margin-bottom: 5px
}
.ul-star > li:before {
  content: '※';
  position: absolute;
  left: 0
}
.ul-paren {
  counter-reset: count_paren
}
.ul-paren > li {
  position: relative;
  padding-left: 36px;
  margin-bottom: 5px
}
.ul-paren > li:before {
  counter-increment: count_paren;
  content: "（"counter(count_paren) "）";
  position: absolute;
  left: 0
}
@media print {
  .print_none {
    display: none
  }
}
.imgicon.imgicon-h2_category:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/h2_category.png#base64);
  width: 234px;
  height: 31px
}
.imgicon.imgicon-h2_contents:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/h2_contents.png#base64);
  width: 247px;
  height: 31px
}
.imgicon.imgicon-h2_features:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/h2_features.png#base64);
  width: 215px;
  height: 31px
}
.imgicon.imgicon-h2_outline:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/h2_outline.png#base64);
  width: 199px;
  height: 31px
}
.imgicon.imgicon-h2_shop:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/h2_shop.png#base64);
  width: 118px;
  height: 30px
}
.imgicon.imgicon-pdf:after {
  vertical-align: middle;
  background-image: url(/common/images/sprites/pdf.png#base64);
  width: 40px;
  height: 40px
}
/* --- ヘッダーの崩れ修正 --- */
.fixed-header-wrapper[data-view="pc"] {
  display: none;
}
@media screen and (min-width: 1001px) {
  .fixed-header-wrapper[data-view="pc"] {
    display: flex !important;
    justify-content: center;
    width: 100%;
  }
  /* メニューを横並びにする強制指定 */
  .header-nav ul.header-menu {
    display: flex !important;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .header-nav ul.header-menu li {
    margin-left: 30px;
  }
}
/* --- スマホヘッダーの修正 --- */
@media screen and (max-width: 1000px) {
  .header[data-view*="sp"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    z-index: 2000;
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }
  .header .nav {
    width: 100%;
    position: relative;
  }
  /* ハンバーガーアイコンの表示を確実に */
  .drawer_open {
		width: 60px !important;
		height: 60px !important;
    display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		background: none !important;
    top: 0 !important;
    right: 0 !important;
    transform: none !important;
    z-index: 2100;
  }
  /* メニュー展開時の背景 */
  .nav_content {
    background: #ffd700 !important; /* 子供用ページの黄色 */
    padding-top: 80px;
  }
}
/* --- フッターの崩れ修正 --- */
.site-footer {
  position: relative;
  margin-top: 100px;
  left: 0 !important;
  transform: none !important;
  width: 100% !important; /* 幅を画面いっぱいに */
  height: auto !important;
  padding: 40px 0 !important;
  border-radius: 60px 60px 0 0 !important;
}
@media screen and (max-width: 47.938em) {
  .site-footer {
    border-radius: 30px 30px 0 0 !important;
  }
  .footer-inner {
    flex-direction: column;
    gap: 20px;
    padding: 0 20px !important;
  }
  .footer-logo {
    margin-bottom: 10px !important;
  }
}
/* --- コンテナの余白調整 --- */
.lp-kids-kinshilens-container {
  padding-top: 90px; /* ヘッダーに被らないように */
}
@media screen and (max-width: 1000px) {
  .lp-kids-kinshilens-container {
    padding-top: 60px;
  }
}