/*--------------------------------------------------
responsive
--------------------------------------------------*/
@media screen and (max-width: 900px), print {
  .u-is-sp-inline {
    display: inline-block;
  }

  .u-is-pc-inline {
    display: none;
  }
}
@media screen and (min-width: 901px), print {
  .u-is-sp-inline {
    display: none;
  }

  .u-is-pc-inline {
    display: inline-block;
    margin: 0 auto;
  }
}


img {
  pointer-events: auto;
}

/*common*/

.p-beauty-detail__body * {
  font-size: 15px;
  line-height: 2.0;
  letter-spacing: .03em;
}


/*link*/

.link-clear {
  color: initial;
  font-size: initial;
}

.n-link {
  font-size: 11px;
  color: #000 !important;
}

.l-main__content .p-beauty-detail__body a {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  color: #469de2;
}

.p-beauty-detail__body a:hover {
  opacity: 0.5;
  cursor: pointer;
}

.p-beauty-detail__body a.blank {
  display: inline-block;
  margin-top: 8px;
}

.p-beauty-detail__body a.blank:after {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  background-image: url("/assets/img/beautytopics/list/common/icon_link_blank.png");
  background-size: contain;
  margin-left: 4px;
}

.p-beauty-detail__body a.button {
  border: 1px solid #b1b3b4;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 60px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em;
  padding: 0 30px;
  color: inherit;
}

.p-beauty-detail__body a.button:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #3b4043;
  border-right: 1px solid #3b4043;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 23px;
}


/*image*/

.p-beauty-detail__body img {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}

/*anchor*/

.p-beauty-detail__body .anchor {
  margin-top: -100px;
  padding-top: 100px;
}


/*width*/

.p-beauty-detail__body .w10 {
  width: 10% !important;
}

.p-beauty-detail__body .w20 {
  width: 20% !important;
}

.p-beauty-detail__body .w30 {
  width: 30% !important;
}

.p-beauty-detail__body .w40 {
  width: 40% !important;
}

.p-beauty-detail__body .w50 {
  width: 50% !important;
}

.p-beauty-detail__body .w60 {
  width: 60% !important;
}

.p-beauty-detail__body .w70 {
  width: 70% !important;
}

.p-beauty-detail__body .w80 {
  width: 80% !important;
}

.p-beauty-detail__body .w90 {
  width: 90% !important;
}


/*margin*/


/* reset */

.p-beauty-detail__body .mt0 {
  margin-top: 0px !important;
}

.p-beauty-detail__body .mt1 {
  margin-top: 1px !important;
}

.p-beauty-detail__body .mt2 {
  margin-top: 2px !important;
}

.p-beauty-detail__body .mt3 {
  margin-top: 3px !important;
}

.p-beauty-detail__body .mt4 {
  margin-top: 4px !important;
}

.p-beauty-detail__body .mt5 {
  margin-top: 5px !important;
}

.p-beauty-detail__body .mt6 {
  margin-top: 6px !important;
}

.p-beauty-detail__body .mt7 {
  margin-top: 7px !important;
}

.p-beauty-detail__body .mt8 {
  margin-top: 8px !important;
}

.p-beauty-detail__body .mt9 {
  margin-top: 9px !important;
}

.p-beauty-detail__body .mt10 {
  margin-top: 10px !important;
}

.p-beauty-detail__body .mt15 {
  margin-top: 15px !important;
}

.p-beauty-detail__body .mt20 {
  margin-top: 20px !important;
}

.p-beauty-detail__body .mt25 {
  margin-top: 25px !important;
}

.p-beauty-detail__body .mt30 {
  margin-top: 30px !important;
}

.p-beauty-detail__body .mt35 {
  margin-top: 35px !important;
}

.p-beauty-detail__body .mt40 {
  margin-top: 40px !important;
}

.p-beauty-detail__body .mt45 {
  margin-top: 45px !important;
}

.p-beauty-detail__body .mt50 {
  margin-top: 50px !important;
}

.p-beauty-detail__body .mt55 {
  margin-top: 55px !important;
}

.p-beauty-detail__body .mt60 {
  margin-top: 60px !important;
}

.p-beauty-detail__body .mt70 {
  margin-top: 70px !important;
}

.p-beauty-detail__body .mt80 {
  margin-top: 80px !important;
}

.p-beauty-detail__body .mt90 {
  margin-top: 90px !important;
}

.p-beauty-detail__body .mt100 {
  margin-top: 100px !important;
}

.p-beauty-detail__body .mb0 {
  margin-bottom: 0px !important;
}

.p-beauty-detail__body .mb1 {
  margin-bottom: 1px !important;
}

.p-beauty-detail__body .mb2 {
  margin-bottom: 2px !important;
}

.p-beauty-detail__body .mb3 {
  margin-bottom: 3px !important;
}

.p-beauty-detail__body .mb4 {
  margin-bottom: 4px !important;
}

.p-beauty-detail__body .mb5 {
  margin-bottom: 5px !important;
}

.p-beauty-detail__body .mb6 {
  margin-bottom: 6px !important;
}

.p-beauty-detail__body .mb7 {
  margin-bottom: 7px !important;
}

.p-beauty-detail__body .mb8 {
  margin-bottom: 8px !important;
}

.p-beauty-detail__body .mb9 {
  margin-bottom: 9px !important;
}

.p-beauty-detail__body .mb10 {
  margin-bottom: 10px !important;
}

.p-beauty-detail__body .mb15 {
  margin-bottom: 15px !important;
}

.p-beauty-detail__body .mb20 {
  margin-bottom: 20px !important;
}

.p-beauty-detail__body .mb25 {
  margin-bottom: 25px !important;
}

.p-beauty-detail__body .mb30 {
  margin-bottom: 30px !important;
}

.p-beauty-detail__body .mb35 {
  margin-bottom: 35px !important;
}

.p-beauty-detail__body .mb40 {
  margin-bottom: 40px !important;
}

.p-beauty-detail__body .mb45 {
  margin-bottom: 45px !important;
}

.p-beauty-detail__body .mb50 {
  margin-bottom: 50px !important;
}

.p-beauty-detail__body .mb55 {
  margin-bottom: 55px !important;
}

.p-beauty-detail__body .mb60 {
  margin-bottom: 60px !important;
}

.p-beauty-detail__body .mb70 {
  margin-bottom: 70px !important;
}

.p-beauty-detail__body .mb80 {
  margin-bottom: 80px !important;
}

.p-beauty-detail__body .mb90 {
  margin-bottom: 90px !important;
}

.p-beauty-detail__body .mb100 {
  margin-bottom: 100px !important;
}


/*font-size*/

.p-beauty-detail__body .font8 {
  font-size: 8px !important;
}

.p-beauty-detail__body .font9 {
  font-size: 9px !important;
}

.p-beauty-detail__body .font10 {
  font-size: 10px !important;
}

.p-beauty-detail__body .font11 {
  font-size: 11px !important;
}

.p-beauty-detail__body .font12 {
  font-size: 12px !important;
}

.p-beauty-detail__body .font13 {
  font-size: 13px !important;
}

.p-beauty-detail__body .font14 {
  font-size: 14px !important;
}

.p-beauty-detail__body .font15 {
  font-size: 15px !important;
}

.p-beauty-detail__body .font16 {
  font-size: 16px !important;
}

.p-beauty-detail__body .font17 {
  font-size: 17px !important;
}

.p-beauty-detail__body .font18 {
  font-size: 18px !important;
}

.p-beauty-detail__body .font19 {
  font-size: 19px !important;
}

.p-beauty-detail__body .font20 {
  font-size: 20px !important;
}

.p-beauty-detail__body .font21 {
  font-size: 21px !important;
}

.p-beauty-detail__body .font22 {
  font-size: 22px !important;
}

.p-beauty-detail__body .font23 {
  font-size: 23px !important;
}

.p-beauty-detail__body .font24 {
  font-size: 24px !important;
}

.p-beauty-detail__body .font25 {
  font-size: 25px !important;
}

.p-beauty-detail__body .font26 {
  font-size: 26px !important;
}

.p-beauty-detail__body .font27 {
  font-size: 27px !important;
}

.p-beauty-detail__body .font28 {
  font-size: 28px !important;
}

.p-beauty-detail__body .font29 {
  font-size: 29px !important;
}

.p-beauty-detail__body .font30 {
  font-size: 30px !important;
}


/*font-size*/

.p-beauty-detail__body .bold {
  font-weight: bold;
}

.p-beauty-detail__body .normal {
  font-weight: normal;
}


/*text-align*/

.p-beauty-detail__body .tright {
  text-align: right;
}

.p-beauty-detail__body .tcenter {
  text-align: center;
}

.p-beauty-detail__body .tleft {
  text-align: left;
}

.p-beauty-detail__body .tright {
  text-align: right;
}


/*line-height*/

.p-beauty-detail__body .lh10 {
  line-height: 1.0 !important;
}

.p-beauty-detail__body .lh11 {
  line-height: 1.1 !important;
}

.p-beauty-detail__body .lh12 {
  line-height: 1.2 !important;
}

.p-beauty-detail__body .lh13 {
  line-height: 1.3 !important;
}

.p-beauty-detail__body .lh14 {
  line-height: 1.4 !important;
}

.p-beauty-detail__body .lh15 {
  line-height: 1.5 !important;
}

.p-beauty-detail__body .lh16 {
  line-height: 1.6 !important;
}

.p-beauty-detail__body .lh17 {
  line-height: 1.7 !important;
}

.p-beauty-detail__body .lh18 {
  line-height: 1.8 !important;
}

.p-beauty-detail__body .lh19 {
  line-height: 1.9 !important;
}

.p-beauty-detail__body .lh20 {
  line-height: 2.0 !important;
}

.p-beauty-detail__body .lh21 {
  line-height: 2.1 !important;
}

.p-beauty-detail__body .lh22 {
  line-height: 2.2 !important;
}

.p-beauty-detail__body .lh23 {
  line-height: 2.3 !important;
}

.p-beauty-detail__body .lh24 {
  line-height: 2.4 !important;
}

.p-beauty-detail__body .lh25 {
  line-height: 2.5 !important;
}

.p-beauty-detail__body .lh26 {
  line-height: 2.6 !important;
}

.p-beauty-detail__body .lh27 {
  line-height: 2.7 !important;
}

.p-beauty-detail__body .lh28 {
  line-height: 2.8 !important;
}

.p-beauty-detail__body .lh29 {
  line-height: 2.9 !important;
}

.p-beauty-detail__body .lh30 {
  line-height: 3.0 !important;
}


/*color*/

.p-beauty-detail__body .red {
  color: #ee696f;
}

.p-beauty-detail__body .blue {
  color: #48add3;
}

.p-beauty-detail__body .pink {
  color: #FF66B2;
}

/*menu*/

.p-beauty-detail__body .menu {
  background-color: #ffffff;
  box-sizing: border-box;
  border-bottom: 1px solid #469de2;
  padding-bottom: 35px;
}

.p-beauty-detail__body .menu>h2 {
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 0;
  font-size: 18px;
  line-height: 2.66667;
  letter-spacing: .03em;
  color: inherit;
  margin: 0;
}

.p-beauty-detail__body .menu>h2:before {
  content: '';
  color: #3b4043;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  width: 60px;
  height: 30px;
}

.p-beauty-detail__body .menu>h2:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: -2;
  border-bottom: 1px solid #469de2;
}

.p-beauty-detail__body .menu ol {
  font-weight: bold;
  color: #469de2;
  margin-top: 20px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: .09em;
  padding: 0 50px;
}

.p-beauty-detail__body .menu ol>li {
  margin-left: 2em;
  text-indent: -2em;
  list-style-type: decimal;
  list-style-position: inside;
}

.p-beauty-detail__body .menu ol>li a {
  color: #469de2;
}

.p-beauty-detail__body .menu ol>li+li {
  margin-top: 15px;
}

.p-beauty-detail__body .menu ol>li>ul {
  margin-left: 1em;
}

.p-beauty-detail__body .menu ol>li>ul>li {
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
  margin-top: 10px;
}


/*title*/

.p-beauty-detail__body h2 {
  font-weight: bold;
  word-break: break-all;
  margin: 80px 0 40px;
  color: #48add3;
  font-size: 27px;
  line-height: 1.5;
  letter-spacing: .09em;
}

.p-beauty-detail__body h3 {
  font-weight: bold;
  word-break: break-all;
  margin: 60px 0 40px;
  position: relative;
  font-size: 19px;
  line-height: 1.66667;
  letter-spacing: .09em;
  padding-bottom: 18px;
}

.p-beauty-detail__body h3:before {
  content: '';
  position: absolute;
  background-color: #48add3;
  left: 0;
  bottom: 0;
  width: 15%;
  height: 6px;
}

.p-beauty-detail__body h4 {
  font-weight: bold;
  word-break: break-all;
  margin: 20px 0 20px;
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1.53333;
  letter-spacing: .09em;
}

.p-beauty-detail__body h4:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  bottom: -8px;
  background-image: url("/assets/img/beautytopics/list/common/bg_stripe.png");
  background-repeat: repeat-x;
}

.p-beauty-detail__body h2:first-child, .p-beauty-detail__body h3:first-child, .p-beauty-detail__body h4:first-child {
  margin-top: 0;
}


/*text area*/

.p-beauty-detail__body .text {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .03em;
}

.p-beauty-detail__body .text p {}

.p-beauty-detail__body .text p+p {
  margin-top: 2em;
}

.p-beauty-detail__body .text-s {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: .03em;
}

.p-beauty-detail__body .text-s p+p {
  margin-top: 0.8em;
}

.p-beauty-detail__body .text-xs {
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: .03em;
}

.p-beauty-detail__body .text-xs p+p {
  margin-top: 0.4em;
}


/*specer*/

.p-beauty-detail__body hr {
  border-top: 1px solid #cccccc;
  margin: 90px auto;
}

.p-beauty-detail__body .dot {
  position: relative;
  height: 1px;
  margin: 60px 0;
}

.p-beauty-detail__body .dot span {
  display: block;
  position: absolute;
  background: #a3d6e9;
  top: 0;
  left: 50%;
  border-radius: 30%;
  width: 10px;
  height: 10px;
}

.p-beauty-detail__body .dot span:nth-child(1) {
  -webkit-transform: translateX(-300%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-300%) translateY(-50%) rotate(45deg);
  transform: translateX(-300%) translateY(-50%) rotate(45deg);
}

.p-beauty-detail__body .dot span:nth-child(2) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.p-beauty-detail__body .dot span:nth-child(3) {
  -webkit-transform: translateX(200%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(200%) translateY(-50%) rotate(45deg);
  transform: translateX(200%) translateY(-50%) rotate(45deg);
}

.p-beauty-detail__body .marker {
  background: -webkit-linear-gradient(transparent 50%, #fcff00 0%);
  background: linear-gradient(transparent 70%, #fcff00 50%);
  /*padding-bottom: 0.2em;*/
}


/*waku*/

.p-beauty-detail__body .waku {
  border: 1px solid #dddddd;
  padding: 25px 30px;
}


/*grid*/

.p-beauty-detail__body .col2, .p-beauty-detail__body .col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.p-beauty-detail__body .col2>* {
  width: 47.61905%;
}

.p-beauty-detail__body .col2>*:nth-child(2n) {
  margin-left: 4.7619%;
}

.p-beauty-detail__body .col2>*:nth-child(n+3) {
  margin-top: 4.7619%;
}

.p-beauty-detail__body .col3>* {
  width: 30.15873%;
}

.p-beauty-detail__body .col3>*:not(:nth-child(3n+1)) {
  margin-left: 4.7619%;
}

.p-beauty-detail__body .col3>*:nth-child(n+4) {
  margin-top: 6.34921%;
}

.p-beauty-detail__body .col2.w30-70>*:nth-child(2n+1) {
  width: 30%;
}

.p-beauty-detail__body .col2.w30-70>*:nth-child(2n) {
  width: calc(70% - 4.7619%);
}

.p-beauty-detail__body .col2.w40-60>*:nth-child(2n+1) {
  width: 40%;
}

.p-beauty-detail__body .col2.w40-60>*:nth-child(2n) {
  width: calc(60% - 4.7619%);
}

.p-beauty-detail__body .col2.w70-30>*:nth-child(2n) {
  width: 30%;
}

.p-beauty-detail__body .col2.w70-30>*:nth-child(2n+1) {
  width: calc(70% - 4.7619%);
}

.p-beauty-detail__body .col2.w60-40>*:nth-child(2n) {
  width: 40%;
}

.p-beauty-detail__body .col2.w60-40>*:nth-child(2n+1) {
  width: calc(60% - 4.7619%);
}


/*wrap around*/

.p-beauty-detail__body .wraparound {
  overflow: hidden;
}

.p-beauty-detail__body .wraparound:after {
  clear: both;
}

.p-beauty-detail__body .wraparound>.left {
  float: left;
  margin: 0 30px 30px 0;
}

.p-beauty-detail__body .wraparound>.right {
  float: right;
  margin: 0 0 30px 30px;
}


/*caption*/

.p-beauty-detail__body .caption {
  margin-top: 13px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em;
}

.p-beauty-detail__body .caption a {
  color: #469de2;
  font-weight: normal;
}


/*product*/

.p-beauty-detail__body .product-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #e9f7fc;
  padding: 30px;
}

.p-beauty-detail__body .product-card .image {
  font-size: 0;
  width: 40.35088%;
}

.p-beauty-detail__body .product-card .texts {
  width: 54.38596%;
}

.p-beauty-detail__body .product-card .lead {
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: .03em;
}

.p-beauty-detail__body .product-card .brand {
  font-size: 18px;
  line-height: 1.66667;
  letter-spacing: .03em;
}

.p-beauty-detail__body .product-card .name {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.66667;
  letter-spacing: .03em;
}

.p-beauty-detail__body .product-card .description {
  font-size: 14px;
  line-height: 2;
  letter-spacing: .03em;
}

.p-beauty-detail__body .product-card .link {
  margin-top: 10px;
  font-size: 14px;
  line-height: 2.71429;
  letter-spacing: .03em;
}


/*blue area*/

.p-beauty-detail__body .bg-blue {
  background-color: #e9f7fc;
  padding: 25px 30px;
}

.p-beauty-detail__body .bg-yellow {
  background-color: #fffcee;
  padding: 25px 30px;
}

.p-beauty-detail__body .bg-gray {
  background-color: #f3f3f3;
  padding: 25px 30px;
}

.p-beauty-detail__body .bg-green {
  background-color: #F0FFF0;
  padding: 25px 30px;
}


/*link card*/

.p-beauty-detail__body .link-card {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #b1b3b4;
}

.p-beauty-detail__body .link-card a {
  display: block;
  color: #3b4043;
}

.p-beauty-detail__body .link-card .text {
  padding: 15px 15px 20px;
}

.p-beauty-detail__body .link-card .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.71429;
  letter-spacing: .03em;
}

.p-beauty-detail__body .link-card .description {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin-top: 0;
}


/*map & movie*/

.p-beauty-detail__body .map iframe {
  width: 100%;
  height: 354px;
}

.p-beauty-detail__body .movie iframe {
  width: 100%;
  height: 354px;
}


/*goto top*/

.p-beauty-detail__body .goto {
  text-align: right;
  position: relative;
  font-size: 13px;
  margin-top: 30px;
}

.p-beauty-detail__body .goto a {
  display: inline-block;
  padding-right: 15px;
}

.p-beauty-detail__body .goto a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 2px solid #469de2;
  border-right: 2px solid #469de2;
  position: absolute;
  right: 2px;
}

.p-beauty-detail__body .goto.up a:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  top: calc(50% + 1px);
}

.p-beauty-detail__body .goto.down a:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  -ms-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  top: calc(50% - 2px);
}


/* 20200604add */

.p-beauty__bnr {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 901px), print {
  .p-beauty__bnr {
    margin: 90px auto 0;
  }
}

.p-beauty__bnr img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie {
    padding: 0 0 90px;
  }
}

.p-beauty__staff__movie__inner {
  margin: 0 auto;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__inner {
    width: 1000px;
    box-sizing: border-box;
  }
}

.p-beauty__staff__movie__heading {
  text-align: center;
}

.p-beauty__staff__movie__heading__title {
  font-family: 'Josefin Sans', 'sans-serif';
  font-weight: 300;
  line-height: 1;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__heading__title {
    margin-top: 10px;
    font-size: 30px;
    letter-spacing: .18em;
  }
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__content {
    margin-top: 40px;
  }
}

.p-beauty__staff__movie__content__title {
  letter-spacing: .03em;
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__content__title {
    margin-top: 30px;
  }
}

.p-beauty__staff__movie__content__list {
  position: relative;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__content__list .c-product-slider__products__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /*220407追記*/

  .c-product-slider__products__block--space-between{
    -webkit-justify-content: space-between !important; 
    justify-content: space-between !important;
  }

  .c-product-slider__products__block--flex-start{
    -webkit-justify-content: flex-start !important; 
    justify-content: flex-start !important;
  }

   /*220407追記ここまで*/

  .p-beauty__staff__movie__content__list .c-product-slider__arrow--left {
    left: -100px;
  }
  .p-beauty__staff__movie__content__list .c-product-slider__arrow--right {
    right: -100px;
  }
  .p-beauty__staff__movie__content__list .c-product-slider__arrow span {
    margin-top: -8px;
  }
  .p-beauty__staff__movie__content__list .slick-hidden+.slick-dotted .slick-dots {
    display: none;
  }
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie__content__list__item {
    width: 262px;
    margin: 0 22px;
  }
}

.p-beauty__staff__movie .ss-content-link-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-beauty__staff__movie .ss-content-link-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-beauty__staff__movie .ss-content-link-movie .bg-movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 2;
  background-color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 901px), print {
  .p-beauty__staff__movie .ss-content-link-movie .bg-movie:after {
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .p-beauty__staff__movie .ss-content-link-movie .bg-movie:hover:after {
    opacity: 1;
  }
}


/* 追加 */
table#layout,
table#layout tr,
table#layout th,
table#layout td {
    border:none;
}

th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}

td {
  border: solid 1px #ccc;
  padding: 10px;
}



@media screen and (max-width: 640px) {
  .scroll {
    overflow-x: auto;
  }
  .tbl-r01 {
    min-width: 640px;
    margin: 0 10px 50px;
  }
  .tbl-r01 td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}

.youtube iframe{
  width: 100%;
}

.p-beauty-detail__contents__grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.box_r {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #ee696f;
    border-radius: 10px;
}
.box_r p {
    margin: 0; 
    padding: 0;
}

.box_o {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #ffb266;
    border-radius: 10px;
}
.box_o p {
    margin: 0; 
    padding: 0;
}

.box_b {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #6091d3;
    border-radius: 10px;
}
.box_b p {
    margin: 0; 
    padding: 0;
}

.box_g {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #3CB371;
    border-radius: 10px;
}
.box_g p {
    margin: 0; 
    padding: 0;
}


.box_g_d {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: dashed 2px #3CB371; /*点線*/
}

.box_g_d p {
    margin: 0;
    padding: 0;
}

.box_p {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #FF66B2;
    border-radius: 10px;
}
.box_p p {
    margin: 0; 
    padding: 0;
}

.td01 td {
    border: 0px none;
    border-collapse: separate;
    border-spacing: 3px;
    padding: 5px 5px;
}

h5 {
  background: #FFCCE5;
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
}

/* 画像の横並び */

.img-parallel3 {
	display: flex;
	flex-wrap:wrap;
}
.img-parallel3 li {
	width: calc(100%/5); 
	padding:0 5px;
	box-sizing:border-box;
}
.img-parallel3 li img {
	max-width:100%; 
	height: auto; 
}

.img-parallel4 {
	display: flex;
	flex-wrap:wrap;
}
.img-parallel4 li {
	width: calc(100%/5); 
	padding:0 5px;
	box-sizing:border-box;
}
.img-parallel4 li img {
	max-width:100%; 
	height: auto; 
}

.img-parallel5 {
	display: flex;
	flex-wrap:wrap;
}
.img-parallel5 li {
	width: calc(100%/5); 
	padding:0 5px;
	box-sizing:border-box;
}
.img-parallel5 li img {
	max-width:100%; 
	height: auto; 
}


/* 20210806追加 */
.u-imgbgcolor--white{
  background-color: #fff;
}

.u-mgt--40{
  margin-top: 40px;
}


/* 20210823カートボタン追加 */
.p-btn{
  margin-top: 20px;
}
.p-btn .p-btn__cart{
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    background-color: #ee696f;
    border: none;
}
.p-btn a.p-btn__cart{
    color: #fff;
}
.p-btn a.p-btn__cart:hover{
    text-decoration: none !important;
}



/* 20211006テーブル設定追加（縦中央寄せ） */
.c-table{
  display: table;
  height: 100%;
}
.c-table__cell{
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}