@charset "utf-8";

/*------------------------------------------------------------------------------
reset
------------------------------------------------------------------------------*/

html,
input,
textarea,
select,
button {
  font-family: 'Avenir Next', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* IE10以降 游ゴシック文字ずれ対応 */

html.ie10,
.ie10 input,
.ie10 textarea,
.ie10 select,
.ie10 button,
html.ie11,
.ie11 input,
.ie11 textarea,
.ie11 select,
.ie11 button {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

html {
  color: #828282;
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
  -webkit-line-break: strict;
  line-break: strict;
}

body {
  background: #fff;
  margin: 0;
  line-height: 1.6;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  border: 0;
  margin: 0;
  vertical-align: top;
  max-width: 100%;
}

sup {
  vertical-align: super;
  font-size: small;
}

p {
  margin: 0;
  padding: 0;
}

p:last-child {
  margin-bottom: 20px;
}

a {
  color: #828282;
  text-decoration: none;
}

input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 0;
  border-radius: 0;
}

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

textarea {
  resize: vertical;
}

button {
  border: none;
  cursor: pointer;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

main,
.mod-outer-block {
  min-width: 1200px;
}

.mod-inner-block {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1200px;
}

#wrapper {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#wrapper.mod-active {
  opacity: 1;
}

.mod-pc {
  display: block !important;
}

.mod-pc-ib {
  display: inline-block !important;
}

.mod-sp {
  display: none !important;
}

.mod-sp-ib {
  display: none !important;
}

.mod-ib {
  display: inline-block !important;
}

@font-face {
  font-family: EBGaramond;
  font-weight: normal;
  src: url('/font/EBGaramond-Regular.eot') format('eot');
  src: url('/font/EBGaramond-Regular.woff') format('woff');
  src: url('/font/EBGaramond-Regular.ttf') format('truetype');
}

@font-face {
  font-family: NotoSerifSC;
  font-weight: normal;
  src: url('/font/NotoSerifSC-Light.woff') format('woff');
  src: url('/font/NotoSerifSC-Light.otf') format('opentype');
}

@font-face {
  font-family: NotoSerifJP;
  font-weight: normal;
  src: url('/font/NotoSerifJP-Light.woff') format('woff');
  src: url('/font/NotoSerifJP-Light.otf') format('opentype');
}

@media screen and (min-width: 641px) {
  a,
  a p,
  a img,
  a:before,
  a:after,
  a img:hover,
  button {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  a:hover {
    opacity: 0.5 !important;
  }
}

/*------------------------------------------------------------------------------
PC only
------------------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
  header a,
  header p,
  header h3,
  .sub-menu h2,
  #foot .footmenu .menu,
  #foot .footmenu .menu li a,
  .col-5,
  .col-5 li:nth-child(2),
  .col-5 li:nth-child(3),
  #foot .tel a,
  #foot .tel p,
  .col-5 li {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
  }
}

/*------------------------------------------------------------------------------
common
------------------------------------------------------------------------------*/
/* sp-only */
@media screen and (min-width: 641px) {
  .mod-sp-only{
    display: none !important;
  }
}

/*-------  bread-list  -------*/
.mod-bread-list {
  color: #808080;
  padding: 50px 0;
  font-size: 0;
}

.mod-bread-list li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 20px;
}

.mod-bread-list li:last-child{
  margin-right:0;
}

.mod-bread-list li,
.mod-bread-list li a {
  font-size: 12px;
}

.mod-bread-list li:after {
  content: "/";
  font-size: 12px;
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -12px;
  margin: auto 0;
  color: #808080;
}

.mod-bread-list li:last-child:after {
  display: none;
}


/*-------  other  -------*/

.mod-top .mod-contents-block,
.mod-treatment .mod-contents-block {
  position: relative;
  background-color: #fff;
}

/*-------  header  -------*/

.mod-scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}

.mod-bg-wrap {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(92, 73, 25, 0.3);
  z-index: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-bg-wrap.mod-active {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 641px) {
  .mod-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.9);
  }
}

.mod-header.mod-is-color {
  background-color: #fff;
}

.mod-header .mod-top-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 15px 0 0;
}

.mod-header .mod-top-nav li a {
  color: #666;
  position: relative;
  display: block;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.mod-header .mod-top-nav li:not(:last-child) a {
  padding: 0 15px;
}

.mod-header .mod-top-nav li:nth-child(-n + 2) a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 12px;
  background-color: #909090;
}

.mod-header .mod-top-nav .mod-cart {
  margin-left: 25px;
  width: 21px;
  height: 20px;
  background: url(/img/common/icon_cart.svg) no-repeat center/ contain;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-header .mod-top-nav .mod-cart a {
  width: 21px;
  height: 20px;
}

.mod-header .mod-logo {
  text-align: center;
  margin-bottom: 5px;
  line-height: 1;
  display: block;
}

.mod-header .mod-logo a {
  position: relative;
  display: inline-block;
  width: 197px;
  height: 73px;
}

.mod-header .mod-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 197px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-gnav-and-search {
  position: relative;
}

#wrapper .mod-gnav {
  width: 1200px;
  display: flex;
  justify-content: center;
}

.mod-gnav > li > a {
  padding: 15px 32.5px;
  letter-spacing: 0.15em;
  color: #666;
}

.mod-gnav a {
  display: block;
  font-size: 13px;
}

.mod-gnav a.mod-active {
  color: #c4c4c4;
}

.mod-header .mod-inn {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  padding: 50px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-header.mod-is-color .mod-inn {
  background-color: #fff;
}

.mod-nav-list {
  text-align: left;
  display: flex;
  justify-content: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-nav-list .mod-ttl {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.15em;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #666;
}

.mod-nav-list > li + li {
  margin-left: 65px;
}

.mod-header-topics .mod-inn,
.mod-header-product .mod-inn{
  height: 395px;
}

.mod-column .mod-inn,
.mod-shop .mod-inn {
  height: 320px;
}

.mod-header-product .mod-nav-list > li + li {
  margin-left: 120px;
}

.mod-header-product .mod-nav-list .mod-child a,
.mod-header-about .mod-nav-list .mod-child a {
  position: relative;
  padding-left: 1em;
}

.mod-header-product .mod-nav-list .mod-child a:before,
.mod-header-about .mod-nav-list .mod-child a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 1px;
  background-color: #666;
}

.mod-column .mod-nav-list > li + li,
.mod-shop .mod-nav-list > li + li,
.mod-header-topics .mod-nav-list > li + li {
  margin-left: 50px;
}

.mod-nav-list .mod-child li + li {
  margin-top: 8px;
}

.mod-nav-list .mod-child a {
  letter-spacing: 0.1em;
  color: #666;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-nav-list > li .mod-ttl:nth-child(n + 2) {
  margin-top: 20px;
}

.mod-nav-list .mod-ttl02 {
  color: #666;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-nav-list .mod-ttl02 a {
  display: inline-block;
  border-bottom: 1px solid #999;
  letter-spacing: 0.15em;
}

.mod-nav-list .mod-ttl02 + .mod-ttl02 {
  margin-top: 20px;
}

.mod-nav-list .mod-img-block {
  display: block;
}

.mod-column .mod-nav-list .mod-img-block {
  margin-top: 0;
}

.mod-nav-list .mod-img-block p:first-of-type {
  margin-top: 10px;
}

.mod-nav-list .mod-img-block p + p {
  margin-top: 1em;
}

.mod-nav-list .mod-img-block p a,
.mod-nav-list .mod-img-block p span{
  position: relative;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #666;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-nav-list .mod-img-block p a {
  padding-left: 10px;
}

.mod-nav-list .mod-img-block p a:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #828282;
}

.mod-header .mod-img-and-ttl img {
  display: block;
  margin-bottom: 20px;
}

.mod-header .mod-img-and-ttl {
  text-align: center;
}

.mod-header .mod-img-and-ttl .mod-ttl {
  margin-bottom: 0;
  color: #666;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-header .mod-more {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.15em;
  margin-top: 30px;
  color: #666;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: underline;
}

.mod-header .mod-more-box {
  text-align: center;
}

.mod-header .mod-search-block {
  pointer-events: none;
  width: 340px;
  height: 55px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.mod-header .mod-search-block input {
  opacity: 0;
  pointer-events: none;
  width: 275px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 15px;
  padding: 5px 10px;
}

.mod-header .mod-search-block .mod-img {
  cursor: pointer;
  pointer-events: auto;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-header .mod-search-block .mod-img svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}

.mod-header .mod-search-block.mod-active {
  pointer-events: auto;
  background-color: #808080;
}

.mod-header .mod-search-block.mod-active input {
  opacity: 1;
  pointer-events: auto;
}

.mod-header .mod-search-block.mod-active .mod-img .cls-1 {
  fill: #fff;
}

@media screen and (min-width: 641px) {
  .mod-header .mod-logo a:hover {
    opacity: 0.7;
  }

  .mod-gnav a:hover .mod-ttl {
    color: #c4c4c4;
  }

  .mod-gnav a:hover .mod-ttl {
    border-color: #c4c4c4;
  }

  .mod-gnav li:hover > .mod-inn {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .mod-header .mod-top-nav .mod-cart:hover {
    opacity: 0.4;
  }

  .mod-header .mod-search-block .mod-img:hover {
    opacity: 0.4;
  }
}

/*-------  font  -------*/

.mod-ebg {
  font-family: EBGaramond;
}

.mod-nss {
  font-family: NotoSerifJP;
}

.mod-fadein {
  opacity: 0;
  transform: translateY(20px);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
}

.mod-fadein02 {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
}

/*-------  cont-ttl  -------*/

.mod-cont-ttl {
  font-size: 25px;
  letter-spacing: 0.15em;
  text-align: center;
}

.mod-cont-ttl02 {
  font-size: 36px;
  letter-spacing: 0.17em;
  text-align: center;
  font-family: NotoSerifJP;
}

.mod-cont-ttl03 {
  font-size: 24px;
  letter-spacing: 0.21em;
  text-align: center;
  font-family: NotoSerifJP;
}

.mod-cont-ttl04 {
  font-size: 18px;
  letter-spacing: 0.05em;
}

.mod-c-border-ttl01 {
  height: 100px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 38px 0;
  border-top: 1px solid #828282; 
  border-bottom: 1px solid #828282;
}

.mod-c-border-ttl01.mod-img-ttl {
  line-height: 1;
  font-size: 0;
}

.mod-c-border-ttl02 {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.4;
  padding-bottom: 6px;
  padding-left: 3px;
  border-bottom: 1px solid #828282;
}

.mod-c-border-ttl02.mod-img-ttl {
  font-size: 0;
  padding-bottom: 12px;
}

.mod-c-border-ttl02.mod-img-ttl a {
  display: inline-block;
  padding-left: 3px;
}

/*-------  cont-btn  -------*/
.mod-c-btn01 {
  position: relative;
  display: block;
  width: 240px;
  line-height: 40px;
  background-color: #808080;
  text-align: center;
}

.mod-c-btn01.mod-center {
  margin: auto;
}

.mod-c-btn01 > * {
  display: inline-block;
  vertical-align: middle;
}

.mod-c-btn01 span {
  font-size: 14px;
  letter-spacing: 0.15em;
  color: #fff;
  margin-top: 2px;
  margin-right: 5px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-c-btn01 .mod-arrow {
  right: 50px;
  width: 9px;
  height: 14px;
}


.mod-c-more-btn {
  line-height: 1;
  font-size: 15px;
  letter-spacing: 0.15em;
  text-decoration: underline;
  text-align: center;
}

.mod-c-more-btn span {
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-common-item-btn a {
  background: #fff;
  border:solid 1px #808080;
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-align: center;
  width: 80px;
  height: 30px;
  line-height: 28px;
}

@media screen and (min-width: 641px) {
  .mod-c-btn01:hover span {
    color: #c4c4c4;
  }

  .mod-c-more-btn span:hover {
    color: #c4c4c4;
  }

  .mod-common-item-btn a:hover {
    opacity: 0.4;
  }
}

/*-------  c-description  -------*/
.mod-c-description p {
  font-size: 14px;
  line-height: 1.71;
}

.mod-c-description p + p {
  margin-top: 1em;
}

.mod-c-description a {
  text-decoration: underline;
}

.mod-c-description-last {
  margin-top: 1em;
}

.mod-c-description-last p {
  font-size: 14px;
}

.mod-c-description-last .mod-right {
  text-align: right;
}

.mod-c-description-last .mod-left {
  margin-top: 2em;
}

.mod-c-description .mod-box {
  margin: 2em 0;
}

.mod-c-description .mod-box p {
  margin-top: 0.5em;
}

/*-------  mod-c-sub-ttl  -------*/
.mod-c-sub-ttl {
  font-size: 18px;
  line-height: 1.4;
  margin: 45px 0 25px;
}

/*-------  mod-c-color-box  -------*/
.mod-c-color-box {
  background-color: #faf2eb;
  padding: 30px;
}

/*-------  slider  -------*/

.mod-slider01 {
  outline: none;
}

.mod-slider01 .mod-prev {
  left: 0;
  background: url(/img/common/arrow01_left.svg) no-repeat;
}

.mod-slider01 .mod-next {
  right: 0;
  background: url(/img/common/arrow01_right.svg) no-repeat;
}

.mod-slider01 .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 20px;
  cursor: pointer;
  z-index: 10;
  background-size: 10px 20px;
  background-position: center;
  padding: 30px;
}

.mod-slider01 li {
  margin-left: 50px;
}

.mod-slider01 a {
  position: relative;
  display: block;
}

.mod-slider01 .mod-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #808080;
}

.mod-slider01 p {
  font-size: 13px;
  line-height: 1.53;
  margin-top: 10px;
}

.mod-slider02 li.slick-active {
  -webkit-animation: slider-zoomin 6s ease-in-out;
  animation: slider-zoomin 6s ease-in-out;
}

.mod-slider02 li {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}

@keyframes slider-zoomin {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.0);
  }
}

@media screen and (min-width: 641px) {
  .mod-slider01 a:hover img {
    opacity: 1;
  }

  .mod-slider01 a:hover {
    opacity: 0.4;
  }

  .mod-slider01 a:hover p {
    color: #666 !important;
  }

  .mod-slider01 li {
    width: 190px;
    float: left;
  }

  .mod-slider01 li:first-child {
    margin-left: 0;
  }
}

/*-------  mod-filter  -------*/
.mod-filter {
  display: none;
}

.mod-filter.mod-active {
  display: block;
  margin-top: 171px;
  position: fixed;
  height: calc(100vh - 171px);
  width: 100%;
  z-index: 3;
}

.mod-filter.mod-active .mod-top-filter,
.mod-filter.mod-active .mod-bottom-filter {
  height: 250px;
  position: absolute;
  left: 0;
  right: 0;
}

.mod-filter.mod-active .mod-top-filter {
  background: -webkit-linear-gradient(180deg, white, rgba(255,255,255,0));
  background: linear-gradient(180deg, white, rgba(255,255,255,0));
  position: absolute;
  top: 0;
}

.mod-filter.mod-active .mod-bottom-filter {
  background: -webkit-linear-gradient(0deg, white, rgba(255,255,255,0));
  background: linear-gradient(0deg, white, rgba(255,255,255,0));
  position: absolute;
  bottom: 0;
}

/*-------  fadeInUp  -------*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeIn Up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-fadein-up {
  animation: fadeInUp 1.5s ease-in-out;
}

/*-------  footer  -------*/

footer {
  position: relative;
}

.mod-footer {
  position: relative;
  background-color: #faf2eb;
}

#wrapper .mod-footer .mod-inner-block {
  padding: 40px 0;
  width: 1200px;
}

.mod-footer .mod-top-block {
  margin-bottom: 80px;
}

.mod-footer .mod-f-nav-list > li {
  width: 240px;
  float: left;
}

.mod-footer .mod-f-nav-list > li + li {
  margin-left: 30px;
}

.mod-footer .mod-f-nav-list .mod-ttl {
  display: block;
  font-size: 12px;
  letter-spacing: 0.15em;
  padding-bottom: 15px;
  margin: 10px 0 15px;
  border-bottom: 1px solid #999;
  line-height: 1.4;
}

.mod-footer .mod-f-nav-list a {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.15em;
  line-height: 2.1;
}

.mod-footer .mod-f-nav-list .mod-child li:first-child a,
.mod-footer .mod-f-nav-list .mod-child li:first-child span {
  margin-top: 0;
}

.mod-footer .mod-bottom-block {
  display: flex;
  justify-content: space-between;
}

.mod-footer .mod-copy-and-link,
.mod-footer .mod-fotter-sns {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mod-footer .mod-copy-and-link {
  font-size: 11px;
}

.mod-footer .mod-copy-and-link li:first-child {
  margin-right: 10px;
}

.mod-footer .mod-copy-and-link li:nth-child(n + 2) a {
  padding: 0 10px;
  border-left: 1px solid #999;
}

.mod-footer .mod-fotter-sns li + li {
  margin-left: 20px;
}

.mod-footer .mod-fotter-sns a {
  display: block;
}

.mod-footer .mod-fotter-sns img {
  width: 22px;
  height: 22px;
}

/*-------  pagetop  -------*/

.mod-pagetop {
  position: absolute;
  right: 50px;
  bottom: 300px;
  z-index: 1;
}

.mod-pagetop a {
  display: block;
}

.mod-pagetop img {
  width: 28px;
  height: 16px;
}

/*-------  mv-block -------*/

.mod-mv-block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mod-mv-block.mod-change {
  position: absolute;
}

.mod-mv-block .mod-slider02 li {
  height: 100vh;
}

.mod-mv-fadein {
  opacity: 0;
  -webkit-transition: opacity 0.71s ease-in-out;
  transition: opacity 0.71s ease-in-out;
}

.mod-mv-fadein.mod-active {
  opacity: 1;
}

/*-------  fv-txt-block  -------*/

.mod-fv-bg-wrap {
  position: relative;
}

.mod-fv-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  opacity: 0;
}

.mod-fv-bg.mod-is-color {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.mod-fv-txt-block {
  position: relative;
  width: 100%;
  height: 100vh;
}

.mod-fv-txt {
  position: absolute;
  top: 171px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*-- scroll --*/

.mod-scroll-box {
  width: 100px;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-scroll-box.mod-is-active {
  opacity: 0;
}

.mod-scroll {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.15em;
}

.mod-scroll-line {
  position: absolute;
  bottom: 90px;
  left: 50%;
  display: inline-block;
}

.mod-scroll-line span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1px;
  height: 90px;
  background-color: #fff;
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(90px);
    opacity: 0;
  }
}

@keyframes sdb {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(90px);
    opacity: 0;
  }
}

/*-------  main-txt  -------*/

.mod-main-txt {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 180vh 0 50vh;
  color: #fff;
}

.mod-main-txt > * {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*-------  c-table  -------*/
.mod-c-table01 {
  width: 100%;
  border: 1px solid #d1d1d1;
}

.mod-c-table01 tr {
  border-bottom: 1px solid #d1d1d1;
}

.mod-c-table01 tr:last-child {
  border-bottom: 0;
}

.mod-c-table01 th,
.mod-c-table01 td{
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  padding: 15px;
}

.mod-c-table01 th {
  width: 185px;
  background-color: #e6e6e6;
  border-right: 1px solid #d1d1d1;
  vertical-align: top;
}

/*-------  mod-link-btn-block  -------*/

.mod-link-btn-block li {
  float: left;
  display: table;
  width: calc((100% - 34px) / 2);
}

.mod-link-btn-block li.mod-current span {
  opacity: 1;
}

.mod-link-btn-block li:nth-child(2n) {
  margin-left: 34px;
}

.mod-link-btn-block li:nth-child(n + 3) {
  margin-top: 20px; 
}

.mod-link-btn-block li a,
.mod-link-btn-block li span {
  display: table-cell;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.08em;
  background-color: #e6e6e6;
  opacity: 0.4;
  padding-top: 5px;
}

@media screen and (min-width: 641px) {
  .mod-link-btn-block li a:hover {
    opacity: 1;
    color: #828282 !important;
  }
}

/*------------------------------------------------------------------------------
subpage
------------------------------------------------------------------------------*/

/*-------  other  -------*/
.mod-subpage main{
  margin-top: 171px;
  display:block;
}

.mod-subpage .mod-header,
.mod-subpage .mod-header .mod-inn {
  background-color: #fff;
}

/*------- parts -------*/
.mod-subpage .mod-c-h1{
  font-size: 25px;
  border-bottom:solid 1px #828282;
  font-weight: normal;
}

.mod-subpage .mod-c-h2{
  background: #E6E6E6;
  font-size: 18px;
  letter-spacing: 0.05em;
  padding-left: 15px;
  height: 40px;
  line-height: 43px;
}

.mod-subpage .mod-c-h3{
  font-size: 18px;
  letter-spacing: 0.08em;
}

/*-------  inner  -------*/
.mod-subpage .mod-content .mod-inner-block{
  width:896px;
}

/*-------  other  -------*/
.mod-bold {
  font-weight: bold;
}

/*------------------------------------------------------------------------------
top
------------------------------------------------------------------------------*/

/*-------  mv-block -------*/

.mod-top .mod-mv-block .mod-slider02 li:nth-child(1) {
  background: url(/img/top/mv01_191018.jpg) no-repeat center / cover;
}

.mod-top .mod-mv-block .mod-slider02 li:nth-child(2) {
  background: url(/img/top/mv02_191018.jpg) no-repeat center / cover;
}

.mod-top .mod-mv-block .mod-slider02 li:nth-child(3) {
  background: url(/img/top/mv03_191018.jpg) no-repeat center / cover;
}

/*---
.mod-top .mod-mv-block .mod-slider02 li:nth-child(4) {
background: url(/img/top/mv04_190801.jpg) no-repeat center / cover;
}---*/

.mod-top .mod-fv-bg.mod-is-color {
  background-color: rgba(255, 255, 255, 0.8);
}

/*-------  fv-txt-block  -------*/

.mod-top .mod-fv-txt {
  width: 516px;
  height: 28px;
}

.mod-top .mod-main-txt {
  padding: 50vh 0;
}

/*-------  main-txt  -------*/

.mod-top .mod-main-txt img {
  width: 630px;
}

/*-------  cont01  -------*/

.mod-top .mod-cont01 .mod-inner-block {
  padding: 100px 0 120px;
}

.mod-item-list li {
  float: left;
  width: 350px;
  margin-left: 75px;
  margin-bottom: 50px;
}

.mod-item-list li:nth-child(3n + 1) {
  margin-left: 0;
}

.mod-item-list a {
  display: block;
}

.mod-item-list p {
  font-size: 14px;
  line-height: 1.53;
  margin-top: 10px;
}

.mod-item-list p span {
  margin-left: -0.5em;
}

.mod-cont01 .mod-more,
.mod-cont02 .mod-more {
  text-align: center;
}

.mod-top .mod-cont01 .mod-more a,
.mod-top .mod-cont02 .mod-more a {
  font-size: 15px;
  letter-spacing: 0.15em;
  text-decoration: underline;
}

/*-------  cont02  -------*/

.mod-top .mod-cont02 {
  background-color: #fbf8f5;
}

.mod-top .mod-cont02 .mod-inner-block {
  padding: 50px 0;
}

.mod-cont02 .mod-cont-ttl {
  margin-bottom: 80px;
}

.mod-cont02 .mod-news-blok {
  padding-left: 100px;
  width: 1000px;
  border-left: 1px solid #969594;
  border-right: 1px solid #969594;
  font-size: 0;
  margin: 0 auto 55px;
}

.mod-cont02 .mod-news-blok li {
  height: 28px;
}

.mod-cont02 .mod-news-blok li a {
  display: block;
  padding: 3px 0;
}

.mod-cont02 .mod-news-blok li a span {
  display: inline-block;
  vertical-align: middle;
}

.mod-cont02 .mod-news-blok li + li {
  margin-top: 14px;
}

.mod-cont02 .mod-news-blok .mod-date {
  width: 200px;
  font-size: 14px;
  letter-spacing: 0.13em;
  text-align: center;
}

.mod-cont02 .mod-news-blok .mod-tag {
  width: 78px;
  height: 20px;
}

.mod-cont02 .mod-news-blok .mod-tag img {
  height: auto;
}

.mod-cont02 .mod-news-blok .mod-tag.none {
  background-color: transparent;
}

.mod-cont02 .mod-news-blok .mod-txt {
  width: 618px;
  font-size: 14px;
  padding: 0 15px;
}

.mod-cam-tag,
.mod-press-tag,
.mod-important-tag {
  width: 78px;
  height: 20px;
}

/*-------  cont03  -------*/

.mod-top .mod-cont03 .mod-inner-block {
  padding: 115px 0 140px;
}

.mod-top .mod-cont03 .mod-cont-ttl {
  margin-bottom: 50px;
}

.mod-top .mod-slider01 img {
  margin: auto;
}

.mod-rec-tag {
  display: block;
  height: 20px;
}

.mod-top img.mod-limited-tag,
.mod-top img.mod-new-tag {
  margin: 0;
}

.mod-limited-tag {
  height: 20px;
  width: 60px;
}

.mod-new-tag {
  height: 20px;
  width: 48px;
}

/*-------  cont04  -------*/

.mod-top .mod-cont04 {
  position: relative;
  height: 1200px;
}

.mod-top .mod-cont04 .mod-img-box {
  display: block;
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}

.mod-top .mod-cont04 .mod-img-box:before {
  opacity: 0;
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  border: 1px solid #fff;
  z-index: 1;
}

.mod-top .mod-cont04 .mod-img-box:after {
  opacity: 0;
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 21px;
  color: #fff;
  letter-spacing: 0.25em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-family: NotoSerifSC;
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl img {
  height: 18px;
}

.mod-top .mod-cont04 .mod-img01 {
  top: 0;
  left: 0;
  height: 600px;
  width: calc(100% - (100% / 3));
  background-image: url(/img/top/link_img01.jpg);
}

.mod-top .mod-cont04 .mod-img02 {
  top: 0;
  right: 0;
  height: 300px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img02.jpg);
}

.mod-top .mod-cont04 .mod-img03 {
  top: 300px;
  right: 0;
  height: 600px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img03.jpg);
}

.mod-top .mod-cont04 .mod-img04 {
  top: 600px;
  left: 0;
  height: 300px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img04.jpg);
}

.mod-top .mod-cont04 .mod-img05 {
  top: 900px;
  left: 0;
  height: 300px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img05.jpg);
}

.mod-top .mod-cont04 .mod-img06 {
  top: 600px;
  left: calc(100% / 3);
  height: 600px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img06.jpg);
  background-position: bottom center;
}

.mod-top .mod-cont04 .mod-img07 {
  top: 900px;
  right: 0;
  height: 300px;
  width: calc(100% / 3);
  background-image: url(/img/top/link_img07.jpg);
}

@media screen and (min-width: 641px) {
  .mod-cont04 .mod-img-box:hover {
    opacity: 1 !important;
  }

  .mod-cont04 .mod-img-box:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .mod-cont04 .mod-img-box:hover:before,
  .mod-cont04 .mod-img-box:hover:after,
  .mod-cont04 .mod-img-box:hover .mod-ttl {
    opacity: 1;
    pointer-events: auto;
  }
}

/*------------------------------------------------------------------------------
treatment
------------------------------------------------------------------------------*/

/*-------  mv-block  -------*/

.mod-treatment .mod-mv-block .mod-slider02 li:nth-child(1) {
  background: url(/img/treatment/mv01.jpg) no-repeat center / cover;
}

.mod-treatment .mod-mv-block .mod-slider02 li:nth-child(2) {
  background: url(/img/treatment/mv02.jpg) no-repeat center / cover;
}

.mod-treatment .mod-mv-block .mod-slider02 li:nth-child(3) {
  background: url(/img/treatment/mv03.jpg) no-repeat center / cover;
}

.mod-treatment .mod-fv-txt {
  width: 737px;
  height: 81px;
}

.mod-treatment .mod-main-txt img {
  width: 680px;
}

/*-------  cont01  -------*/

.mod-treatment .mod-cont01 .mod-inner-block {
  padding: 170px 0 60px;
}

.mod-treatment .mod-cont01 .mod-cont-ttl02 {
  margin-bottom: 100px;
}

.mod-treatment .mod-cont01 .mod-cont-ttl02 img {
  width: 500px;
}

.mod-treatment .mod-cont01 .mod-parts-wrap .mod-parts-block:nth-child(even) .mod-img {
  order: 2;
}

.mod-treatment .mod-cont01 .mod-parts-block {
  display: flex;
}

.mod-treatment .mod-cont01 .mod-parts-block > div {
  width: 50%;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt {
  display: flex;
  align-items: center;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-inn {
  padding: 0 90px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-ttl {
  font-family: EBGaramond;
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.03em;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech01 {
  width: 180px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech02 {
  width: 255px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech03 {
  width: 218px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech04 {
  width: 248px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-ttl .mod-margin {
  margin-right: 12px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-description {
  font-size: 16px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}

/*-------  cont02  -------*/

.mod-treatment .mod-cont02 .mod-inner-block {
  padding: 60px 0 90px;
}

.mod-treatment .mod-cont02 .mod-cont-ttl02 {
  font-size: 28px;
  margin-bottom: 40px;
}

.mod-accordion-list > li + li {
  margin-top: 5px;
}

.mod-accordion-list .mod-btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #faf2eb;
  padding: 18px 0;
  cursor: pointer;
}

.mod-accordion-list .mod-arrow {
  position: relative;
  width: 100px;
}

.mod-accordion-list .mod-arrow img {
  width: 14px;
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-accordion-list .mod-ttl {
  display: flex;
  width: 580px;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.06em;
  padding-right: 10px;
  font-weight: 300;
}

.mod-accordion-list .mod-menu-ttl01 img {
  width: 196px;
}

.mod-accordion-list .mod-menu-ttl02 img {
  width: 180px;
}

.mod-accordion-list .mod-menu-ttl03 img {
  width: 275px;
}

.mod-accordion-list .mod-menu-ttl04 img {
  width: 280px;
}

.mod-accordion-list .mod-menu-ttl05 img {
  width: 224px;
}

.mod-accordion-list .mod-description {
  width: 520px;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.05em;
  padding-right: 10px;
}

.mod-accordion-list .mod-arrow-move .mod-arrow img {
  transform: rotate(180deg);
}

.mod-accordion-list .mod-child-list {
  display: none;
  background-color: #fff;
}

.mod-accordion-list .mod-child-list li {
  padding: 20px 75px 20px 100px;
  border-bottom: 1px solid #808080;
}

.mod-accordion-list .mod-child-list li:last-child {
  margin-bottom: 80px;

}

.mod-accordion-list .mod-child-list .mod-border-none {
  border-bottom: 0;
}

.mod-accordion-list .mod-child-list .mod-top-box {
  display: flex;
}

.mod-accordion-list .mod-child-list .mod-child-ttl {
  width: 580px;
  font-size: 21px;
  margin-bottom: 10px;
}

.mod-accordion-list .mod-child-list .mod-child-ttl sup {
  font-size: 14px;
  vertical-align: top;
}

.mod-accordion-list .mod-child-list .mod-child-description {
  font-size: 14px;
}

.mod-accordion-list .mod-child-list .mod-time {
  width: 100px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
}

.mod-accordion-list .mod-child-list .mod-price {
  width: 345px;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: right;
}

.mod-treatment .mod-cont02 .mod-cont-ttl03 {
  margin: 100px 0 50px;
}

.mod-menu-list-wrap {
  padding-bottom: 90px;
  margin-bottom: 50px;
  border-bottom: 1px solid #828282;
}

.mod-menu-list {
  width: 560px;
  float: left;
}

.mod-menu-list:last-child {
  float: right;
}

.mod-menu-list li {
  position: relative;
  padding-left: 20px;
  font-size: 0;
}

.mod-menu-list li + li {
  margin-top: 10px;
}

.mod-menu-list li:before {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 0;
  margin: auto;
  background: url(/img/common/arrow01_right.svg) no-repeat center / contain;
}

.mod-menu-list li:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 0;
  margin: auto;
  background-color: #828282;
}

.mod-menu-list .mod-store,
.mod-menu-list .mod-tel {
  position: relative;
  font-size: 16px;
  background-color: #fff;
  z-index: 1;
}

.mod-menu-list .mod-store {
  font-size: 16px;
  padding-right: 5px;
}

.mod-menu-list .mod-store:visited {
  color: #666;
}

.mod-menu-list .mod-tel {
  letter-spacing: 0.05em;
  float: right;
  padding-left: 5px;
  pointer-events: none;
}

.mod-note-list,
.mod-note-txt {
  width: 920px;
  font-size: 16px;
  margin: auto;
}

.mod-note-list {
  margin-bottom: 1em;
}

.mod-note-txt p {
  margin-bottom: 0;
}

@media screen and (min-width: 641px) {
  .mod-menu-list .mod-store:hover {
    opacity: 1 !important;
    color: #dedede;
  }
}

/*------------------------------------------------------------------------------
product 共通
------------------------------------------------------------------------------*/
.mod-product-cart-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mod-product-cart-list li{
  width: 225px;
  position: relative;
  margin-bottom: 72px;
}

.mod-product-cart-list li+li{
  margin-left: 45px;
}

@media screen and (min-width: 641px) {
  .mod-product-cart-list li:nth-child(3n+1){
    margin-left: 0;
  }
}

.mod-product-cart-list li a{
  display: block;
  width: 100%;
}

.mod-product-cart-list .mod-img{
  position: relative;
  width: 100%;
  height:240px;
  margin-bottom: 24px;
}

.mod-product-cart-list .mod-img img{
  max-width: 320px;
  max-height:100%;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.mod-product-cart-list .mod-name{
  padding-bottom: 10px;
}

.mod-product-cart-list .mod-text{
  padding-bottom: 10px;
}

.mod-product-cart-list .mod-cart-btn{

}

.mod-product-cart-list .mod-cart-btn > *{
  width:115px;
  height:30px;
  line-height: 30px;
  text-align: center;
  background:#fff;
  border:solid 1px #C7C7C7;
  font-size: 12px;
  color:#828282;
}

@media screen and (min-width: 641px) {
  .mod-product-cart-list .mod-cart-btn > *:hover{
    opacity:0.6;
  }
}

.mod-product-cart-list04 li{
  width: 225px;
  position: relative;
}

.mod-product-cart-list.mod-product-cart-list04 li+li{
  margin-left: 10px;
}

@media screen and (min-width: 641px) {
  .mod-product-cart-list.mod-product-cart-list04 li:nth-child(3n+1){
    margin-left: 10px;
  }

  .mod-product-cart-list.mod-product-cart-list04 li:nth-child(4n+1){
    margin-left:0;
  }
}


.mod-product-cart-list.mod-product-cart-list04 .mod-img{
  height:184px;
}

.mod-product-cart-list.mod-product-cart-list04 .mod-img img{
  max-width:250px;
}

.mod-gift .mod-gift-cart-block .mod-inner-block{
  border-bottom:solid 1px #ECECEC;
}

/*------------------------------------------------------------------------------
/product/detail/
------------------------------------------------------------------------------*/

.mod-product.mod-product-detail .mod-contents-block .mod-inner-block {
  width: 1200px;
}

/*-------  cont02  -------*/

.mod-product .mod-cont02 .mod-inner-block {
  padding: 90px 0 50px;
}

.mod-product .mod-cont02 .mod-parts-list .mod-parts {
  border-bottom: 1px solid #666;
}

.mod-product .mod-cont02 .mod-parts-list .mod-parts > * {
  padding: 0 100px;
}

.mod-product .mod-cont02 .mod-parts-list .mod-parts > *:last-child {
  margin-bottom: 85px;
}

.mod-product .mod-cont-ttl04 {
  cursor: pointer;
  position: relative;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mod-product .mod-cont-ttl04 img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100px;
  margin: auto;
  width: 12px;
  height: 7px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-product .mod-cont-ttl04.mod-is-active img {
  transform: rotate(180deg);
}

.mod-product .mod-parts:nth-child(n + 2) .mod-cont-ttl04 + * {
  display: none;
}

.mod-product .mod-ttl01 {
  font-size: 25px;
  margin-bottom: 10px;
  letter-spacing: 0.15em;
}

.mod-product .mod-description01 {
  font-size: 16px;
}

.mod-product .mod-key-box + li {
  margin-top: 40px;
}

.mod-product .mod-key-box > div {
  float: left;
}

.mod-product .mod-key-box .mod-img {
  width: 110px;
  margin-right: 25px;
}

.mod-product .mod-key-box .mod-txt {
  width: 865px;
}

.mod-product .mod-key-box .mod-txt .mod-ttl02 {
  font-size: 18px;
  margin-bottom: 5px;
}

.mod-product .mod-key-box .mod-txt .mod-description02 {
  font-size: 16px;
  letter-spacing: 0.05em;
}

.mod-howto-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.mod-howto-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  background-color: #c0c0c0;
}

.mod-howto-list li {
  position: relative;
  width: 115px;
  padding: 0 3px;
  background-color: #fff;
}

.mod-howto-list .mod-how-box {
  position: relative;
  background-color: #f9f9f9;
  text-align: center;
  border-left: 0.5px solid #c0c0c0;
  border-right: 0.5px solid #c0c0c0;
}

.mod-howto-list .mod-how-box:before,
.mod-howto-list .mod-how-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  background-color: #fff;
}

.mod-howto-list .mod-how-box:before {
  left: 0.5px;
}

.mod-howto-list .mod-how-box:after {
  right: 0.5px;
}

.mod-howto-list .mod-how-box .mod-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.38;
  color: #808080;
  margin-bottom: 0;
  min-height: 40px;
}

.mod-howto-list .mod-icon {
  display: none;
  position: relative;
}

.mod-howto-list .mod-icon span {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.mod-howto-list .mod-icon img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-howto-list .mod-moon img {
  width: 14px;
  height: 14px;
}

.mod-howto-list .mod-sun img {
  width: 19px;
  height: 19px;
}

.mod-howto-list .mod-active {
  width: 145px;
}

.mod-howto-list .mod-active .mod-how-box {
  background-color: #ae1d36;
  border-color: #ae1d36;
}

.mod-howto-list .mod-active .mod-txt {
  color: #fff;
  min-height: 30px;
  padding-top: 5px;
  font-size: 18px;
}

.mod-howto-list .mod-active .mod-icon {
  display: block;
}

#wrapper .mod-item-list02 {
  margin-bottom: 50px;
}

.mod-item-list02 li {
  float: left;
  width: 220px;
  margin-left: 40px;
  margin-bottom: 35px;
}

.mod-item-list02 li:nth-child(4n + 1) {
  margin-left: 0;
}

.mod-item-list02 li a {
  display: block;
}

.mod-item-list02 li a p {
  font-size: 13px;
  letter-spacing: 0.05em;
  margin-top: 5px;
}

/*------------------------------------------------------------------------------
big-category
------------------------------------------------------------------------------*/
.mod-product .mod-contents-block .mod-inner-block,
.mod-product .mod-bread-list {
  width: 968px;
}

/*-------  mod-product-ttl-block  -------*/
.mod-product .mod-product-ttl {
  color: #828282;
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
  padding: 33px 0;
  text-align: center;
}

.mod-product .mod-product-ttl.mod-img-ttl {
  padding: 30px 0;
}

.mod-product .mod-product-ttl span {
  display: block;
  line-height: 1;
}

.mod-product .mod-product-ttl .mod-main .mod-face {
  width: 131px;
  margin-bottom: 18px;
}

.mod-product .mod-product-ttl .mod-sub {
  font-size: 16px;
  letter-spacing: 0.15em;
}

.mod-product .mod-description {
  margin: 40px 0 70px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2.5;
}

/*-------  mod-product-link-block  -------*/
.mod-product .mod-product-link-block.mod-border .mod-inner-block {
  border-top: solid 1px #828282;
}

.mod-product .mod-product-link-block .mod-inner-block {
  padding: 110px 0 150px;
}

.mod-product .mod-product-link-list {
  text-align: center;
  font-size: 0;
}

.mod-product .mod-product-link-list li {
  display: inline-block;
  border-right: 1px solid #828282;
  width: 134px;
}

.mod-product .mod-product-link-list li:first-child {
  border-left: 1px solid #828282;
}

.mod-product .mod-product-link-list li a {
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em;
}

/*-------  mod-product-item-list  -------*/
.mod-product .mod-product-item-list {
  font-size: 0;
  width: 896px;
  margin: auto;
}

.mod-product .mod-product-item-list:nth-of-type(n + 2) {
  padding-bottom: 130px;
  border-bottom: 1px solid #828282;
}

.mod-product .mod-product-item-list li {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-left: 84px;
}

.mod-product .mod-product-item-list li:nth-child(3n + 1) {
  margin-left: 0;
}

.mod-product .mod-product-item-list li:nth-child(n + 4) {
  margin-top: 70px;
}

.mod-product .mod-product-item-list li a {
  display: block;
}

.mod-product .mod-product-item-list li .mod-name {
  text-align: center;
  font-size: 14px;
  margin-top: 15px;
}

/*-------  mod-product-sub-ttl  -------*/
.mod-product .mod-product-sub-ttl {
  text-align: center;
  border-bottom: 1px solid #828282;
  padding: 130px 0 5px;
  margin-bottom: 70px;
}

.mod-product .mod-product-sub-ttl .mod-collection {
  width: 158px;
}

/*------------------------------------------------------------------------------
small-category
------------------------------------------------------------------------------*/
.mod-small-product .mod-product-ttl {
  font-size: 28px;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 400;
}

/*------------------------------------------------------------------------------
product-all
------------------------------------------------------------------------------*/
.mod-product-all .mod-product {
  width: 232px;
}

.mod-product-all .mod-product-ttl {
  margin-bottom: 90px;
}

.mod-product-all .mod-face {
  width: 62px;
}

.mod-product-all .mod-body {
  width: 70px;
}

.mod-product-all .mod-hand {
  width: 73px;
}

.mod-product-all .mod-aroma {
  width: 97px;
}

.mod-product-all .mod-collection {
  width: 165px;
}

.mod-product-all .mod-product-item-list {
  font-size: 0;
  margin: 55px auto 130px;
}

.mod-product-all .mod-product-item-list:nth-of-type(n + 2) {
  border: 0;
  padding-bottom: 0;
}



/*------------------------------------------------------------------------------
ranking
------------------------------------------------------------------------------*/
.mod-ranking .mod-c-border-ttl01 {
  margin-bottom: 60px;
}

.mod-ranking .mod-c-border-ttl01 img {
  width: 130px;
}

/*-------  mod-ranking-list  -------*/
.mod-ranking-number_1 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #ecd387;
  z-index: 1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-ranking-number_2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #c7c0aa;
  z-index: 1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


.mod-ranking-number_3 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #a0826f;
  z-index: 1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}





.mod-ranking-number {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #828282;
  z-index: 1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}



/*------------------------------------------------------------------------------
mothersday-2020
------------------------------------------------------------------------------*/
.mod-mothersday-2020 sup {
  font-size: 10px;
}
.mod-mothersday-2020 .mod-common-item-btn a {
  margin: 0 auto;
}
.mod-mothersday-2020 .mod-outer-block {text-align: center;margin: 0 aut;}
.mod-mothersday-2020 .mod-inner-block {width: 1000px;}

/* -------kv-block------- */

.mod-mothersday-2020 .mod-kv-block .mod-kv01{
  width: 100%;
}

.mod-mothersday-2020 .mod-kv-block .mod-inner-block{
  width: auto;
  position: relative;
}

.mod-mothersday-2020 .mod-kv-block .mod-ttl-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}

@media screen and (min-width: 641px) {
  .mod-mothersday-2020 .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
    width: 660px;
    margin-left: 700px;
    margin-top: 70px;
  }
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap{
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#fff;
  margin:0 auto;
  background: #666666;
  margin-top: 30px;
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap .mod-btn-box{
  width: 100%;
  display: block;
  text-align: center;
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap .mod-btn-box >*{
  display:inline-block;
  vertical-align: middle;
  color: #fff;
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width:7px;
  height: 14px;
}


/* -------cont01------- */

.mod-mothersday-2020 .mod-cont01 .mod-inner-block{
   padding-top: 100px;
   padding-bottom: 110px;
   width: 1000px;
   margin: 0 auto;
   text-align: center;
}
.mod-mothersday-2020 .mod-cont01 img {
	margin: 0 auto;
	text-align: center;
}


@media screen and (min-width: 641px) {
  .mod-mothersday-2020 .mod-cont01 .mod-cont01-main-list li:nth-child(n+2) {
    margin-left: 30px;
  }
}

.mod-mothersday-2020 .mod-c-btn01 {
    position: relative;
    display: block;
    width: 240px;
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    border: solid 1px #808080;
    margin: 0 auto;
    margin-top: 40px;
}

.mod-mothersday-2020 .mod-c-btn01 span {
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #808080;
    margin-top: 2px;
    margin-right: 5px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


/* -------cont02------- */

.mod-mothersday-2020 .mod-cont02 .mod-inner-block {
	margin: 0 auto;
	text-align: center;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block img {
	margin: 0 auto;
	text-align: center;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .ttl {
	padding-top: 60px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left {
	padding: 60px 0 100px;
	border-bottom: solid 1px #808080;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .product-img, .mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .product-img {
	float: left;
	padding-right: 20px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left > img {
	width: 477px;
    float: left;
    display: block;
	margin-right: 30px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .mod-detail {
	display: flow-root;
	padding-top: 28px;
	text-align: left;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .mod-detail .text {
	padding-bottom: 20px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .mod-detail .product-name{
	padding-bottom: 10px;
	font-size: 18px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .mod-detail .product-content{
	font-size: 12px;
	line-height:2em;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-left .mod-detail .product-content a{
	text-decoration: underline;
}


.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right {
	padding: 80px 0;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right img:last-child {
	width: 477px;
    display: block;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail {
	display: flow-root;
	padding-top: 10px;
	text-align: right;
	margin-right: 30px;
	float: left;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .text {
	padding-bottom: 20px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .product-name{
	padding-bottom: 10px;
	font-size: 18px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .product-content{
	font-size: 12px;
	line-height:2em;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .product-content a{
	text-decoration: underline;
}
.mod-mothersday-2020 .mod-cont02 .product-right .mod-btn-wrap{
 margin-left: 249px;

}
.mod-mothersday-2020 .mod-cont02 .mod-btn-wrap{
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#fff;
  background: #808080;
  margin-top: 20px;
}

.mod-mothersday-2020 .mod-cont02 .mod-btn-wrap .mod-btn-box{
  width: 100%;
  display: block;
  text-align: center;
	
}

.mod-mothersday-2020 .mod-cont02 .mod-btn-wrap .mod-btn-box >*{
  display:inline-block;
  vertical-align: middle;
	color: #fff;
}

.mod-mothersday-2020 .mod-cont02 .mod-btn-wrap .mod-btn-box img{
  width:7px;
  height: 14px;
	margin-top: 0;
}



/* -------cont03------- */

.mod-mothersday-2020 .mod-cont03 {
	background-color: #faf6ef;
	padding-top: 80px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 70px;
	margin-bottom: 110px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block img {
	margin: 0 auto;
	text-align: center;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .ttl {
	padding-top: 60px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left {
	padding: 60px 0 100px;
	border-bottom: solid 1px #808080;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left > img {
	width: 477px;
    float: left;
    display: flow-root;
	margin-right: 30px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .mod-detail {
	display: flow-root;
	padding-top: 70px;
	text-align: left;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .mod-detail .text {
	padding-bottom: 20px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .mod-detail .product-name{
	padding-bottom: 10px;
	font-size: 18px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .mod-detail .product-content{
	font-size: 12px;
	line-height:2em;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-left .mod-detail .product-content a{
	text-decoration: underline;
}


.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right {
	padding: 80px 0 0;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right img:last-child {
	width: 477px;
    display: block;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail {
	display: flow-root;
	padding-top: 125px;
	text-align: right;
	margin-right: 0px;
	float: left;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .text {
	padding-bottom: 20px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .product-name{
	padding-bottom: 10px;
	font-size: 18px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .product-content{
	font-size: 12px;
	line-height:2em;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .product-content a{
	text-decoration: underline;
}
.mod-mothersday-2020 .mod-cont03 .product-right .mod-btn-wrap{
 margin-left: 249px;

}
.mod-mothersday-2020 .mod-cont03 .mod-btn-wrap{
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#fff;
  background: #808080;
  margin-top: 20px;
}

.mod-mothersday-2020 .mod-cont03 .mod-btn-wrap .mod-btn-box{
  width: 100%;
  display: block;
  text-align: center;
	
}

.mod-mothersday-2020 .mod-cont03 .mod-btn-wrap .mod-btn-box >*{
  display:inline-block;
  vertical-align: middle;
	color: #fff;
}

.mod-mothersday-2020 .mod-cont03 .mod-btn-wrap .mod-btn-box img{
  width:7px;
  height: 14px;
	margin-top: 0;
}



/* -------cont04------- */

.mod-mothersday-2020 .mod-cont04 {
    text-align: left!important;
	padding-bottom: 110px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block {
	padding-bottom: 40px;
}

.mod-mothersday-2020 .mod-cont04 .mod-inner-block .mod-img {
	margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .mod-img img {
	margin: 0 auto;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item {
	width: 1000px;
	display: flex;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li {
	width: 30%;
	float: left;
	margin-right: 50px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li:nth-child(3) {
	margin-right: 0;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li p {
	line-height: 1.8em;
	padding-bottom: 15px;
	text-align: center;
}





/*------------------------------------------------------------------------------
news-line
------------------------------------------------------------------------------*/
.mod-news-line .mod-bread-block .mod-inner-block{
  width: 896px;
}

.mod-news-line .mod-cont01 .mod-inner-block{
  width:896px;
  padding-bottom: 150px;
}

.mod-news-line .mod-cont01 .mod-ttl-caption {
  padding-top: 25px;
  padding-bottom: 50px;
}

.mod-news-line .mod-cont01 .mod-ttl-01{
  background: #E6E6E6;
  font-size: 18px;
  letter-spacing: 0.05em;
  padding-left: 15px;
  padding-top: 12px;
  padding-bottom: 9px;
}

.mod-news-line .mod-cont01 .mod-ttl-02{
  font-size: 18px;
  letter-spacing: 0.08em;
  padding-top: 30px;
  padding-bottom: 18px;
}

.mod-news-line .mod-cont01 .mod-img-box{
  width: 120px;
  height: 120px;
  padding-top: 10px;
}

.mod-news-line .mod-cont01 p{
  font-size: 14px;
  letter-spacing: 0.08em;
}

.mod-news-line .mod-cont01-list{

}

.mod-news-line .mod-cont01-list li{
  position: relative;
  padding-left:10px;
}

.mod-news-line .mod-cont01-list li:before{
  font-size:14px;
  content:'・';
  position: absolute;
  display: inline;
  top:0;
  left:0;
}

.mod-news-line .mod-cont01-list li+li{
  margin-top: 5px;
}

.mod-news-line .mod-cont01-notes{
  padding-top: 25px;
}


/*------------------------------------------------------------------------------
news-line 190626クレンジングバナー追加
------------------------------------------------------------------------------*/
.mod-inner-block_pc {
  background-image: url(https://jurlique-japan.com/topics/cleanser/img/cleansing_pc.jpg);
  height: 500px;
  background-repeat: no-repeat;
  margin: 100px 0 -40px;
  background-position: center;
}

.mod-inner-block_pc ul.mod-cont04-item.mod-fadein {
  margin-left: 487px;
  padding-top: 205px;
}

.mod-inner-block_sp {
  background-image: url(https://jurlique-japan.com/topics/cleanser/img/cleansing_sp.jpg);
  height: 370px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -30px;
}

.mod-inner-block_sp ul.mod-cont04-item.mod-fadein {
  padding-top: 325px;
}


.mod-inner-block_sp .mod-common-item-btn a {
  margin: 0 auto;

}





/*------------------------------------------------------------------------------
商品ページ - 20190701クレンジングキャンペーンバナー追加
------------------------------------------------------------------------------*/
.mod-inner-block_pc1 {
  background-image: url(https://jurlique-japan.com/img/banner/190701_cleansingcp_pc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  margin-top: 50px;
}

.mod-inner-block_pc1 ul.mod-cont04-item {
  padding-top: 100px;
  margin-right: 40px;
  float: right;
}

.mod-inner-block_sp1 {
  background-image: url(https://jurlique-japan.com/img/banner/190701_cleansingcp_pc.jpg);
  height: 370px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -30px;

}

.mod-inner-block_sp1 ul.mod-cont04-item.mod-fadein {
  padding-top: 325px;
}


.mod-inner-block_sp1 .mod-common-item-btn a {
  margin: 0 auto;

}






/*------------------------------------------------------------------------------
news-schedule
------------------------------------------------------------------------------*/
.mod-news-schedule .mod-bread-block .mod-inner-block{
  width: 896px;
}

.mod-news-schedule .mod-cont01 .mod-inner-block{
  width:896px;
  padding-bottom: 80px;
}

.mod-news-schedule .mod-cont01-caption{
  font-size: 14px;
  padding-top: 28px;
  padding-bottom: 36px;
}

.mod-news-schedule .mod-cont01-caption_info{
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 15px;
}

.mod-news-schedule .mod-cont01-table{
  width: 100%;
  font-size: 15px;
}

.mod-news-schedule .mod-cont01-table th{
  width: 50%;
  padding:12px 10px;
  background: #E6E6E6;
  font-weight:normal;
  color:#666666;
}

.mod-news-schedule .mod-cont01-table td{
  width: 50%;
  text-align: center;
  padding: 25px 10px;
  border-bottom:solid 1px #D1D1D1;
}

.mod-news-schedule .mod-cont01-table th:first-child{
  border-right:solid 1px #D1D1D1;
}

.mod-news-schedule .mod-cont01-table td:first-child{
  border-right:solid 1px #D1D1D1;
}

/*------------------------------------------------------------------------------
shopguide
------------------------------------------------------------------------------*/
.mod-shopguide .mod-bread-block .mod-inner-block{
  width: 896px;
}

.mod-shopguide .mod-cont .mod-inner-block{
  width:896px;
  padding-bottom: 80px;
}

.mod-shopguide .mod-caption{
  font-size: 14px;
  line-height: 1.71;
  margin:20px 0;
}

.mod-shopguide .mod-guid-list{
  margin-right: -22px;
}

.mod-shopguide .mod-guid-list li{
  width: 284px;
  height: 40px;
  line-height: 42px;
  border:solid 1px #D9D9D9;
  text-align: center;
  float:left;
  margin-right: 22px;
}

@media screen and (min-width: 641px) {
  .mod-shopguide .mod-guid-list li:nth-child(n+4){
    margin-top: 15px;
  }
}

.mod-shopguide .mod-guid-list li a{
  display: block;
  width: 100%;
}

.mod-shopguide .mod-btn-area .mod-c-btn01{

}

.mod-shopguide .mod-btn-area .mod-c-btn01 span{
  font-size: 14px;
  margin-right: 0;
  letter-spacing: 0.15em;
}

.mod-shopguide .mod-step-list{
  padding-top: 10px;
}

.mod-shopguide .mod-step-list li{
  counter-increment: stepNo;
}

.mod-shopguide .mod-step-list li+li{
  margin-top: 20px;
}

.mod-shopguide .mod-step-list li:after {
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-shopguide .mod-step-list li .mod-step-ttl{
  float: right;
  width: 548px;
  margin-left: 28px;
}

.mod-shopguide .mod-step-list li .mod-step-ttl .mod-ttl{
  font-size: 18px;
  letter-spacing: 0.08em;
}

.mod-shopguide .mod-step-list li .mod-step-ttl .mod-ttl:before{
  content:'STEP.'counter(stepNo);
  display: inline;
  margin-right: 10px;
}

.mod-shopguide .mod-step-list li .mod-step-ttl .mod-text{
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.71;
}

.mod-shopguide .mod-step-list li .mod-step-img{
  width: 320px;
  float:left;
}

.mod-shopguide .mod-cont04 .mod-c-h3{
  padding-top: 45px;
}

.mod-shopguide .mod-guid-box{
  margin-top: 22px;
  font-size: 14px;
}

.mod-shopguide .mod-guid-box .mod-ttl{

}

.mod-shopguide .mod-guid-box .mod-ttl:before{
  display: inline-block;
  content:'■';
}

.mod-shopguide .mod-guid-box .mod-text{
  line-height: 1.71;
}

.mod-shopguide .mod-cont p{
  font-size: 14px;
  margin-top: 22px;
  line-height: 1.71;
}

.mod-shopguide .mod-cont04-notes{
  margin-top: 22px;
}

.mod-shopguide .mod-cont05 .mod-c-h3{
  padding-top: 25px;
}

.mod-shopguide .mod-bg-box{
  background: #FAF7F2;
  padding: 35px;
  margin-top: 22px;
}

.mod-shopguide .mod-bg-box p:first-child{
  margin-top: 0;
}

.mod-shopguide .mod-card-img{
  width: 440px;
  margin-top: 10px;
}

.mod-shopguide .mod-cont06-list{
  padding-left: 35px;
  margin-top: 22px;
  padding-bottom: 10px;
}

.mod-shopguide .mod-cont06 .mod-inner-block{
  padding-bottom: 140px;
}

/*------------------------------------------------------------------------------
mod-shopinfo-detail
------------------------------------------------------------------------------*/
.mod-shopinfo-detail .mod-bread-block .mod-inner-block{
  width: 896px;
}

.mod-shopinfo-detail .mod-sub-title-block .mod-inner-block{
  width: 896px;
}

.mod-shopinfo-detail .mod-cont01{
  padding-top: 70px;
}

.mod-shopinfo-detail .mod-cont01 .mod-inner-block{
  width: 896px;
}

.mod-shopinfo-detail .mod-cont02{
  padding-bottom: 145px;
}

.mod-shopinfo-detail .mod-cont02 .mod-inner-block{
  width: 896px;
}

.mod-shopinfo-detail .mod-shop-cont{
  width: calc(100% - 384px);
  float:left;
}

.mod-shopinfo-detail .mod-shop-img{
  width: 336px;
  margin-left:48px;
  float:left;
}

.mod-shopinfo-detail .mod-shop-img iframe{
  width: 100%;
  height: 406px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-ttl-main{
  font-size: 24px;
  letter-spacing: 0.05em;
}

.mod-shopinfo-detail .mod-shop-cont .mod-tag-list {
  width: 100%;
  font-size: 0;
  margin-right: -5px;
  margin-bottom: -5px;
  margin-top: 5px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-tag-list li{
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-tag-list li img {
  height: 21px;
}

.mod-treatment-tag {
  width: 172px;
}

.mod-depart-tag {
  width: 57px;
}

.mod-shopinfo-detail .mod-ttl01{
  font-size: 14px;
  border-bottom:solid 1px #ddd;
  padding-top: 40px;
}

.mod-shopinfo-detail .mod-text01{
  font-size: 16px;
  padding-top: 10px;
}

.mod-shopinfo-detail .mod-tel {
  display: block;
  pointer-events: none;
}

.mod-shopinfo-detail .mod-shop-map{
  font-size: 14px;
  text-align: right;
  margin-top: 10px;
}

.mod-shopinfo-detail .mod-shop-map a{
  text-decoration: underline;
}

.mod-shopinfo-detail .mod-shop-caption{
  font-size: 14px;
  padding-top: 40px;
}

.mod-shopinfo-detail .mod-shop-btn{
  padding-top:50px ;
}

/*------------------------------------------------------------------------------
shopinfo-direct
------------------------------------------------------------------------------*/
.mod-shopinfo-dealer.mod-shopinfo-tori .mod-shop-ttl a{
  text-decoration: none;
}

.mod-shopinfo-tori .mod-tab-box{
  padding-bottom: 50px;
}

.mod-shopinfo-tori .mod-tab-box li{
  width: calc((100% - 16px) / 2);
  height:68px;
  float:left;
  border:solid 1px #ECECEC;
  display: table;
}

.mod-shopinfo-tori .mod-tab-box li.current{
  background: #E6E6E6;
  pointer-events: none;
}



.mod-shopinfo-tori .mod-tab-box li+li{
  margin-left: 16px;
}

.mod-shopinfo-tori .mod-tab-box li a{
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding-left: 48px;
  position: relative;
}

.mod-shopinfo-tori .mod-tab-box li a .mod-main{
  font-size: 16px;
}

.mod-shopinfo-tori .mod-tab-box li a .mod-sub{
  font-size: 12px;
  margin-bottom: 0;
}

.mod-shopinfo-tori .mod-tab-box li a:after{
  width: 7px;
  height: 12px;
  display: block;
  content: '';
  position: absolute;
  top:0;
  bottom:0;
  right:20px;
  margin:auto 0;
  background:url('/img/common/arrow01_right.svg') no-repeat;
  background-size:contain;
}

.ie .mod-shopinfo-tori .mod-tab-box li a:after{
  top:20px;
}

.mod-shopinfo-tori .mod-tab-box li.current a:after{
  transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

@media screen and (min-width: 641px) {
  .mod-shopinfo-tori .mod-tab-box li a:hover:after{
    opacity:0.4;
  }
}

.mod-shopinfo-tori .mod-tori-caption{
  padding-top: 14px;
  font-size: 14px;
}

.mod-shopinfo-tori .mod-tori-pagelink{
  padding-top: 30px;
  padding-bottom: 50px;
}

.mod-shopinfo-tori .mod-tori-pagelink li{
  width: calc((100% - 40px) / 3);
  height: 40px;
  line-height: 40px;
  float:left;
  border:solid 1px #ECECEC;
  text-align: center;
}

.edge .mod-shopinfo-tori .mod-tori-pagelink li{
  width:calc(((100% - 40px) / 3 ) - 0.1px);
}

.mod-shopinfo-tori .mod-tori-pagelink li+li{
  margin-left:20px;
}

.mod-shopinfo-tori .mod-tori-pagelink li a{
  display: block;
  width: 100%;
}

@media screen and (min-width: 641px) {
  .mod-shopinfo-tori .mod-tori-pagelink li a:hover{
    background: #E6E6E6;
  }
}

.mod-shopinfo-tori .mod-pref-list{
  font-size: 0;
  padding-top: 20px;
  padding-left: 15px;
  margin-right:-80px;
}

.mod-shopinfo-tori .mod-pref-list li{
  display: inline-block;
  float:left;
  margin-right:80px;
  font-size: 14px;
}

.mod-shopinfo-tori .mod-pref-list li a{
  display: block;
  width: 100%;
  padding-left: 10px;
  position: relative;
}

.mod-shopinfo-tori .mod-pref-list li a:before{
  width: 5px;
  height: 10px;
  display: block;
  content:'';
  background:url('/img/common/arrow01_right.svg') no-repeat;
  background-size:contain;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto 0;
}

@media screen and (min-width: 641px) {
  .mod-shopinfo-tori .mod-pref-list li a:hover:before{
    opacity:0.4;
  }
}

.mod-shopinfo-tori.mod-shopinfo-dealer .mod-shop-list > li a {
  pointer-events: none;
}

#wrapper .mod-shopinfo-tori.mod-shopinfo-dealer .mod-effective a {
  pointer-events: auto;
}

.mod-shopinfo-tori .mod-tel {
  pointer-events: none !important;
}

.mod-shopinfo-tori .mod-shop-list > li{
  border-top:solid 1px #ddd;
  padding-top: 25px;
  padding-bottom: 40px;
}

.mod-shopinfo-direct .mod-shop-list > li {

}

.mod-shopinfo-tori .mod-pref-box{
  margin-top: 40px;
}

.mod-shopinfo-tori .mod-pref-ttl{
  padding-bottom: 6px;
  padding-left: 15px;
}

.mod-shopinfo-tori .mod-shop-ttl{
  width:360px;
  float: left;
  padding-left: 112px;
  padding-right: 10px;
}

.mod-shopinfo-tori .mod-shop-ttl a{
  font-size: 14px;
  text-decoration : underline;
}

.mod-shopinfo-tori .mod-shop-detail{
  width: calc(100% - 360px);
  float: left;
}


.mod-shopinfo-tori .mod-tag-list{
  margin-right:-5px;
  font-size: 0;
}

.mod-shopinfo-tori .mod-tag-list li{
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.mod-shopinfo-tori .mod-tag-list li img {
  height: 20px;
}

.mod-shopinfo-tori .mod-shop-address{
  font-size: 13px;
  pointer-events: none;
}

.mod-shopinfo-tori .mod-shop-address .mod-tel{
  display: inline-block;
}

@media screen and (min-width: 641px) {
  .mod-shopinfo-tori .mod-shop-address .mod-tel{
    pointer-events: none;
  }
}

.mod-shopinfo-tori .mod-cont02{
  margin-top: 80px;
}

.mod-shopinfo-tori .mod-cont03{
  margin-top: 80px;
  padding-bottom: 150px;
}

/*------------------------------------------------------------------------------
about-ourexpertise ものづくり
------------------------------------------------------------------------------*/
.mod-about-kv .mod-inner-block{
  width: auto;
}

.mod-about-kv .mod-kv-box img{
  width:100%;
}

.mod-about-kv .mod-main-ttl{
  text-align: center;
  padding-top: 110px;
  padding-bottom: 60px;
}

.mod-about-ourexpertise .mod-about-kv .mod-main-ttl img{
  width: 342px;
}

.mod-about-ourexpertise .mod-about-kv .mod-main-caption{
  width: 685px;
  margin:0 auto;
  padding-bottom: 50px;
}

.mod-about-detail-list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-about-detail-list li{
  width:240px;
  height: 36px;
  line-height: 36px;
  float:left;
  text-align: center;
  border-left:solid 1px #9B9B9B;
}


@media screen and (min-width: 641px) {
  .mod-about-detail-list li:last-child{
    border-right:solid 1px #9B9B9B;
  }
}


.mod-about-detail-list li a{
  display: block;
  width: 100%;
  font-family: NotoSerifJP;
  font-weight:normal;
}

.mod-about-ourexpertise .mod-cont01 .mod-ttl-box img{
  width:270px;
}

.mod-about-ourexpertise .mod-cont02 .mod-ttl-box img {
  width: 275px;
} 

.mod-about-ourexpertise .mod-cont04 .mod-ttl-box img {
  width: 196px;
}

.mod-about-cont{
  margin-top: 170px;
}

.mod-about-cont .mod-inner-block{
  width: auto;
}

.mod-about-slider {
  z-index: 1;
}

.mod-about-slider li img{
  width:100%;
}

.mod-about-slider .slick-dots{
  font-size: 0;
  margin-top: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}

.mod-about-slider .slick-dots li{
  display: inline-block;
  width: 8px;
  height: 8px;
  float:none;
  margin: 0 5px;
  background:#808080;
  opacity:0.5;
  transition: 0.3s;
  vertical-align: middle;
}

.mod-about-slider .slick-dots li.slick-active{
  opacity:1.0;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  background:#666;
}

.mod-about-slider .mod-prev{
  background:url('/img/common/arrow02_right.svg') no-repeat;
  left: 0;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.mod-about-slider .mod-next{
  background:url('/img/common/arrow02_right.svg') no-repeat;
  right: 0;
}

.mod-about-slider .mod-prev,
.mod-about-slider .mod-next {
  width: 24px;
  height: 38px;
  display:block;
  content:'';
  position: absolute;
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:1;
  cursor: pointer;
  background-size: 24px 38px;
  padding: 40px 30px;
  background-position: center;
}

@media screen and (min-width: 641px) {
  .mod-about-slider .slick-dots li:hover{
    cursor: pointer;
  }

  .mod-about-slider .slick-dots li.slick-active:hover{
    cursor: inherit;
  }
}


.mod-about-cont .mod-cont{
  padding-top: 100px;
  width: 1128px;
  margin:0 auto;
}

.mod-about-cont .mod-ttl-box{
  width:425px;
  float:left;
}

.mod-about-cont .mod-text-box{
  width:calc(100% - 425px);
  float:left;
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}

.mod-aboutlink .mod-inner-block{
  width: 970px;
  margin:0 auto;
  padding-top: 110px;
  padding-bottom: 78px;
}


.mod-c-aboutlist li{
  float: left;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin-right: 17px;
  background: #FAF2EB;
  transition: 0.3s;
}

.mod-c-aboutlist li:last-child{
  margin-right: 0;
}

.mod-c-aboutlist li > *{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

@media screen and (min-width: 641px) {
  .mod-c-aboutlist li:hover{
    background: rgba(250,242,235,0.5);
  }
}

.mod-c-aboutlist li.current{
  opacity: 0.5;
}

.mod-c-aboutlist li.current > *{
  pointer-events: none;
}

/*------------------------------------------------------------------------------
about-ourstory ストーリー
------------------------------------------------------------------------------*/
.mod-about-ourstory{

}

.mod-about-ourstory .mod-about-kv .mod-main-ttl img{
  width: 306px;
}

.mod-about-ourstory .mod-about-kv .mod-main-caption{
  width: 685px;
  margin:0 auto;
  padding-bottom: 50px;
}

.mod-history-list{
  padding-top: 100px;
  clear: both;
  width: calc(100% - 425px);
  float:right;
}

.mod-history-list li{

}

.mod-history-list li+li{
  padding-top: 40px;
}

.mod-history-list li:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-history-list .mod-history-age{
  float:left;
  width:120px;
}

.mod-history-list .mod-history-age .mod-history-age02{
  display: block;
  margin-top: 28px;
}

.mod-history-list .mod-history-text {
  float:left;
  width:calc(100% - 120px);
  font-size: 16px;
  line-height: 2;
}

.mod-about-ourstory .mod-cont01.mod-about-cont .mod-ttl-box img{
  width:311px;
}

.mod-about-ourstory .mod-cont02.mod-about-cont .mod-ttl-box img{
  width:298px;
}


/*------------------------------------------------------------------------------
about-ourresponsibility 環境への取り組み
------------------------------------------------------------------------------*/
.mod-about-ourresponsibility .mod-about-kv .mod-main-ttl img{
  width: 280px;
}

.mod-about-ourresponsibility .mod-about-kv .mod-main-caption {
  width: 685px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.mod-about-ourresponsibility .mod-cont01.mod-about-cont .mod-ttl-box img{
  width:263px;
}

.mod-about-ourresponsibility .mod-cont02.mod-about-cont .mod-ttl-box img{
  width:250px;
}

.mod-about-ourresponsibility .mod-cont03.mod-about-cont .mod-ttl-box img{
  width:196px;
}

/*------------------------------------------------------------------------------
about-ourorigin 発祥の地アデレード
------------------------------------------------------------------------------*/

.mod-about-ourorigin .mod-about-kv .mod-main-ttl img{
  width: 280px;
}

.mod-about-ourorigin .mod-about-kv .mod-main-caption {
  width: 685px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.mod-about-ourorigin .mod-cont01.mod-about-cont .mod-ttl-box img{
  width:286px;
}

.mod-about-ourorigin .mod-cont02.mod-about-cont .mod-ttl-box img{
  width:307px;
}



/*------------------------------------------------------------------------------
aboutus 一覧
------------------------------------------------------------------------------*/
.mod-aboutus-list .mod-header {
  background-color: #fff;
}

.mod-aboutus-list .mod-cont01 {
  margin-bottom: 200px;
}

.mod-aboutus-list .mod-fv-txt {
  width: 641px;
  height: 65px;
  top: 0;
}

.mod-aboutus-list .mod-main-txt {
  padding-top: 50vh;
}
.mod-aboutus-list .mod-main-txt .mod-description {
  text-align: center;
}

.mod-aboutus-list .mod-main-txt .mod-description img {
  width: 740px;
}

.mod-aboutus-list .mod-aboutus-link-block a {
  position: relative;
  display: block;
}

.mod-aboutus-list .mod-aboutus-link-block a img {
  position: relative;
  width: 100%;
}

.mod-aboutus-list .mod-aboutus-link-block .mod-txt {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  position: absolute; 
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.24em;
}

.mod-aboutus-list .mod-aboutus-link-block li .mod-txt img{
  height: 21px;
}


@media screen and (min-width: 641px) {
  .mod-aboutus-list .mod-aboutus-link-block a img {
    opacity: 1 !important;
  }

  .mod-aboutus-list .mod-aboutus-link-block a .mod-txt {
    opacity: 0 !important;
  }

  .mod-aboutus-list .mod-aboutus-link-block a:hover {
    opacity: 1 !important;
  }

  .mod-aboutus-list .mod-aboutus-link-block a:hover .mod-txt {
    opacity: 1 !important;
    background-color: rgba(0,0,0,0.5);
  }
}

/*------------------------------------------------------------------------------
TOPICS
------------------------------------------------------------------------------*/
.mod-topics-list-block .mod-inner-block {
  width: 896px;
}

.mod-topics-list-block .mod-list-wrap {
  margin-bottom: 120px;
}

.mod-topics-list-block .mod-list-wrap:last-of-type {
  margin-bottom: 140px;
}

.mod-topics-list-block .mod-c-border-ttl01 {
  margin-bottom: 60px;
}

.mod-topics-list-block .mod-c-border-ttl02 {
  margin-bottom: 70px;
}

.mod-topics-list-block .mod-topics {
  width: 103px;
}

.mod-topics-list-block .mod-product {
  width: 114px;
}

.mod-topics-list-block .mod-c-more-btn {
  margin-top: 25px;
}

.mod-topics-list-block .mod-topics-list {
  font-size: 0;
}

.mod-topics-list-block .mod-topics-list li {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-left: 84px;
}

.mod-topics-list-block .mod-topics-list li a {
  display: block;
}

.mod-topics-list-block .mod-topics-list-child {
  display: none;
}

.mod-topics-list-block .mod-topics-list li:nth-child(3n + 1) {
  margin-left: 0;
}

.mod-topics-list-block .mod-topics-list li:nth-child(n + 4),
.mod-topics-list-block .mod-topics-list-child {
  margin-top: 70px;
}

.mod-topics-list-block .mod-topics-list li .mod-ttl {
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.42;
}

.mod-topics-list-block .mod-topics-list li .mod-ttl span {
  margin-left: -0.5em;
}



.mod-topics-list-block .mod-feature-list {
  font-size: 0;
}

.mod-topics-list-block .mod-feature-list .list {
  padding-top: 50px;
}

.mod-topics-list-block .mod-feature-list li li {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-left: 84px;
}

.mod-topics-list-block .mod-feature-list li a {
  display: block;
}

.mod-topics-list-block .mod-feature-list-child {
  display: none;
}

.mod-topics-list-block .mod-feature-list li:nth-child(3n + 1) {
  margin-left: 0;
  width: 240px;
  float: left;

}

.mod-topics-list-block .mod-feature-list li:nth-child(n + 4),
.mod-topics-list-block .mod-feature-list-child {
  margin-top: 70px;
}

/*.mod-topics-list-block .mod-feature-list li .mod-ttl {
font-size: 14px;
line-height: 1.42;
padding-left: 276px;
}*/

.mod-topics-list-block .mod-feature-list li:nth-child(2) p:nth-child(1) {
  font-size: 20px;
  line-height: 1.42;
  padding-left: 276px;
}
.mod-topics-list-block .mod-feature-list li:nth-child(2) p:nth-child(2) {
  font-size: 14px;
  padding: 15px 0 34px;
  line-height: 1.42;
  padding-left: 276px;
  margin-bottom: 0;
}
.mod-topics-list-block .mod-feature-list li:nth-child(2) p.mod-ttl_4 {
  font-size: 14px;
  padding: 15px 0 15px;
  line-height: 1.42;
  padding-left: 276px;
}





.mod-topics-list-block .mod-feature-list li .mod-common-item-btn{
  padding-left: 276px;
}




/*------------------------------------------------------------------------------
handcare
------------------------------------------------------------------------------*/

/*-------  kv-block  -------*/

.mod-handcare .mod-kv-block .mod-kv01 {
  width: 100%;
}

.mod-handcare .mod-kv-block .mod-inner-block {
  width: auto;
  position: relative;
}

.mod-handcare .mod-kv-block .mod-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}

.mod-handcare .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
  width: 500px;
  margin-left: 20px;
  margin-right: 670px;
}

.mod-handcare .mod-kv-block .mod-btn-wrap {
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#808080;
  margin:0 auto;
  background: #fff;
  margin-top: 20px;
}

.mod-handcare .mod-kv-block .mod-btn-wrap .mod-btn-box {
  width: 100%;
  display: block;
  text-align: center;
}

.mod-handcare .mod-kv-block .mod-btn-wrap .mod-btn-box >* {
  display:inline-block;
  vertical-align: middle;
}

.mod-handcare .mod-kv-block .mod-btn-wrap .mod-btn-box img {
  width:7px;
  height: 14px;
}


/*-------  cont01  -------*/

.mod-handcare .mod-cont01 .mod-inner-block {
  padding-top: 100px;
  padding-bottom: 110px;
  border-bottom:solid 1px #808080;
}

.mod-handcare .mod-cont01 .mod-ttl-box .mod-ttl {
  text-align: center;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont01 .mod-ttl-box .mod-ttl img {
    height: 152px;
  }
}

.mod-handcare .mod-cont01 .mod-caption-wrap {
  padding-top: 80px;
}

.mod-handcare .mod-cont01 .mod-caption-wrap .mod-img-box {
  text-align: center;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont01 .mod-caption-wrap .mod-img-box {
    width: 980px;
    margin:0 auto;
  }
}

.mod-handcare .mod-cont01 .mod-cont01-item {
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mod-handcare .mod-cont01 .mod-cont01-item li > a {
  display: block;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont01 .mod-cont01-item li + li {
    margin-left: 30px;
  }
}

.mod-handcare .mod-cont01 .mod-cont01-item li .mod-img img {
  margin: auto;
  vertical-align: bottom;
}

.mod-handcare .mod-cont01 .mod-cont01-item li .mod-text {
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
}


/*-------  cont02  -------*/

.mod-handcare .mod-cont02 {
  padding-top: 120px;
  padding-bottom: 110px;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont02-top .mod-ttl-wrap {
    width: 690px;
    margin: 0 auto;
  }
}

.mod-handcare .mod-cont02-top .mod-ttl {
  position: relative;
  margin: 0 10px 60px;
}

.mod-handcare .mod-cont02-top .mod-ttl .mod-ico {
  position: absolute;
  top: -60px;
  left: -150px;
  width: 106px;
}

.mod-handcare .mod-cont02-top .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.mod-handcare .mod-cont02-top .mod-img {
  margin-top: 70px;
  text-align: center;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont02-item-kv {
    display: table;
    margin: 70px auto 0;
    width: 968px;
  }

  .mod-handcare .mod-cont02-item-kv .mod-img,
  .mod-handcare .mod-cont02-item-kv .mod-main {
    width: 50%;
    display: table-cell;
    vertical-align: top;
  }

  .mod-handcare .mod-cont02-item-kv .mod-img {
    padding-right: 110px;
    text-align: right;
  }
}

.mod-handcare .mod-cont02-item-kv .mod-main {
  padding-top: 20px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-sub {
  font-size: 18px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-ttl {
  margin: 25px 0 40px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-ttl img {
  height: 65px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-text,
.mod-handcare .mod-cont02-item-kv .mod-main .mod-price {
  font-size: 16px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-price {
  margin: 30px 0 10px;
  display: block;
}

.mod-handcare .mod-cont02-item {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mod-handcare .mod-cont02-item li {
  width: 240px;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont02-item li + li::before {
    background: #808080;
    content: "";
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 1px;
    height: 110px;
  }
}

.mod-handcare .mod-cont02-item li .mod-text {
  margin-top: 20px;
}

.mod-handcare .mod-cont02-item li .mod-main {
  font-size: 15px;
  line-height: 1.5;
}

.mod-handcare .mod-cont02-item li .mod-main .mod-small {
  display: block;
  font-size: 12px;
}

.mod-handcare .mod-cont02-item li .mod-sub {
  font-size: 12px;
  margin-top: 10px;
}

/*-------  cont03  -------*/

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont03 .mod-inner-block {
    border-top: solid 1px #808080;
    padding-top: 120px;
  }

  .mod-handcare .mod-cont03-top .mod-ttl-wrap {
    width: 750px;
    margin: 0 auto;
  }
}

.mod-handcare .mod-cont03-top .mod-ttl {
  margin: 0 10px 60px;
  text-align: center;
}

.mod-handcare .mod-cont03-top .mod-ttl img {
  width: 462px;
}

.mod-handcare .mod-cont03-top .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.mod-handcare .mod-cont03-top .mod-img {
  margin-top: 70px;
  text-align: center;
}

.mod-handcare .mod-cont03-item {
  margin-top: 90px;
}

.mod-handcare .mod-cont03-item ul {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mod-handcare .mod-cont03-item .mod-badge {
  width: 88px;
  position: absolute;
  top: 10px;
  left: -90px;
}

.mod-handcare .mod-cont03-item li {
  position: relative;
}

.mod-handcare .mod-cont03-item li a {
  display: block;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont03-item li + li {
    margin-left: 45px;
  }

  .mod-handcare .mod-cont03-item li .mod-text {
    font-size: 12px;
    margin: 35px 0 0 30px;
  }

  .mod-handcare .mod-cont03-item li .mod-common-item-btn {
    margin: 15px 0 0 30px;
  }
}

/*-------  cont04  -------*/

.mod-handcare .mod-cont04 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.mod-handcare .mod-cont04 .mod-inner-block {
  background: rgba(130, 130, 130, 0.1);
  padding: 20px;
}

.mod-handcare .mod-cont04 .mod-cont04-inner {
  border: 2px solid #fff;
  padding: 80px 80px 40px 100px;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont04-item-kv .mod-ttl-wrap {
    width: 320px;
    float: left;
    margin-top: 50px;
  }

  .mod-handcare .mod-cont04-item-kv .mod-img {
    width: 577px;
    float: right;
  }
}

.mod-handcare .mod-cont04-item-kv .mod-ttl {
  margin-bottom: 45px;
}

.mod-handcare .mod-cont04-item-kv .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
}

.mod-handcare .mod-cont04-list {
  margin-top: 90px;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont04-list li {
    width: 50%;
    float: left;
    text-align: center;
  }
}

.mod-handcare .mod-cont04-list li .mod-ttl {
  margin-bottom: 40px;
}

.mod-handcare .mod-cont04-list li .mod-ttl img {
  height: 60px;
}

@media screen and (min-width: 641px) {
  .mod-handcare .mod-cont04-list li .mod-img {
    width: 240px;
    float: left;
    text-align: center;
    margin-left: 55px;
  }

  .mod-handcare .mod-cont04-list li .mod-text {
    width: calc(100% - 295px);
    float: left;
    padding: 110px 0 0 30px;
    text-align: left;
  }
}

.mod-handcare .mod-cont04-list li .mod-main {
  display: block;
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}


/*------------------------------------------------------------------------------
bodycare
------------------------------------------------------------------------------*/

/*-------  kv-block  -------*/

.mod-bodycare .mod-kv-block .mod-kv01 {
  width: 100%;
}

.mod-bodycare .mod-kv-block .mod-inner-block {
  width: auto;
  position: relative;
}

.mod-bodycare .mod-kv-block .mod-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}

.mod-bodycare .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
  width: 420px;
  margin-left: 110px;
  margin-right: 670px;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap {
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#808080;
  margin:0 auto;
  background: #fff;
  margin-top: 20px;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap .mod-btn-box {
  width: 100%;
  display: block;
  text-align: center;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap .mod-btn-box >* {
  display:inline-block;
  vertical-align: middle;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap .mod-btn-box img {
  width:7px;
  height: 14px;
}


/*-------  cont01  -------*/

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont01 .mod-inner-block {
    padding-top: 100px;
    padding-bottom: 110px;
    border-bottom:solid 1px #808080;
  }
}

.mod-bodycare .mod-cont01 .mod-ttl-box .mod-ttl {
  text-align: center;
}

.mod-bodycare .mod-cont01 .mod-ttl-box .mod-ttl img {
  height: 90px;
}

.mod-bodycare .mod-cont01 .mod-caption-wrap {
  padding-top: 80px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont01 .mod-caption-wrap .mod-img-box {
    width: 875px;
    margin:0 auto;
    text-align: center;
  }
}

.mod-bodycare .mod-cont01 .mod-cont01-item {
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mod-bodycare .mod-cont01 .mod-cont01-item li > a {
  display: block;
  text-align: center;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont01 .mod-cont01-item li + li {
    margin-left: 35px;
  }
}

.mod-bodycare .mod-cont01 .mod-cont01-item li .mod-img img {
  margin: auto;
  vertical-align: bottom;
}

.mod-bodycare .mod-cont01 .mod-cont01-item li .mod-text {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
}


/*-------  cont02  -------*/

.mod-bodycare .mod-cont02 {
  padding-top: 120px;
  padding-bottom: 145px;
}

.mod-bodycare .mod-cont02-top .mod-ttl {
  margin-bottom: 100px;
  text-align: center;
}

.mod-bodycare .mod-cont02-top .mod-ttl img {
  height: 136px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont02-item-kv {
    margin: 70px auto 0;
    width: 968px;
  }

  .mod-bodycare .mod-cont02-item-kv .mod-img,
  .mod-bodycare .mod-cont02-item-kv .mod-main {
    float: left;
  }

  .mod-bodycare .mod-cont02-item-kv .mod-img {
    width: 555px;
  }

  .mod-bodycare .mod-cont02-item-kv .mod-main {
    width: calc(100% - 555px);
    padding-left: 40px;
  }

  .mod-bodycare .mod-cont02-item-kv + .mod-cont02-item-kv .mod-img,
  .mod-bodycare .mod-cont02-item-kv + .mod-cont02-item-kv .mod-main {
    float: right;
  }

  .mod-bodycare .mod-cont02-item-kv + .mod-cont02-item-kv .mod-main {
    padding: 0 40px 0 0;
  }
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-sub {
  font-size: 18px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-ttl {
  margin: 20px 0 30px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-ttl img {
  height: 64px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-text {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-note {
  font-size: 12px;
  margin-top: 25px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont02-item {
    margin: 100px 70px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }

  .mod-bodycare .mod-cont02-item li {
    width: 50%;
    text-align: center;
    position: relative;
  }

  .mod-bodycare .mod-cont02-item li:nth-child(n+3) {
    margin-top: 90px;
  }

  .mod-bodycare .mod-cont02-item li .mod-item-wrap {
    margin: 10px 0 0 60px;
  }
}

.mod-bodycare .mod-cont02-item li .mod-ttl img {
  height: 88px;
}

.mod-bodycare .mod-cont02-item li .mod-sub {
  font-size: 18px;
  margin: 25px 0;
}

.mod-bodycare .mod-cont02-item li .mod-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.mod-bodycare .mod-cont02-item li .mod-item + .mod-item {
  margin-left: 30px;
}

.mod-bodycare .mod-cont02-item li .mod-item .mod-text {
  display: block;
  font-size: 12px;
  margin-bottom: 15px;
}

.mod-bodycare .mod-cont02-item li .mod-img {
  font-size: 0;
}

.mod-bodycare .mod-cont02-item li .mod-img a {
  display: inline-block;
  vertical-align: top;
}

.mod-bodycare .mod-best-icon {
  width: 88px;
  height: 69px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont02-item li .mod-img.mod-best-box a:nth-child(1) {
    margin-left: 90px;
  }

  .mod-bodycare .mod-cont02-item li .mod-img a:nth-child(2) {
    margin-left: 60px;
  }


}

/*-------  cont03  -------*/

.mod-bodycare .mod-cont03 {
  padding-bottom: 120px;
}

.mod-bodycare .mod-cont03-inner {
  width: 900px;
  margin: auto;
  background: #faf2eb;
  padding: 60px 60px 30px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont03-inner .mod-ttl-wrap {
    width: 360px;
    float: left;
  }

  .mod-bodycare .mod-cont03-inner .mod-item {
    width: 340px;
    float: right;
    font-size: 0;
  }

  .mod-bodycare .mod-cont03-inner .mod-item .mod-item-img,
  .mod-bodycare .mod-cont03-inner .mod-item .mod-item-text {
    display: inline-block;
    vertical-align: bottom;
  }

  .mod-bodycare .mod-cont03-inner .mod-item .mod-item-text {
    margin: 0 0 35px 50px;
  }
}

.mod-bodycare .mod-cont03-inner .mod-ttl {
  margin-bottom: 35px;
  text-align: center;
}

.mod-bodycare .mod-cont03-inner .mod-ttl img {
  height: 130px;
}

.mod-bodycare .mod-cont03-inner .mod-text {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
}

.mod-bodycare .mod-cont03-inner .mod-text02 {
  display: block;
  font-size: 12px;
  margin-bottom: 15px;
  letter-spacing: 0.05em;
}

/*-------  cont04  -------*/

.mod-bodycare .mod-cont04 {
  padding-bottom: 154px;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont04 .mod-inner-block {
    border-top: solid 1px #808080;
    padding-top: 120px;
  }

  .mod-bodycare .mod-cont04-item-kv .mod-ttl-wrap {
    width: 615px;
    margin: 0 auto;
  }
}

.mod-bodycare .mod-cont04-item-kv .mod-ttl {
  margin-bottom: 60px;
  text-align: center;
}

.mod-bodycare .mod-cont04-item-kv .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.mod-bodycare .mod-cont04-item-kv .mod-img {
  margin-top: 70px;
  text-align: center;
}

.mod-bodycare .mod-cont04-item {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.mod-bodycare .mod-cont04-item li {
  width: 300px;
  text-align: center;
}

.mod-bodycare .mod-cont04-item li a {
  display: block;
}

@media screen and (min-width: 641px) {
  .mod-bodycare .mod-cont04-item li + li {
    margin-left: 30px;
  }
}

.mod-bodycare .mod-cont04-item li .mod-ttl {
  font-size: 18px;
  line-height: 1.66;
  margin-bottom: 50px;
}

.mod-bodycare .mod-cont04-item li .mod-text {
  margin-left: 60px;
  text-align: left;
}

.mod-bodycare .mod-cont04-item li .mod-main {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}

/*------------------------------------------------------------------------------
company
------------------------------------------------------------------------------*/
.mod-company .mod-inner-block {
  width: 896px;
}

.mod-company .mod-c-border-ttl02 {
  margin-bottom: 40px;
}

.mod-company .mod-cont01 .mod-inner-block {
  padding-bottom: 150px;
}

/*------------------------------------------------------------------------------
recruit 採用情報
------------------------------------------------------------------------------*/
.mod-recruit-kv {
  background: url(/img/recruit/bg.jpg) center bottom no-repeat;
  background-size: cover;
  height: 1316px;
  padding-top: 175px;
  text-align: center;
}
.mod-recruit-kv .mod-title {
  font-size: 0;
  margin-bottom: 60px;
}
.mod-recruit-kv .mod-text {
  margin-bottom: 70px;
}
.mod-recruit-btn {
  text-align: center;
}
.mod-recruit-btn > a {
  display: inline-block;
  background-color: #fff;
  width: 240px;
  height: 40px;
  text-align: center;
  letter-spacing: 0.15em;
}
.mod-recruit-btn span {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 42px;
  padding-right: 15px;
}
.mod-recruit-btn span::after {
  content: '';
  background:url(/img/common/arrow01_right.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 9px;
  height: 14px;
}

.mod-recruit-person {
  padding: 60px 0 170px;
}
.mod-recruit-person .mod-title {
  font-size: 0;
  text-align: center;
  margin-bottom: 40px;
}
.mod-recruit-person ul {
  width: 970px;
  margin: 0 auto;
}
.mod-recruit-person ul > li {
  float: left;
  width: 460px;
  text-align: center;
}
.mod-recruit-person ul > li a {
  display: block;
}
.mod-recruit-person ul > li + li {
  float: right;
}
.mod-recruit-person .mod-img {
  margin-bottom: 22px;
}
.mod-recruit-person .mod-sub-title {
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
.mod-recruit-person .mod-text {
  font-size: 16px;
  letter-spacing: 0.1em;
}

.mod-recruit-person .mod-recruit-btn {
  margin-top: 70px;
}
.mod-recruit-person .mod-recruit-btn > a {
  background-color: #808080;
  color: #fff;
  width: 312px;
  height: 52px;
}
.mod-recruit-person .mod-recruit-btn span {
  height: 52px;
  line-height: 54px;
  padding-right: 20px;
}
.mod-recruit-person .mod-recruit-btn span::after {
  background-image: url(/img/common/arrow02_right.svg);
}


/*--- person ---*/
.mod-person {
  padding-bottom: 150px;
}
.mod-person .title {
  font-size: 0;
  text-align: center;
  margin-bottom: 30px;
}
.mod-person .mod-heading {
  display: flex;
  height: 428px;
}
.mod-person .mod-heading .mod-text-box {
  background-color: #5c4923;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 478px;
  padding-top: 25px;
}
.mod-person .mod-heading .mod-text-box p {
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin-top: 1em;
}
.mod-person .mod-heading .mod-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: calc(100% - 478px);
}
.mod-person .mod-heading .mod-bg.mod-bg01 {
  background-image: url(/img/recruit/person/01/kv_img.jpg);
}
.mod-person .mod-heading .mod-bg.mod-bg02 {
  background-image: url(/img/recruit/person/02/kv_img.jpg);
}

.mod-person .mod-body {
  width: 968px;
  margin: 0 auto;
  padding: 100px 0 130px;
}
.mod-person .mod-body .mod-box + .mod-box {
  margin-top: 55px;
}
.mod-person .mod-body .mod-box .mod-title {
  margin-bottom: 20px;
}
.mod-person .mod-body .mod-box .mod-title > img {
  height: 23px;
}
.mod-person .mod-body .mod-box p {
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: justify;
}
.mod-person .mod-body .mod-box * + .mod-title {
  margin-top: 75px;
}
.mod-person .mod-body .mod-box p + p {
  margin-top: 2em;
}

.mod-person .mod-col-left > * {
  float: left;
}
.mod-person .mod-col-left > * + * {
  float: right;
}

.mod-person .mod-col-right > * {
  float: right;
}
.mod-person .mod-col-right > * + * {
  float: left;
}


.mod-person .mod-col-text {
  width: 560px;
}

.mod-person .mod-list {
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  width: 800px;
  padding: 0 80px;
  margin: 0 auto;
}
.mod-person .mod-list + .mod-list {
  margin-top: 110px;
}
.mod-person .mod-list .mod-title {
  margin-bottom: 55px;
  text-align: center;
}
.mod-person .mod-list .mod-title > img {
  height: 23px;
}
.mod-person .mod-list li:nth-child(1) {
  padding-left: 0.4em;
}
.mod-person .mod-list li .mod-sub-title {
  font-size: 0;
  margin-bottom: 20px;
}
.mod-person01 .mod-list li .mod-sub-title {
  margin-bottom: 10px;
}
.mod-person .mod-list li .mod-sub-title > * {
  vertical-align: top;
  display: inline-block;
}
.mod-person .mod-list li .mod-sub-title > span {
  font-size: 24px;
  letter-spacing: 0.15em;
  padding-left: 20px;
  padding-top: 0.35em;
  text-align: left;
  max-width: calc(100% - 40px);
}
.mod-person .mod-list li + li {
  margin-top: 28px;
}
.mod-person .mod-list li p {
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify;
}

.mod-person .mod-fz li .mod-sub-title > span {
  font-size: 18px;
  letter-spacing: 0.05em;
}

.mod-person .mod-another {
  padding-top: 80px;
}
.mod-person .mod-another .mod-title {
  font-size: 0;
  text-align: center;
  margin-bottom: 45px;
}
.mod-person .mod-another .mod-wrap {
  text-align: center;
}
.mod-person .mod-another .mod-wrap > a {
  display: inline-block;
}
.mod-person .mod-another .mod-img {
  margin-bottom: 22px;
}
.mod-person .mod-another .mod-sub-title {
  font-size: 20px;
  letter-spacing: 0.14em;
  margin-bottom: 15px;
}
.mod-person .mod-another .mod-text {
  font-size: 16px;
  line-height: 1.375;
}

.mod-person .mod-btn-wrap {
  margin-top: 75px;
  text-align: center;
}
.mod-person .mod-btn-wrap > a {
  display: inline-block;
  background-color: #808080;
  font-size: 14px;
  color: #fff;
  width: 312px;
  height: 52px;
  letter-spacing: 0.15em;
}
.mod-person .mod-btn-wrap span {
  position: relative;
  height: 52px;
  line-height: 54px;
  padding-right: 20px;
}
.mod-person .mod-btn-wrap span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url(/img/common/arrow02_right.svg) no-repeat;
  background-size: contain;
  width: 9px;
  height: 14px;
}

/*------------------------------------------------------------------------------
mod-member ジュリーク オフィシャルメンバー
------------------------------------------------------------------------------*/
.mod-member .mod-bread-block .mod-inner-block {
  width: 896px;
}
.mod-member-block {
  padding-bottom: 140px;
}
.mod-member-block .mod-container + .mod-container {
  margin-top: 130px;
}
.mod-member-block .mod-title {
  border-bottom: 1px solid #828282;
  font-size: 25px;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
}
.mod-member-block .mod-title-mb {
  margin-bottom: 25px;
}

.mod-member-block .mod-box {
  border: 1px solid #d1d1d1;
  padding: 0 20px 20px;
  text-align: center;
}
.mod-member-block .mod-name {
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-member-block .mod-name > span {
  position: relative;
  font-size: 22px;
  padding: 0 15px;
  background-color: #fff;
  display: inline-block;
  min-width: 112px;
  text-align: center;
  padding-top: 0.2em;
}
.mod-member-block .mod-name > span::before,
.mod-member-block .mod-name > span::after {
  content: '';
  background-color: #d1d1d1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 18px;
}
.mod-member-block .mod-name > span::before {
  left: 0;
}
.mod-member-block .mod-name > span::after {
  right: 0;
}

.mod-member-block .mod-container {
  width: 896px;
  margin: 0 auto;
}
.mod-member-block .mod-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mod-member-block .mod-container01 .mod-col > * {
  width: 400px;
}
.mod-member-block .mod-container02 .mod-col > * {
  width: 430px;
}
.mod-member-block .mod-container03 .mod-col > * {
  width: 280px;
}

.mod-member-block .mod-box .mod-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 131px;
}
.mod-member-block .mod-box .mod-t01 {
  font-size: 18px;
}
.mod-member-block .mod-box .mod-t02 {
  font-size: 14px;
  margin-top: 6px;
}

.mod-member-block .mod-btn-wrap > a {
  margin: 55px auto 0;
  width: 380px;
}

/* container01 */
.mod-member-block .mod-container01 .mod-box + .mod-box {
  position: relative;
}
.mod-member-block .mod-container01 .mod-box + .mod-box::after {
  content: '';
  background: url(/img/member/arrow_right.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -75px;
  width: 55px;
  height: 11px;
}

/* container02 */
.mod-member-block .mod-container02 .mod-box {
  padding-top: 25px;
  margin-bottom: 30px;
}
.mod-member-block .mod-container02 .mod-box + p {
  text-align: justify;
}
.mod-member-block .mod-container02 .mod-col {
  margin-bottom: 35px;
}
.mod-member-block .mod-container02 .mod-box .mod-t01 {
  margin-bottom: 10px;
}
.mod-member-block .mod-container02 .mod-box .mod-t02 {
  margin-top: 20px;
}

/* container03 */
.mod-member-block .mod-container03 .mod-col {
  margin-bottom: 35px;
}
.mod-member-block .mod-container03 .mod-fz01 {
  font-size: 20px;
  margin-bottom: 45px;
}
.mod-member-block .mod-container03 .mod-fz02 {
  margin-bottom: 35px;
}
.mod-member-block .mod-container03 .mod-name {
  margin-bottom: 20px;
}
.mod-member-block .mod-container03 .mod-name > span {
  font-size: 17px;
}
.mod-member-block .mod-container03 .mod-box .mod-t02 {
  margin-top: 23px;
}


/*------------------------------------------------------------------------------
mod-topics-faceoil
------------------------------------------------------------------------------*/
/* common */
.mod-c-bd-title {
  color: #808080;
  font-size: 0;
  position: relative;
  text-align: center;
  z-index: 0;
}
.mod-c-bd-title::before {
  content: '';
  background-color: currentColor;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  z-index: -1;
}
.mod-c-bd-title > span {
  background-color: #fff;
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  font-size: 20px;
  display: inline-block;
  line-height: 20px;
  letter-spacing: 0.1em;
  padding: 0 22px;
  vertical-align: top;
}

.mod-faceoil main {
  padding-bottom: 150px;
}

/* kv */
.mod-faceoil .mod-kv-block .mod-kv01 {
  width: 100%;
}

.mod-faceoil .mod-kv-block .mod-inner-block {
  width: auto;
  position: relative;
}

.mod-faceoil .mod-kv-block .mod-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
}

.mod-faceoil .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
  width: 500px;
  margin-left: 20px;
  margin-right: 670px;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap {
  width:240px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  letter-spacing: 0.15em;
  color:#808080;
  margin:0 auto;
  background: #fff;
  margin-top: 20px;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap .mod-btn-box {
  width: 100%;
  display: block;
  text-align: center;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap .mod-btn-box >* {
  display:inline-block;
  vertical-align: middle;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap .mod-btn-box img {
  width:7px;
  height: 14px;
}

/* cont01 */
.mod-faceoil .mod-cont01 .mod-inner-block {
  padding-top: 100px;
  padding-bottom: 110px;
  border-bottom: solid 1px #808080;
}
.mod-faceoil .mod-cont01 .mod-ttl {
  text-align: center;
}
.mod-faceoil .mod-cont01 .mod-ttl img {
  width: 666px;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap {
  padding-top: 80px;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap .mod-img-box {
  width: 620px;
  margin: 0 auto;
  text-align: center;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap p {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin-top: 34px;
}

.mod-faceoil .mod-cont01 .mod-list {
  display: flex;
  justify-content: space-around;
  width: 1000px;
  margin: 120px auto 0;
}
.mod-faceoil .mod-cont01 .mod-list > li {
  position: relative;
  text-align: center;
}
.mod-faceoil .mod-cont01 .mod-list > li a {
  display: block;
}
.mod-faceoil .mod-cont01 .mod-best {
  position: absolute;
  top: -10px;
  left: 90%;
  width: 80px;
  height: 80px;
}
.mod-faceoil .mod-cont01 .mod-list .mod-img {
  height: 288px;
}
.mod-faceoil .mod-cont01 .mod-list .mod-img > img {
  height: 100%;
  max-width: inherit;
}
.mod-faceoil .mod-cont01 .mod-list .mod-sub {
  width: 201px;
  margin: 35px auto 0;
}
.mod-faceoil .mod-cont01 .mod-list .mod-text {
  font-size: 12px;
  margin-top: 15px;
}

/* cont02 */
.mod-faceoil .mod-cont02 {
  padding: 120px 0;
}
.mod-faceoil .mod-cont02 .mod-box {
  background-color: #000;
  color: #fff;
  padding: 18px;
}
.mod-faceoil .mod-cont02 .mod-list {
  position: relative;
  padding: 40px 100px;
}
.mod-faceoil .mod-cont02 .mod-list::after {
  content: '';
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.mod-faceoil .mod-cont02 .mod-list > li {
  display: flex;
  justify-content: space-between;
}
.mod-faceoil .mod-cont02 .mod-list > li + li {
  margin-top: 80px;
}
.mod-faceoil .mod-cont02 .mod-list .mod-order {
  order: -1;
}
.mod-faceoil .mod-cont02 .mod-list .mod-img {
  width: 490px;
}
.mod-faceoil .mod-cont02 .mod-list .mod-wrap {
  width: calc(100% - 490px - 40px);
}
.mod-faceoil .mod-cont02 .mod-list .mod-ttl {
  margin-bottom: 25px;
}
.mod-faceoil .mod-cont02 .mod-list .mod-text {
  font-size: 16px;
  text-align: justify;
  margin-bottom: 15px;
}
.mod-faceoil .mod-cont02 .mod-list .mod-note {
  font-size: 10px;
}

/* cont03 */
.mod-faceoil .mod-cont03 .mod-title-wrap {
  text-align: center;
  margin-bottom: 85px;
}
.mod-faceoil .mod-cont03 .mod-ttl > img {
  height: 78px;
}
.mod-faceoil .mod-cont03 .mod-text {
  font-size: 16px;
  margin-top: 45px;
}
.mod-faceoil .mod-cont03 .mod-list-wrap {
  border-bottom: 1px solid #808080;
  padding: 55px 0 30px;
}
.mod-faceoil .mod-cont03 .mod-list-wrap > p {
  font-size: 10px;
  text-align: right;
  padding-top: 15px;
}
.mod-faceoil .mod-cont03 .mod-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 50px;
  margin-bottom: -50px;
}
.mod-faceoil .mod-cont03 .mod-list > li {
  position: relative;
  margin: 0 50px;
  width: calc(50% - 100px);
  padding-top: 35px;
  padding-left: 45px;
  min-height: 74px;
  margin-bottom: 50px;
}
.mod-faceoil .mod-cont03 .mod-list > li::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 74px;
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(1)::before {
  background-image: url(/img/topics/faceoil/num01.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(2)::before {
  background-image: url(/img/topics/faceoil/num02.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(3)::before {
  background-image: url(/img/topics/faceoil/num03.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(4)::before {
  background-image: url(/img/topics/faceoil/num04.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(5)::before {
  background-image: url(/img/topics/faceoil/num05.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(6)::before {
  background-image: url(/img/topics/faceoil/num06.svg);
}
.mod-faceoil .mod-cont03 .mod-sub > img {
  height: 17px;
}
.mod-faceoil .mod-cont03 .mod-list > li p {
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  margin-top: 15px;
}

/* cont04 */
.mod-faceoil .mod-cont04 {
  padding: 150px 0;
}
.mod-faceoil-fade-block {
  display: none;
  width: 968px;
  margin: 75px auto 95px;
}
.mod-faceoil-parts-block:last-of-type .mod-faceoil-fade-block {
  margin: 0 auto 0;
}
.mod-faceoil .mod-cont04 .mod-ttl {
  position: relative;
  font-size: 24px;
  letter-spacing: 0.15em;
  margin-bottom: 5px;
  background-color: #ececec;
  height: 80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.52;
  padding-top: 5px;
  padding-left: 90px;
  cursor: pointer;
}
.mod-faceoil .mod-cont04 .mod-ttl:before {
  content: "";
  display: block;
  position: absolute;
  left: 55px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 7px;
  background: url(/img/common/arrow02_bottom.svg) no-repeat center / 12px 7px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.mod-faceoil .mod-cont04 .mod-ttl.mod-is-active:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mod-faceoil .mod-cont04 .mod-ttl sup {
  font-size: 14px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap {
  margin-bottom: 80px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap > p {
  margin-bottom: 20px;
  padding-left: 135px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap .mod-arr {
  position: relative;
  display: inline-block;
  text-align: center;
  padding-bottom: 25px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap .mod-arr::after {
  content: '';
  background: url(/img/topics/faceoil/cont04/cont04_arrow.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -159px;
  width: 318px;
  height: 11px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap .mod-arr sup,
.mod-faceoil .mod-cont04 .mod-flow > li.mod-sup sup {
  font-size: 10px;
}
.mod-faceoil .mod-cont04 .mod-flow {
  background: url(/img/topics/faceoil/cont04/cont04_bg.svg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  height: 50px;
}
.mod-faceoil .mod-cont04 .mod-flow > li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 20%;
  height: 50px;
  padding-top: 2px;
  text-align: center;
}
.mod-faceoil .mod-cont04 .mod-flow > li.mod-sup {
  color: #fff;
}
.mod-faceoil .mod-cont04 .mod-flow > li.mod-sup span {
  display: block;
  font-size: 12px;
  margin-top: -5px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-border-none {
  border: 0;
}
.mod-faceoil .mod-cont04 .mod-list > li {
  border-top: 1px solid #808080;
  display: flex;
  align-items: center;
  height: 250px;
}
.mod-faceoil .mod-cont04 .mod-list > li.mod-last {
  display: block;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  height: auto;
  padding-top: 80px;
}
.mod-faceoil .mod-cont04 .mod-small-txt {
  font-size: 10px;
}
.mod-faceoil .mod-cont04 .mod-list > li + li {
  position: relative;
}
.mod-faceoil .mod-cont04 .mod-list > li + li::before {
  content: '';
  background: url(/img/topics/faceoil/cont04/cont04_arrow_bottom.svg) no-repeat;
  background-color: #fff;
  background-size: contain;
  position: absolute;
  content: '';
  top: -8px;
  left: 50%;
  margin-left: -8.5px;
  width: 17px;
  height: 35px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-step {
  width: 144px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-step > img {
  height: 78px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-text {
  width: calc(100% - (144px + 420px));
  font-size: 16px;
  text-align: justify;
  line-height: 2;
  padding-right: 20px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-img {
  width: 420px;
  text-align: center;
  order: 1;
}

.mod-faceoil-container {
  padding: 70px 0;
}
.mod-faceoil-container > .mod-inner-block {
  width: 900px;
}
.mod-faceoil-container .mod-list {
  border-top: 1px solid #828282;
  border-bottom: 1px solid #828282;
  padding: 50px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mod-faceoil-container .mod-list > li {
  width: calc((100% - 50px) / 3);
  display: flex;
}
.mod-faceoil-container .mod-list .mod-img {
  width: 80px;
}
.mod-faceoil-container .mod-list .mod-body {
  width: calc(100% - 80px);
  padding-left: 12px;
}
.mod-faceoil-container .mod-list .mod-sub {
  font-size: 16px;
  margin-bottom: 1em;
}
.mod-faceoil-container .mod-list .mod-sub-mb {
  margin-bottom: 0.1em;
}
.mod-faceoil-container .mod-list > li:nth-child(n+4) {
  margin-top: 40px;
}

.mod-faceoil-container .mod-fx {
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
.mod-faceoil-container .mod-fx .mod-wrap {
  width: 390px;
}
.mod-faceoil-container .mod-fx .mod-img {
  display: block;
  position: relative;
  width: calc(100% - 390px);
  text-align: center;
}

.mod-faceoil-container .mod-fx .mod-label {
  position: absolute;
  top: 0;
  right: 50px;
  width: 80px;
  height: 80px;
}

.mod-faceoil-container .mod-fx .mod-title {
  margin-bottom: 10px;
}
.mod-faceoil-container .mod-fx .mod-t01 {
  font-size: 20px;
  margin-bottom: 40px;
}
.mod-faceoil-container .mod-fx .mod-t02 {
  font-size: 16px;
  text-align: justify;
}
.mod-faceoil-container .mod-fx .mod-spec {
  border-top: 1px solid #d9d9d9;
  margin-top: 30px;
  padding-top: 30px;
}
.mod-faceoil-container .mod-fx .mod-spec > a {
  display: block;
}
.mod-faceoil-container .mod-fx .mod-t04 {
  font-size: 24px;
  line-height: 1.333;
}
.mod-faceoil-container .mod-fx .mod-btn-wrap {
  margin-top: 20px;
}
.mod-faceoil-container .mod-fx .mod-btn-wrap a {
  background-color: transparent;
}

/* cont05 */
.mod-faceoil .mod-cont05 {
  background-color: #f9f9f9;
}

/* cont07 */
.mod-faceoil .mod-cont07 {
  background-color: #f9f9f9;
}


/*------------------------------------------------------------------------------
mod-prescription
------------------------------------------------------------------------------*/
.mod-prescription .mod-inner-block {
  width: 896px;
}

.mod-prescription .mod-cont01 .mod-inner-block {
  padding-bottom: 150px;
}

.mod-prescription .mod-c-border-ttl02 {
  margin-bottom: 35px;
}

.mod-prescription .mod-c-description {
  margin-bottom: 50px;
}

.mod-prescription .mod-mini-wrap {
  font-size: 0;
}

.mod-prescription .mod-mini-wrap .mod-c-description {
  float: left;
}

.mod-prescription .mod-label-img {
  float: right;
}


/*------------------------------------------------------------------------------
mod-agreement
------------------------------------------------------------------------------*/
.mod-agreement .mod-inner-block {
  width: 898px;
}

.mod-agreement .mod-link-btn-block {
  margin-bottom: 65px;
}

.mod-agreement .mod-c-border-ttl02 {
  margin-bottom: 35px;
}

.mod-agreement .mod-c-color-box {
  margin-top: 55px;
}

.mod-agreement .mod-cont01 .mod-inner-block {
  padding-bottom: 150px;
}

/*
.mod-contact-txt {
color: #a5a5a5;
}
*/

/*------------------------------------------------------------------------------
shoponline gift ギフト
------------------------------------------------------------------------------*/
.mod-gift .mod-kv-block{
  background: url('/img/shoponline/c/gift/kv01.jpg');
  background-size:cover;
  min-height:245px;
  position: relative;
}

.mod-gift .mod-bread-list{
  padding: 0;
  padding-top: 10px;
  padding-left: 35px;
}

.mod-gift .mod-gift-ttl{
  width:160px;
  height:18.6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/*------------------------------------------------------------------------------
COLLECTION jurliquerose
------------------------------------------------------------------------------*/
.mod-jurliquerose .mod-kv-block{
  background: url('/img/shoponline/c/gift/kv01.jpg');
  background-size:cover;
  min-height:245px;
  position: relative;
}

.mod-jurliquerose .mod-bread-list{
  padding: 0;
  padding-top: 10px;
  padding-left: 35px;
  color: #fff;
}

.mod-jurliquerose .mod-bread-list li > a {
  color: #fff!important;
}

.mod-jurliquerose .mod-jurliquerose-ttl{
  width:420px;
  height:18.6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.mod-jurliquerose .mod-description {
  margin: 40px 0 30px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2.5;
}

.mod-jurliquerose .mod-common-item-btn a {
  background: #fff;
  border: solid 1px #808080;
  display: block;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-align: center;
  width: 80px;
  height: 30px;
  line-height: 28px;
  margin: 0 auto;
}


/*------------------------------------------------------------------------------
medhia メディア
------------------------------------------------------------------------------*/
.mod-media main{
  padding-bottom: 150px;
}

.mod-media-age-link {
  padding-top: 27px;
}

.mod-media-age-link li{
  float: left;
  width: 100px;
  height:40px;
  line-height:40px;
  border:solid 1px #D9D9D9;
}

.mod-media-age-link li+li{
  margin-left: 20px;
}

.mod-media-age-link li a{
  display: block;
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.mod-media-block{
  margin-top: 80px;
}

.mod-media-block .mod-media-cont + .mod-media-cont{
  margin-top: 80px;
}

.mod-media-cont{
  border:solid 1px #D9D9D9;
  padding:55px;
  margin-top:28px;
}

.mod-media-cont .mod-media-ttl{
  font-size: 20px;
  line-height: 1.8;
  padding-bottom: 30px;
  border-bottom:solid 1px #D9D9D9;
}

.mod-media-cont .mod-img{
  text-align: center;
  margin-top:28px;
}

.mod-media-cont .mod-img img {
  max-height: 450px;
}

.mod-media-cont .mod-img .mod-link{
  margin-top: 10px;
  padding-bottom: 20px;
}

.mod-media-cont .mod-img a{
  text-decoration: underline;

}

.mod-media-cont p{
  margin-top:28px;
  font-size: 14px;
}

.mod-item-pickup{

}

.mod-item-pickup > li{
  padding-top:80px;
  padding-bottom:80px;
  border-bottom:solid 1px #D9D9D9;
}

.mod-item-pickup li:last-child{
  border-bottom:none;
  padding-bottom: 0;
}

.mod-item-pickup li:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-item-pickup .mod-img-box{
  display: block;
  float: left;
  width: 464px;
  text-align: center;
}

.mod-item-pickup .mod-text-box{
  float: left;
  width: calc(100% - 464px);
}

.mod-item-pickup .mod-pickup-caption li{
  width: 100%;
  padding:20px 10px;
  border:solid 1px #828282;
  text-align: center;
  font-size: 14px;
}

.mod-item-pickup .mod-pickup-caption li+li{
  margin-top: 8px;
}

.mod-item-pickup .mod-pickup-name{
  display: block;
  padding-top: 36px;
  font-size: 18px;
  letter-spacing: -0.05em;
}

.mod-item-pickup .mod-pickup-text{
  padding-top: 8px;
  font-size: 14px;
  letter-spacing: -0.05em;
}

.mod-item-pickup .mod-pickup-btn{
  margin-top: 28px;
  width: 100%;
  height:40px;
  line-height:40px;
}

.mod-item-pickup .mod-pickup-btn a{
  display: block;
  width: 100%;
  background: #828282;
  color:#fff;
  font-size: 15px;
  text-align: center;
}

.mod-media-itemlist{
  margin-top:60px;
}

.mod-media-itemlist:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-media-itemlist li{
  /*width:180px;*/
  width: calc(100% / 3);
  float:left;
}


@media screen and (min-width: 641px) {
  .mod-media-itemlist li:nth-child(n+4){
    margin-top: 72px;
  }
}
.mod-media-itemlist li+li{

}

.mod-media-itemlist li a,
.mod-media-itemlist li > span{
  display: block;
  width: 100%;
}

.mod-media-itemlist .mod-img-box{
  width:205px;
  height:205px;
  margin:0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mod-media-itemlist .mod-img-box img{
  max-height:100%;
}

.mod-media-itemlist .mod-text-box{
  width:210px;
  margin:0 auto;
  padding-top: 28px;
}

.mod-media-recommend{
  margin-top: 60px;
}

.mod-media-recommend:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-media-recommend .mod-list-box{
  float: left;
  width:50%;
  padding-right: 10px;
}

.mod-media-recommend .mod-img-box{
  float: left;
  width:50%;
  text-align: center;
}

.mod-media-recommend .mod-list-box li+li{
  margin-top: 15px;
}

.mod-media-cont .mod-underline{
  text-decoration: underline;
}

/*------------------------------------------------------------------------------
mod-faq-block
------------------------------------------------------------------------------*/

.mod-faq-block .mod-inner-block {
  width: 896px;
}

.mod-faq-block .mod-cont01 .mod-inner-block {
  padding-bottom: 150px;
}

.mod-faq-block .mod-c-border-ttl02 {
  margin: 35px 0 25px;
}

.mod-faq-block .mod-faq-cont01 .mod-c-border-ttl02 {
  margin: 0 0 45px;
  font-weight: normal;
  letter-spacing: 0.2em;
}

.mod-faq-link-list {
  padding: 0 10px;
  margin-bottom: 90px;
}

.mod-faq-link-list li {
  float: left;
}

.mod-faq-link-list li:nth-child(3n+ 1),
.mod-faq-link-list li:nth-child(3n+ 2) {
  width:37%;
}

.mod-faq-link-list li:nth-child(3n+ 3) {
  width: 26%;
}

.mod-faq-link-list li:nth-child(n + 4) {
  margin-top: 33px;
}

.mod-faq-link-list a {
  font-size: 0;
  line-height: 1.2;
}

.mod-faq-link-list a > span {
  display: inline-block;
  vertical-align: top;
}

.mod-faq-link-list a .mod-txt {
  font-size: 18px;
  letter-spacing: 0.1em;
  padding-left: 10px;
  width: calc(100% - 32px);
  padding-top: 7px;
}

.mod-question-and-answer {
  padding-left: 226px;
}

.mod-question-and-answer li {
  position: relative;
}

.mod-question-and-answer a {
  text-decoration: underline;
}

.mod-question-and-answer .mod-question-box,
.mod-question-and-answer .mod-answer-box {
  position: relative;
  padding: 15px 10px;
  font-size: 0;
}

.mod-question-and-answer .mod-question-box {
  cursor: pointer;
}

.mod-question-and-answer .mod-answer-box {
  display: none;
  background-color: #e6e6e6;
  margin-bottom: 20px;
}

.mod-question-and-answer .mod-question-box > span,
.mod-question-and-answer .mod-answer-box > span{
  display: inline-block;
}

.mod-question-and-answer .mod-question-box > span {
  vertical-align: middle;
}

.mod-question-and-answer .mod-answer-box > span {
  vertical-align: top;
}

.mod-faq-link-list .mod-arrow {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: #e6e6e6;
  border-radius: 50%;
}

.mod-faq-link-list .mod-arrow img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  right: 0;
  margin: auto;
  width: 7px;
  height: 12px;
}

.mod-question-and-answer .mod-icon {
  position: relative;
  border-radius: 50%;
}

.mod-question-and-answer .mod-icon.mod-q {
  background-color: #e6e6e6;
}

.mod-question-and-answer .mod-icon.mod-a {
  background-color: #fff;
}

.mod-question-and-answer .mod-icon span {
  width: 48px;
  height: 48px;
  font-size: 26px;
  font-weight: normal;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-question-and-answer .mod-txt {
  width: calc(100% - 48px);
  font-size: 14px;
  padding: 0 30px 0 10px;
}

.mod-question-and-answer .mod-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 18px;
  height: 10px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

.mod-question-box.mod-active .mod-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*------------------------------------------------------------------------------
特集ページ7 UVディフェンスローション
------------------------------------------------------------------------------*/
.mod-uvdefencelotion .mod-uvdefencelotion-mv-block {
  position: relative;
}

.mod-uvdefencelotion .mod-uvdefencelotion-mv-block .mod-inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mod-uvdefencelotion .mod-uvdefencelotion-mv-block .mod-mv-txt img {
  width: 688px;
}

.mod-uvdefencelotion .mod-cont01 .mod-inner-block {
  padding: 100px 0;
}

.mod-uvdefencelotion .mod-cont01 .mod-cont-ttl {
  margin-bottom: 75px;
}

.mod-uvdefencelotion .mod-cont01 .mod-cont-ttl img {
  width: 642px;
}

.mod-uvdefencelotion .mod-cont01 .mod-description {
  margin-bottom: 80px;
  text-align: center;
}

.mod-uvdefencelotion .mod-cont01 .mod-description img {
  width: 874px;
}

.mod-uvdefencelotion .mod-cont01 .mod-item {
  text-align: center;
}

.mod-uvdefencelotion .mod-cont01 .mod-item > a {
  display: inline-block;
}

.mod-uvdefencelotion .mod-cont01 .mod-txt-box {
  font-size: 12px;
}

.mod-uvdefencelotion .mod-cont02 {
  margin-bottom: 120px;
}

.mod-uvdefencelotion .mod-border-box .mod-inner-block {
  background-size: cover;
  background-repeat: no-repeat;
}

.mod-uvdefencelotion .mod-cont02 .mod-inner-block {
  background-image: url(/img/topics/uvdefencelotion/border_cont_bg.jpg);
}

.mod-uvdefencelotion .mod-border-box .mod-inner-block:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  border: 2px solid #fff;
  z-index: 1;
}

.mod-uvdefencelotion .mod-cont02 .mod-txt-block {
  padding: 90px 60px 90px 500px;
}

.mod-uvdefencelotion .mod-cont02 .mod-ttl {
  margin-bottom: 40px;
}

.mod-uvdefencelotion .mod-cont02 .mod-ttl img {
  width: 327px;
}

.mod-uvdefencelotion .mod-cont02 .mod-description {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 45px;
}

.mod-uvdefencelotion .mod-cont02 .mod-img-box {
  text-align: center;
}

.mod-uvdefencelotion .mod-cont03 .mod-inner-block {
  width: 900px;
}

.mod-uvdefencelotion .mod-cont03 .mod-inner-block {
  padding: 120px 0 150px;
  border-top: 1px solid #808080;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-ttl {
  margin-bottom: 100px;
  text-align: center;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-ttl img {
  width: 569px;
}

.mod-uvdefencelotion .mod-strengths-list {
  width: 900px;
  margin: auto;
  font-size: 0;
}

.mod-uvdefencelotion .mod-strengths-list li {
  float: left;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: solid 1px #808080;
  text-align: center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-uvdefencelotion .mod-strengths-list .mod-inn {
  margin-top: 12px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #808080;
  width: 25px;
  height: 1px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl img {
  height: 27px;
}

.mod-uvdefencelotion .mod-circle-img-adjust01 {
  margin-left: 20px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-description {
  font-size: 18px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-description sup {
  font-size: 12px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-kakeru {
  position: relative;
  width: 147px;
  height: 200px;
}

.mod-uvdefencelotion .mod-strengths-list .mod-kakeru img {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-note {
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.1em;
  margin: 40px 0 95px;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-note sup {
  font-size: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-ttl {
  position: relative;
  text-align: center;
  margin-bottom: 75px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-ttl:before {
  content: "";
  display: block;
  background-color: #808080;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 1px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-ttl img {
  display: inline-block;
  position: relative;
  width: 527px;
  background-color: #fff;
  padding: 0 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list {
  text-align: center;
  font-size: 0;
  padding-bottom: 45px;
  border-bottom: 1px solid #808080;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list li + li {
  margin-left: 130px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-img img {
  border: 1px solid #808080;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-txt {
  margin-top: 15px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-txt > span {
  display: block;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-uv-item-name01 {
  font-size: 18px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-uv-item-name02 {
  font-size: 14px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block {
  padding: 60px;
  margin-bottom: 150px;
  border-bottom: 1px solid #808080;
}


.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li {
  position: relative;
  width: 330px;
  float: left;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li:nth-child(2n) {
  margin-left: 120px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li:nth-child(n + 3) {
  margin-top: 40px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl,
.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-des {
  padding-right: 100px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl {
  margin-bottom: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl img {
  height: 44px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-img {
  position: absolute;
  top: 0;
  right: 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-img img {
  border: 1px solid #808080;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-des > span {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-name01 {
  position: relative;
  padding-left: 15px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-name01:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 9px;
  height: 1px;
  background-color: #808080;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 70px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt > a {
  display: block;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt {
  position: relative;
  margin-left: 90px;
}

.mod-uvdefencelotion .mod-cont03 .mod-uv-main-txt > a {
  display: block;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-uv-main-txt > a span {
  display: block;
  letter-spacing: 0.15em;
  line-height: 1.3;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-uv-main-txt .mod-txt01 {
  font-size: 16px;
  line-height: 1.68;
  margin-bottom: 5px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt02 {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt03 {
  font-size: 16px;
  line-height: 1.68;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-note {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}


/*------------------------------------------------------------------------------
rule 特定商法取引に基づく表記
------------------------------------------------------------------------------*/
.mod-rule main{
  padding-bottom: 150px;
}

.mod-rule .mod-cont-block{
  margin-top: 40px;
}

.mod-rule .mod-cont-block+.mod-cont-block{
  margin-top: 60px;
}

.mod-rule .mod-c-sub-ttl{
  font-size: 20px;
}

.mod-rule .mod-ttl01{
  margin-bottom: 10px;
}

.mod-rule .mod-ttl02{
  margin-bottom: 5px;
}

.mod-rule .mod-text01{
  margin-bottom: 18px;
}

.mod-rule .mod-text02{
  margin-top: 28px;
}

.mod-rule .mod-contact01{
  text-decoration: none;
}

.mod-rule .mod-tel01 {
  text-decoration: none;
}

@media screen and (min-width: 641px) {
  .mod-rule .mod-tel01 {
    pointer-events: none;
    display: inline-block;
  }
}


/*------------------------------------------------------------------------------
sitemap サイトマップ
------------------------------------------------------------------------------*/

.mod-sitemap .mod-main-block .mod-inner-block {
  padding-bottom: 150px;
}

.mod-sitemap-listbox{
  padding-left: 200px;
  margin: 40px 0 60px;
}

.mod-sitemap-list li{
  float:left;
  font-size: 14px;
  width:calc(100% / 3);
}

.mod-sitemap-list.mod-adjust01 li:nth-child(2) {
  margin-left: 20px;
}

.mod-sitemap-list li:nth-child(n+4){
  margin-top: 15px;
}

.mod-sitemap-listname,
.mod-sitemap-list li a {
  text-decoration: underline;
}

.mod-sitemap .mod-sitemap-ttl {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 6px;
  padding-left: 3px;
  border-bottom: 1px solid #828282;
  letter-spacing:0.15em;
}

.mod-sitemap-listname {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px;
}

.mod-sitemap .mod-cont-block:last-of-type .mod-sitemap-listbox {
  margin-bottom: 0;
}


/*------------------------------------------------------------------------------
ニュース詳細
------------------------------------------------------------------------------*/
.mod-news-block .mod-inner-block {
  width: 896px;
}

.mod-news-block .mod-cont01  .mod-inner-block {
  padding-bottom: 150px;
}

.mod-news-block .mod-c-border-ttl02 {
  margin-bottom: 70px;
}

.mod-news-block .mod-date-tag-ttl {
  font-size: 0;
  margin-bottom: 60px;
}

.mod-news-block .mod-data,
.mod-news-block .mod-tag {
  display: inline-block;
  vertical-align: middle;
  line-height: 1:
}

.mod-news-block .mod-main-img {
  margin-bottom: 20px;
}

.mod-news-block .mod-news-description {
  font-size: 16px;
  line-height: 1.71;
}

.mod-news-block .mod-news-description p + p {
  margin-top: 1em;
}

.mod-news-block .mod-news-description a {
  text-decoration: underline;
}

.mod-news-block .mod-news-detail-cont {
  padding-bottom: 50px;
  border-bottom: 1px solid #828282;
}

.mod-news-block .mod-news-top-block {
  text-align: right;
  margin-top: 20px;
}

.mod-news-block .mod-news-top {
  line-height: 1;
  letter-spacing: 0.15em;
  font-size: 14px;
}

.mod-news-block .mod-data {
  font-size: 16px;
  letter-spacing: 0.13em;
  margin-right: 10px;
}

.mod-news-block .mod-date-tag-ttl .mod-ttl {
  font-size: 22px;
  margin-top: 5px;
}

.mod-news-block .mod-tag img {
  width: 78px;
  height: 20px;
}

/*------------------------------------------------------------------------------
ニュース一覧
------------------------------------------------------------------------------*/
.mod-news-block .mod-c-border-ttl02 {
  margin-bottom: 60px;
  letter-spacing: 0.2em;
}

.mod-news-list-cont {
  padding-bottom: 60px;
  border-bottom: 1px solid #828282;
}

.mod-news-list-cont li a {
  display: block;
  font-size: 0;
  padding: 10px 0;
}

.mod-news-list-block .mod-news-list-cont .mod-data {
  font-size: 14px;
  width: 140px;
  margin-right: 0;
  letter-spacing: 0.13em;
}

.mod-news-list-block .mod-news-list-cont .mod-ttl {
  font-size: 14px;
  width: calc(100% - 234px);
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}


/*------------------------------------------------------------------------------
ニュース -20190801_gwp
------------------------------------------------------------------------------*/
.mod-news-detail-block .gwp_ttl_text {
  text-align: center;
  padding: 70px;
}

.mod-news-detail-block .gwp_event {
  margin-top: 30px;
  width: 790px;
  margin: 0 auto;
}

.mod-news-detail-block .gwp_event td:nth-child(1) {
  float: left;
  width: 48.5%;
  padding: 40px 25px 20px;
  border: dotted 1px #828282;
  text-align: center;
  margin-right: 10px;
}

.mod-news-detail-block .gwp_event td:nth-child(2) {
  float: left;
  width: 48.6%;
  padding: 40px 25px 20px;
  border: dotted 1px #828282;
  text-align: center;
  margin-left: 10px;
}

.mod-news-detail-block .gwp_event td.soldout {
  float: left;
  width: 48.9%;
  padding: 0 0 0;
  border: dotted 1px #828282;f
  text-align: center;
  margin-left: 10px;
}

.mod-news-detail-block .gwp_event .event {
  width: 130px;
}

.mod-news-detail-block .gwp_event td p {
  padding: 20px;
}


.mod-news-detail-block .gwp_text_attention{
  text-align: center;
  padding: 30px 0 70px;
  border-bottom: solid 1px #828282;
  font-size: 17px;
  line-height: 2em;
  letter-spacing: 0.05em;
}

.mod-news-detail-block .gwp_ttl_product{
  text-align: center;
  font-size: 28px;
  padding: 50px 0 20px;
}

.mod-news-detail-block .sub_ttl{
  text-align: center;
}


.mod-news-detail-block .kumi1 {
  background-color: #faf7f2;
  width: 100%;
  height: 250px;
  margin-bottom: 40px;
}

.mod-news-detail-block .mod-news-block .mod-news-description .kumi1 a {
  text-decoration: none;
}



.mod-news-detail-block .kumi1 tr:nth-child(1) td {
  text-align: center;
  padding: 35px 0 35px;
  font-size: 17px;
}

.mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(1), .mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(2), .mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(8) {
  width: 80px;
}
.mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(9) {
  width: 115px;
}


.mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(3){
  width: 175px;
  padding: 0 10px 40px 30px;
  font-size: 12px
}

.mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(5) {
  width: 155px;
  padding: 0 10px 40px;
  font-size: 12px
}


.mod-news-detail-block .kumi1 td .circle {
  width: 100px;
  margin-bottom: 20px;
}

.mod-news-detail-block .kumi1 td:nth-child(4), .mod-news-detail-block .kumi1 td:nth-child(6) {
  width: 40px;
  text-align: center;
  font-size: 20px;
  padding-bottom: 100px;
}

.mod-news-detail-block .kumi1 tr:nth-child(2) td:nth-child(7){
  text-align: center;
  padding-left: 10px;
}










.mod-news-detail-block .kumi2 {
  background-color: #faf7f2;
  width: 100%;
  height: 250px;
}


.mod-news-detail-block .kumi2 tr:nth-child(1) td {
  text-align: center;
  padding: 40px 0 35px;
  font-size: 17px;
}


.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(1){
  width: 175px;
  padding: 0 10px 40px 30px;
  font-size: 12px
}

.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(3), .mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(5), .mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(7) {
  width: 155px;
  padding: 0 10px 40px;
  font-size: 12px
}

.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(9){
  text-align: center;
  padding-left: 20px;
}

.mod-news-detail-block .kumi2 tr:nth-child(2) img.product, .mod-news-detail-block .kumi1 tr:nth-child(2) img.product {
  margin-bottom: 10px;
  width: 135px;
}


.mod-news-detail-block .kumi2 td:nth-child(2), .mod-news-detail-block .kumi2 td:nth-child(4), .mod-news-detail-block .kumi2 td:nth-child(6), .mod-news-detail-block .kumi2 td:nth-child(8) {
  text-align: center;
  font-size: 20px;
  padding-bottom: 100px;
}

.mod-news-detail-block .kumi2 td:nth-child(2), .mod-news-detail-block .kumi2 td:nth-child(11) {
  text-align: center;
  padding-bottom: 100px;
}

.mod-news-detail-block .kumi2 td .circle, .mod-news-detail-block .kumi1 td .circle {
  width: 110px;
  margin-bottom: 15px;
  margin-top: -100px;
}





/*------------------------------------------------------------------------------
コラム
------------------------------------------------------------------------------*/
.mod-column-block > .mod-inner-block {
  width: 896px;
}
.mod-column-ttlarea {
  text-align: justify;
  margin-bottom: 40px;
}
.mod-column-ttlarea p {
  font-size: 16px;
}
.mod-column-ttlarea .mod-ttl {
  font-size: 24px;
  line-height: 1.33;
  margin-top: 0.5em;
}

.mod-column-body {
  text-align: justify;
}
.mod-column-body .mod-img {
  margin-bottom: 40px;
}
.mod-column-body p {
  font-size: 16px;
  line-height: 2;
}
.mod-column-body p + p {
  margin-top: 2em;
}
.mod-column-body * + .mod-img {
  margin-top: 70px;
}
.mod-column-body .mod-col > * {
  float: left;
  max-width: 437px;
}
.mod-column-body .mod-col > * + * {
  float: right;
}

.mod-column-pagination {
  border-top: 1px solid #828282;
  padding-top: 25px;
  margin-top: 50px;
}
.mod-column-pagination > a {
  display: inline-block;
  position: relative;
}
.mod-column-pagination > a::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 16px;
}
.mod-column-pagination > .mod-prev {
  padding-left: 20px;
  float: left;
}
.mod-column-pagination > .mod-prev::before {
  background-image: url(/img/common/arrow01_left.svg);
  left: 0;
}
.mod-column-pagination > .mod-next {
  padding-right: 20px;
  float: right;
}
.mod-column-pagination > .mod-next::before {
  background-image: url(/img/common/arrow01_right.svg);
  right: 0;
}

.mod-column-archive {
  padding: 115px 0 120px;
}
.mod-column-archive .mod-title {
  margin-bottom: 40px;
  text-align: center;
}
.mod-column-archive .mod-list {
  display: flex;
  justify-content: space-between;
}
.mod-column-archive .mod-list > li {
  width: 272px;
}
.mod-column-archive .mod-list a,
.mod-column-archive .mod-list span {
  display: block;
}
.mod-column-archive .mod-img {
  margin-bottom: 15px;
}
.mod-column-archive .mod-list p {
  line-height: 1.71;
  text-align: justify;
}

/*------------------------------------------------------------------------------
requirement
------------------------------------------------------------------------------*/
.mod-requirement .mod-contents-block {
  padding-bottom: 150px;
}

.mod-requirement .mod-inner-block {
  width: 896px;
}

.mod-requirement .mod-c-border-ttl02 {
  margin-bottom: 20px;
}

.mod-requirement .mod-c-description {
  margin-bottom: 50px;
}

.mod-requirement .mod-link-btn-block.mod-adjust01 li a {
  opacity: 1;
}

.mod-requirement .mod-link-btn-block.mod-adjust01 li:nth-child(2) a {
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

.mod-requirement .mod-link-btn-block {
  margin-bottom: 75px;
}

.mod-requirement .mod-requirement-ttl {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.mod-requirement .mod-requirement-ttl:nth-of-type(n + 2) {
  margin-top: 55px;
}

.mod-requirement .mod-flow-block {
  text-align: center;
  margin-bottom: 35px;
}

.mod-requirement .mod-flow-block .mod-box,
.mod-requirement .mod-flow-block .mod-arrow {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  width: 550px;
  height: 40px;
}

.mod-requirement .mod-flow-block .mod-box {
  font-size: 13px;
  line-height: 1.3;
  background-color: #e6e6e6;
}

.mod-requirement .mod-flow-block .mod-arrow img {
  width: 12px;
  height: 25px;
}

.mod-requirement .mod-recruit-btn {
  font-size: 18px;
  letter-spacing: 0.15em;
  margin: 35px 0 20px;
}

.mod-requirement .mod-recruit-btn.mod-adjust01 {
  margin-bottom: 0;
}

.mod-requirement .mod-recruit-btn a {
  background-color: #808080;
  color: #fff;
  width: 312px;
  height: 52px;
  line-height: 54px;
}

.mod-requirement .mod-recruit-btn span::after {
  width: 10px;
  height: 16px;
  background-image: url(/img/common/arrow02_right.svg);
}

.mod-requirement .mod-address-block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom: 80px;
}

.mod-requirement .mod-address-block .mod-img {
  width: 480px;
}

.mod-requirement .mod-address-block .mod-txt {
  width: calc(100% - 480px);
  font-size: 15px;
  background-color: #faf7f2;
  padding: 65px 30px 20px;
}

/*------------------------------------------------------------------------------
antiquerosecare
------------------------------------------------------------------------------*/
/*-------  kv-block  -------*/
.mod-antiquerosecare .mod-kv-block .mod-kv01 {
  width: 100%;
}
.mod-antiquerosecare .mod-kv-block .mod-inner-block {
  width: auto;
  position: relative;
}
.mod-antiquerosecare .mod-kv-block .mod-ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-antiquerosecare .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
  width: 520px;
  margin-left: 20px;
  margin-right: 670px;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-kv-block .mod-ttl-wrap .mod-ttl-box {
    width: 380px;
    margin: 0 20px;
  }
}
/*-------  cont01  -------*/
.mod-antiquerosecare .mod-cont01 .mod-inner-block {
  padding-top: 100px;
  padding-bottom: 110px;
  border-bottom: solid 1px #808080;
}
.mod-antiquerosecare .mod-cont01 .mod-ttl-box .mod-ttl {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont01 {
    padding: 0 20px;
  }
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont01 .mod-ttl-box .mod-ttl img {
    height: 90px;
  }
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont01 .mod-inner-block {
    padding-top: 60px;
    padding-bottom: 90px;
    border-bottom: solid 1px #808080;
  }
  .mod-antiquerosecare .mod-cont01 .mod-ttl-box .mod-ttl img {
    height: 120px;
  }
}
.mod-antiquerosecare .mod-cont01 .mod-caption-wrap {
  padding-top: 80px;
}
.mod-antiquerosecare .mod-cont01 .mod-caption-wrap .mod-img-box {
  text-align: center;
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont01 .mod-caption-wrap .mod-img-box {
    width: 760px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont01 .mod-caption-wrap {
    padding-top: 60px;
  }
  .mod-antiquerosecare .mod-cont01 .mod-caption-wrap .mod-img-box {
    width: 100%;
    margin: 0 auto;
  }
}
.mod-antiquerosecare .mod-cont01 .mod-cont01-item {
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.mod-antiquerosecare .mod-cont01 .mod-cont01-item li > a {
  display: block;
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont01 .mod-cont01-item li + li {
    margin-left: 30px;
  }
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont01 .mod-cont01-item {
    padding-top: 40px;
  }
  .mod-antiquerosecare .mod-cont01 .mod-cont01-item li {
    width: 50%;
  }
}
.mod-antiquerosecare .mod-cont01 .mod-cont01-item li .mod-img img {
  margin: auto;
  vertical-align: bottom;
}
.mod-antiquerosecare .mod-cont01 .mod-cont01-item li .mod-text {
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
}
/*-------  cont02  -------*/
.mod-antiquerosecare .mod-cont02-inner {
  margin: auto;
  background: #faf2eb;
  padding: 20px;
}
.mod-antiquerosecare .mod-cont02-inner .mod-wrap {
  border: 2px solid #ffffff;
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont02 {
    padding-bottom: 60px;
  }
  .mod-antiquerosecare .mod-cont02 .mod-inner-block {
    border-bottom: solid 1px #808080;
    padding-bottom: 110px;
  }
  .mod-antiquerosecare .mod-cont02-inner {
    width: 1000px;
    height: 560px;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-wrap {
    height: 520px;
  }
}
.mod-antiquerosecare .mod-cont02-inner .mod-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-antiquerosecare .mod-cont02-inner .mod-item .mod-item-img, .mod-antiquerosecare .mod-cont02-inner .mod-item .mod-item-text {
  width: 50%;
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont02-inner .mod-ico {
    margin: 20px;
    width: 95px;
    float: right;
  }
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont02-inner .mod-item {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-item .mod-item-img, .mod-antiquerosecare .mod-cont02-inner .mod-item .mod-item-text {
    width: 100%;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-ico {
    width: 65px;
    float: right;
    margin: -10px 0;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-item .mod-item-text {
    margin: 0 15px 20px;
  }
}
.mod-antiquerosecare .mod-cont02-inner .mod-ttl {
  width: 260px;
  margin: 40px 0 20px;
}
.mod-antiquerosecare .mod-cont02-inner .mod-ttl img {
  width: 300px;
}
.mod-antiquerosecare .mod-cont02-inner .mod-text {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  text-align: justify;
}
.mod-antiquerosecare .mod-cont02-inner .mod-text02 {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont02-inner .mod-ttl {
    width: 220px;
    margin: 0 0 5px;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-text, .mod-antiquerosecare .mod-cont02-inner .mod-text02 {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .mod-antiquerosecare .mod-cont02-inner .mod-common-item-btn a {
    margin: 0 auto;
  }
}
/*-------  cont03  -------*/
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03-item-kv-01 {
    margin: 60px 0px 0px !important;
  }
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont03 .mod-inner-block {
    padding-top: 100px;
  }
  .mod-antiquerosecare .mod-cont03-top .mod-ttl-wrap {
    width: 750px;
    margin: 0 auto;
  }
}
.mod-antiquerosecare .mod-cont03-top .mod-ttl {
  margin: 0 10px 60px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03-top .mod-ttl {
    margin: 85px 25px 35px;
  }
  .mod-antiquerosecare .mod-cont03-top .mod-ttl img {
    width: 390px;
  }
}
.mod-antiquerosecare .mod-cont03-top .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
}
.mod-antiquerosecare .mod-cont03-top .mod-img {
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03-top .mod-img {
    margin-top: 0;
  }
}
.mod-antiquerosecare .mod-cont03-item {
  margin-top: 90px;
}
.mod-antiquerosecare .mod-cont03-item-kv-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 100px 0px 0px;
  opacity: 1;
  transform: translateY(0px);
}
.mod-antiquerosecare .mod-cont03-item-kv-01 .mod-ico {
  width: 95px;
  margin-top: -25px;
}
.mod-antiquerosecare .mod-cont03-item-kv-01 .mod-main .mod-ttl {
  width: 240px;
  margin: 45px 0;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03-item-kv-01 .mod-ico {
    position: absolute;
    left: 0;
    margin: 0 30px;
    width: 75px;
  }
  .mod-antiquerosecare .mod-cont03-item-kv-01 .mod-main {
    text-align: center;
  }
  .mod-antiquerosecare .mod-cont03-item-kv-01 .mod-main .mod-ttl {
    width: 240px;
    margin: 90px auto 0;
  }
}
.mod-antiquerosecare .mod-cont03-item-kv-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 100px 0px;
  opacity: 1;
  transform: translateY(0px);
}
.mod-antiquerosecare .mod-cont03-item-kv-02 .mod-img {
  margin-left: 145px;
}
.mod-antiquerosecare .mod-cont03-item-kv-02 .mod-main .mod-ttl {
  width: 292px;
  margin: 45px 0;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03-item-kv-02 {
    margin: 60px 0;
  }
  .mod-antiquerosecare .mod-cont03-item-kv-02 .mod-main {
    text-align: center;
  }
  .mod-antiquerosecare .mod-cont03-item-kv-02 .mod-img {
    margin: 0 auto;
  }
  .mod-antiquerosecare .mod-cont03-item-kv-02 .mod-main .mod-ttl {
    margin: 0;
  }
}
.mod-antiquerosecare .mod-cont03 .mod-common-item-btn {
  margin: 30px 0;
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont03 .mod-common-item-btn a {
    margin: auto;
  }
}
/*-------  cont04  -------*/
.mod-antiquerosecare .mod-cont04 {
  padding-bottom: 154px;
}
@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont04-item-kv .mod-ttl-wrap {
    width: 430px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont04 .mod-inner-block {
    padding: 0 20px;
  }
  .mod-antiquerosecare .mod-cont04-item-kv .mod-ttl-wrap {
    width: 100%;
    margin: 0 auto;
  }
}
.mod-antiquerosecare .mod-cont04-item-kv .mod-ttl {
  margin-bottom: 20px;
  text-align: center;
}
.mod-antiquerosecare .mod-cont04-item-kv .mod-text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
}
.mod-antiquerosecare .mod-cont04-item-kv .mod-img {
  margin-top: 70px;
  text-align: center;
}
.mod-antiquerosecare .mod-cont04-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.mod-antiquerosecare .mod-cont04-item li {
  width: 140px;
  text-align: center;
  margin: 0 100px;
}
.mod-antiquerosecare .mod-cont04-item li a {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 641px) {
  .mod-antiquerosecare .mod-cont04-item li + li {
    margin-left: 30px;
  }
}

@media screen and (max-width: 640px) {
  .mod-antiquerosecare .mod-cont04-item {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mod-antiquerosecare .mod-cont04-item li {
    margin: 0;
    width: 50%;
  }
}
.mod-antiquerosecare .mod-cont04-item li .mod-ttl {
  font-size: 18px;
  line-height: 1.66;
  margin-bottom: 50px;
}
.mod-antiquerosecare .mod-cont04-item li .mod-text {
  text-align: center;
}
.mod-antiquerosecare .mod-cont04-item li .mod-main {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
}

@media screen and (max-width: 639px) {
  .mod-antiquerosecare .mod-cont04-item li .mod-img {
    max-width: 140px;
    margin: 0 auto;
  }

  .mod-antiquerosecare .mod-cont03-item-kv-02 .mod-main .mod-ttl {
    margin: auto;
  }
  .mod-antiquerosecare .mod-cont01 .mod-ttl-box .mod-ttl img {
    height: auto;
    width: 88%;
  }
  .mod-caption-wrap img {
    width: 94%;
    margin: auto
  }
}

/*------------------------------------------------------------------------------
feature01
------------------------------------------------------------------------------*/
.mod-feature01-mv-block {
  padding: 60px 0 30px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl-box {
  position: relative;
  margin-bottom: 60px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl-box:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #828282;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt {
  position: relative;
  height: 24px;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-box,
.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-img {
  display: block;
  width: 200px;
  height: 24px;
  margin: auto;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-box {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  border-left: 1px solid #828282;
  border-right: 1px solid #828282;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-img {
  position: relative;
  z-index: 1;
  text-align: center;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 103px;
  height: 14px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl {
  text-align: center;
  margin-bottom: 70px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl img {
  width: 740px;
}

.mod-feature01 .mod-cont01 {
  padding: 30px 0 110px;
}

.mod-feature01 .mod-cont01 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 55px;
}

.mod-feature01 .mod-cont01 .mod-cont-ttl img {
  width: 750px;
}

.mod-feature01 .mod-cont01 .mod-description {
  text-align: center;
}

.mod-feature01 .mod-cont01 .mod-description img {
  width: 720px;
}

.mod-feature01 .mod-cont02 .mod-inner-block {
  width: 815px;
}

.mod-feature01 .mod-cont02 {
  padding: 110px 0;
}

.mod-feature01 .mod-cont02 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont02 .mod-cont-ttl img {
  width: 201px;
}

.mod-feature01 .mod-cont02 .mod-img-box {
  margin-bottom: 80px;
}

@media screen and (min-width: 641px) {
  .mod-feature01 .mod-cont02 .mod-img-box li {
    width: 387px;
    float: left; 
  }

  .mod-feature01 .mod-cont02 .mod-img-box li:nth-child(2n) {
    margin-left: 40px;
  }

  .mod-feature01 .mod-cont02 .mod-img-box li:nth-child(n + 3) {
    margin-top: 40px;
  }
}

.mod-feature01 .mod-cont02 .mod-txt-block {
  width: 748px;
  margin: auto;
}

.mod-feature01 .mod-cont02 .mod-cont-subttl {
  margin-bottom: 55px;
}

.mod-feature01 .mod-cont02 .mod-cont-subttl img {
  width: 421px;
}

.mod-feature01 .mod-cont02 .mod-description {
  font-size: 16px;
  line-height: 2;
}

.mod-feature01 .mod-cont03 {
  padding: 110px 0;
}

.mod-feature01 .mod-cont03 .mod-inner-block {
  width: 966px;
}

.mod-feature01 .mod-cont03 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 60px;
}

.mod-feature01 .mod-cont03 .mod-cont-ttl img {
  width: 193px;
}

.mod-feature01 .mod-cont03 .mod-img-box {
  margin-bottom: 100px;
}

.mod-feature01 .mod-cont03 .mod-txt-wrap {
  width: 743px;
  margin: auto;
}

.mod-feature01 .mod-cont03 .mod-txt-block {
  margin-bottom: 80px;
}

.mod-feature01 .mod-cont03 .mod-txt-block:last-of-type {
  margin-bottom: 0;
}

.mod-feature01 .mod-cont03 .mod-cont-subttl {
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont03 .mod-cont-subttl img {
  height: 26px;
}

.mod-feature01 .mod-cont03 .mod-description {
  font-size: 16px;
  line-height: 2;
}

.mod-feature01 .mod-cont03 .mod-conditions {
  font-size: 16px;
  margin-bottom: 15px;
}

.mod-feature01 .mod-cont03 .mod-conditions-list {
  text-align: center;
  margin-bottom: 25px;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li{
  display: inline-block;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li:nth-child(n + 2) {
  margin-left: 45px;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li img {
  height: 28px;
}

.mod-feature01 .mod-cont03 .mod-description img {
  float: right;
  padding: 20px 0 0 20px;
}

.mod-feature01 .mod-cont03 .mod-txt-and-img .mod-description {
  margin-bottom: 30px;
}

.mod-feature01 .mod-cont03 .mod-profile-box .mod-txt01 {
  font-size: 14px;
  margin-bottom: 5px;
}

.mod-feature01 .mod-cont03 .mod-profile-box .mod-txt02 {
  font-size: 12px;
}

.mod-feature01 .mod-cont04 {
  padding: 110px 0;
}

.mod-feature01 .mod-cont04 .mod-inner-block {
  width: 968px;
}

.mod-feature01 .mod-cont04 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont04 .mod-cont-ttl img {
  width: 94px;
}

.mod-feature01 .mod-cont04 .mod-cont-subttl {
  text-align: center;
  margin-bottom: 100px;
}

.mod-feature01 .mod-cont04 .mod-cont-subttl img {
  width: 431px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl {
  display: block;
  margin-bottom: 10px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl.mod-adjust01 {
  margin-bottom: 30px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl img {
  height: 21px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl span {
  font-size: 18px;
  letter-spacing: 0.2em;
  display: inline-block;
  margin-left: 20px;
}

.mod-feature01 .mod-cont04 .mod-list-block {
  margin-bottom: 70px;
}

.mod-feature01 .mod-cont04 .mod-list-block:last-of-type {
  margin-bottom: 0;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01,
.mod-feature01 .mod-cont04 .mod-feature01-list02 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li:nth-child(n + 2) {
  margin-left: 120px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li .mod-img {
  width: 240px;
  height: 200px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li .mod-txt {
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt {
  width: 190px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-img {
  height: 204px;
  text-align: center;
  margin-bottom: 30px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-txt {
  font-size: 16px;
  word-break: break-all;
  text-align: justify;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow {
  width: 60px;
  margin-top: 80px;
}

.mod-feature01 .mod-cont04 .mod-after-txt {
  font-size: 18px;
  letter-spacing: 0.15em;
  margin: 80px 0 20px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03,
.mod-feature01 .mod-cont04 .mod-feature01-list03 li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 .mod-img img {
  width: 23px;
  padding-top: 2px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li .mod-txt {
  line-height: 1;
  font-size: 20px;
  padding: 0 40px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li .mod-txt span {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
}

.mod-feature01 .mod-cont05 {
  padding: 110px 0 150px;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap {
  position: relative;
  border: 1px solid #828282;
  padding: 60px 0 80px;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:before ,
.mod-feature01 .mod-cont05 .mod-mini-wrap:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 98%;
  background-color: #fff;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:before {
  top: -1px;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:after {
  bottom: -1px;
}

.mod-feature01 .mod-cont05 .collab-logo {
  text-align: center;
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont05 .collab-logo img {
  width: 502px;
}

.mod-feature01 .mod-cont05 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 60px;
}

.mod-feature01 .mod-cont05 .mod-cont-ttl img {
  width: 706px;
  margin: auto;
}

.mod-feature01 .mod-cont05 .mod-txt01 {
  text-align: center;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 70px;
}

.mod-feature01 .mod-cont05 .mod-product-block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-box {
  text-align: center;
  width: 350px;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-box:nth-child(n + 2) {
  margin-left: 200px;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-product-ttl {
  font-size: 20px;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-product-img {
  display: block;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-product-txt {
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 15px;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-common-item-btn a {
  margin: auto;
}


/*------------------------------------------------------------------------------
feature02
------------------------------------------------------------------------------*/
.mod-feature02 .lh0 {
  line-height: 0;
}
.mod-feature02-mv-block {
  padding: 60px 0 0;
}

.mod-feature02 .mod-description {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.9px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl-box {
  position: relative;
  margin-bottom: 90px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl-box:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #828282;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt {
  position: relative;
  height: 24px;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-box,
.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-img {
  display: block;
  width: 200px;
  height: 24px;
  margin: auto;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-box {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-img {
  position: relative;
  z-index: 1;
  text-align: center;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 103px;
  height: 14px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl {
  text-align: center;
  margin-bottom: 80px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl img {
  width: 880px;
  height: 91px;
}

/* cont01 */
.mod-feature02 .mod-cont01 {
  padding: 90px 0 0;
}

.mod-feature02 .mod-cont01 .mod-description {
  text-align: center;
}

.mod-feature02 .mod-cont01 .mod-description img {
  width: 820px;
  height: 200px;
}

.mod-feature02 .mod-cont01 .mod-subimg {
  margin-top: 168px;
  text-align: center;
}

/* cont02 */
.mod-feature02 .mod-cont02 .mod-inner-block {
  width: 748px;
}

.mod-feature02 .mod-cont02 {
  padding: 110px 0 148px;
}

.mod-feature02 .mod-cont02 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 75px;
}

.mod-feature02 .mod-cont02 .mod-cont-subttl {
  margin-bottom: 38px;
  text-align: center;
}

.mod-feature02 .mod-cont02 .mod-cont-subttl img {
  width: 700px;
  height: 26px;
}

.mod-feature02 .mod-cont02 .mod-description {
  font-size: 16px;
  line-height: 2;
}

.mod-feature02 .mod-cont02 .mod-img {
  margin-top: 30px;
}

/* cont03 */
.mod-feature02 .mod-cont03 {
  padding: 85px 0 80px;
  background-color: #faf2eb;
}

.mod-feature02 .mod-cont03 .mod-cont-ttl {
  text-align: center;
}

.mod-feature02 .mod-cont03 .mod-cont-ttl img {
  width: 580px;
  height: 22px;
}

.mod-feature02 .mod-cont03 .mod-txt-block {
  width: 748px;
  margin: 40px auto 0;
}

.mod-feature02 .mod-cont03 .mod-profile {
  overflow: hidden;
  width: 584px;
  margin: 70px auto 0;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-img {
  float: left;
  width: 156px;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text {
  float: right;
  width: 408px;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text h3 img {
  width: 182px;
  height: 21px;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text .mod-name {
  margin-top: 8px;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text .mod-text {
  margin-top: 15px;
  line-height: 1.9;
  letter-spacing: 0.4px;
}

/* cont04 */
.mod-feature02 .mod-cont04 {
  padding: 145px 0 0;
}

.mod-feature02 .mod-cont04 .mod-inner-block {
  width: 748px;
  margin: 0 auto;
}

.mod-feature02 .mod-cont04 .mod-cont-subttl {
  text-align: center;
}

.mod-feature02 .mod-cont04 .mod-cont-subttl img {
  width: 620px;
  height: 22px;
}

.mod-feature02 .mod-cont04 .mod-description {
  margin-top: 42px;
}

.mod-feature02 .mod-cont04 .mod-mainimg {
  margin-top: 28px;
}

.mod-feature02 .mod-cont04 .mod-about {
  width: 748px;
  margin: 100px auto 0;
  padding: 32px 48px 20px;
  border-right: 1px solid #828282;
  border-left: 1px solid #828282;
  box-sizing: border-box;
}

.mod-feature02 .mod-cont04 .mod-about-formula {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 642px;
  margin: 0 auto;
}

.mod-feature02 .mod-cont04 .mod-about-plus {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 372px;
}

.mod-feature02 .mod-cont04 .mod-about-box {
  width: 160px;
}

.mod-feature02 .mod-cont04 .mod-about-box .mod-about-name {
  margin-top: 15px;
  margin-right: -50px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -2px;
}

.mod-feature02 .mod-cont04 .mod-about-box .mod-about-detail {
  margin-top: 2px;
  font-size: 12px;
  letter-spacing: -1px;
}

.mod-feature02 .mod-cont04 .mod-about-box ul {
  margin-top: 7px;
  padding-top: 10px;
  border-top: 1px solid #828282;
}

.mod-feature02 .mod-cont04 .mod-about-box li {
  font-size: 14px;
  line-height: 1.28;
}

.mod-feature02 .mod-cont04 .mod-plus {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, 0);
}

.mod-feature02 .mod-cont04 .mod-about-kakeru {
  position: relative;
}

.mod-feature02 .mod-cont04 .mod-kakeru {
  position: absolute;
  top: 40px;
  left: -68px;
  width: 26px;
  height: 26px;
}

.mod-feature02 .mod-cont04 .mod-about-result {
  margin-top: 55px;
}

.mod-feature02 .mod-cont04 .mod-about-result .mod-about-arrow {
  margin: 0 auto;
  text-align: center;
}

.mod-feature02 .mod-cont04 .mod-about-result h2 {
  margin: 50px auto 0;
  text-align: center;
}

.mod-feature02 .mod-cont04 .mod-about-result ul {
  margin-top: 35px;
}

.mod-feature02 .mod-cont04 .mod-about-result li {
  padding-left: 24px;
  font-size: 16px;
  line-height: 2;
  background: url(/img/topics/feature02/cont04_square.png) no-repeat 0 center;
}

.mod-feature02 .mod-cont04 .mod-about-result li span {
  font-size: 11px;
  line-height: 2.5;
  vertical-align: top;
}

.mod-feature02 .mod-cont04 .mod-caption {
  margin-top: 32px;
  font-size: 11px;
  line-height: 1.63;
}

/* cont05 */
.mod-feature02 .mod-cont05 {
  padding: 105px 0 175px;
}

.mod-feature02 .mod-cont05 .mod-inner-block {
  width: 748px;
  margin: 0 auto;
}

.mod-feature02 .mod-cont05 .mod-cont-ttl{
  margin: 0 auto;
  text-align: center;
}

.mod-feature02 .mod-cont05 .mod-img {
  margin-top: 78px;
  text-align: center;
} 

.mod-feature02 .mod-cont05 .mod-img video {
  width: 100%;
}

.mod-feature02 .mod-cont05 .mod-caption {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.42;
} 

/* cont06 */
.mod-feature02 .mod-cont06 .mod-inner-block {
  position: relative;
  width: 1236px;
  margin: 0 auto;
  padding: 70px 0 90px;
  background-color: #faf2eb;
}

.mod-feature02 .mod-cont06 .mod-img {
  text-align: center;
}

.mod-feature02 .mod-cont06 .mod-cont-ttl {
  position: absolute;
  top: 58px;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  z-index: 1;
} 

.mod-feature02 .mod-cont06 .mod-text-box {
  width: 748px;
  margin: 66px auto 0;
} 

.mod-feature02 .mod-cont06 .mod-text-box .mod-cont06-tt1 {
  margin: 0 auto;
  text-align: center;
} 

.mod-feature02 .mod-cont06 .mod-text-box .mod-cont06-tt1 img {
  width: 444px;
  height: 22px;
}

.mod-feature02 .mod-cont06 .mod-description {
  margin-top: 30px;
  letter-spacing: 0.4px;
}

.mod-feature02 .mod-cont06 .mod-description span {
  font-size: 11px;
  line-height: 2.5;
  vertical-align: top;
}

.mod-feature02 .mod-cont06 .mod-text-box2 {
  width: 748px;
  margin: 75px auto 0;
  padding: 10px 0 5px;
  border-right: 1px solid #828282;
  border-left: 1px solid #828282;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-cont06-tt1 {
  width: 642px;
  margin: 0 auto;
} 

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-cont06-tt1 img {
  width: 526px;
  height: 20px;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-txt-block {
  width: 642px;
  margin: 0 auto;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-description {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0;
}

.mod-feature02 .mod-cont06 .mod-caption {
  width: 748px;
  margin: 30px auto 0;
  font-size: 11px;
}


/* cont07 */
.mod-feature02 .mod-cont07 {
  padding: 150px 0 200px;
}

.mod-feature02 .mod-cont07 .mod-inner-block {
  width: 1060px;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap {
  position: relative;
  border: 1px solid #828282;
  padding: 35px 0 35px;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap:before ,
.mod-feature02 .mod-cont07 .mod-mini-wrap:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 1px;
  width: 98%;
  background-color: #fff;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap:before {
  top: -1px;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap:after {
  bottom: -1px;
}

.mod-feature02 .mod-cont07 .mod-cont-ttl {
  text-align: center;
  margin-bottom: 60px;
}

.mod-feature02 .mod-cont07 .mod-cont-ttl {
  margin: auto;
  text-align: center;
}

.mod-feature02 .mod-cont07 .mod-txt01 {
  width: 748px;
  margin: 45px auto 0;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}

.mod-feature02 .mod-cont07 .mod-product-block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-feature02 .mod-cont07 .mod-item-box {
  display: flex;
  justify-content: space-around;
  width: 630px;
  margin: 55px auto 0;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-img {
  margin-right: 60px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-text {
  margin-top: 40px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-date {
  font-size: 16px;
  letter-spacing: 1.5px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-detail1 {
  font-size: 20px;
  letter-spacing: 2px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-detail2 {
  font-size: 20px;
}








/*------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------*/

.mod-clearfix:after,
.mod-inner-block:after,
.mod-cont01 .mod-item-list:after,
.mod-footer .mod-f-nav-list:after,
.mod-menu-list-wrap:after,
.mod-product .mod-key-box:after,
.mod-item-list02:after,
.mod-c-aboutlist:after,
.mod-handcare .mod-cont04-item-kv:after,
.mod-handcare .mod-cont04-list:after,
.mod-handcare .mod-cont04-list li:after,
.mod-bodycare .mod-cont02-item-kv:after,
.mod-bodycare .mod-cont03-inner:after,
.mod-prescription .mod-mini-wrap:after,
.mod-link-btn-block:after,
.mod-faq-link-list:after,
.mod-uvdefencelotion .mod-strengths-list:after,
.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list:after,
.mod-sitemap-list:after,
.mod-column-pagination .mod-left:after,
.mod-column-pagination .mod-next:after,
.mod-slider01:after {
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}