sup {
  vertical-align: super!important;
}
sup,
.note {
  font-size: 10px!important;
}
@media only screen and (max-width: 640px) {
  sup,
  .note {
    font-size: 10px!important;
  }
}

.detail-txt-area {
  margin-top: 25px;
  font-size: 12px;
}

/* パンくず */
@media only screen and (max-width: 640px) {
  .breadcrumb-area {
    margin-right: 50px;
  }
  .c-breadcrumb {
    overflow: auto;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 640px) {
  /* c-ttl01 */
  .c-ttl01 {
    margin-bottom: 15px;
  }

  /* c-bnr-block */
  .c-bnr-block .bnr:not(:first-child) {
    margin-top: 15px;
  }
  .c-bnr-block .bnr + .bnr {
    margin-top: 40px;
  }
}


/* pagetop */
.c-footer {
  position: relative;
}

.c-pagetop {
  z-index: 98;
  right: 0;
}
.c-pagetop a {
  background: #aa1f4f;
  display: block;
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 8px 0 0 8px;
}
.c-pagetop a::before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  transform: rotate(-135deg) translate3d(0, 0, 0);
}

.c-breadcrumb li br {
  display: none;
}

/*** header ***/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes navSlideIn {
  0% {
    opacity: 0;
    background-color: transparent;
    transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    background-color: #fff;
    transform: translateX(0);
  }
}
@keyframes navSlideOut {
  0% {
    opacity: 1;
    background-color: #fff;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    background-color: transparent;
    transform: translateX(-15px);
  }
}

@media only screen and (max-width: 950px) {
  .c-header .nav-wrap {
    background-color: transparent;
    transform: none !important;
    overflow-x: hidden;
    top: 55px;
    padding-top:0;
    max-height: calc((var(--vh, 1vh) * 100) - 55px);

  }
  .c-header .nav-list .li-login{
    margin: 0 -20px 0px;
  }
  .c-header .nav-wrap,
  #cover-bg {
    transition: 0s;
  }
  .c-header .nav-wrap.is-close,
  #cover-bg.is-close {
    animation: fadeOut .3s ease-in-out forwards;
  }

  .c-header .nav-list {
    opacity: 0;
  }
  .c-header .nav-wrap.is-open .nav-list {
    animation: navSlideIn 1.5s cubic-bezier(0.2, 1, 0.2, 1) forwards;
    animation-delay: .6s;
  }
  .c-header .nav-wrap.is-close .nav-list {
    animation: navSlideOut 1.5s cubic-bezier(0.2, 1, 0.2, 1) forwards;
  }

  .nav-bg01,
  .nav-bg02 {
    position: absolute;
    top: -30%;
    left: 0;
    width: 100%;
    height: 160%;
    transform: translateX(-100%);
    transition:
      transform 1s cubic-bezier(0.2, 1, 0.2, 1),
      border-radius .7s ease-out;
  }
  .nav-bg01 {
    background: url(../img/common/bg-grad02.jpg) no-repeat right center / 50% 100%;
    border-radius: 0 120% 100% 0;
  }
  .nav-bg02 {
    background-color: #fff;
    border-radius: 0 130% 80% 0;
    left: -15px;
  }
  .c-header .nav-wrap.is-open .nav-bg01 {
    border-radius: 0;
    transform: translateX(0);
  }
  .c-header .nav-wrap.is-open .nav-bg02 {
    border-radius: 0;
    transform: translateX(0);
    transition-delay: .1s;
    left: 0;
  }
}

@media screen and (min-width:1071px) and (max-width:1300px) {
  .c-header .nav-list>li a {
    font-size: 14px;
    padding: 10px;
  }
}
@media screen and (min-width:950px) and (max-width:1070px) {
  .c-header .logo {
    width: 150px;
    margin-left: 20px;
  }
  .c-header .nav-wrap {
    width: calc(100% - 170px);
  }
  .c-header .nav-list>li a {
    font-size: 13px;
    padding: 10px 8px;
  }
}


/*** TOP ***/
.home .about-canadel-block .note {
  margin-top: 20px;
}
.home .special-content-block.inner-block .wrap .img {
  width: auto;
}

.home .special-content-block .c-cat.pink {
  font-size: 13px;
  border-radius: 5px;
  margin-right: 10px;;
}
@media only screen and (max-width: 640px) {
  .home .c-campaign-block {
    padding-top: 65px;
  }
  .home .special-content-block {
    padding-top: 65px;
  }
}

.dummy-slider .slick-slide {
  float: left;
}
.c-campaign-list li:nth-child(n+4) {
  margin-top: 0;
}
@media only screen and (min-width: 641px) {
  .c-campaign-list li:nth-child(3n) {
    margin-left: 19px;
    margin-right: 19px;
  }


  .campaign-slider.c-campaign-list {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .campaign-slider.c-campaign-list li {
    margin: 0 19px;
    width: 421px;
  }

}

@media only screen and (max-width: 640px) {
  .c-campaign-list li:nth-child(3n) {
    margin-left: 8px;
  }

  .campaign-slider .cat {
    margin-top: 0;
  }
}
.c-bnr-block .bnr-btns .bk-btn {
    text-align:center;
}
.c-bnr-block .bnr-btns .bk-btn.bk-btn03 .btn-text {
    margin-bottom: 34px;
}
@media only screen and (max-width: 640px) {
.c-bnr-block .bnr-btns .bk-btn.bk-btn01 {
    top: 10px;
}
.c-bnr-block .bk-btn.bk-btn--pink {
    top: 99px;
    width: 140px;
    }
.c-bnr-block .bnr-btns .bk-btn .btn-text {
    line-height:1.5;
}
.c-bnr-block .bnr-btns .bk-btn.bk-btn03 .btn-text {
    margin-bottom: 10px;
}
.c-bnr-block .bnr-btns .bk-btn .ico {
    margin-top: 5px;
}
}

/* bnr-product.php */
main:not(.home) .bk-btn.bk-btn03.btn-home {
  display: none;
}

.c-bnr-block .bk-btn.bk-btn--pink {
  background: #aa1f4f;
  border: 1px solid #aa1f4f;
}

@media screen and (min-width:1101px) {
  .home .c-bnr-block .bnr-btns .bk-btn {
    padding: 20px 50px 0 50px;
  }

  .home .c-bnr-block .bnr-btns .bk-btn .ico {
    transform: translateX(30px);
  }
  .home .c-bnr-block .bnr-btns .bk-btn:hover .ico {
    transform: translateX(40px);
  }

  .c-bnr-block .bk-btn.bk-btn--pink:hover {
    background: #fff;
    color: #aa1f4f;
  }
}

@media screen and (min-width:641px) {
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
    left: 250px;
  }
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn03 {
    top: 80px;
    left: 470px;
  }
}

@media screen and (min-width:641px) and (max-width:1100px) {
  .home .c-bnr-block .bnr-btns .bk-btn {
    padding: 8px 20px 0;
  }
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
    left: 180px;
  }
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn03 {
    top: 35%;
    left: 330px;
  }
}

/* @media screen and (max-width: 640px) {
  .home .c-bnr-block .bnr-btns .bk-btn {
    padding: 3px 20px 7px;
    width: 140px;
  }
  .home .c-bnr-block .bnr-btns .bk-btn .ico {
    font-size: 0;
    margin-top: 0;
  }
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn02 {
    top: 60px;
  }
  .home .c-bnr-block .bnr-btns .bk-btn.bk-btn03 {
    top: 110px;
  }
} */



/*** service ***/
.merit-detail-block .note {
  margin-top: 20px;
}
@media only screen and (min-width: 641px) {
  .merit-detail-block .item-price .cont .price {
    padding: 0 10px;
  }
}


.c-inside-block .info-wrap .box + .detail-txt-area.box {
  margin-top: 0;
  padding-top: 0;
}
.c-inside-block .info-wrap .box-txt_sales{
  font-size: 12px;
  line-height: 1.66;
  letter-spacing: 0;
  padding-left:30px;
  margin-top: 10px;
}
@media only screen and (min-width: 641px) {
.c-inside-block .info-wrap .box-txt_sales{
  font-size:13px;
  letter-spacing: .05em;
  line-height: 2;
  padding-left:45px;
}
}.c-contact-block-area .sub-ttl {
  padding-top: 40px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #aa1f4f;
}
.c-contact-block-area .txt {
  font-size: 14px;
}
.c-contact-block-area .txt a {
  text-decoration: underline;
}

.merit-detail-block .info-wrap .box.faq-area {
  align-items: flex-start;
}

/* contact-box */
.contact-box {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #aa1f4f;
}
.contact-box .contact-txt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact-box .contact-tel {
  color: #aa1f4f;
  font-family: "Crimson Text",serif;
  font-size: 34px;
  position: relative;
  line-height: 1;
}
.contact-box .contact-tel .inn {
  position: relative;
  padding-left: 45px;
}
.contact-box .contact-tel .inn::before {
  background: url(../img/common/ico-tel.svg) no-repeat center center/contain;
  content: "";
  display: block;
  width: 37px;
  height: 22px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}
.contact-box .contact-time {
  font-size: 12px;
}
@media only screen and (max-width: 640px) {
  .contact-box {
    padding: 15px;
  }
  .contact-box .contact-txt {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .contact-box .contact-tel {
    background: #fff;
    border: 2px solid #aa1f4f;
    border-radius: 50px;
    font-size: 30px;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
  }
  .contact-box .contact-tel .inn {
    padding-left: 40px;
    display: block;
  }
  .contact-box .contact-tel .inn::before {
    width: 30px;
    height: 20px;
  }
}

/* layout */
.merit-detail-block .all-content {
  padding-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  .merit-detail-block .stage-table {
    padding: 0;
  }
}


/*** 商品詳細 ***/
.item-detail .item-block .box .place .num-txt {
    padding-left: 5px;
    font-size: 34px;
    line-height: 1;
    font-family: "Crimson Text",serif;
    font-weight: 400;
}
@media only screen and (max-width: 640px){
.item-detail .item-block .box .place .num-txt {
    font-size: 30px;
}
}
/* 動画 */
.c-movie .mv_style_a2 {
  width: 100%;
  height: 100%;
}

.c-paging-area .page-numbers.next::before,
.c-paging-area .page-numbers.prev::before {
    background: url(../img/common/arrow-next.png) no-repeat center center;
    background-size: contain;
}

.item-detail .red {
  color: #aa1f4f;
}
.item-detail .c-bnr-subsc-block {
  margin-bottom: 150px;
}
@media only screen and (max-width: 640px) {
  .item-detail .c-bnr-subsc-block {
    margin-bottom: 60px;
  }
}

.item-detail .campaign-block .cat-list li.pink {
  background: #ff819c;
}
.item-detail .campaign-block .cat-list li.blue {
  background: #4159c1;
}

.ul-dots li a {
  text-decoration: underline;
}
@media only screen and (min-width: 641px) {
  .ul-dots li a:hover {
    text-decoration: none;
  }
}

/* detail_main_area */
.postage-txt {
  margin: 10px 0 5px;
  font-size: 12px;
  line-height: 1.3;
}


/* layout */
.value-size-block {
  margin-top: 50px;
}

.item-block + .texture-block {
  margin-top: 80px;
}

.item-detail .campaign-block .column2 .box {
  display: block;
}

@media only screen and (max-width: 640px) {
  .item-block + .campaign-block .inner-block {
    padding-top: 10px;
  }
}

/* thumb-slider */
.thumb-slider .slick-track {
  width: 100%!important;
}

@media only screen and (max-width: 640px) {
  .item-detail .c-bnr-block + .c-bnr-subsc-block {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 640px) {
  .item-detail .texture-block .note {
    text-align: left;
  }
}

.item-detail .movie-block .movie-wrap {
    width: 100%;
    max-width: 500px;
    margin: 25px auto 0;
    aspect-ratio: 16 / 9;
}
.item-detail .movie-block .movie-wrap iframe{
    width: 100%;
    height: 100%;
}

/* premierlift */
.item-detail.detail-premierlift .title-area .cat-area .c-cat sup,
.item-detail.detail-premierliftrefill .title-area .cat-area .c-cat sup,
.item-detail.detail-premierliftrn .title-area .cat-area .c-cat sup,
.item-detail.detail-premierliftrnrefill .title-area .cat-area .c-cat sup{
    display:none;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide {
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px auto 0;
}
.item-detail.detail-premierlift .why-block .wrap .img:before {
   background-image:none;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide li {
    text-align: center;
}
@media only screen and (min-width: 641px){
.item-detail.detail-premierlift .why-block .box-wrap .divide {
    margin-top: 45px;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide li {
    width: 120px;
    margin: 0 15px;
}
.item-detail.detail-premierlift .why-block .box-wrap .img img {
    max-width: 100%;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide li .txt {
    font-size: 14px;
    margin-top: 10px;
}
}
@media only screen and (max-width: 640px) {
.item-detail.detail-premierlift .texture-block .inner-block:after {
    top: -50px;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide li {
    width: 31%;
    margin: 0 1%;
}
.item-detail.detail-premierlift .why-block .box-wrap .divide .img {
    margin-bottom: 5px;
}
}
/* 2305_umemiya_ HP-2006カナデル プレミアリフト（医薬部外品）リニューアル対応について */
@media only screen and (min-width: 950px){
.post-type-archive-canadel_item .c-header .nav-list .mega-menu {
    z-index: 98;
}
}
.c-item-lineup-list .pink .cat-area .quasi {
    z-index: 90;
}
@media only screen and (min-width: 641px){
.item-list .c-item-lineup-list .pink .img {
    height: 149px;
    margin-bottom: 0;
    top: -13px;
}
.campain-first-allinone .c-item-lineup-list .pink .img {
    height: 175px;
    margin-bottom: 0;
    top: 0px;
}
}
@media only screen and (max-width: 640px) {
.c-item-lineup-list .pink .cat-area .quasi {
    margin-left: 0px;
    margin-top: 5px;
}
.item-list .c-item-lineup-list .pink .img {
    height: 111px;
    margin-bottom: -10px;
    top: -18px;
}
}
.item-detail.detail-premierlift .item-block .box .c-btn03,
.item-detail.detail-premierliftrefill .item-block .box .c-btn03{
  display: none;
}
.item-detail.detail-premierlift .value-size-block .box.subscription{
    display: none;
}
#item-list-premierlift {
    display: none;
}
/* umemiya_2303_HP-1956【CANADEL】「プレミアリフト・バランサー」ミニサイズ追加 */
.item-detail .desc-block .inner-block .wrap.minisize {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top:50px;
}
.item-detail.detail-premierlift .desc-block .inner-block .wrap.minisize {
    background: #faf1f2;
}
.item-detail.detail-premierbalancer .desc-block .inner-block .wrap.minisize {
    background: #fcfbed;
}
.item-detail .desc-block .inner-block .wrap.minisize .ttl {
    font-size: 21px;
    font-family: "Noto Serif JP","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro",serif;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    margin-bottom:20px;
}
.item-detail .desc-block .inner-block .wrap.minisize .txt {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom:20px;
}
.item-detail .desc-block .inner-block .wrap.minisize .place {
    font-size:15px;
}
.item-detail .desc-block .inner-block .wrap.minisize .place .num-txt {
    padding-left: 5px;
    font-size: 34px;
    line-height: 1;
    font-family: "Crimson Text",serif;
    font-weight: 400;
}
.item-detail .desc-block .inner-block .wrap.minisize .place .tax {
    font-size: 10px;
}
.item-detail .desc-block .inner-block .wrap.minisize .cart-block .note {
    margin-top:10px;
}
@media only screen and (min-width: 641px){
.item-detail .desc-block .inner-block .wrap.minisize {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding: 40px 80px;
}
.item-detail .desc-block .inner-block .wrap.minisize .img-area {
    width: 20%;
    padding: 0 48px 0 0;
}
.item-detail .desc-block .inner-block .wrap.minisize .txt-area {
    width: 30%;
    padding: 0 26px 0 0;
}
.item-detail .desc-block .inner-block .wrap.minisize .cart-block {
    width: 45%;
    margin-top: 75px;
}
}
@media only screen and (max-width: 640px) {
.item-detail .desc-block .inner-block .wrap.minisize {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    padding: 30px 20px;
    
}
.item-detail .desc-block .inner-block .wrap.minisize .img-area {
    width: 38%;
    margin-right: 5%;
}
.item-detail .desc-block .inner-block .wrap.minisize .txt-area {
    width: 57%;
}
.item-detail .desc-block .inner-block .wrap.minisize .ttl {
    font-size: 15px;
    margin-bottom:0;
}
.item-detail .desc-block .inner-block .wrap.minisize .txt {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.item-detail .desc-block .inner-block .wrap.minisize .place .num-txt {
    font-size: 30px;
}
.item-detail .desc-block .inner-block .wrap.minisize .place .tax {
    font-size: 10px;
}
.item-detail .desc-block .inner-block .wrap.minisize .cart-block {
    width: 100%;
    margin-top: 20px;
}
.item-detail .desc-block .inner-block .wrap.minisize .cart-block .c-btn03 {
    padding: 15px;
    width: 100%;
}
.item-detail .desc-block .box .c-btn03 .ico .c-svg {
    width: 22px;
    height: 21px;
}
}

/* premierwhite 旧商品対応 */
.c-item-lineup-list #item-list-premierwhite{
  display: none;
}
.canadel_item-template-premierwhite .c-ra-link {
    text-align: left;
}
.detail-premierwhite .item-block .r-att{
    color:#aa1f4f;
}
.detail-premierwhite .item-block .info-area .capacity{
    margin-top: 0;
}
.detail-premierwhite .item-block .info-area .capacity .r-att{
    display:inline-block;
    margin-bottom:25px;
    margin-top: 5px;
    font-size: 12px;
}
.canadel_item-template-premierwhite .new_item{
    margin-top: 20px;
    background: #aa1f4f;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.canadel_item-template-premierwhite .new_item a{
    color: #fff;
}
.item-detail.detail-premierwhite .why-block .box-wrap .divide {
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px auto 0;
}
.item-detail.detail-premierwhite .why-block .box-wrap .divide li {
    text-align: center;
}
@media only screen and (min-width: 641px){
.item-detail.detail-premierwhite .why-block .box-wrap .divide {
    margin-top: 45px;
}
.item-detail.detail-premierwhite .why-block .box-wrap .divide li {
    width: 120px;
    margin: 0 15px;
}
.item-detail.detail-premierwhite .why-block .box-wrap .img img {
    max-width: 100%;
}
.item-detail.detail-premierwhite .why-block .box-wrap .divide li .txt {
    font-size: 14px;
    margin-top: 10px;
}
}
@media only screen and (max-width: 640px) {
.item-detail.detail-premierwhite .why-block .box-wrap .divide li {
    width: 31%;
    margin: 0 1%;
}
.item-detail.detail-premierwhite .why-block .box-wrap .divide .img {
    margin-bottom: 5px;
}
}
/* 2303_umemiya_ カナデル プレミアホワイト 130g カート非表示*/
.canadel_item-template-canadel_templates_itempremierwhite-php .c-btn03{
  display: none;
}
/* premierwhitern 旧商品へのリンク */
.old_item{
	margin-top:5px;
	font-size:12px;
	text-indent: -50px;
    padding-left: 50px;
}
.old_item a{
	color:#aa1f4f;
	position:relative;
	border-bottom:1px solid #aa1f4f;
	padding:2px 0;
}
.old_item span{
	background-color:#aa1f4f;
	color:#fff;
	padding:4px 6px;
	margin-right:3px;
}
.item-detail .texture-block .inner-block .quasi {
  font-size: 13px;
  line-height: 1;
  border: 1px solid #818181;
  padding: 2px 3px;
  margin-left: 10px;
}
.canadel_item-template-premierwhitern .texture-block .inner-block:after {
  background-image: url(../img/item/premierwhitern/texture-img.jpg)!important;
}

@media only screen and (min-width: 641px){
.old_item{
	margin-top:20px;
	font-size:13px;
	text-indent: -53px;
    padding-left: 53px;
}
.old_item a:hover:after{
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
}
}
.item-detail .texture-block .c-ttl01 span.note {
    display: block;
    margin-top: 5px;
}


/* premierzero */
@media only screen and (min-width: 641px){
.item-detail.detail-premierzero .why-block .wrap .txt-area {
    width: 55%;
}
.item-detail.detail-premierzero .why-block .wrap .img {
    width: 45%;
}
}
@media only screen and (min-width: 641px) and (min-width: 1100px){
.item-detail.detail-premierzero .why-block .wrap .img {
    padding-left: 40px;
}
}
@media only screen and (max-width: 640px) {
.item-detail.detail-premierzero .why-block .bg-area .inner-block > .note {
    margin-bottom: 20px;
    text-align-last: left;
  }
}

/* premierebarrierfix */
/* umemiya_fix_220414_HP-1430 【CANADEL】「 カナデル バリアフィックス」関連ページ作成 */
.item-detail.detail-premierebarrierfix .refill_box .old {
  width: 60px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
.item-detail.detail-premierebarrierfix .texture-block .inner-block:after {
    background-image: url(../img/item/premierebarrierfix/texture-img.jpg) ;
   }
.item-detail.detail-premierebarrierfix .item-block .c-cat {
    background-color: #74e0c1;
}
.item-detail.detail-premierebarrierfix .subscription-block .box {
    background-color: #f1fcf9;
}
.item-detail.detail-premierebarrierfix .texture-block .box-wrap .box h3 {
    color: #aee5d5;
    border-color: #aee5d5;
}
.item-detail.detail-premierebarrierfix .texture-block .box-wrap .box .use-step li .ttl {
    color: #aee5d5;
}
.item-detail.detail-premierebarrierfix .why-block .bg-area {
    background-color: #eff9f6;
    background-image: url(../img/item/premierebarrierfix/bg-why.jpg);
}
.item-detail.detail-premierebarrierfix .why-block .box-wrap .ttl {
    background-color: #74e0c1;
}
.item-detail.detail-premierebarrierfix .updatecontent .wrap_formulation{
    margin: 0 auto 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (min-width: 641px){
.item-detail.detail-premierebarrierfix .desc-block .wrap .divide li {
    width: 120px;
}
.item-detail.detail-premierebarrierfix .desc-block .wrap>.note {
    text-align: center;
}
.item-detail.detail-premierebarrierfix .desc-block .wrap>.note.algn_lft {
    text-align: left;
    margin-top: 40px;
    margin-right: 40px;
    margin-left: 250px;
}
.item-list .c-item-lineup-list .green .img {
    height: 154px;
    margin-bottom: 25px;
    top: 5px;
}
.campaign_special-template .c-item-lineup-list .green .img {
    height: 175px;
    margin-bottom: 0;
}
}
.c-item-lineup-list .green .cat-area .quasi {
    z-index:90;
}
@media only screen and (max-width: 640px) {
.item-detail.detail-premierebarrierfix .desc-block .wrap .divide li{
    width: calc((100% - 40px) / 4);
}
.item-detail.detail-premierebarrierfix .updatecontent .wrap_formulation{
    margin: 0 auto 35px;
}
.c-item-lineup-list .green .cat-area .quasi {
    margin-left: 0px;
    margin-top: 5px;
}
.item-list .c-item-lineup-list .green .img {
    top: -2px;
    left: -11px;
    height: 122px;
}
.campain-first-allinone .c-item-lineup-list .green .img {
    top: -1px;
    left: -11px;
}
.c-item-lineup-list .green .img img{
    max-width: 128px;
    margin: 0 auto;
}
.campaign_special-template .c-item-lineup-list .green .img {
    height: 126px;
    margin-bottom:0px;
}
}
.c-item-lineup-list .green .cat-area {
    margin-bottom: -6px;
}
.campaign_special-template .c-item-lineup-list .green .cat-area {
    margin-bottom: 15px;
}
.campaign-detail .lineup-item-block .off-circle {
    z-index: 120;
}

.detail-beautytrainer .refill_box .old {
  width: 100px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}

/* 定期購入価格PRテキスト */
.subscription-tag-area {
  text-align: left;
}
.subscription-tag-area .tag {
  background: #edcccc;
  color: #b93232;
  display: inline-block;
  font-weight: bold;
  font-size: 11px;
  padding: 2px 5px;
  margin-right: 6px;
  margin-top: 7px;
}
@media only screen and (max-width: 640px) {
  .subscription-tag-area .tag {
    font-size: 8px;
    padding: 2px 2px;
    margin-right: 3px;
  }
}


/*** 比較表 ***/
@media only screen and (max-width: 640px) {
  .item-detail .c-comparison-block .table-wrap,
  .about .c-comparison-block .table-wrap {
    overflow-x: scroll;
  }
  .item-detail .c-comparison-block .table-wrap .table-inn,
  .about .c-comparison-block .table-wrap .table-inn {
    padding-bottom: 10px;
    min-width: 990px;
    width: 100%;
  }
  .item-detail .c-comparison-block .c-item-list li:nth-child(even),
  .about .c-comparison-block .c-item-list li:nth-child(even) {
    margin: 0 5px 0;
  }
  .item-detail .c-comparison-block .c-item-list li,
  .about .c-comparison-block .c-item-list li {
    width: 188px!important;
    margin: 0 5px 0;
  }
  .item-detail .c-comparison-block .c-item-list .img img,
  .about .c-comparison-block .c-item-list .img img {
    max-width: 95px;
        max-height: 110px;
  }
  .item-detail .c-comparison-block .c-item-list .item-wrap .inn.colmn .detail-img,
  .about .c-comparison-block .c-item-list .item-wrap .inn.colmn .detail-img {
    width: 54px;
    margin-left: 8px;
  }
  .item-detail .c-comparison-block .c-item-list .txt-area .cat-area .c-cat,
  .about .c-comparison-block .c-item-list .txt-area .cat-area .c-cat {
    font-size: 10px;
    padding: 3px 12px;
  }
}


/*** レビュー投稿 ***/

.item-detail .review-block .annouce-box {
    border-bottom: 1px solid #969696;
    padding: 0 0 40px;
    text-align: center;
}
.item-detail .review-block .annouce-box + .annouce-box {
    padding-top: 40px;
}
.item-detail .review-block .annouce-box.no-border-bottom {
    border-bottom: none;
}
.item-detail .review-block .annouce-box .btn-wrap {
    margin-top: 40px;
}
.item-detail .review-block .annouce-box .strong {
    color: #b93232;
    font-size: 16px;
    font-weight: bold;
}
.item-detail .review-block .annouce-box .notice {
    margin: 10px 0 0;
}
.item-detail .review-block .annouce-box.coupon-box {
    text-align: left;
}
.item-detail .review-block .annouce-box .ttl {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: center;
}
.item-detail .review-block .annouce-box .announce-ul li:before {
    content: "● ";
}
.item-detail .review-block .annouce-box .attention {
    font-weight: bold;
    margin: 10px 0 0;
}

.item-detail .review-block .annouce-box {
    margin: 0 40px;
}
@media only screen and (min-width: 641px) {
  .item-detail .desc-block .wrap .divide li {
    width: calc((100% - 150px) / 5);
  }

  .item-detail .review-block .annouce-box.coupon-box .announce-ul,
  .item-detail .review-block .annouce-box.coupon-box .attention {
    padding-left: 80px;
  }
}
@media only screen and (max-width: 640px) {
    .item-detail .review-block .annouce-box {
        margin: 0;
        text-align: left;
    }

    .item-detail .review-block .annouce-box {
        padding-bottom: 20px;
    }

    .item-detail .review-block .annouce-box + .annouce-box {
        padding-top: 20px;
    }

    .item-detail .review-block .annouce-box .btn-wrap {
        margin-top: 20px;
    }

    .item-detail .review-block .annouce-box .strong {
        font-size: 14px;
    }

    .item-detail .review-block .annouce-box .ttl {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .item-detail .review-block .annouce-box .announce-ul li {
        font-size: 12px;
    }

    .item-detail .review-block .annouce-box .attention {
        font-size: 11px;
    }

    .c-item-list .img {
      height: auto;
    }
}
@media screen and (min-width:641px) and ( max-width:760px) {
  .item-detail .texture-block .box-wrap .box .lr-area{
    display: block;
  }
  .item-detail .texture-block .box-wrap .box .lr-area .right-area {
    margin-top: 30px;
  }
  .item-detail .texture-block .box-wrap .box .lr-area .left-area,
  .item-detail .texture-block .box-wrap .box .lr-area .right-area {
    width: 70%;
  }
}
@media screen and (min-width:641px) and ( max-width:800px) {
  .item-detail .present-block .wrap {
    display: block;
  }
  .item-detail .present-block .wrap .item-area,
  .item-detail .present-block .wrap .info-area {
    width: 100%;
  }
  .item-detail .present-block .wrap .info-area {
    margin-top: 40px;
  }
}
@media screen and (min-width:641px) and ( max-width:1100px) {
  .divide-btns {
    margin-top: 60px;
  }
  .divide-btns li,
  .divide-btns li:not(:first-child) {
    margin-top: 20px;
  }
}



@media only screen and (min-width: 641px) {
  .info .year-list li {
    transition: none;
  }
  .info .year-list li:hover a {
    color: inherit;
  }
}

.entry-list li a.unlink .entry-title{
  border: none;
}


/* sp-foot-area */
@media only screen and (max-width: 640px) {
  .sp-foot-area {
    background: #f5f5f5;
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.4);
    padding: 12px 20px 8px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 97;
    opacity: 1;
    pointer-events: auto;
  }
  .sp-foot-area.is-hide {
    display: none!important;
  }

  .sp-foot-area .note {
    color: #5a5a5a;
  }
  .sp-foot-area .note.right {
    text-align: right;
  }

  .sp-foot-area .capacity {
    font-size: 10px;
    margin-bottom: 6px;
  }

  .canadel_item-template-beautytrainer .sp-foot-area .capacity {
    height: 39px;
  }

  .sp-foot-area .btn-wrap {
    display: flex;
  }
  .sp-foot-area .box {
    width: calc((100% - 20px) / 2);
  }
  .sp-foot-area .place {
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  .sp-foot-area .place .bold {
    font-weight: bold;
  }
  .sp-foot-area .place .num-txt {
    font-size: 20px;
    font-family: "Crimson Text",serif;
    line-height: 1;
  }
  .sp-foot-area .subscription-tag-area .tag {
    background: transparent;
    padding: 0;
    margin-right: 6px;
    margin-top: 6px;
  }
  .sp-foot-area .subscription-tag-area {
    line-height: 1.2;
  }


  .sp-foot-area .box.subscription .place,
  .sp-foot-area .box.subscription .note {
    color: #aa1f4f;
  }

  .sp-foot-area .c-btn03 {
    padding: 8px;
    align-items: center;
  }
  .sp-foot-area .box .c-btn03 .c-svg {
    width: 16px;
    height: 16px;
  }
  .sp-foot-area .box.subscription .c-btn03 .c-svg {
    width: 22px;
    height: 14px;
  }

  .sp-foot-area .foot-tab-list {
    display: flex;
    margin: -12px -20px 15px;
  }
  .sp-foot-area .foot-tab-list li {
    background: #a3a5a9;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 7px;
    text-align: center;
    transition: 0.3s;
    width: 50%;
  }
  .sp-foot-area .foot-tab-list li.is-active {
    background: #f5f5f5;
    color: #221e1f;
  }
  .sp-foot-area .foot-tab {
    display: none;
  }
  .sp-foot-area .foot-tab.is-active {
    display: block;
  }
}


/*** ベストコスメ ***/
.bestcosme .bestcosme-block .bestcosme-box .item-area {
    justify-content: center;
}
.bestcosme .page-title-block {
        background: url(../img/bestcosme/mv.jpg) no-repeat center right;
    background-size: cover;
}
.bestcosme .page-title-block .c-ttl01 span {
    color: #5a5a5a;
}
.bestcosme .page-title-block .txt-catch {
    width: 50%;
    color: #5a5a5a;
}

@media only screen and (min-width: 641px) {
  .bestcosme .bestcosme-block .c-btn02 {
    min-width: auto;
  }
}
@media only screen and (max-width: 640px) {
    .bestcosme .bestcosme-block .bestcosme-box .item-area {
        text-align: center;
    }
	.bestcosme .page-title-block {
    background-image: url(../img/bestcosme/sp/mv.jpg);
}
}
.btn-line-block .divide-btn-lines{
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.btn-line-block .divide-btn-lines{
  -webkit-column-gap: 5%;
  -moz-column-gap: 5%;
  column-gap: 5%;
  row-gap: 45px;
}
.btn-line-block .divide-btn-lines li{
  min-width: 30%;
  max-width: 30%;
}

@media only screen and (max-width: 640px) {
  .btn-line-block .divide-btn-lines li{
    min-width: 100%;
    max-width: 100%;
  }
}


/*** お知らせ ***/
.entry-list li a.unlink {
    text-decoration: none;
}
@media only screen and (min-width: 641px) {
    .entry-list li a.unlink:hover {
        color: #221e1f;
    }
    .info .c-content-block .box .list li a:hover {
        color: #221e1f;
    }
}
.info-content-block .info-ttl02{
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  margin-bottom:-40px;
}
.info-content-block table.info_tbl{
  text-align: left;
}
@media only screen and (max-width: 640px) {
.info-content-block table.info_tbl{
	width:100%;
  font-size: 12px;
}
}
.info-content-block .info_tbl td{
	border:1px solid #999;
  padding:10px 40px;
}
@media only screen and (max-width: 640px) {
  .info-content-block .info_tbl td{
    padding:10px;
  }
  .pc-only{
    display: none;
  }
}
.info-content-block .info_tbl .l_area{
	background-color:#eee;
}


/*** notice ***/
.notice .shop-block .divide-btns li a {
  position: relative;
}
.notice .shop-block .divide-btns li a .img-txt {
  display: flex;
  align-items: center;
  padding-left: 130px;
}
.notice .shop-block .divide-btns li a .img-txt .img {
  background: url(../img/notice/shop-btn-img.jpg) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 109px;
  height: 100%;
}

.notice .shop-block .divide-btns {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  .notice .shop-block .divide-btns li a .img-txt {
    margin-top: 35px;
    padding-left: 0;
  }
  .notice .shop-block .divide-btns li a .img-txt .img {
    width: 100%;
    height: 62px;
  }
}


/*** support ***/
.support .divide-btns {
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .support .divide-btns {
    margin-top: 35px;
  }
}


/*** キャンペーン ***/
.c-cat.green {
    background: #03bcad;
}
.c-cat.blue { /* 定期特典 */
  background: #4159c1;
}
.c-cat.l-green { /* 限定セット */
  background: #30b108;
}
.c-cat.darkorange { /* 店頭限定 */
  background: #ff8c00;
}

.dummy-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.dummy-slider .slick-slide {
    display: block;
    margin-bottom: 20px;
}

.campaign .c-campaign-list li:nth-child(3n) {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 641px) {
  .campaign .c-campaign-list li:nth-child(n+4) {
    margin-top: 40px;
  }
  
    .c-campaign-list li:nth-child(3n) {
        margin-right: 19px;
    }

    .c-campaign-list li:nth-child(n+4) {
        margin-top:0;
    }
}
@media only screen and (max-width: 640px) {
  .campaign .c-campaign-list li:nth-child(n+4) {
    margin-top: 30px;
  }
}


.campaign-slider .slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .campaign-slider .slick-dots {
    left: 20px;
    bottom: -30px;
    text-align: left;
  }
}
.campaign-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.campaign-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.campaign-slider .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #b93232;
}
.campaign-slider .slick-dots li button:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #b93232;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*** FAQ ***/

.faq .menu-wrap .c-lineup-list li {
  position: relative;
}
@media screen and (min-width: 641px) {/* PC */
  .faq .breadcrumb-area {
    background: #f5f5f5;
  }

  .faq .menu-wrap .c-lineup-list li {
    width: calc((100% - 40px)/2);
  }
}
.faq .menu-wrap .c-lineup-list li.is-active .ico {
  color: #fff;
}
.faq .menu-wrap .c-lineup-list li a {
  text-align: left;
  justify-content: flex-start;
  padding-right: 80px;
}
.faq .menu-wrap .c-lineup-list li .txt {
  border: none;
}
.faq .menu-wrap .c-lineup-list li .ico {
  display: inline-block;
  line-height: 1;
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  height: 5px;
  margin: auto;
}
@media screen and (max-width: 640px) { /* SP */
  .faq .menu-wrap .c-lineup-list li {
    width: 100%;
  }
  .faq .menu-wrap .c-lineup-list li + li {
    margin-top: 15px;
  }
  .faq .menu-wrap .c-lineup-list li:nth-child(even) {
    margin-left: auto;
  }
  .faq .menu-wrap .c-lineup-list li a {
    padding: 15px 65px 15px 15px;
  }
  .faq .menu-wrap .c-lineup-list li .ico .c-svg {
    width: 36px;
    height: 5px;
  }
  .faq .menu-wrap .c-lineup-list li.is-active .inn {
    font-size: 12px;
  }
}

/*** お買い物全般のよくある質問 ***/
.faq .info-wrap .under-line {
  text-decoration: underline;
}
.faq .info-wrap a {
  text-decoration: underline;
}
.faq .info-wrap .tell-icon {
  padding-left: 40px;
  position: relative;
  text-decoration: none;
}
.faq .info-wrap .tell-icon::after {
  background: url(../img/common/ico-tel.svg)no-repeat center center;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 21px;
  position: absolute;
  width: 31px;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
}
.faq .info-wrap .link {
  position: relative;
}
.faq .info-wrap .link::after {
  display: none;
}
@media only screen and (min-width: 641px) {
  .faq .info-wrap a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 640px) {
  .faq .info-wrap .tell-icon {
    background: #fff;
    border: 2px solid #aa1f4f;
    border-radius: 50px;
    color: #aa1f4f;
    display: inline-block;
    padding: 5px 20px 5px 60px;
    margin: 10px 0;
  }
  .faq .info-wrap .tell-icon::after {
    left: 20px;
  }
  .faq .tell-icon {
    padding-left: 35px;
  }
  .faq .tell-icon::after {
    height: 17px;
    width: 27px;
  }
}

/*** マイページの使い方 ***/
.faq .info-wrap .answer + .answer {
  margin-top: 40px;
}
.faq .info-wrap .answer .arrow-icon {
  display: flex;
  margin: 20px auto 0;
}


/*** ご使用方法 ***/
.c-cat.yellow {
  background: #cf9c13;
}

/*** GMO ***/
.c-footer .bottom .link-area .link-bnr img {
  width: 66px !important;
}

/*** コンセプト ***/
@media only screen and (max-width: 640px) {
  .concept .concept-block .box + .note {
    padding: 10px 30px 0 45px;
  }
  .concept .c-item-lineup-list li#item-list-premierebarrierfix .cat-area,
  .concept .c-item-lineup-list li#item-list-premierliftrn .cat-area {
    margin-bottom: -10px;
}
}
.concept .c-item-lineup-list li#item-list-premierlift{
    display:none;
}
@media only screen and (min-width: 641px) and (min-width: 1100px){
.concept .c-item-lineup-list li#item-list-premierwhitern {
    border-right: 4px solid #f3f3f5;
}
.concept .c-item-lineup-list li#item-list-premierliftrn{
    border-top: none;
    border-right: none;
}
.concept .c-item-lineup-list li#item-list-premierebarrierfix .cat-area {
    margin-bottom: -1px;
}
.concept .c-item-lineup-list li#item-list-premierliftrn .cat-area {
    margin-bottom: 2px;
}
.concept .c-item-lineup-list li#item-list-premierebarrierfix .img{
    height: 165px;
}
.concept .c-item-lineup-list li#item-list-premierliftrn .img {
    height: 162px;
}
.concept .c-item-lineup-list li#item-list-premierebarrierfix .img img,
.concept .c-item-lineup-list li#item-list-premierliftrn .img img {
    margin: 0 auto auto;
}
}
.slide-area > .item-slider > li {
    opacity: 0;
}
.slide-area > .thumb-slider > li {
    opacity: 0;
}

/*** 肌悩み相談窓口 ***/
@media only screen and (min-width: 641px) {
  .skin-counseling .divide-checks {
    margin-top: 40px;
  }
  .skin-counseling .divide-checks li {
    margin-top: 20px;
  }
  .skin-counseling .divide-checks li .txt {
    width: 100%;
  }
}

/*** 商品の使い方 ***/
.howto .howto-block#link03 {
  margin-top: 100px;
}
.howto .c-cat.blue {
  background: #7c67c0;
}
.howto .howto-block#link03 #refill {
    margin-top: 80px;
    margin-bottom: 80px;
}
.howto .howto-block#link03 #refill .box-wrap {
    margin-top: 30px;
}
.howto .howto-block#link03 #refill .box-wrap .box.box-use02{
    margin-top: 25px;
}
.howto .howto-block#link03 #refill .box-wrap .box .inn {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.howto .howto-block#link03 #refill .box-wrap .box .img-area {
    margin: 0 auto;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step {
    margin-top: 18px;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step li .img {
    text-align: center;
    padding: 0;
}
.howto .howto-block#link03 #refill .note {
    font-size: 10px;
    margin-top: 15px;
    line-height: 1.4;
    text-align: center;
}
.howto .howto-block#link03 #refill .box-wrap .box01 {
    margin-top: 50px;
}
.howto .howto-block#link03 #refill .box-wrap .box h3 {
    font-size: 18px;
    color: #221e1f;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    border-bottom: 1px solid #aa1f4f;
    padding: 0 0 4px;
    margin-bottom: 25px;
}
.howto .howto-block#link03 #refill .box-wrap .box .lr-area .txt-area ul {
    list-style-type: disc;
    list-style-position: inside;
}
@media only screen and (max-width: 640px) {
.howto .howto-block#link03 {
    margin-top: 75px;
}
.howto .howto-block#link03 .bg-area#linksp .inner-block .box-wrap .box {
    margin-bottom: 50px;
}
.howto .howto-block#link03 #refill .box-wrap .box h3 {
    font-size: 15px;
    margin-bottom: 18px;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step{
    margin-bottom: 40px;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step li:nth-child(2) {
    margin-top: 40px;
}
}
@media only screen and (min-width: 641px) {
.howto .howto-block#link03 .bg-area#linksp {
    background: #fff;
}
.howto .howto-block#link03 #linksp .txt-area {
    margin-top: 15px;
}
.howto .howto-block#link03 #linksp .txt-area .txt {
    font-size: 14px;
}
.howto .howto-block#link03 #refill .box-wrap {
        display: block;
}
.howto .howto-block#link03 #refill .box-wrap .box {
        width: 100%;
        max-width: 940px;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content:space-between;
}
.howto .howto-block#link03 #refill .box-wrap .box .use-step li {
    width: 170px;
}
.howto .howto-block#link03 #refill .note {
    font-size: 12px;
}
}
@media only screen and (min-width: 820px) {
.howto .howto-block#link03 #refill .box-wrap .box .use-step li {
    width: 50%;
    padding: 20px;
    min-width: 370px;
}
}
@media only screen and (min-width: 641px) and (min-width: 1100px) {
.howto .howto-block #refill .box-wrap .box .use-step {
    margin-top: 0;
}
}

/*** 初回半額定期オールインワン ***/
@media screen and (min-width: 641px) {
  .campaign-detail .present-block .box-sumple .catch {
    font-size: 23px;
  }
}
.campaign-detail .lineup-item-block .cart-wrap .quasi {
    font-size: 10px;
    line-height: 1;
    border: 1px solid #818181;
    padding: 2px 3px;
    margin-left: 5px;
}
@media only screen and (max-width: 640px){
.campaign-detail .lineup-item-block .cart-wrap .quasi {
    display: inline-block;
    margin-left: 0px;
}
}

/*** footer ***/
@media screen and (min-width:641px) and ( max-width:840px) {
  .c-footer .middle .wrap {
    display: block;
  }
  .c-footer .bottom .link-area {
    flex-wrap: wrap;
  }
  .c-footer .bottom .sns-link-list,
  .c-footer .bottom .link-area .link-list,
  .c-footer .bottom .link-area .link-bnr {
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px;
  }
  .c-footer .bottom .link-area ul:first-child {
    margin-top: 0;
  }
}

.c-header .btn-wrap a {
    position: relative;
}
.js-cart-count {
    background-color: #DFEFDB;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    font-size: 10px;
    height: 20px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;

}
@media only screen and (max-width: 640px) {
    .js-cart-count {
        right: -8px;
    }
}

/* TOP KV */
.home .mv-block{
  background: url(../img/home/kv-bg.png) no-repeat center center/cover #fff;
}
/* @media only screen and (max-width: 640px) {
  .home .mv-block{
    position: relative;
    top: 60px;
  }
} */

/* footer */
.c-footer .upper .bnr-wrap .bnr-list a{
  overflow: hidden;
}

/* FAQ list */
.lineup-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -10px -10px;
}
.lineup-list > li {
  width: calc((100% - 50px) / 5);
  margin: 0 0 10px 10px;
}
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .lineup-list > li {
    width: calc((100% - 40px) / 3);
    margin: 0 0 10px 10px;
  }
}

.lineup-list li a {
  color: #aa1f4f;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  position: relative;
  font-family: "Noto Serif JP", 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  font-size: 18px;
  padding: 40px 10px;
  transition: all 0.3s ease-in-out 0s;
  background-color: #fff;
  text-align: center;
}
.lineup-list > li .is-active {
  background-color: #aa1f4f;
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .lineup-list {
    margin: 0 0 -5px -5px;
  }
  .lineup-list > li {
    width: calc((100% - 20px) / 3);
    margin: 0 0 5px 5px;
  }
  .lineup-list li a {
    border: 1px solid #cecece;
    border-radius: 5px;
    font-size: 15px;
    padding: 20px 10px;
  }

  .lineup-list.sp-column2 li {
    width: calc((100% - 10px) / 2);
  }
}

/* 比較表 */
.c-item-list.comparison li {
    width: calc(20% - 10px);
}
.c-item-list.comparison li.red {
    color: initial;
}
.c-item-list.comparison .img {
    height: 170px;
}
.c-item-list.comparison .img::before {
    height: 85px;
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .img {
    height: 130px;
}
.c-item-list.comparison .img::before {
    height: 65px;
}
}
.c-item-list.comparison li .txt-area {
    padding: 10px 10px 25px;
    text-align:center;
}
.c-item-list.comparison li .txt-area .ttl {
    margin-bottom: 5px;
}
.c-item-list li .txt-area .ttl .product_name{
    font-size: 12px;
    text-align: left;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
    font-weight: normal;
}
@media only screen and (max-width: 640px){
.c-item-list li .txt-area .ttl .product_name{
    font-size: 11px;
}
}
.c-item-list.comparison .item-wrap {
    padding: 0px 12px 0px;
}
.c-item-list.comparison .txt-area .quasi {
    display: inline-block;
    font-size: 10px;
    background: #ebedf4;
    padding: 2px 5px;
    margin: 0 auto 10px;
    text-align:center;
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .txt-area .cat-area .quasi {
    margin-top: 0px;
}
}
.c-item-list.comparison .inn {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 10px;
    width: calc(100% - 4px);
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .inn {
    padding-left: 4px;
}
}

@media only screen and (max-width: 640px){
.c-item-list.comparison .yellow .inn {
    padding-left: 4px;
}
}
.c-item-list .item-wrap .inn.colmn .detail-img {
    margin-left: 10px;
}
.c-item-list.comparison .item-wrap .box {
    width: 66px;
}
.c-item-list .item-wrap .inn .scent-img img {
  border-radius: 0;
  margin-left: 10px;
}
.c-item-list li.yellow .scent-img {
  width: 45px;
}
.c-item-list li.red .scent-img {
  width: 60px;
}
.c-item-list li.blue .scent-img {
  width: 40px;
}
.c-item-list li.black .scent-img {
  width: 57px;
}
.c-item-list li.green .scent-img {
  width: 63px;
}
@media only screen and (max-width: 640px){
.c-item-list li.yellow .scent-img {
  width: 40px;
}
.c-item-list li.red .scent-img {
  width: 50px;
}
.c-item-list li.blue .scent-img {
  width: 35px;
}
.c-item-list li.black .scent-img {
  width: 47px;
}
.c-item-list li.green .scent-img {
  width: 50px;
}
}
.c-item-list li.green .img::before{
    background:#e3f9f3;
}
.c-item-list li.green .img-txt{
    color:#74e0c1;
}
.c-item-list li.green .c-cat{
    background:#74e0c1;
}
.c-item-list li.green .box{
    color:#74e0c1;
    background:#e3f9f3;
}
@media only screen and (max-width: 640px){
.c-item-list .note {
    padding: 0 10px 0;
}
}
.c-item-list.comparison .list-wp{
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.c-item-list.comparison .list-wp .item-wrap.sbsc {
    margin-top: 30px;
    padding: 0 12px 30px;
}
.c-item-list.comparison .list-wp .sbsc .capacity_price:first-of-type {
    font-size: 12px;
    border-top: 1px solid #ebedf4;
    padding-top:16px
}
.c-item-list.comparison .list-wp .sbsc .capacity_price:nth-child(n+2) {
    font-size: 12px;
    line-height: 1.3;
}
.c-item-list.comparison .list-wp .sbsc .capacity_price .en {
    font-size: 24px;
    font-family: "Crimson Text",serif;
    font-weight: 400;
    font-weight: normal;
}
.c-item-list.comparison .list-wp .sbsc .place {
    color: #aa1f4f;
    font-size: 14px;
    padding:0;
    margin: 0 0 10px 0;
}
.c-item-list.comparison .list-wp .sbsc .place .bold {
    font-weight: bold;
}
.c-item-list.comparison .list-wp .sbsc .place .num-txt {
    padding-left: 5px;
    font-size: 30px;
    line-height: 1;
    font-family: "Crimson Text",serif;
    font-weight: 400;
}
.c-item-list.comparison .list-wp .sbsc .place .tax {
    font-size: 12px;
}
.c-item-list.comparison .list-wp .sbsc .c-btn03 .ico {
    height: 27px;
    margin-right: 10px;
}
.c-item-list.comparison .list-wp .sbsc a {
    -webkit-flex-direction: row; 
    -ms-flex-direction: row;
    flex-direction: row;
}
.c-item-list.comparison .list-wp .sbsc .c-btn03 {
    padding: 10px;
    background: #aa1f4f;
    color: #fff;
    margin: 10px 0;
    height:auto;
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .list-wp .sbsc .c-btn03 {
    margin: 10px 0 15px 0;
}
}
.c-item-list.comparison .list-wp .sbsc .c-btn02 {
    min-width: 200px;
    max-width: 200px;
    padding: 10px 65px 10px 40px;
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .list-wp .sbsc .c-btn02 {
    min-width: 100%;
    max-width: 100%;
    padding: 10px 10px 10px 20px;
}
}
.c-item-list.comparison .list-wp .sbsc .btn-wrap {
    margin: 5px auto;
}
@media only screen and (max-width: 640px){
.c-item-list.comparison .list-wp .sbsc .btn-wrap {
    margin: 10px auto;
}
}
/* footer */
@media only screen and (min-width: 641px) and (min-width: 1100px) {
  .c-footer .link-wrap .ttl:nth-of-type(n+2) {
    margin-top: 100px;
  }
}

/* スペシャル */
.c-card02 {
  display: inline-block;
}
@media only screen and (min-width: 641px) {
  .c-card02 {
    max-width: 265px;
  }
}
.c-card02 a {
  display: inline-block;
}
@media only screen and (min-width: 641px) {
  .c-card02 a:hover {
    opacity: 0.8;
  }
}
.c-card02 .thumbnail-box {
  position: relative;
  padding-top: 65.2830188679%;
}
@media only screen and (max-width: 640px) {
  .c-card02 .thumbnail-box {
    padding-top: 65.2941176471%;
  }
}
.c-card02 .thumbnail-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-card02 .body-box {
  margin-top: 16px;
}
@media only screen and (max-width: 640px) {
  .c-card02 .body-box {
    margin-top: 14px;
  }
}
.c-card02 .time {
  font-size: 14px;
  color: #b3b3b3;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
}
@media only screen and (max-width: 640px) {
  .c-card02 .time {
    font-size: 12px;
  }
}
.c-card02 .title {
  font-size: 16px;
  font-weight: 500;
  color: #3a3a3a;
  line-height: 1.75;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .c-card02 .title {
    font-size: 14px;
    line-height: 1.75;
    margin-top: 5px;
  }
}
.special .special-card-block {
  padding-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  .special .special-card-block {
    padding-bottom: 70px;
  }
}
.special .c-card02-list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 641px) {
  .special .c-card02-list .c-card02 {
    margin-left: 30px;
    margin-top: 30px;
    width: calc((100% - 30px * 3) / 4);
  }
  .special .c-card02-list .c-card02:nth-child(-n+4) {
    margin-top: 0;
  }
  .special .c-card02-list .c-card02:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .special .c-card02-list .c-card02 {
    margin-left: 10px;
    margin-top: 20px;
    width: calc((100% - 10px * 1) / 2);
  }
  .special .c-card02-list .c-card02:nth-child(-n+2) {
    margin-top: 0;
  }
  .special .c-card02-list .c-card02:nth-child(2n+1) {
    margin-left: 0;
  }
}
.special .c-pagination {
  margin-top: 100px;
}
@media only screen and (max-width: 640px) {
  .special .c-pagination {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 641px) {
  .special .c-pagination .prev span, .special .c-pagination .next span {
    width: 10px;
    height: 10px;
  }
}
.special-detail .inner-block {
  position: relative;
  max-width: 1150px;
  width: 100%;
}
@media only screen and (min-width: 641px) and (min-width: 1100px) {
  .special-detail .inner-block.inner-min {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 640px) {
  .special-detail .inner-block {
    padding: 0 20px;
  }
}
.special-detail .c-single-content-block {
  padding-top: 95px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block {
    padding-top: 50px;
  }
}
.special-detail .c-single-content-block .entry-title {
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #d3d3d3;
  padding: 0 0 10px;
  margin: 0 0 10px;
  line-height: 1.4;
}
@media only screen and (min-width: 641px) {
  .special-detail .c-single-content-block .entry-title {
    line-height: 1.6;
    font-size: 26px;
    margin: 0 0 15px;
  }
}
.special-detail .c-single-content-block .entry-date-cat {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.special-detail .c-single-content-block .entry-date-cat {
  line-height: 1.4;
  font-size: 14px;
  color: #b30030;
}
.special-detail .c-single-content-block .entry-date {
  font-size: 14px;
  white-space: nowrap;
}
.special-detail .c-single-content-block .thumb-area {
  margin-top: 30px;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .thumb-area {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.special-detail .c-single-content-block .thumb-area::before {
  background: inherit;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  filter: blur(7px);
  z-index: -1;
}
.special-detail .c-single-content-block .thumb-area::after {
  background: #cbcbcb;
  opacity: 0.3;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}
.special-detail .c-single-content-block .thumb-area figure {
  margin: 0;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 641px) {
  .special-detail .c-single-content-block .thumb-area figure img {
    width: 100%;
  }
}
.special-detail .c-single-content-block .entry-content {
  margin-top: 60px;
}
.special-detail .c-single-content-block .entry-content p {
  font-size: 16px;
  line-height: 1.8;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content p {
    padding: 0 10px;
    font-size: 14px;
  }
}
.special-detail .c-single-content-block .entry-content p:not(:first-child) {
  margin-top: 30px;
}
.special-detail .c-single-content-block .entry-content h2 {
  font-size: 22px;
  font-weight: bold;
  padding: 10px 20px;
  background: #f3f3f5;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content h2 {
    font-weight: normal;
    font-size: 18px;
  }
}
.special-detail .c-single-content-block .entry-content h2:not(:first-child) {
  margin-top: 60px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content h2:not(:first-child) {
    margin-top: 20px;
  }
}
.special-detail .c-single-content-block .entry-content h3 {
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content h3 {
    font-weight: normal;
    font-size: 18px;
  }
}
.special-detail .c-single-content-block .entry-content h3:not(:first-child) {
  margin-top: 60px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content h3:not(:first-child) {
    margin-top: 20px;
  }
}
.special-detail .c-single-content-block .entry-content img {
  height: auto;
}
.special-detail .c-single-content-block .entry-content figure {
  margin: 0 auto;
  text-align: center;
}
.special-detail .c-single-content-block .entry-content figure:not(:first-child) {
  margin-top: 35px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content figure:not(:first-child) {
    margin-top: 20px;
  }
}
.special-detail .c-single-content-block .entry-content .column_box:not(:first-child) {
  margin-top: 35px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .entry-content .column_box:not(:first-child) {
    margin-top: 20px;
  }
}
.special-detail .c-single-content-block .profile-area {
  margin-top: 110px;
  padding: 30px 40px;
  position: relative;
  background: #f5f5f5;
}
.special-detail .c-single-content-block .profile-area.c-single-content-block .profile-area:before {
  content: "Profile";
  color: #cdc5c0;
  font-size: 42px;
  top: -15px;
  right: 20px;
  position: absolute;
  font-family: "Spartan", sans-serif;
  line-height: 1;
  font-weight: 300;
}
@media only screen and (min-width: 641px) {
  .special-detail .c-single-content-block .profile-area .wrap {
    display: flex;
    align-items: center;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.special-detail .c-single-content-block .profile-area .img.shrink_0 {
  width: 50%;
  flex-shrink: 0;
}
.special-detail .c-single-content-block .profile-area .img.shrink_0 img {
  width: 100%;
}
.special-detail .c-single-content-block .profile-area .name {
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .profile-area .name {
    font-size: 16px;
  }
}
.special-detail .c-single-content-block .profile-area .txt-area {
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .profile-area p {
    padding: 0 !important;
  }
}
.special-detail .c-single-content-block .link {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 640px) {
  .special-detail .c-single-content-block .link {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.special-detail .c-single-content-block .link .c-btn01 {
  text-decoration: none;
  color: #fff;
  margin: auto;
}
@media only screen and (min-width: 641px) {
  .special-detail .c-single-content-block .link .c-btn01:hover {
    color: #a09179;
  }
}

.c-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Crimson Text",serif;
}
.c-pagination .page-numbers {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #3a3a3a;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 768px) {
  .c-pagination .page-numbers {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 374px) {
  .c-pagination .page-numbers {
    width: 8vw;
    height: 8vw;
  }
}
.c-pagination .page-numbers + .page-numbers:not(.next) {
  margin-left: 33px;
}
@media only screen and (max-width: 768px) {
  .c-pagination .page-numbers + .page-numbers:not(.next) {
    margin-left: 6.7692307692%;
  }
}
@media only screen and (max-width: 374px) {
  .c-pagination .page-numbers + .page-numbers:not(.next) {
    margin-left: 2.6666666667vw;
  }
}
@media only screen and (min-width: 769px) {
  .c-pagination .page-numbers:hover {
    opacity: 0.8;
  }
}
.c-pagination .current {
  pointer-events: none;
}
.c-pagination .prev, .c-pagination .next {
  background-color: transparent;
}
.c-pagination .prev span, .c-pagination .next span {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.c-pagination .prev {
  justify-content: flex-start;
  margin-right: calc(-33px + 10px);
}
@media only screen and (max-width: 768px) {
  .c-pagination .prev {
    margin-right: calc(-6.7692307692% + 10px);
  }
}
.c-pagination .prev span {
  transform: rotate(-45deg);
}
.c-pagination .next {
  justify-content: flex-end;
  margin-left: 10px;
}
.c-pagination .next span {
  transform: rotate(135deg);
}
.c-pagination--dif01 .page-numbers {
  width: 32px;
  height: 32px;
  font-size: 18px !important;
  letter-spacing: normal;
  line-height: 1;
}
.c-pagination--dif01 .page-numbers + .page-numbers:not(.next) {
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  .c-pagination--dif01 .page-numbers + .page-numbers:not(.next) {
    margin-left: 6.1538461538%;
  }
}
@media only screen and (max-width: 374px) {
  .c-pagination--dif01 .page-numbers + .page-numbers:not(.next) {
    margin-left: 2.6666666667vw;
  }
}
@media only screen and (min-width: 641px) {
  .c-pagination--dif01 .page-numbers:not(.prev):not(.next):not(.current):hover {
    opacity: 0.5;
  }
}
.c-pagination--dif01 .prev {
  margin-right: -12px;
}
.special-detail .c-single-content-block .entry-content a {
  border-bottom: 1px solid #414141;
}
@media only screen and (min-width: 641px) {
  .special-detail .c-single-content-block .entry-content a:hover {
    border-color: transparent;
  }
}

/* 定期初回購入エリア */
.item-detail .subscription-block .box .txt-wrap .place.column {
  display: flex;
  justify-content: center;
}
.item-detail .subscription-block .c-btn03{
  background: #aa1f4f;
  color: #fff;
}
.item-detail .subscription-block .indent {
  text-indent: -2em;
  padding-left: 2em;
}
.c-item-lineup-list li.green .c-cat {
    background: #74e0c1;
}
/* 一旦非表示 */
/*.item-detail .subscription-block {
  display: none !important;
}*/
@media only screen and (min-width: 641px) and (min-width: 1100px) {
    .item-detail .subscription-block .box .item-wrap .note {
        margin-left: 0;
    }
}

/* ヘッダーグロナビ 調整*/
.c-header .nav-wrap .nav-list a.red{
  color:#aa1f4f;
}

/* フッターエリア*/
#footer .inner-block .privacy-txt .red{
  color:#aa1f4f;
}

#footer .inner-block .privacy-txt {
  margin-top: 50px;
  margin-left: 18px;
  font-size: 14px;
}

@media only screen and (max-width: 640px){
  #footer .inner-block .privacy-txt {
  margin-top: 30px;
  margin-left:0;
  font-size: 12px;
}}

.c-footer .middle .inner-block {
    padding-bottom: 10px;
}

/* ハンバーガーメニューのレイヤー調整*/
@media only screen and (max-width: 950px){
.flashy-close {
  top: 60px!important;
}
.c-header {
    z-index: 121;
}}

/* 告知バナー 調整 */
.head-news .inner-block{
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
.head-news .txt{
  font-size: 14px;
}

@media only screen and (max-width: 950px){
  /*.page-template-canadel_templates_pagetop-php main{
    margin-top: 55px;
  }*/
  .head-news .txt{
    font-size: 10px;
    padding: 7px 0;
  }
}

/* サポート マイページ 画面キャプチャ周り */
.page-template-support__mypage .mypage-step-ss-wrap{
  overflow-x: scroll;
}
.page-template-support__mypage table.mypage-step-ss{
  width: 100%;
  border-collapse: collapse;
}
.page-template-support__mypage table.mypage-step-ss td{
  vertical-align: top;
}

@media only screen and (min-width: 641px){
  .page-template-support__mypage table.mypage-step-ss .sp-only{
    display: none;
  }
  .page-template-support__mypage table.mypage-step-ss td{
    min-width: 520px;
    max-width: 520px;
    padding: 0 1em;
  }
}
@media only screen and (max-width: 640px){
  .page-template-support__mypage table.mypage-step-ss .pc-only{
    display: none;
  }
  .page-template-support__mypage table.mypage-step-ss td{
    min-width: 250px;
    max-width: 250px;
    padding: 0 20px;
  }
}

/* 正規取り扱い店舗のご案内 */
/*@media only screen and (min-width: 641px){
.page-template-notice .notice .shop-block .divide-btns {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
}
@media only screen and (min-width: 1100px){
.page-template-notice .notice .shop-block .divide-btns li:nth-child(6) {
    margin-left: 0;
}
}*/

/* 正規取り扱い店舗のご案内 */
@media only screen and (min-width: 641px){
  .notice .shop-block .divide-btns {
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
  }
}
@media only screen and (min-width: 1100px){
  .notice .shop-block .divide-btns li:nth-child(6) {
      margin-left: 0;
  }
}

/* キャンペーン一覧ブランドカラー指定 */
.c-cat.cat-clayence {
  background: #796e69;
}
.c-cat.cat-duomen {
  background: #454242;
}


/*プレミアバランサー定期初回980円　fukasawa_20220419up_HP-1478*/
.canadel_item-template-premierwhitern .cn_prbl220_bnr,
.canadel_item-template-premierlift .cn_prbl220_bnr,
.canadel_item-template-premierzero .cn_prbl220_bnr,
.canadel_item-template-effecteyecreamlift .cn_prbl220_bnr,
.canadel_item-template-premierebarrierfix .cn_prbl220_bnr{
	display: none;
}

/* premiermoistcool */
/* kikuchi_220426_fix_HP-1431_【CANADEL】「 カナデル プレミア モイストクール」関連ページ作成 */
.canadel_item-template-premiermoistcool .texture-block .inner-block:after {
  background-image: url(../img/item/premiermoistcool/texture-img.jpg)!important;
}
.detail-premiermoistcool .c-cat {
    background-color: #4B9CDF;
}
.item-detail .texture-premiermoistcool .box-wrap .box h3 {
    color :#4B9CDF;
    border-bottom: 1px solid #4B9CDF;
}
.canadel_item-template-premiermoistcool .item-detail .item-block .box .c-btn03,
.canadel_item-template-premiermoistcool .sp-foot-area{
  display: none!important;
}
/* item一覧ページ */
.c-item-lineup-list li.light_blue .item-wrap .cat-area .c-cat {
    background-color:#4B9CDF;
}
.c-item-lineup-list li#item-list-premierliftrn .cat-area .c-cat sup{
    display:none;
}

/* 商品詳細ページ 注意事項 */
.canadel_item-template .info-area .caution{
  font-size: 12px;
  margin-top: 20px;
}
.canadel_item-template .info-area .caution a{
  text-decoration: underline;
}

/*CANADEL プレミアモイストクール（RN）*/
/*kikuchi_20220610　HP-1550 【CANADEL】「プレミアモイストクール（RN）」関連ページ作成*/
.detail-premiermoistcoolrn .item-block .inner-block .info-wrap .info-area .title-area .cat-area .c-cat {
    background-color: #4B9CDF;
}
@media only screen and (max-width: 640px) {
    .detail-premiermoistcoolrn .item-block .inner-block .sp .cat-area .c-cat {
        background-color: #4B9CDF;
    }
}
.canadel_item-template-premiermoistcoolrn .texture-block .inner-block:after {
  background-image: url(../img/item/premiermoistcoolrn/texture-img.jpg)!important;
}
.item-detail .texture-premiermoistcoolrn .box-wrap .box h3 {
    color :#4B9CDF;
    border-bottom: 1px solid #4B9CDF;
}
.item-detail .texture-premiermoistcoolrn .box-wrap .box .inn .img-area .sub-area p.ttl {
    color :#4B9CDF;
}

/*新商品アイコン*/
.c-item-lineup-list li{
  position: relative;
}
.c-item-lineup-list li .new-release-icon{
  border: 1px solid #aa1f4f;
  border-radius: 50%;
  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;
  text-align: center;
  width: 55px;
  height: 55px;
  position: absolute;
  z-index: 120;
  top: 59px;
  left: 20px;
}
.c-item-lineup-list li .new-release-icon .inner{
  line-height: 1.1;
  font-family: "Crimson Text",serif;
  font-size: 18px;
  color: #aa1f4f;
}
.item-detail .item-block .new-release-icon .inner{
  line-height: 1.1;
  font-family: "Crimson Text",serif;
  color: #aa1f4f;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .c-item-lineup-list li .new-release-icon{
    width: 45px;
    height: 45px;
    top: 38px;
    left: 10px;
  }
  .c-item-lineup-list li .new-release-icon .inner{
    color: #aa1f4f;
    line-height: 1.0;
    font-size: 16px;
  }}

.item-detail .item-block .new-release-icon{
  border: 1px solid #aa1f4f;
  border-radius: 50%;
  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;
  text-align: center;
  width: 67px;
  height: 67px;
  position: absolute;
  z-index: 1;
  top: 73px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .item-detail .item-block .new-release-icon{
    width: 50px;
    height: 50px;
    top: 56px;
  }
  .item-detail .item-block .new-release-icon .inner{
    font-size: 16px;
  }}

  /* yamanaka HP-1575 カナデルTOPページにスペシャルコンテンツへの導線追加*/
  .bnr-canadel-story{
    margin-bottom:160px;
}
@media only screen and (max-width: 640px) {
  .bnr-canadel-story{
    margin-bottom: 80px;
}}

.page-template-top #pagetop{
  display: none!important;
}

/* 220713_kikuchi_HP-1627 【canadel】topとconceptの修正 */
@media only screen and (min-width: 641px){
.concept .concept-block .box:nth-child(even) .img:before {
    bottom: 140px;
    left: -200px;
    top: auto;
 }
}

/* 220812_yamanaka_HP-1670 サスティナサイトのバナー作成&設置 */
@media only screen and (min-width: 641px){
  .c-footer .upper .bnr-wrap {
      max-width: 100%;
  }}

/* 220927_kikuchi_HP-1665 【canadel】使い方にFV追加・sp余白調整 */
.howto .page-title-block {
  background: url("../img/howto/howto_mv.jpg") no-repeat bottom right;
background-size: cover;
}

@media only screen and (max-width: 640px){
.howto .page-title-block {
  background-image: url(../img/howto/howto_mv_sp.jpg);
}
.howto .howto-block .bg-area .inner-block .box-wrap .box {
  margin-bottom: 100px;
}
.howto .inner-block p.sp-txt-catch {
  margin-top:15px;
}}
.howto .movie-wrap {
position: relative;
}
.howto .movie_start {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 220824_kikuchi_HP-1683 【canadel】初めての方へ・定期便 初回限定 最大53％OFF特集の修正 */
/* 初回定期半額キャンペーンページ */
.campaign-detail .lineup-item-block .off-circle {
	background: #aa1f4f;
}
.campain-first-allinone .bk-btn.bk-btn03.btn-home {
    display: block!important;
    top: 80px;
    left: 540px;
}

/* aboutページ */
.about .c-bnr-block .bnr-btns .bk-btn {
    font-size: 12px;
}
.about .about-item-block .bnr-btns .bk-btn {
    padding: 8px 20px 0;
    background: #221e1f;
    border: 1px solid #221e1f;
    border-radius: 5px;
    display: table;
    color: #fff;
    position: relative;
	margin: 20px auto 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.about .about-item-block .bnr-btns .bk-btn {
    text-align: center;
}
.about .about-item-block .bnr-btns .bk-btn .ico {
    margin-top: 5px;
	margin-right: -70px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: right;
}
@media only screen and (max-width: 640px){
	.about .about-item-block .bnr-btns .bk-btn {
		width:100%;
		padding-top: 20px;
	}}
@media only screen and (min-width: 641px){
.about .about-item-block .bnr-btns .bk-btn {
    padding: 30px 100px 0 100px;
	margin: 20px auto 0;
    font-size: 16px;
	}}
@media only screen and (min-width: 641px){
.about .about-item-block .bnr-btns .bk-btn:hover {
    background: #fff;
    color: #221e1f;
	}}
@media only screen and (min-width: 641px){
	.about .about-item-block .bnr-btns .bk-btn .ico:hover {
		margin-right: -80px;
	}}
@media only screen and (max-width: 640px){
	.about .about-item-block .bnr-btns .bk-btn .ico {
		margin-right: -10px;
	}}

/* 2306_umemiya_HP-2004【CANADEL】比較表オファー追加 */
.about .max-off-block .order-ex-area .ttl {
    font-size: 15px;
    position: relative;
    z-index: 3;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    letter-spacing:.04em;
}
.about .max-off-block .order-ex-area .ttl .red {
    color:#aa1f4f;
}
.about .max-off-block .order-ex-area .ttl .tax {
    font-size:10px;
}
.about .max-off-block .order-ex-area .box.box-item {
    width: 50%;
    margin-left: auto;
    position: relative;
    z-index:2;
}
.about .max-off-block .order-ex-area .box.box-item:before {
    content: "";
    background: url(../img/campaign/detail/sp/lift-main.png) no-repeat center;
    background-size: contain;
    width: 170px;
    height: 120px;
    left: -100%;
    top: auto;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index:-1;
}
.campaign-detail .max-off-block .order-ex-area .box.box-item .c-cat,
.about .max-off-block .order-ex-area .box.box-item .c-cat {
    padding: 2px 20px;
    font-size:13px;
}
.about .max-off-block .order-ex-area .box.box-item .txt {
    font-size: 12px;
    margin-top:4px;
}
.about .max-off-block .order-ex-area .box.box-item .name {
    font-size: 14px;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    font-weight: 500;
    margin: 6px 0;
    letter-spacing: .04em;
    white-space:nowrap;
}
.about .max-off-block .order-ex-area .box.box-item .name .quasi,
.campain-first-allinone .max-off-block .order-ex-area .box.box-item .name .quasi {
    font-size: 12px;
    line-height: 1;
    border: 1px solid #818181;
    padding: 2px 3px;
    margin-left: 10px;
    font-family: initial;
    font-weight: 200;
    vertical-align: middle;
    margin-bottom: 4px;
    display: inline-block;
}
.about .max-off-block .order-ex-area .box.box-item .capacity {
    font-size:12px;
}
.about .max-off-block .order-ex-area .box.box-price .txt-wrap > .txt {
    font-size: 12px;
    margin-top: 15px;
    text-align:center;
}
.about .max-off-block .order-ex-area .box.box-price .place {
    font-size: 15px;
    letter-spacing:.03em;
}
.about .max-off-block .order-ex-area .box.box-price .place.normal-price {
    padding-bottom: 35px;
    position: relative;
    text-align:center;
}
.about .max-off-block .order-ex-area .box.box-price .place .bold {
    font-size: 18px;
    font-weight:500;
}
.about .max-off-block .order-ex-area .box.box-price .place .bold .num-txt {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    padding:0 2px
}
.about .max-off-block .order-ex-area .box.box-price .place .tax {
    font-size:10px;
}
.about .max-off-block .order-ex-area .box.box-price .place .nlock {
    display: block;
    margin-top:-4px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription {
    display: 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-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;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap:15px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place {
    color:#aa1f4f;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold {
    font-size:24px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold .num-txt {
    font-size:50px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle {
    width: 100px;
    height: 100px;
    background: #aa1f4f;
    border-radius: 50%;
    display: block;
    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;
    color:#fff;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .circle-in {
    text-align:center;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .over {
    font-size:12px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .middle {
    display: block;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-size: 36px;
    line-height:24px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .middle span {
    font-size:25px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .under {
    line-height: 1;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-size:25px;
}
.about .max-off-block .order-ex-area .txt-sumple {
    font-size: 10px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
    padding-left:18px;
}
.about .max-off-block .order-ex-area .txt-sumple:before {
    content: "例)";
    position: absolute;
    left: 0;
    top:0;
}
.about .max-off-block .order-ex-area .note {
    font-size: 10px;
    margin-top: 10px;
    position: relative;
    z-index:2;
}
.about .present-block .box {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .3);
    border-radius:5px;
}
.about .present-block .box-sumple {
    padding: 40px 25px 15px 25px;
    background: url(../img/campaign/detail/sp/bg-sumple.png);
    background-repeat: no-repeat;
    background-size:cover;
}
.about .present-block .box-sumple .img {
    width: 35%;
    margin-left:auto;
}
.about .present-block .box-sumple .catch {
    background: #a64494;
    color: #fff;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
    letter-spacing:.04em;
}
.about .present-block .box-sumple .ttl {
    font-size: 27px;
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: 500;
    color: #a64494;
    line-height: 1.5;
    margin-top:5px;
}
.about .present-block .box-sumple .ttl sup {
    font-size: 10px;
    vertical-align:top;
}
.about .present-block .box-sumple .note {
    margin-top: 20px;
    font-size:10px;
}
@media only screen and (min-width: 641px){
.about .max-off-block .order-ex-area {
    margin-top:100px;
}
.about .max-off-block .order-ex-area .ttl {
    font-weight: 500;
    font-size: 17px;
    text-align: center;
}
.about .max-off-block .order-ex-area .ttl .red {
    margin-right:15px;
  }
.about .max-off-block .order-ex-area .inn {
    margin-top: 50px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content:space-between;
}
.about .max-off-block .order-ex-area .inn .box-item {
    width: 25%;
    margin-left:25%;
}
.about .max-off-block .order-ex-area .box.box-item:before {
    width: 200px;
    height:150px;
}
.about .max-off-block .order-ex-area .box.box-item .c-cat {
    font-size: 16px;
    padding:3px 25px;
}
.about .max-off-block .order-ex-area .box.box-item .txt {
    white-space:nowrap;
}
.about .max-off-block .order-ex-area .box.box-item .name {
    font-size: 16px;
    line-height:1.5;
}
.about .max-off-block .order-ex-area .box.box-price .txt-wrap > .txt {
    font-size: 16px;
    text-align: right;
    margin-top:0;
}
.about .max-off-block .order-ex-area .box.box-price .txt-wrap .tri-link {
    margin-top: 0;
    margin-right:80px;
}
.about .max-off-block .order-ex-area .box.box-price .place.normal-price {
    display:none;
}
.about .max-off-block .order-ex-area .box.box-price .place .tax {
    font-size:12px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold {
    font-size: 20px;
    font-weight:bold;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold .num-txt {
    font-size: 58px;
    font-weight:400;
}
.about .max-off-block .order-ex-area .txt-sumple {
    font-size: 12px;
    max-width: 900px;
    margin-left: auto;
    margin-right:auto;
}
.about .max-off-block .order-ex-area .note {
    font-size: 12px;
    margin-top: 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right:auto;
}
.about .present-block {
margin-top: 50px;
padding-bottom: 80px;
background: #f5f5f5;
}
.about .present-block .box {
        border-radius:0;
    }
.about .present-block .box .inn {
        display: block;
        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;
    }
.about .present-block .box-sumple {
        background-image: url(../img/campaign/detail/bg-sumple.png);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        padding:50px 10px;
    }
.about .present-block .box-sumple .inn {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        max-width: 660px;
        margin: auto;
        padding:0 20px;
    }
.about .present-block .box-sumple .inn .txt-area {
        width:365px;
    }
.about .present-block .box-sumple .img {
        width: 105px;
        height:125px;
    }
.about .present-block .box-sumple .catch {
        border: 5px;
        font-size: 23px;
        text-align:center;
    }
.about .present-block .box-sumple .ttl {
        font-size: 36px;
        line-height: 1.5;
        margin-top:20px;
    }
.about .present-block .box-sumple .note {
        font-size: 12px;
        max-width: 660px;
        margin: 15px auto 0;
        padding:0 20px;
    }
}
@media only screen and (min-width: 641px)and (min-width: 1100px){
.about .max-off-block .order-ex-area .ttl {
    font-size: 20px;
}
.about .max-off-block .order-ex-area .ttl {
    font-size:20px;
}
.about .max-off-block .order-ex-area .ttl .red {
    margin-right:30px;
}
.about .max-off-block .order-ex-area .box.box-item .name {
    margin: 10px 0;
    font-size:20px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold {
    font-size:22px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .place .bold .num-txt {
    font-size:72px;
}
}
@media only screen and (min-width: 1100px){
.about .max-off-block .order-ex-area .box.box-item:before {
    width: 420px;
    height: 370px;
}
.about .max-off-block .order-ex-area .box.box-item .txt {
    font-size: 14px;
}
.about .max-off-block .order-ex-area .box.box-item .capacity {
    font-size: 14px;
}
.about .max-off-block .order-ex-area .box.box-price {
    padding-top: 20px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle {
    width: 130px;
    height: 130px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .over {
    font-size: 15px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .middle {
    font-size: 55px;
    line-height: 31px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .middle span {
    font-size: 40px;
}
.about .max-off-block .order-ex-area .box.box-price .subscription .circle .under {
    font-size: 37px;
}
}
@media only screen and (min-width: 950px){
.about .max-off-block .order-ex-area .box.box-item:before {
    background-image: url(../img/campaign/detail/lift-main.png);
    left: -110%;
    z-index: -2;
    bottom: auto;
    top: -40px;
}
}
@media only screen and (max-width: 640px){
.about .max-off-block .order-ex-area .ttl .red {
    display: block;
    font-weight: bold;
    font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
    margin-bottom: 13px;
}
.about .max-off-block .order-ex-area .inn {
    margin-top: 20px;
}
.about .max-off-block .order-ex-area .box.box-item:before,
.campain-first-allinone .max-off-block .order-ex-area .box.box-item:before {
    left: -94%;
}
.about .max-off-block .order-ex-area .box.box-item,
.campain-first-allinone .max-off-block .order-ex-area .box.box-item {
    width: 52%;
}
.about .max-off-block .order-ex-area .box.box-item .name .quasi,
.campain-first-allinone .max-off-block .order-ex-area .box.box-item .name .quasi {
    font-size: 11px;
    margin-left: 0px;
}
.about .max-off-block .order-ex-area .box.box-price {
    margin-top: 20px;
}
.about .max-off-block .order-ex-area .box.box-price .txt-wrap .tri-link {
    text-align: center;
}
.about .max-off-block .order-ex-area {
    padding: 20px 15px 25px;
    background: #f5f5f5;
    border-radius: 5px 5px 0 0;
}
.about .present-block .wrap {
    padding: 0px 15px 45px;
    background: #f5f5f5;
    border-radius: 0 0 5px 5px;
}
.about .present-block .box-sumple .catch {
    margin-right: -25px;
    font-size: 17px;
}
.about .present-block .box-sumple .ttl {
    margin-right: -25px;
    font-size: 25px;
}
}

/* HP-1714 【CANADEL】YouTube動画設置＆HOW TOページ導線追加 */

.howto .howto-block .movie-wrap.video-inner{
  display: block;
  margin: 0 auto 50px;
}

/* HP-1707 商品詳細レフィルページ（ホワイト／リフト／バリアフィックス／ゼロ　）制作 */
/* レフィル対応共通 */
.detail-refill .texture-refill .inner-block:after {
	display: none;
}
@media screen and (min-width:641px) and ( max-width:819px) {
.detail-refill .texture-refill .box-wrap .box .use-step li {
    width: 50%;
    padding: 20px;
    min-width: 300px;
	}
.detail-refill .texture-block .box-wrap .box .use-step li:not(:first-child) {
    margin-left: 20px;
}
.detail-refill .texture-block .box-wrap .box .use-step li .img {
    padding: 0;
}
.detail-refill .refill-spatula {
    width: 100%;
    padding: 20px;
    min-width: auto;
}
}
@media only screen and (min-width: 820px){
.detail-refill .texture-refill .box-wrap .box .use-step li {
    width: 50%;
    padding: 20px;
    min-width: 370px;
	}}
.detail-refill .texture-refill .box-wrap .box .use-step li .img img {
    max-height:none;
	}
@media only screen and (max-width: 640px){
.detail-refill .texture-refill .box-wrap .box .use-step li .img img {
	max-height: none;
	}}
.detail-refill .texture-refill .box-wrap .box .img-area {
	margin: 0 auto;
}
@media only screen and (max-width: 640px){
.detail-refill .texture-refill .box-wrap .box .use-step li .img {
    width: 100%;
	margin-bottom: 20px;
	}}
.detail-refill .texture-refill .box-wrap .box01{
	margin-top: 50px;
}
.detail-refill .texture-refill .box-wrap .box .lr-area .txt:before{
	display: none;
}
.detail-refill .texture-refill .box-wrap .box .lr-area .txt-area ul{
	list-style-type: disc;
	list-style-position: inside;
}
.refill_box {
  margin-top: 20px;
  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;
}

.refill_box_txt {
	margin-left: 6px;
	color: #221e1f;
	font-size: 13px;
	text-decoration: underline;
	vertical-align: middle;
	display: inline-block;
}
.refill_box img {
	max-width: 100px;
	border:solid 1px #abb8c3;
	vertical-align: middle;
}
.refill_link {
	text-align: center;
}
span.jp-serif {
    font-family: serif;
    letter-spacing: 6px;
    font-size: 27px;
}
@media only screen and (max-width: 640px){
span.jp-serif {
	letter-spacing: 0;
	font-size: 20px;
}
.howto .howto-block .txt.refill-use-txt {
	margin-top: 50px;
	font-size: 14px;
	text-align:left;
}
.use01-txt p {
    font-size: 14px;
    line-height:1.7;
}
}
p.refill-use-txt {
	text-align:center;
}
@media only screen and (min-width: 641px){
p.refill-use-txt {
	width:83%;
	margin:0 auto;
}}
.img-top {
	display: flex;
}
.number span {
	font-size: 30px;
	font-family: "Crimson Text", serif;
	color:#aa1f4f;
}
.number {
	width:10%;
	line-height: 1;
}
.refill {
	width: 90%;
}
.refill img {
	margin: 0 auto;
}
.img-txt {
	margin: 10px 0 0 10%;
	text-align: center;
}
.use01-txt {
	background-color: #E4E0DD;
	text-align: center;
	font-size: 16px;
	margin:0 auto 10px;
	width:85%;
}
.use01-txt p {
	color:#707070;
	padding:10px;
}
.refill .use-img {
	text-align: center;
	margin:0 auto 10px;
	width:58%;
}
.refill-spatula {
	border:1px solid #5B5349;
	border-radius: 10px;
	text-align: center;
	width: 100%;
	padding: 20px;
	min-width: 340px;
}
.refill-spatula img {
    margin-bottom:20px;
}
@media only screen and (max-width: 640px){
.img-txt .note {
	text-align: center;
	}
.detail-refill .texture-block .box-wrap .box .use-step li .img.img_lastchild {
	padding:0;
	}
.refill-spatula {
	margin: 0 auto;
	}
.refill-spatula img {
	margin:0 0 20px;
}
}
/* プレミアゼロ（レフィル） */
.detail-premierzerorefill .c-cat {
	background:#6F737E;
}
.detail-premierzerorefill .texture-block .box-wrap .box h3 {
	color: #221E1F;
	font-size: 20px;
	border-bottom: 1px solid #221E1F;
}
/* プレミアホワイト（レフィル） */
.detail-premierwhiternrefill .c-cat {
	background: #7C67BF;
}
.detail-premierwhiternrefill .texture-block .box-wrap .box h3 {
	color: #7C67BF;
	border-bottom: 1px solid #7C67BF;
}
/* プレミアバリアフィックス（レフィル） */
.detail-premierebarrierfixrefill .c-cat {
	background: #73DFC0;
}
.detail-premierebarrierfixrefill .refill_box .old {
  width: 60px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
.detail-premierebarrierfixrefill .texture-block .box-wrap .box h3 {
	color: #73DFC0;
	border-bottom: 1px solid #73DFC0;
}

/* 商品一覧非表示 */
#item-list-premierzerorefill {
	display: none;
}
#item-list-premierliftrefill {
	display: none;
}
#item-list-premierliftrnrefill {
	display: none;
}
#item-list-premierwhiternrefill {
	display: none;
}
#item-list-premierebarrierfixrefill {
	display: none;
}

/* プレミア モイストクール第1,2弾 終売 */
/* umemiya_221027_HP-1782【CANADEL】モイストクール2商品　終売対応 */
#item-list-premiermoistcool{
	display: none;
}
.detail-premiermoistcoolrn .info-area .c-btn03  {
	display: none;
}
@media only screen and (max-width: 640px){
.detail-premiermoistcoolrn .sp-foot-area .c-btn03  {
    display: none;
}
}
@media only screen and (min-width: 641px) and (min-width: 1100px){
.c-item-lineup-list li#item-list-premiermoistcoolrn {
    border-right: 4px solid #f3f3f5;
}
}

/* prestigenight24kgoldmask */
/* umemiya_221101_HP-1740【CANADEL】カナデル プレステージナイト24Kゴールドマスク（限定品）商品詳細 */
.item-detail.detail-prestigenight24kgoldmask .texture-block .inner-block:after {
    background-image: url(../img/item/prestigenight24kgoldmask/texture-img.jpg) ;
   }
.item-detail.detail-prestigenight24kgoldmask .item-block .c-cat {
    background-color: #270089;
}
.item-detail.detail-prestigenight24kgoldmask .texture-block .box-wrap .box h3 {
    color: #270089;
    border-color: #270089;
}
.item-detail.detail-prestigenight24kgoldmask .texture-block .box-wrap .box .lr-area .txt:before {
    content: none;
    background-image: none;
}
@media only screen and (min-width: 641px) and (min-width: 1100px){
.item-detail .texture-block .inner-block:after {
    height: 400px;
}
}
.c-item-lineup-list li#item-list-prestigenight24kgoldmask .item-wrap .cat-area .c-cat {
    background-color: #270089;
}
.concept .c-item-lineup-list li.light_blue,
.c-item-lineup-list li#item-list-prestigenight24kgoldmask {
    display: none;
}
.detail-prestigenight24kgoldmask .info-area .c-btn03  {
	display: none;
}
@media only screen and (max-width: 640px){
.detail-prestigenight24kgoldmask .sp-foot-area .c-btn03  {
    display: none;
}
}

/* effecteyecreamlift */
.detail-effecteyecreamlift .why-block .wrap .img:before {
  content: none;
}
.item-detail.detail-effecteyecreamlift .why-block .bg-area {
    background-color: #faf1f2;
    background-image: none;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide {
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px auto 0;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li {
    text-align: center;
    line-height: 1.4;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li .divide_ttl {
    font-size: 16px;
    font-weight:600;
    margin-bottom:10px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li:nth-of-type(n+2)  .divide_ttl {
    line-height: 2.8;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li .txt {
    font-size: 10px;
    margin-top: 5px;
}
@media only screen and (min-width: 641px){
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide {
    margin-top: 30px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li {
    width: 140px;
    margin: 0 15px 30px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .img img {
    max-width: 100%;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li .divide_ttl {
    font-size: 16px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li .txt {
    font-size: 14px;
    margin-top: 10px;
}
.item-detail .texture-block .box-wrap .box .lr-area .full-area .img .eyecream_amount {
    max-width: 50%;
}
}
@media only screen and (max-width: 640px) {
.item-detail.detail-effecteyecreamlift .why-block .bg-area {
    margin-top: 40px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide {
    margin-bottom: 30px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li {
    width: 30%;
    margin: 0 2%;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide li .divide_ttl {
    font-size: 14px;
}
.item-detail.detail-effecteyecreamlift .why-block .box-wrap .divide .img {
    margin-bottom: 5px;
}
}

/* kikuchi_221021_HP-1771 【CANADEL】プレミアバランサー商品詳細 薬事修正 */
.detail-premierbalancer .refill_box .old {
  width: 60px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
@media only screen and (min-width: 641px){
.canadel_item-template-premierbalancer .item-detail .desc-block .wrap>.note {
	text-align: center;
	margin: 30px 0 0 0;
}}
.canadel_item-template-premierbalancer .item-detail .desc-block .wrap>.img{
	text-align: center;
}

/* 230117_wakisaka フッターにロゴ追加＋FAX番号追加 */
.c-footer .middle .inner-block {
  padding-top: 35px;
  padding-bottom: 35px;
}
.c-footer .upper .bnr-wrap .small-bnr .small-bnr-list {
  flex-wrap: wrap;
}
.c-footer .upper .bnr-wrap .small-bnr .small-bnr-list li {
  width: 144.67px;
}
.c-footer .middle .wrap .inn {
  text-align: left;
}
.c-footer .middle .tel-block:nth-child(2) {
  margin-bottom: 30px;
}
.c-footer .middle .tel-block .tel-ttl {
  font-size: 14px;
  color: #aa1f4f;
}
.c-footer .middle .tel-block .tel-content {
  margin-left: 14px;
}
.c-footer .middle .tel-block .tel-content .tel-btn {
  background: transparent;
  border: none;
  padding: 0;
}
.c-footer .middle .tel-block .tel-content .tel-btn.fax {
  font-size: 22px;
}
.c-footer .middle .tel-block .tel-content .tel-btn.fax .tel-txt {
  padding-left: 40px;
  padding-top: 2px;
}
.c-footer .middle .tel-block .tel-content .tel-btn.fax .tel-txt:before {
  width: 30px;
  height: 22px;
}
.c-footer .middle .tel-block .tel-content .txt {
  padding-left: 0;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .c-footer .upper .bnr-wrap .small-bnr .small-bnr-list li {
    width: 50%;
  }
  .c-footer .middle .tel-block .tel-content .tel-btn {
    text-align: left;
  }
  .c-footer .middle .wrap .inn .tel-btn .tel-txt {
    padding-left: 48px;
  }
}

/* 230222_murai_ 【CANADEL】「カナデル プレミア リフト 」商品詳細ページ制作*/
.refill_box +  .refill_box_txt {
  margin-top: 30px;
}
.detail-premierliftrn .cate_nm {
  margin-right: 15px;
}

.detail-premierliftrn .pink_attend {
  font-size: 14px;
  color: #AA1F4F;
  text-decoration: underline;
}

.detail-premierliftrn .refill_box .old {
  width: 60px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
.detail-premierliftrn .texture-block .box-wrap .box .lr-area .left-area {
  width: 100%;
}
.detail-premierliftrn .texture-block .box-wrap .box .lr-area .inn {
  justify-content: space-between;
}
.detail-premierliftrn .texture-block .box-wrap .box .lr-area .txt  {
  text-indent: 0;
}
.detail-premierliftrn .texture-block .box-wrap .box .lr-area .txt:before  {
  background-image: url('../img/item/premierlift/ico_sun-moon.png');
  width: 75px;
}
.detail-premierliftrn .texture-block .box-wrap .box .lr-area .inn .img {
  margin: 20px 90px 0 auto;
}
.detail-premierliftrn .texture-block .quasi {
  display: block;
  width: 80px;
  background-color: #fff;
  margin-top: 2px;
  margin-bottom: 8px;
  margin-left: auto !important;
  margin-right: auto;
}
.detail-premierliftrn .texture-block .name {
  font-size: 14px;
}
.detail-premierliftrn .texture-block .inner-block:after {
  background-image: url('../img/item/premierlift/texture-img2.png');
  width: 231px;
  height: 207px;
  top: 60px;
  right: 35px;
}
.detail-premierliftrn .why-block .wrap .img:before {
  content: none;
}
.detail-premierliftrn .why-block .box-wrap .capsules img {
  max-width: 596px;
  margin-top: 55px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  .detail-premierliftrn .texture-block .quasi {
  width: 73px;
  margin-top: 3px;
  margin-bottom: 2px;
  margin-left: 10px !important;
  margin-right: 0;
}
  .detail-premierliftrn .texture-block .c-ttl01 .name {
    font-size: 10px;
  }
  .detail-premierliftrn .texture-block .inner-block:after {
    background-image: url('../img/item/premierlift/texture-img2_sp.jpg');
    width: 185px;
    height: 166px;
    top: 30px !important;
    right: -15px;
  }
  .detail-premierliftrn .texture-block .box-wrap .box .lr-area .inn {
    align-items: center;
    display: block;
  }
  .detail-premierliftrn .texture-block .box-wrap .box .lr-area .txt  {
    padding-left: 75px;
  }
  .detail-premierliftrn .texture-block .box-wrap .box .lr-area .inn .img {
    margin: 15px 0 0 0;
    text-align: center;
  }
  .detail-premierliftrn .why-block .box-wrap .capsules img {
    max-width: 100%;
    margin-bottom: 25px;
  }

}
/* キャンペーン一覧ブランドカラー追加 */
.c-cat.cat-x {
  background: #ccd0e2;
  color: #221e1f;
}
.c-cat.cat-sinto {
  background: #b4c8c8;
  color: #221e1f;
}

/* 230411_murai 商品詳細ページのレビューリンク表示修正について */
.zv-form svg.zv-form-star-svg-on,
#ZVList .zv-star-svg,
#ZVList .zv-star-svg-sub {
  fill: #ef8137!important;
}
#ZVList .zv-bipolar-dot,
#ZVList .zv-bipolar-dot {
  background: #ef8137!important;
}
/* cmania色指定 */
.c-campaign-list .cat-cmania {
  background: #FFF100;
  color: #2F2725;
}


/* 20230629_murai フッターロゴ追加・調整 */
.footer-brand-wrap {
  margin-top: 55px;
}
.footer-brand-top {
  max-width: 335px;
  margin-bottom: 26px;
}
.footer-brand-top a {
  transition: 0.3s ease-in-out;
  display: block;
}
.footer-brand-top a:hover {
  opacity: 0.7;
}
.footer-brand-top .footer-brand-top-text {
  margin-top: 20px;
  font-size: 14px;
  color: #ffffff;
}
.footer-brand-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px 23px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.footer-brand-list a {
  display: block;
  width: 213px;
  -webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;
}
.footer-brand-list a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 640px) {
  .footer-brand-top a {
    display: block;
    max-width: 251px;
    margin: 0 auto 10px;
  }
  .footer-brand-top .footer-brand-top-text {
    font-size: 12px;
    text-align: center;
    margin-top: 0;
  }
  .footer-brand-list {
    gap: 18px 10px;
  }
  .footer-brand-list a {
    width: calc((100% - 20px) / 3);
  }
}

/* 20230809_yamanaka 【限定品】カナデル プレミア モイストクール商品詳細 */
.detail-premiermoistcoolrn .refill_box .old {
  width: 60px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}

/* 20230810_yamanaka HP-2099 【CANADEL】カナデルプレミアリフトレフィル（医薬部外品）_カートボタン閉じる */
.detail-premierliftrnrefill .refill_box .old {
  width: 100px;
  height: 22px;
  text-align: center;
  background-color: #AA1F4F;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}

/* 20230906_yamanaka キャンペーンエリア下部の余白調整 */
.c-campaign-block{
  padding-bottom: 0;
}
@media only screen and (min-width: 641px) and (min-width: 1100px){
.home .about-canadel-block {
  margin-top: 140px;
}
}
@media only screen and (max-width: 640px){
.home .about-canadel-block {
    margin-top: 80px;
}}


/* 20230928_murai CM footer改修*/
/*.page-template-cm footer {
  padding-top: 0;
}
.page-template-cm footer .inner-block {
  max-width: 1200px; 
  width: 100%;
  padding: 60px 20px 90px;
  margin: 0 auto;
}
.page-template-cm footer .footer-brand-wrap {
  margin-top: 0;
}
.page-template-cm footer .footer-brand-top .footer-brand-top-text {
  color: #414141;
  text-align: left;
}
.page-template-cm footer .bottom {
  background-color: #282828;
}
.page-template-cm footer .bottom .inner-block {
  max-width: 1200px;
  margin: 0 auto;
  padding: 25px 20px 30px;
}
.page-template-cm footer .bottom .link-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-template-cm footer .bottom ul {
  padding: 0;
}
.page-template-cm footer .bottom .link-area .sns-link-list {
  display: flex;
}
.page-template-cm footer .bottom .link-area .sns-link-list li {
  padding: 0;
}
.page-template-cm footer .bottom .link-area .sns-link-list li + li {
  border-left: none;
  margin-left: 30px;
}
.page-template-cm footer .bottom .link-area .sns-link-list li a {
  display: block;
}
.page-template-cm footer .bottom .link-area .sns-link-list li a img {
  height: 25px;
}
.page-template-cm footer .bottom .link-area .link-list li {
  padding: 0;
}
.page-template-cm footer .bottom .link-area .link-list li:not(:first-child) {
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #fff;
}
.page-template-cm footer .bottom .link-area .link-bnr {
  display: flex;
}
.page-template-cm footer .bottom .link-area .link-bnr li {
  padding: 0;
}
.page-template-cm footer .bottom .link-area .link-bnr li + li {
  margin-left: 15px;
  border-left: none;
}
.page-template-cm footer .bottom .copyright {
  color: #ffffff;
  margin: 70px 0 0;
  font-size: 14px;
}
@media only screen and (max-width: 640px){
  .page-template-cm footer {
    padding-top: 0;
  }
  .page-template-cm footer .inner-block {
    max-width: 100%; 
    width: 100%;
    padding: 55px 20px 60px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .page-template-cm footer .footer-brand-wrap {
    margin-top: 0;
  }
  .page-template-cm footer .footer-brand-top .footer-brand-top-text {
    color: #414141;
    text-align: center;
  }
  .page-template-cm footer .bottom {
    background-color: #282828;
  }
  .page-template-cm footer .bottom .inner-block {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .page-template-cm footer .bottom .link-area {
    display: block;
  }
  .page-template-cm footer .bottom ul {
    padding: 0;
  }
  .page-template-cm footer .bottom .link-area .sns-link-list {
    display: flex;
    justify-content: flex-start;
  }
  .page-template-cm footer .bottom .link-area .sns-link-list li {
    padding: 0;
    width: auto;
  }
  .page-template-cm footer .bottom .link-area .sns-link-list li + li {
    border-left: none;
    margin-left: 30px;
  }
  .page-template-cm footer .bottom .link-area .sns-link-list li a {
    display: block;
  }
  .page-template-cm footer .bottom .link-area .sns-link-list li a img {
    height: 25px;
  }
  .page-template-cm footer .bottom .link-area .link-list {
    margin-top: 45px; 
    display: block;
    text-align: left;
  }
  .page-template-cm footer .bottom .link-area .link-list li {
    padding: 0;
    width: 100%;
  }
  .page-template-cm footer .bottom .link-area .link-list li:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    margin-top: 15px;
  }
  .page-template-cm footer .bottom .link-area .link-bnr {
    display: flex;
    margin-top: 25px;
    justify-content: flex-start;
  }
  .page-template-cm footer .bottom .link-area .link-bnr li {
    padding: 0;
    width: auto;
  }
  .page-template-cm footer .bottom .link-area .link-bnr li + li {
    margin-left: 15px;
    border-left: none;
  }
  .page-template-cm footer .bottom .copyright {
    color: #ffffff;
    margin: 30px 0 0;
    font-size: 10px;
  }
}*/

/* 20231002_murai 店舗検索サイトClose対応*/
@media only screen and (min-width: 641px) {
  .c-footer .upper .bnr-wrap .bnr-list {
    justify-content: center;
  }
  .c-footer .upper .bnr-wrap .bnr-list li {
    max-width: 271.25px;
  }
}
.notice-news {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 20px;
}
.notice-news span {
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1;
  background: #b93232;
  border-radius: 5px;
  margin-right: 20px;
  flex-shrink: 0;
}
.notice-news a {
  text-decoration: underline;
  font-size: 12px;
}
.notice-news-note {
  font-size: 12px;
}

/* canadel：cmページ修正（第三弾） */
/*.cm-fv .content {
  width: 100%;
}
.cm-fv .content img {
  width: 100%;
}
.cm-loading-second {
  background-color: #9BD5E0;
}
.cm-loading-third {
  background-color: #ffffff;
}
.cm-loading-third img {
  display: block;
  width: 330px;
  height: 35px;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  transition: all ease 0.65s;
}
.cm-loading-fourth:before,
.cm-loading-fourth:after {
  content: none;
}
.cm-loading-fourth {
  height: auto;
  bottom: initial;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 750px){
  .cm-loading-third img {
    width: 43.333vw;
    height: 5.019vw;
  }
}*/

/* 20231113_murai レビュー調整 */
.item-block #ZVSummary .zv-star-comment {
  position: relative;
  top: -3px;
}
.review-block_list #ZVList table.zv-counts-table .zv-star-comment {
  position: relative;
  top: -2px;
}
.review-block .annouce-box_inner_l p br {
  display: none!important;
}
@media only screen and (max-width: 640px){
  .item-block #ZVSummary .type1 {
    margin: 0 auto;
  }
  .item-block #ZVSummary .zv-star-comment {
    font-size: 14px;
  }
}

/* 20231128_murai フッターバナー修正 */
@media only screen and (min-width: 641px) {
  .c-footer .upper .bnr-wrap .bnr-list {
    justify-content: flex-start;
  }
}

/* 20240105_murai レビュー表示改修 */
@media only screen and (max-width: 640px) {
  .review-acco-ttl {
    text-align: center;
    width: 100%;
  }
  .review-acco-ttl p {
    font-size: 14px;
    display: inline-block;
    position: relative;
  }
  .review-acco-ttl p::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #414141;
    border-bottom: 0;
    display: block;
    position: absolute;
    top: 6px;
    right: -20px;
    transition: transform 0.3s;
  }
  .review-acco-ttl.open p::after {
    transform: rotateZ(180deg);
  }
  .review-block .zv-row .zv-summary-cell:nth-child(n + 2) {
    display: none;
  }
}

#review #ZVList .zv-answer.zv-makeoff_wrap {
  margin-top: 20px;
}
#review #ZVList span.zv-separator {
  font-size: 0;
  width: 10px;
}
@media only screen and (max-width: 640px) {
  #review #ZVList .zv-hist {
    width: 130px;
  }
  #review #ZVList table.zv-counts-table td.zv-hist-per {
    width: 60px;
    min-width: 40px;
  }
}

#review,
#review:focus,
#review:focus-visible {
  outline: none;
  text-decoration: none;
}

/* 20240306_murai 画像の保存禁止 */
.no-touch {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}

.canadel_item-template .c-breadcrumb a {
  display: inline-block;
  color: #414141;
  border-bottom: none;
  position: relative;
}
.canadel_item-template .c-breadcrumb a:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #414141;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 20240220_murai 使用方法の修正 */
.item-detail .use_inn {
  margin-top: 65px;
}
.item-detail .use_inn .use_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 45px 8%;
}
.item-detail .use_inn .use_step {
  display: block;
  max-width: 28%;
  width: 100%;
}
.item-detail .use_inn .use_step .img {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.item-detail .use_inn .use_step .img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  font-weight: 600;
  font-family: "Crimson Text",serif;
  line-height: 1;
}
.item-detail .use_inn .use_step.step01 .img::before {
  content: "1";
}
.item-detail .use_inn .use_step.step02 .img::before {
  content: "2";
}
.item-detail .use_inn .use_step.step03 .img::before {
  content: "3";
}
.item-detail .use_inn .use_step .img img{
  display: block;
  margin: 0 auto;
}
.item-detail .use_inn .use_step.step01 .img img {
  width: 100%;
  max-width: 160px;
  padding-top: 65px;
}
.item-detail .use_inn .use_step.step02 .img img {
  width: 100%;
  max-width: 145px;
}
.item-detail .use_inn .use_step.step03 .img img {
  width: 100%;
  max-width: 177px;
  padding-top: 15px;
}
.item-detail .use_inn .use_step .use_txt {
  font-size: 16px;
}
.item-detail .use_inn .use_point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  margin-top: 40px;
}
.item-detail .use_inn .use_point .img {
  width: 280px;
  flex-shrink: 0;
}
.item-detail .use_inn .use_point .img img {
  width: 100%;
  max-width: 170px;
  margin: 0 auto;
  display: block;
}
.item-detail .use_inn .use_point .use_txt {
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
}
.item-detail .use_inn .use_point .use_txt span {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .item-detail .use_inn {
    margin-top: 35px;
  }
  .item-detail .use_inn .use_wrap {
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }
  .item-detail .use_inn .use_step {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
  }
  .item-detail .use_inn .use_step .img {
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .item-detail .use_inn .use_step .img::before {
    font-size: 24px;
  }
  .item-detail .use_inn .use_step.step01 .img img {
    max-width: 120px;
    padding-top: 45px;
  }
  .item-detail .use_inn .use_step.step02 .img img {
    max-width: 120px;
  }
  .item-detail .use_inn .use_step.step03 .img img {
    max-width: 120px;
    padding-top: 0;
  } 
  .item-detail .use_inn .use_step .use_txt {
    font-size: 12px;
  }
  .item-detail .use_inn .use_point {
    margin-top: 30px;
    gap: 15px;
  }
  .item-detail .use_inn .use_point .img {
    width: 120px;
  }
  .item-detail .use_inn .use_point .img img {
    max-width: 120px;
  }
  .item-detail .use_inn .use_point .use_txt {
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
  }
}

.canadel_item-template-premierzero .item-detail .use_inn .use_step .img::before {
  color: #6F737E;
}
.canadel_item-template-premierzero .item-detail .use_inn .use_point .use_txt {
  background-color: #F4F4F4;
}
.canadel_item-template-premierebarrierfix .item-detail .use_inn .use_step .img::before {
  color: #7CD5BB;
}
.canadel_item-template-premierebarrierfix .item-detail .use_inn .use_point .use_txt {
  background-color: rgba(116, 224, 193, 0.1);
}
.canadel_item-template-premierwhitern .item-detail .use_inn .use_step .img::before {
  color: #7C67C0;
}
.canadel_item-template-premierwhitern .item-detail .use_inn .use_point .use_txt {
  background-color: #F2F4FB;
}
.canadel_item-template-premierliftrn .item-detail .use_inn .use_step .img::before {
  color: #FF819C;
}
.canadel_item-template-premierliftrn .item-detail .use_inn .use_point .use_txt {
  background-color: #FAF1F2;
}
.canadel_item-template-premierbalancer .item-detail .use_inn .use_step .img::before {
  color: #C89D39;
}
.canadel_item-template-premierbalancer .item-detail .use_inn .use_point .use_txt {
  background-color: #FCFBED;
}
.canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step .img::before {
  color: #FF819C;
}
.canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step01 .img img {
  max-width: 97px;
  padding-top: 40px;
}
.canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step02 .img img {
  max-width: 252px;
  padding-top: 50px;
}
.canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step03 .img img {
  max-width: 174px;
  padding-top: 40px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step01 .img img {
    max-width: 120px;
    padding-top: 30px;
  }
  .canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step02 .img img {
    max-width: 120px;
    padding-top: 30px;
  }
  .canadel_item-template-effecteyecreamlift .item-detail .use_inn .use_step.step03 .img img {
    max-width: 120px;
    padding-top: 30px;
  }
}

/* 20240226_murai */
.canadel_item-template-jellylotion .item-detail .use_inn .use_step .img::before {
  color: #FF819C;
}
.canadel_item-template-jellylotion .item-detail .use_inn .use_step.step01 .img img {
  max-width: 203px;
  padding-top: 25px;
}
.canadel_item-template-jellylotion .item-detail .use_inn .use_step.step02 .img img {
  max-width: 155px;
}
.canadel_item-template-jellylotion .item-detail .use_inn .use_step.step03 .img img {
  max-width: 155px;
  padding-top: 0;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-jellylotion .item-detail .use_inn .use_step.step01 .img img {
    max-width: 120px;
    padding-top: 20px;
  }
  .canadel_item-template-jellylotion .item-detail .use_inn .use_step.step02 .img img {
    max-width: 120px;
    padding-top: 8px;
  }
  .canadel_item-template-jellylotion .item-detail .use_inn .use_step.step03 .img img {
    max-width: 120px;
  }
}
.why_flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 20px;
  margin-top: 10px;
}
.why_flex .why_flex_box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 5px 20px;
  flex-wrap: wrap;
  width: calc((100% - 20px) / 2);
}
.why_flex .why_flex_box .why_flex_item {
  width: calc((100% - 20px) / 2);
  text-align: center;
}
.why_flex .why_flex_box .why_flex_item img {
  display: block;
  width: 100px;
  margin: 0 auto 5px;
}
.why_flex .why_flex_box .why_txt_small {
  font-size: 14px;
}
.why_flex .why_flex_box .why_txt_big {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  text-align: center;
}
.why_flex .why_flex_box .why_txt_small + .why_txt_big{
  margin-top: 5px;
}
.canadel_item-template-jellylotion .img.img02 {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.canadel_item-template-jellylotion .img.img03 {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.canadel_item-template-jellylotion .img.img02 img,
.canadel_item-template-jellylotion .img.img03 img {
  display: block;
  width: 100%;
}
.canadel_item-template-jellylotion .item-detail .why-block .box-wrap {
  margin-top: -75px;
}
@media only screen and (max-width: 950px) {
  .canadel_item-template-jellylotion .item-detail .why-block .box-wrap {
    margin-top: 0;
  }
}
.canadel_item-template-jellylotion .item-detail .why-block .wrap .img:before {
  content: none;
}
.canadel_item-template-jellylotion .item-detail .c-btn03 {
  display: none;
}
.canadel_item-template-jellylotion .item-detail .texture-block .inner-block:after {
  background: url(../img/item/jellylotion/texture-img.jpg) no-repeat center;
  background-size: contain;
}
.canadel_item-template-jellylotion .item-detail .item-block .info-area .capacity {
  margin-bottom: 20px;
}
.canadel_item-template-jellylotion .item-detail .texture-block .c-ttl01 {
  margin-bottom: 0;
}
.canadel_item-template-jellylotion .item-detail .texture-block .sub-catch {
  margin-top: 25px;
}
.canadel_item-template-jellylotion .item-detail .why-block .wrap .txt-area {
  padding-top: 15px;
}
@media only screen and (max-width: 640px) {
  .why_flex {
    gap: 0 5px;
  }
  .why_flex .why_flex_box {
    gap: 5px 5px;
    width: calc((100% - 5px) / 2);
  }
  .why_flex .why_flex_box .why_flex_item {
    width: calc((100% - 5px) / 2);
  }
  .why_flex .why_flex_box .why_flex_item img {
    width: 70px;
  }
  .why_flex .why_flex_box .why_txt_small {
    font-size: 10px;
  }
  .why_flex .why_flex_box .why_txt_big {
    font-size: 10px;
  }
  .why_flex .why_flex_box .why_txt_small + .why_txt_big{
    margin-top: 5px;
  }
  .canadel_item-template-jellylotion .img.img02 {
    max-width: 300px;
  }
  .canadel_item-template-jellylotion .item-detail .why-block .box-wrap {
    margin-top: 0;
  }
  .canadel_item-template-jellylotion .item-detail .why-block .c-ttl01 {
    margin-bottom: 15px;
  }
  .canadel_item-template-jellylotion .item-detail .texture-block .inner-block:after {
    top: -65px;
  }
}
.canadel_item-template-cleansingwater .item-detail .use_inn .use_step .img::before {
  color: #A5D3EA;
}
.canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step01 .img img {
  max-width: 222px;
  padding-top: 40px;
}
.canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step02 .img img {
  max-width: 117px;
}
.canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step03 .img img {
  max-width: 117px;
  padding-top: 0;
}
.item-detail .use_color_box {
  padding: 10px 20px;
  width: 100%;
  font-size: 14px;
  background-color: #F0FAFF;
  box-sizing: border-box;
  margin-top: 20px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step01 .img img {
    max-width: 120px;
    padding-top: 20px;
  }
  .canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step02 .img img {
    max-width: 120px;
    padding-top: 8px;
  }
  .canadel_item-template-cleansingwater .item-detail .use_inn .use_step.step03 .img img {
    max-width: 120px;
  }
  .item-detail .use_color_box {
    padding: 20px 10px;
    font-size: 10px;
    margin-top: 35px;
  }
}
.canadel_item-template-cleansingwater .img.img01 {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.canadel_item-template-cleansingwater .img.img02 {
  max-width: 495px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.canadel_item-template-cleansingwater .img.img01 img,
.canadel_item-template-cleansingwater .img.img02 img {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-cleansingwater .item-detail .why-block .box-wrap .img img {
    max-width: 100%;
  }
}
.item-detail.detail-cleansingwater .texture-block .box-wrap .box h3 {
  color: #A5D3EA;
  border-color: #A5D3EA;
}
.item-detail.detail-cleansingwater .why-block .bg-area {
  background-color: #F0FAFF;
  background-image: url(../img/item/cleansingwater/bg-why.jpg?v3);
}
.item-detail.detail-cleansingwater .why-block .box-wrap .ttl {
  background-color: #A5D3EA;
}
.item-detail.detail-cleansingwater .review-block .bg-area {
  background-color: #A5D3EA;
}
.canadel_item-template-cleansingwater .item-detail .why-block .wrap .img:before {
  content: none;
}
.canadel_item-template-cleansingwater .item-detail .c-btn03 {
  display: none;
}
.canadel_item-template-cleansingwater .item-detail .texture-block .inner-block:after {
  background: url(../img/item/cleansingwater/texture-img.jpg) no-repeat center;
  background-size: contain;
}
.canadel_item-template-cleansingwater .item-detail .item-block .info-area .capacity {
  margin-bottom: 20px;
}
.canadel_item-template-cleansingwater .item-detail .texture-block .c-ttl01 {
  margin-bottom: 0;
}
.canadel_item-template-cleansingwater .item-detail .texture-block .sub-catch {
  margin-top: 25px;
}
.c-item-lineup-list li#item-list-cleansingwater .cat-area {
  margin-bottom: 41px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-cleansingwater .img.img01 {
    max-width: 295px;
  }
  .canadel_item-template-cleansingwater .img.img02 {
    max-width: 292px;
  }
  .canadel_item-template-cleansingwater .item-detail .why-block .c-ttl01 {
    margin-bottom: 15px;
  }
  .canadel_item-template-cleansingwater .item-detail .texture-block .inner-block:after {
    top: -55px;
  }
  .c-item-lineup-list li#item-list-cleansingwater .cat-area {
    margin-bottom: 36px;
  }
}

/* 20240311_watanabe コンセプトメイン画像エリアの余白調整 */
@media only screen and (max-width: 640px) {
  .concept .concept-title-block {
      padding-bottom: 50px;
  }
  .concept .concept-title-block .left_area {
      padding-top: 50px;
  }
  .concept .concept-title-block .left_area .img {
      text-align: center;
  }
}

/* 20240311_watanabe 定期便初回限定メインアイテム画像エリアの余白調整 */
@media only screen and (min-width: 641px) and (min-width: 1100px) {
  .campaign-detail .max-off-block .wrap .img {
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px); 
  }
}
@media only screen and (max-width: 640px) {
  .campaign-detail .max-off-block .wrap .img {
      -webkit-transform: translateX(0)!important;
      transform: translateX(0)!important;
  }
}

/* 20240422_watanabe revico余白調整 */
@media only screen and (max-width: 640px){
  .revico-star .revico-star-block {
      justify-content: center;
  }
}

/* 20240423_watanabe revico余白調整 */
.divide-btns.refill {
  margin-bottom: 80px!important;
}

/* 20240521_watanabe concept newitem追加余白調整 */
.concept .lineup-item-block.lineup-spcr {
  padding-bottom: 0!important;
}
.concept .lineup-item-block.lineup-new {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media only screen and (min-width: 641px) {
  .concept .lineup-item-block.lineup-spcr {
    padding-bottom: 0!important;
  }
  .concept .lineup-item-block.lineup-new {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

/* 20240522_watanabe jellylotion、cleansingwater revico追加分余白調整 */
.item-detail .aco-block.bottom-space {
  margin-bottom: 80px;
}

/* 20240522_watanabe topページレビュー追加分余白調整 */
.top-review-block {
  margin-top: 80px;
}
@media only screen and (min-width: 641px) {
  .top-review-block  {
      margin-top: 150px;
  }
}

/* 20240524_watanabe topページレビュー追加分調整 */
.review-inner-block .c-ttl01 .en-text, .reviews-inner-block .c-ttl01 .en-text {
  font-size: 33px!important;
  font-family: "Crimson Text", serif!important;
  font-weight: 400!important;
  letter-spacing: .15em!important;
  color: #5a5a5a!important;
}
.review-inner-block .c-ttl01 .ja, .reviews-inner-block .c-ttl01 .ja {
  font-size: 14px;
  color: #221e1f;
  letter-spacing: .06em;
}
/*topページ*/
#block_of_new_review .review-inner-block {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#block_of_new_review  .revico-multicomment-top .revico-multicomment-inner {
  max-width: 100%!important;
}
.review-inner-block .c-ttl01 {
  padding-left: 0!important;
}
#block_of_new_review .revico-multicomment-top .revico-review-comment-row-wrapper {
  margin: 20px 12px 0 !important;
  width: 216px!important;
}

@media only screen and (min-width: 641px) and (max-width: 1230px) {
  #block_of_new_review .review-inner-block {
    padding: 0 16px;
  }
}
/*すべてのレビュー*/
@media screen and (max-width: 768px) {
  #reviews-block #revico-comment .revico-review-comment-row-wrapper .revico-review-comment-row {
    margin: 0 auto !important;
  }
}

@media only screen and (max-width: 640px) {
  .review-inner-block .c-ttl01 .en-text, .reviews-inner-block .c-ttl01 .en {
    font-size: 23px!important;
    letter-spacing: .1em!important;
  }
  .review-inner-block .c-ttl01 .ja, .reviews-inner-block .c-ttl01 .ja {
    font-size: 12px!important;
    letter-spacing: .04em!important;
  }

  /*topページ*/
  #block_of_new_review .revico-multicomment-top .revico-multicomment-inner {
    padding: 0 16px;
  }
  #block_of_new_review .revico-multicomment-top .revico-review-comment-row-wrapper {
    margin: 20px 8px 0 !important;
  }

  /*すべてのレビュー*/
  #reviews-block .inner-block {
    padding: 0 20px!important;
  }
  #reviews-block .c-ttl01 {
    padding: 30px 20px 0 0!important;
  }
}

/* 20240531_watanabe topページレビュー画像余白調整 */
#block_of_new_review .revico-review-comment-detail--product-name-image {
  height: 108px!important;
}

@media only screen and (max-width: 640px) {
  #block_of_new_review .revico-review-comment-detail--product-name-image {
      height: 76px!important;
  }
}

/* 20240604_watanabe  review top追加分対応*/
#block_of_new_review .revico-review-comment-row .revico-review-comment-detail--product-name p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 36px !important;
}

@media only screen and (max-width: 640px) {
  #block_of_new_review .revico-review-comment-row .revico-review-comment-detail--product-name p {
    -webkit-line-clamp: 3;
    height: 56px !important;
  }
}

/* 20240702_murai ギフトラッピングページ制作*/
.gift .c-lineup-list {
  max-width: none;
  flex-wrap: nowrap;
  justify-content: center;
}
.gift .c-lineup-list li {
  max-width: 250px;
  margin: 20px 10px 0;
}
.gift .c-lineup-list li .inn.is-active {
  background: #aa1f4f;
  color: #fff;
  border-color: #aa1f4f;
}
.gift .menu-wrap .c-lineup-list li a {
  padding: 20px 10px;
  justify-content: center;
}
.gift-fv {
  background-color: #ffffff;
}

.gift-fv .inner-block {
  padding: 130px 20px;
  position: relative;
}
.gift-fv .gift-fv-txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.011em;
  color: #221E1F;
  max-width: 500px;
  width: 45%;
  position: relative;
  z-index: 2;
}
.gift .gift-note {
  color: #AA1F4F;
}
.gift .gift-box-img {
  display: block;
  margin: 0 auto 40px;
  width: 100%; 
  max-width: 285px;
}
.gift .gift-box-txt.mt {
  margin-top: 30px;
}
.gift .gift-link {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.gift .gift-img03 {
  display: block;
  max-width: 675px;
  width: 100%;
  margin: 20px auto 0;
  border: solid 1px #D9D9D9;
}
.gift .gift-box-img.img02 {
  max-width: 566px;
}
.page-template-gift .mypage-step-ss-wrap {
  overflow-x: scroll;
}
.page-template-gift table.mypage-step-ss {
  width: 100%;
  border-collapse: collapse;
}
.page-template-gift table.mypage-step-ss td {
  vertical-align: top;
}
@media only screen and (min-width: 641px) {
  .gift-fv img {
    position: absolute;
    top: 0;
    left: 40%;
    display: block;
    height: 100%;
    width: auto;
    max-width: initial;
    z-index: 1;
    object-fit: cover;
    object-position: left;
  }
  .page-template-gift .sp-only {
    display: none;
  }
  .page-template-gift table.mypage-step-ss td {
    min-width: 520px;
    max-width: 520px;
    padding: 0 1em;
  }
}
@media only screen and (max-width: 640px) {
  .gift .c-lineup-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    max-width: 810px;
    margin: 0 auto;
  }
  .faq .menu-wrap .c-lineup-list li {
    width: calc((100% - 10px) / 2);
    max-width: 100%;
    margin: 0!important;
  }
  .gift .menu-wrap .c-lineup-list li a {
    padding: 10px 10px;
    justify-content: center;
  }
  .gift-fv {
    background-image: none;
  }
  .gift-fv .inner-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    padding: 0 20px;
  }
  .gift-fv .gift-fv-txt {
    font-size: 13px;
    padding: 25px 0;
    max-width: 100%;
    width: 100%;
  }
  .gift-fv img {
    position: static;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px);
    margin: 0 -20px; 
  }
  .gift-fv .gift-fv-img img {
    height: auto;
    width: 100%;
  }
  .gift .gift-box-img {
    margin-bottom: 10px;
    max-width: 142px;
  }
  .gift .gift-box-txt.mt {
    margin-top: 20px;
  }
  .gift .gift-img-03 {
    max-width: 270px;
    margin-top: 10px;
  }
  .page-template-gift .pc-only {
    display: none;
  }
  .page-template-gift table.mypage-step-ss td{
    min-width: 250px;
    max-width: 250px;
    padding: 0 20px;
  }
  .page-template-gift .faq .menu-wrap {
    padding-top: 30px; 
  }
}

/* 20241028_abe ポイント・会員ステージ*/
.point-block .info-wrap#link01 .img {
  max-width: none;
}
.point .page-title-block .inner-block .note {
  line-height: 1.4;
  margin-top: 15px;
}

/* 20241028_abe 定期便サービス*/
.service .box#merit06 .txt-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .035em;
  margin-top: 25px;
}
.service .box#merit06 .img img {
  width: 100%;
}
@media only screen and (max-width: 640px)  {
  .service .box#merit06 .txt-title {
    font-size: 14px;
  }
}

/* 20241028_abe お買い物全般のよくある質問*/
.faq #teiki .box .txt-bold {
  font-weight: bold;
}

/* 20241028_abe 初めての方へ*/
.about .first-off-block .list-point .txt-note {
  text-align: center;
  padding-top: 13px;
}
.about .first-off-block .list-point .txt-note a {
  color: #9B0202;
}
.c-link-red {
  color: #9B0202;
}
.bold {
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .service .merit-block .shopping-box {
    margin-top: 0;
  }
  .service .merit-block .shopping-box .list li:first-child {
    border-top: none;
  }
}
.mypage-step-ss-wrap {
  overflow-x: scroll;
  margin: 20px 0;
}
 .mypage-step-ss-wrap .mypage-step-ss {
  width: 100%;
  border-collapse: collapse;
 }
.mypage-step-ss-wrap td {
  min-width: 520px;
  max-width: 520px;
  padding: 0 20px;
  vertical-align: top;
}
.mypage-step-ss-wrap td img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  .mypage-step-ss-wrap td {
    min-width: 250px;
    max-width: 250px;
    padding: 0 20px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 641px) {
  .point-block .info-wrap .dl-step>dt {
    width: 140px;
  }
  .point-block .info-wrap .dl-step>dd {
    width: calc(100% - 140px);
  }
}

/* ----20241108_【商品詳細リッチ化】プレミアバリアフィックス---- */
/**common**/
.canadel_item-template-premierebarrierfix .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premierebarrierfix .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-premierebarrierfix .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-premierebarrierfix .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  /* font-size: 18px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-35 {
  font-size: 35px;
}
.canadel_item-template-premierebarrierfix .updatecontent .fs-48 {
  font-size: 48px;
}

.canadel_item-template-premierebarrierfix .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-premierebarrierfix .updatecontent em {
  font-style: normal;
  color: #02c7a9;
  font-weight: bold;
}
.canadel_item-template-premierebarrierfix .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif
}

/**content**/
.canadel_item-template-premierebarrierfix .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  /* background-color: yellow; */
  margin: 0 auto;
  
}


.canadel_item-template-premierebarrierfix .updatecontent .wrap_fv {
  background: url(../img/item/premierebarrierfix/fvcontent_bg.jpg) no-repeat center 0 / cover;
}
.canadel_item-template-premierebarrierfix .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 4%;
  
}
.canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  /* font-size: 18px; */
  /* font-weight: bold; */
  width: 40%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}

.canadel_item-template-premierebarrierfix .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/**Point 共通**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-premierebarrierfix .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}


/**point01**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 {
  background-color: #e0f7f3;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .content_subtitle {
  /* display: inline-block; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
  /* font-size: 20px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  margin-bottom: 8%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 16%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
  /* font-size: 48px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 span {
  /* font-size: 35px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 83%;
  width: 67%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 2%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .text {
  width: 76%;
  margin-top: 4%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}

/**Point3**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 {
  background-color: #e0f7f3;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .text {
  width: 76%;
  margin: 0 auto;
  margin-bottom: 2%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}

/**Point4**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .wrap_box img {
  margin: 0 auto;
  display: block;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .text {
  width: 70%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}

/**dakara**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_dakara {
  /* background-color: #ccc; */
  background: url(../img/item/premierebarrierfix/dakara_bg.jpg) no-repeat center 0 / cover;
}

/**voice**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice {
  background: url(../img/item/premierebarrierfix/voice_bg.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  /* font-size: 25px; */
  line-height: 1.3;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .catchtext .text_big {
  /* font-size: 35px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #FF4078;
  font-weight: normal;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .catchtext .text_big .normal {
  /* font-size: 25px; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■puru**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_puru {
  background: url(../img/item/premierebarrierfix/puru_bg.jpg) no-repeat center 0 / cover;
}

/**■usege**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #02c7a9;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text {
  display: flex;
  /* align-items: center; */
  line-height: 1.4;
  /* font-size: 16px; */
  float: left;
  
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premierebarrierfix/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto {
  /* padding: 3% 0; */
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #02c7a9;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 li .text {
  /* font-size: 16px; */
  margin-top: 7%;
}

.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  border: 1px solid #02c7a9;
  padding: 3% 11%;
  
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  /* font-size: 16px; */
  white-space: nowrap;
}
.canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #02c7a9;
  font-weight: bold;
}


/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent {
    /* background-color: red; */
    width: calc(100% + (100vw - 1000px) / 2);
    
  }
}/**@end**/

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premierebarrierfix .updatecontent { /**18px 0.09833333333倍**/
    /* font-size: 1.77vw; */
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-11,
  .canadel_item-template-premierebarrierfix .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext {
    width: 43%;
    /* margin-left: 3.6%; */
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/


/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premierebarrierfix .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fs_sp-13 {
    font-size: 13px;
  }


  /**content**/
  .canadel_item-template-premierebarrierfix .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext {
    width: 93%;
    top: 66%;
    line-height: 1.8;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }

  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point {
    /* padding: 10% 0; */
    padding: 11% 0;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 10%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    /* width: 92%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }

  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 77%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .text {
    width: 80%;
    margin-top: 1%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .wrap_box {
    padding-bottom: 5%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .text {
    width: 90%;
    margin-top: 5%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .catchtext {
    width: 80%;
    margin-bottom: 2%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .text {
    width: 80%;
    margin-top: 0%;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }

  .canadel_item-template-premierebarrierfix .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_voice .text {
    width: 80%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }

  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }

}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premierebarrierfix .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
}/**@end**/

/**20241112_watanabe 調整_【商品詳細リッチ化】プレミアバリアフィックス**/

@media only screen and (min-width: 641px) {
  .canadel_item-template-premierebarrierfix .updatecontent .wrap_point4 .wrap_box img {
    max-width: 70%;
  }
}

/**スライダーサムネイル2行目余白対応**/
@media only screen and (max-width: 640px) {
  .canadel_item-template-premierebarrierfix .thumb-slider .slick-slide:nth-child(-n+4) {
      margin-bottom: 10px;
  }
}

/**スライダーサムネイル対応**/
.canadel_item-template-premierebarrierfix .item-detail .slide-area .slick-slider .slick-track {
  transform: unset !important;
}


/* ----【商品詳細リッチ化】CANADEL プレミアリフト---- */
.canadel_item-template-premierliftrn .fv-size {
  width: 100%;
  max-width: 1057px !important;
}
.canadel_item-template-premierliftrn .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premierliftrn .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-premierliftrn .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 18px; 
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .notoserif {
    font-size: 16px; 
  }
}
.canadel_item-template-premierliftrn .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-premierliftrn .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premierliftrn .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premierliftrn .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-premierliftrn .updatecontent .fs-35 {
  font-size: 35px;
}
.canadel_item-template-premierliftrn .updatecontent .fs-48 {
  font-size: 48px;
}
.canadel_item-template-premierliftrn .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-premierliftrn .updatecontent em {
  font-style: normal;
  color: #ff8087;
  font-weight: bold;
}
.canadel_item-template-premierliftrn .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
}

/**content**/
.canadel_item-template-premierliftrn .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  /* background-color: yellow; */
  margin: 0 auto;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv {
  background: url(../img/item/premierlift/fvcontent_bg_img.jpg) no-repeat center 0 / cover;
}
.canadel_item-template-premierliftrn .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
}
.canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  width: 40%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv02 {
  background: url(../img/item/premierlift/fv02content_bg_img.jpg) no-repeat center 0 / cover;
	padding: 0 0 7%;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv02 {
    background: url(../img/item/premierlift/fv02content_bg_img_sp.jpg) no-repeat center 0 / cover;
    padding: 0 0 7%;
    margin-bottom: -16%;
  }
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv02 .fv02content_inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 476px;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv02 .fv02content_inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 688px;
  }
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv02 .fv02content_inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 728px;
  }
}
.canadel_item-template-premierliftrn .fv02_left {
	position: absolute;
	z-index: 5;
	padding: 0 0 0 10px;
  max-width: 540px;
  width: 100%;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .fv02_left {
    padding: 0;
    max-width: 451px;
  }
}
.canadel_item-template-premierliftrn .fv02_right {
	width: 468px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 64px 45px 64px 108px;
	background: #ffffff;
	z-index: 1;
	margin: 0 4% 2% 0;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierliftrn .fv02_right {
    width: 468px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 64px 45px 64px 45px;
    background: #ffffff;
    z-index: 1;
    margin: 0 40px 23px 0;
  }
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .fv02_right {
    width: 94%;
    position: absolute;
    right: 0;
    bottom: 19%;
    padding: 70px 56px 30px 30px;
    background: #ffffff;
    z-index: 1;
    margin: 0;
  }
}
.canadel_item-template-premierliftrn .fv02_right .text {
	padding-bottom: 20px;
}
.fv02content_txt{
	width: 720px;
	margin: 0 auto;
	padding: 0 10px 59px 10px;
}
@media only screen and (max-width: 1000px) {
  .canadel_item-template-premierliftrn .fv02content_txt {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 48px 20px;
  }	
}
.canadel_item-template-premierliftrn .fv02content_txt img {
	text-align: center;
}
.canadel_item-template-premierliftrn .fv02content_txt .copy {
	margin: 48px 0 28px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-premierliftrn .fv02content_txt .copy {
    margin: 0 0 16px;
  }
}
.canadel_item-template-premierliftrn .wrap_fv02 .fukidashi_title {
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_fv02 .fukidashi_title {
    margin-bottom: 28px;
  }
}
.canadel_item-template-premierliftrn .wrap_fv02 .fukidashi_title p {
	text-align: center;
	position: absolute;
	bottom: 28%;
	left: 0;
	right: 0;
	font-size: 20px;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_fv02 .fukidashi_title p {
    text-align: center;
    position: absolute;
    bottom: 31%;
    left: 0;
    right: 0;
    font-size: 16px;
  }
  .canadel_item-template-premierliftrn .fukidashi_title img {
    width: 90%;
		margin: 0 auto;
	}
}
.canadel_item-template-premierliftrn .wrap_fv02 .fukidashi_img {
	text-align: center;
	position: relative;
}
.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_title {
	text-align: center;
	position: relative;
	margin-bottom: 48px;
}
.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_title .mini_title {
	text-align: center;
	position: absolute;
	top: -4%;
	left: 0;
	right: 0;
	font-size: 20px;
}
.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_title .large_title {
	text-align: center;
	position: absolute;
	bottom: 22%;
	left: 0;
	right: 0;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_title .large_title {
    bottom: 11%;
  }
}
.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_img {
	text-align: center;
	position: relative;
}
.canadel_item-template-premierliftrn .wrap_fv03 .fukidashi_title {
	position: relative;
	/*top: 96px;*/
	left: 0;
	right: 0;
}
.canadel_item-template-premierliftrn .kakushitsu_image {
	width: 419px;
	margin: 0 auto 40px;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .kakushitsu_image {
    width: 350px;
    margin: 0 auto 24px;
    text-align: center;
  }
}
.canadel_item-template-premierliftrn .color_txt {
	color: #ff5a63;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv03 {
  background: url(../img/item/premierlift/fv03content_bg_img.jpg) no-repeat center 0 / cover;
	position: relative;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv03 {
    background: url(../img/item/premierlift/fv03content_bg_img_sp.png) no-repeat center 0 / cover;
    position: relative;
  }
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv03 .fv03content {
	padding: 104px 20px;
	max-width: 740px;
  width: 100%;
	margin: 0 auto;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv03 .fv03content {
    padding: 136px 0 48px;
    width: 100%;
    margin: 0 auto;
  }
}
.canadel_item-template-premierliftrn .wrap_fv03 .icon_center {
	width: 120px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -4%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv04 {
  background: #f3f6f9;
	position: relative;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_point1 .inner_content {
		padding-top: 16%;
	}
}
.canadel_item-template-premierliftrn .updatecontent .wrap_fv04 .fv04content {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .updatecontent .wrap_fv04 .fv04content {
    width: 100%;
    position: relative;
  }
}
.canadel_item-template-premierliftrn .fv03content .attention {
	margin-top: 20px;
}
.canadel_item-template-premierliftrn .wrap_fv04 .icon_center {
	width: 120px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -36px;
	z-index: 5;
}
.canadel_item-template-premierliftrn .wrap_fv04 .fv04content_inner {
	width: 700px;
  margin: 0 auto;
  position: absolute;
  bottom: 6%;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_fv04 .fv04content_inner {
    width: 100%!important;
    position: absolute;
    bottom: 4.5%;
    left: 4%;
    /*right: 0;*/
  }
}
.canadel_item-template-premierliftrn .updatecontent .fv02content {
  width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierliftrn .updatecontent .fv02content {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
.canadel_item-template-premierliftrn .updatecontent .fv02content .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  /* font-size: 18px; */
  /* font-weight: bold; */
  width: 40%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-premierliftrn .updatecontent .fv02content .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}
.canadel_item-template-premierliftrn .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	position: relative;
}

/**Point 共通**/
.canadel_item-template-premierliftrn .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-premierliftrn .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}
.canadel_item-template-premierliftrn .updatecontent .attention10 {
  font-size: 10px;
  text-align: left;
}
.canadel_item-template-premierliftrn .wrap_point1 .fukudashi_center {
	width: 520px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -14%;
  z-index: 5;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierliftrn .wrap_point1 .fukudashi_center {
    width: 366px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -10%;
    z-index: 5;
  }
}

/**point01**/
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 {
  background-color: #ffefef;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
  /* font-size: 20px; */
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  margin-bottom: 8%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 16%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 {
	background: #ffffff;
	padding: 0 0 24px 0;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point2 .wrap_box img {
  margin: 0 auto;
  display: block;
}
.canadel_item-template-premierliftrn .safetytest {
  padding-top: 48px;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
  /* font-size: 48px; */
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text {
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 83%;
  width: 67%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 2%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point2 .text {
  width: 70%;
  margin: 4% auto 0;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-premierliftrn .lh-2 {
  line-height: 1.3em;
}

/**Point3**/
.canadel_item-template-premierliftrn .updatecontent .wrap_point3 {
  background-color: #ffefef;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point3 .text {
  width: 76%;
  margin: 0 auto;
  margin-bottom: 2%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}

/**Point4**/
.canadel_item-template-premierliftrn .updatecontent .wrap_point4 .wrap_box img {
  margin: 0 auto;
  display: block;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point4 .text {
  width: 70%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}

/**dakara**/
.canadel_item-template-premierliftrn .updatecontent .wrap_dakara {
  /* background-color: #ccc; */
  background: url(../img/item/premierlift/dakara_bg_img.jpg) no-repeat center 0 / cover;
}

/**voice**/
.canadel_item-template-premierliftrn .updatecontent .wrap_voice {
  background: url(../img/item/premierlift/voice_bg_img.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  /* font-size: 25px; */
  line-height: 1.3;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #FF4078;
  font-weight: normal;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■puru**/
.canadel_item-template-premierliftrn .updatecontent .wrap_puru {
  background: url(../img/item/premierlift/puru_bg_img.jpg) no-repeat center 0 / cover;
}

/**■usege**/
.canadel_item-template-premierliftrn .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #ffcccf;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .text {
  display: flex;
  /* align-items: center; */
  line-height: 1.4;
  /* font-size: 16px; */
  float: left;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premierlift/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #ffcccf;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 li .text {
  /* font-size: 16px; */
  margin-top: 7%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  border: 1px solid #ffcccf;
  padding: 3% 11%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  /* font-size: 16px; */
  white-space: nowrap;
}
.canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #ff8087;
  font-weight: bold;
}

/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premierliftrn .updatecontent .fvcontent {
    /* background-color: red; */
    width: calc(100% + (100vw - 1000px) / 2);
    
  }
}/**@end**/

@media only screen and (min-width: 999px) and (max-width: 1060px) {
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .inner_content,
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .inner_content {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premierliftrn .updatecontent { /**18px 0.09833333333倍**/
    /* font-size: 1.77vw; */
    font-size: calc(18 * 0.09833333333vw);
  }
	.canadel_item-template-premierliftrn .updatecontent .attention10 {
    font-size: 10px;
    font-size: calc(10 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-11,
  .canadel_item-template-premierliftrn .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premierliftrn .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premierliftrn .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext {
    width: 43%;
    /* margin-left: 3.6%; */
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premierliftrn .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/

@media only screen and (min-width: 641px) {
  .canadel_item-template-premierliftrn .updatecontent .wrap_point2 .wrap_box img {
      max-width: 70%;
      width: 100%;
  }
}

/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premierliftrn .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premierliftrn .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premierliftrn .updatecontent .attention {
    font-size: 10px;
  }
	.canadel_item-template-premierliftrn .updatecontent .attention10 {
    font-size: 10px;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-30 {
    font-size: 30px;
	line-height: 1.2em;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-15 {
    font-size: 15px;
    /*width: 350px;*/
    margin: 0 auto;
    text-align: justify;
  }
  .canadel_item-template-premierliftrn .updatecontent .fs_sp-13 {
    font-size: 13px;
  }

  /**content**/
  .canadel_item-template-premierliftrn .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext {
    width: 93%;
    top: 66%;
    line-height: 1.8;
  }
  .canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point {
    /* padding: 10% 0; */
    padding: 11% 0 11%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierliftrn .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-premierliftrn .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    /* width: 92%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }

  /**微調整**/
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 79%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point2 .text {
    width: 80%;
    margin-top: 6%;
    margin-bottom: 0;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point3 .wrap_box {
    padding-bottom: 5%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point3 .text {
    width: 90%;
    margin-top: 5%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point4 .catchtext {
    width: 80%;
    margin-bottom: 2%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point4 .text {
    width: 80%;
    margin-top: 0%;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_voice .text {
    width: 80%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }
	.sarani-txt{
		width: 350px;
	}
}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premierliftrn .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierliftrn .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
}/**@end**/


/* プレミアホワイト リッチ化 */
/**common**/
.canadel_item-template-premierwhitern .fv-size {
  width: 100%;
  max-width: 1057px !important;
}
.canadel_item-template-premierwhitern .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premierwhitern .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-premierwhitern .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-premierwhitern .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  /* font-size: 18px; */
}
.canadel_item-template-premierwhitern .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-premierwhitern .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premierwhitern .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premierwhitern .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-premierwhitern .updatecontent .fs-30 {
    font-size: 30px;
  }
.canadel_item-template-premierwhitern .updatecontent .fs-35 {
  font-size: 35px;
}
.canadel_item-template-premierwhitern .updatecontent .fs-48 {
  font-size: 48px;
}

.canadel_item-template-premierwhitern .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-premierwhitern .updatecontent em {
  font-style: normal;
  color: #707CC3;
  font-weight: bold;
}
.canadel_item-template-premierwhitern .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif
}

/**content**/
.canadel_item-template-premierwhitern .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  /* background-color: yellow; */
  margin: 0 auto;
  
}


.canadel_item-template-premierwhitern .updatecontent .wrap_fv {
  background: url(../img/item/premierwhite/fvcontent_bg.jpg) no-repeat center 0 / cover;
}
.canadel_item-template-premierwhitern .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 4%;
  
}
.canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  /* font-size: 18px; */
  /* font-weight: bold; */
  width: 40%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}

.canadel_item-template-premierwhitern .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	position: relative;
}

/**Point 共通**/
.canadel_item-template-premierwhitern .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-premierwhitern .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}


/**point01**/
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 {
  background-color: #F0F1FF;
}

.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .content_subtitle {
  /* display: inline-block; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
  /* font-size: 20px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  /*margin-bottom: 8%;*/
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 12%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .title {
    position: absolute;
    left: 12%;
    top: 10%;
    width: 76%;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .title {
    position: absolute;
    left: 12%;
    top: 5%;
    width: 76%;
	text-align: center;
}
}
.canadel_item-template-premierwhitern .wrap_arrow_down{
	background: #ffffff;
	/*margin-bottom: 8%;*/
	padding: 0 0 4%;
	text-align: center;
}
.canadel_item-template-premierwhitern .arrow_down_img{
	margin-bottom: 20px;
}
.canadel_item-template-premierwhitern .arrow_down_catch{
	margin: 4px 0 40px;
}
.canadel_item-template-premierwhitern .wrap_arrow_down_inner{
	width: 76%;
	margin: 0 auto;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierwhitern .wrap_arrow_down_inner{
	width: 90%;
	margin: 0 auto;
}
}
.canadel_item-template-premierwhitern .title_txt{
	
	color: #707CC3;
	line-height: 1.4em;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 12%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .title {
  position: absolute;
  left: 12%;
  top: 10%;
  width: 76%;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .title {
  position: absolute;
  left: 12%;
  top: 5%;
  width: 76%;
	text-align: center;
}
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}

.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
  /* font-size: 48px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 span {
  /* font-size: 35px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 83%;
  width: 67%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}

.canadel_item-template-premierwhitern .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 2%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point2 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point2 .text {
  width: 76%;
  margin-top: 4%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}

/**Point3**/
.canadel_item-template-premierwhitern .updatecontent .wrap_point3 {
  background-color: #F0F1FF;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}

.canadel_item-template-premierwhitern .updatecontent .wrap_point3 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point3 .text {
  width: 76%;
  margin: 0 auto;
  margin: 3% auto 2%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-premierwhitern .lh-2{
	line-height: 1.3em;
}
.canadel_item-template-premierwhitern .attention_kansou{
	position: absolute;
	bottom: 3%;
	left: 16%;
	font-size: 11px;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierwhitern .attention_kansou{
	position: absolute;
	bottom: 2%;
	left: 4%;
	font-size: 11px;
}
}
/**Point4**/
.canadel_item-template-premierwhitern .updatecontent .wrap_point4 .wrap_box img {
  margin: 0 auto;
  display: block;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point4 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point4 .text {
  width: 70%;
  margin: 0 auto;
  margin-top: 4%;
  /*margin-bottom: 4%;*/
}
.canadel_item-template-premierwhitern .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}
.canadel_item-template-premierwhitern .safetytest{
	padding-top: 48px;
}
/**dakara**/
.canadel_item-template-premierwhitern .updatecontent .wrap_dakara {
  /* background-color: #ccc; */
  background: url(../img/item/premierwhite/dakara_bg.jpg) no-repeat center 0 / cover;
}

/**voice**/
.canadel_item-template-premierwhitern .updatecontent .wrap_voice {
  background: url(../img/item/premierwhite/voice_bg.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  /* font-size: 25px; */
  line-height: 1.3;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .catchtext .text_big {
  /* font-size: 35px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #FF4078;
  font-weight: normal;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .catchtext .text_big .normal {
  /* font-size: 25px; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■puru**/
.canadel_item-template-premierwhitern .updatecontent .wrap_puru {
  background: url(../img/item/premierwhite/puru_bg.jpg) no-repeat center 0 / cover;
}

/**■usege**/
.canadel_item-template-premierwhitern .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #C6CBE7;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .text {
  display: flex;
  /* align-items: center; */
  line-height: 1.4;
  /* font-size: 16px; */
  float: left;
  
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premierwhite/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-premierwhitern .updatecontent .wrap_howto {
  /* padding: 3% 0; */
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #C6CBE7;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 li .text {
  /* font-size: 16px; */
  margin-top: 7%;
}

.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  border: 1px solid #C6CBE7;
  padding: 3% 11%;
  
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  /* font-size: 16px; */
  white-space: nowrap;
}
.canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #707CC3;
  font-weight: bold;
}


/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premierwhitern .updatecontent .fvcontent {
    /* background-color: red; */
    width: calc(100% + (100vw - 1000px) / 2);
    
  }
}/**@end**/

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premierwhitern .updatecontent { /**18px 0.09833333333倍**/
    /* font-size: 1.77vw; */
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-11,
  .canadel_item-template-premierwhitern .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-30 {
    font-size: 30px;
    font-size: calc(30 * 0.09833333333vw);
  }
	
  .canadel_item-template-premierwhitern .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premierwhitern .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premierwhitern .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext {
    width: 43%;
    /* margin-left: 3.6%; */
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premierwhitern .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/


/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premierwhitern .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premierwhitern .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premierwhitern .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-30 {
    font-size: 30px;
	  /*margin-bottom: 24px;*/
  }
	.canadel_item-template-premierwhitern .updatecontent .fs_sp-35 {
    font-size: 35px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-premierwhitern .updatecontent .fs_sp-13 {
    font-size: 13px;
  }


  /**content**/
  .canadel_item-template-premierwhitern .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext {
    width: 93%;
    top: 66%;
    line-height: 1.8;
  }
  .canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }

  .canadel_item-template-premierwhitern .updatecontent .wrap_point {
    /* padding: 10% 0; */
    padding: 11% 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 10%;
  }
  .canadel_item-template-premierwhitern .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-premierwhitern .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    /* width: 92%; */
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 13%;*/
	background: #ffffff;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }

  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 86%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 78%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 78%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point2 .text {
    width: 82%;
    margin-top: 6%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point3 .wrap_box {
    padding-bottom: 5%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point3 .text {
    width: 90%;
    margin-top: 3%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point4 .catchtext {
    width: 80%;
    margin-bottom: 2%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point4 .text {
    width: 80%;
    margin-top: 6%;
    margin-bottom: 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }

  .canadel_item-template-premierwhitern .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_voice .text {
    width: 82%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }

  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }

}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premierwhitern .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierwhitern .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
}/**@end**/

.canadel_item-template-premierliftrn .item-detail .slide-area .slick-slider .slick-track {
  transform: unset !important;
}

/* リッチ化【カナデル】プレミアゼロ */
/**common**/
.canadel_item-template-premierzero .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premierzero .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-premierzero .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-premierzero .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  /* font-size: 18px; */
}
.canadel_item-template-premierzero .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-premierzero .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premierzero .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premierzero .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-premierzero .updatecontent .fs-35 {
  font-size: 35px;
	line-height: 1.3em;
}
.canadel_item-template-premierzero .updatecontent .fs-48 {
  font-size: 48px;
}

.canadel_item-template-premierzero .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premierzero .updatecontent .wrap_box {
  position: relative;
	background: #ffffff;
}
.canadel_item-template-premierzero .updatecontent em {
  font-style: normal;
  color: #C8A25E;
  font-weight: bold;
}
.canadel_item-template-premierzero .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif
}
.canadel_item-template-premierzero .fv-size {
    width: 100%;
    max-width: 1057px !important;
}
/**content**/
.canadel_item-template-premierzero .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  /* background-color: yellow; */
  margin: 0 auto;
  
}


.canadel_item-template-premierzero .updatecontent .wrap_fv {
  background: url(../img/item/premierzero/fvcontent_bg.jpg) no-repeat center 0 / cover;
	position: relative;
}
.canadel_item-template-premierzero .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: /*3.6%*/2.5%;
  position: relative;
  padding-bottom: 16%;
  
}
.canadel_item-template-premierzero .updatecontent .fvtext {
  position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 64%;
    max-width: 720px;
    line-height: 2;
    color: #ffffff;
}
.canadel_item-template-premierzero .updatecontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}

.canadel_item-template-premierzero .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.canadel_item-template-premierzero .updatecontent .wrap_puru .inner_content {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
	position: relative;
}
/**Point 共通**/
.canadel_item-template-premierzero .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierzero .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point .content_title img{
  width: 190px;
}
.canadel_item-template-premierzero .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}


/**point01**/
.canadel_item-template-premierzero .updatecontent .wrap_point1 {
  background: url(../img/item/premierzero/silver_bg.jpg) no-repeat center 0 / cover;
}

.canadel_item-template-premierzero .updatecontent .wrap_point1 .content_subtitle {
  /* display: inline-block; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
  /* font-size: 20px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  margin-bottom: 8%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 16%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}

.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}

.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
  /* font-size: 48px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 span {
  /* font-size: 35px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text {
  /*position: absolute;
  top: 83%;
  left: 0%;
  right: 0%;*/
  /*width: 67%;*/
	width: 700px;
  margin: 0 auto;
	margin-bottom: 2%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}

.canadel_item-template-premierzero .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point2 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point2 .text {
  /*width: 76%;*/
	width: 700px;
  margin-top: 4%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}

/**Point3**/
.canadel_item-template-premierzero .updatecontent .wrap_point3 {
  background: url(../img/item/premierzero/silver_bg.jpg) no-repeat center 0 / cover;
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}

.canadel_item-template-premierzero .updatecontent .wrap_point3 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box__inner{
	padding: 60px 0;
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box__inner img{
	margin: 0 auto;
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .text {
  width: 700px;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 5%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}

/**Point4**/
.canadel_item-template-premierzero .updatecontent .wrap_point4 .wrap_box img {
  margin: 10px auto 24px;
  display: block;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierzero .updatecontent .wrap_point4 .wrap_box img {
  margin: 12px auto 16px;
}
}
.canadel_item-template-premierzero .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 0%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point4 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_point4 .text {
  width: 70%;
    margin: 0 auto;
    margin-top: 0%;
    margin-bottom: 0%;
}
.canadel_item-template-premierzero .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}

/**dakara**/
.canadel_item-template-premierzero .updatecontent .wrap_dakara {
  /* background-color: #ccc; */
  background: url(../img/item/premierzero/dakara_bg.jpg) no-repeat center 0 / cover;
}

/**voice**/
.canadel_item-template-premierzero .updatecontent .wrap_voice {
  background: url(../img/item/premierzero/voice_bg.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  /* font-size: 25px; */
  line-height: 1.3;
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .catchtext .text_big {
  /* font-size: 35px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #FF4078;
  font-weight: normal;
}
.canadel_item-template-premierzero .attention_kansou {
    position: absolute;
    bottom: 3%;
    left: 16%;
    font-size: 11px;
}
@media only screen and (max-width: 640px) {
    .canadel_item-template-premierzero .attention_kansou {
        position: absolute;
        bottom: 1.6%;
        left: 4%;
        font-size: 11px;
    }
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .catchtext .text_big .normal {
  /* font-size: 25px; */
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-premierzero .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■puru**/
.canadel_item-template-premierzero .updatecontent .wrap_puru {
  background: url(../img/item/premierzero/puru_bg.jpg) no-repeat center 0 / cover;
}

/**■usege**/
.canadel_item-template-premierzero .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-premierzero .updatecontent .wrap_usage .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #E1C394;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premierzero .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}

.canadel_item-template-premierzero .updatecontent .wrap_usage .text {
  display: flex;
  /* align-items: center; */
  line-height: 1.4;
  /* font-size: 16px; */
  float: left;
  
}
.canadel_item-template-premierzero .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premierzero .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premierzero/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premierzero .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-premierzero .updatecontent .wrap_howto {
  /* padding: 3% 0; */
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #E1C394;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 li .text {
  /* font-size: 16px; */
  margin-top: 7%;
}

.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  border: 1px solid #E1C394;
  padding: 3% 11%;
  
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  /* font-size: 16px; */
  white-space: nowrap;
}
.canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #E1C394;
  font-weight: bold;
}


/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premierzero .updatecontent .fvcontent {
    /* background-color: red; */
    width: calc(100% + (100vw - 1000px) / 2);
    
  }
}/**@end**/

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premierzero .updatecontent { /**18px 0.09833333333倍**/
    /* font-size: 1.77vw; */
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-11,
  .canadel_item-template-premierzero .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premierzero .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premierzero .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    padding-bottom: 20%;
	 padding-left: 0;
  }
  .canadel_item-template-premierzero .updatecontent .fvtext {
    width: 72%;
    /* margin-left: 3.6%; */
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/


/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premierzero .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premierzero .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premierzero .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-premierzero .updatecontent .fs_sp-13 {
    font-size: 13px;
  }


  /**content**/
  .canadel_item-template-premierzero .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premierzero .updatecontent .fvtext {
    width: 100%;
        padding: 0 5%;
        top: 58%;
        line-height: 1.8;
  }
	.canadel_item-template-premierzero .updatecontent .fvcontent{
		padding-bottom: 0;
	}
  .canadel_item-template-premierzero .updatecontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }

  .canadel_item-template-premierzero .updatecontent .wrap_point {
    /* padding: 10% 0; */
    padding: 11% 0;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 10%;
  }
  .canadel_item-template-premierzero .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    /* width: 92%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }

  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 5% auto;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 79%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point2 .text {
    width: 80%;
    margin-top: 5%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point3 .wrap_box {
    padding: 0 0 7%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point3 .text {
    width: 85%;
        margin: 1% auto 5%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point4 .catchtext {
    width: 100%;
    margin-bottom: 2%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point4 .text {
    width: 80%;
    margin-top: 0%;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }

  .canadel_item-template-premierzero .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_voice .text {
    width: 85%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }

  .canadel_item-template-premierzero .updatecontent .wrap_howto .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }

}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premierzero .updatecontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierzero .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
	.canadel_item-template-premierzero .updatecontent .fs_sp-30 {
        font-size: 26px;
    }
}

/* リッチ化プレミアバランサー */
/**common**/
.canadel_item-template-premierbalancer .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premierbalancer .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-premierbalancer .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-premierbalancer .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  /* font-size: 18px; */
}
.canadel_item-template-premierbalancer .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-premierbalancer .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premierbalancer .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premierbalancer .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-premierbalancer .updatecontent .fs-35 {
  font-size: 35px;
	line-height: 1.3em;
}
.canadel_item-template-premierbalancer .updatecontent .fs-48 {
  font-size: 48px;
}

.canadel_item-template-premierbalancer .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_box {
  position: relative;
	background: #ffffff;
}
.canadel_item-template-premierbalancer .updatecontent em {
  font-style: normal;
  color: #f3a246;
  font-weight: bold;
}
.canadel_item-template-premierbalancer .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif
}
.canadel_item-template-premierbalancer .fv-size {
    width: 100%;
    max-width: 1057px !important;
}
/**content**/
.canadel_item-template-premierbalancer .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  /* background-color: yellow; */
  margin: 0 auto;
  line-height: 2;
}


.canadel_item-template-premierbalancer .updatecontent .wrap_fv {
  background: url(../img/item/premierbalancer/fvcontent_bg.jpg) no-repeat center 0 / cover;
	position: relative;
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 0;
  
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent02 {
  width: 100%;
    max-width: 700px;
    margin: 0 auto;
	padding: 0 0 3%;
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent02 img{
    width: 498px;
    margin: 32px auto 16px;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierbalancer .updatecontent .fvcontent02 {
  width: 92%;
    max-width: 92%;
    margin: 0 auto;
	padding: 0;
		position: absolute;
		top: 43%;
        left: 0;
        right: 0;
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent02 img{
    width: 80%;
    margin: 24px auto 16px;
}
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext {
  position: absolute;
    left: 10.5%;
    top: 74%;
    /* font-size: 18px; */
    /* font-weight: bold; */
    /* width: 56%; */
    max-width: 700px;
    line-height: 2;
    /*color: #ffffff;*/
}
.canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}

.canadel_item-template-premierbalancer .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_puru .inner_content {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
	position: relative;
}
/**Point 共通**/
.canadel_item-template-premierbalancer .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point .content_title img{
  width: 190px;
}
.canadel_item-template-premierbalancer .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}


/**point01**/
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 {
  background: #ffffd2;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .content_subtitle {
  /* display: inline-block; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
  /* font-size: 20px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  margin-bottom: 8%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 16%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
  /* font-size: 48px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 span {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text {
  /*position: absolute;
  top: 83%;
  left: 0%;
  right: 0%;*/
  /*width: 67%;*/
	width: 700px;
  margin: 3.5% auto 2%;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text {
  width: 76%;
}
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .main_img {
  width: 700px;
	margin: 0 auto 0;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 1%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .text {
  /*width: 76%;*/
  width: 700px;
  margin-top: 4%;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .text {
  width: 70%;
}
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}

/**Point3**/
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 {
  background: #ffffd2;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 6%;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box__inner{
	/*padding: 60px 0;*/
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box__inner img{
	margin: 0 auto;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .text {
  /*width: 76%;*/
  width: 700px;
  margin: 0 auto;
  margin-bottom: 2%;
}
@media only screen and (max-width: 1000px) {
	.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .text {
  width: 76%;
}
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}

/**Point4**/
.canadel_item-template-premierbalancer .updatecontent .wrap_point4 .wrap_box img {
  margin: 0 auto;
  display: block;
  width: 700px;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point4 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point4 .text {
  width: 70%;
    margin: 0 auto;
    margin-top: 4%;
    margin-bottom: 0%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}

/**Point6**/
.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .wrap_box img {
  margin: 0 auto;
  display: block;
  width: 700px;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .wrap_box img {
  margin: 0 auto;
  display: block;
  width: 100%;
}
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .catchtext .catch2 {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .text {
  width: 700px;
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 8%;
}
@media only screen and (max-width: 640px) {
	.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .text {
  width: 82%;
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 6%;
}
}
.canadel_item-template-premierbalancer .updatecontent .wrap_point6 .text .attention {
  margin-top: 2em;
}
/**dakara**/
.canadel_item-template-premierbalancer .updatecontent .wrap_dakara {
  /* background-color: #ccc; */
  background: url(../img/item/premierbalancer/dakara_bg.jpg) no-repeat center 0 / cover;
}

/**voice**/
.canadel_item-template-premierbalancer .updatecontent .wrap_voice {
  background: url(../img/item/premierbalancer/voice_bg.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  /* font-size: 25px; */
  line-height: 1.3;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .catchtext .text_big {
  /* font-size: 35px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #FF4078;
  font-weight: normal;
}
.canadel_item-template-premierbalancer .attention_kansou {
    position: absolute;
    bottom: 3%;
    left: 16%;
    font-size: 11px;
}
@media only screen and (max-width: 640px) {
    .canadel_item-template-premierbalancer .attention_kansou {
        position: absolute;
        bottom: 1.6%;
        left: 4%;
        font-size: 11px;
    }
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .catchtext .text_big .normal {
  /* font-size: 25px; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■puru**/
.canadel_item-template-premierbalancer .updatecontent .wrap_puru {
  background: url(../img/item/premierbalancer/puru_bg.jpg) no-repeat center 0 / cover;
}

/**■usege**/
.canadel_item-template-premierbalancer .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_usage .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #fadab5;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_usage .text {
  display: flex;
  /* align-items: center; */
  line-height: 1.4;
  /* font-size: 16px; */
  float: left;
  
}
.canadel_item-template-premierbalancer .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premierbalancer/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-premierbalancer .updatecontent .wrap_howto {
  /* padding: 3% 0; */
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #fadab5;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 li .text {
  /* font-size: 16px; */
  margin-top: 7%;
}

.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  border: 1px solid #fadab5;
  padding: 3% 11%;
  
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  /* font-size: 16px; */
  white-space: nowrap;
}
.canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #f3a246;
  font-weight: bold;
}


/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premierbalancer .updatecontent .fvcontent {
    /* background-color: red; */
    width: calc(100% + (100vw - 1000px) / 2);
    
  }
}/**@end**/

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premierbalancer .updatecontent { /**18px 0.09833333333倍**/
    /* font-size: 1.77vw; */
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-11,
  .canadel_item-template-premierbalancer .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premierbalancer .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premierbalancer .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    /*padding-bottom: 20%;*/
	 padding-left: 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext {
    width: 72%;
    /* margin-left: 3.6%; */
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/


/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premierbalancer .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premierbalancer .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premierbalancer .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-16 {
    font-size: 16px;
	  line-height: 1.8;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-premierbalancer .updatecontent .fs_sp-13 {
    font-size: 13px;
  }


  /**content**/
  .canadel_item-template-premierbalancer .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext {
    width: 100%;
        padding: 0 5%;
        top: 60%;
	  left: 0;
        line-height: 1.8;
  }
	.canadel_item-template-premierbalancer .updatecontent .fvcontent{
		padding-bottom: 88px;
        background: #ffffff;
	}
  .canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }

  .canadel_item-template-premierbalancer .updatecontent .wrap_point {
    /* padding: 10% 0; */
    padding: 11% 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierbalancer .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    /* width: 92%; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }

  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 5% auto;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 79%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point2 .text {
    width: 86%;
    margin-top: 6%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  /*.canadel_item-template-premierbalancer .updatecontent .wrap_point3 .wrap_box {
    padding: 0 0 7%;
  }*/
  .canadel_item-template-premierbalancer .updatecontent .wrap_point3 .text {
    width: 86%;
        margin: 1% auto 5%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point4 .catchtext {
    width: 100%;
    margin-bottom: 6%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point4 .text {
    width: 86%;
        margin-top: 6%;
        margin-bottom: 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }

  .canadel_item-template-premierbalancer .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_voice .text {
    width: 85%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }

  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .inner_content {
    /* width: 92%; */
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }

}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premierbalancer .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-premierbalancer .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
	.canadel_item-template-premierbalancer .updatecontent .fs_sp-30 {
        font-size: 26px;
    }
	.canadel_item-template-premierbalancer .updatecontent .fvcontent{
		padding-bottom: 136px;
        background: #ffffff;
	}
	.canadel_item-template-premierbalancer .updatecontent .fvcontent02 {
  width: 92%;
    max-width: 92%;
    margin: 0 auto;
	padding: 0;
		position: absolute;
		top: 40%;
        left: 0;
        right: 0;
}
	.canadel_item-template-premierbalancer .updatecontent .fs_sp-16 {
    font-size: 3.9vw;
  }
}

/* 20250404_watanabe チューニングローション発売に伴う更新 */
.item-detail.detail-tuninglotion .item-block .c-cat {
  background-color: #A674B0;
}
.c-item-lineup-list li.purple .c-cat {
  background: #A674B0;
}
@media only screen and (max-width: 640px) {
  .c-item-lineup-list .purple .cat-area .quasi {
      margin-left: 0px;
      margin-top: 5px;
  }
}

/* 【商品詳細リッチ化】CANADEL チューニングローション */
/**common**/
.canadel_item-template-tuninglotion .updatecontent .pcnone {
  display: none !important;
}
.canadel_item-template-tuninglotion .updatecontent .spnone {
  display: block !important;
}
.canadel_item-template-tuninglotion .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-tuninglotion .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.canadel_item-template-tuninglotion .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-22 {
  font-size: 22px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-35 {
  font-size: 35px;
}
.canadel_item-template-tuninglotion .updatecontent .fs-48 {
  font-size: 48px;
}
.canadel_item-template-tuninglotion .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-tuninglotion .updatecontent em {
  font-style: normal;
  color: #a674b0;
  font-weight: bold;
}
.canadel_item-template-tuninglotion .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif
}
.canadel_item-template-tuninglotion .updatecontent .mw-700px {
  max-width: 700px;
}
.canadel_item-template-tuninglotion .updatecontent .mw-1000px {
  max-width: 1000px;
}
.canadel_item-template-tuninglotion .updatecontent .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.canadel_item-template-tuninglotion .updatecontent .fw-bold {
  font-weight: bold;
}
.canadel_item-template-tuninglotion .updatecontent .txt_color-01 {
  color: #a674b0;
}

/**content**/
.canadel_item-template-tuninglotion .updatecontent {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_fv {
  background: #f8f7f9;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_fv.wrap_fv02 {
  background: url("../img/item/tuninglotion/bg_fv.jpg") repeat-x 0 0 / auto 100%;
}
.canadel_item-template-tuninglotion .updatecontent .fvcontent {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p {
  position: absolute;
}
.canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p.main {
  left: 0;
  top: 35%;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
}
.canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p.attention {
  line-height: 1.7;
  right: 150px;
  bottom: 25px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_fv01 .fvcontent .fvtext p.attention {
  color: #999;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_fv02 .fvcontent .fvtext p.attention {
  right: auto;
  bottom: 25px;
  left: 150px;
}
.canadel_item-template-tuninglotion .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/**Point 共通**/
.canadel_item-template-tuninglotion .updatecontent .wrap_point {
  padding: 6% 0 1%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point.wrap_point_ex {
  padding: 1% 0 7%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-tuninglotion .updatecontent .attention {
  font-size: 11px;
  text-align: left;
  margin-top: 55px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point2 .attention {
  letter-spacing: -0.02em;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point {
  background-color: #fcf7ea;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box {
  position: relative;
  background: #fff;
  padding: 60px 150px 25px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box_ex {
  max-width: 804px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .ttl {
  width: 100%;
  max-width: 455px;
  margin: 0 auto 29px;
  display: block;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  background-color: #02c7a9;
  color: #fff;
  padding: 0.3em;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .catchtext {
  text-align: center;
  margin-bottom: 40px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 12%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt h3 {
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
  height: 60px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt .txt1 {
  font-size: 14px;
  line-height: 23px;
  color: #a674b0;
  background: #f4e9f5;
  display: inline-block;
  padding: 0 .5em;
  margin-bottom: 10px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt .txt2 {
  margin-bottom: 20px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt .txt2 span {
  font-weight: bold;
  color: #a674b0;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .catchtext .catch2 {
  color: #02c7a9;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 83%;
  width: 67%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point2 .catchtext .catch2 {
  padding: 0 15px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point2 .text {
  width: 76%;
  margin-top: 4%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-tuninglotion .updatecontent .bg01 {
  background: url("../img/item/tuninglotion/bg01.jpg") no-repeat center 30px / auto 530px;
}
.canadel_item-template-tuninglotion .updatecontent .bg02 {
  background: #f7f8f9;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec01 {
  position: relative;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec01 .arw {
  position: absolute;
  max-width: 472px;
  top: -49px;
  left: calc(50% + 11px);
  transform: translateX(-50%);
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec02 {
  display: flex;
  gap: 3.9%;
  margin-bottom: 12%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec02 img {
  max-width: 386px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec02 h2 {
  color: #a674b0;
  line-height: 1.6;
  margin-bottom: 20px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec03 h2 {
  text-align: center;
  margin-bottom: 35px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec03 img {
  max-width: 340px;
  margin: 0 auto 60px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec04 {
  padding-bottom: 120px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_sec04 img {
  margin-bottom: 35px;
}

/**voice**/
.canadel_item-template-tuninglotion .updatecontent .wrap_voice {
  background: url("../img/item/tuninglotion/bg_voice.jpg") no-repeat top center / cover;
  padding: 4% 15px 7%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_voice .txt1 {
  max-width: 258px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_voice h2 {
  text-align: center;
  margin-top: -20px;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_voice .inner_content {
  max-width: 970px;
}

/**■puru**/
.canadel_item-template-tuninglotion .updatecontent .wrap_puru {
  background: url(../img/item/tuninglotion2/puru_bg.jpg) no-repeat center 0 / cover;
}
/**■usege**/
.canadel_item-template-tuninglotion .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .title_text {
  border-bottom: 1px solid #dbc7df;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .text {
  display: flex;
  line-height: 1.4;
  float: left;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/tuninglotion/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .title_text {
  /* font-size: 20px; */
  border-bottom: 1px solid #dbc7df;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: center;
  margin-bottom: 6%;
  gap: 5%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 li .text {
  margin-top: 7%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  align-items: center;
  border: 1px solid #02c7a9;
  padding: 3% 11%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  white-space: nowrap;
}
.canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #02c7a9;
  font-weight: bold;
}

/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-tuninglotion .updatecontent .fvcontent {
    width: calc(100% + (100vw - 1000px) / 2);
  }
}
/**@end**/
@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-tuninglotion .updatecontent,
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p.main {
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-11,
  .canadel_item-template-tuninglotion .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-22 {
    font-size: 22px;
    font-size: calc(22 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-tuninglotion .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-tuninglotion .updatecontent .fvcontent {
    /* background-color: blue; */
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext {
    width: 43%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-tuninglotion .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box {
    width: 92%;
    padding: 25px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point.wrap_point_ex {
    padding: 7% 0 16%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point.wrap_point_ex .ctt {
    width: 92%;
    margin: 0 auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt h3 {
    height: 6vw;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 {
    flex-wrap: wrap;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 img {
    width: 50%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 .wrap_txt {
    padding-right: 15px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec03 img,
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec04 img {
    width: 92%;
    margin-right: auto;
    margin-left: auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec04 .txt {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_voice .attention {
    margin-top: 20px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}

/**@end**/

/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {

  /**common**/
  .canadel_item-template-tuninglotion .updatecontent .pcnone {
    display: block !important;
  }
  .canadel_item-template-tuninglotion .updatecontent .spnone {
    display: none !important;
  }
  .canadel_item-template-tuninglotion .updatecontent .attention {
    font-size: 10px;
    margin-top: 25px;
    letter-spacing: normal;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-29 {
    font-size: 29px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-tuninglotion .updatecontent .fs_sp-13 {
    font-size: 13px;
  }
  .canadel_item-template-tuninglotion .updatecontent .ls_sp {
    letter-spacing: -2px;
}

  /**content**/
  .canadel_item-template-tuninglotion .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p.main {
    top: 30%;
    width: 100%;
    font-size: 3.3vw;
  }
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext {
    width: 93%;
    top: 66%;
    line-height: 1.8;
  }
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext p.attention {
    line-height: 1.4;
    margin-top: 3em;
    right: 15px;
    bottom: 15px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_fv02 .fvcontent .fvtext p.attention {
    bottom: 15px;
    left: 15px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point {
    padding: 19% 0 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .catchtext {
    line-height: 1.3;
    margin-bottom: 28px;
  }
  .canadel_item-template-tuninglotion .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex {
    display: block;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt {
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 25px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt.ctt2 {
    flex-direction: row-reverse;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt h3 {
    font-size: 16px;
    height: auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt img {
    width: 40%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point .wrap_box .wrap_flex .ctt .txt2 {
    margin-bottom: 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 79%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point2 .text {
    width: 80%;
    margin-top: 1%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec01 .arw {
    width: 82%;
    top: -8.3%;
    left: 51.8%;
  }
  .canadel_item-template-tuninglotion .updatecontent .bg01 {
    background: url("../img/item/tuninglotion/bg01_sp.jpg") no-repeat top center / 100% auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 {
    display: block;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 img {
    width: 92%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec02 .wrap_txt {
    padding: 20px 15px 0;
    display: flex;
    justify-content: center;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec03 img {
    margin-bottom: 40px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec04 {
    padding-bottom: 60px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_sec04 img {
    margin-bottom: 30px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_voice h2 {
    margin-bottom: 20px;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_voice .attention {
    width: 82%;
    margin-right: auto;
    margin-left: auto;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }
}

/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-tuninglotion .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-tuninglotion .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
}

/**@end**/

.canadel_item-template-tuninglotion .updatecontent .wrap_point .content_title img {
  width: 190px;
}
.canadel_item-template-tuninglotion .item-detail .slide-area .slick-slider .slick-track {
  transform: unset !important;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-tuninglotion .item-detail .item-block {
      margin-bottom: 70px;
  }
}


/* アイクリーム【リッチ化】 */
.canadel_item-template-effecteyecreamlift .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-effecteyecreamlift .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-effecteyecreamlift .updatecontent .w92p {
  width: 92%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  /* font-size: 18px; */
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-11 {
  font-size: 11px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-25 {
  font-size: 25px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
  font-size: 35px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-48 {
  font-size: 48px;
}

.canadel_item-template-effecteyecreamlift .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-effecteyecreamlift .updatecontent em {
  font-style: normal;
  font-weight: bold;
}
.canadel_item-template-effecteyecreamlift .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif
}

/**content**/
.canadel_item-template-effecteyecreamlift .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
}

.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 4%;
  
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  /* font-size: 18px; */
  /* font-weight: bold; */
  width: 40%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}

.canadel_item-template-effecteyecreamlift .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/**Point 共通**/
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point {
  padding: 6% 0;
  padding-bottom: 7%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  margin-bottom: 3%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .attention {
  font-size: 11px;
  text-align: left;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 {
  position: relative;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .content_subtitle {
  display: inline-block;
  position: absolute;
  top: -2%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 42%;
  text-align: center;
  color: #fff;
  padding: 0.3em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 71%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
  display: flex;
  margin-bottom: 8%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a {
  position: relative;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
  position: absolute;
  left: 16%;
  top: 77%;
  width: 76%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .attention {
  margin-top: 1em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b {
  position: relative;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
  position: absolute;
  left: 14%;
  top: 77%;
  width: 76%;
}

.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .catchtext {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 8%;
  text-align: center;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text {
  position: absolute;
  left: 0%;
  right: 0%;
  margin: 0 auto;
  top: 83%;
  width: 67%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text .attention {
  margin-top: 3em;
}

.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .catchtext {
  text-align: center;
  margin-bottom: 2%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text {
  width: 76%;
  margin-top: 4%;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text {
    max-width: 720px;
    line-height: 2;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text .attention {
  margin-top: 3em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
  width: 76%;
  margin: 0 auto;
  margin-bottom: 2%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text .attention {
  margin-top: 3em;
}

/**Point4**/
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .wrap_box img {
  margin: 0 auto;
  display: block;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .catchtext {
  text-align: center;
  margin-bottom: 5%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text {
  width: 70%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 4%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text .attention {
  margin-top: 2em;
}

/**voice**/
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice {
  padding: 6% 0;
  padding-bottom: 8%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .inner_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 5%;
  line-height: 1.3;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  font-weight: normal;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .text {
  width: 97%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .text .attention {
  margin-top: 1em;
}

/**■usege**/
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 1%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .title_text {
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .wrap_box {
  overflow: hidden;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text {
  display: flex;
  line-height: 1.4;
  float: left;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text::before {
  content: "";
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .floatR {
  float: right;
  width: 41%;
}

/**howto**/
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .title_text {
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 li .text {
  margin-top: 7%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  align-items: center;
  padding: 3% 11%;
  
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  white-space: nowrap;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #02c7a9;
  font-weight: bold;
}
/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
    width: calc(100% + (100vw - 1000px) / 2);
  }
}/**@end**/

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-effecteyecreamlift .updatecontent { /**18px 0.09833333333倍**/
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-11,
  .canadel_item-template-effecteyecreamlift .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }
  /**content**/
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext {
    width: 43%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}/**@end**/


/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-effecteyecreamlift .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-13 {
    font-size: 13px;
  }
  /**content**/
  .canadel_item-template-effecteyecreamlift .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext {
    width: 93%;
    top: 66%;
    line-height: 1.8;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point {
    padding: 11% 0;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .content_title {
    width: 33%;
    margin-bottom: 6%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .catchtext {
    width: 93%;
    line-height: 1.3;
    margin-bottom: 10%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .catchtext .catch2 {
    line-height: 1.3;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .content_subtitle {
    width: 85%;
    padding: 0.7em 0;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1, 
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_flex {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 {
    width: 92%;
  }
  /**微調整**/
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .content_subtitle {
    top: -3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text,
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text,
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1a .text {
    top: 80%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    top: 79%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .catchtext {
    top: 10%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text {
    top: 77%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text {
    width: 80%;
    margin-top: 1%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text .attention {
    margin-top: 2em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .wrap_box {
    padding-bottom: 5%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
    width: 90%;
    margin-top: 5%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .catchtext {
    width: 80%;
    margin-bottom: 2%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text {
    width: 80%;
    margin-top: 0%;
    margin-bottom: 7%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text .attention {
    margin-top: 1em;
  }

  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice {
    padding: 12% 0;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .text {
    width: 80%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text::before {
    width: 16%;
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .title_text {
    margin-bottom: 4%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
  }
}/**@end**/

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1 .wrap_box1b .text {
    font-size: 3.9vw;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .content_subtitle {
    font-size: 3.9vw;
  }
}/**@end**/

.canadel_item-template-effecteyecreamlift .updatecontent .fv_container {
  background: #ebebeb;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
  height: 592px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
    height: 120vw;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 4%;
}
@media only screen and (max-width: 1000px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent02 {
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent02 {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent02 img {
  max-width: 680px;
  margin: 0 auto;
  padding: 44px 0 16px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fvcontent02 img {
    max-width: 100%;
    margin: 0 auto;
    padding: 44px 0 12px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_fv {
  background: url(../img/item/effecteyecreamlift/fvcontent_bg.jpg) no-repeat center 0 / cover;
  max-width: 2000px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_fv {
    background: url(../img/item/effecteyecreamlift/fvcontent_bg_sp.jpg) no-repeat center 0 / cover;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sp_right {
    text-align: right;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 3.6%;
  top: 59%;
  /* font-size: 18px; */
  /* font-weight: bold; */
  width: 700px;
  max-width: 700px;
  line-height: 2;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-16 {
    padding: 0 16px;
    line-height: 1.8;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .content_title {
  display: block;
  text-align: center;
  width: 190px;
  margin-bottom: 3%;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .content_title {
    width: 33%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 {
  background-color: #F1EAFF;
  background: url(../img/item/effecteyecreamlift/point01_bg.jpg) no-repeat center 0 / cover;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 {
    background-color: #F1EAFF;
    background: url(../img/item/effecteyecreamlift/point01_bg_sp.jpg) no-repeat center 0 / cover;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box {
  background-color: #fff;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .text {
  /*max-width: 720px;
    margin: 0 auto;
    margin-bottom: 2%;*/
  max-width: 760px;
  padding: 4px 20px 8px;
  margin: 0 auto;
  margin-bottom: 2%;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .text {
    line-height: 2;
  }
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .wrap_box {
    width: 92%;
  }
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text {
    width: 85%;
    margin-top: 1%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point .content_title {
    margin-bottom: 6%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .text {
    width: 100%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
    width: 90%;
    margin-top: 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .catchtext {
  text-align: center;
  margin-bottom: 5%;
  width: 100%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
  font-size: 35px;
  line-height: 1.3em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
  font-size: 35px;
  line-height: 1.3em;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
    font-size: 30px;
    line-height: 1.3em;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .under_line {
  background: #E4D6EA;
  font-weight: 600;
  padding: 2px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 {
  background-color: #F1EAFF;
  background: url(../img/item/effecteyecreamlift/point03_bg.jpg) no-repeat center 0 / cover;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 {
    background-color: #F1EAFF;
    background: url(../img/item/effecteyecreamlift/point03_bg_sp.jpg) no-repeat center 0 / cover;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point2 .text .attention {
  margin-top: 2em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
  max-width: 760px;
  padding: 4px 20px 8px;
  margin: 0 auto;
  margin-bottom: 2%;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
    line-height: 2;
  }
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text {
    max-width: 100%;
    width: 100%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .wrap_box img {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text {
  width: 700px;
  margin: 0 auto;
  margin-top: 6%;
  margin-bottom: 4%;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .wrap_box img {
    width: 100%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text {
    width: 86%;
  }
  .test_sp_w {
    width: 86% !important;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point4 .text {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 5%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .dakara_container {
  background: linear-gradient(90deg, #d0c9c8 0%, #d0c9c8 50%, #9b9597 50%, #9b9597 100%);
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_dakara {
  background: url(../img/item/effecteyecreamlift/uwamuki_bg.jpg) no-repeat center 0 / cover;
  height: 560px;
  max-width: 2000px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_dakara {
    height: auto;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_dakara .inner_content {
    padding: 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .catchtext .text_big .em {
  font-style: normal;
  color: #B389C3;
  font-weight: normal;
}
.canadel_item-template-effecteyecreamlift .updatecontent .inner_content {
  /*width: 100%;
    max-width: 1056px;
    margin: 0 auto;*/
  width: 100%;
  max-width: 1056px;
  padding: 0 0;
  margin: 0 auto;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .inner_content {
  width: 100%;
  max-width: 1096px;
  padding: 0 20px;
  margin: 0 auto;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .text {
  width: 100%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .catchtext {
  text-align: center;
  margin-bottom: 3%;
  /* font-size: 25px; */
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .catchtext {
    margin-bottom: 5%;
  }
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice .text {
    width: 90%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice {
  background: url(../img/item/effecteyecreamlift/voice_bg.jpg) no-repeat center 0 / cover;
  padding: 6% 0;
  padding-bottom: 8%;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice {
    background: url(../img/item/effecteyecreamlift/voice_bg_sp.jpg) no-repeat center 0 / cover;
    padding: 50px 0;
    padding-bottom: 8%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_voice img {
  padding-bottom: 1.2%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto {
  padding: 76px 0;
  padding-bottom: 1%;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto {
    padding: 56px 0 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto h3 {
  font-size: 35px;
  text-align: center;
  line-height: 1.2em;
  padding-bottom: 20px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto h3 {
    font-size: 30px;
    text-align: center;
    line-height: 1.2em;
    padding-bottom: 12px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .en_txt {
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .en_txt {
    font-size: 17px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .title_txt {
  padding-bottom: 24px;
  border-bottom: 1px solid #B389C3;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .title_txt {
    padding-bottom: 48px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 60px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 {
    padding-top: 40px;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .howto_flexbox {
  width: 280px;
  padding-bottom: 48px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(1) {
  margin: 0 3% 0 0;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(2) {
  margin: 0 3% 0 3%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(3) {
  margin: 0 0 0 3%;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(4) {
  margin: 0 3% 0 0;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(5) {
  margin: 0 0 0 3%;
}
@media only screen and (max-width: 1009px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(1) {
    margin: 0 3% 0 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(2) {
    margin: 0 3% 0 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(3) {
    margin: 0 3% 0 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(4) {
    margin: 0 3% 0 3%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox:nth-child(5) {
    margin: 0 0 0 3%;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .howto_flexbox img {
  padding-bottom: 24px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .howto_flexbox p {
  font-size: 16px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area02 {
  width: 640px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area02 .howto_flexbox {
  width: 280px;
  padding-bottom: 48px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area02 .howto_flexbox img {
  padding-bottom: 24px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area02 .howto_flexbox p {
  font-size: 16px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .howto_attention {
  font-size: 13px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_l {
    width: 16%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_r {
    width: 75%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .howto_flexbox {
    width: 84%;
    padding-bottom: 16px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_r p {
    font-size: 17px !important;
    padding-bottom: 20px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_r .attention {
    font-size: 13px !important;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .howto_flexbox img {
    padding-bottom: 14px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_bar {
    width: 54px;
    margin: 0 auto 30px;
    padding: 32px 0 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_container {
  max-width: 1000px;
  background: #F7F3F9;
  border-radius: 16px;
  position: relative;
  padding: 64px 0 32px;
  margin-top: 58px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_container {
    padding: 56px 0 24px;
    width: 92%;
    margin: 58px auto 0;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_icon {
  width: 128px;
  margin: 0 auto;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_container .inner_content {
  max-width: 640px !important;
  margin: 0 auto !important;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_container .inner_content h3 {
  font-size: 23px !important;
  font-weight: 600;
}
.canadel_item-template-effecteyecreamlift .updatecontent em {
  font-style: normal;
  color: #B389C3;
  font-weight: bold;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexarea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexarea .sarani_flexbox {
  max-width: 280px;
  position: relative;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container h3 {
  padding-bottom: 48px;
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container h3 {
    padding-bottom: 24px;
    line-height: 1.6em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_container .inner_content {
    padding: 0 28px !important;
  }
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container .sarani_flexbox p {
  font-size: 16px;
  padding: 20px 0 40px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container .sarani_flexbox .fukidashi {
  font-size: 23px;
  line-height: 1.2em;
  color: #B389C3;
  text-align: center;
  font-weight: 600;
  padding-bottom: 16px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container .sarani_flexbox .fukidashi:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 24px;
  background-image: url(../img/item/effecteyecreamlift/slash_l.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 22px;
  left: 50px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .sarani_container .sarani_flexbox .fukidashi:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 24px;
  background-image: url(../img/item/effecteyecreamlift/slash_r.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 22px;
  right: 50px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 32px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp_box_l {
  max-width: 8%;
  padding-top: 8px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp_box_r {
  max-width: 78%;
  padding-right: 16px;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .attention {
  margin-top: 5em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text .attention {
  margin-top: 5em;
}
.canadel_item-template-effecteyecreamlift .updatecontent .text_chousei_sp {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-effecteyecreamlift .updatecontent .text_chousei_sp {
    display: inline !important;
  }
}
@media only screen and (max-width: 640px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp_box_r p {
    font-size: 17px !important;
    padding-bottom: 20px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_howto .inner_content .flex_area01 .sarani_flexbox img {
    padding-bottom: 14px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_container .attention {
    text-align: right !important;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp:nth-child(2) {
    margin-bottom: 16px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point1 .attention {
    margin-top: 2em;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .wrap_point3 .text .attention {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 400px) {
  .canadel_item-template-effecteyecreamlift .updatecontent .fs-35 {
    font-size: 26px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp_box_r p {
    font-size: 13px !important;
    padding-bottom: 20px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_r p {
    font-size: 13px !important;
    padding-bottom: 20px;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .howto_flexbox_sp_box_l {
    width: 14%;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .fvtext {
    font-size: 3.9vw;
  }
  .canadel_item-template-effecteyecreamlift .updatecontent .sarani_flexbox_sp_box_l {
    padding-top: 0;
  }
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-effecteyecreamlift .item-detail .item-block {
    margin-bottom: 70px;
  }
}

  /* プレミアモイストクール */
/**common**/
.canadel_item-template-premiermoistcool_b .updatecontent .fv-size {
  width: 100%;
  max-width: 1057px !important;
}
.canadel_item-template-premiermoistcool_b .updatecontent .pcnone {
  display: none!important;
}
.canadel_item-template-premiermoistcool_b .updatecontent .spnone {
  display: block!important;
}
.canadel_item-template-premiermoistcool_b .updatecontent .notoserif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.canadel_item-template-premiermoistcool_b .updatecontent .fs-16 {
  font-size: 16px;
}
.canadel_item-template-premiermoistcool_b .updatecontent .fs-20 {
  font-size: 20px;
}
.canadel_item-template-premiermoistcool_b .updatecontent img {
  max-width: 100%;
  height: auto;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_box {
  position: relative;
}
.canadel_item-template-premiermoistcool_b .updatecontent em {
  font-style: normal;
  color: #268BCB;
  font-weight: bold;
}
.canadel_item-template-premiermoistcool_b .updatecontent .attention {
  font-style: normal;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 11px;
  text-align: left;
}

/**content**/
.canadel_item-template-premiermoistcool_b .updatecontent {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",Meiryo,sans-serif;
  font-size: 18px;
  width: 100%;
  margin: 0 auto;
  
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_fv {
  background: url(../img/item/premiermoistcool_b/fvcontent_bg.jpg) no-repeat center 0 / cover;
}
.canadel_item-template-premiermoistcool_b .updatecontent .fvcontent {
  width: calc(100% + 105px);
  margin-left: calc((100vw - 1000px) / 2);
  padding-left: 3.6%;
  position: relative;
  padding-bottom: 4%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext {
  position: absolute;
  left: 6.2%;
  top: 66%;
  width: 100%;
  max-width: 455px;
  line-height: 2;
}
.canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext .attention {
  margin-top: 2em;
  line-height: 1.7;
}
.canadel_item-template-premiermoistcool_b .updatecontent .inner_content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
	position: relative;
}

/**usege**/
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage {
  padding: 4% 0;
  padding-bottom: 4%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .usage-content .img img {
  max-width: 54%;
  height: auto;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .title_text {
  border-bottom: 1px solid #268BCB;
  padding: 0.5em 0;
  margin-bottom: 2%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text span {
  white-space: nowrap;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text {
  display: flex;
  line-height: 1.4;
  float: left;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text::before {
  content: "";
  background: transparent url(../img/item/premiermoistcool_b/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .usage-content .full-area {
  width: 100%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .usage-content .inn {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
}
.canadel_item-template-premiermoistcool_b .updatecontent .usage-content .full-area .text {
  text-align: left;
  text-indent: inherit;
  display: flex;
  line-height: 1.4;
}
.canadel_item-template-premiermoistcool_b .updatecontent .usage-content .text {
  position: relative;
  text-align: center;
  text-indent: -3em;
  text-align: left;
}
.canadel_item-template-premiermoistcool_b .updatecontent .usage-content .text:before {
  content: "";
  background: transparent url(../img/item/premiermoistcool_b/usage_img01.png) no-repeat 0 0;
  width: 86px;
  height: 34px;
  display: block;
  padding-right: 5%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .title_text {
  border-bottom: 1px solid #268BCB;
  padding: 0.5em 0;
  margin-bottom: 6%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 li .text {
  margin-top: 7%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 {
  display: flex;
  align-items: center;
  border: 1px solid #268BCB;
  padding: 3% 11%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 .imgL {
  width: 22%;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 .text {
  display: inline-block;
  margin-left: 10%;
  white-space: nowrap;
}
.canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 .text em {
  color: #268BCB;
  font-weight: bold;
}

@media only screen and (min-width: 641px) {
  .canadel_item-template-premiermoistcool_b .updatecontent .usage-content {
    display: block;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .usage-content .full-area .inn {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .usage-content .full-area .txt {
    padding-left: 95px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .usage-content .full-area .img {
    margin: 15px 62px 0 auto;
  }
}

/**fv調整**/
@media only screen and (max-width: 1206px) {
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent {
    width: calc(100% + (100vw - 1000px) / 2);
  }
}

@media only screen and (max-width: 1000px) {
  /**common**/
  .canadel_item-template-premiermoistcool_b .updatecontent { /**18px 0.09833333333倍**/
    font-size: calc(18 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-11,
  .canadel_item-template-premiermoistcool_b .updatecontent .attention {
    font-size: 11px;
    font-size: calc(11 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-16 {
    font-size: 16px;
    font-size: calc(16 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-20 {
    font-size: 20px;
    font-size: calc(20 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-25 {
    font-size: 25px;
    font-size: calc(25 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-30 {
    font-size: 30px;
    font-size: calc(30 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-35 {
    font-size: 35px;
    font-size: calc(35 * 0.09833333333vw);
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs-48 {
    font-size: 48px;
    font-size: calc(48 * 0.09833333333vw);
  }

  /**content**/
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext {
    width: 43%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_point1 .wrap_box1,
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_point1 .wrap_box2,
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_point3 .wrap_box {
    width: 98%;
    width: 92%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_point1 .wrap_box2 .text .attention {
    margin-top: 1em;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .inner_content {
    width: 92%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .inner_content {
    width: 92%;
  }
}

/**SP サイトの切り替えポイント**/
@media only screen and (max-width: 640px) {
  /**common**/
  .canadel_item-template-premiermoistcool_b .updatecontent .pcnone {
    display: block!important;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .spnone {
    display: none!important;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .attention {
    font-size: 10px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-48 {
    font-size: 48px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-30 {
    font-size: 30px;
  }
	.canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-35 {
    font-size: 35px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-20 {
    font-size: 20px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-16 {
    font-size: 16px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-15 {
    font-size: 15px;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fs_sp-13 {
    font-size: 13px;
  }

  /**content**/
  .canadel_item-template-premiermoistcool_b .updatecontent {
    line-height: 1.5;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext {
    width: 89%;
    top: 72%;
    line-height: 1.8;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext .attention {
    line-height: 1.4;
    margin-top: 3em;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text {
    gap: 4%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text::before {
    height: auto;
    background-size: contain;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .floatR {
    float: none;
    width: 100%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .title_text {
    margin-bottom: 8%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .text {
    float: none;
    margin-bottom: 7%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage {
    padding: 8% 0;
    padding-bottom: 0%;
    margin-bottom: 8%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .title_text {
    margin-bottom: 7%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 {
    flex-direction: column;
    margin-bottom: 0%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 li {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box1 li img {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 {
    border: none;
    padding: 0 0;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 img.imgL {
    width: 28%;
    margin-right: 3%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_howto .wrap_box2 .text {
    margin-left: 0;
    white-space: unset;
    border: 1px solid #268BCB;
    padding: 3% 5%;
  }
  .canadel_item-template-premiermoistcool_b .updatecontent .wrap_usage .usage-content .img img {
    max-width: 70%;
    height: auto;
  }
}

/**SP2 フォント改行対応**/
@media only screen and (max-width: 400px) {
  .canadel_item-template-premiermoistcool_b .updatecontent .fvcontent .fvtext {
    font-size: 3.8vw;
    left: 5.2%;
  }
}

.canadel_item-template-premiermoistcool_b .item-detail .slide-area .slick-slider .slick-track {
  transform: unset !important;
}
@media only screen and (min-width: 641px) {
  .canadel_item-template-premiermoistcool_b .item-detail .item-block {
      margin-bottom: 70px;
  }
}

/* アイコン色設定 */
.item-detail.premiermoistcool_b .item-block .c-cat {
  background-color: #268BCB;
}
.c-item-lineup-list li.turquoise .c-cat {
  background: #268BCB;
}
/* 商品一覧表示調整 */
@media only screen and (max-width: 420px) {
  .c-item-lineup-list li#item-list-premiermoistcool_b .cat-area {
      margin-bottom: 38px;
  }
}

/* 20250514_murai 権威コンテンツ追加*/
.home .c-campaign-block {
  padding-top: 0;
}
@media only screen and (max-width: 640px) {
  .home .c-campaign-block {
    padding-top: 0;
  }
}
.home .top_bnr {
  padding-top: 120px;
}
@media only screen and (max-width: 640px) {
  .home .top_bnr {
    padding-top: 65px;
  }
}

/* 20250522_watanabe allinoneページ ピックアップレビュー余白対応*/
@media only screen and (max-width: 750px) {
  .allinone .top-review-block {
      padding-bottom: 0;
  }
}


/* 20250527_watanabe 【canadel】オールインワンの魅力バナー設置*/
#bnr-alo.c-bnr-block {
  padding-top: 40px;
}
@media only screen and (max-width: 640px) {
  #bnr-alo.c-bnr-block {
    padding-top: 40px;
  }
}

.about #bnr-alo.c-bnr-block {
  padding-top: 80px;
}
@media only screen and (max-width: 640px) {
  .about #bnr-alo.c-bnr-block {
    padding-top: 40px;
  }
}

.item-list .c-bnr-block .c-bnr.bnr-alo {
  margin-top: 60px;
}
@media only screen and (max-width: 640px) {
.item-list .c-bnr-block .c-bnr.bnr-alo {
    margin-top: 40px;
  }
}

.howto .c-bnr-block {
  margin-bottom: 0;
}
.howto #bnr-alo.c-bnr-block {
  margin-bottom: 70px;
  padding-top: 40px;
}
@media only screen and (min-width: 641px) {
  .howto #bnr-alo.c-bnr-block {
    margin-bottom: 100px;
    padding-top: 40px;
  }
  .howto .c-bnr-block {
    margin-bottom: 0;
  }
}

.concept #bnr-alo.c-bnr-block {
  padding-top: 0;
  padding-bottom: 120px;
}
@media only screen and (max-width: 640px) {
  .concept #bnr-alo.c-bnr-block {
    padding-bottom: 80px;
  }
}

.service #bnr-alo.c-bnr-block {
  padding-top: 150px;
}
@media only screen and (max-width: 640px) {
  .service #bnr-alo.c-bnr-block {
    padding-top: 65px;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 950px) {
  .c-header .nav-list .li-bnrs .bnr-alo .bnr {
    padding: 10px 0 30px;
  }
}

.bestcosme .c-bnr-block {
  padding-bottom: 0;
}
.bestcosme #bnr-alo.c-bnr-block {
  padding-bottom: 65px;
}
@media only screen and (min-width: 641px) {
  .bestcosme .c-bnr-block {
    padding-bottom: 0;
  }
  .bestcosme #bnr-alo.c-bnr-block {
    padding-bottom: 120px;
  }
}

.point .c-bnr-block {
  padding-bottom: 0;
}
.point #bnr-alo.c-bnr-block {
  padding-bottom: 75px;
}
@media only screen and (min-width: 641px) {
  .point .c-bnr-block {
    padding-bottom: 0;
  }
  .point #bnr-alo.c-bnr-block {
    padding-bottom: 120px;
  }
}

.guide .c-bnr-block {
  margin-bottom: 0;
}
.guide #bnr-alo.c-bnr-block {
  margin-bottom: 70px;
}
@media only screen and (min-width: 641px) {
  .guide .c-bnr-block {
    margin-bottom: 0;
  }
  .guide #bnr-alo.c-bnr-block {
    margin-bottom: 115px;
  }
}

/* 20250530_ベストコスメページ商品画像修正 */
@media only screen and (max-width: 640px) {
  .bestcosme .bestcosme-block .bestcosme-box .img.img-balm {
    max-width: 180px;
    margin: 0 auto;
  }
  .bestcosme .bestcosme-block .bestcosme-box .img.img-bottle {
    max-width: 100px;
    margin: 0 auto;
  }
  .bestcosme .bestcosme-block .bestcosme-box .img.img-cream {
    max-width: 70px;
    margin: 0 auto;
  }
}

/* 20250610_TOP FVslider改修 */
.mv-slider2-wrap{
    background: url(../img/home/kv-bg.png) no-repeat center center / cover #fff;
}
@media only screen and (max-width: 640px) {
    .mv-slider2-wrap{
        background: none;
    }
}
.mv-slider2{
    max-width: 1160px;
    margin: 0 auto;
}
.mv-slider2 .slick-dots{
	position: relative;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.mv-slider2 .slick-dots li{
	position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.mv-slider2 .slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 7px;
	height: 7px;
	background: #B60005;
	opacity: .25;
	border: none;
	border-radius: 50%;
	display: block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.mv-slider2 .slick-dots li.slick-active button {
 	background: #B60005;
	opacity: .75;
}
.mv-slider2 .slick-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	opacity: 0.6;
}
.mv-slider2 .slick-prev{
	left: 1%;
}
.mv-slider2 .slick-next{
	right: 1%;
}

/* 20250610_murai 会員ステージ・ポイントプログラムの修正 */
.point-block .point-step .point-step_note {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  gap: 5px;
  margin-top: 20px;
}
.point-block .point-step .point-step_note img {
  display: block;
  width: 20px;
}
.point-block .point-step .point-step_note a {
  text-decoration: underline;
}
.point-block .info-wrap .txt.bo-txt .txt_pink {
  color: #AA1F4F;
}

/* 20250613_abe ヘッダーメニューアイコンの変更 */
.js-cart-count {
  background-color: #C1272D;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  height: 18px;
  width: 18px;
  padding: 0;
  right: 12px;
  top: 8px;
}
@media only screen and (min-width: 950px) {
  .c-header .btn-wrap a:hover {
    transform: none;
  }
  .c-header .btn-wrap a:hover .txt {
    color: #414141;
  }
  .c-header .btn-wrap a div {
    width: 48px;
    height: 38px;
    position: relative;
    margin: 0 auto;
  }
  .c-header .btn-wrap a .login::before,
  .c-header .btn-wrap a .cart::before {
    content: "";
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 21px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: opacity 0.3s ease-in-out;
  }
  .c-header .btn-wrap a .login::before {
    background-image: url('../img/svg/mypage.svg?v2');
    opacity: 1;
    left: 2px;
  }
  .c-header .btn-wrap a .cart::before {
    background-image: url('../img/svg/cart.svg?v2');
    opacity: 1;
    left: -2px;
    will-change: opacity;
  }
  .c-header .btn-wrap a .txt {
    margin-top: -9px;
    transition: 0.3s ease-in-out;
  }
}
@media only screen and (min-width: 950px) {
  .c-header .nav-btn, .c-header .login-btn {
    display: none;
  }
}
@media only screen and (max-width: 950px) {
  .js-cart-count {
    font-size: 10px;
    width: 16px;
    height: 16px;
    right: -2px;
    top: 2px;
  }
  .c-header .nav-btn {
    right: 13px;
  }
  .c-header .nav-btn .inn {
    height: 30px;
    width: 20px;
  }
  .c-header .nav-btn .inn .line {
    background-color: #414141;
    height: 2px;
  }
  .c-header .nav-btn .inn .line:nth-child(2) {
    top: 7px;
  }
  .c-header .nav-btn .inn .line:nth-child(3) {
    top: 14px;
  }
    .c-header .nav-btn.is-open .inn .line:nth-child(1), .c-header .nav-btn.is-open .inn .line:nth-child(2) {
    transform: rotate(45deg);
    top: 7px;
  }
  .c-header .nav-btn.is-open .inn .line:nth-child(2) {
    opacity: 0;
  }
  .c-header .nav-btn.is-open .inn .line:nth-child(3) {
    transform: rotate(-45deg);
    top: 7px;
  }
  .c-header .login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 55px;
    text-align: center;
    position: absolute;
    right: 113px;
    z-index: 99;
    top: 0;
  }
  .c-header .cart-btn {
    right: 69px;
  }
  .c-header .cart-btn .cart, .c-header .login-btn .login {
    position: relative;
    top: -7px;
  }
  .c-header .btn-txt-sp {
    font-size: 10px;
    position: absolute;
    bottom: 6px;
    color: #414141;
  }
  .c-header .nav-btn .btn-txt-sp {
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #414141;
    bottom: 8px;
  }
  .c-header .nav-list {
    margin-top: 0;
  }
  .c-header .login-btn-wrap .ico {
    background: #fff;
  }
  .c-header .login-btn-wrap .ico.login img {
    position: relative;
    top: -1px;
  }
  .c-header .nav-btn.is-open .inn .line {
    width: 100%;
  }
}


/* 20250725_watanabe バリアフィックス商品詳細ページ_レビュー位置変更 */
.item-detail.detail-premierebarrierfix .item-block .info-area #total-rating-pc.rating {
  margin-top: 5px;
}
@media only screen and (min-width: 641px) {
  .item-detail.detail-premierebarrierfix .item-block #total-rating-sp {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .item-detail.detail-premierebarrierfix .item-block #total-rating-pc {
    display: none !important;
  }
  .item-detail.detail-premierebarrierfix .item-block .revico-star .revico-star-block {
    justify-content: flex-start;
  }
}

/* 20250827_abe オールイワンの魅力ページボタン差し替え */
.allinone .menu-block .menu-list {
  gap: 15px;
}
.allinone .menu-block .menu-list li.bg {
  text-align: center;
  position: relative;
}
.allinone .menu-block .menu-list li.bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 1;
}
.allinone .menu-block .menu-list li.bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  z-index: 1;
}
.allinone .menu-block .menu-list li.bg.bg-black::before {
  background: linear-gradient(to bottom, #6F737E, #B2B6C0);
}
.allinone .menu-block .menu-list li.bg.bg-black::after {
  background-color: #5A5A5A;
}
.allinone .menu-block .menu-list li.bg.bg-green::before {
  background: linear-gradient(to bottom, #74E0C1, #B1F2E0);
}
.allinone .menu-block .menu-list li.bg.bg-green::after {
  background-color: #74E0C1;
}
.allinone .menu-block .menu-list li.bg.bg-pink::before {
  background: linear-gradient(to bottom, #FF819C, #F7C2CD);
}
.allinone .menu-block .menu-list li.bg.bg-pink::after {
  background-color: #FF819C;
}
.allinone .menu-block .menu-list li.bg.bg-purple::before {
  background: linear-gradient(to bottom, #7C67C0, #C2B3F5);
}
.allinone .menu-block .menu-list li.bg.bg-purple::after {
  background-color: #7C67C0;
}
.allinone .menu-block .menu-list li.bg.bg-yellow::before {
  background: linear-gradient(to bottom, #EDD24D, #FCEC9E);
}
.allinone .menu-block .menu-list li.bg.bg-yellow::after {
  background-color: #EDD24D;
}
.allinone .menu-block .menu-list li.bg .arrow-down {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%); 
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 10px solid #D9D9D9;
  z-index: 2;
}
.allinone .menu-block .menu-list li.bg a {
  display: block;
  position: relative;
  z-index: 1;
}
.allinone .menu-block .menu-list li.bg a::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 5px; 
  background-color: #fff;
  z-index: -1;
  height: 175px;
}
.allinone .menu-block .menu-list li.bg a .cat-txt {
  font-size: 19px;
  color: #fff;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}
.allinone .menu-block .menu-list li.bg:nth-child(3) a .cat-txt {
  line-height: 40px;
}
.allinone .menu-block .menu-list li.bg a .img {
  margin-top: 22px;
}
@media only screen and (min-width: 751px) {
  .allinone .menu-block .menu-list li.bg {
    width: 150px;
    height: 220px;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(4),
  .allinone .menu-block .menu-list li.bg:nth-child(5) {
    width: 150px;
  }
  .allinone .menu-block .menu-list li.bg a .name {
    font-size: 16px;
    margin: 13px 0 45px;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(2) a .name,
  .allinone .menu-block .menu-list li.bg:nth-child(4) a .name {
    margin: 9px 0 4px;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(3) a .name  {
    margin: 13px 0 4px;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(5) a .name {
    margin: 9px 0 48px;
  }
}
@media only screen and (max-width: 750px) {
  .allinone .menu-block .menu-list {
    gap: 14px 7px;
    margin: 5.2vw 0 7.07vw!important;
  }
  .allinone .menu-block .menu-list li.bg {
    margin-bottom: 0;
    width: calc((100% - 14px) / 3)!important;
    height: 50vw;
  }
  .allinone .menu-block .menu-list li.bg::before {
    height: 12vw;
  }
  .allinone .menu-block .menu-list li.bg .arrow-down {
    border-left: 4vw solid transparent;
    border-right: 4vw solid transparent;
    border-top: 1.7vw solid #D9D9D9;
    bottom: 1.7vw;
  }
  .allinone .menu-block .menu-list li.bg a {
    height: 100%;
  }
  .allinone .menu-block .menu-list li.bg a::before {
    top: 12vw;
    height: auto;
  }
  .allinone .menu-block .menu-list li.bg a .cat-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.73vw;
    line-height: 1.25;
    height: 12vw;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(2) a .cat-txt,
  .allinone .menu-block .menu-list li.bg:nth-child(3) a .cat-txt,
  .allinone .menu-block .menu-list li.bg:nth-child(5) a .cat-txt {
    line-height: 1.25;
  }
  .allinone .menu-block .menu-list li.bg a .img {
    margin-top: 2.933vw;
  }
  .allinone .menu-block .menu-list li.bg a .name {
    height: 35px!important;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(1) a .name {
    margin-top: 3.27vw;
  }
  .allinone .menu-block .menu-list li.bg:nth-child(3) a .name {
    margin-top: 2.27vw;
    margin-bottom: 1.6vw;
  }
}
@media only screen and (max-width: 350px) {
  .allinone .menu-block .menu-list li.bg {
    height: 53vw;
  }
}

/* 250828_murai カナデル商品一覧ページ改修 */
.c-item-lineup-list li:last-child {
  border-right: 4px solid #f3f3f5;
}
.c-item-lineup-list li {
  border-bottom: 4px solid #f3f3f5;
  margin-bottom: -4px;
}
@media only screen and (max-width: 750px) {
  .c-item-lineup-list li:last-child {
    border-right: 2px solid #f3f3f5;
  }
  .c-item-lineup-list li {
    border-bottom: 2px solid #f3f3f5;
    margin-bottom: 0;
  }
}


/* 250912_watanabe カナデル商品詳細FV改修 */
@media screen and (min-width: 767px) {
  .item-detail .item-slider .slick-next,
  .item-detail .item-slider .slick-prev {
    display: none!important;
  }
}
@media screen and (max-width: 767px) {
  .item-detail .item-slider .slick-arrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
  }
  .item-detail .item-slider .slick-next::before,
  .item-detail .item-slider .slick-next::after,
  .item-detail .item-slider .slick-prev::before,
  .item-detail .item-slider .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .item-detail .item-slider .slick-next::after,
  .item-detail .item-slider .slick-prev::after {
    width: 25px;
    height: 25px;
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
  }
  .item-detail .item-slider .slick-next {
    right: 8px;
  }
  .item-detail .item-slider .slick-prev {
    left: 8px;
  }
  .item-detail .item-slider .slick-prev::after {
    left: -20px;
    transform: rotate(-135deg);
  }
  .item-detail .item-slider .slick-next::after {
    right: -20px;
    transform: rotate(45deg);
  }
}
.item-detail .item-slider.slick-slider {
  -ms-touch-action: auto;
  touch-action: auto;
}
@media only screen and (max-width: 640px) {
  .item-detail .thumb-slider {
    width: 335px;
  }
  .item-detail .thumb-slider .slick-slide {
    width: 70px !important;
  }
  .item-detail .slide-area .thumb-slider .slick-slide:nth-child(-n+4) {
    margin-bottom: 10px;
  }
}

/*20250929 HP-3011 あしたの美肌のキャッチコピー・アプリバナーおよびリンク先変更*/
@media only screen and (max-width: 640px) {
  .c-footer .upper .bnr-wrap .bnr-list li .inn .txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 950px) {
    .c-header .nav-list .li-bnrs .bnr.bnr-ashita .ttl {
        font-size: 14px;
    }
}

/* 251020_murai カナデル商品一覧にアンカーボタン設置 */
.lineup-item_links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
}
.lineup-item_links a {
  display: block;
  width: 100%;
  max-width: 200px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  color: #221E1F;
  background-color: #ffffff;
  border: solid 1px #C8C8C8;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  text-align: center;
  padding: 12px 25px;
  position: relative;
  transition: all 0.3s;
}
.lineup-item_links a::before {
  content: "";
  display: block;
  width: 6px;
  height: 3px;
  background-image: url('../img/item/icon_arrow.png');
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 641px) {
  .lineup-item_links a:hover {
    background-color: #DD4274;
    color: #ffffff;
    border: solid 1px #DD4274;
  }
  .lineup-item_links a:hover::before {
    background-image: url('../img/item/icon_arrow_white.png');
  }
}
@media only screen and (max-width: 640px) {
  .lineup-item_links {
    gap: 5px;
    margin-top: 30px;
    padding: 0 20px;
    box-sizing: border-box
  }
  .lineup-item_links a {
    width: calc((100% - 10px) / 3);
    max-width: 200px;
    font-size: 13px;
    background-color: #DD4274;
    color: #ffffff;
    border: solid 1px #DD4274;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    padding: 13px 5px 22px;
  }
  .lineup-item_links a::before {
    background-image: url('../img/item/icon_arrow_white_sp.svg');
    top: initial;
    width: 14px;
    height: 7px;
    bottom: 10px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* 251110_murai ブランド一覧ページコーディング */
.brand .inner {
  width: 100%;
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .brand .inner {
    max-width: 100%;
  }
}
.brand-mv {
  background-image: url("../img/brand/brand-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 70px 0 70px;
}
@media (max-width: 768px) {
  .brand-mv {
    background-image: url("../img/brand/brand-bg_sp.jpg");
    padding: 25px 0 30px;
  }
}
.brand-mv .en {
  font-size: 35px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .brand-mv .en {
    font-size: 24px;
    text-align: center;
  }
}
.brand-mv .ja {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .brand-mv .ja {
    font-size: 11px;
    margin-bottom: 24px;
    text-align: center;
  }
}
.brand-mv .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
}
@media (max-width: 768px) {
  .brand-mv .txt {
    font-size: 14px;
    line-height: 1.42857;
    text-align: center;
    letter-spacing: -0.05em;
  }
}
.brand-content {
  padding: 155px 0 150px;
}
@media (max-width: 768px) {
  .brand-content {
    padding: 50px 0 40px;
  }
}
.brand-item {
  width: 100%;
}
.brand-item + .brand-item {
  margin-top: 100px;
}
@media (max-width: 768px) {
  .brand-item + .brand-item {
    margin-top: 80px;
  }
}
.brand-item.duo .brand-item_logo {
  width: 147px;
}
@media (max-width: 768px) {
  .brand-item.duo .brand-item_logo {
    width: 84px;
  }
}
.brand-item.canadel .brand-item_logo {
  width: 272px;
}
@media (max-width: 768px) {
  .brand-item.canadel .brand-item_logo {
    width: 145px;
  }
}
.brand-item.clayence .brand-item_logo {
  width: 220px;
}
@media (max-width: 768px) {
  .brand-item.clayence .brand-item_logo {
    width: 104px;
  }
}
.brand-item.cmania .brand-item_logo {
  width: 142px;
}
@media (max-width: 768px) {
  .brand-item.cmania .brand-item_logo {
    width: 75px;
  }
}
.brand-item.duomen .brand-item_logo {
  width: 165px;
}
@media (max-width: 768px) {
  .brand-item.duomen .brand-item_logo {
    width: 86px;
  }
}
.brand-item.sinto .brand-item_logo {
  width: 158px;
}
@media (max-width: 768px) {
  .brand-item.sinto .brand-item_logo {
    width: 82px;
  }
}
.brand-item_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media (max-width: 768px) {
  .brand-item_wrap {
    display: block;
    width: 100%;
  }
}
.brand-item_wrap.rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.brand-item_left {
  width: 100%;
  max-width: 45.7%;
}
@media (max-width: 768px) {
  .brand-item_left {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .brand-item_left .brand-img {
    display: block;
    width: 100%;
    margin-bottom: 35px;
  }
}
.brand-item_logo {
  margin-top: 30px;
  margin-bottom: 30px;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 25px;
  width: 100%;
}
@media (max-width: 768px) {
  .brand-item_logo {
    gap: 12px;
    margin-top: 0;
    margin-bottom: 7px;
  }
}
.brand-item_logo img {
  display: block;
}
.brand-item_logo span {
  font-size: 15px;
  font-weight: 500;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 768px) {
  .brand-item_logo span {
    font-size: 13px;
  }
}
.brand-item_ttl {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6666;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .brand-item_ttl {
    font-size: 24px;
    line-height: 1.45833;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
  }
}
.brand-item_lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.875;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .brand-item_lead {
    line-height: 1.71875;
    margin-bottom: 15px;
  }
}
.brand-item_lead.mb70 {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .brand-item_lead.mb70 {
    margin-bottom: 35px;
  }
}
.brand-item_note {
  display: block;
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .brand-item_note {
    margin-bottom: 30px;
  }
}
.brand-item_btn {
  display: block;
  width: 100%;
  max-width: 225px;
  border: solid 1px #565656;
  background-color: #ffffff;
  color: #353535;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 17px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .brand-item_btn {
    max-width: 260px;
    font-size: 11px;
    padding: 18.5px 30px;
  }
}
@media (min-width: 769px) {
  .brand-item_btn:hover {
    background-color: #565656;
    color: #ffffff;
  }
}
@media (min-width: 769px) {
  .brand-item_btn:hover::before {
    background-image: url("../img/brand/brand-btn-arrow-white.svg");
  }
}
.brand-item_btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 9px;
  background-image: url("../img/brand/brand-btn-arrow-black.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .brand-item_btn::before {
    width: 18px;
    height: 8px;
  }
}
.brand-item_btn.red {
  border: solid 1px #B60005;
  color: #ffffff;
  background-color: #B60005;
}
@media (min-width: 769px) {
  .brand-item_btn.red:hover {
    background-color: #ffffff;
    color: #B60005;
  }
}
@media (min-width: 769px) {
  .brand-item_btn.red:hover::before {
    background-image: url("../img/brand/brand-btn-arrow-red.svg");
  }
}
.brand-item_btn.red::before {
  background-image: url("../img/brand/brand-btn-arrow-white.svg");
}
.brand-item_btn_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 7px;
}
@media (max-width: 768px) {
  .brand-item_btn_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.brand-item_right {
  width: 100%;
  max-width: 50%;
}
.brand-item_right img {
  display: block;
  width: 100%;
}
.brand-item_cat {
  width: 100%;
  background: rgba(192, 140, 106, 0.2);
  padding: 25px 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .brand-item_cat {
    padding: 15px 10px 25px;
    margin-bottom: 30px;
  }
}
.brand-item_cat_ttl {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #353535;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .brand-item_cat_ttl {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.brand-item_cat_wrap {
  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;
  gap: 5px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 768px) {
  .brand-item_cat_wrap {
    gap: 5px 3px;
  }
}
.brand-item_cat_wrap a {
  display: inline-block;
  min-width: 120px;
  padding: 6.5px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 0.5px #969696;
  background-color: #FFFFFF;
  border-radius: 55px;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  color: #353535;
  text-decoration: none;
}
@media (max-width: 768px) {
  .brand-item_cat_wrap a {
    min-width: 122px;
    padding: 5px 20px;
    border-radius: 28px;
    font-size: 13px;
  }
}