@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Rokkitt:400,700");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
}

body {
  line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}

mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input:focus {
  outline: none;
}

img {
  vertical-align: bottom;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.mr0 {
  margin-right: 0px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr65 {
  margin-right: 65px;
}

.mr70 {
  margin-right: 70px;
}

.mr75 {
  margin-right: 75px;
}

.mr80 {
  margin-right: 80px;
}

.mr85 {
  margin-right: 85px;
}

.mr90 {
  margin-right: 90px;
}

.mr95 {
  margin-right: 95px;
}

.mr100 {
  margin-right: 100px;
}

.ml0 {
  margin-left: 0px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml85 {
  margin-left: 85px;
}

.ml90 {
  margin-left: 90px;
}

.ml95 {
  margin-left: 95px;
}

.ml100 {
  margin-left: 100px;
}

/*font-size text class*/
.fz12{
  font-size:12px !important;
  line-height: 2.1!important;
  font-style: normal;
}

.op a img,
.op2 {
  -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -moz-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  -o-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0;
}

.op a img:hover,
.op2:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.flL {
  float: left;
}

.flR {
  float: right;
}

.show_pc {
  display: block;
}
@media only screen and (max-width: 979px) {
  .show_pc {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .show_pc {
    display: none;
  }
}

.show_pctb {
  display: block;
}
@media only screen and (max-width: 979px) {
  .show_pctb {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_pctb {
    display: none;
  }
}

.show_tbsp {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_tbsp {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_tbsp {
    display: block;
  }
}

.show_tb {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_tb {
    display: block;
  }
}
@media only screen and (max-width: 479px) {
  .show_tb {
    display: none;
  }
}

.show_sp {
  display: none;
}
@media only screen and (max-width: 979px) {
  .show_sp {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .show_sp {
    display: block;
  }
}

.new_black {
  /*display: flex;*/
  /*align-items: center;*/
  position: relative;
}
.new_black::after {
  content: "";
  width: 34px;
  height: 21px;
  margin-left: 8px;
  background-image: url(/img/common/new_icon_black2.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
}
.new_white {
  display: flex;
}
.new_white::after {
  content: "";
  width: 27px;
  height: 20px;
  margin-left: 8px;
  background-image: url(/img/common/new_icon_white.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 479px) {
  .new_black::after {
    width: 19px;
    height: 15px;
    margin-left: 6px;
    background-image: url(/img/sp/common/new_icon_black.svg);
    background-size: auto 100%;
    background-position: center;
  }
  .new_white::after {
    width: 19px;
    height: 15px;
    margin-left: 6px;
    background-image: url(/img/sp/common/new_icon_sp_white.png);
    background-size: auto 100%;
    background-position: center;
  }
}

.top-main {
  margin-bottom: 130px;
  position: relative;
}
.top-main .top-main-image li {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  -webkit-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.top-main .top-main-image li.current {
  z-index: 6;
  opacity: 1;
}
.top-main .top-main-image li.next {
  -webkit-transition: opacity 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: opacity 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: opacity 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: opacity 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  z-index: 5;
  opacity: 1;
}

body.page-home .bt_line {
  width: 100%;
  text-align: center;
  border-top: 1px solid #e7e6e6;
  border-bottom: 1px solid #e7e6e6;
  margin: 0 auto 64px auto;
  padding: 16px 0 12px 0;
}
body.page-home .bt_line p,
body.page-home .bt_line h1 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #746e6e;
}

html, body {
  height: 100%;
  text-align: center;
}

body, th, td, h1, h2, h3, h4, h5, h6, pre, input, textarea, option, div, p, dt, dd, li, address {
  font-family: "Rokkitt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  color: black;
}
body .en, th .en, td .en, h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, pre .en, input .en, textarea .en, option .en, div .en, p .en, dt .en, dd .en, li .en, address .en {
  font-family: "Rokkitt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 14px !important;
}

a {
  color: #5b5454;
  text-decoration: none;
}

a:visited {
  color: #5b5454;
  text-decoration: none;
}

a:hover {
  color: #5b5454;
  text-decoration: none;
}

article {
  text-align: left;
}

.c-link {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-inline: auto;
  padding: calc(16px - (20px - 12px) / 2) 40px;
  border: 1px solid #dcdada;
  width: fit-content;
  min-width: 120px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: calc(20 / 12);
  letter-spacing: 0.08em;
  background: #fafafa;
  color: #433b3b;
  transition: opacity 0.25s ease-out;
}

.c-link--white {
  background: #fff;
}

.c-link:is(:hover, :focus-visible) {
  opacity: 0.8;
}

#box-search .box-search-in {
  position: relative;
}
#box-search .box-search-in .close {
  position: absolute;
  top: 46px;
  right: 33px;
}

body.page-home .nav-home,
body.page-news .nav-news,
body.page-concept .nav-concept,
body.page-collection .nav-collection,
body.page-article .nav-article,
body.page-store .nav-store,
body.page-blog .nav-blog,
body.page-online_store .nav-online_store,
body.page-af .nav-after_care,
body.page-om .nav-order_made,
body.page-om .nav-pattern_order,
body.page-remake .nav-remake {
  opacity: 0.4;
}

body.page-blog .nav-news{
  opacity:1;
}

body.page-home .nav-home a,
body.page-news .nav-news a,
body.page-concept .nav-concept a,
body.page-collection .nav-collection a,
body.page-article .nav-article a,
body.page-store .nav-store a,
body.page-blog .nav-blog a,
body.page-online_store .nav-online_store a,
body.page-af .nav-after_care a,
body.page-om .nav-order_made a,
body.page-om .nav-pattern_order a,
body.page-remake .nav-remake a {
  cursor: default;
}

body.page-home header.relative {
  height: 235px;
  width: auto;
  max-width: 900px;
}
body.page-home header.relative nav, body.page-home header.relative .nav-shop {
  display: none !important;
}
body.page-home header.relative .logo_home {
  width: 92px;
  height: 120px;
  position: absolute;
  left: 50%;
  margin-left: -46px;
  top: 56px;
/*  background-image: url(/img/common/logo.svg);*/
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 92px auto;
  overflow: hidden;
  text-align: left;
  width: 89px;
  background-repeat:no-repeat;
/*    text-indent: 101%;
*/    white-space: nowrap;
    overflow: hidden;
    display:block;
}
body.page-home header.relative .logo_home a {
  display: block;
}
body.page-home header.relative .logo_home a img{
  position: absolute;
  top:0;
  left:0;
}


header.relative {
  width: 900px;
  height: 223px;
  position: relative;
  margin: 0 auto;
}
header.relative .logo {
  width: 74px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 60px;
/*  background: url(/img/common/logo.svg) no-repeat left top;*/
  background-size: 74px;
  overflow: hidden;
  text-align: left;
}
header.relative .logo a {
  display: block;
  width: 100%;
  height: 100%;
/*  text-indent: -999px;
*/}
header .logo a,
header nav ul li a{
  transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0;
}
header .logo a:hover,
header .logo a:hover img,
header .logo_home a:hover,
header .logo_home a:hover img{
  opacity: 1;
}

header.relative .logo a img{
  position: absolute;
  top:0;
  left:0;
}
header.relative nav {
  position: absolute;
  right: 0;
  top: 80px;
  padding-bottom: 2px;
  border-bottom: 1px solid #dcdada;
}
header.relative nav ul li {
  float: left;
}
header.relative nav ul li a {
  display: block;
  padding: 10px 11px 10px 10px;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 16px;
}
header.relative nav ul li.nav-concept a {
  padding-left: 0;
}
header.relative nav ul li:last-of-type a, header.relative nav ul li:last-of-type a {
  padding-right: 0;
}
header.relative .nav-shop {
  position: absolute;
  right: 0;
  top: 128px;
}
header.relative .nav-shop li {
  float: left;
}
header.relative .nav-shop li a {
  display: block;
  padding: 12px 14px 18px 10px;
}
header.relative .nav-shop li a span {
  display: flex;
  align-items: center;
  -webkit-transition: width 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -moz-transition: width 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  -o-transition: width 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  transition: width 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 16px;
  white-space: nowrap;
}
header.relative .nav-shop li a span img {
  height: 16px;
  margin-right: 9px;
  width: auto;
  margin-top: -4px;
}
header.relative .nav-shop li.nav-cart a {
  padding-right: 0px;
  padding-left: 5px;
}
header.relative .nav-shop li.nav-search {
  -webkit-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
header.relative .nav-shop li.nav-search a span {
  -webkit-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
header.relative .nav-shop li.nav-search.open {
  background: #140a0a;
}
header.relative .nav-shop li.nav-register a span {
}
header.relative .nav-shop li.nav-login a span {
}
header.relative .nav-shop li.nav-mypage a span {
}
header.relative .nav-shop li.nav-logout a span {
}
header.relative .nav-shop li.nav-cart a span {
}

header.relative .nav-language {
  position: absolute;
  top: 40px;
  right: -156px;
  display: flex;
  align-items: center;
}
@media screen and (max-width:1212px) { 
  header.relative .nav-language {
    right: calc((100vw - 900px) / 2  * -1);
  }
}
@media screen and (max-width:1001px) { 
  header.relative .nav-language {
    right: -16px;
  }
}
@media screen and (max-width:950px) { 
  header.relative .nav-language {
    width: 100vw;
    justify-content: flex-end;
    right: 0;
    left: -50px;
  }
}
.page-home header.relative .nav-language {
  display: none;
}
header.relative .nav-language .jp {
  position: relative;
}
header.relative .nav-language .jp::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 13px;
  top: 0;
  right: 0;
  background: #e8e6e6;
}
header.relative .nav-language .jp img {
  width: 53px;
}
header.relative .nav-language .en img {
  width: 53px;
}

header.fixed {
  min-width: 900px;
  width: 100%;
  height: 41px;
  position: fixed;
  margin: 0 auto;
  top: -90px;
  display: none;
  background: white;
  z-index: 100000;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
}
header.fixed.active {
  display: block;
}
header.fixed nav {
  position: absolute;
  left: 22px;
  top: 0;
}
header.fixed nav ul li {
  float: left;
}
header.fixed nav ul li a {
  display: block;
  padding: 13px 8px;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.04em;
}
header.fixed nav ul li.nav-home a {
  padding-left: 0;
}
header.fixed nav ul li:last-of-type a, header.fixed nav ul li:last-of-type a {
  padding-right: 0;
}
header.fixed .nav-shop {
  position: absolute;
  right: 0;
  top: 0;
  background: #f6f5f5;
}
header.fixed .nav-shop li {
  float: left;
  border-left: 1px solid #dcdada;
}
header.fixed .nav-shop li a {
  display: block;
  padding: 13px 10px 12px 10px;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.04em;
}
header.fixed .nav-shop li a span {
  display: flex;
  align-items: center;
  -webkit-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  white-space: nowrap;
}
header.fixed .nav-shop li a span img {
  height: 16px;
  margin-right: 9px;
  width: auto;
  margin-top: -4px;
}
header.fixed .nav-shop li.nav-search {
  -webkit-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: background 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
header.fixed .nav-shop li.nav-search a span {
  -webkit-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: width 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
header.fixed .nav-shop li.nav-search.open {
  background: #140a0a;
}
header.fixed .nav-shop li.nav-register a span {
}
header.fixed .nav-shop li.nav-login a span {
}
header.fixed .nav-shop li.nav-mypage a span {
}
header.fixed .nav-shop li.nav-logout a span {
}
header.fixed .nav-shop li.nav-cart a span {
}
header.fixed .nav-shop li.nav-pswd a span {
}
header.relative nav ul li .nav-group-button,
header.fixed nav ul li .nav-group-button {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  padding: 10px 20px 10px 10px;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 16px;
  color: #5b5454;
  vertical-align: baseline;
  cursor: pointer;
  border: none;
  position: relative;
  background: #ffffff;
  will-change: background-color;
  transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0;
}
header.fixed nav ul li .nav-group-button {
  padding: 13px 20px 12px 8px;
}
.nav-group-button::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  right: 8px;
  top: 13px;
  border-width: 6px 3.5px 0 3.5px;
  border-color: #5b5454 transparent transparent transparent;
  transition: border 0s;
}
header.fixed nav ul li .nav-group-button::after {
  top: 16px;
}
/* :hoverと:focus-withinを一緒に設定すると、polyfill入れてもEdge/IEで:hoverの指定が効かないため、別々に指定する。 */
header.relative nav ul li.nav-group:hover .nav-group-button,
header.fixed nav ul li.nav-group:hover .nav-group-button {
  background: #e5e3e3;
  transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
header.relative nav ul li.nav-group:focus-within .nav-group-button,
header.fixed nav ul li.nav-group:focus-within .nav-group-button{
  background: #e5e3e3;
  transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
header.relative nav ul li.nav-group:hover .nav-group-button::after,
header.fixed nav ul li.nav-group:hover .nav-group-button::after {
  border-width: 0 3.5px 6px 3.5px;
  border-color: transparent transparent #5b5454 transparent;
  transition: border 0s;
}
header.relative nav ul li.nav-group:focus-within .nav-group-button::after,
header.fixed nav ul li.nav-group:focus-within .nav-group-button::after{
  border-width: 0 3.5px 6px 3.5px;
  border-color: transparent transparent #5b5454 transparent;
  transition: border 0s;
}
header.fixed nav ul li .nav-group-button::after {
  top: 16px;
}
.nav-group-menu {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s .15s, z-index 0s .15s;
  position: absolute;
  background: #e5e3e3;
  width: 120px;
  will-change: background-color;
  padding: 10px 8px 5px;
}
header.relative nav ul li.nav-group:hover .nav-group-menu,
header.fixed nav ul li.nav-group:hover .nav-group-menu{
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s, z-index 0s;
}
header.relative nav ul li.nav-group:focus-within .nav-group-menu,
header.fixed nav ul li.nav-group:focus-within .nav-group-menu{
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s, z-index 0s;
}
header.relative nav ul li .nav-group-menu > li,
header.fixed nav ul li .nav-group-menu > li{
  float: none;
}
header.relative nav ul li .nav-group-menu > li a,
header.fixed nav ul li .nav-group-menu > li a {
  display: block;
  padding: 4px 11px 4px 10px;
}
#box-search {
  display: none;
  background: #140a0a;
  position: absolute;
  left: 0;
  top: 174px;
  width: 100%;
  z-index: 10001;
}
#box-search.box-search2 {
  top: 40px;
  position: fixed;
}
#box-search.box-search3 {
  top: -5px;
  position: fixed;
}
#box-search.box-search3 .box-search-in dl {
  margin-bottom: 25px;
}
#box-search.box-search3 .box-search-in dl dt {
  margin-bottom: 15px;
}
#box-search.box-search3 .box-search-in dl dt img {
  height: 12px;
}
#box-search.box-search3 .box-search-in dl dd {
  font-size: 11px;
  line-height: 19px;
}
#box-search.box-search3 .box-search-in .search-search input {
  font-size: 14px;
}
#box-search .box-search-in {
  width: 1000px;
  margin: 0 auto;
  padding: 80px 0 80px 104px;
  box-sizing: border-box;
}
#box-search .box-search-in dl {
  width: 220px;
  float: left;
  margin-right: 65px;
  margin-bottom: 60px;
}
#box-search .box-search-in dl.search-price {
  margin-right: 0;
}
#box-search .box-search-in dl.search-price dd {
  font-size: 14px;
}
#box-search .box-search-in dl dt {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #484141;
}
#box-search .box-search-in dl dd {
  line-height: 24px;
  font-size: 12px;
  white-space: nowrap;
}
#box-search .box-search-in dl dd a {
  color: #d0cece;
  letter-spacing: 0.1em;
  white-space: nowrap;
    -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
#box-search .box-search-in dl dd a:hover{
  opacity: 0.6;
}
#box-search .box-search-in dl dd.s_subnav{
  position: relative;
}
#box-search .box-search-in dl dd.s_subnav:before,
#box-search .box-search-in dl dd.s_subnav:after{
  content:"";
  display: block;
  position: absolute;
  top:5px;
  left:100px;
  left: calc(8em + 8px);
  background-color: #d0cece;
  width:2px;
  height: 10px;
  opacity: 1;
    -webkit-transition: opacity 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: opacity 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: opacity 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: opacity 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
#box-search .box-search-in dl dd.s_subnav.wide:before, #box-search .box-search-in dl dd.s_subnav.wide:after{
  left:132px;
  left:calc(10em + 8px);
}
#box-search .box-search-in dl dd.s_subnav:hover:before,
#box-search .box-search-in dl dd.s_subnav:hover:after{
  opacity: 0;
}
#box-search .box-search-in dl dd.s_subnav:after{
  width:10px;
  height: 2px;
  top:12px;
  margin-top:-3px;
  margin-left: -4px;
}

#box-search .box-search-in dl dd.s_subnav:hover .s_sublist{
  height: 96px;
}
#box-search .box-search-in dl dd.s_subnav.wide:hover .s_sublist{
  height: 74px;
}
#box-search .box-search-in dl dd.s_subnav .s_sublist{
  padding-left: 1em;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: height 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: height 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: height 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
#box-search .box-search-in form {
  display: table;
  height: 50px;
}
#box-search .box-search-in .search-search {
  clear: both;
  width: 500px;
  height: 50px;
  border-bottom: 1px solid #494141;
  margin-bottom: 68px;
  margin-top: -15px;
}
#box-search .box-search-in .search-search a {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  text-align: right;
}
#box-search .box-search-in .search-search input.search_area {
  display: inline-block;
  width: 460px;
  height: 48px;
  font-size: 20px;
  background: transparent;
  border: none;
  line-height: 50px;
  color: #d0cece;
  letter-spacing: 0.1em;
}
#box-search .box-search-in .search-search input.search_btn {
  padding: 6px;
  margin-bottom: 4px;
  background-color: #282323;
  -webkit-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
#box-search .box-search-in .search-search input.search_btn:hover {
  background-color: #352f2f;
}

.stock_input {
  margin-bottom: 44px;
  font-size: 12px;
  line-height: 24px;
  color: #d0cece;
}

.mb16 {
  margin-bottom: 16px !important;
}

input[type=radio], input[type=checkbox] {
  display: none;
}

.radio,
.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 0 0 0 21px;
  vertical-align: middle;
  cursor: pointer;
}

.radio:after,
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  background-color: #d0cece;
  content: "";
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background-color: #140a0a;
  content: "";
  opacity: 0;
  z-index: 1000;
}

input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  content: "";
  opacity: 0;
  background-color: #140a0a;
  z-index: 1000;
}

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

#btn-menu {
  z-index: 1000;
  outline: none;
  background-color: transparent;
  overflow: hidden;
  border: 0;
  width: 38px;
  height: 38px;
  position: fixed;
  right: 36px;
  top: 24px;
  cursor: pointer;
}
#btn-menu span {
  display: block;
  position: absolute;
  width: 38px;
  height: 1px;
  background: #b8b5b5;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1.2);
  left: 0;
  top: 0;
  top: 18.5px;
}
@media only screen and (max-width: 479px) {
  #btn-menu span {
    top: 11.5px;
  }
}
#btn-menu span:before {
  content: " ";
  display: block;
  position: absolute;
  width: 38px;
  height: 1px;
  background: #b8b5b5;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1.2);
  left: 0;
  top: 0;
  transform: translateY(-7px);
}
@media only screen and (max-width: 479px) {
  #btn-menu span:before {
    transform: translateY(-6px);
  }
}
#btn-menu span:after {
  content: " ";
  display: block;
  position: absolute;
  width: 38px;
  height: 1px;
  background: #b8b5b5;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1.2);
  left: 0;
  top: 0;
  transform: translateY(7px);
}
@media only screen and (max-width: 479px) {
  #btn-menu span:after {
    transform: translateY(6px);
  }
}
#btn-menu:hover span {
  background: #b8b5b5;
}
#btn-menu:hover span:before {
  background: #b8b5b5;
  transform: translateY(-10px);
}
@media only screen and (max-width: 479px) {
  #btn-menu:hover span:before {
    transform: translateY(-6px);
  }
}
#btn-menu:hover span:after {
  background: #b8b5b5;
  transform: translateY(10px);
}
@media only screen and (max-width: 479px) {
  #btn-menu:hover span:after {
    transform: translateY(6px);
  }
}
#btn-menu.open span {
  background: transparent;
}
#btn-menu.open span:before {
  background: #b8b5b5;
  transform: rotate(-45deg) translateY(0);
}
#btn-menu.open span:after {
  background: #b8b5b5;
  transform: rotate(45deg) translateY(0);
}

.cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.96);
  display: none;
  z-index: 100;
}

.cover .nav li {
  opacity: 0.6;
}
.cover .nav li:after {
  opacity: 0.4;
}
.page-home .cover .nav-language {
  display: none;
}

.top-main-menu li {
  -webkit-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: opacity 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.top-main-menu.op1 li {
  opacity: 0.9;
}
.top-main-menu.op1 li:after {
  opacity: 0.4;
}

.top-main-menu.op2 li {
  opacity: 1;
}
.top-main-menu.op2 li:after {
  opacity: 0.5;
}

.top-main-menu.op3 li {
  opacity: 0.8;
}
.top-main-menu.op3 li:after {
  opacity: 0.3;
}

.nav {
  text-align: left;
  z-index: 11;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*margin-top:-289.5px;*/
}
.nav li {
  width: 177px;
  height: 30px;
  margin-bottom: 31px;
  position: relative;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.nav li:before {
  position: absolute;
  bottom: 0;
  background: white;
  content: " ";
  display: block;
  pointer-events: none;
  transform: scale(0, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0.3;
  height: 1px;
}
.nav li:hover:before, .nav li.current:before, .nav li:active:before {
  -webkit-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transform: scale(1, 1);
}
.nav li:after {
  content: " ";
  display: block;
  position: absolute;
  top: 45px;
  left: 77px;
  width: 24.4px;
  height: 1px;
  line-height: 0;
  font-size: 0;
  border-top: 1px solid white;
  transform: rotate(-55deg);
  background-size: 100%;
  -webkit-transition: opacity, border-top 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -moz-transition: opacity, border-top 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  -o-transition: opacity, border-top 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
  transition: opacity, border-top 3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}
.nav li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.nav li a span {
  display: block;
  text-indent: -500px;
}
.nav li.nav-home {
  background: url(/img/common/nav2/nav-home_new.svg);
}
.nav li.nav-home:before {
  width: calc(52px + 40px);
  left: 42.5px;
}
.nav li.nav-news {
  background: url(/img/common/nav2/nav-news_new.svg);
}
.nav li.nav-news:before {
  width: calc(52px + 40px);
  left: 42.5px;
}
.nav li.nav-concept {
  background: url(/img/common/nav2/nav-concept_new.svg);
}
.nav li.nav-concept:before {
  width: calc(86px + 40px);
  left: 25.5px;
}
.nav li.nav-collection {
  background: url(/img/common/nav2/nav-collection_new.svg);
}
.nav li.nav-collection:before {
  width: calc(118px + 40px);
  left: 9.5px;
}
.nav li.nav-story {
  background: url(/img/common/nav2/nav-magazine_new.svg);
}
.nav li.nav-story:before {
  width: calc(58px + 40px);
  left: 39.5px;
}
.nav li.nav-store {
  background: url(/img/common/nav2/nav-store_new.svg);
}
.nav li.nav-store:before {
  width: calc(58px + 40px);
  left: 39.5px;
}
.nav li.nav-online_store {
  background: url(/img/common/nav2/nav-online_store_new.svg);
}
.nav li.nav-online_store:before {
  width: calc(136px + 40px);
  left: 0.5px;
}
.nav li.nav-after_care {
  background: url(/img/common/nav2/nav-after_care_new.svg);
}
.nav li.nav-after_care:before {
  width: calc(116px + 40px);
  left: 10.5px;
}
.nav li.nav-order_made {
  background: url(/img/common/nav2/nav-order_made.svg);
  margin-bottom: 0;
}
.nav li.nav-order_made:before {
  width: calc(124px + 40px);
  left: 6.5px;
}
.nav li.nav-pattern_order {
  background: url(/img/common/nav2/nav-pattern_order_new.svg);
}
.nav li.nav-pattern_order:before {  
  width: calc(177px + 40px);
  left: -20px;
}
.nav li.nav-blog {
  background: url(/img/common/nav2/nav-blog_new.svg);
}
.nav li.nav-blog:before {
  width: 92px;
  left: 42px;
}
.nav li.nav-remake {
  background: url(/img/common/nav2/nav-remake.svg);
  background-size: auto 13px;
  margin-bottom: 0;
}
.nav li.nav-remake:before {
  width: calc(92px + 20px);
  left: 32px;
}
.nav li:last-of-type {
  margin-bottom: 0;
}
.nav li:last-of-type:after {
  background: none;
  border: none;
}

.wrap-all {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -ms-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -moz-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -o-transition: opacity 500ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
}
.wrap-all.load {
  opacity: 1;
  -webkit-transition: opacity 460ms cubic-bezier(0.53, 0.005, 0.81, 0.66) 120ms;
  -ms-transition: opacity 460ms cubic-bezier(0.53, 0.005, 0.81, 0.66) 120ms;
  -moz-transition: opacity 460ms cubic-bezier(0.53, 0.005, 0.81, 0.66) 120ms;
  -o-transition: opacity 460ms cubic-bezier(0.53, 0.005, 0.81, 0.66) 120ms;
}

img {
  height: auto;
}

#totop {
  position: fixed;
  z-index: 5000;
  right: 30px;
  bottom: 32px;
  display: none;
}

a.filter:hover img {
  filter: brightness(0.8);
  -webkit-filter: brightness(0.8);
  -ms-filter: brightness(0.8);
  -o-filter: brightness(0.8);
  -moz-filter: brightness(0.8);
}
a.filter:hover img.no_fil{
  filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    -moz-filter: none;
}
@media only screen and (max-width: 979px) {
  a.filter:hover img {
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    -moz-filter: none;
  }
}
a.filter img {
  filter: brightness(1);
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  -moz-filter: brightness(1);
  transition: filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -webkit-transition: -webkit-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -ms-transition: -ms-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -moz-transition: -moz-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -o-transition: -o-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
}
@media only screen and (max-width: 979px) {
  a.filter img {
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    -moz-filter: none;
  }
}

.breadcrumb {
  margin-top: 110px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
  border-bottom: 1px solid #e7e6e6;
  border-top: 1px solid #e7e6e6;
}
.breadcrumb ul {
  padding-top: 11px;
  padding-bottom: 12px;
  text-align: center;
}
.breadcrumb ul a {
  display: inline-block;
  color: #433b3b;
  text-decoration: underline;
}
.breadcrumb ul a:hover {
  text-decoration: none;
}
.breadcrumb ul span {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}
.breadcrumb ul li {
  line-height: 24px;
  font-size: 10px;
  display: inline-block;
  color: #a19d9d;
  letter-spacing: 0.06em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.breadcrumb ul li a {
  display: inline-block;
  font-size: 10px;
  line-height: 24px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-sub header.relative {
  width: 900px;
  margin: 0 auto;
}

.page-sub section.guide {
  display: block;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.page-sub .wrap-all {
  width: 100%;
  max-width: 100%;
  min-width: 1000px;
}
.page-sub section.box {
  width: 100%;
}
.page-sub section.box .inbox {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.page-sub section.box .limit_box {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.page-sub .ttl {
  background: url(/img/common/sub/bg-ttl.png);
  background-repeat: repeat-x;
  background-position: left top;
  display: block;
  height: 47px;
  text-align: center;
  width:100%;
  max-width: 1000px;
  margin-left:auto;
  margin-right:auto;
}
.page-news .ttl,
.page-blog .ttl,
.page-recruit .ttl
{

}
.page-sub .ttl span {
  padding-top: 15px;
  display: block;
}
.page-sub .bb_copy {
  text-align: center;
  margin-bottom: 83px;
}
.page-sub p.box_txt {
  display: block;
  width: 564px;
  font-size: 12px;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-sub p.box_txt.en {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-sub h4.fl_tit {
  text-align: center;
  display: block;
  margin-bottom: 80px;
}

.page-sub h2.fl_tit.fl_tit_opt {
  text-align: center;
  display: block;
  margin-bottom: 80px;
}

.page-sub section.fl_box {
  padding-top: 88px;
  padding-bottom: 88px;
}
.page-sub section.fl_box .inbox {
  width: 756px;
  overflow: hidden;
}
.page-sub section.fl_box .fl_box_l {
  float: left;
  width: 342px;
}
.page-sub section.fl_box .fl_box_r {
  float: right;
  width: 342px;
}
.page-sub section.fl_box a {
  display: block;
  text-align: center;
}
.page-sub section.fl_box a img.pic {
  margin-bottom: 35px;
}
.page-sub section.bg_box {
  padding-top: 88px;
  padding-bottom: 88px;
  background: #f6f5f5 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  border-bottom: 1px solid #e7e5e5;
}

.page-sub ul.pic_list li {
  display: block;
  margin-bottom: 1px;
}
.page-sub ul.pic_list li a {
  position: relative;
  display: block;
}
.page-sub ul.pic_list li a:hover img.base {
  filter: brightness(0.8);
  -webkit-filter: brightness(0.8);
  -ms-filter: brightness(0.8);
  -o-filter: brightness(0.8);
  -moz-filter: brightness(0.8);
}
@media only screen and (max-width: 979px) {
  .page-sub ul.pic_list li a:hover img.base {
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    -moz-filter: none;
  }
}
.page-sub ul.pic_list li a img.base {
  filter: brightness(1);
  -webkit-filter: brightness(1);
  -ms-filter: brightness(1);
  -o-filter: brightness(1);
  -moz-filter: brightness(1);
  display: block;
  transition: filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -webkit-transition: -webkit-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -ms-transition: -ms-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -o-transition: -o-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -moz-transition: -moz-filter 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
}
@media only screen and (max-width: 979px) {
  .page-sub ul.pic_list li a img.base {
    filter: none;
    -webkit-filter: none;
    -ms-filter: none;
    -o-filter: none;
    -moz-filter: none;
  }
}
.page-sub ul.pic_list li a div {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
.page-sub ul.pic_list li a div img.img_tit {
  padding-top: 93px;
}

.page-sub ul.fl_link {
  width: 366px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.page-sub ul.fl_link li {
  float: right;
  width: 162px;
}
.page-sub ul.fl_link li:nth-child(odd) {
  float: left;
}

.page-collection ul.pic_list li a div img.img_tit {
  padding-top: 142px;
}

.page-concept .pic-main {
  margin-bottom: 108px;
}
.page-concept .box_txt {
  margin-bottom: 104px;
}

.page-factory .pic-main {
  margin-bottom: 88px;
}
.page-factory .bb_copy {
  margin-bottom: 52px;
}
.page-factory p.box_txt {
  width: 576px;
}

.page-history .pic-main {
  margin-bottom: 88px;
}
.page-history ul.history_list {
  width: 544px;
  background: url(/img/concept/history/bg-history3.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 97px;
  padding-bottom: 25px;
}
.page-history ul.history_list.en li {
  font-size: 16px;
  line-height: 22px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-history ul.history_list li {
  color: #433b3b;
  position: relative;
  font-size: 12px;
  line-height: 22px;
  height: 107px;
  padding-left: 153px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-history ul.history_list li.po span{
  top:0;
}
.page-history ul.history_list li span {
  display: block;
  position: absolute;
  top: -6px;
}

.page-article .pic_list {
  margin-bottom: 24px;
}
.page-article .bg_archives {
  padding-top: 89px;
  background: url(/img/article/bg-article_line.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.page-article .bg_archives .link_btn_01 {
  width: 154px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.page-article_archive .breadcrumb {
  margin-top: 47px;
}
.page-article_archive section.pos_01 {
  margin-bottom: 78px;
}
.page-article_archive section.pos_02 {
  margin-bottom: 0;
}
.page-article_archive section.pos_02 .inbox {
  width: 912px;
  overflow: hidden;
}
.page-article_archive section.pos_02 .inbox dl {
  width: 250px;
  float: left;
  margin-left: 27px;
  margin-right: 27px;
  margin-bottom: 50px;
}
.page-article_archive section.pos_02 .inbox dl.new dd span {
  padding-left: 46px;
  background: url(/img/news/ico-new.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-article_archive section.pos_02 .inbox dl dt {
  margin-bottom: 18px;
}
.page-article_archive section.pos_02 .inbox dl dd p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10px;
  line-height: 18px;
  color: #433b3b;
}
.page-article_archive section.pos_02 .inbox dl dd:hover {
  text-decoration: underline;
}
.page-article_archive section.pos_02 .inbox dl dd span.icon_new {
  display: inline-block;
  background: url(/img/common/bg-ico_new.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  line-height: 20px;
  color: #433b3b;
  width: 36px;
  height: 19px;
  letter-spacing: 0.06em;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-article_archive section.pos_02 .inbox dl dd span.icon_num {
  display: inline-block;
  background: url(/img/common/bg-ico_num.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  text-align: center;
  margin-right: 9px;
  line-height: 21px;
  color: #433b3b;
  width: 21px;
  height: 21px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-article_archive section.pos_02 .inbox dl dd h1.data {
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  color: #433b3b;
  vertical-align: top;
  margin-bottom: 12px;
  letter-spacing: 0.06em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-store section#Tokyo {
  padding-bottom: 76px;
}
.page-store .ec_link {
  color: #201616;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  display: block;
  margin-bottom: 70px;
  display: block;
}
.page-store .ec_link.en span {
  font-size: 16px;
  line-height: 21px;
  padding-right: 3px;
  letter-spacing: 0.14em;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-store .ec_link span {
  background: url(/img/sp/aftercare/htc/bg-arr.png);
  padding-left: 16px;
  display: inline;
  background-repeat: no-repeat;
  background-position: left 2px;
  border-bottom: 1px solid #b2aeae;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.14em;
  padding-bottom: 4px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-store .pic-main {
  margin-bottom: 100px;
}
.page-store .bb_copy {
  margin-bottom: 54px;
}
.page-store p.box_txt {
  margin-bottom: 50px;
}
.page-store section.store_box {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 0;
  border-bottom: none;
}
.page-store .store_box h4 {
  display: block;
  margin-bottom: 46px;
}
.page-store .store_box.pb46{
  padding-bottom: 46px;
}
.page-store .store_box h4.mb0{
  margin-bottom: 0;
}
.page-store .store_box h4 img {
  height: 11px;
}
.page-store .font-normal{
  font-size: 12px;
    line-height: 2.5;
    color: #433b3b;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    letter-spacing: 0.06em;
}
.page-store .pb90{
  padding-bottom: 20px;
  background-color: #f6f5f5;
}
.page-store .map_box {
  width: 100%;
  background-color: #f6f5f5;
  padding-top: 30px;
  padding-bottom: 113px;
}
.page-store .map_box .map_drawing {
  width: 792px;
  height: 320px;
  margin-right: auto;
  margin-left: auto;
}
.page-store .map_box .info {
  margin-top: 45px;

}
.page-store .map_box .info .info_wrap {
  width: 792px;
  margin-left: auto;
  margin-right: auto;
}
.page-store .map_box .info .info_wrap.en p.info_txt {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-store .map_box .info .info_wrap.en table tr th, .page-store .map_box .info .info_wrap.en table tr td {
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-store .map_box .info .info_wrap .info_titleWrap {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.page-store .map_box .info .info_wrap .info_titleWrap::after {
  flex-grow: 1;
  content: '';
  height: 1px;
  background: #e8e8e8;
  margin-left: 12px;
}
.page-store .map_box .info .info_wrap h5 {
  width: 119px;
}
.page-store .map_box .info .info_wrap .info_sub {
  margin-left: 10px;
  font-size: 10px;
  color: #8a8a89;
}
.page-store .map_box .info .info_wrap .info_detail_wrap {
  display: flex;
}
.page-store .map_box .info .info_wrap .info_detail {
  flex: 0 0 45%;
  margin-right: 5%;
}
.page-store .map_box .info .info_wrap .info_detail th {
  width: 75px;
  padding-bottom: 12px;
}
.page-store .map_box .info .info_wrap .info_detail td {
  padding-bottom: 12px;
}
.page-store .map_box .info .info_wrap p.info_txt {
  line-height: 21px;
  width: 100%;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.06em;
}
.page-store .map_box .info .info_wrap p.info_txt a {
  text-decoration: underline;
}
.page-store .map_box .info .info_wrap table {
  
}
.page-store .map_box .info .info_wrap table tr th {
  font-size: 12px;
  line-height: 22px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  width: 70px;
  text-align: left;
  letter-spacing: 0.06em;
}
.page-store .map_box .info .info_wrap table tr td {
  font-size: 12px;
  line-height: 22px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: left;
  letter-spacing: 0.06em;
}
.page-store .map_box .info .info_wrap table tr td a{
  text-decoration: underline;
}
.page-store .stockist {
  padding-top: 105px;
}
.page-store .stockist h5 {
  text-align: center;
  display: block;
  margin-bottom: 77px;
}
.page-store .stockist div {
  overflow: hidden;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page-store .stockist div.en {
  width: 900px;
}
.page-store .stockist div.en ul {
  width: 33%;
  margin-left: 0;
}
.page-store .stockist div.en ul li {
  font-size: 13px;
  line-height: 24px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-store .stockist div ul {
  float: left;
  width: 28%;
  margin-left: 5%;
}
.page-store .stockist div ul li {
  font-size: 12px;
  line-height: 27px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-om .pic-main {
  margin-bottom: 114px;
}
.page-om h4,
.page-om .sttl {
  text-align: center;
  margin-bottom: 16px;
}
.page-om section.pos_02 .bb_copy {
  margin-bottom: 86px;
}
.page-om section.pos_02 h4 {
  margin-bottom: 16px;
}
.page-om section.pos_02 .box_txt {
  margin-bottom: 110px;
}
.page-om section.pos_03 {
  padding-top: 104px;
  padding-bottom: 58px;
}
.page-om section.pos_03 .box_txt {
  margin-bottom: 65px;
}
.page-om section.pos_03 table th, .page-om section.pos_03 table td {
  border: 1px solid #dcdada;
}
.page-om section.pos_04 {
  padding-top: 107px;
  padding-bottom: 113px;
}
.page-om section.pos_04 .box_txt {
  margin-bottom: 78px;
}
.page-om section.pos_04 img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page-om section.pos_05 {
  padding-top: 82px;
  padding-bottom: 60px;
}
.page-om section.pos_05 h4,
.page-om section.pos_05 .sttl {
  margin-bottom: 74px;
}
.page-om section.pos_05 div {
  display: table;
  width:100%;
  background: #e8e7e7 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  margin:0 auto 50px auto;
}
.page-om section.pos_05 div dl {
  display: table-cell;
  width: 25%;
  height: 340px;
  background-color: #e4e3e3;
}
.page-om section.pos_05 div dl:nth-child(odd) {
  background-color: #edecec;
}
.page-om section.pos_05 div dl dt {
  text-align: center;
  padding-top: 60px;
  margin-bottom: 16px;
}
.page-om section.pos_05 div dl dd {
  text-align: left;
  width: 62%;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 21px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-om section.pos_05 div dl dd span {
  font-size: 11px;
}
.page-om section.pos_05 ul.atention {
  margin-left: 23%;
}
.page-om section.pos_05 ul.atention li {
  text-align: left;
  font-size: 11px;
  line-height: 20px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-om section.pos_05 ul.atention li.red {
  color: #9a5260;
}
.page-om section.pos_06 {
  padding-top: 76px;
}
.page-om section.pos_06 .contact_ttl{
  text-align: center;
/*  margin-top: 75px;*/
  margin-bottom: 63px;
}
.page-om section.pos_06 .contact_box{
  padding-top: 31px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #e7e6e6;
  margin-bottom: 40px;
  /*display: table;*/
}
.page-om section.pos_06 .contact_box .inner{
  font-size: 0;
  text-align: center;
}
.page-om section.pos_06 .contact_box dl{
  display: table;
}
.page-om section.pos_06 .contact_box .table_01 dl{
  position: relative;
  /*left: 8px;*/
}
.page-om section.pos_06 .contact_box .table_02 dl{
  position: relative;
  /*left: 38px;*/
}
.page-en.page-om section.pos_06 .contact_box .table_02 dl{
  position: relative;
  /*left: 30px;*/
}
.page-om section.pos_06 .contact_note{
  width: 900px;
  margin:0 auto;
}
.page-om section.pos_06 .contact_note p{
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     font-size: 11px;
    line-height: 20px;
    text-align: center;
      width:454px;
      padding-top: 1em;
}
.page-om section.pos_06 .contact_box dl dd{
  letter-spacing: 2px;
  vertical-align: middle;
  display: table-cell;
  font-size: 16px;
  color: #433b3b;
  line-height: 20px;
  text-align: left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-om section.pos_06 .contact_box dl dd span{
  font-size:12px;
  letter-spacing: 0.5px;
}
.page-om section.pos_06 .contact_box dl dt{
  vertical-align: top;
  display: table-cell;
  font-size: 12px;
  position: relative;
  top: 3px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-en.page-om section.pos_06 .contact_box dl dt{
  top: 4px;
}
.page-en.page-om section.pos_06 .contact_box dl dt{
  font-size: 10px!important;
}
.page-om section.pos_06 .contact_box .table_01{
  display: inline-block;
  /*display: table-cell;*/
  border-right: 1px solid #e7e6e6;
  /*text-align: left;*/
  vertical-align: middle;
  /*width: 226px;*/
  box-sizing: border-box;
  padding: 0 36px;
}
.page-en.page-om section.pos_06 .contact_box .table_01{
  /*width: 252px!important;*/
}

.page-om section.pos_06 .contact_box .table_02{
  display: inline-block;
  /*display: table-cell;*/
  border-right: 1px solid #e7e6e6;
  /*text-align: center;*/
  vertical-align: middle;
  /*width: 268px;*/
  box-sizing: border-box;
  padding: 0 36px;
}
.page-en.page-om section.pos_06 .contact_box .table_02{
  /*width: 277px;*/
}
.page-om section.pos_06 .contact_box .table_03{
  display: inline-block;
  /*display: table-cell;*/
  /*border-right: 1px solid #e7e6e6;*/
  /*text-align: left;*/
  vertical-align: middle;
  /*width: 226px;*/
  box-sizing: border-box;
  padding: 0 36px;
}
.page-en.page-om section.pos_06 .contact_box .table_01,
.page-en.page-om section.pos_06 .contact_box .table_02,
.page-en.page-om section.pos_06 .contact_box .table_03{
  padding: 0 30px;
}
/*.page-om section.pos_06 .contact_box .table_03{
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 404px;
}
.page-en.page-om section.pos_06 .contact_box .table_03{
  width: 369px;
}
.page-om section.pos_06 .contact_box .table_03 ul{
  overflow: hidden;
  position: relative;
  left: 46px;
}
.page-om section.pos_06 .contact_box .table_03 ul{
  left: 36px;
}
.page-om section.pos_06 .contact_box .table_03 ul li{
  float: left;
}
.page-om section.pos_06 .contact_box .table_03 ul li:first-child{
  margin-right: 17px;
}*/
.page-om section.pos_06 .contact_box2{
  /*width: 404px;*/
}
.page-en.page-om section.pos_06 .contact_box2{
  /*width: 369px;*/
}
.page-om section.pos_06 .contact_box2 ul{
  /*overflow: hidden;*/
  /*position: relative;*/
  /*left: 46px;*/

}
.page-om section.pos_06 .contact_box2 ul{
  font-size: 0;
  text-align: center;
}
.page-om section.pos_06 .contact_box2 ul li{
  display: inline-block;
  padding: 0 8.5px;
}
.page-om section.pos_06 .contact_box2 ul li:first-child{
}



.page-om .order_sample {
  position: relative;
  width: 1006px;
}
.page-om .order_sample a.slide_btn {
  position: absolute;
  z-index: 999;
  display: block;
}
.page-om .order_sample a.slide_btn.close {
  right: 180px;
  top: 70px;
}
.page-om .order_sample a.slide_btn.next {
  right: 148px;
  top: 35%;
}
.page-om .order_sample a.slide_btn.prev {
  left: 148px;
  top: 35%;
}
.page-om .order_sample .slide {
  position: absolute;
  width: 1004px;
  height: 100%;
  background-color: white;
  top: 0;
  border: 1px solid #dcdada;
  overflow: hidden;
  display: none;
}
.page-om .order_sample .slide .slide_wrap {
  width: 696px;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.page-om .order_sample .slide .slide_wrap .slide_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
}
.page-om .order_sample .slide .slide_wrap .slide_content.active {
  left: 0;
}
.page-om .order_sample .slide .slide_wrap .slide_content div {
  width: 100%;
  text-align: center;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.pic {
  width: 409px;
  position: relative;
  height: 383px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.pic li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.pic li.active {
  opacity: 1;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.pic li img {
  width: 100%;
  height: auto;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.ctrl {
  text-align: center;
  margin-top: -15px;
  position: relative;
  margin-bottom: 45px;
  height: 12px;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.ctrl li {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  margin: 0;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.ctrl li span {
  height: 5px;
  width: 5px;
  display: block;
  border-radius: 10px;
  background-color: #c6c4c4;
}
.page-om .order_sample .slide .slide_wrap .slide_content div ul.ctrl li.active span {
  cursor: default;
  background-color: #433b3b;
}
.page-om .order_sample .slide .slide_wrap .slide_content div h5 {
  border-top: 1px solid #e0dede;
  border-bottom: 1px solid #e0dede;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 9px;
  display: block;
  margin-bottom: 24px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #433b3b;
  letter-spacing: 0.06em;
}
.page-om .order_sample .slide .slide_wrap .slide_content div p.detail {
  color: #433b3b;
  letter-spacing: 0.06em;
  font-size: 12px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-af_index .pic-main {
  margin-bottom: 81px;
  width: 1000px;
  height: 560px;
  position: relative;
}
.page-af_index .pic-main iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.page-af_index .pic-main img.movie_cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
}
.page-af_index .show_pctb_inline {
  display: inline;
}
.page-af_index .attentionWrap {
  margin-left: auto;
  margin-right: auto;
  text-align: center;

}
.page-af_index ul.attention {
  display: inline-block;
  padding-top: 70px;
  text-align: left;
}
.page-af_index li.attention_item {
  color: #433b3b;
  font-size: 11px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.page-af_index li.attention_item + li.attention_item {
  margin-top: 10px;
}


@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "SourceHanSerifJP-SemiBold";
  src: url("/magazine/fonts/SourceHanSerifJP-SemiBold_sub.woff") format("woff"),
    url("/magazine/fonts/SourceHanSerifJP-SemiBold_sub.otf") format("opentype");
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: "SourceHanSerifJP-Regular";
  src: url("/magazine/fonts/SourceHanSerifJP-Regular_sub.woff") format("woff"),
    url("/magazine/fonts/SourceHanSerifJP-Regular_sub.otf") format("opentype");
}


.page-af_index .howtocare{
  margin-top: -40px;
  border-bottom: 1px solid #e7e6e6;
  margin-bottom: 90px;
  padding-bottom: 103px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  text-align: center;
}
.page-af_index .howtocare_link {
  transition: opacity .5s;
  display: inline-block;
  margin-bottom: 50px;
}
.page-af_index .howtocare_link:hover {
  opacity: .5;
}
.page-af_index .howtocare_box{
  width: 693px;
  margin-left: auto;
  margin-right: auto;
  background: #f6f5f5;
  padding: 30px 30px 30px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.page-af_index .howtocare_inner{
  padding-top: 10px;
  text-align: left;
}
.page-af_index .howtocare_ttl{
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", YuMincho,
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "SourceHanSerifJP-SemiBold",
    "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
  font-weight: 600;
  font-size: 15px;
  line-height: (36/15);
  letter-spacing: .1em;
}
.page-af_index .howtocare_txt{
font-size: 12px;
line-height: 2;
letter-spacing: .1em;
margin-top: 20px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.page-af_index .howtocare_img{
  flex-basis: 220px;
  margin-left: 60px;
}
.page-af_index .aftercaregoods{
}
.page-af_index .aftercaregoods_txt{
  font-size: 11px;
  line-height: (24/11);
  letter-spacing: .1em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.page-af_index .aftercaregoods_link{
  font-size: 11px;
  line-height: (24/11);
  text-decoration: underline;
  letter-spacing: .1em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  margin-top: 13px;
}
.page-af_index .aftercaregoods_link:hover {
  text-decoration: none;
}

.page-af_index section.pos_02 .bb_copy {
  margin-bottom: 71px;
}
.page-af_index section.pos_02 .inbox div {
  width: 856px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #dcdada;
  margin-bottom: 135px;
}
.page-af_index section.pos_02 dl {
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
  display: table;
  border-bottom: 1px solid #dcdada;
}
.page-af_index section.pos_02 dl.step_02 dt {
  background: url(/img/aftercare/index/ico-2.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-af_index section.pos_02 dl.step_03 dt {
  background: url(/img/aftercare/index/ico-3.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-af_index section.pos_02 dl.step_04 dt {
  background: url(/img/aftercare/index/ico-4.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-af_index section.pos_02 dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 425px;
  background: url(/img/aftercare/index/ico-1.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-af_index section.pos_02 dl dt img {
  margin-left: 115px;
}
.page-af_index section.pos_02 dl dd {
  display: table-cell;
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 21px;
  color: #433b3b;
  letter-spacing: 0.06em;
}
.page-af_index section.pos_02 dl dd span {
  font-size: 14px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-af section.fl_box .inbox {
  width: 560px;
}
.page-af section.fl_box .fl_box_l, .page-af section.fl_box .fl_box_r {
  width: 250px;
}
.page-af section.fl_box .fl_box_l a p, .page-af section.fl_box .fl_box_r a p{
  line-height: 21px;
  margin-top:21px;
  color: #433b3b;
}
.page-af section.fl_box a img.pic {
  margin-bottom: 28px;
}

.page-htc section.pos_01 p {
  text-align: center;
  padding-top: 26px;
  margin-bottom: 87px;
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: #433b3b;
  letter-spacing: 0.06em;
}
.page-htc section.pos_02 {
  margin-bottom: 49px;
}
.page-htc section.pos_02 .inbox {
  width: 912px;
  overflow: hidden;
}
.page-htc section.pos_02 .inbox dl {
  width: 250px;
  float: left;
  margin-left: 27px;
  margin-right: 27px;
  margin-bottom: 53px;
}
.page-htc section.pos_02 .inbox dl dt {
  margin-bottom: 30px;
}
.page-htc section.pos_02 .inbox dl dd {
  text-align: center;
}

.page-htc_detail .ec_link_p{
  display: inline-block;
}
.page-htc_detail .ec_link {
  text-align: center;
  display: inline-block;
  color: #201616;
  font-size: 12px;
  line-height: 21px;
  border-bottom: 1px solid #b2aeae;
  padding-left: 16px;
  background: #f6f5f5 url(/img/sp/aftercare/htc/bg-arr.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-bottom: 2px;
  margin-bottom: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      margin-right: 20px;
    margin-left: 20px;
}
.page-htc_detail .ec_link span {
  font-size: 16px;
  line-height: 21px;
  padding-right: 3px;
  letter-spacing: 0.14em;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-htc_detail .ec_link.wax {
  margin-left: 60px;
}
.page-htc_detail section.pos_01 {
  margin-bottom: 60px;
}
.page-htc_detail section.pos_02 {
  margin-bottom: 53px;
}
.page-htc_detail section.pos_02 .inbox {
  width: 900px;
}
.page-htc_detail section.pos_02 .inbox .pic-main {
  margin-bottom: 58px;
}
.page-htc_detail section.pos_02 .inbox .bb_copy {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  display: block;
  margin-bottom: 19px;
  color: #201616;
}
.page-htc_detail section.pos_02 .inbox .bb_copy span {
  display: inline;
  border-bottom: 1px solid #726c6c;
  letter-spacing: 0.14em;
  padding-bottom: 4px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-htc_detail section.pos_02 .inbox h3 {
  color: #5b5454;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.1em;
}
.page-htc_detail section.detail_box {
  margin-bottom: 69px;
}
.page-htc_detail section.detail_box .inbox {
  width: 900px;
  text-align: center;
  overflow: hidden;
  background: #f6f5f5 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding-top: 65px;
  padding-bottom: 50px;
}
.page-htc_detail section.detail_box .inbox dl {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #d2d0d0;
  padding-bottom: 61px;
  margin-bottom: 62px;
}
.page-htc_detail section.detail_box .inbox dl dt {
  text-align: center;
  margin-bottom: 38px;
  font-size: 14px;
  color: #201616;
  line-height: 26px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-htc_detail section.detail_box .inbox dl dd {
  text-align: left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #5b5454;
  width: 624px;
  margin-left: auto;
  margin-right: auto;
}
.page-htc_detail section.detail_box .inbox dl dd p {
  font-size: 12px;
  line-height: 21px;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-htc_detail section.detail_box .inbox dl dd ul li {
  list-style: initial;
  margin-left: 1.5em;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-htc_detail section.detail_box .inbox dl dd ul li span {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}
.page-htc_detail section.detail_box .inbox dl.red {
  margin-bottom: 69px;
}
.page-htc_detail section.detail_box .inbox dl.red dt {
  color: #9a5260;
  font-size: 12px;
}
.page-htc_detail section.detail_box .inbox dl.red dt.dt2 {
  margin-bottom: 30px;
}
.page-htc_detail section.detail_box .inbox dl.red dd {
  color: #9a5260;
}
.page-htc_detail section.detail_box .inbox dl.red dd li {
  color: #9a5260;
}
.page-htc_detail section.detail_box .inbox dl.red dd.bb {
  padding-bottom: 35px;
  margin-bottom: 30px;
  background: url(/img/common/bg-dl.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.page-htc_detail ul.htc-pager {
  text-align: center;
  margin-bottom: 50px;
}
.page-htc_detail ul.htc-pager li {
  display: inline-block;
  color: #dddddd;
  font-size: 12px;
  line-height: 24px;
  margin: 0 10px;
}
.page-htc_detail ul.htc-pager li a {
  color: #433b3b;
  font-size: 12px;
  line-height: 24px;
}
.page-htc_detail .link_btn_01 {
  width: 138px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 100px;
}

.page-news section.pos_01 {
  margin-bottom: 90px;
}

.page-news_index .breadcrumb {
  margin-top: 91px;
}
.page-news_index section.pos_02 {
  margin-bottom: 90px;
}
.page-news_index section.pos_02 .inbox {
  width: 856px;
  overflow: hidden;
  border-top: 1px solid #dcdada;
}
.page-news_index section.pos_02 .inbox a:hover h1 {
  text-decoration: underline;
}
.page-news_index section.pos_02 .inbox dl {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: table;
  border-bottom: 1px solid #dcdada;
}
.page-news_index section.pos_02 .inbox dl.new dd span {
  padding-left: 46px;
  background: url(/img/news/ico-new.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.page-news_index section.pos_02 .inbox dl dt {
  margin-bottom: 12px;
  display: table-cell;
  vertical-align: top;
  width: 350px;
}
.page-news_index section.pos_02 .inbox dl dd {
  display: table-cell;
  vertical-align: middle;
}
.page-news_index section.pos_02 .inbox dl dd h1 {
  font-size: 14px;
  line-height: 24px;
  color: #201616;
  display: block;
  letter-spacing: 0.12em;
  margin-bottom: 5px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-news_index section.pos_02 .inbox dl dd p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 22px;
  color: #5b5454;
  padding-top: 22px;
}
.page-news_index section.pos_02 .inbox dl dd span.icon {
  display: inline-block;
  background: url(/img/common/bg-ico_new.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  line-height: 20px;
  color: #433b3b;
  width: 36px;
  height: 19px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-news_index section.pos_02 .inbox dl dd span.data {
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  color: #898484;
  height: 19px;
  letter-spacing: 0.1em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-news_index section.pos_02 .inbox dl dd img {
  max-width: 100%;
}
.page-news_index .pager ul.page_navi {
  text-align: center;
}
.page-news_index .pager ul.page_navi ul.page-numbers .prev a[href="javascript:void(0);"],
.page-news_index .pager ul.page_navi ul.page-numbers .next a[href="javascript:void(0);"]{
  display:none;
}

.page-news_index .pager ul.page_navi ul.page-numbers li {
  display: inline-block;
  color: #a19d9d;
  font-size: 16px;
  line-height: 29px;
  margin: 0 16px;
}
.page-news_index .pager ul.page_navi ul.page-numbers li a {
  color: #433b3b;
  font-size: 16px;
  line-height: 29px;
}
.page-news_index .pager ul.page_navi ul.page-numbers li a:hover {
  text-decoration: underline;
}
.page-news_index .pager ul.page_navi ul.page-numbers .index{
  position: relative;
    width: 143px;
  height: 47px;

}
.page-news_index .pager ul.page_navi ul.page-numbers .index a{
  position: absolute;
  top:18px;
    width: 143px;
  height: 47px;
  left:0;
}
.page-news_index .pager ul.page_navi ul.page-numbers .index,
.page-news_index .pager ul.page_navi ul.page-numbers .prev,
.page-news_index .pager ul.page_navi ul.page-numbers .next{
  -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}
.page-news_index .pager ul.page_navi ul.page-numbers .index:hover,
.page-news_index .pager ul.page_navi ul.page-numbers .prev:hover,
.page-news_index .pager ul.page_navi ul.page-numbers .next:hover{
  opacity: 0.6;
}

.page-news_detail .breadcrumb {
  margin-top: 98px;
}
.page-news_detail ul.news-pager {
  text-align: center;
}
.page-news_detail ul.news-pager li {
  display: inline-block;
  color: #dddddd;
  font-size: 12px;
  line-height: 24px;
  margin: 0 10px;
}
.page-news_detail ul.news-pager li a {
  color: #433b3b;
  font-size: 12px;
  line-height: 24px;
}

/*add 181220*/
.page-news_index.page-blog_detail section.pos_02 .inbox{
  overflow: visible;
}
.page-news_index.page-blog_detail section.pos_02 .inbox.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* .blogBanner {} */

.blogBanner__link {
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.blogBanner__link:hover,
.blogBanner__link:focus-visible {
  opacity: 0.7;
}

.blogBanner__image {
  width: 100%;
  height: auto;
}

.page-company .ttl_box {
  margin-bottom: 87px;
}
.page-company section.detail_box .link_btn_01 {
  width: 138px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page-company section.detail_box .inbox {
  width: 700px;
}
.page-company section.detail_box table {
  width: 100%;
  margin-bottom: 60px;
  border-top: 1px solid #dcdada;
}
.page-company section.detail_box table.en tr th, .page-company section.detail_box table.en tr td, .page-company section.detail_box table.en tr dt, .page-company section.detail_box table.en tr dd {
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: justify !important;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.page-company section.detail_box table tr {
  border-bottom: 1px solid #dcdada;
}
.page-company section.detail_box table tr th {
  vertical-align: top;
  font-size: 12px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 15px 0 16px 0;
  color: #5b5454;
  width: 212px;
}
.page-company section.detail_box table tr td {
  vertical-align: top;
  font-size: 12px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 15px 0 16px 0;
  color: #5b5454;
}
.page-company section.detail_box table tr td.dl {
  padding: 0;
}
.page-company section.detail_box table tr td dl {
  border-bottom: 1px solid #dcdada;
  padding: 15px 0 16px 0;
}
.page-company section.detail_box table tr td dl.last {
  border-bottom: none;
}
.page-company section.detail_box table tr td dl dt {
  font-size: 12px;
  line-height: 21px;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-company section.detail_box table tr td dl dd {
  font-size: 12px;
  line-height: 21px;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-recruit section.ttl_box p {
  padding-top: 66px;
  margin-bottom: 76px;
  width: 600px;
}
.page-recruit section.detail_box {
  margin-bottom: 69px;
}
.page-recruit section.detail_box .inbox {
  width: 900px;
  overflow: hidden;
  background: #f6f5f5 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding-top: 68px;
  padding-bottom: 0px;
  border-bottom: 1px solid #e7e5e5;
}
.page-recruit section.detail_box .inbox div {
  margin-bottom: 70px;
}
.page-recruit section.detail_box .inbox div th, .page-recruit section.detail_box .inbox div td, .page-recruit section.detail_box .inbox div a {
  font-size: 12px;
  line-height: 21px;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-recruit section.detail_box .inbox div.pos01 table {
  width: 700px;
  border: 1px solid #d0cece;
  border-left: 1px solid #898484;
}
.page-recruit section.detail_box .inbox div.pos01 table tr th {
  padding: 13px 16px 14px 20px;
  width: 107px;
  color: #f3f3f3;
  background: #5b5454;
  border-top: 1px solid #898484;
}
.page-recruit section.detail_box .inbox div.pos01 table tr td {
  padding: 13px 16px 14px 20px;
  background: white;
  color: #5b5454;
  border-bottom: 1px solid #d0cece;
}
.page-recruit section.detail_box .inbox div.pos02 p {
  margin-bottom: 18px;
  width: 600px;
}
.page-recruit section.detail_box .inbox div.pos02 table {
  width: 600px;
  border-top: 1px solid #d0cece;
}
.page-recruit section.detail_box .inbox div.pos02 table tr {
  border-bottom: 1px solid #d0cece;
}
.page-recruit section.detail_box .inbox div.pos02 table tr th {
  padding: 14px 0 14px 0;
  width: 163px;
}
.page-recruit section.detail_box .inbox div.pos02 table tr td {
  padding: 14px 0 14px 0;
}
.page-recruit section.detail_box .inbox div.pos02 table tr td a {
  text-decoration: underline;
}
.page-recruit section.detail_box .inbox div.pos02 table tr td a:hover {
  text-decoration: none;
}
.page-recruit section.detail_box .inbox div.pos03 table {
  width: 700px;
  border-top: 1px solid #d0cece;
}
.page-recruit section.detail_box .inbox div.pos03 table tr {
  border-bottom: 1px solid #d0cece;
}
.page-recruit section.detail_box .inbox div.pos03 table tr th {
  padding: 14px 0 14px 0;
  width: 211px;
}
.page-recruit section.detail_box .inbox div.pos03 table tr td {
  padding: 14px 0 14px 0;
}
.page-recruit section.detail_box .inbox div h3 {
  margin-bottom: 36px;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  color: #201616;
  letter-spacing: 0.1em;
}
.page-recruit section.detail_box .inbox div table {
  margin-left: auto;
  margin-right: auto;
}
.page-recruit section.detail_box .inbox div table tr th, .page-recruit section.detail_box .inbox div table tr td {
  font-size: 12px;
  line-height: 24px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.page-privacy section.ttl_box p {
  padding-top: 70px;
  width: 600px;
  margin-bottom: 76px;
}
.page-privacy section.detail_box .inbox {
  width: 900px;
  overflow: hidden;
  background: #f6f5f5 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding-top: 65px;
  padding-bottom: 36px;
  border-bottom: 1px solid #e7e5e5;
}
.page-privacy section.detail_box .inbox div {
  width: 708px;
  margin-left: auto;
  margin-right: auto;
}
.page-privacy section.detail_box .inbox div dl {
  margin-bottom: 27px;
}
.page-privacy section.detail_box .inbox div dl dt {
  font-weight: bold;
  font-size: 12px;
  line-height: 26px;
  color: #5b5454;
  letter-spacing: 0.1em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-privacy section.detail_box .inbox div dl dd {
  font-size: 12px;
  line-height: 26px;
  color: #5b5454;
  text-align: justify;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-privacy section.detail_box .inbox div dl dd ul li {
  display: flex;
  font-size: 12px;
  line-height: 26px;
  color: #5b5454;
  text-align: justify;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-privacy section.detail_box .inbox div dl dd ul li span.dot:first-of-type {
  width: auto;
}
.page-privacy section.detail_box .inbox div dl dd ul li span:first-of-type {
  width: 24px;
}
.page-privacy section.detail_box .inbox div dl dd ul li span:nth-of-type(2) {
  flex: 1;
}
.page-privacy section.detail_box .inbox div dl dd a {
  font-size: 12px;
  line-height: 26px;
  color: #5b5454;
  display: block;
  text-indent: -1.5em;
  margin-left: 1.5em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-privacy section.detail_box .inbox div dl dd a:hover {
  text-decoration: underline;
}
.page-privacy section.contact_box {
  text-align: center;
}
.page-privacy section.contact_box .bb_copy {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  display: block;
  margin-bottom: 33px;
  color: #201616;
}
.page-privacy section.contact_box .bb_copy span {
  display: inline;
  border-bottom: 1px solid #726c6c;
  letter-spacing: 0.05em;
  padding-bottom: 9px;
}
.page-privacy section.contact_box p {
  font-size: 12px;
  color: #201616;
  line-height: 26px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-privacy .last-revised-date {
  font-size: 12px;
  color: #5b5454;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: right;
}

.page-terms section.detail_box {
  margin-top: 70px;
}
.page-terms section.detail_box .inbox {
  width: 900px;
  overflow: hidden;
  background: #f6f5f5 url(/img/common/sub/bg-wborder.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding-top: 65px;
  padding-bottom: 36px;
  border-bottom: 1px solid #e7e5e5;
}
.page-terms section.detail_box .inbox > div {
  width: 708px;
  margin-left: auto;
  margin-right: auto;
}
.terms {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 26px;
}
.terms section + section {
  margin-top: 27px;
}
.terms h2,
.terms h3 {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: 0.1em;
  color: #000;
}
.terms h2 {
  font-weight: 700;
}
.terms div,
.terms p,
.terms li {
  font-family: inherit;
  font-size: inherit;
  color: #5b5454;
}
.terms__body {
  text-align: justify;
}
.terms__list {
  display: table;
  list-style-type: none;
}
.terms__list > li {
  display: table-row;
}
.terms__list li > div {
  display: table-cell;
}
.terms__list li > div:first-child {
  padding-right: 3px;
}

.page-en.page-contact_index section.box.contact_list {
  width: 800px;
}
.page-contact_index section.box.contact_list {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.page-contact_index section.box.contact_list div.tel {
  border: 1px solid #dcdada;
  width: 100%;
  text-align: center;
  height: 104px;
  display: table;
}
.page-contact_index section.box.contact_list div.tel p {
  font-size: 26px;
  line-height: 104px;
  letter-spacing: 0.1em;
  color: #5b5454;
  margin:0;
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}
.page-contact_index section.box.contact_list div.tel span{
  display: block;
}
.page-contact_index section.box.contact_list div.tel span.num{
  font-size: 26px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-style: normal;
  color: #5b5454;
}
.page-contact_index section.box.contact_list h2 {
  font-size: 12px;
  line-height: 50px;
  color: #201616;
  width: 100%;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #dcdada;
  border-bottom: none;
  height: 50px;
  letter-spacing: 0.06em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact_index section.box.contact_list h3 {
  font-size: 12px;
  line-height: 50px;
  color: #201616;
  width: 100%;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #dcdada;
  border-bottom: none;
  height: 50px;
  letter-spacing: 0.06em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact_index section.box.contact_list dl {
  display: table;
  border: 1px solid #dcdada;
  border-bottom: none;
  width: 100%;
}
.page-contact_index section.box.contact_list dl.bd_bm{
  border-bottom: 1px solid #dcdada;
}
.page-en.page-contact_index section.box.contact_list dl dt{
  height: 140px;
  width: 598px;
}
.page-contact_index section.box.contact_list dl dt {
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 498px;
  /*color: #201616;*/
  color: #5b5454;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.03em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact_index section.box.contact_list dl dt span {
  padding-left: 46px;
  font-size: 20px;
  letter-spacing: 2px;
}
.page-en.page-contact_index section.box.contact_list dl dt span{
  padding:3px 0px 3px 46px;
}
.page-contact_index section.box.contact_list dl dt span.store_name{
  padding-left: 0px;
  font-size: 14px;
}
.page-en.page-contact_index section.box.contact_list dl dt span.store_name{
  display: inline-block;
  width: 164px;
}
.page-contact_index section.box.contact_list dl dt span.store_name.store_pd{
  padding-right: 16px;
}
.page-contact_index section.box.contact_list dl dt span.store_time{
  padding-left: 0px;
  font-size: 12px;
  letter-spacing: 0.8px;
}
.page-contact_index section.box.contact_list dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-right: 41px;
}

.page-contact .fl_link li {
  height: 53px;
}
.page-contact h3.bb_copy {
  text-align: center !important;
  display: block;
  color: #201616;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 40px !important;
  letter-spacing: 0.03em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact h3.bb_copy span {
  display: inline;
  border-bottom: 1px solid #726c6c;
  letter-spacing: 0.14em;
  padding-bottom: 4px;
}
.page-contact .breadcrumb {
  margin-top: 99px;
}
.page-contact section.ttl_box {
  margin-bottom: 50px;
}
.page-contact section.ttl_box p {
  padding-top: 50px;
  margin-bottom: 50px;
}
.page-contact section.detail_box {
  margin-bottom: 49px;
}
.page-contact section.detail_box img.atention {
  margin-right: 0;
  margin-left: auto;
  display: block;
  margin-bottom: 10px;
}
.page-contact section.detail_box .inbox {
  width: 700px;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 17px;
}
.page-contact section.detail_box .inbox table {
  width: 700px;
  border-top: 1px solid #d0cece;
}
.page-contact section.detail_box .inbox table tr {
  border-bottom: 1px solid #d0cece;
}
.page-contact section.detail_box .inbox table tr th {
  width: 212px;
}
.page-contact section.detail_box .inbox table tr th.required {
  background: url(/img/contact/ico-required.png);
  background-repeat: no-repeat;
  background-position: 186px center;
}
.page-contact section.detail_box .inbox h3 {
  margin-bottom: 20px;
  text-align: center;
}
.page-contact section.detail_box .inbox table {
  margin-left: auto;
  margin-right: auto;
}
.page-contact section.detail_box .inbox table tr th, .page-contact section.detail_box .inbox table tr td {
  font-size: 12px;
  line-height: 21px;
  padding: 6px 0;
  color: #5b5454;
  vertical-align: middle;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact section.detail_box .inbox table tr th input, .page-contact section.detail_box .inbox table tr th textarea, .page-contact section.detail_box .inbox table tr td input, .page-contact section.detail_box .inbox table tr td textarea {
  background: #f6f5f5;
  border: none;
  padding: 7px 12px 5px 12px;
  font-size: 12px;
  line-height: 21px;
  outline: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact section.detail_box .inbox table tr.form_01 input, .page-contact section.detail_box .inbox table tr.form_02 input {
  width: 214px;
  margin-right: 0px;
}
.page-contact section.detail_box .inbox table tr.form_01 input:first-child, .page-contact section.detail_box .inbox table tr.form_02 input:first-child {
  margin-right: 10px;
}
.page-contact section.detail_box .inbox table tr.form_03 input {
  width: 63px;
}
.page-contact section.detail_box .inbox table tr.form_03 input.post_02 {
  width: 93px;
  margin-right: 10px;
}
.page-contact section.detail_box .inbox table tr.form_03 span.span_01 {
  display: inline-block;
  padding: 0 3px;
}
.page-contact section.detail_box .inbox table tr.form_03 span.span_02 {
  display: inline-block;
  padding: 0 6px;
}
.page-contact section.detail_box .inbox table tr.form_07 input {
  width: 116px;
}
.page-contact section.detail_box .inbox table tr.form_07 span {
  padding: 0 9px;
}
.page-contact section.detail_box .inbox table tr.form_05 input, .page-contact section.detail_box .inbox table tr.form_06 input, .page-contact section.detail_box .inbox table tr.form_08 input {
  width: 100%;
}
.page-contact section.detail_box .inbox table tr.form_09 th, .page-contact section.detail_box .inbox table tr.form_09 td {
  vertical-align: top;
  padding: 6px 0 0 0;
}
.page-contact section.detail_box .inbox table tr.form_09 th {
  padding-top: 14px;
  background-position: 186px 22px;
}
.page-contact section.detail_box .inbox table tr input {
  line-height: 21px;
}
.page-contact section.detail_box .inbox table tr textarea {
  width: 100%;
  height: 265px;
}
.page-contact section.detail_box .inbox table tr .sel_box {
  height: 34px;
  position: relative;
}
.page-contact section.detail_box .inbox table tr .sel_box .js-sel_txt,
.page-contact section.detail_box .inbox table tr .sel_box .sel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact section.detail_box .inbox table tr .sel_box .js-sel_txt{
  width: 240px;
  height: 34px;
  color: #5b5454;
  background-color: white;
  border-top: 1px solid #e0dcd2;
  border-bottom: 1px solid #e0dcd2;
  border-left: 1px solid #e0dcd2;
  cursor: pointer;
  padding: 6px 30px 0 12px;
  background-image: url(/img/contact/bg-selectbtn.png);
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 12px;
  line-height: 21px;
  white-space: nowrap;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-contact section.detail_box .inbox table tr .sel_box .selectbox {
  width: 240px;
  height: 34px;
  color: #5b5454;
  background-color: white;
  border-top: 1px solid #e0dcd2;
  border-bottom: 1px solid #e0dcd2;
  border-left: 1px solid #e0dcd2;
  border-right-style: none;
  cursor: pointer;
  padding: 6px 30px 6px 12px;
  background-image: url(/img/contact/bg-selectbtn.png);
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 12px;
  line-height: 21px;
  white-space: nowrap;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 0;
}
.page-contact section.detail_box .inbox table tr .sel_box .sel {
/*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01);
  opacity: 0.01;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.page-contact section.detail_box .inbox table tr .sel_box .sel::-ms-expand {
    display: none;
}
.page-contact p.attentionComment {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 26px;
  color: #9a5260;
  max-width: 740px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.page-sitemap .ttl_box {
  margin-bottom: 78px;
}
.page-sitemap section.detail_box .inbox {
  width: 700px;
}
.page-sitemap section.detail_box .inbox a {
  font-size: 14px;
  line-height: 26px;
  color: #5b5454;
  background: url(/img/sitemap/arr.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  padding-left: 10px;
}
.page-sitemap section.detail_box .inbox a:hover {
  text-decoration: underline;
}
.page-sitemap section.detail_box .inbox a.hira {
  color: #5b5454;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-sitemap section.detail_box table {
  width: 100%;
  margin-bottom: 60px;
  border-top: 1px solid #d0cece;
}
.page-sitemap section.detail_box table.en a.hira {
  font-size: 16px;
  line-height: 26px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-sitemap section.detail_box table tr {
  border-bottom: 1px solid #d0cece;
}
.page-sitemap section.detail_box table tr th {
  vertical-align: top;
  padding: 13px 0 13px 0;
  width: 212px;
  text-align: left;
}
.page-sitemap section.detail_box table tr td {
  vertical-align: top;
  padding: 13px 0 13px 0;
}
.page-sitemap section.detail_box table tr td.p0 {
  padding: 8px 0;
}
.page-sitemap section.detail_box table tr td ul li {
  border-top: 1px solid #d0cece;
  padding: 4px 0;
}
.page-sitemap section.detail_box table tr td ul li a.hira {
  padding-top: 3px;
  padding-bottom: 3px;
}
.page-sitemap section.detail_box table tr td ul li:nth-child(2) {
  border-top: none;
}
.page-sitemap section.detail_box table tr td ul li:nth-child(1) {
  border-top: none;
}
.page-sitemap section.detail_box table tr td ul li.btno {
  border-top: none;
}
.page-sitemap section.detail_box table tr td ul li.sp {
  display: none;
}

body.article_5 #change_pic {
  width: 839px;
  margin-left: auto;
  margin-right: auto;
}
body.article_5 #change_pic ul.change_nav {
  display: table;
  border: 1px solid #d0cece;
  border-right: none;
  width: 100%;
}
body.article_5 #change_pic ul.change_nav li {
  display: table-cell;
  border-right: 1px solid #d0cece;
  background-color: #f6f5f5;
  width: 14.28%;
  text-align: center;
  vertical-align: middle;
  height: 70px;
  color: #433b3b;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -webkit-transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -moz-transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -o-transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -ms-transition: all 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
}
body.article_5 #change_pic ul.change_nav li:hover, body.article_5 #change_pic ul.change_nav li.active {
  background-color: white;
}

body.article_5 #change_pic ul.change_nav li a {
  display: inline-block;
  padding: 0 5px;
}
body.article_5 #change_pic .change_content {
  width: 100%;
  border: 1px solid #d0cece;
  border-top: none;
  height: 487px;
  background-image: url(/img/article/5/pic-main.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
body.article_5 #change_pic .change_content.hide {
  background-image: none;
}
body.article_5 #change_pic .change_content a.close {
  position: absolute;
  bottom: 30px;
  right: 25px;
  z-index: 9999;
  opacity: 0;
  display: block;
}
body.article_5 #change_pic .change_content ul {
  width: 100%;
  height: 100%;
}
body.article_5 #change_pic .change_content ul li {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
body.article_5 #change_pic .change_content ul li p {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 21px;
  color: #433b3b;
  opacity: 0;
  z-index: 5002;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.article_5 #change_pic .change_content ul li p.txt0 {
  top: 75px;
  left: 509px;
}
body.article_5 #change_pic .change_content ul li p.txt1 {
  top: 50px;
  left: 497px;
}
body.article_5 #change_pic .change_content ul li p.txt2 {
  top: 73px;
  left: 507px;
}
body.article_5 #change_pic .change_content ul li p.txt3 {
  top: 406px;
  left: 39px;
}
body.article_5 #change_pic .change_content ul li p.txt4 {
  top: 159px;
  left: 532px;
}
body.article_5 #change_pic .change_content ul li p.txt5 {
  top: 176px;
  left: 509px;
}
body.article_5 #change_pic .change_content ul li p.txt6 {
  top: 173px;
  left: 579px;
}

body.page-en.article_5 #change_pic .change_content ul li p.txt0 {
  top: 75px;
  left: 548px;
  padding-right: 20px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt1 {
  top: 50px;
  left: 497px;
  padding-right: 20px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt2 {
  top: 73px;
  left: 507px;
  padding-right: 20px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt3 {
  top: 373px;
  left: 39px;
  padding-right: 70px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt4 {
  top: 159px;
  left: 532px;
  padding-right: 20px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt5 {
  top: 86px;
  left: 509px;
  padding-right: 20px;
}
body.page-en.article_5 #change_pic .change_content ul li p.txt6 {
  top: 153px;
  left: 519px;
  padding-right: 20px;
}

body.article_5 #change_pic .change_content ul li img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
body.article_5 #change_pic .change_content ul li img.base {
  z-index: 5000;
  opacity: 0;
}
body.article_5 #change_pic .change_content ul li img.pic {
  z-index: 5001;
  opacity: 0;
}

#nav-bottom-1 ul {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
}

#nav-bottom-1 ul li {
  height: 24px;
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
  margin: 0 2px;
}

#nav-bottom-1 ul li a {
  text-indent: -500px;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/common/footer/bg-footer-divide.png) no-repeat right center;
}

#nav-bottom-1 ul li.footer-company {
  width: 103px;
  background: url(/img/common/footer/footer-company.svg);
}

#nav-bottom-1 ul li.footer-recruit {
  width: 99px;
  background: url(/img/common/footer/footer-recruit.svg);
}

#nav-bottom-1 ul li.footer-privacy {
  width: 96px;
  background: url(/img/common/footer/footer-privacy.svg);
}

#nav-bottom-1 ul li.footer-contact {
  width: 99px;
  background: url(/img/common/footer/footer-contact.svg);
}

#nav-bottom-1 ul li.footer-sitemap {
  width: 99px;
  background: url(/img/common/footer/footer-sitemap.svg);
}

/* #nav-bottom-1 ul li.footer-sitemap a {} */

#nav-bottom-1 ul li.footer-instagram {
  width: 35px;
  background: url(/img/common/footer/icon_insta.png);
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: left center;
  margin-left: -3px;
  position: relative;
  top: -1px;
}

#nav-bottom-1 ul li.footer-instagram a {
  background: none;
}

#nav-bottom-1 ul li.footer-facebook {
  width: 46px;
  background: url(/img/common/footer/icon_fb.png);
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: center center;
  position: relative;
  top: -1px;
}

#nav-bottom-1 ul li.footer-facebook a {
  background: none;
}

#nav-bottom-2 ul {
  display: flex;
  justify-content: center;
  width: 654px;
  margin: 0 auto 58px;
  padding-top: 20px;
  border-top: solid 1px #e7e6e6;
}

#nav-bottom-2 ul li {
  border-left: solid 1px #e7e6e6;
  padding-left: 24px;
  margin-left: 23px;
  line-height: 13px;
}

#nav-bottom-2 ul li:first-child {
  border: none;
  padding-left: 0;
  margin-left: 6px;
}

.mailMagazineRegistration {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.mailMagazineRegistration__title {
  font-family: "Rokkitt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #5b5454;
}

.mailMagazineRegistration__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 微調整する。 */
  /* margin-top: 20px; */
  margin-top: 16px;
}

/* 1. ec-style.css の input[type='email'] のスタイルを上書きする。 */
.mailMagazineRegistration__email.mailMagazineRegistration__email {
  box-sizing: border-box;
  border: 1px solid #dcdada; /* 1 */
  padding: 0 10px; /* 1 */
  width: 246px;
  height: 30px;
  background: transparent; /* 1 */
}

.mailMagazineRegistration__email::placeholder {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: #a19d9d;
}

.mailMagazineRegistration__label {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.12em;
  color: #433b3b;
}

.mailMagazineRegistration__label input[type='checkbox'] {
  /**
   * チェックボックスを display: none; すると、
   * タブフォーカスができなくなったり、読み上げがされなくなったりしてしまうので、
   * display: block; を指定しつつ（display: none; を上書きしつつ）、
   * visually hidden を指定して視覚的に非表示にする。
   */
  display: block;
  position: absolute;
  left: 7px; /* バリデーションエラーの表示位置のために指定する */
  bottom: 0; /* バリデーションエラーの表示位置のために指定する */
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.mailMagazineRegistration__label a {
  text-decoration: underline;
  text-underline-position: under;
  color: inherit;
}

.mailMagazineRegistration__checkbox {
  box-sizing: border-box;
  margin-right: 10px;
  border: 1px solid #959191;
  width: 15px;
  height: 15px;
}

.mailMagazineRegistration__label input[type='checkbox']:checked + .mailMagazineRegistration__checkbox {
  border-color: #201616;
  background: #201616;
}

.mailMagazineRegistration__submit {
  display: block;
  margin-top: 20px;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 123px;
  height: 28px;
  font-family: "Rokkitt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #ecebeb;
  color: #7b6f6f;
  cursor: pointer;
}

.mailMagazineRegistration__notice {
  /* 微調整する。 */
  /* margin: calc(20px - (12px - 10px) / 2) 0 calc(-1 * (12px - 10px) / 2); */
  margin: 17px 0 calc(-1 * (12px - 10px) / 2);
  text-align: center;
}

.mailMagazineRegistration__notice p {
  font-size: 10px;
  line-height: 1.75;
  letter-spacing: 0.12em;
  color: #a19d9d;
}

footer .pagetop {
  display: none;
}
footer .lang {
  width: 81px;
  margin: 0 auto 78px auto;
}
footer .lang ul {
  overflow: hidden;
  *zoom: 1;
  background: url(/img/common/footer/bg-footer-lang.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
footer .lang li {
  height: 24px;
  width: 24px;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer .lang li.current {
  border-radius: 50%;
  background: #e7e6e6;
}
footer .lang li.jp {
  float: left;
}
footer .lang li.en {
  float: right;
}
footer .copyright {
  padding-bottom: 100px;
  color: #cdbec7;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.2em;
  font-family: "Rokkitt", HelveticaNeue, Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.aritcle-pager {
  text-align: center;
  margin-top: 55px;
}
ul.aritcle-pager.ptfix {
  padding-top: 67px;
}
ul.aritcle-pager li {
  display: inline-block;
  color: #dddddd;
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle;
}
ul.aritcle-pager li.disable {
  opacity: 0.5;
}
ul.aritcle-pager li.back {
  width: 137px;
  margin: 0 11px;
}
ul.aritcle-pager li.back img {
  width: 100%;
}

body.page-article_detail p a {
  text-decoration: underline;
  color: #433b3b;
}
body.page-article_detail p a:hover {
  text-decoration: none;
}
body.page-article_detail .breadcrumb {
  margin-top: 96px;
}
body.page-article_detail .fl_box {
  overflow: hidden;
}
body.page-article_detail .fl_box .fl_box_r {
  float: right;
}
body.page-article_detail .fl_box .fl_box_l {
  float: left;
}
body.page-article_detail dl.talk {
  display: table;
  width: 100%;
  margin-bottom: 21px;
}
body.page-article_detail dl.talk.nomb {
  margin-bottom: 0;
}
body.page-article_detail dl.talk dt {
  display: table-cell;
  width: 48px;
  vertical-align: top;
  font-size: 12px;
  line-height: 21px;
  color: #433b3b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-en.page-article_detail dl.talk dt{
  width: 65px;
}
body.page-article_detail dl.talk dd {
  display: table-cell;
  vertical-align: top;
  text-align: justify;
  color: #433b3b;
  font-size: 12px;
  line-height: 21px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-article_detail .talk_pic {
  margin-bottom: 10px;
  width: 440px;
  display: block;
  margin-left: auto;
  padding-top: 6px;
}
body.page-article_detail .talk_txt {
  display: block;
  margin-left: auto;
  width: 440px;
  color: #433b3b;
  font-size: 10px;
  line-height: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-article_detail .dn2 {
  display: none;
}
body.page-article_detail .box-vam {
  display: table;
  width: 100%;
}
body.page-article_detail .box-vam .box-cell {
  display: table-cell;
  vertical-align: middle;
}
body.page-article_detail .box-vam .box-cell.w500 {
  width: 500px;
}
body.page-article_detail .box-vam .box-cell.w220 {
  width: 220px;
}
body.page-article_detail .divide-line {
  padding-bottom: 64px;
  margin-bottom: 64px;
  border-bottom: 1px solid #dcdada;
}
body.page-article_detail .section-style1 h2,
body.page-article_detail .section-style1 h3 {
  margin-bottom: 36px;
}
body.page-article_detail .section-style1 p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
}
body.page-article_detail .section-style1 p.addmb {
  margin-bottom: 30px;
}
body.page-article_detail .section-style2 h2,
body.page-article_detail .section-style2 h3 {
  margin-bottom: 21px;
}
body.page-article_detail .section-style2 p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
}
body.page-article_detail .section-style2 p.addmb {
  margin-bottom: 30px;
}
body.page-article_detail .article-table {
  width: 100%;
}
body.page-article_detail .article-table th {
  background-color: #efeeee;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #d0cece;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 18px 0;
  width: 33.33333%;
  box-sizing: border-box;
}
body.page-article_detail .article-table td {
  background-color: white;
  padding: 27px 30px;
  text-align: justify;
  border-collapse: collapse;
  border: 1px solid #d0cece;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
}
body.page-en.page-article_detail .article-table td {
  text-align: left;
}
body.page-article_detail .box-gray {
  background-color: #f6f5f5;
  padding: 46px 46px 40px 46px;
}
body.page-article_detail .box-gray h2,
body.page-article_detail .box-gray h3,
body.page-article_detail .box-gray h4 {
  margin-bottom: 16px;
}
body.page-article_detail .box-gray p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
}
body.page-article_detail .box-related {
  width: 900px;
  margin: 0 auto;
}
body.page-article_detail .box-related h2,
body.page-article_detail .box-related h3,
body.page-article_detail .box-related h4 {
  padding-bottom: 22px;
  border-bottom: 1px solid #dcdada;
  margin-bottom: 48px;
  position: relative;
}
body.page-article_detail .box-related h2 span,
body.page-article_detail .box-related h3 span,
body.page-article_detail .box-related h4 span {
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  text-align: right;
}
body.page-article_detail .box-related ul {
  overflow: hidden;
  zoom: 1;
}
body.page-article_detail .box-related ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin-bottom: 46px;
}
body.page-article_detail .box-related ul li img {
  width: 216px;
  height: auto;
  padding-bottom: 36px;
}
body.page-article_detail .box-two-column {
  overflow: hidden;
  zoom: 1;
}
body.page-article_detail .box-two-column div {
  margin-bottom: 22px;
}
body.page-article_detail .box-two-column h4 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
  font-weight: bold;
}
body.page-article_detail .box-two-column p {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 21px;
}
body.page-article_detail .box-two-column .box-left {
  width: 400px;
  float: left;
}
body.page-article_detail .box-two-column .box-right {
  width: 400px;
  float: right;
}

body.article_1 .pic-main {
  margin-bottom: 94px;
}
body.article_1 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_1 .article_1_in.bg_box {
  padding-top: 96px;
  padding-bottom: 96px;
}
body.article_1 .article_1_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_1 .article_1_in .special_h {
  margin-bottom: 63px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dcdada;
}
body.article_1 .ptfix1 {
  padding-top: 15px;
}
body.article_1 .ptfix2 {
  padding-top: 98px;
}
body.article_1 .mbfix1 {
  margin-bottom: 48px;
}
body.article_1 .mbfix2 {
  margin-bottom: 65px;
}
body.article_1 .mbfix3 {
  margin-bottom: 63px;
}

body.article_2 .pic-main {
  margin-bottom: 94px;
}
body.article_2 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_2 .article_2_in.bg_box {
  padding-bottom: 96px;
}
body.article_2 .article_2_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_2 .ptfix1 {
  padding-top: 5px;
}
body.article_2 .ptfix2 {
  padding-top: 98px
}
body.article_2 .ptfix3 {
  padding-top: 110px;
}
body.article_2 .mbfix1 {
  margin-bottom: 56px !important;
}
body.article_2 .mbfix2 {
  margin-bottom: 30px;
}
body.article_2 .mbfix3 {
  margin-bottom: 54px;
}

body.article_3 .pic-main {
  margin-bottom: 94px;
}
body.article_3 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_3 .article_3_in.bg_box {
  padding-bottom: 96px;
}
body.article_3 .article_3_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_3 .article_3_in .divide-line.custom {
  padding-bottom: 59px;
}
body.article_3 .ptfix1 {
  padding-top: 10px;
}
body.article_3 .ptfix2 {
  padding-top: 98px;
}
body.article_3 .mbfix1 {
  margin-bottom: 48px;
}
body.article_3 .mbfix2 {
  margin-bottom: 30px;
}
body.article_3 .mbfix3 {
  margin-bottom: 54px;
}

body.article_5 .pic-main {
  margin-bottom: 94px;
}
body.article_5 .pic-main img {
  width: 100%;
}
body.article_5 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_5 .article_5_in.bg_box {
  padding-bottom: 96px;
}
body.article_5 .article_5_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_5 .ptfix1 {
  padding-top: 10px;
}
body.article_5 .ptfix2 {
  padding-top: 98px;
}
body.article_5 .ptfix3 {
  padding-top: 113px;
}
body.article_5 .mbfix1 {
  margin-bottom: 41px !important;
}
body.article_5 .mbfix2 {
  margin-bottom: 36px;
}
body.article_5 .mbfix3 {
  margin-bottom: 54px;
}
body.article_5 .mbfix4 {
  margin-bottom: 64px;
}

body.article_6 .pic-main {
  margin-bottom: 94px;
}
body.article_6 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_6 .article_6_in.bg_box {
  margin-bottom: 111px;
  padding-bottom: 96px;
}
body.article_6 .article_6_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_6 .ptfix1 {
  padding-top: 10px;
}
body.article_6 .ptfix2 {
  padding-top: 98px;
}
body.article_6 .mbfix1 {
  margin-bottom: 42px;
}
body.article_6 .mbfix2 {
  margin-bottom: 30px;
}
body.article_6 .mbfix3 {
  margin-bottom: 110px;
}

body.article_7 .pic-main {
  margin-bottom: 94px;
}
body.article_7 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_7 .article_7_in.bg_box {
  margin-bottom: 99px;
  padding-bottom: 96px;
}
body.article_7 .article_7_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_7 .ptfix1 {
  padding-top: 10px;
}
body.article_7 .ptfix2 {
  padding-top: 98px;
}
body.article_7 .mbfix1 {
  margin-bottom: 48px;
}
body.article_7 .mbfix2 {
  margin-bottom: 30px;
}
body.article_7 .mbfix3 {
  margin-bottom: 93px;
}

body.article_8 .pic-main {
  margin-bottom: 94px;
}
body.article_8 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_8 .article_8_in.bg_box {
  padding-bottom: 96px;
}
body.article_8 .article_8_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_8 .ptfix1 {
  padding-top: 10px;
}
body.article_8 .ptfix2 {
  padding-top: 98px;
}
body.article_8 .mbfix1 {
  margin-bottom: 41px;
}
body.article_8 .mbfix2 {
  margin-bottom: 30px;
}
body.article_8 .mbfix3 {
  margin-bottom: 54px;
}

body.article_9 .pic-main {
  margin-bottom: 94px;
}
body.article_9 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_9 .article_9_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_9 .ptfix1 {
  padding-top: 10px;
}
body.article_9 .ptfix2 {
  padding-top: 98px;
}
body.article_9 .mbfix1 {
  margin-bottom: 48px;
}
body.article_9 .mbfix2 {
  margin-bottom: 30px;
}
body.article_9 .mbfix3 {
  margin-bottom: 54px;
}

body.article_10 .pic-main {
  margin-bottom: 57px;
}
body.article_10 h1 {
  text-align: center;
  margin-bottom: 32px;
}
body.article_10 .box_txt {
  margin-bottom: 108px;
}

.page-movie .pic-main {
  width: 1000px;
  height: 560px;
  position: relative;
}
.page-movie .pic-main iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.page-movie .pic-main img.movie_cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
}

body.article_11 .pic-main {
  margin-bottom: 92px;
}
body.article_11 h1, body.article_11 h3 {
  text-align: center;
  margin-bottom: 80px;
}
body.article_11 section.pos_01 .box_txt {
  width: 648px;
  margin-bottom: 90px;
}
body.article_11 section.pos_01 .box_txt span {
  font-size: 10px;
  line-height: 26px;
  color: #726c6c;
  display: block;
}
body.article_11 section.pos_01 h1 {
  margin-bottom: 50px;
}
body.article_11 section.pos_02 {
  padding-top: 95px;
}
body.article_11 section.pos_02 .inbox {
  width: 846px;
}
body.article_11 section.pos_02 .fl_box {
  width: 100%;
}
body.article_11 section.pos_02 .fl_box .fl_box_l {
  width: 370px;
}
body.article_11 section.pos_02 .fl_box .fl_box_r {
  width: 470px;
}
body.article_11 section.pos_03 {
  padding-top: 95px;
  padding-bottom: 100px;
}
body.article_11 section.pos_03 .inbox {
  width: 846px;
}
body.article_11 section.pos_03 .fl_box {
  width: 100%;
}
body.article_11 section.pos_03 .fl_box .fl_box_l {
  width: 370px;
}
body.article_11 section.pos_03 .fl_box .fl_box_r {
  width: 470px;
}
body.article_11 section.pos_04 {
  padding-top: 77px;
  margin-bottom: 67px;
}
body.article_11 section.pos_04 h3 {
  margin-bottom: 73px;
}
body.article_11 section.pos_04 .inbox {
  width: 730px;
}
body.article_11 section.pos_04 .inbox dt {
  margin-bottom: 20px;
}
body.article_11 section.pos_04 .inbox dd {
  color: #433b3b;
  font-size: 10px;
  line-height: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.article_11 section.pos_04 .fl_box {
  width: 100%;
}
body.article_11 section.pos_04 .fl_box .fl_box_l {
  width: 320px;
}
body.article_11 section.pos_04 .fl_box .fl_box_r {
  width: 320px;
}

body.article_12 .pic-main {
  margin-bottom: 94px;
}
body.article_12 h1 {
  text-align: center;
  margin-bottom: 103px;
}
body.article_12 .article_12_in .inbox {
  width: 840px !important;
  margin-left: auto;
  margin-right: auto;
}
body.article_12 .ptfix1 {
  padding-top: 10px;
}
body.article_12 .ptfix2 {
  padding-top: 98px;
}
body.article_12 .mbfix1 {
  margin-bottom: 48px;
}
body.article_12 .mbfix2 {
  margin-bottom: 30px;
}
body.article_12 .mbfix3 {
  margin-bottom: 54px;
}

body.article_14 .pic-main {
  margin-bottom: 92px;
}
body.article_14 h1 {
  text-align: center;
  margin-bottom: 80px;
}
body.article_14 h3 {
  text-align: center;
  margin-bottom: 80px;
}
body.article_14 section.pos_01 .box_txt {
  width: 648px;
  margin-bottom: 90px;
}
body.article_14 section.pos_01 .box_txt span {
  font-size: 10px;
  line-height: 26px;
  color: #726c6c;
  display: block;
}
body.article_14 section.pos_01 h1 {
  margin-bottom: 50px;
}
body.article_14 section.pos_02 {
  padding-top: 95px;
}
body.article_14 section.pos_02 .inbox {
  width: 846px;
}
body.article_14 section.pos_02 .fl_box {
  width: 100%;
}
body.article_14 section.pos_02 .fl_box .fl_box_l {
  display: inline-block;
  width: 370px;
}
body.article_14 section.pos_02 .fl_box .fl_box_r {
  display: inline-block;
  width: 470px;
}
body.article_14 section.pos_03 {
  padding-top: 95px;
  padding-bottom: 90px;
}
body.article_14 section.pos_03 .inbox {
  width: 846px;
}
body.article_14 section.pos_03 .fl_box {
  width: 100%;
}
body.article_14 section.pos_03 .fl_box.addmb {
  margin-bottom: 70px;
}
body.article_14 section.pos_03 .fl_box .fl_box_l {
  width: 370px;
}
body.article_14 section.pos_03 .fl_box .fl_box_r {
  width: 470px;
}
body.article_14 section.pos_04 {
  padding-top: 77px;
  margin-bottom: 67px;
}
body.article_14 section.pos_04 h3 {
  margin-bottom: 73px;
}
body.article_14 section.pos_04 .inbox {
  width: 730px;
}
body.article_14 section.pos_04 .inbox dt {
  margin-bottom: 20px;
}
body.article_14 section.pos_04 .inbox dd {
  color: #433b3b;
  font-size: 10px;
  line-height: 18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.article_14 section.pos_04 .fl_box {
  width: 100%;
}
body.article_14 section.pos_04 .fl_box .fl_box_l {
  width: 320px;
}
body.article_14 section.pos_04 .fl_box .fl_box_r {
  width: 320px;
}


/**
 * Blog
 * -----------------------------------------------------------------------------
 */
 /* =============================================
  layout
 ============================================= */
 .blog b{
  display: none;
 }
  .blog-main{
  width:620px;
  float:left;
 }
 .blog-nav{
  float:right;
  width:214px;
  border-top: 1px solid #dcdada;
  padding-top: 23px;
 }
.blog-thumb{
  width:192px !important;
  padding-right: 30px;
}
.page-blog section.pos_02{
  margin:0;
  padding:0;
}
.page-blog .inbox{
  margin-bottom: 33px;
  padding-bottom: 63px;
  border-bottom: 1px solid #dcdada;
}
.page-blog .inbox,.page-blog .inbox h2,.page-blog .inbox h3,.page-blog .inbox a,.page-blog .inbox p,.page-blog .inbox li,.page-blog .inbox span,.page-blog .inbox div,.page-blog .inbox time{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#433b3b;
}
.page-blog .inbox .page-numbers,.page-blog .copyright{
  font-family: "Rokkitt", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.blog-cat-list li a,.blog-cat-list li a span,.list-month a,.blog-cat h3,.blog p{
    font-size:12px;
  line-height:1.83;
}
.blog-shop,.blog-cat{
  margin-bottom: 30px;
}
/* =============================================
 modules - archive
============================================= */
 .page-blog .inbox{
  border-top:none !important;
 }
 .page-news_index section.pos_02 .inbox.wide{
    width:900px;
  }
 .blog-thumb span{
  display: block;
  background-size:cover;
  width:192px;
  height: 126px;
  background-position: center center;
 }

.blog-thumb img{
  width:100%;
  height: auto;
  display: none;
}
.readmore{
  text-decoration: underline;
}
.page-blog section.pos_02 .inbox .blog dl{
  padding-top: 34px;
    padding-bottom: 34px;
    border-top: 1px solid #dcdada;
    border-bottom: none;
}
.blog a{
  display: block;
  background-color:#fff;
  -webkit-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}
.blog a:hover{
  background-color: #f3f2f2;
}
.blog-ttl{
  font-size:16px;
  line-height:24px;
  margin-bottom: 5px;
}
.blog-contents{
padding-top: 12px !important;
}
.blog-info{
  overflow: hidden;
}
.blog-info time,.blog-info li{
  font-size:10px;
  line-height:1.9;
  letter-spacing: 0.07em;
  color:#898484;
}

.blog-info li{
  float:left;
}
.blog-info time,.blog-info .cat{
  padding-right:12px;
  margin-right:12px;
  border-right:1px solid #898484;
}

.checkbox-wrap a .checkbox{
  display: block;
  width:15px;
  height: 15px;
  -webtki-box-sizing:border-box;
  box-sizing:border-box;
  border:1px solid #959191;
  background-color: #fff;
  -moz-transition: all 0.6s linear 0;
  -webkit-transition: all 0.6s linear 0;
  -o-transition: all 0.6s linear 0;
  -ms-transition: all 0.6s linear 0;
    margin:0;
  margin-right:10px;
    padding:0;
}
.checkbox-wrap a .checkbox:after{
  display: none;
}
.checkbox-wrap a{
  display: block;
  margin-bottom: 11px;
  overflow: hidden;
}
.checkbox-wrap span{
  float:left;
}
/*.checkbox-wrap a:hover .checkbox,
*/.checkbox-wrap.current a .checkbox{
  background-color: #201616;
  border:1px solid #201616;
}

.btn{
  display: block;
  width:100%;
  background-size:100% auto;
  text-align: center;
}
.btn:hover{
  opacity: 0.8;
  -webkit-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}
.btn span{
  text-align: center;
}
.btn.frame{
  background-image:url("../img/blog/btn-bg.png");
  height: 42px;
  clear:both;
}
.btn.frame span{
  color:#f3f3f3;
  font-size:12px;
  line-height:42px;
}
.blog-shop-list{
  margin-bottom: 20px;
}


.blog-cat h3{
  border-bottom: 1px solid #d9d8d8;
  letter-spacing: 0.06em;
  color:#433b3b;
  line-height: 26px;
  margin-bottom: 18px;
}

.blog-cat-list li a{
  -webkit-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}

.blog-cat-list li a:hover,
.blog-cat-list li.current{
  opacity: 0.6;
}

.blog-pulldown{
  position: relative;
}
.blog-pulldown>a span,.blog-pulldown li a{
  font-size: 12px;
  display: block;
}
.blog-pulldown>a,.blog-pulldown li{
  height: 34px;
  padding:5px 10px;
  -webtki-box-sizing:border-box;
  box-sizing:border-box;
}
.blog-pulldown>a{
  border:1px solid #d9d8d8;
  position: relative;
  display: block;
}
.blog-pulldown>a:after{
  content:"";
  display: block;
  position: absolute;
  width: 6px;
  height: 10px;
  top:50%;
  margin-top:-2px;
  right: 14px;
  z-index:999;
  background-image: url('../img/blog/sprite.png');
  background-position: -9px top;
  background-size:auto 100%;
}
.blog-pulldown li{
  border:1px solid #d9d8d8;
  border-top:none;
  background-color: #fff;
-webkit-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: background-color 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}

.blog-pulldown li:hover,.blog-pulldown li.current{
  background-color: #f3f2f2;
}

.blog-pulldown>ul{
  height: 0;
  position: absolute;
  width: 100%;
  overflow: hidden;
-webkit-transition: height 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: height 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: height 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: height 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}

/* =============================================
 modules-single
============================================= */
.blog-label{
  padding:21px 0;
    border-bottom:1px solid #dcdada;
        border-top:1px solid #dcdada;
    overflow: hidden;
}
.blog-label h2{
  float:left;
  font-size:18px;
  line-height: 27px;
  max-width:75%;
}
.blog-label .blog-info{
  float:right;
  margin-top: 4px;
}
.page-blog_detail .blog-contents{
  clear:both;
  padding:27px 0 0 0 !important;
}
.blog-contents img{
  width:100%;
  height: auto;
  padding: 29px 0;
}
.blog-contents a{
  text-decoration: underline;
}
.blog-contents a:hover{
  text-decoration: none;
  background-color: #fff;
}

/*page_en*/
body.page-en.page-af p.ff_en{
  font-size: 12px!important;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-en.page-af section.fl_box .fl_box_l a p, body.page-en.page-af section.fl_box .fl_box_r a p{
font-size: 12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.page-en.page-article_detail .article-table th {
  line-height: 16px;
  vertical-align: middle;
}
body.page-en.page-article_detail .box-gray h4{
  font-size: 15px;
}
body.page-en.page-om section.pos_05 div dl {
  height: 390px;
}

/*order_made*/
.page-om section.pos_po{
  padding-top:78px;
  padding-bottom: 113px;
  background:#edecec;
}
.page-om section.pos_po h2{
  text-align:center;
  padding-bottom: 75px;
}
.page-om section.pos_po .pbox{
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  background: #fafafa;
}
.page-om section.pos_po .pbox .pbox_head{
  padding-bottom: 20px;
  font-size:0;
}
.page-om section.pos_po .pbox .pbox_head svg{
  width: 40px;
  height: 40px;
  display: inline-block;
  float:left;
}
.page-om section.pos_po .pbox .pbox_head span img{
  vertical-align: middle;
}
.page-om section.pos_po .pbox .pbox_head span{
  vertical-align: middle;
  width: 100%;
    line-height: 40px;
    display: inline-block;
}
.page-om section.pos_po .pbox .pbox_head #txt_i{
  margin-left:-40px;
  width: 40px;
  height: 40px;
}
#btn-dl{
  width: 242px;
  height: 50px;
}
.page-om section.pos_po .pbox .pbox_li{
  width: 50%;
  display: inline-block;
}
.page-om section.pos_po .pbox .pbox_li > img{
  width: 160px;
  height: 151px;
      display: block;
    margin: auto;
}
.page-om section.pos_po .pbox .pbox_wrap{
  border-top:1px solid #e7e5e5 ;
  border-bottom:1px solid #e7e5e5 ;
  font-size:0;
}
.page-om section.pos_po .pbox .pbox_li:first-child{
  border-right:1px solid #e7e5e5 ;
}
.page-om section.pos_po .pbox .pbox_li{
  padding:40px 79px;
  -webtki-box-sizing:border-box;
  box-sizing:border-box;
}
.page-om section.pos_po .pbox .pbox_li select{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 240px;
  display: block;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  border-radius:0;
  padding:0px 35px 0px 13px;
  height: 33px;
  font-size:12px;
  border: 1px solid #dcdada;
  background-color:#fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:url("../img/order_made/selectbox.png");
  background-image:none\9;
  background-size:auto 100%;
  background-repeat: no-repeat;
  background-position:center right;
}
.page-om section.pos_po .pbox .pbox_li  select::-ms-expand{
  display: none;
}
.page-om section.pos_po .pbox .pbox_li  select option{
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.page-om section.pos_po .pbox .pbox_under{
  padding:37px 34px;
  overflow:hidden;
}
.page-om section.pos_po .pbox .pbox_under a{
  text-align: left;
  display: inline-block;
}
.page-om section.pos_po .pbox .pbox_under .pbox_price{
  float: right;
  font-size:20px;
  display: inline-block;
  line-height:46px;
}
.page-om section.pos_po .pbox .pbox_under .pbox_price span{
  font-size:20px;
}
.page-om section.pos_po .pbox .pbox_under .pbox_price .japanese{
  font-size:16px;
}
.page-om section.pos_po .pbox_add{
  width: 790px;
  margin-top:1.5em;
  margin-left: auto;
  margin-right: auto;
  font-size:10px;
  line-height:1.6;
  color:#433b3b;
}
.page-om section.pos_po .pbox_add.large{
  font-size:12px;
}

#footer-store {
    width: 100%;
    border-top: solid 1px #e7e5e5;
    padding-top: 97px;
    margin: 83px auto 78px auto;
    overflow: hidden;
    text-align: center;
}

#footer-store.nomt{
  border-top:none;
  padding-top: 0;
}

#footer-store .footer-store-inner{
  width: 924px;
  margin:auto;
}

#footer-store .flL,
#footer-store .flR {
    width: 230px;
}

#footer-store a:hover{
  opacity: 0.8;
}

#footer-store .flL a,
#footer-store .flR a {
    display: block;
}

#footer-store .flL a img,
#footer-store .flR a img {
    margin-bottom: 19px;
    margin-left: 10px;
    margin-right: 10px;
    width: 210px;
}

#footer-store .flL a .store-ttl,
#footer-store .flR a .store-ttl {
    line-height: 1;
    font-size: 12px;
    margin-bottom: 15px;
    padding-bottom: 16px;
    border-bottom: solid 1px #e7e6e6;
    font-family:  "Hiragino Kaku Gothic Pro",  Meiryo, Osaka,  "MS PGothic", sans-serif;
}

#footer-store .flL a .store-ttl span {
    font-size: 10px!important;
    letter-spacing: 1px!important;
}

#footer-store .flL a .store-txt,
#footer-store .flR a .store-txt {
    font-size: 11px;
    line-height: 18px;
    display: inline-block;
    font-family:  "Hiragino Kaku Gothic Pro",  Meiryo, Osaka,  "MS PGothic", sans-serif;
}

.item_care_ttl{
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.16em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  color: #201616;
  margin-bottom: 48px;
}
.item_care_wrap {
  position: relative;
  overflow: hidden;
}
.item_care_list{
  width: 700px;
  margin: 0 auto;
  margin-bottom: 60px;
  overflow: hidden;
}
.item_care_list.center {
  position: relative;
  left: 50%;
  float: left;
  overflow: visible;
  width: auto;
}
.item_care_list li{
  width: 155px;
  float: left;
  margin-left: 26.66px;
}
.item_care_list.center li {
  position: relative;
  left: -50%;
}
.item_care_list li:first-child{
  margin-left: 0;
}
.item_care_list li figure{
  width: 100%;
  height: 155px;
  overflow: hidden;
  background-color: #fff;
  /*padding: 14px 0;*/
  box-sizing: border-box;
  margin-bottom: 17px;
  position: relative;
  display: block;
}
.item_care_list li figure img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 100%;
  display: block;
}
.item_care_list li.item5 img{height: 88%;}
.item_care_list li.item7 img{}
.item_care_list li.item2 img{height: 80%;}
.item_care_list li p{
  font-size: 11px;
  line-height: 18px;
  color: #5b5454;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}





/*20181122 PCカテゴリ レイアウト調整*/
/*商品検索*/
#box-search .box-search-in dl.search-category dd{
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
  line-height: 32px;
}
#box-search .box-search-in dl dd.sub{
  color: #5a5757;
  position: relative;
  padding-left: 20px;
}
#box-search .box-search-in dl dd.sub:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #5a5757;
  width: 8px;
  height: 1px;
  margin-top: -3px;
}
#box-search .box-search-in dl dd.sub a{
  color: #5a5757;
}


/*////// アーカイブ改修20190319 //////*/





.arc {
    background-color: #f6f5f5;
    border-top: solid 1px #e7e5e5;
    text-align: center;
    margin-top: 90px
}

.arc .arc_num {
    display: inline-block;
    background: url(/img/common/bg-ico_num_l.png);
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    margin-bottom: 20px
}

.arc .arc_ttl {
    margin: 77px auto
}

.arc .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px
}

.arc .arc_img {
    margin: 0 12px 20px
}

.arc .arc_img img {
    width: 207px
}

.arc .arc_txt {
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    font-feature-settings: normal;
    font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif
}

.arc_btn {
    padding-bottom: 55px
}

.arc_btn img {
    width: 128px
}

.page-article_detail #footer-store {
  margin-top: 0;
}

header.relative .nav-shop li.nav-register a span {
}

.page-home .wrap-all {
  position: relative;
  z-index: 0;
}

/* concept page */
.inside-area {
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.inside-area_body {
  width: 313px;
}

.inside-area_body .pic {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}

.inside-area_body h5{
  text-align: center;
}