@charset "utf-8";

/************************************************
市川ソフト様編集用スタイル
************************************************ */

.u-txt-red {
  color: #EA525E !important;
}
.u-txt-green {
  color: #268D48 !important;
}

.pc-il {
  display: inline;
}
.sp-il {
  display: none;
}

#main {
  margin-bottom: 40px;
}

#sideBar .sNavi li {
  margin-right: 0;
}

#login_area dd.mini > span {
  display: block;
  width: auto;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}

/* index */
.index-intro {
  width: 720px;
  margin: 0 auto 40px;
}
.index-intro > p {
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
}
.notice-wrapper {
  margin-bottom: 20px;
  padding: 10px 20px;
  border: 4px solid #EA525E;
  border-radius: 8px;
  font-size: 0;
  text-align: center;
}
.notice-mark {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.notice-text {
  display: inline-block;
  max-width: 600px;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}
.index-intro > ul {
  font-size: 0;
}
.index-intro > ul > li {
  display: inline-block;
  width: 230px;
  margin-left: 15px;
  vertical-align: top;
}
.index-intro > ul > li:first-child {
  margin-left: 0;
}
.index-intro > ul > li > a {
  display: block;
  padding: 15px 0;
  border-radius: 3px;
  background-color: #26888B;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.index-intro > ul.link-list--en > li > a {
  padding: 10px 0;
  line-height: 1.25;
}
.index-intro > ul.link-list--en > li > a.one-line {
  padding: 20px 0;
}
.index-intro > ul > li > a:hover {
  background-color: #1D696B;
  text-decoration: none;
}
.index-intro > .link-upg-guide {
  display: block;
  margin-top: 15px;
  padding: 15px 0;
  border-radius: 3px;
  background-color: #EA525E;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.index-intro > .link-upg-guide:hover {
  background-color: #E71546;
  text-decoration: none;
}
.index-intro > .link-how-to-check-license {
  display: block;
  margin-top: 15px;
  padding: 12px 0;
  border: 5px double #26888B;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #26888B;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.index-intro > .link-how-to-check-license:hover {
  border: 5px double #1D696B;
  color: #1D696B;
  text-decoration: none;
}

.index-intro > ul > li > a > span,
.index-intro > .link-upg-guide > span,
.index-intro > .link-how-to-check-license > span {
  display: inline-block;
  position: relative;
  margin-left: 14px;
}
.index-intro > ul > li > a > span:before,
.index-intro > .link-upg-guide > span:before {
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-width: 6px 0 6px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
  content: "";
}
.index-intro > .link-how-to-check-license > span:before {
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-width: 6px 0 6px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #26888B;
  content: "";
}
.index-intro > .link-how-to-check-license > span:hover:before {
  border-color: transparent transparent transparent #1D696B;
}
.exchange-price {
  margin: -4px 0 16px;
  padding: .25em .5em;
  border: 1px solid #298E49;
  border-radius: 4px;
  background-color: #F0FFF2;
  color: #268D48;
  font-weight: bold;
  font-size: 105%;
  text-align: center;
}
.exchange-price span {
  font-size: 150%;
}



/* list */
#conts .comInner .subBox dt {
  padding: 11px 10px 11px 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
#conts .comInner .subBox dd span {
  margin-right: 2px;
  vertical-align: baseline;
}

.list-new-icon:before {
  position: absolute;
  top: 0;
  left: -281px;
  width: 64px;
  padding: 8px 0;
  border-radius: 4px;
  background-color: #FF3333;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  content: "NEW";
}



/* detail */
#conts .topBox {
  text-align: center;
}

#about-area {
  margin-bottom: 20px;
}
#about-area .product-type {
  margin-bottom: 20px;
}
#about-area h3 {
  margin-top: 20px;
  font-weight: normal;
}
#about-area ul {
  margin-left: 20px;
}
#about-area ul li {
  list-style: disc;
}
#about-area .pth {
  cursor: pointer;
}
#about-area .pth:before {
  display: inline-block;
  margin-right: .5em;
  line-height: 1;
  vertical-align: middle;
  content: "\0025bc";
  transition: transform .15s ease;
}
#about-area .pth.pth-close:before {
  transform: rotate(-90deg);
}
#about-area .pth.pth-close:hover:before {
  transform: rotate(-90deg) translateY(4px);
}
#about-area .ptl {
  display: block;
}
#about-area .ptl.ptl-close {
  display: none;
}
#about-area .edition-cell {
  width: 48.6203%;
  margin-bottom: 20px;
}
#about-area .edition-cell-l {
  float: left;
}
#about-area .edition-cell-r {
  float: right;
}

.free-upgrade-link {
  display: block;
  margin-top: 20px;
  padding: .5em 0;
  border: 1px solid #298E4A;
  text-align: center;
}
.free-upgrade-link span {
  display: inline-block;
}

.discontinue-info {
  margin-bottom: 20px;
  padding: 7px;
  border: 1px solid #EA525E;
  color: #EA525E;
}

#env-area h2 img {
  float: none;
  width: 63px;
}
#env-area ul {
  margin-top: 10px;
  margin-left: 20px;
}
#env-area ul li {
  list-style: disc;
}
#env-area .env-cell {
  width: 75%;
  margin: 0 auto 20px;
}
#env-area .env-cell-l {
  float: left;
  width: 48.9418%;
}
#env-area .env-cell-r {
  float: right;
  width: 48.9418%;
}
#env-area .env-cell h2 {
  margin-left: 0;
}
#env-area .env-cell ul {
  margin-left: 20px;
}
#env-area .env-cell ul li {
  list-style: disc;
}
#env-area .env-table {
  margin-bottom: 20px;
}
#env-area .env-table th {
  white-space: nowrap;
}
#env-area.comInner .link a {
  background-color: #26888B;
}
#env-area.comInner .link a:hover {
  background-color: #1D696B;
}
#env-area.comInner .link a:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 6px;
  border-width: 5px 0 5px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
  content: "";
}
#env-area .link a > span {
  display: inline-block;
}



#exchange-area small {
  font-size: smaller;
}
#exchange-area > div {
  margin-top: 10px;
}
#exchange-area > p {
  margin-top: 5px;
}
#exchange-area .rate-area {
  padding: 10px 20px;
  border: 1px solid #298E49;
  border-radius: 4px;
  background-color: #F0FFF2;
  color: #268D48;
}
#exchange-area .rate-area b {
  display: inline-block;
}

#price-area h2.heading {
  margin: 40px 0 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #298E49;
  color: #268D48;
  font-weight: normal;
  font-size: 125%;
}
#price-area .price-table {
  margin-bottom: 10px;
}
#price-area .item-cell--price-type {
  width: 40%;
}
#price-area .item-cell--software-type {
  width: 30%;
}
#price-area .item-cell--price {
  width: 30%;
  white-space: nowrap;
}
#price-area .item-cell--price .label--cp {
  display: inline-block;
  margin-top: 4px;
}
#price-area ul {
  margin-top: 10px;
  margin-left: 20px;
}
#price-area ul li {
  list-style: disc;
}
#price-area .item-target ul {
  margin-top: 0;
  margin-bottom: 20px;
}
#price-area .link a > span {
  display: inline-block;
}
#price-area .shopping-bundle-links {
  font-size: 0;
}
#price-area .shopping-bundle-links .link-area {
  display: inline-block;
  width: 49%;
  font-size: 14px;
  vertical-align: middle;
}
#price-area .shopping-bundle-links .link-area:first-child {
  margin-right: 2%;
}
#price-area .campaign-period {
  margin-bottom: 10px;
  font-size: smaller;
  text-align: right;
}

.pageTop.pageTop-sub {
  width: auto;
}

.content .pageTitle {
  margin-bottom: 30px;
}



/* mypage */
#mypagecolumn .change_mailmagazine {
  margin-top: 1em;
}



/* guide */
.guide-payment h4 {
  margin-bottom: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-weight: bold;
}
.guide-payment p,
.guide-delivery p,
.guide-upgrade p,
.guide-free-upgrade p {
  margin-bottom: 1em;
}
.guide-payment table {
  margin-bottom: 1em;
}
.special-info-area ul,
.guide-payment ul,
.guide-payment ol,
.guide-delivery ul,
.guide-upgrade ul,
.guide-upgrade ol,
.guide-free-upgrade ul {
  margin-bottom: 1em;
  margin-left: 2em;
}
.special-info-area ul li,
.guide-payment ul li,
.guide-delivery ul li,
.guide-upgrade ul li,
.guide-free-upgrade ul li {
  list-style: disc;
}
.guide-payment ol li,
.guide-upgrade ol li {
  list-style: decimal;
}

.special-info-area p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.special-info-area dl {
  margin-top: 1em;
  margin-bottom: 1em;
}
.special-info-area dl dt {
  margin-top: .5em;
  font-weight: bold;
}
.special-info-area dl dd {
  margin-left: 3em;
}

.guide-upgrade ul li,
.guide-upgrade ol li {
  margin-bottom: .25em;
}
.guide-upgrade ul.link-list li {
  list-style: none;
  position: relative;
}
.guide-upgrade ul.link-list li a:before {
  position: absolute;
  left: -1em;
  content: "\00bb";
}

.guide-free-upgrade img {
  max-width: 100%;
}
.guide-free-upgrade a {
  word-break: break-all;
}
.guide-free-upgrade .change-info {
  margin: 1em 2em;
  padding: .5em;
  border: 1px solid #808080;
}



/* entry */
.LC_Page_Entry select[name="pref"] {
  margin-bottom: 1.25em;
}

.LC_Page_Entry .box300[name="addr02"],
.LC_Page_Entry .box300[name="addr03"] {
  margin-top: .75em;
}



/* FAQ */
.faq-wrapper h3 {
  margin-top: 40px;
}
.faq-wrapper img {
  max-width: 100%;
  margin: 2em auto;
  outline: 1px solid #CCCCCC;

  outline-offset: -1px;
}
.faq-wrapper > p {
  margin: 1em 40px;
}
.faq-wrapper.how-to-check-license .flexbox {
  display: flex;
  margin: 1em auto;
}
.faq-wrapper.how-to-check-license .flexbox p {
  padding-right: 1em;
}
.faq-wrapper.how-to-check-license .flexbox > img {
  margin: 0 auto;
}
.faq-wrapper.how-to-check-license ol {
  margin: 10px auto;
  padding: 0 2em;
}
.faq-wrapper.how-to-check-license ol li {
  list-style-type: decimal;
  margin-top: 1em;
}
.faq-wrapper.how-to-check-license .txt-red {
  padding-left: 1em;
  color: #EA525E;
  text-indent: -1em;
}
.qa-wrapper #frequently-area,
.qa-wrapper #cg1-area,
.qa-wrapper #cg2-area,
.qa-wrapper #cg3-area {
  padding: 2em 0;
}
.qa-wrapper .category-area {
  margin-bottom: 1em;
  text-align: center;
}
.qa-wrapper h3.particularly {
  background-color: #EA525E!important;
  color: #FFFFFF;
}
.qa-wrapper .txt-red {
  color: #EA525E;
}
.qa-wrapper .txt-blue {
  color: #007BBB;
}
.qa-wrapper sup {
  margin-right: .5em;
  color: #EA525E;
  font-size: .8em;
}
.qa-wrapper .mt-05 {
  margin-top: .5em;
}
.qa-wrapper .mt-1 {
  margin-top: 1em;
}
.qa-wrapper .mt-2 {
  margin-top: 2em;
}
.qa-wrapper .ml-1 {
  margin-left: 1em;
}
.qa-wrapper .ml-2 {
  margin-left: 2em;
}
.qa-wrapper .indent-1 {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
.qa-wrapper .indent-2 {
  display: block;
  padding-left: 2em;
  text-indent: -2em;
}
.qa-wrapper .category-area ul li {
  display: inline-block;
  margin: .5em;
  padding: .5em;
  border: .5px solid #CCCCCC;
}
.qa-wrapper dl dt {
  margin-top: 1em;
  line-height: 1.25em;
}
.qa-wrapper ul.notices {
  padding: .5em 1em;
  background-color: #FEF4F4;
  counter-reset: listCounter;
}
.qa-wrapper ul.notices > li {
  padding-left: 2.5em;
  text-indent: -2.5em;
  counter-increment: listCounter;
}
.qa-wrapper ul.notices > li::before {
  margin-right: .5em;
  color: #E9545D;
  content: "*"counter(listCounter)"...";
  counter-increment: item;
}
.qa-wrapper span.normal {
  font-weight: 400;
}
.qa-wrapper span.question {
  display: inline-block;
  margin-right: .5em;
  color: blue;
  font-weight: 600;
}
.qa-wrapper span.answer {
  display: inline-block;
  margin-right: .5em;
  color: #EA525E;
  font-weight: 600;
}
.qa-wrapper span.down {
  margin-left: .5em;
}
.qa-wrapper a.btn {
  display: inline-block;
  margin-top: .5em;
  padding: .75em;
  border: 6px double #FFFFFF;
  border-radius: .5rem;
  background-color: #26888B;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.qa-wrapper a.btn:hover {
  border-color: #26888B;
  background-color: #FFFFFF;
  color: #26888B;
}
.qa-wrapper ul.qa {
  padding: 0 1em;
}
.qa-wrapper .qa-check {
  display: none;
}
.qa-wrapper .qa-label {
  display: block;
  cursor: pointer;
}
.qa-wrapper .q-content {
  padding-left: 2em;
  text-indent: -1em;
}
.qa-wrapper .q-content:hover {
  color: blue;
}
.qa-wrapper .qa-check:checked + label {
  color: blue;
  font-weight: 600;
}
.qa-wrapper .qa-content {
  display: none;
  height: 0;
  padding: 1em 0 1em 0;
  padding: 0;
}
.qa-wrapper .qa-content > p {
  padding-left: 1em;
  text-indent: -1em;
}
.qa-wrapper .qa-check:checked + .qa-label + .qa-content {
  display: block;
  height: 100%;
  padding: 1em 1em 2em 2em;
  animation: show .5s linear 0s;
}
.qa-wrapper ul.qa > li {
  padding: .25em 0;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .qa-wrapper a.btn {
    width: 80%;
    margin: 0 auto;
  }
  .qa-wrapper ul.qa {
    padding: 0 .5em;
  }
}


/* campaign */
.campaign-wrapper {
  max-width: 720px;
  margin-top: -30px;
}
.campaign-wrapper img {
  max-width: 100%;
}
.campaign-wrapper > p {
  margin: 1em 40px;
}
.campaign-wrapper .summary {
  margin: 0 40px;
}
.campaign-wrapper .summary h2 {
  margin: 1em 0;
  padding: 12px 0;
  border-radius: 20px;
  background-color: #CCCCCC;
  color: #4D4D4D;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.campaign-wrapper .summary dl .l-text {
  font-size: 130%;
}
.campaign-wrapper .summary dl dt {
  margin-bottom: .5em;
  padding: 0 0 .25em .5em;
  border-bottom: 2px solid #CCCCCC;
  font-weight: bold;
  line-height: 1;
}
.campaign-wrapper .summary dl dd {
  margin-bottom: 1em;
  padding: 0 .25em;
}
.campaign-wrapper .btn-buy,
.campaign-wrapper .btn-sub,
.campaign-wrapper .btn-dl {
  display: block;
  margin: 20px auto;
  border-radius: 10px;
  color: #4D4D4D;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}
.campaign-wrapper .btn-buy {
  width: 450px;
  padding: 15px 0;
  border-width: 0;
  background-color: #CCCCCC;
  cursor: pointer;
  transition: background-color .15s ease;
}
.campaign-wrapper .btn-buy:hover {
  background-color: #E5E5E5;
}
.campaign-wrapper .btn-sub,
.campaign-wrapper .btn-dl {
  width: 442px;
  padding: 11px 0;
  border: 4px solid #CCCCCC;
  background-color: #FFFFFF;
  font-size: 20px;
  transition: border-color .15s ease;
}
.campaign-wrapper .btn-sub:hover,
.campaign-wrapper .btn-dl:hover {
  border-color: #E5E5E5;
}
.campaign-wrapper .end-message {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em 0;
  border-radius: 10px;
  background-color: #DDDDDD;
}
.campaign-wrapper #exchange-area {
  margin-bottom: 20px;
}
.campaign-wrapper .exchange-price {
  display: inline-block;
  margin: 0;
  padding: 2px 10px;
}
.campaign-wrapper .summary dl dd.summary__details .exchange-price {
  font-size: inherit;
}
.campaign-wrapper .summary dl dd.summary__details .exchange-price span {
  font-size: 130%;
}
.campaign-wrapper .product-exchange-price {
  text-align: right;
}
.campaign-wrapper .product-exchange-price .exchange-price {
  width: 220px;
}

.page-campaign-jp7-trial-price .summary h2 {
  background-color: #FCD6E2;
  color: #CC1159;
}
.page-campaign-jp7-trial-price .summary dl dt {
  border-bottom-color: #FCD6E2;
}
.page-campaign-jp7-trial-price .btn-buy,
.page-campaign-jp7-trial-price .btn-dl {
  color: #CC1159;
}
.page-campaign-jp7-trial-price .btn-buy {
  background-color: #FCD6E2;
}
.page-campaign-jp7-trial-price .btn-buy:hover {
  background-color: #FFEBF1;
}
.page-campaign-jp7-trial-price .btn-dl {
  border-color: #FCD6E2;
}
.page-campaign-jp7-trial-price .btn-dl:hover {
  border-color: #FFEBF1;
}

.page-campaign-ds8-launch-sales .summary h2 {
  background-color: #CCCCFF;
  color: #330066;
}
.page-campaign-ds8-launch-sales .summary dl dt {
  border-bottom-color: #CCCCFF;
}
.page-campaign-ds8-launch-sales .btn-buy,
.page-campaign-ds8-launch-sales .btn-dl {
  color: #330066;
}
.page-campaign-ds8-launch-sales .btn-buy {
  background-color: #CCCCFF;
}
.page-campaign-ds8-launch-sales .btn-buy:hover {
  background-color: #DDDDFF;
}
.page-campaign-ds8-launch-sales .btn-dl {
  border-color: #CCCCFF;
}
.page-campaign-ds8-launch-sales .btn-dl:hover {
  border-color: #DDDDFF;
}

.page-campaign-dsp8-summer-2017 .summary h2 {
  background-color: #66CCFF;
  color: #0033CC;
}
.page-campaign-dsp8-summer-2017 .summary dl dt {
  border-bottom-color: #66CCFF;
}
.page-campaign-dsp8-summer-2017 .btn-buy,
.page-campaign-dsp8-summer-2017 .btn-dl {
  color: #0033CC;
}
.page-campaign-dsp8-summer-2017 .btn-buy {
  background-color: #66CCFF;
}
.page-campaign-dsp8-summer-2017 .btn-buy:hover {
  background-color: #77DDFF;
}
.page-campaign-dsp8-summer-2017 .btn-dl {
  border-color: #66CCFF;
}
.page-campaign-dsp8-summer-2017 .btn-dl:hover {
  border-color: #77DDFF;
}
.hBox a,
.hBox a:hover,
.hBox a:visited {
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .pc-il {
    display: none;
  }
  .sp-il {
    display: inline;
  }

  #gMessageHeader .hBox {
    padding-right: 1em;
    padding-left: 1em;
  }

  .spBox {
    top: auto;
  }
  .spBox > ul {
    border-top: 1px solid #00B050;
  }

  #conts {
    margin-top: 10px;
  }

  /* index */
  .index-intro {
    width: auto;
  }
  .index-intro > p {
    font-size: 12px;
  }
  .index-intro > p > img {
    max-width: 100%;
  }
  .notice-wrapper {
    margin-bottom: 10px;
    padding: 10px;
  }
  .notice-mark {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .notice-text {
    display: block;
    font-size: 14px;
  }
  .index-intro > ul > li {
    display: block;
    width: auto;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .index-intro > ul > li > a {
    padding: 13px 7px;
    font-size: 14px;
  }
  .index-intro > ul.link-list--en > li > a {
    padding: 13px 7px;
    line-height: 1;
  }
  .index-intro > ul.link-list--en > li > a.one-line {
    padding: 13px 7px;
  }
  .index-intro > .link-upg-guide {
    margin-top: 10px;
    padding: 13px 7px 13px 17px;
    font-size: 14px;
  }
  .index-intro > .link-upg-guide > span {
    margin-right: 10px;
    line-height: 1.25;
  }
  .index-intro > .link-how-to-check-license {
    margin-top: 10px;
    padding: 13px 7px 13px 17px;
    font-size: 14px;
  }
  .index-intro > .link-how-to-check-license > span {
    margin-right: 10px;
    line-height: 1.25;
  }
  #conts .mainImg .slick-dots {
    bottom: 6px;
  }
  .slick-dots li,
  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  .slick-dots li button,
  .slick-dots li.slick-active button {
    background-size: contain;
  }

  .exchange-price {
    font-size: 90%;
  }
  .exchange-price span {
    font-size: 130%;
  }



  /* list */
  #conts .comInner .subBox dl {
    min-height: 76px;
  }
  #conts .comInner .subBox dt {
    float: none;
    width: 90px;
    padding: 11px 6px;
    font-size: 12px;
    text-align: left;
  }
  #conts .comInner .subBox dd {
    margin-left: 4px;
    font-size: 16px;
  }
  #conts .comInner .subBox dd span {
    font-size: 28px;
  }
  #conts .comInner .textBox .link a,
  .comInner .subBox .detail_link a,
  .comInner .subBox .price_link a,
  .comInner .textBox .link a {
    font-size: 13px;
    letter-spacing: 1px;
  }

  #conts .comInner .photoBox {
    width: auto;
    max-width: 75%;
    margin-bottom: 0 auto 12px;
    text-align: center;
  }
  #conts .comInner .photo {
    margin-bottom: 12px;
    text-align: center;
  }

  .list-new-icon:before {
    top: -30px;
    left: 0;
    width: 60px;
    padding: 7px 0;
    font-size: 12px;
  }

  /* detail */
  #conts .topBox img {
    width: auto;
    max-width: 100%;
  }
  #env-area h2 img {
    display: inline-block;
    margin-right: 0;
  }
  #env-area .env-cell {
    width: auto;
  }
  #env-area .env-cell-l,
  #env-area .env-cell-r {
    float: none;
  }

  #exchange-area > div {
    margin-top: 8px;
  }
  #exchange-area > p {
    margin-top: 4px;
  }

  #price-area .campaign-period {
    text-align: left;
  }



  .guide-free-upgrade .change-info {
    margin: 1em 0;
  }



  /* campaign */
  .campaign-wrapper {
    margin: -40px 5px 0;
    font-size: 14px;
  }
  .campaign-wrapper .main-image {
    margin: 0 -15px;
    text-align: center;
  }
  .campaign-wrapper .main-image img {
    width: 100%;
    max-width: 375px;
  }
  .campaign-wrapper > p {
    margin: 1em 0;
  }
  .campaign-wrapper .summary {
    margin: 0 10px;
  }
  .campaign-wrapper .summary h2 {
    padding: 8px 0;
    border-radius: 15px;
    font-size: 14px;
  }
  .campaign-wrapper .btn-buy {
    width: 90%;
    margin: 15px auto;
    padding: 17px 0;
    border-radius: 8px;
    font-size: 16px;
  }
  .campaign-wrapper .btn-dl {
    display: none;
  }
  .campaign-wrapper .product-exchange-price .exchange-price {
    width: auto;
    font-size: 115%;
  }
}

/* bundle-upgrade-2017 */
.page-campaign-bundle-upgrade-2017 .txt-red {
  color: #E83D39;
}
.page-campaign-bundle-upgrade-2017 .main-image {
  padding-top: 35px;
  background-color: #FFFF99;
}
.page-campaign-bundle-upgrade-2017 .intro {
  margin: 0;
  padding: 15px 30px;
  background-color: #FFFF99;
  font-size: 16px;
  text-align: center;
}
.page-campaign-bundle-upgrade-2017 .intro b {
  font-size: 20px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper {
  position: relative;
  min-height: 220px;
  margin-top: 20px;
  padding-bottom: 20px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content {
  position: relative;
  width: 330px;
  margin-left: 300px;
  padding: 16px 21px;
  border: 3px solid #FFC800;
  border-radius: 10px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content:before {
  position: absolute;
  top: 60px;
  left: -50px;
  transform: skewY(-10deg);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 50px solid #FFC800;
  border-bottom: 20px solid transparent;
  content: "";

  transform-origin: right center;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content:after {
  position: absolute;
  top: 64px;
  left: -44px;
  transform: skewY(-10deg);
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 44px solid #FFFFFF;
  border-bottom: 16px solid transparent;
  content: "";

  transform-origin: right center;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list {
  margin-top: 16px;
  margin-left: 20px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-picture {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 225px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en {
  min-height: 310px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en h2 {
  position: absolute;
  top: 0;
  left: 25px;
  width: 260px;
  color: #FF0000;
  font-size: 30px;
  line-height: 1.125;
  text-align: center;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper {
  position: relative;
  width: 330px;
  margin-left: 300px;
  padding: 16px 21px;
  border: 3px solid #FFC800;
  border-radius: 10px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper:before {
  position: absolute;
  top: 45%;
  left: -50px;
  transform: skewY(-10deg);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 50px solid #FFC800;
  border-bottom: 20px solid transparent;
  content: "";

  transform-origin: right center;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper:after {
  position: absolute;
  top: 45%;
  left: -44px;
  transform: skewY(-10deg);
  width: 0;
  height: 0;
  margin-top: 4px;
  border-top: 16px solid transparent;
  border-right: 44px solid #FFFFFF;
  border-bottom: 16px solid transparent;
  content: "";

  transform-origin: right center;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper .benefits-list {
  margin-left: 20px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-bundle-upgrade-2017 .note-area {
  padding: 18px 0;
  border-radius: 30px;
  background-color: #45C5FF;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2017 .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
}
.page-campaign-bundle-upgrade-2017 .note-area h2 sup {
  display: inline-block;
  font-size: smaller;
}
.page-campaign-bundle-upgrade-2017 .note-area .note-list {
  margin: 0 30px;
  counter-reset: notenum;
}
.page-campaign-bundle-upgrade-2017 .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-bundle-upgrade-2017 .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-bundle-upgrade-2017 .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-bundle-upgrade-2017 .note-area--en h2 {
  text-align: left;
}
.page-campaign-bundle-upgrade-2017 .note-area--en .note-list {
  margin: 0;
}
.page-campaign-bundle-upgrade-2017 .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-bundle-upgrade-2017 .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #FF7D00;
  color: #000000;
}
.page-campaign-bundle-upgrade-2017 .summary dl dt {
  border-bottom-color: #FF7D00;
}
.page-campaign-bundle-upgrade-2017 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-bundle-upgrade-2017 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-bundle-upgrade-2017 .ds8-area,
.page-campaign-bundle-upgrade-2017 .dsp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-bundle-upgrade-2017 .ds8-area p,
.page-campaign-bundle-upgrade-2017 .dsp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-bundle-upgrade-2017 .btn-list {
  font-size: 0;
}
.page-campaign-bundle-upgrade-2017 .btn-list li {
  display: inline-block;
  width: 210px;
  margin-top: 10px;
  margin-right: 7px;
  vertical-align: top;
}
.page-campaign-bundle-upgrade-2017 .btn-list li:last-child {
  margin-right: 0;
}
.page-campaign-bundle-upgrade-2017 .btn-buy,
.page-campaign-bundle-upgrade-2017 .btn-sub {
  width: auto;
  margin: 0;
}
.page-campaign-bundle-upgrade-2017 .btn-buy {
  position: relative;
  padding: 18px 0;
}
.page-campaign-bundle-upgrade-2017 .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-bundle-upgrade-2017 .btn-sub {
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-bundle-upgrade-2017 .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-bundle-upgrade-2017 .ds8-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-bundle-upgrade-2017 .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2017 .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-bundle-upgrade-2017 .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-bundle-upgrade-2017 .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-bundle-upgrade-2017 .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2017 .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-bundle-upgrade-2017 .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-bundle-upgrade-2017 .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-bundle-upgrade-2017 .main-image {
    padding: 20px 10px 0;
  }
  .page-campaign-bundle-upgrade-2017 .main-image img {
    max-width: 344px;
  }
  .page-campaign-bundle-upgrade-2017 .intro {
    margin: 0 -15px;
    padding: 15px 10px;
    font-size: 14px;
  }
  .page-campaign-bundle-upgrade-2017 .intro b {
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper {
    padding-bottom: 0;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content {
    position: static;
    width: auto;
    margin-left: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content:before,
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content:after {
    content: none;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content h2 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list-wrapper {
    position: relative;
    margin-top: 15px;
    padding: 14px 10px;
    border: 3px solid #FFC800;
    border-radius: 10px;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list-wrapper:before {
    position: absolute;
    right: 50%;
    bottom: -50px;
    transform: skewX(-10deg);
    width: 0;
    height: 0;
    margin-right: -94px;
    border-top: 50px solid #FFC800;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: "";

    transform-origin: center top;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list-wrapper:after {
    position: absolute;
    right: 50%;
    bottom: -44px;
    transform: skewX(-10deg);
    width: 0;
    height: 0;
    margin-right: -90px;
    border-top: 44px solid #FFFFFF;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    content: "";

    transform-origin: center top;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-content .benefits-list-wrapper .benefits-list {
    margin-top: 0;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper .benefits-picture {
    position: static;
    bottom: auto;
    left: auto;
    width: 44%;
    margin: 10px auto 0;
    text-align: center;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper--en h2 {
    position: static;
    width: auto;
    font-size: 24px;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper {
    position: relative;
    width: auto;
    margin-top: 15px;
    margin-left: 0;
    padding: 14px 10px;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper:before {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: -50px;
    left: auto;
    transform: skewX(-10deg);
    width: 0;
    height: 0;
    margin-right: -94px;
    border-top: 50px solid #FFC800;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom-width: 0;
    content: "";

    transform-origin: center top;
  }
  .page-campaign-bundle-upgrade-2017 .benefits-wrapper--en .benefits-list-wrapper:after {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: -44px;
    left: auto;
    transform: skewX(-10deg);
    width: 0;
    height: 0;
    margin-top: 0;
    margin-right: -90px;
    border-top: 44px solid #FFFFFF;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom-width: 0;
    content: "";

    transform-origin: center top;
  }
  .page-campaign-bundle-upgrade-2017 .note-area {
    margin: 0 -15px;
    padding: 15px;
    border-radius: 0;
  }
  .page-campaign-bundle-upgrade-2017 .note-area h2 {
    font-size: 15px;
    text-align: left;
  }
  .page-campaign-bundle-upgrade-2017 .note-area .note-list {
    margin: 0;
  }
  .page-campaign-bundle-upgrade-2017 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
    background-color: #FFFFCC;
  }
  .page-campaign-bundle-upgrade-2017 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-bundle-upgrade-2017 .ds8-area,
  .page-campaign-bundle-upgrade-2017 .dsp8-area {
    width: auto;
    margin-top: 30px;
  }
  .page-campaign-bundle-upgrade-2017 .ds8-area {
    padding: 0 0 30px;
  }
  .page-campaign-bundle-upgrade-2017 .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-bundle-upgrade-2017 .btn-buy,
  .page-campaign-bundle-upgrade-2017 .btn-sub {
    width: auto;
    margin: 0;
    font-size: 18px;
  }
  .page-campaign-bundle-upgrade-2017 .btn-sub {
    padding: 12px 0;
  }
}
/* spyder5pro-set */
.page-campaign-spyder5pro-set small {
  font-size: smaller;
}
.page-campaign-spyder5pro-set .txt-red {
  color: #D70000;
}
.page-campaign-spyder5pro-set .benefits-wrapper {
  margin: 20px 40px 0;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content {
  position: relative;
  padding: 20px 15px;
  border: 3px solid #FF6E6E;
  border-radius: 10px;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content:before {
  position: absolute;
  right: 50%;
  bottom: -60px;
  width: 0;
  height: 0;
  margin-right: -162px;
  border-top: 30px solid #FF6E6E;
  border-right: 20px solid #FF6E6E;
  border-bottom: 30px solid transparent;
  border-left: 20px solid transparent;
  content: "";

  transform-origin: center top;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content:after {
  position: absolute;
  right: 50%;
  bottom: -54px;
  width: 0;
  height: 0;
  margin-right: -160px;
  border-top: 27px solid #FFFFFF;
  border-right: 17px solid #FFFFFF;
  border-bottom: 27px solid transparent;
  border-left: 17px solid transparent;
  content: "";

  transform-origin: center top;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content h2 {
  width: 532px;
  margin: 0 auto 20px;
  text-align: center;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content .benefits-list {
  margin-left: 20px;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
  font-size: 16px;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-content .benefits-list li b {
  font-size: 20px;
}
.page-campaign-spyder5pro-set .benefits-wrapper .benefits-picture {
  margin-top: 20px;
  text-align: center;
}
.page-campaign-spyder5pro-set .summary h2 {
  border-radius: 10px;
  background-color: #D3313A;
  color: #FFFFFF;
}
.page-campaign-spyder5pro-set .summary dl dt {
  border-bottom-color: #D3313A;
}
.page-campaign-spyder5pro-set .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-spyder5pro-set .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-spyder5pro-set .summary dl dd ul.note-list {
  margin-top: 20px;
  margin-left: 0;
}
.page-campaign-spyder5pro-set .summary dl dd ul.note-list li {
  list-style: none;
  position: relative;
  margin-left: 1.25em;
}
.page-campaign-spyder5pro-set .summary dl dd ul.note-list li:before {
  position: absolute;
  left: -1.25em;
  content: "※";
}
.page-campaign-spyder5pro-set .dsp8-area,
.page-campaign-spyder5pro-set .ds8-area {
  width: 600px;
  margin: 20px auto 0;
  padding: 20px;
}
.page-campaign-spyder5pro-set .dsp8-area h2,
.page-campaign-spyder5pro-set .ds8-area h2 {
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-spyder5pro-set .dsp8-area ol,
.page-campaign-spyder5pro-set .ds8-area ol {
  margin: 10px 0 10px 20px;
}
.page-campaign-spyder5pro-set .dsp8-area ol li,
.page-campaign-spyder5pro-set .ds8-area ol li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-spyder5pro-set .dsp8-area ol li b,
.page-campaign-spyder5pro-set .ds8-area ol li b {
  font-size: larger;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-list,
.page-campaign-spyder5pro-set .ds8-area .btn-list {
  font-size: 0;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-list li,
.page-campaign-spyder5pro-set .ds8-area .btn-list li {
  display: inline-block;
  width: 295px;
  margin-top: 10px;
  margin-left: 10px;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-list li:first-child,
.page-campaign-spyder5pro-set .ds8-area .btn-list li:first-child {
  margin-left: 0;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-sub,
.page-campaign-spyder5pro-set .ds8-area .btn-sub {
  padding: 14px 0;
}
.page-campaign-spyder5pro-set .btn-buy {
  width: 100%;
  margin: 0;
  padding: 18px 0;
}
.page-campaign-spyder5pro-set .btn-sub {
  width: auto;
  margin: 0;
  font-size: 16px;
}
.page-campaign-spyder5pro-set .dsp8-area {
  border: 2px solid #B38E38;
}
.page-campaign-spyder5pro-set .dsp8-area h2 {
  color: #B38E38;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-spyder5pro-set .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
.page-campaign-spyder5pro-set .ds8-area {
  border: 2px solid #4E488C;
}
.page-campaign-spyder5pro-set .ds8-area h2 {
  color: #4E488C;
}
.page-campaign-spyder5pro-set .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-spyder5pro-set .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-spyder5pro-set .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-spyder5pro-set .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-spyder5pro-set .spyder-area {
  width: 600px;
  margin: 20px auto 0;
}
.page-campaign-spyder5pro-set .spyder-area .btn-sub {
  padding: 14px 0;
  border-color: #D3313A;
  color: #D3313A;
}
.page-campaign-spyder5pro-set .spyder-area .btn-sub:hover {
  border-color: #FA3943;
  color: #FA3943;
}
.page-campaign-spyder5pro-set .spyder-area .btn-howto {
  display: block;
  margin-top: 10px;
  padding: 14px 0;
  border-width: 0;
  border-radius: 10px;
  background-color: #D3313A;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color .15s ease;
}
.page-campaign-spyder5pro-set .spyder-area .btn-howto:hover {
  background-color: #FA3943;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-spyder5pro-set .benefits-wrapper {
    margin: 0;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content {
    padding: 15px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content:before {
    margin-right: -72px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content:after {
    margin-right: -70px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content h2 {
    width: auto;
    margin-bottom: 10px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content .benefits-list li {
    font-size: 14px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-content .benefits-list li b {
    font-size: 16px;
  }
  .page-campaign-spyder5pro-set .benefits-wrapper .benefits-picture {
    margin: 15px 10px 0;
  }
  .page-campaign-spyder5pro-set .ds8-area,
  .page-campaign-spyder5pro-set .dsp8-area {
    width: auto;
    margin-top: 30px;
    padding: 10px;
  }
  .page-campaign-spyder5pro-set .ds8-area h2,
  .page-campaign-spyder5pro-set .dsp8-area h2 {
    font-size: 16px;
  }
  .page-campaign-spyder5pro-set .ds8-area .btn-list li,
  .page-campaign-spyder5pro-set .dsp8-area .btn-list li {
    display: block;
    width: auto;
    margin-left: 0;
  }
  .page-campaign-spyder5pro-set .spyder-area {
    width: auto;
  }
  .page-campaign-spyder5pro-set .spyder-area .btn-howto {
    padding: 17px 0;
    border-radius: 8px;
  }
}
/* jp8-launch-sales */
.page-campaign-jp8-launch-sales small {
  font-size: smaller;
}
.page-campaign-jp8-launch-sales .main-image {
  padding-top: 35px;
  background-color: #FFD9EC;
  text-align: center;
}
.page-campaign-jp8-launch-sales .main-image img {
  width: 640px;
}
.page-campaign-jp8-launch-sales .intro {
  margin: 0;
  padding: 20px 36px;
  background-color: #FFD9EC;
  font-size: 18px;
}
.page-campaign-jp8-launch-sales .benefits-area {
  margin: 0 20px;
}
.page-campaign-jp8-launch-sales .benefits-area h2 {
  margin-top: 40px;
  font-size: 32px;
  text-align: center;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list {
  font-size: 0;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li {
  margin-top: 20px;
  padding: 24px 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li p {
  position: relative;
  margin-bottom: 16px;
  margin-left: 1.5em;
  font-weight: bold;
  font-size: 16px;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li p:before {
  position: absolute;
  left: -1.5em;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li img {
  display: inline-block;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 {
  margin-right: 20px;
  margin-left: 20px;
  background-image: url("/user_data/assets/images/campaign/jp8-launch-sales/benefit-1-bg.png");
  background-size: 95% 100%;
  text-align: center;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 p {
  display: inline-block;
  text-align: left;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 p:before {
  content: "1.";
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 img {
  width: 300px;
  vertical-align: middle;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 img:first-child {
  margin-right: 20px;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2,
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 {
  display: inline-block;
  width: 320px;
  background-size: 100% 100%;
  vertical-align: top;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2 img,
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 img {
  width: 280px;
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2 {
  background-image: url("/user_data/assets/images/campaign/jp8-launch-sales/benefit-2-bg.png");
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2 p:before {
  content: "2.";
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 {
  margin-left: 40px;
  background-image: url("/user_data/assets/images/campaign/jp8-launch-sales/benefit-3-bg.png");
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 p:before {
  content: "3.";
}
.page-campaign-jp8-launch-sales .benefits-area .benefits-list--en li p {
  margin-right: .5em;
  margin-left: 2.5em;
}
.page-campaign-jp8-launch-sales .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #FF8CB2;
  color: #FFFFFF;
}
.page-campaign-jp8-launch-sales .summary dl dt {
  border-bottom-color: #FF8CB2;
}
.page-campaign-jp8-launch-sales .jp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-jp8-launch-sales .jp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-jp8-launch-sales .btn-buy {
  display: block;
  position: relative;
  width: 660px;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #FF8CB2;
  color: #FFFFFF;
}
.page-campaign-jp8-launch-sales .btn-buy:hover {
  background-color: #FFA6C3;
}
.page-campaign-jp8-launch-sales .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-jp8-launch-sales .btn-list {
  margin-top: 10px;
  font-size: 0;
}
.page-campaign-jp8-launch-sales .btn-list li {
  display: inline-block;
  width: 325px;
  margin-left: 10px;
  vertical-align: top;
}
.page-campaign-jp8-launch-sales .btn-list li:first-child {
  margin-left: 0;
}
.page-campaign-jp8-launch-sales .btn-list li .btn-sub,
.page-campaign-jp8-launch-sales .btn-list li .btn-dl {
  width: auto;
  margin: 0;
  padding: 14px 0;
  border-color: #FF8CB2;
  color: #FF8CB2;
  font-size: 18px;
}
.page-campaign-jp8-launch-sales .btn-list li .btn-sub:hover,
.page-campaign-jp8-launch-sales .btn-list li .btn-dl:hover {
  border-color: #FFA6C3;
  color: #FFA6C3;
}
.page-campaign-jp8-launch-sales .new-features {
  margin: 0 30px 60px;
}
.page-campaign-jp8-launch-sales .new-features h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #FFE8F2;
  font-size: 20px;
  text-align: center;
}
.page-campaign-jp8-launch-sales .new-features h2 .sugoi {
  position: relative;
}
.page-campaign-jp8-launch-sales .new-features h2 .sugoi:before {
  display: block;
  position: absolute;
  top: -40px;
  left: -50px;
  width: 104px;
  height: 47px;
  background: url("/user_data/assets/images/campaign/jp8-launch-sales/sugoi.png") no-repeat;
  background-size: 100% 100%;
  content: "";
}
.page-campaign-jp8-launch-sales .new-features h3 {
  margin-bottom: 8px !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 18px;
}
.page-campaign-jp8-launch-sales .new-features h3 span {
  font-weight: normal;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off,
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off img,
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off figcaption,
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #FFFFFF;
  font-size: 20px;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-jp8-launch-sales .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-jp8-launch-sales .new-features p {
  margin-bottom: 10px;
}
.page-campaign-jp8-launch-sales .new-features p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-jp8-launch-sales .new-features .license-pic {
  margin-top: 20px;
  text-align: center;
}
.page-campaign-jp8-launch-sales .new-features .license-pic img {
  display: inline-block;
  width: 404px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-jp8-launch-sales .main-image {
    padding: 20px 20px 0;
  }
  .page-campaign-jp8-launch-sales .main-image img {
    width: auto;
    max-width: 100%;
  }
  .page-campaign-jp8-launch-sales .intro {
    margin: 0 -15px;
    padding: 15px 20px;
    font-size: 14px;
  }
  .page-campaign-jp8-launch-sales .benefits-area {
    margin: 0 5px;
  }
  .page-campaign-jp8-launch-sales .benefits-area h2 {
    margin-top: 24px;
    font-size: 24px;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li {
    margin-top: 10px;
    padding: 16px 8px;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 {
    margin-right: 0;
    margin-left: 0;
    background-size: 100% 100%;
    text-align: left;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 img {
    width: auto;
    max-width: 90%;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-1 img:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2,
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 {
    display: block;
    width: auto;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-2 img,
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 img {
    width: auto;
    max-width: 90%;
  }
  .page-campaign-jp8-launch-sales .benefits-area .benefits-list li.benefit-3 {
    margin-left: 0;
  }
  .page-campaign-jp8-launch-sales .summary {
    margin: 30px -15px;
    padding: 0 15px 10px;
    background-color: #FFE8F2;
  }
  .page-campaign-jp8-launch-sales .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-jp8-launch-sales .jp8-area {
    width: auto;
    margin: 40px 0 0;
  }
  .page-campaign-jp8-launch-sales .btn-buy {
    width: 100%;
  }
  .page-campaign-jp8-launch-sales .btn-list {
    margin-top: 10px;
    font-size: 0;
  }
  .page-campaign-jp8-launch-sales .btn-list li {
    display: block;
    width: auto;
    margin-left: 0;
  }
  .page-campaign-jp8-launch-sales .btn-list li .btn-dl {
    display: none;
  }
  .page-campaign-jp8-launch-sales .new-features {
    margin: 0 0 60px;
  }
  .page-campaign-jp8-launch-sales .new-features h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-jp8-launch-sales .new-features h3 {
    margin-top: 40px;
    font-size: 16px;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off,
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off img,
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-jp8-launch-sales .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #FF8CB2 transparent transparent transparent;
  }
  .page-campaign-jp8-launch-sales .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-jp8-launch-sales .new-features .license-pic img {
    width: auto;
  }
}
/* ds8-dsp8-trial-price */
.page-campaign-ds8-dsp8-trial-price small {
  font-size: smaller;
}
.page-campaign-ds8-dsp8-trial-price .main-image {
  background-color: #D7FAAA;
}
.page-campaign-ds8-dsp8-trial-price .intro {
  font-size: 18px;
}
.page-campaign-ds8-dsp8-trial-price .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #D7FAAA;
  color: #005A3C;
}
.page-campaign-ds8-dsp8-trial-price .summary dl dt {
  border-bottom-color: #D7FAAA;
}
.page-campaign-ds8-dsp8-trial-price .summary dl dd ul {
  margin: 4px 0 0 20px;
}
.page-campaign-ds8-dsp8-trial-price .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-ds8-dsp8-trial-price .about-silkypix h2 {
  margin: 40px 0 0 72px;
}
.page-campaign-ds8-dsp8-trial-price .about-silkypix div {
  margin: 0 38px;
  padding: 20px 28px;
  border-radius: 10px;
  background-color: #D7FAAA;
}
.page-campaign-ds8-dsp8-trial-price .about-silkypix div .engine {
  margin-top: 20px;
  font-weight: bold;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area,
.page-campaign-ds8-dsp8-trial-price .dsp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area p,
.page-campaign-ds8-dsp8-trial-price .dsp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-ds8-dsp8-trial-price .btn-buy {
  display: block;
  position: relative;
  width: 644px;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #D7FAAA;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-trial-price .btn-buy:hover {
  background-color: #FFA6C3;
}
.page-campaign-ds8-dsp8-trial-price .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-ds8-dsp8-trial-price .btn-list {
  font-size: 0;
}
.page-campaign-ds8-dsp8-trial-price .btn-list li {
  display: inline-block;
  width: 210px;
  margin-top: 7px;
  margin-right: 7px;
  vertical-align: top;
}
.page-campaign-ds8-dsp8-trial-price .btn-list li:last-child {
  margin-right: 0;
}
.page-campaign-ds8-dsp8-trial-price .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-ds8-dsp8-trial-price .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-ds8-dsp8-trial-price .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-ds8-dsp8-trial-price .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-trial-price .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-ds8-dsp8-trial-price .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-ds8-dsp8-trial-price .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
.page-campaign-ds8-dsp8-trial-price .new-features {
  margin: 0 30px 60px;
}
.page-campaign-ds8-dsp8-trial-price .new-features h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #D7FAAA;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds8-dsp8-trial-price .new-features h3 {
  margin-bottom: 8px !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-weight: normal;
  font-size: 18px;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off,
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off img,
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off figcaption,
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #FFFFFF;
  font-size: 20px;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-ds8-dsp8-trial-price .pro-features h2 {
  padding: 12px 0;
  background-color: #D7FAAA;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds8-dsp8-trial-price .pro-features ol {
  margin-bottom: 20px;
  counter-reset: pf-count;
}
.page-campaign-ds8-dsp8-trial-price .pro-features ol li {
  position: relative;
  padding: 14px 20px 14px 50px;
  counter-increment: pf-count;
}
.page-campaign-ds8-dsp8-trial-price .pro-features ol li:nth-child(even) {
  background-color: #F3FFD9;
}
.page-campaign-ds8-dsp8-trial-price .pro-features ol li:before {
  position: absolute;
  left: 20px;
  content: counter(pf-count) ".";
}
.page-campaign-ds8-dsp8-trial-price .pro-features p {
  margin-right: 20px;
  margin-left: 20px;
  font-weight: bold;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-ds8-dsp8-trial-price .main-image img {
    max-width: 500px;
  }
  .page-campaign-ds8-dsp8-trial-price .intro {
    font-size: 14px;
  }
  .page-campaign-ds8-dsp8-trial-price .summary {
    margin: 30px -15px;
    padding: 0 15px 10px;
    background-color: #F3FFD9;
  }
  .page-campaign-ds8-dsp8-trial-price .summary h2 {
    position: relative;
    top: -18px;
    margin-bottom: 0;
    padding: 10px 0;
    border-radius: 6px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .about-silkypix {
    margin-right: 10px;
    margin-left: 10px;
  }
  .page-campaign-ds8-dsp8-trial-price .about-silkypix h2 {
    margin: 0 22px;
    text-align: right;
  }
  .page-campaign-ds8-dsp8-trial-price .about-silkypix h2 img {
    width: 100%;
    max-width: 440px;
  }
  .page-campaign-ds8-dsp8-trial-price .about-silkypix div {
    margin: 0;
    padding: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .about-silkypix div .engine {
    margin-top: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .ds8-area,
  .page-campaign-ds8-dsp8-trial-price .dsp8-area {
    width: auto;
    margin-top: 30px;
  }
  .page-campaign-ds8-dsp8-trial-price .ds8-area {
    padding: 0 0 30px;
  }
  .page-campaign-ds8-dsp8-trial-price .btn-buy {
    width: 100%;
    font-size: 18px;
  }
  .page-campaign-ds8-dsp8-trial-price .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-ds8-dsp8-trial-price .btn-sub {
    width: auto;
    padding: 12px 0;
    font-size: 18px;
  }
  .page-campaign-ds8-dsp8-trial-price .btn-dl {
    display: none;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features {
    margin: 0 0 60px;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features h3 {
    margin-top: 40px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off,
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off img,
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #D7FAAA transparent transparent transparent;
  }
  .page-campaign-ds8-dsp8-trial-price .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-ds8-dsp8-trial-price .pro-features {
    margin: 0 -15px 60px;
  }
  .page-campaign-ds8-dsp8-trial-price .pro-features h2 {
    margin: 60px 0 0;
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-trial-price .pro-features ol {
    margin: 0 0 10px;
  }
  .page-campaign-ds8-dsp8-trial-price .pro-features ol li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
/* ds8-dsp8-users-guide */
.page-campaign-ds8-dsp8-users-guide small {
  font-size: smaller;
}
.page-campaign-ds8-dsp8-users-guide .intro {
  font-size: 18px;
}
.page-campaign-ds8-dsp8-users-guide .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #D7CB9E;
  color: #10304D;
}
.page-campaign-ds8-dsp8-users-guide .summary dl dt {
  border-bottom-color: #D7CB9E;
}
.page-campaign-ds8-dsp8-users-guide .summary dl dd ul {
  margin: 4px 0 4px 20px;
}
.page-campaign-ds8-dsp8-users-guide .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-ds8-dsp8-users-guide .about-guide {
  position: relative;
  margin-top: 50px;
  padding: 28px 14px;
  border: 3px solid #D7CB9E;
  border-radius: 10px;
}
.page-campaign-ds8-dsp8-users-guide .about-guide:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -17px;
  border-right: 17px solid transparent;
  border-bottom: 36px solid #D7CB9E;
  border-left: 17px solid transparent;
  content: "";
}
.page-campaign-ds8-dsp8-users-guide .about-guide:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -13px;
  border-right: 13px solid transparent;
  border-bottom: 28px solid #FFFFFF;
  border-left: 13px solid transparent;
  content: "";
}
.page-campaign-ds8-dsp8-users-guide .about-guide h2 {
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}
.page-campaign-ds8-dsp8-users-guide .about-guide div {
  min-height: 180px;
  margin-right: 26px;
  margin-left: 26px;
  padding-left: 148px;
  background: url("/user_data/assets/images/campaign/ds8-dsp8-users-guide/users-guide.jpg") no-repeat left center;
}
.page-campaign-ds8-dsp8-users-guide .about-guide p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.page-campaign-ds8-dsp8-users-guide .about-guide ul li {
  position: relative;
  padding-left: 1.25em;
}
.page-campaign-ds8-dsp8-users-guide .about-guide ul li:before {
  position: absolute;
  left: 0;
  content: "\00203b";
}
.page-campaign-ds8-dsp8-users-guide .ds8-area,
.page-campaign-ds8-dsp8-users-guide .dsp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area h2,
.page-campaign-ds8-dsp8-users-guide .dsp8-area h2 {
  margin-bottom: 1em;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area p,
.page-campaign-ds8-dsp8-users-guide .dsp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-ds8-dsp8-users-guide .btn-buy {
  display: block;
  position: relative;
  width: 644px;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #D7CB9E;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-users-guide .btn-buy:hover {
  background-color: #FFA6C3;
}
.page-campaign-ds8-dsp8-users-guide .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-ds8-dsp8-users-guide .btn-list {
  font-size: 0;
}
.page-campaign-ds8-dsp8-users-guide .btn-list li {
  display: inline-block;
  width: 210px;
  margin-top: 7px;
  margin-right: 7px;
  vertical-align: top;
}
.page-campaign-ds8-dsp8-users-guide .btn-list li:last-child {
  margin-right: 0;
}
.page-campaign-ds8-dsp8-users-guide .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-ds8-dsp8-users-guide .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-ds8-dsp8-users-guide .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-ds8-dsp8-users-guide .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-ds8-dsp8-users-guide .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-ds8-dsp8-users-guide .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
.page-campaign-ds8-dsp8-users-guide .new-features {
  margin: 0 40px 60px;
}
.page-campaign-ds8-dsp8-users-guide .new-features h2 {
  margin: 60px -40px 20px;
  padding: 12px 0;
  background-color: #D7CB9E;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds8-dsp8-users-guide .new-features h3 {
  margin-bottom: 8px !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-weight: normal;
  font-size: 18px;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image {
  position: relative;
  height: 426px;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off,
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 426px;
  margin: 0;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off img,
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off figcaption,
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #FFFFFF;
  font-size: 20px;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-ds8-dsp8-users-guide .pro-features h2 {
  padding: 12px 0;
  background-color: #D7CB9E;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds8-dsp8-users-guide .pro-features ol {
  margin-bottom: 20px;
  counter-reset: pf-count;
}
.page-campaign-ds8-dsp8-users-guide .pro-features ol li {
  position: relative;
  padding: 14px 20px 14px 50px;
  counter-increment: pf-count;
}
.page-campaign-ds8-dsp8-users-guide .pro-features ol li:nth-child(even) {
  background-color: #F3EFE2;
}
.page-campaign-ds8-dsp8-users-guide .pro-features ol li:before {
  position: absolute;
  left: 20px;
  content: counter(pf-count) ".";
}
.page-campaign-ds8-dsp8-users-guide .pro-features p {
  margin-right: 20px;
  margin-left: 20px;
  font-weight: bold;
}
.page-campaign-ds8-dsp8-users-guide .about-silkypix h2 {
  margin: 40px 0 0 72px;
}
.page-campaign-ds8-dsp8-users-guide .about-silkypix div {
  margin: 0 38px;
  padding: 20px 24px;
  border-radius: 10px;
  background-color: #D7CB9E;
}
.page-campaign-ds8-dsp8-users-guide .about-silkypix div p:first-child {
  margin-bottom: 20px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-ds8-dsp8-users-guide .main-image img {
    max-width: 500px;
  }
  .page-campaign-ds8-dsp8-users-guide .intro {
    font-size: 14px;
  }
  .page-campaign-ds8-dsp8-users-guide .summary {
    margin: 30px -15px;
    padding: 0 15px 10px;
    background-color: #F3EFE2;
  }
  .page-campaign-ds8-dsp8-users-guide .summary h2 {
    position: relative;
    top: -18px;
    margin-bottom: 0;
    padding: 10px 0;
    border-radius: 6px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-guide {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-guide h2 {
    font-size: 20px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-guide div {
    min-height: none;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    background: none;
  }
  .page-campaign-ds8-dsp8-users-guide .ds8-area,
  .page-campaign-ds8-dsp8-users-guide .dsp8-area {
    width: auto;
    margin-top: 30px;
  }
  .page-campaign-ds8-dsp8-users-guide .ds8-area h2,
  .page-campaign-ds8-dsp8-users-guide .dsp8-area h2 {
    font-size: 20px;
  }
  .page-campaign-ds8-dsp8-users-guide .ds8-area picture,
  .page-campaign-ds8-dsp8-users-guide .dsp8-area picture {
    display: block;
    margin-right: -5px;
    margin-left: -5px;
  }
  .page-campaign-ds8-dsp8-users-guide .ds8-area {
    padding: 0 0 30px;
  }
  .page-campaign-ds8-dsp8-users-guide .btn-buy {
    width: 100%;
    font-size: 18px;
  }
  .page-campaign-ds8-dsp8-users-guide .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-ds8-dsp8-users-guide .btn-sub {
    width: auto;
    padding: 12px 0;
    font-size: 18px;
  }
  .page-campaign-ds8-dsp8-users-guide .btn-dl {
    display: none;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features {
    margin: 0 0 60px;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features h3 {
    margin-top: 40px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off,
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off img,
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #E7242F transparent transparent transparent;
  }
  .page-campaign-ds8-dsp8-users-guide .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-ds8-dsp8-users-guide .pro-features {
    margin: 0 -15px 60px;
  }
  .page-campaign-ds8-dsp8-users-guide .pro-features h2 {
    margin: 60px 0 0;
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-ds8-dsp8-users-guide .pro-features ol {
    margin: 0 0 10px;
  }
  .page-campaign-ds8-dsp8-users-guide .pro-features ol li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-silkypix {
    margin-right: 10px;
    margin-left: 10px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-silkypix h2 {
    margin: 0 22px;
    text-align: right;
  }
  .page-campaign-ds8-dsp8-users-guide .about-silkypix h2 img {
    width: 100%;
    max-width: 440px;
  }
  .page-campaign-ds8-dsp8-users-guide .about-silkypix div {
    margin: 0;
    padding: 1em 1.5em;
  }
}
/* jp8-trial-price */
.page-campaign-jp8-trial-price small {
  font-size: smaller;
}
.page-campaign-jp8-trial-price .main-image {
  background-color: #32C8FF;
  text-align: center;
}
.page-campaign-jp8-trial-price .main-image img {
  height: 480px;
}
.page-campaign-jp8-trial-price .intro {
  font-size: 16px;
}
.page-campaign-jp8-trial-price .benefits-area {
  margin: 20px 40px;
  padding: 14px 28px;
  border: 4px solid #FFF100;
  border-radius: 10px;
}
.page-campaign-jp8-trial-price .benefits-area--en {
  margin-right: 0;
  margin-left: 0;
}
.page-campaign-jp8-trial-price .benefits-area h2 {
  font-size: 20px;
}
.page-campaign-jp8-trial-price .benefits-area .benefits-list {
  padding-left: 20px;
}
.page-campaign-jp8-trial-price .benefits-area .benefits-list li {
  list-style-type: decimal;
  margin-top: 4px;
}
.page-campaign-jp8-trial-price .summary {
  margin-bottom: 40px;
}
.page-campaign-jp8-trial-price .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #32C8FF;
  color: #FFFFFF;
}
.page-campaign-jp8-trial-price .summary dl dt {
  border-bottom-color: #32C8FF;
}
.page-campaign-jp8-trial-price .summary dl .detail-desc {
  margin-right: -.5em;
}
.page-campaign-jp8-trial-price .jp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-jp8-trial-price .jp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-jp8-trial-price .btn-buy {
  display: block;
  position: relative;
  width: 660px;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #32C8FF;
  color: #FFFFFF;
}
.page-campaign-jp8-trial-price .btn-buy:hover {
  background-color: #66D6FF;
}
.page-campaign-jp8-trial-price .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-jp8-trial-price .btn-list {
  margin-top: 10px;
  font-size: 0;
}
.page-campaign-jp8-trial-price .btn-list li {
  display: inline-block;
  width: 325px;
  margin-left: 10px;
  vertical-align: top;
}
.page-campaign-jp8-trial-price .btn-list li:first-child {
  margin-left: 0;
}
.page-campaign-jp8-trial-price .btn-list li .btn-sub,
.page-campaign-jp8-trial-price .btn-list li .btn-dl {
  width: auto;
  margin: 0;
  padding: 14px 0;
  border-color: #32C8FF;
  color: #32C8FF;
  font-size: 18px;
}
.page-campaign-jp8-trial-price .btn-list li .btn-sub:hover,
.page-campaign-jp8-trial-price .btn-list li .btn-dl:hover {
  border-color: #66D6FF;
  color: #66D6FF;
}
.page-campaign-jp8-trial-price .btn-list li .btn-sub--en {
  padding: 17px 0;
}
.page-campaign-jp8-trial-price .btn-list li .btn-dl--en {
  padding: 8px 0;
}
.page-campaign-jp8-trial-price .new-features {
  margin: 0 30px 60px;
}
.page-campaign-jp8-trial-price .new-features h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #B4EBFF;
  font-size: 20px;
  text-align: center;
}
.page-campaign-jp8-trial-price .new-features h2 .sugoi {
  position: relative;
}
.page-campaign-jp8-trial-price .new-features h2 .sugoi:before {
  display: block;
  position: absolute;
  top: -45px;
  left: -60px;
  width: 136px;
  height: 54px;
  background: url("/user_data/assets/images/campaign/jp8-trial-price/sugoi.png") no-repeat;
  background-size: 100% 100%;
  content: "";
}
.page-campaign-jp8-trial-price .new-features h3 {
  margin-bottom: 8px !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 18px;
}
.page-campaign-jp8-trial-price .new-features h3 span {
  font-weight: normal;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off,
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off img,
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off figcaption,
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #FFFFFF;
  font-size: 20px;
  text-shadow: 0 0 10px #333333;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image--43 {
  height: 495px;
}
.page-campaign-jp8-trial-price .new-features .hover-change-image--43 .hover-off,
.page-campaign-jp8-trial-price .new-features .hover-change-image--43 .hover-on {
  height: 495px;
}
.page-campaign-jp8-trial-price .new-features p {
  margin-bottom: 10px;
}
.page-campaign-jp8-trial-price .new-features p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-jp8-trial-price .new-features .license-pic {
  margin-top: 20px;
  text-align: center;
}
.page-campaign-jp8-trial-price .new-features .license-pic img {
  display: inline-block;
  width: 404px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-jp8-trial-price .main-image img {
    max-width: 100%;
    height: auto;
  }
  .page-campaign-jp8-trial-price .intro {
    margin: 0 -15px;
    padding: 15px 20px;
    font-size: 14px;
  }
  .page-campaign-jp8-trial-price .benefits-area {
    margin: 0;
    padding: 12px 15px;
  }
  .page-campaign-jp8-trial-price .benefits-area h2 {
    font-size: 18px;
  }
  .page-campaign-jp8-trial-price .summary {
    margin: 30px -15px 20px;
    padding: 0 15px 10px;
  }
  .page-campaign-jp8-trial-price .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 10px 0;
    border-radius: 6px;
    font-size: 16px;
  }
  .page-campaign-jp8-trial-price .summary dl .detail-desc {
    margin-right: 0;
  }
  .page-campaign-jp8-trial-price .jp8-area {
    width: auto;
    margin: 40px 0 0;
  }
  .page-campaign-jp8-trial-price .btn-buy {
    width: 100%;
  }
  .page-campaign-jp8-trial-price .btn-list {
    margin-top: 10px;
    font-size: 0;
  }
  .page-campaign-jp8-trial-price .btn-list li {
    display: block;
    width: auto;
    margin-left: 0;
  }
  .page-campaign-jp8-trial-price .btn-list li .btn-sub {
    font-size: 16px;
  }
  .page-campaign-jp8-trial-price .btn-list li .btn-dl {
    display: none;
  }
  .page-campaign-jp8-trial-price .btn-list li .btn-sub--en {
    padding: 14px 0;
  }
  .page-campaign-jp8-trial-price .new-features {
    margin: 0 0 60px;
  }
  .page-campaign-jp8-trial-price .new-features h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 18px;
  }
  .page-campaign-jp8-trial-price .new-features h3 {
    margin-top: 40px;
    font-size: 16px;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off,
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off img,
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-jp8-trial-price .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-jp8-trial-price .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #FFCF39 transparent transparent transparent;
  }
  .page-campaign-jp8-trial-price .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-jp8-trial-price .new-features .license-pic img {
    width: auto;
  }
}
/* sekonic-l308x */
.page-campaign-sekonic-l308x small {
  font-size: smaller;
}
.page-campaign-sekonic-l308x .summary h2 {
  border-radius: 10px;
  background-color: #005EAE;
  color: #FFFFFF;
}
.page-campaign-sekonic-l308x .summary dl dt {
  border-bottom-color: #33B2FF;
}
.page-campaign-sekonic-l308x .summary dl dd p {
  margin: 1em 0;
}
.page-campaign-sekonic-l308x .summary dl dd p:first-child {
  margin-top: 0;
}
.page-campaign-sekonic-l308x .features {
  margin: 0 30px 60px;
}
.page-campaign-sekonic-l308x .features h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #CCF0FF;
  font-size: 20px;
  text-align: center;
}
.page-campaign-sekonic-l308x .features h2 span {
  display: inline-block;
}
.page-campaign-sekonic-l308x .features p {
  margin: 1em 0;
}
.page-campaign-sekonic-l308x .features .conv-pic-area {
  position: relative;
  min-height: 195px;
  padding-right: 300px;
}
.page-campaign-sekonic-l308x .features .conv-pic-area .conv-pic {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
}
.page-campaign-sekonic-l308x .features .logo-sekonic {
  margin: 30px 0;
  text-align: center;
}
.page-campaign-sekonic-l308x .features .logo-sekonic img {
  max-width: 390px;
}
.page-campaign-sekonic-l308x .l308x-area {
  margin-right: 30px;
  margin-left: 30px;
}
.page-campaign-sekonic-l308x .l308x-area h2 {
  margin: 0;
  font-size: 20px;
}
.page-campaign-sekonic-l308x .l308x-area h2:before {
  content: "\0025cf";
}
.page-campaign-sekonic-l308x .l308x-area h3 {
  margin: 20px 0 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.page-campaign-sekonic-l308x .l308x-area h3:before {
  content: "\003010";
}
.page-campaign-sekonic-l308x .l308x-area h3:after {
  content: "\003011";
}
.page-campaign-sekonic-l308x .l308x-area ul {
  margin-bottom: 20px;
  padding-left: 1.5em;
}
.page-campaign-sekonic-l308x .l308x-area ul li {
  list-style: disc;
}
.page-campaign-sekonic-l308x .l308x-area .btn-buy {
  display: block;
  position: relative;
  width: 660px;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #005EAE;
  color: #FFFFFF;
}
.page-campaign-sekonic-l308x .l308x-area .btn-buy:hover {
  background-color: #0A72CC;
}
.page-campaign-sekonic-l308x .l308x-area .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-sekonic-l308x .l308x-area .btn-sub {
  width: 652px;
  margin: 10px auto;
  padding: 12px 0;
  border-color: #005EAE;
  color: #005EAE;
}
.page-campaign-sekonic-l308x .l308x-area .btn-sub:hover {
  border-color: #0A72CC;
  color: #0A72CC;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-sekonic-l308x .features {
    margin: 0 0 60px;
  }
  .page-campaign-sekonic-l308x .features h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 18px;
  }
  .page-campaign-sekonic-l308x .features .conv-pic-area {
    position: static;
    min-height: none;
    padding-right: 0;
  }
  .page-campaign-sekonic-l308x .features .conv-pic-area .conv-pic {
    position: static;
    width: auto;
    text-align: center;
  }
  .page-campaign-sekonic-l308x .features .conv-pic-area .conv-pic img {
    max-width: 80%;
  }
  .page-campaign-sekonic-l308x .features .logo-sekonic {
    margin: 20px 0;
  }
  .page-campaign-sekonic-l308x .features .logo-sekonic img {
    max-width: 100%;
  }
  .page-campaign-sekonic-l308x .l308x-area {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-sekonic-l308x .l308x-area h2 {
    font-size: 18px;
  }
  .page-campaign-sekonic-l308x .l308x-area .sp {
    margin: 10px 0;
  }
  .page-campaign-sekonic-l308x .l308x-area img {
    max-width: 60%;
  }
  .page-campaign-sekonic-l308x .l308x-area .btn-buy {
    width: 100%;
  }
  .page-campaign-sekonic-l308x .l308x-area .btn-sub {
    width: auto;
    font-size: 16px;
  }
}
/* bundle-upgrade-2018 */
.page-campaign-bundle-upgrade-2018 small {
  font-size: smaller;
}
.page-campaign-bundle-upgrade-2018 .main-image {
  background-color: #FFFA96;
  text-align: center;
}
.page-campaign-bundle-upgrade-2018 .intro {
  margin-right: 80px;
  margin-left: 80px;
  font-size: 18px;
}
.page-campaign-bundle-upgrade-2018 .intro--en {
  margin-right: 40px;
  margin-left: 40px;
}
.page-campaign-bundle-upgrade-2018 .movie-area {
  width: 704px;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
}
.page-campaign-bundle-upgrade-2018 .movie-area iframe {
  display: block;
  width: 704px;
  height: 396px;
}
.page-campaign-bundle-upgrade-2018 .summary h2 {
  border-radius: 10px;
  background-color: #FFFA96;
  color: #000000;
}
.page-campaign-bundle-upgrade-2018 .summary dl dt {
  border-bottom-color: #FFFA96;
}
.page-campaign-bundle-upgrade-2018 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-bundle-upgrade-2018 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper {
  margin: 40px 40px 0;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper h2 {
  width: 268px;
  margin: 0 auto;
  text-align: center;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper--en h2 {
  width: 344px;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper {
  margin-top: 10px;
  padding: 16px 21px;
  border: 3px solid #FFFA46;
  border-radius: 10px;
  text-align: center;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper .benefits-list {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-bundle-upgrade-2018 .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #1D8CFF;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2018 .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-bundle-upgrade-2018 .note-area h2 sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-bundle-upgrade-2018 .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-bundle-upgrade-2018 .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-bundle-upgrade-2018 .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-bundle-upgrade-2018 .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-bundle-upgrade-2018 .note-area--en h2 {
  text-align: left;
}
.page-campaign-bundle-upgrade-2018 .note-area--en .note-list {
  margin: 0;
}
.page-campaign-bundle-upgrade-2018 .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-bundle-upgrade-2018 .ds8-area,
.page-campaign-bundle-upgrade-2018 .dsp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-bundle-upgrade-2018 .ds8-area p,
.page-campaign-bundle-upgrade-2018 .dsp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-bundle-upgrade-2018 .btn-buy {
  position: relative;
  width: auto;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-bundle-upgrade-2018 .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-bundle-upgrade-2018 .btn-list {
  font-size: 0;
}
.page-campaign-bundle-upgrade-2018 .btn-list li {
  display: inline-block;
  width: 210px;
  margin-top: 10px;
  margin-right: 7px;
  vertical-align: top;
}
.page-campaign-bundle-upgrade-2018 .btn-list li:last-child {
  margin-right: 0;
}
.page-campaign-bundle-upgrade-2018 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-bundle-upgrade-2018 .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-bundle-upgrade-2018 .ds8-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-bundle-upgrade-2018 .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2018 .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-bundle-upgrade-2018 .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-bundle-upgrade-2018 .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-bundle-upgrade-2018 .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-2018 .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-bundle-upgrade-2018 .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-bundle-upgrade-2018 .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-bundle-upgrade-2018 .main-image {
    padding: 15px 20px;
  }
  .page-campaign-bundle-upgrade-2018 .main-image img {
    max-width: 410px;
  }
  .page-campaign-bundle-upgrade-2018 .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-2018 .movie-area {
    width: auto;
    max-width: 384px;
  }
  .page-campaign-bundle-upgrade-2018 .movie-area iframe {
    width: 100%;
    max-width: 384px;
    height: 216px;
  }
  .page-campaign-bundle-upgrade-2018 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
    background-color: #FFFFF0;
  }
  .page-campaign-bundle-upgrade-2018 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-bundle-upgrade-2018 .benefits-wrapper {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-bundle-upgrade-2018 .benefits-wrapper h2 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper {
    margin-top: 15px;
    padding: 14px 10px;
  }
  .page-campaign-bundle-upgrade-2018 .benefits-wrapper .benefits-list-wrapper .benefits-list {
    margin-top: 0;
  }
  .page-campaign-bundle-upgrade-2018 .note-area {
    margin: 15px -15px 0;
    padding: 15px;
    border-radius: 0;
  }
  .page-campaign-bundle-upgrade-2018 .note-area h2 {
    font-size: 15px;
    text-align: left;
  }
  .page-campaign-bundle-upgrade-2018 .note-area .note-list {
    margin: 0;
  }
  .page-campaign-bundle-upgrade-2018 .ds8-area,
  .page-campaign-bundle-upgrade-2018 .dsp8-area {
    width: auto;
    margin-top: 30px;
  }
  .page-campaign-bundle-upgrade-2018 .ds8-area {
    padding: 0 0 30px;
  }
  .page-campaign-bundle-upgrade-2018 .btn-buy,
  .page-campaign-bundle-upgrade-2018 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-bundle-upgrade-2018 .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-bundle-upgrade-2018 .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}
/* isl-30th-aaniversary */
.page-campaign-isl-30th-anniversary small {
  font-size: smaller;
}
.page-campaign-isl-30th-anniversary .main-image {
  text-align: center;
}
.page-campaign-isl-30th-anniversary .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-isl-30th-anniversary .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-isl-30th-anniversary .summary h2 {
  border-radius: 10px;
  background-color: #FFED8B;
  color: #000000;
}
.page-campaign-isl-30th-anniversary .summary dl dt {
  border-bottom-color: #FFED8B;
}
.page-campaign-isl-30th-anniversary .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-isl-30th-anniversary .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-isl-30th-anniversary .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-isl-30th-anniversary .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-isl-30th-anniversary .summary dl dd.summary__details ul p {
  position: relative;
  margin: 1em 0 1em 1.5em;
}
.page-campaign-isl-30th-anniversary .summary dl dd.summary__details ul p:before {
  display: block;
  position: absolute;
  top: .75em;
  left: -1em;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #A0A0A0;
  content: "";
}
.page-campaign-isl-30th-anniversary .summary dl dd.summary__details ul p a {
  color: #036DB7;
  text-decoration: underline;
}
.page-campaign-isl-30th-anniversary .about-clip {
  position: relative;
  margin: 0 30px 30px;
  padding: 24px 48px;
  border: 3px solid #7ECEF4;
}
.page-campaign-isl-30th-anniversary .about-clip::before,
.page-campaign-isl-30th-anniversary .about-clip::after {
  display: block;
  position: absolute;
  top: -3px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.page-campaign-isl-30th-anniversary .about-clip::before {
  left: -3px;
  background-image: url("/user_data/assets/images/campaign/isl-30th-anniversary/clip-bg-top-left.png");
  background-position: top left;
}
.page-campaign-isl-30th-anniversary .about-clip::after {
  right: -3px;
  background-image: url("/user_data/assets/images/campaign/isl-30th-anniversary/clip-bg-top-right.png");
  background-position: top right;
}
.page-campaign-isl-30th-anniversary .about-clip .clip-image {
  margin-bottom: 10px;
  text-align: center;
}
.page-campaign-isl-30th-anniversary .about-clip .clip-image::before,
.page-campaign-isl-30th-anniversary .about-clip .clip-image::after {
  display: block;
  position: absolute;
  bottom: -3px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.page-campaign-isl-30th-anniversary .about-clip .clip-image::before {
  left: -3px;
  background-image: url("/user_data/assets/images/campaign/isl-30th-anniversary/clip-bg-bottom-left.png");
  background-position: bottom left;
}
.page-campaign-isl-30th-anniversary .about-clip .clip-image::after {
  right: -3px;
  background-image: url("/user_data/assets/images/campaign/isl-30th-anniversary/clip-bg-bottom-right.png");
  background-position: bottom right;
}
.page-campaign-isl-30th-anniversary .about-clip p b {
  font-size: larger;
}
.page-campaign-isl-30th-anniversary .about-clip ul {
  margin-top: .5em;
}
.page-campaign-isl-30th-anniversary .about-clip ul li {
  position: relative;
  margin-left: 1.25em;
}
.page-campaign-isl-30th-anniversary .about-clip ul li:before {
  position: absolute;
  left: -1.25em;
  content: "\00203b";
}
.page-campaign-isl-30th-anniversary .about-silkypix {
  padding: 20px 30px;
  background-color: #FFF9D2;
}
.page-campaign-isl-30th-anniversary .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-isl-30th-anniversary .pro-features {
  margin-top: 40px;
}
.page-campaign-isl-30th-anniversary .pro-features h2 {
  padding: 12px 0;
  background-color: #FFED8B;
  font-size: 20px;
  text-align: center;
}
.page-campaign-isl-30th-anniversary .pro-features ol {
  margin-bottom: 20px;
  border: 2px solid #FFED8B;
  counter-reset: pf-count;
}
.page-campaign-isl-30th-anniversary .pro-features ol li {
  position: relative;
  padding: 14px 20px 14px 50px;
  counter-increment: pf-count;
}
.page-campaign-isl-30th-anniversary .pro-features ol li:nth-child(even) {
  background-color: #FFF9D2;
}
.page-campaign-isl-30th-anniversary .pro-features ol li:before {
  position: absolute;
  left: 20px;
  content: counter(pf-count) ".";
}
.page-campaign-isl-30th-anniversary .pro-features ul li {
  position: relative;
  margin-bottom: .5em;
  margin-left: 1.25em;
  font-weight: bold;
}
.page-campaign-isl-30th-anniversary .pro-features ul li:before {
  position: absolute;
  left: -1.25em;
  content: "\00203b";
}
.page-campaign-isl-30th-anniversary .dsp8-area,
.page-campaign-isl-30th-anniversary .ds8-area,
.page-campaign-isl-30th-anniversary .jp8-area {
  width: 644px;
  margin: 40px auto 0;
}
.page-campaign-isl-30th-anniversary .dsp8-area p,
.page-campaign-isl-30th-anniversary .ds8-area p,
.page-campaign-isl-30th-anniversary .jp8-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-isl-30th-anniversary .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-isl-30th-anniversary .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-isl-30th-anniversary .btn-list {
  font-size: 0;
}
.page-campaign-isl-30th-anniversary .btn-list li {
  display: inline-block;
  width: 318px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-isl-30th-anniversary .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-isl-30th-anniversary .btn-list--3col li {
  width: 210px;
  margin-right: 7px;
}
.page-campaign-isl-30th-anniversary .btn-list--3col li:nth-child(2n) {
  margin-right: 7px;
}
.page-campaign-isl-30th-anniversary .btn-list--3col li:nth-child(3n) {
  margin-right: 0;
}
.page-campaign-isl-30th-anniversary .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-isl-30th-anniversary .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-isl-30th-anniversary .dsp8-area,
.page-campaign-isl-30th-anniversary .ds8-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-isl-30th-anniversary .dsp8-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-isl-30th-anniversary .dsp8-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-isl-30th-anniversary .dsp8-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-isl-30th-anniversary .dsp8-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
.page-campaign-isl-30th-anniversary .ds8-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-isl-30th-anniversary .ds8-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-isl-30th-anniversary .ds8-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-isl-30th-anniversary .ds8-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-isl-30th-anniversary .jp8-area .btn-buy {
  background-color: #549E45;
  color: #FFFFFF;
}
.page-campaign-isl-30th-anniversary .jp8-area .btn-buy:hover {
  background-color: #5AC246;
}
.page-campaign-isl-30th-anniversary .jp8-area .btn-sub {
  border-color: #549E45;
  color: #549E45;
}
.page-campaign-isl-30th-anniversary .jp8-area .btn-sub:hover {
  border-color: #5AC246;
  color: #5AC246;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-isl-30th-anniversary .main-image img {
    max-width: 450px;
  }
  .page-campaign-isl-30th-anniversary .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-isl-30th-anniversary .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-isl-30th-anniversary .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-isl-30th-anniversary .note-area {
    margin: 15px -15px 0;
    padding: 15px;
    border-radius: 0;
  }
  .page-campaign-isl-30th-anniversary .note-area h2 {
    font-size: 15px;
    text-align: left;
  }
  .page-campaign-isl-30th-anniversary .note-area .note-list {
    margin: 0;
  }
  .page-campaign-isl-30th-anniversary .about-clip {
    margin: 0 0 20px;
    padding: 24px;
  }
  .page-campaign-isl-30th-anniversary .about-silkypix {
    margin-right: -15px;
    margin-left: -15px;
  }
  .page-campaign-isl-30th-anniversary .about-silkypix h2 {
    text-align: center;
  }
  .page-campaign-isl-30th-anniversary .pro-features h2 {
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-isl-30th-anniversary .pro-features ol {
    margin-bottom: 10px;
  }
  .page-campaign-isl-30th-anniversary .pro-features ol li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .page-campaign-isl-30th-anniversary .dsp8-area,
  .page-campaign-isl-30th-anniversary .ds8-area,
  .page-campaign-isl-30th-anniversary .jp8-area {
    width: auto;
    margin-top: 30px;
  }
  .page-campaign-isl-30th-anniversary .dsp8-area,
  .page-campaign-isl-30th-anniversary .ds8-area {
    padding: 0 0 30px;
  }
  .page-campaign-isl-30th-anniversary .btn-buy,
  .page-campaign-isl-30th-anniversary .btn-sub {
    font-size: 18px;
  }
  .page-campaign-isl-30th-anniversary .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-isl-30th-anniversary .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}
/* dsp9-launch-sales */
.page-campaign-dsp9-launch-sales small {
  font-size: smaller;
}
.page-campaign-dsp9-launch-sales .main-image {
  text-align: center;
}
.page-campaign-dsp9-launch-sales .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-dsp9-launch-sales .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-dsp9-launch-sales .summary h2 {
  border-radius: 10px;
  background-color: #2867B3;
  color: #FFFFFF;
}
.page-campaign-dsp9-launch-sales .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #2867B3;
}
.page-campaign-dsp9-launch-sales .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp9-launch-sales .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp9-launch-sales .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-dsp9-launch-sales .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-dsp9-launch-sales .summary dl dd.summary__details ul p {
  position: relative;
  margin: 1em 0 1em 1.5em;
}
.page-campaign-dsp9-launch-sales .summary dl dd.summary__details ul p:before {
  display: block;
  position: absolute;
  top: .75em;
  left: -1em;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #A0A0A0;
  content: "";
}
.page-campaign-dsp9-launch-sales .summary dl dd.summary__details ul p a {
  color: #036DB7;
  text-decoration: underline;
}
.page-campaign-dsp9-launch-sales .about-clip {
  position: relative;
  margin: 0 30px 30px;
  padding: 24px 48px;
  border: 1px solid #2867B3;
}
.page-campaign-dsp9-launch-sales .about-clip::before,
.page-campaign-dsp9-launch-sales .about-clip::after {
  display: block;
  position: absolute;
  top: -1px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.page-campaign-dsp9-launch-sales .about-clip::before {
  left: -1px;
  background-image: url("/user_data/assets/images/campaign/dsp9-launch-sales/clip-bg-top-left.png");
  background-position: top left;
}
.page-campaign-dsp9-launch-sales .about-clip::after {
  right: -1px;
  background-image: url("/user_data/assets/images/campaign/dsp9-launch-sales/clip-bg-top-right.png");
  background-position: top right;
}
.page-campaign-dsp9-launch-sales .about-clip .clip-image {
  margin-bottom: 10px;
  text-align: center;
}
.page-campaign-dsp9-launch-sales .about-clip .clip-image::before,
.page-campaign-dsp9-launch-sales .about-clip .clip-image::after {
  display: block;
  position: absolute;
  bottom: -1px;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.page-campaign-dsp9-launch-sales .about-clip .clip-image::before {
  left: -1px;
  background-image: url("/user_data/assets/images/campaign/dsp9-launch-sales/clip-bg-bottom-left.png");
  background-position: bottom left;
}
.page-campaign-dsp9-launch-sales .about-clip .clip-image::after {
  right: -1px;
  background-image: url("/user_data/assets/images/campaign/dsp9-launch-sales/clip-bg-bottom-right.png");
  background-position: bottom right;
}
.page-campaign-dsp9-launch-sales .about-clip p b {
  font-size: larger;
}
.page-campaign-dsp9-launch-sales .about-clip ul {
  margin-top: .5em;
}
.page-campaign-dsp9-launch-sales .about-clip ul li {
  position: relative;
  margin-left: 1.25em;
}
.page-campaign-dsp9-launch-sales .about-clip ul li:before {
  position: absolute;
  left: -1.25em;
  content: "\00203b";
}
.page-campaign-dsp9-launch-sales .pro-features {
  margin-top: 40px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #2867B3;
}
.page-campaign-dsp9-launch-sales .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  border-top: 1px solid #2867B3;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp9-launch-sales .pro-features h2::before {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 20px;
  height: 20px;
  background-image: url("/user_data/assets/images/campaign/dsp9-launch-sales/features-heading-bg.png");
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.page-campaign-dsp9-launch-sales .pro-features .features-list > li {
  padding: 12px 20px 12px 50px;
  border-top: 1px dashed #2867B3;
}
.page-campaign-dsp9-launch-sales .pro-features .features-list > li ul {
  padding-left: 1.5em;
}
.page-campaign-dsp9-launch-sales .pro-features .features-list > li ul li {
  list-style: disc;
}
.page-campaign-dsp9-launch-sales .dsp9-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-dsp9-launch-sales .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-dsp9-launch-sales .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-dsp9-launch-sales .btn-list {
  font-size: 0;
}
.page-campaign-dsp9-launch-sales .btn-list li {
  display: inline-block;
  width: 328px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-dsp9-launch-sales .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-dsp9-launch-sales .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-dsp9-launch-sales .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-dsp9-launch-sales .dsp9-area {
  padding: 0 28px 40px;
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-dsp9-launch-sales .dsp9-area .btn-buy {
  background-color: #2867B3;
  color: #FFFFFF;
}
.page-campaign-dsp9-launch-sales .dsp9-area .btn-buy:hover {
  background-color: #377ACC;
}
.page-campaign-dsp9-launch-sales .dsp9-area .btn-sub {
  border-color: #2867B3;
  color: #2867B3;
}
.page-campaign-dsp9-launch-sales .dsp9-area .btn-sub:hover {
  border-color: #377ACC;
  color: #377ACC;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp9-launch-sales .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp9-launch-sales .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-dsp9-launch-sales .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp9-launch-sales .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-dsp9-launch-sales .about-clip {
    margin: 0 0 20px;
    padding: 24px;
  }
  .page-campaign-dsp9-launch-sales .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp9-launch-sales .pro-features .features-list {
    margin-bottom: 10px;
  }
  .page-campaign-dsp9-launch-sales .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }
  .page-campaign-dsp9-launch-sales .dsp9-area {
    width: auto;
    margin-top: 30px;
    padding: 0 0 30px;
  }
  .page-campaign-dsp9-launch-sales .btn-buy,
  .page-campaign-dsp9-launch-sales .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp9-launch-sales .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-dsp9-launch-sales .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}
/* dsp9-bundle-upgrade */
.page-campaign-dsp9-bundle-upgrade small {
  font-size: smaller;
}
.page-campaign-dsp9-bundle-upgrade .main-image {
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-dsp9-bundle-upgrade .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper {
  position: relative;
  margin: 40px 40px 0;
  padding: 32px 21px 16px;
  border: 3px solid #FEDC78;
  border-radius: 10px;
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper h2 {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 220px;
  margin-left: -110px;
  background-color: #FFFFFF;
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper h2 img {
  width: 180px;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper--en h2 {
  width: 318px;
  margin-left: -159px;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper--en h2 img {
  width: 278px;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper .benefits-list {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-dsp9-bundle-upgrade .benefits-wrapper .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-dsp9-bundle-upgrade .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #EB6100;
  color: #FFFFFF;
}
.page-campaign-dsp9-bundle-upgrade .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-dsp9-bundle-upgrade .note-area h2 sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-dsp9-bundle-upgrade .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-dsp9-bundle-upgrade .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-dsp9-bundle-upgrade .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-dsp9-bundle-upgrade .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-dsp9-bundle-upgrade .note-area--en h2 {
  text-align: left;
}
.page-campaign-dsp9-bundle-upgrade .note-area--en .note-list {
  margin: 0;
}
.page-campaign-dsp9-bundle-upgrade .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-dsp9-bundle-upgrade .summary h2 {
  border-radius: 10px;
  background-color: #F39801;
  color: #FFFFFF;
}
.page-campaign-dsp9-bundle-upgrade .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #F39801;
}
.page-campaign-dsp9-bundle-upgrade .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp9-bundle-upgrade .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp9-bundle-upgrade .new-features {
  margin: 0 30px 60px;
}
.page-campaign-dsp9-bundle-upgrade .new-features h2 {
  margin: 60px 0 20px;
  padding: 10px 0;
  border: 9px double #FEDC78;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .new-features h2 span {
  display: inline-block;
}
.page-campaign-dsp9-bundle-upgrade .new-features h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 8px 0 !important;
  border-radius: 6px;
  background-color: #FEDC78 !important;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off,
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off img,
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off figcaption,
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-dsp9-bundle-upgrade .new-features p {
  margin-bottom: 10px;
}
.page-campaign-dsp9-bundle-upgrade .new-features p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-dsp9-bundle-upgrade .new-features .auto-adjust {
  margin-bottom: 20px;
}
.page-campaign-dsp9-bundle-upgrade .new-features .auto-adjust__image {
  float: right;
  margin-left: 20px;
}
.page-campaign-dsp9-bundle-upgrade .pro-features {
  margin: 40px 20px 20px;
  border: 2px solid #FEDC78;
  border-radius: 10px;
}
.page-campaign-dsp9-bundle-upgrade .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp9-bundle-upgrade .pro-features .features-list > li {
  padding: 12px 20px 12px 40px;
  border-top: 2px dashed #FEDC78;
}
.page-campaign-dsp9-bundle-upgrade .pro-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-dsp9-bundle-upgrade .pro-features .features-list > li ul {
  padding-left: 1.5em;
}
.page-campaign-dsp9-bundle-upgrade .pro-features .features-list > li ul li {
  list-style: disc;
}
.page-campaign-dsp9-bundle-upgrade .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-dsp9-bundle-upgrade .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-dsp9-bundle-upgrade .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-dsp9-bundle-upgrade .btn-list {
  font-size: 0;
}
.page-campaign-dsp9-bundle-upgrade .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-dsp9-bundle-upgrade .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-dsp9-bundle-upgrade .btn-dl--en {
  padding: 4px 0;
}
.page-campaign-dsp9-bundle-upgrade .dsp9-area {
  padding: 0 28px;
}
.page-campaign-dsp9-bundle-upgrade .dsp9-area .btn-buy {
  background-color: #F39801;
  color: #FFFFFF;
}
.page-campaign-dsp9-bundle-upgrade .dsp9-area .btn-buy:hover {
  background-color: #FFA71A;
}
.page-campaign-dsp9-bundle-upgrade .dsp9-area .btn-sub {
  border-color: #F39801;
  color: #F39801;
}
.page-campaign-dsp9-bundle-upgrade .dsp9-area .btn-sub:hover {
  border-color: #FFA71A;
  color: #FFA71A;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp9-bundle-upgrade .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp9-bundle-upgrade .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper {
    margin-right: 0;
    margin-left: 0;
    padding-top: 26px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper h2 {
    width: 200px;
    margin-left: -100px;
    text-align: center;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper--en h2 {
    width: 268px;
    margin-left: -134px;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper--en h2 img {
    width: 248px;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper .benefits-list-wrapper {
    margin-top: 15px;
    padding: 14px 10px;
  }
  .page-campaign-dsp9-bundle-upgrade .benefits-wrapper .benefits-list-wrapper .benefits-list {
    margin-top: 0;
  }
  .page-campaign-dsp9-bundle-upgrade .note-area {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 6px;
  }
  .page-campaign-dsp9-bundle-upgrade .note-area h2 {
    font-size: 14px;
    text-align: left;
  }
  .page-campaign-dsp9-bundle-upgrade .note-area .note-list {
    margin: 0;
  }
  .page-campaign-dsp9-bundle-upgrade .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp9-bundle-upgrade .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features {
    margin: 0 0 30px;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features h2 {
    margin: 0 0 20px;
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off,
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off img,
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #F39801 transparent transparent transparent;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .auto-adjust {
    margin-bottom: 0;
  }
  .page-campaign-dsp9-bundle-upgrade .new-features .auto-adjust__image {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: center;
  }
  .page-campaign-dsp9-bundle-upgrade .pro-features {
    margin: 0 0 20px;
  }
  .page-campaign-dsp9-bundle-upgrade .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp9-bundle-upgrade .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }
  .page-campaign-dsp9-bundle-upgrade .dsp9-area {
    margin-top: 30px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-dsp9-bundle-upgrade .btn-buy,
  .page-campaign-dsp9-bundle-upgrade .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp9-bundle-upgrade .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
  .page-campaign-dsp9-bundle-upgrade .btn-list {
    display: none;
  }
}
/* ds9-launch-sales */
.page-campaign-ds9-launch-sales .txt-red {
  color: #D70000;
}
.page-campaign-ds9-launch-sales small {
  font-size: smaller;
}
.page-campaign-ds9-launch-sales .summary {
  margin: 0 30px;
}
.page-campaign-ds9-launch-sales .summary h2 {
  margin-top: 32px;
  border-radius: 10px;
  background-color: #6357A3;
  color: #FFFFFF;
}
.page-campaign-ds9-launch-sales .summary dl dt {
  border-bottom-color: #6357A3;
}
.page-campaign-ds9-launch-sales .summary dl dd.summary__products ul {
  margin: 4px 0 0 20px;
}
.page-campaign-ds9-launch-sales .summary dl dd.summary__products ul li {
  list-style: disc;
}
.page-campaign-ds9-launch-sales .summary dl dd.summary__details {
  padding-right: 0;
  padding-left: 0;
}
.page-campaign-ds9-launch-sales .ds9-area,
.page-campaign-ds9-launch-sales .dsp9-area {
  width: 620px;
  margin: 20px auto 40px;
  padding: 20px 15px;
  border-width: 1px;
  border-style: solid;
}
.page-campaign-ds9-launch-sales .ds9-area h3,
.page-campaign-ds9-launch-sales .dsp9-area h3 {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 18px;
  text-align: center;
}
.page-campaign-ds9-launch-sales .ds9-area h3 span,
.page-campaign-ds9-launch-sales .dsp9-area h3 span {
  display: inline-block;
}
.page-campaign-ds9-launch-sales .ds9-area p,
.page-campaign-ds9-launch-sales .dsp9-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-ds9-launch-sales .ds9-area p .l-text,
.page-campaign-ds9-launch-sales .dsp9-area p .l-text {
  font-size: 160%;
}
.page-campaign-ds9-launch-sales .btn-buy {
  display: block;
  position: relative;
  width: 100%;
  margin: 10px auto 0;
  padding: 18px 0;
  background-color: #E5DEEE;
  color: #FFFFFF;
}
.page-campaign-ds9-launch-sales .btn-buy:hover {
  background-color: #FFA6C3;
}
.page-campaign-ds9-launch-sales .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-ds9-launch-sales .btn-list {
  font-size: 0;
}
.page-campaign-ds9-launch-sales .btn-list li {
  display: inline-block;
  width: 305px;
  vertical-align: top;
}
.page-campaign-ds9-launch-sales .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-ds9-launch-sales .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-ds9-launch-sales .btn-dl--en {
  padding: 4px 0;
}
.page-campaign-ds9-launch-sales .ds9-area {
  border-color: #6357A3;
}
.page-campaign-ds9-launch-sales .ds9-area h3 {
  color: #6357A3;
}
.page-campaign-ds9-launch-sales .ds9-area .btn-buy {
  background-color: #6357A3;
  color: #FFFFFF;
}
.page-campaign-ds9-launch-sales .ds9-area .btn-buy:hover {
  background-color: #766BB0;
}
.page-campaign-ds9-launch-sales .ds9-area .btn-sub {
  border-color: #6357A3;
  color: #6357A3;
}
.page-campaign-ds9-launch-sales .ds9-area .btn-sub:hover {
  border-color: #766BB0;
  color: #766BB0;
}
.page-campaign-ds9-launch-sales .dsp9-area {
  border-color: #B38D38;
}
.page-campaign-ds9-launch-sales .dsp9-area h3 {
  color: #B38D38;
}
.page-campaign-ds9-launch-sales .dsp9-area .btn-buy {
  background-color: #B38D38;
  color: #FFFFFF;
}
.page-campaign-ds9-launch-sales .dsp9-area .btn-buy:hover {
  background-color: #C49C42;
}
.page-campaign-ds9-launch-sales .dsp9-area .btn-sub {
  border-color: #B38D38;
  color: #B38D38;
}
.page-campaign-ds9-launch-sales .dsp9-area .btn-sub:hover {
  border-color: #C49C42;
  color: #C49C42;
}
.page-campaign-ds9-launch-sales .new-features {
  width: 660px;
  margin: 0 auto;
  border: 1px solid #E5DEEE;
}
.page-campaign-ds9-launch-sales .new-features h2 {
  padding: 12px 0;
  background-color: #E5DEEE;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds9-launch-sales .new-features .features-list > li {
  padding: 14px 20px;
}
.page-campaign-ds9-launch-sales .new-features .features-list > li:nth-child(even) {
  background-color: #F7F5FA;
}
.page-campaign-ds9-launch-sales .new-features .features-list > li ul {
  padding-left: 1.5em;
}
.page-campaign-ds9-launch-sales .new-features .features-list > li ul li {
  list-style: disc;
}
.page-campaign-ds9-launch-sales .new-features p {
  margin-right: 20px;
  margin-left: 20px;
  font-weight: bold;
}
.page-campaign-ds9-launch-sales .about-guide {
  position: relative;
  margin: 50px 20px;
  padding: 28px 14px;
  border: 1px solid #6357A3;
}
.page-campaign-ds9-launch-sales .about-guide h2 {
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds9-launch-sales .about-guide > div {
  min-height: 180px;
  margin-right: 26px;
  margin-left: 26px;
  padding-left: 148px;
  background: url("/user_data/assets/images/campaign/ds9-launch-sales/pc-ja/users-guide.jpg") no-repeat left center;
}
.page-campaign-ds9-launch-sales .about-guide .sp-image {
  display: none;
}
.page-campaign-ds9-launch-sales .about-guide p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.page-campaign-ds9-launch-sales .about-guide ul li {
  position: relative;
  padding-left: 1.25em;
}
.page-campaign-ds9-launch-sales .about-guide ul li:before {
  position: absolute;
  left: 0;
  content: "\00203b";
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-ds9-launch-sales .main-image img {
    max-width: 500px;
  }
  .page-campaign-ds9-launch-sales .summary {
    margin: 0 10px;
  }
  .page-campaign-ds9-launch-sales .summary h2 {
    padding: 10px 0;
    border-radius: 6px;
    font-size: 16px;
  }
  .page-campaign-ds9-launch-sales .ds9-area,
  .page-campaign-ds9-launch-sales .dsp9-area {
    width: auto;
    margin-top: 30px;
    padding: 20px 14px;
  }
  .page-campaign-ds9-launch-sales .ds9-area h2,
  .page-campaign-ds9-launch-sales .dsp9-area h2 {
    font-size: 20px;
  }
  .page-campaign-ds9-launch-sales .btn-buy {
    width: 100%;
    font-size: 18px;
  }
  .page-campaign-ds9-launch-sales .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-ds9-launch-sales .btn-sub {
    width: auto;
    padding: 12px 0;
    font-size: 18px;
  }
  .page-campaign-ds9-launch-sales .btn-dl {
    display: none;
  }
  .page-campaign-ds9-launch-sales .new-features {
    width: auto;
  }
  .page-campaign-ds9-launch-sales .new-features h2 {
    padding: 12px 10px;
    font-size: 16px;
  }
  .page-campaign-ds9-launch-sales .new-features .features-list > li {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .page-campaign-ds9-launch-sales .about-guide {
    margin: 30px 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-campaign-ds9-launch-sales .about-guide h2 {
    font-size: 18px;
  }
  .page-campaign-ds9-launch-sales .about-guide > div {
    min-height: none;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    background: none;
  }
  .page-campaign-ds9-launch-sales .about-guide .sp-image {
    display: block;
    margin-top: 15px;
    text-align: center;
  }
}
/* jp9-launch-sales */
.page-campaign-jp9-launch-sales small {
  font-size: smaller;
}
.page-campaign-jp9-launch-sales .main-image {
  text-align: center;
}
.page-campaign-jp9-launch-sales .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-jp9-launch-sales .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-jp9-launch-sales .summary h2 {
  border-radius: 10px;
  background-color: #FFE9EA;
  color: #1A1A1A;
}
.page-campaign-jp9-launch-sales .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #FFE9EA;
}
.page-campaign-jp9-launch-sales .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-jp9-launch-sales .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-jp9-launch-sales .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-jp9-launch-sales .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-jp9-launch-sales .summary dl dd.summary__details ul p {
  position: relative;
  margin: 1em 0 1em 1.5em;
}
.page-campaign-jp9-launch-sales .summary dl dd.summary__details ul p:before {
  display: block;
  position: absolute;
  top: .75em;
  left: -1em;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #A0A0A0;
  content: "";
}
.page-campaign-jp9-launch-sales .summary dl dd.summary__details ul p a {
  color: #036DB7;
  text-decoration: underline;
}
.page-campaign-jp9-launch-sales .new-features {
  margin-top: 40px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #FADBDA;
}
.page-campaign-jp9-launch-sales .new-features h2 {
  position: relative;
  padding: 12px 24px;
  border-top: 1px solid #FADBDA;
  font-size: 20px;
  text-align: center;
}
.page-campaign-jp9-launch-sales .new-features h2::before {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  content: "";
}
.page-campaign-jp9-launch-sales .new-features h2::after {
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-width: 20px 0 0 20px;
  border-style: solid;
  border-color: transparent transparent transparent #FADBDA;
  content: "";
}
.page-campaign-jp9-launch-sales .new-features .features-list > li {
  padding: 12px 20px 12px 50px;
  border-top: 1px dashed #FADBDA;
}
.page-campaign-jp9-launch-sales .new-features .features-list > li ul {
  padding-left: 1.5em;
}
.page-campaign-jp9-launch-sales .new-features .features-list > li ul li {
  list-style: disc;
}
.page-campaign-jp9-launch-sales .before-after-samples {
  margin: 0 2px 40px;
}
.page-campaign-jp9-launch-sales .before-after-samples h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #F8C7CD;
  font-size: 20px;
  text-align: center;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off,
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off img,
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off figcaption,
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 0 10px #333333;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-jp9-launch-sales .before-after-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-jp9-launch-sales .before-after-samples p {
  margin-bottom: 10px;
  font-size: 18px;
}
.page-campaign-jp9-launch-sales .before-after-samples p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  font-size: 14px;
  text-align: right;
}
.page-campaign-jp9-launch-sales .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-jp9-launch-sales .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px;
  content: "";
}
.page-campaign-jp9-launch-sales .btn-list {
  font-size: 0;
}
.page-campaign-jp9-launch-sales .btn-list li {
  display: inline-block;
  width: 328px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-jp9-launch-sales .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-jp9-launch-sales .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-jp9-launch-sales .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-jp9-launch-sales .jp9-area {
  padding: 0 28px 40px;
}
.page-campaign-jp9-launch-sales .jp9-area .btn-buy {
  background-color: #F3909C;
  color: #FFFFFF;
}
.page-campaign-jp9-launch-sales .jp9-area .btn-buy:hover {
  background-color: #E57380;
}
.page-campaign-jp9-launch-sales .jp9-area .btn-sub {
  border-color: #F3909C;
  color: #F3909C;
}
.page-campaign-jp9-launch-sales .jp9-area .btn-sub:hover {
  border-color: #E57380;
  color: #E57380;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-jp9-launch-sales .main-image img {
    max-width: 450px;
  }
  .page-campaign-jp9-launch-sales .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-jp9-launch-sales .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-jp9-launch-sales .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-jp9-launch-sales .new-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-jp9-launch-sales .new-features .features-list {
    margin-bottom: 10px;
  }
  .page-campaign-jp9-launch-sales .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }
  .page-campaign-jp9-launch-sales .before-after-samples {
    margin: 0;
  }
  .page-campaign-jp9-launch-sales .before-after-samples h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 18px;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image {
    position: static;
    height: auto;
    margin-bottom: 40px;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off,
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off img,
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-off figcaption,
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-jp9-launch-sales .before-after-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #F3909C transparent transparent transparent;
  }
  .page-campaign-jp9-launch-sales .before-after-samples p {
    font-size: 16px;
  }
  .page-campaign-jp9-launch-sales .before-after-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-jp9-launch-sales .jp9-area {
    margin-top: 30px;
    padding: 0 0 30px;
  }
  .page-campaign-jp9-launch-sales .btn-buy,
  .page-campaign-jp9-launch-sales .btn-sub {
    font-size: 18px;
  }
  .page-campaign-jp9-launch-sales .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-jp9-launch-sales .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}
/* spyderxpro-set */
.page-campaign-spyderxpro-set small {
  font-size: smaller;
}
.page-campaign-spyderxpro-set .txt-red {
  color: #D70000;
}
.page-campaign-spyderxpro-set .benefits-wrapper {
  margin: 20px 40px 0;
}
.page-campaign-spyderxpro-set .benefits-wrapper .benefits-content {
  padding: 25px 15px;
  border: 3px solid #BCE2ED;
  border-radius: 10px;
}
.page-campaign-spyderxpro-set .benefits-wrapper .benefits-content h2 {
  margin: 0 auto 20px;
  text-align: center;
}
.page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list {
  margin-left: 40px;
}
.page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
  font-size: 16px;
}
.page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list li b {
  font-size: 20px;
}
.page-campaign-spyderxpro-set .summary h2 {
  border-radius: 10px;
  background-color: #5BC2D9;
  color: #FFFFFF;
}
.page-campaign-spyderxpro-set .summary dl dt {
  border-bottom-color: #5BC2D9;
}
.page-campaign-spyderxpro-set .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-spyderxpro-set .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-spyderxpro-set .summary dl dd ul.note-list {
  margin-top: 20px;
  margin-left: 0;
}
.page-campaign-spyderxpro-set .summary dl dd ul.note-list li {
  list-style: none;
  position: relative;
  margin-left: 1.25em;
}
.page-campaign-spyderxpro-set .summary dl dd ul.note-list li:before {
  position: absolute;
  left: -1.25em;
  content: "※";
}
.page-campaign-spyderxpro-set .dsp9-area,
.page-campaign-spyderxpro-set .ds9-area {
  width: 600px;
  margin: 20px auto 0;
  padding: 20px;
}
.page-campaign-spyderxpro-set .dsp9-area h2,
.page-campaign-spyderxpro-set .ds9-area h2 {
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-spyderxpro-set .dsp9-area ol,
.page-campaign-spyderxpro-set .ds9-area ol {
  margin: 10px 0 10px 20px;
}
.page-campaign-spyderxpro-set .dsp9-area ol li,
.page-campaign-spyderxpro-set .ds9-area ol li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-spyderxpro-set .dsp9-area ol li b,
.page-campaign-spyderxpro-set .ds9-area ol li b {
  font-size: larger;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-list,
.page-campaign-spyderxpro-set .ds9-area .btn-list {
  font-size: 0;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-list li,
.page-campaign-spyderxpro-set .ds9-area .btn-list li {
  display: inline-block;
  width: 295px;
  margin-top: 10px;
  margin-left: 10px;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-list li:first-child,
.page-campaign-spyderxpro-set .ds9-area .btn-list li:first-child {
  margin-left: 0;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-sub,
.page-campaign-spyderxpro-set .ds9-area .btn-sub {
  padding: 14px 0;
}
.page-campaign-spyderxpro-set .btn-buy {
  width: 100%;
  margin: 0;
  padding: 18px 0;
}
.page-campaign-spyderxpro-set .btn-sub {
  width: auto;
  margin: 0;
  font-size: 16px;
}
.page-campaign-spyderxpro-set .dsp9-area {
  border: 2px solid #B38E38;
}
.page-campaign-spyderxpro-set .dsp9-area h2 {
  color: #B38E38;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-buy {
  background-color: #B38E38;
  color: #FFFFFF;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-buy:hover {
  background-color: #D9AC43;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-sub {
  border-color: #B38E38;
  color: #B38E38;
}
.page-campaign-spyderxpro-set .dsp9-area .btn-sub:hover {
  border-color: #D9AC43;
  color: #D9AC43;
}
.page-campaign-spyderxpro-set .ds9-area {
  border: 2px solid #4E488C;
}
.page-campaign-spyderxpro-set .ds9-area h2 {
  color: #4E488C;
}
.page-campaign-spyderxpro-set .ds9-area .btn-buy {
  background-color: #4E488C;
  color: #FFFFFF;
}
.page-campaign-spyderxpro-set .ds9-area .btn-buy:hover {
  background-color: #625BB3;
}
.page-campaign-spyderxpro-set .ds9-area .btn-sub {
  border-color: #4E488C;
  color: #4E488C;
}
.page-campaign-spyderxpro-set .ds9-area .btn-sub:hover {
  border-color: #625BB3;
  color: #625BB3;
}
.page-campaign-spyderxpro-set .spyder-area {
  width: 600px;
  margin: 20px auto 0;
}
.page-campaign-spyderxpro-set .spyder-area .btn-sub {
  padding: 10px 0;
  border-color: #5BC2D9;
  color: #5BC2D9;
  line-height: 1.5;
}
.page-campaign-spyderxpro-set .spyder-area .btn-sub:hover {
  border-color: #6ED0E5;
  color: #6ED0E5;
}
.page-campaign-spyderxpro-set .spyder-area .btn-howto {
  display: block;
  margin-top: 10px;
  padding: 14px 0;
  border-width: 0;
  border-radius: 10px;
  background-color: #5BC2D9;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color .15s ease;
}
.page-campaign-spyderxpro-set .spyder-area .btn-howto:hover {
  background-color: #6ED0E5;
}
.page-campaign-spyderxpro-set .spyder-area .btn-list li {
  margin-top: 10px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-spyderxpro-set .benefits-wrapper {
    margin: 0;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content {
    padding: 15px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content:before {
    margin-right: -72px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content:after {
    margin-right: -70px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content h2 {
    width: auto;
    margin-bottom: 10px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list {
    margin-left: 20px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list li {
    font-size: 14px;
  }
  .page-campaign-spyderxpro-set .benefits-wrapper .benefits-content .benefits-list li b {
    font-size: 16px;
  }
  .page-campaign-spyderxpro-set .ds9-area,
  .page-campaign-spyderxpro-set .dsp9-area {
    width: auto;
    margin-top: 30px;
    padding: 10px;
  }
  .page-campaign-spyderxpro-set .ds9-area h2,
  .page-campaign-spyderxpro-set .dsp9-area h2 {
    font-size: 16px;
  }
  .page-campaign-spyderxpro-set .ds9-area .btn-list li,
  .page-campaign-spyderxpro-set .dsp9-area .btn-list li {
    display: block;
    width: auto;
    margin-left: 0;
  }
  .page-campaign-spyderxpro-set .spyder-area {
    width: auto;
  }
  .page-campaign-spyderxpro-set .spyder-area .btn-howto {
    padding: 17px 0;
    border-radius: 8px;
  }
}
/* thanks-15th-anniversary */
.page-campaign-thanks-15th-anniversary small {
  font-size: smaller;
}
.page-campaign-thanks-15th-anniversary .main-image {
  text-align: center;
}
.page-campaign-thanks-15th-anniversary .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-thanks-15th-anniversary .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-thanks-15th-anniversary .summary h2 {
  border-radius: 10px;
  background-color: #F39800;
  color: #FFFFFF;
}
.page-campaign-thanks-15th-anniversary .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #F39800;
}
.page-campaign-thanks-15th-anniversary .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-thanks-15th-anniversary .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-thanks-15th-anniversary .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-thanks-15th-anniversary .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-thanks-15th-anniversary .summary dl dd.summary__details ul p {
  position: relative;
  margin: 1em 0 1em 1.5em;
}
.page-campaign-thanks-15th-anniversary .summary dl dd.summary__details ul p a {
  color: #036DB7;
  text-decoration: underline;
}
.page-campaign-thanks-15th-anniversary .about-clip {
  position: relative;
  margin: 0 30px 30px;
  padding: 24px 48px;
  border: 2px solid #F39800;
  border-radius: 10px;
}
.page-campaign-thanks-15th-anniversary .about-clip .clip-image {
  margin-bottom: 10px;
  text-align: center;
}
.page-campaign-thanks-15th-anniversary .about-clip p b {
  font-size: larger;
}
.page-campaign-thanks-15th-anniversary .about-clip ul {
  margin-top: .5em;
}
.page-campaign-thanks-15th-anniversary .about-clip ul li {
  position: relative;
  margin-left: 1.25em;
}
.page-campaign-thanks-15th-anniversary .about-clip ul li:before {
  position: absolute;
  left: -1.25em;
  content: "\00203b";
}
.page-campaign-thanks-15th-anniversary .about-silkypix {
  padding: 20px 30px;
  background-color: #FFF9D1;
}
.page-campaign-thanks-15th-anniversary .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-thanks-15th-anniversary .before-after-samples {
  width: 660px;
  margin: 0 auto 40px;
}
.page-campaign-thanks-15th-anniversary .before-after-samples h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #FEE391;
  font-size: 20px;
  text-align: center;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off,
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off img,
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off figcaption,
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 0 10px #333333;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-thanks-15th-anniversary .before-after-samples p {
  margin-bottom: 10px;
  font-size: 18px;
}
.page-campaign-thanks-15th-anniversary .before-after-samples p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  font-size: 14px;
  text-align: right;
}
.page-campaign-thanks-15th-anniversary .new-features {
  margin-top: 40px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #FEE391;
}
.page-campaign-thanks-15th-anniversary .new-features h2 {
  position: relative;
  padding: 12px 24px;
  border-top: 1px solid #FEE391;
  font-size: 20px;
  text-align: center;
}
.page-campaign-thanks-15th-anniversary .new-features .features-list > li {
  padding: 12px 20px 12px 50px;
  border-top: 1px dashed #FEE391;
}
.page-campaign-thanks-15th-anniversary .new-features .features-list > li ol {
  padding-left: 1.5em;
}
.page-campaign-thanks-15th-anniversary .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-thanks-15th-anniversary .btn-list {
  font-size: 0;
}
.page-campaign-thanks-15th-anniversary .btn-list li {
  display: inline-block;
  width: 328px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-thanks-15th-anniversary .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-thanks-15th-anniversary .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-thanks-15th-anniversary .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-thanks-15th-anniversary .dsp9-area,
.page-campaign-thanks-15th-anniversary .ds9-area,
.page-campaign-thanks-15th-anniversary .jp9-area {
  margin: 40px auto 0;
  padding: 0 28px 40px;
}
.page-campaign-thanks-15th-anniversary .dsp9-area p,
.page-campaign-thanks-15th-anniversary .ds9-area p,
.page-campaign-thanks-15th-anniversary .jp9-area p {
  margin: 10px auto;
}
.page-campaign-thanks-15th-anniversary .dsp9-area,
.page-campaign-thanks-15th-anniversary .ds9-area {
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-thanks-15th-anniversary .dsp9-area .btn-buy {
  background-color: #C29B34;
  color: #FFFFFF;
}
.page-campaign-thanks-15th-anniversary .dsp9-area .btn-buy:hover {
  background-color: #D2B569;
}
.page-campaign-thanks-15th-anniversary .dsp9-area .btn-sub {
  border-color: #C29B34;
  color: #C29B34;
}
.page-campaign-thanks-15th-anniversary .dsp9-area .btn-sub:hover {
  border-color: #D2B569;
  color: #D2B569;
}

.page-campaign-thanks-15th-anniversary .ds9-area .btn-buy {
  background-color: #823180;
  color: #FFFFFF;
}
.page-campaign-thanks-15th-anniversary .ds9-area .btn-buy:hover {
  background-color: #9F619D;
}
.page-campaign-thanks-15th-anniversary .ds9-area .btn-sub {
  border-color: #823180;
  color: #823180;
}
.page-campaign-thanks-15th-anniversary .ds9-area .btn-sub:hover {
  border-color: #9F619D;
  color: #9F619D;
}

.page-campaign-thanks-15th-anniversary .jp9-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-thanks-15th-anniversary .jp9-area .btn-buy:hover {
  background-color: #469F8E;
}
.page-campaign-thanks-15th-anniversary .jp9-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-thanks-15th-anniversary .jp9-area .btn-sub:hover {
  border-color: #469F8E;
  color: #469F8E;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-thanks-15th-anniversary .main-image img {
    max-width: 450px;
  }
  .page-campaign-thanks-15th-anniversary .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-thanks-15th-anniversary .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-thanks-15th-anniversary .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-thanks-15th-anniversary .about-clip {
    margin: 0 0 20px;
    padding: 24px;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples {
    width: auto;
    margin: 0;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 18px;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image {
    position: static;
    height: auto;
    margin-bottom: 40px;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off,
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off img,
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-off figcaption,
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #C29B34 transparent transparent transparent;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples p {
    font-size: 16px;
  }
  .page-campaign-thanks-15th-anniversary .before-after-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-thanks-15th-anniversary .new-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-thanks-15th-anniversary .new-features .features-list {
    margin-bottom: 10px;
  }
  .page-campaign-thanks-15th-anniversary .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
  }
  .page-campaign-thanks-15th-anniversary .jp9-area {
    margin-top: 30px;
    padding: 0 0 30px;
  }
  .page-campaign-thanks-15th-anniversary .btn-buy,
  .page-campaign-thanks-15th-anniversary .btn-sub {
    font-size: 18px;
  }
  .page-campaign-thanks-15th-anniversary .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-thanks-15th-anniversary .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}

/* bundle-upgrade-9 */
.page-campaign-bundle-upgrade-9 small {
  font-size: smaller;
}
.page-campaign-bundle-upgrade-9 .main-image {
  text-align: center;
}
.page-campaign-bundle-upgrade-9 .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-bundle-upgrade-9 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper {
  position: relative;
  margin: 40px 40px 0;
  padding: 32px 21px 16px;
  border: 3px solid #FEDC78;
  border-radius: 10px;
  text-align: center;
}
.page-campaign-bundle-upgrade-9 .benefits-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  padding: 0 10px;
  background-color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper h2 {
  color: #EB6100;
  font-size: 120%;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper h2 img {
  width: 180px;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper .benefits-list {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-bundle-upgrade-9 .benefits-wrapper .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-bundle-upgrade-9 .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #EB6100;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-bundle-upgrade-9 .note-area h2 sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-bundle-upgrade-9 .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-bundle-upgrade-9 .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-bundle-upgrade-9 .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-bundle-upgrade-9 .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-bundle-upgrade-9 .note-area--en h2 {
  text-align: left;
}
.page-campaign-bundle-upgrade-9 .note-area--en .note-list {
  margin: 0;
}
.page-campaign-bundle-upgrade-9 .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-bundle-upgrade-9 .summary h2 {
  border-radius: 10px;
  background-color: #F39801;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .summary dl dt {
  margin-top: 40px;
  border-bottom-width: 1px;
  border-bottom-color: #F39801;
}
.page-campaign-bundle-upgrade-9 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-bundle-upgrade-9 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-bundle-upgrade-9 .new-features {
  margin: 0 30px 60px;
}
.page-campaign-bundle-upgrade-9 .new-features h2 {
  margin: 40px 0 20px;
  padding: 10px 0;
  border: 9px double #FEDC78;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-bundle-upgrade-9 .new-features h2 span {
  display: inline-block;
}
.page-campaign-bundle-upgrade-9 .new-features h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 8px 0 !important;
  border-radius: 6px;
  background-color: #FEDC78 !important;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off,
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off img,
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off figcaption,
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-bundle-upgrade-9 .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-bundle-upgrade-9 .new-features p {
  margin-bottom: 10px;
}
.page-campaign-bundle-upgrade-9 .new-features p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  text-align: right;
}
.page-campaign-bundle-upgrade-9 .new-features .auto-adjust {
  margin-bottom: 20px;
}
.page-campaign-bundle-upgrade-9 .new-features .auto-adjust__image {
  float: right;
  margin-left: 20px;
}
.page-campaign-bundle-upgrade-9 .pro-features {
  margin: 40px 20px 20px;
  border: 2px solid #FEDC78;
  border-radius: 10px;
}
.page-campaign-bundle-upgrade-9 .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-bundle-upgrade-9 .pro-features .features-list > li {
  padding: 12px 20px 12px 40px;
  border-top: 2px dashed #FEDC78;
}
.page-campaign-bundle-upgrade-9 .pro-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-bundle-upgrade-9 .pro-features .features-list > li ul {
  padding-left: 1.5em;
}
.page-campaign-bundle-upgrade-9 .pro-features .features-list > li ul li {
  list-style: disc;
}
.page-campaign-bundle-upgrade-9 .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-bundle-upgrade-9 .btn-buy:after {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 0;
  width: -webkit-calc(100% - 12px);
  width:         calc(100% - 12px);
  height: 0;
  height: -webkit-calc(100% - 12px);
  height:         calc(100% - 12px);
  border-width: 0;
  border-width: -webkit-calc(2px);
  border-width:         calc(2px);
  border-style: solid;
  border-color: #FFFFFF;
  border-radius: 8px; 
  content: "";
}

.page-campaign-bundle-upgrade-9 .btn-sub:first-child {
  width: auto;
  margin: 0;
  margin-bottom: 5px;
  padding: 14px 0;
  border-color: #F39801;
  background-color: #F39801;
  color: #FFFFFF;
  font-size: 20px;
}
.page-campaign-bundle-upgrade-9 .btn-sub:first-child:hover {
  border-color: #FFA71A;
  background-color: #FFA71A;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .btn-sub {
  width: auto;
  margin: 0;
  margin-bottom: 5px;
  padding: 14px 0;
  border-color: #F39801;
  color: #F39801;
  font-size: 20px;
}
.page-campaign-bundle-upgrade-9 .btn-sub:hover {
  border-color: #FFA71A;
  color: #FFA71A;
}

.page-campaign-bundle-upgrade-9 .btn-list {
  font-size: 0;
}
.page-campaign-bundle-upgrade-9 .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-bundle-upgrade-9 .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-bundle-upgrade-9 .btn-dl--en {
  padding: 4px 0;
}
.page-campaign-bundle-upgrade-9 .dsp9-area {
  padding: 0 28px;
}
.page-campaign-bundle-upgrade-9 .inline-block {
  display: inline-block;
  margin-left: 5px;
}
.page-campaign-bundle-upgrade-9 .flex {
  display: flex;
  align-items: flex-start;
}
.page-campaign-bundle-upgrade-9 .flex-right {
  margin-left: auto;
}
.page-campaign-bundle-upgrade-9 .sales-area a {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none !important;
}
.page-campaign-bundle-upgrade-9 .sales-area a:visited {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none !important;
}
.page-campaign-bundle-upgrade-9 .sales-area .btn-buy {
  width: 85%;
  margin: 0 auto;
  background-color: #813180;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .sales-area .btn-buy:hover {
  background-color: #6A3D6A;
}
.page-campaign-bundle-upgrade-9 .sales-area .pro .btn-buy {
  width: 85%;
  margin: 0 auto;
  background-color: #C49E3C;
  color: #FFFFFF;
}
.page-campaign-bundle-upgrade-9 .sales-area .pro .btn-buy:hover {
  background-color: #AE8A37;
}




@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-bundle-upgrade-9 .main-image img {
    max-width: 450px;
  }
  .page-campaign-bundle-upgrade-9 .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper {
    margin-right: 0;
    margin-left: 0;
    padding-top: 26px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper h2 {
    /*        width: 200px;
        margin-left: -100px;*/
    text-align: center;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper--en h2 {
    width: 268px;
    margin-left: -134px;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper--en h2 img {
    width: 248px;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper .benefits-list-wrapper {
    margin-top: 15px;
    padding: 14px 10px;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper .benefits-list-wrapper .benefits-list {
    margin-top: 0;
  }
  .page-campaign-bundle-upgrade-9 .note-area {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 6px;
  }
  .page-campaign-bundle-upgrade-9 .note-area h2 {
    font-size: 14px;
    text-align: left;
  }
  .page-campaign-bundle-upgrade-9 .note-area .note-list {
    margin: 0;
  }
  .page-campaign-bundle-upgrade-9 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-bundle-upgrade-9 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-bundle-upgrade-9 .new-features {
    margin: 0 0 30px;
  }
  .page-campaign-bundle-upgrade-9 .new-features h2 {
    margin: 0 0 20px;
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-9 .new-features h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off,
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off img,
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-bundle-upgrade-9 .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #F39801 transparent transparent transparent;
  }
  .page-campaign-bundle-upgrade-9 .new-features p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-bundle-upgrade-9 .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-bundle-upgrade-9 .new-features .auto-adjust {
    margin-bottom: 0;
  }
  .page-campaign-bundle-upgrade-9 .new-features .auto-adjust__image {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: center;
  }
  .page-campaign-bundle-upgrade-9 .pro-features {
    margin: 0 0 20px;
  }
  .page-campaign-bundle-upgrade-9 .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-bundle-upgrade-9 .pro-features .features-list > li {
    padding: 10px 10px 10px 24px;
  }
  .page-campaign-bundle-upgrade-9 .dsp9-area {
    margin-top: 30px;
    padding-right: 0;
    padding-left: 0;
  }



  /*    .page-campaign-bundle-upgrade-9 .btn-buy,*/
  .page-campaign-bundle-upgrade-9 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-bundle-upgrade-9 .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
  .page-campaign-bundle-upgrade-9 .btn-list {
    display: none;
  }
  .page-campaign-bundle-upgrade-9 .flex div {
    width: 85%;
  }
  .page-campaign-bundle-upgrade-9 .flex div.flex-right {
    width: 45px;
    margin-left: auto;
    text-align: right;
  }
  .page-campaign-bundle-upgrade-9 .inline-block {
    display: inline-block;
    margin-left: 3px;
  }
  .page-campaign-bundle-upgrade-9 .flex-right img {
    width: 17px;
    height: auto;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper--en .benefits-title {
    width: 65%;
  }
  .page-campaign-bundle-upgrade-9 .benefits-wrapper--en .benefits-title h2 {
    width: auto;
    margin-left: 0;
  }
}

/* winter-sale-2019 */
.page-campaign-winter-sale-2019 small {
  font-size: smaller;
}
.page-campaign-winter-sale-2019 .main-image {
  text-align: center;
}
.page-campaign-winter-sale-2019 .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-winter-sale-2019 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-winter-sale-2019 .summary h2 {
  border-radius: 10px;
  background-color: #0087D1;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2019 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #0087D1;
}
.page-campaign-winter-sale-2019 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-winter-sale-2019 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-winter-sale-2019 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-winter-sale-2019 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}

.page-campaign-winter-sale-2019 .about-silkypix {
  width: 80%;
  margin: auto;
  padding: 20px 30px;
  background-color: #BAE3F9;
}
.page-campaign-winter-sale-2019 .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-winter-sale-2019 .about-silkypix sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-winter-sale-2019 .before-after-samples {
  width: 660px;
  margin: 0 auto 40px;
}
.page-campaign-winter-sale-2019 .before-after-samples h2 {
  margin: 60px -30px 20px;
  padding: 12px 0;
  background-color: #55C3F1;
  font-size: 20px;
  text-align: center;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off,
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off img,
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off figcaption,
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 0 10px #333333;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-winter-sale-2019 .before-after-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-winter-sale-2019 .before-after-samples p {
  margin-bottom: 10px;
  font-size: 18px;
}
.page-campaign-winter-sale-2019 .before-after-samples p.hover-change-image-note {
  margin-top: 4px;
  margin-bottom: 40px;
  font-size: 14px;
  text-align: right;
}
.page-campaign-winter-sale-2019 .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-winter-sale-2019 .btn-list {
  font-size: 0;
}
.page-campaign-winter-sale-2019 .btn-list li {
  display: inline-block;
  width: 328px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-winter-sale-2019 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-winter-sale-2019 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-winter-sale-2019 .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-winter-sale-2019 .dsp9-area,
.page-campaign-winter-sale-2019 .ds9-area,
.page-campaign-winter-sale-2019 .jp9-area {
  margin: 40px auto 0;
  padding: 0 28px 40px;
}
.page-campaign-winter-sale-2019 .dsp9-area p,
.page-campaign-winter-sale-2019 .ds9-area p,
.page-campaign-winter-sale-2019 .jp9-area p {
  margin: 10px auto;
}
.page-campaign-winter-sale-2019 .dsp9-area {
  border-bottom: 1px solid #CCCCCC;
}
.page-campaign-winter-sale-2019 .dsp9-area .btn-buy {
  background-color: #C29B34;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2019 .dsp9-area .btn-buy:hover {
  background-color: #D2B569;
}
.page-campaign-winter-sale-2019 .dsp9-area .btn-sub {
  border-color: #C29B34;
  color: #C29B34;
}
.page-campaign-winter-sale-2019 .dsp9-area .btn-sub:hover {
  border-color: #D2B569;
  color: #D2B569;
}

.page-campaign-winter-sale-2019 .ds9-area .btn-buy {
  background-color: #823180;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2019 .ds9-area .btn-buy:hover {
  background-color: #9F619D;
}
.page-campaign-winter-sale-2019 .ds9-area .btn-sub {
  border-color: #823180;
  color: #823180;
}
.page-campaign-winter-sale-2019 .ds9-area .btn-sub:hover {
  border-color: #9F619D;
  color: #9F619D;
}

.page-campaign-winter-sale-2019 .details-area {
  width: 90%;
  margin: auto;
}
.page-campaign-winter-sale-2019 .details-area .btn-sub {
  border-color: #0087D1;
  color: #0087D1;
}
.page-campaign-winter-sale-2019 .details-area .btn-sub:hover {
  border-color: #55C3F1;
  color: #55C3F1;
}

.page-campaign-winter-sale-2019 .jp9-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2019 .jp9-area .btn-buy:hover {
  background-color: #469F8E;
}
.page-campaign-winter-sale-2019 .jp9-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-winter-sale-2019 .jp9-area .btn-sub:hover {
  border-color: #469F8E;
  color: #469F8E;
}


@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-winter-sale-2019 .main-image img {
    max-width: 450px;
  }
  .page-campaign-winter-sale-2019 .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-winter-sale-2019 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-winter-sale-2019 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-winter-sale-2019 .about-silkypix {
    width: 90%;
    margin: auto;
    padding: 20px 30px;
    background-color: #BAE3F9;
  }
  .page-campaign-winter-sale-2019 .before-after-samples {
    width: auto;
    margin: 0;
  }
  .page-campaign-winter-sale-2019 .before-after-samples h2 {
    margin: 60px -15px 20px;
    padding: 12px 10px;
    font-size: 18px;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image {
    position: static;
    height: auto;
    margin-bottom: 40px;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off,
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off img,
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-off figcaption,
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-winter-sale-2019 .before-after-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #C29B34 transparent transparent transparent;
  }
  .page-campaign-winter-sale-2019 .before-after-samples p {
    font-size: 16px;
  }
  .page-campaign-winter-sale-2019 .before-after-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-winter-sale-2019 .btn-buy,
  .page-campaign-winter-sale-2019 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-winter-sale-2019 .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-winter-sale-2019 .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
  .page-campaign-winter-sale-2019 .details-area {
    width: 90%;
    margin: auto;
  }
}

/* page-campaign-holidaysupersale-2019 */
.page-campaign-holidaysupersale-2019 {
  box-sizing: content-box;
}
.page-campaign-holidaysupersale-2019 section {
  display: block;
  margin: 20px auto;
}
.page-campaign-holidaysupersale-2019 section:after {
  display: block;
  clear: both;
  content: "";
}
.page-campaign-holidaysupersale-2019 section:before {
  display: block;
  clear: both;
  content: "";
}
.page-campaign-holidaysupersale-2019.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.page-campaign-holidaysupersale-2019 input,
.page-campaign-holidaysupersale-2019 button,
.page-campaign-holidaysupersale-2019 textarea,
.page-campaign-holidaysupersale-2019 select {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  color: #555555;
  font-weight: 600;
  outline: none;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.page-campaign-holidaysupersale-2019 input:hover,
.page-campaign-holidaysupersale-2019 button:hover,
.page-campaign-holidaysupersale-2019 textarea:hover,
.page-campaign-holidaysupersale-2019 select:hover {
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2019 h2 {
  font-size: 1.2em;
}
.page-campaign-holidaysupersale-2019 .indent1 {
  text-indent: 1em;
}
.page-campaign-holidaysupersale-2019 .indent2 {
  text-indent: 2em;
}
.page-campaign-holidaysupersale-2019 .indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.page-campaign-holidaysupersale-2019 .small {
  font-size: .8em;
}
.page-campaign-holidaysupersale-2019 .big {
  font-size: 1.4em;
}
.page-campaign-holidaysupersale-2019 .suptext {
  position: relative;
  top: -.1em;
  color: #555555;
  font-size: .7em;
  vertical-align: top;
}
.page-campaign-holidaysupersale-2019 .b {
  font-weight: 600;
}
.page-campaign-holidaysupersale-2019 .text-right {
  text-align: end;
}
.page-campaign-holidaysupersale-2019 .pinkalmond {
  color: #E3ACAE;
}
.page-campaign-holidaysupersale-2019 .winered {
  color: #B33E5C;
}
.page-campaign-holidaysupersale-2019 .opera {
  color: #E95388;
}
.page-campaign-holidaysupersale-2019 .intro-wrap {
  display: block;
  width: 95%;
  margin: 30px auto;
  padding: 10px;
/*  background-image: linear-gradient(#eaeaea 0%, #c6c6c6 100%);*/
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .14);
  background: #FAFDFF;
  font-size: 1.2em;
}
.page-campaign-holidaysupersale-2019 .intro-title {
  position: relative;
          transform: rotate(-3deg) skew(-3deg);
  margin: -5px -22px 5px;
  padding: 7px;
  background-image: linear-gradient(135deg, #A79756, #FAF8C5, #A79756);
  color: #555555;
  text-align: center;

  -webkit-transform: rotate(-3deg) skew(-3deg);
     -moz-transform: rotate(-3deg) skew(-3deg);
       -o-transform: rotate(-3deg) skew(-3deg);
}
.page-campaign-holidaysupersale-2019 .intro-title:before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-width: 0 0 5px 10px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #8F865F;
  content: " ";
}
.page-campaign-holidaysupersale-2019 .intro-title:after {
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 0;
  border-width: 5px 10px 0 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: #8F865F;
  content: " ";
}
.page-campaign-holidaysupersale-2019 .intro-word {
  margin-top: 20px;
  padding: 5px;
}
.page-campaign-holidaysupersale-2019 .intro-title h2 {
  font-weight: 700;
  font-size: 1.3em;
}
.page-campaign-holidaysupersale-2019 .overview-wrap {
  position: relative;
  width: 90%;
  margin: 10px auto;
  padding: 15px;
  border: 1px solid #EEEEEE;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  background: #FFFFFF;
}
.page-campaign-holidaysupersale-2019 .overview-wrap:before,
.page-campaign-holidaysupersale-2019 .overview-wrap:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  background: #FFFFFF;
  content: "";
}
.page-campaign-holidaysupersale-2019 .overview-wrap:before {
          transform: rotate(-3deg);

  -webkit-transform: rotate(-3deg);
}
.page-campaign-holidaysupersale-2019 .overview-wrap:after {
          transform: rotate(3deg);

  -webkit-transform: rotate(3deg);
}
.page-campaign-holidaysupersale-2019 .overview-title {
  margin-top: 15px;
  border-bottom: 3px solid #A4C1D7;
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .overview-title h2 {
  color: #626063;
  font-size: 1.2em;
  line-height: 1.1em;
}
.page-campaign-holidaysupersale-2019 .overview-list {
  padding: 15px;
}
.page-campaign-holidaysupersale-2019 .overview-list dl dt {
  margin-top: 10px;
  border-bottom: 1px dotted #CCCCCC;
  font-weight: 600;
}
.page-campaign-holidaysupersale-2019 .overview-list dl dt:first-child {
  margin-top: 0;
}
.page-campaign-holidaysupersale-2019 .overview-list dl dd {
  margin-top: 5px;
}
.page-campaign-holidaysupersale-2019 .overview-list dl dd.dot:before {
  position: relative;
  top: -.1em;
  font-size: .8em;
  vertical-align: middle;
  content: "● ";
}
.page-campaign-holidaysupersale-2019 .overview-list dl ul {
  font-weight: 500;
  text-indent: 1.5em;
}
.page-campaign-holidaysupersale-2019 .explanation {
  width: 95%;
  margin: 30px auto;
}
.page-campaign-holidaysupersale-2019 .before-after-samples {
  width: 95%;
  margin: 10px auto;
}
.page-campaign-holidaysupersale-2019 .before-after-samples h2 {
  color: #A4C1D7;
  font-weight: 600;
  font-size: 1.3em;
  text-decoration: none;
  text-shadow: 0 4px 2px rgba(85, 85, 85, .32), 0 1px 0 #6182CA, 0 2px 0 #4F6AA7, 0 3px 0 #5470AD;
}
.page-campaign-holidaysupersale-2019 .before-after-samples p {
  margin-top: 15px;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image {
  position: relative;
  height: 440px;
  margin: 0 auto;
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off,
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
  margin: 0 auto;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off img,
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off figcaption,
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 0 10px #333333;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-holidaysupersale-2019 .sales-wrap {
  width: 95%;
  margin: 10px auto;
}
.page-campaign-holidaysupersale-2019 .sales-wrap h2 {
  padding-top: 10px;
  background: linear-gradient( to right,  rgba(38,147,201,1) 25%, rgba(230,47,139,1) 75% );
  color: transparent;
  font-weight: 600;
  font-size: 1.2em;

  -webkit-background-clip: text;
}
.page-campaign-holidaysupersale-2019 .sales-wrap h2,
.page-campaign-holidaysupersale-2019 .sales-wrap p {
  width: 95%;
  margin: 0 auto;
  text-align: initial;
}
.page-campaign-holidaysupersale-2019 .sales-wrap picture {
  margin: 0 auto;
  text-align: center;
}

.page-campaign-holidaysupersale-2019 .sales-area {
  width: 95%;
  margin: 15px auto;
}
.page-campaign-holidaysupersale-2019 .sales-area .buy {
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .sales-area .buy:hover {
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2019 .btn-open {
  display: inline-block;
/*    border: 2px solid #a4c1d7;*/
  /*    border:2px solid #faf8c5;*/
  position: relative;
  z-index: 1;
  width: 99%;
  height: 50px;
  overflow: hidden;
/*    background-color: #a4c1d7;*/
  background-image: linear-gradient(135deg, #A79756, #FAF8C5, #A79756);
/*    color: #FFF;*/
  color: #555555;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.7em;
  text-decoration: none;
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .btn-open:after {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 100%;
  height: 0;
/*    background : #555;*/
  background-image: linear-gradient(to top left, #101F1C, #143F38, #2B645B, #5D9F95, #1F514E);
  content: "";
  transition: .2s;
}
.page-campaign-holidaysupersale-2019 .btn-open:hover {
  /*    color: #a4c1d7;*/
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2019 .btn-open:hover:after {
  opacity: 1;
  height: 240%;
}
.page-campaign-holidaysupersale-2019 .btn-open:active:after {
  opacity: 1;
  height: 340%;
}
.page-campaign-holidaysupersale-2019 .flex {
  display: -webkit-box;
  display:    -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:    -moz-flex;
  display:         flex;
          flex-direction: row;

  -webkit-box-direction: normal;
     -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
     -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
     -moz-flex-direction: row;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list:hover {
  border: 2px dotted #FFFFFF;
  background-color: #D5E2EB;
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list:first-child {
  margin-right: 5px;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list:last-child {
  margin-left: 5px;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list {
  width: 100%;
  padding: 10px;
  border: 2px dotted #FFFFFF;
  background-color: #E6EEF3;
  color: #555555;
  font-size: 1.5em;
  line-height: 1.1em;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list:visited {
  color: #555555;
  text-decoration: none;
}
.page-campaign-holidaysupersale-2019 .flex a.btn-list:hover {
  color: #555555;
  text-decoration: none;
}
.page-campaign-holidaysupersale-2019 .btn-trial {
  margin-top: 5px;
  text-align: center;
}

.page-campaign-holidaysupersale-2019 .btn-trial a {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  background-color: #CFE2DD;
  color: #555555;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .btn-trial a:hover {
  background-color: #A5C9C1;
}

.page-campaign-holidaysupersale-2019 .differences {
  width: 90%;
  margin: 20px auto;
  padding: 10px;
  overflow: hidden;
  border: 3px dotted #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  background-color: #7D7B83;
  text-align: center;
}
.page-campaign-holidaysupersale-2019 .differences:hover {
  background-color: #4D4C51;
}

.page-campaign-holidaysupersale-2019 .differences a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.5em;
  line-height: 1.2em;
  text-decoration: none;
}

.page-campaign-holidaysupersale-2019 hr.stripe {
  height: 5px;
  border: 0;
  background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 5px, #143F38 5px, #143F38 10px);
}


@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-holidaysupersale-2019 section {
    margin: 10px auto;
  }
  .page-campaign-holidaysupersale-2019 .btn-trial {
    display: none;
  }
  .page-campaign-holidaysupersale-2019 .overview-wrap:before,
  .page-campaign-holidaysupersale-2019 .overview-wrap:after {
    display: none;
  }
  .page-campaign-holidaysupersale-2019 .intro-title h2 {
    font-size: 1.2em;
  }
  .page-campaign-holidaysupersale-2019 .intro-word {
    margin-top: 10px;
    font-size: .9em;
  }
  .page-campaign-holidaysupersale-2019 .overview-title {
    margin-top: 10px;
  }
  .page-campaign-holidaysupersale-2019 .explanation {
    margin: 10px auto;
  }
  .page-campaign-holidaysupersale-2019 .overview-list {
    padding: 5px;
  }
  .page-campaign-holidaysupersale-2019 .overview-list dl ul {
    padding-left: 1em;
    font-weight: 500;
    text-indent: -1em;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image {
    position: static;
    height: auto;
    margin-bottom: 40px;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off,
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off img,
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-off figcaption,
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 25px 45px 0 45px;
    border-style: solid;
    border-color: #A4C1D7 transparent transparent transparent;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples p {
    font-size: 16px;
  }
  .page-campaign-holidaysupersale-2019 .before-after-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-holidaysupersale-2019 .sales-wrap {
    width: 100%;
    text-align: center;
  }
  .page-campaign-holidaysupersale-2019 .sales-wrap h2 {
    margin-top: 10px;
  }
}

/* dsp10-release-sale */
.page-campaign-dsp10-release-sale small {
  font-size: smaller;
}
.page-campaign-dsp10-release-sale .main-image {
  text-align: center;
}
.page-campaign-dsp10-release-sale .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 18px;
}
.page-campaign-dsp10-release-sale .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-dsp10-release-sale .summary h2 {
  border-radius: 10px;
  background-color: #CB3332;
  color: #FFFFFF;
}
.page-campaign-dsp10-release-sale .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #CB3332;
}
.page-campaign-dsp10-release-sale .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp10-release-sale .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp10-release-sale .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-dsp10-release-sale .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-dsp10-release-sale .summary dl dd.summary__details ul p {
  position: relative;
  margin: 1em 0 1em 1.5em;
}
.page-campaign-dsp10-release-sale .summary dl dd.summary__details ul p::before {
  display: block;
  position: absolute;
  top: .75em;
  left: -1em;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 2px;
  background-color: #A0A0A0;
  content: "";
}
.page-campaign-dsp10-release-sale .pro-features {
  margin: 40px 10px;
  border: 2px solid #CB3332;
  border-radius: 10px;
}
.page-campaign-dsp10-release-sale .pro-features h2 {
  position: relative;
  padding: 12px 1em;
  border-bottom: 2px solid #CB3332;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp10-release-sale .pro-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #CB3332;
}
.page-campaign-dsp10-release-sale .pro-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-dsp10-release-sale .pro-features .features-list > li:first-child {
  border-top-width: 0;
}
.page-campaign-dsp10-release-sale .pro-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-dsp10-release-sale .pro-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-dsp10-release-sale .dsp10-area p {
  margin-top: 1em;
  font-size: 14px;
}
.page-campaign-dsp10-release-sale .btn-buy {
  position: relative;
  width: 100%;
  margin: 10px 0 0;
  padding: 17px 0;
}
.page-campaign-dsp10-release-sale .btn-list {
  font-size: 0;
}
.page-campaign-dsp10-release-sale .btn-list li {
  display: block;
  margin-top: 10px;
}
.page-campaign-dsp10-release-sale .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-dsp10-release-sale .btn-dl--en {
  padding: 5px 0;
}
.page-campaign-dsp10-release-sale .dsp10-area {
  padding: 0 28px;
}
.page-campaign-dsp10-release-sale .dsp10-area .btn-buy {
  background-color: #CB3332;
  color: #FFFFFF;
}
.page-campaign-dsp10-release-sale .dsp10-area .btn-buy:hover {
  background-color: #F23D3D;
}
.page-campaign-dsp10-release-sale .dsp10-area .btn-sub {
  border-color: #CB3332;
  color: #CB3332;
}
.page-campaign-dsp10-release-sale .dsp10-area .btn-sub:hover {
  border-color: #F23D3D;
  color: #F23D3D;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp10-release-sale .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp10-release-sale .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 16px;
  }
  .page-campaign-dsp10-release-sale .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp10-release-sale .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    border-radius: 6px;
  }
  .page-campaign-dsp10-release-sale .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp10-release-sale .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-campaign-dsp10-release-sale .dsp10-area {
    margin-top: 30px;
    padding: 0;
  }
  .page-campaign-dsp10-release-sale .btn-buy,
  .page-campaign-dsp10-release-sale .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp10-release-sale .btn-buy {
    padding: 16px 0;
  }
  .page-campaign-dsp10-release-sale .btn-sub {
    width: auto;
    margin: 0;
    padding: 12px 0;
  }
}
/* dsp10-bundle-upgrade */
.page-campaign-dsp10-bundle-upgrade small {
  font-size: smaller;
}
.page-campaign-dsp10-bundle-upgrade sup {
  font-size: 62.5%;
}
.page-campaign-dsp10-bundle-upgrade .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-dsp10-bundle-upgrade .main-image {
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-dsp10-bundle-upgrade .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper {
  position: relative;
  margin: 40px 40px 0;
  padding: 32px 21px 16px;
  border: 3px solid #3EB370;
  border-radius: 10px;
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper h2 {
  position: absolute;
  top: -12px;
  left: 5%;
  width: 90%;
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper--en h2 {
  top: -15px;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper .benefits-list {
  display: inline-block;
  margin-left: 20px;
  text-align: left;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper .benefits-list li {
  list-style: decimal;
  margin-top: 10px;
}
.page-campaign-dsp10-bundle-upgrade .benefits-wrapper .benefits-list li:first-child {
  margin-top: 0;
}
.page-campaign-dsp10-bundle-upgrade .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #016E53;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-upgrade .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-dsp10-bundle-upgrade .note-area h2 sup {
  display: inline-block;
}
.page-campaign-dsp10-bundle-upgrade .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-dsp10-bundle-upgrade .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-dsp10-bundle-upgrade .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-dsp10-bundle-upgrade .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-dsp10-bundle-upgrade .note-area--en h2 {
  text-align: left;
}
.page-campaign-dsp10-bundle-upgrade .note-area--en .note-list {
  margin: 0;
}
.page-campaign-dsp10-bundle-upgrade .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-dsp10-bundle-upgrade .summary h2 {
  border-radius: 10px;
  background-color: #3EB370;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-upgrade .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #3EB370;
}
.page-campaign-dsp10-bundle-upgrade .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp10-bundle-upgrade .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp10-bundle-upgrade .new-features {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-dsp10-bundle-upgrade .new-features h2 {
  margin: 60px 0 20px;
  padding: 10px 0;
  border: 9px double #3EB370;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .new-features h2 span {
  display: inline-block;
}
.page-campaign-dsp10-bundle-upgrade .new-features h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #3EB370 !important;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .new-features figure {
  margin: 0;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image {
  position: relative;
  height: 480px;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off,
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 480px;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off img,
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off figcaption,
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-dsp10-bundle-upgrade .new-features p {
  margin: 10px 2em 40px;
}
.page-campaign-dsp10-bundle-upgrade .new-features p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-dsp10-bundle-upgrade .new-features--en h3 {
  width: 600px;
}
.page-campaign-dsp10-bundle-upgrade .pro-features {
  margin: 40px 0 20px;
  border: 2px solid #3EB370;
  border-radius: 10px;
}
.page-campaign-dsp10-bundle-upgrade .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp10-bundle-upgrade .pro-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 4em;
  border-top: 2px dashed #3EB370;
}
.page-campaign-dsp10-bundle-upgrade .pro-features .features-list > li::before {
  position: absolute;
  left: 3em;
  content: "\0030fb";
}
.page-campaign-dsp10-bundle-upgrade .pro-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-dsp10-bundle-upgrade .pro-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-dsp10-bundle-upgrade .pro-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-dsp10-bundle-upgrade .btn-buy {
  width: auto;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-dsp10-bundle-upgrade .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-dsp10-bundle-upgrade .btn-list {
  font-size: 0;
}
.page-campaign-dsp10-bundle-upgrade .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-dsp10-bundle-upgrade .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-dsp10-bundle-upgrade .btn-dl {
  margin-top: 10px;
}
.page-campaign-dsp10-bundle-upgrade .dsp10-area {
  padding: 0 28px;
}
.page-campaign-dsp10-bundle-upgrade .dsp10-area .btn-buy {
  background-color: #3EB370;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-upgrade .dsp10-area .btn-buy:hover {
  background-color: #318C59;
}
.page-campaign-dsp10-bundle-upgrade .dsp10-area .btn-sub {
  border-color: #3EB370;
  color: #3EB370;
}
.page-campaign-dsp10-bundle-upgrade .dsp10-area .btn-sub:hover {
  border-color: #318C59;
  color: #318C59;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp10-bundle-upgrade .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp10-bundle-upgrade .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-dsp10-bundle-upgrade .benefits-wrapper {
    margin-top: 26px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 26px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .page-campaign-dsp10-bundle-upgrade .benefits-wrapper .benefits-list-wrapper {
    margin-top: 15px;
    padding: 14px 10px;
  }
  .page-campaign-dsp10-bundle-upgrade .benefits-wrapper .benefits-list-wrapper .benefits-list {
    margin-top: 0;
  }
  .page-campaign-dsp10-bundle-upgrade .note-area {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 6px;
  }
  .page-campaign-dsp10-bundle-upgrade .note-area h2 {
    font-size: 14px;
    text-align: left;
  }
  .page-campaign-dsp10-bundle-upgrade .note-area .note-list {
    margin: 0;
  }
  .page-campaign-dsp10-bundle-upgrade .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp10-bundle-upgrade .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features {
    width: auto;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features h2 {
    margin: 0 0 20px;
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off,
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off img,
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #016E53 transparent transparent transparent;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-dsp10-bundle-upgrade .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-dsp10-bundle-upgrade .pro-features {
    margin: 0 0 20px;
  }
  .page-campaign-dsp10-bundle-upgrade .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-upgrade .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-dsp10-bundle-upgrade .pro-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-dsp10-bundle-upgrade .dsp10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-dsp10-bundle-upgrade .btn-buy,
  .page-campaign-dsp10-bundle-upgrade .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp10-bundle-upgrade .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-dsp10-bundle-upgrade .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-dsp10-bundle-upgrade .btn-list li:first-child {
    margin-right: 0;
  }
}
/* ds10-release-sale */
.page-campaign-ds10-release-sale small {
  font-size: smaller;
}
.page-campaign-ds10-release-sale sup {
  font-size: 62.5%;
}
.page-campaign-ds10-release-sale .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-ds10-release-sale .main-image {
  text-align: center;
}
.page-campaign-ds10-release-sale .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-ds10-release-sale .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-ds10-release-sale .summary h2 {
  border-radius: 10px;
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-ds10-release-sale .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #823080;
}
.page-campaign-ds10-release-sale .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-ds10-release-sale .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-ds10-release-sale .summary dl dd.summary__details ul li {
  margin-bottom: 24px;
}
.page-campaign-ds10-release-sale .summary dl dd.summary__details h3 {
  margin-bottom: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.page-campaign-ds10-release-sale .new-features {
  margin: 40px 30px 20px;
  border: 2px solid #823080;
  border-radius: 10px;
}
.page-campaign-ds10-release-sale .new-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-ds10-release-sale .new-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 4em;
  border-top: 2px dashed #823080;
}
.page-campaign-ds10-release-sale .new-features .features-list > li::before {
  position: absolute;
  left: 3em;
  content: "\0030fb";
}
.page-campaign-ds10-release-sale .new-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-ds10-release-sale .new-features .features-list > li.feature-etc {
  text-align: right;
}
.page-campaign-ds10-release-sale .new-features .features-list > li.feature-etc::before {
  content: none;
}
.page-campaign-ds10-release-sale .new-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-ds10-release-sale .new-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-ds10-release-sale .feature-samples {
  width: 660px;
  margin: 0 auto;
}
.page-campaign-ds10-release-sale .feature-samples figure {
  margin: 0;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image {
  position: relative;
  height: 440px;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off,
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
  height: 440px;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off img,
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 660px;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-ds10-release-sale .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-ds10-release-sale .feature-samples p {
  margin: 10px 2em 40px;
}
.page-campaign-ds10-release-sale .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-ds10-release-sale .feature-samples--en h3 {
  width: 600px;
}
.page-campaign-ds10-release-sale .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-ds10-release-sale .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-ds10-release-sale .btn-comparison {
  margin: 20px 30px;
  border-width: 2px;
  border-color: #823080;
  color: #823080;
  font-size: 18px;
}
.page-campaign-ds10-release-sale .btn-comparison:hover {
  border-color: #9C499A;
  color: #9C499A;
}
.page-campaign-ds10-release-sale .btn-comparison span {
  display: inline-block;
}
.page-campaign-ds10-release-sale .btn-list {
  font-size: 0;
}
.page-campaign-ds10-release-sale .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-ds10-release-sale .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-ds10-release-sale .btn-dl,
.page-campaign-ds10-release-sale .btn-bundle {
  margin-top: 10px;
}
.page-campaign-ds10-release-sale .ds10-area {
  padding: 0 28px;
}
.page-campaign-ds10-release-sale .ds10-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-ds10-release-sale .ds10-area .btn-buy:hover {
  background-color: #9C499A;
}
.page-campaign-ds10-release-sale .ds10-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-ds10-release-sale .ds10-area .btn-sub:hover {
  border-color: #9C499A;
  color: #9C499A;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-ds10-release-sale .main-image img {
    max-width: 450px;
  }
  .page-campaign-ds10-release-sale .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-ds10-release-sale .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-ds10-release-sale .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-ds10-release-sale .new-features {
    margin: 0 0 20px;
  }
  .page-campaign-ds10-release-sale .new-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-ds10-release-sale .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-ds10-release-sale .new-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-ds10-release-sale .feature-samples {
    width: auto;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off,
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off img,
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-ds10-release-sale .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #F39800 transparent transparent transparent;
  }
  .page-campaign-ds10-release-sale .feature-samples p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-ds10-release-sale .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-ds10-release-sale .ds10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-ds10-release-sale .btn-buy,
  .page-campaign-ds10-release-sale .btn-sub {
    font-size: 18px;
  }
  .page-campaign-ds10-release-sale .btn-comparison {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-ds10-release-sale .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-ds10-release-sale .btn-list li:first-child {
    margin-right: 0;
  }
}
/* summer-sale-2020 */
.page-campaign-summer-sale-2020 small {
  font-size: smaller;
}
.page-campaign-summer-sale-2020 sup {
  font-size: 62.5%;
}
.page-campaign-summer-sale-2020 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-summer-sale-2020 .main-image {
  text-align: center;
}
.page-campaign-summer-sale-2020 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-summer-sale-2020 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-summer-sale-2020 .summary {
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2020 .summary h2 {
  border-radius: 10px;
  background-color: #0068B6;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2020 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #0068B6;
}
.page-campaign-summer-sale-2020 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-summer-sale-2020 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-summer-sale-2020 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-summer-sale-2020 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-summer-sale-2020 .feature-samples {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-summer-sale-2020 .feature-samples h2 {
  margin: 20px 0;
  padding: 10px 0;
  border: 9px double #0068B6;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-summer-sale-2020 .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-summer-sale-2020 .feature-samples h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #0068B6 !important;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-summer-sale-2020 .feature-samples figure {
  margin: 0;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image {
  position: relative;
  height: 427px;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off,
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 427px;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off img,
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-summer-sale-2020 .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-summer-sale-2020 .feature-samples p {
  margin: 10px 2em 40px;
}
.page-campaign-summer-sale-2020 .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-summer-sale-2020 .feature-samples--en h3 {
  width: 600px;
}
.page-campaign-summer-sale-2020 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-summer-sale-2020 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-summer-sale-2020 .btn-dl {
  margin-top: 10px;
}
.page-campaign-summer-sale-2020 .dsp10-area,
.page-campaign-summer-sale-2020 .jp9-area {
  padding: 0 40px 40px;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-summer-sale-2020 .dsp10-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-summer-sale-2020 .jp9-area .btn-list li {
  margin-top: 10px;
}
.page-campaign-summer-sale-2020 .jp9-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2020 .jp9-area .btn-buy:hover {
  background-color: #0F9479;
}
.page-campaign-summer-sale-2020 .jp9-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-summer-sale-2020 .jp9-area .btn-sub:hover {
  border-color: #0F9479;
  color: #0F9479;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-summer-sale-2020 .main-image img {
    max-width: 450px;
  }
  .page-campaign-summer-sale-2020 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-summer-sale-2020 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-summer-sale-2020 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-summer-sale-2020 .feature-samples {
    width: auto;
  }
  .page-campaign-summer-sale-2020 .feature-samples h2 {
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-summer-sale-2020 .feature-samples h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off,
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off img,
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-summer-sale-2020 .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #0068B6 transparent transparent transparent;
  }
  .page-campaign-summer-sale-2020 .feature-samples p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-summer-sale-2020 .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-summer-sale-2020 .btn-buy,
  .page-campaign-summer-sale-2020 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-summer-sale-2020 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-summer-sale-2020 .dsp10-area,
  .page-campaign-summer-sale-2020 .jp9-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-summer-sale-2020 .dsp10-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-summer-sale-2020 .dsp10-area .btn-list li:first-child {
    margin-right: 0;
  }
}
/* jp10-launch-sales */
.page-campaign-jp10-launch-sales small {
  font-size: smaller;
}
.page-campaign-jp10-launch-sales sup {
  font-size: 62.5%;
}
.page-campaign-jp10-launch-sales .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-jp10-launch-sales .main-image {
  text-align: center;
}
.page-campaign-jp10-launch-sales .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-jp10-launch-sales .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-jp10-launch-sales .summary {
  margin-bottom: 40px;
}
.page-campaign-jp10-launch-sales .summary h2 {
  border-radius: 10px;
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-jp10-launch-sales .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #007B63;
}
.page-campaign-jp10-launch-sales .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-jp10-launch-sales .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-jp10-launch-sales .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-jp10-launch-sales .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-jp10-launch-sales .feature-samples {
  width: 620px;
  margin: 0 auto;
}
.page-campaign-jp10-launch-sales .feature-samples h2 {
  margin: 40px -10px 20px;
  padding: 8px 0;
  border: 9px double #007B63;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.page-campaign-jp10-launch-sales .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-jp10-launch-sales .feature-samples h3 {
  position: relative;
  margin-top: 3em;
  margin-bottom: 0 !important;
  padding: 0 0 0 1em !important;
  background-color: transparent !important;
  font-size: 16px;
}
.page-campaign-jp10-launch-sales .feature-samples h3::before {
  position: absolute;
  top: .375em;
  left: 0;
  width: .75em;
  height: .75em;
  background-color: #007B63;
  content: "";
}
.page-campaign-jp10-launch-sales .feature-samples h3 span {
  display: inline-block;
}
.page-campaign-jp10-launch-sales .feature-samples figure {
  margin: 0;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image {
  position: relative;
  height: 413px;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off,
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 413px;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off img,
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-jp10-launch-sales .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-jp10-launch-sales .feature-samples p {
  margin: .5em 0;
}
.page-campaign-jp10-launch-sales .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  color: #666666;
  text-align: right;
}
.page-campaign-jp10-launch-sales .new-features {
  margin: 40px 50px 20px;
  border: 2px solid #007B63;
  border-radius: 10px;
}
.page-campaign-jp10-launch-sales .new-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-jp10-launch-sales .new-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #007B63;
}
.page-campaign-jp10-launch-sales .new-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-jp10-launch-sales .new-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-jp10-launch-sales .new-features .features-list > li.feature-etc {
  text-align: right;
}
.page-campaign-jp10-launch-sales .new-features .features-list > li.feature-etc::before {
  content: none;
}
.page-campaign-jp10-launch-sales .new-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-jp10-launch-sales .new-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-jp10-launch-sales .btn-list {
  font-size: 0;
}
.page-campaign-jp10-launch-sales .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-jp10-launch-sales .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-jp10-launch-sales .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-jp10-launch-sales .btn-sub {
  width: auto;
  margin: 0;
  padding: 15px 0;
  font-size: 18px;
}
.page-campaign-jp10-launch-sales .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-jp10-launch-sales .jp10-area {
  padding: 0 20px 40px;
}
.page-campaign-jp10-launch-sales .jp10-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-jp10-launch-sales .jp10-area .btn-buy:hover {
  background-color: #0F9479;
}
.page-campaign-jp10-launch-sales .jp10-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-jp10-launch-sales .jp10-area .btn-sub:hover {
  border-color: #0F9479;
  color: #0F9479;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-jp10-launch-sales .main-image img {
    max-width: 450px;
  }
  .page-campaign-jp10-launch-sales .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-jp10-launch-sales .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-jp10-launch-sales .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-jp10-launch-sales .feature-samples {
    width: auto;
  }
  .page-campaign-jp10-launch-sales .feature-samples h2 {
    padding: 8px;
    font-size: 16px;
  }
  .page-campaign-jp10-launch-sales .feature-samples h3 {
    margin-top: 2em;
    font-size: 15px;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off,
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off img,
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-jp10-launch-sales .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 24px 24px 0 24px;
    border-style: solid;
    border-color: #99CC33 transparent transparent transparent;
  }
  .page-campaign-jp10-launch-sales .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-jp10-launch-sales .new-features {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-jp10-launch-sales .new-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-jp10-launch-sales .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-jp10-launch-sales .new-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-jp10-launch-sales .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-jp10-launch-sales .btn-buy,
  .page-campaign-jp10-launch-sales .btn-sub {
    font-size: 18px;
  }
  .page-campaign-jp10-launch-sales .btn-sub {
    width: auto;
    margin: 0;
    padding: 14px 0;
  }
  .page-campaign-jp10-launch-sales .jp10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
}
/*lp-product-info-a*/
.lp-product-info-a * {
  box-sizing: border-box;
}
.lp-product-info-a img {
  min-width: 0;
  max-width: 100%;
}
.lp-product-info-a a,
.lp-product-info-a a:hover {
  text-decoration: none;
}
.lp-product-info-a br.pc {
  display: inline-block;
}
.lp-product-info-a br.sp {
  display: none;
}
.lp-product-info-a h2 {
  margin: 40px -10px 20px;
  padding: 8px 0;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.lp-product-info-a .pro10-area h2 {
  border: 9px double #C09A33;
}
.lp-product-info-a .ds10-area h2,
.lp-product-info-a .comparison-area h2 {
  border: 9px double #007B63;
}
.lp-product-info-a h3 {
  margin-top: 1em;
  padding: 8px 1em !important;
  border-radius: 10px;
  background-color: #C09A33 !important;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
}
.lp-product-info-a .comparison-area h3 {
  background-color: #007B63 !important;
}
.lp-product-info-a .functions-area > div {
  margin-top: 1em;
}
.lp-product-info-a .functions-area > div:first-child {
  margin-top: 0;
}
.lp-product-info-a .functions-area p {
  margin: 1em 2.5em;
}
.lp-product-info-a .product-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 2em 0;
}
.lp-product-info-a .product-area > img {
  width: 60%;
}
.lp-product-info-a .product-area > div {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 40%;
  padding: 0 .5em;
}
.lp-product-info-a .btn-sub {
  width: 100%;
  border-color: #CCCCCC;
  color: #000000;
}
.lp-product-info-a .btn-sub:hover {
  background-color: #E5E5E5;
}
.lp-product-info-a .btn-sub a {
  color: #000000;
}
.lp-product-info-a .pro10-area .btn-sub {
  border-color: #C09A33;
  color: #C09A33;
}
.lp-product-info-a .pro10-area .btn-sub a {
  color: #C09A33;
}
.lp-product-info-a .pro10-area .btn-sub:hover {
  background-color: #C09A33;
  color: #FFFFFF;
}
.lp-product-info-a .ds10-area .btn-sub {
  width: 100%;
  border-color: #823080;
  color: #823080;
}
.lp-product-info-a .ds10-area .btn-sub:hover {
  background-color: #823080;
  color: #FFFFFF;
}
.lp-product-info-a .pro10-area .btn-sub:hover a,
.lp-product-info-a .ds10-area .btn-sub:hover a {
  color: #FFFFFF;
}
.lp-product-info-a .ds10-area .btn-sub a {
  color: #823080;
}
.lp-product-info-a .ds10-area .btn-sub a:hover {
  color: #FFFFFF;
}
.lp-product-info-a .comparison-area .product-content-wrap {
  display: flex;
}
.lp-product-info-a .comparison-area .product-content {
  width: 50%;
  margin: 1em;
  padding-bottom: 1.5em;
  border: 1px solid #CCCCCC;
  box-shadow: 0 2px 6px #E2E2E2;
}
.lp-product-info-a .comparison-area .product-content p {
  margin: 0 1.5em;
}
.lp-product-info-a .comparison-area h3 img {
  width: 1em;
  height: auto;
  margin-left: .5em;
  vertical-align: middle;
}
.lp-product-info-a .comparison-area h3 a {
  color: #FFFFFF;
  text-decoration: none;
}
.lp-product-info-a hr {
  opacity: .5;
  position: relative;
  height: 1.5em;
  border: 0;
  color: black;
  line-height: 1em;
  text-align: center;
  outline: 0;
}
.lp-product-info-a hr:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, transparent, #818078, transparent);
  background:         linear-gradient(to right, transparent, #818078, transparent);
  content: "";
}
.lp-product-info-a hr:after {
  display: inline-block;
  position: relative;
  padding: 0 .5em;
  background-color: #FFFFFF;
  color: black;
  color: #818078;
  line-height: 1.75em;
  content: attr(data-content);
}
@media all and (min-width: 0) and (max-width: 767px) {
  .lp-product-info-a br.pc {
    display: none;
  }
  .lp-product-info-a br.sp {
    display: inline-block;
  }
  .lp-product-info-a h2,
  .lp-product-info-a h3 {
    font-size: 14px;
  }
  .lp-product-info-a .product-area {
    display: block;
    margin-bottom: 0;
  }
  .lp-product-info-a .product-area > img,
  .lp-product-info-a .product-area > div {
    width: 100%;
  }
  .lp-product-info-a .functions-area p {
    margin: 1em;
  }
  .lp-product-info-a .comparison-area .product-content-wrap {
    display: block;
  }
  .lp-product-info-a .comparison-area .product-content {
    width: 100%;
    margin: 1em auto;
    text-align: center;
  }
  .lp-product-info-a .comparison-area .product-content p {
    text-align: left;
  }
  .lp-product-info-a .btn-sub {
    width: 100%;
    font-size: 14px;
  }
}
/* winter-sale-2020 */
.page-campaign-winter-sale-2020 small {
  font-size: smaller;
}
.page-campaign-winter-sale-2020 sup {
  font-size: 62.5%;
}
.page-campaign-winter-sale-2020 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-winter-sale-2020 .main-image {
  text-align: center;
}
.page-campaign-winter-sale-2020 .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 16px;
}
.page-campaign-winter-sale-2020 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-winter-sale-2020 .summary {
  margin-bottom: 40px;
}
.page-campaign-winter-sale-2020 .summary h2 {
  border-radius: 10px;
  background-color: #0068B7;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2020 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #0068B7;
}
.page-campaign-winter-sale-2020 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-winter-sale-2020 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-winter-sale-2020 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-winter-sale-2020 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-winter-sale-2020 .feature-samples {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-winter-sale-2020 .feature-samples h2 {
  margin: 20px 0;
  padding: 10px 0;
  border: 9px double #0068B7;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-winter-sale-2020 .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-winter-sale-2020 .feature-samples h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #0068B7 !important;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-winter-sale-2020 .feature-samples figure {
  margin: 0;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image {
  position: relative;
  height: 427px;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off,
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 427px;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off img,
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-winter-sale-2020 .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-winter-sale-2020 .feature-samples p {
  margin: 10px 2em 40px;
}
.page-campaign-winter-sale-2020 .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-winter-sale-2020 .feature-samples--en h3 {
  width: 600px;
}
.page-campaign-winter-sale-2020 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.page-campaign-winter-sale-2020 .details-area .btn-sub {
  border-color: #0068B7;
  color: #0068B7;
}
.page-campaign-winter-sale-2020 .details-area .btn-sub:hover {
  border-color: #3386C5;
  color: #3386C5;
}
.page-campaign-winter-sale-2020 .about-silkypix {
  width: 80%;
  margin: auto;
  margin-bottom: 40px;
  padding: 20px 30px;
  border-radius: 10px;
  background-color: #CEE2F1;
}
.page-campaign-winter-sale-2020 .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-winter-sale-2020 .about-silkypix sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-winter-sale-2020 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-winter-sale-2020 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-winter-sale-2020 .btn-dl {
  margin-top: 10px;
}
.page-campaign-winter-sale-2020 .dsp10-area,
.page-campaign-winter-sale-2020 .ds10-area {
  padding: 0 40px 40px;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-list,
.page-campaign-winter-sale-2020 .ds10-area .btn-list {
  font-size: 0;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-list li,
.page-campaign-winter-sale-2020 .ds10-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-list li:first-child,
.page-campaign-winter-sale-2020 .ds10-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-winter-sale-2020 .dsp10-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-winter-sale-2020 .ds10-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2020 .ds10-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-winter-sale-2020 .ds10-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-winter-sale-2020 .ds10-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-winter-sale-2020 .main-image img {
    max-width: 450px;
  }
  .page-campaign-winter-sale-2020 .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
  }
  .page-campaign-winter-sale-2020 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-winter-sale-2020 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-winter-sale-2020 .feature-samples {
    width: auto;
  }
  .page-campaign-winter-sale-2020 .feature-samples h2 {
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-winter-sale-2020 .feature-samples h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off,
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off img,
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-winter-sale-2020 .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #0068B7 transparent transparent transparent;
  }
  .page-campaign-winter-sale-2020 .feature-samples p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-winter-sale-2020 .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-winter-sale-2020 .details-area {
    width: 90%;
  }
  .page-campaign-winter-sale-2020 .about-silkypix {
    width: 90%;
    padding: 20px 30px;
    box-sizing: border-box;
  }
  .page-campaign-winter-sale-2020 .btn-buy,
  .page-campaign-winter-sale-2020 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-winter-sale-2020 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-winter-sale-2020 .dsp10-area,
  .page-campaign-winter-sale-2020 .ds10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-winter-sale-2020 .dsp10-area .btn-list li,
  .page-campaign-winter-sale-2020 .ds10-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-winter-sale-2020 .dsp10-area .btn-list li:first-child,
  .page-campaign-winter-sale-2020 .ds10-area .btn-list li:first-child {
    margin-right: 0;
  }
}
/* holidaysupersale-2020 */
.page-campaign-holidaysupersale-2020 small {
  font-size: smaller;
}
.page-campaign-holidaysupersale-2020 sup {
  font-size: 62.5%;
}
.page-campaign-holidaysupersale-2020 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-holidaysupersale-2020 .main-image {
  text-align: center;
}
.page-campaign-holidaysupersale-2020 .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 16px;
}
.page-campaign-holidaysupersale-2020 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-holidaysupersale-2020 .summary {
  margin-bottom: 40px;
}
.page-campaign-holidaysupersale-2020 .summary h2 {
  border-radius: 10px;
  background-color: #0068B7;
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2020 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #0068B7;
}
.page-campaign-holidaysupersale-2020 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-holidaysupersale-2020 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-holidaysupersale-2020 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-holidaysupersale-2020 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-holidaysupersale-2020 .feature-samples {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-holidaysupersale-2020 .feature-samples h2 {
  margin: 20px 0;
  padding: 10px 0;
  border: 9px double #0068B7;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-holidaysupersale-2020 .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-holidaysupersale-2020 .feature-samples h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #0068B7 !important;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-holidaysupersale-2020 .feature-samples figure {
  margin: 0;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image {
  position: relative;
  height: 427px;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off,
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 427px;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off img,
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-holidaysupersale-2020 .feature-samples p {
  margin: 10px 2em 40px;
}
.page-campaign-holidaysupersale-2020 .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-holidaysupersale-2020 .feature-samples--en h3 {
  width: 600px;
}
.page-campaign-holidaysupersale-2020 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.page-campaign-holidaysupersale-2020 .details-area .btn-sub {
  border-color: #0068B7;
  color: #0068B7;
}
.page-campaign-holidaysupersale-2020 .details-area .btn-sub:hover {
  border-color: #3386C5;
  color: #3386C5;
}
.page-campaign-holidaysupersale-2020 .about-silkypix {
  width: 80%;
  margin: auto;
  margin-bottom: 40px;
  padding: 20px 30px;
  border-radius: 10px;
  background-color: #CEE2F1;
}
.page-campaign-holidaysupersale-2020 .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-holidaysupersale-2020 .about-silkypix sup {
  display: inline-block;
  font-size: 10px;
}
.page-campaign-holidaysupersale-2020 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-holidaysupersale-2020 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-holidaysupersale-2020 .btn-dl {
  margin-top: 10px;
}
.page-campaign-holidaysupersale-2020 .dsp10-area,
.page-campaign-holidaysupersale-2020 .ds10-area {
  padding: 0 40px 40px;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-list,
.page-campaign-holidaysupersale-2020 .ds10-area .btn-list {
  font-size: 0;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-list li,
.page-campaign-holidaysupersale-2020 .ds10-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-list li:first-child,
.page-campaign-holidaysupersale-2020 .ds10-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-holidaysupersale-2020 .dsp10-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-holidaysupersale-2020 .ds10-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-holidaysupersale-2020 .ds10-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-holidaysupersale-2020 .ds10-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-holidaysupersale-2020 .ds10-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-holidaysupersale-2020 .main-image img {
    max-width: 450px;
  }
  .page-campaign-holidaysupersale-2020 .intro {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
  }
  .page-campaign-holidaysupersale-2020 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-holidaysupersale-2020 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples {
    width: auto;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples h2 {
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off,
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off img,
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #0068B7 transparent transparent transparent;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-holidaysupersale-2020 .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-holidaysupersale-2020 .details-area {
    width: 90%;
  }
  .page-campaign-holidaysupersale-2020 .about-silkypix {
    width: 90%;
    padding: 20px 30px;
    box-sizing: border-box;
  }
  .page-campaign-holidaysupersale-2020 .btn-buy,
  .page-campaign-holidaysupersale-2020 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-holidaysupersale-2020 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-holidaysupersale-2020 .dsp10-area,
  .page-campaign-holidaysupersale-2020 .ds10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-holidaysupersale-2020 .dsp10-area .btn-list li,
  .page-campaign-holidaysupersale-2020 .ds10-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-holidaysupersale-2020 .dsp10-area .btn-list li:first-child,
  .page-campaign-holidaysupersale-2020 .ds10-area .btn-list li:first-child {
    margin-right: 0;
  }
}
/* start-raw */
.page-campaign-start-raw small {
  font-size: smaller;
}
.page-campaign-start-raw sup {
  font-size: 62.5%;
}
.page-campaign-start-raw .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-start-raw .main-image {
  text-align: center;
}
.page-campaign-start-raw .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-start-raw .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-start-raw .summary {
  margin-bottom: 40px;
}
.page-campaign-start-raw .summary h2 {
  border-radius: 10px;
  background-color: #33CC99;
  color: #FFFFFF;
}
.page-campaign-start-raw .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #33CC99;
}
.page-campaign-start-raw .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-start-raw .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-start-raw .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-start-raw .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-start-raw .feature-samples {
  width: 620px;
  margin: 0 auto;
}
.page-campaign-start-raw .feature-samples h2 {
  margin: 40px -10px 20px;
  padding: 8px 0;
  border: 9px double #33CC99;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.page-campaign-start-raw .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-start-raw .feature-samples h3 {
  position: relative;
  margin-top: 3em;
  margin-bottom: 0 !important;
  padding: 0 0 0 1em !important;
  background-color: transparent !important;
  font-size: 16px;
}
.page-campaign-start-raw .feature-samples h3::before {
  position: absolute;
  top: .375em;
  left: 0;
  width: .75em;
  height: .75em;
  background-color: #33CC99;
  content: "";
}
.page-campaign-start-raw .feature-samples h3 span {
  display: inline-block;
}
.page-campaign-start-raw .feature-samples figure {
  margin: 0;
}
.page-campaign-start-raw .feature-samples .hover-change-image {
  position: relative;
  height: 413px;
}
.page-campaign-start-raw .feature-samples .hover-change-image .hover-off,
.page-campaign-start-raw .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 413px;
}
.page-campaign-start-raw .feature-samples .hover-change-image .hover-off img,
.page-campaign-start-raw .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
}
.page-campaign-start-raw .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-start-raw .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-start-raw .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-start-raw .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-start-raw .feature-samples p {
  margin: .5em 0;
}
.page-campaign-start-raw .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  color: #666666;
  text-align: right;
}
.page-campaign-start-raw .dsp10-features {
  margin: 20px 50px 20px;
  border: 2px solid #C09A33;
  border-radius: 10px;
}
.page-campaign-start-raw .ds10-features {
  margin: 20px 50px 20px;
  border: 2px solid #823080;
  border-radius: 10px;
}
.page-campaign-start-raw .dsp10-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-start-raw .ds10-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-start-raw .dsp10-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #C09A33;
}
.page-campaign-start-raw .ds10-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #823080;
}
.page-campaign-start-raw .dsp10-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-start-raw .ds10-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-start-raw .dsp10-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-start-raw .ds10-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-start-raw .dsp10-features > li {
  padding-left: 2em;
}
.page-campaign-start-raw .ds10-features > li {
  padding-left: 2em;
}
.page-campaign-start-raw .dsp10-features > li::before {
  left: 1em;
}
.page-campaign-start-raw .ds10-features > li::before {
  left: 1em;
}
.page-campaign-start-raw .btn-list {
  font-size: 0;
}
.page-campaign-start-raw .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-start-raw .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-start-raw .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-start-raw .btn-sub {
  width: auto;
  margin: 0;
  padding: 15px 0;
  font-size: 18px;
}
.page-campaign-start-raw .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-start-raw .dsp10-area,
.page-campaign-start-raw .ds10-area {
  padding: 0 20px 40px;
}
.page-campaign-start-raw .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-start-raw .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-start-raw .btn-dl {
  margin-top: 10px;
}
.page-campaign-start-raw .dsp10-area,
.page-campaign-start-raw .ds10-area {
  padding: 0 40px 40px;
}
.page-campaign-start-raw .dsp10-area .btn-list,
.page-campaign-start-raw .ds10-area .btn-list {
  font-size: 0;
}
.page-campaign-start-raw .dsp10-area .btn-list li,
.page-campaign-start-raw .ds10-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-start-raw .dsp10-area .btn-list li:first-child,
.page-campaign-start-raw .ds10-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-start-raw .dsp10-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-start-raw .dsp10-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-start-raw .dsp10-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-start-raw .dsp10-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-start-raw .ds10-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-start-raw .ds10-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-start-raw .ds10-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-start-raw .ds10-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
.page-campaign-start-raw .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.page-campaign-start-raw .details-area .btn-sub {
  border-color: #33CC99;
  color: #33CC99;
}
.page-campaign-start-raw .details-area .btn-sub:hover {
  border-color: #74DCBA;
  color: #74DCBA;
}
.page-campaign-start-raw .about-silkypix {
  width: 80%;
  margin: auto;
  margin-bottom: 40px;
  padding: 20px 30px;
  border-radius: 10px;
  background-color: #BCEFDE;
}
.page-campaign-start-raw .about-silkypix h2 {
  margin-bottom: .25em;
  font-size: 20px;
}
.page-campaign-start-raw .about-silkypix sup {
  display: inline-block;
  font-size: 10px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-start-raw .main-image img {
    max-width: 450px;
  }
  .page-campaign-start-raw .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-start-raw .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-start-raw .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-start-raw .feature-samples {
    width: auto;
  }
  .page-campaign-start-raw .feature-samples h2 {
    padding: 8px;
    font-size: 16px;
  }
  .page-campaign-start-raw .feature-samples h3 {
    margin-top: 2em;
    font-size: 15px;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-off,
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-off img,
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-start-raw .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-start-raw .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 24px 24px 0 24px;
    border-style: solid;
    border-color: #99CC33 transparent transparent transparent;
  }
  .page-campaign-start-raw .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-start-raw .dsp10-features,
  .page-campaign-start-raw .ds10-features {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-start-raw .dsp10-features h2,
  .page-campaign-start-raw .ds10-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-start-raw .dsp10-features > li,
  .page-campaign-start-raw .ds10-features > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-start-raw .dsp10-features > li::before,
  .page-campaign-start-raw .ds10-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-start-raw .btn-buy,
  .page-campaign-start-raw .btn-sub {
    font-size: 18px;
  }
  .page-campaign-start-raw .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-start-raw .dsp10-area,
  .page-campaign-start-raw .ds10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-start-raw .dsp10-area .btn-list li,
  .page-campaign-start-raw .ds10-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-start-raw .dsp10-area .btn-list li:first-child,
  .page-campaign-start-raw .ds10-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-start-raw .dsp10-area,
  .page-campaign-start-raw .ds10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-start-raw .details-area {
    width: 90%;
  }
  .page-campaign-start-raw .about-silkypix {
    width: 90%;
    padding: 20px 30px;
    box-sizing: border-box;
  }
}
/* start-jp10 */
.page-campaign-start-jp10 small {
  font-size: smaller;
}
.page-campaign-start-jp10 sup {
  font-size: 62.5%;
}
.page-campaign-start-jp10 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-start-jp10 .main-image {
  text-align: center;
}
.page-campaign-start-jp10 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-start-jp10 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-start-jp10 .summary {
  margin-bottom: 40px;
}
.page-campaign-start-jp10 .summary h2 {
  border-radius: 10px;
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-start-jp10 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #007B63;
}
.page-campaign-start-jp10 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-start-jp10 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-start-jp10 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-start-jp10 .summary dl dd.summary__details ul li {
  margin-bottom: 0;
}
.page-campaign-start-jp10 .feature-samples {
  width: 620px;
  margin: 0 auto;
}
.page-campaign-start-jp10 .feature-samples h2 {
  margin: 40px -10px 20px;
  padding: 8px 0;
  border: 9px double #007B63;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.page-campaign-start-jp10 .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-start-jp10 .feature-samples h3 {
  position: relative;
  margin-top: 3em;
  margin-bottom: 0 !important;
  padding: 0 0 0 1em !important;
  background-color: transparent !important;
  font-size: 16px;
}
.page-campaign-start-jp10 .feature-samples h3::before {
  position: absolute;
  top: .375em;
  left: 0;
  width: .75em;
  height: .75em;
  background-color: #007B63;
  content: "";
}
.page-campaign-start-jp10 .feature-samples h3 span {
  display: inline-block;
}
.page-campaign-start-jp10 .feature-samples figure {
  margin: 0;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image {
  position: relative;
  height: 413px;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off,
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 413px;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off img,
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-start-jp10 .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-start-jp10 .feature-samples p {
  margin: .5em 0;
}
.page-campaign-start-jp10 .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  color: #666666;
  text-align: right;
}
.page-campaign-start-jp10 .new-features {
  margin: 40px 50px 20px;
  border: 2px solid #007B63;
  border-radius: 10px;
}
.page-campaign-start-jp10 .new-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #007B63;
}
.page-campaign-start-jp10 .new-features .features-list > li:first-child {
  border-top: none;
}
.page-campaign-start-jp10 .new-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-start-jp10 .new-features .features-list > li.feature-etc {
  text-align: right;
}
.page-campaign-start-jp10 .new-features .features-list > li.feature-etc::before {
  content: none;
}
.page-campaign-start-jp10 .new-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-start-jp10 .new-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-start-jp10 .btn-list {
  font-size: 0;
}
.page-campaign-start-jp10 .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-start-jp10 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-start-jp10 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-start-jp10 .btn-sub {
  width: auto;
  margin: 0;
  padding: 15px 0;
  font-size: 18px;
}
.page-campaign-start-jp10 .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-start-jp10 .jp10-area {
  padding: 0 20px 40px;
}
.page-campaign-start-jp10 .jp10-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-start-jp10 .jp10-area .btn-buy:hover {
  background-color: #0F9479;
}
.page-campaign-start-jp10 .jp10-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-start-jp10 .jp10-area .btn-sub:hover {
  border-color: #0F9479;
  color: #0F9479;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-start-jp10 .main-image img {
    max-width: 450px;
  }
  .page-campaign-start-jp10 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-start-jp10 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-start-jp10 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-start-jp10 .feature-samples {
    width: auto;
  }
  .page-campaign-start-jp10 .feature-samples h2 {
    padding: 8px;
    font-size: 16px;
  }
  .page-campaign-start-jp10 .feature-samples h3 {
    margin-top: 2em;
    font-size: 15px;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off,
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off img,
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-start-jp10 .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-start-jp10 .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 24px 24px 0 24px;
    border-style: solid;
    border-color: #7ECEF4 transparent transparent transparent;
  }
  .page-campaign-start-jp10 .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-start-jp10 .new-features {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-start-jp10 .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-start-jp10 .new-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-start-jp10 .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-start-jp10 .btn-buy,
  .page-campaign-start-jp10 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-start-jp10 .btn-sub {
    width: auto;
    margin: 0;
    padding: 14px 0;
  }
  .page-campaign-start-jp10 .jp10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
}
/* dsp10-bandle-benefit */
.page-campaign-dsp10-bundle-benefit small {
  font-size: smaller;
}
.page-campaign-dsp10-bundle-benefit sup {
  font-size: 62.5%;
}
.page-campaign-dsp10-bundle-benefit .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-dsp10-bundle-benefit .main-image {
  text-align: center;
}
.page-campaign-dsp10-bundle-benefit .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-dsp10-bundle-benefit .intro--en {
  margin-left: 20px;
}
.page-campaign-dsp10-bundle-benefit .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #006BD7;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-benefit .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-dsp10-bundle-benefit .note-area h2 sup {
  display: inline-block;
}
.page-campaign-dsp10-bundle-benefit .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-dsp10-bundle-benefit .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-dsp10-bundle-benefit .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-dsp10-bundle-benefit .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-dsp10-bundle-benefit .note-area--en h2 {
  text-align: left;
}
.page-campaign-dsp10-bundle-benefit .note-area--en .note-list {
  margin: 0;
}
.page-campaign-dsp10-bundle-benefit .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-dsp10-bundle-benefit .summary h2 {
  border-radius: 10px;
  background-color: #00A2E8;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-benefit .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #00A2E8;
}
.page-campaign-dsp10-bundle-benefit .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp10-bundle-benefit .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp10-bundle-benefit .new-features {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-dsp10-bundle-benefit .new-features h2 {
  margin: 60px 0 20px;
  padding: 10px 0;
  border: 9px double #00A2E8;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp10-bundle-benefit .new-features h2 span {
  display: inline-block;
}
.page-campaign-dsp10-bundle-benefit .new-features h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #8DD5F4 !important;
  color: #000000;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-dsp10-bundle-benefit .new-features figure {
  margin: 0;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image {
  position: relative;
  height: 426px;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off,
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 426px;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off img,
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off figcaption,
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-dsp10-bundle-benefit .new-features .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-dsp10-bundle-benefit .new-features p {
  margin: 10px 2em 40px;
}
.page-campaign-dsp10-bundle-benefit .new-features p.hover-change-image-note {
  margin: 4px 0 10px;
  text-align: right;
}
.page-campaign-dsp10-bundle-benefit .new-features--en h3 {
  width: 600px;
}
.page-campaign-dsp10-bundle-benefit .pro-features {
  margin: 40px 0 20px;
  border: 2px solid #00A2E8;
  border-radius: 10px;
}
.page-campaign-dsp10-bundle-benefit .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp10-bundle-benefit .pro-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 4em;
  border-top: 2px dashed #00A2E8;
}
.page-campaign-dsp10-bundle-benefit .pro-features .features-list > li::before {
  position: absolute;
  left: 3em;
  content: "\0030fb";
}
.page-campaign-dsp10-bundle-benefit .pro-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-dsp10-bundle-benefit .pro-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-dsp10-bundle-benefit .pro-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-dsp10-bundle-benefit .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-dsp10-bundle-benefit .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-dsp10-bundle-benefit .btn-list {
  font-size: 0;
}
.page-campaign-dsp10-bundle-benefit .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-dsp10-bundle-benefit .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-dsp10-bundle-benefit .btn-dl {
  margin-top: 10px;
}
.page-campaign-dsp10-bundle-benefit .dsp10-area {
  padding: 0 28px;
}
.page-campaign-dsp10-bundle-benefit .dsp10-area .btn-buy {
  background-color: #00A2E8;
  color: #FFFFFF;
}
.page-campaign-dsp10-bundle-benefit .dsp10-area .btn-buy:hover {
  background-color: #54C3F1;
}
.page-campaign-dsp10-bundle-benefit .dsp10-area .btn-sub {
  border-color: #00A2E8;
  color: #00A2E8;
}
.page-campaign-dsp10-bundle-benefit .dsp10-area .btn-sub:hover {
  border-color: #54C3F1;
  color: #54C3F1;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp10-bundle-benefit .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp10-bundle-benefit .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-dsp10-bundle-benefit .note-area {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 6px;
  }
  .page-campaign-dsp10-bundle-benefit .note-area h2 {
    font-size: 14px;
    text-align: left;
  }
  .page-campaign-dsp10-bundle-benefit .note-area .note-list {
    margin: 0;
  }
  .page-campaign-dsp10-bundle-benefit .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp10-bundle-benefit .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-dsp10-bundle-benefit .new-features {
    width: auto;
  }
  .page-campaign-dsp10-bundle-benefit .new-features h2 {
    margin: 0 0 20px;
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-benefit .new-features h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off,
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off img,
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-off figcaption,
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-dsp10-bundle-benefit .new-features .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 10px auto;
    border-width: 26px 40px 0 40px;
    border-style: solid;
    border-color: #006BD7 transparent transparent transparent;
  }
  .page-campaign-dsp10-bundle-benefit .new-features p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-dsp10-bundle-benefit .new-features p.hover-change-image-note {
    display: none;
  }
  .page-campaign-dsp10-bundle-benefit .pro-features {
    margin: 0 0 20px;
  }
  .page-campaign-dsp10-bundle-benefit .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp10-bundle-benefit .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-dsp10-bundle-benefit .pro-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-dsp10-bundle-benefit .dsp10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-dsp10-bundle-benefit .btn-buy,
  .page-campaign-dsp10-bundle-benefit .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp10-bundle-benefit .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-dsp10-bundle-benefit .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-dsp10-bundle-benefit .btn-list li:first-child {
    margin-right: 0;
  }
}
/* pexv-launch-sales */
.page-campaign-pexv-launch-sales small {
  font-size: smaller;
}
.page-campaign-pexv-launch-sales sup {
  font-size: 62.5%;
}
.page-campaign-pexv-launch-sales .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-pexv-launch-sales .main-image {
  text-align: center;
  outline: 1px solid #EEEEEE;
}
.page-campaign-pexv-launch-sales .intro {
  margin-right: 40px;
  margin-left: 40px;
  font-size: 16px;
}
.page-campaign-pexv-launch-sales .intro--en {
  margin-right: 10px;
  margin-left: 10px;
}
.page-campaign-pexv-launch-sales .summary {
  margin-bottom: 40px;
}
.page-campaign-pexv-launch-sales .summary h2 {
  border-radius: 10px;
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-pexv-launch-sales .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #006E77;
}
.page-campaign-pexv-launch-sales .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-pexv-launch-sales .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-pexv-launch-sales .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-pexv-launch-sales .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-pexv-launch-sales .new-features {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-pexv-launch-sales .new-features h2 {
  margin: 30px -10px 10px;
  padding: 8px 0;
  border: 9px double #006E77;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.page-campaign-pexv-launch-sales .new-features h2 span {
  display: inline-block;
}
.page-campaign-pexv-launch-sales .new-features figure {
  margin: 0;
}
.page-campaign-pexv-launch-sales .new-features p {
  margin: 10px 0 20px;
}
.page-campaign-pexv-launch-sales .pexv-features {
  margin: 20px 0 25px;
  border: 2px solid #006E77;
  border-radius: 10px;
}
.page-campaign-pexv-launch-sales .pexv-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-pexv-launch-sales .pexv-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 4em;
  border-top: 2px dashed #006E77;
}
.page-campaign-pexv-launch-sales .pexv-features .features-list > li::before {
  position: absolute;
  left: 3em;
  content: "\0030fb";
}
.page-campaign-pexv-launch-sales .pexv-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-pexv-launch-sales .pexv-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-pexv-launch-sales .pexv-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-pexv-launch-sales .btn-list {
  font-size: 0;
}
.page-campaign-pexv-launch-sales .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  margin-right: 10px;
  vertical-align: top;
}
.page-campaign-pexv-launch-sales .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-pexv-launch-sales .pexv-area {
  padding: 0 28px;
}
.page-campaign-pexv-launch-sales .pexv-area .btn-buy {
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-pexv-launch-sales .pexv-area .btn-buy:hover {
  background-color: #00A4A8;
}
.page-campaign-pexv-launch-sales .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-pexv-launch-sales .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 17px;
}
.page-campaign-pexv-launch-sales .pexv-area .btn-sub {
  border-color: #006E77;
  color: #006E77;
}
.page-campaign-pexv-launch-sales .pexv-area .btn-sub:hover {
  border-color: #00A4A8;
  color: #00A4A8;
}
.page-campaign-pexv-launch-sales .btn-dl {
  margin-top: 0;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-pexv-launch-sales .main-image {
    outline: none;
  }
  .page-campaign-pexv-launch-sales .main-image img {
    max-width: 450px;
  }
  .page-campaign-pexv-launch-sales .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-pexv-launch-sales .summary {
    margin: 30px -15px;
    padding: 0 15px 10px;
  }
  .page-campaign-pexv-launch-sales .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-pexv-launch-sales .new-features {
    width: auto;
  }
  .page-campaign-pexv-launch-sales .new-features p {
    margin-right: 1em;
    margin-bottom: 30px;
    margin-left: 1em;
  }
  .page-campaign-pexv-launch-sales .pexv-features {
    margin: 0 0 20px;
  }
  .page-campaign-pexv-launch-sales .pexv-features h2 {
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 16px;
  }
  .page-campaign-pexv-launch-sales .pexv-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-pexv-launch-sales .pexv-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-pexv-launch-sales .pexv-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-pexv-launch-sales .btn-buy,
  .page-campaign-pexv-launch-sales .btn-sub {
    font-size: 18px;
  }
  .page-campaign-pexv-launch-sales .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-pexv-launch-sales .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-pexv-launch-sales .btn-list li:first-child {
    margin-right: 0;
  }
}
/* summer-sale-2021 */
.page-campaign-summer-sale-2021 small {
  font-size: smaller;
}
.page-campaign-summer-sale-2021 sup {
  font-size: 62.5%;
}
.page-campaign-summer-sale-2021 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-summer-sale-2021 .main-image {
  text-align: center;
}
.page-campaign-summer-sale-2021 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-summer-sale-2021 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-summer-sale-2021 .summary {
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2021 .summary h2 {
  border-radius: 10px;
  background-color: #009FE8;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2021 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #009FE8;
}
.page-campaign-summer-sale-2021 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-summer-sale-2021 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-summer-sale-2021 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-summer-sale-2021 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-summer-sale-2021 .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2021 .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-summer-sale-2021 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-summer-sale-2021 .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-summer-sale-2021 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-summer-sale-2021 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-summer-sale-2021 .btn-dl {
  margin-top: 10px;
}
.page-campaign-summer-sale-2021 .dsp10-area,
.page-campaign-summer-sale-2021 .ds10-area,
.page-campaign-summer-sale-2021 .pexv-area {
  padding: 0 40px 40px;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-list,
.page-campaign-summer-sale-2021 .ds10-area .btn-list,
.page-campaign-summer-sale-2021 .pexv-area .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-list li,
.page-campaign-summer-sale-2021 .ds10-area .btn-list li,
.page-campaign-summer-sale-2021 .pexv-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-list li:first-child,
.page-campaign-summer-sale-2021 .ds10-area .btn-list li:first-child,
.page-campaign-summer-sale-2021 .pexv-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-summer-sale-2021 .dsp10-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-summer-sale-2021 .ds10-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2021 .ds10-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-summer-sale-2021 .ds10-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-summer-sale-2021 .ds10-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
.page-campaign-summer-sale-2021 .pexv-area .btn-buy {
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2021 .pexv-area .btn-buy:hover {
  background-color: #00A4A8;
}
.page-campaign-summer-sale-2021 .pexv-area .btn-sub {
  border-color: #006E77;
  color: #006E77;
}
.page-campaign-summer-sale-2021 .pexv-area .btn-sub:hover {
  border-color: #00A4A8;
  color: #00A4A8;
}
.page-campaign-summer-sale-2021 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2021 .details-area .btn-sub {
  border-color: #009FE8;
  color: #009FE8;
}
.page-campaign-summer-sale-2021 .details-area .btn-sub:hover {
  border-color: #00BDFF;
  color: #00BDFF;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-summer-sale-2021 .main-image img {
    max-width: 450px;
  }
  .page-campaign-summer-sale-2021 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-summer-sale-2021 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-summer-sale-2021 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-summer-sale-2021 .btn-buy,
  .page-campaign-summer-sale-2021 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-summer-sale-2021 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-summer-sale-2021 .dsp10-area,
  .page-campaign-summer-sale-2021 .ds10-area,
  .page-campaign-summer-sale-2021 .pexv-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-summer-sale-2021 .dsp10-area .btn-list li,
  .page-campaign-summer-sale-2021 .ds10-area .btn-list li,
  .page-campaign-summer-sale-2021 .pexv-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-summer-sale-2021 .dsp10-area .btn-list li:first-child,
  .page-campaign-summer-sale-2021 .ds10-area .btn-list li:first-child,
  .page-campaign-summer-sale-2021 .pexv-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-summer-sale-2021 .details-area {
    width: auto;
  }
}
/* 11series-launch-sale */
.page-campaign-11series-launch-sale small {
  font-size: smaller;
}
.page-campaign-11series-launch-sale sup {
  font-size: 62.5%;
}
.page-campaign-11series-launch-sale .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-11series-launch-sale .main-image {
  text-align: center;
}
.page-campaign-11series-launch-sale .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-11series-launch-sale .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-11series-launch-sale .summary {
  margin-bottom: 40px;
}
.page-campaign-11series-launch-sale .summary h2 {
  border-radius: 10px;
  background-color: #CC3333;
  color: #FFFFFF;
}
.page-campaign-11series-launch-sale .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #CC3333;
}
.page-campaign-11series-launch-sale .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-11series-launch-sale .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-11series-launch-sale .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-11series-launch-sale .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-11series-launch-sale .btn-list {
  font-size: 0;
}
.page-campaign-11series-launch-sale .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-11series-launch-sale .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-11series-launch-sale .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-11series-launch-sale .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-11series-launch-sale .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-11series-launch-sale .btn-dl {
  margin-top: 10px;
}
.page-campaign-11series-launch-sale .dsp11-area,
.page-campaign-11series-launch-sale .ds11-area {
  padding: 0 40px 40px;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-list,
.page-campaign-11series-launch-sale .ds11-area .btn-list {
  font-size: 0;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-list li,
.page-campaign-11series-launch-sale .ds11-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-list li:first-child,
.page-campaign-11series-launch-sale .ds11-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-buy {
  background-color: #D9BA1A;
  color: #FFFFFF;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-buy:hover {
  background-color: #EDCB1D;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-sub {
  border-color: #D9BA1A;
  color: #D9BA1A;
}
.page-campaign-11series-launch-sale .dsp11-area .btn-sub:hover {
  border-color: #EDCB1D;
  color: #EDCB1D;
}
.page-campaign-11series-launch-sale .ds11-area .btn-buy {
  background-color: #650E7F;
  color: #FFFFFF;
}
.page-campaign-11series-launch-sale .ds11-area .btn-buy:hover {
  background-color: #8B1AAD;
}
.page-campaign-11series-launch-sale .ds11-area .btn-sub {
  border-color: #650E7F;
  color: #650E7F;
}
.page-campaign-11series-launch-sale .ds11-area .btn-sub:hover {
  border-color: #8B1AAD;
  color: #8B1AAD;
}
.page-campaign-11series-launch-sale .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
.page-campaign-11series-launch-sale .details-area .btn-sub {
  margin-bottom: 10px;
  border-color: #CC3333;
  color: #CC3333;
}
.page-campaign-11series-launch-sale .details-area .btn-sub:hover {
  border-color: #E13737;
  color: #E13737;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-11series-launch-sale .main-image img {
    max-width: 450px;
  }
  .page-campaign-11series-launch-sale .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-11series-launch-sale .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-11series-launch-sale .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-11series-launch-sale .btn-buy,
  .page-campaign-11series-launch-sale .btn-sub {
    font-size: 18px;
  }
  .page-campaign-11series-launch-sale .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-11series-launch-sale .dsp11-area,
  .page-campaign-11series-launch-sale .ds11-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-11series-launch-sale .dsp11-area .btn-list li,
  .page-campaign-11series-launch-sale .ds11-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-11series-launch-sale .dsp11-area .btn-list li:first-child,
  .page-campaign-11series-launch-sale .ds11-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-11series-launch-sale .details-area {
    width: auto;
  }
}
/* summer-sale-2022 */
.page-campaign-summer-sale-2022 small {
  font-size: smaller;
}
.page-campaign-summer-sale-2022 sup {
  font-size: 62.5%;
}
.page-campaign-summer-sale-2022 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-summer-sale-2022 .main-image {
  text-align: center;
}
.page-campaign-summer-sale-2022 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-summer-sale-2022 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-summer-sale-2022 .summary {
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2022 .summary h2 {
  border-radius: 10px;
  background-color: #009FE8;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2022 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #009FE8;
}
.page-campaign-summer-sale-2022 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-summer-sale-2022 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-summer-sale-2022 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-summer-sale-2022 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-summer-sale-2022 .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2022 .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-summer-sale-2022 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-summer-sale-2022 .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-summer-sale-2022 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-summer-sale-2022 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-summer-sale-2022 .btn-dl {
  margin-top: 10px;
}
.page-campaign-summer-sale-2022 .dsp11-area,
.page-campaign-summer-sale-2022 .ds11-area,
.page-campaign-summer-sale-2022 .pexv-area {
  padding: 0 40px 40px;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-list,
.page-campaign-summer-sale-2022 .ds11-area .btn-list,
.page-campaign-summer-sale-2022 .pexv-area .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-list li,
.page-campaign-summer-sale-2022 .ds11-area .btn-list li,
.page-campaign-summer-sale-2022 .pexv-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-list li:first-child,
.page-campaign-summer-sale-2022 .ds11-area .btn-list li:first-child,
.page-campaign-summer-sale-2022 .pexv-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-summer-sale-2022 .dsp11-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-summer-sale-2022 .ds11-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2022 .ds11-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-summer-sale-2022 .ds11-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-summer-sale-2022 .ds11-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-buy {
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-buy:hover {
  background-color: #00A4A8;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-sub {
  border-color: #006E77;
  color: #006E77;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-sub:hover {
  border-color: #00A4A8;
  color: #00A4A8;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-dl {
  margin-top: 0;
}
.page-campaign-summer-sale-2022 .pexv-area .btn-dl--en {
  padding: 15px 0;
  font-size: 16px;
}
.page-campaign-summer-sale-2022 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2022 .details-area .btn-sub {
  border-color: #009FE8;
  color: #009FE8;
}
.page-campaign-summer-sale-2022 .details-area .btn-sub:hover {
  border-color: #00BDFF;
  color: #00BDFF;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-summer-sale-2022 .main-image img {
    max-width: 450px;
  }
  .page-campaign-summer-sale-2022 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-summer-sale-2022 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-summer-sale-2022 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-summer-sale-2022 .btn-buy,
  .page-campaign-summer-sale-2022 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-summer-sale-2022 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-summer-sale-2022 .dsp11-area,
  .page-campaign-summer-sale-2022 .ds11-area,
  .page-campaign-summer-sale-2022 .pexv-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-summer-sale-2022 .dsp11-area .btn-list li,
  .page-campaign-summer-sale-2022 .ds11-area .btn-list li,
  .page-campaign-summer-sale-2022 .pexv-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-summer-sale-2022 .dsp11-area .btn-list li:first-child,
  .page-campaign-summer-sale-2022 .ds11-area .btn-list li:first-child,
  .page-campaign-summer-sale-2022 .pexv-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-summer-sale-2022 .details-area {
    width: auto;
  }
}
/* dsp11-bundle-benefit */
.page-campaign-dsp11-bundle-benefit small {
  font-size: smaller;
}
.page-campaign-dsp11-bundle-benefit sup {
  font-size: 62.5%;
}
.page-campaign-dsp11-bundle-benefit .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-dsp11-bundle-benefit .main-image {
  text-align: center;
}
.page-campaign-dsp11-bundle-benefit .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-dsp11-bundle-benefit .intro--en {
  margin-left: 20px;
}
.page-campaign-dsp11-bundle-benefit .note-area {
  margin: 10px 40px 0;
  padding: 14px;
  border-radius: 10px;
  background-color: #006BD7;
  color: #FFFFFF;
}
.page-campaign-dsp11-bundle-benefit .note-area h2 {
  margin-bottom: 10px;
  font-size: 16px;
}
.page-campaign-dsp11-bundle-benefit .note-area h2 sup {
  display: inline-block;
}
.page-campaign-dsp11-bundle-benefit .note-area .note-list {
  margin: 0 .5em;
  counter-reset: notenum;
}
.page-campaign-dsp11-bundle-benefit .note-area .note-list li {
  position: relative;
  margin-left: 2em;
}
.page-campaign-dsp11-bundle-benefit .note-area .note-list li:before {
  position: absolute;
  left: -2em;
  content: "※" counter(notenum);
  counter-increment: notenum;
}
.page-campaign-dsp11-bundle-benefit .note-area--en {
  padding-right: 30px;
  padding-left: 30px;
}
.page-campaign-dsp11-bundle-benefit .note-area--en h2 {
  text-align: left;
}
.page-campaign-dsp11-bundle-benefit .note-area--en .note-list {
  margin: 0;
}
.page-campaign-dsp11-bundle-benefit .note-area--en .note-list li:before {
  content: "(" counter(notenum) ")";
}
.page-campaign-dsp11-bundle-benefit .summary h2 {
  border-radius: 10px;
  background-color: #00A2E8;
  color: #FFFFFF;
}
.page-campaign-dsp11-bundle-benefit .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #00A2E8;
}
.page-campaign-dsp11-bundle-benefit .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-dsp11-bundle-benefit .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-dsp11-bundle-benefit .new-features {
  width: 640px;
  margin: 0 auto;
}
.page-campaign-dsp11-bundle-benefit .new-features h2 {
  margin: 60px 0 20px;
  padding: 10px 0;
  border: 9px double #00A2E8;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp11-bundle-benefit .new-features h2 span {
  display: inline-block;
}
.page-campaign-dsp11-bundle-benefit .new-features h3 {
  width: 520px;
  margin-right: auto;
  margin-bottom: 20px !important;
  margin-left: auto;
  padding: 9px 0 !important;
  border-radius: 6px;
  background-color: #8DD5F4 !important;
  color: #000000;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.page-campaign-dsp11-bundle-benefit .new-features figure {
  margin: 0;
}
.page-campaign-dsp11-bundle-benefit .new-features p {
  margin: 10px 2em 40px;
}
.page-campaign-dsp11-bundle-benefit .new-features--en h3 {
  width: 600px;
}
.page-campaign-dsp11-bundle-benefit .pro-features {
  margin: 40px 0 20px;
  border: 2px solid #00A2E8;
  border-radius: 10px;
}
.page-campaign-dsp11-bundle-benefit .pro-features h2 {
  position: relative;
  padding: 12px 24px;
  font-size: 20px;
  text-align: center;
}
.page-campaign-dsp11-bundle-benefit .pro-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 4em;
  border-top: 2px dashed #00A2E8;
}
.page-campaign-dsp11-bundle-benefit .pro-features .features-list > li::before {
  position: absolute;
  left: 3em;
  content: "\0030fb";
}
.page-campaign-dsp11-bundle-benefit .pro-features .features-list > li:first-child {
  border-top-style: solid;
}
.page-campaign-dsp11-bundle-benefit .pro-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-dsp11-bundle-benefit .pro-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-dsp11-bundle-benefit .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-dsp11-bundle-benefit .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 20px;
}
.page-campaign-dsp11-bundle-benefit .btn-list {
  font-size: 0;
}
.page-campaign-dsp11-bundle-benefit .btn-list li {
  display: inline-block;
  width: 327px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-dsp11-bundle-benefit .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-dsp11-bundle-benefit .btn-dl {
  margin-top: 10px;
}
.page-campaign-dsp11-bundle-benefit .dsp11-area {
  padding: 0 28px;
}
.page-campaign-dsp11-bundle-benefit .dsp11-area .btn-buy {
  background-color: #00A2E8;
  color: #FFFFFF;
}
.page-campaign-dsp11-bundle-benefit .dsp11-area .btn-buy:hover {
  background-color: #54C3F1;
}
.page-campaign-dsp11-bundle-benefit .dsp11-area .btn-sub {
  border-color: #00A2E8;
  color: #00A2E8;
}
.page-campaign-dsp11-bundle-benefit .dsp11-area .btn-sub:hover {
  border-color: #54C3F1;
  color: #54C3F1;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-dsp11-bundle-benefit .main-image img {
    max-width: 450px;
  }
  .page-campaign-dsp11-bundle-benefit .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-dsp11-bundle-benefit .note-area {
    margin: 16px 0 0;
    padding: 14px;
    border-radius: 6px;
  }
  .page-campaign-dsp11-bundle-benefit .note-area h2 {
    font-size: 14px;
    text-align: left;
  }
  .page-campaign-dsp11-bundle-benefit .note-area .note-list {
    margin: 0;
  }
  .page-campaign-dsp11-bundle-benefit .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-dsp11-bundle-benefit .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-dsp11-bundle-benefit .new-features {
    width: auto;
  }
  .page-campaign-dsp11-bundle-benefit .new-features h2 {
    margin: 0 0 20px;
    padding: 10px 8px;
    font-size: 16px;
  }
  .page-campaign-dsp11-bundle-benefit .new-features h3 {
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px !important;
    padding: 8px 16px !important;
    font-size: 16px;
  }
  .page-campaign-dsp11-bundle-benefit .new-features p {
    margin-right: 1em;
    margin-left: 1em;
  }
  .page-campaign-dsp11-bundle-benefit .pro-features {
    margin: 0 0 20px;
  }
  .page-campaign-dsp11-bundle-benefit .pro-features h2 {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .page-campaign-dsp11-bundle-benefit .pro-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-dsp11-bundle-benefit .pro-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-dsp11-bundle-benefit .dsp11-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-dsp11-bundle-benefit .btn-buy,
  .page-campaign-dsp11-bundle-benefit .btn-sub {
    font-size: 18px;
  }
  .page-campaign-dsp11-bundle-benefit .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-dsp11-bundle-benefit .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-dsp11-bundle-benefit .btn-list li:first-child {
    margin-right: 0;
  }
}
/* winter-sale-2022 */
.page-campaign-winter-sale-2022 small {
  font-size: smaller;
}
.page-campaign-winter-sale-2022 sup {
  font-size: 62.5%;
}
.page-campaign-winter-sale-2022 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-winter-sale-2022 .main-image {
  text-align: center;
}
.page-campaign-winter-sale-2022 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-winter-sale-2022 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-winter-sale-2022 .summary {
  margin-bottom: 40px;
}
.page-campaign-winter-sale-2022 .summary h2 {
  border-radius: 10px;
  background-color: #009FE8;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2022 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #009FE8;
}
.page-campaign-winter-sale-2022 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-winter-sale-2022 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-winter-sale-2022 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-winter-sale-2022 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-winter-sale-2022 .btn-list {
  font-size: 0;
}
.page-campaign-winter-sale-2022 .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-winter-sale-2022 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-winter-sale-2022 .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-winter-sale-2022 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-winter-sale-2022 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-winter-sale-2022 .btn-dl {
  margin-top: 10px;
}
.page-campaign-winter-sale-2022 .dsp11-area,
.page-campaign-winter-sale-2022 .ds11-area,
.page-campaign-winter-sale-2022 .jp11-area,
.page-campaign-winter-sale-2022 .pexv-area {
  padding: 0 40px 40px;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-list,
.page-campaign-winter-sale-2022 .ds11-area .btn-list,
.page-campaign-winter-sale-2022 .jp11-area .btn-list,
.page-campaign-winter-sale-2022 .pexv-area .btn-list {
  font-size: 0;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-list li,
.page-campaign-winter-sale-2022 .ds11-area .btn-list li,
.page-campaign-winter-sale-2022 .jp11-area .btn-list li,
.page-campaign-winter-sale-2022 .pexv-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-list li:first-child,
.page-campaign-winter-sale-2022 .ds11-area .btn-list li:first-child,
.page-campaign-winter-sale-2022 .jp11-area .btn-list li:first-child,
.page-campaign-winter-sale-2022 .pexv-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-winter-sale-2022 .dsp11-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-winter-sale-2022 .ds11-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2022 .ds11-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-winter-sale-2022 .ds11-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-winter-sale-2022 .ds11-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-buy {
  background-color: #107A36;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-buy:hover {
  background-color: #249E51;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-sub {
  border-color: #107A36;
  color: #107A36;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-sub:hover {
  border-color: #249E51;
  color: #249E51;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-dl {
  margin-top: 0;
}
.page-campaign-winter-sale-2022 .jp11-area .btn-dl--en {
  padding: 15px 0;
  font-size: 16px;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-buy {
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-buy:hover {
  background-color: #00A4A8;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-sub {
  border-color: #006E77;
  color: #006E77;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-sub:hover {
  border-color: #00A4A8;
  color: #00A4A8;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-dl {
  margin-top: 0;
}
.page-campaign-winter-sale-2022 .pexv-area .btn-dl--en {
  padding: 15px 0;
  font-size: 16px;
}
.page-campaign-winter-sale-2022 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.page-campaign-winter-sale-2022 .details-area .btn-sub {
  border-color: #009FE8;
  color: #009FE8;
}
.page-campaign-winter-sale-2022 .details-area .btn-sub:hover {
  border-color: #00BDFF;
  color: #00BDFF;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-winter-sale-2022 .main-image img {
    max-width: 450px;
  }
  .page-campaign-winter-sale-2022 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-winter-sale-2022 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-winter-sale-2022 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-winter-sale-2022 .btn-buy,
  .page-campaign-winter-sale-2022 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-winter-sale-2022 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-winter-sale-2022 .dsp11-area,
  .page-campaign-winter-sale-2022 .ds11-area,
  .page-campaign-winter-sale-2022 .jp11-area,
  .page-campaign-winter-sale-2022 .pexv-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-winter-sale-2022 .dsp11-area .btn-list li,
  .page-campaign-winter-sale-2022 .ds11-area .btn-list li,
  .page-campaign-winter-sale-2022 .jp11-area .btn-list li,
  .page-campaign-winter-sale-2022 .pexv-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-winter-sale-2022 .dsp11-area .btn-list li:first-child,
  .page-campaign-winter-sale-2022 .ds11-area .btn-list li:first-child,
  .page-campaign-winter-sale-2022 .jp11-area .btn-list li:first-child,
  .page-campaign-winter-sale-2022 .pexv-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-winter-sale-2022 .details-area {
    width: auto;
  }
}
/* green-JPEG */
.page-campaign-green small {
  font-size: smaller;
}
.page-campaign-green sup {
  font-size: 62.5%;
}
.page-campaign-green .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-green .main-image {
  text-align: center;
}
.page-campaign-green .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-green .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-green .summary {
  margin-bottom: 40px;
}
.page-campaign-green .summary h2 {
  border-radius: 10px;
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-green .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #007B63;
}
.page-campaign-green .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-green .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-green .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-green .summary dl dd.summary__details ul li {
  margin-bottom: 0;
}
.page-campaign-green .feature-samples {
  width: 620px;
  margin: 0 auto;
}
.page-campaign-green .feature-samples h2 {
  margin: 40px -10px 20px;
  padding: 8px 0;
  border: 9px double #007B63;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
}
.page-campaign-green .feature-samples h2 span {
  display: inline-block;
}
.page-campaign-green .feature-samples h3 {
  position: relative;
  margin-top: 3em;
  margin-bottom: 0 !important;
  padding: 0 0 0 1em !important;
  background-color: transparent !important;
  font-size: 16px;
}
.page-campaign-green .feature-samples h3::before {
  position: absolute;
  top: .375em;
  left: 0;
  width: .75em;
  height: .75em;
  background-color: #007B63;
  content: "";
}
.page-campaign-green .feature-samples h3 span {
  display: inline-block;
}
.page-campaign-green .feature-samples figure {
  margin: 0;
}
.page-campaign-green .feature-samples .hover-change-image {
  position: relative;
  height: 413px;
}
.page-campaign-green .feature-samples .hover-change-image .hover-off,
.page-campaign-green .feature-samples .hover-change-image .hover-on {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 413px;
}
.page-campaign-green .feature-samples .hover-change-image .hover-off img,
.page-campaign-green .feature-samples .hover-change-image .hover-on img {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
}
.page-campaign-green .feature-samples .hover-change-image .hover-off figcaption,
.page-campaign-green .feature-samples .hover-change-image .hover-on figcaption {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 0 3px 6px #000000;
}
.page-campaign-green .feature-samples .hover-change-image .hover-off {
  z-index: 2;
  transition: opacity .1s ease;
}
.page-campaign-green .feature-samples .hover-change-image:hover .hover-off {
  opacity: 0;
}
.page-campaign-green .feature-samples p {
  margin: .5em 0;
}
.page-campaign-green .feature-samples p.hover-change-image-note {
  margin: 4px 0 10px;
  color: #666666;
  text-align: right;
}
.page-campaign-green .new-features {
  margin: 40px 50px 20px;
  border: 2px solid #007B63;
  border-radius: 10px;
}
.page-campaign-green .new-features .features-list > li {
  position: relative;
  padding: 12px 20px 12px 3em;
  border-top: 2px dashed #007B63;
}
.page-campaign-green .new-features .features-list > li:first-child {
  border-top: none;
}
.page-campaign-green .new-features .features-list > li::before {
  position: absolute;
  left: 2em;
  content: "\0030fb";
}
.page-campaign-green .new-features .features-list > li.feature-etc {
  text-align: right;
}
.page-campaign-green .new-features .features-list > li.feature-etc::before {
  content: none;
}
.page-campaign-green .new-features .features-list--en > li {
  padding-left: 2em;
}
.page-campaign-green .new-features .features-list--en > li::before {
  left: 1em;
}
.page-campaign-green .btn-list {
  font-size: 0;
}
.page-campaign-green .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-green .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-green .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-green .btn-sub {
  width: auto;
  margin: 0;
  padding: 15px 0;
  font-size: 18px;
}
.page-campaign-green .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-green .jp11-area {
  padding: 0 20px 40px;
}
.page-campaign-green .jp11-area .btn-buy {
  background-color: #007B63;
  color: #FFFFFF;
}
.page-campaign-green .jp11-area .btn-buy:hover {
  background-color: #0F9479;
}
.page-campaign-green .jp11-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-green .jp11-area .btn-sub:hover {
  border-color: #0F9479;
  color: #0F9479;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-green .main-image img {
    max-width: 450px;
  }
  .page-campaign-green .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-green .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-green .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-green .feature-samples {
    width: auto;
  }
  .page-campaign-green .feature-samples h2 {
    padding: 8px;
    font-size: 16px;
  }
  .page-campaign-green .feature-samples h3 {
    margin-top: 2em;
    font-size: 15px;
  }
  .page-campaign-green .feature-samples .hover-change-image {
    position: static;
    height: auto;
  }
  .page-campaign-green .feature-samples .hover-change-image .hover-off,
  .page-campaign-green .feature-samples .hover-change-image .hover-on {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
  }
  .page-campaign-green .feature-samples .hover-change-image .hover-off img,
  .page-campaign-green .feature-samples .hover-change-image .hover-on img {
    position: static;
    width: auto;
  }
  .page-campaign-green .feature-samples .hover-change-image .hover-off figcaption,
  .page-campaign-green .feature-samples .hover-change-image .hover-on figcaption {
    display: none;
  }
  .page-campaign-green .feature-samples .hover-change-image:hover .hover-off {
    opacity: 1;
  }
  .page-campaign-green .feature-samples .hover-change-image .chane-arrow {
    width: 0;
    height: 0;
    margin: 8px auto;
    border-width: 24px 24px 0 24px;
    border-style: solid;
    border-color: #7ECEF4 transparent transparent transparent;
  }
  .page-campaign-green .feature-samples p.hover-change-image-note {
    display: none;
  }
  .page-campaign-green .new-features {
    margin-right: 0;
    margin-left: 0;
  }
  .page-campaign-green .new-features .features-list > li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2em;
  }
  .page-campaign-green .new-features .features-list > li::before {
    left: 1em;
  }
  .page-campaign-green .btn-list li {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .page-campaign-green .btn-buy,
  .page-campaign-green .btn-sub {
    font-size: 18px;
  }
  .page-campaign-green .btn-sub {
    width: auto;
    margin: 0;
    padding: 14px 0;
  }
  .page-campaign-green .jp11-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
}
/* green-start-raw */
.page-campaign-green .dsp11-area,
.page-campaign-green .dsp10-area {
  padding: 0 40px 40px;
}
.page-campaign-green .dsp11-area .btn-list,
.page-campaign-green .dsp10-area .btn-list {
  font-size: 0;
}
.page-campaign-green .dsp11-area .btn-list li,
.page-campaign-green .dsp10-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-green .dsp11-area .btn-list li:first-child,
.page-campaign-green .dsp10-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-green .dsp11-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-green .dsp11-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-green .dsp11-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-green .dsp11-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-green .dsp10-area .btn-buy {
  background-color: #CB3332;
  color: #FFFFFF;
}
.page-campaign-green .dsp10-area .btn-buy:hover {
  background-color: #E44A49;
}
.page-campaign-green .dsp10-area .btn-sub {
  border-color: #CB3332;
  color: #CB3332;
}
.page-campaign-green .dsp10-area .btn-sub:hover {
  border-color: #E44A49;
  color: #E44A49;
}
.page-campaign-green .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.page-campaign-green .details-area .btn-sub {
  border-color: #007B63;
  color: #007B63;
}
.page-campaign-green .details-area .btn-sub:hover {
  border-color: #0F9479;
  color: #0F9479;
}
.page-campaign-green .btn-dl--en {
  margin-top: 0;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-green .dsp11-area,
  .page-campaign-green .dsp10-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-green .dsp11-area .btn-list li,
  .page-campaign-green .dsp10-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-green .dsp11-area .btn-list li:first-child,
  .page-campaign-green .dsp10-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-green .details-area {
    width: auto;
  }
}
/* summer-sale-2023 */
.page-campaign-summer-sale-2023 small {
  font-size: smaller;
}
.page-campaign-summer-sale-2023 sup {
  font-size: 62.5%;
}
.page-campaign-summer-sale-2023 .u-txt-red {
  color: #BF1D1D !important;
}
.page-campaign-summer-sale-2023 .main-image {
  text-align: center;
}
.page-campaign-summer-sale-2023 .intro {
  margin-right: 64px;
  margin-left: 64px;
  font-size: 16px;
}
.page-campaign-summer-sale-2023 .intro--en {
  margin-right: 20px;
  margin-left: 20px;
}
.page-campaign-summer-sale-2023 .summary {
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2023 .summary h2 {
  border-radius: 10px;
  background-color: #009FE8;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2023 .summary dl dt {
  border-bottom-width: 1px;
  border-bottom-color: #009FE8;
}
.page-campaign-summer-sale-2023 .summary dl dd ul {
  margin: 4px 0 16px 20px;
}
.page-campaign-summer-sale-2023 .summary dl dd ul li {
  list-style: disc;
}
.page-campaign-summer-sale-2023 .summary dl dd.summary__products ul {
  margin-bottom: 4px;
}
.page-campaign-summer-sale-2023 .summary dl dd.summary__details ul li {
  margin-bottom: 20px;
}
.page-campaign-summer-sale-2023 .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2023 .btn-list li {
  display: inline-block;
  width: 336px;
  margin-top: 10px;
  margin-right: 8px;
  vertical-align: top;
}
.page-campaign-summer-sale-2023 .btn-list li:nth-child(2n) {
  margin-right: 0;
}
.page-campaign-summer-sale-2023 .btn-sub--en {
  padding: 16px 0;
  font-size: 16px;
}
.page-campaign-summer-sale-2023 .btn-buy {
  width: 100%;
  margin: 10px 0 0;
  padding: 18px 0;
}
.page-campaign-summer-sale-2023 .btn-sub {
  width: auto;
  margin: 0;
  padding: 14px 0;
  font-size: 18px;
}
.page-campaign-summer-sale-2023 .btn-dl {
  margin-top: 10px;
}
.page-campaign-summer-sale-2023 .dsp11-area,
.page-campaign-summer-sale-2023 .ds11-area,
.page-campaign-summer-sale-2023 .pexv-area {
  padding: 0 40px 40px;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-list,
.page-campaign-summer-sale-2023 .ds11-area .btn-list,
.page-campaign-summer-sale-2023 .pexv-area .btn-list {
  font-size: 0;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-list li,
.page-campaign-summer-sale-2023 .ds11-area .btn-list li,
.page-campaign-summer-sale-2023 .pexv-area .btn-list li {
  display: inline-block;
  width: 315px;
  margin-top: 10px;
  vertical-align: top;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-list li:first-child,
.page-campaign-summer-sale-2023 .ds11-area .btn-list li:first-child,
.page-campaign-summer-sale-2023 .pexv-area .btn-list li:first-child {
  margin-right: 10px;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-buy {
  background-color: #BE9833;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-buy:hover {
  background-color: #D9B450;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-sub {
  border-color: #BE9833;
  color: #BE9833;
}
.page-campaign-summer-sale-2023 .dsp11-area .btn-sub:hover {
  border-color: #D9B450;
  color: #D9B450;
}
.page-campaign-summer-sale-2023 .ds11-area .btn-buy {
  background-color: #823080;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2023 .ds11-area .btn-buy:hover {
  background-color: #A64DA6;
}
.page-campaign-summer-sale-2023 .ds11-area .btn-sub {
  border-color: #823080;
  color: #823080;
}
.page-campaign-summer-sale-2023 .ds11-area .btn-sub:hover {
  border-color: #A64DA6;
  color: #A64DA6;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-buy {
  background-color: #006E77;
  color: #FFFFFF;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-buy:hover {
  background-color: #00A4A8;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-sub {
  border-color: #006E77;
  color: #006E77;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-sub:hover {
  border-color: #00A4A8;
  color: #00A4A8;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-dl {
  margin-top: 0;
}
.page-campaign-summer-sale-2023 .pexv-area .btn-dl--en {
  padding: 15px 0;
  font-size: 16px;
}
.page-campaign-summer-sale-2023 .details-area {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
}
.page-campaign-summer-sale-2023 .details-area .btn-sub {
  border-color: #009FE8;
  color: #009FE8;
}
.page-campaign-summer-sale-2023 .details-area .btn-sub:hover {
  border-color: #00BDFF;
  color: #00BDFF;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .page-campaign-summer-sale-2023 .main-image img {
    max-width: 450px;
  }
  .page-campaign-summer-sale-2023 .intro {
    margin-right: 14px;
    margin-left: 14px;
    font-size: 14px;
  }
  .page-campaign-summer-sale-2023 .summary {
    margin: 30px -15px 0;
    padding: 0 15px 10px;
  }
  .page-campaign-summer-sale-2023 .summary h2 {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    padding: 14px 0;
    border-radius: 6px;
  }
  .page-campaign-summer-sale-2023 .btn-buy,
  .page-campaign-summer-sale-2023 .btn-sub {
    font-size: 18px;
  }
  .page-campaign-summer-sale-2023 .btn-sub {
    width: auto;
    margin: 0;
  }
  .page-campaign-summer-sale-2023 .dsp11-area,
  .page-campaign-summer-sale-2023 .ds11-area,
  .page-campaign-summer-sale-2023 .pexv-area {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }
  .page-campaign-summer-sale-2023 .dsp11-area .btn-list li,
  .page-campaign-summer-sale-2023 .ds11-area .btn-list li,
  .page-campaign-summer-sale-2023 .pexv-area .btn-list li {
    display: block;
    width: auto;
  }
  .page-campaign-summer-sale-2023 .dsp11-area .btn-list li:first-child,
  .page-campaign-summer-sale-2023 .ds11-area .btn-list li:first-child,
  .page-campaign-summer-sale-2023 .pexv-area .btn-list li:first-child {
    margin-right: 0;
  }
  .page-campaign-summer-sale-2023 .details-area {
    width: auto;
  }
}