@charset "UTF-8";
/* --- page-home --- */
.page-home .block-home-contents {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-home .block-home-contents--title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.page-home .block-top-slide {
  margin: 0 auto;
  width: 100%;
}

.page-home .block-top-slide--list-item {
  padding-bottom: 40px;
}

.page-home .block-top-slide--list-item-image {
  margin-bottom: 20px;
}

.page-home .block-top-slide--list-item-text-area {
  text-align: center;
}

.page-home .block-top-slide--list-item-date {
  font-size: 12px;
  margin-bottom: 5px;
}

.page-home .block-top-slide--list-item-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}

.page-home .block-top-slide--list-item-copy {
  font-size: 12px;
  margin-bottom: 20px;
}

.page-home .block-top-slide--list.js-slick .js-slick--arrow {
  top: 0;
  margin-top: calc(26.5% - 15px);
}

.page-home .block-top-slide--list.js-slick .js-slick--dots {
  right: 20px;
}

.page-home .block-hot-picks--list {
  display: flex;
  flex-wrap: wrap;
}

.page-home .block-hot-picks--list-item {
  background-color: #f5f5f5;
  width: calc((100% - 2px) / 2);
}

.page-home .block-hot-picks--list-item:nth-child(2n-1) {
  margin-right: 2px;
}

.page-home .block-hot-picks--list-item:not(:nth-last-child(-n+2)) {
  margin-bottom: 2px;
}

.page-home .block-hot-picks--list-item-name {
  color: #000000;
  display: table;
  font-size: 10px;
  min-height: 50px;
  padding: 0 1em;
  text-align: center;
  width: 100%;
}

.page-home .block-hot-picks--list-item-name-text {
  display: table-cell;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.page-home .block-new-arrival--list {
  margin-bottom: 40px;
}

.page-home .block-new-arrival--list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-home .block-new-arrival--others {
  border-top: 1px solid #dbdbdb;
  padding-top: 40px;
}

.page-home .block-new-arrival--others-list-item {
  width: 100%;
}

.page-home .block-new-arrival--others-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-home .block-new-arrival--others-list-item-anchor {
  display: flex;
  align-items: flex-start;
}

.page-home .block-new-arrival--others-list-item-thumbnail {
  border: 1px solid #dbdbdb;
  margin-right: 20px;
  min-height: 80px;
  width: calc(40% - 20px);
}

.page-home .block-new-arrival--others-list-item-text-area {
  width: 60%;
}

.page-home .block-new-arrival--others-list-item-type {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}

.page-home .block-new-arrival--others-list-item-title {
  font-weight: 700;
  margin-bottom: 10px;
}

.page-home .block-new-arrival--others-list-item-lead {
  margin-bottom: 10px;
  text-align: justify;
}

.page-home .block-new-arrival--others-list-item-link {
  text-align: right;
}

.page-home .block-ranking--category-nav {
  display: flex;
  margin: 0 auto 20px;
  max-width: 500px;
  width: 100%;
}

.page-home .block-ranking--category-nav-item {
  cursor: pointer;
  font-size: 10px;
  line-height: 3;
  text-align: center;
  width: calc(100% / 3);
}

.page-home .block-ranking--category-nav-item.js-tab--item__active {
  position: relative;
}

.page-home .block-ranking--category-nav-item.js-tab--item__active::after {
  background-color: #333333;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.page-home .block-ranking--products-ranking {
  padding: 0 0 40px;
}

.page-home .block-ranking--products-ranking-item {
  padding: 0 5px;
  position: relative;
}

.page-home .block-ranking--products-ranking-item-image {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 30px 20px;
  width: 100%;
}

.page-home .block-ranking--products-ranking-item-number {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  left: 8px;
  text-align: center;
  top: 3px;
  width: 20px;
}

.page-home .block-ranking--products-ranking-item-price {
  color: #666666;
}

.page-home .block-ranking--products-ranking .js-slick--prev {
  left: -15px;
  top: 27%;
}

.page-home .block-ranking--products-ranking .js-slick--next {
  top: 27%;
  right: -15px;
}

.page-home .block-category {
  margin-bottom: 80px;
}

.page-home .block-category--list {
  display: flex;
  flex-wrap: wrap;
}

.page-home .block-category--list-item {
  position: relative;
  width: calc((100% - 2px) / 2);
}

.page-home .block-category--list-item:not(:nth-last-child(-n+2)) {
  margin-bottom: 1px;
}

.page-home .block-category--list-item:not(:nth-child(2n)) {
  margin-right: 1px;
}

.page-home .block-category--list-item-anchor {
  display: flex;
  align-items: center;
}

.page-home .block-category--list-item-image {
  position: relative;
  width: 100%;
}

.page-home .block-category--list-item-image::after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-home .block-category--list-item-name {
  font-size: 16px;
  margin-left: -100%;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.page-home .block-counseling--box {
  background-color: #ffffff;
}

.page-home .block-counseling--box-anchor {
  display: flex;
  align-items: center;
}

.page-home .block-counseling--box-image {
  width: 60%;
}

.page-home .block-counseling--box-text-area {
  box-sizing: border-box;
  padding: 10px;
  width: 40%;
}

.page-home .block-counseling--box-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-home .block-counseling--box-lead {
  margin-bottom: 10px;
  text-align: justify;
}

.page-home .block-counseling--box-link {
  text-align: right;
}

.page-home .block-counseling {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-home .block-counseling--container-image {
  background-color: #b3b3b3;
  width: 100%;
}

.page-home .block-counseling--container-text-area {
  background-color: #f5f5f5;
  box-sizing: border-box;
  color: #000000;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.page-home .block-counseling--container-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.page-home .block-counseling--container .common-learn-more {
  color: #ffffff;
}

.page-home .block-maison-decorte {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-home .block-maison-decorte--container-image {
  width: 100%;
}

.page-home .block-maison-decorte--container-text-area {
  background-color: #f5f5f5;
  box-sizing: border-box;
  color: #000000;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.page-home .block-maison-decorte--container-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.page-home .block-maison-decorte--container .common-learn-more {
  color: #ffffff;
}

.page-home .block-our-story {
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-home .block-our-story--container-image {
  background-color: #b3b3b3;
  width: 100%;
}

.page-home .block-our-story--container-text-area {
  background-color: #f5f5f5;
  box-sizing: border-box;
  color: #000000;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.page-home .block-our-story--container-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.page-home .block-our-story--container .common-learn-more {
  color: #ffffff;
}

.page-home .block-contents--list {
  display: flex;
  flex-wrap: wrap;
}

.page-home .block-contents--list-item {
  width: calc((100% - 20px) / 2);
}

.page-home .block-contents--list-item:nth-child(2n-1) {
  margin-right: 20px;
}

.page-home .block-contents--list-item:not(:nth-last-child(-n+2)) {
  margin-bottom: 20px;
}

.page-home .block-contents--list-item-image {
  background-color: #b3b3b3;
  margin-bottom: 10px;
  width: 100%;
}

.page-home .block-information--list {
  margin: 0 auto 20px;
  width: 100%;
}

.page-home .block-information--list-item {
  padding-left: 7em;
  text-indent: -7em;
}

.page-home .block-information--list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-home .block-information--link {
  text-align: center;
}

/* --- page-mypage --- */
.page-mypage .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-mypage .block-main {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-mypage .block-main--title {
  margin-bottom: 20px;
}

.page-mypage .block-main--profile {
  margin: 0 auto 20px;
  text-align: center;
}

.page-mypage .block-main--profile-name {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}

.page-mypage .block-main--profile-name-main {
  font-size: 20px;
  margin-right: 0.5em;
}

.page-mypage .block-main--membership-program-link {
  margin: 0 auto;
  text-align: right;
}

.page-mypage .block-message {
  margin: 0 auto 40px;
  text-align: center;
  width: calc(100% - 30px);
}

.page-mypage .block-message--item {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
}

.page-mypage .block-message--item:not(:last-child) {
  margin-bottom: 20px;
}

.page-mypage .block-message--item-strong {
  border: 2px solid #cc0000;
  display: block;
  height: 100%;
  padding: 10px 0;
  width: 100%;
}

.page-mypage .block-message--item-anchor {
  text-decoration: underline;
}

.page-mypage .block-menu--title {
  margin-bottom: 0;
}

.page-mypage .block-menu--list {
  background-color: #f5f5f5;
  margin: 0 auto;
  padding: 20px 15px;
}

.page-mypage .block-menu--list-item {
  background-color: #ffffff;
}

.page-mypage .block-menu--list-item:not(:last-child) {
  margin-bottom: 1px;
}

.page-mypage .block-menu--list-item-anchor {
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 1em 40px 1em 20px;
  position: relative;
  width: 100%;
}

.page-mypage .block-menu--list-item-anchor::after {
  -webkit-transform: rotate(45deg);
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  right: 30px;
}

.page-mypage .block-menu--list-item-trigger {
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 20px;
  position: relative;
  width: 100%;
}

.page-mypage .block-menu--list-item-trigger::before {
  right: 26px;
}

.page-mypage .block-menu--list-item-trigger::after {
  right: 26px;
}

.page-mypage .block-menu--sub-menu-item {
  border-top: 1px solid #f5f5f5;
}

.page-mypage .block-menu--sub-menu-item-anchor {
  display: block;
  font-size: 16px;
  height: 100%;
  padding: 1em 40px;
  position: relative;
  width: 100%;
}

.page-mypage .block-menu--sub-menu-item-anchor::after {
  -webkit-transform: rotate(45deg);
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  top: calc(50% - 5px);
  transform: rotate(45deg);
  right: 30px;
}

.page-mypage .block-history {
  margin-bottom: 40px;
}

.page-mypage .block-history--list {
  margin: 0 auto;
  padding-bottom: 20px;
  width: calc(100% - 50px);
}

.page-mypage .block-history--list-item {
  padding: 0 20px;
  width: calc(100% / 2);
}

.page-mypage .block-history--list-item-line {
  font-size: 10px;
}

.page-mypage .block-history--list-item-price {
  font-size: 14px;
}

.page-mypage .block-history--list-item-color {
  font-size: 14px;
}

.page-mypage .block-history--list .js-slick--arrow {
  top: 110px;
}

.page-mypage .block-history--list .js-slick--prev {
  left: -20px;
}

.page-mypage .block-history--list .js-slick--next {
  right: -20px;
}

.page-mypage .block-history--list .slick-track {
  display: inline-block;
}

.page-mypage .block-log-out {
  margin-top: 40px;
}

.page-mypage .block-log-out--button {
  display: block;
  margin: 0 auto;
  width: 50%;
}

.page-mypage .block-rank {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  margin: 0 auto 40px;
  padding: 20px 15px;
  text-align: center;
  width: calc(100% - 30px);
}

.page-mypage .block-rank--status {
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 0.5em;
}

.page-mypage .block-rank--status-value {
  display: inline-block;
  font-size: 18px;
  margin: 0 0.5em;
}

.page-mypage .block-rank--score-value {
  display: block;
  font-weight: 700;
}

.page-mypage .block-rank--next-score {
  margin-bottom: 20px;
}

.page-mypage .block-rank--program-about {
  background-color: #f5f5f5;
  margin: 0 auto 10px;
  padding: 10px;
}

.page-mypage .block-rank--program-about-label {
  font-weight: 700;
}

.page-mypage .block-modal-address-confirm--title {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.page-mypage .block-modal-address-confirm--lead {
  margin-bottom: 20px;
  text-align: center;
}

.page-mypage .block-modal-address-confirm--menu-list {
  margin: 0 auto 20px;
}

.page-mypage .block-modal-address-confirm--menu-list-item {
  margin: 0 auto;
  position: relative;
}

.page-mypage .block-modal-address-confirm--menu-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-mypage .block-modal-address-confirm--menu-list-item__current::before {
  background-color: #333333;
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 9.5em);
  position: absolute;
  top: calc(50% - 6px);
  transform: rotate(45deg);
  width: 10px;
}

.page-mypage .block-modal-address-confirm--menu-list-item .common-button__white {
  padding: 0 30px;
}

.page-mypage .block-modal-address-confirm--note {
  position: relative;
  text-align: center;
}

.page-mypage .block-modal-address-confirm--current-icon {
  display: inline-block;
  font-size: 0;
  margin-right: 4px;
  position: relative;
  height: 10px;
  width: 10px;
}

.page-mypage .block-modal-address-confirm--current-icon::before {
  background-color: #333333;
  content: "";
  display: block;
  height: 10px;
  top: calc(50% - 6px);
  transform: rotate(45deg);
  width: 10px;
}

.page-history h2,
.page-historydetail h2,
.page-bookmark h2,
.page-cardedit h2,
.page-cardupdate h2,
.page-custdest h2,
.page-backorder h2,
.page-everyform h2,
.page-everyformcomplete h2,
.page-questionnaireform h2,
.page-contact h2,
.page-contactthanks h2,
.page-mag h2,
.page-withdrawal h2,
.page-regularhistory h2,
.page-regularhistorydetail h2,
.page-regularcycle h2,
.page-regulardate h2,
.page-regularsalesmethod h2,
.page-regulardest h2,
.page-regularwithdrawal h2,
.page-common h2 {
  background: none;
  padding: 0;
}

.page-history th,
.page-historydetail th,
.page-bookmark th,
.page-cardedit th,
.page-cardupdate th,
.page-custdest th,
.page-backorder th,
.page-everyform th,
.page-everyformcomplete th,
.page-questionnaireform th,
.page-contact th,
.page-contactthanks th,
.page-mag th,
.page-withdrawal th,
.page-regularhistory th,
.page-regularhistorydetail th,
.page-regularcycle th,
.page-regulardate th,
.page-regularsalesmethod th,
.page-regulardest th,
.page-regularwithdrawal th,
.page-common th {
  background-color: #dbdbdb;
  padding: 0.5em 10px;
  text-align: left;
}

.page-history td,
.page-historydetail td,
.page-bookmark td,
.page-cardedit td,
.page-cardupdate td,
.page-custdest td,
.page-backorder td,
.page-everyform td,
.page-everyformcomplete td,
.page-questionnaireform td,
.page-contact td,
.page-contactthanks td,
.page-mag td,
.page-withdrawal td,
.page-regularhistory td,
.page-regularhistorydetail td,
.page-regularcycle td,
.page-regulardate td,
.page-regularsalesmethod td,
.page-regulardest td,
.page-regularwithdrawal td,
.page-common td {
  padding: 0.5em 10px;
}

.page-history .l-main__content,
.page-historydetail .l-main__content,
.page-bookmark .l-main__content,
.page-cardedit .l-main__content,
.page-cardupdate .l-main__content,
.page-custdest .l-main__content,
.page-backorder .l-main__content,
.page-everyform .l-main__content,
.page-everyformcomplete .l-main__content,
.page-questionnaireform .l-main__content,
.page-contact .l-main__content,
.page-contactthanks .l-main__content,
.page-mag .l-main__content,
.page-withdrawal .l-main__content,
.page-regularhistory .l-main__content,
.page-regularhistorydetail .l-main__content,
.page-regularcycle .l-main__content,
.page-regulardate .l-main__content,
.page-regularsalesmethod .l-main__content,
.page-regulardest .l-main__content,
.page-regularwithdrawal .l-main__content,
.page-common .l-main__content {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-history .common-column-title,
.page-historydetail .common-column-title,
.page-bookmark .common-column-title,
.page-cardedit .common-column-title,
.page-cardupdate .common-column-title,
.page-custdest .common-column-title,
.page-backorder .common-column-title,
.page-everyform .common-column-title,
.page-everyformcomplete .common-column-title,
.page-questionnaireform .common-column-title,
.page-contact .common-column-title,
.page-contactthanks .common-column-title,
.page-mag .common-column-title,
.page-withdrawal .common-column-title,
.page-regularhistory .common-column-title,
.page-regularhistorydetail .common-column-title,
.page-regularcycle .common-column-title,
.page-regulardate .common-column-title,
.page-regularsalesmethod .common-column-title,
.page-regulardest .common-column-title,
.page-regularwithdrawal .common-column-title,
.page-common .common-column-title {
  width: 100%;
}

.page-history .common-column-title .common-mandatory,
.page-historydetail .common-column-title .common-mandatory,
.page-bookmark .common-column-title .common-mandatory,
.page-cardedit .common-column-title .common-mandatory,
.page-cardupdate .common-column-title .common-mandatory,
.page-custdest .common-column-title .common-mandatory,
.page-backorder .common-column-title .common-mandatory,
.page-everyform .common-column-title .common-mandatory,
.page-everyformcomplete .common-column-title .common-mandatory,
.page-questionnaireform .common-column-title .common-mandatory,
.page-contact .common-column-title .common-mandatory,
.page-contactthanks .common-column-title .common-mandatory,
.page-mag .common-column-title .common-mandatory,
.page-withdrawal .common-column-title .common-mandatory,
.page-regularhistory .common-column-title .common-mandatory,
.page-regularhistorydetail .common-column-title .common-mandatory,
.page-regularcycle .common-column-title .common-mandatory,
.page-regulardate .common-column-title .common-mandatory,
.page-regularsalesmethod .common-column-title .common-mandatory,
.page-regulardest .common-column-title .common-mandatory,
.page-regularwithdrawal .common-column-title .common-mandatory,
.page-common .common-column-title .common-mandatory {
  font-size: 11px;
  padding: 0 0.5em;
}

.page-history .p-my-content__heading,
.page-historydetail .p-my-content__heading,
.page-bookmark .p-my-content__heading,
.page-cardedit .p-my-content__heading,
.page-cardupdate .p-my-content__heading,
.page-custdest .p-my-content__heading,
.page-backorder .p-my-content__heading,
.page-everyform .p-my-content__heading,
.page-everyformcomplete .p-my-content__heading,
.page-questionnaireform .p-my-content__heading,
.page-contact .p-my-content__heading,
.page-contactthanks .p-my-content__heading,
.page-mag .p-my-content__heading,
.page-withdrawal .p-my-content__heading,
.page-regularhistory .p-my-content__heading,
.page-regularhistorydetail .p-my-content__heading,
.page-regularcycle .p-my-content__heading,
.page-regulardate .p-my-content__heading,
.page-regularsalesmethod .p-my-content__heading,
.page-regulardest .p-my-content__heading,
.page-regularwithdrawal .p-my-content__heading,
.page-common .p-my-content__heading {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-history .p-my-content__inner,
.page-historydetail .p-my-content__inner,
.page-bookmark .p-my-content__inner,
.page-cardedit .p-my-content__inner,
.page-cardupdate .p-my-content__inner,
.page-custdest .p-my-content__inner,
.page-backorder .p-my-content__inner,
.page-everyform .p-my-content__inner,
.page-everyformcomplete .p-my-content__inner,
.page-questionnaireform .p-my-content__inner,
.page-contact .p-my-content__inner,
.page-contactthanks .p-my-content__inner,
.page-mag .p-my-content__inner,
.page-withdrawal .p-my-content__inner,
.page-regularhistory .p-my-content__inner,
.page-regularhistorydetail .p-my-content__inner,
.page-regularcycle .p-my-content__inner,
.page-regulardate .p-my-content__inner,
.page-regularsalesmethod .p-my-content__inner,
.page-regulardest .p-my-content__inner,
.page-regularwithdrawal .p-my-content__inner,
.page-common .p-my-content__inner {
  margin: 0;
  padding: 0;
}

.page-history .p-my-content-online__inner h2,
.page-historydetail .p-my-content-online__inner h2,
.page-bookmark .p-my-content-online__inner h2,
.page-cardedit .p-my-content-online__inner h2,
.page-cardupdate .p-my-content-online__inner h2,
.page-custdest .p-my-content-online__inner h2,
.page-backorder .p-my-content-online__inner h2,
.page-everyform .p-my-content-online__inner h2,
.page-everyformcomplete .p-my-content-online__inner h2,
.page-questionnaireform .p-my-content-online__inner h2,
.page-contact .p-my-content-online__inner h2,
.page-contactthanks .p-my-content-online__inner h2,
.page-mag .p-my-content-online__inner h2,
.page-withdrawal .p-my-content-online__inner h2,
.page-regularhistory .p-my-content-online__inner h2,
.page-regularhistorydetail .p-my-content-online__inner h2,
.page-regularcycle .p-my-content-online__inner h2,
.page-regulardate .p-my-content-online__inner h2,
.page-regularsalesmethod .p-my-content-online__inner h2,
.page-regulardest .p-my-content-online__inner h2,
.page-regularwithdrawal .p-my-content-online__inner h2,
.page-common .p-my-content-online__inner h2 {
  border-bottom: 1px solid #666666;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 0 0.5em;
}

.page-history .p-my-content-online__inner h2:not(:first-child),
.page-historydetail .p-my-content-online__inner h2:not(:first-child),
.page-bookmark .p-my-content-online__inner h2:not(:first-child),
.page-cardedit .p-my-content-online__inner h2:not(:first-child),
.page-cardupdate .p-my-content-online__inner h2:not(:first-child),
.page-custdest .p-my-content-online__inner h2:not(:first-child),
.page-backorder .p-my-content-online__inner h2:not(:first-child),
.page-everyform .p-my-content-online__inner h2:not(:first-child),
.page-everyformcomplete .p-my-content-online__inner h2:not(:first-child),
.page-questionnaireform .p-my-content-online__inner h2:not(:first-child),
.page-contact .p-my-content-online__inner h2:not(:first-child),
.page-contactthanks .p-my-content-online__inner h2:not(:first-child),
.page-mag .p-my-content-online__inner h2:not(:first-child),
.page-withdrawal .p-my-content-online__inner h2:not(:first-child),
.page-regularhistory .p-my-content-online__inner h2:not(:first-child),
.page-regularhistorydetail .p-my-content-online__inner h2:not(:first-child),
.page-regularcycle .p-my-content-online__inner h2:not(:first-child),
.page-regulardate .p-my-content-online__inner h2:not(:first-child),
.page-regularsalesmethod .p-my-content-online__inner h2:not(:first-child),
.page-regulardest .p-my-content-online__inner h2:not(:first-child),
.page-regularwithdrawal .p-my-content-online__inner h2:not(:first-child),
.page-common .p-my-content-online__inner h2:not(:first-child) {
  margin-top: 20px;
}

.page-history .p-my-content-online__inner h3,
.page-historydetail .p-my-content-online__inner h3,
.page-bookmark .p-my-content-online__inner h3,
.page-cardedit .p-my-content-online__inner h3,
.page-cardupdate .p-my-content-online__inner h3,
.page-custdest .p-my-content-online__inner h3,
.page-backorder .p-my-content-online__inner h3,
.page-everyform .p-my-content-online__inner h3,
.page-everyformcomplete .p-my-content-online__inner h3,
.page-questionnaireform .p-my-content-online__inner h3,
.page-contact .p-my-content-online__inner h3,
.page-contactthanks .p-my-content-online__inner h3,
.page-mag .p-my-content-online__inner h3,
.page-withdrawal .p-my-content-online__inner h3,
.page-regularhistory .p-my-content-online__inner h3,
.page-regularhistorydetail .p-my-content-online__inner h3,
.page-regularcycle .p-my-content-online__inner h3,
.page-regulardate .p-my-content-online__inner h3,
.page-regularsalesmethod .p-my-content-online__inner h3,
.page-regulardest .p-my-content-online__inner h3,
.page-regularwithdrawal .p-my-content-online__inner h3,
.page-common .p-my-content-online__inner h3 {
  font-weight: 700;
  font-size: 16px;
}

.page-history .p-my-content__sidenavi,
.page-historydetail .p-my-content__sidenavi,
.page-bookmark .p-my-content__sidenavi,
.page-cardedit .p-my-content__sidenavi,
.page-cardupdate .p-my-content__sidenavi,
.page-custdest .p-my-content__sidenavi,
.page-backorder .p-my-content__sidenavi,
.page-everyform .p-my-content__sidenavi,
.page-everyformcomplete .p-my-content__sidenavi,
.page-questionnaireform .p-my-content__sidenavi,
.page-contact .p-my-content__sidenavi,
.page-contactthanks .p-my-content__sidenavi,
.page-mag .p-my-content__sidenavi,
.page-withdrawal .p-my-content__sidenavi,
.page-regularhistory .p-my-content__sidenavi,
.page-regularhistorydetail .p-my-content__sidenavi,
.page-regularcycle .p-my-content__sidenavi,
.page-regulardate .p-my-content__sidenavi,
.page-regularsalesmethod .p-my-content__sidenavi,
.page-regulardest .p-my-content__sidenavi,
.page-regularwithdrawal .p-my-content__sidenavi,
.page-common .p-my-content__sidenavi {
  display: none;
}

.page-history .p-my-content__modal__inner,
.page-historydetail .p-my-content__modal__inner,
.page-bookmark .p-my-content__modal__inner,
.page-cardedit .p-my-content__modal__inner,
.page-cardupdate .p-my-content__modal__inner,
.page-custdest .p-my-content__modal__inner,
.page-backorder .p-my-content__modal__inner,
.page-everyform .p-my-content__modal__inner,
.page-everyformcomplete .p-my-content__modal__inner,
.page-questionnaireform .p-my-content__modal__inner,
.page-contact .p-my-content__modal__inner,
.page-contactthanks .p-my-content__modal__inner,
.page-mag .p-my-content__modal__inner,
.page-withdrawal .p-my-content__modal__inner,
.page-regularhistory .p-my-content__modal__inner,
.page-regularhistorydetail .p-my-content__modal__inner,
.page-regularcycle .p-my-content__modal__inner,
.page-regulardate .p-my-content__modal__inner,
.page-regularsalesmethod .p-my-content__modal__inner,
.page-regulardest .p-my-content__modal__inner,
.page-regularwithdrawal .p-my-content__modal__inner,
.page-common .p-my-content__modal__inner {
  display: none;
}

.page-history .action-buttons,
.page-historydetail .action-buttons,
.page-bookmark .action-buttons,
.page-cardedit .action-buttons,
.page-cardupdate .action-buttons,
.page-custdest .action-buttons,
.page-backorder .action-buttons,
.page-everyform .action-buttons,
.page-everyformcomplete .action-buttons,
.page-questionnaireform .action-buttons,
.page-contact .action-buttons,
.page-contactthanks .action-buttons,
.page-mag .action-buttons,
.page-withdrawal .action-buttons,
.page-regularhistory .action-buttons,
.page-regularhistorydetail .action-buttons,
.page-regularcycle .action-buttons,
.page-regulardate .action-buttons,
.page-regularsalesmethod .action-buttons,
.page-regulardest .action-buttons,
.page-regularwithdrawal .action-buttons,
.page-common .action-buttons {
  margin-top: 40px;
}

.page-history .action-buttons .action,
.page-historydetail .action-buttons .action,
.page-bookmark .action-buttons .action,
.page-cardedit .action-buttons .action,
.page-cardupdate .action-buttons .action,
.page-custdest .action-buttons .action,
.page-backorder .action-buttons .action,
.page-everyform .action-buttons .action,
.page-everyformcomplete .action-buttons .action,
.page-questionnaireform .action-buttons .action,
.page-contact .action-buttons .action,
.page-contactthanks .action-buttons .action,
.page-mag .action-buttons .action,
.page-withdrawal .action-buttons .action,
.page-regularhistory .action-buttons .action,
.page-regularhistorydetail .action-buttons .action,
.page-regularcycle .action-buttons .action,
.page-regulardate .action-buttons .action,
.page-regularsalesmethod .action-buttons .action,
.page-regulardest .action-buttons .action,
.page-regularwithdrawal .action-buttons .action,
.page-common .action-buttons .action {
  margin: 0;
  text-align: center;
}

.page-history .action-buttons .action + .action,
.page-historydetail .action-buttons .action + .action,
.page-bookmark .action-buttons .action + .action,
.page-cardedit .action-buttons .action + .action,
.page-cardupdate .action-buttons .action + .action,
.page-custdest .action-buttons .action + .action,
.page-backorder .action-buttons .action + .action,
.page-everyform .action-buttons .action + .action,
.page-everyformcomplete .action-buttons .action + .action,
.page-questionnaireform .action-buttons .action + .action,
.page-contact .action-buttons .action + .action,
.page-contactthanks .action-buttons .action + .action,
.page-mag .action-buttons .action + .action,
.page-withdrawal .action-buttons .action + .action,
.page-regularhistory .action-buttons .action + .action,
.page-regularhistorydetail .action-buttons .action + .action,
.page-regularcycle .action-buttons .action + .action,
.page-regulardate .action-buttons .action + .action,
.page-regularsalesmethod .action-buttons .action + .action,
.page-regulardest .action-buttons .action + .action,
.page-regularwithdrawal .action-buttons .action + .action,
.page-common .action-buttons .action + .action {
  margin-top: 20px;
}

.page-history .success,
.page-historydetail .success,
.page-bookmark .success,
.page-cardedit .success,
.page-cardupdate .success,
.page-custdest .success,
.page-backorder .success,
.page-everyform .success,
.page-everyformcomplete .success,
.page-questionnaireform .success,
.page-contact .success,
.page-contactthanks .success,
.page-mag .success,
.page-withdrawal .success,
.page-regularhistory .success,
.page-regularhistorydetail .success,
.page-regularcycle .success,
.page-regulardate .success,
.page-regularsalesmethod .success,
.page-regulardest .success,
.page-regularwithdrawal .success,
.page-common .success {
  border: none;
  margin: 0;
  padding: 10px;
}

.page-history .success::before,
.page-historydetail .success::before,
.page-bookmark .success::before,
.page-cardedit .success::before,
.page-cardupdate .success::before,
.page-custdest .success::before,
.page-backorder .success::before,
.page-everyform .success::before,
.page-everyformcomplete .success::before,
.page-questionnaireform .success::before,
.page-contact .success::before,
.page-contactthanks .success::before,
.page-mag .success::before,
.page-withdrawal .success::before,
.page-regularhistory .success::before,
.page-regularhistorydetail .success::before,
.page-regularcycle .success::before,
.page-regulardate .success::before,
.page-regularsalesmethod .success::before,
.page-regulardest .success::before,
.page-regularwithdrawal .success::before,
.page-common .success::before {
  display: inline-block;
  margin-right: 1em;
  position: relative;
}

.page-history .table,
.page-historydetail .table,
.page-bookmark .table,
.page-cardedit .table,
.page-cardupdate .table,
.page-custdest .table,
.page-backorder .table,
.page-everyform .table,
.page-everyformcomplete .table,
.page-questionnaireform .table,
.page-contact .table,
.page-contactthanks .table,
.page-mag .table,
.page-withdrawal .table,
.page-regularhistory .table,
.page-regularhistorydetail .table,
.page-regularcycle .table,
.page-regulardate .table,
.page-regularsalesmethod .table,
.page-regulardest .table,
.page-regularwithdrawal .table,
.page-common .table {
  border: none;
}

.page-history .table th,
.page-historydetail .table th,
.page-bookmark .table th,
.page-cardedit .table th,
.page-cardupdate .table th,
.page-custdest .table th,
.page-backorder .table th,
.page-everyform .table th,
.page-everyformcomplete .table th,
.page-questionnaireform .table th,
.page-contact .table th,
.page-contactthanks .table th,
.page-mag .table th,
.page-withdrawal .table th,
.page-regularhistory .table th,
.page-regularhistorydetail .table th,
.page-regularcycle .table th,
.page-regulardate .table th,
.page-regularsalesmethod .table th,
.page-regulardest .table th,
.page-regularwithdrawal .table th,
.page-common .table th {
  border: none;
}

.page-history .table td,
.page-historydetail .table td,
.page-bookmark .table td,
.page-cardedit .table td,
.page-cardupdate .table td,
.page-custdest .table td,
.page-backorder .table td,
.page-everyform .table td,
.page-everyformcomplete .table td,
.page-questionnaireform .table td,
.page-contact .table td,
.page-contactthanks .table td,
.page-mag .table td,
.page-withdrawal .table td,
.page-regularhistory .table td,
.page-regularhistorydetail .table td,
.page-regularcycle .table td,
.page-regulardate .table td,
.page-regularsalesmethod .table td,
.page-regulardest .table td,
.page-regularwithdrawal .table td,
.page-common .table td {
  border: none;
}

.page-history .btn,
.page-historydetail .btn,
.page-bookmark .btn,
.page-cardedit .btn,
.page-cardupdate .btn,
.page-custdest .btn,
.page-backorder .btn,
.page-everyform .btn,
.page-everyformcomplete .btn,
.page-questionnaireform .btn,
.page-contact .btn,
.page-contactthanks .btn,
.page-mag .btn,
.page-withdrawal .btn,
.page-regularhistory .btn,
.page-regularhistorydetail .btn,
.page-regularcycle .btn,
.page-regulardate .btn,
.page-regularsalesmethod .btn,
.page-regulardest .btn,
.page-regularwithdrawal .btn,
.page-common .btn {
  background-color: #ffffff;
  border: 1px solid #666666;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: calc((48px - 1em) / 2);
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.page-history .btn-primary,
.page-historydetail .btn-primary,
.page-bookmark .btn-primary,
.page-cardedit .btn-primary,
.page-cardupdate .btn-primary,
.page-custdest .btn-primary,
.page-backorder .btn-primary,
.page-everyform .btn-primary,
.page-everyformcomplete .btn-primary,
.page-questionnaireform .btn-primary,
.page-contact .btn-primary,
.page-contactthanks .btn-primary,
.page-mag .btn-primary,
.page-withdrawal .btn-primary,
.page-regularhistory .btn-primary,
.page-regularhistorydetail .btn-primary,
.page-regularcycle .btn-primary,
.page-regulardate .btn-primary,
.page-regularsalesmethod .btn-primary,
.page-regulardest .btn-primary,
.page-regularwithdrawal .btn-primary,
.page-common .btn-primary {
  background-color: #333333;
  color: #ffffff;
}

.page-history .btn.block-footer--mail-magazine-button,
.page-historydetail .btn.block-footer--mail-magazine-button,
.page-bookmark .btn.block-footer--mail-magazine-button,
.page-cardedit .btn.block-footer--mail-magazine-button,
.page-cardupdate .btn.block-footer--mail-magazine-button,
.page-custdest .btn.block-footer--mail-magazine-button,
.page-backorder .btn.block-footer--mail-magazine-button,
.page-everyform .btn.block-footer--mail-magazine-button,
.page-everyformcomplete .btn.block-footer--mail-magazine-button,
.page-questionnaireform .btn.block-footer--mail-magazine-button,
.page-contact .btn.block-footer--mail-magazine-button,
.page-contactthanks .btn.block-footer--mail-magazine-button,
.page-mag .btn.block-footer--mail-magazine-button,
.page-withdrawal .btn.block-footer--mail-magazine-button,
.page-regularhistory .btn.block-footer--mail-magazine-button,
.page-regularhistorydetail .btn.block-footer--mail-magazine-button,
.page-regularcycle .btn.block-footer--mail-magazine-button,
.page-regulardate .btn.block-footer--mail-magazine-button,
.page-regularsalesmethod .btn.block-footer--mail-magazine-button,
.page-regulardest .btn.block-footer--mail-magazine-button,
.page-regularwithdrawal .btn.block-footer--mail-magazine-button,
.page-common .btn.block-footer--mail-magazine-button {
  border: none;
  padding: 0;
  vertical-align: middle;
  width: 80px;
}

.page-history .block-inquiry,
.page-historydetail .block-inquiry,
.page-bookmark .block-inquiry,
.page-cardedit .block-inquiry,
.page-cardupdate .block-inquiry,
.page-custdest .block-inquiry,
.page-backorder .block-inquiry,
.page-everyform .block-inquiry,
.page-everyformcomplete .block-inquiry,
.page-questionnaireform .block-inquiry,
.page-contact .block-inquiry,
.page-contactthanks .block-inquiry,
.page-mag .block-inquiry,
.page-withdrawal .block-inquiry,
.page-regularhistory .block-inquiry,
.page-regularhistorydetail .block-inquiry,
.page-regularcycle .block-inquiry,
.page-regulardate .block-inquiry,
.page-regularsalesmethod .block-inquiry,
.page-regulardest .block-inquiry,
.page-regularwithdrawal .block-inquiry,
.page-common .block-inquiry {
  margin: 0;
}

.page-history .block-form--title-secondaly,
.page-historydetail .block-form--title-secondaly,
.page-bookmark .block-form--title-secondaly,
.page-cardedit .block-form--title-secondaly,
.page-cardupdate .block-form--title-secondaly,
.page-custdest .block-form--title-secondaly,
.page-backorder .block-form--title-secondaly,
.page-everyform .block-form--title-secondaly,
.page-everyformcomplete .block-form--title-secondaly,
.page-questionnaireform .block-form--title-secondaly,
.page-contact .block-form--title-secondaly,
.page-contactthanks .block-form--title-secondaly,
.page-mag .block-form--title-secondaly,
.page-withdrawal .block-form--title-secondaly,
.page-regularhistory .block-form--title-secondaly,
.page-regularhistorydetail .block-form--title-secondaly,
.page-regularcycle .block-form--title-secondaly,
.page-regulardate .block-form--title-secondaly,
.page-regularsalesmethod .block-form--title-secondaly,
.page-regulardest .block-form--title-secondaly,
.page-regularwithdrawal .block-form--title-secondaly,
.page-common .block-form--title-secondaly {
  border-bottom: 1px solid #666666;
  margin: 20px 0 10px;
  padding: 0 0 0.5em;
  width: 100%;
}

.page-history .block-form--title-secondaly .form-label,
.page-historydetail .block-form--title-secondaly .form-label,
.page-bookmark .block-form--title-secondaly .form-label,
.page-cardedit .block-form--title-secondaly .form-label,
.page-cardupdate .block-form--title-secondaly .form-label,
.page-custdest .block-form--title-secondaly .form-label,
.page-backorder .block-form--title-secondaly .form-label,
.page-everyform .block-form--title-secondaly .form-label,
.page-everyformcomplete .block-form--title-secondaly .form-label,
.page-questionnaireform .block-form--title-secondaly .form-label,
.page-contact .block-form--title-secondaly .form-label,
.page-contactthanks .block-form--title-secondaly .form-label,
.page-mag .block-form--title-secondaly .form-label,
.page-withdrawal .block-form--title-secondaly .form-label,
.page-regularhistory .block-form--title-secondaly .form-label,
.page-regularhistorydetail .block-form--title-secondaly .form-label,
.page-regularcycle .block-form--title-secondaly .form-label,
.page-regulardate .block-form--title-secondaly .form-label,
.page-regularsalesmethod .block-form--title-secondaly .form-label,
.page-regulardest .block-form--title-secondaly .form-label,
.page-regularwithdrawal .block-form--title-secondaly .form-label,
.page-common .block-form--title-secondaly .form-label {
  display: inline-block;
  margin: 0;
  float: none;
}

.page-history .block-form--title-secondaly .form-label .control-label,
.page-historydetail .block-form--title-secondaly .form-label .control-label,
.page-bookmark .block-form--title-secondaly .form-label .control-label,
.page-cardedit .block-form--title-secondaly .form-label .control-label,
.page-cardupdate .block-form--title-secondaly .form-label .control-label,
.page-custdest .block-form--title-secondaly .form-label .control-label,
.page-backorder .block-form--title-secondaly .form-label .control-label,
.page-everyform .block-form--title-secondaly .form-label .control-label,
.page-everyformcomplete .block-form--title-secondaly .form-label .control-label,
.page-questionnaireform .block-form--title-secondaly .form-label .control-label,
.page-contact .block-form--title-secondaly .form-label .control-label,
.page-contactthanks .block-form--title-secondaly .form-label .control-label,
.page-mag .block-form--title-secondaly .form-label .control-label,
.page-withdrawal .block-form--title-secondaly .form-label .control-label,
.page-regularhistory .block-form--title-secondaly .form-label .control-label,
.page-regularhistorydetail .block-form--title-secondaly .form-label .control-label,
.page-regularcycle .block-form--title-secondaly .form-label .control-label,
.page-regulardate .block-form--title-secondaly .form-label .control-label,
.page-regularsalesmethod .block-form--title-secondaly .form-label .control-label,
.page-regulardest .block-form--title-secondaly .form-label .control-label,
.page-regularwithdrawal .block-form--title-secondaly .form-label .control-label,
.page-common .block-form--title-secondaly .form-label .control-label {
  font-size: 12px;
  font-weight: 700;
}

.page-history .block-form--title-secondaly .constraint,
.page-historydetail .block-form--title-secondaly .constraint,
.page-bookmark .block-form--title-secondaly .constraint,
.page-cardedit .block-form--title-secondaly .constraint,
.page-cardupdate .block-form--title-secondaly .constraint,
.page-custdest .block-form--title-secondaly .constraint,
.page-backorder .block-form--title-secondaly .constraint,
.page-everyform .block-form--title-secondaly .constraint,
.page-everyformcomplete .block-form--title-secondaly .constraint,
.page-questionnaireform .block-form--title-secondaly .constraint,
.page-contact .block-form--title-secondaly .constraint,
.page-contactthanks .block-form--title-secondaly .constraint,
.page-mag .block-form--title-secondaly .constraint,
.page-withdrawal .block-form--title-secondaly .constraint,
.page-regularhistory .block-form--title-secondaly .constraint,
.page-regularhistorydetail .block-form--title-secondaly .constraint,
.page-regularcycle .block-form--title-secondaly .constraint,
.page-regulardate .block-form--title-secondaly .constraint,
.page-regularsalesmethod .block-form--title-secondaly .constraint,
.page-regulardest .block-form--title-secondaly .constraint,
.page-regularwithdrawal .block-form--title-secondaly .constraint,
.page-common .block-form--title-secondaly .constraint {
  color: #cc0000;
  display: inline-block;
  float: none;
  font-weight: normal;
  margin-left: 1em;
}

.page-history .block-form--title-secondaly .constraint .required::after,
.page-historydetail .block-form--title-secondaly .constraint .required::after,
.page-bookmark .block-form--title-secondaly .constraint .required::after,
.page-cardedit .block-form--title-secondaly .constraint .required::after,
.page-cardupdate .block-form--title-secondaly .constraint .required::after,
.page-custdest .block-form--title-secondaly .constraint .required::after,
.page-backorder .block-form--title-secondaly .constraint .required::after,
.page-everyform .block-form--title-secondaly .constraint .required::after,
.page-everyformcomplete .block-form--title-secondaly .constraint .required::after,
.page-questionnaireform .block-form--title-secondaly .constraint .required::after,
.page-contact .block-form--title-secondaly .constraint .required::after,
.page-contactthanks .block-form--title-secondaly .constraint .required::after,
.page-mag .block-form--title-secondaly .constraint .required::after,
.page-withdrawal .block-form--title-secondaly .constraint .required::after,
.page-regularhistory .block-form--title-secondaly .constraint .required::after,
.page-regularhistorydetail .block-form--title-secondaly .constraint .required::after,
.page-regularcycle .block-form--title-secondaly .constraint .required::after,
.page-regulardate .block-form--title-secondaly .constraint .required::after,
.page-regularsalesmethod .block-form--title-secondaly .constraint .required::after,
.page-regulardest .block-form--title-secondaly .constraint .required::after,
.page-regularwithdrawal .block-form--title-secondaly .constraint .required::after,
.page-common .block-form--title-secondaly .constraint .required::after {
  background: none;
  border: 1px solid #cc0000;
  border-radius: 0;
  color: #cc0000;
  margin: 0;
  padding: 0 0.5em;
}

.page-history .form-control input,
.page-historydetail .form-control input,
.page-bookmark .form-control input,
.page-cardedit .form-control input,
.page-cardupdate .form-control input,
.page-custdest .form-control input,
.page-backorder .form-control input,
.page-everyform .form-control input,
.page-everyformcomplete .form-control input,
.page-questionnaireform .form-control input,
.page-contact .form-control input,
.page-contactthanks .form-control input,
.page-mag .form-control input,
.page-withdrawal .form-control input,
.page-regularhistory .form-control input,
.page-regularhistorydetail .form-control input,
.page-regularcycle .form-control input,
.page-regulardate .form-control input,
.page-regularsalesmethod .form-control input,
.page-regulardest .form-control input,
.page-regularwithdrawal .form-control input,
.page-common .form-control input {
  border: 1px solid #dbdbdb;
}

.page-history .form-control input[type='text'],
.page-historydetail .form-control input[type='text'],
.page-bookmark .form-control input[type='text'],
.page-cardedit .form-control input[type='text'],
.page-cardupdate .form-control input[type='text'],
.page-custdest .form-control input[type='text'],
.page-backorder .form-control input[type='text'],
.page-everyform .form-control input[type='text'],
.page-everyformcomplete .form-control input[type='text'],
.page-questionnaireform .form-control input[type='text'],
.page-contact .form-control input[type='text'],
.page-contactthanks .form-control input[type='text'],
.page-mag .form-control input[type='text'],
.page-withdrawal .form-control input[type='text'],
.page-regularhistory .form-control input[type='text'],
.page-regularhistorydetail .form-control input[type='text'],
.page-regularcycle .form-control input[type='text'],
.page-regulardate .form-control input[type='text'],
.page-regularsalesmethod .form-control input[type='text'],
.page-regulardest .form-control input[type='text'],
.page-regularwithdrawal .form-control input[type='text'],
.page-common .form-control input[type='text'] {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  line-height: 1;
  padding: 0 0.5em;
  width: 100%;
}

.page-history .form-control input[type='text']:not(:last-child),
.page-historydetail .form-control input[type='text']:not(:last-child),
.page-bookmark .form-control input[type='text']:not(:last-child),
.page-cardedit .form-control input[type='text']:not(:last-child),
.page-cardupdate .form-control input[type='text']:not(:last-child),
.page-custdest .form-control input[type='text']:not(:last-child),
.page-backorder .form-control input[type='text']:not(:last-child),
.page-everyform .form-control input[type='text']:not(:last-child),
.page-everyformcomplete .form-control input[type='text']:not(:last-child),
.page-questionnaireform .form-control input[type='text']:not(:last-child),
.page-contact .form-control input[type='text']:not(:last-child),
.page-contactthanks .form-control input[type='text']:not(:last-child),
.page-mag .form-control input[type='text']:not(:last-child),
.page-withdrawal .form-control input[type='text']:not(:last-child),
.page-regularhistory .form-control input[type='text']:not(:last-child),
.page-regularhistorydetail .form-control input[type='text']:not(:last-child),
.page-regularcycle .form-control input[type='text']:not(:last-child),
.page-regulardate .form-control input[type='text']:not(:last-child),
.page-regularsalesmethod .form-control input[type='text']:not(:last-child),
.page-regulardest .form-control input[type='text']:not(:last-child),
.page-regularwithdrawal .form-control input[type='text']:not(:last-child),
.page-common .form-control input[type='text']:not(:last-child) {
  margin-bottom: 0.5em;
}

.page-history .form-control input[type='tel'],
.page-historydetail .form-control input[type='tel'],
.page-bookmark .form-control input[type='tel'],
.page-cardedit .form-control input[type='tel'],
.page-cardupdate .form-control input[type='tel'],
.page-custdest .form-control input[type='tel'],
.page-backorder .form-control input[type='tel'],
.page-everyform .form-control input[type='tel'],
.page-everyformcomplete .form-control input[type='tel'],
.page-questionnaireform .form-control input[type='tel'],
.page-contact .form-control input[type='tel'],
.page-contactthanks .form-control input[type='tel'],
.page-mag .form-control input[type='tel'],
.page-withdrawal .form-control input[type='tel'],
.page-regularhistory .form-control input[type='tel'],
.page-regularhistorydetail .form-control input[type='tel'],
.page-regularcycle .form-control input[type='tel'],
.page-regulardate .form-control input[type='tel'],
.page-regularsalesmethod .form-control input[type='tel'],
.page-regulardest .form-control input[type='tel'],
.page-regularwithdrawal .form-control input[type='tel'],
.page-common .form-control input[type='tel'] {
  display: block;
  font-size: 16px;
  height: 40px;
  margin-bottom: 20px;
  width: 15em;
}

.page-history .form-control input[type='tel']:not(:last-child),
.page-historydetail .form-control input[type='tel']:not(:last-child),
.page-bookmark .form-control input[type='tel']:not(:last-child),
.page-cardedit .form-control input[type='tel']:not(:last-child),
.page-cardupdate .form-control input[type='tel']:not(:last-child),
.page-custdest .form-control input[type='tel']:not(:last-child),
.page-backorder .form-control input[type='tel']:not(:last-child),
.page-everyform .form-control input[type='tel']:not(:last-child),
.page-everyformcomplete .form-control input[type='tel']:not(:last-child),
.page-questionnaireform .form-control input[type='tel']:not(:last-child),
.page-contact .form-control input[type='tel']:not(:last-child),
.page-contactthanks .form-control input[type='tel']:not(:last-child),
.page-mag .form-control input[type='tel']:not(:last-child),
.page-withdrawal .form-control input[type='tel']:not(:last-child),
.page-regularhistory .form-control input[type='tel']:not(:last-child),
.page-regularhistorydetail .form-control input[type='tel']:not(:last-child),
.page-regularcycle .form-control input[type='tel']:not(:last-child),
.page-regulardate .form-control input[type='tel']:not(:last-child),
.page-regularsalesmethod .form-control input[type='tel']:not(:last-child),
.page-regulardest .form-control input[type='tel']:not(:last-child),
.page-regularwithdrawal .form-control input[type='tel']:not(:last-child),
.page-common .form-control input[type='tel']:not(:last-child) {
  margin-bottom: 0.5em;
}

.page-history .form-control input[type='email'],
.page-historydetail .form-control input[type='email'],
.page-bookmark .form-control input[type='email'],
.page-cardedit .form-control input[type='email'],
.page-cardupdate .form-control input[type='email'],
.page-custdest .form-control input[type='email'],
.page-backorder .form-control input[type='email'],
.page-everyform .form-control input[type='email'],
.page-everyformcomplete .form-control input[type='email'],
.page-questionnaireform .form-control input[type='email'],
.page-contact .form-control input[type='email'],
.page-contactthanks .form-control input[type='email'],
.page-mag .form-control input[type='email'],
.page-withdrawal .form-control input[type='email'],
.page-regularhistory .form-control input[type='email'],
.page-regularhistorydetail .form-control input[type='email'],
.page-regularcycle .form-control input[type='email'],
.page-regulardate .form-control input[type='email'],
.page-regularsalesmethod .form-control input[type='email'],
.page-regulardest .form-control input[type='email'],
.page-regularwithdrawal .form-control input[type='email'],
.page-common .form-control input[type='email'] {
  display: block;
  font-size: 16px;
  height: 40px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .form-control input[type='email']:not(:last-child),
.page-historydetail .form-control input[type='email']:not(:last-child),
.page-bookmark .form-control input[type='email']:not(:last-child),
.page-cardedit .form-control input[type='email']:not(:last-child),
.page-cardupdate .form-control input[type='email']:not(:last-child),
.page-custdest .form-control input[type='email']:not(:last-child),
.page-backorder .form-control input[type='email']:not(:last-child),
.page-everyform .form-control input[type='email']:not(:last-child),
.page-everyformcomplete .form-control input[type='email']:not(:last-child),
.page-questionnaireform .form-control input[type='email']:not(:last-child),
.page-contact .form-control input[type='email']:not(:last-child),
.page-contactthanks .form-control input[type='email']:not(:last-child),
.page-mag .form-control input[type='email']:not(:last-child),
.page-withdrawal .form-control input[type='email']:not(:last-child),
.page-regularhistory .form-control input[type='email']:not(:last-child),
.page-regularhistorydetail .form-control input[type='email']:not(:last-child),
.page-regularcycle .form-control input[type='email']:not(:last-child),
.page-regulardate .form-control input[type='email']:not(:last-child),
.page-regularsalesmethod .form-control input[type='email']:not(:last-child),
.page-regulardest .form-control input[type='email']:not(:last-child),
.page-regularwithdrawal .form-control input[type='email']:not(:last-child),
.page-common .form-control input[type='email']:not(:last-child) {
  margin-bottom: 0.5em;
}

.page-history .form-control input[type='number'],
.page-historydetail .form-control input[type='number'],
.page-bookmark .form-control input[type='number'],
.page-cardedit .form-control input[type='number'],
.page-cardupdate .form-control input[type='number'],
.page-custdest .form-control input[type='number'],
.page-backorder .form-control input[type='number'],
.page-everyform .form-control input[type='number'],
.page-everyformcomplete .form-control input[type='number'],
.page-questionnaireform .form-control input[type='number'],
.page-contact .form-control input[type='number'],
.page-contactthanks .form-control input[type='number'],
.page-mag .form-control input[type='number'],
.page-withdrawal .form-control input[type='number'],
.page-regularhistory .form-control input[type='number'],
.page-regularhistorydetail .form-control input[type='number'],
.page-regularcycle .form-control input[type='number'],
.page-regulardate .form-control input[type='number'],
.page-regularsalesmethod .form-control input[type='number'],
.page-regulardest .form-control input[type='number'],
.page-regularwithdrawal .form-control input[type='number'],
.page-common .form-control input[type='number'] {
  display: block;
  font-size: 16px;
  height: 40px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .form-control input[type='password'],
.page-historydetail .form-control input[type='password'],
.page-bookmark .form-control input[type='password'],
.page-cardedit .form-control input[type='password'],
.page-cardupdate .form-control input[type='password'],
.page-custdest .form-control input[type='password'],
.page-backorder .form-control input[type='password'],
.page-everyform .form-control input[type='password'],
.page-everyformcomplete .form-control input[type='password'],
.page-questionnaireform .form-control input[type='password'],
.page-contact .form-control input[type='password'],
.page-contactthanks .form-control input[type='password'],
.page-mag .form-control input[type='password'],
.page-withdrawal .form-control input[type='password'],
.page-regularhistory .form-control input[type='password'],
.page-regularhistorydetail .form-control input[type='password'],
.page-regularcycle .form-control input[type='password'],
.page-regulardate .form-control input[type='password'],
.page-regularsalesmethod .form-control input[type='password'],
.page-regulardest .form-control input[type='password'],
.page-regularwithdrawal .form-control input[type='password'],
.page-common .form-control input[type='password'] {
  display: block;
  font-size: 16px;
  height: 40px;
  margin-bottom: 20px;
  width: 20em;
}

.page-history .form-control input[type='checkbox'],
.page-historydetail .form-control input[type='checkbox'],
.page-bookmark .form-control input[type='checkbox'],
.page-cardedit .form-control input[type='checkbox'],
.page-cardupdate .form-control input[type='checkbox'],
.page-custdest .form-control input[type='checkbox'],
.page-backorder .form-control input[type='checkbox'],
.page-everyform .form-control input[type='checkbox'],
.page-everyformcomplete .form-control input[type='checkbox'],
.page-questionnaireform .form-control input[type='checkbox'],
.page-contact .form-control input[type='checkbox'],
.page-contactthanks .form-control input[type='checkbox'],
.page-mag .form-control input[type='checkbox'],
.page-withdrawal .form-control input[type='checkbox'],
.page-regularhistory .form-control input[type='checkbox'],
.page-regularhistorydetail .form-control input[type='checkbox'],
.page-regularcycle .form-control input[type='checkbox'],
.page-regulardate .form-control input[type='checkbox'],
.page-regularsalesmethod .form-control input[type='checkbox'],
.page-regulardest .form-control input[type='checkbox'],
.page-regularwithdrawal .form-control input[type='checkbox'],
.page-common .form-control input[type='checkbox'] {
  display: none;
}

.page-history .form-control input[type='checkbox']:checked + label::after,
.page-historydetail .form-control input[type='checkbox']:checked + label::after,
.page-bookmark .form-control input[type='checkbox']:checked + label::after,
.page-cardedit .form-control input[type='checkbox']:checked + label::after,
.page-cardupdate .form-control input[type='checkbox']:checked + label::after,
.page-custdest .form-control input[type='checkbox']:checked + label::after,
.page-backorder .form-control input[type='checkbox']:checked + label::after,
.page-everyform .form-control input[type='checkbox']:checked + label::after,
.page-everyformcomplete .form-control input[type='checkbox']:checked + label::after,
.page-questionnaireform .form-control input[type='checkbox']:checked + label::after,
.page-contact .form-control input[type='checkbox']:checked + label::after,
.page-contactthanks .form-control input[type='checkbox']:checked + label::after,
.page-mag .form-control input[type='checkbox']:checked + label::after,
.page-withdrawal .form-control input[type='checkbox']:checked + label::after,
.page-regularhistory .form-control input[type='checkbox']:checked + label::after,
.page-regularhistorydetail .form-control input[type='checkbox']:checked + label::after,
.page-regularcycle .form-control input[type='checkbox']:checked + label::after,
.page-regulardate .form-control input[type='checkbox']:checked + label::after,
.page-regularsalesmethod .form-control input[type='checkbox']:checked + label::after,
.page-regulardest .form-control input[type='checkbox']:checked + label::after,
.page-regularwithdrawal .form-control input[type='checkbox']:checked + label::after,
.page-common .form-control input[type='checkbox']:checked + label::after {
  content: "";
  display: block;
}

.page-history .form-control input[type='checkbox'] + label,
.page-historydetail .form-control input[type='checkbox'] + label,
.page-bookmark .form-control input[type='checkbox'] + label,
.page-cardedit .form-control input[type='checkbox'] + label,
.page-cardupdate .form-control input[type='checkbox'] + label,
.page-custdest .form-control input[type='checkbox'] + label,
.page-backorder .form-control input[type='checkbox'] + label,
.page-everyform .form-control input[type='checkbox'] + label,
.page-everyformcomplete .form-control input[type='checkbox'] + label,
.page-questionnaireform .form-control input[type='checkbox'] + label,
.page-contact .form-control input[type='checkbox'] + label,
.page-contactthanks .form-control input[type='checkbox'] + label,
.page-mag .form-control input[type='checkbox'] + label,
.page-withdrawal .form-control input[type='checkbox'] + label,
.page-regularhistory .form-control input[type='checkbox'] + label,
.page-regularhistorydetail .form-control input[type='checkbox'] + label,
.page-regularcycle .form-control input[type='checkbox'] + label,
.page-regulardate .form-control input[type='checkbox'] + label,
.page-regularsalesmethod .form-control input[type='checkbox'] + label,
.page-regulardest .form-control input[type='checkbox'] + label,
.page-regularwithdrawal .form-control input[type='checkbox'] + label,
.page-common .form-control input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  padding-left: calc(16px + 0.5em);
  position: relative;
  vertical-align: middle;
}

.page-history .form-control input[type='checkbox'] + label::before,
.page-historydetail .form-control input[type='checkbox'] + label::before,
.page-bookmark .form-control input[type='checkbox'] + label::before,
.page-cardedit .form-control input[type='checkbox'] + label::before,
.page-cardupdate .form-control input[type='checkbox'] + label::before,
.page-custdest .form-control input[type='checkbox'] + label::before,
.page-backorder .form-control input[type='checkbox'] + label::before,
.page-everyform .form-control input[type='checkbox'] + label::before,
.page-everyformcomplete .form-control input[type='checkbox'] + label::before,
.page-questionnaireform .form-control input[type='checkbox'] + label::before,
.page-contact .form-control input[type='checkbox'] + label::before,
.page-contactthanks .form-control input[type='checkbox'] + label::before,
.page-mag .form-control input[type='checkbox'] + label::before,
.page-withdrawal .form-control input[type='checkbox'] + label::before,
.page-regularhistory .form-control input[type='checkbox'] + label::before,
.page-regularhistorydetail .form-control input[type='checkbox'] + label::before,
.page-regularcycle .form-control input[type='checkbox'] + label::before,
.page-regulardate .form-control input[type='checkbox'] + label::before,
.page-regularsalesmethod .form-control input[type='checkbox'] + label::before,
.page-regulardest .form-control input[type='checkbox'] + label::before,
.page-regularwithdrawal .form-control input[type='checkbox'] + label::before,
.page-common .form-control input[type='checkbox'] + label::before {
  background-color: #dbdbdb;
  border-radius: 4px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}

.page-history .form-control input[type='checkbox'] + label::after,
.page-historydetail .form-control input[type='checkbox'] + label::after,
.page-bookmark .form-control input[type='checkbox'] + label::after,
.page-cardedit .form-control input[type='checkbox'] + label::after,
.page-cardupdate .form-control input[type='checkbox'] + label::after,
.page-custdest .form-control input[type='checkbox'] + label::after,
.page-backorder .form-control input[type='checkbox'] + label::after,
.page-everyform .form-control input[type='checkbox'] + label::after,
.page-everyformcomplete .form-control input[type='checkbox'] + label::after,
.page-questionnaireform .form-control input[type='checkbox'] + label::after,
.page-contact .form-control input[type='checkbox'] + label::after,
.page-contactthanks .form-control input[type='checkbox'] + label::after,
.page-mag .form-control input[type='checkbox'] + label::after,
.page-withdrawal .form-control input[type='checkbox'] + label::after,
.page-regularhistory .form-control input[type='checkbox'] + label::after,
.page-regularhistorydetail .form-control input[type='checkbox'] + label::after,
.page-regularcycle .form-control input[type='checkbox'] + label::after,
.page-regulardate .form-control input[type='checkbox'] + label::after,
.page-regularsalesmethod .form-control input[type='checkbox'] + label::after,
.page-regulardest .form-control input[type='checkbox'] + label::after,
.page-regularwithdrawal .form-control input[type='checkbox'] + label::after,
.page-common .form-control input[type='checkbox'] + label::after {
  background-color: #666666;
  border-radius: 2px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-history .form-control input[type='checkbox'] + label:not(:last-child),
.page-historydetail .form-control input[type='checkbox'] + label:not(:last-child),
.page-bookmark .form-control input[type='checkbox'] + label:not(:last-child),
.page-cardedit .form-control input[type='checkbox'] + label:not(:last-child),
.page-cardupdate .form-control input[type='checkbox'] + label:not(:last-child),
.page-custdest .form-control input[type='checkbox'] + label:not(:last-child),
.page-backorder .form-control input[type='checkbox'] + label:not(:last-child),
.page-everyform .form-control input[type='checkbox'] + label:not(:last-child),
.page-everyformcomplete .form-control input[type='checkbox'] + label:not(:last-child),
.page-questionnaireform .form-control input[type='checkbox'] + label:not(:last-child),
.page-contact .form-control input[type='checkbox'] + label:not(:last-child),
.page-contactthanks .form-control input[type='checkbox'] + label:not(:last-child),
.page-mag .form-control input[type='checkbox'] + label:not(:last-child),
.page-withdrawal .form-control input[type='checkbox'] + label:not(:last-child),
.page-regularhistory .form-control input[type='checkbox'] + label:not(:last-child),
.page-regularhistorydetail .form-control input[type='checkbox'] + label:not(:last-child),
.page-regularcycle .form-control input[type='checkbox'] + label:not(:last-child),
.page-regulardate .form-control input[type='checkbox'] + label:not(:last-child),
.page-regularsalesmethod .form-control input[type='checkbox'] + label:not(:last-child),
.page-regulardest .form-control input[type='checkbox'] + label:not(:last-child),
.page-regularwithdrawal .form-control input[type='checkbox'] + label:not(:last-child),
.page-common .form-control input[type='checkbox'] + label:not(:last-child) {
  margin-bottom: 10px;
}

.page-history .form-control input[type='radio'],
.page-historydetail .form-control input[type='radio'],
.page-bookmark .form-control input[type='radio'],
.page-cardedit .form-control input[type='radio'],
.page-cardupdate .form-control input[type='radio'],
.page-custdest .form-control input[type='radio'],
.page-backorder .form-control input[type='radio'],
.page-everyform .form-control input[type='radio'],
.page-everyformcomplete .form-control input[type='radio'],
.page-questionnaireform .form-control input[type='radio'],
.page-contact .form-control input[type='radio'],
.page-contactthanks .form-control input[type='radio'],
.page-mag .form-control input[type='radio'],
.page-withdrawal .form-control input[type='radio'],
.page-regularhistory .form-control input[type='radio'],
.page-regularhistorydetail .form-control input[type='radio'],
.page-regularcycle .form-control input[type='radio'],
.page-regulardate .form-control input[type='radio'],
.page-regularsalesmethod .form-control input[type='radio'],
.page-regulardest .form-control input[type='radio'],
.page-regularwithdrawal .form-control input[type='radio'],
.page-common .form-control input[type='radio'] {
  display: none;
}

.page-history .form-control input[type='radio']:checked + label::after,
.page-historydetail .form-control input[type='radio']:checked + label::after,
.page-bookmark .form-control input[type='radio']:checked + label::after,
.page-cardedit .form-control input[type='radio']:checked + label::after,
.page-cardupdate .form-control input[type='radio']:checked + label::after,
.page-custdest .form-control input[type='radio']:checked + label::after,
.page-backorder .form-control input[type='radio']:checked + label::after,
.page-everyform .form-control input[type='radio']:checked + label::after,
.page-everyformcomplete .form-control input[type='radio']:checked + label::after,
.page-questionnaireform .form-control input[type='radio']:checked + label::after,
.page-contact .form-control input[type='radio']:checked + label::after,
.page-contactthanks .form-control input[type='radio']:checked + label::after,
.page-mag .form-control input[type='radio']:checked + label::after,
.page-withdrawal .form-control input[type='radio']:checked + label::after,
.page-regularhistory .form-control input[type='radio']:checked + label::after,
.page-regularhistorydetail .form-control input[type='radio']:checked + label::after,
.page-regularcycle .form-control input[type='radio']:checked + label::after,
.page-regulardate .form-control input[type='radio']:checked + label::after,
.page-regularsalesmethod .form-control input[type='radio']:checked + label::after,
.page-regulardest .form-control input[type='radio']:checked + label::after,
.page-regularwithdrawal .form-control input[type='radio']:checked + label::after,
.page-common .form-control input[type='radio']:checked + label::after {
  content: "";
  display: block;
}

.page-history .form-control input[type='radio'] + label,
.page-historydetail .form-control input[type='radio'] + label,
.page-bookmark .form-control input[type='radio'] + label,
.page-cardedit .form-control input[type='radio'] + label,
.page-cardupdate .form-control input[type='radio'] + label,
.page-custdest .form-control input[type='radio'] + label,
.page-backorder .form-control input[type='radio'] + label,
.page-everyform .form-control input[type='radio'] + label,
.page-everyformcomplete .form-control input[type='radio'] + label,
.page-questionnaireform .form-control input[type='radio'] + label,
.page-contact .form-control input[type='radio'] + label,
.page-contactthanks .form-control input[type='radio'] + label,
.page-mag .form-control input[type='radio'] + label,
.page-withdrawal .form-control input[type='radio'] + label,
.page-regularhistory .form-control input[type='radio'] + label,
.page-regularhistorydetail .form-control input[type='radio'] + label,
.page-regularcycle .form-control input[type='radio'] + label,
.page-regulardate .form-control input[type='radio'] + label,
.page-regularsalesmethod .form-control input[type='radio'] + label,
.page-regulardest .form-control input[type='radio'] + label,
.page-regularwithdrawal .form-control input[type='radio'] + label,
.page-common .form-control input[type='radio'] + label {
  cursor: pointer;
  display: block;
  padding-left: calc(16px + 0.5em);
  position: relative;
  vertical-align: middle;
}

.page-history .form-control input[type='radio'] + label::before,
.page-historydetail .form-control input[type='radio'] + label::before,
.page-bookmark .form-control input[type='radio'] + label::before,
.page-cardedit .form-control input[type='radio'] + label::before,
.page-cardupdate .form-control input[type='radio'] + label::before,
.page-custdest .form-control input[type='radio'] + label::before,
.page-backorder .form-control input[type='radio'] + label::before,
.page-everyform .form-control input[type='radio'] + label::before,
.page-everyformcomplete .form-control input[type='radio'] + label::before,
.page-questionnaireform .form-control input[type='radio'] + label::before,
.page-contact .form-control input[type='radio'] + label::before,
.page-contactthanks .form-control input[type='radio'] + label::before,
.page-mag .form-control input[type='radio'] + label::before,
.page-withdrawal .form-control input[type='radio'] + label::before,
.page-regularhistory .form-control input[type='radio'] + label::before,
.page-regularhistorydetail .form-control input[type='radio'] + label::before,
.page-regularcycle .form-control input[type='radio'] + label::before,
.page-regulardate .form-control input[type='radio'] + label::before,
.page-regularsalesmethod .form-control input[type='radio'] + label::before,
.page-regulardest .form-control input[type='radio'] + label::before,
.page-regularwithdrawal .form-control input[type='radio'] + label::before,
.page-common .form-control input[type='radio'] + label::before {
  background-color: #dbdbdb;
  border-radius: 10px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}

.page-history .form-control input[type='radio'] + label::after,
.page-historydetail .form-control input[type='radio'] + label::after,
.page-bookmark .form-control input[type='radio'] + label::after,
.page-cardedit .form-control input[type='radio'] + label::after,
.page-cardupdate .form-control input[type='radio'] + label::after,
.page-custdest .form-control input[type='radio'] + label::after,
.page-backorder .form-control input[type='radio'] + label::after,
.page-everyform .form-control input[type='radio'] + label::after,
.page-everyformcomplete .form-control input[type='radio'] + label::after,
.page-questionnaireform .form-control input[type='radio'] + label::after,
.page-contact .form-control input[type='radio'] + label::after,
.page-contactthanks .form-control input[type='radio'] + label::after,
.page-mag .form-control input[type='radio'] + label::after,
.page-withdrawal .form-control input[type='radio'] + label::after,
.page-regularhistory .form-control input[type='radio'] + label::after,
.page-regularhistorydetail .form-control input[type='radio'] + label::after,
.page-regularcycle .form-control input[type='radio'] + label::after,
.page-regulardate .form-control input[type='radio'] + label::after,
.page-regularsalesmethod .form-control input[type='radio'] + label::after,
.page-regulardest .form-control input[type='radio'] + label::after,
.page-regularwithdrawal .form-control input[type='radio'] + label::after,
.page-common .form-control input[type='radio'] + label::after {
  background-color: #666666;
  border-radius: 4px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-history .form-control input[type='radio'] + label:not(:last-child),
.page-historydetail .form-control input[type='radio'] + label:not(:last-child),
.page-bookmark .form-control input[type='radio'] + label:not(:last-child),
.page-cardedit .form-control input[type='radio'] + label:not(:last-child),
.page-cardupdate .form-control input[type='radio'] + label:not(:last-child),
.page-custdest .form-control input[type='radio'] + label:not(:last-child),
.page-backorder .form-control input[type='radio'] + label:not(:last-child),
.page-everyform .form-control input[type='radio'] + label:not(:last-child),
.page-everyformcomplete .form-control input[type='radio'] + label:not(:last-child),
.page-questionnaireform .form-control input[type='radio'] + label:not(:last-child),
.page-contact .form-control input[type='radio'] + label:not(:last-child),
.page-contactthanks .form-control input[type='radio'] + label:not(:last-child),
.page-mag .form-control input[type='radio'] + label:not(:last-child),
.page-withdrawal .form-control input[type='radio'] + label:not(:last-child),
.page-regularhistory .form-control input[type='radio'] + label:not(:last-child),
.page-regularhistorydetail .form-control input[type='radio'] + label:not(:last-child),
.page-regularcycle .form-control input[type='radio'] + label:not(:last-child),
.page-regulardate .form-control input[type='radio'] + label:not(:last-child),
.page-regularsalesmethod .form-control input[type='radio'] + label:not(:last-child),
.page-regulardest .form-control input[type='radio'] + label:not(:last-child),
.page-regularwithdrawal .form-control input[type='radio'] + label:not(:last-child),
.page-common .form-control input[type='radio'] + label:not(:last-child) {
  margin-bottom: 10px;
}

.page-history .form-control textarea,
.page-historydetail .form-control textarea,
.page-bookmark .form-control textarea,
.page-cardedit .form-control textarea,
.page-cardupdate .form-control textarea,
.page-custdest .form-control textarea,
.page-backorder .form-control textarea,
.page-everyform .form-control textarea,
.page-everyformcomplete .form-control textarea,
.page-questionnaireform .form-control textarea,
.page-contact .form-control textarea,
.page-contactthanks .form-control textarea,
.page-mag .form-control textarea,
.page-withdrawal .form-control textarea,
.page-regularhistory .form-control textarea,
.page-regularhistorydetail .form-control textarea,
.page-regularcycle .form-control textarea,
.page-regulardate .form-control textarea,
.page-regularsalesmethod .form-control textarea,
.page-regulardest .form-control textarea,
.page-regularwithdrawal .form-control textarea,
.page-common .form-control textarea {
  border: 1px solid #dbdbdb;
  display: block;
  font-size: 16px;
  padding: 0.5em;
}

.page-history .form-error,
.page-historydetail .form-error,
.page-bookmark .form-error,
.page-cardedit .form-error,
.page-cardupdate .form-error,
.page-custdest .form-error,
.page-backorder .form-error,
.page-everyform .form-error,
.page-everyformcomplete .form-error,
.page-questionnaireform .form-error,
.page-contact .form-error,
.page-contactthanks .form-error,
.page-mag .form-error,
.page-withdrawal .form-error,
.page-regularhistory .form-error,
.page-regularhistorydetail .form-error,
.page-regularcycle .form-error,
.page-regulardate .form-error,
.page-regularsalesmethod .form-error,
.page-regulardest .form-error,
.page-regularwithdrawal .form-error,
.page-common .form-error {
  font-weight: 700;
  margin-top: 5px;
  color: #a94442;
}

.page-history .form-group,
.page-historydetail .form-group,
.page-bookmark .form-group,
.page-cardedit .form-group,
.page-cardupdate .form-group,
.page-custdest .form-group,
.page-backorder .form-group,
.page-everyform .form-group,
.page-everyformcomplete .form-group,
.page-questionnaireform .form-group,
.page-contact .form-group,
.page-contactthanks .form-group,
.page-mag .form-group,
.page-withdrawal .form-group,
.page-regularhistory .form-group,
.page-regularhistorydetail .form-group,
.page-regularcycle .form-group,
.page-regulardate .form-group,
.page-regularsalesmethod .form-group,
.page-regulardest .form-group,
.page-regularwithdrawal .form-group,
.page-common .form-group {
  margin: 0;
}

.page-history .p-my-content__heading--secondaly,
.page-historydetail .p-my-content__heading--secondaly {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-history .status-order,
.page-historydetail .status-order {
  border: none;
  padding: 0;
  position: relative;
}

.page-history .status-order .status-message,
.page-historydetail .status-order .status-message {
  padding: 0;
  text-decoration: none;
}

.page-history .status-order .status-percentage,
.page-historydetail .status-order .status-percentage {
  background-color: #666666;
  border-radius: 8px;
  bottom: 30px;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  padding: 0.5em 0;
  position: absolute;
  right: calc(50% - 2.5em);
  text-align: center;
  width: 5em;
}

.page-history .status-order .status-percentage::after,
.page-historydetail .status-order .status-percentage::after {
  border: 10px solid transparent;
  border-top: 20px solid #666666;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}

.page-history .status-order .status-progress-00,
.page-history .status-order .status-progress-10,
.page-history .status-order .status-progress-20,
.page-history .status-order .status-progress-30,
.page-history .status-order .status-progress-40,
.page-history .status-order .status-progress-60,
.page-history .status-order .status-progress-70,
.page-history .status-order .status-progress-80,
.page-history .status-order .status-progress-90,
.page-history .status-order .status-progress-100,
.page-historydetail .status-order .status-progress-00,
.page-historydetail .status-order .status-progress-10,
.page-historydetail .status-order .status-progress-20,
.page-historydetail .status-order .status-progress-30,
.page-historydetail .status-order .status-progress-40,
.page-historydetail .status-order .status-progress-60,
.page-historydetail .status-order .status-progress-70,
.page-historydetail .status-order .status-progress-80,
.page-historydetail .status-order .status-progress-90,
.page-historydetail .status-order .status-progress-100 {
  background: none;
  display: block;
  height: 90px;
  padding-top: 80px;
  position: relative;
  width: 100%;
}

.page-history .status-order .status-progress-00::before,
.page-history .status-order .status-progress-10::before,
.page-history .status-order .status-progress-20::before,
.page-history .status-order .status-progress-30::before,
.page-history .status-order .status-progress-40::before,
.page-history .status-order .status-progress-60::before,
.page-history .status-order .status-progress-70::before,
.page-history .status-order .status-progress-80::before,
.page-history .status-order .status-progress-90::before,
.page-history .status-order .status-progress-100::before,
.page-historydetail .status-order .status-progress-00::before,
.page-historydetail .status-order .status-progress-10::before,
.page-historydetail .status-order .status-progress-20::before,
.page-historydetail .status-order .status-progress-30::before,
.page-historydetail .status-order .status-progress-40::before,
.page-historydetail .status-order .status-progress-60::before,
.page-historydetail .status-order .status-progress-70::before,
.page-historydetail .status-order .status-progress-80::before,
.page-historydetail .status-order .status-progress-90::before,
.page-historydetail .status-order .status-progress-100::before {
  background-color: #dbdbdb;
  border: none;
  content: "";
  display: block;
  height: 10px;
  width: 100%;
}

.page-history .status-order .status-progress-00::after,
.page-history .status-order .status-progress-10::after,
.page-history .status-order .status-progress-20::after,
.page-history .status-order .status-progress-30::after,
.page-history .status-order .status-progress-40::after,
.page-history .status-order .status-progress-60::after,
.page-history .status-order .status-progress-70::after,
.page-history .status-order .status-progress-80::after,
.page-history .status-order .status-progress-90::after,
.page-history .status-order .status-progress-100::after,
.page-historydetail .status-order .status-progress-00::after,
.page-historydetail .status-order .status-progress-10::after,
.page-historydetail .status-order .status-progress-20::after,
.page-historydetail .status-order .status-progress-30::after,
.page-historydetail .status-order .status-progress-40::after,
.page-historydetail .status-order .status-progress-60::after,
.page-historydetail .status-order .status-progress-70::after,
.page-historydetail .status-order .status-progress-80::after,
.page-historydetail .status-order .status-progress-90::after,
.page-historydetail .status-order .status-progress-100::after {
  background-color: #666666;
  border: none;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: auto;
}

.page-history .status-order .status-progress-0::after,
.page-historydetail .status-order .status-progress-0::after {
  width: 0%;
}

.page-history .status-order .status-progress-10::after,
.page-historydetail .status-order .status-progress-10::after {
  width: 10%;
}

.page-history .status-order .status-progress-20::after,
.page-historydetail .status-order .status-progress-20::after {
  width: 20%;
}

.page-history .status-order .status-progress-30::after,
.page-historydetail .status-order .status-progress-30::after {
  width: 30%;
}

.page-history .status-order .status-progress-40::after,
.page-historydetail .status-order .status-progress-40::after {
  width: 40%;
}

.page-history .status-order .status-progress-50::after,
.page-historydetail .status-order .status-progress-50::after {
  width: 50%;
}

.page-history .status-order .status-progress-60::after,
.page-historydetail .status-order .status-progress-60::after {
  width: 60%;
}

.page-history .status-order .status-progress-70::after,
.page-historydetail .status-order .status-progress-70::after {
  width: 70%;
}

.page-history .status-order .status-progress-80::after,
.page-historydetail .status-order .status-progress-80::after {
  width: 80%;
}

.page-history .status-order .status-progress-90::after,
.page-historydetail .status-order .status-progress-90::after {
  width: 90%;
}

.page-history .status-order .status-progress-100::after,
.page-historydetail .status-order .status-progress-100::after {
  width: 100%;
}

.page-history .block-purchase-history,
.page-historydetail .block-purchase-history {
  margin: 0;
  padding: 0;
}

.page-history .block-purchase-history--status a,
.page-historydetail .block-purchase-history--status a {
  text-decoration: none;
}

.page-history .block-purchase-history--filtering,
.page-historydetail .block-purchase-history--filtering {
  margin-bottom: 20px;
}

.page-history .block-purchase-history--filtering-label,
.page-historydetail .block-purchase-history--filtering-label {
  margin-left: 10px;
}

.page-history .block-purchase-history--count,
.page-historydetail .block-purchase-history--count {
  margin-bottom: 20px;
}

.page-history .block-purchase-history--table,
.page-historydetail .block-purchase-history--table {
  border: 1px solid #dbdbdb;
  border-spacing: 0;
  margin: 0 auto;
  width: 100%;
}

.page-history .block-purchase-history--table:not(:first-child),
.page-historydetail .block-purchase-history--table:not(:first-child) {
  margin-top: 40px;
}

.page-history .block-purchase-history--table tr,
.page-historydetail .block-purchase-history--table tr {
  width: 100%;
}

.page-history .block-purchase-history--table tr:not(:last-child) th,
.page-historydetail .block-purchase-history--table tr:not(:last-child) th {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history--table th,
.page-historydetail .block-purchase-history--table th {
  width: 40%;
}

.page-history .block-purchase-history--table td,
.page-historydetail .block-purchase-history--table td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-list,
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-list {
  margin-bottom: 10px;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-item,
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-item {
  line-height: 1.3;
  position: relative;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-item::before,
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-item::before {
  background-color: #666666;
  height: 4px;
  left: 8px;
  position: absolute;
  top: calc(0.5em - 2px);
  width: 4px;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-item:not(:last-child),
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-item:not(:last-child) {
  margin-bottom: 0.5em;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-reorder,
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-reorder {
  display: block;
}

.page-history .block-purchase-history--table .block-purchase-history--order-detail-reorder .btn,
.page-historydetail .block-purchase-history--table .block-purchase-history--order-detail-reorder .btn {
  border: none;
  background: none;
  color: #000000;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto;
}

.page-history .block-purchase-history--btn,
.page-historydetail .block-purchase-history--btn {
  margin: 10px auto 0;
  text-align: right;
  width: 100%;
}

.page-history .block-purchase-history--btn:not(:last-child),
.page-historydetail .block-purchase-history--btn:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 40px;
}

.page-history .block-purchase-history--btn .btn-primary,
.page-historydetail .block-purchase-history--btn .btn-primary {
  background-color: #ffffff;
  border: none;
  color: #666666;
  display: inline;
  padding: 0 calc(0.5em + 10px) 0 0;
  position: relative;
  width: auto;
}

.page-history .block-purchase-history--btn .btn-primary::after,
.page-historydetail .block-purchase-history--btn .btn-primary::after {
  -webkit-transform: rotate(45deg);
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  right: 5px;
}

.page-history .block-purchase-history-detail,
.page-historydetail .block-purchase-history-detail {
  margin: 0;
}

.page-history .block-purchase-history-detail--company-name,
.page-historydetail .block-purchase-history-detail--company-name {
  text-align: right;
}

.page-history .block-purchase-history-detail--company-name .p-my-content,
.page-historydetail .block-purchase-history-detail--company-name .p-my-content {
  font-size: 16px;
}

.page-history .block-purchase-history-detail--order-info-table,
.page-historydetail .block-purchase-history-detail--order-info-table {
  border: 1px solid #dbdbdb;
}

.page-history .block-purchase-history-detail--order-info-table tr:not(:last-child),
.page-historydetail .block-purchase-history-detail--order-info-table tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--order-info-table tr th,
.page-historydetail .block-purchase-history-detail--order-info-table tr th {
  width: 40%;
}

.page-history .block-purchase-history-detail--order-info-table tr td,
.page-historydetail .block-purchase-history-detail--order-info-table tr td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history-detail--order-body,
.page-historydetail .block-purchase-history-detail--order-body {
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--tax-reduced-message,
.page-historydetail .block-purchase-history-detail--tax-reduced-message {
  margin: 10px 0 20px;
  text-align: right;
}

.page-history .block-purchase-history-detail--payment-info-items,
.page-historydetail .block-purchase-history-detail--payment-info-items {
  border: 1px solid #dbdbdb;
  border-spacing: 0;
  margin: 0 auto;
  width: 100%;
}

.page-history .block-purchase-history-detail--payment-info-items::before,
.page-historydetail .block-purchase-history-detail--payment-info-items::before {
  background-color: #dbdbdb;
  content: "";
  display: table-caption;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .block-purchase-history-detail--payment-info-items tr,
.page-historydetail .block-purchase-history-detail--payment-info-items tr {
  width: 100%;
}

.page-history .block-purchase-history-detail--payment-info-items tr:not(:last-child),
.page-historydetail .block-purchase-history-detail--payment-info-items tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--payment-info-items th,
.page-historydetail .block-purchase-history-detail--payment-info-items th {
  vertical-align: middle;
  width: 40%;
}

.page-history .block-purchase-history-detail--payment-info-items td,
.page-historydetail .block-purchase-history-detail--payment-info-items td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history-detail--order-detail-items,
.page-historydetail .block-purchase-history-detail--order-detail-items {
  border: 1px solid #dbdbdb;
}

.page-history .block-purchase-history-detail--order-detail-items tbody td,
.page-historydetail .block-purchase-history-detail--order-detail-items tbody td {
  border: 1px solid #dbdbdb;
  vertical-align: middle;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-name-title,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-name-title {
  border-right: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-qty-title,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-qty-title {
  border-right: 1px solid #ffffff;
  width: 3em;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-total-price-title,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-total-price-title {
  width: 5em;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-name,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-name {
  display: inline-block;
  width: 100%;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-size,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-size {
  display: inline-block;
  width: 100%;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-qty,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--goods-qty {
  text-align: center;
}

.page-history .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--message_name,
.page-historydetail .block-purchase-history-detail--order-detail-items .block-purchase-history-detail--message_name {
  border-top: 1px solid #dbdbdb;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 10px;
  padding-top: 10px;
}

.page-history .block-purchase-history-detail--shipping-info,
.page-historydetail .block-purchase-history-detail--shipping-info {
  margin: 0;
  padding: 0;
}

.page-history .block-purchase-history-detail--shipping-info-items,
.page-historydetail .block-purchase-history-detail--shipping-info-items {
  border: 1px solid #dbdbdb;
}

.page-history .block-purchase-history-detail--shipping-info-items::before,
.page-historydetail .block-purchase-history-detail--shipping-info-items::before {
  background-color: #dbdbdb;
  content: "";
  display: table-caption;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method th,
.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day th,
.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-time-zone th,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method th,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day th,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-time-zone th {
  vertical-align: middle;
}

.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method td,
.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day td,
.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-time-zone td,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method td,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day td,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-time-zone td {
  border: 1px solid #dbdbdb;
  text-align: left;
}

.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--payment-method {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day,
.page-historydetail .block-purchase-history-detail--shipping-info-items .block-purchase-history-detail--delivery-day {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--sender-info::before,
.page-historydetail .block-purchase-history-detail--sender-info::before {
  background-color: #dbdbdb;
  content: "";
  display: table-caption;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .block-purchase-history-detail--sender-info th,
.page-historydetail .block-purchase-history-detail--sender-info th {
  background: none;
  border-bottom: 1px solid #666666;
  font-weight: 700;
  padding: 0 0 0.5em;
}

.page-history .block-purchase-history-detail--sender-info td,
.page-historydetail .block-purchase-history-detail--sender-info td {
  padding: 10px 0 0;
}

.page-history .block-purchase-history-detail--shipments,
.page-historydetail .block-purchase-history-detail--shipments {
  margin-top: 40px;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-header,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-header {
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  margin: 0 -15px 20px;
  padding: 0.5em 20px;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shiment-address,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shiment-address {
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shiment-address + .block-purchase-history-detail--shipment-items::before,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shiment-address + .block-purchase-history-detail--shipment-items::before {
  display: none;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice {
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice tr,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice tr {
  width: 40%;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice tr:not(:last-child),
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice td,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--invoice td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items {
  border: 1px solid #dbdbdb;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items::before,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items::before {
  background-color: #f5f5f5;
  content: "";
  display: table-caption;
  height: 1px;
  margin-bottom: 20px;
  width: 100%;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items:not(:last-child),
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items:not(:last-child) {
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items tr,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items tr {
  width: 40%;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items tr:not(:last-child),
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items td,
.page-historydetail .block-purchase-history-detail--shipments .block-purchase-history-detail--shipment-items td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history-detail--append,
.page-historydetail .block-purchase-history-detail--append {
  border-top: 1px solid #dbdbdb;
  margin-top: 20px;
  padding-top: 20px;
}

.page-history .block-purchase-history-detail--append-item,
.page-historydetail .block-purchase-history-detail--append-item {
  border: 1px solid #dbdbdb;
  width: 100%;
}

.page-history .block-purchase-history-detail--append-item tr:not(:last-child),
.page-historydetail .block-purchase-history-detail--append-item tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-history .block-purchase-history-detail--append-item th,
.page-historydetail .block-purchase-history-detail--append-item th {
  width: 40%;
}

.page-history .block-purchase-history-detail--append-item td,
.page-historydetail .block-purchase-history-detail--append-item td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-history .block-purchase-history-detail--requests-for-order,
.page-historydetail .block-purchase-history-detail--requests-for-order {
  margin-top: 40px;
}

.page-history .block-purchase-history-detail--requests-for-order .action,
.page-historydetail .block-purchase-history-detail--requests-for-order .action {
  text-align: center;
}

.page-history .block-purchase-history-detail--requests-for-order .action:not(:last-child),
.page-historydetail .block-purchase-history-detail--requests-for-order .action:not(:last-child) {
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--requests-for-order .action:last-child::after,
.page-historydetail .block-purchase-history-detail--requests-for-order .action:last-child::after {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}

.page-history .block-purchase-history-detail--requests-for-order .action .block-purchase-history-detail--add-goods,
.page-historydetail .block-purchase-history-detail--requests-for-order .action .block-purchase-history-detail--add-goods {
  background-color: #333333;
  border: none;
  color: #ffffff;
}

.page-history .block-purchase-history-detail--requests-for-order .action .block-purchase-history-detail--back,
.page-historydetail .block-purchase-history-detail--requests-for-order .action .block-purchase-history-detail--back {
  background: none;
  border: none;
  color: #666666;
  display: inline;
  font-size: 12px;
  line-height: 1;
  padding: 0;
  position: relative;
  width: auto;
}

.page-history .block-purchase-history-detail--order-wrapping,
.page-historydetail .block-purchase-history-detail--order-wrapping {
  margin-bottom: 20px;
}

.page-history .block-purchase-history-detail--order-wrapping-name,
.page-historydetail .block-purchase-history-detail--order-wrapping-name {
  font-weight: 700;
}

.page-history .block-purchase-history-detail .status-order,
.page-historydetail .block-purchase-history-detail .status-order {
  margin-bottom: 40px;
  padding: 0;
}

.page-history .block-purchase-history-detail .status-order .status-message,
.page-historydetail .block-purchase-history-detail .status-order .status-message {
  display: block;
  width: calc(100% - 130px);
}

.page-history .block-purchase-history-detail .status-order .status-percentage,
.page-historydetail .block-purchase-history-detail .status-order .status-percentage {
  bottom: 30px;
  right: 15px;
}

.page-history .block-purchase-history-detail .status-order .status-progress-00,
.page-history .block-purchase-history-detail .status-order .status-progress-10,
.page-history .block-purchase-history-detail .status-order .status-progress-20,
.page-history .block-purchase-history-detail .status-order .status-progress-30,
.page-history .block-purchase-history-detail .status-order .status-progress-40,
.page-history .block-purchase-history-detail .status-order .status-progress-60,
.page-history .block-purchase-history-detail .status-order .status-progress-70,
.page-history .block-purchase-history-detail .status-order .status-progress-80,
.page-history .block-purchase-history-detail .status-order .status-progress-90,
.page-history .block-purchase-history-detail .status-order .status-progress-100,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-00,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-10,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-20,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-30,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-40,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-60,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-70,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-80,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-90,
.page-historydetail .block-purchase-history-detail .status-order .status-progress-100 {
  height: 30px;
  padding-top: 20px;
}

.page-history .block-purcharse--goods-item,
.page-historydetail .block-purcharse--goods-item {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}

.page-history .block-purcharse--goods-description,
.page-historydetail .block-purcharse--goods-description {
  display: flex;
  flex-wrap: wrap;
}

.page-history .block-purchase-history-detail--goods-name,
.page-historydetail .block-purchase-history-detail--goods-name {
  display: inline-block;
  margin-right: 10px;
  order: 1;
  width: calc(60% - 10px);
}

.page-history .block-purchase-history-detail--goods-size,
.page-historydetail .block-purchase-history-detail--goods-size {
  order: 4;
  width: calc(60% - 10px);
}

.page-history .block-purchase-history-detail--qty,
.page-historydetail .block-purchase-history-detail--qty {
  display: inline-block;
  order: 2;
  width: 10%;
}

.page-history .block-purchase-history-detail--subtotal,
.page-historydetail .block-purchase-history-detail--subtotal {
  display: inline-block;
  margin-left: 10px;
  order: 3;
  width: calc(30% - 10px);
}

.page-history .block-purchase-history-detail--total-for-tax-ratio,
.page-historydetail .block-purchase-history-detail--total-for-tax-ratio {
  margin-top: 20px;
}

.page-history .block-purchase-history-detail--tax-ratio,
.page-historydetail .block-purchase-history-detail--tax-ratio {
  display: inline-block;
  margin-right: 10px;
}

.page-history .block-purchase-history-detail--total-for-tax-ratio-amount,
.page-historydetail .block-purchase-history-detail--total-for-tax-ratio-amount {
  display: inline-block;
}

.page-history .block-history--switching-nav {
  margin-bottom: 20px;
}

.page-history .block-history--switching-nav-list {
  border: 1px solid #dbdbdb;
  display: flex;
  margin: 0 auto;
  width: 100%;
}

.page-history .block-history--switching-nav-list-item {
  cursor: pointer;
  line-height: 1;
  padding: calc(19px - 0.5em) 0;
  text-align: center;
  width: 50%;
}

.page-history .block-history--switching-nav-list-item__active {
  background-color: #333333;
  color: #ffffff;
}

.page-history .block-history--switching-nav {
  display: flex;
  flex-wrap: wrap;
}

.page-history .block-history--switching-nav-list {
  background: #ffffff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  width: 50%;
  padding: calc(19px - 0.5em) 0;
  border: 1px solid #dbdbdb;
  line-height: 1;
}

.page-history .tab_content {
  display: none;
  width: 100%;
}

.page-history input:checked + .block-history--switching-nav-list {
  color: #ffffff;
  background-color: #333333;
}

.page-history #tab1, .page-history #tab2 {
  display: none;
}

.page-history #tab1:checked ~ #tab_content1 {
  display: block;
}

.page-history #tab2:checked ~ #tab_content2 {
  display: block;
}

.page-bookmark .pane-contents {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-bookmark .p-my-favorite-content__count {
  margin: 0 auto 20px;
  text-align: left;
}

.page-bookmark .p-my-favorite-content__tab {
  border-bottom: 1px solid #666666;
  display: flex;
  margin-bottom: 40px;
}

.page-bookmark .p-my-favorite-content__tab__item {
  width: 100%;
}

.page-bookmark .p-my-favorite-content__tab__item:not(:last-child) {
  margin-right: 1px;
}

.page-bookmark .p-my-favorite-content__tab__item a {
  color: #000000;
  display: block;
  font-size: 16px;
  line-height: 2;
  padding: 0.5em 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.page-bookmark .p-my-favorite-content__tab__item a.active::after {
  background-color: #333333;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.page-bookmark .p-my-favorite-content__tab__target #bookmark_allcheck {
  background-color: #dbdbdb;
  border: 4px solid #dbdbdb;
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  margin: 0 10px 0 0;
  position: relative;
  width: 16px;
}

.page-bookmark .p-my-favorite-content__tab__target #bookmark_allcheck:checked {
  background-color: #666666;
}

.page-bookmark .p-my-favorite-content__list {
  margin: 20px 0;
}

.page-bookmark .p-my-favorite-content__list .c-product__item {
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
  position: relative;
}

.page-bookmark .p-my-favorite-content__list .c-product__item:first-child {
  border-top: 1px solid #dbdbdb;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__thumb {
  margin-right: 20px;
  padding: 0 0 0 40px;
  position: relative;
  width: calc(50% - 20px);
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__thumb .c-favorite-check {
  display: block;
  height: calc(100% - 80px);
  left: 0;
  margin: 0;
  position: absolute;
  top: 40px;
  width: 40px;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__thumb .c-favorite-check > .bookmark_check {
  background-color: #dbdbdb;
  border: 4px solid #dbdbdb;
  border-radius: 4px;
  display: block;
  height: 16px;
  left: calc(50% - 8px);
  margin: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__thumb .c-favorite-check > .bookmark_check:checked {
  background-color: #666666;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__thumb .c-favorite-btn {
  height: 30px;
  right: -10px;
  position: absolute;
  top: -10px;
  width: 30px;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__about {
  width: 50%;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__about .c-product__product-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__about2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-left: 40px;
  width: 100%;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__about2 .c-product__update-date {
  width: 80%;
}

.page-bookmark .p-my-favorite-content__list .c-product__item .c-product__about2 .c-product__delate {
  border: 1px solid #000000;
  cursor: pointer;
  padding: 0.5em;
}

.page-bookmark .p-my-favorite-content .multi_delete_button {
  background-color: #ffffff;
  border: 1px solid #333333;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
  margin: 20px auto 0;
  min-height: 40px;
  padding: calc((38px - 1.3em) / 2) 1em;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.page-bookmark .p-my-favorite-content .action {
  margin-top: 20px;
  text-align: center;
}

.page-custdest .pane-contents {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-custdest .block-shipping-address {
  margin: 0;
}

.page-custdest .block-shipping-address-confirmation {
  margin: 0;
}

.page-custdest .block-shipping-address .checktype_pref {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 1;
  position: relative;
  min-width: 100px;
}

.page-custdest .block-shipping-address .checktype_pref::before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 50%;
  right: 20px;
  top: 25%;
  position: absolute;
  width: 1px;
}

.page-custdest .block-shipping-address .checktype_pref::after {
  border: 4px solid transparent;
  border-top: 6px solid #666666;
  box-sizing: border-box;
  content: "";
  height: 4px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: calc(50% - 3px);
  width: 4px;
}

.page-custdest .block-shipping-address .checktype_pref > select {
  height: 100%;
  padding: 0 30px 0 10px;
  width: 100%;
}

.page-custdest .action-buttons {
  display: flex;
  flex-wrap: wrap;
}

.page-custdest .action-buttons .action:nth-child(1) {
  order: 1;
  width: 100%;
}

.page-custdest .action-buttons .action:nth-child(2) {
  background: none;
  border-top: 1px solid #dbdbdb;
  color: #666666;
  display: block;
  margin-top: 20px;
  order: 3;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.page-custdest .action-buttons .action:nth-child(2)::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-custdest .action-buttons .action:nth-child(2) .block-shipping-address--back {
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-custdest .action-buttons .action:nth-child(2) .block-shipping-address-confirmation--back {
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-custdest .action-buttons .action.action-delete {
  order: 2;
  width: 100%;
}

.page-backorder .block-arrival-notice-list {
  margin: 0 auto;
  padding: 0;
  width: calc(100% - 30px);
}

.page-backorder .block-arrival-notice-list--header {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-backorder .block-arrival-notice-list--customer-name {
  border-bottom: 1px solid #666666;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 40px;
  padding: 0 10px 0.5em;
}

.page-backorder .block-arrival-notice-list--form {
  margin-bottom: 40px;
}

.page-backorder .block-arrival-notice-list--form form > p:first-child {
  text-align: center;
}

.page-backorder .block-arrival-notice-list--form .action-buttons .action::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-backorder .block-arrival-notice-list--form .action-buttons .action .block-arrival-notice-list--back-to-home {
  border: none;
  color: #000000;
  display: inline-block;
  padding: 0;
  width: auto;
}

.page-backorder .block-arrival-notice-list--pager-top {
  margin-bottom: 20px;
}

.page-backorder .block-arrival-notice-list--pager-top .pager {
  margin: 0;
  text-align: left;
}

.page-backorder .block-arrival-notice-list--pager-top .pager .block-list--result {
  border: none;
  margin: 0;
  padding: 0;
}

.page-backorder .block-arrival-notice-list--items li {
  border-bottom: 1px solid #dbdbdb;
  padding: 40px 0;
}

.page-backorder .block-arrival-notice-list--items li:first-child {
  border-top: 1px solid #dbdbdb;
}

.page-backorder .block-arrival-notice-list--goods {
  display: flex;
  flex-wrap: wrap;
}

.page-backorder .block-arrival-notice-list--image {
  background: none;
  margin-right: 20px;
  width: calc(50% - 60px);
}

.page-backorder .block-arrival-notice-list--image .img-center {
  height: auto;
  width: auto;
}

.page-backorder .block-arrival-notice-list--image .img-center img {
  width: 100%;
}

.page-backorder .block-arrival-notice-list--description {
  padding: 0;
  width: calc(50% + 40px);
}

.page-backorder .block-arrival-notice-list--goods-name {
  font-size: 16px;
  margin-bottom: 10px;
}

.page-backorder .block-arrival-notice-list--delete-item {
  margin-top: 20px;
  padding: 0;
}

.page-backorder .block-arrival-notice-list--delete {
  display: inline-block;
  padding: 0.5em;
  width: auto;
}

.page-backorder .block-arrival-notice-list--pager-bottom {
  display: none;
}

.page-cardedit .block-card-error--title,
.page-cardupdate .block-card-error--title {
  background-color: #666666;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.page-cardedit .block-card-error--text,
.page-cardupdate .block-card-error--text {
  font-size: 14px;
  margin-bottom: 40px;
  text-align: left;
}

.page-cardedit .block-card-error--button,
.page-cardupdate .block-card-error--button {
  background-color: #ffffff;
  border: 1px solid #666666;
  font-size: 14px;
  line-height: 1;
  margin: 0 auto;
  padding: calc((48px - 1em) / 2) 0;
  text-align: center;
  width: 300px;
}

.page-cardedit .pane-contents > .container {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-cardedit .block-credit-card-confirmation {
  margin: 0;
  /*.action-buttons {
      border-top: 1px solid $gray;
      margin-top: 40px;
      padding-top: 40px;
      .action:last-child {
        position: relative;
        &::after {
          border-top: 1px solid $subBlack;
          border-right: 1px solid $subBlack;
          content: "";
          display: inline-block;
          height: 6px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 6px;
        }
        .block-credit-card-confirmation--back {
        }
      }
      .action {
        .block-credit-card-confirmation--back {
          display: inline-block;
          &::after {
            border-top: 1px solid $subBlack;
            border-right: 1px solid $subBlack;
            content: "";
            display: inline-block;
            height: 6px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 6px;
          }
        }
      }
    }*/
}

.page-cardedit .block-credit-card-confirmation--credit-card-info-header, .page-cardedit .block-credit-card-confirmation--update-confirmation-header {
  background-color: #666666;
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
  width: calc(100% + 30px);
}

.page-cardedit .block-credit-card-confirmation--credit-card-info-items {
  border: 1px solid #dbdbdb;
  padding: 10px 10px 10px 40px;
  position: relative;
}

.page-cardedit .block-credit-card-confirmation--card_seq {
  height: 16px !important;
  left: 10px;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px !important;
}

.page-cardedit .block-credit-card-confirmation--card_seq input[name='card_seq'] {
  background-color: #dbdbdb;
  border: 4px solid #dbdbdb;
  border-radius: 8px;
  height: 16px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 16px;
}

.page-cardedit .block-credit-card-confirmation--card_seq input[name='card_seq']:checked {
  background-color: #666666;
}

.page-cardedit .block-credit-card-confirmation--issuer, .page-cardedit .block-credit-card-confirmation--card-no, .page-cardedit .block-credit-card-confirmation--expired {
  display: flex;
  flex-wrap: wrap;
}

.page-cardedit .block-credit-card-confirmation--issuer .block-form--title-secondaly, .page-cardedit .block-credit-card-confirmation--card-no .block-form--title-secondaly, .page-cardedit .block-credit-card-confirmation--expired .block-form--title-secondaly {
  background-color: #dbdbdb;
  border: none;
  margin: 0 0 1px;
  padding: 0.5em;
  width: 6em;
}

.page-cardedit .block-credit-card-confirmation--issuer .block-form--title-secondaly .form-label .control-label, .page-cardedit .block-credit-card-confirmation--card-no .block-form--title-secondaly .form-label .control-label, .page-cardedit .block-credit-card-confirmation--expired .block-form--title-secondaly .form-label .control-label {
  font-weight: normal;
}

.page-cardedit .block-credit-card-confirmation--issuer .form-control, .page-cardedit .block-credit-card-confirmation--card-no .form-control, .page-cardedit .block-credit-card-confirmation--expired .form-control {
  margin: 0 0 1px;
  padding: 0.5em;
  width: calc(100% - 6em);
}

.page-cardedit .block-credit-card-confirmation--olduid input[type='email'] {
  margin-bottom: 0.5em;
}

.page-cardedit .block-credit-card-confirmation--oldpwd input[type='password'] {
  margin-bottom: 0.5em;
}

.page-cardedit .block-credit-card-confirmation--back {
  background: none;
  border: none;
  color: #666666;
  display: inline;
  line-height: 1;
  padding: 0;
  position: relative;
  width: auto;
}

.page-cardedit .block-credit-card-confirmation--back::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  position: absolute;
  top: calc(50% - 2px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-cardupdate .pane-contents > .container {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-cardupdate .block-update-credit-card-info {
  margin: 0;
}

.page-cardupdate .block-update-credit-card-info--update-creditcard-header {
  background-color: #666666;
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
  width: calc(100% + 30px);
}

.page-cardupdate .block-update-credit-card-info--update-credit-card-message {
  margin-bottom: 20px;
}

.page-cardupdate .block-update-credit-card-info--card-issuer, .page-cardupdate .block-update-credit-card-info--card-number, .page-cardupdate .block-update-credit-card-info--security-code, .page-cardupdate .block-update-credit-card-info--card-expire {
  margin-bottom: 20px;
}

.page-cardupdate .block-update-credit-card-info--card-issuer .form-label, .page-cardupdate .block-update-credit-card-info--card-number .form-label, .page-cardupdate .block-update-credit-card-info--security-code .form-label, .page-cardupdate .block-update-credit-card-info--card-expire .form-label {
  border-bottom: 1px solid #666666;
  margin-bottom: 10px;
  padding: 0 0 0.5em;
  width: 100%;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] {
  display: none;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand']:checked + label::after {
  content: "";
  display: block;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] + label {
  cursor: pointer;
  display: inline-block;
  padding-left: calc(16px + 0.5em);
  position: relative;
  vertical-align: middle;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] + label:last-child {
  margin-bottom: 20px;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] + label:not(:last-child) {
  margin-bottom: 20px;
  margin-right: 20px;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] + label::before {
  background-color: #dbdbdb;
  border-radius: 10px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}

.page-cardupdate .block-update-credit-card-info--card-issuer input[name='card_brand'] + label::after {
  background-color: #666666;
  border-radius: 4px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-cardupdate .block-update-credit-card-info--card-expire select[name='select_card_m'] {
  border: none;
  /*        background-color: $white;
        border: 1px solid $gray;
        cursor: pointer;
        display: inline-block;
        height: 40px;
        line-height: 1;
        margin-right: 0.5em;
        padding: 0 0.5em;
        position: relative;
        min-width: 3em;*/
}

.page-cardupdate .block-update-credit-card-info--card-expire select[name='select_card_y'] {
  border: none;
  /*        background-color: $white;
        border: 1px solid $gray;
        cursor: pointer;
        display: inline-block;
        height: 40px;
        line-height: 1;
        margin: 0 0.5em;
        padding: 0 0.5em;
        position: relative;
        min-width: 5em;*/
}

.page-cardupdate .block-update-credit-card-info .fieldset-vertical {
  margin: 0;
}

.page-cardupdate .block-update-credit-card-info .block-update-credit-card-info--update-creditcard-info {
  margin-bottom: 40px;
}

.page-cardupdate .action-buttons {
  margin: 0;
}

.page-cardupdate .action-buttons.js-creditcard-js-available {
  margin-bottom: 20px;
}

.page-cardupdate .action-buttons.js-creditcard-js-available .action::before, .page-cardupdate .action-buttons.js-creditcard-js-available .action::after {
  display: none;
}

.page-cardupdate .action-buttons .action {
  position: relative;
  /*      &::before {
        background-color: $gray;
        content: "";
        display: block;
        height: 1px;
        margin-bottom: 20px;
        width: 100%;
      }
      &::after {
        border-top: 1px solid $subBlack;
        border-right: 1px solid $subBlack;
        content: "";
        display: inline-block;
        height: 6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 6px;
      }*/
}

.page-cardupdate .action-buttons .action .block-update-credit-card-info--back {
  background: none;
  border: none;
  color: #666666;
  display: inline;
  line-height: 1;
  padding: 0;
  position: relative;
  width: auto;
}

.page-cardupdate .action-buttons .action .block-update-credit-card-info--back::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 2px);
  width: 6px;
}

.page-cardupdate .block-payment-dialog {
  font-size: 20px;
  margin: 0 auto;
  text-align: center;
}

.page-cardupdate .modal-alert {
  padding: 0 5%;
}

.page-cardupdate .modal-alert .modal-header {
  background-color: #666666;
  text-align: center;
}

.page-cardupdate .modal-alert .modal-body {
  padding: 40px 20px;
}

.page-everyform .pane-contents > .container,
.page-questionnaireform .pane-contents > .container {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-everyform .common-column-title,
.page-questionnaireform .common-column-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.page-everyform .common-column-title:not(:first-child),
.page-questionnaireform .common-column-title:not(:first-child) {
  margin-top: 40px;
}

.page-everyform .block-questionnaire,
.page-questionnaireform .block-questionnaire {
  margin: 0;
}

.page-everyform .block-questionnaire--freespace-top,
.page-questionnaireform .block-questionnaire--freespace-top {
  margin-bottom: 80px;
}

.page-everyform .block-questionnaire--freespace-bottom,
.page-questionnaireform .block-questionnaire--freespace-bottom {
  margin-top: 80px;
}

.page-everyform .block-questionnaire--item-description,
.page-questionnaireform .block-questionnaire--item-description {
  margin-bottom: 10px;
}

.page-everyform .block-questionnaire--box-content:not(:last-child),
.page-questionnaireform .block-questionnaire--box-content:not(:last-child) {
  margin-top: 40px;
}

.page-everyform .block-questionnaire--address-items:not(:last-child),
.page-questionnaireform .block-questionnaire--address-items:not(:last-child) {
  margin-top: 40px;
}

.page-everyform .block-questionnaire--confirmation-form .action-buttons .action,
.page-questionnaireform .block-questionnaire--confirmation-form .action-buttons .action {
  width: 100%;
}

.page-everyform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2),
.page-questionnaireform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2) {
  background: none;
  border-top: 1px solid #dbdbdb;
  color: #666666;
  display: block;
  margin-top: 20px;
  order: 3;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.page-everyform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2)::after,
.page-questionnaireform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2)::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-everyform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2) .block-questionnaire--confirmation-back,
.page-questionnaireform .block-questionnaire--confirmation-form .action-buttons .action:nth-child(2) .block-questionnaire--confirmation-back {
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-everyform .block-questionnaire--confirmation-item-list .form-label:not(:first-child),
.page-questionnaireform .block-questionnaire--confirmation-item-list .form-label:not(:first-child) {
  margin-top: 0;
}

.page-everyform input[type='checkbox'],
.page-questionnaireform input[type='checkbox'] {
  display: none;
}

.page-everyform input[type='checkbox']:checked + label::after,
.page-questionnaireform input[type='checkbox']:checked + label::after {
  content: "";
  display: block;
}

.page-everyform input[type='checkbox'] + label,
.page-questionnaireform input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  padding-left: calc(16px + 0.5em);
  position: relative;
  vertical-align: middle;
}

.page-everyform input[type='checkbox'] + label::before,
.page-questionnaireform input[type='checkbox'] + label::before {
  background-color: #dbdbdb;
  border-radius: 4px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}

.page-everyform input[type='checkbox'] + label::after,
.page-questionnaireform input[type='checkbox'] + label::after {
  background-color: #666666;
  border-radius: 2px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-everyform input[type='checkbox'] + label + input[type='checkbox'] + label,
.page-questionnaireform input[type='checkbox'] + label + input[type='checkbox'] + label {
  margin-top: 20px;
}

.page-everyform input[type='radio'] + label + input[type='radio'] + label,
.page-questionnaireform input[type='radio'] + label + input[type='radio'] + label {
  margin-top: 20px;
}

.page-everyform .form-group:not(:first-child),
.page-questionnaireform .form-group:not(:first-child) {
  margin-top: 40px;
}

.page-everyform .form-label:not(:first-child),
.page-questionnaireform .form-label:not(:first-child) {
  margin-top: 40px;
}

.page-everyform .form-control input[type='checkbox'] + label,
.page-questionnaireform .form-control input[type='checkbox'] + label {
  display: block;
}

.page-everyform .control-label,
.page-questionnaireform .control-label {
  border-bottom: 1px solid #666666;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 0 0.5em;
  width: 100%;
}

.page-everyform .control-label:not(:first-child),
.page-questionnaireform .control-label:not(:first-child) {
  margin-top: 40px;
}

.page-everyform .p-beautyfesta-campaign__content__form__tab,
.page-questionnaireform .p-beautyfesta-campaign__content__form__tab {
  position: relative;
}

.page-everyform .p-beautyfesta-campaign__content__form__tab input[name='form-tab-btn'],
.page-questionnaireform .p-beautyfesta-campaign__content__form__tab input[name='form-tab-btn'] {
  background-color: #dbdbdb;
  border-radius: 12px;
  border: 4px solid #dbdbdb;
  display: inline-block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 24px;
}

.page-everyform .p-beautyfesta-campaign__content__form__tab input[name='form-tab-btn']:checked,
.page-questionnaireform .p-beautyfesta-campaign__content__form__tab input[name='form-tab-btn']:checked {
  background-color: #666666;
}

.page-everyform .p-beautyfesta-campaign__content__form__tab .form-tab1-label,
.page-questionnaireform .p-beautyfesta-campaign__content__form__tab .form-tab1-label {
  border-bottom: 1px solid #666666;
  display: inline-block;
  font-weight: 700;
  margin: 40px 0 20px;
  padding: 10px 0 0.5em 32px;
  width: 100%;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__ttl,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__ttl {
  border-bottom: 1px solid #666666;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 0 0.5em;
  width: 100%;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__ttl:not(:last-child),
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__ttl:not(:last-child) {
  margin-top: 40px;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__brand,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__brand {
  display: none;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__ttl,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__ttl {
  font-weight: 700;
  margin-bottom: 0.5em;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__text,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__text {
  margin-top: 10px;
  padding-left: 20px;
  position: relative;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn {
  left: 0;
  position: absolute !important;
  top: 5px;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn::before,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn::before {
  top: 0;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn::after,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__content__text .grad-btn::after {
  top: 4px;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__btn,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__btn {
  background-color: #b3b3b3;
  margin: 40px auto 0;
  min-height: 40px;
  width: 50%;
}

.page-everyform .p-beautyfesta-campaign__content__form__select__btn input,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select__btn input {
  width: 100%;
}

.page-everyform .p-beautyfesta-campaign__content__form__select-column,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select-column {
  display: flex;
  flex-wrap: wrap;
}

.page-everyform .p-beautyfesta-campaign__content__form__select-column .p-beautyfesta-campaign__content__form__select__inner,
.page-questionnaireform .p-beautyfesta-campaign__content__form__select-column .p-beautyfesta-campaign__content__form__select__inner {
  width: calc(50% - 10px);
}

.page-everyform .p-beautyfesta-campaign__content__form__select-column .p-beautyfesta-campaign__content__form__select__inner:nth-child(2n-1),
.page-questionnaireform .p-beautyfesta-campaign__content__form__select-column .p-beautyfesta-campaign__content__form__select__inner:nth-child(2n-1) {
  margin-right: 20px;
}

.page-everyform .constraint .required::after,
.page-questionnaireform .constraint .required::after {
  background: none;
  border: 1px solid #cc0000;
  border-radius: 0;
  color: #cc0000;
  margin: 0;
  padding: 0 0.5em;
}

.page-everyform .shop-lists-wrapper .shop-lists-area:not(:last-child),
.page-questionnaireform .shop-lists-wrapper .shop-lists-area:not(:last-child) {
  margin-bottom: 1px;
}

.page-everyform .shop-lists-wrapper .shop-lists-area-ttl,
.page-questionnaireform .shop-lists-wrapper .shop-lists-area-ttl {
  background-color: #dbdbdb;
  padding: calc((40px - 1em) / 2) 20px calc((40px - 1em) / 2) 40px;
  position: relative;
}

.page-everyform .shop-lists-wrapper .shop-lists-area-ttl::before,
.page-questionnaireform .shop-lists-wrapper .shop-lists-area-ttl::before {
  -webkit-transform: rotate(45deg);
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  position: absolute;
  left: 15px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
}

.page-everyform .shop-lists-wrapper .shop-lists-pref,
.page-questionnaireform .shop-lists-wrapper .shop-lists-pref {
  background-color: #f5f5f5;
  margin-bottom: 1px;
  padding: calc((30px - 1em) / 2) 20px calc((30px - 1em) / 2) 60px;
}

.page-everyformcomplete .pane-contents {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-everyformcomplete .action-buttons .action {
  background: none;
  color: #666666;
  display: block;
  order: 3;
  position: relative;
  text-align: center;
  width: 100%;
}

.page-everyformcomplete .action-buttons .action::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  height: 6px;
  margin-left: 5px;
  position: absolute;
  right: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% - 2px);
  width: 6px;
}

.page-everyformcomplete .action-buttons .action .block-questionnaire-completed--back-to-home {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  vertical-align: baseline;
  width: auto;
}

.page-everyformcomplete .p-beautyfesta-campaign-form__content {
  background: none;
}

.page-everyformcomplete .p-beautyfesta-campaign__content__form__text {
  font-size: 16px;
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
}

.page-everyformcomplete .p-beautyfesta-campaign__content__form__select__btn {
  margin: 0 auto;
  padding: 0;
}

.page-everyformcomplete .p-beautyfesta-campaign__content__form__select__btn .action {
  display: block;
  margin: 0 auto;
  padding: 0;
  height: auto;
  width: 100%;
}

.page-everyformcomplete .p-beautyfesta-campaign__content__form__select__btn .block-questionnaire-completed--back-to-home {
  background-color: #ffffff;
  border: 1px solid #666666;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: calc((49px - 1em) / 2);
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.page-contact .pane-contents > .container {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-contact .p-my-content-online__inner {
  background-color: #f5f5f5;
  margin: 0 -15px;
  padding: 30px 15px;
  width: calc(100% + 30px);
}

.page-contact .p-my-content-online__inner h3 {
  background-color: #ffffff;
  display: inline-block;
  margin: 10px 0;
  padding: 0.5em 2em;
}

.page-contact .p-my-content-online__inner ul li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.page-contact .p-my-content-online__inner ul li:not(:last-child) {
  margin-bottom: 0.5em;
}

.page-contact .p-my-content-online + .p-my-content__heading {
  line-height: 1;
}

.page-contact .action-buttons input[name='confirm'] {
  background-color: #333333;
  color: #ffffff;
}

.page-contact .block-inquiry--confirmation-inquiry-body .form-label {
  border-bottom: 1px solid #666666;
  margin: 20px 0 10px;
  padding: 0 0 0.5em;
  width: 100%;
}

.page-contact .block-inquiry--confirmation-inquiry-body .constraint {
  color: #cc0000;
  display: inline-block;
  float: none;
  font-weight: normal;
  margin-left: 1em;
}

.page-contact .block-inquiry--confirmation-inquiry-body .constraint .required::after {
  background: none;
  border: 1px solid #cc0000;
  border-radius: 0;
  color: #cc0000;
  margin: 0;
  padding: 0 0.5em;
}

.page-contact .action-buttons .action:nth-child(1) {
  width: 100%;
}

.page-contact .action-buttons .action:nth-child(2) {
  background: none;
  border-top: 1px solid #dbdbdb;
  color: #666666;
  display: block;
  margin-top: 20px;
  order: 3;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.page-contact .action-buttons .action:nth-child(2)::after {
  border-top: 1px solid;
  border-right: 1px solid;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-contact .action-buttons .action:nth-child(2) .block-inquiry--confirmation-back {
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-contactthanks .common-page-title {
  font-size: 18px;
}

.page-contactthanks .block-inquiry-completed {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-contactthanks .block-inquiry-completed--message {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

.page-contactthanks .block-inquiry-completed--important {
  background-color: #f5f5f5;
  margin: 20px auto;
  padding: 20px;
}

.page-contactthanks .action-buttons {
  margin-top: 20px;
}

.page-contactthanks .action-buttons .action {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.page-contactthanks .action-buttons .action .block-inquiry-completed--back-to-home {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  color: #666666;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding-right: calc(0.5em + 10px);
  position: relative;
}

.page-contactthanks .action-buttons .action .block-inquiry-completed--back-to-home::after {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  right: 5px;
  top: calc(50% - 2px);
  transform: rotate(45deg);
}

.page-mag .pane-contents > .container {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-mag .block-mail-news {
  margin: 0;
}

.page-mag .block-mail-news--register-header, .page-mag .block-mail-news--release-header {
  background-color: #666666;
  border: none;
  color: #ffffff;
  font-weight: normal;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
  width: calc(100% + 30px);
}

.page-mag .block-mail-news--terms-check {
  margin-top: 40px;
  text-align: center;
}

.page-mag .block-mail-news--terms-check-input {
  background-color: #dbdbdb;
  border: 4px solid #dbdbdb;
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  margin: 0 10px 0 0;
  position: relative;
  width: 16px;
}

.page-mag .block-mail-news--terms-check-input:checked {
  background-color: #666666;
}

.page-mag .block-mail-news--note {
  margin-top: 80px;
}

.page-withdrawal .block-withdrawal {
  margin: 0;
  padding: 0;
}

.page-withdrawal .block-withdrawal--forward {
  background-color: #333333;
  color: #ffffff;
}

.page-withdrawal .action-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.page-withdrawal .action-buttons .action {
  position: relative;
}

.page-withdrawal .action-buttons .action:nth-child(1) {
  margin-top: 20px;
  order: 2;
  text-align: center;
  width: 100%;
}

.page-withdrawal .action-buttons .action:nth-child(1)::after {
  -webkit-transform: rotate(45deg);
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}

.page-withdrawal .action-buttons .action:nth-child(2) {
  order: 1;
  text-align: center;
  width: 100%;
}

.page-withdrawal .action-buttons .action .block-withdrawal--back-to-home {
  border: none;
  padding: 0;
  width: auto;
}

.page-withdrawal .block-withdrawal--back {
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-regularhistory .p-my-content__heading {
  margin-bottom: 10px;
}

.page-regularhistory .p-my-content__heading--secondaly-sub {
  margin-bottom: 20px;
  text-align: center;
}

.page-regularhistory .block-regular-purcharse-list {
  margin: 0;
}

.page-regularhistory .block-purchase-history--count {
  margin-bottom: 20px;
}

.page-regularhistory .block-purchase-history--table {
  border: 1px solid #dbdbdb;
}

.page-regularhistory .block-purchase-history--table tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-regularhistory .block-purchase-history--table th {
  width: 40%;
}

.page-regularhistory .block-purchase-history--table td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-regularhistory .block-purchase-history--table + .action-buttons {
  border-bottom: 1px solid #dbdbdb;
  margin-top: 10px;
  padding-bottom: 40px;
}

.page-regularhistory .block-purchase-history--table + .action-buttons .action {
  text-align: right;
}

.page-regularhistory .block-purchase-history--table + .action-buttons .action a {
  color: #666666;
  text-decoration: none;
}

.page-regularhistorydetail .block-regular-purcharse-detail {
  margin: 0;
}

.page-regularhistorydetail .block-regular-purcharse-detail .p-my-content__heading--secondaly-main {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table {
  border: 1px solid #dbdbdb;
  margin-bottom: 40px;
  margin-top: 20px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table-btn {
  margin-top: 20px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table-btn:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table .regular_cycle_ {
  display: inline-block;
  margin-bottom: 10px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table .regular_cycle_title {
  font-weight: 700;
  display: inline-block;
  width: 10em;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table tr:not(:last-child) th {
  border-bottom: 1px solid #ffffff;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table tr:not(:last-child) td {
  border-bottom: 1px solid #dbdbdb;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table th {
  width: 40%;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-purchase-detail--table td {
  width: 60%;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in .p-my-content__heading--thirdaly {
  background: none;
  border-bottom: 1px solid #666666;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 0 0 0.5em;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in .p-my-content__heading--thirdaly span {
  font-size: 12px;
  font-weight: normal;
  color: #cc0000;
  display: inline-block;
  margin-left: 10px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in .block-regular-purcharse-detail--action-message {
  margin-bottom: 20px;
  padding-top: 0;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in .block-regular-method--purcharse-detail-method-select li:not(:last-child) {
  margin-bottom: 10px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in .action-buttons {
  margin-top: 20px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in:last-child {
  margin-top: 40px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in:last-child .action-buttons .action {
  position: relative;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in:last-child .action-buttons .action::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail-in:last-child .action-buttons .action .block-regular-purcharse-detail--back-btn {
  border: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: auto;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail--card-confirm {
  display: block;
  margin-top: 20px;
  text-align: left !important;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail--withdrawal {
  border-top: 1px solid #dbdbdb;
  margin-top: 40px;
  padding-top: 40px;
}

.page-regularhistorydetail .block-regular-purcharse-detail .block-regular-purcharse-detail--withdrawal .block-regular-purcharse-detail--action-message {
  margin-bottom: 20px;
  padding: 0;
}

.page-regularhistorydetail .block-regular-purcharse-detail .p-my-content__heading--thirdaly#change_method_link {
  background: none;
  border-bottom: 1px solid #666666;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 40px;
  padding: 0 0 0.5em;
}

.page-regularhistorydetail .mfp-container {
  padding: 0 5%;
}

.page-regularhistorydetail .mfp-container input[type="checkbox"] {
  background-color: #dbdbdb;
  border-radius: 4px;
  display: inline-block;
  height: 16px;
  left: 0;
  margin-right: 10px;
  position: relative;
  width: 16px;
}

.page-regularhistorydetail .mfp-container input[type="checkbox"]:checked::after {
  background-color: #666666;
  border-radius: 2px;
  content: "";
  display: block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-regularhistorydetail .mfp-container .modal-content {
  background-color: #ffffff;
}

.page-regularhistorydetail .mfp-container .modal-header {
  background-color: #666666;
  padding: 10px 40px;
  position: relative;
  text-align: center;
}

.page-regularhistorydetail .mfp-container .modal-header .js-modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.page-regularhistorydetail .mfp-container .modal-body {
  padding: 20px;
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items {
  border-top: 1px solid #666666;
  margin-top: 20px;
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items .block-regular-purcharse-detail--goods-items-in {
  border-bottom: 1px solid #666666;
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
  padding: 10px 0;
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items .block-regular-purcharse-detail--check {
  margin-bottom: 10px;
  width: 100%;
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items .block-regular-purcharse-detail--goods-img {
  margin: 0 20px 0 0;
  width: 30%;
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items .block-regular-purcharse-detail--goods-name {
  width: calc(70% - 20px);
}

.page-regularhistorydetail .mfp-container .modal-body .block-regular-purcharse-detail--goods-items .block-regular-purcharse-detail--goods-name-in > * {
  margin-bottom: 0;
}

.page-regularhistorydetail .mfp-container .modal-footer {
  padding: 0 10px 10px;
}

.page-regularhistorydetail .mfp-container .modal-footer .action-buttons {
  margin: 0;
}

.page-regularhistorydetail .mfp-container .modal-footer .action-buttons .block-regular-purcharse-skip--register-btn {
  background-color: #333333;
  border: none;
  color: #ffffff;
  height: auto;
  line-height: 1;
  margin: 0 auto;
  padding: calc((58px - 1em) / 2) 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.page-regularhistorydetail .success {
  background-color: #f5f5f5;
  color: #000000;
  font-weight: 700;
  margin: 0 auto 20px;
  padding: 10px;
  text-align: center;
}

.page-regularhistorydetail .success::before {
  display: none;
}

.page-regularhistorydetail .block-error-message {
  background-color: #ffebee;
  margin: 0 auto 20px;
  padding: 10px;
}

.page-regularhistorydetail .block-error-message * {
  color: #a94442;
  font-weight: 700;
}

.page-regularcycle .block-regular-purcharse-detail {
  margin: 0;
}

.page-regularcycle .block-regular-purcharse-detail .p-my-content__heading--secondaly-main {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-detail-message {
  margin-bottom: 20px;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-history--table {
  border: 1px solid #dbdbdb;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-history--table tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-history--table th {
  width: 40%;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-history--table td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-regularcycle .block-regular-purcharse-detail .txt-attention {
  margin-bottom: 20px;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table-tel {
  border: 1px solid #dbdbdb;
  padding: 10px;
}

.page-regularcycle .block-regular-purcharse-detail .p-my-content__heading--thirdaly {
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
}

.page-regularcycle .block-regular-purcharse-detail .block-order--subscription-text {
  margin-bottom: 10px;
}

.page-regularcycle .block-regular-purcharse-detail .block-order--subscription-timing-date-check {
  margin-bottom: 10px;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-cycle--select-dm {
  margin-bottom: 20px;
}

.page-regularcycle .block-regular-purcharse-detail .block-order--subscription-timing-week-select {
  margin: 5px 0;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-list-col2:not(.block-regular-purcharse-list-col2-next) {
  margin-bottom: 40px;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-list-col2:not(.block-regular-purcharse-list-col2-next) dt {
  border-bottom: 1px solid #666666;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 0 0 0.5em;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-list-col2-next dl {
  display: table;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-list-col2-next dt {
  background-color: #dbdbdb;
  display: table-cell;
  padding: 0.5em 10px;
  width: 40%;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-list-col2-next dd {
  border: 1px solid #dbdbdb;
  display: table-cell;
  padding: 0.5em 10px;
  vertical-align: middle;
  width: 60%;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table tbody {
  border: 1px solid #dbdbdb;
  display: flex;
  flex-wrap: wrap;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table tr:nth-child(2n-1) {
  background-color: #dbdbdb;
  display: block;
  width: 40%;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table tr:nth-child(2n) {
  display: block;
  vertical-align: middle;
  width: 60%;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table tr:nth-child(1) {
  border-bottom: 1px solid #ffffff;
}

.page-regularcycle .block-regular-purcharse-detail .block-purchase-detail--table tr:nth-child(2) {
  border-bottom: 1px solid #dbdbdb;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-shipment-info-update--forward {
  background-color: #333333;
  border: none;
  color: #ffffff;
}

.page-regularcycle .block-regular-purcharse-detail .block-regular-purcharse-cycle-info-update--back-btn {
  border: none;
  padding: 0;
  width: auto;
}

.page-regularcycle .block-regular-purcharse-detail .action-buttons .action:last-child::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-regularcycle .block-regular-purcharse-detail select {
  background: none;
  border: none;
}

.page-regularcycle .block-regular-purcharse-detail small {
  font-size: 12px;
}

.page-regulardate .block-regular-purcharse-detail {
  margin: 0;
}

.page-regulardate .block-regular-purcharse-detail .p-my-content__heading--secondaly-main {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-regulardate .block-regular-purcharse-detail .block-regular-purcharse-detail-message {
  margin-bottom: 20px;
}

.page-regulardate .block-regular-purcharse-detail .block-purchase-history--table {
  border: 1px solid #dbdbdb;
}

.page-regulardate .block-regular-purcharse-detail .block-purchase-history--table tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-regulardate .block-regular-purcharse-detail .block-purchase-history--table th {
  width: 40%;
}

.page-regulardate .block-regular-purcharse-detail .block-purchase-history--table td {
  border: 1px solid #dbdbdb;
  width: 60%;
}

.page-regulardate .block-regular-purcharse-detail .block-regular-purcharse-list-col2 dt {
  border-bottom: 1px solid #666666;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 0 0 0.5em;
}

.page-regulardate .block-regular-purcharse-detail .block-regular-purcharse-date-change--confirm {
  background-color: #333333;
  border: none;
  color: #ffffff;
}

.page-regulardate .block-regular-purcharse-detail .block-regular-purcharse-detail--back-btn {
  border: none;
  padding: 0;
  width: auto;
}

.page-regulardate .block-regular-purcharse-detail .action-buttons .action:last-child::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.page-regulardate .block-regular-purcharse-detail .p-my-content__heading--thirdaly {
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
}

.page-regularsalesmethod .p-my-content__heading {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-regularsalesmethod .block-regular-purcharse-detail {
  margin: 0;
}

.page-regularsalesmethod .p-my-content__heading--thirdaly {
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
}

.page-regularsalesmethod .js-keepcard:not(:last-child) {
  margin-bottom: 20px;
}

.page-regularsalesmethod .js-keepcard .block-credit-card-confirmation--card_seq {
  padding-left: 8px;
  width: 30px !important;
}

.page-regularsalesmethod .js-keepcard .block-credit-card-confirmation--card_seq input[type="radio"] {
  background-color: #dbdbdb;
  border-radius: 10px;
  content: "";
  display: block;
  height: 16px;
  position: relative;
  width: 16px;
}

.page-regularsalesmethod .js-keepcard .block-credit-card-confirmation--card_seq input[type="radio"]::after {
  background-color: #666666;
  border-radius: 4px;
  height: 8px;
  left: 4px;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}

.page-regularsalesmethod .js-keepcard .block-credit-card-confirmation--card_seq input[type="radio"]:checked::after {
  display: block;
  content: "";
}

.page-regularsalesmethod .block-credit-card-confirmation--credit-card-info-table {
  border: 1px solid #dbdbdb;
}

.page-regularsalesmethod .block-credit-card-confirmation--credit-card-info-table tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-regularsalesmethod .block-credit-card-confirmation--credit-card-info-table th {
  width: 40%;
}

.page-regularsalesmethod .block-credit-card-confirmation--credit-card-info-table td {
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  width: 60%;
}

.page-regularsalesmethod .block-order-estimate--pay-selectcard {
  margin: 20px 0;
}

.page-regularsalesmethod .block-order-estimate--pay-selectcard .form-control {
  padding: 0;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail {
  border: 1px solid #dbdbdb;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail tr:not(:last-child) {
  border-bottom: 1px solid #ffffff;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail th {
  vertical-align: middle;
  width: 40%;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail td {
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  width: 60%;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail .block-credit-card-confirmation--issuer .radio:not(:last-child) {
  margin-bottom: 10px;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--update-card-info-detail .block-credit-card-confirmation--expired select {
  margin: 5px 10px 5px 0;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--back {
  background: none;
  border: none;
  line-height: 1;
  padding: 0;
  position: relative;
  width: auto;
}

.page-regularsalesmethod .block-update-regular-purchase-creditcard-info--back::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 6px;
}

.page-regularsalesmethod .modal-alert .modal-content {
  background-color: #ffffff;
}

.page-regularsalesmethod .modal-alert .modal-header {
  background-color: #666666;
  text-align: center;
}

.page-regularsalesmethod .modal-alert .modal-body {
  padding: 20px;
}

.page-regulardest .p-my-content__heading {
  font-size: 24px;
  margin: 40px 0;
  padding: 0;
  text-align: center;
}

.page-regulardest .block-regular-purcharse-shipment-info-update {
  margin: 0;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .legend {
  background-color: #666666;
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  margin: 40px -15px 20px;
  padding: 0.5em 20px;
  width: calc(100% + 30px);
}

.page-regulardest .block-regular-purcharse-shipment-info-update .block-order-method--dest-add {
  padding: 0 0 20px;
  margin-bottom: 20px;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .block-regular-purcharse-shipment-info-update--new-info-items > div:not(:last-child) {
  margin-bottom: 20px;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .block-regular-purcharse-shipment-info-update--new-address {
  border: 1px solid #dbdbdb;
  margin: 10px 0 0;
  padding: 10px;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .block-regular-purcharse-shipment-info-update--forward {
  background-color: #333333;
  border: none;
  color: #ffffff;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .block-regular-purcharse-shipment-info-update--back {
  background: none;
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  width: auto;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .action-buttons .action:nth-child(2) {
  background: none;
  border: none;
  line-height: 1;
  padding: 0;
  position: relative;
  width: auto;
}

.page-regulardest .block-regular-purcharse-shipment-info-update .action-buttons .action:nth-child(2)::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 6px;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation {
  margin: 0;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .block-regular-purcharse-cancellation--goods-items {
  border: 1px solid #dbdbdb;
  margin-bottom: 40px;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .block-regular-purcharse-cancellation--goods-items tr:not(:last-child) th {
  border-bottom: 1px solid #ffffff;
  width: 40%;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .block-regular-purcharse-cancellation--goods-items tr:not(:last-child) td {
  border-bottom: 1px solid #dbdbdb;
  width: 60%;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .action-buttons .action:nth-child(2) {
  margin-top: 40px;
  position: relative;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .action-buttons .action:nth-child(2)::after {
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  content: "";
  display: inline-block;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 6px;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .action-buttons .action:nth-child(2) .block-regular-purcharse-cancellation--back {
  background: none;
  border: none;
  line-height: 1;
  padding: 0;
  width: auto;
}

.page-regularwithdrawal .block-regular-purcharse-cancellation .action-buttons .action .block-regular-purcharse-cancellation--forward {
  background-color: #333333;
  border: none;
  color: #ffffff;
}

.page-information .pane-main,
.page-topics-product .pane-main,
.page-topics-campaign .pane-main,
.page-topics-information .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-information .common-page-title,
.page-topics-product .common-page-title,
.page-topics-campaign .common-page-title,
.page-topics-information .common-page-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

/* --- page-information --- */
.page-information .block-news-nav {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-information .block-news-nav--list {
  display: flex;
  flex-wrap: wrap;
}

.page-information .block-news-nav--list-item {
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 10px 5px 30px;
  padding: 0 5px;
  position: relative;
  text-align: center;
  width: calc((100% - 2px) / 3);
  width: calc(100% / 3);
}

.page-information .block-news-nav--list-item:not(:last-child) {
  border-right: 1px solid #dbdbdb;
}

.page-information .block-news-nav--list-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  bottom: 15px;
  height: 10px;
  position: absolute;
  right: calc(50% - 4px);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 10px;
}

.page-information .block-news-nav--link-anchor {
  border: 2px solid #ebdaad;
  border: 1px solid #000000;
  position: relative;
}

.page-information .block-news-nav--link-anchor::before {
  background-image: url("../../images/common_crown_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

.page-information .block-news--sub-title {
  background-color: #000000;
}

.page-information .block-news--produt-list {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-information .block-news--produt-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-information .block-news--produt-list-item-anchor {
  align-items: flex-start;
  border: 1px solid #dbdbdb;
  display: flex;
  padding: 20px 20px 20px 10px;
}

.page-information .block-news--produt-list-item-image {
  margin-right: 20px;
  width: calc(40% - 20px);
}

.page-information .block-news--produt-list-item-text-area {
  width: 60%;
}

.page-information .block-news--produt-list-item-date {
  margin-bottom: 10px;
}

.page-information .block-news--produt-list-item-name {
  font-weight: 700;
  margin-bottom: 10px;
}

.page-information .block-news--produt-list-item-more {
  text-align: right;
}

.page-information .block-news--campaign-list {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-information .block-news--campaign-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-information .block-news--campaign-list-item-anchor {
  align-items: flex-start;
  border: 1px solid #dbdbdb;
  display: flex;
  padding: 20px 20px 20px 10px;
  position: relative;
}

.page-information .block-news--campaign-list-item-type {
  background-color: #666666;
  color: #ffffff;
  font-size: 10px;
  left: 10px;
  padding: 0.5em 1em;
  position: absolute;
  top: 20px;
}

.page-information .block-news--campaign-list-item-image {
  margin-right: 20px;
  margin-top: 35px;
  width: calc(40% - 20px);
}

.page-information .block-news--campaign-list-item-text-area {
  width: 60%;
}

.page-information .block-news--campaign-list-item-title {
  font-weight: 700;
  margin-bottom: 10px;
}

.page-information .block-news--campaign-list-item-lead {
  margin-bottom: 10px;
}

.page-information .block-news--campaign-list-item-more {
  text-align: right;
}

.page-information .block-news--information-list {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-information .block-news--information-list-item {
  border-bottom: 1px solid #dbdbdb;
  padding-left: 7em;
  padding-bottom: 20px;
  text-indent: -7em;
}

.page-information .block-news--information-list-item:not(:last-child) {
  margin-bottom: 20px;
}

/* --- page-topics-product --- */
.page-topics-product .block-new-product-detail {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-topics-product .block-new-product-detail--title {
  border-bottom: 1px solid #000000;
  border-top: 4px solid #000000;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 13px 10px 10px;
  position: relative;
}

.page-topics-product .block-new-product-detail--title::before {
  background-color: #000000;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 100%;
}

.page-topics-product .block-new-product-detail--custom-copy {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}

.page-topics-product .block-new-product-detail--custom-sub-copy {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}

.page-topics-product .block-new-product-detail--custom-main-image {
  margin-bottom: 20px;
}

.page-topics-product .block-new-product-detail--custom-text {
  margin-bottom: 10px;
  text-align: justify;
}

.page-topics-product .block-new-product-detail--custom-column-title {
  margin: 40px 0 10px;
}

.page-topics-product .block-new-product-detail--custom-product-wrap + .block-new-product-detail--custom-product-wrap {
  border-top: 1px solid #dbdbdb;
  margin-top: 40px;
  padding-top: 40px;
}

.page-topics-product .block-new-product-detail--custom-product-image {
  margin: 40px auto;
  width: 80%;
}

.page-topics-product .block-new-product-detail--custom-product-sub-image {
  margin: 0 auto 10px;
  width: 80%;
}

.page-topics-product .block-new-product-detail--custom-product-name {
  font-size: 18px;
  margin-bottom: 20px;
}

.page-topics-product .block-new-product-detail--custom-product-lead {
  font-size: 16px;
  margin-bottom: 20px;
}

.page-topics-product .block-new-product-detail--custom-product-spec {
  font-size: 14px;
  margin-bottom: 10px;
}

/* --- page-topics-campaign --- */
.page-topics-campaign .block-campaign-detail {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-topics-campaign .block-campaign-detail--title {
  border-bottom: 1px solid #000000;
  border-top: 4px solid #000000;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 13px 10px 10px;
  position: relative;
}

.page-topics-campaign .block-campaign-detail--title::before {
  background-color: #000000;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 100%;
}

.page-topics-campaign .block-campaign-detail--tag {
  border: 1px solid #666666;
  display: block;
  margin: 0 auto 10px;
  padding: 0.5em 1em;
  text-align: center;
  width: 7em;
}

.page-topics-campaign .block-campaign-detail--main-image {
  margin: 0 auto 10px;
  text-align: center;
  width: calc(100% - 20px);
}

.page-topics-campaign .block-campaign-detail--main-image img {
  display: inline-block;
  max-width: 100%;
  width: auto;
}

.page-topics-campaign .block-campaign-detail--lead {
  margin: 0 auto 20px;
  text-align: justify;
  width: calc(100% - 20px);
}

.page-topics-campaign .block-campaign-detail--present {
  border-top: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding-top: 20px;
}

.page-topics-campaign .block-campaign-detail--present-caption {
  margin: 0 auto 10px;
  text-align: center;
  width: calc(100% - 20px);
}

.page-topics-campaign .block-campaign-detail--present-link {
  margin-bottom: 10px;
  text-align: center;
}

.page-topics-campaign .block-campaign-detail--present-link-anchor {
  color: #666666;
  font-size: 10px;
}

.page-topics-campaign .block-campaign-detail--present-image {
  margin: 0 auto 10px;
  text-align: center;
  width: 50%;
}

.page-topics-campaign .block-campaign-detail--present-image img {
  display: inline-block;
  max-width: 100%;
  width: auto;
}

.page-topics-campaign .block-campaign-detail--note {
  font-size: 10px;
  margin: 20px auto;
  width: calc(100% - 20px);
}

.page-topics-campaign .block-campaign-detail--target-title {
  margin-bottom: 20px;
}

.page-topics-campaign .block-campaign-detail--target-list-item {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-anchor {
  display: flex;
  flex-wrap: wrap;
}

.page-topics-campaign .block-campaign-detail--target-list-item-image {
  margin-right: 20px;
  padding: 10px;
  width: calc(50% - 20px);
}

.page-topics-campaign .block-campaign-detail--target-list-item-text-area {
  width: 50%;
}

.page-topics-campaign .block-campaign-detail--target-list-item-tag-area {
  font-size: 0;
}

.page-topics-campaign .block-campaign-detail--target-list-item-tag {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  margin-bottom: 4px;
  padding: 0.2em 0.7em;
}

.page-topics-campaign .block-campaign-detail--target-list-item-tag:not(:last-child) {
  margin-right: 4px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-name {
  font-size: 16px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-evaluation {
  font-size: 0;
}

.page-topics-campaign .block-campaign-detail--target-list-item-evaluation-point {
  background-image: url("../../images/common_evaluation_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  font-size: 0;
  height: 20px;
  margin-right: 2px;
  opacity: 0.2;
  vertical-align: middle;
  width: 20px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-evaluation-point__active {
  opacity: 1;
}

.page-topics-campaign .block-campaign-detail--target-list-item-evaluation-point-number {
  color: #666666;
  font-size: 10px;
  margin-left: 10px;
  vertical-align: middle;
}

.page-topics-campaign .block-campaign-detail--target-list-item-price {
  display: inline-block;
  font-size: 12px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-color {
  display: inline-block;
  font-size: 12px;
}

.page-topics-campaign .block-campaign-detail--target-list-item-cart-button {
  margin-top: 20px;
  width: 100%;
}

.page-topics-campaign .block-campaign-detail--sample-title {
  border-bottom: 4px solid;
  border-top: 4px solid;
  font-size: 20px;
  font-weight: 700;
  margin: 80px 0 20px;
  padding: 1em 20px;
  position: relative;
  text-align: center;
}

.page-topics-campaign .block-campaign-detail--sample-title::before {
  background-color: #000000;
  display: block;
  content: "";
  height: 1px;
  left: 0;
  top: 2px;
  position: absolute;
  width: 100%;
}

.page-topics-campaign .block-campaign-detail--sample-title::after {
  background-color: #000000;
  display: block;
  content: "";
  height: 1px;
  left: 0;
  bottom: 2px;
  position: absolute;
  width: 100%;
}

.page-topics-campaign .block-campaign-detail--sample-lead {
  font-size: 14px;
  margin: 10px 0;
  text-align: center;
}

.page-topics-campaign .block-campaign-detail--sample-nav {
  margin: 0 auto 20px;
  width: 100%;
}

.page-topics-campaign .block-campaign-detail--sample-nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}

.page-topics-campaign .block-campaign-detail--sample-nav-list-item {
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 10px;
  line-height: 1.3;
  padding: 10px 0.5em 30px;
  position: relative;
  text-align: center;
  width: calc((100% - 2px) / 3);
}

.page-topics-campaign .block-campaign-detail--sample-nav-list-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  bottom: 15px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: calc(50% - 4px);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 10px;
}

.page-topics-campaign .block-campaign-detail--sample-nav-list-item:not(:last-child) {
  border-right: 1px solid #dbdbdb;
}

.page-topics-campaign .block-campaign-detail--sample-group {
  background-color: #f5f5f5;
  margin: 40px 0;
  padding-bottom: 20px;
}

.page-topics-campaign .block-campaign-detail--sample-group-title {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.5em 20px 0.5em 40px;
  margin: 40px 0 20px;
  position: relative;
}

.page-topics-campaign .block-campaign-detail--sample-group-title::before {
  background-color: #000000;
  display: block;
  content: "";
  height: 12px;
  left: 10px;
  position: absolute;
  top: calc(50% - 6px);
  width: 12px;
}

.page-topics-campaign .block-campaign-detail--sample-group > *:last-child {
  margin-bottom: 0;
}

.page-topics-campaign .block-campaign-detail--sample-note {
  line-height: 1.3;
  margin: 10px 0;
  font-size: 12px;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  margin: 20px 10px;
  padding: 20px 10px;
  position: relative;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item::before {
  border: 20px solid #f5f5f5;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  top: -10px;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item::after {
  border: 20px solid #f5f5f5;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
  bottom: -10px;
  content: "";
  display: block;
  position: absolute;
  right: -10px;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item-new {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  margin-right: 10px;
  padding: 0 0.5em;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item-image {
  margin-right: 20px;
  width: 30%;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item-text-area {
  width: calc(70% - 20px);
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-topics-campaign .block-campaign-detail--sample-monthly-item-description {
  font-size: 14px;
}

.page-topics-campaign .block-campaign-detail--sample-limited-item {
  margin: 40px 0;
}

.page-topics-campaign .block-campaign-detail--sample-limited-item-title {
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding: 1em 20px;
}

.page-topics-campaign .block-campaign-detail--sample-limited-item-image {
  margin: 10px auto;
  width: 60%;
}

.page-topics-campaign .block-campaign-detail--sample-limited-item-description {
  margin: 10px 0;
  font-size: 14px;
}

/* --- page-topics-information --- */
.page-topics-information .block-information-detail {
  line-height: 2;
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-topics-information .block-information-detail--title {
  border-bottom: 1px solid #000000;
  border-top: 4px solid #000000;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 13px 10px 10px;
  position: relative;
}

.page-topics-information .block-information-detail--title::before {
  background-color: #000000;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 100%;
}

.page-topics-information .block-information-detail--text {
  text-align: justify;
}

.page-information-measures .title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 3em;
}

.page-information-measures .sub-title {
  border-top: 1px solid #e5e5e5;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.5;
  margin: 3em auto;
  padding-top: 3em;
  text-align: center;
}

.page-information-measures p {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.7;
  margin-bottom: 2em;
  text-align: center;
}

.page-information-measures small {
  display: inline-block;
  font-size: 10px;
}

.page-information-measures strong {
  font-family: "Hiragino Mincho W6 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
}

.page-information-measures img {
  width: 100%;
}

.page-information-measures a {
  color: #999999;
}

.page-information-measures .color-red {
  color: #CC0000;
}

.page-information-measures .text-center {
  text-align: center;
}

.page-information-measures .text-left {
  text-align: justify;
}

.page-information-measures .text-right {
  text-align: right;
}

.page-information-measures .under-line {
  text-decoration: underline;
}

.page-information-measures .measures {
  display: flex;
  flex-wrap: wrap;
}

.page-information-measures .measures__item {
  border-color: #eeeeee;
  border-style: solid;
  box-sizing: border-box;
  text-align: center;
}

.page-information-measures .measures__item .text {
  display: inline-block;
  line-height: 1.5;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}

.page-information-measures .movie {
  margin: 0 auto 2em;
  max-width: 640px;
}

.page-information-measures .movie__youtube {
  width: 100%;
}

.page-information-measures .title {
  font-size: 20px;
}

.page-information-measures .sub-title {
  font-size: 16px;
}

.page-information-measures p {
  font-size: 12px;
}

.page-information-measures small {
  font-size: 10px;
}

.page-information-measures .measures__item {
  border-width: 6px;
  padding: 6px 6px 0;
  width: calc(50% - 5px);
}

.page-information-measures .measures__item:nth-child(2n-1) {
  margin-right: 10px;
}

.page-information-measures .measures__item:not(:nth-last-child(-n+2)) {
  margin-bottom: 10px;
}

.page-information-measures .measures__item .text {
  font-size: 12px;
  padding: 2em 0;
}

/* --- page-license-check --- */
.page-license-check .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-license-check .block-license-check {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-license-check .block-license-check--question {
  margin-bottom: 40px;
}

.page-license-check .block-license-check--question-number {
  border-bottom: 1px solid #666666;
  font-size: 12px;
  margin-bottom: 10px;
}

.page-license-check .block-license-check--question-text {
  margin-bottom: 10px;
}

.page-license-check .block-license-check--question-check-label {
  margin-right: 20px;
}

.page-license-check .block-license-check--lead {
  margin-bottom: 20px;
  text-align: center;
}

.page-license-check .block-license-check--button-area {
  margin: 40px auto 0;
}

.page-license-check .block-license-check--reset-button {
  display: block;
  margin-bottom: 20px;
}

.page-license-check .block-license-check--next-button {
  display: block;
}

/* --- page-license-check-result --- */
.page-license-check-result-a .pane-main,
.page-license-check-result-b .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-license-check-result-a .block-license-check-result,
.page-license-check-result-b .block-license-check-result {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-license-check-result-a .block-license-check-result--lead,
.page-license-check-result-b .block-license-check-result--lead {
  margin-bottom: 40px;
  text-align: center;
}

.page-license-check-result-a .block-license-check-result--result-button,
.page-license-check-result-b .block-license-check-result--result-button {
  display: block;
  margin: 0 auto 20px;
}

.page-license-check-result-a .block-license-check-result--result-button + .block-license-check-result--lead,
.page-license-check-result-b .block-license-check-result--result-button + .block-license-check-result--lead {
  border-top: 1px solid #dbdbdb;
  margin-top: 40px;
  padding-top: 40px;
}

/* --- page-product-addition --- */
.page-product-addition .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-product-addition .block-button-area {
  margin: 40px auto 0;
  width: calc(100% - 30px);
}

.page-product-addition .block-button-area--result-button {
  display: block;
  margin: 0 auto;
}

.page-product-addition .block-button-area--result-button:not(:last-child) {
  margin-bottom: 20px;
}

/* --- page-cord-list --- */
.page-code-list .pane-main {
  margin: 0 auto;
  max-width: 750px;
}

.page-code-list .block-head, .page-code-list .block-coupon, .page-code-list .block-campaign {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-code-list .block-head--name {
  border-bottom: 1px solid #666666;
  margin: 0 auto;
  text-align: center;
  width: calc(100% - 30px);
}

.page-code-list .block-head--name-main {
  font-size: 20px;
}

.page-code-list .block-coupon {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-code-list .block-coupon--title {
  background: none;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 0;
  text-align: center;
}

.page-code-list .block-coupon--title + p {
  display: none;
}

.page-code-list .block-coupon--list-table {
  border: 1px solid #dbdbdb;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.page-code-list .block-coupon--list-table-head {
  background-color: #dbdbdb;
}

.page-code-list .block-coupon--list-table-title {
  padding: 0.5em;
  width: 20%;
}

.page-code-list .block-coupon--list-table-title:not(:last-child) {
  border-right: 1px solid #ffffff;
}

.page-code-list .block-coupon--list-table-value-code {
  padding: 0.5em;
}

.page-code-list .block-coupon--list-table-value-name {
  padding: 0.5em;
}

.page-code-list .block-coupon--list-table-value-description {
  padding: 0.5em;
}

.page-code-list .block-coupon--list-table-value-target {
  padding: 0.5em;
}

.page-code-list .block-coupon--list-table-value-period {
  padding: 0.5em;
}

.page-code-list .block-coupon--list-table-value-none {
  border-bottom: 1px solid #dbdbdb;
  padding: 20px 10px;
  text-align: center;
}

.page-code-list .block-coupon--list-table th {
  font-size: 12px;
}

.page-code-list .block-coupon--list-table td {
  border: 1px solid #dbdbdb;
  font-size: 12px;
}

.page-code-list .block-campaign--title {
  background: none;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 0;
  text-align: center;
}

.page-code-list .block-campaign--title + p {
  display: none;
}

.page-code-list .block-campaign--list-table {
  border: 1px solid #dbdbdb;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.page-code-list .block-campaign--list-table th {
  font-size: 12px;
}

.page-code-list .block-campaign--list-table td {
  border: 1px solid #dbdbdb;
  font-size: 12px;
}

.page-code-list .block-campaign--list-table-head {
  background-color: #dbdbdb;
}

.page-code-list .block-campaign--list-table-title {
  padding: 0.5em;
  width: 25%;
}

.page-code-list .block-campaign--list-table-title:not(:last-child) {
  border-right: 1px solid #ffffff;
}

.page-code-list .block-campaign--list-table-value-code {
  border-bottom: 1px solid #dbdbdb;
  padding: 0.5em;
}

.page-code-list .block-campaign--list-table-value-name {
  border-bottom: 1px solid #dbdbdb;
  padding: 0.5em;
}

.page-code-list .block-campaign--list-table-value-description {
  border-bottom: 1px solid #dbdbdb;
  padding: 0.5em;
}

.page-code-list .block-campaign--list-table-value-period {
  border-bottom: 1px solid #dbdbdb;
  padding: 0.5em;
}

.page-code-list .block-campaign--list-table-value-none {
  border-bottom: 1px solid #dbdbdb;
  padding: 20px 10px;
  text-align: center;
}

/* --- page-ranking --- */
.page-ranking .block-ranking-nav {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-ranking .block-ranking-nav--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

.page-ranking .block-ranking-nav--list-item {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 10px;
  line-height: 1.3;
  min-height: 40px;
  padding: 10px 0 30px;
  position: relative;
  text-align: center;
  width: calc((100% - 2px) / 3);
}

.page-ranking .block-ranking-nav--list-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  bottom: 15px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: calc(50% - 4px);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 10px;
}

.page-ranking .block-ranking-nav--list-item:not(:last-child) {
  margin-right: 1px;
}

.page-ranking .block-ranking {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-ranking .block-ranking:not(:last-child) {
  margin-bottom: 80px;
}

.page-ranking .block-ranking--category-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto 40px;
  position: relative;
  text-align: center;
}

.page-ranking .block-ranking--category-title::before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  width: calc(50% - 4em);
}

.page-ranking .block-ranking--category-title::after {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: calc(50% - 4em);
}

.page-ranking .block-ranking--category-sub-title {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 1em;
}

.page-ranking .block-ranking--list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}

.page-ranking .block-ranking--list-item {
  position: relative;
}

.page-ranking .block-ranking--list-item:not(:first-child) {
  width: calc(50% - 15px);
}

.page-ranking .block-ranking--list-item:not(:first-child) .block-ranking--list-item-number {
  background-color: #666666;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.page-ranking .block-ranking--list-item:first-child {
  margin: 0 auto 40px;
  width: 70%;
}

.page-ranking .block-ranking--list-item:first-child .block-ranking--list-item-number {
  background-color: #ebdaad;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  line-height: 30px;
  width: 30px;
}

.page-ranking .block-ranking--list-item:first-child .block-ranking--list-item-number::before {
  background-image: url("../../images/common_crown_icon_gold.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  margin: -24px auto 0;
  width: 24px;
}

.page-ranking .block-ranking--list-item:first-child .block-ranking--list-item-number::after {
  border: 15px solid transparent;
  border-bottom: 10px solid #ffffff;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  width: 30px;
}

.page-ranking .block-ranking--list-item:nth-child(2) {
  margin-bottom: 40px;
  margin-right: 30px;
}

.page-ranking .block-ranking--list-item:nth-child(3) {
  margin-bottom: 40px;
}

.page-ranking .block-ranking--list-item:nth-child(4) {
  margin-right: 30px;
}

.page-ranking .block-ranking--list-item-number {
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  position: absolute;
  text-align: center;
  top: 3px;
}

.page-ranking .block-ranking--list-item-image {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 30px 0 0;
  width: 100%;
}

.page-ranking .block-ranking--list-item-name {
  font-weight: 700;
  margin-bottom: 1em;
}

.page-ranking .block-ranking--list-item-description {
  font-size: 12px;
  margin-bottom: 1em;
}

.page-ranking .block-ranking--list-item-price {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}

.page-ranking .block-ranking--list-item-color {
  display: inline-block;
  font-size: 12px;
}

/* --- page-alertgoods --- */
.page-logout .c-breadcrumb {
  display: none;
}

.page-logout .p-my-content {
  padding-top: 80px;
}

.page-logout .p-my-content__heading {
  font-size: 24px;
  margin: 0 0 40px;
  padding: 0 15px;
  text-align: center;
}

.page-logout .block-logout {
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
  width: calc(100% - 30px);
}

.page-logout .block-logout__message {
  margin: 0;
  padding: 0;
}

/* --- page-product --- */
.page-list .block-makeup-pattern--title,
.page-product .block-makeup-pattern--title,
.page-aq-concept-pointmake .block-makeup-pattern--title {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}

.page-list .block-makeup-pattern--theme,
.page-product .block-makeup-pattern--theme,
.page-aq-concept-pointmake .block-makeup-pattern--theme {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

.page-list .block-makeup-pattern--list,
.page-product .block-makeup-pattern--list,
.page-aq-concept-pointmake .block-makeup-pattern--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page-list .block-makeup-pattern--list-item,
.page-product .block-makeup-pattern--list-item,
.page-aq-concept-pointmake .block-makeup-pattern--list-item {
  width: calc((100% - 10px) / 2);
}

.page-list .block-makeup-pattern--list-item:nth-child(2n),
.page-product .block-makeup-pattern--list-item:nth-child(2n),
.page-aq-concept-pointmake .block-makeup-pattern--list-item:nth-child(2n) {
  margin-left: 10px;
}

.page-list .block-makeup-pattern--list-item:not(:nth-last-child(-n+2)),
.page-product .block-makeup-pattern--list-item:not(:nth-last-child(-n+2)),
.page-aq-concept-pointmake .block-makeup-pattern--list-item:not(:nth-last-child(-n+2)) {
  margin-bottom: 20px;
}

.page-list .block-makeup-pattern--detail-close-button,
.page-product .block-makeup-pattern--detail-close-button,
.page-aq-concept-pointmake .block-makeup-pattern--detail-close-button {
  border: 1px solid;
  color: #000000;
  display: block;
  font-size: 12px;
  margin: 40px auto 0;
  text-align: center;
  width: 6em;
}

.page-list .block-makeup-pattern--detail-image,
.page-product .block-makeup-pattern--detail-image,
.page-aq-concept-pointmake .block-makeup-pattern--detail-image {
  margin: 0 auto 20px;
  width: 80%;
}

.page-list .block-makeup-pattern--detail-lead,
.page-product .block-makeup-pattern--detail-lead,
.page-aq-concept-pointmake .block-makeup-pattern--detail-lead {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}

.page-list .block-makeup-pattern--detail-column-area:not(:last-child),
.page-product .block-makeup-pattern--detail-column-area:not(:last-child),
.page-aq-concept-pointmake .block-makeup-pattern--detail-column-area:not(:last-child) {
  margin-bottom: 40px;
}

.page-list .block-makeup-pattern--detail-sub-title,
.page-product .block-makeup-pattern--detail-sub-title,
.page-aq-concept-pointmake .block-makeup-pattern--detail-sub-title {
  border-bottom: 1px solid #666666;
  font-size: 20px;
  margin-bottom: 16px;
  text-align: center;
  padding-bottom: 10px;
  width: 100%;
}

.page-list .block-makeup-pattern--detail-abouteyecolor-image,
.page-product .block-makeup-pattern--detail-abouteyecolor-image,
.page-aq-concept-pointmake .block-makeup-pattern--detail-abouteyecolor-image {
  display: block;
  margin: 0 auto 10px;
  width: 80%;
}

.page-list .block-makeup-pattern--detail-abouteyecolor-text,
.page-product .block-makeup-pattern--detail-abouteyecolor-text,
.page-aq-concept-pointmake .block-makeup-pattern--detail-abouteyecolor-text {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
}

.page-list .block-makeup-pattern--detail-abouteyecolor-text:not(:last-child),
.page-product .block-makeup-pattern--detail-abouteyecolor-text:not(:last-child),
.page-aq-concept-pointmake .block-makeup-pattern--detail-abouteyecolor-text:not(:last-child) {
  margin-bottom: 1em;
}

.page-list .block-makeup-pattern--detail-makedata-cat,
.page-product .block-makeup-pattern--detail-makedata-cat,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-cat {
  color: #666666;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}

.page-list .block-makeup-pattern--detail-makedata-cat:not(:nth-child(2)),
.page-product .block-makeup-pattern--detail-makedata-cat:not(:nth-child(2)),
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-cat:not(:nth-child(2)) {
  margin-top: 20px;
}

.page-list .block-makeup-pattern--detail-makedata-list,
.page-product .block-makeup-pattern--detail-makedata-list,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list {
  width: 100%;
}

.page-list .block-makeup-pattern--detail-makedata-list-item,
.page-product .block-makeup-pattern--detail-makedata-list-item,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item {
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  justify-content: space-between;
  line-height: 20px;
}

.page-list .block-makeup-pattern--detail-makedata-list-item:not(:last-child),
.page-product .block-makeup-pattern--detail-makedata-list-item:not(:last-child),
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item:not(:last-child) {
  margin-bottom: 1em;
}

.page-list .block-makeup-pattern--detail-makedata-list-item-limited,
.page-product .block-makeup-pattern--detail-makedata-list-item-limited,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item-limited {
  border: 1px solid;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  padding: 0 0.5em;
}

.page-list .block-makeup-pattern--detail-makedata-list-item-name,
.page-product .block-makeup-pattern--detail-makedata-list-item-name,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item-name {
  max-width: calc(100% - 50px);
}

.page-list .block-makeup-pattern--detail-makedata-list-item-tama,
.page-product .block-makeup-pattern--detail-makedata-list-item-tama,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item-tama {
  margin-left: 10px;
  width: 40px;
}

.page-list .block-makeup-pattern--detail-makedata-list-item .name,
.page-product .block-makeup-pattern--detail-makedata-list-item .name,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item .name {
  max-width: calc(100% - 50px);
}

.page-list .block-makeup-pattern--detail-makedata-list-item .tama,
.page-product .block-makeup-pattern--detail-makedata-list-item .tama,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item .tama {
  margin-left: 10px;
  width: 40px;
}

.page-list .block-makeup-pattern--detail-makedata-list-item img,
.page-product .block-makeup-pattern--detail-makedata-list-item img,
.page-aq-concept-pointmake .block-makeup-pattern--detail-makedata-list-item img {
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: auto;
}

.page-list .block-makeup-pattern--detail-note,
.page-product .block-makeup-pattern--detail-note,
.page-aq-concept-pointmake .block-makeup-pattern--detail-note {
  font-size: 10px;
  margin-top: 40px;
  width: 100%;
}

/* --- page-product --- */
.page-list .block-product-system,
.page-product .block-product-system,
.page-aq-concept-haircare .block-product-system {
  margin: 40px auto 0;
  width: calc(100% - 30px);
}

.page-list .block-product-system--trigger,
.page-product .block-product-system--trigger,
.page-aq-concept-haircare .block-product-system--trigger {
  background-color: #dbdbdb;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}

.page-list .block-product-system--container,
.page-product .block-product-system--container,
.page-aq-concept-haircare .block-product-system--container {
  padding-top: 20px;
}

.page-list .block-product-system--step,
.page-product .block-product-system--step,
.page-aq-concept-haircare .block-product-system--step {
  position: relative;
  text-align: center;
}

.page-list .block-product-system--step:not(:last-child),
.page-product .block-product-system--step:not(:last-child),
.page-aq-concept-haircare .block-product-system--step:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 60px;
}

.page-list .block-product-system--step:not(:last-child)::after,
.page-product .block-product-system--step:not(:last-child)::after,
.page-aq-concept-haircare .block-product-system--step:not(:last-child)::after {
  border: 20px solid transparent;
  border-top: 20px solid #666666;
  box-sizing: border-box;
  bottom: -20px;
  content: "";
  display: block;
  left: calc(50% - 20px);
  position: absolute;
}

.page-list .block-product-system--step-header,
.page-product .block-product-system--step-header,
.page-aq-concept-haircare .block-product-system--step-header {
  margin-bottom: 20px;
}

.page-list .block-product-system--step-header-title,
.page-product .block-product-system--step-header-title,
.page-aq-concept-haircare .block-product-system--step-header-title {
  font-weight: 700;
  font-size: 20px;
}

.page-list .block-product-system--step-row,
.page-product .block-product-system--step-row,
.page-aq-concept-haircare .block-product-system--step-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.page-list .block-product-system--step-row:not(:last-child),
.page-product .block-product-system--step-row:not(:last-child),
.page-aq-concept-haircare .block-product-system--step-row:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.page-list .block-product-system--step-row:not(:last-child)::after,
.page-product .block-product-system--step-row:not(:last-child)::after,
.page-aq-concept-haircare .block-product-system--step-row:not(:last-child)::after {
  border: 10px solid transparent;
  border-top: 10px solid #dbdbdb;
  box-sizing: border-box;
  bottom: -10px;
  content: "";
  display: block;
  left: calc(50% - 10px);
  position: absolute;
}

.page-list .block-product-system--step-row__personal,
.page-product .block-product-system--step-row__personal,
.page-aq-concept-haircare .block-product-system--step-row__personal {
  background-color: #f5f5f5;
  margin: 0 -15px;
  padding: 20px 15px 20px;
  width: calc(100% + 30px);
}

.page-list .block-product-system--step-row__personal .block-product-system--step-row-item,
.page-product .block-product-system--step-row__personal .block-product-system--step-row-item,
.page-aq-concept-haircare .block-product-system--step-row__personal .block-product-system--step-row-item {
  background-color: #ffffff;
  border: none;
  margin-bottom: 20px;
}

.page-list .block-product-system--step-row__option,
.page-product .block-product-system--step-row__option,
.page-aq-concept-haircare .block-product-system--step-row__option {
  border: 1px solid #dbdbdb;
  padding: 20px 15px 20px;
  width: 100%;
}

.page-list .block-product-system--step-row__nightday,
.page-product .block-product-system--step-row__nightday,
.page-aq-concept-haircare .block-product-system--step-row__nightday {
  display: flex;
  flex-wrap: wrap;
}

.page-list .block-product-system--step-row-nightday-column,
.page-product .block-product-system--step-row-nightday-column,
.page-aq-concept-haircare .block-product-system--step-row-nightday-column {
  width: calc(50% - 20px);
}

.page-list .block-product-system--step-row-nightday-column:first-child,
.page-product .block-product-system--step-row-nightday-column:first-child,
.page-aq-concept-haircare .block-product-system--step-row-nightday-column:first-child {
  margin-right: 40px;
}

.page-list .block-product-system--step-row-nightday-column .block-product-system--step-row-item,
.page-product .block-product-system--step-row-nightday-column .block-product-system--step-row-item,
.page-aq-concept-haircare .block-product-system--step-row-nightday-column .block-product-system--step-row-item {
  margin: 0 auto;
  width: 100%;
}

.page-list .block-product-system--step-row-nightday-column .block-product-system--step-header-title,
.page-product .block-product-system--step-row-nightday-column .block-product-system--step-header-title,
.page-aq-concept-haircare .block-product-system--step-row-nightday-column .block-product-system--step-header-title {
  border-bottom: 1px solid #000000;
  line-height: 1.3;
  padding-bottom: 0.5em;
}

.page-list .block-product-system--step-row-item,
.page-product .block-product-system--step-row-item,
.page-aq-concept-haircare .block-product-system--step-row-item {
  font-size: 12px;
  padding: 20px 5px;
  width: calc((100% - 40px) / 2);
}

.page-list .block-product-system--step-row-item-anchor,
.page-product .block-product-system--step-row-item-anchor,
.page-aq-concept-haircare .block-product-system--step-row-item-anchor {
  text-decoration: none;
}

.page-list .block-product-system--step-row-item-image,
.page-product .block-product-system--step-row-item-image,
.page-aq-concept-haircare .block-product-system--step-row-item-image {
  padding: 0 10px;
}

.page-list .block-product-system--step-row-item .icon,
.page-product .block-product-system--step-row-item .icon,
.page-aq-concept-haircare .block-product-system--step-row-item .icon {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.page-list .block-product-system--step-row-item .icon-day,
.page-product .block-product-system--step-row-item .icon-day,
.page-aq-concept-haircare .block-product-system--step-row-item .icon-day {
  background-color: #dbdbdb;
  background-image: url("/cd_idora_files/common_day_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}

.page-list .block-product-system--step-row-item .icon-day:not(:last-child),
.page-product .block-product-system--step-row-item .icon-day:not(:last-child),
.page-aq-concept-haircare .block-product-system--step-row-item .icon-day:not(:last-child) {
  margin-right: 2px;
}

.page-list .block-product-system--step-row-item .icon-night,
.page-product .block-product-system--step-row-item .icon-night,
.page-aq-concept-haircare .block-product-system--step-row-item .icon-night {
  background-color: #dbdbdb;
  background-image: url("/cd_idora_files/common_night_icon.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
}

.page-list .block-product-system--step-row-or,
.page-product .block-product-system--step-row-or,
.page-aq-concept-haircare .block-product-system--step-row-or {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px;
}

.page-list .block-product-system--step-row-personal-title,
.page-product .block-product-system--step-row-personal-title,
.page-aq-concept-haircare .block-product-system--step-row-personal-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

.page-list .block-product-system--step-row-option-title,
.page-product .block-product-system--step-row-option-title,
.page-aq-concept-haircare .block-product-system--step-row-option-title {
  font-weight: 700;
  margin: 20px;
  width: 100%;
}

/* --- category-top --- */
.page-category-top .block-category-slide {
  margin-bottom: 20px;
}

.page-category-top .block-category-slide--list-item {
  padding-bottom: 40px;
}

.page-category-top .block-category-slide--list-item-image {
  margin-bottom: 20px;
}

.page-category-top .block-category-slide--list-item-text-area {
  text-align: center;
}

.page-category-top .block-category-slide--list-item-text-area sup {
  font-size: 10px;
}

.page-category-top .block-category-slide--list-item-text-area small {
  font-size: 10px;
}

.page-category-top .block-category-slide--list-item-date {
  font-size: 10px;
  margin-bottom: 5px;
}

.page-category-top .block-category-slide--list-item-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}

.page-category-top .block-category-slide--list-item-copy {
  font-size: 12px;
  margin-bottom: 20px;
}

.page-category-top .block-category-slide--list.js-slick .js-slick--arrow {
  top: 0;
  margin-top: calc(24% - 15px);
}

.page-category-top .block-category-slide--list.js-slick .js-slick--dots {
  right: 20px;
}

.page-category-top .block-category-topics--list {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-category-top .block-category-topics--list-item {
  width: 100%;
}

.page-category-top .block-category-topics--list-item:not(:last-child) {
  margin-bottom: 20px;
}

.page-category-top .block-category-topics--list-item-anchor {
  display: flex;
  align-items: flex-start;
}

.page-category-top .block-category-topics--list-item-thumbnail {
  margin-right: 20px;
  min-height: 80px;
  width: calc(40% - 20px);
}

.page-category-top .block-category-topics--list-item-text-area {
  width: 60%;
}

.page-category-top .block-category-topics--list-item-type {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
  padding: 0.5em;
}

.page-category-top .block-category-topics--list-item-title {
  font-weight: 700;
  margin-bottom: 10px;
}

.page-category-top .block-category-topics--list-item-lead {
  margin-bottom: 10px;
  text-align: justify;
}

.page-category-top .block-category-topics--list-item-link {
  text-align: right;
}

.page-category-top .block-gift-line-up {
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-category-top .block-gift-line-up--title {
  border-bottom: 4px solid #000000;
  border-top: 4px solid #000000;
  margin-bottom: 40px;
  padding: 20px 0;
  text-align: center;
}

.page-category-top .block-gift-line-up--title-en {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.page-category-top .block-gift-line-up--title-jp {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
}

.page-category-top .block-gift-line-up--menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}

.page-category-top .block-gift-line-up--menu-item {
  position: relative;
  width: calc(50% - 2px);
}

.page-category-top .block-gift-line-up--menu-item:nth-child(-n+2) {
  margin-bottom: 4px;
}

.page-category-top .block-gift-line-up--menu-item:nth-child(2n-1) {
  margin-right: 4px;
}

.page-category-top .block-gift-line-up--menu-item-trigger {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: block;
  line-height: 1;
  font-size: 14px;
  padding: calc(40px - 0.5em) 0;
  text-align: center;
  width: 100%;
}

.page-category-top .block-gift-line-up--menu-item-anchor {
  background-color: #333333;
  color: #ffffff;
  display: block;
  line-height: 1;
  font-size: 14px;
  padding: calc(40px - 0.5em) 0;
  text-align: center;
  width: 100%;
}

.page-category-top .block-gift-line-up--sub-menu {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.page-category-top .block-gift-line-up--sub-menu-item-anchor {
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: calc(20px - 0.5em) 1em;
  width: 100%;
}

.page-category-top .block-gift-ranking {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-category-top .block-gift-ranking--title {
  border-bottom: 4px solid #000000;
  border-top: 4px solid #000000;
  margin-bottom: 40px;
  padding: 20px 0;
  text-align: center;
}

.page-category-top .block-gift-ranking--title-en {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.page-category-top .block-gift-ranking--title-jp {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
}

.page-category-top .block-gift-ranking--products-ranking {
  display: flex;
}

.page-category-top .block-gift-ranking--products-ranking-item {
  padding: 0 5px;
  position: relative;
}

.page-category-top .block-gift-ranking--products-ranking-item-number {
  background-color: #666666;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  left: 3px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 20px;
}

.page-category-top .block-gift-ranking--products-ranking-item-image {
  box-sizing: border-box;
  padding: 20px 20px;
  width: 100%;
}

.page-category-top .block-gift-ranking--products-ranking-item-price {
  font-size: 12px;
}

.page-category-top .block-gift-ranking--products-ranking-item-more {
  bottom: 0;
  left: 0;
  position: absolute;
}

.page-category-top .block-gift-ranking .js-slick--prev {
  top: 27%;
  right: -15px;
}

.page-category-top .block-gift-ranking .js-slick--next {
  top: 27%;
  right: -15px;
}

.page-line-top .block-line-key-visual {
  margin: 0 auto 40px;
  width: 100%;
}

.page-line-top .block-line-concept {
  background-color: #f5f5f5;
  margin-bottom: 40px;
  padding: 40px 15px;
  width: 100%;
}

.page-line-top .block-line-concept--title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.page-line-top .block-line-concept--link-list {
  margin: 0 auto;
  justify-content: center;
}

.page-line-top .block-line-concept--link-list:not(:last-child) {
  margin-bottom: 40px;
}

.page-line-top .block-line-concept--link-list-item {
  background-color: #ffffff;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}

.page-line-top .block-line-concept--link-list-item:not(:last-child) {
  margin-bottom: 40px;
}

.page-line-top .block-line-concept--link-thumbnail {
  margin-bottom: 20px;
  margin-top: -40px;
}

.page-line-top .block-line-concept--link-name {
  font-size: 16px;
  margin: 0 20px;
}

.page-line-top .block-line-concept--link-lead {
  margin: 0 20px 20px;
}

.page-line-top .block-list {
  margin: 0 auto 80px;
}

.page-line-top .block-list--title {
  width: 100%;
}

.page-line-top .block-list--category-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}

.page-line-top .block-list--category-nav-item {
  cursor: pointer;
  line-height: 1;
  margin-bottom: 20px;
  padding-bottom: 1em;
  text-align: center;
  width: calc(100% / 3);
}

.page-line-top .block-list--category-nav-item__active {
  position: relative;
}

.page-line-top .block-list--category-nav-item__active::after {
  background-color: #333333;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.page-line-top .block-technique-link {
  margin: 40px auto;
  width: calc(100% - 30px);
}

.page-line-top.page-aq-meliority-top {
  margin-bottom: 80px;
}

.page-aq-meliority-top.block-line-system {
  background-color: #FFFFFF;
  color: #000000;
}

.page-aq-meliority-top .block-line--concept {
  background: #000;
  color: #fff;
}

.page-aq-meliority-top .block-line--concept .block-line--l-container {
  padding: 0;
  width: 100%;
}

.page-aq-meliority-top .block-line--concept-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 40px;
  line-height: 1.8;
  margin-bottom: 1em;
}

.page-aq-meliority-top .block-line--concept-lead-sub-text {
  font-size: 24px;
}

.page-aq-meliority-top .block-line--concept-sub-lead {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  line-height: 1.8;
  margin-bottom: 1em;
}

.page-aq-meliority-top .block-line--concept-anchor {
  border: 1px solid;
  color: #ffffff;
  display: block;
  font-size: 16px;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
  width: 7em;
}

.page-aq-meliority-top .block-line--concept-more {
  border: 1px solid;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 16px;
  margin: 0 auto;
  padding: 0.5em 0;
  text-align: center;
  width: 200px;
}

.page-aq-meliority-top .block-line--concept-message {
  background-color: #000000;
  height: 260px;
  margin: 0 0 40px;
  padding: 100px 0 0;
  width: 100%;
}

.page-aq-meliority-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-aq-meliority-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
}

.page-aq-meliority-top .block-line--concept-message-anchor {
  color: #ffffff;
  border: 1px solid;
  margin: 30px auto 0;
  width: 130px;
  display: block;
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic W3 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}

.page-aq-meliority-top .block-line--concept-visual {
  background-image: url("/images/aq_meliority/concept_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-top: 400px;
  width: 100%;
}

.page-aq-meliority-top .block-line--concept-visual .block-line--concept-lead {
  margin-left: 55%;
  width: 45%;
}

.page-aq-meliority-top .block-line--concept-visual .block-line--concept-anchor {
  margin-left: 55%;
}

.page-aq-meliority-top .block-line--concept-other-container .block-line--concept-ingredient {
  background-image: url("../../images/sp/aq_meliority/line_bg_01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: block;
  margin-right: 30px;
  height: 280px;
  padding-top: 100px;
  width: 585px;
}

.page-aq-meliority-top .block-line--concept-other-container .block-line--concept-design {
  background-image: url("../../images/sp/aq_meliority/line_bg_02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  display: block;
  height: 280px;
  padding-top: 100px;
  width: 585px;
}

.page-aq-meliority-top .block-line--concept-visual {
  background-image: url("../../images/sp/aq_meliority/concept_bg.jpg");
  background-position: center top;
  background-size: 100%;
  min-width: 0;
}

.page-aq-meliority-top .block-line--concept-lead {
  font-size: 20px;
  text-align: center;
}

.page-aq-meliority-top .block-line--concept-sub-lead {
  font-size: 16px;
}

.page-aq-meliority-top .block-line--concept-lead-sub-text {
  font-size: 16px;
}

.page-aq-meliority-top .block-line--concept-anchor {
  font-size: 12px;
}

.page-aq-meliority-top .block-line--concept-more {
  font-size: 12px;
}

.page-aq-meliority-top .block-line--concept-message {
  height: auto;
  margin-bottom: 20px;
  padding: 50px 0;
}

.page-aq-meliority-top .block-line--concept-message-title {
  font-size: 20px;
}

.page-aq-meliority-top .block-line--concept-message-lead {
  font-size: 12px;
  margin-top: 20px;
}

.page-aq-meliority-top .block-line--concept-message-anchor {
  font-size: 10px;
  line-height: 20px;
  margin: 20px auto 0;
  width: 100px;
}

.page-aq-meliority-top .block-line--concept-visual {
  height: auto;
  margin-bottom: 40px;
  padding: 100% 0 60px;
}

.page-aq-meliority-top .block-line--concept-visual .block-line--concept-lead {
  margin: 0 auto 40px;
  width: 90%;
}

.page-aq-meliority-top .block-line--concept-visual .block-line--concept-anchor {
  margin: 0 auto;
}

.page-aq-meliority-top .block-line--concept-other-container {
  margin-bottom: 0;
  flex-wrap: wrap;
  width: 100%;
}

.page-aq-meliority-top .block-line--concept-other-container .block-line--concept-ingredient {
  margin: 0 auto 60px;
  height: auto;
  padding: 20% 0;
  text-align: center;
  width: calc(100% - 30px);
}

.page-aq-meliority-top .block-line--concept-other-container .block-line--concept-design {
  margin: 0 auto;
  height: auto;
  padding: 20% 0;
  text-align: center;
  width: calc(100% - 30px);
}

.page-basemakeup-top .block-line--concept {
  min-width: 1200px;
  text-align: center;
}

.page-basemakeup-top .block-line--concept .block-line--l-container {
  padding-bottom: 50px;
  padding-top: 200px;
  padding-top: 100px;
}

.page-basemakeup-top .block-line--concept-lead:nth-child(1) {
  font-size: 18px;
}

.page-basemakeup-top .block-line--concept-lead:nth-child(2) {
  font-size: 28px;
  margin-top: 30px;
}

.page-basemakeup-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 2.5;
}

.page-basemakeup-top .block-line--component {
  margin: 100px auto;
  text-align: center;
}

.page-basemakeup-top .block-line--component-anchor {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 14px 55px;
}

.page-basemakeup-top .block-line--concept {
  min-width: 0;
}

.page-basemakeup-top .block-line--concept .block-line--l-container {
  padding-bottom: 50px;
  padding-top: 150px;
  padding-top: 50px;
}

.page-basemakeup-top .block-line--concept-lead:nth-child(1) {
  font-size: 18px;
  line-height: 1.4;
}

.page-basemakeup-top .block-line--concept-lead:nth-child(2) {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
}

.page-basemakeup-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 2;
}

.page-basemakeup-top .block-line--component {
  margin: 100px auto;
}

.page-basemakeup-top .block-line--component-anchor {
  font-size: 16px;
  padding: 20px 30px;
}

.page-clay-blanc-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-clay-blanc-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-clay-blanc-top .block-line--concept-message-copy {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  margin-top: 50px;
  text-align: center;
}

.page-clay-blanc-top .block-line--concept-message-lead {
  display: block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 70px;
  margin-top: 50px;
  text-align: center;
}

.page-clay-blanc-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
}

.page-clay-blanc-top .block-line--concept {
  background-color: #f4f1f0;
  height: 600px;
  margin: 0;
  padding: 150px 0;
}

.page-clay-blanc-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-clay-blanc-top .block-line--concept-message-point {
  overflow: hidden;
  width: 600px;
  margin: 0 auto 50px;
}

.page-clay-blanc-top .block-line--concept-message-point-material {
  float: left;
}

.page-clay-blanc-top .block-line--concept-message-point-material-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.7;
}

.page-clay-blanc-top .block-line--concept-message-point-material-title span {
  font-size: 16px;
  margin-bottom: 10px;
}

.page-clay-blanc-top .block-line--concept-message-point-make {
  float: right;
}

.page-clay-blanc-top .block-line--concept-message-point-material-text {
  font-size: 12px;
  line-height: 21px;
  text-align: center;
}

.page-clay-blanc-top .block-line--concept-message-point-make-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.7;
}

.page-clay-blanc-top .block-line--concept-message-point-make-title span {
  font-size: 16px;
}

.page-clay-blanc-top .block-line--concept-message-point-make-text {
  font-size: 12px;
  line-height: 21px;
  text-align: center;
}

.page-clay-blanc-top .block-line--concept-message-note {
  font-size: 10px;
  text-align: right;
  margin-right: 200px;
}

.page-clay-blanc-top .block-line--l-container {
  margin-top: 0;
}

.page-clay-blanc-top .block-line--concept {
  height: auto;
  padding: 50px 0;
}

.page-clay-blanc-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
}

.page-clay-blanc-top .block-line--concept-message-copy {
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 50px;
}

.page-clay-blanc-top .block-line--concept-message-lead {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 50px;
}

.page-clay-blanc-top .block-line--concept-message-lead span {
  display: inline-block;
  padding-bottom: 0.5em;
}

.page-clay-blanc-top .block-line--concept-message-text {
  font-size: 12px;
  margin-top: 35px;
}

.page-clay-blanc-top .block-line--concept-message-point {
  width: auto;
  margin-bottom: 0;
}

.page-clay-blanc-top .block-line--concept-message-point-make,
.page-clay-blanc-top .block-line--concept-message-point-material {
  float: none;
  margin-bottom: 50px;
}

.page-clay-blanc-top .block-line--concept-message-point-make-title,
.page-clay-blanc-top .block-line--concept-message-point-material-title {
  font-size: 16px;
}

.page-clay-blanc-top .block-line--concept-message-point-make-title span,
.page-clay-blanc-top .block-line--concept-message-point-material-title span {
  font-size: 12px;
}

.page-clay-blanc-top .block-line--concept-message-note {
  font-size: 10px;
  text-align: center;
  margin-right: auto;
}

.page-clay-blanc-top .block-line--concept a {
  font-size: 10px;
  width: 100px;
  line-height: 20px;
  margin: 20px auto 0;
}

.page-line-top.page-decorte-kimono-top {
  margin-bottom: 80px;
}

.page-decorte-kimono-top .block-line--concept {
  background-color: #272828;
  color: #ffffff;
  text-align: center;
}

.page-decorte-kimono-top .block-line--concept .block-line--l-container {
  margin: 0 auto;
  padding: 80px 0;
  width: calc(100% - 30px);
}

.page-decorte-kimono-top .block-line--concept .block-line--l-container > *:last-child {
  margin-bottom: 0;
}

.page-decorte-kimono-top .block-line--concept-copy {
  letter-spacing: 0.1em;
  line-height: 2;
}

.page-decorte-kimono-top .block-line--concept-text {
  line-height: 2;
  margin-bottom: 2em;
}

.page-decorte-kimono-top .block-line--concept-text small {
  display: inline-block;
  font-size: 10px;
  line-height: 1.7;
}

.page-decorte-kimono-top .block-line--concept-movie {
  margin-bottom: 2em;
}

.page-decorte-kimono-top .block-line--banner {
  margin-top: 150px;
  text-align: center;
}

.page-decorte-kimono-top .block-line--concept-image img {
  margin-top: 18px;
}

.page-decorte-kimono-top .block-line--concept {
  min-width: 0;
}

.page-decorte-kimono-top .block-line--concept .block-line--l-container {
  padding: 80px 0;
}

.page-decorte-kimono-top .block-line--concept-copy {
  font-size: 18px;
  margin: 0 0 2em;
}

.page-decorte-kimono-top .block-line--concept-text {
  line-height: 1.7;
  margin-bottom: 2em;
}

.page-decorte-kimono-top .block-line--concept-text small {
  text-align: left;
}

.page-decorte-kimono-top .block-line--banner {
  margin: 100px auto 0;
  width: 95%;
}

.page-decorte-kimono-top .block-line--banner img {
  width: 100%;
}

.page-decorte-kimono-top .block-line--concept-image img {
  width: 100%;
  margin-top: 0;
}

.page-even-perfect-top {
  margin-bottom: 80px;
}

.page-even-perfect-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-even-perfect-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
}

.page-even-perfect-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
}

.page-even-perfect-top .block-line--concept {
  margin: 0;
  padding: 150px 0;
  background-image: url("../../images/sp/even_perfect/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  min-width: 1200px;
}

.page-even-perfect-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-even-perfect-top .block-line--concept-message-lead {
  font-size: 32px;
  line-height: 50px;
  margin: 100px 0 50px;
  width: 600px;
  text-align: right;
}

.page-even-perfect-top .block-line--concept-message-text {
  width: 600px;
  text-align: right;
  line-height: 28px;
}

.page-even-perfect-top .block-line--l-container {
  margin-top: 0;
  width: 90%;
}

.page-even-perfect-top .block-line--concept {
  margin: 0;
  background-image: url("../../images/sp/even_perfect/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  min-width: inherit;
  padding: 80px 0 95%;
}

.page-even-perfect-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
  width: 80%;
  margin: 0 auto 20px;
}

.page-even-perfect-top .block-line--concept-message-lead {
  font-size: 20px;
  margin: 0 auto 20px;
  width: 100%;
  text-align: center;
}

.page-even-perfect-top .block-line--concept-message-text {
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.page-ever-crystal-top {
  margin-bottom: 80px;
}

.page-ever-crystal-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-ever-crystal-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-ever-crystal-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
}

.page-ever-crystal-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
}

.page-ever-crystal-top .block-line--concept {
  margin: 0;
  padding: 150px 0;
  background-image: url("../../images/sp/ever_crystal/line_bg_02.jpg");
  background-position: center top;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.page-ever-crystal-top .block-line--concept .lock-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-ever-crystal-top .block-line--concept-message-lead {
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 50px;
}

.page-ever-crystal-top .block-line--concept-message-text {
  line-height: 28px;
}

.page-ever-crystal-top .block-line--l-container {
  margin-top: 0;
}

.page-ever-crystal-top .block-line--concept {
  margin: 0;
  padding: 100px 0;
  background-image: url("../../images/sp/ever_crystal/line_bg_02.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
}

.page-ever-crystal-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
  width: 80%;
  margin: 0 auto 50px;
}

.page-ever-crystal-top .block-line--concept-message-lead {
  font-size: 20px;
  margin: 0 auto 50px;
  width: 95%;
}

.page-ever-crystal-top .block-line--concept-message-text {
  font-size: 14px;
  margin: 0 auto;
  width: 95%;
}

.page-ip-shot-top .block-line--concept .block-line--l-container {
  background-color: #000000;
  color: #ffffff;
  margin: 0 auto;
  padding: 150px calc(50% - 600px);
}

.page-ip-shot-top .block-line--concept-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  margin-bottom: 50px;
  text-align: center;
}

.page-ip-shot-top .block-line--concept-message {
  text-align: center;
}

.page-ip-shot-top .block-line--concept-message .block-line--lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 28px;
  line-height: 1.7em;
}

.page-ip-shot-top .block-line--concept-message .block-line--lead sup {
  font-size: 10px;
}

.page-ip-shot-top .block-line--concept-message .block-line--text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 2;
  margin: 2em 0;
}

.page-ip-shot-top .block-line--concept-message .block-line--text strong {
  font-size: 20px;
}

.page-ip-shot-top .block-line--concept-message .block-line--text small {
  font-size: 10px;
}

.page-ip-shot-top .block-line--concept-message .block-line--note {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 10px;
}

.page-ip-shot-top .block-line--concept .block-line--l-container {
  padding: 50px 2.5%;
}

.page-ip-shot-top .block-line--concept-title {
  font-size: 20px;
  margin-top: 40px;
}

.page-ip-shot-top .block-line--concept-message .block-line--lead {
  font-size: 24px;
}

.page-ip-shot-top .block-line--concept-message .block-line--text {
  font-size: 14px;
}

.page-ip-shot-top .block-line--concept-message .block-line--text strong {
  font-size: 16px;
}

.page-liposome-top {
  margin-bottom: 80px;
}

.page-liposome-top video-js.video-js > button.vjs-big-play-button {
  display: block;
}

.page-liposome-top video-js.video-js.vjs-playing > button.vjs-big-play-button {
  display: none;
}

.page-liposome-top video-js.video-js.vjs-paused.vjs-ended > button.vjs-big-play-button {
  display: none;
}

.page-liposome-top .block-line--concept-top {
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto 40px;
  position: relative;
  width: 100%;
}

.page-liposome-top .block-line--concept-top-message {
  position: absolute;
  top: 90px;
  left: 0;
  text-align: center;
  width: 100%;
}

.page-liposome-top .block-line--concept-top-message-lead {
  font-size: 16px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ffffff;
  padding-bottom: 10px;
  display: inline-block;
}

.page-liposome-top .block-line--concept-top-message-title {
  font-size: 32px;
  margin-bottom: 20px;
}

.page-liposome-top .block-line--concept-top-message-text {
  font-size: 16px;
}

.page-liposome-top .block-line--concept-top-message sup {
  font-size: 10px;
}

.page-liposome-top .block-line--concept-top-note {
  bottom: 10px;
  position: absolute;
  right: 15px;
}

.page-liposome-top .block-line--lead {
  background: url(../../images/sp/liposome/line_lead_bg.jpg) no-repeat center top/cover;
  padding: 10px;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #3F144D;
  margin: 0 auto 80px;
  width: 100%;
}

.page-liposome-top .block-line--lead-main-area {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto 20px;
  padding: 40px 5px;
  text-align: center;
}

.page-liposome-top .block-line--lead-copy {
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.page-liposome-top .block-line--lead-subcopy {
  font-size: 14px;
  margin-bottom: 25px;
}

.page-liposome-top .block-line--lead-text {
  font-size: 12px;
  margin-bottom: 40px;
}

.page-liposome-top .block-line--lead-notice {
  color: #ffffff;
  font-size: 12px;
  padding: 0 5px;
  text-align: right;
}

.page-liposome-top .block-line--lead sup {
  font-size: 12px;
}

.page-liposome-top .block-line--page-nav-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--page-nav-list-item {
  background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 1.3;
  min-height: 40px;
  padding: 10px 5px 30px;
  position: relative;
  text-align: center;
  width: calc((100% - 1px) / 2);
}

.page-liposome-top .block-line--page-nav-list-item:not(:last-child) {
  margin-right: 1px;
}

.page-liposome-top .block-line--page-nav-list-item::after {
  border-top: 1px solid;
  border-right: 1px solid;
  bottom: 15px;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: calc(50% - 4px);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  width: 10px;
}

.page-liposome-top .block-line--campaign {
  margin-bottom: 80px;
}

.page-liposome-top .block-line--campaign-movie {
  margin: 0 auto 40px;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--campaign-banner {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--concept-detail {
  background: url(../../images/sp/liposome/line_concept_detail_bg.jpg) no-repeat center top/cover;
  color: #ffffff;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin: 0 auto;
  padding: 80px 15px;
  text-align: center;
  width: 100%;
}

.page-liposome-top .block-line--concept-detail-copy {
  font-size: 30px;
  margin-bottom: 20px;
}

.page-liposome-top .block-line--concept-detail-subcopy {
  font-size: 12px;
  margin-bottom: 30px;
}

.page-liposome-top .block-line--concept-detail-movie {
  margin: 0 auto 40px;
  max-width: 900px;
}

.page-liposome-top .block-line--concept-detail-title {
  font-size: 16px;
  margin-bottom: 30px;
}

.page-liposome-top .block-line--concept-detail-subtitle {
  font-size: 16px;
  margin-bottom: 20px;
}

.page-liposome-top .block-line--concept-detail-subtitle span {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}

.page-liposome-top .block-line--concept-detail-capsule {
  background: #ffffff;
  margin: 0 auto 30px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.page-liposome-top .block-line--concept-detail-capsule-text {
  color: #333333;
  line-height: 2;
  font-size: 11px;
  text-align: left;
  width: 62%;
}

.page-liposome-top .block-line--concept-detail-capsule-notice {
  display: block;
  margin-top: 10px;
  font-size: 10px;
}

.page-liposome-top .block-line--concept-detail-capsule-image {
  max-width: 120px;
  text-align: center;
  width: 35%;
}

.page-liposome-top .block-line--concept-detail-capsule sup {
  font-size: 10px;
}

.page-liposome-top .block-line--concept-detail-tech {
  background: #ffffff;
  margin-bottom: 15px;
  text-align: center;
  padding: 15px 5px;
}

.page-liposome-top .block-line--concept-detail-tech-title {
  font-size: 16px;
  color: #3F144D;
  margin-bottom: 8px;
}

.page-liposome-top .block-line--concept-detail-tech-text {
  font-size: 11px;
  color: #000000;
}

.page-liposome-top .block-line--key-signs {
  background: url(../../images/sp/liposome/line_11keysigns.jpg) no-repeat center top/100%;
  background-color: #45346b;
  margin: 0 auto 80px;
  padding: 0 15px;
  position: relative;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #ffffff;
  width: 100%;
}

.page-liposome-top .block-line--key-signs-main-area {
  padding-top: 120%;
  padding-bottom: 40px;
}

.page-liposome-top .block-line--key-signs-component {
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.page-liposome-top .block-line--key-signs-componentList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
}

.page-liposome-top .block-line--key-signs-componentList-item {
  width: 48%;
  text-align: center;
  margin-bottom: 15px;
}

.page-liposome-top .block-line--key-signs-componentList-item-image {
  margin-bottom: 10px;
}

.page-liposome-top .block-line--key-signs-componentList-item-text {
  font-size: 10px;
}

.page-liposome-top .block-line--key-signs-notice {
  font-size: 10px;
  margin: 0 auto;
  text-align: right;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--main-movie {
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--tieup-banner {
  margin: 0 auto 80px;
  width: 60%;
}

.page-liposome-top .block-line--review {
  align-items: center;
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--review-movie {
  margin: 0 auto 20px;
  width: 100%;
}

.page-liposome-top .block-line--review-text-area {
  text-align: left;
}

.page-liposome-top .block-line--review-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
  line-height: 1;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}

.page-liposome-top .block-line--review-comment {
  font-size: 14px;
}

.page-liposome-top .block-line--tieup-link-list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-liposome-top .block-line--tieup-link-list-item {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  box-shadow: 0px 3px 6px 0px rgba(10, 10, 10, 0.1);
  display: block;
  margin: 0;
  overflow: hidden;
  width: calc((100% - 20px) / 2);
}

.page-liposome-top .block-line--tieup-link-list-item:nth-child(2n) {
  margin-left: 20px;
}

.page-liposome-top .block-line--tieup-link-list-item:not(:nth-last-child(-n+2)) {
  margin-bottom: 20px;
}

.page-liposome-top .block-line--tieup-link-list-item-anchor {
  display: block;
  padding: 20px 0;
}

.page-liposome-top .block-line--test {
  width: 100%;
  margin: 0 auto 100px;
  position: relative;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  color: #ffffff;
  background: url(../../images/sp/liposome/line_test_bg.jpg) no-repeat center top/cover;
  padding: 40px 15px;
  text-align: center;
}

.page-liposome-top .block-line--test-title {
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ffffff;
  display: inline-block;
}

.page-liposome-top .block-line--test-text {
  font-size: 12px;
  margin-bottom: 30px;
}

.page-liposome-top .block-line--test-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 10px;
}

.page-liposome-top .block-line--test-list-item {
  align-items: center;
  border: solid 1px #ffffff;
  border-radius: 10px;
  display: flex;
  font-size: 11px;
  justify-content: center;
  margin-bottom: 10px;
  padding: 30px 10px;
  text-align: center;
  width: 48%;
}

.page-liposome-top .block-line--test-notice {
  font-size: 10px;
  text-align: center;
}

.page-maquiexpert-top {
  margin-bottom: 80px;
}

.page-line-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-maquiexpert-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #fff;
}

.page-maquiexpert-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
  color: #fff;
}

.page-maquiexpert-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
  color: #fff;
}

.page-maquiexpert-top .block-line--concept {
  margin: 0;
  padding: 150px 0;
  background-image: url("../../images/sp/maquiexpert/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #000;
}

.page-maquiexpert-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-maquiexpert-top .block-line--concept-message-lead {
  font-size: 32px;
  line-height: 50px;
  margin: 100px 0 50px;
  width: 600px;
  text-align: left;
  margin-left: 600px;
}

.page-maquiexpert-top .block-line--concept-message-text {
  width: 600px;
  text-align: left;
  line-height: 28px;
  margin-left: 600px;
}

.page-maquiexpert-top .block-line--l-container {
  margin-top: 0;
}

.page-maquiexpert-top .block-line--concept {
  margin: 0;
  padding: 350px 0 50px;
  background-image: url(../../images/sp/maquiexpert/line_bg_02.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 320px auto;
}

.page-maquiexpert-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
  width: 80%;
  margin: 0 auto 30px;
}

.page-maquiexpert-top .block-line--concept-message-lead {
  font-size: 17px;
  width: 80%;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.7;
}

.page-maquiexpert-top .block-line--concept-message-text {
  font-size: 14px;
  margin: 0 auto;
  width: 95%;
  text-align: center;
}

.page-phytotune-top .block-line--concept-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}

.page-phytotune-top .block-line--concept-list {
  margin-top: 50px;
}

.page-phytotune-top .block-line--concept-list-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
  width: 585px;
}

.page-phytotune-top .block-line--concept-list-item:nth-child(n+2) {
  margin-left: 30px;
}

.page-phytotune-top .block-line--concept-list-item span {
  display: block;
  color: #000;
  text-align: center;
  font-family: "Koburina Gothic W3 JIS2004";
  margin-top: 15px;
}

.page-phytotune-top .block-line--concept-list-item .block-line--title {
  font-size: 30px;
  line-height: 1;
  margin-top: 130px;
}

.page-phytotune-top .block-line--concept-list-item .block-line--copy {
  line-height: 1.7;
}

.page-phytotune-top .block-line--concept-list-item .block-line--bigcopy {
  font-size: 20px;
  line-height: 1.6;
}

.page-phytotune-top .block-line--concept-list-item .block-line--bigcopy small {
  font-size: 10px;
}

.page-phytotune-top .block-line--concept-list-item a {
  border: 1px solid #666;
  color: #000;
  width: 200px;
  margin: 20px auto 0;
  line-height: 2;
}

.page-phytotune-top .block-line--concept-title {
  font-size: 20px;
}

.page-phytotune-top .block-line--concept-list {
  margin-top: 25px;
}

.page-phytotune-top .block-line--concept-list-item {
  height: auto;
  width: 100%;
}

.page-phytotune-top .block-line--concept-list-item:nth-child(n+2) {
  margin-left: 0;
}

.page-phytotune-top .block-line--concept-list-item span {
  display: block;
  position: absolute;
  margin-top: 0;
  width: 100%;
  left: 0;
  text-align: center;
}

.page-phytotune-top .block-line--concept-list-item span.block-line--title {
  font-size: 20px;
  margin-top: 0;
  top: 31%;
}

.page-phytotune-top .block-line--concept-list-item span.block-line--copy {
  font-size: 13px;
  top: 45%;
}

.en-jp .page-phytotune-top .block-line--concept-list-item span.en-copy {
  font-size: 13px;
  top: 45%;
}

.page-phytotune-top .block-line--concept-list-item span.block-line--bigcopy {
  font-size: 16px;
  margin-top: 38%;
}

.page-phytotune-top .block-line--concept-list-item a {
  bottom: 10%;
  left: 25%;
  margin: 0 auto;
  width: 50%;
}

.page-pointmakeup-top .block-line--banner {
  margin-top: 150px;
  text-align: center;
}

.page-pointmakeup-top .block-line--concept {
  text-align: center;
}

.page-pointmakeup-top .block-line--concept .block-line--l-container {
  padding-bottom: 150px;
  padding-top: 300px;
}

.page-pointmakeup-top .block-line--concept-lead:nth-child(1) {
  font-size: 18px;
}

.page-pointmakeup-top .block-line--concept-lead:nth-child(2) {
  font-size: 28px;
  margin-top: 30px;
}

.page-pointmakeup-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 1.7;
}

.page-pointmakeup-top .block-line--component {
  margin: 100px auto;
  text-align: center;
}

.page-pointmakeup-top .block-line--component-anchor {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 14px 55px;
}

.makeuppattern-link {
  margin: 0 auto;
  text-align: center;
}

.makeuppattern-link__anchor {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  padding: 14px 55px;
}

.makeuppattern__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  text-align: center;
}

.makeuppattern__theme {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  margin-top: 80px;
  text-align: center;
  line-height: 1.2;
}

.makeuppattern__text {
  margin-top: 20px;
  text-align: center;
  line-height: 1.7;
}

.makeuppattern__list {
  overflow: hidden;
  *zoom: 1;
  margin-top: 20px;
  text-align: center;
}

.makeuppattern__list__item {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 14px;
}

.makeuppattern__list__item .img img {
  width: 260px;
}

.makeuppattern__list__item em {
  display: block;
  font-size: 18px;
  line-height: 30px;
  margin-top: 5px;
  text-align: center;
}

.makeuppattern__list__item span {
  border: 1px solid #e6e6e6;
  display: block;
  margin-top: 10px;
}

.makeuppattern__list__item span img {
  vertical-align: bottom;
}

.dispModal {
  background-color: #FFF;
}

.dispModal .maketheme {
  overflow: hidden;
  *zoom: 1;
  box-sizing: border-box;
  padding: 50px;
}

.dispModal .maketheme__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 50px;
}

.dispModal .maketheme__title em {
  font-size: 24px;
  margin-bottom: 15px;
}

.dispModal .maketheme .l-left {
  float: left;
}

.dispModal .maketheme .l-right {
  float: right;
}

.dispModal .maketheme > .l-left {
  width: 38%;
}

.dispModal .maketheme > .l-right {
  width: 56%;
}

.dispModal .maketheme .abouttheme__image {
  display: block;
}

.dispModal .maketheme .abouttheme__image img {
  vertical-align: bottom;
  width: 100%;
}

.dispModal .maketheme .abouttheme__image-sub {
  display: block;
  padding: 20px;
  text-align: center;
}

.dispModal .maketheme .abouttheme__image-sub img {
  vertical-align: bottom;
  width: 80%;
}

.dispModal .maketheme .abouttheme__text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 27px;
}

.dispModal .maketheme .lead {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 10% 30px;
  text-align: center;
}

.dispModal .maketheme .simple_lead {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 10px;
  text-align: left;
}

.dispModal .maketheme .simple_lead span {
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
}

.dispModal.l--target-1 .maketheme .lead {
  background-color: #40536d;
  border-radius: 1em;
  color: #ffffff;
  line-height: 2;
}

.dispModal.l--target-2 .maketheme .lead {
  background-color: #e9dacb;
  border-radius: 1em;
  line-height: 2;
}

.dispModal.l--target-3 .maketheme .lead {
  background-color: #6d7c5c;
  border-radius: 1em;
  color: #ffffff;
  line-height: 2;
}

.dispModal.l--target-4 .maketheme .lead {
  background-color: #f8d5d3;
  border-radius: 1em;
  line-height: 2;
}

.dispModal .maketheme .abouteyecolor {
  overflow: hidden;
  *zoom: 1;
}

.dispModal .maketheme .abouteyecolor__title {
  border-bottom: 1px solid #000000;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.dispModal .maketheme .abouteyecolor__image {
  text-align: center;
  width: 50%;
}

.dispModal .maketheme .abouteyecolor__image img {
  width: 60%;
}

.dispModal .maketheme .abouteyecolor__image img:nth-child(2) {
  margin-top: 1em;
}

.dispModal .maketheme .abouteyecolor__text-area {
  font-size: 12px;
  line-height: 20px;
  padding-right: 20px;
  text-align: justify;
  width: calc(50% - 20px);
}

.dispModal .maketheme .abouteyecolor__text {
  margin-bottom: 1em;
}

.dispModal .maketheme .abouteyecolor__text:last-child {
  margin-bottom: 0;
}

.dispModal .maketheme .makedata {
  overflow: hidden;
  *zoom: 1;
  margin-top: 30px;
}

.dispModal .maketheme .makedata .l-left {
  width: 100%;
  float: none;
}

.dispModal .maketheme .makedata .l-right {
  width: 100%;
  float: none;
}

.dispModal .maketheme .makedata__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}

.dispModal .maketheme .makedata__lead {
  line-height: 1.7;
  margin: 20px 0;
  font-size: 12px;
}

.dispModal .maketheme .makedata__lead small {
  font-size: 10px;
}

.dispModal .maketheme .makedata__cat {
  font-size: 12px;
  margin-top: 20px;
  width: 100%;
}

.dispModal .maketheme .makedata__list {
  width: 100%;
}

.dispModal .maketheme .makedata__list__item {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.5em;
}

.dispModal .maketheme .makedata__list__item .limited {
  background-color: #e3e7eb;
  padding: 1px 2px;
}

.dispModal .maketheme .makedata__list__item img {
  zoom: 0.75;
  -moz-transform: scale(0.75, 0.75) translate(5px, 5px);
  padding-left: 10px;
  vertical-align: middle;
}

.dispModal .maketheme .makedata .limited_color {
  color: #b9181a;
}

.dispModal .maketheme.mc5 .abouteyecolor {
  text-align: center;
}

.dispModal .maketheme.mc5 .abouteyecolor__image {
  margin-bottom: 20px;
  width: auto;
}

.dispModal .maketheme.mc5 .abouteyecolor__text {
  width: auto;
}

.dispModal .maketheme.mc5 .makedate {
  margin-top: 50px;
}

.dispModal .eyeline-technic {
  padding: 60px;
}

.dispModal .eyeline-technic h1 {
  font-size: 16px;
  width: 200px;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #000000;
}

.dispModal .eyeline-technic img {
  width: 100%;
}

.dispModal .eyeline-technic .technic--list {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}

.dispModal .eyeline-technic .technic--list .technic {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.dispModal .eyeline-technic .technic--list .technic:last-child {
  margin-right: 0;
}

.dispModal .eyeline-technic .technic--list .technic__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  text-align: center;
  height: 40px;
}

.dispModal .eyeline-technic .technic--list .technic__title span {
  font-size: 12px;
}

.dispModal .eyeline-technic .technic--list .technic__thumb {
  width: 70%;
  margin: 0 auto 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl {
  padding: 10px;
  border: 1px solid #000000;
  width: calc(100% - 22px);
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl2 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step {
  overflow: hidden;
  padding-bottom: 30px;
  background-image: url("/images/aq_mw/2016_autumn/eyeline-technic/arrow.png");
  background-position: bottom center;
  background-size: 20px 10px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}

.dispModal .eyeline-technic .technic--list .technic .step__thumb {
  float: left;
  width: 28%;
  margin-right: 12%;
}

.dispModal .eyeline-technic .technic--list .technic .step__txt {
  width: 57%;
  float: left;
  font-size: 14px;
  text-align: 1.6;
  text-indent: -1em;
}

.banner {
  margin: 0 auto;
  width: 95%;
}

.banner img {
  width: 100%;
}

.page-pointmakeup-top .block-line--concept {
  background-image: url(../../images/sp/pointmakeup/line_bg_02.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 0;
  text-align: center;
}

.page-pointmakeup-top .block-line--concept .block-line--l-container {
  padding-bottom: 50px;
  padding-top: 150px;
}

.page-pointmakeup-top .block-line--concept-lead:nth-child(1) {
  font-size: 18px;
  line-height: 1.4;
}

.page-pointmakeup-top .block-line--concept-lead:nth-child(2) {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
}

.page-pointmakeup-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 1.7;
}

.page-pointmakeup-top .block-line--component {
  margin: 100px auto;
}

.page-pointmakeup-top .block-line--component-anchor {
  font-size: 16px;
  padding: 20px 30px;
}

.makeuppattern-link {
  margin: 0 auto;
}

.makeuppattern-link__anchor {
  font-size: 16px;
  padding: 20px 30px;
}

.makeuppattern__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 25px;
  text-align: center;
}

.makeuppattern__theme {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 17px;
  margin-top: 40px;
  text-align: center;
}

.makeuppattern__text {
  font-size: 12px;
}

.makeuppattern__list {
  overflow: hidden;
  *zoom: 1;
  margin-top: 35px;
  text-align: center;
}

.makeuppattern__list__item {
  display: inline-block;
  margin: 0 10px 20px;
  text-align: center;
  width: 250px;
}

.makeuppattern__list__item a {
  color: #000;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 10px;
}

.makeuppattern__list__item a em {
  font-size: 15px;
  line-height: 2;
}

.makeuppattern__list__item .img {
  display: block;
  margin-top: 10px;
}

.makeuppattern__list__item .img img {
  width: 100%;
}

.dispModal {
  background-color: #FFF;
}

.dispModal::-webkit-scrollbar {
  width: 3px;
}

.dispModal::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #eee;
}

.dispModal::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #666;
}

.dispModal .maketheme {
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding: 15px;
  width: auto;
}

.dispModal .maketheme__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 25px;
}

.dispModal .maketheme__title em {
  font-size: 24px;
  margin-bottom: 15px;
}

.dispModal .maketheme .l-left {
  float: none;
}

.dispModal .maketheme .l-right {
  float: none;
}

.dispModal .maketheme > .l-left {
  width: auto;
}

.dispModal .maketheme > .l-right {
  width: auto;
}

.dispModal .maketheme .abouttheme__image {
  display: block;
}

.dispModal .maketheme .abouttheme__image img {
  vertical-align: bottom;
  width: 100%;
}

.dispModal .maketheme .abouttheme__text {
  font-size: 12px;
  line-height: 20px;
  margin-top: 27px;
}

.dispModal .maketheme .lead {
  margin-top: 30px;
}

.dispModal .maketheme .abouteyecolor {
  margin-top: 50px;
}

.dispModal .maketheme .abouteyecolor__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
}

.dispModal .maketheme .abouteyecolor__image {
  display: block;
  width: auto;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.dispModal .maketheme .abouteyecolor__image img {
  width: 200px;
}

.dispModal .maketheme .abouteyecolor__text-area {
  font-size: 12px;
  line-height: 20px;
  width: auto;
}

.dispModal .maketheme .makedata {
  overflow: hidden;
  *zoom: 1;
  margin-top: 50px;
}

.dispModal .maketheme .makedata .l-left {
  width: auto;
}

.dispModal .maketheme .makedata .l-right {
  width: auto;
}

.dispModal .maketheme .makedata__title {
  border-bottom: 1px solid #000;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
}

.dispModal .maketheme .makedata__cat {
  font-size: 12px;
  margin-top: 20px;
  width: 100%;
}

.dispModal .maketheme .makedata__list {
  width: 100%;
}

.dispModal .maketheme .makedata__list__item {
  font-size: 10px;
  line-height: 20px;
}

.dispModal .maketheme .makedata__list__item img {
  zoom: .5;
}

.dispModal .maketheme .makedata .limited_color {
  color: #b9181a;
}

.dispModal .maketheme.mc5 .abouteyecolor__image {
  margin-bottom: 20px;
  width: auto;
}

.dispModal .maketheme.mc5 .abouteyecolor__image img {
  width: 70%;
  max-width: 640px;
}

.dispModal .maketheme.mc5 .abouteyecolor__text {
  text-align: left;
  width: auto;
}

.dispModal .maketheme.mc5 .makedate {
  margin-top: 50px;
}

.dispModal .maketheme .news__detail__body__close {
  background-color: #7f7f7f;
  background-image: url(../images/parts/close_white.png);
  background-position: 20% center;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #fff;
  cursor: pointer;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 10px;
  margin: 40px auto 0;
  padding: 10px;
  text-align: center;
  width: 50%;
}

.dispModal .eyeline-technic {
  padding: 10%;
}

.dispModal .eyeline-technic h1 {
  font-size: 20px;
  width: auto;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #000000;
}

.dispModal .eyeline-technic img {
  width: 100%;
}

.dispModal .eyeline-technic .news__detail__body__close {
  cursor: pointer;
  text-align: center;
  background-image: url(../images/news/sp/close.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 12px;
  font-size: 10px;
  margin-top: 25px;
  padding-bottom: 5px;
  padding-top: 20px;
}

.dispModal .eyeline-technic .technic--list {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.dispModal .eyeline-technic .technic--list .technic {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 50px;
}

.dispModal .eyeline-technic .technic--list .technic:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.dispModal .eyeline-technic .technic--list .technic__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  text-align: center;
  height: 40px;
}

.dispModal .eyeline-technic .technic--list .technic__title span {
  font-size: 12px;
}

.dispModal .eyeline-technic .technic--list .technic__thumb {
  width: 70%;
  margin: 0 auto 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl {
  padding: 10px;
  border: 1px solid #000000;
  width: calc(100% - 22px);
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic__lbl2 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step {
  overflow: hidden;
  padding-bottom: 30px;
  background-image: url("/images/aq_mw/2016_autumn/eyeline-technic/arrow.png");
  background-position: bottom center;
  background-size: 20px 10px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.dispModal .eyeline-technic .technic--list .technic .step:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}

.dispModal .eyeline-technic .technic--list .technic .step__thumb {
  float: left;
  width: 28%;
  margin-right: 12%;
}

.dispModal .eyeline-technic .technic--list .technic .step__txt {
  width: 57%;
  float: left;
  font-size: 14px;
  text-align: 1.6;
  text-indent: -1em;
}

.block-makeup-pattern {
  margin: 0 auto;
  width: calc(100% - 30px);
}

.page-prime-latte-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-prime-latte-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-prime-latte-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
}

.page-prime-latte-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
}

.page-prime-latte-top .block-line--concept {
  margin: 0;
  padding: 150px 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff1f7', endColorstr = '#f1d8df');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff1f7', endColorstr = '#f1d8df')";
  background-image: -moz-linear-gradient(top, #fff1f7, #f1d8df);
  background-image: -ms-linear-gradient(top, #fff1f7, #f1d8df);
  background-image: -o-linear-gradient(top, #fff1f7, #f1d8df);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#fff1f7), to(#f1d8df));
  background-image: -webkit-linear-gradient(top, #fff1f7, #f1d8df);
  background-image: linear-gradient(top, #fff1f7, #f1d8df);
}

.page-prime-latte-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-prime-latte-top .block-line--concept-message-lead {
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 70px;
}

.page-prime-latte-top .block-line--concept-message-note {
  font-size: 10px;
  text-align: right;
  margin-right: 200px;
}

.page-prime-latte-top .block-line--concept-oil {
  overflow: hidden;
  width: 760px;
  margin: 100px auto 0;
}

.page-prime-latte-top .block-line--concept-oil-image {
  float: left;
  width: 250px;
}

.page-prime-latte-top .block-line--concept-oil-image img {
  width: 100%;
}

.page-prime-latte-top .block-line--concept-oil-message {
  float: right;
}

.page-prime-latte-top .block-line--concept-oil-message-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.page-prime-latte-top .block-line--concept-oil-message-point {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 20px;
  list-style: disc;
}

.page-prime-latte-top .block-line--concept-oil-message-note {
  font-size: 10px;
  line-height: 16px;
}

.page-prime-latte-top .block-line--concept {
  padding: 80px 0;
}

.page-prime-latte-top .block-line--l-container {
  margin-top: 0;
  width: 100%;
}

.page-prime-latte-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
  width: 80%;
  margin: 0 auto 30px;
}

.page-prime-latte-top .block-line--concept-message-lead {
  font-size: 20px;
  margin: 0 auto 50px;
  width: 90%;
}

.page-prime-latte-top .block-line--concept-message-text {
  font-size: 14px;
  margin: 0 auto;
  width: 90%;
}

.page-prime-latte-top .block-line--concept-oil {
  overflow: visible;
  width: 90%;
  margin: 100px auto 0;
}

.page-prime-latte-top .block-line--concept-oil-image {
  float: none;
  margin-bottom: 50px;
  width: auto;
}

.page-prime-latte-top .block-line--concept-oil-message {
  float: none;
}

.page-prime-latte-top .block-line--concept-oil-message-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.page-prime-latte-top .block-line--concept-oil-message-point {
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 20px;
  margin-left: 1.5em;
  padding-top: 15px;
}

.page-prime-latte-top .block-line--concept-oil-message-note {
  font-size: 10px;
  line-height: 16px;
  text-indent: -1em;
  margin: 0 10px;
}

.page-prime-latte-top .block-line--text-align-right {
  float: right;
}

.page-sun-shelter-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-sun-shelter-top .block-line--concept {
  background-color: #e7f4fe;
  padding: 100px 0;
}

.page-sun-shelter-top .block-line--concept .block-line--l-container {
  margin: 0 auto;
  padding-top: 0;
  text-align: center;
}

.page-sun-shelter-top .block-line--concept-catch {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 28px;
  line-height: 1.7;
  margin-bottom: 50px;
  text-decoration: underline;
}

.page-sun-shelter-top .block-line--concept-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.7;
  margin-bottom: 50px;
}

.page-sun-shelter-top .block-line--concept-text:last-child {
  margin-bottom: 0;
}

.page-sun-shelter-top .block-line--lineup {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7f4fe+0,ffffff+100 */
  background: #e7f4fe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e7f4fe 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e7f4fe 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e7f4fe 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f4fe', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  padding: 0 0 100px;
}

.page-sun-shelter-top .block-line--lineup .block-line--l-container {
  padding: 0;
}

.page-sun-shelter-top .block-line--lineup-date {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 40px;
  text-align: center;
}

.page-sun-shelter-top .block-line--lineup-item-container {
  display: flex;
  margin: 0 auto 40px;
  width: 1200px;
}

.page-sun-shelter-top .block-line--lineup-item {
  text-align: center;
  width: calc(100% / 3);
}

.page-sun-shelter-top .block-line--lineup-item .block-line--date {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-bottom: 20px;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--image {
  margin: 0 auto;
  max-width: 200px;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--image img {
  width: 100%;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--copy {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 20px;
}

.page-sun-shelter-top .block-line--lineup-item:nth-child(1) .block-line--copy {
  color: #4f64ae;
}

.page-sun-shelter-top .block-line--lineup-item:nth-child(2) .block-line--copy {
  color: #111d76;
}

.page-sun-shelter-top .block-line--lineup-item:nth-child(3) .block-line--copy {
  color: #cc7eac;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--spec {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  line-height: 1.7;
}

.page-sun-shelter-top .block-line--lineup-note {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 12px;
  text-align: center;
  width: 100%;
}

.page-sun-shelter-top .block-line--concept {
  padding: 50px 0;
}

.page-sun-shelter-top .block-line--concept-copy {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  line-height: 1.7;
  margin-bottom: 50px;
}

.page-sun-shelter-top .block-line--concept-copy .block-line--sub-copy {
  font-size: 20px;
}

.page-sun-shelter-top .block-line--concept-catch {
  font-size: 20px;
  margin-bottom: 30px;
}

.page-sun-shelter-top .block-line--concept-text {
  margin-bottom: 30px;
}

.page-sun-shelter-top .block-line--lineup {
  padding: 0 0 50px;
}

.page-sun-shelter-top .block-line--lineup-item-container {
  display: block;
  width: auto;
}

.page-sun-shelter-top .block-line--lineup-item {
  margin-bottom: 50px;
  width: auto;
}

.page-sun-shelter-top .block-line--lineup-item:nth-child(3) {
  margin-bottom: 0;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--image {
  width: 30%;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--date {
  font-size: 12px;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--copy {
  font-size: 20px;
  margin-bottom: 20px;
}

.page-sun-shelter-top .block-line--lineup-item .block-line--spec {
  font-size: 12px;
}

.page-sun-shelter-top .block-line--lineup-note {
  line-height: 1.7;
}

.page-vi-fusion-top {
  background: #000000;
  color: #fff;
  margin-bottom: 80px;
}

.page-vi-fusion-top .block-line--keyvisual-lang-nav {
  position: absolute;
  top: 70%;
  right: 12%;
  width: 25%;
}

.page-vi-fusion-top .block-line--keyvisual-lang-list {
  overflow: hidden;
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item {
  float: left;
  width: 45%;
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item:first-child {
  margin-right: 9%;
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item-anchor {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: block;
  padding: 1em 0;
  text-align: center;
  width: 100%;
}

.skincaresystem {
  background-color: #FFFFFF;
  color: #000000;
}

.page-vi-fusion-top .block-line--concept {
  padding-bottom: 100px;
}

.page-vi-fusion-top .block-line--concept-title {
  font-size: 30px;
  margin-top: 100px;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-list {
  margin-top: 50px;
}

.page-vi-fusion-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-message-copy {
  font-family: "Hiragino Kaku Gothic W1 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 30px;
  margin-top: 80px;
  width: 90%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-message-lead {
  font-family: "Hiragino Kaku Gothic W1 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 22px;
  margin-top: 60px;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-message-lead-text {
  font-family: "Hiragino Kaku Gothic W1 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-message-text {
  font-family: "Hiragino Kaku Gothic W1 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 0;
  line-height: 1.8em;
  text-align: center;
}

.page-vi-fusion-top .block-line--concept-message-text strong {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px solid #756e61;
}

.page-vi-fusion-top .block-line--concept-message-text span {
  font-size: 14px;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--viefusion {
  margin-bottom: 80px;
  margin-top: 50px;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--ingradient {
  text-align: center;
  font-size: 14px;
  margin-top: 30px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--last {
  margin-top: 80px;
}

.skincaresystem-step__header h2 {
  font-family: "Hiragino Kaku Gothic W1 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}

.skincaresystem .l-container,
.skincaresystem-title {
  margin-top: 0;
}

#skincaresystem_step4 {
  text-align: center;
}

#skincaresystem_step4 .skincaresystem-step__row {
  width: 49%;
  margin-right: 1%;
  display: inline-block;
}

#skincaresystem_step4 .skincaresystem-step__row p {
  padding-top: 40px;
}

#skincaresystem_step4 .skincaresystem-step__row:last-child {
  margin-right: 0;
}

.page-vi-fusion-top .block-line--store {
  margin: 0 auto 80px;
  width: calc(100% - 30px);
}

.page-vi-fusion-top .block-line--store-title {
  background-color: rgba(117, 110, 97, 0.3);
  border: 4px double #756e61;
  cursor: pointer;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 2em;
  position: relative;
  text-align: center;
}

/*.page-vi-fusion-top .block-line--store-title::before {
  background-color: #ffffff;
  content: "";
  display: block;
  position: absolute;

  right: 29px;
  top: calc(50% - 10px);
  height: 20px;
  width: 2px;
}
.page-vi-fusion-top .block-line--store-title.active::before {
  display: none;
}
.page-vi-fusion-top .block-line--store-title::after {
  background-color: #ffffff;
  content: "";
  display: block;
  position: absolute;

  right: 20px;
  top: calc(50% - 1px);
  height: 2px;
  width: 20px;
}*/
.page-vi-fusion-top .block-line--store-list-item {
  font-size: 14px;
  padding: 1.5em 30px 1.5em 50px;
}

.page-vi-fusion-top .block-line--store-list-item:nth-child(2n) {
  background-color: rgba(117, 110, 97, 0.3);
}

.page-vi-fusion-top .block-line--store-list-item .block-line--name,
.page-vi-fusion-top .block-line--store-list-item .block-line--address,
.page-vi-fusion-top .block-line--store-list-item .block-line--phone {
  display: table-cell;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--name {
  width: 400px;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--address {
  width: 550px;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--phone {
  width: 170px;
}

.page-vi-fusion-top .block-line--keyvisual-lang-nav {
  bottom: 7%;
  top: auto;
  right: calc(7% + 40px);
  width: calc(86% - 80px);
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item {
  width: calc(50% - 7px);
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item:first-child {
  margin-right: 10px;
}

.page-vi-fusion-top .block-line--keyvisual-lang-list-item-anchor {
  font-size: 14px;
  line-height: 28px;
  padding: 0;
}

.page-vi-fusion-top .block-line--concept {
  padding-bottom: 60px;
}

.page-vi-fusion-top .block-line--concept-message-title {
  font-size: 20px;
}

.page-vi-fusion-top .block-line--concept-message-copy {
  font-size: 20px;
  margin-top: 40px;
}

.page-vi-fusion-top .block-line--concept-message-lead {
  font-size: 14px;
  margin-top: 30px;
}

.page-vi-fusion-top .block-line--concept-message-lead-text {
  font-size: 12px;
}

.page-vi-fusion-top .block-line--concept-message-text {
  font-size: 12px;
}

.page-vi-fusion-top .block-line--concept-message-text strong {
  font-size: 14px;
}

.page-vi-fusion-top .block-line--concept-message-text span {
  font-size: 12px;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--viefusion {
  margin-bottom: 40px;
  margin-top: 30px;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--ingradient {
  font-size: 12px;
  margin-top: 20px;
  width: auto;
}

.page-vi-fusion-top .block-line--concept-message-text.block-line--last {
  margin-top: 40px;
}

.block-line-system {
  background: #ffffff;
  color: #000000;
  padding: 40px 30px 0;
  width: 100% !important;
}

.skincaresystem-step__header h2 {
  font-size: 14px;
}

#skincaresystem_step4 .skincaresystem-step__row {
  width: 46%;
}

#skincaresystem_step4 .skincaresystem-step__row p {
  margin-top: 0;
}

.product .itemlist-item-txt {
  height: 90px;
}

.page-vi-fusion-top .block-line--store-title {
  font-size: 20px;
}

/*.page-vi-fusion-top .block-line--store-title::before {
  right: 27px;
  top: calc(50% - 8px);
  height: 16px;
  width: 2px;
}
.page-vi-fusion-top .block-line--store-title::after {
  right: 20px;
  top: calc(50% - 1px);
  height: 2px;
  width: 16px;
}*/
.page-vi-fusion-top .block-line--store-list-item {
  font-size: 12px;
  padding: 1.5em 10px;
}

.page-vi-fusion-top .block-line--store-list-item:nth-child(2n) {
  background-color: rgba(117, 110, 97, 0.3);
}

.page-vi-fusion-top .block-line--store-list-item .block-line--name,
.page-vi-fusion-top .block-line--store-list-item .block-line--address,
.page-vi-fusion-top .block-line--store-list-item .block-line--phone {
  display: block;
  line-height: 1.7;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--name {
  width: auto;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--address {
  width: auto;
}

.page-vi-fusion-top .block-line--store-list-item .block-line--phone {
  width: auto;
}

.page-vita-de-reve-top .block-line-key-visual {
  margin-bottom: 0;
}

.page-vita-de-reve-top .block-line--concept-message-title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
}

.page-vita-de-reve-top .block-line--concept-message-lead {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  margin-top: 50px;
  text-align: center;
  display: block;
}

.page-vita-de-reve-top .block-line--concept-message-text {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  margin-top: 55px;
  text-align: center;
  line-height: 2.0em;
}

.page-vita-de-reve-top .block-line--concept {
  margin: 0;
  padding: 150px 0;
  background-image: url("../../images/sp/vita_de_reve/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

.page-vita-de-reve-top .block-line--concept .block-line--l-container {
  margin: 0 auto auto;
  color: #000;
  padding: 0;
}

.page-vita-de-reve-top .block-line--concept-message-lead {
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 50px;
}

.page-vita-de-reve-top .block-line--concept-message-text {
  line-height: 28px;
}

.page-vita-de-reve-top .block-line--concept {
  margin: 0;
  padding: 80px 0;
  background-image: url("../../images/sp/vita_de_reve/line_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

.page-vita-de-reve-top .block-line--concept-message-title {
  font-size: 20px;
  line-height: normal;
  width: 100%;
  margin: 0 auto 50px;
}

.page-vita-de-reve-top .block-line--concept-message-lead {
  font-size: 20px;
  margin: 0 auto 50px;
  width: 100%;
}

.page-vita-de-reve-top .block-line--concept-message-text {
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
}

.page-whitelogist-top sup {
  font-size: 10px;
}

.page-whitelogist-top .block-line--note {
  font-size: 10px;
  display: block;
  margin-top: 15px;
}

.page-honeydew-top .block-line-concept {
  background-color: #ffd47f;
}

.page-line-top.page-honeydew-top .block-line-concept--link-list-item {
  background-color: rgba(255, 255, 255, 0.8);
}

.page-cyclickkey-top .block-line-concept {
  background-image: url("../../images/sp/cyclic_key/line_concept_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-line-top.page-cyclickkey-top .block-line-concept--link-list-item {
  background-color: rgba(255, 255, 255, 0.8);
}

.page-lacouture-top .block-line-concept {
  background-image: url("../../images/sp/lacouture/line_concept_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-line-top.page-lacouture-top .block-line-concept--link-list-item {
  background-color: rgba(255, 255, 255, 0.8);
}

.page-line-top.page-de-la-vie-top .block-line-concept {
  background-image: url("../../images/sp/de_la_vie/line_concept_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-line-top.page-de-la-vie-top .block-line-concept--link-list-item {
  background-color: rgba(255, 255, 255, 0.8);
}

.page-line-top.page-makeup-brushes-top {
  margin-bottom: 80px;
}

.page-makeup-brushes-top .block-line--concept {
  min-width: 1200px;
  text-align: center;
  background-color: #000;
  color: #fff;
}

.page-makeup-brushes-top .block-line--concept .block-line--l-container {
  padding-bottom: 100px;
  padding-top: 200px;
  padding-top: 100px;
}

.page-makeup-brushes-top .block-line--concept-lead {
  font-size: 28px;
  margin-top: 30px;
}

.page-makeup-brushes-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 2.5;
}

/*ファイバー説明*/
.page-makeup-brushes-top .block-line--concept-fiber {
  padding-bottom: 50px;
  text-align: center;
  background-color: #fdf8f2;
}

.page-makeup-brushes-top .block-line--concept-fiber .block-line--l-container {
  margin-top: 0;
  padding-top: 50px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.page-makeup-brushes-top .block-line--concept-fiber-wrap {
  padding-left: 20%;
  padding-right: 20%;
}

.page-makeup-brushes-top h1.block-line--concept-fiber-title {
  font-size: 22px;
  margin-top: 30px;
  line-height: 1.7;
  margin-bottom: 60px;
}

.page-makeup-brushes-top h2.block-line--concept-fiber-title {
  font-size: 20px;
  margin-top: 80px;
  line-height: 1.7;
  margin-bottom: 60px;
  border-bottom: 1px solid #d6c28d;
}

.page-makeup-brushes-top .block-line--concept-fiber-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

.page-makeup-brushes-top .block-line--concept-fiber-img img {
  width: 463px;
}

.page-makeup-brushes-top .block-line--concept-fiber-img-text {
  width: 30%;
  text-align: left;
  line-height: 1.5;
  padding-left: 40px;
}

.page-makeup-brushes-top p.block-line--note {
  text-align: right;
  font-size: 0.8rem;
}

.page-makeup-brushes-top .block-line--concept {
  min-width: 0;
}

.page-makeup-brushes-top .block-line--concept .block-line--l-container {
  padding-bottom: 50px;
  padding-top: 150px;
  padding-top: 50px;
}

.page-makeup-brushes-top .block-line--concept-lead {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
}

.page-makeup-brushes-top .block-line--concept-text {
  margin-top: 50px;
  line-height: 2;
}

.page-makeup-brushes-top .block-line--concept-fiber-wrap {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

.page-makeup-brushes-top h1.block-line--concept-fiber-title {
  font-size: 18px;
  padding-top: 30px;
  line-height: 1.7;
  margin-bottom: 60px;
}

.page-makeup-brushes-top h2.block-line--concept-fiber-title {
  font-size: 16px;
  margin-top: 60px;
  line-height: 1.7;
  margin-bottom: 40px;
}

.page-makeup-brushes-top .block-line--concept-fiber-img {
  display: block;
}

.page-makeup-brushes-top .block-line--concept-fiber-img img {
  width: 100%;
}

.page-makeup-brushes-top .block-line--concept-fiber-img-text {
  width: 100%;
  text-align: center;
  line-height: 1.7;
  padding-left: 0;
  padding-top: 30px;
  font-size: 14px;
}

.page-hydraclarity-top {
  margin-bottom: 80px;
}