#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.png), url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/top-bg.png);
   background-size: 100% auto, cover;
   background-position: top center, top calc(.45375*min(var(--full-width), 1600)*1px) center;
   background-repeat: no-repeat;
   background-color: #ace3fe
}

#drphil-250408-xbarrieru-uv .pc-only {
   display: block !important
}

#drphil-250408-xbarrieru-uv .in-pc-only {
   display: inline-block !important
}

#drphil-250408-xbarrieru-uv .sp-only {
   display: none !important
}

#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
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-mv {
   position: relative;
   height: calc(.575*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.05625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .brand-logo {
   width: calc(.08625*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: calc(.02*min(var(--full-width), 1600)*1px);
   left: calc(.02*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner {
   width: calc(.866875*min(var(--full-width), 1600)*1px);
   margin: 0 auto;
   padding-top: calc(.0625*min(var(--full-width), 1600)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-product {
   width: calc(.239375*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: calc(.05625*min(var(--full-width), 1600)*1px);
   right: calc(.09375*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-copy {
   font-size: calc(.01375*min(var(--full-width), 1600)*1px);
   color: #fff;
   font-weight: 700;
   width: calc(.2925*min(var(--full-width), 1600)*1px);
   height: calc(.035*min(var(--full-width), 1600)*1px);
   background: #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: calc(.0175*min(var(--full-width), 1600)*1px);
   margin-left: calc(.0125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-title {
   width: calc(.42*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.00625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-items {
   width: calc(.419375*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .mv-note {
   font-size: calc(.00625*min(var(--full-width), 1600)*1px);
   line-height: 1.6;
   margin-bottom: calc(.05*min(var(--full-width), 1600)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-mv .mv-inner .anchor-link {
   width: 100%;
   height: calc(.04125*min(var(--full-width), 1600)*1px);
   border-radius: calc(.020625*min(var(--full-width), 1600)*1px);
   background-color: #ffb502;
   font-size: calc(.0175*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   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(.018125*min(var(--full-width), 1600)*1px);
   height: calc(.01125*min(var(--full-width), 1600)*1px);
   margin-left: calc(.011875*min(var(--full-width), 1600)*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(.866875*min(var(--full-width), 1600)*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(.5875*min(var(--full-width), 1600)*1px);
   height: calc(.3*min(var(--full-width), 1600)*1px);
   background: #fff3d0;
   margin: 0 auto;
   padding-left: calc(.03125*min(var(--full-width), 1600)*1px);
   padding-top: calc(.03125*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.0425*min(var(--full-width), 1600)*1px);
   position: relative
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .campaign-title {
   width: calc(.281875*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.00625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image {
   position: absolute;
   top: calc(.075 * min(var(--full-width), 1600) * 1px);
   right: calc(.045 * min(var(--full-width), 1600) * 1px);
   display: flex;
   align-items: flex-end;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image img {
   width: calc(.23 * min(var(--full-width), 1600) * 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(.135*min(var(--full-width), 1600)*1px);
   height: calc(.135*min(var(--full-width), 1600)*1px);
   border: 1px solid #003f98;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   left: calc(-0.01875*min(var(--full-width), 1600)*1px);
   bottom: calc(.009375*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-image p strong {
   width: calc(.07125*min(var(--full-width), 1600)*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(.00875*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   text-align: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-limited {
   font-size: calc(.013125*min(var(--full-width), 1600)*1px);
   color: #fff;
   font-weight: 700;
   width: calc(.34375*min(var(--full-width), 1600)*1px);
   height: calc(.0325*min(var(--full-width), 1600)*1px);
   padding-left: calc(.0125*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.0125*min(var(--full-width), 1600)*1px);
   background: #ffb502;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-feature-settings: "palt" off
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01 {
   font-size: calc(.01*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #442d1c;
   line-height: 1.3;
   margin-bottom: calc(.00625*min(var(--full-width), 1600)*1px);
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01.text {
   border-top: 1px solid #ddd7c6;
    margin-top: calc(.008 * min(var(--full-width), 1600) * 1px);
    padding-top: calc(.008 * min(var(--full-width), 1600) * 1px);
   display: inline-block;
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01.text .or {
   font-size: calc(.01 * min(var(--full-width), 1600) * 1px);
    display: block;
    font-weight: 700;
    text-align: center;
}
#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text01 span {
   font-size: calc(.006875*min(var(--full-width), 1600)*1px);
   font-weight: 500;
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-text02 {
   font-size: calc(.0175*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #442d1c;
   line-height: 1.2
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-present .present-note {
   font-size: calc(.006875*min(var(--full-width), 1600)*1px);
   position: absolute;
   bottom: calc(.02125*min(var(--full-width), 1600)*1px);
   right: calc(.02125*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner {
   width: calc(.34375*min(var(--full-width), 1600)*1px);
   margin-left: auto;
   margin-right: 0;
   padding-bottom: calc(.01875*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-item {
   width: calc(.219375*min(var(--full-width), 1600)*1px);
   position: absolute;
   bottom: calc(.00625*min(var(--full-width), 1600)*1px);
   left: 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-brand {
   font-size: calc(.010625*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-name {
   font-size: calc(.015*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   margin-bottom: calc(.003125*min(var(--full-width), 1600)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-price {
   font-size: calc(.0125*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #000
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-tag {
   font-size: calc(.011875*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #003f98;
   width: 100%;
   height: calc(.026875*min(var(--full-width), 1600)*1px);
   border-radius: calc(.01375*min(var(--full-width), 1600)*1px);
   border: 1px solid #003f98;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: calc(.015625*min(var(--full-width), 1600)*1px) 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-campaign .campaign-cart .inner .cart-btn {
   font-size: calc(.015*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   width: 100%;
   height: calc(.04375*min(var(--full-width), 1600)*1px);
   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(.02*min(var(--full-width), 1600)*1px);
   height: auto;
   margin-right: calc(.00875*min(var(--full-width), 1600)*1px)
}

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

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-points {
   margin: calc(.0375*min(var(--full-width), 1600)*1px) auto;
   width: calc(.625*min(var(--full-width), 1600)*1px);
   padding: calc(.025*min(var(--full-width), 1600)*1px) 0;
   border-top: 2px solid #003f98;
   border-bottom: 2px solid #003f98
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner {
   display: flex;
   align-items: center;
   justify-content: space-between
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p {
   font-size: calc(.0125*min(var(--full-width), 1600)*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(.02*min(var(--full-width), 1600)*1px);
   font-weight: 600;
   line-height: 1.8;
   font-family: "Barlow", sans-serif;
   display: block
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-points .xbarrieru-points__inner .xbarrieru-points__contents p small {
   font-size: calc(.01*min(var(--full-width), 1600)*1px);
   margin-top: calc(.003125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-points .points-note {
   text-align: center;
   font-size: calc(.006875*min(var(--full-width), 1600)*1px);
   line-height: 1.6
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-head span {
   width: calc(.03375*min(var(--full-width), 1600)*1px);
   margin: 0 calc(.003125*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
   width: calc(.625*min(var(--full-width), 1600)*1px);
   height: calc(.25*min(var(--full-width), 1600)*1px);
   margin: 0 auto calc(.021875*min(var(--full-width), 1600)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box {
   width: calc(.305*min(var(--full-width), 1600)*1px);
   border-radius: calc(.00625*min(var(--full-width), 1600)*1px);
   background: #fff;
   padding: calc(.0125*min(var(--full-width), 1600)*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(.045*min(var(--full-width), 1600)*1px);
   height: auto;
   margin-right: calc(.01*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box:nth-child(2) {
   padding-top: calc(.0175*min(var(--full-width), 1600)*1px);
   padding-bottom: calc(.0175*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box:nth-child(3) {
   position: absolute;
   left: 0;
   top: calc(.08625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box:nth-child(4) {
   position: absolute;
   right: 0;
   bottom: 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-review .review-inner .review-box:nth-child(5) {
   position: absolute;
   left: 0;
   bottom: 0;
   padding-top: calc(.0175*min(var(--full-width), 1600)*1px);
   padding-bottom: calc(.0175*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-teacher {
   width: calc(.6875*min(var(--full-width), 1600)*1px);
   box-shadow: 0px 10px 50px 0px rgba(0, 63, 152, .2);
   background: #fff;
   margin: calc(.0625*min(var(--full-width), 1600)*1px) auto calc(.071875*min(var(--full-width), 1600)*1px);
   padding: calc(.0375*min(var(--full-width), 1600)*1px) calc(.034375*min(var(--full-width), 1600)*1px) calc(.05625*min(var(--full-width), 1600)*1px);
   position: relative
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-tag {
   width: calc(.199375*min(var(--full-width), 1600)*1px);
   position: absolute;
   left: 0;
   top: calc(-0.01875*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-head {
   font-size: calc(.01875*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   text-align: center;
   line-height: 1.3;
   padding-bottom: calc(.00625*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.01875*min(var(--full-width), 1600)*1px);
   border-bottom: 1px solid #bfbfbf;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-head span {
   color: #003f98;
   font-size: calc(.0275*min(var(--full-width), 1600)*1px);
   display: block
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .lead {
   font-size: calc(.01*min(var(--full-width), 1600)*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(.01875*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-img {
   width: calc(.246875*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: calc(.143125*min(var(--full-width), 1600)*1px);
   right: calc(.038125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-img .caption {
   font-size: calc(.009375*min(var(--full-width), 1600)*1px);
   text-align: right;
   padding-right: calc(.0125*min(var(--full-width), 1600)*1px);
   margin-top: calc(.003125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point {
   width: calc(.354375*min(var(--full-width), 1600)*1px);
   background: #23a0d4;
   border-radius: calc(.00625*min(var(--full-width), 1600)*1px);
   padding-left: calc(.0125*min(var(--full-width), 1600)*1px);
   padding-top: calc(.00625*min(var(--full-width), 1600)*1px);
   padding-bottom: calc(.00625*min(var(--full-width), 1600)*1px);
   margin-top: calc(.0125*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .teacher-point+.lead {
   margin-top: calc(.01875*min(var(--full-width), 1600)*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(.0375*min(var(--full-width), 1600)*1px);
   width: calc(.03125*min(var(--full-width), 1600)*1px);
   line-height: 1
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .skin-image {
   width: calc(.574375*min(var(--full-width), 1600)*1px);
   margin: calc(.0375*min(var(--full-width), 1600)*1px) auto 0
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point {
   width: calc(.55625*min(var(--full-width), 1600)*1px);
   margin: calc(.05*min(var(--full-width), 1600)*1px) auto 0;
   border: calc(.001875*min(var(--full-width), 1600)*1px) solid #003f98;
   position: relative;
   padding-top: calc(.05*min(var(--full-width), 1600)*1px);
   padding-bottom: calc(.03125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-head {
   font-size: calc(.02375*min(var(--full-width), 1600)*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(-0.02375*min(var(--full-width), 1600)*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(.01875*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box {
   width: calc(.49375*min(var(--full-width), 1600)*1px);
   margin: 0 auto;
   padding: calc(.01875*min(var(--full-width), 1600)*1px) 0;
   border-radius: calc(.00625*min(var(--full-width), 1600)*1px);
   background: #003f98
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-teacher .keep-point .keep-box h3 {
   color: #fff;
   font-size: calc(.02125*min(var(--full-width), 1600)*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(.01125*min(var(--full-width), 1600)*1px);
   line-height: 1.7;
   text-align: center;
   margin-top: calc(.00625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense {
   width: calc(.625*min(var(--full-width), 1600)*1px);
   margin: 0 auto;
   padding-bottom: calc(.1375*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-head {
   width: calc(.29125*min(var(--full-width), 1600)*1px);
   height: calc(.046875*min(var(--full-width), 1600)*1px);
   background: #003f98;
   color: #fff;
   font-size: calc(.0125*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto calc(.01875*min(var(--full-width), 1600)*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(.0125*min(var(--full-width), 1600)*1px);
   height: calc(.010625*min(var(--full-width), 1600)*1px);
   position: absolute;
   left: 0;
   right: 0;
   bottom: calc(-0.01*min(var(--full-width), 1600)*1px);
   margin: 0 auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-lead {
   font-size: calc(.015*min(var(--full-width), 1600)*1px);
   text-align: center;
   font-weight: 700;
   line-height: 1.6;
   margin-bottom: calc(.00625*min(var(--full-width), 1600)*1px);
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense h3 {
   text-align: center;
   font-size: calc(.034375*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #003f98
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .note {
   text-align: center;
   font-size: calc(.006875*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .dry-item {
   width: calc(.225625*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-text {
   text-align: center;
   font-size: calc(.013125*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   line-height: 1.9;
   margin-bottom: calc(.05*min(var(--full-width), 1600)*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(.04375*min(var(--full-width), 1600)*1px) calc(.0375*min(var(--full-width), 1600)*1px) calc(.025*min(var(--full-width), 1600)*1px);
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box::before {
   display: block;
   content: "";
   width: calc(.19375*min(var(--full-width), 1600)*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(.19375*min(var(--full-width), 1600)*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(-0.025*min(var(--full-width), 1600)*1px);
   display: flex;
   align-items: center;
   justify-content: center
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box .drydefense-box__title span {
   font-size: calc(.02125*min(var(--full-width), 1600)*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(.0275*min(var(--full-width), 1600)*1px);
   font-weight: 600
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body {
   margin-left: calc(.025*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.point .drydefense-box__body h4 {
   font-size: calc(.01875*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #003f98;
   margin-bottom: calc(.00625*min(var(--full-width), 1600)*1px)
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   margin-left: calc(.02125*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-drydefense .drydefense-box.check ul li+li {
   margin-top: calc(.0125*min(var(--full-width), 1600)*1px)
}

#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.png) no-repeat center center/100% auto;
   width: calc(.03125*min(var(--full-width), 1600)*1px);
   height: calc(.02*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
   left: calc(-0.030625*min(var(--full-width), 1600)*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.png) no-repeat center center/100% auto;
   width: calc(.018125*min(var(--full-width), 1600)*1px);
   height: calc(.01*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto 0;
   left: calc(-0.0175*min(var(--full-width), 1600)*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.png) no-repeat center center/100% auto;
   width: calc(.031875*min(var(--full-width), 1600)*1px);
   height: calc(.018125*min(var(--full-width), 1600)*1px);
   position: absolute;
   top: 0;
   left: calc(-0.030625*min(var(--full-width), 1600)*1px)
}

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

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

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-head {
   height: calc(.05*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.025*min(var(--full-width), 1600)*1px);
   background: #17bdfb;
   color: #fff;
   font-size: calc(.0175*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin: 0 calc(.03125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner p {
   font-size: calc(.01125*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   line-height: 2.2;
   color: #000
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner p small {
   display: block;
   font-size: calc(.006875*min(var(--full-width), 1600)*1px);
   font-weight: 500;
   margin-top: calc(.01875*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-inner img {
   width: calc(.211875*min(var(--full-width), 1600)*1px);
   height: auto
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list {
   margin: calc(.028125*min(var(--full-width), 1600)*1px) calc(.03125*min(var(--full-width), 1600)*1px) 0;
   background: #d4ecf7;
   border-radius: calc(.0125*min(var(--full-width), 1600)*1px);
   padding: calc(.01875*min(var(--full-width), 1600)*1px) 0;
   margin-bottom: calc(.0125*min(var(--full-width), 1600)*1px)
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li {
   width: calc(.123125*min(var(--full-width), 1600)*1px);
   margin: 0 calc(.005625*min(var(--full-width), 1600)*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-top: calc(.015625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .ingredients-list ul li p {
   font-size: calc(.01*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   margin-top: calc(.01125*min(var(--full-width), 1600)*1px);
   white-space: nowrap;
   color: #000
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .note {
   text-align: center;
   font-size: calc(.00625*min(var(--full-width), 1600)*1px);
   margin-top: calc(.009375*min(var(--full-width), 1600)*1px);
   color: #000
}

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

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test {
   width: calc(.176875*min(var(--full-width), 1600)*1px);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between
}

#drphil-250408-xbarrieru-uv .xbarrieru-ingredients .ingredients-block .list-test li {
   width: 100%;
   height: calc(.035*min(var(--full-width), 1600)*1px);
   border-radius: calc(.0025*min(var(--full-width), 1600)*1px);
   font-size: calc(.009375*min(var(--full-width), 1600)*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(.009375*min(var(--full-width), 1600)*1px)
}

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

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner {
   width: calc(.586875*min(var(--full-width), 1600)*1px);
   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(.05*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-osusume .osusume-inner .osusume-list li {
   font-size: calc(.01625*min(var(--full-width), 1600)*1px);
   font-weight: 700;
   color: #172a88;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   width: calc(.586875*min(var(--full-width), 1600)*1px);
   height: calc(.06625*min(var(--full-width), 1600)*1px);
   padding-left: calc(.08125*min(var(--full-width), 1600)*1px);
   padding-top: calc(.0175*min(var(--full-width), 1600)*1px);
   background: url(/drphil/images/freepage/drphil-260316-xbarrieru-uv/osusume-line.png) no-repeat center center/auto 100%
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xbarrieru-detail__inner {
   width: calc(.6*min(var(--full-width), 1600)*1px);
   margin: 0 auto
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box {
   padding-bottom: calc(.0125*min(var(--full-width), 1600)*1px);
   margin: 0 calc(.01875*min(var(--full-width), 1600)*1px) calc(.0125*min(var(--full-width), 1600)*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(.01125*min(var(--full-width), 1600)*1px);
   font-weight: 700
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .tag {
   font-size: calc(.0125*min(var(--full-width), 1600)*1px);
   border: 1px solid;
   display: inline-block;
   padding: calc(.000625*min(var(--full-width), 1600)*1px) calc(.001875*min(var(--full-width), 1600)*1px);
   margin-bottom: calc(.0125*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto {
   display: flex;
   align-items: flex-start
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul {
   display: flex;
   align-items: flex-start
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li {
   width: calc(.2125*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li+li {
   margin-left: calc(.075*min(var(--full-width), 1600)*1px)
}

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

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

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li p {
   font-size: calc(.009375*min(var(--full-width), 1600)*1px);
   height: calc(.05625*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .howto ul li img {
   width: auto;
   height: calc(.134375*min(var(--full-width), 1600)*1px)
}

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

#drphil-250408-xbarrieru-uv .xbarrieru-detail .xb-detail__box .notice li small {
   display: block;
   font-size: calc(.01*min(var(--full-width), 1600)*1px);
   margin-left: 1em;
   margin-bottom: calc(.01875*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore {
   font-weight: 700;
   padding: calc(.005*min(var(--full-width), 1600)*1px) calc(.00625*min(var(--full-width), 1600)*1px);
   border: 1px solid #de436d;
   border-radius: calc(.00375*min(var(--full-width), 1600)*1px);
   margin-top: calc(.04375*min(var(--full-width), 1600)*1px)
}

#drphil-250408-xbarrieru-uv .xbarrieru-detail .showmore .showmore-title {
   color: #de436d;
   font-size: calc(.01*min(var(--full-width), 1600)*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(.00875*min(var(--full-width), 1600)*1px);
   line-height: 1.7;
   display: none
}

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

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