@charset "UTF-8";
.sbg-dermato-bubble, .sbg-memo-title-checklist, .sbg-memo-title, .sbg-play-icon, .sbgBlock-dermato_head:after, .sbgBlock-memo_uptitle:before, .has-txt-content li:before, .has-video .sbgBlock-image-thumb::after {
  background-image: url('../img/op/atoderm/sbg-s2bc828d2e4.png');
  background-repeat: no-repeat;
}

.sbg-dermato-bubble {
  background-position: 0 0;
  height: 19px;
  width: 19px;
}

.sbg-memo-title-checklist {
  background-position: 0 -49px;
  height: 16px;
  width: 428px;
}

.sbg-memo-title {
  background-position: 0 -95px;
  height: 24px;
  width: 31px;
}

.sbg-play-icon {
  background-position: 0 -149px;
  height: 40px;
  width: 40px;
}

.opeSBG-head-title .is-bigger, .opeSBG-head-hashtag .is-lighter, .opeSBG-head-hashtag strong, .opeSBG-timeline_details, .opeSBG-landing_title, .opeSBG-landing_social_title, .sbgBlock-advices-bigger-category, .dermato_head_content .subtitle, .sbgIntro-circle_content, .sbgBlock-survey_content {
  font-family: "Century Gothic W02", Arial, Helvetica, "Trebuchet MS", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opeSBG-head-title, .opeSBG-product-title, .opeSBG-head-hashtag, .opeSBG-head-subtitle, .opeSBG-temporality-title, .opeSBG-timeline_details .number, .opeSBG-timeline_month, .opeSBG-landing_pushLabel, .sbgBlock-advices-bigger-title, .sbgBlock-advices-bigger-content h2, .sbgBlock-advices-title, .sbgCcspdp_title, .dermato_head_content .title, .sbgIntro_title, .sbgBlock-memo_uptitle, .sbgBlock-nextweek-title, .sbgBlock-nextweek-content, .sbgBlock-survey_title {
  font-family: "Century Gothic W02 Bold", Arial, Helvetica, "Trebuchet MS", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sr-only, .survey_question_item input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.opeSBG-landing_quarterPush .opeSBG-landing_pushLabel, .survey_question_item label {
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushLabel:hover, .survey_question_item label:hover {
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.opeSBG-landing_quarterPush .opeSBG-landing_pushPic img, .opeSBG-landing_halfPush .opeSBG-landing_pushPic img, .opeSBG-landing_social_item a {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushPic img:hover, .opeSBG-landing_halfPush .opeSBG-landing_pushPic img:hover, .opeSBG-landing_social_item a:hover {
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.l-pushBottom--smaller {
  padding-bottom: 15px;
}

.l-pushTop--smaller {
  padding-top: 15px;
}

.l-pushBottom--min {
  padding-bottom: 20px;
}

.l-pushTop--min {
  padding-top: 20px;
}

.l-pushBottom--small {
  padding-bottom: 35px;
}

.l-pushTop--small {
  padding-top: 35px;
}

.l-pushBottom {
  padding-bottom: 40px;
}

.l-pushTop {
  padding-top: 40px;
}

.l-pushBottom--large {
  padding-bottom: 45px;
}

.l-pushTop--large {
  padding-top: 45px;
}

.l-pushBottom--larger {
  padding-bottom: 60px;
}

.l-pushTop--larger {
  padding-top: 60px;
}

.l-addBottom--smaller {
  margin-bottom: 15px;
}

.l-addTop--smaller {
  margin-top: 15px;
}

.l-addBottom--min {
  margin-bottom: 20px;
}

.l-addTop--min {
  margin-top: 20px;
}

.l-addBottom--small {
  margin-bottom: 35px;
}

.l-addTop--small {
  margin-top: 35px;
}

.l-addBottom {
  margin-bottom: 40px;
}

.l-addTop {
  margin-top: 40px;
}

.l-addBottom--large {
  margin-bottom: 45px;
}

.l-addTop--large {
  margin-top: 45px;
}

.l-addBottom--larger {
  margin-bottom: 60px;
}

.l-addTop--larger {
  margin-top: 60px;
}

.l-noMargin {
  margin: 0;
}

.l-end {
  margin-bottom: 0;
}

.l-noPadding {
  padding: 0;
}

.l-noBorder {
  border: 0;
}

.l-noBottom {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.opeSBG-head {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 260px;
  text-align: center;
  background: url('../img/op/atoderm/opeSBG-head-bg.png?1486560676') no-repeat top right;
  background-repeat: no-repeat;
  padding: 10px 0;
  position: relative;
}

.opeSBG-head-title {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 0.8;
  color: #4174a3;
}
.opeSBG-head-title .is-bigger {
  display: inline-block;
  width: 100%;
  font-size: 112px;
  margin-top: 8px;
  margin-bottom: 18px;
}

.opeSBG-product-title {
  padding: 20px 0;
  text-align: center;
  font-size: 30px;
  color: #4174a3;
  line-height: 30px;
}

.opeSBG-head-hashtag {
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 2px;
  font-size: 40px;
  color: #e93e8f;
  border-top: 1px solid #e93e8f;
  border-bottom: 1px solid #e93e8f;
}

.opeSBG-head-subtitle {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  padding: 0 170px;
  color: #e93e8f;
}

.opeSBG-temporality {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 15px;
  background-color: #fff;
  float: left;
  width: 100%;
}

.opeSBG-temporality-title {
  text-align: center;
  text-transform: uppercase;
  color: #4174a3;
  font-size: 20px;
  margin-top: 35px;
}

.opeSBG-timeline_wrapper {
  width: 90%;
  margin: 0 auto;
}
.opeSBG-timeline_wrapper.has-over-item .opeSBG-timeline_item_link.is-active .opeSBG-timeline_details {
  display: none;
}
.opeSBG-timeline_wrapper.has-over-item .opeSBG-timeline_item_link.is-active::after {
  display: none;
}
.opeSBG-timeline_wrapper.has-over-item .opeSBG-timeline_item_link.is-active:hover .opeSBG-timeline_details {
  display: block;
}
.opeSBG-timeline_wrapper.has-over-item .opeSBG-timeline_item_link.is-active:hover::after {
  display: block;
}

.opeSBG-timeline {
  position: relative;
  display: block;
  margin-top: 65px;
  height: 3px;
  background: #e2e3e3;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.opeSBG-timeline_item {
  display: inline;
}

.opeSBG-timeline_item_link {
  display: inline-block;
  float: left;
  position: relative;
  width: 100%;
  position: absolute;
}
.opeSBG-timeline_item_link.is-published::before {
  background-color: #e93e8f;
}
.opeSBG-timeline_item_link.is-published::after {
  background-color: #e93e8f;
}
.opeSBG-timeline_item_link.is-unpublished::before {
  background-color: #4174a3;
}
.opeSBG-timeline_item_link.is-unpublished::after {
  background-color: #4174a3;
}
.opeSBG-timeline_item_link.is-unpublished:hover::before {
  border-color: #4174a3;
  color: #4174a3;
}
.opeSBG-timeline_item_link.is-unpublished .opeSBG-timeline_details {
  background-color: #4174a3;
}
.opeSBG-timeline_item_link::after {
  content: "";
  display: none;
  position: absolute;
  top: -19px;
  left: 14px;
  height: 8px;
  width: 2px;
}
.opeSBG-timeline_item_link::before {
  content: attr(data-episode-number);
  position: absolute;
  top: -13px;
  display: block;
  color: #FFF;
  font-family: "Century Gothic W02", Arial, Helvetica, "Trebuchet MS", sans-serif;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  width: 25px;
  height: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #fff;
}
.opeSBG-timeline_item_link:hover, .opeSBG-timeline_item_link.is-active {
  cursor: pointer;
}
.opeSBG-timeline_item_link:hover .opeSBG-timeline_details, .opeSBG-timeline_item_link.is-active .opeSBG-timeline_details {
  display: block;
}
.opeSBG-timeline_item_link:hover::after, .opeSBG-timeline_item_link.is-active::after {
  display: block;
}
.opeSBG-timeline_item_link.is-active::before, .opeSBG-timeline_item_link:hover::before {
  border-color: #e93e8f;
  color: #e93e8f;
  background-color: #fff;
}

.episode-1 {
  left: 0;
}

.episode-2 {
  left: 11%;
}

.episode-3 {
  left: 22%;
}

.episode-4 {
  left: 33%;
}

.episode-5 {
  left: 44%;
}

.episode-6 {
  left: 55%;
}

.episode-7 {
  left: 66%;
}

.episode-8 {
  left: 77%;
}

.episode-9 {
  left: 88%;
}

.episode-10 {
  left: 99%;
}

.episode-11 {
  left: 110%;
}

.episode-6 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.episode-7 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.episode-8 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.episode-9 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.episode-10 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.episode-11 .opeSBG-timeline_details {
  right: 100%;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}

.opeSBG-timeline_details {
  width: 40em;
  top: -15px;
  display: block;
  background-color: #e93e8f;
  color: #fff;
  font-size: 17px;
  display: none;
  position: absolute;
  padding: 12px 10px;
  margin-right: -3em;
  margin-bottom: 18px;
  left: initial;
  top: inherit;
  bottom: 100%;
}
.opeSBG-timeline_details .number {
  text-transform: uppercase;
}
.opeSBG-timeline_details .number::after {
  content: ":";
  display: inline-block;
  margin-left: .1em;
}
.opeSBG-timeline_details .number .is-small {
  text-transform: none;
  margin-left: 4px;
}

.opeSBG-timeline_month {
  font-size: 15px;
  color: #d5e1ea;
  margin-top: 15px;
  float: left;
  width: 100%;
}
.opeSBG-timeline_month li {
  list-style-type: none;
  text-align: center;
  width: 25%;
  float: left;
}

a {
  text-decoration: none;
}

.opeSBG-landing_quarterPush, .opeSBG-landing_quarterPush .opeSBG-landing_pushPic, .opeSBG-landing_quarterPush .opeSBG-landing_pushLabel, .opeSBG-landing_halfPush, .opeSBG-landing_halfPush .opeSBG-landing_pushPic, .opeSBG-landing_halfPush .opeSBG-landing_pushLabel, .sbgBlock-advices-bigger-left, .sbgBlock-advices-bigger-right, .sbgBlock-advices, .sbgBlock-advices-left, .sbgBlock-advices-right, .sbgCcspdp-left, .sbgCcspdp-right, .dermato_head_pic, .dermato_head_content, .sbgBlock-dermato_content .dermato_content_left, .sbgBlock-dermato_content .dermato_content_right, .sbgIntro-left, .sbgIntro-right, .sbgBlock-keynum, .sbgBlock-keynum_pic, .sbgBlock-keynum_content, .sbgBlock-survey_question {
  display: inline;
  float: left;
}

.opeSBG-product-title, .opeSBG-head-subtitle, .opeSBG-temporality-title, #content, .opeSBG-landing, .opeSBG-landing_banner, .opeSBG-landing_social, .sbgBlock-advices-bigger, .sbgBlock-advices-bigger-title, .sbgBlock-ccspdp, .sbgBlock-custom, .sbgBlock-dermato, .sbgBlock-dermato_head, .dermato_head_content .title, .dermato_head_content .subtitle, .sbgBlock-dermato_content, .sbgBlock-dyk, .sbgBlock-intro, .sbgBlock-keynum_content .keynum_content_contrib, .sbgBlock-keynum_content .keynum_content_social, .sbgBlock-memo, .sbgBlock {
  width: 100%;
  display: inline;
  float: left;
}

.l-full {
  width: 100%;
}

.l-constrained {
  width: 940px;
  margin: 0 auto;
}
.l-constrained i {
  display: inline-block;
}

#page-inner.atoderm-landing {
  border: none;
  margin-bottom: 50px;
}
#page-inner.atoderm-landing .opeSBG-landing_banner {
  margin-top: 50px;
}

.opeSBG-landing {
  padding-top: 70px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.opeSBG-landing_title {
  font-size: 18px;
  color: #4174a3;
  margin-bottom: 25px;
  margin-left: 5px;
  text-transform: uppercase;
}

#page-inner.atoderm-landing .opeSBG-landing_title + div {
  margin-top: 0;
}

.opeSBG-landing_pushLabel {
  font-size: 13px;
}

.opeSBG-landing_quarterPush, .opeSBG-landing_halfPush {
  display: table !important;
  table-layout: fixed;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushPic, .opeSBG-landing_quarterPush .opeSBG-landing_pushLabel, .opeSBG-landing_halfPush .opeSBG-landing_pushPic, .opeSBG-landing_halfPush .opeSBG-landing_pushLabel {
  float: none !important;
  display: table-cell !important;
  vertical-align: middle;
}
.opeSBG-landing_quarterPush a, .opeSBG-landing_halfPush a {
  display: block;
  height: 120px;
}

.opeSBG-landing_quarterPush {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 239px;
  height: 120px;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushPic {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushPic img {
  display: block;
}
.opeSBG-landing_quarterPush .opeSBG-landing_pushLabel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 120px;
  background-color: #4174a3;
  color: #fff;
  padding: 10px;
}

.opeSBG-landing_quarterPush:hover .opeSBG-landing_pushLabel {
  color: #4174a3;
  background-color: #fff;
}
.opeSBG-landing_quarterPush:hover .opeSBG-landing_pushPic img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.opeSBG-landing_halfPush {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 478px;
  height: 120px;
  border: 1px solid #e6e6e6;
}
.opeSBG-landing_halfPush a {
  width: 478px;
}
.opeSBG-landing_halfPush .opeSBG-landing_pushPic {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.opeSBG-landing_halfPush .opeSBG-landing_pushPic img {
  display: block;
}
.opeSBG-landing_halfPush:hover .opeSBG-landing_pushPic img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.opeSBG-landing_halfPush .opeSBG-landing_pushLabel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 120px;
  padding: 10px 10px 10px 40px;
}
.opeSBG-landing_halfPush + .opeSBG-landing_halfPush {
  border-left: 0;
}

.opeSBG-landing_banner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.opeSBG-landing_banner .opeSBG-landing_social_list {
  text-align: right;
}

.opeSBG-landing_social {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  text-align: right;
}

.opeSBG-landing_social_title {
  font-size: 12px;
  color: #4174a3;
}

.opeSBG-landing_social_list {
  clear: both;
  padding-top: 10px;
}

.opeSBG-landing_social_item {
  display: inline-block;
  margin: 0;
}
.opeSBG-landing_social_item a {
  display: block;
}
.opeSBG-landing_social_item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.opeSBG-landing_social_item + .opeSBG-landing_social_item {
  margin-left: 10px;
}

#page-inner.atoderm-episode {
  border: none;
  margin-bottom: 50px;
}

.opeSBG .ys__relative-products {
  border: none;
  background-color: #fff;
  margin-top: 60px;
}

.atoderm-episode .opeSBG-landing_banner {
  padding-top: 60px;
}

.sbgBlock-advices-bigger {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #4174a3;
  background-color: #fff;
}

.sbgBlock-advices-bigger-title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 0 20px;
}

.sbgBlock-advices-bigger-left {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}

.sbgBlock-advices-bigger-right {
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
}

.sbgBlock-advices-bigger-category {
  font-size: 20px;
  line-height: 1;
  color: #4174a3;
}

.sbgBlock-advices-bigger-title {
  font-size: 30px;
  line-height: 30px;
  color: #4174a3;
  margin-bottom: 20px;
}

.sbgBlock-advices-bigger-content {
  font-size: 14px;
  line-height: 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4174a3;
}
.sbgBlock-advices-bigger-content .content-title {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  color: #4174a3;
}
.sbgBlock-advices-bigger-content h2 {
  font-size: 20px;
  line-height: 30px;
  color: #4174a3;
  margin-bottom: 20px;
}

.sbgBlock-advices-bigger-social {
  margin-top: 20px;
  text-align: left;
}

.sbgBlock-advices-bigger-left-illu {
  display: block;
}

.sbgBlock-advices {
  width: 710px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 125px;
  border: 8px solid #4174a3;
  background-color: #fff;
}

.sbgBlock-advices-left {
  width: 66%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px 20px 20px;
}

.sbgBlock-advices-right {
  width: 34%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sbgBlock-advices-title {
  font-size: 30px;
  line-height: 30px;
  color: #4174a3;
  margin-bottom: 20px;
}

.sbgBlock-advices-content {
  font-size: 15px;
  line-height: 25px;
  color: #4174a3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sbgBlock-advices-social {
  margin-top: 20px;
  text-align: left;
}

.sbgBlock-advices-bigger-right {
  margin-top: 30px;
}

.sbgBlock-advices-right-illu {
  display: block;
  float: right;
}

.sbgBlock-advices-bigger-illu img {
  display: block;
  width: 100%;
  height: auto;
}

.sbgCcspdp-left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.sbgCcspdp-left .sbgBlock_social {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-left: 25px;
  top: -20px;
}

.sbgCcspdp-right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  background-color: #fff;
}

.sbgCcspdp-pic {
  background: url('../img/op/atoderm/bg/ccspdp-pic-bg.png?1486560676') no-repeat top left;
  overflow: hidden;
  position: relative;
  top: -5px;
  width: 452px;
  height: 306px;
}

.sbgCcspdp-pic_wrapper {
  width: 379px;
  height: 232px;
  overflow: hidden;
  position: absolute;
  top: 29px;
  left: 25px;
}
.sbgCcspdp-pic_wrapper img {
  width: 379px;
  height: 232px;
}

.sbgBlock-keynum_youtube {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.sbgBlock-keynum_image {
  position: relative;
  z-index: 1;
}

.sbgCcspdp_title {
  color: #4174a3;
  font-size: 30px;
  margin-bottom: 25px;
  line-height: 30px;
  width: 80%;
}

.sbgCcspdp_content {
  color: #707173;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 25px;
}
.sbgCcspdp_content p {
  margin-bottom: 30px;
}

.sbgBlock-custom {
  padding: 15px 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sbgBlock-custom.has-border {
  border: 9px solid #d5e1ea;
}
.sbgBlock-custom .opeSBG-landing_social_list {
  margin-right: 20px;
}

.sbgBlock-custom_social {
  margin-top: 30px;
  text-align: right;
}

.sbgBlock-dermato {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d5e1ea;
}

.sbgBlock-dermato_head {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #4174a3;
  color: #fff;
  padding: 30px;
  position: relative;
}
.sbgBlock-dermato_head:after {
  content: '';
  background-position: 0 0;
  height: 19px;
  width: 19px;
  position: absolute;
  bottom: -19px;
  left: 30px;
}

.dermato_head_pic {
  width: 78px;
  height: 78px;
  margin-right: 25px;
}

.dermato_head_content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 78px;
  width: 350px;
}
.dermato_head_content .title {
  line-height: 30px;
  font-size: 30px;
}
.dermato_head_content .subtitle {
  line-height: 23px;
  font-size: 15px;
}

.sbgBlock-dermato_content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 35px 15px 25px 30px;
  position: relative;
}
.sbgBlock-dermato_content .dermato_content_left, .sbgBlock-dermato_content .dermato_content_right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.sbgBlock-dermato_content .dermato_content_left {
  padding-right: 20px;
}
.sbgBlock-dermato_content .dermato_content_left_contrib {
  line-height: 25px;
  font-size: 15px;
  color: #4174a3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sbgBlock-dermato_content .dermato_content_left_social {
  position: absolute;
  bottom: 25px;
}
.sbgBlock-dermato_content .dermato_content_right {
  position: absolute;
  top: -123px;
  right: 17px;
  background-color: #fff;
  width: 448px;
  padding: 8px;
  -moz-box-shadow: -1px 8px 9px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: -1px 8px 9px 0px rgba(0, 0, 0, 0.08);
  box-shadow: -1px 8px 9px 0px rgba(0, 0, 0, 0.08);
}

.sbgBlock-dyk {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  display: table;
}

.sbgBlock-dyk-left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  text-align: right;
  display: table-cell;
}

.sbgBlock-dyk-right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.sbgBlock-dyk-content {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #707173;
  font-size: 15px;
  line-height: 25px;
  padding-left: 35px;
  padding-top: 50px;
}
.sbgBlock-dyk-content li {
  margin-top: 25px;
}
.sbgBlock-dyk-content li:before {
  content: "•";
  padding-right: 10px;
}

.sbgBlock-dyk-social {
  text-align: center;
  margin-top: 20px;
}

.sbgBlock-intro {
  margin-top: 60px;
}

.sbgIntro-left {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 38%;
  text-align: center;
  color: #fff;
}

.sbgIntro-right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 62%;
  background-color: #fff;
}

.sbgIntro-circle {
  width: 230px;
  height: 230px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.sbgIntro-circle_bg {
  background-color: #e93e8f;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  height: 230px;
  width: 230px;
  text-align: center;
  display: block;
  line-height: 232px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.sbgIntro-circle_content {
  position: absolute;
  top: 0;
  left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.sbgIntro-circle_content .label, .sbgIntro-circle_content .num {
  display: inline-block;
  width: 100%;
}
.sbgIntro-circle_content .label {
  text-transform: uppercase;
  font-size: 15px;
  padding-top: 30px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  width: 130px;
}
.sbgIntro-circle_content .num {
  font-size: 170px;
  line-height: 0.7;
}

.sbgIntro_title {
  color: #e93e8f;
  font-size: 60px;
  margin-bottom: 25px;
  line-height: 1;
}

.sbgIntro_content {
  color: #707173;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 25px;
}

.sbgBlock-keynum {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.sbgBlock-keynum.is-left {
  margin-right: 50%;
}
.sbgBlock-keynum.is-right {
  margin-left: 50%;
}

.sbgBlock-keynum_pic {
  width: 350px;
  height: 370px;
  overflow: hidden;
}

.sbgBlock-keynum_content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 10px;
  width: 360px;
  padding-left: 120px;
}
.sbgBlock-keynum_content .keynum_content_contrib {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 40px;
  font-size: 15px;
  line-height: 18px;
  color: #707173;
}
.sbgBlock-keynum_content .keynum_content_social {
  margin-top: 20px;
}

.sbgBlock-memo {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.sbgBlock-memo .opeSBG-landing_social_list {
  position: absolute;
  top: 100%;
  right: 0;
}

.sbgBlock-memo_wrapper {
  display: block;
  margin: 0 auto;
  width: 470px;
  float: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #d5e1ea;
}

.sbgBlock-memo_up {
  padding: 25px 20px 20px 20px;
  background-color: #4174a3;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
}

.sbgBlock-memo_uptitle {
  font-size: 30px;
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.sbgBlock-memo_uptitle:before {
  background-position: 0 -95px;
  height: 24px;
  width: 31px;
  content: "";
  display: inline-block;
  position: absolute;
  left: -38px;
  bottom: 7px;
}

.sbgBlock-memo_upcontent {
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sbgBlock-memo_bottom {
  position: relative;
  background-color: #fff;
  color: #4174a3;
  font-size: 16px;
  line-height: 23px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.sbgBlock-memo_media {
  position: relative;
}

.has-img-content img {
  display: block;
}

.has-txt-content {
  padding: 10px 20px 30px 20px;
}
.has-txt-content li {
  padding-top: 5px;
}
.has-txt-content li:before {
  content: "";
  background-position: 0 -49px;
  height: 16px;
  width: 428px;
  display: block;
  margin-bottom: 5px;
}

.sbgBlock-nextweek {
  text-align: center;
}

.sbgBlock-nextweek-wrapper {
  width: 230px;
  height: 230px;
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.sbgBlock-nextweek-circle {
  background-color: #e93e8f;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  height: 230px;
  width: 230px;
  text-align: center;
  display: block;
  line-height: 232px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.sbgBlock-nextweek-circle-content {
  position: absolute;
  top: 26px;
  left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  text-align: center;
}

.sbgBlock-nextweek-title {
  display: inline-block;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  padding-top: 30px;
  width: 170px;
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
}

.sbgBlock-nextweek-content {
  display: inline-block;
  padding-top: 15px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  width: 170px;
}

.sbgBlock .ys__relative-products {
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sbgBlock .ys__push-club__item {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.sbgBlock_social .opeSBG-landing_social_item + .opeSBG-landing_social_item {
  margin-left: 5px;
}

.sbgBlock-dyk .opeSBG-landing_social_list {
  text-align: center;
}
.sbgBlock-custom .opeSBG-landing_social_list {
  text-align: right;
}
.sbgBlock-ccspdp .opeSBG-landing_social_list {
  padding-left: 30px;
  padding-top: 0;
  margin-top: -10px;
}

.sbgBlock-survey {
  text-align: center;
}

.sbgBlock-survey_wrapper {
  display: inline-block;
  width: 465px;
  background-color: #e93e8f;
  color: #fff;
  text-align: center;
  padding: 25px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.sbgBlock-survey_title {
  font-size: 30px;
  line-height: 30px;
}

.sbgBlock-survey_content {
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  width: 280px;
  margin-top: 10px;
}

.sbgBlock-survey_question {
  width: 100%;
  margin-top: 15px;
}

.survey_question_item {
  display: inline-block;
}
.survey_question_item input:checked + label {
  border: 2px solid #fff;
  background-color: #fff;
  color: #e93e8f;
}
.survey_question_item label {
  font-size: 20px;
  text-transform: uppercase;
  background-color: #fff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  height: 58px;
  width: 58px;
  text-align: center;
  display: block;
  line-height: 60px;
  border: 2px solid #fff;
  background-color: #e93e8f;
  color: #fff;
}
.survey_question_item label:hover {
  cursor: pointer;
  background-color: #fff;
  color: #e93e8f;
}
.survey_question_item + .survey_question_item {
  margin-left: 20px;
}

.sbgBlock {
  padding-top: 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sbgBlock h1, .sbgBlock h2, .sbgBlock h3 {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
}

.has-video {
  position: relative;
  float: none;
  clear: both;
  z-index: 1;
}
.has-video .sbgBlock-image-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.has-video .sbgBlock-image-thumb::after {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background-position: 0 -149px;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
}

.sbgBlock-image-thumb {
  position: relative;
  z-index: 2;
}

.sbgBlock-youtube-player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.sbgBlock-youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.dermato_content_right-imgwrapper .sbgBlock-youtube-player {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
}