@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
.d-title {
  font-size: 22px;
  margin: 1em 0;
  border-bottom: 1px solid #000;
  padding: 1em 0;
  font-weight: bold;

}
/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
  line-height: 1.6;
  color: #333;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
}
body footer {
  font-size: 85.7%;
}
body, input, textarea, select, button {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 明朝フォント
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top; image-rendering: -webkit-optimize-contrast;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul, li
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
#for_beginer *,
#for_customer *,
#setLineupBlock *,
.area-product-lineup
{ box-sizing: content-box; -webkit-box-sizing: content-box;}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #1c8aca;
  text-decoration: underline;
}
[class*="btn"],[class*="button"],
[class*="btn"] a,[class*="button"] a {
  color: inherit;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}

a img:hover {
  opacity: 0.7!important;
  transition: linear 0.2s opacity!important;
}

/* ==========================================================
 clearfix
========================================================== */
/* Clearfix
---------------------------------------------------------- */
.header .section-in::before, .header .section-in::after,
.header-utility::before, .header-utility::after,
.sec-container::before, .sec-container::after,
.grid-cmn::before, .grid-cmn::after,
.gNavList > li > ul::before,.gNavList > li > ul::after,
.itemSearch > li > ul::before,.itemSearch > li > ul::after,
.sectionWrapper::before,.sectionWrapper::after,
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.header .section-in::after,
.header-utility::after,
.sec-container::after,
.grid-cmn::after,
.gNavList > li > ul::after,
.itemSearch > li > ul::after,
.sectionWrapper::after,
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body {text-align: center;}
/* ==========================================================
 sectionWrapper
========================================================== */
div.sectionWrapper {
  margin: 0 auto;
  width: 930px;
  text-align: left;
}
/* ==========================================================
 header
========================================================== */
.header {
  height: 90px;
}
.header .section-in {
  margin: 0 auto;
  padding: 20px 0;
  width: 930px;
}
.header #header-logo {
  float: left;
  width: 190px;
}
.header .header-utility {
  display: table;
  float: right;
  padding-top: 10px;
}
.header .module-account {
  position: relative;
  display: table-cell;
  width: 180px;
  border-right: 1px dotted #999;
  padding: 0 14px 0 45px;
  background: url(/theme/Pc/img/common/header/header_icon_mypage.png) no-repeat left bottom;
  text-align: left;
  /* overflow: hidden; */
}
.is-logout .header .module-account {
  width: 200px;
}
.header .module-mymenu {
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -95px;
  width: 190px;
  z-index: 1000;
  -webkit-box-shadow: 0px 3px 6.44px 0.56px rgba(125, 125, 125, 0.55);
  -moz-box-shadow: 0px 3px 6.44px 0.56px rgba(125, 125, 125, 0.55);
  box-shadow: 0px 3px 6.44px 0.56px rgba(125, 125, 125, 0.55);
}
.header .module-mymenu.is-show {
  display: block;
}
.header .module-mymenu::before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -6.5px;
  width: 13px;
  height: 7px;
  background: url(/theme/Pc/img/common/header/header_arrow_02.png) no-repeat left top;
}
.header .module-mymenu > ul {
  border-top: 6px solid #6e6e6e;
  background: #fff;
}
.header .module-mymenu > ul > li + li {
  border-top: 2px solid #d7d7d7;
}
.header .module-mymenu ul ul {}
.header .module-mymenu li li + li {
  border-top: 1px dotted #d7d7d7;
}
.header .module-mymenu li li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #5a5a5a;
  font-weight: bold;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.header .module-mymenu li li a:hover {
  opacity: 0.5;
}
.header .module-account .text .text-name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  width: 6.5em;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.is-logout .header .module-account .text .text-name {
  font-size: 92.8%;
}
.header .module-account .text .text-sama {margin-left: .5em;}
.header .module-account .link {}
.header .module-account .link a {
  padding-right: 15px;
  font-size: 85.7%;
  color: #333;
}
.is-login .header .module-account .link a {
  background: url(/theme/Pc/img/common/header/header_arrow_01.png) no-repeat right center;
}
.header .module-stage {
  display: table-cell;
  padding-left: 50px;
  width: 180px;
  background:  no-repeat 15px 2px;
  text-align: left;
}
.header .module-stage.is-bronze {background-image: url(/theme/Pc/img/common/header/header_icon_bronze.png);}
.header .module-stage.is-silver {background-image: url(/theme/Pc/img/common/header/header_icon_silver.png);}
.header .module-stage.is-gold {background-image: url(/theme/Pc/img/common/header/header_icon_gold.png);}
.header .module-stage.is-platinum {background-image: url(/theme/Pc/img/common/header/header_icon_platinum.png);}
.header .module-stage .text {
  font-size: 12px;
  color: #333;
}
.header .module-stage .number-point {
  font-size: 15px;
  font-weight: bold;
}
.header .module-stage .ranking {

}
.header .module-stage .ranking a {
  color: #646464;
  font-weight: bold;
}
.header .module-benefit {
  display: table-cell;
  width: 124px;
  text-align: left;
}
.header .module-benefit a {
  font-weight: bold;
  color: #646464;
}
.header .module-benefit .has-attention {
  position: relative;
}
.header .module-benefit .attention {
  display: none;
}
.header .module-benefit .has-attention .attention.is-show {
  display: block;
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px;
  background: #df0326;
  color: #fff;
  font-weight: bold;
  font-size: 78.5%;
  text-align: center;
  line-height: 1.1;
}
.header .module-benefit .has-attention .text::after {
  content: "";
  display: inline-block;
  margin-left: .3em;
  width: 14px;
  height: 14px;
  background: url(/theme/Pc/img/common/ico_exclamation.png) no-repeat left top;
  vertical-align: baseline;
}
.header .module-benefit .area-point {}
.header .module-benefit .area-point .attention {
  top: 2.1em;
  right: 3.5em;
  width: 18em;
}
.header .module-benefit .area-coupon {}
.header .module-benefit .area-coupon .attention {
  bottom: 2.1em;
  right: 2.5em;
  width: 21em;
}
.header .module-cart {
  display: table-cell;
  top: -10px;
  position: relative;
  width: 194px;
}
.is-logout .header .module-cart {
  padding-left: 20px;
  width: 214px;
}
.header .module-cart .box-cart {
  position: absolute;
  left: 0;
  padding-top: 30px;
  text-align: left;
}
.is-logout .header .module-cart .box-cart {
  left: 20px;
}
.header .module-cart .box-cart .text-price {
  font-weight: bold;
}
.header .module-cart .box-cart .text-price .price-total {
  font-size: 142.8%;
  line-height: 1.1;
}
.header .module-cart .box-cart .text-pop {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border: 1px solid #df0326;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
  font-size: 78.5%;
  color: #df0326;
  line-height: 1.1;
  min-width: 12.5em;
  text-align: center;
}
.header .module-cart .box-cart .text-pop::after {
  content:"";
  position: absolute;
  display: block;
  bottom: -6px;
  right: 27px;
  width: 8px;
  height: 6px;
  background: url(/theme/Pc/img/common/ico_arrow_comment.png) no-repeat left top;
  -webkit-background-size: 8px 6px;
  background-size: 8px 6px;
}
.header .module-cart .button-cart {
  position: absolute;
  right: 0;
  width: 50px;
}
.header .module-cart .button-cart a {
  display: block;
  padding: 38px 0 0;
  background: url(/theme/Pc/img/common/header/header_icon_cart.png) no-repeat left top;
  font-size: 85.7%;
  color: #333;
  text-decoration: none;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.header .module-cart .button-cart a:hover {
  opacity: 0.7;
}
/* gNav
---------------------------------------------------------- */
/* ==========================================================
 nav-global
========================================================== */
#nav-global {
  margin: 0;
  background: #3c3c3c;
  font-size: 12px;
}
.sectionWrapper {
  position: relative;
}
.gNavList {
  float: left;
  width: 808px;
  line-height: 1.1;
}
.gNavList > li {
  display: inline-block;
  vertical-align: top;
}
.gNavList > li + li {
  margin: 0 0 0 40px;
}
.gNavList .gNavList01 {}
.gNavList .gNavList02 {}
.gNavList .gNavList03 {
  margin-left: 30px;
}
.gNavList .gNavList04 {}
.gNavList .gNavList05 {}
.gNavList .gNavList06 {}
.gNavList .gNavList07 {}
.gNavList > li > a {
  display:block;
  padding: 12px 0;
  height: 38px;
}
.gNavList > li > ul,
.itemSearch > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 38px;
  z-index: 150;
  padding: 15px 25px 30px;
  width: 930px;
  background: #e6e6e6;
}
.gNavList > li > a.current + ul,
.itemSearch > li > a.current + ul {
  display: block;
}
.gNavList > li > ul::before,
.itemSearch > li > ul::before {
  content: "";
  position: absolute;
  top: -8px;
  display: block;
  width: 13px;
  height: 8px;
  background: url(/theme/Pc/img/common/gnav/gnav_arrt_13x8.png) no-repeat left top;
}
.gNavList .gNavList01 > ul::before {left: 21px;}
.gNavList .gNavList02 > ul::before {left: 129px;}
.gNavList .gNavList03 > ul::before {left: 232px;}
.gNavList .gNavList04 > ul::before {left: 347px;}
.itemSearch > li > ul::before {left: 859px;}
.gNavList > li > ul > li {
  float: left;
}
.gNavList > li.gNavList01 > ul > li,
.gNavList > li.gNavList04 > ul > li {width: 280px;}
.gNavList > li.gNavList02 > ul > li.gNavList02_01 {width: 580px;}
.gNavList > li.gNavList02 > ul > li.gNavList02_02 {width: 280px;}
.gNavList > li.gNavList03 > ul > li.gNavList03_01 {width: 280px;}
.gNavList > li.gNavList03 > ul > li.gNavList03_02 {width: 280px;}
.gNavList > li.gNavList03 > ul > li.gNavList03_03 {width: 280px;}
.gNavList > li > ul > li + li {
  margin: 0 0 0 20px;
}
.gNavList > li > ul > li.gNavList01_series {
  clear: both;
  margin: 20px 0 0;
  width: 100%;
}
.gNavList > li > ul > li.gNavList01_series li {
  float: left;
  margin: 0 0 0 20px;
}
.gNavList > li > ul > li.gNavList01_series li:first-child {
  margin: 0;
}
.gNavList > li > ul > li > p.title {
  margin-bottom: 10px;
  font-size: 116.6%;
  font-weight: bold;
  line-height: 1.1;
  color: #444;
}
.gNavList > li > ul > li > p.no-title {
  min-height: 12.992px;
}
.gNavList > li > ul > li > p.title a {
  color: #3c3c3c;
}
.gNavList > li > ul > li > ul {}
.gNavList > li > ul > li > ul + p.title {
  margin-top: 20px;
}
.gNavList > li > ul > li ul {
  overflow: hidden;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
}
.gNavList > li > ul > li li {
  float: left;
  display: table;
  min-height: 58px;
  height: 58px;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  background: #fff url(/theme/Pc/img/common/gnav/gnav_arrr_9x18.png) no-repeat right 11px center;
}
.gNavList > li.gNavList01 > ul > li li,
.gNavList > li.gNavList02 > ul > li.gNavList02_02 li,
.gNavList > li.gNavList03 > ul > li.gNavList03_02 li,
.gNavList > li.gNavList04 > ul > li li {
  width: 279px;
}
.gNavList > li.gNavList01 > ul > li.gNavList01_series ul {
  border: none;
}
.gNavList > li.gNavList01 > ul > li.gNavList01_series li {
  border: 1px solid #d2d2d2;
  width: 279px;
}
.gNavList > li.gNavList02 > ul > li li {
  width:293px;
}
.gNavList > li.gNavList02 > ul > li.gNavList02_01 li {
  width: 289px;
}
.gNavList > li.gNavList03 > ul > li.gNavList03_01 li {
  width: 278px;
}
.gNavList > li > ul > li li + li {
}
.gNavList > li > ul > li li a {
  display: table-cell;
  padding: 4px 38px 4px 58px;
  min-height: 58px;
  background: no-repeat 4px 4px;
  text-decoration: none;
  transition: linear 0.2s opacity;
  color: #444;
  vertical-align: middle;
}
.gNavList > li > ul > li li a:hover {
  opacity: 0.5;
}

.gNavList > li > ul > li.gNavList01_series li a {
  padding-left: 146px;
  background-position: 10px 4px;
  padding-right: 20px;
  font-size: 11px;
}

/* シャンプー・トリートメント */
.gNavList > li > ul > li li.gNavList01_01_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_01.jpg); }
.gNavList > li > ul > li li.gNavList01_01_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_02.jpg); }
.gNavList > li > ul > li li.gNavList01_01_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_03.jpg); }
.gNavList > li > ul > li li.gNavList01_01_04 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_04.jpg); }
.gNavList > li > ul > li li.gNavList01_01_05 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_05.jpg); }
/* 商品追加 */
.gNavList > li > ul > li li.gNavList01_01_06 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_06.png); }
.gNavList > li > ul > li li.gNavList01_01_07 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_07.png); }

.gNavList > li > ul > li li.premior span.itemCategory:before {
  content: '';
  display: inline-block;
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_tag_premior_01.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 53px;
  height: 15px;
  margin-right: 9px;
}
.gNavList > li > ul > li li.new {
  background-color: #f2fdff;
  background-image: url(/theme/Pc/img/common/gnav/gnav_arrr_9x18.png) no-repeat right 11px center;
}

/* 洗い流さないトリートメント */
.gNavList > li > ul > li li.gNavList01_02_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_01.jpg); }
.gNavList > li > ul > li li.gNavList01_02_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_02.jpg); }
.gNavList > li > ul > li li.gNavList01_02_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_03.jpg); }
.gNavList > li > ul > li li.gNavList01_02_04 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_04.jpg); }
.gNavList > li > ul > li li.gNavList01_02_05 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_05.jpg); }
.gNavList > li > ul > li li.gNavList01_02_06 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_06.jpg); }

.gNavList > li > ul > li li.gNavList01_02_07 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_07.png); }
/* ヘアカラー・育毛剤 */
.gNavList > li > ul > li li.gNavList01_03_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_01.jpg); }
.gNavList > li > ul > li li.gNavList01_03_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_02.jpg); }
.gNavList > li > ul > li li.gNavList01_03_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_03.jpg); }
.gNavList > li > ul > li li.gNavList01_03_04 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_04.jpg); }
/* 限定商品 */
.gNavList > li > ul > li li.gNavList01_04_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_04_01.jpg); }
.gNavList > li > ul > li li.gNavList01_04_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_04_02.jpg); }
/* シーリズ別 */
.gNavList > li > ul > li li.gNavList01_highdamage a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_high-damage_01.jpg); padding-left: 70px;}
.gNavList > li > ul > li li.gNavList01_damage a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_damage_01.jpg); }
.gNavList > li > ul > li li.gNavList01_aging a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_aging_01.jpg); padding-left: 100px;}
/* スキンケア */
.gNavList > li > ul > li li.gNavList02_01_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_01.jpg); }
.gNavList > li > ul > li li.gNavList02_01_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_02.jpg); }
.gNavList > li > ul > li li.gNavList02_01_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_03.jpg); }
.gNavList > li > ul > li li.gNavList02_01_04 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_04.jpg); }
.gNavList > li > ul > li li.gNavList02_01_05 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_05.jpg); }
.gNavList > li > ul > li li.gNavList02_01_06 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_06.jpg); }
.gNavList > li > ul > li li.gNavList02_01_07 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_07.jpg); }
.gNavList > li > ul > li li.gNavList02_01_08 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_08.jpg); }
.gNavList > li > ul > li li.gNavList02_01_09 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_09.jpg); }
.gNavList > li > ul > li li.gNavList02_01_10 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_10.jpg); }
.gNavList > li > ul > li li.gNavList02_01_11 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_11.jpg); }
.gNavList > li > ul > li li.gNavList02_01_12 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_12.jpg); }
.gNavList > li > ul > li li.gNavList02_01_13 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_01_13.jpg); }
.gNavList > li > ul > li li.gNavList02_02_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_02_01.jpg); }
.gNavList > li > ul > li li.gNavList02_02_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_02_02.jpg); }
.gNavList > li > ul > li li.gNavList02_02_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_02_03.jpg); }
.gNavList > li > ul > li li.gNavList02_02_04 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_02_04.jpg); }
.gNavList > li > ul > li li.gNavList02_02_05 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_02_05.jpg); }
/* 限定商品 */
.gNavList > li > ul > li li.gNavList02_03_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_03_03.jpg); }
.gNavList > li > ul > li li.gNavList02_03_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_skincare_03_02.jpg); }
/* ディフューザー */
.gNavList > li > ul > li li.gNavList03_01_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_aroma_01_01.jpg); }
.gNavList > li > ul > li li.gNavList03_01_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_aroma_01_02.jpg); }
.gNavList > li > ul > li li.gNavList03_01_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_aroma_02_01.jpg) }
/* エッセンシャルオイル */
.gNavList > li > ul > li li.gNavList03_02_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_aroma_02_01.jpg); }
/* ハーブの香りを楽しむ */
.gNavList > li > ul > li li.gNavList04_01_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_01_01.jpg); }
.gNavList > li > ul > li li.gNavList04_01_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_01_02.jpg); }
.gNavList > li > ul > li li.gNavList04_01_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_01_03.jpg); }
/* ハーブの香りを楽しむ */
.gNavList > li > ul > li li.gNavList04_02_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_02_01.jpg); }
.gNavList > li > ul > li li.gNavList04_02_02 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_02_02.jpg); }
.gNavList > li > ul > li li.gNavList04_02_03 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_02_03.jpg); }
/* ギフトセット */
.gNavList > li > ul > li li.gNavList04_03_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_03_01.jpg); }
/* 限定商品 */
.gNavList > li > ul > li li.gNavList04_04_01 a { background-image: url(/theme/Pc/img/common/gnav/gnav_img_bathsalt_04_01.jpg); }

.gNavList03_02 > ul {
  border-top: none !important;
  border-left: none !important;
}
.gNavList03_02 ul {
  border-bottom: none !important;
}
.gNavList03_02.top {
  margin-top: 25px !important;
}
 .gNavList04_01,
 .gNavList04_02 {
   border-bottom: none !important;
 }

.gNavList > li > ul > li li a span.itemCategory {
  display: block;
  font-size: 83.3%;
  color: #c9b100;
  line-height: 1.3;
}
.gNavList > li > ul > li li a span.itemName {
  display: inline-block;
  padding: 3px 0 0;
  font-size: 108%;
  line-height: 1.3;
  vertical-align: top;
}
.gNavList > li > ul > li .gNavList01_highdamage a span.itemName {
  letter-spacing: -.1em;
}
.itemSearch {
  float: left;
  width: 122px;
  font-size: 14px;
}
.itemSearch .itemSearch-in {
  display: table;
  background: #fff;
  border: 1px solid #d1d1d1;
  width: 100%;
  text-align: center;
}
.itemSearch .itemSearch-in + .itemSearch-in {
  margin-top: 25px;
}
.itemSearch .itemSearch-in .area-search {
  display: table-cell;
  padding: 25px;
  text-align: left;
}
.itemSearch .itemSearch-in .area-search .ttl-cmn-04 {
}
.itemSearch .itemSearch-in > .ttl-cmn-04 {
  display: table-cell;
  border-right: 1px dotted #d1d1d1;
  width: 158px;
  height: 90px;
  vertical-align: middle;
}
.itemSearch .itemSearch-in > .search-button {
  display: table-cell;
  border-left: 1px solid #d1d1d1;
  width: 225px;
  vertical-align: middle;
}
.itemSearch .itemSearch-in #priceCheck {
  visibility: hidden;
  width: 0;
  height: 0;
}
.itemSearch .itemSearch-in .priceList {
  display: table-cell;
  padding: 20px 40px 0 0;
  text-align: left;
}
.itemSearch .itemSearch-in .priceList li {
  display: inline-block;
  margin: 0 0 1em 2em;
}
.itemSearch .priceList label{
  display: inline-block;
  padding: 0 0 0 24px;
  height: 18px;
  background: url(/theme/Pc/img/common/gnav/gnav_ico_02.png) no-repeat left center;
  vertical-align: top;
}
.itemSearch .priceList label.selected{
  background-image: url(/theme/Pc/img/common/gnav/gnav_ico_01.png);
}
.itemSearch .button-type.is-submit {
  width: 164px;
  font-weight: normal;
  letter-spacing: .2em;
}
.itemSearch-Contents {
  margin-top: 25px;
}
.itemSearch-Contents li {
  width: 295px;
}
.itemSearch-Contents li:first-child {float: left;}
.itemSearch-Contents li:last-child {float: right;}
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
.nav-local li {
}
.nav-local li a {
}
.nav-local li a:hover {
}
/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 930px;
  margin: 0 auto;
  padding: 26px 0 0;
  background: none;
  text-align: left;
}

.nav-breadcrumb ul {
  display: inline;
}

.nav-breadcrumb li {
  display: inline;
  list-style-type: none;
  color: #333;
  margin: 0 auto;
  padding: 0;
  width: inherit;
}

.nav-breadcrumb li + li::before {
  content: ">";
  padding: 0 0.5em;
}

.nav-breadcrumb li span {
  /*font-weight: bold;*/
}

.nav-breadcrumb a:link,
.nav-breadcrumb a:visited,
.nav-breadcrumb a:active {
  color: #282828;
}

.nav-breadcrumb a:hover {
  color: #282828;
}
/* ==========================================================
 popup
========================================================== */
[class*="popup"] {
  background: #fff;
}
[class*="popup"] .contents {
  width: auto;
}
.white-popup.present {
  padding: 50px 0;
  text-align:center;
  margin: 20px auto;
  max-width: 636px;
  position: relative;
}
/* ==========================================================
 contents
========================================================== */
.contents {
  width: 930px;
  margin: 30px auto;
  text-align: left;
  min-height: 260px;
}
.is-cart .contents {
  width: 980px;
}
.is-kobetsu-930 .contents-main {
  float: none;
  width: 930px;
}
.is-cart .contents-main {
  float: left;
  width: 700px;
}
.is-mypage .contents-main {
  float: left;
  width: 690px;
}
.contents-sub {
  float: right;
  width: 220px;
}
.is-mypage .contents-sub {
  padding-top: 65px;
}
.is-cart .contents-sub {
  width: 250px;
}
.no-contents-sub .contents-main {
  float: none;
  width: auto;
}
.is-kobetsu .contents-main {
  float: none;
  margin: 0 auto;
}
.is-product .contents-main {
  float: none;
  width: 100%;
}
.is-product .main-contents *,
.is-product .contents-main * {
  box-sizing: content-box;
}
.is-product .quality td {
  vertical-align: top;
}
.is-page-w690 .contents-main {
  float: none;
  margin: 0 auto;
  width: 690px;
}
.is-mypage-popup .contents-main {
  float: none;
  margin: auto;
}
.contents.is-page-w690 {
  float: none;
  margin: 0 auto;
  width: 690px;
}
.is-campaign-form .contents {
  margin: 0;
  width: auto;
}
/* module
---------------------------------------------------------- */
.module_column1-top {}
.module_column1-top .column1-topItem {
  width: 930px;
  margin-top: 8px;
}
.module_column1-top .column1-topItem:first-child {
  margin-top: 0;
}
.module_column1 {}
.module_column1 .column1Item {
  width: 930px;
  /*margin-top: 15px;*/
}
.module_column2 {
  overflow: hidden;
}
.module_column2 .column2Item {
  width: 456px;
}
.module_column2 .column2Item:nth-child(odd) {
  float: left;
}
.module_column2 .column2Item:nth-child(even) {
  float: right;
}
.module_column3 {
  overflow: hidden;
}
.module_column3 .column3Item {
  float: left;
  width: 300px;
  margin-top: 15px;
  margin-left: 15px;
}
.module_column3 .column3Item:first-child {
  margin-top: 15px;
  margin-left: 0;
}
.module_column4 {
  overflow: hidden;
}
.module_column4 .column4Item {
  float: left;
  margin: 0 0 0 20px;
}
.module_column4 .column4Item:nth-child(odd) {
  width: 218px;
}
.module_column4 .column4Item:nth-child(even) {
  width: 217px;
}
.module_column4 .column4Item:nth-child(4n+1) {
  margin: 0;
}
.module_accordion {}
.module_accordion .acBtn {
}
.module_accordion dd +.acBtn {
  margin: 2px 0 0;
}
.module_accordion .acBtn a {
  position: relative;
  display: block;
  padding: 15px 20px 16px 18px;
  background: #8c8c8c;
  font-size: 133%;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.1;
}
.module_accordion .acBtn a span {
  display: inline-block;
  float: right;
  width: 26px;
  height: 12px;
  background: url("/theme/Pc/img/common/footer/footer_arrb_26x12.png") no-repeat 0 0;
  vertical-align: top;
}
.module_accordion .acBtn a.current span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.module_accordion .acBtn a span em {
  display: none;
}
.module_accordion .acContent {
  display: none;
  background: #ffffff;
}
.module_accordion .acContent .acSection {
  padding: 30px;
}
.module_accordion .acContent .acSection h2 {
  margin: 25px 0 10px;
  border-bottom: 1px solid #d2d2d2;
  padding: 0 0 10px;
  color: #c9b100;
  font-weight: bold;
  font-size: 150%;
  line-height: 1.1;
}
.module_accordion .acContent .acSection h2:first-child {margin-top: 0;}
.module_accordion .acContent .acSection p.txt,
.module_accordion .acContent .acSection ul.acSectionList li {
  font-size: 116%;
  line-height: 1.71;
}
.module_accordion .acContent .acSection strong {
  font-weight: bold;
}
.module_accordion .acContent .acSection p + p,
.module_accordion .acContent .acSection p + ul.acSectionList,
.module_accordion .acContent .acSection ul.acSectionList + ul.acSectionList {
  margin: 15px 0 0;
}
.module_accordion .acContent .acSection ul.notice {
  margin: 10px 0 0;
  padding-left: 1em;
}
.module_accordion .acContent .acSection ul.notice li {
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em;
}
.module_accordion .acContent .acSection ul.acSectionList {}
.module_accordion .acContent .acSection ul.acSectionList li {
  text-indent: -1em;
  padding-left: 1em;
}
.module_accordion .acContent .acSection table {
  margin: 25px 0;
  border-collapse: collapse;
  border: 1px solid #d2d2d2;
}
.module_accordion .acContent .acSection table thead th {
  background: #fafafa;
  text-align: center;
  line-height: 1.2;
}
.module_accordion .acContent .acSection table th,
.module_accordion .acContent .acSection table td {
  border: 1px solid #d2d2d2;
  padding: 7px 15px;
  font-size: 108%;
  font-weight: bold;
}
.module_accordion .acContent .acSection table td {
  text-align: center;
}
.module_accordion .acContent .acSection table th span.txtColor01 {color: #ea609c;}
.module_accordion .acContent .acSection table th span.txtColor02 {color: #36b81c;}
.module_accordion .acContent .acSection table th span.txtColor03 {color: #e59909;}
#sending .acSection .module_column2 .column2Item:nth-child(2) {
  padding: 40px 40px 0 0;
  width: 316px;
}
/* topicsSection
---------------------------------------------------------- */
#topicsSection {}
#topicsSection .topicsInner {
  padding: 15px 25px 0 95px;
  min-height: 60px;
  background: url(/theme/Pc/img/common/header/img_rasakko_01.png) no-repeat 20px center;
  -webkit-background-size: 71px 60px;
  background-size: 71px 60px;
}
#topicsSection .topicsInner .txt {
  position: relative;
  border: 2px solid #d7d7d7;
  padding: 6px 10px;
  font-size: 100%;
  text-align: center;
}
#topicsSection .topicsInner .txt::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  margin-top: -6px;
  width: 9px;
  height: 12px;
  background: url(/theme/Pc/img/common/header/ico_arrow_top_01.png) no-repeat left top;

}
/* footerSiteNav
---------------------------------------------------------- */
#footerInformation {
  margin: 60px 0 0;
  padding: 30px 0;
  background: #e6e6e6;
}
#footerInformation .sectionWrapper {}
/* column2Section */
#footerInformation .sectionWrapper .column2Section {}
#footerInformation .sectionWrapper .column2Section .column2Item {
  padding: 25px 15px 15px;
  min-height: 185px;
  background: #ffffff;
  text-align: center;
}
#footerInformation .sectionWrapper .column2Section h2 {
  font-size: 166%;
  color: #c9b100;
  font-weight: bold;
  line-height: 1.1;
}
#footerInformation .sectionWrapper .column2Section h2.h2_type01_old {
  margin: 0 0 20px;
  padding: 0 0 20px;
  background: url(/theme/Pc/img/common/footer/footer_bg_tel.png) no-repeat center bottom;
}
/* 編集エリアここから 20190214 ↓↓↓ */
#footerInformation .sectionWrapper .column2Section h2.h2_type01 {
  margin: 0 0 20px;
  padding: 0 0 0px;
}
/* 編集エリアここまで 20190214 ↑↑↑ */
#footerInformation .sectionWrapper .column2Section p.tel {
  display: inline-block;
  padding: 0 0 0 65px;
  font-size: 316%;
  background: url('/theme/Pc/img/common/footer/footer_ico_tel.png') no-repeat left center;
  vertical-align: top;
  line-height: 1.1;
  font-weight: bold;
}
#footerInformation .sectionWrapper .column2Section p.time {
  margin-top: 16px;
  font-size: 133%;
  font-weight: bold;
  line-height: 1.1;
}
#footerInformation .sectionWrapper .column2Section table {
  margin: 10px auto 0;
  border: 1px solid #d2d2d2;
  border-collapse: collapse;
  width: 425px;
}
#footerInformation .sectionWrapper .column2Section table td {
  width: 211px;
  border: 1px solid #d2d2d2;
}
#footerInformation .sectionWrapper .column2Section table td a {
  display: block;
  padding: 5px 0;
  background: url("/theme/Pc/img/common/footer/footer_arrb_10x10.png") no-repeat right bottom;
}

/* accordionSection */
#footerInformation .sectionWrapper .accordionSection {
  margin: 30px 0 0;
}
#footerInformation .sectionWrapper .accordionSection {}

#footerInformation .sectionWrapper .accordionSection .acContent .img.img_boder {
  padding: 40px 70px;
  margin: 30px auto;
  text-align: center;
  border: 1px solid #E6E6E6;
}

/* btnSection */
#footerInformation .sectionWrapper .btnSection {
  margin: 30px 0 0;
}
#footerInformation .sectionWrapper .btnSection .column2Item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  font-weight: bold;
}
#footerInformation .sectionWrapper .btnSection .column2Item a {
  display: block;
  background: url("/theme/Pc/img/common/footer/footer_arrb_27x12.png") no-repeat right 30px center;
  text-align: center;
  font-size: 150%;
  text-decoration: none;
}
#footerInformation .sectionWrapper .btnSection .column2Item a:hover {
  opacity: 0.7;
  transition: linear 0.2s opacity;
}
#footerInformation .sectionWrapper .btnSection .column2Item a span {
  display: inline-block;
  padding-left: 42px;
  height: 60px;
  background: no-repeat 0 12px;
  line-height: 60px;
  vertical-align: top;
}
#footerInformation .sectionWrapper .btnSection .column2Item:nth-child(1) a span {
  background-image: url("/theme/Pc/img/common/footer/footer_ico_shopping.png");
}
#footerInformation .sectionWrapper .btnSection .column2Item:nth-child(2) a span {
  background-image: url("/theme/Pc/img/common/footer/footer_ico_mail.png");
}
/* footerSiteNav
---------------------------------------------------------- */
#footerNav {
  margin: 60px 0 0;
}
#footerNav .sectionWrapper {
  position: relative;
}
#footerNav .sectionWrapper .footerNavSection h2 {
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 15px;
  font-size: 134%;
  color: #c9b100;
  font-weight: bold;
  line-height: 1.1;
}
#footerNav .sectionWrapper .footerNavSection .linkList {}
#footerNav .sectionWrapper .footerNavSection .linkListItem {}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem + .linkListItem {
  margin: 10px 0 0 ;
}
#footerNav .sectionWrapper .footerNavSection .linkListItem a {
  font-size: 116%;
  line-height: 2;
  text-decoration: none;
  color: #444;
}
#footerNav .sectionWrapper .footerNavSection .linkListItem a:hover {
  opacity: 0.7;
}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem a {
  display: inline-block;
  padding: 0 0 0 42px;
  height: 32px;
  background: no-repeat left center;
  vertical-align: top;
}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.facebook a {background-image: url('/theme/Pc/img/common/footer/footer_ico_facebook.png');}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.twitter a {background-image: url('/theme/Pc/img/common/footer/footer_ico_twitter.png');}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.line a {background-image: url('/theme/Pc/img/common/footer/footer_ico_line.png');}
#footerNav .sectionWrapper .footerNavSection .column4Item .linkListItem.facebook a {}

#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(4) .linkListItem a {
  padding: 0 22px 0 0;
  height: 12px;
  background: no-repeat right center;
  vertical-align: top;
}
#footerNav .sectionWrapper .footerNavSection .column4Item:nth-child(4) .linkListItem.window a {background-image: url('/theme/Pc/img/common/footer/footer_ico_window.png');}

/* footerSiteNav
---------------------------------------------------------- */
#footerSiteNav {
  margin: 30px 0 0;
  border-top: 1px solid #e5e5e5;
}
#footerSiteNav .sectionWrapper {
  padding: 30px 0;
}
#footerSiteNav .sectionWrapper .column2Item .txt {}
#footerSiteNav .sectionWrapper .column2Item .textLinkList {
  margin: 17px 0 0;
  overflow: hidden;
}
#footerSiteNav .sectionWrapper .column2Item .linkListItem  {
  display: inline-block;
  vertical-align: top;
  line-height: 1.1;
}
#footerSiteNav .sectionWrapper .column2Item .linkListItem + .linkListItem {
  margin: 0 0 0 15px;
  border-left: 1px solid #e5e5e5;
  padding: 0 0 0 14px;
}
#footerSiteNav .sectionWrapper .column2Item .logo {
  overflow: hidden;
}
#footerSiteNav .sectionWrapper .column2Item .logo li {
  float: right;
  margin: 0 0 0 1em;
}
/* pagetop
---------------------------------------------------------- */
#footerNav .pagetop {
  display: none;
  position: fixed;
  z-index: 50;
  right: 50px;
  bottom: 50px;
}
/* footer
---------------------------------------------------------- */
#footer {
  background: #3c3c3c;
  width: auto;
  height: auto;
}
#footer .sectionWrapper {
  padding: 30px 0 50px;
  text-align: center;
  color: #fff;
}
#footer .sectionWrapper #footerLogo {
  margin: 0 0 20px;
}
#footer .sectionWrapper .txt {
  margin: 0 0 15px;
  font-size: 83.3%;
  line-height: 1.1;
}
#footer .sectionWrapper .copyright {
  line-height: 1.1;
}
/* マージン
---------------------------------------------------------- */
.section + .section {
  margin-top: 60px;
}
.tel-section + .tel-section,
.mail-section + .mail-section {
  margin-top: 15px;
}

#subCotents .section + .section {
  margin-top: 15px;
}
.mail-section {
  overflow: hidden;
}
.mail-section .input-text {
  overflow: hidden;
}
.mail-section .input-text .input-mail {
  width: 80%;
}
.mail-section .input-text .delete-mail-button {
  float: right;
  width: 15%;
  line-height: 1.85em;
}

/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
  width: auto;
}
.grid-cmn > .col {
  float: left;
}
.grid-cmn.column02 > .col {
  width: 50%;
}
.grid-cmn.column03 > .col {
  width: 33%;
}
.grid-cmn.column04 > .col {
  width: 25%;
}
.grid-cmn.column02 > .col:nth-child(2n+1),
.grid-cmn.column03 > .col:nth-child(3n+1),
.grid-cmn.column04 > .col:nth-child(4n+1) {
  clear: left;
}
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-container
---------------------------------------------------------- */
.sec-container {}
.sec-container > [class^="sec-"] {
  float: left;
}
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
  margin: 0 0 60px;
}
.sec-cmn-01 .section-in {
  margin-bottom:1em;
}
.sec-cmn-01.is-campaign-contents {
  margin: 0 auto 60px;
  width: 930px;
}
.sec-cmn-02 {
}
/* section last margin */
section:last-of-type {
  margin-bottom: 0;
}
/* sec-complete
---------------------------------------------------------- */
.sec-complete-01 .box-404,
.sec-complete-01 p {
  margin: 0 0 30px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 60px 0;
  text-align: center;
}
/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn {
}
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
  margin: 0 0 30px;
  font-size: 157.1%;
  font-weight: bold;
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
  margin: 0 0 20px;
  padding: 10px 15px;
  font-size: 114.2%;
  color: #333;
  font-weight: bold;
  line-height: 1.1;
  background: #ebebeb;
}
.ttl-cmn-02.has-button {
  position: relative;
}
.ttl-cmn-02.has-button [class^="button-type"] {
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -12px 0 0;
  font-size: 87.7%;
}

/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
  margin-bottom: 1em;
  font-weight: bold;
  line-height: 1.1;
}
.ttl-cmn-03 .title-in {
  font-size: 114.2%;
  color: #898989;
}
.ttl-cmn-03.ttl-cmn-attention .title-in {
  color: #333;
}
.ttl-cmn-03 [class^="button-type"] {
  margin-left: 0.5em;
}

/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
  margin: 0 0 1em;
  font-size: 121%;
  color: #333;
  font-weight: bold;
  line-height: 1.1;
}
/* area-arrow
---------------------------------------------------------- */
.area-arrow {
  margin: 20px 0;
  padding: 17px 0;
  min-height: 57px;
  background: url(/theme/Pc/img/common/cmn_arrow_01.png) no-repeat center center;
  font-size: 157.1%;
  font-weight: bold;
  text-align: center;
}
/* flow-navigation
---------------------------------------------------------- */
.flow-navigation {
  margin: 0 0 30px;
}

/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.text-cmn {
}
.text-sizeSS {font-size: 78.5%;}
.text-sizeS  {font-size: 85.7%;}
.text-sizeM  {font-size: 112.5%;}
.text-sizeL  {font-size: 130%;}
.attention   {color: #df0326;}
[class^="text-register"],
[class^="text-campaign"] {
  margin: 0 0 1em;
}

/* ==========================================================
 alert
========================================================== */
/* box-attention
---------------------------------------------------------- */
.text-attention {
  display: block;
  margin: 0 0 30px;
  border: 2px solid #df0426;
  padding: 10px 18px 10px 7em;
  width: 100%;
  overflow: hidden;
}
.text-attention ul li {
  list-style-type: disc;
  margin: 0.5em 0 0.5em 2em;
  color: #df0426;
}
.text-attention dt, .text-attention dd {
  vertical-align: middle;
  display: block;
  /*font-size: 85.7%;*/
}
.text-attention dt {
  float: left;
  width: 6em;
  margin-left: -6em;
}
.text-attention dd + dd {
  margin-top:  1em;
}

.text-attention dt .icon {
  display: inline-block;
  padding: 5px;
  width: 6em;
  background: #df0426;
  color: #fff;
  text-align: center;
}
.text-attention dd {
  padding-left: 20px;
  color: #df0426;
}
.box-attention-items .text-attention {
  position: relative;
  padding: 9px 12px;
}
.box-attention-items .text-attention::after {
  content:"";
  position: absolute;
  bottom: -10px;
  left: 35px;
  display: block;
  width: 12px;
  height: 10px;
  background: url(/theme/Pc/img/common/ico_arrow_comment.png) no-repeat left top;
}
.box-attention-items .text-attention dd {
  padding: 0;
}
.text-form {
  color:#898989;
  font-weight: bold;
}

.text-attention.sectionWrapper {
  width: 100%;
  border: none;
  background: #faffbd;
}
.text-attention.sectionWrapper .text-attention-in {
  width: 950px;
  margin: 0 auto;
}
.text-attention.sectionWrapper .text-attention-in dt {
  float: left;
  width: 10%;
}

.text-attention.sectionWrapper .text-attention-in dt .icon {
  padding: 0;
  background: none;
  color: inherit;
}
.text-attention.sectionWrapper .text-attention-in dd {
  float: left;
  width: 90%;
  padding-left: 0;
  color: inherit;
}
.text-attention.sectionWrapper .text-attention-in dd a {
  color: #333;
}

/* ==========================================================
 list
========================================================== */
/* list-cmn
---------------------------------------------------------- */
.list-cmn {}
.list-cmn-fz-s {
  font-size: 12px;
}
.list-cmn li,
.list-cmn-fz-s li {
  padding-left: 1em;
  text-indent: -1em;
}
.list-cmn li::before,
.list-cmn-fz-s li::before {
  content: '・';
}
/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
  width: 100%;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.table-cmn tr {
  border-top: 1px solid #d7d7d7;
}
.table-cmn th,
.table-cmn td {
  padding: 0 10px;
  text-align: center;
}
.table-cmn th {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
  background: #f5f5f5;
}
.table-cmn td {
  padding-top: 10px;
  padding-bottom: 10px;
}
[class^="table-register"],
[class^="table-campaign"] {
  margin: 0 0 30px;
  border-bottom: 1px solid #d7d7d7;
  padding: 0 0 28px;
  width: 100%;
  vertical-align: top;
}
[class^="table-register"] tr,
[class^="table-campaign"] tr {
  border-top: 1px solid #d7d7d7;
}
[class^="table-register"] tr > th,
[class^="table-campaign"] tr > th {
  padding: 28px 0;
  width: 227px;
  font-size: 114.3%;
  font-weight: bold;
  color: #898989;
  vertical-align: top;
}
form[action*="member"] tr > th {
  padding: 20px 0;
}
[class^="table-register-confirm"] tr > th,
[class^="table-campaign-confirm"] tr > th {
  padding: 20px 0;
}
[class^="table-register"] tr > th.required::after,
[class^="table-campaign"] tr > th.required::after {
  content: "必須";
  display: inline-block;
  margin-left: .5em;
  padding: 1px 5px;
  background: #989898;
  color: #FFF;
  vertical-align: middle;
  font-size: 75%;
  font-weight: normal;
  float: right;
  margin: 0 20px 0 0;
}
.table-register-popup tr th {
  padding: 20px 0;
  font-size: 100%;
  color: inherit;
}
[class^="table-register"] tr > td,
[class^="table-campaign"] tr > td {
  padding: 20px 0;
}
[class^="table-register"] .box-text +.box-text,
[class^="table-campaign"] .box-text +.box-text {
  margin: 20px 0 0;
  border-top: 1px dotted #ccc;
  padding: 20px 0 0;
}
[class^="table-register"] tr > td .input-text + .input-text,
[class^="table-register"] tr > td .input-text + .input-radio {
  margin: 1em 0 0;
}
[class^="table-register"] tr > td .attention {
  margin: 0.5em 0 0;
}

/* table-cmn box-table type02
---------------------------------------------------------- */
.box-table.type02 .table-cmn tr > td:first-child {
  text-align: left;
}
.box-table.type02 .table-cmn .text .text-name,
.box-table.type02 .table-cmn .text .text-postalcode,
.box-table.type02 .table-cmn .text .text-address {
  display: block;
}
.box-table.type02 .table-cmn tbody tr td:not(:first-of-type) p.link {
  width: 2em;
}
.box-table.type02 + .box-button .list-button {
  text-align: center;
}


/* table-news
---------------------------------------------------------- */
.table-news-01 {
  table-layout: fixed;
  border-top: 1px solid #d7d7d7;
  width: 100%;
  line-height: 1.428;
}
.table-news-01 th,
.table-news-01 td {
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 10px;
}
.table-news-01 th {
  width: 13em;
  font-size: 16px;
  font-weight: bold;
  color: #898989;
  vertical-align: top;
}
.table-news-01 td {
}
/* ==========================================================
 button-box
========================================================== */
.button,
.list-button {
  text-align: center;
}
.list-item-button {
  display: inline-block;
}
.list-item-button + .list-item-button {
  margin-left: 10px;
}
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
[class^="button-type"] {
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-weight: normal;
  line-height: 1.1;
}
.delete-mail-button {
  margin-left: 15px;
}
.button-type-03,
.button-type01 {
  background: #f5f5f5;
  color: #333;
  padding: 4px 5px;
  border: 1px solid #aaa;
  line-height: 1.1;
}
.button-type01.sizeS {
  min-width: 42px;
}
.button-type01.sizeM {
  min-width: 150px;
}
.button-type02 {}
.button-type03 {
  width: 150px;
  padding: 8px 0;
  background: #6e6e6e;
  background-image: none;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
[class^="button-type"].btn-campaign-03-01,
[class^="button-type"].is-pre-order,
[class^="button-type"].is-cart-in,
[class^="button-type"].is-detail,
[class^="button-type"].is-period-in,
[class^="button-type"].is-out-of-sale,
[class^="button-type"].is-register,
[class^="button-type"].is-customer,
[class^="button-type"].is-submit,
[class^="button-type"].is-cancel {
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 16px;
  font-weight: bold;
}
[class^="button-type"].is-pre-order,
[class^="button-type"].is-cart-in,
[class^="button-type"].is-detail,
[class^="button-type"].is-period-in,
[class^="button-type"].is-out-of-sale {
  background: #FF0004;
}
[class^="button-type"].is-pre-order {
  height: 12px;
  padding-top: 12px!important;
  padding-bottom: 6px;
  border: 2px solid #a28302;
  background: #a28302;
  font-size: 107.1%;
  color: #fff;
}
.area-shohins-detail [class^="button-type"].is-pre-order {
  height: auto!important;
  padding-top: 16px!important;
  padding-bottom: 13px!important;
}
[class^="button-type"].is-detail::before,
[class^="button-type"].is-cart-in::before,
[class^="button-type"].is-period-in::before,
[class^="button-type"].is-out-of-sale::before {
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  width: 18px;
  height: 18px;
  background: no-repeat left top;
  background-size: cover;
  vertical-align: sub;
}
[class^="button-type"].btn-campaign-03-01,
[class^="button-type"].is-submit {
  background: #c09a00;
  font-size: 114.2%;
  color: #fff;
}
[class^="button-type"].is-cancel {
  background: #828282;
  font-size: 114.2%;
  color: #fff;
}
.is-login [class^="button-type"].is-register,
.is-logout [class^="button-type"].is-register {
  border: 2px solid #c09a00;
  width: 100%;
  height: auto;
  background: #fff url(/theme/Pc/img/common/ico_input_register.png) no-repeat 60px 14px;
  font-size: 107.1%;
  color: #c09a00;
}
[class^="button-type"].is-register {
  border: 2px solid #c09a00;
  width: auto;
  height: 14px;
  background: #fff url(/theme/Pc/img/common/ico_input_register.png) no-repeat 40px 7px;
  font-size: 107.1%;
  color: #c09a00;
}
[class^="button-type"].is-login {
  padding: 22px 0;
  font-size: 114.2%;
  color: #fff;
}
[class^="button-type"].is-customer {
  border: 2px solid #6e6e6e;
  padding: 16px 0;
  width: 100%;
  background: #fff;
  font-size: 107.1%;
  color: #6e6e6e;
}
[class^="button-type"].is-cart-in {
  box-sizing: border-box;
  border: 2px solid #c09a00;
  font-size: 107.1%;
  height: 14px;
  color: #fff;
  background: #c09a00;
}
.sec-cart-01 [class^="button-type"].is-period-in,
.sec-cart-01 [class^="button-type"].is-out-of-sale,
.sec-cart-01 [class^="button-type"].is-cart-in,
.is-shohins [class^="button-type"].is-period-in,
.is-shohins [class^="button-type"].is-out-of-sale,
.is-shohins [class^="button-type"].is-cart-in {
  height: auto;
}
[class^="button-type"].is-cart-in::before {
  margin-right: 3px;
  background-image: url("/theme/Pc/img/common/ico_cart01.png");
}
[class^="button-type"].is-out-of-sale {
  border: 2px solid #f7f7f7;
  height: 14px;
  background: #f7f7f7;
  font-size: 107.1%;
  color: #6e6e6e;
}
[class^="button-type"].is-out-of-sale::before {
  margin-right: 3px;
  background-image: url("/theme/Pc/img/common/ico_cart02.png");
}
[class^="button-type"].is-detail {
  background: #6e6e6e;
  font-size: 107.1%;
  color: #fff;
}
[class^="button-type"].is-detail::before {
  margin-right: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 7px;
  border-color: transparent transparent transparent #fff;
  vertical-align: middle;
}
[class^="button-type"].is-period-in {
  border: 2px solid #2e8b00;
  height: 14px;
  background: #2e8b00;
  font-size: 107.1%;
  color: #fff;
}
[class^="button-type"].is-period-in::before {
  margin-right: 6px;
  background-image: url("/theme/Pc/img/common/ico_period.png");
}
[class^="button-type"].size1 {
  min-width: 200px;
}
[class^="button-type"].size2 {
  min-width: 300px;
}
[class^="button-type"].is-submit.size3,
[class^="button-type"].is-cancel.size3 {

}
[class^="button-type"].size-hanyou-1 {
  min-width: 150px;
}
[class^="button-type"].size-full {
  width: 100%;
}
[class^="button-type"]:hover {
  opacity: 0.7;
  text-decoration: none;
}
/* btn accordion
---------------------------------------------------------- */
.btn-accordion01 {
  text-decoration: none;
}
.btn-accordion01::after {
  content: '';
  display: inline-block;
  margin-left: 1em;
  width: 16px;
  height: 8px;
  background: url("/theme/Pc/img/common/shohin/shohin_arrow_01.png") no-repeat left top;
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-accordion01.is-active::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.btn-accordion01 span:last-child {
  display: none;
}
.btn-accordion01.is-active span:first-child {
  display: none;
}
.btn-accordion01.is-active span:last-child {
  display: inline-block;
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
  text-align: right;
}
/* ==========================================================
 link
========================================================== */
.link-arrowL {
  padding: 0 0 0 10px;
  background: url(/theme/Pc/img/common/ico_arrow01.png) no-repeat left center;
}
.link-type-period {
  padding: 0 0 0 15px;
  background: url(/theme/Pc/img/common/ico_modal.png) no-repeat left center;
}
.link-window {
  padding: 0 16px 0 0;
  background: url(/theme/Pc/img/common/ico_window.png) no-repeat right center;
  font-size: 85.7%;
}
.link-search {
  padding: 0 0 0 15px;
  background: url(/theme/Pc/img/common/ico_search.png) no-repeat left center;
}
.link-R {
  margin: 1em 0 0;
  text-align: right;
}
/* ==========================================================
 list-text
========================================================== */
.list-text .list-item-text {
  text-indent: -10px;
  padding-left: 10px;

}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
[class^="icon-history"] {
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  min-width: 68px;
  text-align: center;
  color: #fff;
}
.icon-history-01 {
  background: #000;
}
.icon-history-02 {
  background: #828282;
}
.icon-history-03 {
  background: #a7a7a7;
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="text"] {
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #aaaaaa;
  padding: 0.5em;
  font-size: 100%;
  line-height: 2.85;
  height: 2.85em;
}
input.column2 {
  width: 208px;
}
input.column1 {
  width: 410px;
}
input.column-full {
  width: 100%;
}
/* type="checkbox" */
input[type="checkbox"] {
}
/* type="radio" */
input[type="radio"] {
  visibility: hidden;
  width: 0;
  height: 0;
}
input[type="radio"] + label::before {
  content:"";
  display: inline-block;
  margin-right: 5px;
  width: 22px;
  height: 24px;
  background: url(/theme/Pc/img/common/btn_radio_01.png) no-repeat 0 -24px;
  vertical-align: middle;
}
input[type="radio"]:checked + label::before {
  background-position: 0 0;
}
label + input[type="radio"] {
  margin-left: 18px;
}
/* type="password" */
input[type="password"] + label {
  margin-left: 1em;
}
/* select */
select {
  width: 208px;
  height: 36px;
}
.is-cart select,
.is-normal select,
.is-shohins select {
  width: auto;
  height: auto;
}
select.BrhY {width:100px;}
select.BrhM {width:60px;}
select.BrhD {width:60px;}
select + span {
  margin: 0 18px 0 8px;
}
#showpriceitem select,
.module_cartBlock .quantityBox select,
.module_priceBlock .quantityBox select {
  width: auto;
  height: auto;
}
/* textarea */
textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #aaaaaa;
  padding: 0 .5em;
  width: 100%;
  font-size: 100%;
  line-height: 2.85;
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
}
/* css animation
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-fl-l     { float: left; }
.s-fl-r     { float: right; }
.s-c-gold   { color: #c9b100; }
.s-bd-t     { border-top: 1px solid #ccc; }
.s-bd-r     { border-right: 1px solid #ccc; }
.s-bd-b     { border-bottom: 1px solid #ccc; }
.s-bd-l     { border-left: 1px solid #ccc; }
.s-w-100    { width:100px; }
.s-w-200    { width:200px; }
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-tb,
.only-sp,
.no-pc { display: none !important;}
.no-tb {}
.no-sp {}
/* tb
---------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .only-pc,
  .no-tb    { display: none !important;}
  .only-tb,
  .no-pc    { display: block !important;}
  img.only-tb,
  img.no-pc { display: inline-block !important;}
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .only-pc,
  .no-sp,
  .only-tb,
  img.only-tb  { display: none !important;}
  .only-sp,
  .no-pc,
  .no-tb     { display: block !important;}
  img.only-sp,
  img.no-pc,
  img.no-tb  { display: inline-block !important;}
}
/* ==========================================================
 tool
========================================================== */

/* ==========================================================
 recommend-period
========================================================== */
.recommend-period {
  overflow: hidden;
}
.recommend-period .box-period:first-child {
  float: left;
  width: 262px;
}
.recommend-period .box-period:last-child {
  float: left;
  width: 323px;
  margin-left: 6px;
}
.recommend-period .box-period:last-child > .image {
  float: left;
}
.recommend-period .box-period:last-child > .txt {
  float: right;
  padding: 5px 0 0;
}
/* ==========================================================
 box-pay-info
========================================================== */
.box-pay-info {}
.box-pay-info h3 {}
.box-pay-info h3 > .button-type01,
.box-send-info h3 > .button-type01 {
  margin-left: 5px;
}
.box-send-info .input-security input,
.box-pay-info .input-security input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 5em;
  font-size:90%;
  padding:0;
}
.box-send-info .input-security input,
.box-pay-info .input-security.has-popup input {
  border: 2px solid #df0326;
}
.box-pay-info .input-security {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.box-pay-info .input-security.has-popup::after {
  display: block;
}
.box-pay-info .input-security::after {
  content: "";
  display: none;
  margin: 0 -10px;
  width: 164px;
  height: 60px;
  background: url(/theme/Pc/img/common/text-popup-attention.png) no-repeat left top;
}
.box-send-info table td {
  padding-bottom: 0.5em;
  vertical-align: top;
}
.box-send-info table td:first-child {
  padding-left: 1em;
  text-indent: -1em;
}
.box-send-info table td:first-child::before {
  content: "・";
}
.box-send-info table td:last-of-type {
  padding-left: 1em;
  width: 3em;
}
/* ==========================================================
 area-item-detail
========================================================== */
.area-item-detail {
  overflow: hidden;
}
.area-item-detail .box-picture {
  float: left;
  width: 76px;
  height: 76px;
  border-width: 2px;
  border-color: rgb(215, 215, 215);
  border-style: solid;
}
.area-item-detail .box-picture img {
  width: 100%;

}
.area-item-detail .box-text {
  float: left;
  width: 612px;
}
.area-item-detail .box-text [class^="box-in"] {
  padding-left: 20px;
}
.area-item-detail .box-text .box-in {
  display: table;
  width: 100%;
  vertical-align: top;
}
.area-item-detail .box-text .box-in-options {
  margin-top: 20px;
}
.area-item-detail .box-text .box-in > * {
  display: table-cell;
}
.area-item-detail .box-text .box-in .name {
  width: auto;
  /*width: 250px; */
}
.area-item-detail .box-text .box-in .quantity {
  width: auto;
  /*width: 185px; */
  text-align: right;
}
.area-item-detail .box-text .box-in .quantity label + span {
  display: flex;
  margin-top: 10px;
  word-break: keep-all;
}
.area-item-detail .box-text .box-in .price {
  width: 140px;
  text-align: right;
}
.area-item-detail .box-text .box-in .price > * {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.2em;
}
/* ==========================================================
 box-input-payinfo
========================================================== */
.box-input-payinfo {}
.box-input-payinfo .list-item-payinfo + .list-item-payinfo {
  border-top: 1px solid #d7d7d7;
  padding: 20px 0 0;
}
.box-input-payinfo .list-item-payinfo .item-inner {
  margin: 20px 0 0;
  border-top: 1px solid #d7d7d7;
  padding-left: 20px;
}
.box-input-payinfo .list-item-payinfo table {
  width: 100%;
}
.box-input-payinfo .list-item-payinfo tr:first-child {
  border: none;
}
.box-input-payinfo .list-item-payinfo tr + tr {
  border-top-style: dotted;
}
.box-input-payinfo .list-item-payinfo th {}
.box-input-payinfo .list-item-payinfo td {}
.box-input-payinfo .list-item-payinfo td .image {
  margin: 20px 0 0;
}
/* ==========================================================
 area-rule
========================================================== */
.area-rule {
  padding: 30px 40px;
  background: #f5f5f5;
}
.area-rule [class^="text"] {
  margin-bottom: 10px;
  font-size: 114.3%;
  font-weight: bold;
  text-align: center;
}
.area-rule .box-scroll {
  overflow: scroll;
  border: 1px solid #d7d7d7;
  padding: 20px;
  height: 170px;
  background: #fff;
}
/* ==========================================================
 area-pay-detail
========================================================== */
.area-pay-detail {}
.area-pay-detail .box-text {
  float: left;
  width: 242px;
}
.area-pay-detail .box-button {
  float: right;
  width: 135px;
}
.area-pay-detail .price-total {
  font-weight: bold;
  font-size: 114.3%;
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px dotted #aaa;
}
.area-pay-detail .price-total span em {
  font-style: normal;
  font-weight: bold;
}
.area-pay-detail .text {
  overflow: hidden;
}
.area-pay-detail .text span {float: left;}
.area-pay-detail .text span + span {float: right;}
.area-pay-detail .button + .button {
  margin: 10px 0 0;
}
/* ==========================================================
 area-form-shipping
========================================================== */
.area-form-shipping {}
.area-form-shipping table {
  border: 1px solid #000;
  width: 100%;
}
.area-form-shipping table tr {}
.area-form-shipping table td {
  border: 1px solid #d7d7d7;
  padding: 1em 30px;
}
.area-form-shipping table .td-01 {width: 80px;}
.area-form-shipping table .td-02 {}
.area-form-shipping .box-button-add .list-button {
  margin-top: 10px;
  text-align: left;
}
/* ==========================================================
 box-select-period
========================================================== */
.box-select-period {
  overflow: hidden;
  margin: 25px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 0;
}
.box-select-period .title {
  float: left;
  padding-left: 20px;
  width: 205px;
  font-weight: bold;
  line-height: 36px;
}
.box-select-period .box-in {
  float: right;
  width: 485px;
}
.box-select-period .box-in select {width: 100%;}
/* ==========================================================
 area-change-period
========================================================== */
.area-change-period {}
.area-change-period .table-type01 {width: 100%;}
.area-change-period .table-type01 th {
  padding: 20px 0 20px 20px;
  width: 205px;
  font-weight: bold;
}
.area-change-period .table-type01 td {
  padding: 20px 0;
}
.area-change-period .table-type02 {
  margin-left: 205px;
  width: 485px;
}
.area-change-period .table-type02 tr {
  border-top: 1px dotted #d7d7d7;
}
.area-change-period .table-type02 th {
  padding: 20px 0 20px 40px;
  width: 120px;
}
.area-change-period .table-type02 td {
  padding: 20px 0;
}
.area-change-period .table-type02 td select {
  width: 100%;
}
.area-change-period .box-table-02 {
  display: none;
}
.area-change-period .box-table-02.is-active {
  display: block;
}
.area-change-period .box-attention-message {
  display: block;
  padding: 30px 20px 20px 20px;
  color: #df0326;
  text-align: center;
}

/* ==========================================================
 lineupList
========================================================== */
.lineupList {
  overflow: hidden;
  margin: 0 0 30px -18px;
}
.lineupSection#setLineupBlock.column02 .lineupList {
  margin-left: -17px;
}
.lineupList .lineupListItem {
  float: left;
  margin: 0 0 20px 18px;
  border: 1px solid #e2e2e2;
  border-top: 5px solid #9f9fa0;
  padding: 0;
  width: 217px;
}
.lineupSection#setLineupBlock.column01 .lineupList .lineupListItem:nth-child(4n+1) {
  clear: left;
}
.lineupSection#setLineupBlock.column02 .lineupList .lineupListItem {
  margin-left: 17px;
}
.lineupSection#setLineupBlock.column02 .lineupList .lineupListItem:nth-child(3n+1) {
  clear: left;
}
.lineupList .lineupListItem .liBox {
  position: relative;
  padding: 15px;
}
.lineupList .lineupListItem .liBox a.areaLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.lineupList .lineupListItem .liBox a.areaLink:hover {
  background: #fff;
  opacity: 0.6;
}
.lineupList .lineupListItem .module_cartBlock {
  padding: 14px;
  background: #e5e5e5;
}
/* itemImage */
.lineupList .lineupListItem .itemImage {}
.lineupList .lineupListItem .itemImage p {
  text-align: center;
}
.lineupList .lineupListItem .itemImage p img {
  display: inline-block;
}
/* itemName */
.lineupList .lineupListItem .itemName {
  margin: 20px 0 0;
}
.lineupList .lineupListItem .itemName p {
  font-size: 14px;
}
.lineupList .lineupListItem .itemName p a {
  font-size: 14px;
  color: #333;
}
/* module_saleIcon */
.module_saleIcon [class^="ico"] {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}
.module_saleIcon [class^="ico"] + [class^="ico"] {
  margin-left: 5px;
}
.module_saleIcon [class="ico01"] {
  border: 1px solid #d90627;
  padding: 3px 5px;
  background: #fff;
  color: #d90627;
  font-size: 85.7%;
  font-weight: bold;
}
.module_saleIcon [class="ico02"] {
  border: 1px solid #d90627;
  padding: 5px 10px;
  background: #d90627;
  color: #fff;
  font-size: 85.7%;
  font-weight: bold;
}
/* module_presentLink */
.lineupList .lineupListItem  .module_presentLink {
  position: relative;
  z-index: 15;
}
/* module_priceBlock */
.lineupList .module_priceBlock {
  margin-top: 1em;
  padding: 0;
  background-color: #fff;
  width: auto;
}
.lineupList .module_priceBlock .priceBox {
  float: none;
  width: auto;
}
.lineupList .module_priceBlock .price {
  padding: 0;
}
.lineupList .module_priceBlock .price p {
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.lineupList .module_priceBlock .price p span.before {font-size: 13px;}
.lineupList .module_priceBlock .price p span.after {
  margin-left: 3px;
  padding-left: 15px;
  background: url(/theme/Pc/img/product/common/period/arr_01.png) no-repeat left center;
  font-size: 18px;
}
.lineupList .module_priceBlock .price.normal p span {
  font-size: 18px;
}
.lineupList .module_priceBlock .price p span em {font-size: 10px;}
.lineupList .itemPrice .expireDate {
  font-size: 10px;
  text-align: center;
}
/* module_cartBlock */
.lineupList .module_cartBlock {
  text-align: center;
}
.lineupList .module_cartBlock .quantityBox {
  min-height: 3.2em;
}
.lineupList .module_cartBlock .quantityBox label {
  display: block;
}
.lineupList .module_cartBlock .quantityBox label + label {
  margin: 0.4em 0 0;
}
.lineupList .module_cartBlock .quantityBox p.btn_select {
  padding: 1em 0;
}
.lineupList .lineupListItem.period .module_cartBlock .quantityBox p.btn_select {
  padding: 0;
}
.lineupList .module_cartBlock .btn {
  margin: 10px 0 0;
}
/* module_cartBlock */
.scroll_block {
  padding: 40px;
  background: #f5f5f5;
}
.scroll_block > p:first-child {
  margin: 0 0 1em;
  text-align:center;
  font-size: 114%;
  font-weight: bold;
}
.scroll_block #rule {
  overflow: scroll;
  padding: 1em;
  width: 850px;
  height: 180px;
  background: #fff;
}
/* ==========================================================
 communitySection
========================================================== */
.communitySectionCotents {
  overflow: hidden;
}
.communitySectionCotents .communitySectionCotents_l {
  float: left;
  width: 455px;
  min-height: 562px;
}
.communitySectionCotents .communitySectionCotents_r {
  float: right;
  width: 455px;
  min-height: 562px;
  border: 1px solid #d2d2d2;
  border-top: 3px solid #1db9cd;
}
/* bictionaryCotents */
.bictionary {}
.bictionary h3 {
  width: 401px;
  margin: 0 auto;
  padding: 10px 0 20px;
}
.bictionary .bictionaryInner {
  padding: 10px;
  background: #fff1f1;
}
.bictionary .bictionaryInner .bictionaryInfo {
  background: #fff;
  padding: 15px 0 0 15px;
  height: 144px;
}
.bictionary .bictionaryInner .bictionaryInfo h4 {
  padding: 15px 0 0 15px;
}
.bictionary .bictionaryInner .bictionaryInfo h4 span {
  margin: 0 0 0 15px;
  font-size: 92.308%;
  line-height: 1.5;
  color: #c8344c;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList {
  padding: 15px 0 10px 15px;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul {
  padding: 0 15px 0 0;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li {
  padding: 5px 0;
  border-top: 1px dashed #d2d2d2;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li:last-child {
  border-bottom: 1px dashed #d2d2d2;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li p.date {
  display: inline-block;
  width: 75px;
  margin: 0 0 0 3px;
  vertical-align: top;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li p.txt {
  display: inline-block;
  width: 290px;
  margin: 0 0 0 10px;
  color: #1372c4;
  font-size: 107.692%;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li p.txt a {
  color: #1372c4;
  text-decoration: none;
}
.bictionary .bictionaryInner .bictionaryInfo .bictionaryInfoList ul li p.txt a:hover {
  text-decoration: underline;
}
.bictionary .bictionaryInner ul.bictionaryList {
  overflow: hidden;
  margin: 15px 0 0 -10px;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem {
  float: left;
  width: 210px;
  margin: 0 0 0 10px;
  background: #fff;
  box-shadow: 0 0 4px #e7c4b4;
}
/* 美ctionary編集箇所_160704ここから */
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem a {
  width: 100%;
  display:block;
  text-decoration:none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem a:hover {
  opacity:0.7;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem p.img {
  width: 210px;
  height: 121px;
  background: no-repeat center center;
  -webkit-background-size: 210px 140px;
  background-size: 210px 140px;
}
/* 美ctionary編集箇所_160704ここまで */
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem p.ico {
  margin: 10px 13px 0;
  font-size: 73.923%;
  font-weight: bold;
  min-height: 35px;
  height: 35px;
  display: table;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem p.ico span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 27px;
  background: url(/theme/Pc/img/top/bictionary_ico_01.png) no-repeat 0 0.4em;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem p.tit {
  margin: 10px 13px 0;
  color: #1372c4;
  font-weight: bold;
  font-size: 107.692%;
}
.bictionary .bictionaryInner ul.bictionaryList li.bictionaryListItem p.txt {
  min-height: 85px;
  margin: 3px 13px;
  font-size: 84.615%;
}
/* ==========================================================
 hanyou
========================================================== */
#recommendItem .lineupSection{
  border: none;
}
.lineupSection .module_priceBlock div.mpb_left:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.lineupSection .module_priceBlock div.mpb_left {
  display: block;
  overflow: visible;
}

#period_attention {
  background:url(/theme/Pc/img/product/common/period/bg_101.png) no-repeat center bottom;
  padding-bottom:30px;
  margin-bottom:35px;
}
#period_attention p {}
#period_attention p.top {}
#period_attention p.middle {
  margin: 17px 0 0;
  text-align: center;
}
#period_attention p.middle img {
  display: inline-block;
}
#period_attention p.under {
  margin:20px 25px;
  text-align: center;
}
#period_attention p.under img {
  display: inline-block;
  vertical-align: top;
}
#period_attention p.txt {
  margin-top:15px;
  text-align:center;
}
#period_attention p.txt a {
  padding: 0 0 0 12px;
  background:url(/theme/Pc/img/product/common/period/ico_101.png) no-repeat left center;
}
.lineupSection {
  margin: 25px 0 0;
  border-style: solid;
  border-width: 1px;
  padding: 0 22px;
}
.lineupSection h3 {
  margin: 0 -22px;
  padding:10px 13px 10px 50px;
  font-size:18px;
}
.lineupSection .lineupListItem {
  padding:25px 0 30px;
}
.lineupListItem [class^="button"] {
  padding-top: 8px;
  padding-bottom: 12px;
}
.lineupSection .lineupListItem h4 {
  margin: 0 0 20px;
  font-size:14px;
  font-weight: bold;
}
.lineupSection div.box {
  overflow:hidden;
}
.lineupSection div.box div.lbox {
  float:left;
}
.lineupSection div.box div.lbox p.img {
  border: 1px solid #e2e2e2;
}
.lineupSection div.box div.lbox p.img img {
  border: 1px solid #fdfdfd;
}
.lineupSection div.box div {}
.lineupSection div.box div.rbox {
  float:right;
  overflow: hidden;
}
.lineupSection div.box div.rbox div {
}
.lineupSection {}
.lineupSection ul.module_saleIcon {
  display: inline-block;
  vertical-align:top;
}
.lineupSection ul.module_saleIcon li {
  display:inline-block;
  margin: 0 0 0 3px;
  vertical-align:top;
}
.lineupSection ul.module_saleIcon li:first-child {
  margin-left: 0;
}
.lineupSection .module_presentLink {
  background: url(/theme/Pc/img/product/common/period/ico_202.png) no-repeat left center;
  padding: 0 0 0 16px;
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
}
.lineupSection .module_presentLink a {
  color: #c9b100;
  font-size: 12px;
}
.lineupSection .module_timeLimitBlock {
  display: inline-block;
}
.lineupSection .module_timeLimitBlock .time {
  color: #c9b100;
  font-size: 12px;
}
.lineupSection .module_priceBlock {
  overflow:hidden;
  margin-top:4px;
  padding: 3px;
  background-color:#e5e5e5;
  width:750px;
}
.lineupSection.column02 .module_priceBlock {
  padding: 0;
  width: 509px;
  background-color: #fff;
}
.lineupSection .module_priceBlock div.mpb_left {
  float: left;
  width: 555px;
}
.lineupSection.column02 .module_priceBlock div.mpb_left {
  width: 509px;
  background: #e5e5e5;
  padding: 3px;
}
.lineupSection .module_priceBlock div.priceBox {
  float: left;
  width: 277px;
}
.lineupSection .module_priceBlock div.priceBox div.price {
  background-color:#fff;
  padding: 10px 0px;
  text-align: center;
}
.lineupSection .module_priceBlock div.priceBox span {
  font-size: 20px;
  font-weight:bold;
}
.lineupSection .module_priceBlock div.priceBox span.before {
  font-size:18px;
  text-decoration:line-through;
  font-weight: normal;
}
.lineupSection .module_priceBlock div.priceBox span.after {
  margin: 0 0 0 10px;
  padding: 0 0 0 20px;
  background: url(/theme/Pc/img/product/common/period/ico_203.png) no-repeat left center;
  color:#d90627;
}
.lineupSection .module_priceBlock div.priceBox span em {
  font-size:12px;
}
.lineupSection .module_priceBlock div.mpb_left div.quantityBox {
  float: right;
  padding: 7px 40px 7px 0;
  width: auto;
}
.lineupSection.column02 .module_priceBlock div.mpb_left div.quantityBox {
  padding-right: 15px;
}
.lineupSection .module_priceBlock div.mpb_left div.quantityBox p.btn_select {}
.lineupSection .module_priceBlock div.mpb_left div.quantityBox p.btn_select label {}
.lineupSection .module_priceBlock div.mpb_right {
  float: right;
  padding: 3px 0 0;
  width: 195px;
}
.lineupSection.column02 .module_priceBlock div.mpb_right {
  padding: 5px 0 0;
}
.lineupSection.column02 .module_priceBlock div.mpb_right {
  text-align: right;
}
.lineupSection.column02 .module_priceBlock div.mpb_right img {
  display: inline-block;
}
.lineupSection.column02 .module_priceBlock div.mpb_right {
  clear: left;
}
.lineupSection .module_notice {
  float: left;
  margin: 5px 0 0;
  width: 555px;
  font-size: 81.2%;
}
.lineupSection.column02 .module_notice {
  position: relative;
  float: none;
  margin: 0;
  width: 270px;
}
.lineupSection.column02 .module_notice p.txt {
  position: absolute;
  top: -38px;
  left: 0;
  width: inherit;
}
.lineupSection .module_detailLink {
  margin: 10px 0 0;
  text-align: right;
}
.lineupSection.column02 .module_detailLink {
  margin: 5px 0 0;
}
.lineupSection .module_detailLink p.link {}
.lineupSection .module_detailLink p.link a {
  padding: 0 0 0 14px;
  background: url(/theme/Pc/img/product/common/period/ico_303.png) no-repeat left center;
}

/* for_beginer
-------------------------------------*/
#for_beginer {
  border-color:#bda51d;
  border-width:2px;
}
#for_beginer h3 {
  background:#bda51d url(/theme/Pc/img/product/common/period/ico_201.png) no-repeat 10px center;
}
#for_beginer h3 span.ico {}
#for_beginer h3 span.txt {
  color:#ffffff;
  vertical-align: middle;
}
#for_beginer h3 span.attention {
  margin: 0 0 0 7px;
  border:solid 1px #fff;
  padding:1px 7px;
  font-size:14px;
  color:#ffffff;
  vertical-align: middle;
}
#for_beginer h4 {}
#for_beginer div.box {}
#for_beginer div.box div {}
#for_beginer div.box div.lbox {}
#for_beginer div.box div.rbox {}
#for_beginer div.box div.rbox div {}
#for_beginer div.box div.rbox div.cont_top {}
#for_beginer div.box div.rbox div.cont_top ul {}
#for_beginer div.box div.rbox div.cont_top ul li {}
#for_beginer div.box div.rbox div.cont_top ul li.ico01 {}
#for_beginer div.box div.rbox div.cont_top ul li.ico02 {}
#for_beginer div.box div.rbox div.cont_top p.link {}
#for_beginer div.box div.rbox div.cont_top p.link a {}
#for_beginer .module_priceBlock {}
#for_beginer .module_priceBlock div {}
#for_beginer .module_priceBlock div.priceBox {}
#for_beginer .module_priceBlock div.priceBox p {
  text-indent: 1em;
}
#for_beginer .module_priceBlock div.priceBox p.before {}
#for_beginer .module_priceBlock div.priceBox p.image {}
#for_beginer .module_priceBlock div.priceBox p.after {}
#for_beginer .module_priceBlock div.priceBox p.after span {}
#for_beginer .module_priceBlock div.mpb_left div.quantityBox {}
#for_beginer .module_priceBlock div.mpb_left div.quantityBox p.btn_select {}
#for_beginer .module_priceBlock div.mpb_left div.quantityBox p.btn_select label {}
#for_beginer .module_priceBlock div.mpb_right {}
#for_beginer div.box div.rbox div.module_detailLink {}
#for_beginer div.box div.rbox div.module_detailLink p {}
#for_beginer div.box div.rbox div.module_detailLink p.txt {}
#for_beginer div.box div.rbox div.module_detailLink p.list {}

/* 以下、customer*/

#for_customer {
  border:#8c8c8c solid 2px;
  margin-top:40px;
  margin-bottom:60px;
}
#for_customer h3 {
  background-color:#8c8c8c;
  padding:10px 13px;
  font-size: 18px;
  color: #ffffff;
}
#for_customer h4 {}
#for_customer .lineupListItem {
  border-top: 1px dashed #e5e5e5;
}
#for_customer .lineupListItem:first-of-type {
  border-top: none;
}
#for_customer div.box {}
#for_customer div.box div {}
#for_customer div.box div.lbox {}
#for_customer div.box div.rbox {}
#for_customer div.box div.rbox div {}
#for_customer div.box div.rbox div.onetimeItem {
  margin-bottom:25px;
}
#for_customer div.box div.rbox div.cont_top {}
#for_customer div.box div.rbox div.cont_top ul {}
#for_customer div.box div.rbox div.cont_top ul li {}
#for_customer div.box div.rbox div.cont_top ul li.ico01 {}
#for_customer div.box div.rbox div.cont_top ul li.ico02 {}
#for_customer div.box div.rbox div.cont_top p.link {}
#for_customer div.box div.rbox div.cont_top p.link a {}
#for_customer .module_priceBlock {}
#for_customer div.box div.rbox .periodItem .module_priceBlock {
  background-color: #ebf6e6;
}
#for_customer.column02 div.box div.rbox .periodItem .module_priceBlock {
  background-color: #fff;
}
#for_customer .module_priceBlock div {}
#for_customer .module_priceBlock div.priceBox {}
#for_customer .module_priceBlock div.priceBox div.price {
  position: relative;
  padding: 0 0 0 97px;
  background: #fff;
  text-align: center;
}
#for_customer .module_priceBlock div.priceBox div.price.normal {
  padding-left: 0;
}
#for_customer .module_priceBlock div.priceBox div.price:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -2px;
  width: 97px;
  height: 48px;
  background: url(/theme/Pc/img/product/common/period/ico_301.png) no-repeat left top;
}
#for_customer .module_priceBlock div.priceBox div.price.normal:after {
  display:none;
}
#for_customer div.box div.rbox .periodItem .module_priceBlock div.priceBox div.price:after {
  background: url(/theme/Pc/img/product/common/period/ico_302.png) no-repeat left top;
}
#for_customer .module_priceBlock div.priceBox div.price p {
  line-height: 42px;
}
#for_customer div.box div.rbox .periodItem .module_priceBlock div.priceBox div.price p {
  color: #d90627;
}
#for_customer .module_priceBlock div.mpb_left div.quantityBox {
  padding-top: 3px;
  padding-bottom: 3px;
}
#for_customer .module_priceBlock div.mpb_left div.quantityBox p.btn_select {}
#for_customer .module_priceBlock div.mpb_left div.quantityBox p.btn_select label {}
#for_customer .module_priceBlock div.mpb_left div.quantityBox p.btn_select label + label {
  margin: 0 0 0 0.2em;
}
#for_customer .module_priceBlock div.mpb_right {
  padding: 4px 0 0;
}
#for_customer div.box div.rbox div.module_detailLink {}
#for_customer div.box div.rbox div.module_detailLink p {}
#for_customer div.box div.rbox div.module_detailLink p.txt {}
#for_customer div.box div.rbox div.module_detailLink p.list {}
/* lineupBlock
----------------------------------------------*/
.lineupSection#setLineupBlock {
  padding: 0;
  border: none;
}
.lineupSection#setLineupBlock .lineupList {
  overflow: hidden;
  margin: 0 0 30px -18px;
}
.lineupSection#setLineupBlock.column02 .lineupList {
  margin-left: -17px;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem {
  float: left;
  margin: 0 0 20px 18px;
  border: 1px solid #e2e2e2;
  border-top: 5px solid #9f9fa0;
  padding: 0;
  width: 217px;
}
.lineupSection#setLineupBlock.column01 .lineupList .lineupListItem:nth-child(4n+1) {
  clear: left;
}
.lineupSection#setLineupBlock.column02 .lineupList .lineupListItem {
  margin-left: 17px;
}
.lineupSection#setLineupBlock.column02 .lineupList .lineupListItem:nth-child(3n+1) {
  clear: left;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .liBox {
  position: relative;
  padding: 15px;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .liBox a.areaLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .liBox a.areaLink:hover {
  background: #fff;
  opacity: 0.6;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .module_cartBlock {
  padding: 14px;
  background: #e5e5e5;
}
/* itemImage */
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemImage {}
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemImage p {
  text-align: center;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemImage p img {
  display: inline-block;
}
/* itemName */
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemName {
  margin: 20px 0 0;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemName p {
  font-size: 14px;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .itemName p a {
  font-size: 14px;
  color: #333;
}
/* module_saleIcon */
.lineupSection#setLineupBlock .lineupList .lineupListItem .module_saleIcon {
  margin: 10px 0 0;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem .module_saleIcon li {
  margin: 0 0 5px;
}
/* module_presentLink */
.lineupSection#setLineupBlock .lineupList .lineupListItem  .module_presentLink {
  position: relative;
  z-index: 15;
}
/* module_priceBlock */
.lineupSection#setLineupBlock .lineupList .module_priceBlock {
  margin-top: 1em;
  padding: 0;
  background-color: #fff;
  width: auto;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .priceBox {
  float: none;
  width: auto;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price {
  padding: 0;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price p {
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price p span.before {font-size: 13px;}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price p span.after {
  margin-left: 3px;
  padding-left: 15px;
  background: url(/theme/Pc/img/product/common/period/arr_01.png) no-repeat left center;
  font-size: 18px;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price.normal p span {
  font-size: 22px;
}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price p span em {font-size: 10px;}
.lineupSection#setLineupBlock .lineupList .module_priceBlock .price.normal p span em {font-size: 14px;}
.lineupSection#setLineupBlock .lineupList .itemPrice .expireDate {
  font-size: 10px;
  text-align: center;
}
/* annotationTxt */
.lineupSection#setLineupBlock .lineupList .annotationTxt {
  margin: 7px 0 0;
}
.lineupSection#setLineupBlock .lineupList .annotationTxt p.txt {}

/* module_cartBlock */
.lineupSection#setLineupBlock .lineupList .module_cartBlock {
  text-align: center;
}
.lineupSection#setLineupBlock .lineupList .module_cartBlock .quantityBox {
  min-height: 3.2em;
}
.lineupSection#setLineupBlock .lineupList .module_cartBlock .quantityBox label {
  display: block;
}
.lineupSection#setLineupBlock .lineupList .module_cartBlock .quantityBox label + label {
  margin: 0.4em 0 0;
}
.lineupSection#setLineupBlock .lineupList .module_cartBlock .quantityBox p.btn_select {
  padding: 1em 0;
}
.lineupSection#setLineupBlock .lineupList .lineupListItem.period .module_cartBlock .quantityBox p.btn_select {
  padding: 0;
}
.lineupSection#setLineupBlock .lineupList .module_cartBlock .btn {
  margin: 10px 0 0;
}

/* ==========================================================
 jquery plugin
========================================================== */
/* js-radio-tab */
.radio-tab-content {
  display: none;
}
.radio-tab-content.is-active {
  display: block;
}
/* tabActivater CSS */
.js-accordion {}
.js-accordion-button {
}
.js-accordion-button.is-active {
}
.js-accordion-content {
  display: none;
}
.js-accordion-content.is-show {
  display: block;
}
/* tabActivater CSS */
.js-tab {}
.js-tab-button {
}
.js-tab-button.is-active {
}
.js-tab-content {
  display: none;
}
.js-tab-content.is-show {
  display: block;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
  color: #CCC; }
.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }
.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
  margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {

  opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }
.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }
.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* ==========================================================
 modal-content
========================================================== */
.mfp-content .modal-content {
  display: block;
  text-align: center;
}
.mfp-content .modal-content .modal-content-in .sec-cmn-01 figure.img-creditCard-01 {
  margin: 12px 0 20px;
}
.modal-content {
  display: none;
  position: relative;
  background: #fff;
  width: 80%;
  margin: 0 auto;
  padding: 50px;
}
/* ==========================================================
 module-coupon
========================================================== */
.module-coupon {
  overflow-y: scroll;
  margin: 0 0 25px;
  padding: 0 10px;
  height: 400px;
}
.module-coupon .list-coupon {}
.module-coupon .list-item-coupon {}
.module-coupon .list-item-coupon + .list-item-coupon {
  margin: 25px 0 0;
}
.module-coupon .area-coupon {}
.module-coupon .area-coupon .box-text {
  overflow: hidden;
  border-left: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  padding: 14px;
  background: #f5f5f5;
}
.module-coupon .area-coupon .box-text .name {
  display: inline-block;
  float: left;
  width: 25em;
  vertical-align: baseline;
}
.module-coupon .area-coupon .box-text .number {
  float: left;
}
.module-coupon .area-coupon .box-text .time {
  float: right;
}
.module-coupon .area-coupon .box-attention {
  border: 1px solid #d7d7d7;
  padding: 0 17px;
}
.module-coupon .area-coupon .box-attention table {
  vertical-align: top;
  width: 100%;
}
.module-coupon .area-coupon .box-attention tr + tr {
  border-top: 1px dotted #d7d7d7;
}
.module-coupon .area-coupon .box-attention th {
  padding: 17px 0;
  width: 185px;
  font-weight: bold;
  vertical-align: top;
}
.module-coupon .area-coupon .box-attention td {
  padding: 17px 0;
  vertical-align: top;
  text-align: left;
}
/* ==========================================================
 info-msg
========================================================== */
.edit-info,
.info-msg {
  margin: 15px 0!important;
  padding: 15px;
  background-color: rgba(255, 141, 0, 0.17);
  color: gray;
}
/* ==========================================================
 campaign_bnr
========================================================== */
.campaign_bnr{
  margin-left: -665px;
  position: absolute;
  top:100px;
  left: 50%;
  width: 100px;
  background: repeat-y top left;
}

.campaign_bnr a{
  display: block;
  height: 100%;
}

/* ==========================================================
sociallogin
========================================================== */

.container-attention-02 {
  width: 100%;
  margin: 0 0 20px;
  border: 2px solid #df0426;
  padding: 15px;
  color: #e32c3d;
}
.container-attention-02 .attention-contents {}
.container-attention-02 .attention-contents .attention-list {}
.container-attention-02 .attention-contents .attention-list:before {
  content: "・";
}

.box-sociallogin {}

.box-sociallogin .ttl-cmn-02 {
  text-align: center;
}

.box-button-03 {}
.box-button-03 .list-button {
  overflow: hidden;
  margin: 20px 0 30px;
  padding: 0 46px 0 49px;
}
.box-button-03 .list-button .list-item-button-03 {
  float: left;
  width: 265px;
  margin-left: 20px;
}
.box-button-03 .list-button .list-item-button-03:first-child {
  margin-left: 0;
}
.box-button-03 .list-button .list-item-button-03 .txt {
  display: block;
  margin: 20px 0 0;
  font-size: 84.714%;
}

.table-cmn.social {}
.table-cmn.social td {
  padding: 5px;
}
.table-cmn.social td p.text.ico-line,
.table-cmn.social td p.text.ico-yahoo,
.table-cmn.social td p.text.ico-facebook {
  text-align: left;
  padding-left: 40px;
}
.table-cmn.social td p.text.ico-line {
  background: url(/theme/Pc/img/common/btn_line_30.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.table-cmn.social td p.text.ico-yahoo {
  background: url(/theme/Pc/img/common/btn_yahoo_30.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.table-cmn.social td p.text.ico-facebook {
  background: url(/theme/Pc/img/common/btn_facebook_30.png) no-repeat left top;
  -webkit-background-size: contain;
  background-size: contain;
}
.table-cmn.social td .link-in {
  margin-left: 10px;
}

.is-login-form .box-text.type02 {
  margin-top: 20px;
}
.box-sociallogin .box-text.type02 {
  margin-bottom: 20px;
}
.is-login-form .box-text.type02 .list-item-text {
  display: inline-block;
  width: 37%;
}
.box-sociallogin .box-text.type02 .list-item-text {
  display: inline-block;
  width: 18%;
}

/*ymsk add 2019-01-09*/
.line-only .box-button-03 .list-button .list-item-button-03 {
  float: none;
  width: 838px;
  margin: 0;
}


/*201711 商品詳細ページの「お客様の声」エリア修正*/
/*.box-customer iframe#comments {
  min-height: 571px;
}*/
/* ==========================================================
modal_order
========================================================== */
.modal_order_wrapper {
  width: 50%;
  min-height: 400px;
  margin: 0 auto;
  text-align: center;
}
.modal_order_wrapper .modal_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 150px;
  margin: auto;
}
.mfp-close.type02 {
  color: #fff!important;
  position: absolute!important;
  top: -108%!important;
  right: -20%!important;
}
.modal_order_wrapper .modal_content .txt {
  font-size: 150%;
  font-weight: bold;
}
.modal_order_wrapper .modal_content .box-button {
  margin-top: 30px;
}
.modal_order_wrapper .modal_content .box-button .list-button {}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button {
  width: 200px;
  margin-top: 15px;
}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button:nth-child(1) {
  width: 145px;
}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button:nth-child(2) {
  width: 250px;
}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button .button {}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button .button a {
  width: 100%;
}
.modal_order_wrapper .modal_content .attention {
  margin-top: 15px;
}
/* ==========================================================
footer_ico_premior
========================================================== */
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(2) .linkListItem.facebook,
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(2) .linkListItem.twitter,
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(2) .linkListItem.line {
  float: left;
  margin-left: 19px;
}
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(2) .linkListItem.facebook {
  margin-left: 0;
}
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.instaglam_lasana a,
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.instaglam_premior a {
  display: table-cell;
  background-image: url('/theme/Pc/img/common/footer/footer_ico_instagram.png');
  vertical-align: middle;
}
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem a {
  padding-left: 49px;
  height: 38px;
}
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.instaglam_lasana a img,
#footerNav.type02 .sectionWrapper .footerNavSection .column4Item:nth-child(3) .linkListItem.instaglam_premior a img {
  vertical-align: middle;
}
/* ==========================================================
DLV-280フォーム一体型／数量と金額の間修正
========================================================== */
.is-campaign-form.no-contents-sub.is-login span.number-price {
  padding-left: 20px;
}
/* ==========================================================
2018625gnav_arrow
========================================================== */
.gNavList .gNavList01 > ul::before {left: 515px;}
.gNavList .gNavList02 > ul::before {left: 619px;}
.gNavList .gNavList03 > ul::before {left: 738px;}
/*.gNavList .gNavList04 > ul::before {left: 715px;}*/
/* ==========================================================
DLV-437 checkbox
========================================================== */
.is-campaign-form.no-contents-sub #InputOrderIndexForm input[type="checkbox"] {
  visibility: hidden;
  width: 0;
  height: 0;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm input[type="checkbox"] + label::before {
  content:"";
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background: url(/theme/Pc/img/common/ico_check_01.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm input[type="checkbox"]:checked + label::before {
  content:"";
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background: url(/theme/Pc/img/common/ico_check_01_checked.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm .is-campaign-contents > p.input-checkbox {
  background: #fffce7;
  padding: 25px;
  text-align: center;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm span.text-point {
  vertical-align: middle;
  font-size: 1.3em;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm .sec-cmn-01.is-campaign-contents.confirm-note-area {
  margin: 0 auto 30px;
}
/* 確認画面で消えてしまう他チェックボックスの表示 */
.is-campaign-form.no-contents-sub #InputOrderIndexForm .area-pay-info input[type="checkbox"] {
  visibility: visible;
  width: auto;
  height: auto;
}
.is-campaign-form.no-contents-sub #InputOrderIndexForm .area-pay-info  span.text-point {
  vertical-align: middle;
  font-size: 1em;
}




.err_mod_01 {
  position: relative;
  display: block;
  width: 260px;
  margin: 15px 0 0;
  padding: 10px;
  background: #d80000;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
}
/* DLV-1218 エラーメッセージサイズ調整 */
p.err_mod_01[for = cust_infoAddress4]{
  width: 410px;
}
p.err_mod_01[for = MemberCustInfoAddress4]{
  width: 410px;
}
.err_mod_01:before {
  content: "";
  display: block;
  top: -13px;
  left: 15px;
  position: absolute;
  width: 13px;
  height: 15px;
  background: url(/theme/Smp/img/common/ico_register_err_01.png) no-repeat left top;
}
/* ==========================================================
DLV-298
========================================================== */
.is-cart-popup .box-input-payinfo .box-input-credit .list-credit .list-item-credit .input-radio {
  text-align: right;
  margin-right: 25px;
  font-size: 15px;
}
#creditCardArea .item-card-title {
  text-align: right;
  border-bottom: 1px dotted #d2d2d2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  margin-right: 25px;
  font-size: 15px;
}
#creditCardArea .box-radio {
  margin-right: 25px;
}

#creditCardArea .item-card-title span {
  display: inline-block;
  font-weight: bold;
  color: #aaa;
  text-align: center;
}
#creditCardArea .item-card-title span:nth-of-type(1){
  width: 115px;
}
#creditCardArea .item-card-title span:nth-of-type(2){
  width: 200px;
  /*margin-left: 5em;*/
  /*margin-right: 5em;*/
}

#creditCardArea .list-item-credit label span {
  font-weight: bold;
  display: inline-block;
}
#creditCardArea .list-item-credit label span:nth-of-type(1) {
  letter-spacing: 2px;
  width: 150px;
  /*padding-left: 2em;*/
  text-align: center;
}
#creditCardArea .list-item-credit label span:nth-of-type(2) {
  width: 105px;
  text-align: center;
  /*margin-right: 2.6em;*/
  /*margin-left: 4em;*/
}





/* ==========================================================
MONO-886 レコメンドツール導入
========================================================== */
/* recommend */
.dv_recommend {
  width: 930px;
  letter-spacing: -.4em;
  margin: 60px auto;
  text-align: left;
  overflow: hidden;
}
.dv_recommend > *{
  letter-spacing: normal;
}
.dv_rc_header {}
.dv_rc_title {
  margin: 0 0 30px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
  line-height: 1.1;
}
.dv_rc_items {
  float: left;
  display: inline-block;
  position: relative;
  width: 170px;
  margin-left: 20px;
}
.dv_rc_title + .dv_rc_items {
  margin-left: 0;
}
.dv_rc_items a {
  color: #444 !important;
}
.dv_rc_img {
  border: 1px solid #d2d2d2;
}
.dv_rc_img img {
  width: 100%;
}
.dv_rc_name {
  margin-top: 10px;
  font-size: 107.69%;
  line-height: 1.43;
  text-decoration: underline;
}
.dv_rc_items a:hover .dv_rc_name {
  text-decoration: none;
}
.dv_rc_price {
  margin-top: 3px;
}
.dv_rc_price::after {
  content: '円(税込)';
  font-size: 84.615%;
}
body.is-cart .dv_recommend {
  float: left;
}

/* title */
.is-logout .dv_rc_title,
.is-login .dv_rc_title,
.is-normal.no-contents-sub .dv_rc_title,
.is-member.no-contents-sub .dv_rc_title {
  background: url(/theme/Pc/img/common/rc_title/tit_dv_rc_01.jpg) no-repeat left top;
}

.is-normal.no-contents-sub .dv_rc_title,
.is-member.no-contents-sub .dv_rc_title {
  background: url(/theme/Pc/img/common/rc_title/tit_dv_rc_02.jpg) no-repeat left top;
}

.is-cart .dv_rc_title {
  background: url(/theme/Pc/img/common/rc_title/tit_dv_rc_cart_01.jpg) no-repeat left top;
}

.is-cart.no-contents-sub .dv_rc_title {
  background: url(/theme/Pc/img/common/rc_title/tit_dv_rc_cartfin_01.jpg) no-repeat left top;
}

.is-shohins .dv_rc_title {
  background: url(/theme/Pc/img/common/rc_title/tit_dv_rc_shohins_01.jpg) no-repeat left top;
}
.dv_rc_title {
  height: 21px;
}

/* ==========================================================
I love LaSanaキャンペーン クイズの答え 応募規約
========================================================== */
.sec-cmn-01.is-campaign-contents.is-question-area {
  background: #fff8e8;
  border: 4px solid #e6237b;
  text-align: center;
  margin-bottom: 40px;
}
.sec-cmn-01.is-campaign-contents.is-question-area h3.ttl-cmn-02 {
  margin-bottom: 50px;
  padding: 19px 0;
  text-align: center;
  background: #e6237b;
  font-size: 24px;
  color: #fff;
}
.sec-cmn-01.is-campaign-contents.is-question-area .ttl-question {
  font-size: 24px;
  color: #e92179;
  font-weight: bold;
}
.sec-cmn-01.is-campaign-contents.is-question-area .area-answer {
  background: #fff;
  max-width: 730px;
  margin: 0 auto;
  margin-top: 22px;
  margin-bottom: 50px;
}

.sec-cmn-01.is-campaign-contents.is-rules-area .box-rules {
  height: 277px;
  overflow-y: scroll;
  border: 1px solid #eee;
  padding: 30px 45px 10px;
  background: #fff;
  font-size: 13px;
  line-height: 1.77;
}
.sec-cmn-01.is-campaign-contents.is-rules-area .ttl-main {
  font-size: 16px;
  font-weight: bold;
  background-color: #ebebeb;
  line-height: 38px;
  text-align: center;
}
.sec-cmn-01.is-campaign-contents.is-rules-area .box-rules ul li {
  margin-top: 30px;
}
.sec-cmn-01.is-campaign-contents.is-rules-area .box-rules ul li:first-child{
  margin-top: 0;
}



/* ==========================================================
h1追加対応
header-infomation-subnav
========================================================== */
.header-infomation-subnav {
  overflow: hidden;
  padding-bottom: 15px;
}
.header-infomation-subnav > h1 {
  float: left;
}
.header-infomation-subnav > .list-link {
  float: right;
}
.header-infomation-subnav  .list-link li {
  float: left; /* fix_190731 */
}
.header-infomation-subnav  .list-link li + li {
  margin-left: 20px; /* fix_190731 */
}
.header-infomation-subnav  .list-link li a {
  color: #666;
}

/* ==========================================================
191226-1167 #cart-attention-area.box-attention.s-custom-02
カートお知らせ表示変更対応
========================================================== */
#cart-empty-info #cart-attention-area.box-attention.s-custom-02 .text-attention {
  padding: 10px 18px 10px 18px;
}
#cart-empty-info #cart-attention-area.box-attention.s-custom-02 .text-attention span.icon {
  display: none;
}
#cart-empty-info #cart-attention-area.box-attention.s-custom-02 .text-attention dd {
  padding-left: 0;
}
#cart-empty-info #cart-attention-area.box-attention.s-custom-02 .text-attention dd span {
  display: block;
}
#cart-empty-info #cart-attention-area.box-attention.s-custom-02 .text-attention dd span::before {
  content: '・';
}

/* ==========================================================
191226-1167
・カート投入点数が1点で、特典も無い場合、レコメンド部分が、右のボックスにかぶる
========================================================== */
.is-cart .contents-main {
  min-height: 355px;
}
.contents-main > .cart-items {
  min-height: 355px;
}

/* 特典 */
.is-present .area-item-detail .box-text .price p {
  margin-right: 22px;
}
.is-present .area-item-detail .box-text [class^="box-in"] .text span:before {
  content: '・';
}
.is-present .area-item-detail .box-text [class^="box-in"] {
  padding-left: 0;
}
.is-present .area-item-detail + .area-item-detail {
  margin-top: 7px;
}
/* ==========================================================
200220
新プロダクト追加による、グロナビの画像差し換え
========================================================== */
.gNavList > li > ul > li li.gNavList01_damage.s-202002 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_damage_01_202002.jpg) !important;
}
/* ==========================================================
200717
新プロダクト追加（海藻シルキーヘアスプレー）による、グロナビの画像差し換え
========================================================== */
.gNavList > .gNavList01.s-202007 > ul > li li.gNavList01_02_08 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_02_07.jpg);
}
.gNavList > .gNavList01.s-202007 > ul > li li.gNavList01_damage.s-202002 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_damage_01_202007.jpg) !important;
}
.gNavList > .gNavList01.s-202007 > ul > li.gNavList01_series .gNavList01_damage a {
  padding-left: 154px;
}

/* ==========================================================
200720
自社工場用Instagramリンク掲載にともなうフッター改修
========================================================== */
#footerNav.s-202007 .module_column4 .column4Item {
  width: 296px;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:first-child .linkList,
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(4) .linkList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap : wrap;
  -webkit-flex-wrap : wrap;
  flex-wrap : wrap;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li .linkList {
  width: 100%;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:first-child .linkList li {
  width: 148px;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(2) .linkList li {
  margin-top: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(2) .linkList li:first-child {
  margin-top: 0;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(4) .linkList li:nth-child(odd) {
  width: 132px;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(4) .linkList li:nth-child(even) {
  width: 162px;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(2) .linkList li .logo {
  display: inline-block;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(2) .linkList li.instaglam_premior a {
  display: inline-block;
  margin-top: 5px;
}
#footerNav.s-202007 .sectionWrapper .footerNavSection li:nth-child(2) .linkList li a {
  margin-left: 9px;
}

/* ==========================================================
200901
新プロダクト追加（薬用地肌ローション・ジェル）による、グロナビの画像差し換え
========================================================== */
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_aging a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_aging_01_202009.jpg) !important;
  padding-left: 115px;
}
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_01_04 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_04_202009.jpg);
}
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_01_05 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_01_05_202009.jpg);
}
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_03_04 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_05_202009.jpg);
}
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_03_05 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_03_06_202009.jpg);
}
/* ==========================================================
210301
新プロダクト追加（海藻ヘアエッセンスヒートメモリー）による、グロナビの画像差し換え
========================================================== */
.gNavList > .gNavList01.s-202009 > ul > li li.gNavList01_02_09 a {
  background-image: url(/theme/Pc/img/common/gnav/Pc_gnav_img_haircare_hm.jpg);
}
/* ==========================================================
210401
新プロダクト追加（ヘアブラシ）による、グロナビの画像差し換え
========================================================== */
.gNavList > .gNavList01 > ul > li li.gNavList01_04_03 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_brush_pc.jpg);
}
/* ==========================================================
210901
プロダクトリニューアル（psptksktkm）による、グロナビの画像差し換え
========================================================== */
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_01_07 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_ps_210901.png);
}
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_01_06 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_pt_210901.png);
}
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_01_01 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_ks_210901.png);
}
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_01_02 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_kt_210901.png);
}
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_01_03 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_haircare_km_210901.png);
}
.gNavList > .gNavList01.s-202109 > ul > li li.gNavList01_damage.s-202002 a {
  background-image: url(/theme/Pc/img/common/gnav/gnav_img_damage_01_202109.jpg) !important;
}
/* ==========================================================
■MONO-1566 美髪サポートダイヤル　掲載依頼
========================================================== */
#footerInformation .module_column2 li.s-order,
#footerInformation .module_column2 li.s-bihatsudial {
  padding: 25px 15px !important;
  min-height: 230px !important;
}
#footerInformation .module_column2 li.s-order p.time {
  line-height: 1.5;
}
#footerInformation .module_column2 li.s-bihatsudial .annotation {
  font-size: 12px;
  line-height: 1.56;
  margin-top: 5px;
}
#footerInformation .module_column2 li.s-bihatsudial .btn {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.26;
  background-color: #c9b100;
  border-radius: 20px;
  width: 62%;
  margin: 7px auto 0;
}
#footerInformation .module_column2 li.s-bihatsudial .btn a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 9px 12px 9px 8px;
  color: #fff;
  position: relative;
}
#footerInformation .module_column2 li.s-bihatsudial .btn a:after {
  position: absolute;
  top: 13px;
  right: 15px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}
#footerInformation .module_column2 li.s-bihatsudial .btn a:hover {
  opacity: .7;
  transition: .2s;
}
#footerInformation .module_column2 li.col1 {
  width: 930px;
  margin-top: 20px;
  min-height: 158px !important;
}
#footerInformation .module_column2 li.col1 table {
  width: 870px;
  margin: 15px auto 0 !important;
}
.is-by-tel.s-bihatsudial .area-by-tel {
  margin: 0 auto 45px !important;
}
.is-by-tel.s-bihatsudial .area-by-tel .box-bihatsudial {
  padding-top: 32px;
}
.is-by-tel.s-bihatsudial .area-by-tel .text {
  margin-top: 3px;
}
.is-by-tel.s-bihatsudial .area-by-tel .bnr {
  margin-top: 15px;
}























/* ==========================================================
 bpm common
========================================================== */
/* megamenuの背景 */
#gNaviBgLayer {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.5;
}

.mb5 { margin-bottom: 5px;}
.font-s15 {font-size: 15px;}
.font-s16 {font-size: 16px;}

.align-start {
	align-items: start!important;
}

.rotate{
    position: relative;
}
.rotate::after{
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: -10px;  
    width: 4px;
    height: 4px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(135deg);  
    transition: all .2s;
}
/*hoverした際のアニメーション*/
.current .rotate::after {
    transform: rotate(-45deg)!important;
    border-top: 1px solid #C1AC03;
    border-right: 1px solid #C1AC03;
    top:49%;
}



/* ==========================================================
 bpm header
========================================================== */
.l-header {
  color: #333;
  border-bottom: solid 1px #E6E6E6;
  position: fixed;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #fff;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}

/*　上に上がる動き　*/
.l-header.hideHeader{ animation: hideHeader 0.5s forwards;}
@keyframes hideHeader{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
.l-header.showHeader{
	animation: showHeader 0.5s forwards;
}
.l-header.noticeHeader{
	top: 42px;
}
@keyframes showHeader{
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.l-header a {
	text-decoration: none;
	color: #333;
}
.header-inner {
	font-family: 'Noto Sans JP', sans-serif!important;
	min-width: 1280px;
	max-width: 1366px;
	width: 100%;
	padding: 0 35px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items:stretch;
}
.header-primary {
    width: 730px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.header-primary .h-logo{
    margin-right: 17px;
    min-width: 130px;
}
.header-primary .h-logo img {
	max-width: 130px;
	width: 100%;
}
.header-primary .h-product {
	min-width: 290px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.header-primary .h-product > li > .dropdown {
	position: relative;
	display: block;
	width: 100%;
	padding: 38px 20px 39px 12px;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
}
.header-primary .h-product > li > .current {
	color: #C1AC03!important;
}
.header-primary .h-product > li > .dropdown::before,
.header-primary .h-product > li > .dropdown::after {
	border-bottom: solid 2px #C1AC03;
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	width: 0;
}
.header-primary .h-product > li > .dropdown::before {
	left: 50%;
}
.header-primary .h-product > li > .dropdown::after {
	right: 50%;
}
.header-primary .h-product > li > .current::before,
.header-primary .h-product > li > .current::after {
	width: 50%;
}

.header-primary .h-service {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.header-primary .h-service li a {
    padding: 10px;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: linear 0.2s opacity;
}
.header-primary .h-service li a:hover {
	opacity: 0.7;
}

.header-primary .h-service::before{
    content:"";
    display:inline-block;
    width:1px;
    height:20px;
    background-color:#E6E6E6;
    position:absolute;
    top: 2px;
    left: -13px;
}

/* --------------------
 メガメニュー
-------------------- */
/* base */
.l-header .current + .megamenu,
.l-header .current + .menuBox,
.l-header .h-search.current .menuBox,
.l-header .current + .megamenu-contents {
    display: block!important;
}
.l-header .megamenu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
}
.l-header .megamenu-inner {
    position: relative;
    width: 930px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: left;
    
    font-size: 12px;
    font-weight: 500;
    color: #666;
    line-height: 1;
}
.l-header .megamenu-inner .close {
    cursor: pointer;
    width: 37px;
    height: 37px;;
    position: absolute;
    top: 40px;
    right: -60px;
    display: block;
}
.l-header .megamenu-inner .close img {
	width: 37px;
	height: 37px;
}
.megamenu .megamenu-title1 {
	font-size:13px;
	font-weight: 500;
	color: #7B7F90;
	line-height: 1;
	text-align: left;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 12px;
	margin-bottom: 24px;
}
.megamenu .megamenu-title2{
	font-size:13px;
	font-weight: 500;
	color: #666666;
	line-height: 1;
	text-align: left;
	border-bottom: 1px solid #F5F5F5;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.megamenu-contents a,
.header-secondary .menuBox a {
	transition: linear 0.2s opacity
}
.megamenu-contents a:hover,
.header-secondary .menuBox a:hover {
    opacity: 0.7;
}


/* ヘアケア */
.h-product .haircare .megamenu-inner {
    position: relative;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar {
    width: 220px;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-box {
	margin-bottom: 35px;
}

.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
  color: #666;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li a {
  color: #666;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li > .dropdown2 {
    display: block;
    width: 100%;
    position: relative;
    transition: linear 0.2s color;
    cursor: pointer;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li > .current {
	color: #C1AC03;
}

.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li > .dropdown2::after{
    content: '';
    position: absolute;
    top: calc(50% - 0px);
    right: 2px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);
    transition: linear 0.2s;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list > li > .current::after {
	right: -8px;
	border-top: 1px solid #C1AC03;
	border-right: 1px solid #C1AC03;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list:last-of-type > li > a {
	display: flex;
	align-items: center;
	transition: linear 0.2s color;
	width: 100%;
}
.h-product .haircare .megamenu-inner .megamenu-sidebar .megamenu-sidebar-list:last-of-type > li > a:hover{
	color: #C1AC03;
}
.megamenu-haircare-s1::before {
	content: '';
	display: block;
	background: url(/theme/Pc/img/common/header/gnav/product/haircare-s1.png);
	background-repeat: no-repeat;
	background-size: 22px 24px;
	width: 22px;
	height: 24px;
	padding-right: 15px;
}
.megamenu-haircare-s2::before {
	content: '';
	display: block;
	background: url(/theme/Pc/img/common/header/gnav/product/haircare-s2.png);
	background-repeat: no-repeat;
	background-size: 22px 24px;
	width: 23px;
	height: 24px;
	padding-right: 15px;
}
.megamenu-haircare-s3::before {
	content: '';
	display: block;
	background-image: url(/theme/Pc/img/common/header/gnav/product/haircare-s3.png);
	background-repeat: no-repeat;
	background-size: 22px 24px;
	width: 24px;
	height: 22px;
	padding-right: 15px;
}

.h-product .haircare .megamenu-inner .megamenu-contents {
    display: none;
    position: absolute;
    top: 40px;
    left: 260px;
    width: 670px;
    border-left: solid 1px #F5F5F5;
}
.h-product .haircare .megamenu-inner .megamenu-contents .megamenu-items {
    display: flex;
}
.h-product .haircare .megamenu-inner .megamenu-contents .megamenu-items > li {
    width: 50%;
    padding-left: 40px;
    margin-bottom: 15px;
}
.h-product .haircare .megamenu-inner .megamenu-contents .megamenu-items ul li a {
    display: flex;
    align-items: center;
}
.h-product .haircare .megamenu-inner .megamenu-contents .megamenu-items ul li a .item-name {
    font-size: 12px;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 18px;
    color: #333;
    display: block;
}
.megamenu-item-replace-imgbox img {
  width: 100%;
}

.item-caption__gold {
	color: #C1AC03;
	font-size: 10px;
	font-weight: 300;
	margin-bottom: 7px;
	display: block;
}
.item-caption__red {
	color: #E50E86;
	font-size: 10px;
	font-weight: 300;
	margin-bottom: 7px;
	display: block;
}
.megamenu-item {
	/* margin-bottom: 15px; */
	margin: 15px 0;
}
.megamenu-item::before {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-size: 22px 35px;
	width: 22px;
	height: 35px;
	padding-right: 7px;
}

.item-border::after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #F5F5F5;
	margin:20px 0;
} 

.megamenu-haircare1-1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-1-1.png); }
.megamenu-haircare1-1-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-1-2.png); }
.megamenu-haircare1-1-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-1-3.png); }
.megamenu-haircare1-1-4::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-1-4.png); }
.megamenu-haircare1-2-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-2-1.png); }
.megamenu-haircare1-2-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-2-2.png); }
.megamenu-haircare1-2-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-2-3.png); }
.megamenu-haircare1-2-4::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-2-4.png); }
.megamenu-haircare1-2-5::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare1-2-5.png); }
.megamenu-haircare2-1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-1.png); }
.megamenu-haircare2-1-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-2.png); }
.megamenu-haircare2-1-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-3.png); }
.megamenu-haircare2-1-4::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-4.png); }
.megamenu-haircare2-1-5::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-5.png); }
.megamenu-haircare2-1-6::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-6.png); }
.megamenu-haircare2-1-7::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-7.png); }
.megamenu-haircare2-1-8::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-8.png); }
.megamenu-haircare2-1-9::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare2-1-9.png); }
.megamenu-haircare3-1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-1.png); }
.megamenu-haircare3-1-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-2.png); }
.megamenu-haircare3-1-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-3.png); }
.megamenu-haircare3-1-4::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-4.png); }
.megamenu-haircare3-1-5::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-5.png); }
.megamenu-haircare3-1-6::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare3-1-6.png); }
.megamenu-haircare4-1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare4-1-1.png); }
.megamenu-haircare4-1-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare4-1-2.png); }
.megamenu-haircare4-2-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare4-2-1.png); }
.megamenu-haircare5-1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare5-1-1.png); }
.megamenu-haircare5-2-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/haircare5-2-1.png); }

.megamenu-contents .m-bnr {
	padding-left: 40px;
	margin-bottom: 30px;
}
.megamenu-contents .m-bnr img {
	width: 100%;
}
.megamenu-contents .m-btn {
	padding-left: 40px;
	text-align: center;
}
.megamenu-contents .m-btn a {
	border: 1px solid #E6E6E6;
	font-size: 12px;
	/* font-weight: 300; */
  font-weight: 400;
	color: #666;
	padding: 16px 36px;
	display: inline-block;
	margin: 0 auto;
	border-radius: 50px;
}

/* スキンケア */
.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items::after {
	display: block;
	content:"";
	width: 25%;
	max-width: 203px;
}
.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items > li {
    width: 25%;
    max-width: 203px;
    margin-bottom: 40px;
}

.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items ul li a {
    display: flex;
    align-items: center;
}
.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items ul li a div {
	width: 174px;
}
.h-product .skincare .megamenu-inner .megamenu-contents .megamenu-items ul li a .item-name {
  font-size: 12px;
  /* font-weight: 300; */
  font-weight: 400;
  line-height: 18px;
  color: #333;
  display: block;
}
.megamenu-skincare1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare1-1.png); }
.megamenu-skincare2-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare2-1.png); }
.megamenu-skincare2-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare2-2.png); }
.megamenu-skincare2-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare2-3.png); }
.megamenu-skincare3-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare3-1.png); }
.megamenu-skincare4-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare4-1.png); }
.megamenu-skincare4-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare4-2.png); }
.megamenu-skincare5-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare5-1.png); }
.megamenu-skincare5-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare5-2.png); }
.megamenu-skincare6-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare6-1.png); }
.megamenu-skincare6-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare6-2.png); }
.megamenu-skincare7-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare7-1.png); }
.megamenu-skincare7-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare7-2.png); }
.megamenu-skincare7-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/skincare7-3.png); }

/* ライフスタイル */
.h-product .lifestyle .megamenu-inner .megamenu-contents .megamenu-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.h-product .lifestyle .megamenu-inner .megamenu-contents .megamenu-items > li {
	width: 33.3%;
	max-width: 282px;
}

.h-product .lifestyle .megamenu-inner .megamenu-contents .megamenu-items ul li a {
	display: flex;
	align-items: center;
}

.h-product .lifestyle .megamenu-inner .megamenu-contents .megamenu-items ul li a .item-name {
  font-size: 12px;
  /* font-weight: 300; */
  font-weight: 400;
  line-height: 18px;
  color: #333;
  display: block;
}
.megamenu-lifestyle1-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle1-1.png); }
.megamenu-lifestyle1-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle1-2.png); }
.megamenu-lifestyle2-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-1.png); }
.megamenu-lifestyle2-2::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-2.png); }
.megamenu-lifestyle2-3::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-3.png); }
.megamenu-lifestyle2-4::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-4.png); }
.megamenu-lifestyle2-5::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-5.png); }
.megamenu-lifestyle2-6::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle2-6.png); }
.megamenu-lifestyle3-1::before { background-image: url(/theme/Pc/img/common/header/gnav/product/lifestyle3-1.png); }

.header-secondary {
    width: 450px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}

.header-secondary .h-search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-secondary .h-search .searchBox {
	position: relative;
	display: block;
	width: 236px;
	box-sizing: border-box;
	overflow: hidden;
}
.header-secondary .h-search .searchBox input[type="text"]{
	width: 236px;
	padding: 0 40px 0 15px;
	font-size: 11px;
	/* font-weight: 300; */
  font-weight: 400;
	background: none;
	border: 1px solid #E6E6E6;
	border-radius: 70px;
	height: 40px;
	font-family: 'Noto Sans JP', sans-serif!important;
}
.header-secondary .h-search .searchBox input[type="text"]:focus {
	outline: 0;
}
.header-secondary .h-search .searchBox input[type="submit"]{
	cursor: pointer;
    border: none;
    background: url(/theme/Pc/img/common/header/icon_search.svg);
    position: absolute;
	background-repeat: no-repeat;
    background-size: 16px;
    padding: 0 15px;
    width: 16px;
    height: 16px;
    right: 0px;
    top: calc(50% - 7.5px);
    outline: none;
}
.header-secondary .h-search .menuBox {
    display: none;
    position: absolute;
    top:90px;
    left: 50%;
    transform: translateX(-50%);
    background: #F6F7FB;
    z-index: 100;
    width: 254px;
    font-size: 12px;
    font-weight: 500;
    padding: 20px;
	border-right: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
}
.header-secondary .h-search .menuBox .m-title {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}
.header-secondary .h-search .menuBox li {
	margin-bottom: 8px;
	display: block;
	text-align: left;
}
.header-secondary .h-search .menuBox li a {
	display: inline-block;
    text-align: left;
    padding: 10px 15px;
    background: #fff;
    color: #666666;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
}

.header-secondary .h-utilities {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
	/* width: 140px; */
}
.header-secondary .h-utilities a {
    display: block;
    height: 100%;
}
.header-secondary .h-utilities > li {
	height: 90px;
	position: relative;
}
.header-secondary .h-utilities > li .dropdown {
	display: flex;
	cursor: pointer;
	height: 90px;
	padding: 0 10px;
}
.header-secondary .h-utilities > li > a,
.header-secondary .h-utilities > li > div {
    position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction:column;
	padding: 0 10px;
	font-size: 10px;
	/* font-weight: 300; */
  font-weight: 400;
	line-height: 1;
	transition: linear 0.2s opacity
}
.header-secondary .h-utilities > li > a:hover,
.header-secondary .h-utilities > li > .dropdown:hover {
	opacity: 0.7;
}
.header-secondary .h-utilities > li > a > span,
.header-secondary .h-utilities > li > .dropdown > span {
	display: block;
	padding-top: 5px;
}
.header-secondary .h-utilities > li > a::before,
.header-secondary .h-utilities > li > .dropdown::before {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background-size: contain;
	background-repeat: no-repeat;
}
.header-secondary .h-utilities > li.mymenu > .dropdown::before {
	background-image: url(/theme/Pc/img/common/header/mymenu.svg);
}
.is-logout .header-secondary .h-utilities > li.mymenu > a::before {
	background-image: url(/theme/Pc/img/common/header/logout.svg);
}
.header-secondary .h-utilities > li.support > .dropdown::before {
	background-image: url(/theme/Pc/img/common/header/support.svg);
}
.header-secondary .h-utilities > li.cart > a::before {
	background-image: url(/theme/Pc/img/common/header/cart.svg);
}

/* -------------------------
マイメニュー
------------------------- */
.header-secondary .h-utilities .mymenu .menuBox {
    display: none;
    width: 700px;
	padding: 34px 40px;
    position: absolute;
	top: 90px;
    right: -90px;
    z-index: 100;
    background: #F6F7FB;
	border-right: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	text-align: left;
}
.header-secondary .h-utilities .mymenu .menuBox .m-userName {
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 15px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-userName span {	
	padding-right: 4px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	background: #fff;
	padding: 13px;
	margin-bottom: 30px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status ul li + li {
	border-left: 1px solid #E6E6E6;
	padding-left: 30px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status ul li .arrow {
	position: relative;
    display: inline-block;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status ul li .arrow::after{
	content: '';
    position: absolute;
    top: calc(50% - 0px);
    right: -10px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: rotate(45deg);
}

/* ステージ */
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage a::before {
	content: '';
	background-repeat: no-repeat;
	display: block;
	width: 29px;
	height: 38px;
	padding-right: 10px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage__bronze a::before {
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/stage_bronze.png);
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage__silver a::before {
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/stage_silver.png);
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage__gold a::before {
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/stage_gold.png);
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-stage__platinum a::before {
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/stage_platinum.png);
}
/* ポイント */
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-point a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-point a::before {
	content: '';
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/point.svg);
	background-repeat: no-repeat;
	background-size: 38px;
	display: block;
	width: 38px;
	height: 38px;
	padding-right: 10px;
}
/* クーポン */
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-coupon a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status .m-coupon a::before {
	content: '';
	background-image: url(/theme/Pc/img/common/header/gnav/mymenu/coupon.svg);
	background-repeat: no-repeat;
	background-size: 38px;
	display: block;
	width: 38px;
	height: 38px;
	padding-right: 10px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-status{
	width: 100%;
}
/* よく使われている項目 */
.header-secondary .h-utilities .mymenu .menuBox .m-common {
	width: 100%;
	border-bottom: solid 1px #E6E6E6;
	margin-bottom: 24px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common .m-title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	color: #7B7F90;
	text-align: center;
	margin-bottom: 17px;
	line-height: 1;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common .m-title::before,
.header-secondary .h-utilities .mymenu .menuBox .m-common .m-title::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #E6E6E6;
	top: 1px;
    position: relative;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common .m-title::before {
	margin-right: 20px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common .m-title::after {
	margin-left: 20px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common ul li {
	width: 100%;
	text-align: center;
	margin-right: 12px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common ul li:last-child {
	margin-right: 0;
}
.header-secondary .h-utilities .mymenu .menuBox .m-common ul li a {
	font-size: 11px;
	/* font-weight: 300; */
  font-weight: 400;
	color: #333;
  background: #fff;
  display: block;
  padding: 10px 12px;
  border-radius: 50px;
}
/* その他 */
.header-secondary .h-utilities .mymenu .menuBox .m-others {
	width: 100%;
	margin-bottom: 24px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-others > ul {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
.header-secondary .h-utilities .mymenu .menuBox .m-others ul .m-title {
	color: #7B7F90;
	text-align: left;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
.header-secondary .h-utilities .mymenu .menuBox .m-others ul li ul li {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 1;
}
/* バナー */
.header-secondary .h-utilities .mymenu .menuBox .m-bnr {
	width: 100%;
	margin-bottom: 20px;
}
.header-secondary .h-utilities .mymenu .menuBox .m-bnr img {
	width: 100%;
}
/* ログアウト */
.header-secondary .h-utilities .mymenu .menuBox .m-logout {
	width: 100%;
	text-align: center;
}
.header-secondary .h-utilities .mymenu .menuBox .m-logout a {
	display: inline-block;
	color: #666666;
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
}

.header-secondary .h-search.current::after,
.header-secondary .h-utilities > li.mymenu > .current::after,
.header-secondary .h-utilities > li.support > .current::after {
    content: '';
    position: absolute;
    z-index: 1000;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background: #F6F7FB;
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    transform: rotate(-45deg);
}
.header-secondary .h-utilities .support .menuBox {
    display: none;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    background: #F6F7FB;
    border-right: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
    z-index: 100;
    width: 166px;
    padding: 28px 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}
.header-secondary .h-utilities .support .menuBox li {
	margin-bottom: 15px;
}
.header-secondary .h-utilities .support .menuBox li:last-child {
	margin-bottom: 0;
}
.header-secondary .h-utilities .cart .total {
    position: absolute;
    top: 16px;
    right: 4px;
    font-size: 10px;
    font-weight: 500;
    background: #E50E86;
    color: #fff;
    border-radius: 10px;
    height: 16px;
    width: 16px;
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}


/* サイドローカルナビ
-------------------------------*/

/*ナビゲーションの固定*/
.nav-aside-menuItem {
	/*stickyで固定*/
	position: -webkit-sticky;/*Safari*/
	position: sticky;
	/*固定したい位置*/
	top: 30px;
	/*ナビゲーションの形状*/
	background:#fff;
}

/*レイアウトのためのCSS*/
.sec-menuItem-col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec-container-menuItem{
	width:690px;
}

.sec-aside-menuItem{
	width:210px;
    margin-left: 30px;
}

/*768px以下の見え方*/
@media screen and (max-width:768px){
	.sec-container-menuItem{
		width:100%;
	}
	.sec-aside-menuItem{
		width:100%;
		padding: 20px;
	}
	.nav-aside-menuItem{
		position:relative;/*stickyからrelativeに戻す*/
		top:0;
	}
}

/* 以下は検証用のレイアウトのための CSS*/
.nav-aside-menuItem .list-item-menuItem {
	list-style: none;
}
.nav-aside-menuItem .list-item-menuItem .item .link {
	text-decoration: none;
	color: #666;
}

/*デザインスタイル*/
.list-item-menuItem {
    border-bottom: none;
}
.list-item-menuItem .item {
    margin-top: 25px;
}
.list-item-menuItem .item:first-child {
    margin-top: 0;
}
.txt-link-menuItem {
    display: block;
}
.txt-link-menuItem .link {
    display: inline-block !important;
    font-size: 12px;
    line-height: 1.41;
}
.txt-link-menuItem:first-child .link {
    margin-top: 0 !important;
}
.ttl-heading-menuItem {
    text-align: left;
    background: none;
    margin: 5px 0 10px;
    font-size: 13px;
    font-weight: bold;
}
.ttl-heading-menuItem .link {
    color: #000 !important;
    text-align: left;
    text-decoration: none;
    padding-left: 6px;
    position: relative;
}
.ttl-heading-menuItem .nolink {
    padding-left: 6px;
    position: relative;
    display: inline-block;
}
.ttl-heading-menuItem .s-arrow {
    margin: -3px auto 0 -2px;
    display: inline-block;
    vertical-align: middle;
    border-top: solid 2px #C9B100;
    border-right: solid 2px #C9B100;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
}
.ttl-heading-menuItem .link:hover,
.link-wrap .link:hover {
    opacity: .6;
    transition: .2s;
}
.link-wrap {
    padding-left: 15px;
}
.link-wrap .link {
    margin-top: 10px !important;
    text-decoration: none;
}

/* キャンペーンバナー共通パーツスタイル */
.ttl-campaign-bnr {
  margin-top: 86px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
}
.list-campaign-bnr.commonInclude {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1.71;
  margin-bottom: 86px;
}
.list-campaign-bnr.commonInclude li:nth-child(n+3) {
  margin-top: 30px;
}
.list-campaign-bnr.commonInclude a {
  display: block;
  color: #333;
  text-decoration: none;
}
.list-campaign-bnr.commonInclude a img {
  display: inline-block;
  margin-bottom: 10px;
}
.list-campaign-bnr.commonInclude a p {
  text-align: left;
  margin: 0;
  border-top: none;
  border-bottom: none;
  padding: 0;
}
.list-campaign-bnr.commonInclude a .txt-list-copy {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
}
.list-campaign-bnr.commonInclude a .txt-list-terms {
  font-size: 13px;
}
.list-campaign-bnr.commonInclude a:hover {
  opacity: .7;
  transition: .2s;
}
.list-campaign-bnr.commonInclude a img:hover {
  opacity: 1 !important;
}

/* LINEクーポンバナー追加 */
.box-coupon-bnr.RegularCourseItems {
	padding: 50px 0 0;
	text-align: center;
}
.box-coupon-bnr.orders-complete {
	padding: 30px 0 0;
	text-align: center;
}

/* モーダル高さ固定 & スクロール化 */
.present-modal-content.s-setitem {
  max-height: 450px;
  overflow-y: scroll;
}

#footerSiteNav .sectionWrapper .column2Item .textLinkList {
  width: 600px;
  margin-top: 20px;
}