@charset "UTF-8";
/* ---------------------------------
common
--------------------------------- */
/* font size
8px font-size: 66.8%;
9px font-size: 75%;
10px font-size: 83.3%;
11px font-size: 91.7%;
12px font-size: 100%;
13px font-size: 108.4%;
14px font-size: 116.7%;
15px font-size: 125%;
16px font-size: 133.4%;
17px font-size: 141.6%;
18px font-size: 150%;
19px font-size: 158.4%;
20px font-size: 166.6%;
21px font-size: 175%;
22px font-size: 183.4%;
23px font-size: 191.7%;
24px font-size: 200%;
25px font-size: 208.4%;
26px font-size: 216.7%;
27px font-size: 225%;
28px font-size: 233.3%;
29px font-size: 241.7%;
30px font-size: 250%;
31px font-size: 258.3%;
32px font-size: 266.7%;
33px font-size: 275%;
34px font-size: 283.3%;
35px font-size: 291.7%;
36px font-size: 300%;
*/
#contents {
  position: relative;
  font-family: "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  word-wrap: break-word;
  /*ios_z_index*/
  -webkit-transform: translate3d(0, 0, 0);
}

.contents * {
  box-sizing: border-box;
  margin: 0;
}

.contents * img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.contents * a {
  text-decoration: none;
}

a {
  outline: none;
}

a:focus, *:focus {
  outline: none;
}

/* ---------------------------------
heading
--------------------------------- */
.hdg01 {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/* ---------------------------------
comingsoon
--------------------------------- */
.comingsoon {
  opacity: 0.5;
  filter: Alpha(Opacity=5);
  webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

/*----footer_bnr----*/
.footer_bnr {
  margin: 0  0 40px 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.footer_bnr_img {
  margin: 20px auto;
  padding: 0;
  width: 100%;
  height: auto;
}

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

/*----------------comingsoon_btn--------------------*/
.comingsoon_btn {
  display: block;
  margin: 0;
  padding: 18px 0;
  font-size: 108%;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: center;
  color: #fff;
  background-color: #9d9d9d;
}

.comingsoon_btn span {
  color: #fff;
}

/* ---------------------------------
menu
--------------------------------- */
#sp_menu {
  position: relative;
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  z-index: 1000;
}

.sp_menu_btn {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  top: 61px;
  right: 0;
  z-index: 2000;
  overflow-y: auto;
  cursor: pointer;
}

.sp_menu_btn img {
  width: 100%;
}

.sp_menu_btn .menu_btn_open {
  margin: 0;
  padding: 0;
}

.sp_menu_btn .menu_btn_close {
  margin: 0;
  padding: 0;
  display: none;
}

.sp_menu_conts {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  /*634px;*/
  top: 49px;
  /*0*/
  left: 0;
  background-color: #fff;
  z-index: 999;
  display: none;
}

.sp_menu_conts img {
  width: 100%;
}

.sp_menu_conts .menu_btn_close {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  z-index: 2000;
}

.sp_menu_conts .menuList .ttl {
  width: 100%;
  height: 50px;
  margin: 0;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  background-color: #000;
  overflow: hidden;
}

.sp_menu_conts .menuList .ttl img {
  margin-left: 50%;
  width: 372px;
  -webkit-transform: translateX(-186px);
      -ms-transform: translateX(-186px);
          transform: translateX(-186px);
}

.sp_menu_conts .menuList .ttl span {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}

.sp_menu_conts .menuList ul li {
  border-bottom: 1px solid #000;
}

.sp_menu_conts .menuList ul li a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

.sp_menu_conts .menuList ul li a img {
  display: block;
  width: auto;
  width: 100%;
}

.menuOpen {
  position: absolute;
  top: 111px;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 7.5px 0 0;
  background-color: #000;
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  z-index: 100;
}

.menuOpen.fixed {
  position: fixed;
  top: 0;
}

.menuOpen .tx {
  margin: 0 0 11.5px;
  font-size: 66.8%;
}

.menuOpen span,
.menuOpen span:before,
.menuOpen span:after {
  display: inline-block;
  width: 27px;
  height: 2px;
  background-color: #fff;
}

.menuOpen span {
  position: relative;
}

.menuOpen span:before,
.menuOpen span:after {
  content: "";
  position: absolute;
  left: 0;
}

.menuOpen span:before {
  top: -7px;
}

.menuOpen span:after {
  top: 7px;
}

/* ---------------------------------
共通パーツ
--------------------------------- */
#colorbox,
#cboxWrapper {
  overflow: visible !important;
}

#cboxClose {
  background: none !important;
  outline: none;
  width: 40px !important;
  height: 40px !important;
  top: -45px !important;
  right: 0px !important;
}

#cboxClose:hover {
  opacity: .7;
}

#cboxContent {
  margin-top: 45px;
}

#cboxClose:before {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  background: #fff;
  right: 0px;
  top: 20px;
  position: absolute;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}

#cboxClose:after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  background: #fff;
  right: 0px;
  top: 20px;
  position: absolute;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.boxStep {
  margin: 6% auto 0;
  background: #fff;
}

#olStepslide {
  overflow: hidden;
  transition: height 0.4s ease-in-out;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
  -ms-transition: height 0.4s ease-in-out;
}

.boxStep .ttlBlueback a {
  width: 79%;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 2% 0;
  background: #aadbed;
  font-size: 125%;
  color: #fff;
  position: relative;
}

/*floatWindow*/
#floatWindow * {
  box-sizing: border-box;
}

#floatWindow {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow-y: scroll;
  z-index: 1000;
}

#floatWindow .menuList {
  position: relative;
  height: 100%;
}

#floatWindow .menuListInr {
  background-color: #FFF;
}

#floatWindow .menuList .ttl span {
  display: table-cell;
  color: #000;
  vertical-align: middle;
}

#floatWindow .menuList ul li {
  border-bottom: 1px solid #000;
}

#floatWindow .menuList ul li a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

#floatWindow .menuList ul li a img {
  display: block;
  width: auto;
  width: 100%;
}

#floatWindow .menuList .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  padding-top: 7.5px;
  background-color: #000;
  font-size: 66.8%;
  text-align: center;
  z-index: 1;
}

#floatWindow .menuList .close span {
  position: relative;
  color: #FFF;
}

#floatWindow .menuList .close span:before,
#floatWindow .menuList .close span:after {
  content: "";
  position: absolute;
  top: 22px;
  left: 50%;
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
}

#floatWindow .menuList .close span:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
}

#floatWindow .menuList .close span:after {
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  -ms-transform: translate(-50%, -50%) rotate(-135deg);
      transform: translate(-50%, -50%) rotate(-135deg);
}

/* ---------------- howto_btn ---------------- */
.howto_btn {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 28px;
  top: -25px;
  /*-18px;*/
  left: 0;
  text-align: center;
  z-index: 5;
}

.howto_btn a {
  padding-right: 12px;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  color: #cc1058;
  text-decoration: none;
}

.howto_btn a::after {
  content: '';
  position: absolute;
  margin: 0;
  padding: 0 0 0 15px;
  width: 5px;
  height: 8px;
  top: 9.4px;
  right: auto;
  background-image: url(../img/link_arrow.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 5px 8px;
}

.howto_btn.prdtbtn {
  position: relative !important;
  top: -4px !important;
}

.sp_detial_att {
  margin: 0 auto 15px auto;
  padding: 0;
  width: 90%;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
}

/* ---------------- pickup_detail_txt ---------------- */
.pickup_detail {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  text-align: center;
}

.pickup_detail_txt {
  margin: 0;
  padding: 0 0 25px 0;
  height: auto;
  vertical-align: top;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}

.other_link {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 90%;
  height: auto;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;
  text-decoration: underline;
}

.check_attion {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  width: 90%;
  height: auto;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
}

/* ---------------- btn_set_ ---------------- */
.btn_set_special {
  margin: 0 auto;
  padding: 5px 0 0 0;
  width: 100%;
}

.btn_set_cosme {
  margin: 0 auto;
  padding: 20px 0 10px 0;
  width: 100%;
}

.btn_set_prod {
  position: relative;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 100%;
}

.btn_set_prod.pdgtop15 {
  margin-top: 35px;
}

.limited_txt {
  color: #c9004d;
}

.hghvw10 {
  height: 10vw !important;
}

.hghvw11 {
  height: 11vw !important;
}

.hghvw12 {
  height: 12vw !important;
}

.hghvw13 {
  height: 13vw !important;
}

.hghvw14 {
  height: 14vw !important;
}

.hghvw15 {
  height: 15vw !important;
}

.hghvw16 {
  height: 16vw !important;
}

.hghvw17 {
  height: 17vw !important;
}

.hghvw18 {
  height: 18vw !important;
}

.hghvw19 {
  height: 19vw !important;
}

.hghvw20 {
  height: 20vw !important;
}

.hghvw21 {
  height: 21vw !important;
}

.hghvw22 {
  height: 22vw !important;
}

.hghvw23 {
  height: 23vw !important;
}

.hghvw24 {
  height: 24vw !important;
}

.hghvw25 {
  height: 25vw !important;
}

.hghvw26 {
  height: 26vw !important;
}

.hghvw27 {
  height: 27vw !important;
}

.hghvw28 {
  height: 28vw !important;
}

.hghvw29 {
  height: 29vw !important;
}

.hghvw30 {
  height: 30vw !important;
}

.hghvw31 {
  height: 31vw !important;
}

.hghvw32 {
  height: 32vw !important;
}

.hghvw33 {
  height: 33vw !important;
}

.hghvw34 {
  height: 34vw !important;
}

.hghvw35 {
  height: 35vw !important;
}

.padgbtm20 {
  margin-bottom: 23px !important;
}

/* ---------------------------------
cartBtn
--------------------------------- */
.cartBtn {
  position: relative;
  display: block;
  width: 62.5vw;
  height: 9.375vw;
  margin: 0 auto;
}

.cartBtn a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background-color: #c9004d;
}

.cartBtn a.is_type {
  background-color: #febdd3;
}

.cartBtn a span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
  position: relative;
  font-size: 2.8125vw;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #fff;
}

.cartBtn a span::before {
  display: block;
  content: "";
  width: 3.90625vw;
  height: 3.4375vw;
  background-image: url(../img/icon_cart.png);
  background-size: 100% auto;
  margin-right: 2.8125vw;
}

.cartBtn a span:after {
  display: block;
  position: absolute;
  top: 3.59375vw;
  right: 3.125vw;
  content: "";
  width: 1.09375vw;
  height: 2.34375vw;
  background-image: url(../img/icon_cart_arrow.png);
  background-size: 100% auto;
}

.cartBtn a span.is_type {
  color: #000;
  padding-left: 22.5vw;
}

.cartBtn a span.is_type::before {
  content: none;
}

.cartBtn a span.is_type::after {
  background-image: url(../img/icon_type_arrow.png);
}

#modalbg3 .cartBtn a {
  text-decoration: none;
}

/* soldout 完売 */
/* outstock 品切れ */
.cartBtn.soldout,
.cartBtn.outstock {
  border: 1px solid #9d9d9d;
  box-sizing: border-box;
  /*padding: 18px 0;*/
}

.cartBtn.soldout a,
.cartBtn.outstock a {
  background-color: #fff;
  pointer-events: none;
}

.cartBtn.soldout a span,
.cartBtn.outstock a span {
  color: #9d9d9d;
  padding-right: 0;
}

.cartBtn.soldout a span::before,
.cartBtn.outstock a span::before {
  content: none;
}

.cartBtn.soldout a span::after,
.cartBtn.outstock a span::after {
  content: none;
}

.cartAttention {
  color: #c9004d;
  font-weight: bold;
  text-align: center;
  text-align: right;
}

.special .cartAttention {
  width: 80%;
  margin: 4% auto 0;
}

.special .outstock {
  padding: 8% 0;
}

.cartAttention + .cartBtn {
  margin-top: 0px !important;
}

/* ---------------------------------
linkBtn
--------------------------------- */
.linkBtn {
  position: relative;
  display: block;
  width: 62.5vw;
  height: 9.375vw;
  margin: 0 auto;
}

.linkBtn a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background-color: #febdd3;
}

.linkBtn a span {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-size: 2.8125vw;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #000;
}

.linkBtn a span:after {
  display: block;
  position: absolute;
  top: 3.59375vw;
  right: 3.125vw;
  content: "";
  width: 1.09375vw;
  height: 2.34375vw;
  background-image: url(../img/icon_type_arrow.png);
  background-size: 100% auto;
}

/* ---------------------------------
商品
--------------------------------- */
/* 商品コピー */
.lead {
  font-size: 141.6%;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -.8px;
}

/* 商品いろいろ */
.txtArea {
  padding: 0 3%;
  /* 0 4% ;*/
}

/* 商品名前 */
.txtArea .itemName {
  font-size: 116.7%;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}

/* 商品美類 */
.txtArea .effectTag {
  display: inline-block;
  width: 100%;
  margin: 14px 0 0;
  border: none;
  text-align: center;
}

/* 商品種類　容量 */
.txtArea .txtDtl {
  margin-top: 8px;
  font-size: 91.7%;
  text-align: center;
}

/* 商品値段 */
.txtArea .price {
  font-size: 118%;
  font-weight: bold;
  text-align: center;
}

/* 商品ボタンのエリア */
.txtArea .btnArea {
  margin-top: 5px;
  padding: 0;
}

/* 注釈 */
.txtArea .txtNotes {
  margin-top: 10px;
  font-size: 75%;
}

/* ---------------------------------
beauty journal index
--------------------------------- */
/* kirei */
.kireiWrap .title01 {
  border: none;
}

.kireiWrap .kireiInr {
  padding-left: 10px;
  padding-right: 10px;
  padding: 0 10px;
  position: relative;
}

.kireiWrap .title01 + .kireiInr:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  border-color: #fff7d8 transparent transparent transparent;
  border-style: solid;
  border-width: 213px 213px 0 0;
  z-index: -1;
}

.kireiWrap .title01:nth-of-type(2) + .kireiInr:before {
  border-color: #ffe8e8 transparent transparent transparent;
}

.kireiWrap .title01:nth-of-type(3) + .kireiInr:before {
  border-color: #ddf0fd transparent transparent transparent;
}

.kireiWrap .checkNow {
  position: relative;
  height: 118px;
  padding-top: 30.5px;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}

.kireiWrap .checkNow:after {
  content: "";
  position: absolute;
  top: 14.5px;
  right: -10px;
  border-style: solid;
  border-width: 0 0 104px 108px;
  border-color: transparent transparent #fff7d8 transparent;
  z-index: -1;
}

.kireiWrap .kireiInr:nth-of-type(3) .checkNow:after {
  border-color: transparent transparent #ffe8e8 transparent;
}

.kireiWrap .kireiInr:nth-of-type(4) .checkNow:after {
  border-color: transparent transparent #ddf0fd transparent;
}

.kireiWrap .checkNow a {
  display: inline-block;
  padding: 15px 0;
  width: 89.15%;
  background-color: #ffbec6;
  color: #000;
}

.kireiWrap .checkNow a span {
  color: #000;
}

.kireiWrap .checkNow a span.arw01:before {
  width: 8px;
  height: 8px;
  border-bottom-color: #000;
  border-left-color: #000;
}

.kireiWrap .dateMake {
  display: table;
  width: 100%;
}

.kireiWrap .dateMake li {
  display: table-cell;
}

/* ---------------------------------
footIndexWrap
--------------------------------- */
.footIndexWrap {
  margin-top: 7.8125vw;
  padding: 0 10px 40px;
}

.footIndexWrap.is_shadow {
  position: relative;
  margin-top: 0;
  padding-top: 5.625vw;
  box-shadow: 0 -1.25vw 2.8125vw 0vw rgba(0, 0, 0, 0.1);
}

.footIndexWrap .ttl {
  padding: 4px 0;
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}

.footIndexWrap .cateLink li {
  /*border-bottom: 1px solid #000;*/
}

.footIndexWrap .cateLink li a {
  display: block;
  padding: 9px 0;
}

.footIndexWrap .nextNotice .nextNotice_ttl {
  margin: 14.08% 0 4.507%;
}

.footIndexWrap .nextNotice .tx {
  margin-bottom: 10px;
  font-size: 183.4%;
  font-weight: bold;
  text-align: center;
}

.footIndexWrap .nextNotice a {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.footIndexWrap .nextNotice .notesWrap {
  margin-top: 15px;
}

.footIndexWrap .nextNotice .notesWrap p {
  margin-bottom: 0px;
  padding-bottom: 5px;
}

.footIndexWrap .nextNotice .notesWrap .notes {
  padding: 0 10px;
  margin-bottom: 5px;
  font-size: 83.3%;
}

.footIndexWrap .nextNotice .notesWrap .notes01,
.footIndexWrap .nextNotice .notesWrap .notes02 {
  padding: 0 10px;
}

.footIndexWrap .nextNotice .notesWrap .notes01 li,
.footIndexWrap .nextNotice .notesWrap .notes02 li {
  border-bottom: none;
  font-size: 83.3%;
}

.footIndexWrap .sweets_notes {
  margin: 0 10px;
  font-size: 83.3%;
  padding-left: 1em;
  text-indent: -1em;
}

/* ---------------------------------
footArea
--------------------------------- */
.footArea {
  width: 100%;
}

.footArea.kireiWrap .kireiInr {
  padding-bottom: 0;
}

.footArea.kireiWrap .checkNow:after {
  top: 14.5px;
  border-width: 0 0 104px 108px;
}

.specialPresentWrap {
  padding-bottom: 22px;
}

/* ---------------------------------
specialFoot
--------------------------------- */
.kireiWrap .specialFoot .title01 span:before {
  background-color: #b2daf6;
}

.kireiWrap .specialFoot .title01 span:after {
  border-color: #b2daf6 transparent transparent transparent;
}

.kireiWrap .specialFoot .title01 + .kireiInr:before {
  border-color: #b2daf6 transparent transparent transparent;
}

.kireiWrap .specialFoot .checkNow:after {
  border-color: transparent transparent #b2daf6 transparent;
}

/* ---------------------------------
photogenic
--------------------------------- */
.kireiWrap .photogenicFoot .title01 span:before {
  background-color: #baa5e2;
}

.kireiWrap .photogenicFoot .title01 span:after {
  border-color: #baa5e2 transparent transparent transparent;
}

.kireiWrap .photogenicFoot .title01 + .kireiInr:before {
  border-color: #baa5e2 transparent transparent transparent;
}

.kireiWrap .photogenicFoot .checkNow:after {
  border-color: transparent transparent #baa5e2 transparent;
}

/* ---------------------------------
cosmeticFoot
--------------------------------- */
.kireiWrap .cosmeticFoot .title01 span:before {
  background-color: #f3dbba;
}

.kireiWrap .cosmeticFoot .title01 span:after {
  border-color: #f3dbba transparent transparent transparent;
}

.kireiWrap .cosmeticFoot .title01 + .kireiInr:before {
  border-color: #f3dbba transparent transparent transparent;
}

.kireiWrap .cosmeticFoot .checkNow:after {
  border-color: transparent transparent #f3dbba transparent;
}

/* newProductFoot
下部今月の新商品ページ
=================================== */
.kireiWrap .newProductFoot .title01 span:before {
  background-color: #d8f2ba;
}

.kireiWrap .newProductFoot .title01 span:after {
  border-color: #d8f2ba transparent transparent transparent;
}

.kireiWrap .newProductFoot .title01 + .kireiInr:before {
  border-color: #d8f2ba transparent transparent transparent;
}

.kireiWrap .newProductFoot .checkNow:after {
  border-color: transparent transparent #d8f2ba transparent;
}

/* ---------------------------------
twitterWrap
--------------------------------- */
.twitterWrap {
  padding: 0 10px;
}

.twitterWrap .btnTwitter {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 23px;
  width: 89.15%;
}

.twitterWrap .btnTwitter a {
  background-color: #1da1f2;
  display: table-cell;
  font-size: 125%;
  height: 38px;
  text-align: center;
  vertical-align: middle;
}

.twitterWrap .btnTwitter a span {
  color: #FFF;
  position: relative;
}

.twitterWrap .btnTwitter a span:before {
  background-image: url(../img/icon_twitter.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 16.5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
  -webkit-transform: translate(-175%, 0);
  -ms-transform: translate(-175%, 0);
      transform: translate(-175%, 0);
}

.twitterWrap .btnTwitter p {
  background-color: #1da1f2;
  display: table-cell;
  font-size: 116.7%;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  padding-left: 2.0em;
}

.twitterWrap .btnTwitter p span {
  color: #FFF;
  position: relative;
}

.twitterWrap .btnTwitter p span:before {
  background-image: url(../img/icon_twitter.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 16.5px;
  left: 5px;
  position: absolute;
  top: 0;
  width: 19px;
  -webkit-transform: translate(-175%, 0);
  -ms-transform: translate(-175%, 0);
      transform: translate(-175%, 0);
}

.twitterWrap .participate {
  background-color: #d5effe;
  border: 1px solid #000;
  margin-left: 7px;
  margin-right: 7px;
}

.twitterWrap .participate .ttl {
  font-family: "Sawarabi Mincho";
  font-size: 125%;
  font-weight: bold;
  padding-bottom: 9.5px;
  padding-top: 9.5px;
  text-align: center;
}

.twitterWrap .participate .ttl span {
  color: #000;
  position: relative;
}

.twitterWrap .participate .ttl span:after {
  background: transparent;
  border-bottom-color: #000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #000;
  border-left-style: solid;
  border-left-width: 1px;
  content: "";
  height: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 5px;
  -webkit-transform: translate(300%, -50%) rotate(-45deg);
  -ms-transform: translate(300%, -50%) rotate(-45deg);
      transform: translate(300%, -50%) rotate(-45deg);
}

.twitterWrap .participate .ttl.open span:after {
  -webkit-transform: translate(300%, -25%) rotate(135deg);
  -ms-transform: translate(300%, -25%) rotate(135deg);
      transform: translate(300%, -25%) rotate(135deg);
}

.twitterWrap .participate .participateInr {
  border-top: 1px solid #000;
  display: none;
  padding: 16px 12px;
}

.twitterWrap .participate .participateInr .participateList > li {
  background-color: #FFF;
  background-position: 17px 17px;
  background-repeat: no-repeat;
  background-size: 61.5px auto;
  box-shadow: 0px 0px 4px 0px #999999;
  margin-top: 26px;
  padding: 15px 17px 10px 97.5px;
  position: relative;
}

.twitterWrap .participate .participateInr .participateList > li:after {
  border-style: solid;
  border-width: 9.5px 5.5px 0 5.5px;
  border-color: #000000 transparent transparent transparent;
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -185%);
  -ms-transform: translate(-50%, -185%);
      transform: translate(-50%, -185%);
}

.twitterWrap .participate .participateInr .participateList > li:first-child:after {
  border: none;
}

.twitterWrap .participate .participateInr .participateList > li:first-child {
  margin-top: 0;
}

.twitterWrap .participate .participateInr .participateList > li:nth-child(1) {
  background-image: url(../img/top_febpre_campaign_tx01.png);
}

.twitterWrap .participate .participateInr .participateList li:nth-child(2) {
  background-image: url(../img/top_febpre_campaign_tx02.png);
}

.twitterWrap .participate .participateInr .participateList li:nth-child(3) {
  background-image: url(../img/top_febpre_campaign_tx03.png);
}

.twitterWrap .participate .participateInr .participateList li a.txlink {
  color: #1da1f2;
  font-weight: bold;
  text-decoration: underline;
}

.twitterWrap .participate .participateInr .participateList li .notes01 {
  color: #000;
  font-size: 83.3%;
}

.twitterWrap .participate .participateInr .participateList li .btnTwitter {
  margin-top: 5px;
  width: 100%;
}

.twitterWrap .participate .participateInr .participateList li .btnTwitter a {
  font-size: 108.4%;
  height: 28px;
}

.twitterWrap .participate .participateInr .participateList li .btnTwitter a span:before {
  height: 15px;
  width: 18px;
}

.twitterWrap .agreementWrap {
  margin-top: 25px;
}

.twitterWrap .agreementWrap .agreementCts {
  border: 1px solid #666;
  word-break: break-all;
}

.twitterWrap .participate .ttl span {
  color: #000;
  position: relative;
}

/* ---------------------------------
bannerrWrap
--------------------------------- */
.bannerWrap {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 50px;
}

.bannerWrap li {
  margin-top: 20px;
}

.bannerWrap li:nth-child(1),
.bannerWrap li:nth-child(2) {
  box-shadow: 0px 1px 4px 0px #999;
}

/* ---------------------------------
modal
--------------------------------- */
/*モーダル背景*/
.modalbg {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3000;
}

/*モーダル設置用（非表示）*/
.modalCart {
  padding: 0;
}

.modalContent {
  display: none;
}

/* modal content */
.modalContent {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  left: 0;
  width: calc(100vw - 60px) !important;
  height: auto;
  margin: auto;
  padding: 20px 0 !important;
  background-color: #fff;
  border: solid 1px #000;
  z-index: 1000;
  text-align: center;
}

.modalContent.modalEssence {
  border-color: #eeb1db;
}

.modalContent.modalCream {
  border-color: #b1cde5;
}

.modalContent p.itemName {
  margin: 0;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.modalContent .effectTag {
  margin: 5px 0;
}

.modalContent .effectTag li {
  display: inline-block;
  font-size: 66.8%;
  letter-spacing: normal;
  line-height: 1;
  text-align: center;
}

.modalContent .effectTag li:after {
  content: "/";
  margin-left: 3px;
}

.modalContent .effectTag li:last-child:after {
  content: none;
  margin-left: 0px;
}

.modalContent p.txtDtl {
  margin: 10px 0 0;
  color: #000;
  font-size: 91.7%;
  text-align: center;
}

.modalContent p.txtDtl .price {
  font-size: 118%;
  font-weight: bold;
}

.modalContent p.txtNotes {
  margin: 0 20px;
  color: #000;
  font-size: 80%;
  text-align: left;
}

.modalContent p.txtDtl span {
  color: #000;
}

.modalContent .close {
  position: absolute;
  top: -40px;
  right: 1px;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
}

.modalContent .close span:before, .modalContent .close span:after {
  content: "";
  position: absolute;
  top: 15px;
  left: -5px;
  display: block;
  width: 50px;
  height: 2px;
  background-color: #fff;
}

.modalContent .close span:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modalContent .close span:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.modalContent .close span {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}

.modalContent .txtArea .txtDtl {
  margin-top: 8px;
  font-size: 91.7%;
  text-align: center;
}

.modalContent p.price span {
  font-size: 118%;
  font-weight: bold;
}