#drphil-250408-xbarrieru-uv {
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
   font-optical-sizing: auto;
   font-feature-settings: "palt" on;
   color: #333;
   background-image: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/mv-bg-sp.png), url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/top-bg-sp.png);
   background-size: 100% auto, auto;
   background-position: top center, top center;
   background-repeat: no-repeat, repeat-y;
   background-color: #ace3fe
}

#drphil-250408-xbarrieru-uv *,
#drphil-250408-xbarrieru-uv::before,
#drphil-250408-xbarrieru-uv::after {
   box-sizing: border-box
}

#drphil-250408-xbarrieru-uv sup {
   display: inline-block;
   margin-right: -0.5em;
   font-size: 1em;
   font-weight: normal !important
}

#drphil-250408-xbarrieru-uv sup small {
   display: block;
   transform: scale(0.5);
   transform-origin: 0 .5em;
   text-indent: 0;
   line-height: 1em;
   padding: 0
}

#drphil-250408-xbarrieru-uv sub {
   display: inline-block;
   margin-right: -0.5em;
   font-size: 1em;
   font-weight: normal !important
}

#drphil-250408-xbarrieru-uv sub small {
   display: block;
   transform: scale(0.6);
   transform-origin: 0 1em;
   text-indent: 0;
   line-height: 1em;
   padding: 0
}

#drphil-250408-xbarrieru-uv p,
#drphil-250408-xbarrieru-uv li,
#drphil-250408-xbarrieru-uv h1,
#drphil-250408-xbarrieru-uv h2,
#drphil-250408-xbarrieru-uv h3,
#drphil-250408-xbarrieru-uv h4,
#drphil-250408-xbarrieru-uv h5 {
   font-weight: 500;
   line-height: 1.55;
   list-style: none;
   margin: 0;
   padding: 0
}

.pc-only {
   display: none
}

.in-pc-only {
   display: none
}

.sp-only {
   display: block
}

#drphil-250408-xbarrieru-uv img {
   width: 100%;
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv {
   position: relative;
   height: auto;
   margin-bottom: calc(.12*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .brand-logo {
   width: calc(.184*var(--full-width)*1px);
   position: absolute;
   top: calc(.056*var(--full-width)*1px);
   right: calc(.048*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .brand-logo img {
   width: 100%;
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner {
   width: 100%;
   padding-top: calc(.0666666667*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-product {
   display: none
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-copy {
   font-size: calc(.0293333333*var(--full-width)*1px);
   color: #fff;
   font-weight: 700;
   width: calc(.5733333333*var(--full-width)*1px);
   height: calc(.0693333333*var(--full-width)*1px);
   background: #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: calc(.0266666667*var(--full-width)*1px);
   margin-left: calc(.0933333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-title {
   width: calc(.872*var(--full-width)*1px);
   margin: 0 auto calc(.8*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-items {
   width: calc(.9426666667*var(--full-width)*1px);
   margin: 0 auto calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-note {
   font-size: calc(.024*var(--full-width)*1px);
   line-height: 1.3;
   margin-bottom: calc(.0666666667*var(--full-width)*1px);
   padding: 0 calc(.0466666667*var(--full-width)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-note br {
   display: none
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link {
   width: calc(.8933333333*var(--full-width)*1px);
   height: calc(.1066666667*var(--full-width)*1px);
   border-radius: calc(.0533333333*var(--full-width)*1px);
   background-color: #ffb502;
   font-size: calc(.0333333333*var(--full-width)*1px);
   font-weight: 700;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto calc(.1066666667*var(--full-width)*1px);
   position: relative;
   z-index: 100
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link span {
   display: flex;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link span::after {
   display: block;
   content: "";
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/nav-arrow.png) no-repeat center center/100% auto;
   width: calc(.0346666667*var(--full-width)*1px);
   height: calc(.0226666667*var(--full-width)*1px);
   margin-left: calc(.0226666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link.fixed {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: calc(.8933333333*var(--full-width)*1px);
   transform: translate(0, 100%);
   transition: transform .2s ease-in-out
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link.fixed.active {
   transform: translate(0, 0)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present {
   width: calc(.8933333333*var(--full-width)*1px);
   height: auto;
   background: #fff3d0;
   margin: 0 auto calc(.0933333333*var(--full-width)*1px);
   padding: calc(.06*var(--full-width)*1px) calc(.0466666667*var(--full-width)*1px);
   position: relative;
   text-align: center;
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .campaign-date {
   position: absolute;
   top: 0;
   right: 0;
   width: calc(.2826666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .campaign-title {
   width: calc(.6013333333*var(--full-width)*1px);
   margin-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 0;
   margin-bottom: ccalc(.02*var(--full-width)*1px);
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image img {
   width: calc(.6*var(--full-width)*1px);
   height: auto;
   position: relative;
   z-index: 2
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p {
   color: #003f98;
   background: #fff;
   border-radius: 50%;
   width: calc(.4*var(--full-width)*1px);
   height: calc(.4*var(--full-width)*1px);
   border: 1px solid #003f98;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   left: calc(-.0666666667*var(--full-width)*1px);
   bottom: calc(.02*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p .text-top {
   font-size: calc(.044*var(--full-width)*1px);
   font-weight: 700;
   text-align: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p strong {
   width: calc(.2186666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p strong img {
   width: 100%;
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p .text-bottom {
   font-size: calc(.0253333333*var(--full-width)*1px);
   font-weight: 700;
   text-align: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-limited {
   font-size: calc(.032*var(--full-width)*1px);
   color: #fff;
   font-weight: 700;
   width: calc(.8*var(--full-width)*1px);
   height: calc(.08*var(--full-width)*1px);
   margin-bottom: calc(.036*var(--full-width)*1px);
   background: #ffb502;
   display: flex;
   align-items: center;
   justify-content: center;
   font-feature-settings: "palt" off
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01 {
   font-size: calc(.034*var(--full-width)*1px);
   font-weight: 700;
   color: #442d1c;
   text-align: center;
   line-height: 1.3;
   margin-bottom: calc(.0133333333*var(--full-width)*1px)
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01.text {
   border-top: 1px solid #ddd7c6;
   padding-top: calc(.045 * var(--full-width) * 1px);
   display: inline-block;
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01.text .or {
   font-size: calc(.034*var(--full-width)*1px);
   display: block;
   font-weight: 700;
   text-align: center;
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text02 {
   font-size: calc(.0506666667*var(--full-width)*1px);
   font-weight: 700;
   color: #442d1c;
   text-align: center;
   line-height: 1.3;
   white-space: nowrap;
   margin-bottom: calc(.04*var(--full-width)*1px);
   margin-left: calc(-.0466666667*var(--full-width)*1px);
   margin-right: calc(-.0466666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-note {
   font-size: calc(.024*var(--full-width)*1px);
   text-align: center
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-note.img {
   text-align: right;
    margin-bottom: calc(.064 * var(--full-width) * 1px);
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart {
   position: relative;
   width: calc(.8933333333*var(--full-width)*1px);
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-head {
   text-align: center;
   color: #003f98;
   font-size: calc(.056*var(--full-width)*1px);
   font-weight: 700;
   margin-bottom: calc(.0533333333*var(--full-width)*1px);
   line-height: 1
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-item {
   width: calc(.6613333333*var(--full-width)*1px);
   display: block;
   margin: 0 auto calc(.0666666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-brand {
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-name {
   font-size: calc(.0453333333*var(--full-width)*1px);
   font-weight: 700;
   margin-bottom: calc(.0066666667*var(--full-width)*1px);
   text-align: center;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-price {
   font-size: calc(.0426666667*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-price .size {
   font-size: calc(.0346666667*var(--full-width)*1px);
   margin-right: calc(.0426666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-tag {
   width: calc(.7466666667*var(--full-width)*1px);
   font-size: calc(.0346666667*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.3;
   color: #003f98;
   height: calc(.12*var(--full-width)*1px);
   border-radius: calc(.0213333333*var(--full-width)*1px);
   border: 1px solid #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   margin: calc(.0333333333*var(--full-width)*1px) auto calc(.0666666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-tag small {
   font-size: calc(.0293333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-btn {
   font-size: calc(.0426666667*var(--full-width)*1px);
   font-weight: 700;
   width: calc(.8*var(--full-width)*1px);
   height: calc(.1253333333*var(--full-width)*1px);
   margin: 0 auto;
   background: #d3000a;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-btn img {
   width: calc(.056*var(--full-width)*1px);
   height: auto;
   margin-right: calc(.0186666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-intro {
   margin-top: calc(.16*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-intro h3 {
   text-align: center;
   font-size: calc(.0533333333*var(--full-width)*1px);
   margin-bottom: calc(.0533333333*var(--full-width)*1px);
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-intro p {
   font-size: calc(.04*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   line-height: 1.6
}

#drphil-250408-xbarrieru-uv .xbarrieru-points {
   margin: calc(.1066666667*var(--full-width)*1px) auto;
   padding: calc(.08*var(--full-width)*1px) 0;
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-points::before {
   display: block;
   content: "";
   width: calc(.8933333333*var(--full-width)*1px);
   height: 2px;
   background: #003f98;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-points::after {
   display: block;
   content: "";
   width: calc(.8933333333*var(--full-width)*1px);
   height: 2px;
   background: #003f98;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-points h3 {
   font-size: calc(.0626666667*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98;
   text-align: center;
   margin-bottom: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-points h3 span {
   font-size: calc(.0733333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: column;
   width: calc(.8933333333*var(--full-width)*1px);
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents {
   width: 100%;
   height: calc(.16*var(--full-width)*1px);
   background: #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: calc(.0333333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents+.xbarrieru-points__contents {
   margin-top: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p {
   font-size: calc(.032*var(--full-width)*1px);
   color: #fff;
   font-weight: 700;
   line-height: 1.3;
   text-align: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p strong {
   font-size: calc(.048*var(--full-width)*1px);
   font-weight: 600;
   line-height: 1.6;
   font-family: "Barlow", sans-serif;
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p span {
   font-size: calc(.048*var(--full-width)*1px);
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p small {
   font-size: calc(.032*var(--full-width)*1px);
   margin-top: calc(.0066666667*var(--full-width)*1px);
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .points-note {
   text-align: center;
   font-size: calc(.0226666667*var(--full-width)*1px);
   line-height: 1.6;
   white-space: nowrap
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-head {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: calc(.052*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98;
   margin-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-head span {
   width: calc(.072*var(--full-width)*1px);
   margin: 0 calc(.0066666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-head strong {
   font-family: "Barlow", sans-serif;
   font-size: calc(.0666666667*var(--full-width)*1px);
   font-weight: 600
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   flex-direction: column;
   width: calc(.8906666667*var(--full-width)*1px);
   margin: 0 auto calc(.0466666667*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box {
   width: 100%;
   border-radius: calc(.0133333333*var(--full-width)*1px);
   background: #fff;
   padding: calc(.04*var(--full-width)*1px);
   box-shadow: 5px 5px 20px rgba(0, 63, 152, .2);
   display: flex;
   align-items: center;
   justify-content: flex-start
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box img {
   width: calc(.1306666667*var(--full-width)*1px);
   height: auto;
   margin-right: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box p {
   font-size: calc(.028*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.7;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box+.review-box {
   margin-top: calc(.0293333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-note {
   text-align: center;
   font-size: calc(.024*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher {
   width: calc(.8933333333*var(--full-width)*1px);
   box-shadow: 0px 10px 50px 0px rgba(0, 63, 152, .2);
   background: #fff;
   margin: calc(.1333333333*var(--full-width)*1px) auto calc(.1533333333*var(--full-width)*1px);
   padding: calc(.2466666667*var(--full-width)*1px) calc(.04*var(--full-width)*1px) calc(.08*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-tag {
   width: calc(.536*var(--full-width)*1px);
   position: absolute;
   left: 0;
   top: calc(.0213333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-head {
   font-size: calc(.0373333333*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.3;
   padding-bottom: calc(.0266666667*var(--full-width)*1px);
   margin-bottom: calc(.0533333333*var(--full-width)*1px);
   border-bottom: 1px solid #bfbfbf;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-head span {
   color: #003f98;
   font-size: calc(.0506666667*var(--full-width)*1px);
   margin-top: calc(.0066666667*var(--full-width)*1px);
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .lead {
   font-size: calc(.0293333333*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.85;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .lead span {
   background: linear-gradient(transparent 50%, #ffff00 50%)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .lead+.lead {
   margin-top: calc(.0533333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-img {
   width: calc(.304*var(--full-width)*1px);
   position: absolute;
   top: calc(-0.028*var(--full-width)*1px);
   right: calc(.0333333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-img .caption {
   font-size: calc(.024*var(--full-width)*1px);
   text-align: center;
   line-height: 1.3;
   margin-top: calc(.0066666667*var(--full-width)*1px);
   padding-left: calc(.0666666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point {
   width: 100%;
   height: calc(.1466666667*var(--full-width)*1px);
   background: #23a0d4;
   border-radius: calc(.0133333333*var(--full-width)*1px);
   padding-left: calc(.04*var(--full-width)*1px);
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point+.teacher-point {
   margin-top: calc(.032*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point+.lead {
   margin-top: calc(.0933333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point p {
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: flex-start
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point p .num {
   font-family: "Jost", sans-serif;
   font-weight: 300;
   font-size: calc(.1066666667*var(--full-width)*1px);
   width: calc(.0866666667*var(--full-width)*1px);
   line-height: 1
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point p .point-text {
   font-size: calc(.04*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.3
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .skin-image {
   width: calc(.7546666667*var(--full-width)*1px);
   margin: calc(.08*var(--full-width)*1px) auto 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point {
   margin: calc(.12*var(--full-width)*1px) auto 0;
   border: calc(.004*var(--full-width)*1px) solid #003f98;
   position: relative;
   padding-top: calc(.1066666667*var(--full-width)*1px);
   padding-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-head {
   font-size: calc(.0533333333*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   color: #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: calc(-.0506666667*var(--full-width)*1px);
   line-height: 1.3
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-head span {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   background: #fff;
   padding: 0 calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-head small {
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box {
   width: calc(.7466666667*var(--full-width)*1px);
   margin: 0 auto;
   padding: calc(.0533333333*var(--full-width)*1px) calc(.0133333333*var(--full-width)*1px);
   border-radius: calc(.0133333333*var(--full-width)*1px);
   background: #003f98
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box+.keep-box {
   margin-top: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box h3 {
   color: #fff;
   font-size: calc(.0453333333*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   line-height: 1.3
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box p {
   color: #fff;
   font-size: calc(.028*var(--full-width)*1px);
   line-height: 1.7;
   text-align: center;
   margin-top: calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense {
   padding-left: calc(.0533333333*var(--full-width)*1px);
   padding-right: calc(.0533333333*var(--full-width)*1px);
   padding-bottom: calc(.2666666667*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-head {
   width: calc(.6253333333*var(--full-width)*1px);
   height: calc(.1333333333*var(--full-width)*1px);
   background: #003f98;
   color: #fff;
   font-size: calc(.0346666667*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.3;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: calc(.0333333333*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-head::after {
   display: block;
   content: "";
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/dry-arrow.png) no-repeat center center/100% auto;
   width: calc(.0266666667*var(--full-width)*1px);
   height: calc(.0226666667*var(--full-width)*1px);
   position: absolute;
   left: 0;
   right: 0;
   bottom: calc(-.0213333333*var(--full-width)*1px);
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-lead-sp {
   width: calc(.6133333333*var(--full-width)*1px);
   font-size: calc(.0346666667*var(--full-width)*1px);
   text-align: center;
   font-weight: 700;
   line-height: 1.6;
   margin-right: auto;
   margin-bottom: calc(.0666666667*var(--full-width)*1px);
   color: #000;
   white-space: nowrap;
   position: relative;
   z-index: 2
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-lead-sp2 {
   text-align: center;
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense h3 {
   text-align: center;
   font-size: calc(.0666666667*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98;
   white-space: nowrap;
   margin-left: calc(-.0533333333*var(--full-width)*1px);
   margin-right: calc(-.0533333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .note {
   text-align: center;
   font-size: calc(.024*var(--full-width)*1px);
   margin-top: calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .dry-item {
   width: calc(.2813333333*var(--full-width)*1px);
   position: absolute;
   top: calc(-0.04*var(--full-width)*1px);
   right: 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .dry-images {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: calc(.064*var(--full-width)*1px);
   margin-bottom: calc(.0613333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-text {
   text-align: center;
   font-size: calc(.0346666667*var(--full-width)*1px);
   font-weight: 700;
   line-height: 1.9;
   margin-bottom: calc(.12*var(--full-width)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box {
   border-left: 2px solid #003f98;
   border-right: 2px solid #003f98;
   border-bottom: 2px solid #003f98;
   padding: calc(.06*var(--full-width)*1px) calc(.0533333333*var(--full-width)*1px) calc(.0533333333*var(--full-width)*1px);
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box::before {
   display: block;
   content: "";
   width: calc(.216*var(--full-width)*1px);
   height: 2px;
   background: #003f98;
   position: absolute;
   top: 0;
   left: 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box::after {
   display: block;
   content: "";
   width: calc(.216*var(--full-width)*1px);
   height: 2px;
   background: #003f98;
   position: absolute;
   top: 0;
   right: 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box .drydefense-box__title {
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   top: calc(-.0533333333*var(--full-width)*1px);
   display: flex;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box .drydefense-box__title span {
   font-size: calc(.0453333333*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box .drydefense-box__title span strong {
   font-family: "Barlow", sans-serif;
   font-size: calc(.0586666667*var(--full-width)*1px);
   font-weight: 600
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point {
   margin-bottom: calc(.0853333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point img {
   width: calc(.4066666667*var(--full-width)*1px);
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body {
   margin-top: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body h4 {
   font-size: calc(.048*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98;
   text-align: center;
   margin-bottom: calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body p {
   font-size: calc(.0293333333*var(--full-width)*1px);
   line-height: 2;
   color: #003f98;
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body p br {
   display: none
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check img {
   width: calc(.7266666667*var(--full-width)*1px);
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-top: calc(.0653333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul li {
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700;
   color: #003f98;
   line-height: 1.3;
   background: #fff;
   border-radius: calc(.0133333333*var(--full-width)*1px);
   height: calc(.1733333333*var(--full-width)*1px);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 calc(.0266666667*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul li:nth-child(1)::after {
   display: block;
   content: "";
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/fukidashi1-sp.png) no-repeat center center/100% auto;
   width: calc(.0426666667*var(--full-width)*1px);
   height: calc(.0413333333*var(--full-width)*1px);
   position: absolute;
   top: calc(-0.04*var(--full-width)*1px);
   right: calc(.0146666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul li:nth-child(2)::after {
   display: block;
   content: "";
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/fukidashi2-sp.png) no-repeat center center/100% auto;
   width: calc(.0253333333*var(--full-width)*1px);
   height: calc(.0466666667*var(--full-width)*1px);
   position: absolute;
   top: calc(-0.044*var(--full-width)*1px);
   right: calc(.08*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul li:nth-child(3)::after {
   display: block;
   content: "";
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/fukidashi3-sp.png) no-repeat center center/100% auto;
   width: calc(.0293333333*var(--full-width)*1px);
   height: calc(.0453333333*var(--full-width)*1px);
   position: absolute;
   top: calc(-.0426666667*var(--full-width)*1px);
   left: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients {
   background: #114fa2;
   padding-top: calc(.04*var(--full-width)*1px);
   padding-bottom: calc(.0933333333*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients::before {
   display: block;
   content: "";
   width: 100%;
   height: calc(.1066666667*var(--full-width)*1px);
   background: #114fa2;
   -webkit-clip-path: polygon(0 0, calc(50% - 0.0933333333 * var(--full-width) * 1px) 0, 50% calc(0.0933333333 * var(--full-width) * 1px), calc(50% + 0.0933333333 * var(--full-width) * 1px) 0, 100% 0, 100% 100%, 0 100%);
   clip-path: polygon(0 0, calc(50% - 0.0933333333 * var(--full-width) * 1px) 0, 50% calc(0.0933333333 * var(--full-width) * 1px), calc(50% + 0.0933333333 * var(--full-width) * 1px) 0, 100% 0, 100% 100%, 0 100%);
   position: absolute;
   left: 0;
   top: calc(-0.1*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block {
   width: calc(.8933333333*var(--full-width)*1px);
   margin: 0 auto;
   padding-bottom: calc(.06*var(--full-width)*1px);
   background: #fff
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block+.ingredients-block {
   margin-top: calc(.08*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block.ingredients02 .note {
   text-align: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-head {
   margin-bottom: calc(.0666666667*var(--full-width)*1px);
   background: #17bdfb;
   color: #fff;
   font-size: calc(.048*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   line-height: 1.2;
   padding: calc(.0266666667*var(--full-width)*1px) 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-head small {
   font-size: calc(.0346666667*var(--full-width)*1px);
   margin-right: calc(.0066666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: column
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner p {
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700;
   line-height: 2;
   text-align: center;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner p small {
   display: block;
   font-size: calc(.024*var(--full-width)*1px);
   font-weight: 500;
   text-align: center;
   margin-top: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner img {
   width: calc(.712*var(--full-width)*1px);
   height: auto;
   margin-top: calc(.0666666667*var(--full-width)*1px);
   margin-left: calc(.0466666667*var(--full-width)*1px);
   margin-right: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list {
   margin: calc(.0533333333*var(--full-width)*1px) calc(.0466666667*var(--full-width)*1px) 0;
   background: #d4ecf7;
   border-radius: calc(.0266666667*var(--full-width)*1px);
   padding: calc(.04*var(--full-width)*1px) 0;
   margin-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list .ingredients-title {
   font-size: calc(.0373333333*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   margin-bottom: calc(.0466666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-wrap: wrap
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li {
   width: calc(.1733333333*var(--full-width)*1px);
   margin: 0 calc(.008*var(--full-width)*1px);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li:nth-child(5),
#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li:nth-child(6),
#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li:nth-child(7) {
   margin: calc(.0186666667*var(--full-width)*1px) calc(.0133333333*var(--full-width)*1px) 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li p {
   font-size: calc(.0226666667*var(--full-width)*1px);
   font-weight: 700;
   margin-top: calc(.024*var(--full-width)*1px);
   text-align: center;
   line-height: 1.2;
   white-space: nowrap;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list .note-image {
   font-size: calc(.024*var(--full-width)*1px);
   text-align: right;
   margin-right: calc(.036*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .note {
   font-size: calc(.024*var(--full-width)*1px);
   padding: 0 calc(.04*var(--full-width)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-free {
   width: calc(.8*var(--full-width)*1px);
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: calc(.0693333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-free li {
   font-size: calc(.0293333333*var(--full-width)*1px);
   color: #fff;
   font-weight: 700;
   text-align: center;
   line-height: 1.3;
   width: calc(.3866666667*var(--full-width)*1px);
   height: calc(.1333333333*var(--full-width)*1px);
   border-radius: calc(.0053333333*var(--full-width)*1px);
   background: #6ebfe4;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-free li:first-child {
   width: 100%;
   height: calc(.096*var(--full-width)*1px);
   background: #2894c5;
   font-size: calc(.0346666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test {
   width: calc(.8*var(--full-width)*1px);
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   margin-bottom: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test li {
   width: calc(.3866666667*var(--full-width)*1px);
   height: calc(.1333333333*var(--full-width)*1px);
   border-radius: calc(.0053333333*var(--full-width)*1px);
   font-size: calc(.0293333333*var(--full-width)*1px);
   color: #fff;
   font-weight: 700;
   line-height: 1.3;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #6683ac;
   margin-bottom: calc(.02*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test li:first-child {
   width: 100%;
   height: calc(.096*var(--full-width)*1px);
   background: #002457;
   font-size: calc(.0346666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test li:last-child {
   width: 100%;
   height: calc(.1066666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume {
   padding: calc(.1466666667*var(--full-width)*1px) 0;
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/osusume-bg.png) repeat-x top center/auto 60%;
   background-color: #fff
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-head {
   text-align: center;
   color: #003f98;
   font-size: calc(.0613333333*var(--full-width)*1px);
   font-weight: 700;
   margin-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner {
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: calc(.1066666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list li {
   font-size: calc(.0346666667*var(--full-width)*1px);
   font-weight: 700;
   color: #172a88;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   line-height: 1.3;
   width: calc(.9093333333*var(--full-width)*1px);
   height: calc(.1413333333*var(--full-width)*1px);
   padding-left: calc(.0533333333*var(--full-width)*1px);
   padding-bottom: calc(.0133333333*var(--full-width)*1px);
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/osusume-line01.png) no-repeat center center/auto 100%
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list li img {
   width: calc(.0586666667*var(--full-width)*1px);
   height: auto;
   margin-right: calc(.02*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list li:nth-child(4) {
   height: calc(.1813333333*var(--full-width)*1px);
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/osusume-line02.png) no-repeat center center/100% auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list li+li {
   margin-top: calc(-0.02*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail {
   background: #fff;
   margin-bottom: calc(.2266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__title {
   height: calc(.1333333333*var(--full-width)*1px);
   background: #f8f8f8;
   padding-left: calc(.0533333333*var(--full-width)*1px);
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: calc(.0426666667*var(--full-width)*1px);
   font-weight: 700;
   margin-bottom: calc(.0533333333*var(--full-width)*1px);
   border: 1px solid #e7e7e7
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box {
   padding-bottom: calc(.0533333333*var(--full-width)*1px);
   margin: 0 calc(.04*var(--full-width)*1px) calc(.0666666667*var(--full-width)*1px);
   border-bottom: 1px solid #ccc
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box.notice {
   border-bottom: none
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .text-red {
   color: #c8103c;
   font-size: calc(.0346666667*var(--full-width)*1px);
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .tag {
   font-size: calc(.0346666667*var(--full-width)*1px);
   border: 1px solid;
   display: inline-block;
   padding: calc(.0013333333*var(--full-width)*1px) calc(.004*var(--full-width)*1px);
   margin-bottom: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .text {
   font-size: calc(.0293333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
   width: 100%
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li {
   width: 100%
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li+li {
   margin-top: calc(.08*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li h3 {
   font-size: calc(.04*var(--full-width)*1px);
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li h3 span {
   width: calc(.048*var(--full-width)*1px);
   height: calc(.048*var(--full-width)*1px);
   background: #333;
   margin-right: calc(.012*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li p {
   font-size: calc(.032*var(--full-width)*1px);
   line-height: 2
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li img {
   width: auto;
   height: calc(.492*var(--full-width)*1px);
   margin: calc(.0533333333*var(--full-width)*1px) auto 0;
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li.howto02 div {
   padding-bottom: calc(.1466666667*var(--full-width)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li.howto02 div img {
   width: calc(.2546666667*var(--full-width)*1px);
   height: auto;
   position: absolute;
   top: calc(-0.04*var(--full-width)*1px);
   right: calc(.0133333333*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .notice li {
   font-size: calc(.0346666667*var(--full-width)*1px);
   line-height: 1.7;
   text-indent: -1em;
   padding-left: 1em
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .notice li small {
   display: block;
   font-size: calc(.0293333333*var(--full-width)*1px);
   text-indent: 0;
   padding-left: 0;
   margin-bottom: calc(.04*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore {
   font-weight: 700;
   width: calc(.92*var(--full-width)*1px);
   padding: calc(.0106666667*var(--full-width)*1px) calc(.024*var(--full-width)*1px);
   border: 1px solid #de436d;
   border-radius: calc(.008*var(--full-width)*1px);
   margin: calc(.0933333333*var(--full-width)*1px) auto 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore .showmore-title {
   color: #de436d;
   font-size: calc(.032*var(--full-width)*1px);
   font-weight: 700;
   text-align: center;
   transition: all .3s
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore .showmore-title:hover {
   opacity: .7
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore .showmore-text {
   font-size: calc(.024*var(--full-width)*1px);
   line-height: 1.7;
   display: none
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore .showmore-text small {
   display: block;
   font-size: calc(.024*var(--full-width)*1px);
   margin-top: calc(.0266666667*var(--full-width)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore.active .showmore-text {
   display: block
}