.breadcrumbs {
  display: block;
  margin: 0 5px;
  padding: 0
}
.breadcrumbs__item {
  color: #757575;
  display: inline-block;
  list-style: none
}
.breadcrumbs__item:after {
  content: ">"
}
.breadcrumbs__item:last-child {
  color: #333
}
.breadcrumbs__item:last-child:after {
  content: none
}
.breadcrumbs a {
  color: #eca6b7
}
@media screen and (max-width: 960px) {
  .mlt-sp {
    display: block !important
  }
}
@media screen and (min-width: 960px) {
  .mlt-sp {
    display: none !important
  }
}
@media screen and (max-width: 960px) {
  .mlt-pc {
    display: none !important
  }
}
@media screen and (min-width: 960px) {
  .mlt-pc {
    display: block !important
  }
}
.mile2bai {
  font-size: 14px;
  font-size: 1.4rem;
  background: #FFF;
  color: #c8103d;
  border: 2px solid #c8103d;
  border-radius: 2em;
  bottom: 55px;
  margin: auto;
  padding: 5px;
  position: fixed;
  text-align: center;
  width: 90%;
  left: 0;
  right: 0
}
@media screen and (min-width: 960px) {
  .mile2bai {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-color: transparent;
    border: none;
    border-radius: 0;
    bottom: auto;
    padding: 0;
    text-align: left;
    right: auto;
    position: fixed;
    top: 365px;
    z-index: 1000;
    background-image: url(/resources/images/common/mile2bai.png?20180319);
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    width: 174px;
    height: 216px
  }
}
.mile2bai strong {
  font-size: 1.2em
}
.mile3bai {
  color: #c8103d;
  position: fixed;
  top: 365px;
  left: 0px;
  z-index: 1000
}
.mile3bai strong {
  font-size: 1.2em
}
.komelist__item {
  line-height: 1.4;
  margin-top: 0.5em;
  padding-left: 1em;
  text-indent: -1em
}
.komelist__item:before {
  content: "※"
}
.komelist-vertical .komelist__item {
  display: inline-block;
  padding-left: 0
}
.kometext {
  padding-left: 1em;
  line-height: 1.5;
  text-indent: -1em
}
.circlelist__item {
  line-height: 1.4;
  list-style-type: disc;
  margin-left: 1.5em;
  margin-top: 0.5em
}
.dotlist__item {
  line-height: 1.4;
  margin-top: 0.5em;
  padding-left: 1em;
  text-indent: -1em
}
.dotlist__item:before {
  content: "・"
}
.fcolor_red {
  color: #c8103d;
  font-style: normal
}
.item__cart__buy {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #c8103d;
  border: 1px solid #c8103d;
  float: right;
  margin-top: 10px;
  text-align: center;
  width: 65.6%;
  -moz-transition: .1s;
  -o-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s
}
@media screen and (min-width: 960px) {
  .item__cart__buy {
    width: 100%
  }
}
.item__cart__buy:hover {
  background-color: #db083c
}
.item__cart__buy select {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #FFF;
  background-image: url(/resources/images/common/tri-down.png);
  background-position: 90% center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  border: none;
  border-radius: 2px;
  padding: 5px;
  width: 3em
}
@media screen and (min-width: 960px) {
  .item__cart__buy select {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 2em;
    padding: 0 5px
  }
}
.item__cart__buy input[type=submit] {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: transparent;
  border: none;
  color: #FFF;
  cursor: pointer;
  padding: 10px 0 10px 0;
  text-align: center;
  width: calc(97% - 3em)
}
.item__cart__buy input[type=submit]:hover {
  text-decoration: underline
}
.item__cart__reguler {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: green
}
@media screen and (min-width: 960px) {
  .item__cart__reguler {
    padding-left: 0
  }
}
.item__cart__reguler__btn {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: transparent;
  border: none;
  color: green;
  cursor: pointer;
  display: block;
  padding: 10px 0;
  text-align: center
}
.item__cart__reguler__btn:hover {
  background-color: #fafffa;
  text-decoration: underline
}
@media screen and (min-width: 960px) {
  .item__cart__reguler__btn {
    background-image: none;
    padding: 10px 0;
    width: 100%;
    text-align: center
  }
}
.kv {
  min-height: 232px
}
@media screen and (min-width: 960px) {
  .kv {
    min-height: 577px
  }
}
.kv__title {
  display: none
}
.kv__list {
  border: 1px solid #cfcfcf;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 5%;
  width: calc(100% - 14px)
}
@media screen and (min-width: 960px) {
  .kv__list {
    padding-bottom: 49px
  }
}
.kv__list__item__anchor__img {
  height: auto;
  width: 100%
}
.kv .slick-dots {
  bottom: 0px
}
@media screen and (min-width: 960px) {
  .kv .slick-dots {
    bottom: 15px
  }
}
.kv .slick-dots li {
  height: 18px;
  margin: 0
}
.kv .slick-dots li button::before {
  color: #c8103d
}
.kv .lotation-prevArrow, .kv .lotation-nextArrow {
  background-color: #c8103d;
  border: 0;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  display: block;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 20px;
  z-index: 1
}
.kv .lotation-prevArrow {
  left: 3px
}
.kv .lotation-nextArrow {
  right: 3px
}
.underline {
  text-decoration: underline
}
* {
  box-sizing: border-box
}
html {
  font-size: 100%
}
.accessiblenav {
  display: none
}
ul, ul > li {
  list-style: none;
  margin: 0;
  padding: 0
}
dl, dt, dd {
  margin: 0
}
a {
  text-decoration: none
}
a:hover {
  text-decoration: underline !important
}
body {
  min-width: 320px
}
@media screen and (min-width: 960px) {
  .width_wrap {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px
  }
}
.l-main {
  margin-top: 10px;
  text-align: left
}
@media screen and (min-width: 960px) {
  .l-main {
    overflow: hidden;
    *zoom: 1;
    margin-top: 15px;
    padding-bottom: 85px
  }
}
.l-content {
  margin-top: 10px;
  padding-bottom: 30px
}
@media screen and (min-width: 960px) {
  .l-content {
    float: left;
    margin-top: 25px;
    width: 774px
  }
}
@media screen and (min-width: 960px) {
  .l-side {
    float: right;
    margin-top: 25px;
    width: 210px
  }
}
.l-side .product_index {
  display: none
}
@media screen and (min-width: 960px) {
  .l-side .product_index {
    display: block
  }
}
.l-header .userinfo {
  font-size: 11px;
  font-size: 1.1rem;
  background-color: #ededed;
  height: 50px
}
@media screen and (min-width: 960px) {
  .l-header .userinfo {
    overflow: hidden;
    *zoom: 1;
    border-radius: 5px;
    height: auto;
    position: absolute;
    top: 51px;
    left: 329px;
    width: 254px
  }
}
.l-header .userinfo__name {
  font-weight: bold;
  padding-left: 10px;
  position: relative;
  top: 20px
}
@media screen and (min-width: 960px) {
  .l-header .userinfo__name {
    font-size: 13px;
    font-size: 1.3rem;
    color: #333;
    left: 0;
    top: 0;
    text-align: center;
    padding-bottom: 13px;
    padding-left: 0;
    padding-top: 13px;
    text-align: center
  }
}
.l-header .userinfo__mile {
  display: none;
  float: left;
  margin-left: 5px;
  width: calc(50% - 7.5px)
}
.l-header .userinfo__mile__title {
  font-size: 10px;
  font-size: 1rem;
  background: #FFF;
  color: #666666;
  padding: 2px;
  text-align: center
}
.l-header .userinfo__mile__desc {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 5px
}
@media screen and (min-width: 960px) {
  .l-header .userinfo__mile {
    display: block
  }
}
.l-header .sitename {
  float: left;
  padding: 6px 0 6px 7px;
  max-width: 180px;
  width: 50%
}
@media screen and (min-width: 960px) {
  .l-header .sitename {
    padding: 18px 0 0;
    max-width: 100%;
    width: 301px;
    height: 145px
  }
}
.l-header .sitename__ad {
  font-size: 11px;
  font-size: 1.1rem;
  border-bottom: 1px solid #c8103d;
  border-top: 1px solid #c8103d;
  color: #c8103d;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  padding: 4px 0 3px;
  text-align: center
}
@media screen and (min-width: 960px) {
  .l-header .sitename__ad {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 3px 0 4px
  }
}
.l-header .sitename__ci {
  margin: 7px 0 0
}
@media screen and (min-width: 960px) {
  .l-header .sitename__ci {
    margin-top: 13px
  }
}
.l-header .sitename__ci__anchor {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url(../images/header/sp/sitelogo.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 45px
}
@media screen and (min-width: 960px) {
  .l-header .sitename__ci__anchor {
    display: block;
    background-image: url(../images/header/sitelogo.png);
    width: 318px;
    height: 71px
  }
}
@media screen and (min-width: 960px) {
  .l-header .tool {
    overflow: hidden;
    *zoom: 1;
    float: right;
    padding-right: 5px;
    position: relative;
    top: 50px
  }
}
.l-header .loginoutcart {
  float: right;
  width: 49%
}
@media screen and (min-width: 960px) {
  .l-header .loginoutcart {
    float: left;
    width: 255px
  }
}
.l-header .loginoutcart__list {
  overflow: hidden;
  *zoom: 1;
  list-style: none
}
@media screen and (min-width: 960px) {
  .l-header .loginoutcart__list {
    padding: 5px
  }
}
.l-header .loginoutcart__list__item {
  float: left;
  text-align: center;
  width: 33.3%
}
@media screen and (min-width: 960px) {
  .l-header .loginoutcart__list__item {
    position: relative
  }
  .l-header .loginoutcart__list__item:after {
    background-color: #fff;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VjOWViMiIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(50%, #ec9eb2), color-stop(90%, #ffffff));
    background-image: -moz-linear-gradient(top, #ffffff 10%, #ec9eb2 50%, #ffffff 90%);
    background-image: -webkit-linear-gradient(top, #ffffff 10%, #ec9eb2 50%, #ffffff 90%);
    background-image: linear-gradient(to bottom, #ffffff 10%, #ec9eb2 50%, #ffffff 90%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
  }
  .l-header .loginoutcart__list__item:last-child:after {
    content: none
  }
}
.l-header .loginoutcart__list__item .icon {
  border-radius: 50%;
  background: #c8103d;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 17px;
  display: block;
  height: 32px;
  margin: 18px auto 3px;
  width: 32px
}
@media screen and (min-width: 960px) {
  .l-header .loginoutcart__list__item .icon {
    background-size: auto 30px;
    height: 50px;
    margin: 0px auto 10px;
    width: 50px;
    position: relative;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    box-shadow: none
  }
  .l-header .loginoutcart__list__item .icon:hover {
    background-color: #db083c;
    box-shadow: 0 0 0px 5px #ffc9d6
  }
}
.l-header .loginoutcart__list__item .icon.icon-logout {
  background-image: url(../images/header/icon-logout.png)
}
.l-header .loginoutcart__list__item .icon.icon-login, .l-header .loginoutcart__list__item .icon.icon-mypage {
  background-image: url(../images/header/icon-mypage.png)
}
.l-header .loginoutcart__list__item .icon.icon-entry {
  background-image: url(../images/header/icon-entry.png)
}
.l-header .loginoutcart__list__item .icon.icon-cart {
  background-image: url(../images/header/icon-cart.png)
}
.l-header .loginoutcart__list__item__anchor {
  color: #333;
  position: relative;
  display: block
}
.l-header .loginoutcart__list__item__anchor .fa {
  color: #c8103d;
  margin-right: 2px
}
.l-header .loginoutcart__list__item__anchor .item_num {
  font-size: 10px;
  font-size: 1rem;
  top: -12px;
  right: 6px;
  background: #FFF;
  display: block;
  border-radius: 100%;
  font-size: 12px;
  font-weight: bold;
  width: 2em;
  height: 2em;
  color: #C8103D;
  font-style: normal;
  padding: 0.4em 0;
  position: absolute;
  border: 2px solid #C8103D;
  text-align: center;
  animation: inout 1s;
  animation-iteration-count: 1;
  -webkit-animation: inout 1s;
  -webkit-animation-iteration-count: 1
}
@keyframes inout {
  0% {
    transform: scale(0.5, 0.5)
  }
  50% {
    transform: scale(1.5, 1.5)
  }
  100% {
    transform: scale(1, 1)
  }
}
@-webkit-keyframes inout {
  0% {
    -webkit-transform: scale(0.5, 0.5)
  }
  50% {
    -webkit-transform: scale(1.5, 1.5)
  }
  100% {
    -webkit-transform: scale(1, 1)
  }
}
@media screen and (min-width: 960px) {
  .l-header .loginoutcart__list__item__anchor .item_num {
    font-size: 12px;
    font-size: 1.2rem;
    animation: none;
    top: 0
  }
}
.l-header .corpoinfo__name {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url(../images/drphilcosmetics.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 55px;
  top: 18px;
  width: 57px;
  height: 30px
}
@media screen and (min-width: 960px) {
  .l-header .corpoinfo__name {
    background-position: left top;
    height: 42px;
    left: 367px;
    top: 5px;
    width: 172px
  }
}
.l-header .corpoinfo__corponav {
  display: none
}
@media screen and (min-width: 960px) {
  .l-header .corpoinfo__corponav {
    display: block;
    position: absolute;
    top: 17px;
    right: 0
  }
  .l-header .corpoinfo__corponav__list {
    overflow: hidden;
    *zoom: 1
  }
  .l-header .corpoinfo__corponav__list__item {
    float: left
  }
  .l-header .corpoinfo__corponav__list__item__anchor {
    font-size: 12px;
    font-size: 1.2rem;
    color: #333;
    margin-left: 10px
  }
  .l-header .corpoinfo__corponav__list__item__anchor .icon-listmark_large {
    background-image: url(../images/listmark_large.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin-right: 3px;
    vertical-align: middle;
    width: 13px
  }
}
@media screen and (min-width: 960px) {
  .l-header .globalnav {
    background-color: #c8103d;
    clear: both
  }
}
.l-header .globalnav__list {
  clear: both;
  background-color: #c8103d
}
@media screen and (max-width: 960px) {
  .l-header .globalnav__list {
    overflow: hidden;
    *zoom: 1
  }
}
@media screen and (min-width: 960px) {
  .l-header .globalnav__list {
    height: 55px
  }
}
.l-header .globalnav__list__item {
  float: left;
  width: 25%
}
.l-header .globalnav__list__item__anchor {
  font-size: 10px;
  font-size: 1rem;
  color: #FFF;
  display: block;
  font-weight: bold;
  height: 31px;
  position: relative;
  text-align: center;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .l-header .globalnav__list__item__anchor {
    font-size: 14px;
    font-size: 1.4rem;
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    font-weight: lighter;
    line-height: 55px;
    height: 55px
  }
  .l-header .globalnav__list__item__anchor:hover {
    background-color: #db083c
  }
  .l-header .globalnav__list__item__anchor br {
    display: none
  }
}
.l-header .globalnav__list__item__anchor:after {
  background-color: #c8103d;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC8103D', endColorstr='#FFC8103D');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNjODEwM2QiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3YTViYSIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjYzgxMDNkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #c8103d), color-stop(50%, #f7a5ba), color-stop(90%, #c8103d));
  background-image: -moz-linear-gradient(top, #c8103d 10%, #f7a5ba 50%, #c8103d 90%);
  background-image: -webkit-linear-gradient(top, #c8103d 10%, #f7a5ba 50%, #c8103d 90%);
  background-image: linear-gradient(to bottom, #c8103d 10%, #f7a5ba 50%, #c8103d 90%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}
.l-header .globalnav__list__item:nth-child(1) a {
  letter-spacing: -0.15em
}
@media screen and (min-width: 960px) {
  .l-header .globalnav__list__item:nth-child(1) a {
    letter-spacing: 0
  }
}
.l-header .globalnav__list__item:nth-child(4) a:after {
  content: none
}
.l-header .globalnav__list__item:nth-child(1) a, .l-header .globalnav__list__item:nth-child(4) a {
  padding: 6px 0 4px
}
@media screen and (min-width: 960px) {
  .l-header .globalnav__list__item:nth-child(1) a, .l-header .globalnav__list__item:nth-child(4) a {
    padding: 0
  }
}
.l-header .globalnav__list__item:nth-child(2) a, .l-header .globalnav__list__item:nth-child(3) a {
  padding: 10px 0
}
@media screen and (min-width: 960px) {
  .l-header .globalnav__list__item:nth-child(2) a, .l-header .globalnav__list__item:nth-child(3) a {
    padding: 0
  }
}
@media screen and (max-width: 960px) {
  .l-header .globalnav .childlist {
    display: none
  }
}
@media screen and (min-width: 960px) {
  .l-header .globalnav .li-haschildlist {
    position: relative
  }
  .l-header .globalnav .li-haschildlist .childlist {
    background: #ffdbdb;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    top: 40px;
    width: 100%;
    visibility: hidden;
    z-index: 10
  }
  .l-header .globalnav .li-haschildlist .childlist__item {
    border-bottom: 1px solid #FFF
  }
  .l-header .globalnav .li-haschildlist .childlist__item:last-child {
    border-bottom: 0
  }
  .l-header .globalnav .li-haschildlist .childlist__item__anchor {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    display: block;
    font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
    padding: 15px 0;
    text-decoration: none
  }
  .l-header .globalnav .li-haschildlist .childlist__item__anchor .fa {
    float: right
  }
  .l-header .globalnav .li-haschildlist:hover .childlist {
    top: 55px;
    visibility: visible;
    opacity: 1
  }
}
.l-header .cart {
  display: none
}
@media screen and (min-width: 960px) {
  .l-header .cart {
    color: #333;
    display: block;
    float: left;
    width: 116px;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 3px
  }
  .l-header .cart.hasitem {
    border: 1px solid #c8103d
  }
  .l-header .cart__title {
    background-color: #ededed;
    padding: 2px 0;
    text-align: center
  }
  .l-header .cart__empty {
    padding: 20px 0;
    text-align: center
  }
  .l-header .cart__num {
    border-bottom: 1px dashed #c7c7c7
  }
  .l-header .cart__num, .l-header .cart__yen {
    font-size: 10px;
    font-size: 1rem;
    padding: 5px 0;
    text-align: right
  }
  .l-header .cart__num strong, .l-header .cart__yen strong {
    font-size: 14px;
    font-size: 1.4rem
  }
}
#errorlist {
  -moz-box-shadow: 0px 0px 5px #333;
  -webkit-box-shadow: 0px 0px 5px #333;
  box-shadow: 0px 0px 5px #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: red;
  color: white;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.25em;
  padding: 1em 0;
  position: absolute;
  text-align: center;
  top: 5px;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  z-index: 1000;
  width: 95%
}
.header_text_ad {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #F0EDE6;
  color: #c8103d;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  padding: 5px 0;
  margin: 7px;
  text-align: center
}
@media screen and (min-width: 960px) {
  .header_text_ad {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3
  }
}
.header_text_ad small {
  font-weight: normal
}
.header_text_ad a {
  color: #c8103d;
  text-decoration: underline
}
@media screen and (max-width: 960px) {
  .header-banner {
    background-color: #c7e8bc;
    margin: 7px 5px 0
  }
  .header-banner .pc {
    display: none
  }
  .header-banner__img {
    display: block;
    margin: 0 auto;
    width: 310px
  }
  .shippingfree_banner {
    margin: 3px 5px 0
  }
  .shippingfree_banner img {
    width: 100%;
    height: auto
  }
  .mile3bai_banner {
    margin: 7px 5px 0
  }
  .mile3bai_banner img {
    width: 100%
  }
}
@media screen and (min-width: 960px) {
  .header-banner {
    background-color: #c7e8bc;
    height: 85px;
    margin: 10px auto 0;
    width: 989px
  }
  .header-banner .sp {
    display: none
  }
  .header-banner__img {
    display: block;
    margin: 0 auto;
    width: 400px
  }
  .shippingfree_banner {
    background-color: #def6e9;
    margin: 6px 10px 0;
    text-align: center
  }
  .shippingfree_banner img {
    width: 620px;
    height: auto
  }
  .mile3bai_banner {
    background-color: #fef4f4;
    margin: 6px 10px 0;
    text-align: center
  }
}
@media screen and (min-width: 960px) {
  .l-footer {
    /* border-top: 2px solid #d3d3d4; */
    /* padding-top: 50px; */
    position: relative;
  }
  .l-footer .footer_group1 {
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 40px
  }
  .l-footer .footer_group1__gold {
    float: left;
    width: 495px
  }
  .l-footer .footer_group1__pink {
    float: right;
    width: 461px
  }
  .l-footer .footer_group2 {
    background-color: #595757
  }
  .l-footer .footer_group3 {
    background-color: #3e3a39;
    padding-bottom: 0
  }
}
@media screen and (max-width: 960px) {
  .l-footer .btn_gopagetop {
    background: #c8103d;
    bottom: 5px;
    border-radius: 5px;
    color: #FFF;
    height: 40px;
    position: fixed;
    right: 5px;
    text-align: center;
    width: 40px;
    z-index: 1
  }
  .l-footer .btn_gopagetop .fa-stack {
    display: block;
    margin: 5px auto 0;
    width: 1em;
    height: 1em;
    line-height: 1em
  }
  .l-footer .btn_gopagetop .fa-circle {
    color: #c8103d
  }
  .l-footer .btn_gopagetop .mlt-sp {
    display: block;
    text-align: center
  }
}
@media screen and (min-width: 960px) {
  .l-footer .btn_gopagetop {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #FFF;
    border: 2px solid #d3d3d4;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #695b3e;
    display: block;
    font-weight: bold;
    padding-left: 15px;
    position: absolute;
    right: 35px;
    text-align: center;
    text-decoration: none;
    top: -45px;
    width: 190px
  }
  .l-footer .btn_gopagetop .fa-caret-up {
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF
  }
  .l-footer .btn_gopagetop .mlt-pc {
    float: left;
    line-height: 40px
  }
}
.l-footer .contact {
  overflow: hidden;
  *zoom: 1
}
.l-footer .contact__title {
  font-size: 11px;
  font-size: 1.1rem;
  background-color: #695b3e;
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
  margin: 0 8px;
  padding: 5px;
  text-align: center
}
@media screen and (min-width: 960px) {
  .l-footer .contact__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0
  }
}
.l-footer .contact__tel {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
  width: 60%
}
@media screen and (min-width: 960px) {
  .l-footer .contact__tel {
    margin-left: 20px;
    margin-top: 10px;
    width: 65%
  }
}
.l-footer .contact__tel__madoguchi {
  color: #695b3e;
  font-weight: bold;
  text-align: center
}
@media screen and (min-width: 960px) {
  .l-footer .contact__tel__madoguchi {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.l-footer .contact__tel__number {
  text-align: center
}
.l-footer .contact__tel__number__anchor {
  font-size: 25px;
  font-size: 2.5rem;
  color: #c8103d;
  display: block;
  font-weight: bold;
  letter-spacing: -0.07em;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .l-footer .contact__tel__number__anchor {
    font-size: 42px;
    font-size: 4.2rem
  }
}
.l-footer .contact__tel__number small {
  font-size: 10px;
  font-size: 1rem;
  color: #695b3e;
  line-height: 1.2
}
@media screen and (min-width: 960px) {
  .l-footer .contact__tel__number small {
    font-size: 13px;
    font-size: 1.3rem
  }
}
.l-footer .contact__tel:after {
  background-color: #fff;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY4NWM0MyIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffffff), color-stop(50%, #685c43), color-stop(90%, #ffffff));
  background-image: -moz-linear-gradient(top, #ffffff 10%, #685c43 50%, #ffffff 90%);
  background-image: -webkit-linear-gradient(top, #ffffff 10%, #685c43 50%, #ffffff 90%);
  background-image: linear-gradient(to bottom, #ffffff 10%, #685c43 50%, #ffffff 90%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}
.l-footer .contact__email {
  float: right;
  margin-right: 10px;
  width: 30%
}
@media screen and (min-width: 960px) {
  .l-footer .contact__email {
    width: 25%
  }
}
.l-footer .contact__email a {
  color: #695b3e;
  display: block;
  text-align: center;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .l-footer .contact__email a {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px
  }
}
.l-footer .contact__email a .fa {
  display: block;
  font-size: 40px
}
.l-footer .frequentnav {
  margin: 10px 8px 0
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav {
    margin: 15px 14px 0
  }
}
.l-footer .frequentnav__list {
  overflow: hidden;
  *zoom: 1
}
.l-footer .frequentnav__list__item {
  float: left;
  margin-right: 10px;
  width: calc(50% - 5px)
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav__list__item {
    float: none;
    width: 100%
  }
  .l-footer .frequentnav__list__item.sp {
    display: none
  }
}
.l-footer .frequentnav__list__item:nth-child(2n) {
  margin-right: 0
}
.l-footer .frequentnav__list__item:nth-child(2) {
  letter-spacing: -0.1em
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav__list__item:nth-child(8) a {
    border-bottom: none
  }
}
.l-footer .frequentnav__list__item__anchor {
  font-size: 11px;
  font-size: 1.1rem;
  border-bottom: 1px solid #695b3e;
  color: #695b3e;
  display: block;
  padding: 15px 8px;
  text-align: center;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav__list__item__anchor {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left
  }
}
.l-footer .frequentnav__list__item__anchor .fa-caret-right {
  color: #FFF
}
.l-footer .frequentnav__list .fa-stack {
  float: right;
  font-size: 1em;
  height: 1em;
  line-height: 1em;
  width: 1em
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav__list .fa-stack {
    float: left;
    margin-right: 10px
  }
}
.l-footer .frequentnav__list .fa-stack .fa.fa-caret-right {
  font-size: 0.8em;
  top: 0.5px
}
@media screen and (min-width: 960px) {
  .l-footer .frequentnav__list .fa-stack .fa.fa-caret-right {
    font-size: 0.7em
  }
}
.l-footer .merit {
  margin: 18px 18px 0
}
@media screen and (min-width: 960px) {
  .l-footer .merit {
    margin: 0
  }
}
.l-footer .merit__item {
  font-size: 11px;
  font-size: 1.1rem;
  background-color: #fce5e9;
  border-radius: 5px;
  color: #333;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 10px;
  overflow: hidden;
  padding: 16px 0 16px 66px;
  position: relative
}
@media screen and (min-width: 960px) {
  .l-footer .merit__item {
    font-size: 17px;
    font-size: 1.7rem;
    height: 78px;
    padding: 16px 0 16px 106px
  }
  .l-footer .merit__item:first-child {
    margin-top: 0;
    padding-top: 12px
  }
  .l-footer .merit__item:nth-child(2) {
    padding-top: 21px
  }
  .l-footer .merit__item:last-child {
    padding-top: 30px
  }
}
.l-footer .merit__item strong {
  color: #c8103d
}
.l-footer .merit__item .icon-trak, .l-footer .merit__item .icon-saitan, .l-footer .merit__item .icon-tesuryo {
  background-position: center;
  background-color: #c8103d;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 53px
}
@media screen and (min-width: 960px) {
  .l-footer .merit__item .icon-trak, .l-footer .merit__item .icon-saitan, .l-footer .merit__item .icon-tesuryo {
    width: 85px
  }
}
.l-footer .merit__item .icon-trak {
  background-image: url(../images/footer/free_shipping.png);
  background-size: 36px auto
}
@media screen and (min-width: 960px) {
  .l-footer .merit__item .icon-trak {
    background-size: 55px auto
  }
}
.l-footer .merit__item .icon-saitan {
  background-image: url(../images/footer/shortest_next_day.png);
  background-size: 36px auto
}
@media screen and (min-width: 960px) {
  .l-footer .merit__item .icon-saitan {
    background-size: 55px auto
  }
}
.l-footer .merit__item .icon-tesuryo {
  background-image: url(../images/footer/commission_free.png);
  background-size: 33px auto
}
@media screen and (min-width: 960px) {
  .l-footer .merit__item .icon-tesuryo {
    background-size: 47px auto
  }
}
.l-footer .officialsnsnav {
  background-color: #595757;
  margin-top: 20px
}
@media screen and (min-width: 960px) {
  .l-footer .officialsnsnav {
    display: none
  }
}
.l-footer .officialsnsnav__list {
  text-align: center;
  padding: 15px 0
}
.l-footer .officialsnsnav__list__item {
  display: inline-block;
  margin: 0 3px
}
.l-footer .officialsnsnav a {
  font-size: 20px;
  font-size: 2rem;
  background-color: #FFF;
  border-radius: 50%;
  color: #595757;
  display: inherit;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  width: 38px
}
.l-footer .officialsnsnav span {
  display: none
}
.l-footer .footersitenav {
  display: none
}
@media screen and (min-width: 960px) {
  .l-footer .footersitenav {
    display: block
  }
  .l-footer .footersitenav__list {
    overflow: hidden;
    *zoom: 1;
    height: 410px;
    width: 100%;
    padding-top: 1px
  }
  .l-footer .footersitenav__list__item {
    margin-top: 30px;
    position: absolute;
    width: 25%
  }
  .l-footer .footersitenav__list__item a, .l-footer .footersitenav__list__item span {
    color: #FFF;
    text-decoration: none
  }
  .l-footer .footersitenav__list__item a .fa, .l-footer .footersitenav__list__item span .fa {
    margin-right: 5px
  }
  .l-footer .footersitenav__list__item a .fa.fa-external-link, .l-footer .footersitenav__list__item span .fa.fa-external-link {
    margin-left: 5px;
    vertical-align: middle
  }
  .l-footer .footersitenav__list__item > a, .l-footer .footersitenav__list__item > span {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold
  }
  .l-footer .footersitenav__list__item:nth-child(2), .l-footer .footersitenav__list__item:nth-child(3) {
    left: 25%
  }
  .l-footer .footersitenav__list__item:nth-child(4), .l-footer .footersitenav__list__item:nth-child(5) {
    left: 50%
  }
  .l-footer .footersitenav__list__item:nth-child(6), .l-footer .footersitenav__list__item:nth-child(7), .l-footer .footersitenav__list__item:nth-child(8) {
    left: 75%
  }
  .l-footer .footersitenav__list__item:nth-child(3) {
    top: 140px
  }
  .l-footer .footersitenav__list__item:nth-child(5) {
    top: 164px
  }
  .l-footer .footersitenav__list__item:nth-child(7) {
    top: 44px
  }
  .l-footer .footersitenav__list__item:nth-child(8) {
    top: 88px
  }
  .l-footer .footersitenav__childlist {
    padding-left: 15px
  }
  .l-footer .footersitenav__childlist__item {
    margin-top: 13px
  }
  .l-footer .footersitenav__childlist__item a {
    font-size: 11px;
    font-size: 1.1rem
  }
}
.l-footer .footercorponav {
  background-color: #3e3a39;
  padding-bottom: 20px
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav {
    overflow: hidden;
    *zoom: 1
  }
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo {
    float: right
  }
}
.l-footer .footercorponav .corpoinfo .corpoinfonav {
  padding-top: 15px
}
.l-footer .footercorponav .corpoinfo .corpoinfonav__list {
  text-align: center
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .corpoinfonav__list {
    text-align: right
  }
}
.l-footer .footercorponav .corpoinfo .corpoinfonav__list__item {
  display: inline-block;
  line-height: 1;
  margin: 5px 0
}
.l-footer .footercorponav .corpoinfo .corpoinfonav__list__item:after {
  content: "";
  background-color: #FFF;
  width: 1px;
  height: 1em;
  display: block;
  float: right
}
.l-footer .footercorponav .corpoinfo .corpoinfonav__list__item:nth-child(3):after, .l-footer .footercorponav .corpoinfo .corpoinfonav__list__item:nth-child(4):after {
  content: none
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .corpoinfonav__list__item:nth-child(3):after {
    content: ""
  }
}
.l-footer .footercorponav .corpoinfo .corpoinfonav__list__item a {
  color: #FFF;
  margin: 0 10px;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .corpoinfonav__list__item a {
    font-size: 11px;
    font-size: 1.1rem
  }
}
.l-footer .footercorponav .corpoinfo .signature {
  color: #FFF;
  margin-top: 20px;
  text-align: center
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .signature {
    text-align: right
  }
}
.l-footer .footercorponav .corpoinfo .signature__address {
  font-style: normal
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .signature__address {
    display: inline
  }
}
.l-footer .footercorponav .corpoinfo .signature__name-ja, .l-footer .footercorponav .corpoinfo .signature__name-en, .l-footer .footercorponav .corpoinfo .signature__copyright {
  margin: 0
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .signature__name-ja {
    display: inline;
    margin-left: 1em
  }
}
.l-footer .footercorponav .corpoinfo .signature__name-en {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  margin-top: 15px;
  background-image: url(../images/drphilcosmetics-white.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 25px
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .signature__name-en {
    background-position: right top
  }
}
.l-footer .footercorponav .corpoinfo .signature__copyright {
  margin-top: 20px
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .corpoinfo .signature__copyright {
    margin-top: 15px
  }
}
.l-footer .footercorponav .mark {
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #595757;
  margin: 10px 8px 0;
  padding: 10px;
  color: #FFF
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .mark {
    float: left;
    width: 463px
  }
}
.l-footer .footercorponav .mark__logo {
  overflow: hidden;
  *zoom: 1;
  background-color: #FFF;
  margin: 0 auto 10px;
  width: 200px
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .mark__logo {
    float: left;
    margin: 0
  }
}
.l-footer .footercorponav .mark__logo__jadma, .l-footer .footercorponav .mark__logo__verisign {
  float: left
}
.l-footer .footercorponav .jadma {
  line-height: 1.5;
  margin: 0
}
@media screen and (min-width: 960px) {
  .l-footer .footercorponav .jadma {
    margin-left: 210px
  }
}
.l-footer .footercorponav .jadma a {
  color: #FFF
}
.l-sp_nav {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
  height: 100%;
  width: calc(100% - 60px);
  left: 100%;
  top: 0;
  z-index: 100
}
.l-sp_nav.open {
  -moz-box-shadow: 0px 0px 5px #333;
  -webkit-box-shadow: 0px 0px 5px #333;
  box-shadow: 0px 0px 5px #333;
  left: 60px
}
.l-sp_nav.open .opener__menu {
  display: none
}
.l-sp_nav.open .opener__close {
  display: block
}
.l-sp_nav.open .opener span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-30deg);
  transform: translateY(10px) rotate(-30deg)
}
.l-sp_nav.open .opener span:nth-of-type(2) {
  opacity: 0
}
.l-sp_nav.open .opener span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(30deg);
  transform: translateY(-10px) rotate(30deg)
}
.l-sp_nav.close {
  left: 100%
}
.l-sp_nav.close .opener__menu {
  display: block
}
.l-sp_nav.close .opener__close {
  display: none
}
.l-sp_nav__drawer {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  width: 100%
}
.l-sp_nav__scroller {
  background: #FFF;
  height: 100%;
  position: relative;
  overflow-y: scroll;
  width: 100%
}
.l-sp_nav .opener {
  background: #c8103d;
  height: 50px;
  position: absolute;
  left: -50px;
  width: 50px
}
.l-sp_nav .opener__hamburger {
  height: 22px;
  position: relative;
  margin: 7px auto 0;
  width: 34px
}
.l-sp_nav .opener span {
  transition: all .4s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px
}
.l-sp_nav .opener span:nth-of-type(1) {
  top: 0
}
.l-sp_nav .opener span:nth-of-type(2) {
  top: calc(50% - 1.5px)
}
.l-sp_nav .opener span:nth-of-type(3) {
  bottom: 0
}
.l-sp_nav .opener__menu, .l-sp_nav .opener__close {
  cursor: pointer;
  color: #FFF;
  height: 100%;
  padding-top: 37px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}
.l-sp_nav .opener__close {
  display: none
}
.l-sp_nav .userinfo {
  background-color: #595757;
  color: #FFF;
  height: 50px
}
.l-sp_nav .userinfo__name {
  float: left;
  margin-left: 10px;
  padding-top: 20px
}
.l-sp_nav .userinfo__mile {
  float: left;
  margin-left: 30px;
  padding-top: 20px
}
.l-sp_nav .userinfo__mile:last-child {
  display: none
}
.l-sp_nav .userinfo__mile__title {
  display: none
}
.l-sp_nav .cart {
  background-color: #e9eaeb;
  height: 60px
}
.l-sp_nav .cart__title {
  color: #666666;
  float: left;
  padding-top: 25px;
  margin-left: 10px
}
.l-sp_nav .cart__num {
  float: left;
  padding-top: 25px;
  margin-left: 20px
}
.l-sp_nav .cart__yen {
  float: left;
  padding-top: 25px
}
.l-sp_nav .cart__empty {
  float: left;
  margin-left: 20px;
  padding-top: 25px
}
.l-sp_nav .cart__cart-btn {
  float: right;
  margin-right: 10px
}
.l-sp_nav .cart__cart-btn .icon {
  border-radius: 50%;
  background: #c8103d;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 17px;
  display: block;
  height: 32px;
  margin: 0 auto 3px;
  width: 32px
}
.l-sp_nav .cart__cart-btn .icon.icon-cart {
  background-image: url(../images/header/icon-cart.png)
}
.l-sp_nav .cart__cart-btn__anchor {
  color: #c8103d;
  display: block;
  height: 60px;
  padding-top: 6px
}
.l-sp_nav .cart__cart-btn__anchor .fa {
  margin-right: 2px
}
.l-sp_nav .loginoutcart__list__item:last-child {
  position: absolute;
  right: 10px;
  text-align: center;
  top: 50px
}
.l-sp_nav .loginoutcart__list__item:last-child .icon {
  border-radius: 50%;
  background: #c8103d;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 17px;
  display: block;
  height: 32px;
  margin: 5px auto 3px;
  width: 32px
}
.l-sp_nav .loginoutcart__list__item:last-child .icon.icon-cart {
  background-image: url(../images/header/icon-cart.png)
}
.l-sp_nav .loginoutcart__list__item:nth-child(1) {
  display: none
}
.l-sp_nav .loginoutcart__list__item:nth-child(2) {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffdbdb;
  height: 30px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 67px
}
.l-sp_nav .loginoutcart__list__item:nth-child(2) a {
  color: #000;
  height: inherit;
  padding-top: 10px;
  text-decoration: none
}
.l-sp_nav .loginoutcart__list__item:nth-child(2) i {
  display: none
}
.l-sp_nav .loginoutcart__list__item__anchor {
  color: #c8103d;
  display: block;
  height: 60px
}
.l-sp_nav .loginoutcart__list__item__anchor .fa {
  margin-right: 2px
}
.l-sp_nav .loginoutcart__list__item__anchor .item_num {
  display: none
}
.l-sp_nav .infonav {
  margin: 7px
}
.l-sp_nav .infonav__list {
  overflow: hidden;
  *zoom: 1
}
.l-sp_nav .infonav__list__item {
  float: left;
  margin: 0 8px 8px 0;
  width: calc(50% - 4px)
}
.l-sp_nav .infonav__list__item:nth-child(2n) {
  margin-right: 0
}
.l-sp_nav .infonav__list__item__anchor {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #adadad;
  color: #333333;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none
}
.l-sp_nav .infonav__list__item__anchor i {
  color: #cfcfcf;
  float: right;
  line-height: 30px;
  margin-right: 5px
}
@media screen and (min-width: 960px) {
  .l-sp_nav {
    display: none
  }
}
.l-sp_nav .product_index {
  padding-bottom: 60px
}
.l-sp_nav__bg {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 1
}
.product_index {
  margin: 7px
}
@media screen and (min-width: 960px) {
  .product_index {
    margin: 0
  }
}
.product_index .bana {
  padding-bottom: 30px
}
.product_index .bana img {
  margin-bottom: 1em;
  width: 100%
}
.product_index__title {
  background-image: url(../images/listmark_middle.png);
  background-repeat: no-repeat;
  background-position: 4px 50%;
  background-size: auto 7px;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  margin: 0;
  padding-left: 15px
}
.product_index__title a {
  color: #333;
  display: block
}
@media screen and (min-width: 960px) {
  .product_index__title {
    font-size: 16px;
    font-size: 1.6rem;
    background-position: 5px 10%;
    background-size: auto 15px;
    padding-left: 25px;
    padding-bottom: 12px
  }
}
.product_index .type_title {
  background-color: #ffdbdb;
  cursor: pointer;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  height: 3em;
  margin: 15px 0 0;
  padding: 7px 5px;
  position: relative
}
.product_index .type_title .fa {
  position: absolute;
  margin-top: -5px;
  right: 5px;
  top: 50%
}
@media screen and (min-width: 960px) {
  .product_index .type_title {
    font-size: 14px;
    font-size: 1.4rem;
    cursor: default
  }
  .product_index .type_title .fa {
    display: none
  }
  .product_index .type_title span {
    display: inline-block
  }
}
.product_index .type_list {
  -moz-transition: .5s;
  -o-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  margin: 0 3px
}
.product_index .acc_panel {
  overflow: hidden
}
.product_index .open .type_list {
  margin-top: 10px
}
@media screen and (min-width: 960px) {
  .product_index .open .type_list {
    margin: 10px 0 0
  }
}
.product_index .close .type_list {
  margin-top: -200%
}
@media screen and (min-width: 960px) {
  .product_index .close .type_list {
    margin: 10px 0 0
  }
}
.product_index .indexby-series .type_list__item {
  background-repeat: no-repeat
}
.product_index .indexby-series .type_list__item em {
  font-style: normal
}
.product_index .indexby-series .type_list__item.s_icu {
  background-image: url(../images/product_index/series/icu.png);
  background-position: 80% 50%;
  background-size: 60px auto
}
.product_index .indexby-series .type_list__item.s_icu em {
  color: #009999
}
.product_index .indexby-series .type_list__item.s_moist {
  background-image: url(../images/product_index/series/moist.png);
  background-position: 80% 50%;
  background-size: 45px auto
}
.product_index .indexby-series .type_list__item.s_moist em {
  color: #ff6666
}
.product_index .indexby-series .type_list__item.s_cl {
  background-image: url(../images/product_index/series/cl.png);
  background-position: 80% 50%;
  background-size: 48px auto
}
.product_index .indexby-series .type_list__item.s_cl em {
  color: #cc0000
}
.product_index .indexby-series .type_list__item.s_mc2 {
  background-image: url(../images/product_index/series/mc2.png);
  background-position: 80% 50%;
  background-size: 45px auto
}
.product_index .indexby-series .type_list__item.s_mc2 em {
  color: #0033ff
}
.product_index .indexby-series .type_list__item.s_cactive {
  background-image: url(../images/product_index/series/cactive.png);
  background-position: 80% 50%;
  background-size: 35px auto
}
.product_index .indexby-series .type_list__item.s_cactive em {
  color: #66cc00
}
.product_index .indexby-series .type_list__item.s_sebum {
  background-image: url(../images/product_index/series/sebum.png);
  background-position: 80% 50%;
  background-size: 30px auto
}
.product_index .indexby-series .type_list__item.s_sebum em {
  color: #009900
}
.product_index .indexby-series .type_list__item.s_sensitive {
  background-image: url(../images/product_index/series/sensitive.png);
  background-position: 80% 50%;
  background-size: 45px auto
}
.product_index .indexby-series .type_list__item.s_sensitive em {
  color: #cc33cc
}
.product_index .indexby-series .type_list__item__anchor {
  border-bottom: 1px solid #d9d9d9;
  color: #333;
  display: block;
  font-weight: bold;
  line-height: 1.5;
  padding: 8px 3px;
  position: relative;
  text-decoration: none
}
.product_index .indexby-series .type_list__item__anchor em {
  display: block
}
.product_index .indexby-series .type_list__item__anchor .fa {
  -moz-transition: .1s;
  -o-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s;
  color: #cfcfcf;
  margin-top: -5px;
  position: absolute;
  right: 5px;
  top: 50%
}
.product_index .indexby-series .type_list__item__anchor:hover {
  text-decoration: none
}
.product_index .indexby-series .type_list__item__anchor:hover .fa {
  right: 0
}
.product_index .indexby-series .type_list__item:last-child a {
  border-bottom: none
}
.product_index .indexby-series .type_title {
  padding-top: 1em
}
.product_index .indexby-category .type_title {
  padding-top: 1em
}
.product_index .indexby-category .type_list {
  overflow: hidden;
  *zoom: 1
}
.product_index .indexby-category .type_list__item {
  float: left;
  margin: 0 8px 8px 0;
  width: calc(50% - 4px)
}
@media screen and (min-width: 960px) {
  .product_index .indexby-category .type_list__item {
    float: none;
    margin: 5px 0 0;
    width: auto
  }
}
.product_index .indexby-category .type_list__item:nth-child(2n) {
  margin-right: 0px
}
.product_index .indexby-category .type_list__item:nth-child(7) {
  letter-spacing: -0.1em
}
.product_index .indexby-category .type_list__item__anchor {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
  display: block;
  border: 1px solid #d9d9d9;
  padding: 15px 5px;
  position: relative;
  text-decoration: none;
  height: 41px
}
@media screen and (min-width: 960px) {
  .product_index .indexby-category .type_list__item__anchor {
    font-size: 12px;
    font-size: 1.2rem;
    height: auto
  }
  .product_index .indexby-category .type_list__item__anchor br {
    display: none
  }
}
.product_index .indexby-category .type_list__item__anchor .fa {
  -moz-transition: .1s;
  -o-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  bottom: 0
}
.product_index .indexby-category .type_list__item__anchor:hover .fa {
  right: 0
}
@media screen and (min-width: 960px) {
  .product_index .indexby-counseling .type_title {
    letter-spacing: normal
  }
}
.product_index .indexby-counseling .type_list__item {
  background-image: url(../images/product_index/counseling.png);
  background-position: 13px 50%;
  background-repeat: no-repeat;
  background-size: 45px auto
}
.product_index .indexby-counseling .type_list__item .type_list__item__anchor {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12.5px;
  font-size: 1.25rem;
  border: 1px solid #d9d9d9;
  color: #333333;
  display: block;
  line-height: 1.48;
  padding: 26px 0 26px 75px;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .product_index .indexby-counseling .type_list__item .type_list__item__anchor {
    font-size: 10px;
    font-size: 1rem;
    padding: 15px 0 15px 75px
  }
}
.product_index .btn_productindex a {
  color: #333;
  background-color: #ffdbdb;
  border-radius: 30px;
  display: block;
  margin: 15px auto;
  padding: 5px;
  width: 90%;
  text-align: center;
  text-decoration: none
}
@media screen and (min-width: 960px) {
  .product_index .btn_productindex a {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.product_index .btn_productindex a .fa {
  float: right
}
sup, sub {
  font-size: 0.5em
}
.tab {
  margin-top: 37px
}
@media screen and (min-width: 960px) {
  .tab {
    margin-top: 2em
  }
}
.tab nav {
  margin: 7px
}
@media screen and (min-width: 960px) {
  .tab nav {
    display: block;
    margin: 0
  }
}
.tab__list {
  overflow: hidden;
  *zoom: 1;
  margin-right: -5px
}
@media screen and (min-width: 960px) {
  .tab__list {
    position: relative
  }
  .tab__list:after {
    content: "";
    position: absolute;
    width: calc(100% - 5px);
    height: 1px;
    display: block;
    background-color: #ccc
  }
}
.tab__list__item {
  border-bottom: 1px solid #CCC;
  float: left;
  margin-right: 5px;
  padding: 10px 0;
  text-align: center;
  width: calc(100% / 3 - 5px)
}
.tab__list__item:after {
  content: "\f107";
  font-family: FontAwesome;
  float: right
}
@media screen and (min-width: 960px) {
  .tab__list__item {
    font-size: 14px;
    border-bottom: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f2f2f3;
    cursor: pointer;
    position: relative;
    z-index: 0
  }
  .tab__list__item.current {
    background-color: #ffdbdb;
    cursor: auto;
    margin-top: 0;
    padding: 15px 0;
    z-index: 1
  }
  .tab__list__item:after {
    content: none
  }
}
.tab__list__item.tab__features {
  display: none
}
@media screen and (min-width: 960px) {
  .tab__list__item.tab__features {
    display: block
  }
}
.tab__list.bottom {
  display: none
}
@media screen and (min-width: 960px) {
  .tab__list.bottom {
    display: block
  }
}
.tab__list.bottom .tab__list__item:after {
  content: "\f106"
}
@media screen and (min-width: 960px) {
  .tab__list.top .tab__list__item {
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #ccc;
    margin-top: 10px
  }
  .tab__list.top .tab__list__item.current {
    margin-top: 0px
  }
  .tab__list.top:after {
    bottom: 0
  }
  .tab__list.bottom .tab__list__item {
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #ccc
  }
  .tab__list.bottom .tab__list__item:after {
    content: none
  }
  .tab__list.bottom:after {
    top: 0
  }
}
.tab .tab {
  opacity: 0
}
.tab .tab__content-container {
  position: relative
}
@media screen and (min-width: 960px) {
  .tab .tab__content-container {
    background-color: #ffdbdb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px
  }
}
@media screen and (min-width: 960px) {
  .tab .tab__content-container #tab__howto {
    margin-top: 0
  }
}
.tab .tab__content-container #tab__reguler {
  background-color: coral
}
.tab__content {
  border-top: 1px solid transparent;
  display: block;
  position: relative;
  text-align: left
}
@media screen and (min-width: 960px) {
  .tab__content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #FFF
  }
}
.tab__content.current {
  display: block
}
.tab__content__title {
  background-color: #ffdbdb;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  font-weight: lighter;
  padding: 17px 0;
  line-height: 0;
  text-align: center
}
@media screen and (min-width: 960px) {
  .tab__content__title {
    display: none
  }
}
.tab__content__body {
  padding: 0 15px 15px
}
@media screen and (min-width: 960px) {
  .tab__content__body {
    padding: 0 30px 30px
  }
}
.tab__content__body .heading_light {
  font-weight: lighter
}
.tab__content__body .text {
  font-size: 13px;
  overflow: hidden;
  *zoom: 1;
  line-height: 1.7
}
@media screen and (min-width: 960px) {
  .tab__content__body .text {
    font-size: 15px
  }
}
.tab__content__body .dia_list {
  font-size: 13px;
  line-height: 1.7em
}
@media screen and (min-width: 960px) {
  .tab__content__body .dia_list {
    font-size: 17px
  }
}
.tab__content__body .dia_list li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em
}
.tab__content__body .dia_list li:before {
  content: "◆"
}
.tab__content__body.tokucho .lead {
  font-size: 18px;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  line-height: 1.33;
  margin-top: 28px;
  margin-bottom: 18px;
  text-align: center
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead {
    font-size: 32px;
    letter-spacing: -0.03em;
    margin-top: 40px;
    margin-bottom: 32px
  }
}
.tab__content__body.tokucho .lead span {
  font-size: 13px
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead span {
    font-size: 22.5px
  }
}


.tab__content__body.tokucho .lead_a {
    font-size: 34px;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  line-height: 1.33;
  margin-top: 28px;
  margin-bottom: 18px;
  text-align: center;
    font-weight: bold;      
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead_a {
    font-size: 34px;
    letter-spacing: -0.03em;
    margin-top: 40px;
    margin-bottom: 32px;
    font-weight: bold;
  }
}
.tab__content__body.tokucho .lead_a span {
  font-size: 24px;
    font-weight: bold;    
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead_a span {
    font-size: 24px
    font-weight: bold;        
  }
}



.tab__content__body.tokucho .lead .break {
  font-size: 18px
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead .break {
    display: block;
    font-size: 32px;
    letter-spacing: -0.03em
  }
}
.tab__content__body.tokucho .lead small {
  font-size: 0.5em
}
.tab__content__body.tokucho .lead strong {
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  font-size: 1.5em;
  line-height: 1em
}
.tab__content__body.tokucho .lead sub {
  vertical-align: bottom
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .lead sub {
    vertical-align: baseline
  }
}
.tab__content__body.tokucho .akapotu {
  font-size: 13px;
  color: #d51348;
  line-height: 1.7;
  margin-top: 40px;
  padding-left: 1em;
  text-indent: -1em
}
.tab__content__body.tokucho .akapotu::before {
  content: "●"
}
.tab__content__body.tokucho .akapotu + .text {
  padding-left: 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .akapotu + .text {
    padding-left: 1.3em
  }
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .akapotu {
    font-size: 20px;
    margin-top: 40px;
    line-height: 1.3
  }
}
.tab__content__body.tokucho .akapotu sub {
  bottom: 0
}
.tab__content__body.tokucho .akapotulist {
  margin-top: 30px
}
.tab__content__body.tokucho .akapotulist__item, .tab__content__body.tokucho .akapotulist li {
  font-size: 13px;
  line-height: 1.3;
  margin-left: 1em;
  margin-top: 0.5em;
  text-indent: -1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .akapotulist__item, .tab__content__body.tokucho .akapotulist li {
    font-size: 18px
  }
}
.tab__content__body.tokucho .akapotulist__item::before, .tab__content__body.tokucho .akapotulist li::before {
  content: "●";
  color: #c8103d
}
.tab__content__body.tokucho .align_center {
  text-align: center
}
.tab__content__body.tokucho .text {
  margin-top: 20px;
  margin-bottom: 0
}
.tab__content__body.tokucho .image {
  margin-top: 20px;
  text-align: center
}
.tab__content__body.tokucho .image img {
  margin: 0.5em;
  max-width: 640px;
  width: 75%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .image img.width_auto {
    width: auto !important
  }
}
.tab__content__body.tokucho .image-big {
  text-align: center;
  margin: 1em 0 0
}
.tab__content__body.tokucho .image-big img {
  width: 100%;
  max-width: 580px
}
.tab__content__body.tokucho .image-medium {
  text-align: center;
  margin: 1em 0 0;
  width: 100%
}
.tab__content__body.tokucho .image-medium img {
  max-width: 444px;
  width: 75%
}
.tab__content__body.tokucho .image-small {
  text-align: center;
  margin: 1em 0 0;
  width: 100%
}
.tab__content__body.tokucho .image-small img {
  max-width: 50px;
  width: 25%
}
.tab__content__body.tokucho .image-line {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin-top: 1em
}
.tab__content__body.tokucho .doctor {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 2em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .doctor {
    align-items: flex-start;
    flex-direction: row
  }
}
.tab__content__body.tokucho .doctor_photo {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  width: 75%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .doctor_photo {
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 0;
    width: 57%
  }
}
.tab__content__body.tokucho .doctor_photo > img {
  width: 182px
}
.tab__content__body.tokucho .doctor_photo > p {
  font-size: 12px
}
.tab__content__body.tokucho .doctor_photo > p .big {
  font-size: 18px;
  font-weight: bolder;
  display: block;
  margin-bottom: 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .doctor_photo > p .big {
    font-size: 24px
  }
}
.tab__content__body.tokucho .doctor_comment {
  font-size: 13px;
  width: 95%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .doctor_comment {
    font-size: 15px;
    width: 43%
  }
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .kome {
    font-size: 10px;
    margin-top: 45px
  }
  .tab__content__body.tokucho .kome li {
    display: inline-block
  }
}
.tab__content__body.tokucho .mainfeatures {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-top: 3em;
  padding: 3em 2em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .mainfeatures {
    margin-top: 5em
  }
}
.tab__content__body.tokucho .mainfeatures__ttl {
  color: #d51348;
  font-size: 13px;
  line-height: 1.5em;
  margin: 0 0 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .mainfeatures__ttl {
    font-size: 20px
  }
}
.tab__content__body.tokucho .mainfeatures__txt {
  font-size: 13px;
  line-height: 1.5em;
  margin: 0 0 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .mainfeatures__txt {
    font-size: 15px
  }
}
.tab__content__body.tokucho .mainfeatures__img {
  margin: 0;
  text-align: center
}
.tab__content__body.tokucho .mainfeatures__img img {
  max-width: 350px;
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .hasfloatimage {
    overflow: hidden;
    *zoom: 1
  }
  .tab__content__body.tokucho .hasfloatimage .akapotu, .tab__content__body.tokucho .hasfloatimage .text {
    float: left;
    margin-bottom: 0
  }
  .tab__content__body.tokucho .hasfloatimage .akapotu, .tab__content__body.tokucho .hasfloatimage .text {
    width: 500px
  }
  .tab__content__body.tokucho .hasfloatimage .image {
    margin-left: 500px;
    margin-top: 40px
  }
  .tab__content__body.tokucho .hasfloatimage .image img {
    width: 80%;
    text-align: center
  }
}
.tab__content__body.tokucho .hasfloatimage .text > img {
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .leadfloatimg {
    display: table;
    margin: 4em 0
  }
}
.tab__content__body.tokucho .leadfloatimg .lead {
  font-size: 16px
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .leadfloatimg .lead {
    font-size: 27.5px;
    display: table-cell;
    vertical-align: middle;
    width: 485px
  }
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .leadfloatimg .image {
    display: table-cell;
    vertical-align: middle
  }
}
.tab__content__body.tokucho .reference {
  border: 1px solid #ccc;
  margin-top: 2em;
  padding: 2em
}
.tab__content__body.tokucho .reference__ttl {
  font-size: 15px;
  margin: 0 0 1em;
  text-align: center
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__ttl {
    font-size: 17.5px
  }
}
.tab__content__body.tokucho .reference__subttl {
  color: #d51348;
  font-size: 13px;
  margin: 0 0 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__subttl {
    font-size: 15px
  }
}
.tab__content__body.tokucho .reference__txt {
  font-size: 13px;
  line-height: 1.5em;
  margin: 0 0 2em
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__txt {
    display: table-cell;
    font-size: 15px;
    padding-right: 2em;
    vertical-align: top
  }
}
.tab__content__body.tokucho .reference__img {
  text-align: center;
  margin: 0
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__img {
    display: table-cell;
    padding-right: 1em
  }
}
.tab__content__body.tokucho .reference__img img {
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__img img {
    max-width: 225px;
    width: auto
  }
  
.tab__content__body.tokucho .reference__img2 {
  text-align: center;
  margin: 0
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__img2 {
    display: table-cell;
    padding-right: 1em
  }
}
.tab__content__body.tokucho .reference__img2 img {
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body.tokucho .reference__img2 img {
    max-width: 320px;
    width: auto
  }  
  
  
  
  
}
.tab__content__body.tokucho .img-annotation {
  text-align: right
}
.tab__content__body.tokucho .-set_title {
  margin-bottom: 0;
  margin-top: 40px
}
.tab__content__body.tokucho .-set_akapotu {
  margin-top: 15px
}
.tab__content__body.tokucho .-set_image {
  margin-top: 0
}
.tab__content__body.tokucho .-set_free {
  border: none;
  margin-top: 0;
  padding-top: 15px
}
.tab__content__body.tokucho .-set_ingred {
  border: none;
  margin-top: 0;
  padding-top: 15px
}
.tab__content__body.tokucho .-set_floatLine {
  border-top: 1px solid #ccc;
  margin-top: 40px
}
.tab__content__body.tokucho .set_description {
  display: none
}
.tab__content__body.tokucho .set_description_btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d51348;
  margin-top: 35px;
  font-size: 15px;
  font-weight: bolder;
  color: #d51348;
  cursor: pointer;
  padding: 8px 0;
  text-align: center
}
.tab__content__body.tokucho .set_description_btn .icon {
  float: right;
  font-style: normal;
  margin-right: 15px;
  position: relative;
  width: 1em
}
.tab__content__body.tokucho .set_description_btn .icon:before {
  content: "+"
}
.tab__content__body.tokucho .set_description_btn .icon.open .icon:before {
  content: "-"
}
.tab__content__body.howto .howto__lead {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 20px;
  margin-top: 15px;
  overflow: hidden
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .howto__lead {
    display: table-cell;
    font-size: 17px;
    padding-top: 15px;
    vertical-align: top
  }
}


.tab__content__body.howto .howto__main img {
  float: none
}
.tab__content__body.howto .howto__point {
  font-size: 13px;
  line-height: 1.5em;
  padding-left: 1em;
  text-indent: -1em
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .howto__point {
    font-size: 17px
  }
}
.tab__content__body.howto .howto__point li:before {
  color: #c8103d;
  content: "●"
}
.tab__content__body.howto .howto__block {
  border-top: 2px solid #ccc;
  margin-bottom: 0;
  margin-top: 25px;
  padding-top: 25px
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .howto__block .kome {
    font-size: 12px
  }
}
.tab__content__body.howto .howto__block .kome li {
  line-height: 1.25em;
  padding-left: 1em;
  text-indent: -1em
}
.tab__content__body.howto .howto__block .kome li:before {
  content: "※"
}
.tab__content__body.howto .howto__last {
  text-align: center;
  width: 100%
}
.tab__content__body.howto .howto__last img {
  float: none;
  width: 100%;
  margin-left: 0;
  max-width: 580px
}
.tab__content__body.howto .heading_light {
  font-size: 15px;
  border: 1px solid #000;
  display: inline-block;
  margin: 0;
  padding: .2em
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .heading_light {
    font-size: 20px
  }
}
.tab__content__body.howto .heading_angle {
  font-size: 13px;
  margin-bottom: 0.25em
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .heading_angle {
    font-size: 17px
  }
}
.tab__content__body.howto .text {
  margin-bottom: 20px;
  margin-top: 15px
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto .text {
    font-size: 17px
  }
}
.tab__content__body.howto .border_gray {
  border: 1px solid #ccc;
  margin-top: 2em;
  padding: 2em
}
.tab__content__body.howto img {
  float: right;
  margin-left: 1em;
  width: 34%
}
@media screen and (min-width: 960px) {
  .tab__content__body.howto img {
    width: 20%
  }
}

@media screen and (min-width: 960px) {
    
.tab__content__body.howto img {
  float: left;
  margin-left: 1em;
  width: 34%;
   }   
  .tab__content__body.howto img.image2 {
    width: 95%;
    margin-top: 1em; 
  }
  .tab__content__body.howto img.image3 {
    width: 30%;
    max-width: 300px;  
    margin-top: 1em;
    text-align: left;  
  }           
}


    
.tab__content__body.howto .border_gray2 {
  border: 1px solid #ccc;
  font-size: 14px;  
  margin-top: 2em;
  padding: 1em
}

.tab__content__body .ingred, .tab__content__body .free {
  border-top: 1px solid #ccc;
  margin-top: 35px;
  padding-top: 35px
}
.tab__content__body .free__lead {
  font-size: 13px;
  border: 1px solid #000;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 6px;
  padding: 1.25em;
  text-align: center
}
@media screen and (min-width: 960px) {
  .tab__content__body .free__lead {
    font-size: 15px;
    font-weight: normal
  }
}
.tab__content__body .free__list {
  overflow: hidden;
  *zoom: 1;
  margin-left: -4px
}
.tab__content__body .free__list__item {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  border: 1px solid #000;
  display: flex;
  float: left;
  font-weight: bold;
  justify-content: center;
  margin-left: 4px;
  margin-top: 4px;
  text-align: center;
  width: calc(100% / 3 - 6px);
  height: 4.5em;
  line-height: 1.2;
  margin-bottom: 4px
}
@media screen and (min-width: 960px) {
  .tab__content__body .free__list__item {
    font-size: 15px;
    font-weight: lighter
  }
}
.tab__content__body .free__list__item-big {
  align-items: center;
  border: solid 1px #000;
  border-radius: 5px;
  display: flex;
  float: left;
  font-size: 13px;
  font-weight: bold;
  height: 4.5em;
  justify-content: center;
  line-height: 1.2em;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-top: 4px;
  padding: 0 3em;
  text-align: center;
  width: calc(100% - 10px)
}
@media screen and (min-width: 960px) {
  .tab__content__body .free__list__item-big {
    font-size: 15px;
    font-weight: lighter
  }
}
.tab__content__body .free__list__item-medium {
  align-items: center;
  border: solid 1px #000;
  border-radius: 5px;
  display: flex;
  float: left;
  font-size: 13px;
  font-weight: bold;
  height: 4.5em;
  justify-content: center;
  line-height: 1.2em;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-top: 4px;
  padding: 0 3em;
  text-align: center;
  width: calc(100% - (100% / 3) - 6px)
}
@media screen and (min-width: 960px) {
  .tab__content__body .free__list__item-medium {
    font-size: 15px;
    font-weight: lighter
  }
}
.tab__content__body .ingred__name {
  font-size: 15px;
  font-weight: lighter
}
@media screen and (min-width: 960px) {
  .tab__content__body .ingred__name {
    font-size: 22px
  }
}
.tab__content__body .ingred .ingredlist {
  font-size: 13px;
  line-height: 1.7;
  margin-top: 20px
}
@media screen and (min-width: 960px) {
  .tab__content__body .ingred .ingredlist {
    font-size: 15px
  }
}
.tab__content__body .ingred .ingredlist__item {
  display: inline
}
.tab__content__body .ingred .allingred {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d51348;
  margin-top: 35px
}
.tab__content__body .ingred .allingred__title {
  font-size: 15px;
  color: #d51348;
  cursor: pointer;
  margin: 8px 0;
  text-align: center
}
.tab__content__body .ingred .allingred__title .icon {
  float: right;
  font-style: normal;
  margin-right: 15px;
  position: relative;
  width: 1em
}
.tab__content__body .ingred .allingred__title .icon:before {
  content: "+"
}
.tab__content__body .ingred .allingred__title.open .icon:before {
  content: "-"
}
.tab__content__body .ingred .allingred__text {
  font-size: 11px;
  display: none;
  line-height: 1.7;
  padding: 0 15px;
  text-align: justify
}
@media screen and (min-width: 960px) {
  .tab__content__body .ingred .allingred__text {
    font-size: 15px
  }
}
.tab__content__body .moviebox {
  margin-bottom: 25px;
  padding-top: 56.25%;
  position: relative;
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body .moviebox {
    display: table-cell;
    padding-top: 195px;
    width: 321px
  }
}
.tab__content__body .moviebox iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body .moviebox iframe {
    height: 189px;
    margin-top: 15px;
    width: 338px
  }
}
.tab__content__body.uservoice {
  margin-top: 28px
}
@media screen and (min-width: 960px) {
  .tab__content__body.uservoice {
    margin-top: 54px
  }
}
.tab__content__body .uservoice__lead-top {
  text-align: center;
  width: 100%
}
.tab__content__body .uservoice__lead-top__ttl {
  font-size: 18px;
  color: #c8103d;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  margin: 0 0 1em
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__lead-top__ttl {
    font-size: 32px
  }
}
.tab__content__body .uservoice__lead-top__ttl-blk {
  color: #000
}
.tab__content__body .uservoice__lead-top__ttl-gothic {
  font-size: 11px;
  color: #000;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__lead-top__ttl-gothic {
    font-size: 17px
  }
}
.tab__content__body .uservoice__lead-top__text {
  font-size: 13px;
  font-family: "ヒラギノUD明朝 W4 JIS2004", "YuMincho", "游明朝", "游明朝体", serif;
  line-height: 1.33;
  margin: 0 0 1em;
  text-align: center
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__lead-top__text {
    font-size: 29px
  }
}
.tab__content__body .uservoice__main {
  text-align: center;
  margin-bottom: 2em
}
.tab__content__body .uservoice__main img {
  width: 100%
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__main img {
    width: inherit
  }
}
.tab__content__body .uservoice__block {
  display: table
}
.tab__content__body .uservoice__lead {
  display: table-cell;
  padding-right: 15px;
  vertical-align: top
}
.tab__content__body .uservoice__ttl {
  font-size: 15px;
  color: #d51348;
  line-height: 1.5em;
  margin: 0 0 18px
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__ttl {
    font-size: 17px;
    line-height: 1em;
    margin-bottom: 25px
  }
}
.tab__content__body .uservoice__text {
  font-size: 13px;
  line-height: 1.5em;
  margin: 0
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__text {
    font-size: 16px;
    line-height: 1.75em
  }
}
.tab__content__body .uservoice__profile {
  font-size: 11px;
  display: block;
  font-weight: bold
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__profile {
    font-size: 15px
  }
}
.tab__content__body .uservoice__img {
  display: table-cell;
  width: 90px
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice__img {
    width: 144px
  }
}
.tab__content__body .uservoice-line {
  border-top: 2px solid #ccc;
  margin-top: 28px;
  padding-top: 28px
}
@media screen and (min-width: 960px) {
  .tab__content__body .uservoice-line {
    border-top: 1px solid #ccc;
    margin-top: 35px;
    padding-top: 35px
  }
}
input.btn.dark.pre {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4ade', endColorstr='#103dc8') !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#1a4ade), to(#103dc8)) !important;
  background: -moz-linear-gradient(top, #1a4ade, #103dc8) !important;
  border: 1px solid #0f2e8e !important
}
.campaignBanner {
  margin: 0 20px
}
@media screen and (min-width: 960px) {
  .campaignBanner {
    margin: 1em 0
  }
}
.campaignBanner img {
  width: 100%
}
.campaignBox {
  border: 2px solid #d51348;
  padding: 10px;
  margin-bottom: 3em
}
.campaignBox h3 {
  text-decoration: underline
}
/*# sourceMappingURL=product_detail_NEW.css.map */