@charset "UTF-8";
/*======== MIXIN ==========*/
/* Media Query */
/* Fonts */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Thin.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Light.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Regular.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Bold.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff2") format("woff2"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Black.ttf") format("truetype"), url("/html/template/default/assets/fonts/NotoSansCJKjp/NotoSansCJKjp-Black.eot") format("embedded-opentype");
}

@font-face {
  font-family: 'Diamonds Regular';
  font-style: normal;
  font-weight: 400;
  src: url("/html/template/default/assets/fonts/Diamonds/Diamonds Regular.ttf") format("truetype");
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-size: .75rem;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

*:focus {
  outline: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* =================================== */
/* COLOR                              */
/* =================================== */
.redcolor {
  color: red;
}

/*------------------------------------*/
html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  color: #333333;
  background: #fff;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 200;
  line-height: 1.5;
  overflow-x: hidden;
}

body.is--overmenu {
  overflow: hidden;
  background: #666;
}

.ec-link,
a {
  color: #58A2A9;
  text-decoration: none;
}

input, select {
  border: transparent;
}
/* =================================== */
/* COMPONENT                           */
/* =================================== */


.spbr {
  display: none;
}

@media screen and (max-width: 750px) {
  .spbr {
    display: inline;
  }
}

.pcbr {
  display: inline;
}

@media screen and (max-width: 750px) {
  .pcbr {
    display: none;
  }
}

.spimg {
  display: none;
}

@media screen and (max-width: 750px) {
  .spimg {
    display: inline-block;
  }
}

.pcimg {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .pcimg {
    display: none;
  }
}

.spblc {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .spblc {
    display: block !important;
  }
}

.pcblc {
  display: block;
}

@media screen and (max-width: 750px) {
  .pcblc {
    display: none !important;
  }
}

.spinblc {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .spinblc {
    display: inline-block !important;
  }
}

.pcinblc {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .pcinblc {
    display: none !important;
  }
}

.sptbl {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .sptbl {
    display: table !important;
  }
}

.pctbl {
  display: table;
}

@media screen and (max-width: 750px) {
  .pctbl {
    display: none !important;
  }
}


/* ----------------------------------------------------
text
---------------------------------------------------- */
.ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}
.bold{font-weight:bold !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }





/* =================================== */
/* GLOBAL                              */
/* =================================== */
/* #over-lay {
    display: none;
}
#over-lay.is--show {
    display: block;
    width: 100%;
    background: #FFF;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .6;
} */
.site {
  overflow-x: hidden;
}

main {
  position: relative;
  z-index: 1;
}

.container {
  box-sizing: border-box;
  width: 100%;
  max-width: 65.625rem;
  /* 1080px */
  padding: 0 1.25rem;
  margin: 0 auto;
  position: relative;
}

img {
  width: 100%;
  height: auto;
}

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

.row {
  display: flex;
}

/* ripple__effect */
.ripple {
  overflow: hidden;
  position: relative;
}

.ripple__effect {
  width: 10rem;
  height: 10rem;
  position: absolute;
  border-radius: 100%;
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
}

.is--orange .ripple__effect {
  background: #f1c40f;
}

.is--blue .ripple__effect {
  background: #4aa3df;
}

.is--black .ripple__effect {
  background: rgba(0, 0, 0, 0.4);
}

.is--white .ripple__effect {
  background: rgba(255, 255, 255, 0.4);
}

.ripple__effect.is--show {
  animation: ripple .25s ease-out;
}

.ec-required {
  color: red;
  white-space: nowrap;
}

/* アニメーションの定義 */
@keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.discount,
span.discount.num {
  color: red;
}

.line-through {
  text-decoration: line-through;
}
/* =================================== */
/* HEADER                              */
/* =================================== */
.global-header-banner {
  height: 5.4375rem;
  background-color: #58A2A9;
  background-position: 50% calc(50% + 1.25rem);
  background-repeat: no-repeat;
  background-size: auto 10.125rem;
  transition: .4s;
}

.global-header-banner img {
  height: 100%;
  width: auto;
}

.global-header-banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.global-header {
  box-sizing: border-box;
  width: 100%;
  background: #f3f3f3;
  position: absolute;
  z-index: 999;
  height: 3.125rem;
}

.global-header.fixed {
  position: fixed;
  top: 0;
}

.global-header .container {
  width: 77.5rem;
  position: relative;
  height: 3.125rem;
  background: #F3F3F3;
}

.global-header .mobile-button {
  box-sizing: border-box;
  padding: 0 .5rem;
  height: 2rem;
  line-height: 2rem;
  font-size: .875rem;
  position: absolute;
  top: 50%;
  left: .5rem;
  transform: translate(0, -50%);
  border: 1px solid #333333;
  color: #333333;
  text-align: center;
  display: none;
  cursor: pointer;
  z-index: 15;
}

.global-header .logo {
  width: 12.125rem;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translate(0, -50%);
  z-index: 1;
}

.global-header .logo a {
  display: block;
}

.global-header .logo img {
  width: 12.125rem;
  vertical-align: middle;
}

.global-header .button-group {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%);
  display: flex;
  /* background: #f3f3f3; */
}

.global-header .button-group a {
  display: block;
  height: 100%;
}

.global-header .button-search-group {
  display: flex;
  margin: 0 .25rem;
  width: 2rem;
}

.global-header .is--show.button-search-group {
  background: #f3f3f3;
  width: auto;
}

.global-header .button-search {
  width: 2rem;
  background: url(../img/global-header__search.png) no-repeat 50% 50%;
  background-size: .9375rem auto;
  transition: .4s;
  padding: 1.5rem 0;
}

.global-header .button-search-input {
  width: 0;
  height: 2rem;
  border-bottom: .0625rem #fff solid;
  overflow: hidden;
  cursor: pointer;
  transition: .4s;
  white-space: nowrap;
  display: flex;
  flex-shrink: 1;
}

.global-header .button-search-input form {
  display: flex;
}

.global-header .button-search-input {
  width: 0;
  padding: .5rem 0;
}

.global-header .is--show .button-search-input {
  width: 10rem;
}

.global-header .button-search-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 8rem;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #333333;
  display: block;
}

.global-header .button-search-input input[type="submit"] {
  width: 2rem;
  height: 2rem;
  transition: .4s;
  overflow: hidden;
  text-align: center;
  color: #333333;
  display: none;
}

.global-header .button-search-input input[type="search"]:placeholder-shown + input[type="submit"] {
  background: none;
  color: #333333;
  display: none;
}

.global-header .button-icon {
  width: 2rem;
  background: url(../img/global-header__person.png) no-repeat 50% 50%;
  background-size: .9375rem auto;
  cursor: pointer;
  margin: 0 .25rem;
  transition: .4s;
  padding: 1.5rem 0;
}

.global-header .button-icon:after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: 1rem;
  background: url(../img/global-header__arrow.png) no-repeat 50% 50%;
  background-size: 100% auto;
  transition: .4s;
  margin-left: 1.8rem;
  position: absolute;
  top: 1.2rem;
}

.global-header .button-cart a {
  display: block;
  width: 2rem;
  margin: 0 .25rem;
  background: url(../img/global-header__cart.png) no-repeat 50% 50%;
  background-size: 1.125rem auto;
  cursor: pointer;
  position: relative;
  transition: .4s;
  padding: 1.5rem 0;
}

.global-header .button-cart a .number {
  display: block;
  font-size: .5625rem;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  border-radius: 1.125rem;
  background: #58A2A9;
  position: absolute;
  right: -.375rem;
  top: .2rem;
  text-align: center;
  color: #fff;
}

.global-header .user-name a:hover > .dropdown-menu {
  opacity: .6;
  display: block;
}

.global-header .user-name a {
  color: #333333;
  font-size: 1.0rem;
  font-family: 'Noto Sans CJK jp', sans-serif;
  transition: .4s;
  padding-top: 0.3rem;
  padding-right: 1.2rem;
}

.global-header .user-name a:after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: .5625rem;
  background: url(../img/global-header__arrow.png) no-repeat 50% 50%;
  background-size: 100% auto;
  margin-left: .25rem;
}

.global-header .menu-left .menu-two {
  color: #333333;
  font-size: 0.9rem;
  font-family: 'Lora', 'Noto Sans CJK jp', sans-serif;
  transition: .4s;
  padding-top: 0.3rem;
  padding-right: 1.2rem;
}

.global-header .menu-left .menu-one {
  color: #333333;
  font-size: 1.0rem;
  font-family: 'Lora', 'Noto Sans CJK jp', sans-serif;
  font-weight: bolder;
  transition: .4s;
  padding-top: 0.3rem;
  padding-right: 1.2rem;
  border-width: 20px;
  border-color: #333333;
  border-bottom: 1px solid #333333;
  padding-bottom: 7px;
}

.global-header .menu-left a:hover {
  opacity: .6;
}

.global-header td {
  padding: 0px 10px 22px 45px;
}

.global-header .user-name a:hover > .dropdown-menu {
  opacity: .6;
  display: block;
}

.global-header .user-name a {
  color: #333;
  font-size: 1.0rem;
  font-family: 'Lora', serif;
  transition: .4s;
  padding-top: 0.3rem;
  padding-right: 1.2rem;
}

.global-header .user-name a:after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: .5625rem;
  background: url(../img/global-header__arrow.png) no-repeat 50% 50%;
  background-size: 100% auto;
  margin-left: .25rem;
}

.global-header .menu-left a {
  color: #675048;
  font-size: 1.0rem;
  font-family: 'Lora', serif;
  transition: .4s;
  padding-top: 0.3rem;
  padding-right: 1.2rem;
}

.global-header-space {
  height: 3rem;
}

.global-navigation {
  width: 100%;
  height: 100%;
  color: #333333;
  transition: .4s;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0 9rem 0 14rem;
  box-sizing: border-box;
}

.global-navigation a {
  color: #333333;
  text-decoration: none;
}

.global-navigation h2 {
  font-weight: 200;
}

.global-navigation .navigation-list-1st {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
}

.global-navigation .navigation-list-1st > li {
  margin: 0 1.2rem;
  font-family: 'Noto Sans Japanese', sans-serif;
  position: relative;
  transition: .4s;
  cursor: pointer;
  padding: 1rem 0;
}

.global-navigation .navigation-list-1st .title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  transition: .4s;
}

.global-navigation .navigation-list-1st > li.toggle .title:after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: .5625rem;
  background: url(../img/asset__select-arrow.png) no-repeat 0;
  background-size: 100% auto;
  transition: .4s;
  margin-left: .25rem;
}

.global-navigation .navigation-list-2st {
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: .4s;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  margin-top: .5625rem;
  z-index: 10;
  background: #FFF;
}

.global-navigation .is--show .navigation-list-2st {
  height: auto;
}

.global-navigation .navigation-list-2st > li {
  font-family: sans-serif;
  font-size: .75rem;
  margin: 0 0rem;
  height: 2rem;
  background: #FFF;
  width: 50%;
}

.global-navigation .navigation-list-2st a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #333333;
  padding: 0 1rem;
  transition: .4s;
}

.global-navigation .navigation-list-2st {
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: .4s;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  margin-top: .5625rem;
  z-index: 10;
  background: #FFF;
  top: 40px;
}

.global-navigation .is--show .navigation-list-2st {
  height: auto;
}

.global-navigation .navigation-list-2st > li {
  font-family: sans-serif;
  font-size: .75rem;
  margin: 0 0rem;
  height: 2rem;
  background: #FFF;
  width: 50%;
}

.global-navigation .navigation-list-2st a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #333333;
  padding: 0 1rem;
  transition: .4s;
}

.ec-headerRole__cart .navigation-list-2st {
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: .4s;
  display: flex;
  flex-wrap: wrap;
  width: 400px;
  margin-top: .5625rem;
  z-index: 10;
  background: #FFF;
  top: 40px;
  left: -14rem;
}

.ec-headerRole__cart .is--show .navigation-list-2st {
  height: auto;
}

.ec-headerRole__cart .navigation-list-2st > li {
  font-family: sans-serif;
  font-size: .75rem;
  margin: 0 0rem;
  height: 2rem;
  background: #FFF;
  width: 50%;
}

.ec-headerRole__cart .navigation-list-2st a {
  display: block;
  height: 2rem;
  line-height: 2rem;
  color: #333333;
  padding: 0 1rem;
  transition: .4s;
}

/* =================================== */
/* FOOTER                              */
/* =================================== */
.global-footer {
  box-sizing: border-box;
  width: 100%;
  background: #f3f3f3;
  color: #333333;
  font-size: .875rem;
  position: relative;
  z-index: 1;
  margin-top: 50px;
}

.global-footer a {
  color: #333333;
  text-decoration: none;
  transition: .4s;
}

.global-footer .pageTopButton {
  width: 77.5rem;
  max-width: 65.625rem;
  margin: 0 auto;
  position: relative;
  text-align: right;
  top: -2rem;
}

.global-footer .pageTopButton:after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: .5625rem;
  background: url(../img/asset__select-arrow.png) no-repeat 0;
  background-size: 100% auto;
  margin-left: .25rem;
  transform: rotate(180deg);
}

.global-footer .container {
  width: 77.5rem;
  position: relative;
}

.global-footer .sitemap {
  box-sizing: border-box;
  padding: 2.5rem 0;
  display: flex;
  margin: 0 -1rem;
  line-height: 2;
}

.global-footer .sitemap ul.list {
  width: 100%;
  /*text-align: center;*/
}

.global-footer .sitemap ul.list li {
  /*display: inline-block;*/
  margin: 0 2rem;
}

.global-footer .sitemap .flex_footer {
  display: flex;
}

.global-footer .sitemap .flex_footer .grid {
  box-sizing: border-box;
  width: calc(100% / 3 - 2rem);
  margin: 0 1rem;
}

/* @media screen and (max-width: 750px) {
  .global-footer .sitemap .flex_footer {
    display: block;
  }
  .global-footer .sitemap .flex_footer .grid {
    width: 100%;
  }
} */


.global-footer .sitemap .group-title {
  font-size: 1.5rem;
  border-bottom: .0625rem #fff solid;
  margin-bottom: 1rem;
}

.global-footer .online-store {
  margin: 0rem 0 1rem;
  width: 10.625rem;
}

.global-footer .sns-group {
  display: flex;
  justify-content: center;
}

.global-footer .button-twitter {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 .5rem;
  background: url(../img/global-footer__tw.png) no-repeat 50% 50%;
  background-size: 1.875rem auto;
}

.global-footer .button-facebook {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 .5rem;
  background: url(../img/global-footer__fb.png) no-repeat 50% 50%;
  background-size: 1.875rem auto;
}

.global-footer .button-instagram {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 .5rem;
  background: url(../img/global-footer__inst.png) no-repeat 50% 50%;
  background-size: 1.875rem auto;
}

.global-footer .button-line {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0 .5rem;
  background: url(../img/global-footer__line.png) no-repeat 50% 50%;
  background-size: 1.875rem auto;
}

.global-footer .copyright {
  text-align: center;
  font-size: .875rem;
  padding: 2rem 0;
  color: #333333;
  font-size: .875rem;
}

.ec-modal .ec-modal-wrap {
  position: relative;
  border: none;
  border-radius: 5px;
  box-shadow: 4px 4px 6px 1px #666;
}

.ec-modal.active .ec-modal-overlay {
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 9997;
  overflow: auto;
}

.ec-modal ul.sns-list {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 3rem;
}

.ec-modal ul.sns-list li {
  width: calc((100% - 18px) / 3);
  margin: 3px;
  box-sizing: border-box;
  background: #999;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 5px;
}

.ec-modal ul.sns-list li a {
  color: #FFF;
  display: block;
  width: 100%;

}

.ec-modal ul.sns-list li a:hover {
  background: #589CA3;
}

#modal-Twitter #ec-modal-header {
  background: url(../img/global-footer__tw.png) no-repeat left 50%;
  background-size: 2.875rem auto;
  display: block;
  padding-left: 3rem;
  text-align: center;
  width: 15rem;
  margin: auto;
}

#modal-Facebook #ec-modal-header {
  background: url(../img/global-footer__fb.png) no-repeat left 50%;
  background-size: 2.875rem auto;
  display: block;
  padding-left: 3rem;
  text-align: center;
  width: 15rem;
  margin: auto;
}

#modal-Instagram #ec-modal-header {
  background: url(../img/global-footer__inst.png) no-repeat left 50%;
  background-size: 2.875rem auto;
  display: block;
  padding-left: 3rem;
  text-align: center;
  width: 15rem;
  margin: auto;
}

#modal-Withouthome.ec-modal .ec-modal-wrap .ec-modal-box {
  text-align: left;
  font-size: 14px;
}

/* =================================== */
/* MAIN                                */
/* =================================== */
/* =================================== */
/* PAGE                                */
/* =================================== */
/* toppage & module ====================== */
.module__brand {
  margin: 5rem 0;
  font-size: .75rem;
}

.module__brand .row {
  justify-content: space-around;
  align-items: center;
}

.module__brand .grid {
  box-sizing: border-box;
  width: calc(100% / 7);
  background: #fff;
  text-align: center;
  transition: .4s;
}

.module__brand a {
  display: block;
}

.module__servicemenu {
  margin-top: 5rem;
  font-size: .75rem;
}

.module__servicemenu .row {
  justify-content: space-around;
}

.module__servicemenu .grid {
  box-sizing: border-box;
  width: 10.25rem;
  background: #fff;
  border-radius: .25rem;
  transition: .4s;
}

.module__servicemenu a {
  display: block;
}

.marqee-carousel {
  /* SLICK Parts */
}

.marqee-carousel .marqee-carousel-item {
  max-height: 26.0625rem;
  width: 100%;
  max-width: 64rem;
  background-size: cover;
  margin: 0 .5rem;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  transition: .4s;
}

.marqee-carousel .marqee-carousel-item:before {
  content: '';
  display: block;
  padding: 50.8536585365854% 0 0;
}

.marqee-carousel a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.marqee-carousel a:hover {
  opacity: .6;
}

.marqee-carousel .slick-prev,
.marqee-carousel .slick-next {
  cursor: pointer;
}

.marqee-carousel .slick-prev:before,
.marqee-carousel .slick-next:before {
  display: none;
}

.marqee-carousel .slick-prev {
  width: 1rem;
  height: 2rem;
  background: url(../img/arrow_prev.svg) 50% 50% no-repeat;
  background-size: cover;
  left: 5%;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  .marqee-carousel .slick-prev {
    left: 1%;
  }
}

.marqee-carousel .slick-next {
  width: 1rem;
  height: 2rem;
  background: url(../img/arrow_next.svg) 50% 50% no-repeat;
  background-size: cover;
  right: 5%;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  .marqee-carousel .slick-next {
    right: 1%;
  }
}

.toppage__banner-group-markey {
  margin: 1rem 0 5rem;
}

.toppage__banner-group-markey .container {
  /* 1050px */
}

.toppage__banner-group-markey .container .row {
  flex-wrap: wrap;
  margin: -.25rem;
}

.toppage__banner-group-markey .container .slick-track {
  /*   flex-wrap: wrap;*/
  margin: -.25rem;
}

.toppage__banner-group-markey .container .grid {
  cursor: pointer;
  width: calc((100% / 2) - .5rem);
  margin: .25rem;
  box-sizing: border-box;
  height: auto;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
}

.toppage__banner-group-markey .container .grid img {
  vertical-align: top;
}

.toppage__banner-group-markey .container .grid:hover {
  opacity: .5;
}

.toppage__banner-group-markey .container .grid a {
  display: block;
  height: inherit;
}

.toppage__ourbrand {
  margin: 5rem 0;
}

.toppage__ourbrand .row {
  flex-wrap: wrap;
  margin: -.5rem;
}

.toppage__ourbrand .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
}

.toppage__ourbrand a {
  display: block;
  color: #333333;
  transition: .4s;
}

.toppage__ourbrand .thumbnail {
  display: block;
  height: 6.875rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.toppage__ourbrand .name {
  font-weight: 700;
  font-size: .8125rem;
  margin: .25rem 0 0;
}

.toppage__ourbrand .text {
  font-size: .75rem;
}

.toppage__ranking {
  margin: 5rem 0;
  font-size: .75rem;
}

.toppage__ranking .container {
  position: relative;
}

.toppage__ranking .row {
  flex-wrap: wrap;
  margin: 0;
  padding-left: .0625rem;
  width: 100%;
  width: calc(100% - .0625rem);
  position: relative;
}

.toppage__ranking .row:before {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  top: -.0625rem;
  left: 0;
  width: 100%;
  z-index: 3;
}

.toppage__ranking .row:after {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.toppage__ranking .grid {
  box-sizing: border-box;
  width: calc((100% / 5));
  border: dashed .0625rem #ccc;
  text-align: center;
  padding: 1rem .5rem;
  margin-top: -.0625rem;
  margin-left: -.0625rem;
  transition: .4s;
}

.toppage__ranking a {
  display: block;
  color: #333333;
}

.toppage__ranking .thumbnail {
  display: inline-block;
  height: 8rem;
  width: 8rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 1rem;
}

.toppage__ranking .thumbnail:hover {
  opacity: 0.5;
}

.toppage__ranking .brand,
.toppage__ranking .item,
.toppage__ranking .attribute {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.125rem;
}

.toppage__ranking .price-group {
  display: inline-block;
  margin-top: 1.5rem;
  font-size: .8125rem;
}

.toppage__ranking .subscription {
  display: flex;
}

.toppage__ranking .subscription .label {
  color: #58A2A9;
  width: 5rem;
}

.toppage__ranking .subscription .label:after {
  content: '　';
}

.toppage__ranking .subscription .num {
  font-weight: 700;
}

.toppage__ranking .sale {
  display: flex;
}

.toppage__ranking .sale .label {
  width: 5rem;
}

.toppage__ranking .sale .label:after {
  content: '　';
}

.toppage__ranking .sale .num {
  font-weight: 700;
}

.toppage__campaign {
  background: #d9e6e8;
  padding: 3rem 0;
}

.toppage__campaign .row {
  flex-wrap: wrap;
  margin: -.125rem;
}

.toppage__campaign .grid {
  box-sizing: border-box;
  width: calc((100% / 4) - 0.25rem);
  margin: .125rem;
  background: #fff;
  border-radius: .25rem;
  transition: .4s;
}

.toppage__campaign a {
  display: block;
  color: #333333;
}

.toppage__campaign .brand-logo {
  text-align: center;
  padding: 1.5rem 0;
  height: 4.75rem;
  width: calc(100% -4rem);
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 120%;
}

.toppage__campaign .grid:nth-of-type(2) .brand-logo {
  background-size: 200%;
}

.toppage__campaign .thumbnail {
  width: 100%;
  position: relative;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  display: block;
}

.toppage__campaign .thumbnail:after {
  content: '';
  display: block;
  width: 100%;
  padding: 82% 0 0;
}

.toppage__campaign .label {
  display: inline-block;
  min-width: 6.25rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 .25rem;
  font-size: .75rem;
  background-color: #58A2A9;
  color: #fff;
  margin-bottom: 1rem;
  text-align: center;
  margin: 1rem;
}

.toppage__campaign .text {
  display: block;
  font-size: .875rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
}

.toppage__columns {
  margin: 5rem 0;
}

.toppage__columns .row {
  flex-wrap: wrap;
  margin: -.5rem;
}

.toppage__columns .column-wrap {
  margin: 0 8.75rem;
}

.toppage__columns .grid {
  transition: .4s;
}

.toppage__columns .three-column.row {
  margin-bottom: 2.5rem;
}

.toppage__columns .three-column .grid {
  width: calc((100% / 3) - 1rem);
  margin: .5rem;
}

.toppage__columns .three-column .grid .thumbnail {
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.toppage__columns .three-column .grid .thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  padding: 60.9467455621302% 0 0;
}

.toppage__columns .three-column .grid .label {
  display: inline-block;
  min-width: 5.625rem;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 .25rem;
  font-size: .75rem;
  background-color: #58A2A9;
  color: #fff;
  margin: .5rem 0;
  text-align: center;
}

.toppage__columns .three-column .grid.skincare .label {
  background-color: #E8BDA7;
}

.toppage__columns .three-column .grid.make .label {
  background-color: #DBD1C1;
}

.toppage__columns .three-column .grid.other .label {
  background-color: #EBD78F;
}

.toppage__columns .three-column .grid .column-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .5rem;
}

.toppage__columns .three-column .grid .text {
  font-size: .75rem;
}

.toppage__columns .two-column .grid {
  width: calc((100% / 2) - 1rem);
  margin: .5rem;
}

.toppage__columns a {
  display: block;
  color: #333333;
}

.toppage__columns .button-group {
  text-align: right;
  margin: 1rem 8.75rem 0;
}
.toppage__columns .button-all {
  height: 2rem;
  line-height: 2rem;
  width: auto;
  min-width: 4.5rem;
  background: #58A2A9;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  transition: .4s;
  padding: 0;
}

.toppage__recommend {
  margin: 5rem 0;
  font-size: .75rem;
}

.toppage__recommend .row {
  flex-wrap: wrap;
  margin: 0;
  padding-left: .0625rem;
  width: 100%;
  width: calc(100% - .0625rem);
  position: relative;
}

.toppage__recommend .row:before {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  top: -.0625rem;
  left: 0;
  width: 100%;
  z-index: 3;
}

.toppage__recommend .row:after {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.toppage__recommend .grid {
  box-sizing: border-box;
  width: calc((100% / 5));
  border: dashed .0625rem #ccc;
  text-align: center;
  padding: 1rem .5rem;
  margin-top: -.0625rem;
  margin-left: -.0625rem;
  transition: .4s;
}

.toppage__recommend a {
  display: block;
  color: #333333;
}

.toppage__recommend .thumbnail {
  display: inline-block;
  height: 8rem;
  width: 8rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 1rem;
}

.toppage__recommend .brand,
.toppage__recommend .item,
.toppage__recommend .attribute {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.125rem;
}

.toppage__recommend .price-group {
  display: inline-block;
  margin-top: 1.5rem;
  font-size: .8125rem;
}

.toppage__recommend .subscription {
  display: flex;
}

.toppage__recommend .subscription .label {
  color: #58A2A9;
  width: 5rem;
}

.toppage__recommend .subscription .label:after {
  content: '　';
}

.toppage__recommend .subscription .num {
  font-weight: 700;
}

.toppage__recommend .sale {
  display: flex;
}

.toppage__recommend .sale .label {
  width: 5rem;
}

.toppage__recommend .sale .label:after {
  content: '　';
}

.toppage__recommend .sale .num {
  font-weight: 700;
}

.toppage__recent {
  margin: 5rem 0;
  font-size: .75rem;
}

.toppage__recent .title {
  font-size: 1.1875rem;
  font-weight: 200;
  margin-bottom: .5rem;
}

.toppage__recent .row {
  margin: -.5rem;
}

.toppage__recent .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
}

.toppage__recent .grid:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.toppage__recent a {
  display: block;
  color: #333333;
}

.toppage__recent a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.toppage__news {
  margin: 5rem 0;
}

.toppage__news ul.news-list {
  list-style: none;
  margin: 0 8.75rem;
}

.toppage__news .news-item {
  border-bottom: 0.0625rem solid #333333;
  transition: .4s;
}

.toppage__news a {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  color: #333333;
  padding: .5rem 0;
}

.toppage__news .date {
  display: block;
  width: 7.5rem;
  font-weight: 700;
}

.toppage__news .subject {
  display: block;
  width: calc(100% - 7.5rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
}

.toppage__news .button-group {
  text-align: right;
  margin: 1rem 8.75rem 0;
}

.toppage__news .button-all {
  height: 2rem;
  line-height: 2rem;
  width: auto;
  min-width: 4.5rem;
  background: #58A2A9;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  transition: .4s;
  padding: 0;
}

/* brand ====================== */
.brand__marqee {
  background: #fff;
  box-shadow: 0 0.0625rem 0.625rem rgba(0, 0, 0, 0.4);
}

.brand__marqee .banner {
  line-height: 0;
  margin: 0 auto;
  max-width: 60rem;
}

.brand__feature {
  margin: 1rem 0 5rem;
}

.brand__feature .container {
  /* 1050px */
}

.brand__feature .container .row {
  flex-wrap: wrap;
  margin: -.25rem;
}

.brand__feature .container .slick-track {
  /*   flex-wrap: wrap;*/
  margin: -.25rem;
}

.brand__feature .container .grid {
  cursor: pointer;
  width: calc((100% / 2) - .5rem);
  margin: .25rem;
  box-sizing: border-box;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
}

.brand__feature .container .grid img {
  vertical-align: top;
}

.brand__feature .container .grid:hover {
  opacity: .5;
}

.brand__feature .container .grid a {
  display: block;
  height: inherit;
}

.brand__ranking {
  background: #f0ede8;
  font-size: .75rem;
  margin: 0;
  padding: 3rem 0;
  /* SLICK Parts */
}

.brand__ranking .grid {
  box-sizing: border-box;
  width: 200px;
  border: dashed .0625rem #ccc;
  border-bottom: none;
  border-top: none;
  text-align: center;
  padding: 1rem .5rem;
  margin-top: -.0625rem;
  margin-left: -.0625rem;
  transition: .4s;
}

.brand__ranking a {
  display: block;
  color: #333333;
}

.brand__ranking .thumbnail {
  display: inline-block;
  height: 8rem;
  width: 8rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 1rem;
}

.brand__ranking .brand,
.brand__ranking .item,
.brand__ranking .attribute {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.125rem;
}

.brand__ranking .price-group {
  display: inline-block;
  margin-top: 1.5rem;
  font-size: .8125rem;
}

.brand__ranking .subscription {
  display: flex;
}

.brand__ranking .subscription .label {
  color: #58A2A9;
  width: 5rem;
}

.brand__ranking .subscription .label:after {
  content: '　';
}

.brand__ranking .subscription .num {
  font-weight: 700;
}

.brand__ranking .sale {
  display: flex;
}

.brand__ranking .sale .label {
  width: 5rem;
}

.brand__ranking .sale .label:after {
  content: '　';
}

.brand__ranking .sale .num {
  font-weight: 700;
}

.brand__ranking .slick-prev:before,
.brand__ranking .slick-next:before {
  display: none;
}

.brand__ranking .slick-prev {
  width: 1.125rem;
  height: 2.375rem;
  background: url(../img/brand__ranking-arrow.png) 0 0 no-repeat;
  background-size: cover;
  left: -50px;
}

.brand__ranking .slick-next {
  width: 1.125rem;
  height: 2.375rem;
  background: url(../img/brand__ranking-arrow-r.png) 100% 0 no-repeat;
  background-size: cover;
  right: -50px;
}

.brand__products {
  margin: 5rem 0;
}

.brand__products .ec-productRole__btn {
  display: flex;
}

.brand__products .ec-productRole__btn .select-item {
  width: 30%;
  margin-right: 2px;
}

.brand__products .ec-blockBtn--action {
  padding: .5rem 1rem;
  width: 70%;
}

.brand__products .ec-blockBtn--action[disabled] {
  cursor: default;
  opacity: 1;
}
.brand__products .select-item.out-of-stock {
  display:none;
}
.brand__products .ec-blockBtn--action.out-of-stock {
  opacity: 0.65;
  width: 100%;
}
.brand__products .ec-blockBtn--action.out-of-stock.add-cart {
  opacity: 1;
}

.brand__products .ec-shelfRole,
.brand__products .ec-searchnavRole {
  padding-left: 0;
  padding-right: 0;
}

.brand__products .ec-shelfGrid {
  margin-left: 0;
  margin-right: 0;
}

.brand__products .ec-shelfGrid form {
  height: 7.5rem;
  display: flex;
}

.brand__products .ec-shelfGrid .ec-productRole__tags {
  display: flex;
  flex-wrap: wrap;
  height: 3.5rem;
  overflow: hidden;
}

.brand__products .ec-shelfGrid .ec-productRole__tag {
  display: inline-block;
  font-size: .8rem;
  color: #FFF;
  padding: .1rem 0;
  font-weight: 500;
  width: calc((100% - 4px) / 2);
  box-sizing: border-box;
  text-align: center;
  margin: 0 1px;
  height: 1.7em;
}

.brand__products .ec-shelfGrid .ec-productRole__tag:nth-of-type(3), .brand__products .ec-shelfGrid .ec-productRole__tag:nth-of-type(4) {
  margin-top: -8px;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_1 {
  border: solid 1px #549faf;
  color: #549faf;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_2 {
  border: solid 1px #549faf;
  color: #549faf;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_3 {
  border: solid 1px #549faf;
  color: #549faf;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_4 {
  border: solid 1px #549faf;
  color: #549faf;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_5 {
  border: solid 1px #549faf;
  background: #549faf;
}

.brand__products .ec-shelfGrid .ec-productRole__tag.tag_6 {
  border: solid 1px #549faf;
  color: #549faf;
}

.brand__products .ec-shelfGrid .ec-select select {
  width: 100%;
}

.brand__products .ec-shelfGrid select.quantity {
  margin-bottom: 16px;
  display: inline-block;
  width: auto;
  max-width: 100px;
  text-align: right;
}

.brand__products .select-box {
  margin: 1.5rem 0;
}

.brand__products .select-item {
  display: inline-block;
  border: #333333 solid 0.0625rem;
  background: url(../img/asset__select-arrow.png) calc(100% - .5rem) 50% no-repeat;
  background-size: .75rem auto;
  max-width: 100%;
  /* padding-right: 1rem; */
}
.brand__products .select-item .dropdown a {
  padding-right: 2rem;
  cursor: default;
}
.brand__products .ec-productRole__actions .select-item {
  margin-bottom: .5rem;
}

.brand__products .ec-productRole__actions .select-item.select-catetory {
  width: 100%;
}

.brand__products .select-item + .select-item {
  margin-left: .5rem;
}

.brand__products select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  height: 2rem;
  /* padding: 0 2rem 0 1rem; */
  padding: 0 1.5rem 0 .5rem;
  font-size: .875rem;
  color: #333333;
  background: transparent;
  font-size: .75rem;
}

.brand__products .row {
  flex-wrap: wrap;
  margin: 0;
  padding-left: .0625rem;
  width: 100%;
  width: calc(100% - .0625rem);
  position: relative;
}

.brand__products .row:before {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  top: -.0625rem;
  left: 0;
  width: 100%;
  z-index: 3;
}

.brand__products .row:after {
  content: '';
  display: block;
  height: 0;
  border-top: #fff solid .0625rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.brand__products .grid {
  box-sizing: border-box;
  width: calc((100% / 5));
  border: dashed .0625rem #ccc;
  text-align: center;
  padding: 1rem .5rem;
  margin-left: -1px;
  margin-top: -1px;
  transition: .4s;
  display: flex;
  flex-direction: column;
}

.brand__products .grid .ec-productRole__tags {
  text-align: left;
}

.brand__products .grid .ec-cartarea {
  margin-top: auto;
  width: 100%;
}

.brand__products a {
  display: block;
  color: #333333;
}

.brand__products .thumbnail {
  display: inline-block;
  height: 8rem;
  width: 8rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-bottom: 1rem;
}

.brand__products .thumbnail:hover {
  opacity: 0.5;
}

.brand__products .brand,
.brand__products .item,
.brand__products .attribute {
  width: 100%;
  text-align: left;
  line-height: 180%;
  height: 4rem;
  overflow: hidden;
}

.brand__products .item {
  height: 2.5rem;
}

.brand__products .item:hover {
  opacity: 0.5;
}

.brand__products .description {
  border-top: solid 1px #EAEAEA;
  margin-top: .5rem;
  padding-top: .5rem;
  height: 2.5rem;
  overflow: hidden;
}

.brand__products .price-group {
  display: inline-block;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: .8125rem;
}

.brand__products .subscription {
  display: flex;
}

.brand__products .subscription .label {
  color: #58A2A9;
  width: 5rem;
}

.brand__products .subscription .label:after {
  content: '　';
}

.brand__products .subscription .num {
  font-weight: 700;
}

.brand__products .sale {
  display: flex;
}

.brand__products .sale .label {
  width: 5rem;
  display: none;
}

.brand__products .sale .label:after {
  content: '　';
}

.brand__products .sale .num {
  font-weight: 700;
}

.brand__story {
  margin: 5rem 0;
  padding: 3rem 0;
  text-align: center;
  background: #f0ede8;
  line-height: 2;
}

.brand__story .logo {
  margin: 0 auto 2rem;
}

.brand__story .catch {
  margin: 3rem auto 1.5rem;
  font-size: 1.375rem;
  font-weight: 200;
}

.brand__story .text {
  font-size: 0.875rem 0.875rem;
}

/* detail ====================== */
.detail__main-box {
  margin: 5rem 0;
}

.detail__main-box .container {
  border-bottom: dashed 0.0625rem #333333;
}

.detail__main-box .row.frame {
  margin: 0 -1rem;
}

.detail__main-box .image-column {
  width: calc((100% / 2) - 2rem);
  margin: 0 1rem;
}

.detail__main-box .text-column {
  width: calc((100% / 2) - 2rem);
  margin: 0 1rem;
}

.detail__main-box .header {
  box-sizing: border-box;
  position: relative;
  padding: 0 2.25rem .5rem 0;
  border-bottom: #333333 solid 0.0625rem;
}

.detail__main-box .ec-productRole__tags {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.detail__main-box .ec-productRole__tag {
  font-size: .8rem;
  color: #FFF;
  padding: .1rem 0;
  font-weight: 500;
  width: calc((100% - 16px) / 4);
  box-sizing: border-box;
  text-align: center;
  margin: 2px;
}

.detail__main-box .ec-productRole__tag.tag_1 {
  border: solid 1px #549faf;
  color: #549faf;
}

.detail__main-box .ec-productRole__tag.tag_2 {
  border: solid 1px #549faf;
  color: #549faf;
}

.detail__main-box .ec-productRole__tag.tag_3 {
  border: solid 1px #549faf;
  color: #549faf;
}

.detail__main-box .ec-productRole__tag.tag_4 {
  border: solid 1px #549faf;
  color: #549faf;
}

.detail__main-box .ec-productRole__tag.tag_5 {
  border: solid 1px #549faf;
  background: #549faf;
}

.detail__main-box .ec-productRole__tag.tag_6 {
  border: solid 1px #549faf;
  color: #549faf;
}

.detail__main-box #anchor-addcart {
  margin-top: -50px;
  padding-top: 50px;
}

.detail__main-box #anchor-addcart input[type="radio"]:checked + label.input-radio::after {
  display: none;
}

.detail__main-box .brand-name {
  font-size: 1rem;
  font-weight: 200;
}

.detail__main-box .item-name {
  font-size: 1.3rem;
  font-weight: 200;
}

.detail__main-box .button-like {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../img/asset__icon-like.png) 50% 50% no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: .4s;
}

.detail__main-box .button-like.active {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../img/asset__icon-like-active.png) 50% 50% no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: .4s;
}

.detail__main-box .form-group.row {
  position: relative;
  font-size: 1.125rem;
  margin: 2rem 0;
  flex-wrap: wrap;
}

.detail__main-box .form-group.row .grid.left {
  box-sizing: border-box;
  width: 40%;
  margin: .5rem 0;
  padding: 0 0 0 2rem;
  position: relative;
}

.detail__main-box .form-group.row .grid.left.radio {
  padding: 0 0 0 2rem;
}

.detail__main-box .form-group.row .grid.right {
  width: 60%;
  text-align: right;
  margin: .5rem 0;
}

.detail__main-box .form-group.row .grid.right .price-old {
  display: block;
}

.detail__main-box .form-group.row .grid.right100 {
  width: 100%;
  text-align: right;
  margin: .5rem 0;
}

.detail__main-box .form-group.row .grid.submit {
  width: 100%;
  margin: .5rem 0;
}

.detail__main-box .grid.right .label,
.detail__main-box .grid.right100 .label {
  margin-right: .5rem;
}

.detail__main-box .grid.left input[type=radio] {
  display: none;
}

.detail__main-box .grid.left .input-radio {
  transition: .4s;
}

.detail__main-box .grid.left .input-radio:before {
  content: '';
  border: none;
  box-shadow: none;
  position: absolute;
  border: #333333 solid 0.0625rem;
  border-radius: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 0;
  transition: .4s;
}

.detail__main-box .grid.left input[type=radio]:checked + .input-radio:before {
  color: #333333;
  text-align: center;
  line-height: 1rem;
  content: '●';
  font-size: .5625rem;
  transition: .4s;
}

.detail__main-box .grid.left .question {
  display: block;
  font-size: .875rem;
  padding: .125rem 0rem 0 1.5rem;
  background: url(../img/asset__icon-question.png) 0% 50% no-repeat;
  background-size: auto 1rem;
  cursor: pointer;
  transition: .4s;
}

.detail__main-box .select-item {
  display: inline-block;
  border: #333333 solid 0.0625rem;
  background: url(../img/asset__select-arrow.png) calc(100% - .5rem) 50% no-repeat;
  background-size: .75rem auto;
  /* padding-right: 1rem; */
}

.detail__main-box .select-item select {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  height: 2rem;
  padding: 0 2rem 0 1rem;
  font-size: .875rem;
  color: #333333;
  background: transparent;
}

.detail__main-box .select-item input[name="quantity"] {
  width: 3rem;
}

.detail__main-box .submit-button {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  background: none;
  display: block;
  width: 100%;
  background: #58A2A9;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 1rem;
  font-size: 1.25rem;
  border-radius: .25rem;
  color: #fff;
  transition: .4s;
}

.detail__main-box .text-group {
  font-size: .875rem;
  margin: 1rem 0 2rem;
}

.detail__main-box .text-group p {
  margin: 0 0 2rem;
}

.detail__main-box .button-to-comment {
  font-size: 1.125rem;
  color: #333333;
  background: url(../img/asset__icon-bullet-down.png) 0% 50% no-repeat;
  background-size: 1.125rem auto;
  padding-left: 1.5rem;
  display: block;
  font-weight: 700;
  transition: .4s;
  margin: 1rem 0 2rem;
}

.detail__main-box .item-image {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
  border: #A4A4A4 solid .0625rem;
}

.detail__main-box .item-image:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.detail__main-box .row.thumbnail-group {
  flex-wrap: wrap;
  margin: .5rem -.5rem;
}

.detail__main-box .row.thumbnail-group .slick-prev,
.detail__main-box .row.thumbnail-group .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  font-size: 0 !important;
}

.detail__main-box .row.thumbnail-group .slick-prev {
  left: -5px;
  z-index: 9;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
}

.detail__main-box .row.thumbnail-group .slick-prev::before,
.detail__main-box .row.thumbnail-group .slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .5rem;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.detail__main-box .row.thumbnail-group .slick-prev::before {
  content: '';
  background: url(../img/arrow_prev.svg) 50% 50% no-repeat;
  width: 3rem;
  height: 3rem;
}

.detail__main-box .row.thumbnail-group .slick-next {
  right: -5px;
  z-index: 9;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
}

.detail__main-box .row.thumbnail-group .slick-next::before,
.detail__main-box .row.thumbnail-group .slick-next::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5rem;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.detail__main-box .row.thumbnail-group .slick-next::before {
  content: '';
  background: url(../img/arrow_next.svg) 50% 50% no-repeat;
  width: 3rem;
  height: 3rem;
}

.detail__main-box .item-thumbnail {
  width: calc((100% / 3) - 1rem);
  margin: .5rem;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
  border: #A4A4A4 solid .0625rem;
}

.detail__main-box .item-thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.detail__main-box .short-slider .item-thumbnail.is--active {
  border: #333333 solid 0.0625rem;
}

.detail__main-box .relational-items {
  padding: 0 2rem;
  margin: 2rem 0;
}

.detail__main-box .relational-items .title {
  font-size: 1.1875rem;
  font-weight: 200;
  margin-bottom: .5rem;
}

.detail__main-box .relational-items .row {
  margin: -.5rem;
}

.detail__main-box .relational-items .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
}

.detail__main-box .relational-items .grid:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.detail__main-box .relational-items a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detail__main-box .explanation {
  padding: 0 2rem;
  margin: 2rem 0;
  font-size: .875rem;
  line-height: 2;
}

.detail__main-box .explanation p {
  margin: 0 0 2rem;
}

.detail__comment .container {
  border-bottom: dashed 0.0625rem #333333;
  padding-bottom: 3rem;
}

.detail__comment .header {
  position: relative;
}

.detail__comment .title {
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0 0 0 1.5rem;
  position: relative;
}

.detail__comment .title:before {
  content: '';
  display: block;
  background: #58A2A9;
  width: .5rem;
  height: 2rem;
  position: absolute;
  margin: -1rem 0 0 0;
  top: 50%;
  left: 0;
}

.detail__comment .button-contribute {
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 1rem;
  font-size: 1.125rem;
  color: #fff;
  background: #58A2A9;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  transition: .4s;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  min-width: 14.375rem;
  border-radius: .25rem;
}

.detail__comment .body.row {
  margin: 2rem -1rem;
  flex-wrap: wrap;
}

.detail__comment .grid.comment {
  width: calc(50% - 2rem);
  margin: 3rem 1rem;
}

.detail__comment .user {
  position: relative;
  margin-bottom: 1rem;
}

.detail__comment .username {
  font-size: 1.25rem;
  font-weight: 700;
}

.detail__comment .username:after {
  content: '　さん';
  font-size: .875rem;
  font-weight: 200;
}

.detail__comment .rating {
  position: absolute;
  right: 0;
  top: 0;
  color: #58A2A9;
  font-size: 1rem;
}

.detail__comment .rating.zero:before {
  content: '☆☆☆☆☆';
}

.detail__comment .rating.one:before {
  content: '★☆☆☆☆';
}

.detail__comment .rating.two:before {
  content: '★★☆☆☆';
}

.detail__comment .rating.three:before {
  content: '★★★☆☆';
}

.detail__comment .rating.four:before {
  content: '★★★★☆';
}

.detail__comment .rating.five:before {
  content: '★★★★★';
}

.detail__comment .footer {
  text-align: center;
}

.detail__comment .button-all {
  height: 2rem;
  line-height: 2rem;
  width: auto;
  min-width: 4.5rem;
  background: #58A2A9;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  transition: .4s;
  padding: 0;
}

.detail__interested-items {
  margin: 5rem 0;
  font-size: .75rem;
}

.detail__interested-items .title {
  font-size: 1.1875rem;
  font-weight: 200;
  margin-bottom: .5rem;
}

.detail__interested-items .container {
  padding: 0 4rem;
}

.detail__interested-items .row {
  margin: -.5rem;
}

.detail__interested-items .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
}

.detail__interested-items .grid:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.detail__interested-items a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detail__favorite-items {
  margin: 5rem 0;
  font-size: .75rem;
}

.detail__favorite-items .title {
  font-size: 1.1875rem;
  font-weight: 200;
  margin-bottom: .5rem;
}

.detail__favorite-items .container {
  padding: 0 4rem;
}

.detail__favorite-items .row {
  margin: -.5rem;
}

.detail__favorite-items .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
}

.detail__favorite-items .grid:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.detail__favorite-items .grid a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detail__favorite-items .slick-prev:before {
  content: ' ';
  display: block;
  width: 1rem;
  height: 2rem;
  background: url(../img/arrow_prev.svg) 50% 50% no-repeat;
  background-size: cover;
  left: 5%;
  z-index: 9;
}

.detail__favorite-items .slick-next:before {
  content: ' ';
  display: block;
  width: 1rem;
  height: 2rem;
  background: url(../img/arrow_next.svg) 50% 50% no-repeat;
  background-size: cover;
  left: 5%;
  z-index: 9;
}


/* .detail__favorite-items p {
  text-align: right;
} */


.detail__sidefixed-box {
  box-sizing: border-box;
  width: 2.5rem;
  padding: 2rem 0.5rem;
  position: fixed;
  top: 70%;
  right: -12.5rem;
  background: #58A2A9;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  z-index: 1000;
  transform: translate(0, -50%);
  transition: .4s;
  opacity: .8;
}

.detail__sidefixed-box .title {
  padding: 0 2.25rem 0 0;
}

.detail__sidefixed-box .button-like {
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../img/asset__icon-like.png) 50% 50% no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: .4s;
}

.detail__sidefixed-box .form-box-group {
  margin: 1rem 0;
}

.detail__sidefixed-box .form-box {
  position: relative;
  padding: 0 0 0 2rem;
  font-size: .75rem;
  margin: .5rem 0;
}

.detail__sidefixed-box .form-box input[type=radio] {
  display: none;
}

.detail__sidefixed-box .form-box .input-radio {
  transition: .4s;
}

.detail__sidefixed-box .form-box .input-radio:before {
  content: '';
  border: none;
  box-shadow: none;
  position: absolute;
  border: #333333 solid 0.0625rem;
  border-radius: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: .25rem;
  transition: .4s;
}

.detail__sidefixed-box .form-box input[type=radio]:checked + .input-radio:before {
  color: #333333;
  text-align: center;
  line-height: 1rem;
  content: '●';
  font-size: .5625rem;
  transition: .4s;
}

.detail__sidefixed-box .submit-button {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  background: none;
  display: block;
  width: 100%;
  background: #58A2A9;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1rem;
  font-size: .75rem;
  border-radius: .25rem;
  color: #fff;
  transition: .4s;
  margin: 1rem 0;
}

.detail__sidefixed-box.is--active {
  right: 0;
}

/* product_review ====================== */
#product_review_recommend_level {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#product_review_recommend_level label {
  position: relative;
  bottom: 0;
  left: 20px;
  line-height: normal;
}

#product_review_recommend_level label span {
  position: relative;
  top: -5px;
}

/* column list ====================== */
.column-list__list {
  margin: 5rem 0;
}

.column-list__list .button-sort {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  background: #589CA3;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: .25rem;
  transition: .4s;
  padding: 0 1rem;
  vertical-align: middle;
  font-size: .875rem;
}

.column-list__list .checkbox-group {
  margin: 2rem 0;
  font-size: .875rem;
}

.column-list__list label {
  transition: .4s;
  display: inline-block;
  margin-right: 3rem;
  position: relative;
  padding-left: 1.5rem;
}

.column-list__list .button-sort:hover {
  opacity: .8;
}

.column-list__list label:hover {
  opacity: .8;
}

.column-list__list input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

.column-list__list input + label:before {
  content: '';
  display: inline-block;
  border: #543F38 solid .0625rem;
  box-shadow: none;
  height: 1rem;
  width: 1rem;
  vertical-align: top;
  margin-right: .5rem;
  position: absolute;
  top: 0rem;
  left: 0;
}

.column-list__list input:checked + label:after {
  content: '✓';
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  left: 0rem;
  top: -.125rem;
}

.column-list__list .row {
  flex-wrap: wrap;
  margin: -.5rem;
}

.column-list__list .grid {
  transition: .4s;
}

.column-list__list .three-column.row {
  margin-bottom: 2.5rem;
}

.column-list__list .three-column .grid {
  width: calc((100% / 3) - 1rem);
  margin: .5rem;
}

.column-list__list .three-column .grid .thumbnail {
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.column-list__list .three-column .grid .thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  padding: 60.9467455621302% 0 0;
}

.column-list__list .three-column .grid .label {
  display: inline-block;
  min-width: 5.625rem;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 .25rem;
  font-size: .75rem;
  background-color: #58A2A9;
  color: #fff;
  margin: .5rem 0;
  text-align: center;
}

.column-list__list .three-column .grid.skincare .label {
  background-color: #E8BDA7;
}

.column-list__list .three-column .grid.make .label {
  background-color: #DBD1C1;
}

.column-list__list .three-column .grid.other .label {
  background-color: #EBD78F;
}

.column-list__list .three-column .grid .column-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .5rem;
}

.column-list__list .three-column .grid .text {
  font-size: .75rem;
}

.column-list__list .two-column .grid {
  width: calc((100% / 2) - 1rem);
  margin: .5rem;
}

.column-list__list a {
  display: block;
  color: #333333;
}

/* column detail ====================== */
.column-detail__header {
  margin: 4rem 0;
}

.column-detail__header .container {
  max-width: 65.625rem;
}

.column-detail__header .title {
  font-size: 1.5rem;
  color: #4F4B49;
  font-weight: 700;
}

.column-detail__header .tag-group {
  margin: 1rem 0;
}

.column-detail__header .tag {
  display: inline-block;
  color: #fff;
  height: 1.25rem;
  font-size: .75rem;
  line-height: 1.25rem;
  background: #E8BDA7;
  padding: 0 .5rem;
}

.column-detail__header .date {
  font-size: .875rem;
}

.column-detail__main {
  font-size: .875rem;
  line-height: 2;
  margin: 4rem 0;
}

.column-detail__main .container {
  max-width: 65.625rem;
}

.column-detail__main p {
  margin: 2rem 0;
}

.column-detail__main .row.frame {
  margin: 0 -1rem;
}

.column-detail__main .image-group {
  display: flex;
  margin: 0 -.25rem;
  padding: .25rem 0;
  flex-wrap: wrap;
}

.column-detail__main .image {
  display: block;
  margin: .25rem;
  width: calc((100% / 1) - .5rem);
  background-color: #ccc;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  overflow: hidden;
}

.column-detail__main .image:after {
  content: '';
  display: block;
  padding: 50% 0 0;
}

.column-detail__main .image-group .image.is--w50 {
  width: calc((100% / 2) - .5rem);
}

.column-detail__main .image-group .image.is--w50:after {
  padding: 100% 0 0;
}

.column-detail__main .image-group .image.is--w100 {
  width: calc((100% / 1) - .5rem);
}

.column-detail__main .image-group .image.is--w100:after {
  padding: 50% 0 0;
}

.column-detail__relational-items {
  padding: 0 2rem;
  margin: 4rem 0;
}

.column-detail__relational-items .title {
  font-size: 1.1875rem;
  font-weight: 200;
  margin-bottom: .5rem;
}

.column-detail__relational-items .row {
  margin: -.5rem;
}

.column-detail__relational-items .grid {
  width: calc((100% / 4) - 1rem);
  margin: .5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: .4s;
  position: relative;
}

.column-detail__relational-items .grid:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}

.column-detail__relational-items a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.column-detail__columns {
  margin: 5rem 0;
}

.column-detail__columns .row {
  flex-wrap: wrap;
  margin: -.5rem;
}

.column-detail__columns .grid {
  transition: .4s;
}

.column-detail__columns .three-column.row {
  margin-bottom: 2.5rem;
  justify-content: center;
}

.column-detail__columns .three-column .grid {
  width: calc((100% / 3) - 1rem);
  margin: .5rem;
}

.column-detail__columns .three-column .grid .thumbnail {
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.column-detail__columns .three-column .grid .thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  padding: 60.9467455621302% 0 0;
}

.column-detail__columns .three-column .grid .label {
  display: inline-block;
  min-width: 5.625rem;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 .25rem;
  font-size: .75rem;
  background-color: #58A2A9;
  color: #fff;
  margin: .5rem 0;
  text-align: center;
}

.column-detail__columns .three-column .grid.skincare .label {
  background-color: #E8BDA7;
}

.column-detail__columns .three-column .grid.make .label {
  background-color: #DBD1C1;
}

.column-detail__columns .three-column .grid.other .label {
  background-color: #EBD78F;
}

.column-detail__columns .three-column .grid .column-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .5rem;
}

.column-detail__columns .three-column .grid .text {
  font-size: .75rem;
}

.column-detail__columns .two-column .grid {
  width: calc((100% / 2) - 1rem);
  margin: .5rem;
}

.column-detail__columns a {
  display: block;
  color: #333333;
}

/* =================================== */
/* HTML module                         */
/* =================================== */
.is--table {
  display: table;
}

.is--table-cell {
  display: table-cell;
  vertical-align: top;
}

.is--mobile {
  display: none;
}

@media screen and (max-width: 750px) {
  .is--mobile {
    display: block;
  }
}

img.is--mobile,
br.is--mobile {
  display: none;
}

@media screen and (max-width: 750px) {
  img.is--mobile,
  br.is--mobile {
    display: inline-block;
  }
}

.is--fullscreen {
  display: block;
}

@media screen and (max-width: 750px) {
  .is--fullscreen {
    display: none;
  }
}

img.is--fullscreen,
br.is--fullscreen,
span.is--fullscreen {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  img.is--fullscreen,
  br.is--fullscreen,
  span.is--fullscreen {
    display: none;
  }
}

.is--text-l {
  font-size: 1.2em;
}

.is--text-s {
  font-size: 0.86em;
}

.is--text-ss {
  font-size: 0.75em;
}

.is--align-center {
  text-align: center;
}

.is--align-left {
  text-align: left;
}

.is--align-right {
  text-align: right;
}

/* =================================== */
/* EC-CUBE Customize                   */
/* =================================== */
.ec-role {
  box-sizing: border-box;
  width: 100%;
  max-width: 65.625rem;
  /* 1080px */
  color: #333333;
  font-size: .875rem;
  line-height: 1.5;
  padding: 0 1.25rem;
  margin: 0 auto;
  position: relative;
}

.ec-shelfRole {
  font-size: .75rem;
}

/* module ====================== */
/* header  ------------------------ */
.ec-pageHeader h1,
.ec-pageHeader-cart h1,
.section-title,
h1.page-title {
  font-size: 2.1875rem;
  font-family: 'Lora', 'Noto Sans Japanese', sans-serif;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #333333;
  border-top: none !important;
  border-bottom: none !important;
  font-weight: 200;
}

.ec-heading-bold {
  font-size: 1rem;
  font-weight: 700;
  margin: 1rem 0 .5rem;
}

.ec-modal-title {
  margin-bottom: 2rem;
}

.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
  background: none;
  padding: .5rem 0;
  border-bottom: solid 1px #c9caca;
  margin-bottom: 1rem;
  font-weight: normal;
  color: #333333;
}

.ec-rectHeading h2 > a {
  color: #58A2A9;
  position: relative;
  display: inline-block;
  padding: 0 20px 0 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  float: right;
}

.ec-rectHeading h2 > a:before,
.ec-rectHeading h2 > a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ec-rectHeading h2 > a:before {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #58A2A9;
}

.ec-rectHeading h2 > a:after {
  right: 6px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #58A2A9;
  border-right: 1px solid #58A2A9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* button  ------------------------ */
.ec-blockBtn--action {
  background: #58A2A9;
  border-color: #58A2A9;
  border-radius: .25rem;
  font-weight: 200;
  line-height: 100%;
  padding: 1rem 2rem;
  height: auto;
}


.ec-blockBtn--action:hover {
  background: #8FB9BF !important;
  border-color: #8FB9BF !important;
}

.ec-blockBtn--action.dropdown-toggle, .ec-blockBtn--action:active, .ec-blockBtn--action:focus {
  background: #8FB9BF !important;
  border-color: #8FB9BF !important;
}

.ec-blockBtn--action.small {
  padding: .3rem 0;
}

.ec-blockBtn--action + .ec-blockBtn--action {
  margin-top: .5rem;
}

.ec-inlineBtn--action {
  background: #58A2A9;
  border-color: #58A2A9;
  border-radius: .25rem;
  font-weight: 200;
  height: auto;
  line-height: 100%;
  padding: 1rem 2rem;
}

.ec-inlineBtn--action:hover {
  background: #8FB9BF;
  border-color: #8FB9BF;
}

.ec-inlineBtn--action.dropdown-toggle, .ec-inlineBtn--action:active, .ec-inlineBtn--action:focus {
  background: #8FB9BF !important;
  border-color: #8FB9BF !important;
}

.ec-inlineBtn--action.small {
  padding: .3rem 0;
}

.ec-inlineBtn--action + .ec-inlineBtn--action {
  margin-top: .5rem;
}

.ec-blockBtn--cancel {
  background: #C1C1C1;
  border-color: #C1C1C1;
  border-radius: .25rem;
  font-weight: 200;
  height: auto;
  line-height: 100%;
  padding: 1rem 2rem;
}

.ec-blockBtn--cancel:hover {
  background: #D9D9D9;
  border-color: #D9D9D9;
}

.ec-blockBtn--cancel.dropdown-toggle, .ec-blockBtn--cancel:active, .ec-blockBtn--cancel:focus {
  background: #D9D9D9 !important;
  border-color: #D9D9D9 !important;
}

.ec-blockBtn--cancel.small {
  padding: .3rem 0;
}

.ec-blockBtn--cancel + .ec-blockBtn--cancel {
  margin-top: .5rem;
}

.ec-inlineBtn--cancel {
  background: #C1C1C1;
  border-color: #C1C1C1;
  border-radius: .25rem;
  font-weight: 200;
  height: auto;
  line-height: 100%;
  padding: 1rem 2rem;
}

.ec-inlineBtn--cancel:hover {
  background: #D9D9D9;
  border-color: #D9D9D9;
}

.ec-inlineBtn--cancel.dropdown-toggle, .ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel:focus {
  background: #D9D9D9 !important;
  border-color: #D9D9D9 !important;
}

.ec-inlineBtn--cancel.small {
  padding: .3rem 0;
}

.ec-inlineBtn {
  color: #FFF;
  background: #C1C1C1;
  border-color: #C1C1C1;
  border-radius: .25rem;
  font-weight: 200;
  height: auto;
  line-height: 100%;
  padding: 1rem 2rem;
}

.ec-inlineBtn:hover {
  color: #FFF;
  background: #D9D9D9;
  border-color: #D9D9D9;
}

.ec-inlineBtn.dropdown-toggle, .ec-inlineBtn:active, .ec-inlineBtn:focus {
  color: #FFF;
  background: #D9D9D9 !important;
  border-color: #D9D9D9 !important;
}

.ec-inlineBtn.small {
  padding: .3rem 0;
}

/* LOGIN PAGE====================== */
.ec-grid3__cell2.ec-login__area {
  margin: auto;
}

/* CART PAGE====================== */
.ec-cartRole
.ec-cartRole .ec-cartRow__sutbtotal .title,
.ec-cartRole .ec-cartRole__total .title {
  width: 50%;
  display: inline-block;
  text-align: left;
  margin-left: 0;
}

.ec-cartRole .ec-cartRole__subtotalAmount,
.ec-cartRole .ec-cartRole__totalAmount {
  font-size: 24px;
  width: 50%;
  display: inline-block;
  text-align: right;
  margin-left: 0;
}

.ec-cartRole {
  color: #333333;
}

.ec-cartRole .ec-cartRole__cart {
  margin: 2rem 10%;
}

.ec-cartRole .ec-cartRole__form {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ec-cartRole .ec-cartRole__form .ec-cartRole__cart {
  margin: 2rem 0;
}

.ec-cartRole .ec-cartRole__actions {
  width: 25%;
  margin-right: 0;
}

.ec-cartRole__progress {
  margin-bottom: 2rem;
}

.ec-progress .ec-progress__number {
  background: #FFF;
  color: #5CB1B1;
  border: solid 1px #5CB1B1;
}

.ec-progress .ec-progress__label {
  font-weight: 200;
}

.ec-progress .ec-progress__item:after {
  background: #5CB1B1;
  height: 0.1em;
  top: 1.5em;
}

.ec-progress .is-complete .ec-progress__number {
  background: #5CB1B1;
  color: #FFF;
}

.ec-progress .is-complete .ec-progress__label {
  color: #333333;
  font-weight: 200;
  color: #5CB1B1;
}

.ec-progress .is-complete .ec-progress__item:after {
  background: #5CB1B1;
}

.ec-cartRole__totalText {
  margin-bottom: 0;
}

.ec-cartHeader .ec-cartHeader__label {
  background: #f3f3f3;
  font-weight: normal;
  border-left: dashed 1px #c9caca;
  border-bottom: solid 1px #c9caca;
}

.ec-cartHeader .ec-cartHeader__label:nth-of-type(1) {
  border-left: none;
}

.ec-cartRow .ec-cartRow__contentColumn,
.ec-cartRow .ec-cartRow__amountColumn,
.ec-cartRow .ec-cartRow__subtotalColumn,
.ec-cartRow .ec-cartRow__delColumn {
  padding: 10px;
  border-left: dashed 1px #c9caca;
  border-bottom: solid 1px #c9caca;
}

.ec-cartRow .ec-cartRow__delColumn .ec-inlineBtn--cancel {
  padding: .5rem;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton {
  border: 2px solid #333333;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  border: 2px solid #333333;
}

.ec-cartRow .ec-cartRow__contentColumn {
  border-left: none;
}

.ec-cartRow .ec-cartRow__summary {
  font-weight: 200;
  font-size: .875rem;
  width: 70%;
}

.ec-cartRow .ec-cartRow__sutbtotal {
  border-bottom: dotted 1px #c9caca;
}

.ec-cartRow .ec-cartRow__sutbtotal {
  padding: 15px 0 0 0;
  text-align: right;
}

/* ORDER PAGE====================== */
.ec-orderRole {
  box-sizing: border-box;
  width: 100%;
  max-width: 65.625rem;
  /* 1080px */
  color: #333333;
  font-size: .875rem;
  line-height: 1.5;
  padding: 0 1.25rem;
  margin: 0 auto;
  position: relative;
}

.ec-imageGrid {
  border-top: 1px dashed #c9caca;
}

.ec-borderedList li {
  border-bottom: 1px dashed #c9caca;
}

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

input[type="radio"] + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}

input[type="radio"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #333333;
  border-radius: 50%;
}

input[type="radio"]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #333333;
  border-radius: 50%;
}

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

input[type="checkbox"] + label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
  line-height: 100%;
}

input[type="checkbox"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #333333;
}

input[type="checkbox"]:checked + label::after {
  content: "";
  display: block;
  border-left: 2px solid #58A2A9;
  border-bottom: 2px solid #58A2A9;
  width: 15px;
  height: 9px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 4px;
  top: 1px;
  position: absolute;
}

.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
  color: #333333;
  border: solid 0.0625rem #333333;
  border-radius: 0;
}

.ec-input select, .ec-halfInput select, .ec-numberInput select, .ec-zipInput select, .ec-telInput select, .ec-select select, .ec-birth select {
  color: #333333;
  border: solid 0.0625rem #333333;
  border-radius: 0;
}

.ec-input textarea, .ec-halfInput textarea, .ec-numberInput textarea, .ec-zipInput textarea, .ec-telInput textarea, .ec-select textarea, .ec-birth textarea {
  color: #333333;
  border: solid 0.0625rem #333333;
  border-radius: 0;
}

.ec-telInput input {
  max-width: 15em;
}

.ec-zipInput input {
  margin-bottom: 0;
}

.ec-zipInputHelp span {
  color: #58A2A9;
}

.ec-totalBox .ec-totalBox__btn {
  margin-top: 1rem;
}

.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  margin-bottom: .5rem;
}

.ec-select {
  display: inline-block;
  border: #333333 solid 0.0625rem;
  background: url(../img/asset__select-arrow.png) calc(100% - .5rem) 50% no-repeat;
  background-size: .75rem auto;
  line-height: normal;
}

.ec-select select {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  height: 2rem;
  padding: 0 2rem 0 1rem;
  font-size: .875rem;
  color: #333333;
  background: transparent;
}

.ec-birth select {
  margin: 0;
}

.ec-checkbox {
  margin-bottom: 1rem;
}

.ec-checkbox label {
  display: inline-block;
}

.ec-orderAccount {
  margin-bottom: 30px;
}

.ec-orderDelivery {
  margin-bottom: 30px;
}

.ec-orderDelivery .ec-imageGrid {
  border-top: 0;
}

.ec-orderDelivery .ec-selects {
  border-bottom: 0;
}

.ec-orderDelivery .ec-orderDelivery__address {
  position: relative;
}

#gmo_payment_gateway_credit_form.ec-orderPayment {
  background: #f3f3f3;
  padding: 1rem 2rem;
}

#gmo_payment_gateway_credit_form.ec-orderPayment #div#shopping_order_payment_type_1_body {
  padding-left: 2rem;
}

.ec-orderPayment {
  margin-bottom: 30px;
}

.ec-orderCoupon {
  margin-bottom: 30px;
}

.ec-orderPayment {
  margin-bottom: 30px;
}

#shopping_order_payment_type_1_body .dl_table {
  margin-top: 2rem;
}

.ec-definitions dt,
.ec-definitions--soft dt {
  font-weight: 200;
}

.ec-definitions dt:after,
.ec-definitions--soft dt:after {
  content: '：';
}

#a8sales img {
  height: 0;
}

/* 新規会員登録 PAGE====================== */
.ec-registerRole__actions .ec-checkbox {
  text-align: center;
}

#form_search_salon {
  margin-bottom: 1rem;
}

#form_search_salon input#show_salon_id {
  background: #fff;
  width: 60%;
  margin: 0 1rem;
}

#form_search_salon #modal_search_salon {
  width: auto;
  display: inline-block;
  height: auto;
  padding: .5rem;
  line-height: initial;
  margin: 0;
}

/* MYPAGE PAGE====================== */
.ec-mypageRole {
  box-sizing: border-box;
  width: 100%;
  max-width: 65.625rem;
  /* 1080px */
  color: #333333;
  font-size: .875rem;
  line-height: 1.5;
  padding: 0 1.25rem;
  margin: 0 auto;
  position: relative;
}

.ec-welcomeMsg {
  color: #333333;
  font-size: .875rem;
  line-height: 200%;
}

.ec-navlistRole .ec-navlistRole__navlist, .ec-navlistHistoryRole .ec-navlistHistoryRole__navlist {
  border-color: #5CB1B1;
}

.ec-navlistRole .ec-navlistRole__item,
.ec-navlistHistoryRole .ec-navlistHistoryRole__item {
  border-color: #5CB1B1;
  font-weight: 200;
}

.ec-navlistRole .ec-navlistRole__navlist a,
.ec-navlistHistoryRole .ec-navlistHistoryRole__navlist a {
  color: #5CB1B1;
  text-decoration: none;
  white-space: nowrap;
}

.ec-navlistRole .active a,
.ec-navlistHistoryRole .active a {
  background: #5CB1B1;
  color: #FFF;
}

.ec-navlistRole .active a:hover,
.ec-navlistHistoryRole .active a:hover {
  background: #8FB9BF;
}

.table-salon .salon-header {
  height: 40px;
  color: #444656;
  background: #f0f8fa;
  cursor: default;
}

.table-salon .salon-header:hover {
  height: 40px;
  color: #444656;
  background: #f0f8fa;
}

.ec-mypageRole .ec-halfInput p.ec-errorMessage {
  display: inline-block;
}

.entry-form .ec-halfInput p.ec-errorMessage {
  display: inline-block;
}

#entry_address_pref + p.ec-errorMessage {
  margin-bottom: -20px;
}

/* HISTORY PAGE====================== */
/*.ec-welcomeMsg {
    display:none;
}*/
.ec-informationRole {
  margin: 2rem 0;
}

.ec-informationRole .ec-off2Grid__cell {
  background: #f3f3f3;
  padding: 1.5rem;
  width: 50%;
  margin-left: 0;
}

.ec-informationRole .ec-off2Grid__cell:first-child {
  margin-right: 1rem;
}

.ec-informationRole .ec-off2Grid__cell h3 {
  border-bottom: solid 1px #000;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}

.ec-informationRole .mypage-information ul,
.ec-informationRole .mypage-coupons ul {
  padding: 0.5em;
  list-style-type: none;
}

.ec-informationRole .mypage-information ul li,
.ec-informationRole .mypage-coupons ul li {
  position: relative;
  padding: 0em 0.3em 0.3em 1.3em;
}

.ec-informationRole .mypage-information ul li:before,
.ec-informationRole .mypage-coupons ul li:before {
  position: absolute;
  content: '';
  top: 0.5em;
  left: 0.2em;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #58A2A9;
}

.ec-informationRole .mypage-information .forlist,
.ec-informationRole .mypage-coupons .forlist {
  text-align: right;
  cursor: pointer;
}

#open-coupon-modal {
  cursor: pointer;
}

#mypage-coupon-modal .ec-modal-box {
  text-align: center;
  max-height: 40rem;
  overflow: auto;
}

.coupon-item {
  display: block;
  text-align: left;
  margin-top: 1rem;
  border: solid 1px #c9caca;
  padding: 1rem;
}

.coupon-item div {
  margin: 0 !important;
}

.coupon-item .coupon-item__name {
  font-size: 1.2rem;
  color: #58A2A9;
}

#coupon_button {
  font-size: 120%;
  font-weight: 400;
}

#coupon_box__cd .form-error-icon {
  display: none;
}

.ec-regular_orderRole {
  margin-bottom: 5rem;
}

.ec-regular_orderRole h3 {
  margin-bottom: .5rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__head {
  background: #f3f3f3;
  display: flex;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__head .table-header {
  text-align: center;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__contents {
  color: #333333;
  padding-top: 0;
  padding-bottom: 0;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__detail {
  width: 30%;
  padding: 1rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__price {
  border-left: dashed 1px #c9caca;
  width: 20%;
  padding: 1rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__price p.price {
  font-size: 1rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__nextship {
  border-left: dashed 1px #c9caca;
  width: 20%;
  padding: 1rem;
  text-align: center;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__nextship .ec-inlineBtn--cancel {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__nextship p {
  font-size: 1rem;
  margin-bottom: .5rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__shippingperiod {
  border-left: dashed 1px #c9caca;
  width: 10%;
  padding: 1rem;
  text-align: center;
  white-space: nowrap;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__shippingperiod p {
  font-size: 1rem;
}

.ec-regular_orderRole .ec-historyRole .ec-historyRole__changeorder {
  border-left: dashed 1px #c9caca;
  width: 20%;
  padding: 1rem;
}

.ec-regular_orderRole .ec-definitions {
  margin: .5rem 0;
}

.ec-regular_orderRole .ec-definitions dt {
  font-weight: 200;
  display: block;
}

.ec-normal_orderRole h3 {
  margin-bottom: .5rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__head {
  background: #f3f3f3;
  display: flex;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__head .table-header {
  text-align: center;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__contents {
  color: #333333;
  padding-top: 0;
  padding-bottom: 0;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__header {
  width: 25%;
  padding: 1rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__header .ec-inlineBtn,
.ec-normal_orderRole .ec-historyRole .ec-historyRole__header .ec-inlineBtn--action {
  width: 45%;
  padding-left: 0;
  padding-right: 0;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail {
  border-left: dashed 1px #c9caca;
  width: 60%;
  padding: 1rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .ec-imageGrid {
  border-top: none;
  margin-bottom: 1.5rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
  font-size: 1rem;
  font-weight: 200;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  font-size: 1rem;
  font-weight: 200;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
  border-top: none;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .normal_order {
  background: #B5535D;
  color: #FFF;
  padding: 0.1rem 1rem;
  font-size: .7rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__detail .regular_order {
  background: #595959;
  color: #FFF;
  padding: 0.1rem 1rem;
  font-size: .7rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__shipping {
  border-left: dashed 1px #c9caca;
  width: 20%;
  padding: 1rem;
}

.ec-normal_orderRole .ec-historyRole .ec-historyRole__shipping .ec-imageGrid:nth-of-type(1) {
  border-top: none;
}

.ec-normal_orderRole .ec-definitions {
  margin: .5rem 0;
}

.ec-normal_orderRole .ec-definitions dt {
  font-weight: 200;
  display: block;
}

/* CARD LIST PAGE====================== */
.ec-cardList {
  margin-bottom: 30px;
}

.ec-cardList .ec-checkbox {
  margin-bottom: 0;
}

.ec-cardList input[type="checkbox"] + label::before {
  top: -.75rem;
}

.ec-cardList tbody tr {
  border-bottom: solid 1px #c9caca;
}

.ec-cardList th {
  background: #f3f3f3;
  color: #333333;
}

.ec-cardList th,
.ec-cardList td {
  padding: 1rem 1rem;
  border-left: dashed 1px #c9caca;
}

.ec-cardList td a {
  color: #58A2A9;
}

.ec-cardList th:first-child,
.ec-cardList td:first-child {
  border-left: none;
}

.ec-cardList + .ec-cardRole__actions {
  text-align: center;
}

/* FAQ PAGE====================== */
#faq h2.title {
  padding-top: 0;
  font-size: 1.5rem;
  font-weight: 200;
  background: #58A2A9;
  padding: 0 1rem;
  color: #FFF;
  margin-bottom: 1rem;
}

#faq .pagetitle {
  margin-bottom: 30px;
}

#faq .faqcont {
  margin-bottom: 30px;
  position: relative;
  color: #696968;
}

#faq .faqcont .faqitem {
  width: 100%;
  position: relative;
  margin-top: 14px;
  line-height: 0;
}

#faq .faqcont .faqitem .mb10 {
  margin-bottom: 1em;
}

#faq .faqcont .showmore_content {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#faq .faqcont li {
  line-height: normal;
}

#faq .faqcont li:first-child {
  margin: 0 10px 10px 20px;
  background: url(/html/template/default/assets/img/faq_q2.gif) top left no-repeat;
  padding: 0 20px 0 20px;
  cursor: pointer;
}

#faq .faqcont .faqitem > ul > li:nth-child(2) {
  display: none;
}

#faq .faqcont li:last-child {
  border: 1px solid #ddddd5;
  height: auto;
  background: url(/html/template/default/assets/img/faq_a.gif) 20px 20px no-repeat;
  padding: 16px 20px 16px 40px;
  margin-bottom: 20px;
  line-height: normal;
}

#faq .faqcont .showmore_trigger {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#faq .faqcont .showmore_trigger .more {
  background: url("/html/template/default/assets/img/faq_q.png") left top no-repeat;
}

#faq .faqcont .showmore_trigger .less {
  background: url("/html/template/default/assets/img/faq_q.png") left top no-repeat;
}

#faq .faqcont .showmore_trigger span {
  cursor: pointer;
  display: block;
  width: 790px;
  height: 30px;
}

#faq .faqcont li a {
  color: #4291a2;
  font-weight: bold;
  line-height: 2;
}

#faq .faqcont li .small {
  font-size: 10px;
  margin: 1em 0 0 0;
}

#faq .faqcont a:before {
  content: "> ";
}

#faq .produc_faq {
  margin-bottom: 40px;
}

#faq .produc_faq .faqunderline {
  text-decoration: underline;
}

#faq .produc_faq li {
  background: url("/html/template/default/assets/img/faq_q2.gif") left center no-repeat;
  padding-left: 30px;
  margin-bottom: 20px;
}

#faq .produc_faq li a {
  color: #696968;
  font-weight: bold;
}

#faq .produc_faq li a:hover {
  color: #4291a2;
  text-decoration: none;
}

#faq .faqnotept {
  margin: 50px 0;
  border: 1px solid #ccc;
  padding: 20px;
}

/* nextday PAGE====================== */
div#nextday p.singlePic_ {
  text-align: center;
}

div#nextday ul.attTxt02_ li {
  font-size: 100%;
  color: #bc281b;
}

div#nextday ul.attTxt02_ li a.link01_ {
  font-weight: normal;
}

div#nextday ul.attTxt04_ {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #e1deda;
  padding: 0 0 20px 0;
}

div#nextday ul.attTxt04_ li {
  font-size: 100%;
  color: #746547;
}

/* shopping PAGE====================== */
div#shopping {
  max-width: 790px;
  margin: auto;
}

div#shopping .mb20 {
  margin-bottom: 20px;
}

div#shopping h3.subtitle, div#shopping div.menu_subtitle h3 {
  padding: 5px 0;
  margin: 0 10px 10px;
  font-size: 14px;
  font-weight: bold;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}

#shopping .about_kaiin,
#shopping .mailmg,
#shopping .mailmgbtn,
#shopping .footlink,
#shopping .headlink,
#shopping .headAnchorlink,
#shopping .contact_onlineshop .wrap {
  overflow: hidden;
  position: relative;
  zoom: 1;
}

#shopping a {
  color: #4291a2;
}

label[for=shopping_order_Payment_5] + p img {
  width: 220px;
}

/* shopping_繧ｪ繝ｳ繝ｩ繧､繝ｳ繧ｷ繝ｧ繝��莨壼藤縺ｫ縺､縺�※
--------------------------------------------------------- */
#shopping h2.title {
  margin: 30px 0 10px 0;
}

#shopping li .btn_ a {
  background-color: #4291a2;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  display: block;
  color: #FFF;
}

#shopping .about_kaiin {
  display: flex;
}

/*about_kaiin*/
#shopping .about_kaiin li {
  width: calc(100% / 2);
  background: url(../img/usr/cartBox.png) repeat 0 0;
  padding: 1rem;
  font-weight: bold;
  margin: 1rem 0;
  border: solid .3rem #CCC;
}

#shopping .about_kaiin li:first-child {
  margin-right: 10px;
}

#shopping .about_kaiin li .wrap {
  background: #fff;
  text-align: center;
  height: 134px;
}

#shopping .about_kaiin li p {
  padding: 30px 0 20px 0;
}

#shopping .about_kaiin li .reset_m {
  padding: 20px 0 10px 0;
}

#shopping .about_kaiin li .btn_ {
  padding: 0;
  text-align: center;
}

/*Sign_up*/
#shopping .Sign_up {
  margin-bottom: 30px;
}

#shopping .Sign_up li {
  line-height: 1.8;
  background: url(../img/shopping/guide_circle.gif) left 7px no-repeat;
  padding-left: 14px;
}

#shopping .longbtn a {
  width: 200px;
  text-align: center;
}

#shopping .longbtn2 a {
  width: 200px;
  background-color: #4291a2;
  text-align: center;
}

/*pointget*/
#shopping .pointget {
  background: url(../img/content/about_pointsys/guide_p.gif) left center no-repeat;
  padding: 5px 0 5px 30px;
  margin-bottom: 10px;
}

/*notepoint*/
#shopping .notepoint {
  border: 2px solid #ff0000;
  margin-bottom: 30px;
}

#shopping .notepoint h4 {
  background: #ff0000;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
}

#shopping .notepoint ul {
  padding: 14px 20px;
}

#shopping .notepoint ul li:before {
  content: "笆�";
}

/*mailmagagine*/
#shopping .mailmg {
  margin: 20px 0 40px 0;
  padding: 20px 0;
  border-top: 1px dotted #4291a2;
}

#shopping .mailmg .wrap {
  float: left;
  width: 500px;
}

#shopping .mailmg .btn_ {
  float: right;
  background-color: #4291a2;
}

#shopping .mailmg .btn_ a,
#shopping .mailmg2 .btn_ a {
  width: 200px;
  text-align: center;
  background-color: #4291a2;
}

#shopping .mailmg .greencolor,
#shopping .mailmg2 .greencolor {
  font-weight: bold;
  font-size: 14px;
  color: #4291a2;
}

#shopping .mailmg2 p:nth-child(2) {
  margin-bottom: 20px;
}

#shopping .mailmgbtn li {
  float: left;
}

/*footlink*/
#shopping .footlink {
  margin: 50px 0;
  border: 1px solid #ddddd5;
  padding: 20px 20px 10px 20px;
}

#shopping .footlink li {
  float: left;
  width: 372px;
  margin-bottom: 10px;
}

#shopping .footlink li a {
  background: url(../img/shopping/guide_arrow_foot.gif) left center no-repeat;
  padding-left: 20px;
}

/*headlink*/
#shopping .headlink {
  border-left: 1px solid #ddddd5;
}

#shopping .headlink li {
  float: left;
  width: 263px;
  text-align: center;
}

#shopping .headlink li a,
#shopping .headlink li p {
  display: block;
  background: #f1f8fa;
  /*background: #f9f9f1;*/
  border: 1px solid #ddddd5;
  border-left: none;
  color: #696968;
  padding: 5px 0;
}

#shopping .headlink li p {
  background-color: #fff;
  border-bottom: none;
}

#shopping .headAnchorlink {
  border: 1px solid #ddddd5;
  border-top: none;
  padding: 10px 18px;
  margin-bottom: 30px;
}

#shopping .headAnchorlink li {
  float: left;
}

#shopping .headAnchorlink li {
  margin-right: 40px;
}

#shopping .headAnchorlink li a {
  background: url(../img/shopping/guide_arrow.gif) left center no-repeat;
  padding-left: 16px;
}

#shopping .headAnchorlink li a:hover {
  color: #549faf;
  text-decoration: none;
}

/* shopping_繧ｷ繝ｧ繝�ヴ繝ｳ繧ｰ繧ｬ繧､繝�
--------------------------------------------------------- */
#shopping dl {
  margin: 20px 0 30px 0;
}

#shopping dl dt {
  font-weight: bold;
  margin-bottom: 3px;
}

#shopping dl dt:before {
  content: "笆�";
}

#shopping dl dd {
  margin-bottom: 20px;
}

/*contact_onlineshop*/
#shopping .contact_onlineshop {
  border: 2px solid #549faf;
  /*border:2px solid #4291a2;*/
  margin-bottom: 30px;
}

#shopping .contact_onlineshop h4 {
  background: #549faf;
  /*background: #4291a2;*/
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
}

#shopping .contact_onlineshop .wrap {
  padding: 20px;
}

#shopping .contact_onlineshop .wrap .formcontact {
  float: left;
}

#shopping .contact_onlineshop .wrap .btn_ {
  float: right;
  background: #4291a2;
}

#shopping .contact_onlineshop .wrap .btn_ a {
  background: #4291a2;
}

#shopping .small {
  font-size: 10px;
  color: #696968;
}

#shopping .contact_onlineshop .wrap p.telnum {
  font-size: 28px;
  color: #4291a2;
  font-weight: bold;
  margin-bottom: 20px;
}

/*table*/
#shopping .first_ {
  border-top: none;
}

#shopping .last_ {
  border-right: none;
}

#shopping .layout01_ {
  border-right: 1px solid #ddddd5;
  margin-bottom: 0;
}

#shopping .layout01_ th {
  width: 50%;
}

#shopping table.layout02_ th {
  width: 50%;
}

/*Securitybtn*/
#shopping .Securitybtn {
  text-align: left;
  margin: 10px 0;
}

/*steparrow*/
#shopping h3.stepttl {
  background-color: #549faf;
  /*background-color: #4291a2;*/
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 20px;
}

#shopping .steparrow {
  overflow: hidden;
  position: relative;
}

#shopping .steparrow p:first-child {
  float: left;
  width: 270px;
  background: url(../img/shopping/arrow.png) left top no-repeat;
  padding: 0 0 50px 40px;
}

#shopping .steparrow p.imgnone {
  background: none;
}

#shopping .steparrow p img {
  border: 1px solid #F4EEE4;
}

#shopping .steparrow .txtwrap {
  float: right;
  width: 480px;
}

#shopping .steparrow .txtwrap .small {
  margin-top: 20px;
}

#shopping .steparrow .txtwrap h4 {
  font-weight: bold;
  margin-bottom: 3px;
}

#shopping .steparrow .txtwrap p {
  margin-bottom: 1.5em;
}

#shopping .steparrow .txtwrap a:before {
  content: "> ";
}

/* eFirstPAGE====================== */
#eFirst {
  margin-bottom: 60px;
  vertical-align: sub;
}

#contents #eFirst .main p {
  text-align: left;
}

#eFirst .main {
  background: url(/html/template/default/assets/img/content/eFirst/) no-repeat;
  background-size: cover;
}

#container #main #eFirst h3 {
  margin: 0;
}

#eFirst .main p {
  margin: 0;
  padding: 22px 0 21px 17px;
}

#eFirst .item1 {
  background: url(/html/template/default/assets/img/content/eFirst/01_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 0;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item1 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item1 .txt {
  width: 46%;
  margin: 0px 15px 0 auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item1 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

#eFirst .item1 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item1 .name span {
  font-weight: 700;
}

#eFirst .item2 {
  background: url(/html/template/default/assets/img/content/eFirst/02_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 10px;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item2 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item2 .txt {
  width: 46%;
  margin: 0px 15px 0px auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item2 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
}

#eFirst .item2 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item2 .name span {
  font-weight: 700;
}

#eFirst .item3 {
  background: url(/html/template/default/assets/img/content/eFirst/03_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 0;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item3 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item3 .txt {
  width: 46%;
  margin: 0px 15px 0 auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
}

#eFirst .item3 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
}

#eFirst .item3 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item3 .name span {
  font-weight: 700;
}

#eFirst .item4 {
  background: url(/html/template/default/assets/img/content/eFirst/04_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 10px;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item4 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item4 .txt {
  width: 46%;
  margin: 0px 15px 0px auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
}

#eFirst .item4 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
}

#eFirst .item4 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item4 .name span {
  font-weight: 700;
}

#eFirst .item5 {
  background: url(/html/template/default/assets/img/content/eFirst/05_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 0;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item5 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item5 .txt {
  width: 46%;
  margin: 0px 15px 0 auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item5 .txt span {
  color: #EB8F8F;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

#eFirst .item5 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item5 .name span {
  font-weight: 700;
}

#eFirst .item6 {
  background: url(/html/template/default/assets/img/content/eFirst/06_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 10px;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item6 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item6 .txt {
  width: 46%;
  margin: 0px 15px 0px auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item6 .txt span {
  color: #EB8F8F;
  font-size: 19px;
  font-weight: 700;
}

#eFirst .item6 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item6 .name span {
  font-weight: 700;
}

#eFirst .item7 {
  background: url(/html/template/default/assets/img/content/eFirst/07_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 0;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item7 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item7 .txt {
  width: 46%;
  margin: 0px 15px 0 auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item7 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

#eFirst .item7 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item7 .name span {
  font-weight: 700;
}

#eFirst .item8 {
  background: url(/html/template/default/assets/img/content/eFirst/08_bg_pc.png) no-repeat left bottom;
  margin: 4px 0px 10px 10px;
  padding: 120px 0px 0px 0px;
  width: 49%;
  display: inline-block;
}

#eFirst .item8 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item8 .txt {
  width: 46%;
  margin: 0px 15px 0px auto;
  padding: 0px 10px 0px 0px;
  text-align: justify;
  line-height: 1.5;
  height: 250px;
  vertical-align: sub;
}

#eFirst .item8 .txt span {
  color: #549FAF;
  font-size: 19px;
  font-weight: 700;
}

#eFirst .item8 .name {
  width: 390px;
  margin: 0px 0px -30px 30px;
  padding-bottom: 50px;
}

#eFirst .item8 .name span {
  font-weight: 700;
}

#eFirst .item9 {
  background: url(/html/template/default/assets/img/content/eFirst/09_bg_pc.png) no-repeat left bottom;
  margin: 1px 0px 10px 0;
  padding: 320px 0px 0px 0px;
  width: 99%;
  display: inline-block;
}

#eFirst .item9 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item9 .txt {
  width: 75%;
  margin: 0px 15px -25px 90px;
  text-align: justify;
  line-height: 1.5;
  height: 100px;
  vertical-align: top;
}

#eFirst .item9 .name {
  width: 300px;
  margin: 25px 0px -22px 90px;
  padding: 0px 0px 0px 0px;
}

#eFirst .item9 .name span {
  font-weight: 700;
}

#eFirst .item9 .nameR {
  width: 300px;
  margin: -145px 0px 0px 470px;
  padding: 0px 0px 30px 0px;
}

#eFirst .item9 .nameR span {
  font-weight: 700;
}

#eFirst .item10 {
  background: url(/html/template/default/assets/img/content/eFirst/10_bg_pc.png) no-repeat left bottom;
  margin: 0px 0px 10px 0;
  padding: 320px 0px 0px 0px;
  width: 99%;
  display: inline-block;
}

#eFirst .item10 h3 {
  padding: 0 0 0 287px;
}

#eFirst .item10 .txt {
  width: 85%;
  margin: 0px 15px 10px 90px;
  text-align: justify;
  line-height: 1.5;
  height: 100px;
  vertical-align: top;
}

#eFirst .item10 .name {
  width: 300px;
  margin: 5px 0px 12px 250px;
  padding: 0px 0px 0px 0px;
}

#eFirst .item10 .name span {
  font-weight: 700;
}

#eFirst .campaign {
  background-size: cover;
  margin-top: 40px;
  padding-bottom: 29px;
}

#eFirst .campaign .txt1 {
  font-size: 16px;
  margin: 0 28px 35px;
  line-height: 1;
}

#eFirst .campaign ul {
  overflow: hidden;
  padding: 0 15px;
}

#eFirst .campaign ul li {
  float: left;
  margin-left: 38px;
  width: 225px;
}

#eFirst .campaign ul li:first-child {
  margin-left: 0;
}

#eFirst .campaign ul li img {
  display: block;
}

#eFirst .campaign ul li span {
  display: block;
  margin: 10px 0 0 0;
  line-height: 1.2;
}

#eFirst .campaign .txt2 {
  margin: 18px 25px 0;
}

#eFirst .campaign .txt2 span {
  font-size: 12px;
}

/* naturaglace nu PAGE====================== */
/* naturaglace nu 共通 */
.ng_nu_nav {
  width: 900px;
  margin: 0px auto;
}

.ng_nu_nav ul {
  overflow: hidden;
}

.ng_nu_nav li {
  float: left;
  margin-bottom: 38px;
}

.ng_nu_nav li.li_center {
  margin: 0 30px 38px 30px;
}

.ng_nu_nav li.li_bottom1 {
  margin: 0 40px 0 0;
}

.ng_nu_nav li.li_bottom2 {
  margin: 0;
}

.logo_box {
  width: 900px;
  margin: 0px auto 114px;
  overflow: hidden;
}

.logo_box p {
  float: left;
}

.logo_box .nu_logo {
  float: right;
  margin: 75px 0 0 0;
}

/* naturaglace nu top */
#ng_nu_top {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 266px;
  background: url(../img/limitedpromo/ng_nu/bg_top.jpg) no-repeat left top;
}

#ng_nu_top h1 {
  margin: 0 0 319px 70px;
}

#ng_nu_top .logo_box {
  margin: 71px auto 0 auto;
}

/* naturaglace nu concept */
#ng_nu_concept {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 132px;
  background: url(../img/limitedpromo/ng_nu/bg_concept.jpg) no-repeat left top;
}

#ng_nu_concept h1 {
  margin: 0 0 62px 86px;
}

#ng_nu_concept .txt1 {
  margin: 0 0 402px 86px;
}

/* naturaglace nu philosophy */
#ng_nu_philosophy {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 55px;
  background: url(../img/limitedpromo/ng_nu/bg_philosophy.jpg) no-repeat left top;
}

#ng_nu_philosophy h1 {
  margin: 0 0 89px 29px;
}

#ng_nu_philosophy h2 {
  margin: 0 0 42px 101px;
}

#ng_nu_philosophy .txt1 {
  margin: 0 0 58px 244px;
}

#ng_nu_philosophy .txt2 {
  margin: 0 0 89px 36px;
}

#ng_nu_philosophy .txt3 {
  margin: 0 0 344px 260px;
}

#ng_nu_philosophy .txt4 {
  margin: 0 0 70px 244px;
}

#ng_nu_philosophy .txt5 {
  margin: 0 0 167px 230px;
}

#ng_nu_philosophy .arrow {
  margin: 0 0 60px 437px;
}

/* naturaglace nu mechanism */
#ng_nu_mechanism {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 56px;
  background: url(../img/limitedpromo/ng_nu/bg_mechanism.jpg) no-repeat left top;
}

#ng_nu_mechanism h1 {
  margin: 0 0 94px 29px;
}

#ng_nu_mechanism h2 {
  margin: 0 0 81px 147px;
}

#ng_nu_mechanism .txt1 {
  margin: 0 0 30px 209px;
}

#ng_nu_mechanism .txt1_ {
  margin: 0 0 47px 622px;
}

#ng_nu_mechanism .dl1 {
  margin: 0 0 117px 65px;
  overflow: hidden;
}

#ng_nu_mechanism .dl1 dt {
  float: left;
}

#ng_nu_mechanism .dl1 dd {
  float: left;
  margin: 94px 0 0 46px;
}

#ng_nu_mechanism .dl1 dd .li1 {
  margin-bottom: 106px;
}

#ng_nu_mechanism .dl2 {
  margin: 0 0 133px 65px;
  overflow: hidden;
}

#ng_nu_mechanism .dl2 dt {
  float: left;
}

#ng_nu_mechanism .dl2 dd {
  float: left;
  margin: 108px 0 0 46px;
}

#ng_nu_mechanism .dl2 dd .li1 {
  margin-bottom: 103px;
}

#ng_nu_mechanism .txt2 {
  margin: 0 0 128px 65px;
}

/* naturaglace nu component */
#ng_nu_component {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 49px;
  background: url(../img/limitedpromo/ng_nu/bg_component.jpg) no-repeat left top;
}

#ng_nu_component h1 {
  margin: 0 0 49px 29px;
}

#ng_nu_component .h2_1 {
  margin: 0 0 179px 205px;
}

#ng_nu_component .txt1 {
  margin: 0 0 74px 168px;
}

#ng_nu_component .ul1 {
  overflow: hidden;
  width: 784px;
  margin: 0 0 105px 122px;
}

#ng_nu_component .ul1 li {
  float: left;
}

#ng_nu_component .h2_2 {
  margin: 0 0 74px 226px;
}

#ng_nu_component .txt2 {
  margin: 0 0 11px 90px;
}

#ng_nu_component .txt3 {
  margin: 0 0 80px 686px;
}

#ng_nu_component .txt4 {
  margin: 0 0 39px 90px;
}

#ng_nu_component .txt5 {
  margin: 0 0 11px 171px;
}

#ng_nu_component .ul2 {
  overflow: hidden;
  width: 686px;
  margin: 0 0 113px 168px;
}

#ng_nu_component .ul2 li {
  float: left;
}

/* naturaglace nu farm */
#ng_nu_farm {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 56px;
  background: url(../img/limitedpromo/ng_nu/bg_farm.jpg) no-repeat left top;
}

#ng_nu_farm h1 {
  margin: 0 0 155px 29px;
}

#ng_nu_farm .h2_1 {
  margin: 0 0 406px 303px;
}

#ng_nu_farm .txt1 {
  margin: 0 0 69px 162px;
}

#ng_nu_farm .ul1 {
  overflow: hidden;
  width: 911px;
  margin: 0 0 0 64px;
}

#ng_nu_farm .ul1 li {
  float: left;
  margin-bottom: 10px;
}

#ng_nu_farm .ul1 .li_left {
  margin-right: 10px;
}

#ng_nu_farm .txt2 {
  margin: 0 0 91px 654px;
}

#ng_nu_farm .h2_2 {
  margin: 0 0 43px 306px;
}

#ng_nu_farm .txt3 {
  margin: 0 0 48px 144px;
}

#ng_nu_farm .ul2 {
  overflow: hidden;
  width: 986px;
  margin: 0 0 92px 19px;
}

#ng_nu_farm .ul2 li {
  float: left;
}

#ng_nu_farm .ul2 .li_left {
  margin-right: 10px;
}

/* naturaglace nu factory */
#ng_nu_factory {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 56px;
  background: url(../img/limitedpromo/ng_nu/bg_factory.jpg) no-repeat left top;
}

#ng_nu_factory h1 {
  margin: 0 0 67px 29px;
}

#ng_nu_factory .txt1 {
  margin: 0 0 67px 281px;
}

#ng_nu_factory .ul1 {
  overflow: hidden;
  width: 835px;
  margin: 0 0 67px 97px;
}

#ng_nu_factory .ul1 li {
  float: left;
}

#ng_nu_factory .ul1 .li1 {
  margin-right: 53px;
}

#ng_nu_factory #factory_box1 {
  margin: 0 0 0 86px;
}

#ng_nu_factory .txt2 {
  margin: 151px 0 125px 154px;
}

#ng_nu_factory .txt3 {
  margin: 0 0 23px 157px;
}

#ng_nu_factory .txt4 {
  margin: 0 0 405px 483px;
}

#ng_nu_factory #factory_box2 {
  margin: 0 0 0 86px;
}

#ng_nu_factory .txt5 {
  margin: 59px 0 67px 150px;
}

#ng_nu_factory .img1 {
  margin: 0 0 25px 51px;
}

#ng_nu_factory .txt6 {
  margin: 0 0 116px 104px;
}

#ng_nu_factory .img2 {
  margin: 0 0 23px 51px;
}

#ng_nu_factory .txt7 {
  margin: 0 0 89px 113px;
}

#ng_nu_factory .txt8 {
  margin: 0 0 119px 49px;
}

/* naturaglace nu from */
#ng_nu_from {
  width: 1024px;
  margin: 0px auto 150px;
  padding-top: 56px;
  background: url(../img/limitedpromo/ng_nu/bg_from.jpg) no-repeat left top;
}

#ng_nu_from h1 {
  margin: 0 0 48px 29px;
}

#ng_nu_from .name_box1 {
  overflow: hidden;
  margin: 0 0 0 150px;
}

#ng_nu_from .name_box1 .left_box {
  float: left;
  margin: 0 11px 0 0;
}

#ng_nu_from .name_box1 .left_box p {
  margin: 20px 0 0 10px;
}

#ng_nu_from .name_box1 .right_box {
  float: left;
  padding-top: 209px;
}

#ng_nu_from .from_article {
  font-size: 14px;
  color: #4d4d4d;
  letter-spacing: 0.2em;
  line-height: 2.2em;
  width: 670px;
  margin: 32px 0 100px 174px;
}

#ng_nu_from .name_box2 {
  overflow: hidden;
  margin: 0 0 0 150px;
}

#ng_nu_from .name_box2 .left_box {
  float: left;
  margin: 0 11px 0 0;
}

#ng_nu_from .name_box2 .left_box p {
  margin: 20px 0 0 10px;
}

#ng_nu_from .name_box2 .right_box {
  float: left;
  padding-top: 228px;
}

.jquery-modal.blocker {
  z-index: 1000;
}
.caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  margin-left: 1rem;
}

.parent::before {
  content: "";
  background: url(../icon/plus.svg) no-repeat;
  color: black;
  display: inline-block;
  background-size: contain;
  position: absolute;
  font-size: 1rem;
  height: .8rem;
  transition: .4s;
  width: .8rem;
  margin: .4rem 0 0 -1rem;
}
.caret-down.parent::before {
  background: url(../icon/minus.svg) no-repeat;
}
.caret.parent ul {
  display: none;
}
.nested {
  margin-left: 15px;
}


/** column **/
.column-wrap {
  display: flex;
  flex-flow: column;
}
.column-wrap .content {
  width: 100%;
  border-bottom: 0.0625rem solid #333333;
  display: flex;
  padding: 1rem 0;
}
.column-wrap .content .left-div {
  width: 20%;
}
.column-wrap .content .left-div .thumbnail {
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.column-wrap .content .left-div .thumbnail:before {
  content: '';
  display: block;
  width: 100%;
  padding: 100% 0 0;
}
.column-wrap .content .right-div {
  width: 80%;
  margin-left: 2rem;
}
.column-wrap .content .right-div div {
  margin: 0.5rem 0;
}
.column-wrap .content .right-div .title {
  font-weight: bold;
  font-size: 1.3rem;
}
.column-wrap .content .right-div .label {
  display: inline-block;
  min-width: 5.625rem;
  height: 1.25rem;
  line-height: 1.25rem;
  padding: 0 .25rem;
  font-size: .75rem;
  background-color: #E8BDA7;
  color: #fff;
  margin-top: 0;
  text-align: center;
}