@charset "utf-8";
/* CSS Document */

/*style.cssに書くべき?*/

div {
  font-size: 16px;
}

p {
  margin: 0;
}

body {
  font-size: 16px;
  width: 100%;
}

.small_txt {
  font-size: 12px;
  font-weight: 300 !important;
}

span.green {
  color: #009933;
}

.breadcrumb {
  padding-top: 10px;
  width: 94%;
  margin: 0 auto;
  font-size: 13px;
}

.breadcrumb_link:after {
  content: "＞";
  margin-right: 5px;
  margin-left: 10px;
  display: inline-block;
}

.breadcrumb_link_current:after {
  content: "";
  margin: 0;
}

.product_banner_image {
  text-align: center;
}

.product_introduction {
  font-weight: bold;
}


.banner_bottom_product_name {
  font-size: 25px;
  font-weight: bold;
}





/*メイン画像 */
.product_main_image {
  border: 1px solid #ddd6ca;
  margin-top: 10px;
  position: relative;
}

.product_main_image img {
  max-width: 100%;
}

.product_main-left {
  display: inline-block;
  vertical-align: top;
  width: 450px;
  margin-right: 30px;
  font-size: 16px;
}


/* メインイメージ スライダー */

.product_main_image .slick-arrow {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  border: none;
  background: none;
}

.product_main_image .slick-prev {
  z-index: 20;
}

.product_main_image .slick-prev:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #ddd6ca;
  border-left: 2px solid #ddd6ca;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.product_main_image .slick-next {
  z-index: 20;
}

.product_main_image .slick-next:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #ddd6ca;
  border-right: 2px solid #ddd6ca;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product_image_thumbnail {}

.product_image_thumbnail .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  height: auto;
}


.product_image_thumbnail .slick-dots li {
  width: 18.4%;
  height: auto;
  margin: 0;
  margin-right: 2%;
  border-radius: 0;
  border: 1px solid #ddd6ca;
  padding: 3px;
  background: #fff;
}

.product_image_thumbnail .slick-dots li:last-child {
  margin-right: 0;
}

.product_image_thumbnail .slick-dots .slick-active {
  border: 4px solid #ddd6ca;
  padding: 0;
}


/*カラーバリエーション*/

#baguetteBox-overlay .full-image figure {
  display: inline-block;
  width: 80%;
}

.baguetteBox-button#previous-button,
.baguetteBox-button#next-button {
  background: none;
}

.baguetteBox-button#previous-button {
  left: 0;
}

.baguetteBox-button#next-button {
  right: 0;
}


.baguetteBox-button#previous-button svg,
.baguetteBox-button#next-button svg {
  display: none;
}


.baguetteBox-button#previous-button:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #ddd6ca;
  border-left: 2px solid #ddd6ca;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.baguetteBox-button#next-button:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #ddd6ca;
  border-right: 2px solid #ddd6ca;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*商品説明*/
.product_name {
  margin: 10px 0;
}

.product_name .product_name_main {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.product_name .product_name_sub {
  display: block;
  font-size: 12px;
}

.product_color_variation {
  margin-top: 5px;
}

.product_color_variation p:first-child {
  font-weight: bold;
}

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

.product_color_variation li {
  border: 1px solid #ddd6ca;
  margin-right: 5px;
  width: 18.4%;
  margin-bottom: 10px;
  text-align: center;
}

.product_color_variation li:last-child {
  margin-right: 0;
}

.product_color_variation ul.leftAlign {
  justify-content: left;
}

.product_color_variation ul.leftAlign li {
  margin-right: 2%;
}

.product_color_variation ul.leftAlign li:nth-child(5n) {
  margin-right: 0;
}


.color_variation_notes {
  font-size: 12px;
  margin: 5px 0 15px;
}

.product_main_information {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 25px;
  margin-top: 15px;
}


/*.product_main_information_link{
  margin-bottom:5px;
}
.product_main_information_link a{
  padding-left:10px;
  background: url(/shared/img/link_arrow_red.png) left center no-repeat;
  background-size: 3%;
}

.product_information_tag{
  display: block;
  width: 150px;
  text-align: center;
  background: #fff;
  padding:5px 15px;
  margin-right: 20px;
  margin-bottom: 10px;
}*/

.product_main_information_note {
  display: block;
  margin-top: 10px;
}


.product_cartIn {
  margin-bottom: 25px;
  border: 1px solid;
  border-radius: 5px;
  overflow: hidden;
}

.product_cartIn_inner {
  padding: 15px;
}


.routine_order {
  border-color: #e88a92;
}

.common_order {
  border-color: #99bb76;
}

.trial_order {
  border-color: #c2a882;
}

.product_cartIn_title {
  padding: 10px;
  color: #fff;
  line-height: 1.2em;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shipping_cost_tag:after {
  content: attr(data-shipping-cost);
  border: 1px solid #fff;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  margin-left: 5px;
  flex-shrink: 0;
}

.product_cartIn_title .small_txt {
  font-size: 16px;
}

.routine_order .product_cartIn_title {
  background: #e88a92;
  font-size: 17px;
}

.common_order .product_cartIn_title {
  background: #99bb76;
  font-size: 18px;
}

.trial_order .product_cartIn_title {
  background: #c2a882;
  font-size: 18px;
}

.shipping_free {
  position: relative;

}

.shipping_free:after {
  content: "送料無料";
  border: 1px solid #fff;
  font-size: 16px;
  height: 27px;
  line-height: 25px;
  position: absolute;
  top: 7px;
  right: 5px;
  padding: 0 2px;

}


.product_course {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto 5px;
}

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

.product_course_price {
  display: inline-block;
  text-align: left;
  font-weight: bold;
}

.product_price_off {
  display: inline-block;
  border: 1px solid #DE0202;
  margin-left: 5px;
  padding: 0 5px;
  vertical-align: bottom;
  text-align: center;
  text-indent: 0em;

}

.product_course_price .txt_small {
  font-size: 21px;
  margin-right: 10px;
}

.product_price_value {
  color: #DE0202;
  font-size: 21px;
}

.product_price_tax {
  color: #DE0202;
}

.product_course_quantity {
  display: inline-block;
  width: 139px;
  margin-right: 4%;
}

.product_select+.product_total_price {
  text-align: center;
}

.product_delivery_interval_title {
  color: #fff;
  background: #d0ba9d;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  margin: 5px 0 10px;
}

.cartIn_routine_item {
  position: relative;
  display: inline-block;
  width: 29%;
  height: 70px;
  border-radius: 10px;
  border: 1px solid #ddd6ca;
  text-align: center;
  line-height: 70px;
  font-size: 27px;
  font-weight: bold;
  margin-right: 8px;
  margin-bottom: 10px;
  padding: 2px;
}

.cartIn_routine_item:nth-child(6) {
  margin-right: 0;
}




.product_select dt {
  padding: 10px 15px;
  margin-bottom: 20px;
  background: #d0ba9d;
  color: #fff;
  font-size: 18px;
  line-height: 1em;
}

.product_select dd {
  font-size: 16px;
  margin-bottom: 7px;
  margin-bottom: 7px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.cartIn_quantity-select,
.cartIn_interval-select {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding-right: 5px;
  margin: 0 5px;
  width: 59px;
  height: 30px;
  border: 1px solid #ddd6ca;

  font-size: 18px;
  line-height: 30px;
  /* text-align: right; */
  -webkit-align-items: center;
  /* Safari etc. */
  -ms-align-items: center;
  /* IE10        */
  align-items: center;
  text-align: left;
  padding-left: 7px;

}
.cartIn_interval-select {
  width: 206px;
}

.no_color_select .common_order .cartIn_quantity {
  display: -webkit-box;
  /* old Android */
  display: -webkit-flex;
  /* Safari etc. */
  display: -ms-flexbox;
  /* IE10        */
  display: flex;
  -webkit-box-pack: justify;
  /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;
  /*--- IE10 ---*/
  -webkit-justify-content: space-between;
  /*--- safari（PC）用 ---*/
  justify-content: space-between;
  -webkit-align-items: flex-end;
  /* Safari etc. */
  -ms-align-items: flex-end;
  /* IE10        */
  align-items: flex-end;
  margin-bottom: 5px;
}

.cartIn_quantity-select:after,
.cartIn_interval-select:after {
  content: "▼";
  font-size: 14px;
  color: #d0ba9d;;
  margin-left: 10px;
  position: absolute;
  right: 5px;
}

.cartIn_quantity-select select,
.cartIn_interval-select select {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.product_select .cartIn_routine {
  font-size: 0;
}

.cartIn_routine input {
  display: none;
}

.cartIn_routine .cartIn_routine_item:last-child {
  margin-right: 0;
}

.cartIn_routine_item:after {
  content: "カ月";
  font-size: 13px;
  font-weight: bold;
}

.cartIn_routine input:checked+.cartIn_routine_item {
  border: 3px solid #e88a92;
  padding: 0;
}

.cartIn_routine input:checked+.cartIn_routine_item:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  right: -10px;
  background: url(../img/select_checked.png) center center no-repeat;
  background-size: contain;
  z-index: 10;
}


.product_total_price {
  text-align: left;
}




.shipping_free_tag {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  padding: 0px 10px;
  border: 1px solid #DE0202;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #DE0202;
}

.product_total_price_left {
  display: inline-block;
  width: 48%;
}

.product_total_price_right {
  display: inline-block;
  width: 48%;
  text-align: right;
}

.product_total_price_value {
  font-size: 21px;
  font-weight: bold;
  color: #DE0202;
}

.product_total_price_txt {
  font-size: 13px;
  font-weight: bold;
  color: #DE0202;
}

.no_color_select .product_total_price {
  width: 140px;
}

.shipping_free_condition {
  font-weight: bold;
}

.cartIn_btn_contents {
  text-align: center;
}

.routine_course_link_wrapper {
  width: 94%;
  min-width: 270px;
  margin-right: auto;
  margin-left: auto;
}

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

/*.routine_course_link_wrapper .cartIn_attention {
  padding: 10px;
  font-weight: normal;
}*/

.cartIn_btn {
  text-align: center;
  width: 94%;
  min-width: 270px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: bold;
  line-height: 60px;
  color: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  position: relative;
}

.routine_order .cartIn_btn {
  background: #e56570;
}


.common_order .cartIn_btn {
  margin-bottom: 0;
  background: #83b055;
}

.product_cartIn_detail.routine_order .cartIn_btn {
  background: #e56570;
  padding-left: 30px;
}

.product_cartIn_detail.common_order .cartIn_btn {
  background: #83b055;
  padding-left: 30px;
}



.no_color_select .routine_order .cartIn_btn {
  background: #e56570;
  padding-left: 30px;
}

.no_color_select .common_order .cartIn_btn {
  background: #83b055;
  padding-left: 30px;
}


.cartIn_btn:before {
  content: "";
  background: url(../img/cart_btn_icon.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 20px;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.no_color_select .cartIn_btn:before {
  left: 55px;
}

.product_cartIn_detail .cartIn_btn:before {
  left: 55px;
}



.cartIn_btn:after {
  content: "";
  background: url(../img/cart_arrow_white.png)no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  width: 7px;
  height: 7px;
}

.cartIn_btn:hover {
  opacity: 0.7;
}

.routine_course_link {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  background: #ece1d0;
  position: relative;
}

.routine_course_link a {
  display: inline-block;
  height: 30px;
  line-height: 35px;
  font-size: 16px;
  background: #ece1d0;
  width: 100%;
}

.routine_course_link.active:after {
  background: url(../img/routine_course_arrow_upward.png) no-repeat;
  background-size: contain;
}

.routine_course_link:after {
  content: "";
  background: url(../img/routine_course_arrow_downward.png) no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 6px;
  top: 13px;
  right: 10px;
}

.js-accordion {
  display: none;
}

.footer_inner.js-accordion {
  display: block;
}

/*購入手続きへ、のスライド画面*/

.product_cartIn_detail {
  position: relative;
}



.product_cartIn_detail_inner_routine,
.product_cartIn_detail_inner_common {
  position: fixed;
  width: 95%;
  min-height: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  overflow-y: scroll;
  -webkit-transition: right .3s linear;
  -moz-transition: right .3s linear;
  -ms-transition: right .3s linear;
  -o-transition: right .3s linear;
  transition: right .3s linear;
  z-index: 50;
}

.product_cartIn_detail_inner_routine.active,
.product_cartIn_detail_inner_common.active {
  right: 0;
}

.product_cartIn_detail .cart_close_btn {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.product_cartIn_detail .cart_close_btn:before {
  content: "";
  background: url(../img/cart_close_btn_arrow.png)no-repeat left top 3px;
  background-size: contain;
  width: 8px;
  height: 25px;
  position: absolute;
}

.product_cartIn_detail .cart_close_btn span {
  padding-left: 15px;
}

.product_select_detail dt {
  font-weight: bold;
}


.product_cartIn_detail .cartIn_color_inner {
  padding-top: 10px;
  padding-bottom: 10px;
}


.product_cartIn_detail_inner_routine dt {
  display: block;
  width: 100%;
  padding-left: 3%;
  height: 35px;
  line-height: 35px;
  background: #e88a92;
  color: #fff;

}

.product_cartIn_detail_inner_common dt {
  display: block;
  width: 100%;
  padding-left: 3%;
  height: 35px;
  line-height: 35px;
  background: #99bb76;
  color: #fff;
}

.product_cartIn_detail .cartIn_color input {
  display: none;
}

.product_cartIn_detail .cartIn_color_item {
  position: relative;
  display: inline-block;
  width: 48%;
  border: 1px solid #ddd6ca;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 5px;
  vertical-align: top;
}

.product_cartIn_detail .cartIn_color .cartIn_color_item:nth-of-type(even) {
  margin: 0 0 10px 0;
}

.product_cartIn_detail .choose_color_image {
  padding: 15px;
}

.product_cartIn_detail .choose_color_type {
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}

.product_cartIn_detail_inner_common .product_total_price {
  width: 100%;
  text-align: center;
}

.product_cartIn_detail_inner_common .product_shipping_free_condition {
  text-align: center;
  padding-bottom: 5px;
}

.product_cartIn_detail_inner_common .cartIn_btn_contents {
  padding-top: 5px;
  padding-bottom: 10px;
}


/* リキッドファンデ fande　*/
.color_item_3183 .choose_color_type {
  background: #e9ac73;
}

.color_item_3186 .choose_color_type {
  background: #f6cca6;
}

.color_item_3184 .choose_color_type {
  background: #f4bd7d;
}

.color_item_3187 .choose_color_type {
  background: #f1bfa8;
}

.color_item_3185 .choose_color_type {
  background: #e9ac73;
}

/* パウダーファンデ fande　*/
.color_item_3154 .choose_color_type {
  background: #e9ac73;
}

.color_item_3151 .choose_color_type {
  background: #f6cca6;
}

.color_item_3155 .choose_color_type {
  background: #f4bd7d;
}

.color_item_3152 .choose_color_type {
  background: #f1bfa8;
}

.color_item_3156 .choose_color_type {
  background: #e9ac73;
}

/* 「アミノファイン アイライナー レフィル 全2色」eyeliner_refill */
.color_item_3134 .choose_color_type {
  background: #211713;
}

.color_item_3135 .choose_color_type {
  background: #724D46;
}

/* 「アミノファイン アイブロウペンシル 全2色」eyebrow_refill */
.color_item_3137 .choose_color_type {
  background: #724D46;
}

.color_item_3138 .choose_color_type {
  background: #717171;
}

/*「アミノファイン コンシーラー」 concealer */
.color_item_3142 .choose_color_type {
  background: #ecba85;
}

.color_item_3143 .choose_color_type {
  background: #eab589;
}

/*「ルージュ」rouge */
.color_item_3118 .choose_color_type {
  background: #c3574b;
}

.color_item_3124 .choose_color_type {
  background: #b43a25;
}

.color_item_3116 .choose_color_type {
  background: #d4324a;
}

.color_item_3133 .choose_color_type {
  background: #bd383b;
}

.color_item_3119 .choose_color_type {
  background: #b61036;
}

.color_item_3120 .choose_color_type {
  background: #a41334;
}

.color_item_3126 .choose_color_type {
  background: #bb313e;
}

.color_item_3132 .choose_color_type {
  background: #be3a2d;
}

/*「アミノホワイティブエッセンス デイ」wh_day*/
.color_item_1330 .choose_color_type {
  background: #717171;
}

.color_item_1331 .choose_color_type {
  background: #BAD7AB;
}

.color_item_1332 .choose_color_type {
  background: #ECAB7A;
}




.product_cartIn_detail .choose_color_code {
  font-size: 12px;
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #ddd6ca;
}

.product_cartIn_detail .choose_color_text {
  margin: 10px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.product_cartIn_detail .cartIn_color_checkBox {
  height: 45px;
  line-height: 45px;
  background-color: #f9ece4;
  position: relative;
  padding-left: 25px;
  font-weight: bold;
}

.product_cartIn_detail .cartIn_color_checkBox span:before {
  content: "";
  background: #fff;
  border: #ddd6ca;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 9%;
}



.product_cartIn_detail .cartIn_color_item {
  position: relative;
}

.routine_order .cartIn_color input:checked+.cartIn_color_item:before {
  content: "";
  position: absolute;
  background: #e88a92;
  bottom: 16px;
  left: 13%;
  width: 7px;
  height: 17px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.routine_order .cartIn_color input:checked+.cartIn_color_item span:before {
  background: #e88a92;
}



.common_order .cartIn_color input:checked+.cartIn_color_item:before {
  content: "";
  position: absolute;
  background: #99bb76;
  bottom: 16px;
  left: 13%;
  width: 7px;
  height: 17px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.common_order .cartIn_color input:checked+.cartIn_color_item span:before {
  background: #99bb76;
}


.product_cartIn_detail .cartIn_quantity {
  display: block;
  margin: 10px auto 20px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}

.product_cartIn_detail .cartIn_routine {
  margin: 10px auto 20px;
}

.product_cartIn_detail .cartIn_routine_item {
  margin-bottom: 10px;
}

.product_cartIn_detail_inner_routine .product_total_price {
  width: 270px;
  display: flex;
  justify-content: space-between;
}

.product_cartIn_detail .shipping_free_tag {
  margin-bottom: 0px;
  font-size: 16px;
  height: 30px;
  margin-top: 7px;
  padding: 0 5px;

}


.product_cartIn_detail .product_total_price_value {
  font-size: 31px;
}

.product_cartIn_detail .product_total_price_txt {
  font-size: 18px;
}

.product_cartIn_detail .cartIn_attention {
  border: none;
  padding: 0;
  font-size: 12px;
  margin-bottom: 20px;
}


/*.routine_course_link_wrapper .cartIn_attention {
  padding: 10px;
  font-size: 14px;
  border: solid 1px #cccccc;
}*/

.common_order .product_total_price {
  display: inline-block;
  font-weight: bold;
}



.common_order .product_total_quantity {
  display: inline-block;
  width: 139px;
}

.no_color_select .common_order .product_total_quantity {
  margin-bottom: 5px;
}

.common_order .product_select dd {
  display: inline-block;
}

.common_order .product_select dd,
.common_order .product_total_price {
  margin-bottom: 0px;
}

#cartIn_detail_routine_overLay,
#cartIn_detail_common_overLay {
  width: 100%;
  height: 150%;
  top: -40px;
  left: 0;
  position: fixed;
  display: none;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.7);
}

.trial_order .product_cartIn_inner p:first-child {
  font-weight: bold;
}





.trial_order .product_sample_text {
  padding: 5px 0 15px;
}

.trial_order .trial_btn {
  background: #eae1d3;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}


.trial_order .trial_btn:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid #c9aa79;
  border-bottom: 7px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 10px;
}

.trial_order .trial_btn.active:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid #c9aa79;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: 10px;
}


.trial_order .product_total_price {
  padding: 0 15px;
  text-align: left;
}


.callCenter_titel {
  color: #fff;
  background: #e96d72;
  width: 270px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin: 10px auto 5px;
  font-weight: bold;
}

.callCenter_phoneNumber {
  border: 1px solid #c2a882;
  width: 270px;
  height: 45px;
  line-height: 45px;
  padding-left: 40px;
  margin: 0 auto 10px;
  text-align: center;
  position: relative;
  font-weight: bold;

}

.callCenter_phoneNumber:before {
  content: "";
  background: url(../img/jino_callCenter_phoneNumber_icon.png) no-repeat;
  background-size: contain;
  width: 33px;
  height: 19px;
  position: absolute;
  top: 12px;
  left: 50px;
}

.trial_order_notes {
  font-size: 12px;
}


.hoshi_att {
  background: #f8f5ec;
  padding: 15px;
  border-radius: 10px;
}

.hoshi_att_ttl {
  font-weight: bold;
}

.hoshi_att_txt span {
  display: block;
  margin-bottom: 10px;
}







/*画面左部下のテキスト、リンク*/

.product_note {
  padding: 30px 0 0;
}

.product_note_text {
  line-height: 1.5em;
  padding-bottom: 10px;
  border-bottom: 1px solid #cec0a8;
}

.product_note_list {
  padding-top: 15px;
}

.product_faq {
  width: 280px;
  height: 40px;
  line-height: 40px;
  background: #ece1d0;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  margin: 0 auto 30px;
  padding-right: 5px;
  position: relative;
}

.product_faq:after {
  content: "";
  background: url(../img/pd_faq_arrow.png) no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  display: inline-block;
  top: 17px;
  right: 5px;
  position: absolute;
}

.product_share_SNS p {
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}

.product_share_SNS ul {
  width: 70%;
  margin: 0 auto;
}

.product_share_SNS li {
  display: inline-block;
  width: 13%;
  margin: 0 5% 15px;
}


/* product_common */

.product_common {
  font-size: 16px;
  /* margin-bottom: 20px;*/
  margin-bottom: 2px;
}


.product_common_information {
  margin-top: 10px;
}

.product_common_information dd {
  margin-bottom: 15px;
}

.product_common_information_attention {
  margin-top: 5px;
  font-size: 12px;
}

.product_common_attention {
  margin-top: 20px;
}

/*商品の特徴
------------------------------------------*/

.contents_title {
  font-size: 17px;
  font-weight: bold;
  background: #000;
  color: #fff;
  height: 35px;
  line-height: 35px;
  padding-left: 3%;
  position: relative;
  /*margin: 20px 0 0;*/
  margin-top: 2px;
}

.contents_title:after {
  content: "";
  background: url(../img/contents_title_arrow_white_downward.png) no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 3%;
  width: 6px;
  height: 6px;
}

.contents_title.active:after {
  background: url(../img/contents_title_arrow_white_upward.png) no-repeat;
  background-size: contain;
}

.product_common .contents_title {
  margin-top: 20px;
}

/*product_feature*/

.contents_inner {
  display: block;
}

.product_common .contents_inner {
  padding-bottom: 20px;
}

.product_feature_inner {
  padding: 10px 0 20px;
}

.product_feature_description {
  margin: 10px 0 20px;
}

.product_feature_description dt {
  font-size: 17px;
  font-weight: bold;
}

.product_feature_description dd {
  margin-bottom: 20px;
  margin-top: 10px;
}

.product_feature_top_button_area {
  width: 270px;
  height: 40px;
  background: #df0202;
  border-radius: 5px;
  margin: 20px auto;
}

.product_feature_top_button a {
  display: inline-block;
  width: 270px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  position: relative;
}

.product_feature_top_button a:after {
  content: "▲";
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  position: absolute;
  top: 0;
  right: 15px;
}

.content_title {
  background: #f8ebe3;
  border-top: 2px solid #000;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.moisture_graph {
  margin: 5px 0;
  padding: 10px;
}

.moisture_graph_notes {
  font-size: 12px;
  margin-top: 10px;
}

.moisture_graph_image {
  text-align: center;
}

/*how_to_choice*/

.how_to_choice ul {
  margin-bottom: 15px;
  padding: 5px;
  font-size: 0;
  font-weight: bold;

}

.how_to_choice li {
  display: inline-block;
  text-align: center;
  position: relative;
  font-size: 12px;
}

.how_to_choice_11,
.how_to_choice_12,
.how_to_choice_13 {
  width: 23.3%;
  height: 25px;
  padding-bottom: 5px;
  vertical-align: top;
}

.how_to_choice_14 {
  width: 30%;
  height: 20px;
  padding-bottom: 5px;
}


.how_to_choice_21,
.how_to_choice_22,
.how_to_choice_23,
.how_to_choice_31,
.how_to_choice_32,
.how_to_choice_33 {
  width: 23.3%;
  height: 95px;
  padding-top: 10px;
  padding-bottom: 5px;
  vertical-align: bottom;
}

.how_to_choice_24,
.how_to_choice_34 {
  text-align: center;
  width: 30%;
  height: 85px;
  padding-top: 15px;
}

.how_to_choice_11,
.how_to_choice_12,
.how_to_choice_13 {
  border-right: 1px solid #ece4df;
}


.how_to_choice_21,
.how_to_choice_22,
.how_to_choice_23 {
  border-right: 1px solid #ece4df;
  border-bottom: 1px solid #ece4df;
}

.how_to_choice_24 {
  border-bottom: 1px solid #ece4df;
}

.how_to_choice_31,
.how_to_choice_32,
.how_to_choice_33 {
  border-right: 1px solid #ece4df;
}

.how_to_choice .txt_oc {
  color: #d47316;
}

.how_to_choice .txt_po {
  color: #ed555e;
}

.how_to_choice li div {
  margin-bottom: 5px;
}

.how_to_choice>p {
  margin-top: 10px;
}

/*customerVoice*/

.customerVoice {
  margin-top: 2px;
}

.customerVoice_contents {
  font-size: 0;
  padding: 20px 0;
  margin-bottom: 2px;
}

.customerVoice_title {
  font-size: 17px;
  font-weight: bold;
}

.customerVoice_content {
  background: url(../img/customerVoice_comment_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 10px auto 0;
  font-size: 16px;
}

.customerVoice_content .customerVoice_inner_left img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.customerVoice_inner {
  padding: 4% 0;
}

.customerVoice_inner_left {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  border: 1px solid #ddd6ca;
  border-radius: 10px;
  margin-left: 6%;
  margin-right: 5px;

}

.customerVoice_inner_left img {
  text-align: middle;
}

.customerVoice_inner_right {
  display: inline-block;
  width: 64%;
  margin-right: 6%;
}

.customer_age_sex.woman {
  background: url(../img/customerVoice_inner_bg_woman.png);
  background-size: 100% 100%;
  padding: 2px 0px 2px 5px;
  font-weight: bold;
}

.customer_age_sex.man {

  background: url(../img/customerVoice_inner_bg_man.png);
  background-size: 100% 100%;
  padding: 2px 0px 2px 5px;
}

.customer_comment {
  padding-top: 5px;
}

.customerVoice_attention {
  font-size: 12px;
  text-align: right;
  margin-right: 3%;
  padding-bottom: 5px;
  padding-top: 5px;
}

.customerVoice_moreComment {
  width: 300px;
  height: 40px;
  background: #c2a882;
  border-radius: 5px;
  margin: 10px auto;
  position: relative;
  font-weight: bold;
}

.customerVoice_moreComment a {
  display: inline-block;
  width: 290px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.customerVoice_moreComment a:after {
  content: "";
  background: url(../img/customerVoice_moreComment_arrow.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 6px;
  height: 5px;
}

.customerVoice_moreComment a:before {
  content: "";
  background: url(../img/customerVoicd_moreComment_icon.png) no-repeat right center;
  background-size: contain;
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}


/*how_to_use*/
.how_to_use .contents_title {
  margin-top: 0px;
  transition: margin-top 1s;
}

.how_to_use .contents_title.active {
  margin-top: 20px;
  transition: margin-top 1s;
}

.how_to_use_inner {
  /*padding: 10px 0 20px;*/
  /*バーの間だけ2pxにするver*/
  padding-top: 10px;
}

.how_to_use_amount p {
  margin-bottom: 15px;
  padding-left: 10px;
}

.how_to_use_effective p {
  margin-bottom: 15px;
}

.how_to_use_effective span {
  font-weight: bold;
}

.use_effective_step {
  margin-bottom: 15px;
}

.use_effective_step:last-child {
  margin-bottom: 0;
}

.use_effective_step_upper {
  margin: 5px 0;
}

.use_effective_step_number {
  width: 60px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #e98085;
  display: inline-block;
  font-weight: bold;
}

.use_effective_step_title {
  display: inline-block;
  font-weight: bold;
}

.use_effective_step_image {
  display: inline-block;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 5px -3px;
  padding: 2px;
  width: 40%;
  vertical-align: top;
}

.use_effective_step_image img {
  width: 100%;
}

.use_effective_step_text {
  display: inline-block;
  width: 54%;
  margin-left: 10px;
}

/*recommend_product*/

.recommend_product {
  margin-top: 20px;
}


.recommend_product_list {
  margin-bottom: 20px;
}

.recommend_product_list_title {
  background: #efebe2;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  font-size: 17px;
  font-weight: bold;
}

.recommend_product_list_title:after {
  content: "";
  background: none;
}

.recommend_item {
  min-height: 60px;
  position: relative;
  border-bottom: 1px dotted #957c59;
}

.recommend_item:last-child {
  border-bottom: none;
}

.recommend_item_detail {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 100%;
  font-size: 16px;
}

.recommend_item a {
  display: flex;
  align-items: center;
  padding: 8px;
  padding-right: 25px;
  height: 100%;
  background: url(../img/recommend_arrow.png) center right no-repeat;
  background-size: 2%;
}

.recommend_item_image {
  width: auto;
  min-width: 43px;
  height: 100%;
  display: inline-block;
  margin-right: 15px;
}

.recommend_item_image img {
  max-width: 100%;
  max-height: 100%;
}

.recommend_item_name {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
}

.recommend_item_price {
  display: block;
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}

/*banner_after_recommend*/
.banner_after_recommend {
  padding-bottom: 10px;
}

.banner_after_recommend_content {
  margin: 10px 0;
  border: 1px solid #ccc;
}

.product_color_variation .gallery {
  font-size: 0;
}

.product_color_variation .gallery a {
  display: inline-block;
  border: 1px solid #ddd6ca;
  width: 18.4%;
  margin-bottom: 10px;
  margin-right: 2%;
  padding: 7px 0;
}

.product_color_variation .gallery a:nth-child(5n) {
  margin-right: 0;
}

.mfp-container {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.mfp-close-btn-in button.mfp-close {
  position: fixed;
  top: 8px;
  right: 8px;
  z-index: 9;
  font-size: 44px;
  opacity: 0.55;
  color: #fff;
}

.mfp-arrow-left:before {

  content: "";
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  opacity: 1;
  width: 30px;
  height: 30px;
  transform: rotate(-45deg);
}

.mfp-arrow-left:after,
.mfp-arrow-right:after {
  border: none;
}

.mfp-arrow-right:before {
  content: "";
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  opacity: 1;
  width: 30px;
  height: 30px;
  transform: rotate(135deg);
}


.mfp-content .white-popup.cartIn_color_item {
  position: relative;
  background: #FFF;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}

.mfp-content .choose_color_image {
  padding: 9% 12%;
}

.mfp-content .choose_color_image img {
  width: 100%;
}

.mfp-content .choose_color_type {
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}

.mfp-content .choose_color_code {
  font-size: 14px;
  display: block;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-bottom: 1px solid #ddd6ca;
}

.mfp-content .choose_color_text {
  margin: 10px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

/*お客様の実感の声をもっと見る*/

.customerVoice_moreComment_button,
.customerVoice_officialMessage_button {
  width: 300px;
  height: 40px;
  background: #c2a882;
  border-radius: 5px;
  margin: 10px auto;
  position: relative;
  font-weight: bold;
}

.customerVoice_moreComment_button a {
  display: inline-block;
  width: 290px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.customerVoice_officialMessage_button a {
  display: inline-block;
  width: 300px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.customerVoice_moreComment_button a:after,
.customerVoice_officialMessage_button a:after {
  content: "";
  background: url(../img/customerVoice_moreComment_arrow.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 6px;
  height: 5px;
}

.customerVoice_moreComment_button a:before {
  content: "";
  background: url(../img/customerVoicd_moreComment_icon.png) no-repeat right center;
  background-size: contain;
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}





.ank_howto_movie {
  display: block;
}

.pd_movie_howto {
  margin: 0px auto 20px;
  padding-top: 20px;
}

.pd_movie_howto .youtube {
  max-width: 580px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.pd_movie_howto .youtube_inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.pd_movie_howto .youtube_inner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*
|---------------------------------------------------------------
| skincare ページ下部 ジーノについて 共通エリア
|---------------------------------------------------------------
*/
.about_jino_feature {
  margin-top: 30px;
}

.about_jino_feature-bg_pink {
  background: #fdf0f1;
}

.about_jino_feature-bg_purple {
  background: #edecf2;
}

.about_jino_feature-head {
  padding: 15px 4%;
}

.about_jino_feature-h3 {
  margin-bottom: 12px;
  color: #ef4c62;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.125;
}

.about_jino_feature-copy {
  color: #53323e;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.125;
}

.about_jino_feature-h4 {
  height: 35px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
}

.about_jino_feature-bg_pink .about_jino_feature-h4 {
  background: #f49ba3;
}

.about_jino_feature-bg_purple .about_jino_feature-h4 {
  background: #8780a9;
}

.about_jino_feature-block:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 7.8666vw;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: 100% 100%;
  vertical-align: bottom;
}

.about_jino_feature-block:last-of-type:after {
  display: none;
}

.about_jino_feature-block.about_jino_feature-bg_pink:after {
  background-image: url(../img/about_jino_feature_arrow_pink.gif);
}

.about_jino_feature-block.about_jino_feature-bg_purple:after {
  background-image: url(../img/about_jino_feature_arrow_purple.gif);
}

.about_jino_feature-block dt {
  position: relative;
  margin-bottom: 8px;
  padding: 4px calc(64px + 4%);
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.about_jino_feature-block dt.wide {
  padding: 4px calc(64px + 4%) 4px 4%;
}

.about_jino_feature-bg_pink.about_jino_feature-block dt {
  color: #f49ba3;
}

.about_jino_feature-bg_purple.about_jino_feature-block dt {
  color: #8780a9;
}

.about_jino_feature-block dt:before,
.about_jino_feature-block dt:after {
  position: absolute;
  top: calc(50% - 16px + 4px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  vertical-align: middle;
}

.about_jino_feature-night:before {
  right: 4%;
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../img/about_jino_feature_icon_night.png);
}

.about_jino_feature-morning:after {
  right: calc(4% + 32px + 4px);
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../img/about_jino_feature_icon_morning.png);
}

.about_jino_feature-block dd {
  padding: 0 4% 15px;
}

.about_jino_feature-block dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about_jino_feature-block .row-1 {
  width: 70.4%;
  margin: 0 auto;
}

.about_jino_feature-block .row-1-wide {
  width: 100%;
}

.about_jino_feature-block li+.row-1-wide {
  margin-top: 10px;
}

.about_jino_feature-block .row-1+.row-1 {
  position: relative;
  margin-top: 32px;
}

.about_jino_feature-block .row-1+.row-1:before {
  position: absolute;
  left: 0;
  right: 0;
  top: -24px;
  content: '';
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ca571d transparent transparent transparent;
}

.about_jino_feature-block .row-2 {
  width: 48.5%;
}

.about_jino_feature-block .row-2:nth-of-type(even) {
  margin-left: auto;
}

.about_jino_feature-block .row-2:not(:nth-child(-n+2)) {
  margin-top: 10px;
}

.about_jino_feature-att {
  padding: 10px 4%;
  font-size: 10px;
  line-height: 1.4;
}