@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Reset

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html,
body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
address,
hr,
blockquote,
ins,
del,
form,
fieldset,
legend,
table,
caption,
thead,
tfoot,
tbody,
tr,
th,
td {
  padding: 0;
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  padding: 0;
  margin: 0; }

pre {
  padding: 0;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word; }

img,
object {
  border: 0;
  vertical-align: bottom; }

sub {
  line-height: 1;
  vertical-align: text-bottom; }

sup {
  line-height: 1;
  vertical-align: text-top; }

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

fieldset {
  border: 0; }

input,
button,
select,
optgroup,
option,
textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit; }

figure {
  margin: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Base

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html {
  overflow-y: scroll; }

body {
  font: 13px/1.8 "Lucida Grande", "Verdana", sans-serif;
  background: #ffffff;
  color: #333333;
  -webkit-text-size-adjust: 100%; }

/*
p,
pre { margin: 1.4em 0; }
ul,
ol { padding: 0 0 3em; margin: 1.4em 0; }
*/
table {
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0; }

ul p,
ul ul,
ul ol,
ul dl,
ul pre,
ul table,
ol p,
ol ul,
ol ol,
ol dl,
ol pre,
ol table,
dl p,
dl ul,
dl ol,
dl dl,
dl pre,
dl table,
table p,
table ul,
table ol,
table dl,
table pre,
table table {
  font-size: 1em;
  margin: 0; }

sup {
  font-size: 0.77em; }

/* Navigations */
.nav,
.nav * {
  padding: 0;
  margin: 0;
  list-style: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Page Layout

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page {
  width: 840px;
  padding: 0 30px;
  margin: 0 auto; }

/* page Header */
.page-header {
  line-height: 1;
  position: relative;
  width: 100%;
  padding: 30px 0; }

.page-header .logo {
  margin: 0; }

.page-header .nav.global {
  position: absolute;
  top: 77px;
  right: 0;
  border: solid #aa8d18;
  border-width: 1px 1px 1px 0;
  *zoom: 1; }

.page-header .nav.global:after {
  display: block;
  clear: both;
  content: ""; }

.page-header .nav.global li {
  float: left;
  border-left: 1px solid #aa8d18; }

.page-header .nav.utility {
  position: absolute;
  top: 32px;
  right: 0;
  *zoom: 1; }

.page-header .nav.utility:after {
  display: block;
  clear: both;
  content: ""; }

.page-header .nav.utility li {
  float: left;
  margin: 0 0 0 18px; }

.page-header.multilingual .lang-menu {
  position: absolute;
  top: 32px;
  right: 0;
  height: 15px;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  width: 136px; }
  .page-header.multilingual .lang-menu li {
    height: 15px;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #ccc;
    overflow: hidden;
    display: block; }
    .page-header.multilingual .lang-menu li:nth-of-type(1) {
      margin-left: 0;
      padding-left: 0;
      border: none; }
      .page-header.multilingual .lang-menu li:nth-of-type(1) a {
        width: 35px;
        background: url("/common/lang_menu.png") no-repeat 0 -21px; }
    .page-header.multilingual .lang-menu li:nth-of-type(2) a {
      width: 42px;
      background: url("/common/lang_menu.png") no-repeat -53px -21px; }
    .page-header.multilingual .lang-menu li:nth-of-type(3) a {
      width: 24px;
      background: url("/common/lang_menu.png") no-repeat -112px -21px; }
    .page-header.multilingual .lang-menu li a {
      color: transparent;
      display: block;
      height: 15px; }
  .page-header.multilingual .lang-menu.jp li:nth-of-type(1) a {
    pointer-events: none;
    background: url("/common/lang_menu.png") no-repeat 0 0px; }
  .page-header.multilingual .lang-menu.en li:nth-of-type(2) a {
    pointer-events: none;
    background: url("/common/lang_menu.png") no-repeat -53px 0px; }
  .page-header.multilingual .lang-menu.zh li:nth-of-type(3) a {
    pointer-events: none;
    background: url("/common/lang_menu.png") no-repeat -112px 0px; }
.page-header.multilingual .nav.utility {
  top: 50px; }

/* page Content */
/* Page Footer */
.page-footer {
  padding: 30px 0 15px; }
  .page-footer ul {
    display: block;
    margin-bottom: 10px; }
    .page-footer ul li {
      display: inline-block;
      text-align: left;
      margin-right: 10px; }
  .page-footer .copyright {
    text-align: right; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Content Modules

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Cover */
.cover {
  position: relative;
  z-index: 1;
  height: 448px;
  border: 1px solid #d3d3d4; }

/* Banners (1) */
.banners1 {
  padding: 0 0 0 1px;
  margin: 8px -4px 0 0;
  *zoom: 1;
  display: flex;
  justify-content: space-between; }

.banners1:after {
  display: block;
  clear: both;
  content: ""; }

.banners1 li {
  list-style: none;
  width: 415px; }

/* Grid (1) */
.grid1 {
  padding: 25px 0 0;
  background: url(/img/common/mod/grid1-bg.png) no-repeat 0 0;
  *zoom: 1; }

.grid1:after {
  content: "";
  display: block;
  clear: both; }

.grid1 .col1 {
  float: left;
  width: 111px;
  margin: -25px 0 0 0; }

.grid1 .col1 h1 {
  padding: 12px 0 0;
  text-align: center; }

.grid1 .col2 {
  float: right;
  width: 691px;
  padding: 0 0 40px 25px;
  background: url(/img/common/mod/grid1-bg-r.png) no-repeat 100% 100%; }

/* Grid (1B) */
.grid1b {
  background: url(/img/common/mod/grid1b-bg.png) no-repeat 0 0;
  *zoom: 1; }

.grid1b:after {
  content: "";
  display: block;
  clear: both; }

.grid1b .col1 {
  float: left;
  width: 111px; }

.grid1b .col1 h1 {
  padding: 12px 0 0;
  text-align: center; }

.grid1b .col2 {
  float: right;
  width: 625px;
  height: 416px;
  padding: 98px 0 0 91px;
  border-bottom: 1px solid #d3d3d4; }

.grid1b .col2 .message {
  margin: 45px 0 0 108px; }

/* Grid (2) */
.grid2 {
  margin: 30px 0 0;
  *zoom: 1; }

.grid2:after {
  display: block;
  clear: both;
  content: ""; }

.grid2 .col1 {
  float: left;
  width: 590px; }

.grid2 .col2 {
  float: right;
  width: 220px; }

/* Grid (4) */
.grid4 {
  position: relative;
  padding: 50px 0 0 10px;
  margin: 50px 0 0;
  border-top: 1px solid #aa8d18;
  /* *zoom: 1;*/ }

                                                                                                                     /*
.grid4:after { display: block; clear: both; content: ""; }*/
.grid4.grid4-first {
  margin: 0;
  border: 0; }

.grid4 .col1 {
  float: left;
  width: 280px; }

.grid4 .col1 h2 {
  margin: 0 0 1.8em; }

.grid4 .col1 .lead {
  margin: 0 0 0.6em; }

.grid4 .col2 {
  overflow: hidden;
  bottom: 0;
  right: 0;
  width: 530px;
  background: repeat-x 0 100%;
  float: right; }

.grid4:after {
  content: "";
  clear: both;
  display: table; }

.grid4 .col2.col2-01 {
  background-image: url(/img/products/index-bg-01.jpg); }

.grid4 .col2.col2-02 {
  background-image: url(/img/products/index-bg-02.jpg); }

.grid4 .col2.col2-03 {
  background-image: url(/img/products/index-bg-03.jpg); }

.grid4 .col2 ul {
  position: relative;
  left: 50%;
  float: left;
  padding: 0;
  margin: 0; }

.grid4 .col2 ul li {
  position: relative;
  left: -50%;
  float: left;
  padding: 0 3px;
  list-style: none; }

.grid4 .col2 ul.nopad li {
  padding: 0; }

.grid4 .col2.col2-03 {
  background-image: url(/img/products/index-bg-04.jpg); }

.grid4 .col2.col2-03 ul li {
  padding: 0; }

/* News */
.grid1 #news.col2 {
  float: right;
  width: 715px;
  padding: 0 0 25px 0;
  background: none;
  border-bottom: 1px solid #d3d3d7; }

.news {
  font-size: 0.77em;
  *zoom: 1; }

.news:after {
  content: "";
  display: block;
  clear: both; }

.news .news-col {
  float: left;
  width: 222px;
  margin: 0 0 0 12px;
  padding: 0; }

.news .news-col h2 {
  margin: 0 0;
  height: 21px;
  background: #ffffff; }

.news .news-col .news-box {
  padding: 0 10px 12px;
  height: 530px;
  overflow: auto;
  border: 1px solid #d3d3d7; }

.news .news-col h3 {
  line-height: 1.6;
  background: #595757;
  color: #ffffff;
  font-weight: normal; }

.news .news-col h3.date {
  display: inline;
  float: left;
  padding: 0 5px 0 14px;
  margin: 1.4em 0 0.6em -14px; }

.news .news-col h3.cat {
  padding: 0 5px;
  margin: 1.4em 0 0.6em; }

.news .news-col h4 {
  clear: left;
  font-size: 1.3em;
  line-height: 1.6;
  margin: 0.6em 0;
  color: #aa8d18;
  font-weight: normal; }

.news .news-col h4 small {
  display: block;
  font-size: 0.77em; }

.news .news-col h4 .large {
  font-size: 1.16em;
  line-height: 1.4; }

.news .news-col h4 .large a.a_s {
  line-height: 1.4;
  text-decoration: none;
  color: #AA8D18; }

.news .news-col h4 .large a.a_s:hover {
  line-height: 1.4;
  color: #AA8D18; }

.news .news-col .banner {
  margin: 0.6em 0 0; }

/* Heading 1 */
.h1 {
  padding: 14px 10px 13px;
  border: solid #aa8d18;
  border-width: 1px 0; }

.page.type-popup {
  width: 568px; }

.page h1.h1 {
  display: block;
  overflow: hidden;
  height: 100%; }

.type-popup h1.h1 img {
  display: block;
  float: left; }

/* Heading 1B */
.h1b {
  padding: 14px 10px 9px;
  background: url(/img/common/mod/h1b-bg.png) no-repeat 0 0; }

/* Heading 1C */
.h1c {
  padding: 15px 10px 11px;
  border-bottom: 1px solid #aa8d18;
  background: url(/img/common/mod/h1b-bg.png) no-repeat 0 0; }

.h1c .sub {
  display: block;
  padding: 24px 0 0; }

/* Heading 2 */
.h2 {
  padding: 1.8em 10px 0;
  margin: 1.8em 0 1.4em;
  border-top: 1px solid #d3d3d4; }

/* Heading 3 */
.h3 {
  margin: 3em 0 1em; }

/* Heading 3B */
.h3b {
  margin: 45px 0 1em; }

/* Heading 4 */
.h4 {
  margin: 30px 0 1em; }

/* Paragraph (1) */
.p1 {
  margin: 1.4em 50px 1.4em 10px; }

/* Paragraph (1B) */
.p1b {
  margin: 1.4em 50px 0 10px; }

/* Lead (1) */
.lead1 {
  margin: 2.4em 10px 1.4em; }

/* Lead (2) */
.lead2 {
  margin: 2.4em 0 1.4em; }

/* Lead (3) */
.lead3 {
  margin: 1.6em 0; }

/* Note */
.note {
  color: #606060; }

/* Inportant */
.inportant {
  color: #aa8d18;
  font-weight: normal; }

/* Product */
.product .features {
  *zoom: 1; }

.product .features:after {
  display: block;
  clear: both;
  content: "";
  height: 0.01px; }

.product .features .name {
  float: right;
  width: 335px; }

.product .features .photo {
  float: left;
  width: 240px;
  text-align: center; }

.product .features .description {
  float: right;
  width: 335px;
  padding: 1.8em 0 0;
  margin: 1.8em 0 0;
  border-top: 1px solid #d3d3d4; }

.product .features .description .lead {
  margin: 0 0 1.4em; }

.product .features .description .notes {
  font-size: 0.77em;
  line-height: 1.6;
  margin: 1.4em 0 0;
  color: #666666; }

.product .features .description .notes dt,
.product .features .description .notes dd {
  display: inline; }

.product .features .price {
  float: right;
  width: 325px;
  padding: 8px 11px 8px;
  line-height: 1.4;
  margin: 1.4em 0 0;
  background: #efefef;
  box-sizing: border-box; }

.product .features .price.inline {
  float: none;
  width: auto;
  display: inline-block; }

.product .features .no-float {
  float: none;
  width: 100%; }

.product .specs {
  padding: 0 14px;
  margin: 30px 0 0;
  border: 1px solid #d3d3d4; }

.product .specs .spec {
  padding: 1em 0;
  border-top: 1px solid #d3d3d4; }

.product .specs .spec.first-child {
  border: 0; }

.product .specs .spec h3 {
  color: #aa8d18; }

.product .specs .spec h3 .unit {
  color: #333333;
  font-style: normal;
  font-weight: normal; }

.product .specs .spec ul {
  padding: 0 0 0 25px; }

.product .specs .spec .notes {
  margin: 1em 0 0;
  text-indent: -1em;
  color: #666666;
  list-style: none; }

.product .specs .spec .ingredients {
  font-size: 0.77em;
  line-height: 1.6;
  color: #666666; }

.product .links {
  position: relative;
  padding: 30px 0;
  list-style: none;
  text-align: center; }

.product .links .ingredients {
  position: absolute;
  top: 36px;
  right: 0; }

.product .features.wide01 h2.name {
  float: left;
  float: none;
  width: auto; }

.product .features.wide01 p.photo {
  text-align: center;
  width: 590px;
  float: none; }

.product .features.wide01 .description {
  width: 590px;
  float: none; }

.product .features.wide01 p.price {
  float: none;
  width: 100%; }

.product .mov-area {
  margin: 25px 0;
  text-align: center; }

body.puretttwo .product .features.wide01 p.photo {
  margin-bottom: 0; }
body.puretttwo .product .features .description {
  margin-top: 0; }
body.puretttwo .mov-area {
  margin: 25px 0;
  text-align: center; }
body.puretttwo .imgtx {
  display: flex;
  justify-content: space-between; }
  body.puretttwo .imgtx:after {
    content: none; }
  body.puretttwo .imgtx h3 {
    margin-bottom: 23px; }
    body.puretttwo .imgtx h3 img {
      margin-bottom: 0;
      line-height: 1; }
  body.puretttwo .imgtx > div:nth-of-type(1) {
    width: 224px; }
  body.puretttwo .imgtx > div:nth-of-type(2) {
    width: 344px;
    text-align: center; }

body.puretttwo-detail .layout {
  position: relative; }
  body.puretttwo-detail .layout .pagetopfixed {
    position: fixed;
    z-index: 50;
    left: 50%;
    bottom: 90px;
    margin-left: 440px; }
  body.puretttwo-detail .layout h1 {
    margin: 0;
    padding: 0; }
  body.puretttwo-detail .layout .inner {
    background: #E5E7E7;
    padding: 21px; }
    body.puretttwo-detail .layout .inner .bloc {
      margin-bottom: 20px; }
      body.puretttwo-detail .layout .inner .bloc:last-of-type {
        margin-bottom: 0; }
      body.puretttwo-detail .layout .inner .bloc .attention {
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #ED4E10;
        margin-bottom: 20px;
        text-align: center; }
      body.puretttwo-detail .layout .inner .bloc h2 {
        margin: 0;
        padding: 0;
        line-height: 1; }
      body.puretttwo-detail .layout .inner .bloc .wrap {
        background: #fff;
        border-radius: 0 0 20px 00px; }
        body.puretttwo-detail .layout .inner .bloc .wrap .flex {
          display: flex;
          justify-content: space-between; }
          body.puretttwo-detail .layout .inner .bloc .wrap .flex > div:nth-of-type(1) {
            width: 350px; }
            body.puretttwo-detail .layout .inner .bloc .wrap .flex > div:nth-of-type(1) p {
              padding: 20px 0 25px 30px;
              line-height: 22px;
              font-size: 13px; }
          body.puretttwo-detail .layout .inner .bloc .wrap .flex > div:nth-of-type(2) {
            width: 418px;
            text-align: left;
            padding: 28px 0; }
            body.puretttwo-detail .layout .inner .bloc .wrap .flex > div:nth-of-type(2) figure:not(:last-child) {
              margin-bottom: 20px; }

/* Products Footer Nav */
.nav.products-footer {
  position: relative;
  border-top: 1px solid #aa8d18;
  *zoom: 1; }

.nav.products-footer:after {
  display: block;
  clear: both;
  content: ""; }

.nav.products-footer ul {
  position: relative;
  left: 50%;
  float: left; }

.nav.products-footer ul li {
  position: relative;
  float: left;
  left: -50%;
  /* padding: 0 5px;*/
  margin: 0 14px 0 0; }

.nav.products-footer ul li:last-child {
  margin-right: 0; }

/* Products Banner */
.products-banner {
  padding: 1px;
  margin: 0 0 18px;
  border: 1px solid #d3d3d4; }

/* Products Sidebar Nav */
.nav.products-sidebar {
  padding: 1px 1px 12px;
  border: 1px solid #d3d3d4; }

.nav.products-sidebar h2 {
  margin: 0 0 12px; }

.nav.products-sidebar h3 {
  text-align: center;
  margin: 3px 0 0; }

.nav.products-sidebar ul li {
  text-align: center;
  margin: 3px 0 0; }

/* Table of Contents (1) */
.toc1 {
  margin: 24px 0 0;
  *zoom: 1;
  padding: 0; }

.toc1:after {
  display: block;
  clear: both;
  content: ""; }

.toc1 li {
  float: left;
  margin: 0 8px 8px 0;
  list-style: none; }

/* Ordered Lists */
.numbered {
  list-style: none; }

/* Ordered List (1) */
.ol1 li {
  min-height: 23px;
  -height: 23px;
  padding: 1.4em 50px;
  border-bottom: 1px solid #d3d3d4;
  background: no-repeat 0 50%; }

.ol1 li.n1 {
  background-image: url(/img/common/mod/n1.png); }

.ol1 li.n2 {
  background-image: url(/img/common/mod/n2.png); }

.ol1 li.n3 {
  background-image: url(/img/common/mod/n3.png); }

.ol1 li.n4 {
  background-image: url(/img/common/mod/n4.png); }

.ol1 li.n5 {
  background-image: url(/img/common/mod/n5.png); }

.ol1 li.n6 {
  background-image: url(/img/common/mod/n6.png); }

.ol1 li.n7 {
  background-image: url(/img/common/mod/n7.png); }

.ol1 li.n8 {
  background-image: url(/img/common/mod/n8.png); }

.ol1 li.n9 {
  background-image: url(/img/common/mod/n9.png); }

.ol1 li.n10 {
  background-image: url(/img/common/mod/n10.png); }

/* Ordered List (2) */
/*.ol2 li { min-height: 23px; -height: 23px; padding: 1px 50px; margin: 1.4em 0; background: no-repeat 0 50%; }*/
.ol2 li {
  padding: 1px 50px;
  margin: 1.4em 0;
  background: no-repeat 0 50%; }

.ol2 li.n1 {
  background-image: url(/img/common/mod/n1.png); }

.ol2 li.n2 {
  background-image: url(/img/common/mod/n2.png); }

.ol2 li.n3 {
  background-image: url(/img/common/mod/n3.png); }

.ol2 li.n4 {
  background-image: url(/img/common/mod/n4.png); }

.ol2 li.n5 {
  background-image: url(/img/common/mod/n5.png); }

.ol2 li.n6 {
  background-image: url(/img/common/mod/n6.png); }

.ol2 li.n7 {
  background-image: url(/img/common/mod/n7.png); }

.ol2 li.n8 {
  background-image: url(/img/common/mod/n8.png); }

.ol2 li.n9 {
  background-image: url(/img/common/mod/n9.png); }

.ol2 li.n10 {
  background-image: url(/img/common/mod/n10.png); }

.ol2 li.exc1 {
  background-position: 0 1.8em; }

.ol2 li .note {
  font-size: 0.77em;
  line-height: 1.4;
  margin: 0.6em; }

.ol2 ul {
  list-style: none; }

.ol2 ul li {
  margin-left: 0px;
  padding-left: 0px; }

/* Ordered List (3) */
.ol3 {
  line-height: 1.6; }

.ol3 li {
  position: relative;
  min-height: 52px;
  -height: 52px;
  padding: 10px 30px 10px 190px;
  margin: 10px 0 0;
  border: solid #aa8d18;
  border-width: 1px 1px 1px 0;
  background: no-repeat 0 50%; }

.ol3 li.n1 {
  background-image: url(/img/common/mod/ol3-n1.png); }

.ol3 li.n2 {
  background-image: url(/img/common/mod/ol3-n2.png); }

.ol3 li.n3 {
  background-image: url(/img/common/mod/ol3-n3.png); }

.ol3 li .head {
  position: absolute;
  top: 50%;
  left: 29px;
  margin: -26px 0 0; }

.ol3 li .note {
  font-size: 0.77em;
  line-height: 1.4;
  margin: 0.4em 0 0;
  color: #666666; }

/* Table (1) */
.table1 {
  margin: 1.8em 0; }

.table1 th {
  width: 77px;
  padding: 0.6em 15px 0.6em 0;
  border-right: 1px solid #d3d3d4;
  text-align: right;
  vertical-align: top;
  font-weight: normal; }

.table1 td {
  padding: 0.6em 15px;
  vertical-align: top; }

.table1 td table th {
  width: auto;
  padding: 0 15px 0 0;
  border: 0; }

.table1 td table td {
  padding: 0; }

/* Border Table */
table.border {
  border: 1px solid #d3d3d4;
  border-collapse: collapse;
  line-height: 1.2; }

table.border td {
  border: 1px solid #d3d3d4;
  border-collapse: collapse;
  padding: 5px; }

/* Description List (1) */
.dl1 dt {
  float: left;
  clear: left;
  width: 5em;
  line-height: 1.6;
  margin: 1px 0.5em 1px 0;
  background: #dcdddd;
  text-align: center; }

.dl1 dd {
  overflow: hidden; }

/* Description List (2) */
.dl2 dt {
  padding: 1.4em 50px 0 10px;
  margin: 1.4em 0 0;
  border-top: 1px solid #d3d3d4;
  color: #aa8d18; }

.dl2 dt.first {
  border-color: #aa8d18; }

.dl2 dd {
  padding: 0 50px 0 10px; }

/* Gallery (1) */
.gallery1 {
  padding: 0 0 0 92px;
  *zoom: 1; }

.gallery1:after {
  content: "";
  display: block;
  clear: both; }

.gallery1 li {
  position: relative;
  float: left;
  width: 310px;
  margin: 0 15px 0 0;
  list-style: none;
  *zoom: 1; }

.gallery1 li:after {
  content: "";
  display: block;
  clear: both; }

.gallery1 li .photo {
  padding: 1px;
  border: 1px solid #d3d3d4; }

.gallery1 li .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 160px;
  color: #666666; }

.gallery1 li .caption b {
  display: block;
  font-weight: normal; }

/* Gallery (2) */
.gallery2 li {
  margin: 0.6em 0;
  list-style: none;
  *zoom: 1; }

.gallery2 li:after {
  content: "";
  display: block;
  clear: both; }

.gallery2 li .photo {
  padding: 1px;
  border: 1px solid #d3d3d4;
  max-width: 100%; }

.gallery2 li .caption {
  clear: both;
  display: block;
  color: #666666; }

.news-col .news-box p.txt_link01 a {
  color: #AA8D18; }

.news-col .news-box p.txt_link01 a:hover {
  text-decoration: none; }

.news-box ul {
  padding: 0; }

/* Zoom */
.zoom .zoom-icon {
  display: none; }

/* Sitemap */
.sitemap li {
  padding: 0.6em 10px;
  border-bottom: 1px solid #d3d3d4;
  list-style: none;
  *zoom: 1; }

.sitemap li:after {
  content: "";
  display: block;
  clear: both; }

.sitemap li a {
  text-decoration: none;
  color: #333333; }

.sitemap li a:hover {
  text-decoration: underline;
  color: #aa8d18; }

.sitemap li .header-level-1 {
  font-size: 1.16em;
  line-height: 1.6;
  float: left; }

.sitemap li a.header-level-1 {
  padding: 0 0 0 22px;
  background: url(/img/common/icons/sq-black-r.png) no-repeat 5px 50%; }

.sitemap li ul {
  float: right;
  width: 560px; }

.sitemap li ul li {
  padding: 0;
  border: 0; }

.sitemap li ul li.sibling {
  padding: 0.6em 0 0;
  margin: 0.6em 0 0;
  border-top: 1px solid #d3d3d4; }

.sitemap li ul li a {
  padding: 0 0 0 15px;
  background: url(/img/common/icons/arr-gold-r.png) no-repeat 3px 50%; }

.sitemap li ul li .header-level-2 {
  padding: 0 0 0 15px; }

.sitemap li ul li.has-list-level-3 .header-level-2 {
  width: 100%;
  display: block; }

.sitemap li ul li ul {
  width: 100%;
  margin-left: 0px;
  float: left; }

.sitemap li ul li ul li {
  display: inline;
  white-space: nowrap;
  margin: 0 20px 0 0; }

.sitemap li ul li ul li:after {
  display: none; }

/* Q and A */
.qa {
  margin: 40px 0 0;
  background: url(/img/common/icons/arr-gray-r-h.png) no-repeat -9999px -9999px; }

.qa h2 {
  padding: 5px 12px;
  background: #cccccc; }

.qa .qa-toc {
  padding: 5px 10px 15px;
  background: #efefef; }

.qa .qa-toc h3 {
  padding: 0.6em 10px;
  margin: 1em 0 0;
  border-top: 1px solid #aa8d18;
  color: #aa8d18; }

.qa .qa-toc h3.first {
  margin: 0;
  border: 0; }

.qa .qa-toc li {
  padding: 2px 30px;
  list-style: none; }

.qa .qa-toc li .initial {
  float: left;
  width: 20px;
  margin: 0 0 0 -20px;
  color: #aa8d18; }

.qa .qa-toc li a {
  padding: 0 24px 0 0;
  background: url(/img/common/icons/arr-gray-r.png) no-repeat 100% 50%;
  color: #666666;
  text-decoration: none;
  list-style: none; }

.qa .qa-toc li a:hover {
  background-image: url(/img/common/icons/arr-gray-r-h.png);
  color: #aa8d18;
  text-decoration: underline; }

.qa .qgroup-heading {
  font-size: 1.16em;
  padding: 1em 20px 0;
  margin: 1em 0 0;
  border-top: 1px solid #aa8d18;
  font-weight: bold;
  color: #aa8d18; }

.qa .qgroup-heading.first {
  border: 0; }

.qa .q {
  padding: 1em 40px 0;
  margin: 1em 0 0;
  border-top: 1px solid #d3d3d4;
  font-weight: normal;
  color: #aa8d18; }

.qa .q.first {
  margin: 0;
  border: 0; }

.qa .a {
  padding: 0 40px; }

.qa .initial {
  float: left;
  width: 20px;
  margin: 0 0 0 -20px; }

/* Back to Top (1) */
.btt1 {
  float: right;
  margin: -1em 5px 0 0; }

/* Back to Top (2) */
.btt2 {
  float: right;
  position: relative;
  bottom: -30px; }

/* Back to Top (3) */
.btt3 {
  float: right;
  position: relative;
  bottom: -37px; }

/* Link (1) */
.link1 {
  padding: 0 3px 0 13px;
  border: 1px solid #d3d3d4;
  background: #eeeeee url(/img/common/icons/arr-red-r.png) no-repeat 3px 50%;
  color: #333333;
  text-decoration: none; }

.link1:hover {
  color: #c81042; }

/* Buttons (1) */
.buttons1 {
  margin: 30px 0 0;
  text-align: center;
  list-style: none; }

/* Pop-up Content */
.popup-content .section1 {
  margin: 30px 0 0; }

.popup-content .section1 dl {
  min-height: 410px;
  -height: 410px;
  padding: 0 234px 0 0;
  background: url(/img/mobile/fig-01.png) no-repeat 100% 100%; }

.popup-content .section1 dl dt {
  padding: 0 6px;
  margin: 20px 0 10px;
  border: 1px solid #4e95a8;
  color: #4e95a8; }

.popup-content .section1 dl dd.qrcode {
  position: relative;
  width: 336px;
  text-align: center; }

.popup-content .section1 dl dd.qrcode .note {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 100px;
  font-size: 0.77em;
  line-height: 1.2;
  color: #666666;
  text-align: left; }

.popup-content .section1 dl dd .mailto {
  display: block;
  margin: 10px 0 0;
  text-align: center; }

.popup-content .section1 dl dd .url {
  font-size: 1.4em;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  background: #aa8d18;
  color: #ffffff; }

.popup-content .section2 {
  padding: 15px 0 20px 24px;
  margin: 45px 0 0;
  border: 1px solid #aa8d18;
  background: #efefef; }

.popup-content .section2 ul {
  margin: 20px 0 0;
  *zoom: 1; }

.popup-content .section2 ul:after {
  display: block;
  clear: both;
  content: ""; }

.popup-content .section2 ul li {
  float: left;
  padding: 0 20px 0 0;
  list-style: none; }

.popup-content .section3 {
  margin: 30px 0 0; }

.popup-content .notes {
  font-size: 0.77em;
  line-height: 1.4;
  margin: 0.6em 10px 0;
  color: #666666;
  list-style: none; }

.popup-content .buttons {
  margin: 30px 0 0;
  text-align: center;
  list-style: none; }

.popup-content .copyright {
  margin: 20px 0 0;
  text-align: right; }

/* Program */
.program {
  margin: 20px 0 0; }

.program .title {
  font-size: 1.16em;
  color: #aa8d18; }

.program .title a {
  color: #aa8d18; }

.program .title a:hover {
  text-decoration: none; }

.program .title .sub {
  display: block;
  font-size: 0.87em; }

.program table.dffer_tab {
  border-top: #aa8d18 solid 1px;
  border-left: #aa8d18 solid 1px;
  border-right: #aa8d18 solid 1px;
  margin-left: 20px;
  margin: 10px 0; }

.program table.dffer_tab th {
  text-align: left;
  padding: 10px 0 10px 10px;
  border-bottom: #aa8d18 solid 1px; }

.program table.dffer_tab tr {
  font-size: 12px; }

.program table.dffer_tab td {
  border-bottom: #aa8d18 solid 1px;
  padding: 5px 0 5px 10px; }

.program table.dffer_tab td.td_le {
  width: 120px;
  border-bottom: #aa8d18 dashed 1px;
  border-right: #aa8d18 dashed 1px; }

.program table.dffer_tab td.td_ri {
  width: 250px;
  border-bottom: #aa8d18 dashed 1px; }

.program table.dffer_tab td.td_le_r {
  width: 120px;
  border-right: #aa8d18 dashed 1px; }

.program table.dffer_tab td.td_ri_r {
  width: 250px; }

/* servicearea */
body#servicearea {
  font: 12px/1.8 "Lucida Grande","Verdana",sans-serif; }

.popup-content .section02 {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #AA8D18;
  margin: 30px 0 0;
  padding: 24px 0 24px 24px; }

.popup-content .section02 #map {
  width: 520px;
  height: 385px;
  margin: 0; }

/* area_menu_tbl */
table.area_menu_tbl {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%; }

table.area_menu_tbl td {
  vertical-align: middle; }

table.area_menu_tbl td p.current {
  width: 169px; }

table.area_menu_tbl .area_menu ul {
  display: block;
  list-style-type: none;
  margin-bottom: 10px;
  margin-left: 10px;
  overflow: hidden;
  height: 100%; }

table.area_menu_tbl .area_menu2 ul {
  display: block;
  list-style-type: none;
  margin-bottom: 10px;
  overflow: hidden;
  height: 100%; }

table.area_menu_tbl .area_menu ul.second {
  margin-bottom: 0; }

table.area_menu_tbl .area_menu ul li,
table.area_menu_tbl .area_menu2 ul li {
  display: block;
  width: 127px;
  float: left;
  font-size: 0;
  line-height: 0;
  margin: 0 10px 0 0; }

table.area_menu_tbl .area_menu ul li.last,
table.area_menu_tbl .area_menu2 ul li.last {
  margin-right: 0; }

/* detail_tbl */
table.detail_tbl {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%; }

table.detail_tbl dt,
table.detail_tbl dd {
  margin: 0; }

table.detail_tbl h2 {
  display: block;
  background-color: #c3ad5c;
  color: #ffffff;
  padding: 0 10px;
  margin-bottom: 6px; }

table.detail_tbl .detail_bx dl {
  display: block;
  overflow: hidden;
  height: 100%;
  margin-bottom: 6px;
  background: #e5dbb9; }

table.detail_tbl .detail_bx dl dt {
  display: block;
  float: left;
  width: 80px;
  text-align: center;
  background-color: #e5dbb9; }

table.detail_tbl .detail_bx dl dd {
  display: block;
  float: left;
  background-color: #eeefef;
  padding: 0 5px; }

table.detail_tbl .detail_bx.type01 dl dd {
  width: 478px; }

table.detail_tbl .detail_bx.type02 {
  width: 273px; }

table.detail_tbl .detail_bx.type02 dl dd {
  width: 183px; }

table.detail_tbl .detail_bx.type03 {
  margin-left: 5px;
  width: 292px; }

table.detail_tbl .detail_bx.type03 dl dd {
  width: 202px; }

p.bnr01 {
  margin: 6px 0 0 0; }

p.bnr02 {
  float: left;
  padding: 6px 9px 0; }

.bnrBox01 {
  width: 570px;
  overflow: hidden; }

/* sale_tbl */
table.sale_tbl {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%; }

table.sale_tbl th.title {
  background-color: #C3AD5C;
  color: #FFFFFF;
  margin-bottom: 6px;
  padding: 0 6px;
  text-align: left; }

table.sale_tbl tr.ptn01 {
  background-color: #eeefef; }

table.sale_tbl tr.ptn02 {
  background-color: #FFFFFF; }

table.sale_tbl tr.ptn01 td,
table.sale_tbl tr.ptn02 td {
  padding: 0px 5px;
  vertical-align: middle;
  height: 45px; }

.section3 h2.gld {
  background-color: #C3AD5C;
  color: #FFFFFF;
  display: block;
  padding: 0 10px; }

.section3 p.gldbdr {
  border: 2px solid #C3AD5C;
  padding: 10px;
  color: #C3AD5C;
  font-weight: bold; }

table.sale_tbl th.first,
table.sale_tbl th.second,
table.sale_tbl th.third {
  background: #C3AD5C url(/products/servicearea/image/tbl_bg01.gif) repeat-y 0 10px; }

table.sale_tbl th.first {
  width: 220px; }

table.sale_tbl th.second {
  width: 220px; }

table.sale_tbl tr.ptn01 td.first,
table.sale_tbl tr.ptn02 td.first {
  color: #C3AD5C; }

table.sale_tbl tr.ptn01 td.first a,
table.sale_tbl tr.ptn02 td.first a {
  color: #9e8213;
  line-height: 175%;
  background: url("/img/common/icons/sq-black-r.png") no-repeat scroll 95% 60%;
  display: block; }

table.sale_tbl tr.ptn01 td.first a:hover,
table.sale_tbl tr.ptn02 td.first a:hover {
  color: #666666;
  line-height: 175%;
  background: url("/img/common/icons/arr-gray-r-h.png") no-repeat scroll 95% 60%;
  display: block; }

table.sale_tbl tr.ptn01 td.first a:active,
table.sale_tbl tr.ptn02 td.first a:active {
  color: #666666;
  color: #666666; }

table.sale_tbl tr.ptn01 td.second,
table.sale_tbl tr.ptn01 td.third {
  background: #eeefef url(/products/servicearea/image/tbl_bg02.gif) repeat-y 0 10px; }

table.sale_tbl tr.ptn02 td.second,
table.sale_tbl tr.ptn02 td.third {
  background: #FFFFFF url(/products/servicearea/image/tbl_bg02.gif) repeat-y 0 10px; }

div.popup-content h1 span.bk {
  float: right;
  padding-right: 5px;
  display: block; }

div.popup-content h1 span.bk a {
  display: block; }

/* layout ------------------------------ */
body .w538 {
  width: 538px !important; }

body .w435 {
  width: 435px !important; }

body .w400 {
  width: 400px !important; }

body .w370 {
  width: 370px !important; }

body .w385 {
  width: 385px !important; }

body .w365 {
  width: 365px !important; }

body .w360 {
  width: 360px !important; }

body .w350 {
  width: 350px !important; }

body .w345 {
  width: 345px !important; }

body .w340 {
  width: 340px !important; }

body .w320 {
  width: 320px !important; }

body .w300 {
  width: 300px !important; }

body .w250 {
  width: 250px !important; }

body .w270 {
  width: 270px !important; }

body .w260 {
  width: 270px !important; }

body .w200 {
  width: 200px !important; }

body .w170 {
  width: 170px !important; }

body .w166 {
  width: 166px !important; }

body .w150 {
  width: 150px !important; }

body .w110 {
  width: 110px !important; }

body .w90 {
  width: 90px !important; }

body .w80 {
  width: 80px !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  Print

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media print {
  body {
    font: 13px/1.6 "Lucida Grande", "Meiryo", sans-serif;
    background: white;
    color: black; }

  .page {
    width: auto;
    padding: 0; }

  .page-header {
    padding: 0 0 30px; }

  .nav {
    display: none; }

  .numbered {
    list-style: decimal; }

  .ol1,
  .ol2,
  .ol3 {
    padding: 0 0 0 3em; }

  .ol1 li,
  .ol2 li,
  .ol3 li {
    min-height: inherit;
    -height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    display: list-item;
    list-style-type: decimal; }

  .ol2 li.n1, .ol2 li.n2, .ol2 li.n3, .ol2 li.n4 {
    background-image: none;
    background-repeat: none;
    list-style: decimal; }

  .ol3 li.n1, .ol3 li.n2, .ol3 li.n3 {
    background-image: none;
    background-repeat: none;
    list-style: decimal; }

  .ol3 li img {
    display: none; } }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

  ColorBox

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  overflow: hidden; }

#cboxLoadedContent {
  overflow: auto; }

#cboxLoadedContent iframe {
  display: block;
  border: 0;
  height: 100%;
  width: 100%; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
  background: #fff; }

#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(/img/common/colorbox/border1.png) 0 0 no-repeat; }

#cboxTopCenter {
  height: 25px;
  background: url(/img/common/colorbox/border1.png) 0 -50px repeat-x; }

#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(/img/common/colorbox/border1.png) -25px 0 no-repeat; }

#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(/img/common/colorbox/border1.png) 0 -25px no-repeat; }

#cboxBottomCenter {
  height: 25px;
  background: url(/img/common/colorbox/border1.png) 0 -75px repeat-x; }

#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(/img/common/colorbox/border1.png) -25px -25px no-repeat; }

#cboxMiddleLeft {
  width: 25px;
  background: url(/img/common/colorbox/border2.png) 0 0 repeat-y; }

#cboxMiddleRight {
  width: 25px;
  background: url(/img/common/colorbox/border2.png) -25px 0 repeat-y; }

#cboxContent {
  background: #fff; }

#cboxLoadedContent {
  margin-bottom: 20px; }

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999; }

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999; }

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444; }

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444; }

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444; }

#cboxLoadingOverlay {
  background: url(/img/common/colorbox/loading.gif) 5px 5px no-repeat #fff; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #444;
  font-size: 11px; }

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale'); }

.cboxIE #cboxTopCenter {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale'); }

.cboxIE #cboxTopRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale'); }

.cboxIE #cboxBottomLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale'); }

.cboxIE #cboxBottomCenter {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale'); }

.cboxIE #cboxBottomRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale'); }

.cboxIE #cboxMiddleLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale'); }

.cboxIE #cboxMiddleRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/common/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale'); }

/* @JavaScript */
.rollover {
  /* image rollover */ }

.number {
  /* sequential list */ }

.png {
  /* DD_belatedPNG */ }

/*
@colors {
   white: #ffffff;
  silver: #d3d3d4;
    gray: #666666;
   black: #333333;
    gold: #aa8d18;
}
*/
ul.circle {
  list-style-type: circle !important;
  margin-left: 20px !important; }

ul.num {
  list-style-type: decimal !important;
  margin-left: 20px !important; }

.Atten {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.Atten > div {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
  background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#e8e8e8", GradientType=0);
  -webkit-box-shadow: 3px 3px 4px 0px #efefef;
  -moz-box-shadow: 3px 3px 4px 0px #efefef;
  width: 49%;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  box-shadow: 3px 3px 4px 0px #efefef;
  margin: 0 0px 10px 0;
  justify-content: space-between;
  display: flex;
  align-items: center;
  text-align: center; }

.Atten div.full {
  width: 100%; }

.Atten > div:hover {
  background: #e8e8e8;
  background: linear-gradient(top, #e8e8e8 0%, #fff 100%); }

.Atten a {
  color: #8d761e;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  box-sizing: border-box;
  padding: 10px 28px 10px 10px;
  display: block;
  background: url("/images/head_bnr_arrow.png") no-repeat right 10px center;
  text-decoration: none;
  width: 100%; }

.Atten a span {
  color: #ed6758; }

.Atten div.red {
  border: 1px solid #ed6758; }

.Atten div.more {
  border: 1px solid #ed6758; }

.BlogBnr {
  margin-top: 10px; }

.Atten_grid {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between; }
  .Atten_grid .info5 {
    width: 100%;
    margin-bottom: 10px; }
  .Atten_grid .info4 {
    width: 49.5%; }
  .Atten_grid .info2 {
    width: 49.5%; }
  .Atten_grid > div {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    box-shadow: 3px 3px 4px 0px #efefef;
    margin: 0;
    justify-content: space-between;
    display: flex;
    align-items: center;
    text-align: center;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#e8e8e8", GradientType=0);
    -webkit-box-shadow: 3px 3px 4px 0px #efefef;
    -moz-box-shadow: 3px 3px 4px 0px #efefef; }
  .Atten_grid > div:hover {
    background: #e8e8e8;
    background: linear-gradient(top, #e8e8e8 0%, #fff 100%); }
  .Atten_grid div.full {
    width: 100%; }
  .Atten_grid a {
    color: #8d761e;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    box-sizing: border-box;
    padding: 10px 28px 10px 10px;
    display: block;
    background: url("/images/head_bnr_arrow.png") no-repeat right 10px center;
    text-decoration: none;
    width: 100%; }
  .Atten_grid a span {
    color: #ed6758; }
  .Atten_grid .red {
    border: 1px solid #ed6758; }
  .Atten_grid .more {
    border: 2px solid #ed6758; }

.BlogBnr {
  margin-top: 10px; }

/*地図*/
.areamap {
  background: url(/products/servicearea/image/area_map.jpg) no-repeat top center;
  width: 100%;
  height: 562px;
  margin-bottom: 40px;
  position: relative;
  margin-top: 40px; }

.areamap ul {
  position: absolute;
  width: 174px;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.areamap ul:after {
  content: "";
  clear: left;
  display: table; }

.areamap ul li {
  margin: 0 0 0 0;
  float: left;
  border-radius: 3px;
  width: 82px;
  height: 23px;
  margin-right: 5px;
  margin-bottom: 5px; }

.areamap ul li.wide {
  width: 169px;
  height: 27px;
  margin-bottom: 10px; }

.areamap ul li.uwide {
  width: 169px;
  height: 27px;
  margin-top: 5px; }

.areamap ul.kyu li.uwide {
  width: 169px;
  height: 27px; }

.areamap ul li a {
  display: block;
  text-indent: -9999px;
  height: 100%; }

.areamap ul li a:hover {
  background: #FFFFFF;
  opacity: 0.3; }

ul.areaanchor {
  width: 100%;
  border: #dddddd 1px solid;
  list-style-type: none;
  background: #FFFFFF;
  margin: 20px 0 95px;
  position: relative;
  padding: 0; }

ul.areaanchor:after {
  content: "";
  clear: left;
  display: block;
  text-align: center; }

ul.areaanchor > li {
  float: left;
  width: 14.2%;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
  text-align: center; }

ul.areaanchor > li:last-child {
  border-right: none; }

ul.areaanchor > li a {
  padding: 10px 5px;
  display: block;
  text-align: center;
  color: #333333; }

ul.areaanchor > li.active {
  padding: 15px 0;
  background: #b89a2e;
  color: #FFFFFF;
  border-bottom: 1px solid #b89a2e; }

ul.areaanchor > li:last-child {
  width: 124px; }

ul.areaanchor ul.nav {
  top: 54px;
  left: -1px;
  width: 843px;
  position: absolute;
  background: #b89a2e;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-top: none; }

ul.areaanchor ul.nav li {
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  margin-right: 5px; }

ul.areaanchor ul.nav a {
  padding: 5px 30px 5px 10px;
  background: url(/products/servicearea/image/icon_anchor.png) no-repeat right;
  text-decoration: none; }

ul.areaanchor ul.nav a:hover {
  opacity: 0.7; }

div.shoplist h2 {
  font-size: 1.4em;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin: 40px 0 20px; }

div.shoplist table {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
  font-size: 13px; }

div.shoplist table th {
  background: #b89a2e;
  padding: 5px;
  color: #FFFFFF; }

div.shoplist table td {
  background: #F3F3F3;
  padding: 5px; }

div.shoplist table tr:first-of-type th:nth-child(1) {
  width: 10em; }

div.shoplist table tr:first-of-type th:nth-child(3) {
  width: 9em; }

/*blog*/
.BlogList {
  border: 3px solid #e8dabf;
  padding: 10px; }

.BlogList:after {
  content: "";
  clear: left;
  display: table; }

.BlogList .Part {
  float: left;
  width: 396px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #e8dabf; }

.BlogList .Part p {
  margin-bottom: 10px; }

.BlogList .Part p a {
  float: right; }

.BlogList .Part p:after {
  content: "";
  clear: both;
  display: table; }

.BlogList .Part.Last {
  margin-right: 0;
  padding-right: 0;
  border-right: 0; }

.BlogList .Part ul {
  background: #EFEFEF;
  padding: 10px; }

.BlogList .Part ul li {
  list-style: none; }

.BlogList .Part ul li a {
  background: url(/image/arrow_icon.png) no-repeat left 3px;
  margin-bottom: 5px;
  display: block;
  padding-left: 22px;
  color: #333333; }

.BlogList .Part ul li a:hover {
  text-decoration: none; }

.area_menu {
  display: none; }

.type-popup h1.h1 span:first-child {
  display: none !important; }

.t_wa {
  list-style-type: none;
  margin-left: 25px; }

.ol1 .t_wa > li {
  min-height: inherit;
  height: auto;
  padding: 0;
  margin: 30px 0 10px;
  list-style-type: none;
  border-bottom: none;
  text-indent: -16px;
  padding-left: 18px;
  text-indent: 0; }

.ol1.numtop li {
  background-position: left 20px !important; }

li.nb {
  border-bottom: none; }

.t_num {
  list-style-type: none;
  margin: 20px; }

.t_num li {
  list-style-type: decimal;
  border: none;
  min-height: inherit;
  padding: 0 0 0 10px;
  margin: 0 0 20px;
  text-indent: 0; }

.Contents {
  min-width: 1080px; }

.compPart {
  margin-top: 20px; }

.compPart:after {
  content: "";
  clear: both;
  display: table; }

.compPart .p1 {
  font-size: 16px;
  width: 518px;
  float: left;
  margin-right: 0px; }

.compPart a {
  float: right;
  width: 271px;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #d3d3d3; }

.p1.Atten {
  color: #aa8d18; }

.BottomPart {
  margin-bottom: 20px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 20px; }

.CornerTest {
  padding: 20px;
  background: #f9f7f7 url(../compliancetest/img/cornertest_bg.png) no-repeat center center; }

.CornerTest:after {
  content: "";
  clear: both;
  display: table; }

.CornerTest .Left {
  float: left;
  width: 349px; }

.CornerTest .Left dl:after {
  content: "";
  clear: both;
  display: table; }

.CornerTest .Left dt {
  width: 87px;
  float: left;
  clear: both; }

.CornerTest .Left dd {
  width: 261px;
  float: right; }

.CornerTest .Left dd input {
  background: #faffbd; }

.CornerTest .Left dd .Wide {
  width: 100%; }

.CornerTest .Left dt, .CornerTest .Left dd {
  margin: 0 0 10px 0; }

.CornerTest .Left p.Atten {
  font-weight: bold;
  color: #aa8d18;
  margin-bottom: 10px; }

.CornerTest .Right {
  float: right;
  width: 350px; }

.CornerTest .Right dl:after {
  content: "";
  clear: both;
  display: table; }

.CornerTest .Right dt, .CornerTest .Right dd {
  margin-bottom: 10px; }

.CornerTest .Right dt {
  width: 125px;
  float: left;
  clear: both; }

.CornerTest .Right .Full {
  width: 100%; }

.CornerTest .Right dd {
  width: 207px;
  float: right; }

.CornerTest .Right .Full table {
  border-collapse: collapse;
  border: 1px solid #aa8d18;
  border-bottom: none;
  border-right: none;
  width: 100%;
  margin-bottom: 5px; }

.CornerTest .Right .Full table th,
.CornerTest .Right .Full table td {
  border-right: 1px solid #aa8d18;
  border-bottom: 1px solid #aa8d18;
  position: static;
  text-align: center;
  padding: 5px 0; }

.CornerTest .Right .Full table th {
  color: #aa8d18;
  background: #f5f2e5;
  width: 10%;
  box-sizing: border-box; }

.CornerTest .Right .Full table td {
  background: #FFF;
  color: #e60012;
  width: 10%;
  box-sizing: border-box; }

a {
  font-family: 13px/1.8 "Lucida Grande", "Verdana", sans-serif; }

.LayoutComp01 th {
  color: #aa8d18; }

.Indent01 {
  padding-left: 1.5rem;
  text-indent: -1.5rem; }

.BottomPart h2 {
  margin-bottom: 20px; }

.acenter {
  text-align: center;
  margin: 20px 0 0 0; }

.MemberTopics {
  border: 3px solid #e8dabf;
  border-bottom: none;
  padding: 10px;
  margin-top: 5px; }

.MemberTopics ul li {
  border-bottom: 1px dotted #cccccc;
  list-style-type: none; }

.MemberTopics ul li a {
  display: block;
  padding: 10px 10px 10px 35px;
  background: url(/image/arrow_icon.png) no-repeat left 13px;
  text-decoration: none; }

.MemberTopics ul li a span {
  display: inline-block;
  margin-right: 15px; }

.MemberTopics ul li a span img {
  margin-right: 1px; }

.MemberTopics ul li a:visited {
  color: #333333; }

body.Privacy .ol1 > li {
  background-position: left 20px; }

body.Privacy .ol1 li > ul.t_num {
  margin-left: 50px; }

ul.Non {
  margin: 20px 0 20px 32px; }

ul.Non li {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  border: none; }

body.Privacy dl:after {
  content: "";
  clear: left;
  display: table; }

body.Privacy dl.layout dt {
  text-indent: 0;
  width: 80px;
  float: left;
  clear: left;
  margin-bottom: 5px; }

body.Privacy dl.layout dd {
  text-indent: 0;
  width: calc(100% - 80px);
  float: left;
  margin-bottom: 5px; }

.imgtx * {
  margin-bottom: 30px;
  box-sizing: border-box; }

.imgtx:after {
  content: "";
  clear: both;
  display: table; }

.imgtx.fr img {
  margin: 0 0 20px 20px; }

.imgtx .Layout {
  width: calc(100% - 356px);
  float: left;
  padding-right: 15px; }

.imgtx .Layout .catch {
  margin: 0 0 20px;
  float: none; }

.bnrpp6 {
  margin: 10px 0 40px; }

ul.astlist {
  font-size: 12px; }

ul.astlist li {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
  list-style: none;
  margin-bottom: 5px; }

.agingtitle {
  margin-bottom: 40px; }

.center {
  text-align: center; }

.photoaging .mgb30 {
  margin-bottom: 30px; }

.photoaging .mgb30 p {
  display: none; }

.photoaging .Headling {
  background: url(../img/products/photoaging/Web_201705_UV_03.jpg) no-repeat;
  width: 590px;
  height: 201px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 40px; }

.photoaging .Headling p {
  display: none; }

.photoaging .Headling h1 {
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 10px; }

.photoaging .Headling.dryskincare {
  background: url(/img/products/dryskin/main.jpg) no-repeat; }

.photoaging .ImgTx {
  width: 590px;
  margin: 0 auto 48px; }

.photoaging .ImgTx:after {
  content: "";
  clear: both;
  display: table; }

.photoaging .ImgTx > img {
  float: left;
  margin-right: 25px; }

.photoaging .ImgTx .Layout {
  width: 333px;
  float: right;
  text-align: left; }

.photoaging .ImgTx .Layout p {
  margin-bottom: 15px; }

.photoaging .ImgTx .Layout .Corner {
  background: #ecf7f9;
  broder-radius: 3px;
  padding: 10px 16px;
  margin-bottom: 10px; }

.photoaging .ImgTx .Layout .Corner span {
  display: inline-block;
  vertical-align: middle;
  background: #008ccf;
  color: #FFF;
  text-align: center;
  width: 30px;
  border-radius: 3px;
  padding: 1px 2px;
  line-height: 1rem; }

.photoaging .ImgTx .Layout .Corner p.List {
  background: #FFF;
  border-radius: 10px;
  color: #008ccf;
  margin-bottom: 5px;
  padding: 2px 5px; }

.grid1b .col3 {
  float: right;
  width: 625px;
  height: 835px;
  padding: 98px 0 0 91px;
  border-bottom: 1px solid #d3d3d4; }

.grid1b .col3.border {
  float: right;
  width: 625px;
  height: auto;
  padding: 98px 0 90px 91px;
  border-bottom: 1px solid #d3d3d4; }

.Greeting h1 {
  margin: 0 0 30px; }

.Greeting h2 {
  margin: 50px 0 30px; }

.Greeting .text1 {
  background: url(/greeting/text1.png) no-repeat;
  width: 537px;
  height: 366px;
  display: block; }

.Greeting .text1 > div {
  display: none; }

.Greeting .text2 {
  background: url(/greeting/text2.png) no-repeat;
  width: 537px;
  height: 1110px;
  display: block; }

.Greeting .text2 > div {
  display: none; }

.Greeting .flexlayout {
  display: flex;
  justify-content: space-between;
  width: 537px; }
  .Greeting .flexlayout > a {
    display: block; }

.TopicsAtten {
  border: 1px solid #d3d3d4;
  padding: 15px;
  margin-top: 10px; }

.TopicsAtten strong {
  color: #aa8d18; }

.attention-message {
  margin: 10px 0; }

.attention-cov {
  border: 1px solid #ed6758;
  color: #333;
  padding: 10px;
  text-align: center;
  margin: 0 0 10px;
  border-radius: 3px; }

.attention-cov p {
  margin: 0; }

.FollowSystem {
  padding-right: 30px; }

.FollowSystem .Text p {
  margin-bottom: 20px; }

.FollowSystem h1 {
  margin-bottom: 45px; }

.slider-viewport {
  overflow: hidden; }

#content-box5 figure {
  height: 448px; }

.attenmessage {
  margin-bottom: 20px; }

.release {
  float: right;
  width: 335px;
  color: #aa8d18;
  font-weight: bold;
  margin-bottom: 10px; }

.Bloc {
  width: 840px;
  display: flex; }

.Bloc:after {
  content: "";
  clear: both;
  display: block; }

.Bloc .Left {
  float: left;
  background: #d4c388 url("/img/common/mod/new_grid1b-bg.png") top no-repeat;
  width: 111px;
  display: block; }

.Bloc .Right {
  width: 716px;
  float: right;
  border: 1px solid #ccc;
  margin: 0 0 0 13px;
  padding: 90px 83px;
  box-sizing: border-box; }

.Bloc .tlink {
  padding: 0 0 0 15px;
  background: url(/img/common/icons/arr-gold-r.png) no-repeat 3px 50%;
  color: #333; }

.Bloc .tlink:hover {
  text-decoration: underline;
  color: #aa8d18; }

.cl {
  clear: both; }

.p-linkbox {
  border: 1px solid #ccc;
  padding: 20px;
  text-align: center;
  margin-top: 20px; }

.p-linkbox p {
  margin-bottom: 20px; }

.blayout {
  width: 537px; }

.blayout h1 {
  margin: 0 0 60px; }

.blayout h2 {
  margin: 40px 0 25px; }

.blayout p {
  margin-bottom: 20px; }

span.uline {
  text-decoration: underline; }

.blayout div.attennote {
  border: 1px solid #ccc;
  padding: 20px; }

.blayout div.attennote ul {
  margin: 0 0 0 15px; }

.blayout .tline {
  padding: 15px 0 0;
  border-top: 1px solid #ccc; }

.blayout .imglayout {
  margin: 20px 0; }

/*テキストベースレイアウト用*/
.textstyle h1 {
  font-size: 1.6rem;
  margin: 0 0 20px;
  text-align: center; }

.textstyle h1 + .Data {
  margin-bottom: 40px;
  text-align: right; }

.textstyle img {
  margin-bottom: 20px; }

.textstyle .sign {
  text-align: right; }

.attenlink {
  display: block;
  text-align: center;
  border: 1px solid #8d761e;
  border-radius: 3px;
  color: #8d761e;
  width: 335px;
  float: right;
  margin-top: 15px;
  padding: 5px;
  box-sizing: border-box; }

/*premium8*/
.wrap-text {
  width: 537px;
  margin-bottom: 60px; }

.webfont-noto {
  font-family: 'Noto Serif JP', serif;
  font-size: 15px;
  line-height: 1.6; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

/*製品情報css改定 スキンケア*/
.menu_tile {
  overflow: hidden;
  bottom: 0;
  right: 0;
  width: 530px;
  float: right; }

.menu_tile * {
  box-sizing: border-box; }

/*230403*/
.menu_skin {
  width: 530px;
  height: 471px;
  display: block;
  background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat;
  padding: 0px 9px 0 8px; }
  .menu_skin ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .menu_skin ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
      .menu_skin ul li a {
        height: 235px;
        display: block;
        color: transparent; }
    .menu_skin ul li:nth-of-type(1) {
      width: 70px; }
      .menu_skin ul li:nth-of-type(1) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -8px -500px; }
    .menu_skin ul li:nth-of-type(2) {
      width: 58px; }
      .menu_skin ul li:nth-of-type(2) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -78px -500px; }
    .menu_skin ul li:nth-of-type(3) {
      width: 116px; }
      .menu_skin ul li:nth-of-type(3) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -136px -500px; }
    .menu_skin ul li:nth-of-type(4) {
      width: 65px; }
      .menu_skin ul li:nth-of-type(4) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -252px -500px; }
    .menu_skin ul li:nth-of-type(5) {
      width: 98px; }
      .menu_skin ul li:nth-of-type(5) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -317px -500px; }
    .menu_skin ul li:nth-of-type(6) {
      width: 103px; }
      .menu_skin ul li:nth-of-type(6) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -415px -500px; }
    .menu_skin ul li:nth-of-type(7) {
      width: 230px; }
      .menu_skin ul li:nth-of-type(7) a:hover {
        background: url("/products/images/skincare-menu.jpg?d=20250725") no-repeat -8px -735px; }

.menu_hair {
  width: 530px;
  height: 255px;
  display: block;
  background: url("/products/images/hair-care-menu.jpg?d=20240126") no-repeat;
  padding: 0px 9px 0 51px; }
  .menu_hair ul {
    display: flex;
    justify-content: flex-start; }
    .menu_hair ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
      .menu_hair ul li a {
        height: 255px;
        display: block;
        color: transparent; }
    .menu_hair ul li:nth-of-type(1) {
      width: 138px; }
      .menu_hair ul li:nth-of-type(1) a:hover {
        background: url("/products/images/hair-care-menu.jpg?d=20240126") no-repeat -51px -300px; }
    .menu_hair ul li:nth-of-type(2) {
      width: 158px; }
      .menu_hair ul li:nth-of-type(2) a:hover {
        background: url("/products/images/hair-care-menu.jpg?d=20240126") no-repeat -189px -300px; }
    .menu_hair ul li:nth-of-type(3) {
      width: 145px; }
      .menu_hair ul li:nth-of-type(3) a:hover {
        background: url("/products/images/hair-care-menu.jpg?d=20240126") no-repeat -347px -300px; }

.menu_beauty {
  width: 530px;
  height: 255px;
  display: block;
  background: url("/products/images/beauty-health-menu.jpg?d=24061") no-repeat top;
  padding: 0 9px 0 32px; }
  .menu_beauty ul {
    display: flex;
    justify-content: flex-start;
    padding-left: 55px; }
    .menu_beauty ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
      .menu_beauty ul li a {
        display: block;
        color: transparent;
        height: 255px; }
    .menu_beauty ul li:nth-of-type(1) {
      width: 140px; }
      .menu_beauty ul li:nth-of-type(1) a:hover {
        background: url("/products/images/beauty-health-menu.jpg?d=24061") no-repeat -87px -400px; }
    .menu_beauty ul li:nth-of-type(2) {
      width: 91px; }
      .menu_beauty ul li:nth-of-type(2) a:hover {
        background: url("/products/images/beauty-health-menu.jpg?d=24061") no-repeat -227px -400px; }
    .menu_beauty ul li:nth-of-type(3) {
      width: 135px; }
      .menu_beauty ul li:nth-of-type(3) a:hover {
        background: url("/products/images/beauty-health-menu.jpg?d=24061") no-repeat -318px -400px; }

.item_attention {
  margin: 20px 0 0 0; }
  .item_attention li {
    display: inline;
    list-style: none;
    font-size: 0.77em;
    line-height: 1.6;
    color: #666666;
    margin: 0; }
  .item_attention li:not(:first-child) {
    margin-left: 10px; }

.layout_8premium {
  width: 840px; }
  .layout_8premium * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .layout_8premium .mainimage {
    text-align: center;
    margin-bottom: 20px; }
  .layout_8premium .flexbox {
    display: flex;
    justify-content: space-between; }
  .layout_8premium .flexbox.lead {
    margin-bottom: 20px; }
    .layout_8premium .flexbox.lead > div:nth-of-type(1) {
      padding: 0 0 0 20px; }
      .layout_8premium .flexbox.lead > div:nth-of-type(1) img:nth-of-type(1) {
        margin: 10px 0 20px; }
  .layout_8premium .chart1 {
    margin-bottom: 30px; }
    .layout_8premium .chart1 .wrap {
      background: #eceeee;
      padding: 23px 20px 20px; }
      .layout_8premium .chart1 .wrap .subtext {
        text-align: center;
        margin-bottom: 23px; }
      .layout_8premium .chart1 .wrap .part {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px; }
        .layout_8premium .chart1 .wrap .part:nth-of-type(2) {
          margin-bottom: 25px; }
        .layout_8premium .chart1 .wrap .part:last-of-type {
          margin-bottom: 0; }
        .layout_8premium .chart1 .wrap .part > div:nth-of-type(1) {
          border-radius: 5px 0 0 5px; }
        .layout_8premium .chart1 .wrap .part > div.bg1 {
          border-radius: 0 3px 3px 0;
          background: #fff url("/products/images/8cream/imp-chartbg1.png") no-repeat center right 28px; }
          .layout_8premium .chart1 .wrap .part > div.bg1 p {
            padding: 50px 264px 0 30px;
            font-size: 13px;
            line-height: 22px; }
        .layout_8premium .chart1 .wrap .part > div.bg2 {
          border-radius: 0 3px 3px 0;
          background: #fff url("/products/images/8cream/imp-chartbg2.png") no-repeat center right 28px; }
          .layout_8premium .chart1 .wrap .part > div.bg2 p {
            padding: 50px 264px 0 30px;
            font-size: 13px;
            line-height: 22px; }
        .layout_8premium .chart1 .wrap .part > div.bg3 {
          border-radius: 0 3px 3px 0;
          background: #fff url("/products/images/8cream/imp-chartbg3.jpg") no-repeat center right 28px; }
          .layout_8premium .chart1 .wrap .part > div.bg3 p:first-child {
            padding: 17px 264px 0 30px;
            font-size: 13px;
            line-height: 21px; }
          .layout_8premium .chart1 .wrap .part > div.bg3 p.small {
            font-size: 10px;
            line-height: 15px;
            padding: 5px 264px 0 30px; }
  .layout_8premium .chart2 {
    width: 839px;
    height: 220px;
    display: block;
    background: url("/products/images/8cream/imp-chart2.jpg");
    position: relative;
    padding-top: 19px; }
    .layout_8premium .chart2 h2 {
      text-align: center;
      margin: 0 0 15px; }
    .layout_8premium .chart2 .layout {
      display: block;
      position: relative; }
      .layout_8premium .chart2 .layout > img {
        display: block;
        margin: 0 auto; }
      .layout_8premium .chart2 .layout > div {
        position: absolute;
        width: 238px;
        height: 140px;
        right: 0;
        bottom: -10px; }
        .layout_8premium .chart2 .layout > div p:first-child {
          width: 196px;
          font-size: 13px;
          line-height: 22px;
          margin-bottom: 10px; }
        .layout_8premium .chart2 .layout > div p:last-child {
          text-align: right;
          font-size: 9px;
          padding: 0 10px 10px 0; }

.plain {
  padding-bottom: 60px; }
  .plain .lead {
    font-size: 16px;
    border-bottom: 1px solid #d3d3d4; }
    .plain .lead p {
      margin: 1.4em 50px 1.4em 10px; }
  .plain h2, .plain h3 {
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 60px 0 30px;
    color: #666666; }
  .plain h2 {
    font-size: 22px; }
  .plain h3 {
    font-size: 18px; }
  .plain .layout {
    padding: 0 10px;
    /*formstyle*/ }
    .plain .layout > * {
      box-sizing: border-box; }
    .plain .layout p {
      line-height: 1.7;
      margin-bottom: 2.1; }
    .plain .layout ul {
      margin: 0 0 15px 20px; }
      .plain .layout ul li {
        list-style-type: disc; }
    .plain .layout dl.flex {
      margin: 10px 0 20px 20px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%; }
      .plain .layout dl.flex dt {
        width: 20%;
        margin-bottom: 15px;
        font-weight: bold; }
      .plain .layout dl.flex dd {
        width: 80%;
        margin-bottom: 15px;
        padding-left: 10px;
        border-left: 1px solid #d3d3d3;
        box-sizing: border-box; }
    .plain .layout .wrap {
      border: 1px solid #d3d3d3;
      padding: 15px;
      margin: 20px 0; }
      .plain .layout .wrap h3 {
        margin: 20px 0 10px;
        font-size: 18px;
        line-height: 1; }
      .plain .layout .wrap h3:first-of-type {
        margin-top: 0; }
      .plain .layout .wrap > ul:last-of-type {
        margin-bottom: 0; }
    .plain .layout address {
      font-style: normal; }
    .plain .layout ul.atten {
      margin-left: 0; }
      .plain .layout ul.atten li {
        list-style-type: none;
        text-indent: -1em;
        padding-left: 1em;
        color: #777777; }
    .plain .layout ul.none {
      margin-left: 0; }
      .plain .layout ul.none li {
        list-style-type: none;
        margin-bottom: 5px; }
    .plain .layout .border-top {
      padding-top: 10px;
      border-top: 1px solid #d3d3d3;
      margin-top: 15px; }
    .plain .layout .formstyle {
      border: 1px solid #b7952e;
      margin: 20px 0 20px; }
      .plain .layout .formstyle strong {
        color: #aa8d18; }
      .plain .layout .formstyle h3 {
        margin: 0 0 20px;
        background: #cfb670;
        padding: 10px;
        color: #fff;
        font-size: 16px; }
        .plain .layout .formstyle h3 span {
          color: #860002;
          font-size: 14px; }
      .plain .layout .formstyle .corner {
        padding: 0 20px 20px; }
      .plain .layout .formstyle dl dt {
        padding: 0 0 10px;
        border-bottom: 1px solid #d3d3d3;
        margin: 20px 0 10px;
        font-weight: bold; }
        .plain .layout .formstyle dl dt:first-of-type {
          margin-top: 0; }
      .plain .layout .formstyle ul.radio {
        margin-left: 0; }
        .plain .layout .formstyle ul.radio li {
          margin-bottom: 5px; }
          .plain .layout .formstyle ul.radio li label {
            display: block;
            border: 1px solid #d3d3d3;
            padding: 10px;
            border-radius: 3px; }
            .plain .layout .formstyle ul.radio li label input {
              vertical-align: middle; }
      .plain .layout .formstyle .border {
        border: 1px solid #d3d3d3;
        padding: 10px;
        border-radius: 3px; }
      .plain .layout .formstyle .issue {
        text-align: center;
        background: #efefef; }
      .plain .layout .formstyle input[type="text"] {
        margin: 0;
        padding: 5px 10px;
        border: 1px solid #d3d3d3;
        border-radius: 3px; }
        .plain .layout .formstyle input[type="text"].year {
          width: 4em;
          margin: 0 5px 0; }
        .plain .layout .formstyle input[type="text"].month {
          width: 2em;
          margin: 0 5px 0 15px; }
        .plain .layout .formstyle input[type="text"].day {
          width: 2em;
          margin: 0 5px 0 15px; }
        .plain .layout .formstyle input[type="text"].name-kanji {
          margin: 0 0 0 5px; }
        .plain .layout .formstyle input[type="text"].name-kana {
          margin: 0 0 0 5px; }
        .plain .layout .formstyle input[type="text"].zipcode {
          margin: 0 0 0 5px;
          width: 7em; }
        .plain .layout .formstyle input[type="text"].address {
          width: 100%; }
        .plain .layout .formstyle input[type="text"].mail {
          width: 20em; }
        .plain .layout .formstyle input[type="text"].mailcheck {
          width: 20em; }
      .plain .layout .formstyle span.notice {
        margin-left: 15px; }
      .plain .layout .formstyle textarea {
        display: block;
        border: 1px solid #d3d3d3;
        border-radius: 3px;
        padding: 10px;
        height: 80px;
        width: 100%;
        box-sizing: border-box; }
      .plain .layout .formstyle .error {
        background: #FFD4D5;
        border-radius: 3px;
        padding: 10px;
        color: #860002;
        margin-bottom: 10px; }
    .plain .layout input.sendbtn {
      border: 1px solid #cbae6b;
      background: linear-gradient(#e4c779, #a78a33);
      color: #fff;
      font-family: 'Noto Sans JP', sans-serif;
      padding: 15px;
      width: 350px;
      margin: 25px auto 0;
      color: #fff;
      font-size: 22px;
      border-radius: 3px;
      display: block; }

.floatlayout {
  margin-top: 50px; }
  .floatlayout .imgtx {
    display: flex;
    justify-content: space-between; }
    .floatlayout .imgtx:after {
      content: none; }
    .floatlayout .imgtx h3 {
      margin-bottom: 23px; }
      .floatlayout .imgtx h3 img {
        margin-bottom: 0;
        line-height: 1; }
    .floatlayout .imgtx > div:nth-of-type(1) {
      width: 224px; }
    .floatlayout .imgtx > div:nth-of-type(2) {
      width: 344px;
      text-align: center; }

.attention-list li {
  padding-left: 2em;
  text-indent: -2em;
  list-style: none; }

iframe.youtube {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto; }

div.page.pp6 .imgtx.fr > img {
  margin: 0 17px 20px 0;
  float: right; }
div.page.pp6 .imgtx .Layout {
  width: 240px; }

div.page.puret_three .imgtx {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 17px 17px 0;
  border-top: 1px solid #d3d3d3; }
  div.page.puret_three .imgtx > img {
    width: 300px;
    height: fit-content;
    margin: 0; }
  div.page.puret_three .imgtx > .Layout {
    width: 225px;
    padding: 0;
    margin: 0; }
    div.page.puret_three .imgtx > .Layout figure {
      margin: 0;
      padding: 0; }
      div.page.puret_three .imgtx > .Layout figure img {
        margin: 10px 0 0;
        padding: 0; }
    div.page.puret_three .imgtx > .Layout p strong {
      color: #162598; }
    div.page.puret_three .imgtx > .Layout p:last-of-type {
      margin-bottom: 0; }

.product span.blue {
  color: #162598;
  font-weight: bold; }
  .product span.blue sup {
    color: #333333;
    font-weight: normal; }
.product.eight-cream2023 .name {
  margin-bottom: 25px; }
.product.eight-cream2023 .imgtx > img {
  width: 340px; }
.product.pp9 .description {
  padding: 1.8em 0 0em;
  margin: 0;
  border: none; }
.product.pp9 .price {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.8em; }
.product.pp9 .imgtx img {
  width: 340px; }
.product.pp9 .imgtx .Layout {
  width: 230px;
  padding-right: 0; }
  .product.pp9 .imgtx .Layout p {
    line-height: 1.6; }
  .product.pp9 .imgtx .Layout p.notice {
    font-size: 12px;
    margin: 43px 0 0; }
  .product.pp9 .imgtx .Layout img.catch {
    width: auto; }
  .product.pp9 .imgtx .Layout img.insert {
    width: 230px;
    height: auto;
    margin: 0; }
.product.pp10 .name {
  margin-bottom: 25px; }
.product.pp10 .small {
  font-size: 10px; }
.product.pp10 .description {
  margin-top: 0; }
  .product.pp10 .description .flex-desc {
    display: flex;
    justify-content: space-between; }
    .product.pp10 .description .flex-desc > div:first-child {
      padding-right: 10px; }
    .product.pp10 .description .flex-desc > div:last-child {
      width: 210px; }
      .product.pp10 .description .flex-desc > div:last-child img {
        margin-bottom: 3px; }
      .product.pp10 .description .flex-desc > div:last-child p.caption {
        font-size: 11px;
        text-align: center; }
.product.pp10 .flex-layout .layout .sub-catch {
  margin: 18px 0 10px; }
.product.pp10 .specs {
  margin-top: 50px; }
.product.pp10 .links {
  margin-bottom: 0px; }
.product .flex-layout {
  display: flex;
  justify-content: space-between; }
  .product .flex-layout .layout {
    padding-right: 24px; }
    .product .flex-layout .layout .sub-catch {
      margin: 22px 0 12px; }
      .product .flex-layout .layout .sub-catch:first-of-type {
        margin-top: 0; }
    .product .flex-layout .layout .block {
      margin-bottom: 30px; }
      .product .flex-layout .layout .block p {
        line-height: 1.6; }

.mgb0 {
  margin-bottom: 0px !important; }

.mgb10 {
  margin-bottom: 10px !important; }

.mgb15 {
  margin-bottom: 15px !important; }

.mgb20 {
  margin-bottom: 20px !important; }

.mgb25 {
  margin-bottom: 25px !important; }

.mgb30 {
  margin-bottom: 30px !important; }

.mgb35 {
  margin-bottom: 35px !important; }

.mgb40 {
  margin-bottom: 40px !important; }

.mgb50 {
  margin-bottom: 50px !important; }

.mgb55 {
  margin-bottom: 55px !important; }

.indent {
  padding-left: 2rem;
  display: block;
  margin-top: 15px; }

/*20240215 gmail 指定受信*/
.wrap_gmail {
  padding: 30px 40px;
  margin: 35px 0 0;
  background: #efefef; }
  .wrap_gmail section + section {
    margin-top: 20px; }
  .wrap_gmail h2 {
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 20px; }
  .wrap_gmail h3 {
    color: #aa8d18;
    font-size: 14px;
    margin: 30px 0 20px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #aa8d18; }
  .wrap_gmail h4 {
    font-weight: normal;
    font-size: 12px;
    margin: 30px 0 20px; }
  .wrap_gmail ul.anc {
    color: #aa8d18;
    margin: 0 0 10px 20px; }
    .wrap_gmail ul.anc li a {
      padding: 0 24px 0 0;
      background: url(/img/common/icons/arr-gray-r.png) no-repeat 100% 50%;
      color: #666666;
      text-decoration: none;
      list-style: none; }
      .wrap_gmail ul.anc li a:hover {
        background-image: url(/img/common/icons/arr-gray-r-h.png);
        color: #aa8d18;
        text-decoration: underline; }
  .wrap_gmail figure.mobile_img {
    text-align: left;
    margin-bottom: 15px; }
    .wrap_gmail figure.mobile_img img {
      max-width: 320px;
      height: auto; }
  .wrap_gmail figure.pc_img {
    text-align: left;
    margin-bottom: 15px; }
    .wrap_gmail figure.pc_img img {
      width: 100%;
      height: auto; }
  .wrap_gmail a.inline {
    text-decoration: underline;
    color: #666666; }
    .wrap_gmail a.inline:hover {
      color: #aa8d18;
      text-decoration: none; }

table.style-thin {
  margin-top: 30px; }
  table.style-thin tr {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between; }
  table.style-thin th {
    text-align: left;
    border-right: 1px solid #d3d3d3;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    width: 20%;
    box-sizing: border-box;
    font-weight: bold; }
  table.style-thin td {
    padding-left: 10px;
    text-align: left;
    width: 80%;
    box-sizing: border-box; }
    table.style-thin td p:not(:last-of-type) {
      margin-bottom: 10px; }

.num_icon_list {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0px !important; }
  .num_icon_list li {
    padding: 0 0 0 20px;
    margin-bottom: 5px; }
    .num_icon_list li:last-child {
      margin-bottom: 0; }
    .num_icon_list li:nth-of-type(1) {
      background: url("/products/images/pp10-essence-mask/icon1.png") no-repeat left 2px top 3px; }
    .num_icon_list li:nth-of-type(2) {
      background: url("/products/images/pp10-essence-mask/icon2.png") no-repeat left top 3px; }
    .num_icon_list li:nth-of-type(3) {
      background: url("/products/images/pp10-essence-mask/icon3.png") no-repeat left top 3px; }

.page-content[lang="en"] {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal; }

.page-content[lang="zh"] {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

.page-content.foreign h1.h1b {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #666565; }
.page-content.foreign p.lead1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #666565; }
.page-content.foreign h3.head-color {
  box-sizing: border-box;
  background: #cfb670;
  color: #fff;
  font-weight: bold;
  width: 100%;
  line-height: 1;
  caption-side: 5px;
  padding: 12px;
  font-size: 14px; }
.page-content.foreign label.prev {
  word-break: break-word; }
.page-content.foreign #name1_error:after {
  content: "";
  clear: left;
  display: block; }
.page-content.foreign #week_error:after {
  content: "";
  clear: left;
  display: block; }