@charset "UTF-8";
/* ----共通---- */
.block-member-info--customer-name,
.block-member-info--message,
.block-member-info--form form > .legend,
.block-member-info--form form > .fieldset-vertical,
.block-member-info--promotion-freespace,
.block-member-info--use-spoofing-protection,
.block-member-info-confirmation--form form > .legend,
.block-member-info-confirmation--form form > .fieldset-vertical,
.block-member-info-confirmation--promotion-freespace,
.block-member-info-confirmation--message,
.block-member-info-confirmation--form form > .form-group,
.block-member-info-confirmation > .legend,
.block-member-info-confirmation--items-option-info > .form-group,
.block-member-info-confirmation--items-mailnews > .form-group,
.block-member-info-confirmation--items-password > .form-group,
.block-member-info-confirmation--items > .legend,
.block-member-info-confirmation--customer-name,
.block-member-registration-completed--message,
.block-member-registration-completed .action-buttons,
.block-shipping-address--message,
.block-shipping-address--customer-name,
.block-shipping-address--form,
.block-shipping-address-confirmation--customer-name,
.block-shipping-address-confirmation--form,
.block-purchase-history--customer-name,
.block-purchase-history--search-frame,
.block-purchase-history--list,
.block-purchase-history-detail--customer-name,
.block-purchase-history-detail--body,
.block-update-member-password--customer-name,
.block-update-member-password--update-password-form,
.block-update-member-password--update-completed-message,
.block-update-member-password > .action-buttons,
.block-favorite--customer-name,
.block-favorite--form,
.block-update-mail-address--customer-name,
.block-update-mail-address--update-mail-address-form,
.block-update-mail-address--update-completed-message,
.block-update-mail-address > .action-buttons,
.block-point-history-list--customer-info,
.block-point-history-list--items,
.block-credit-card-confirmation--customer-name,
.block-credit-card-confirmation--form .block-credit-card-confirmation--credit-card-info-header,
.block-credit-card-confirmation--form .block-credit-card-confirmation--update-confirmation-header,
.block-credit-card-confirmation--credit-card-info > p,
.block-credit-card-confirmation--regularsales-items,
.block-credit-card-confirmation--credit-card-info-items,
.block-credit-card-confirmation--update-confirmation .block-credit-card-confirmation--message,
.block-credit-card-confirmation--authentication-items,
.block-withdrawal--customer-name,
.block-withdrawal--message,
.block-withdrawal--form,
.block-withdrawal--completed-message,
.block-logout--message,
.block-inquiry--message,
.block-inquiry--form,
.block-inquiry--confirmation-form,
.block-inquiry-completed--message,
.block-reset-password--message,
.block-reset-password--form,
.block-reset-password-completed--message,
.block-update-new-password--message,
.block-update-new-password--form,
.block-reset-new-password--completed-message,
.block-questionnaire--customer-name,
.block-questionnaire--item-description,
.block-questionnaire--box-content,
.block-questionnaire--confirmation-form,
.block-questionnaire-completed--customer-name,
.block-questionnaire-completed--message,
.block-questionnaire-completed > .action-buttons,
.block-member-info--message-option-info-wrapper .legend,
.block-member-info--message-mailnews-wrapper .legend,
.legend.block-regular-purcharse-shipment-info-update--old-info-header,
.legend.block-regular-purcharse-shipment-info-update--new-info-header,
.block-regular-purcharse-shipment-info-update--old-address,
.block-regular-purcharse-shipment-info-update--old-info-message,
.block-regular-purcharse-shipment-info-update--new-info-items,
.block-regular-purcharse-shipment-info-dest-add,
.block-regular-purcharse-method-info-update--current-method-title,
.block-regular-purcharse-method-info-update--change-method-title,
.legend.block-regular-purcharse-cancellation--cancel-reason-header,
.block-update-credit-card-info--customer-name,
.block-inquiry--customer-name,
.block-inquiry-completed--customer-name,
.block-phone-approval--message,
.block-phone-approval .help-block,
.approval-footer,
.block-member-info--message-mailnews-wrapper,
.block-regular-purcharse-shipment-info-update--customer-name,
.block-regular-purcharse-cycle-info-update--customer-name ,
.block-regular-purcharse-method-info-update--customer-name,
.block-purchase-history--customer-note {
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}


.block-member-info-confirmation--form form > .fieldset-vertical.block-member-info-confirmation--items-option-info > .form-group,
.block-member-info-confirmation--form form > .fieldset-vertical.block-member-info-confirmation--items-password > .form-group {
	padding: 0;
}

.block-info-message-adjust {
  margin-bottom:1.5em!important;
}
/* ----共通：名前---- */
.block-mypage--customer-name,
.block-member-info--customer-name,
.block-member-info-confirmation--customer-name,
.block-shipping-address--customer-name,
.block-shipping-address-confirmation--customer-name,
.block-purchase-history--customer-name,
.block-purchase-history-detail--customer-name,
.block-update-member-password--customer-name,
.block-favorite--customer-name,
.block-update-mail-address--customer-name,
.block-point-history-list--customer-name,
.block-credit-card-confirmation--customer-name,
.block-withdrawal--customer-name,
.block-inquiry-completed--customer-name,
.block-questionnaire--customer-name,
.block-questionnaire-completed--customer-name,
.block-regular-purcharse-method-info-update--customer-name,
.block-regular-purcharse-shipment-info-update--customer-name,
.block-regular-purcharse-cycle-info-update--customer-name,
.block-regular-purcharse-cancellation-info-update--customer-name,
.block-regular-purcharse-cancellation--customer-name,
.block-regular-purcharse-detail--customer-name,
.block-goodsadd-list--customer-name,
.block-update-credit-card-info--customer-name,
.block-inquiry--customer-name,
.block-inquiry-completed--customer-name {
	font-size: 1.6rem;
	font-weight: normal;
}
.block-inquiry--customer-name {
	margin-top: 4.0vw;
}
.block-purchase-history-detail--customer-name,
.block-purchase-history--customer-note {
	margin: 0 0 5.33vw;
}

.block-member-info-confirmation--customer-name + *,
.block-shipping-address--customer-name + *,
.block-shipping-address-confirmation--customer-name + *,
.block-purchase-history--customer-name + *,
.block-update-member-password--customer-name + *,
.block-update-mail-address--customer-name + *,
.block-withdrawal--customer-name + *,
.block-inquiry-completed--customer-name + *,
.block-questionnaire--customer-name + *,
.block-questionnaire-completed--customer-name + * {
	margin-top: 5.33vw;
}
.block-favorite--customer-name {
	margin-bottom: 5.33vw;
}
/* ----共通：フォーム見出し---- */
.form-group-title {
	margin-top: 8.66vw;
	display: flex;
	align-items: center;
}
.form-group:first-of-type .form-group-title {
	margin-top: 0;
}
.form-group-title .form-label {
	margin-right: 5.33vw;
}
.form-group-title .constraint {
	display: flex;
}
.form-group-title + *,
.block-member-info--items-mailnews,
.block-member-info--message-password,
.block-shipping-address--nickname .form-control {
	margin-top: 3.0vw;
}
/* ----共通：フォーム：ラジオボタンリスト---- */
.block-member-info--mag .form-control label {
	margin-bottom: 4.0vw;
}
/* ----共通：フォーム：下部ボタン---- */
.block-member-info--form form > .action-buttons,
.block-member-info-confirmation form > .action-buttons,
.block-shipping-address--form form > .action-buttons,
.block-shipping-address-confirmation--form form > .action-buttons,
.block-purchase-history-detail--requests-for-order,
.block-update-member-password--update-password-form form > .action-buttons,
.block-update-mail-address--update-mail-address-form form > .action-buttons,
.block-credit-card-confirmation--form form > .action-buttons,
.block-withdrawal--form form > .action-buttons,
.block-withdrawal > .action-buttons,
.block-inquiry--form form > .action-buttons,
.block-inquiry--confirmation-form form > .action-buttons,
.block-reset-password--form form > .action-buttons,
.block-reset-password-completed > .action-buttons,
.block-update-new-password--form form > .action-buttons,
.block-update-new-password > .action-buttons,
.block-questionnaire--form > .action-buttons,
.block-questionnaire--confirmation-form > .action-buttons,
.block-regular-purcharse-cycle-info-update--body form > .action-buttons,
.block-regular-purcharse-shipment-info-update--body form > .action-buttons,
.block-regular-purcharse-method-info-update--body form > .action-buttons,
.block-regular-purcharse-cancellation--body form > .action-buttons {
	margin-top: 16.0vw;
	margin-bottom: 13.33vw;
}
.block-member-info--form form > .action-buttons {
	margin-left: 5.33vw;
	margin-right: 5.33vw;
}
.block-member-info--form form > .action-buttons .action:nth-child(2) ,
.block-shipping-address--action2 {
	margin-top: 8.0vw!important;
	flex-flow: wrap;
}
.block-shipping-address--form form > .action-buttons .block-shipping-address--regular-delete-msg {
	margin: 8.0vw 0;
}
.block-shipping-address--form form > .action-buttons .action ~ .action {
	margin-top: 8.0vw;
	text-align: center;
}
a.fAssist_reqBut {
	margin: 0 0 1.4rem;
}
/* ----共通：パンくずナビ---- */
.block-member-info .block-topic-path,
.block-member-info-confirmation .block-topic-path,
.block-update-mail-address .block-topic-path,
.block-shipping-address .block-topic-path,
.block-shipping-address-confirmation .block-topic-path,
.block-update-member-password .block-topic-path,
.block-favorite .block-topic-path,
.block-arrival-notice-list .block-topic-path,
.block-purchase-history-detail .block-topic-path,
.block-order-cancellation .block-topic-path,
.block-regular-purcharse-list .block-topic-path,
.block-regular-purcharse-detail .block-topic-path,
.block-regular-purcharse-shipment-info-update .block-topic-path,
.block-regular-purcharse-cycle-info-update .block-topic-path,
.block-regular-purcharse-cancellation .block-topic-path,
.block-credit-card-confirmation .block-topic-path,
.block-update-credit-card-info .block-topic-path,
.block-inquiry .block-topic-path,
.block-inquiry-completed .block-topic-path,
.block-point-history-list .block-topic-path,
.block-coupon-list .block-topic-path,
.block-store-coupon-list .block-topic-path,
.block-customer-card .block-topic-path,
.block-withdrawal .block-topic-path,
.block-member-id .block-topic-path,
.block-mail-address .block-topic-path,
.block-mail-address--update-complete .block-topic-path,
.block-mail-address--registration .block-topic-path,
.block-favorite--name .block-topic-path,
.block-purchase-history .block-topic-path {
	margin: 21.33vw 0 0;
}

.form-group__over .form-group {
	margin: 0;
}
.form-group__over .form-group + .form-group {
	margin-top: 1.4rem;
}
.form-group__over .form-group .form-group-title {
	margin: 0;
}
.form-group__over .form-group .form-label {
	margin: 0;
}
.form-group__over .form-group .form-label label {
	font-weight: normal;
}
.form-group__over .form-group .constraint {
	display: none!important;
}
.form-group__over .form-group .form-control {
	margin-top: 0.6rem;
}
/* ----マイページ画面---- */
.block-mypage--customer-status {
	margin: 0 5.33vw;
	padding: 0;
	border: none;
	border-radius: 0;
}
.block-mypage--sign {
	padding-bottom: 0;
	font-size: 1.6rem;
	line-height: 1.0;
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.block-mypage--logout {
	font-size: 1.4rem;
}
.customer-status-number {
	margin-top: 3.73vw;
}
.customer-status-number dl {
	line-height: 1.0;
	display :flex;
}
.customer-status-number dl dd {
	margin-left: 4.0vw;
}
.customer-status-point-rank-container {
	margin-top: 5.33vw;
	border-top: 1px solid #ccc;
	padding-top: 5.33vw;
	display: flex;
}
.customer-status-point-rank-container .customer-status-point,
.customer-status-point-rank-container .customer-status-rank {
	width: 50%;
}
.customer-status-point-rank-container .block-mypage--mypoint,
.customer-status-point-rank-container .block-mypage--rank-status {
	width: 100%;
	padding-top: 19.73vw;
}
.customer-status-point-rank-container .block-mypage--mypoint {
	border-top: none;
	border-right: 1px solid #ccc;
	background: url(../../img/usr/ico_customer_point_sp.png) top center no-repeat;
	background-size: 14.66vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-platinum {
	background: url(../../img/usr/ico_customer_rank_platinum.png) top center no-repeat;
	background-size: 12.4vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-gold {
	background: url(../../img/usr/ico_customer_rank_gold.png) top center no-repeat;
	background-size: 12.4vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-silver {
	background: url(../../img/usr/ico_customer_rank_silver.png) top center no-repeat;
	background-size: 12.4vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-bronze {
	background: url(../../img/usr/ico_customer_rank_bronze.png) top center no-repeat;
	background-size: 12.4vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-standard {
	background: url(../../img/usr/ico_customer_rank_standard.png) top center no-repeat;
	background-size: 12.4vw 16.0vw;
}
.customer-status-point-rank-container .block-mypage--rank-status.userrank-0,
.customer-status-point-rank-container .block-mypage--rank-status.userrank-1 {
	height: 100%;
	padding-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.customer-status-point-rank-container .block-mypage--mypoint dl dt,
.customer-status-point-rank-container .block-mypage--rank-status .block-mypage--rank-title {
	font-size: 1.4rem;
	line-height: 1.0;
}
.customer-status-point-rank-container .block-mypage--mypoint dl dd {
	margin-top: 1.6vw;
	color: #d0111b;
	font-weight: bold;
	line-height: 1.2;
}
.customer-status-point-rank-container .block-mypage--mypoint dl dd .block-mypage--mypoint-point {
	font-size: 2.0rem;
	margin: 0 1.06vw 0 0;
}
.block-mypage--rank-status .block-mypage--rank-info {
	padding: 0;
	margin-top: 0;
	background-color:transparent;
	color: #333;
}
.block-mypage--rank-status .block-mypage--rank-current {
	margin-top: 1.6vw;
	font-size: 1.6rem;
	font-weight: bold;
}
/* .block-mypage--rank-status.userrank-platinum .block-mypage--rank-current {
	color: #4070ff;
}
.block-mypage--rank-status.userrank-gold .block-mypage--rank-current {
	color: #c29d23;
}
.block-mypage--rank-status.userrank-silver .block-mypage--rank-current {
	color: #666;
}
.block-mypage--rank-status.userrank-bronze .block-mypage--rank-current {
	color: #8c4a30;
}
.block-mypage--rank-status.userrank-standard .block-mypage--rank-current {
	color: #d0111b;
} */
.block-mypage--rank-status.userrank-platinum .block-mypage--rank-current,
.block-mypage--rank-status.userrank-gold .block-mypage--rank-current,
.block-mypage--rank-status.userrank-silver .block-mypage--rank-current,
.block-mypage--rank-status.userrank-bronze .block-mypage--rank-current ,
.block-mypage--rank-status.userrank-standard .block-mypage--rank-current {
	color: #333;
}
.customer-status-point-exhchange {
	margin-top: 8.0vw;
}
.customer-status-point-exhchange .btn.btn-primary {
	width: 100%;
	height: 13.32vw;
	border-radius: 6.66vw;
}
.customer-status-note {
	width: 60.0vw !important;
	height: 10.0vw !important;
}
/* ----マイページ画面：定期購入商品---- */

.periodical-purchase-container {
	margin-top: 8.0vw;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8.0vw 5.33vw 5.33vw;
	background-color: #f7f7f7;
}
.periodical-purchase-header h2 {
	margin: 0;
	font-size: 2.2rem;
	font-weight: bold;
	justify-content: flex-start;
}
.periodical-purchase-header h2:before,
.periodical-purchase-header h2:after {
	content: none;
}
.periodical-purchase-header > p,
.periodical-purchase-header h2 + .course-comment {
	margin-top: 4.26vw;
}
.periodical-purchase-header > p a,
.periodical-purchase-header h2 + .course-comment p a {
	text-decoration: underline;
}
.periodical-purchase-header > p a:hover {
	text-decoration: none;
}
/* マイページ画面：お申し込み定期件数 */
.periodical-purchase-container .periodical-purchase-count {
	margin-top: 5.33vw;
	font-size: 1.6rem;
	font-weight: bold;
}
.periodical-purchase-container .periodical-purchase-count span {
	font-size: 2.0rem;
}
/* マイページ画面：定期購入商品オーダー一覧 */
.periodical-purchase-container .periodical-purchase-list {
	margin-top: 5.33vw;
}
.periodical-purchase-container .periodical-purchase-list > li {
	margin-top: 5.33vw;
	padding: 3.6vw 5.33vw 5.33vw 4.0vw;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
}
.periodical-purchase-container .periodical-purchase-list > li:first-child {
	margin-top: 0;
}
/* マイページ画面：定期購入商品オーダー内容 */
.periodical-purchase-goods-container {
	display: flex;
	flex-wrap: wrap;
}
/* マイページ画面：定期購入商品オーダー内容：左エリア（アイコン＆画像） */
.periodical-purchase-goods-container .periodical-purchase-goods-leftarea {
	width: 25.33vw;
}
/* マイページ画面：定期購入商品オーダー内容：右エリア（お届け日、お届け内容、支払い方法、受注番号） */
.periodical-purchase-goods-container .periodical-purchase-goods-rightarea {
	width: calc(100% - 5.33vw - 25.33vw);
	margin-left: 5.33vw;
}
/* マイページ画面：定期購入商品オーダー内容：アイコン */
.periodical-purchase-goods-container .periodical-purchase-goods-icon,
.periodical-purchase-goods-container .periodical-purchase-goods-icon img {
	width: 11.86vw;
}
/* マイページ画面：定期購入商品オーダー内容：画像 */
.periodical-purchase-goods-container .periodical-purchase-goods-images {
	width: 24.0vw;
	margin-left: calc(100% - 24.0vw);
	margin-top: 4.0vw;
}
.periodical-purchase-goods-container .periodical-purchase-goods-images li {
	margin-top: 4.0vw;
}
.periodical-purchase-goods-container .periodical-purchase-goods-images li:first-child {
	margin-top: 0;
}
/* マイページ画面：定期購入商品オーダー内容：共通 */
.periodical-purchase-goods-container .periodical-purchase-goods-info,
.periodical-purchase-goods-container .periodical-purchase-goods-method,
.periodical-purchase-goods-container .periodical-purchase-goods-ordernumber {
	margin-top: 5.33vw;
}
.periodical-purchase-goods-container .periodical-purchase-goods-date dd,
.periodical-purchase-goods-container .periodical-purchase-goods-item,
.periodical-purchase-goods-container .periodical-purchase-goods-method dd,
.periodical-purchase-goods-container .periodical-purchase-goods-ordernumber dd {
	margin-top: 1.6vw;
}

.periodical-purchase-goods-container .periodical-purchase-goods-info-title,
.periodical-purchase-goods-container .periodical-purchase-goods-item-qty span,
.periodical-purchase-goods-container .periodical-purchase-goods-item-price span,
.periodical-purchase-goods-container .periodical-purchase-goods-date dt,
.periodical-purchase-goods-container .periodical-purchase-goods-method dt,
.periodical-purchase-goods-container .periodical-purchase-goods-ordernumber dt {
	font-weight: bold;
}
/* マイページ画面：定期購入商品オーダー内容：商品名 */
.periodical-purchase-goods-container .periodical-purchase-goods-item-name {
	line-height: 1.33;
}
.periodical-purchase-goods-container .block-regular-purcharse-list--detail-item-list-nolink .variation-name {
	display: none;
}
/* マイページ画面：定期購入商品オーダー内容：価格 */
.periodical-purchase-goods-container .periodical-purchase-goods-item-price {
	margin-top: 1.2vw;
}
/* マイページ画面：定期購入商品オーダー内容：数量 */
.periodical-purchase-goods-container .periodical-purchase-goods-item-qty {
	padding-left: 0.5em;
}
/* マイページ画面：定期購入商品オーダー内容：「定期注文を確認・変更」ボタン */
.periodical-purchase-goods-container .periodical-purchase-goods-btn,
.periodical-purchase-goods-container .block-regular-purcharse-list--info-add {
	width: 100%;
	margin-top: 5.33vw;
	padding-left: 1.73vw;
}
.periodical-purchase-goods-container .periodical-purchase-goods-btn a ,
.periodical-purchase-goods-container .block-regular-purcharse-list--info-add a {
	width: 100%;
	height: 13.32vw;
	margin: 0;
	border-radius: 6.66vw;
	padding: 0;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* マイページ画面：定期購入商品オーダー内容：「定期注文を同梱する」ボタン */
/* マイページ画面：下部ナビ：「クレジットカードの変更」ボタン、「アドレス帳の変更」ボタン */
.periodical-purchase-container .periodical-purchase-items-multi-btn {
	margin-top: 28px;
}
.periodical-purchase-container .periodical-purchase-items-multi-btn a,
.credit-card-update-body .update-btn a,
.update-address-book-body .update-btn a {
	width: 78.66vw;
	height: 13.32vw;
	margin: 0 auto;
	border: 2px solid #4070ff;
	border-radius: 6.66vw;
	padding: 0;
	font-size: 1.5rem;
	font-weight: bold;
	color: #4070ff;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.credit-card-update-body .update-btn a,
.update-address-book-body .update-btn a {
	width: 21.33vw;
	height: 9.32vw;
	margin: 0;
	border-radius: 4.66vw;
	font-size: 1.4rem;
}
.update-address-book-body .update-address-book-new-entry .update-btn a {
	width: 100%;
}
.periodical-purchase-container .periodical-purchase-items-multi-btn a:hover,
.credit-card-update-body .update-btn a:hover,
.update-address-book-body .update-btn a:hover {
	border: 2px solid #2680EB;
	color: #2680EB;
	text-decoration: none;
}
/* マイページ画面：下部ナビ */
.block-mypage--shopping-info-items,
.block-mypage--member-info,
.block-mypage--member-info-items,
.block-mypage--inquiry-info,
.block-mypage--inquiry-info-items,
.block-mypage--logout-info,
.block-mypage--logout-info-items,
.block-mypage--linesync-info,
.block-mypage--linesync-info-items {
	padding: 0 5.33vw;
}
.block-mypage--shopping-info-items {
	margin-top: 8.0vw;
}
.block-mypage--shopping-info,
.block-mypage--member-info,
.block-mypage--inquiry-info,
.block-mypage--logout-info,
.block-mypage--snssync-info,
.block-mypage--linesync-info{
	display: block;
	margin: 13.33vw auto 0;
	padding: 0 5.33vw;
	background: transparent;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: left;
}
.block-mypage--member-info{
	margin: 0 auto;
}
.block-mypage--shopping-info:before,
.block-mypage--shopping-info:after,
.block-mypage--member-info:before,
.block-mypage--member-info:after,
.block-mypage--inquiry-info:before,
.block-mypage--inquiry-info:after,
.block-mypage--logout-info:before,
.block-mypage--logout-info:after,
.block-mypage--snssync-info:before,
.block-mypage--snssync-info:after {
	content: none;
}
.block-mypage--member-info-items,
.block-mypage--inquiry-info-items,
.block-mypage--logout-info-items,
.block-mypage--snssync-info-items,
.block-mypage--linesync-info-items {
	margin-top: 5.33vw;
}
.block-mypage--shopping-info-items li,
.block-mypage--member-info-items li,
.block-mypage--inquiry-info-items li,
.block-mypage--logout-info-items li ,
.block-mypage--snssync-info-items li,
.block-mypage--linesync-info-items li {
	width: 100%;
	height: 16.0vw;
	margin: 2.66vw 0 0;
	border: none;
}
.block-mypage--purchase-histoy-note{
	margin-bottom: 2.66vw;
}
.block-mypage--member-info-items li.block-mypage--member-info-item-credit-card-update,
.block-mypage--member-info-items li.block-mypage--member-info-item-create-address-book {
	height: auto;
}
.block-mypage--shopping-info-items li a:after,
.block-mypage--member-info-items li a:after,
.block-mypage--inquiry-info-items li a:after,
.block-mypage--snssync-info-items li a:after,
.block-mypage--logout-info-items li a:after {
	content: none;
}
.block-mypage--shopping-info-items li dt,
.block-mypage--member-info-items li dt,
.block-mypage--inquiry-info-items li dt,
.block-mypage--logout-info-items li dt {
	border-bottom: none;
}
.block-mypage--shopping-info-items li dt a,
.block-mypage--member-info-items li dt a,
.block-mypage--member-info-items li dt > span,
.block-mypage--inquiry-info-items li dt a,
.block-mypage--logout-info-items li dt a ,
.block-mypage--linesync-info-items li dt a {
	max-width: none;
	width: 100%;
	height: 16.0vw;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 0 0 14.66vw;
	font-size: 1.5rem;
	font-weight: bold;
	display :flex;
	align-items: center;
}
.block-mypage--shopping-info-item-purchase-history dl dt a {
	background: url(../../img/usr/ico_customer_purchase_history.png) left 5.33vw center no-repeat;
	background-size: 4.8vw auto;
}
.block-mypage--member-info-item-udpate-member-info dl dt a {
	background: url(../../img/usr/ico_customer_udpate_member_info.png) left 5.33vw center no-repeat;
	background-size: 5.33vw auto;
}
.block-mypage--member-info-item-update-mail-address dl dt a {
	background: url(../../img/usr/ico_customer_update_mail_address.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--member-info-item-create-address-book dl dt a,
.block-mypage--member-info-item-create-address-book dl dt span {
	background: url(../../img/usr/ico_customer_create_address_book.png) left 5.33vw center no-repeat;
	background-size: 5.6vw auto;
}
.block-mypage--member-info-item-update-password dl dt a {
	background: url(../../img/usr/ico_customer_update_password.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--member-info-item-mailnews dl dt a {
	background: url(../../img/usr/ico_customer_mailnews.png) left 5.33vw center no-repeat;
	background-size: 5.6vw auto;
}
.block-mypage--member-info-item-yahoo-line dl dt a {
	background: url(../../img/usr/ico_customer_yahoo_line.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--member-info-item-credit-card-update dl dt span {
	background: url(../../img/usr/ico_customer_credit_card_update.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--inquiry-info-item-inquiry dl dt a {
	background: url(../../img/usr/ico_customer_purchase_inquiry.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--shopping-info-item-coupon-list dl dt a {
	background: url(../../img/usr/ico_customer_coupon_list.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--logout-info-item-inquiry dl dt a {
	background: url(../../img/usr/ico_customer_logout.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--linesync-info-item-account-sync dl dt a {
	background: url(../../img/sys/linelogin/line.png) left 5.33vw center no-repeat;
	background-size: 5.73vw auto;
}
.block-mypage--simple-member-note{
	margin: 0px auto 10px;
	padding: 0 5.33vw;
	font-size:1.3rem;
}
ul.block-mypage--member-info-items li div.block-mypage--update-password:has(a.limited_menu),
ul.block-mypage--member-info-items li div.block-mypage--update-mail-address:has(a.limited_menu),
ul.block-mypage--member-info-items li div.block-mypage--mailnews:has(a.limited_menu),
ul.block-mypage--member-info-items li div.block-mypage--credit-card-update:has(span.limited_menu){
	background-color: #808080;
}

/* マイページ画面：下部ナビ：アドレス帳の変更、クレジットカードの変更 */
.credit-card-update-body,
.update-address-book-body {
    border: 0;
    display: block;
    margin: 0;
    position: absolute;
    top: 140px;
    left: auto;
    right: 0;
    width: 90vw;
    border-radius: 10px;
    padding: 8vw 6vw 4vw;
    box-shadow: 0 0 28px #ccc;
    background: #fff;
    z-index: 999;
	display: none;
	&::before{
        left: auto;
        right: 20vw;
        content: '';
        position: absolute;
        top: -13px;
        background-color: #fff;
        width: 16px;
        height: 14px;
        box-shadow: 0 2px 15px #ccc;
        clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
	}
}
.block-mypage .block-mypage--member-info-items .update-address-book-body li{
	width: auto;
}
.block-mypage .block-mypage--member-info-items .update-address-book-body .update-address-book-update ul li{
	justify-content: space-between;
}
.block-mypage--member-info-items li.block-mypage--member-info-item-create-address-book.opened .block-mypage--create-address-book{
	border: 2px solid #D0101B;
}
.block-mypage--member-info-item-credit-card-update.toolTip.active .toolTip-open{
	border: 2px solid #D0101B;
}
.credit-card-update-body.active{
	border:0;
	display: block;
	margin: 0;
	position: absolute;
	top: 140px;
	left: auto;
	right: 0;
	width: 90vw;
	border-radius: 10px;
	padding: 8vw 6vw 4vw;
	box-shadow: 0 0 28px #ccc;
	background: #fff;
	z-index: 999;
	&::before{
		left: auto;
		right: 20vw;
		content: '';
		position: absolute;
		top: -13px;
		background-color: #fff;
		width: 16px;
		height: 14px;
		box-shadow: 0 2px 15px #ccc;
		clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
	}
	ul > li{
		width: auto;
	}
}
.toolTip-close-btn, .address-close-btn{
	margin-top: 10vw;
	font-size: 15px;
	text-align: center;
}
.credit-card-update-body .h3-title{
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 1.6vw;
}
.credit-card-update-body .update-title,
.update-address-book-body .update-title {
	padding: 0 0 0 1.6vw;
	font-weight: bold;
}
.credit-card-update-body .update-btn,
.update-address-book-body .update-btn {
	width: 100%;
	margin-top: 4.66vw;
	display: flex;
	justify-content: flex-end;
}
.credit-card-update-body .credit-card-update-periodical,
.update-address-book-body .update-address-book-update {
	margin-top: 4.26vw;
	border-top: 1px solid #aaa;
	padding-top: 5.06vw;
}
.credit-card-update-body .credit-card-update-periodical ul,
.update-address-book-body .update-address-book-update ul {
	margin-top: 5.06vw;
}
.credit-card-update-body .credit-card-update-periodical ul li,
.update-address-book-body .update-address-book-update ul li {
	height: auto;
	margin: 3.46vw 0 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.credit-card-update-body .credit-card-update-periodical ul li:first-child,
.update-address-book-body .update-address-book-update ul li:first-child {
	margin-top: 0;
}
.credit-card-update-body .credit-card-update-periodical ul li .update-title,
.update-address-book-body .update-address-book-update ul li .update-title {
	padding: 0;
}
.credit-card-update-body .credit-card-update-periodical ul li .update-btn,
.update-address-book-body .update-address-book-update ul li .update-btn {
	width: 21.33vw;
	margin: 0 0 0 3.33vw;
}
.block-member-info-confirmation--login-state-saving {
	display:flex;
	justify-content: center;
}
/* ----ログイン画面---- */
.block-login--login-state-saving {
	margin-top: 10px;
	display: flex;
	justify-content: center;
}
.block-login--snslogin-body {
	padding: 0;
	border: none;
	background: transparent;
}
.block-login--snslogin-contents-btn {
	height: 16.0vw;
	padding: 0;
	display: flex;
}
.block-login--snslogin-contents-btn .sns_logo {
	float: none;
	display: block;
	width: 16.0vw;
	height: 16.0vw;
}
.block-login--snslogin-contents-line .sns_logo {
	background: #00b900 url(../../img/sys/snslogin/line.png) no-repeat;
	background-size: 16.0vw 16.0vw;
}
.block-login--snslogin-contents-yahoo .sns_logo {
	background: #e61017 url(../../img/sys/snslogin/yahoo.png) no-repeat;
	background-size: 16.0vw 16.0vw;
	border: solid 1px #e61;
}
.block-login--snslogin-contents-twitter .sns_logo {
	background: #55acee url(../../img/sys/snslogin/twitter.png) no-repeat;
	background-size: 16.0vw 16.0vw;
}
.block-login--snslogin-contents-gplus .sns_logo {
	background: url(../../img/sys/snslogin/gplus.png) no-repeat;
	background-size: 16.0vw 16.0vw;
	background-position: center;
}
.block-login--snslogin-contents .sns_word {
	float: none;
	width: calc(100% - 16.0vw);
	height: 16.0vw;
	padding: 0 0 0 2.13vw;
	font-size: 1.6rem;
	line-height: 1.0;
	display: flex;
	align-items: center;
}
/* ----購入履歴一覧画面---- */
.block-purchase-history .block-accessory-list {
	margin: 0;
}
/* ----購入履歴詳細画面---- */
.block-purchase-history--search-frame .btn {
	border-radius: 6.0vw;
}
.block-purchase-history-detail--shipments {
	margin-top: 13.33vw;
}
.block-purchase-history-detail--shipment-header {
	margin-bottom: 3.06vw;
}
.block-purchase-history-detail--requests-for-order .action-buttons .action {
	margin-top: 5.33vw;
}
.block-purchase-history-detail--requests-for-order .action-buttons .action:first-child {
	margin-top: 0;
}
.btn.btn-danger.block-purchase-history-detail--cancel {
	width: 100%;
}
.block-purchase-history--table.table th {
	width: 38%;
}
.block-purchase-history--table.table td {
	width: 62%;
}
/* ----注文キャンセル---- */
.block-order-cancellation--body h2 {
	display: block;
	margin: 3.0rem 0 1.0rem;
}
.block-order-cancellation--body h2:before ,
.block-order-cancellation--body h2:after {
	display: none;
}
.block-order-cancellation--body .action-buttons {
	margin-top: 2.8rem;
}
.block-order-cancellation--body .action-buttons .action {
	margin-top: 1.8rem;
	text-align: center;
}
.block-order-cancellation--body .action-buttons .action .btn {
	margin: 0;
	width: 100%;
}
.block-order-cancellation--body .action-buttons .action .btn.block-order-cancellation--back {
	width: auto;
}
.block-order-cancellation-completed--message {
	margin-bottom: 1.4rem;
}

/* ----退会---- */
.block-withdrawal--form {
	margin-top: 5.33vw;
}
.block-withdrawal--form form > .action-buttons {
	display: flex;
	flex-direction: column-reverse;
}
/* ----お問い合わせ、パスワード再設定---- */
.block-inquiry--form,
.block-inquiry--confirmation-form,
.block-reset-password--form,
.block-update-new-password--form {
	margin-top: 5.33vw;
}

.block-inquiry-completed--home {
	margin: 10.66vw auto 0;
	padding: 0 5.33vw;
	background-color: transparent;
}
.block-inquiry-completed--home a {
	width: 56.0vw;
	height: 13.32vw;
	margin: 0 auto;
	border-radius: 6.66vw;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
	background-color: #999;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}


/* ----パスワード再設定---- */
.block-update-new-password--old-id .form-group-title .form-label {
	width: auto;
}
.block-update-new-password--form form > .block-update-new-password--message {
	padding-left: 0;
	padding-right: 0;
}
/* SNS連動設定モーダル */
.modal--snssync-menu {
	padding: 0 5.33vw 5.33vw;
}
.modal--snssync-menu form {
	margin-top: 5.33vw;
}
.modal--snssync-menu form:first-child {
	margin-top: 0;
}
.modal--snssync-menu .snslogin-message {
	display: none;
}
.modal--snssync-menu-contents-line,
.modal--snssync-menu-contents-yahoo {
	display: flex;
	justify-content: center;
}
.modal--snssync-menu .snslogin {
	height: 40px;
	margin: 0;
}
.modal--snssync-menu-contents-line .snslogin,
.modal--snssync-menu-contents-yahoo .snslogin {
	width: 80%;
	padding: 0;
	display: flex;
	justify-content: center;
}
.modal--snssync-menu .snslogin .snslogo,
.modal--snssync-menu .snslogin .sns_word {
	float: none;
}
.modal--snssync-menu .snslogin .sns_word {
	width: calc(100% - 40px - 1px);
	color: #fff;
}
.modal--snssync-menu-contents-line .sns_word {
	background: #00b900;
}
.modal--snssync-menu-contents-facebook .sns_word {
	background: #1877f2;
}
.modal--snssync-menu-contents-twitter .sns_word {
	background: #55acee;
}
.modal--snssync-menu-contents-gplus .sns_word {
	background: #4285f4;
}
.modal--snssync-menu-contents-yahoo .sns_word {
	background: #e61017;
}
/* ----会員規約画面---- */
.block-mypage--withdrawal-link {
	padding: 5.33vw;
}
/* --------------------------------------------------------------------
	フォーム　必須項目キャプション
-------------------------------------------------------------------- */
.fAssist_reqCap02 {
	position: fixed !important;
	top: 13.5vw;
	left: calc((100vw - 68.26vw) / 2);
	width: 68.26vw;
	height: 16.0vw;
	border: solid 2px #d0111b;
	border-radius: 0;
	padding: 2vw 0 0;
	background: #fff;
	box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	display: none;
}
.fAssist_reqCap02 span {
	display: inline-block;
	margin: 0 5px;
	color:#d0111b;
	font-size: 2.5rem;
}
/* ----会員登録ページ---- */
.block-member-info--message-option-info-wrapper,
.use-spoofing-protection-checkbox,
.fieldset-vertical.block-member-info-confirmation--items.block-member-info-confirmation--items-mailnews {
	display: none;
}
.block-member-terms--body {
	width: calc(100% - 1.3vw - 1.33vw);
	height: 80.0vw;
	margin: 0 1.3vw;
	font-size: 1.4rem;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.content-wrap {
	height: 30vw;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.content-wrap .more-btn {
  display: block;
	width: calc(100% - 1.3vw - 1.33vw);
	margin: 0 1.3vw;
	padding-top: 20vw;
	font-size: 1.4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.slide-down {
  height: auto;
  overflow: visible;
}
.content-wrap .more-btn p {
	display: flex;
	align-items: center;

}
.content-wrap .more-btn p:before {
	content: "";
	display: inline-block;
	width: 1.25vw;
	height: 1.25vw;
	margin-right: 2.5vw;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.content-wrap .more-btn p span {
	text-decoration: underline;
	
}
.block-member-info--message__cstm {
	margin: 2.0rem 0;
	padding: 0 5.33vw 0;
	color: #d0111b;
}
.block-member-info--message__cstm:empty {
	margin: 0;
	padding: 0;
}
/* ----姓名入力欄調整---- */

.block-member-info--items-member-info span.checktype_name,
.block-member-info--items-member-info span.checktype_kana,
.block-landingpage-order--host-content span.checktype_name,
.block-landingpage-order--host-content span.checktype_kana,

.block-shipping-address--name span.checktype_name,
.block-shipping-address--kana span.checktype_kana,

.block-questionnaire--box-content div.checktype_name,
.block-questionnaire--box-content div.checktype_kana

{
    display: inline-block;
    width: 48%;
}
.block-shipping-address--name span.checktype_name + br,
.block-shipping-address--kana span.checktype_kana + br {
	display: none!important;
}

.block-member-info--items-member-info .form-control >br,
.block-landingpage-order--host-content .form-control >br {
    display: none;
}


/* ----定期購入休止---- */
.block-regular-purcharse-cancellation {
	margin: 0;
	padding: 0 5.33vw;
}
.block-regular-purcharse-cancellation--header {
	margin: 0 -5.33vw;
}
.block-regular-purcharse-cancellation .block-topic-path {
	padding: 0;
}
.block-regular-purcharse-cancellation--cancel-reason-items label {
	display: block;
	margin: 0.5rem 0;
}
/* ----定期購入商品配送先変更---- */
.block-regular-purcharse-shipment-info-update--cust-edit,
.block-regular-purcharse-shipment-info-update--dest-edit,
.block-regular-purcharse-shipment-info-dest-add {
	margin-top :5.33vw;
	display: flex;
	justify-content: flex-end;
}
.block-regular-purcharse-shipment-info-update--cust-edit input[type="submit"],
.block-regular-purcharse-shipment-info-update--dest-edit input[type="submit"],
.block-regular-purcharse-shipment-info-dest-add input[type="submit"] {
	display: block;
	height: 9.33vw;
	margin: 0 0 12px 0;
	border: 2px solid #4070ff;
	border-radius: 4.65vw;
	padding-left: 24px;
	padding-right: 24px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #4070ff;
	background-color: #fff;
}
.block-regular-purcharse-shipment-info-update--new-item {
	padding-top: 0.5rem;
}
.block-regular-purcharse-shipment-info-update--new-item + .block-regular-purcharse-shipment-info-update--new-item {
	padding-top: 5.33vw;
}
.block-regular-purcharse-shipment-info-update--new-address {
	padding-left: 10.66vw;
}
.block-regular-purcharse-detail--shipment-header {
	width: 100%;
}
.block-regular-purcharse-detail--shipment-info h2 {
	margin: 0 0 10px;
	padding: 10px;
	padding-bottom: 1.2rem;
	border-bottom: solid 1px #dddddd;
	font-size: 2.0rem;
	line-height: 1.4;
	justify-content: flex-start;
	background: none;
}
.block-regular-purcharse-detail--shipment-info h2:before,
.block-regular-purcharse-detail--shipment-info h2:after {
	content: none;
}
.block-purchase-history-detail--back  {
	margin-top: 10.66vw;
	display: flex;
	justify-content: center;
}
.block-purchase-history-detail--back a  {
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	align-items: center;
}
.block-purchase-history-detail--back a:before  {
	content: '';
	display: block;
	width: 2.4vw;
	height: 2.4vw;
	margin-right: 1.6vw;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333;
	transform: rotate(45deg);
}
.block-regular-purcharse-detail--method-change-btn,
.block-regular-purcharse-detail--cycle-change-btn,
.block-regular-purcharse-detail--update-address-btn {
	display: block;
	min-height: 9.33vw;
	margin: 0 0 12px 0;
	border: 2px solid #4070ff;
	border-radius: 4.65vw;
	padding-left: 24px;
	padding-right: 24px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #4070ff;
	background-color: #fff;
}
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box--title {
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	width: auto;
	background: #f2f2f2;
	border: none;
	border-top: solid 1px #dddddd;
	justify-content: flex-start;
	font-size: 1.6rem;
}
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box--title span {
	font-size: 1.1rem;
	font-weight: normal;
}
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box--title:before ,
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box--title:after {
	display: none!important;
}
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box-body {
	padding: 12px 0;
}
.block-regular-purcharse-detail--box .block-regular-purcharse-detail--box-body span {
	vertical-align: middle;
}
.block-regular-purcharse-detail--box-btns li {
	margin: 1.4rem 0 0;
	text-align: right;
}
.block-regular-purcharse-detail--box-btns li + li {
	margin: 1.0rem 0 0;
}
.block-regular-purcharse-detail--box-btns li .btn {
	margin: 0 0 0 auto;
  padding: 0 1.4rem;
  border-radius: 4.0rem;
  font-size: 1.4rem;
  height: 9.33vw;
  width: 18.5rem;
  min-height: 9.33vw;
}
.block-regular-purcharse-detail--shipment-info {
	position: relative;
	margin: 3.4rem 0;
	padding: 0;
}
.block-regular-purcharse-detail--shipment-info:before {
	display: block;
	content: '';
	position: absolute;
	left: -10px;
	top: 0;
	right: -10px;
	height: 1px;
	background: #ddd;
}
.block-regular-purcharse-detail--shipment-info > h2 {
	margin: 0 0 1.4rem;
	padding: 2.8rem 0 0;
	border: none;
	font-size: 1.6rem;
}
.block-regular-purcharse-detail--shipment-address {
	margin: 0;
	padding: 1.6rem 1.2rem;
	border: solid 1px #dddddd;
}
.block-regular-purcharse-detail--goods-items {
	margin: 2.8rem 0;
}
.block-regular-purcharse-detail--goods-items h2 {
	margin: 0 0 1.4rem;
	padding: 0;
	border: none;
	font-size: 1.6rem;
	justify-content: flex-start;
}
.block-regular-purcharse-detail--goods-items h2:before ,
.block-regular-purcharse-detail--goods-items h2:after {
	display: none;
}
.block-regular-purcharse-detail--goods-items-box {
	margin: 0;
	padding: 1.6rem 1.2rem;
	border: solid 1px #dddddd;
}
.block-regular-purcharse-detail--goods-items--goods {
	display: flex;
	margin: 0 0 14px;
}
.block-regular-purcharse-detail--goods-items--goods figure {
	width: 100px;
	min-width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1.4rem 0 0;
}
.block-regular-purcharse-detail--goods-items--goods figure img {
	max-height: 100%;
}
.block-regular-purcharse-detail--goods-items--goods figure + div {
	flex: 1;
}
.block-regular-purcharse-detail--buttonarea {
	width: 85.33vw;
  margin: 0 auto;
}
.block-regular-purcharse-detail--buttonarea .action .btn {
	margin-top: 14px;
}
.block-regular-purcharse-detail--form2{
	margin: 2.8rem auto;
}

/* 定期購入商品詳細：icon */
.block-regular-purcharse-list--preparingship-link,
.block-regular-purcharse-list--waitingship-link,
.block-regular-purcharse-list--alter-end,
.block-regular-purcharse-list--withdrawal-link,
.block-regular-purcharse-list--alter,
.block-regular-purcharse-detail--method .error-creditcard,
.block-regular-purcharse-detail--method .waiting-for-payment,
.block-regular-purcharse-list--info-add .action a.btn.btn-default,
.block-regular-purcharse-list--skip,
.block-regular-purcharse-list--error-creditcard,
.block-regular-purcharse-list--waiting-for-payment {
	text-indent: -9999px;
	display: inline-block;
	height: 30px!important;
	background-size: contain!important;
}
.block-regular-purcharse-list--preparingship-link {
	width: calc(104px / 3 * 2);
	background: url(../../img/usr/common/ico_preparingship_sp.png) top left no-repeat;
}
.block-regular-purcharse-detail--next-expected-dt .block-regular-purcharse-list--preparingship-link {
	width: calc(142px / 3 * 2);
	background: url(../../img/usr/common/ico_preparingship_link_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--waitingship-link {
	width: calc(104px / 3 * 2);
	background: url(../../img/usr/common/ico_waitingship_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--alter-end {
	width: calc(180px / 3 * 2);
	background: url(../../img/usr/common/ico_alter_end_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--skip {
	width: calc(103px / 3 * 2);
	background: url(../../img/usr/common/ico_skip_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--withdrawal-link {
	width: calc(104px / 3 * 2);
	background: url(../../img/usr/common/ico_withdrawal_link_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--alter {
	width: calc(179px / 3 * 2);
	background: url(../../img/usr/common/ico_alter_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--error-creditcard {
	width: calc(202px / 3 * 2);
	background: url(../../img/usr/common/ico_error_creditcard_sp.png) top left no-repeat;
}
.block-regular-purcharse-list--waiting-for-payment {
	width: calc(105px / 3 * 2);
	background: url(../../img/usr/common/ico_waiting_for_payment_sp.png) top left no-repeat;
}

.block-regular-purcharse-detail > p.sup {
    margin-bottom: 1em;
    color: #d0111b;
    font-weight: bold;
}


/* お電話番号承認画面 */
.block-phone-approval--message {
	padding-bottom: 0;
}
.block-phone-approval-form {
	margin-top: 8.0vw;
	padding: 8.0vw 5.33vw;
	background-color: #f7f7f7;
}
.block-phone-approval-items {
	margin-bottom: 0;
}
.block-phone-approval-items--tel {
	margin-bottom: 0;
}
.block-phone-approval-items dt {
	margin-bottom: 0;
	font-size: 1.6rem;
}
.block-phone-approval-items--tel dd,
.block-phone-approval-items--auth_code dd {
	margin-top: 4.0vw;
	font-size: 3.0rem;
	text-align: left;
}
.block-phone-approval-items + .action-buttons {
	margin-top: 5.33vw;
}
.block-phone-approval-items + .action-buttons .btn.btn-primary {
	width: 100%;
	height: 14.66vw;
	border-radius: 7.33vw;
}
.block-phone-approval .help-block {
	margin: 8.0vw 0 0;
	font-size: 1.4rem;
	color: #333;
}
.approval-footer {
	margin-top: 8.0vw;
}
.approval-footer-title {
	font-size: 2.0rem;
	font-weight: bold;
}
.approval-footer-txt {
	margin-top: 3.0vw;
	font-weight: bold;
}
.approval-footer-tel-num {
	margin-top: 2.0vw;
	font-size: 3.6rem;
	font-weight: bold;
}
.approval-footer-datetime {
	font-size: 1.2rem;
}
.block-phone-approval-result .block-phone-approval-items--tel dd {
	margin-top: 0;
}
.block-phone-approval-items--auth_code {
	margin-top: 8.0vw;
}
.block-phone-approval > .action-buttons {
	width: 100%;
	margin-top: 13.33vw;
	display: flex;
	align-items: center;
}
.block-phone-approval > .action-buttons {
	width: 100%;
	margin-top: 13.33vw;
	display: flex;
	justify-content: center;
}
/* マイページ：ラジオボタン */
.form-control label.radio {
	margin-top: 4.0vw;
}
.form-control label.radio:first-child {
	margin-top: 0;
}
/*性別選択*/
.block-member-info--sex label.radio {
    width: 45%;
    display: inline-block;
}

/* お気に入り */
.block-favorite--header {
	margin: 0;
}
.block-favorite--delete-item {
}
.block-favorite--delete-item .btn.btn-danger {
	margin: 0;
  width: 6em;
	height: auto;
	padding: 10px;
  font-size: 1.2rem;
  font-weight: normal;
}
.btn.btn-primary.block-favorite--add-to-cart {
	width: 100%;
	margin: 0;
	font-size: 1.5rem;
}

/* 定期購入商品追加 */
.block-goodsadd-list {
}
.block-goodsadd-list .block-regular-sales-add-goodsadd--header {
}
.block-goodsadd-list--customer-name {
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}
.block-goodsadd-list .block-goodsadd-list--form {
	margin: 0 5.33vw;
}
.block-goodsadd-list .block-goodsadd-list--form ~ .action-buttons {
	width: 89.33vw;
	margin: 0 auto;
}
.block-regular-sales-add--goods-image {
	width: 110px;
}
.block-regular-sales-add--goods-image figure {
	width: 110px;
	height: 110px;
	min-width: 0;
	min-height: 0;
	padding: 0;
	background: none;
}
.block-regular-sales-add--goods-description {
	width: auto;
	height: auto;
	flex-grow: 1;
	margin: 0 0 0 15px;
}
.block-regular-sales-add--goods-description form {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.block-regular-sales-add--goods-description form div.block-regular-sales-add--goods-description-line {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 3px;
	flex-grow: 1;
}
.block-regular-sales-add--goods-description form div.block-regular-sales-add--qty {
	width: 3em;
}
.block-regular-sales-add--goods-description form div.block-regular-sales-add--qty input {
	width: 100%;
	text-align: center;
}
.block-regular-sales-add--goods-description form div.block-regular-sales-add--action {
	flex-grow: 1;
	padding-left: 1.0rem;
}
.block-regular-sales-add--goods-description .btn.btn-primary {
	width: 100%;
	height: auto;
	font-size: 1.3rem;
}
.block-regular-sales-add--price .price {
	color: inherit;
}

/* 定期購入商品追加 */
.block-credit-card-confirmation .block-credit-card-confirmation--header {
	margin: 0 0 10.66vw;
}
.block-credit-card-confirmation .block-credit-card-confirmation--form h2 {
	margin-top: 8.33vw;
}
.block-credit-card-confirmation .block-credit-card-confirmation--form .block-credit-card-confirmation--regularsales-items .form-group ,
.block-credit-card-confirmation .block-credit-card-confirmation--form .block-credit-card-confirmation--credit-card-info-items .form-group {
	display: flex;
}
.block-credit-card-confirmation .block-credit-card-confirmation--form .block-credit-card-confirmation--regularsales-items .form-group .form-label ,
.block-credit-card-confirmation .block-credit-card-confirmation--form .block-credit-card-confirmation--credit-card-info-items .form-group .form-label {
	min-width: 8em;
}
.block-credit-card-confirmation .block-credit-card-confirmation--form form > .action-buttons {
	margin-top: 6.0rem;
}
.block-credit-card-confirmation .block-credit-card-confirmation--form form > .action-buttons > .action {
	margin-top: 3.0rem;
}
/* 定期カード情報変更 */
.block-update-credit-card-info {
	margin: 0;
}
.block-update-credit-card-info--header {
	margin: 0;
}
.block-credit-card-confirmation--update-confirmation h2 {
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}
.block-credit-card-confirmation--update-confirmation .form-group {
	/*display: flex;*/
}
.block-credit-card-confirmation--update-confirmation .form-label {
	width: 7em;
}
.block-update-credit-card-info--update-creditcard-header {
	margin: 0;
	margin-top: 8.0vw;
	display: block;
	padding-left: 5.33vw;
	padding-right: 5.33vw;
	line-height: 1.2;
}
.block-update-credit-card-info--update-creditcard-header:before ,
.block-update-credit-card-info--update-creditcard-header:after {
	display: none;
}
.block-update-credit-card-info--update-creditcard-detail {
	margin: 5.33vw 5.33vw 0;
	padding: 0;
}
.block-update-credit-card-info--update-creditcard-detail .fieldset-vertical {
	margin: 0 0 4.0rem;
}
.block-update-credit-card-info--update-creditcard-detail .form-group {
	margin: 1.8rem 0 0;
}
.block-update-credit-card-info--update-creditcard-detail .form-label {
	margin: 0 0 0.8rem;
}
.block-update-credit-card-info--update-creditcard-detail .form-control [type="radio"]:checked + label,
.block-update-credit-card-info--update-creditcard-detail .form-control [type="radio"]:not(:checked) + label {
	margin-right: 1.4rem;
	display: inline-block;
}
.block-update-credit-card-info--update-creditcard-detail .form-control input ,
.block-update-credit-card-info--update-creditcard-detail .form-control select {
	height: 8.33vw;
	padding: 4px 4px 4px 1.6vw;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.3rem;
}
.action-buttons .btn-primary.block-update-credit-card-info--change {
	width: 100%;
}
.block-update-credit-card-info--form .action-buttons {
	margin: 2.0rem 5.33vw 0;
}
.block-update-credit-card-info--form .action {
	text-align: center;
}
.block-regular-purcharse-cycle-info-update--body {
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}
.block--card--edit--completemessage {
    margin: 6.0vw 5.333vw 0.0vw;
    padding: 5.06vw 3.46vw 4.66vw;
    font-weight: bold;
    line-height: 1.2;
    color: #d0111b;
    background-color: #fae7e8;
    text-align: center;
}

.login-link-underlines {
    text-decoration: underline;
}


/* 2022.01.07[kusui] 他サイトのアカウントで登録 */
.block-menber--external-site-login {
	padding: 0 5.33vw;
}
html[data-browse-mode="S"] body.page-sales_landingpage .block-landingpage--wrapper .assist-lp-form .block-menber--external-site-login {
	padding: 0;
}

.block-menber--external-site-login h2 {
	font-size: 2.0rem;
	line-height: 1.2;
}
.block-menber--external-site-login .explanation {

}
.block-menber--external-site-login h2:before,.block-menber--external-site-login h2:after {
	border-top: 0px solid;
	width: 0em;
}
.block-menber--external-site-login h2:before{
	margin-right: 0vw;
}
.block-menber--external-site-login h2:after{
	margin-left: 0vw;
}

.block-menber--external-site-login ul {
	width: 100%;
	display: flex;
	align-items: center;
}
.block-menber--external-site-login ul li {
	height: 16.0vw;
	margin-right: 1vw;
}
.block-menber--external-site-login ul li:first-child {
	margin-top: 0;
}

block-order-method--regular-add-info {
	margin-top: 3vw;
}

.block-regular-purcharse-detail .block-regular-purcharse-detail--header {
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
}
.block-regular-purcharse-detail--goods-items--goods-qty {
	margin-top: 3vw;
	text-align: right;
}
.block-regular-delgoods--list-item-qty {
  display: table-cell;
  width: 120px;
}
.block-regular-purcharse-detail--buttonarea .action .btn.btn-dydo-red {
	border-radius: 6vw;
}
.block-regular-goods-list--qtychange-button input[type="button"] {
	-webkit-appearance: none;
	margin: 0 0 0 auto;
	padding: 0 1.4rem;
	border-radius: 4rem;
	font-size: 1.4rem;
	height: 8.33vw;
	width: 13.5rem;

	margin-top: 0.5em;
	background: #ffffff;
	border: solid 1px #2680EB;
	color: #2680EB;
}
.block-regular-purcharse-detail--goods-items--goods-qty select {
	margin: 0 0.3em;
}
#ctrlQtyChange {
	margin: 2.8rem 0;
}
#ctrlQtyChange .btn-dydo-blue,
#ctrlQtyChange .btn-dydo-blue__r {
	border-radius: 6vw;
}
#ctrlQtyChange input[type="button"]:not(:last-child),
#ctrlQtyChange input[type="submit"]:not(:last-child) {
	margin-bottom: 3.3vw;
}

/* 2022.01.07[kusui] 定期商品数量変更確認画面 */
.block-goodsadd-list-body {
	margin: 0;
	padding: 0 5.333vw;
}
.block-regular-delgoods--container {
	margin: 1.4rem 0 2.0rem;
	padding: 0;
	border: solid 1px #dddddd;
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li {
	position: relative;
	margin: 0;
	padding: 1.0rem 1.0rem 1.0rem calc(100px + 2.4rem);
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li.block-regular-delgoods-deltarget {
	position: relative;
	opacity: 0.5;
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li.block-regular-delgoods-deltarget:after {
	display: block;
	content: '';
	z-index: 5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li:first-child {
	padding-top: 1.8rem;
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li:last-child {
	padding-bottom: 1.8rem;
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li figure {
	position: absolute;
	left: 1.0rem;
	top: 1.0rem;
	width: 100px;
}
.block-regular-delgoods--container ul.block-regular-delgoods-list > li:first-child figure {
	top: 1.8rem;
}


.block-goodsadd-list-body .action-buttons {
	margin: 2.4rem 0 0;
	text-align: center;
}
.btn.block-goodsadd-list--back-btn {
	display: inline-block;
	width: auto;
	margin: 1.4rem auto 0;
	border: none;
	padding: 0 0 0 4.4vw;
	background: transparent url(../../img/usr/common/bg_backbtn_arrow_sp.png) left center no-repeat;
	background-size: 2vw auto;
	font-weight: bold;
}
.block-regular-delgoods--spec-content {
	margin: 1.0rem 0 0;
	padding: 1.0rem;
	border: solid 1px #dddddd;
}
.block-regular-delgoods--spec-content dl {
	margin: 0;
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
}
.block-regular-delgoods--spec-content dl + dl {
	margin: 1.4rem 0 0;
}
.block-regular-delgoods--spec-content dl dt {
	margin-right: 1.4em;
	font-weight: bold;
}

/* 2022.01.11 [tharada]定期コースカード情報登録・変更 */
.block-update-credit-card-info--update-message {
	font-size: 1.6rem;
	font-weight: normal;
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}

.regular-goods-qty--confirm-info,.regular-goods-delete--confirm-info,.regular-goodschange-list--confirm-info {
	padding-top: 5px!important;
	color: #ff0000;
}
/* 2022.01.13 [kusui]所持クーポン一覧 */
.block-coupon-list {
	margin: 0;
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}
.block-coupon-list h1 {
	position: relative;
	margin: 0 -5.33vw 10.66vw;
	padding: 5.06vw 5.33vw 5.93vw;
	font-size: 2.5rem;
	font-weight: bold;
	background-color: #f2f2f2;
}
.block-coupon-list h1:after {
	content: '';
	position: absolute;
	left: 5.3vw;
	bottom: 0;
	width: 10.66vw;
	height: 4px;
	background-color: #d0111b;
}
.block-coupon-list--customer-name {
	margin: 0 0 5.33vw;
}
.block-coupon-list .block-topic-path {
	margin-left: -5.33vw;
	margin-right: -5.33vw;
}
/* 2022.01.13 [tharada]メールアドレス変更 リンクに下線 */
.block-mail-address--login-link a{
	text-decoration: underline;
}

.block-regular-purcharse-list--detail-item-change {
	margin-top: 3vw;
	text-align: center;
}

.block-regular-goods-list--goodschange-button a {
	display: inline-block;
	-webkit-appearance: none;
	margin: 0 0 0 auto;
	padding: 4px 0 0 0;
	border-radius: 4rem;
	font-size: 1.4rem;
	height: 8.33vw;
	width: 100%;
	margin-top: 0.5em;
	background: #ffffff;
	border: solid 1px #2680EB;
	color: #2680EB;
	text-decoration: none;
}

/* 定期申し込み商品入れ替え 確認画面 */
.block-goodschange-list-body {
	margin: 0;
	padding: 0 5.333vw;
}
.regular-goodschange-list--confirm-info {
	padding-bottom: 5px!important;
}
.block-goodschange-list .block-regular-goodschange-info-header {
	margin: 5px 0 0;
	font-weight: bold;
	font-size: 100%;
}
.block-goodschange-list--customer-name {
	padding-left: 5.33vw;
	padding-right: 5.33vw;
}
.block-goodschange-list .block-goodschange-list--form {
	margin: 0 5.33vw;
}
.block-goodschange-list .block-goodschange-list--form ~ .action-buttons {
	width: 89.33vw;
	margin: 0 auto;
}
.block-goodschange-list-body .action-buttons {
	margin: 2.4rem 0 0;
	text-align: center;
}
.btn.block-goodschange-list--back-btn {
	display: inline-block;
	width: auto;
	margin: 1.4rem auto 0;
	border: none;
	padding: 0 0 0 4.4vw;
	background: transparent url(../../img/usr/common/bg_backbtn_arrow_sp.png) left center no-repeat;
	background-size: 2vw auto;
	font-weight: bold;
}
.block-regular-goodschange--container {
	margin: 1.4rem 0 2.0rem;
	padding: 0;
	border: solid 1px #dddddd;
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li {
	position: relative;
	margin: 0;
	padding: 1.0rem 1.0rem 1.0rem calc(100px + 2.4rem);
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li.block-regular-goodschange-deltarget {
	position: relative;
	opacity: 0.5;
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li.block-regular-goodschange-deltarget:after {
	display: block;
	content: '';
	z-index: 5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.3);
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li:first-child {
	padding-top: 1.8rem;
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li:last-child {
	padding-bottom: 1.8rem;
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li figure {
	position: absolute;
	left: 1.0rem;
	top: 1.0rem;
	width: 100px;
}
.block-regular-goodschange--container ul.block-regular-goodschange-list > li:first-child figure {
	top: 1.8rem;
}
.block-regular-goodschange-confirmation:after {
	content: '';
	display: block;
	width: 61px;
	height: 33px;
	margin: 10px auto;
	background: url(../../img/usr/common/arrow_down_gray.png) center center no-repeat;
	background-size: 61px auto;
}

/* ----------------------------------------------------
解約対策画面変更におけるCSSオーバーライド
---------------------------------------------------- */
.modal-wrapper.cancel-menu {
	max-height: 88vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.course-cancel {
	text-align: center;
    margin: 2rem;
}

.page-regularhistorydetail .cancel-menu .js-modal-title.modal-title,
.page-regularhistorydetail .cancel-menu .skip-menu--content,
.page-regularhistorydetail .skip-menu .cancel-menu--content {
	display: none;
}
.page-regularhistorydetail .modal-dialog {
	top: 50% !important;
	left: 50% !important;
	transform: translateY(-50%) translateX(-50%) !important;
}
.page-regularhistorydetail .cancel-menu .modal-header {
	padding: 0;
}
.page-regularhistorydetail .cancel-menu .modal-body {
	padding: 5.33vw 0 0;
}
.page-regularhistorydetail .skip-menu .modal-body {
	padding-bottom: 0;
}
.page-regularhistorydetail .cancel-menu .modal-footer {
	padding-top: 1.5rem;
}

.page-regularhistorydetail .cancel-menu .btn.btn-primary,
.page-regularhistorydetail .skip-menu .btn.btn-primary {
	display: block;
	height: auto;
	padding: 1.5rem;
	border-radius: .5rem;
	font-weight: 400;
	font-size: 1.4rem;
}
.page-regularhistorydetail .cancel-menu .btn.btn-primary span,
.page-regularhistorydetail .skip-menu .btn.btn-primary span {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5;
}

.cancel-menu--content figure {
    margin: 0 auto 1.5rem;
	text-align: center;
	width: 67.4418vw;
	height: 47.349vw;
}

p.cancel-menu--title {
    text-align: center;
    font-weight: 700;
    font-size: 1.75rem;
	margin-bottom: 1.5rem;
}

ul.cancel-menu--merit {
    background: #F7F7F7;
    padding: 5.33vw;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

ul.cancel-menu--merit li {
	display: flex;
	align-items: flex-start;
	gap: 1.8rem;
    border: 0;
    font-weight: 700;
    padding: 0;
}
ul.cancel-menu--merit li::before {
	display: block;
	content: '';
	flex-shrink: 0;
	width: 1.8rem;
	height: 1.8rem;
	background: url(../../img/usr/common/ico_recom_check.png) 0 center / contain no-repeat;
}
ul.cancel-menu--merit li + li {
    margin-top: 8px;
}

.cancel-menu--content a {
    color: #1A73E6;
    text-decoration: underline;
}

.cancel-menu--content-text {
    margin:  1.6rem auto 2.4rem;
}

.cancel-menu--content-link {
    text-align: center;
}
.block-regular-purcharse--regular-discount {
    text-align: right;
    font-weight: bold;
    margin: 0.8rem 0;
}
.block-regular-purcharse--regular-discount dl {
	display: block;
}
.block-regular-purcharse--regular-discount dl dt {
}
.block-regular-purcharse--regular-discount dl dt > p {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	margin: 0 0 0 auto;
    padding: 0.3rem 0.4rem;
    font-size: 1.3rem;
	line-height: 1.3;
    min-height: 8.33vw;
    background: #ffffff;
    border: solid 1px #2680EB;
    color: #2680EB;
}
.block-regular-purcharse--regular-discount dl dt > p::before {
	display: inline-block;
	content: '▼';
	margin-right: 0.5em;
}
.block-regular-purcharse--regular-discount dl dt.st__open > p::before {
	content: '▲';
}
.block-regular-purcharse--regular-discount dl dt > p span {
	display: inline-block;
}
.block-regular-purcharse--regular-discount dl dd {
}
.block-regular-purcharse--regular-discount dl dd ul {
	display: table;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 100%;
}
.block-regular-purcharse--regular-discount dl dd ul li {
	display: table-row;
}
.block-regular-purcharse--regular-discount dl dd ul li span {
	display: table-cell;
	border-bottom: solid 1px #ccc;
	padding: 0.5rem 0.8rem;
	text-align: center;
}
.block-regular-purcharse--regular-discount dl dd ul li span + span {
	border-left: solid 1px #ccc;
}
.block-regular-purcharse--regular-discount li.now--target-times {
    color: red;
}
.block-regular-purcharse--regular-discount dl dd ul + p {
	text-align: left;
	margin: 0.5rem 0 0;
	font-size: 1.2rem;
}
/* 2024.11.22 マイページ変更 */
.block-mypage .block-mypage--logout {
	position: absolute;
	right: 5.33vw;
	top: 26vw;
}
.block-mypage .customer-status-number {
	margin-top: 0;
	font-size: 15px;
}
.block-mypage .customer-status-number dl {
	line-height: 1.6rem;
}
.block-mypage .customer-status-number dl dd {
	position: relative;
}
.block-mypage .customer-status-number dl dd::before {
	content: '：';
	position: absolute;
	left: -2.8vw;
}
.block-mypage .customer-status-point-rank-container {
	display: block;
}
.block-mypage .customer-status-point-rank-container .customer-status-point {
	width: 100%;
}
.block-mypage .customer-status-point-rank-container .customer-status-point .block-mypage--mypoint {
	text-align: left;
	padding-top: 5.33vw;
	padding-left: 20vw;
	margin-top: 5.33vw;
	border-right: 0;
	border-top: 1px solid #ccc;
	background-image: url(../../img/usr/common/icon_point.png);
	background-position: 0 5.33vw;
	background-size: 62px;
	min-height: 100px;
}
.block-mypage .customer-status-point-rank-container .customer-status-point .block-mypage--mypoint dl dd {
	color: #333333;
}
.block-mypage .customer-status-point-rank-container .customer-status-point .block-mypage--mypoint dl dd .add-text {
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
	margin-top: 1rem;
	line-height: 1.8;
}
.block-mypage .customer-status-point-rank-container .customer-status-point .block-mypage--mypoint dl dd .add-text a {
	text-decoration: underline;
}
.block-mypage .customer-status-point-rank-container .customer-status-rank {
	width: 100%;
}
.block-mypage .customer-status-point-rank-container .customer-status-rank .block-mypage--rank-info {
	text-align: left;
}
.block-mypage .customer-status-point-rank-container .customer-status-rank .block-mypage--rank-status {
	padding-left: 75px;
	padding-top: 0;
	background: url(../../img/usr/common/icon_stage.png) 0 0 no-repeat transparent;
	background-size: 62px;
	min-height: 80px;
}
.block-mypage .customer-status-point-rank-container .customer-status-rank .block-mypage--rank-status.userrank-0, .block-mypage .customer-status-point-rank-container .customer-status-rank .block-mypage--rank-status.userrank-1 {
	display: block;
}
.block-mypage .customer-status-point-rank-container .customer-status-rank .block-mypage--rank-status .block-mypage--rank-current .add-text {
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
	margin-top: 1rem;
}
.block-mypage .block-mypage--member-info-items, .block-mypage .block-mypage--shopping-info-items, .block-mypage .block-mypage--inquiry-info-items {
	display: flex;
	justify-content: space-between;
	width: 90vw;
	margin: 5vw auto;
	gap: 4vw;
	flex-wrap: wrap;
	padding: 0;
}
.block-mypage .block-mypage--member-info-items li, .block-mypage .block-mypage--shopping-info-items li, .block-mypage .block-mypage--inquiry-info-items li {
	width: 43vw;
	margin: 0;
	height: auto;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info, .block-mypage .block-mypage--member-info-items li .block-mypage--update-password, .block-mypage .block-mypage--member-info-items li .block-mypage--update-mail-address, .block-mypage .block-mypage--member-info-items li .block-mypage--create-address-book, .block-mypage .block-mypage--member-info-items li .block-mypage--mailnews, .block-mypage .block-mypage--member-info-items li .block-mypage--credit-card-update, .block-mypage .block-mypage--member-info-items li .block-mypage--purchase-history, .block-mypage .block-mypage--member-info-items li .block-mypage--inquiry, .block-mypage .block-mypage--member-info-items li .block-mypage--logout-bottom, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info, .block-mypage .block-mypage--shopping-info-items li .block-mypage--update-password, .block-mypage .block-mypage--shopping-info-items li .block-mypage--update-mail-address, .block-mypage .block-mypage--shopping-info-items li .block-mypage--create-address-book, .block-mypage .block-mypage--shopping-info-items li .block-mypage--mailnews, .block-mypage .block-mypage--shopping-info-items li .block-mypage--credit-card-update, .block-mypage .block-mypage--shopping-info-items li .block-mypage--purchase-history, .block-mypage .block-mypage--shopping-info-items li .block-mypage--inquiry, .block-mypage .block-mypage--shopping-info-items li .block-mypage--logout-bottom, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--update-password, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--update-mail-address, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--create-address-book, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--mailnews, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--credit-card-update, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--purchase-history, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--inquiry, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--logout-bottom, .block-mypage .block-mypage--member-info-items li .block-mypage--coupon-list {
	border: 1px solid #999;
	border-radius: 10px;
	text-align: center;
	padding: 3vw;
	width: 100%;
	height: 128px;
	font-size: 18px;
	position: relative;
	background: no-repeat 50% 20px #fff;
	background-size: 37px;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info {
	background: url(../../img/usr/ico_customer_udpate_member_info.png) center 4vw no-repeat;
	background-size: 7.33vw auto;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info.active, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info.active, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info.active {
	border: 2px solid #D0101B;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-open, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-open, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-open {
	padding-top: 50px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body {
	display: none;
	position: absolute;
	top: 140px;
	left: 0;
	width: 90vw;
	border-radius: 10px;
	padding: 8vw 6vw 4vw;
	box-shadow: 0 0 28px #ccc;
	background: #fff;
	z-index: 999;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body.active, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body.active, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body.active {
	display: block;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body::before, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body::before, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body::before {
	content: '';
	position: absolute;
	top: -13px;
	left: 20vw;
	background-color: #fff;
	width: 16px;
	height: 14px;
	box-shadow: 0 2px 15px #ccc;
	clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open {
	border-radius: 30px;
	border: 2px solid #4070FF;
	color: #4070FF;
	width: 50vw;
	margin: auto;
	padding: 10px;
	font-size: 15px;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-btn, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-btn, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-btn {
	border: 0;
	background: #D0101B;
	color: #fff;
	width: 100%;
	margin: 15px 0;
	font-size: 20px;
	font-weight: bold;
}
.block-mypage .block-mypage--member-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-waku-btn, .block-mypage .block-mypage--shopping-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-waku-btn, .block-mypage .block-mypage--inquiry-info-items li .block-mypage--udpate-member-info .toolTip-body .modal-open.red-waku-btn {
	border: 2px solid #D0101B;
	background: #fff;
	color: #D0101B;
	width: 100%;
	margin: 15px 0;
	font-size: 20px;
	font-weight: bold;
}
.block-mypage .block-mypage--member-info-items li dt a, .block-mypage .block-mypage--member-info-items li dt span, .block-mypage .block-mypage--shopping-info-items li dt a, .block-mypage .block-mypage--shopping-info-items li dt span, .block-mypage .block-mypage--inquiry-info-items li dt a, .block-mypage .block-mypage--inquiry-info-items li dt span {
	border: 0;
	height: auto;
	display: block;
	padding: 50px 0 0 0;
	background-position: center 8px;
	background-size: 30px;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--linesync-info-item-account-sync, .block-mypage .block-mypage--shopping-info-items li.block-mypage--linesync-info-item-account-sync, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--linesync-info-item-account-sync {
	width: auto;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--linesync-info-item-account-sync dl dt a, .block-mypage .block-mypage--shopping-info-items li.block-mypage--linesync-info-item-account-sync dl dt a, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--linesync-info-item-account-sync dl dt a {
	background-position: 25px 50%;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 20px 10px 20px 20vw;
	background-size: 32px;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--linesync-info-item-account-sync dl dt a{
	width: 90vw;
}
.lineID-upper-text{
    position: absolute;
    top: 12vw;
    left: 0;
    text-align: center;
    width: 90vw;
}
.modal--linesync-menu-contents .line_word.line_cancel {
	background: #006900;
	border-left: solid 1px #006900;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--linesync-info-item-account-sync dl dt a span.small-text, .block-mypage .block-mypage--shopping-info-items li.block-mypage--linesync-info-item-account-sync dl dt a span.small-text, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--linesync-info-item-account-sync dl dt a span.small-text {
	padding-top: 10px;
	font-size: 1.4rem;
	font-weight: normal;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--shopping-info-item-purchase-history dl dt a, .block-mypage .block-mypage--shopping-info-items li.block-mypage--shopping-info-item-purchase-history dl dt a, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--shopping-info-item-purchase-history dl dt a {
	padding-top: 60px;
	background-position: 47% 8px;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--inquiry-info-item-inquiry dl dt a, .block-mypage .block-mypage--shopping-info-items li.block-mypage--inquiry-info-item-inquiry dl dt a, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--inquiry-info-item-inquiry dl dt a {
	padding-top: 65px;
	background-position: 50% 20px;
	background-size: 32px;
}
.block-mypage .block-mypage--member-info-items li.block-mypage--logout-info-item-inquiry dl dt a, .block-mypage .block-mypage--shopping-info-items li.block-mypage--logout-info-item-inquiry dl dt a, .block-mypage .block-mypage--inquiry-info-items li.block-mypage--logout-info-item-inquiry dl dt a {
	padding-top: 60px;
	background-position: 50% 22px;
	background-size: 32px;
}
.block-mypage .block-mypage--snssync-info {
	width: 100%;
	padding: 0;
}
.subscription-menu {
	background: #F7F7F7;
	width: 100vw;
	margin: 10vw -5.33vw 0;
	padding: 8vw 0 5vw;
}
.subscription-menu .u-mt0 {
	margin-top: 0 !important;
}
.subscription-menu .u-mt30 {
	margin-top: 30px;
}
.subscription-menu .u-mb60 {
	margin-bottom: 60px;
}
.subscription-menu .larger-text {
	font-size: 20px;
}
.subscription-menu h2 {
	display: block;
	margin: 0 5.33vw;
}
.subscription-menu h2::after, .subscription-menu h2::before {
	display: none;
}
.subscription-menu .course-menu {
	display: flex;
	justify-content: space-between;
	width: 90vw;
	margin: 5vw auto;
	gap: 4vw;
	flex-wrap: wrap;
}
.subscription-menu .course-menu li {
	width: 43vw;
}
.subscription-menu .course-menu li:first-child {
	width: 100%;
}
.subscription-menu .course-menu li .toolTip {
	border: 1px solid #999;
	border-radius: 10px;
	text-align: center;
	padding: 3vw;
	width: 100%;
	height: 128px;
	font-size: 18px;
	position: relative;
	background: no-repeat 50% 20px #fff;
	background-size: 37px;
}
.subscription-menu .course-menu li .toolTip .toolTip-open {
	padding-top: 50px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.subscription-menu .course-menu li .toolTip .toolTip-body {
	display: none;
	position: absolute;
	top: 140px;
	left: 0;
	width: 90vw;
	border-radius: 10px;
	padding: 8vw 6vw 4vw;
	box-shadow: 0 0 28px #ccc;
	background: #fff;
	z-index: 999;
}
.subscription-menu .course-menu li .toolTip .toolTip-body.active {
	display: block;
}
.subscription-menu .course-menu li .toolTip .toolTip-body::before {
	content: '';
	position: absolute;
	top: -13px;
	left: 20vw;
	background-color: #fff;
	width: 16px;
	height: 14px;
	box-shadow: 0 2px 15px #ccc;
	clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}
.subscription-menu .course-menu li .toolTip .toolTip-body h4 {
	text-align: left;
	font-weight: normal;
	position: relative;
	padding-right: 10vw;
	font-size: 18px;
}
.subscription-menu .course-menu li .toolTip .toolTip-body h4 span {
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}
.subscription-menu .course-menu li .toolTip .toolTip-body p.toolTip-title {
	font-size: 3.7vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body p.add-product-text {
	text-align: left;
	line-height: 1.8;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .add-product-btn {
	margin-bottom: 8vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .add-product-btn a {
	display: block;
	border-radius: 30px;
	border: 2px solid #4070FF;
	color: #4070FF;
	width: 50vw;
	margin: auto;
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application {
	margin: 5vw 0 0;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application h3 {
	display: none;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application .regular-course-application_block {
	border: 0;
	padding: 0;
	margin-top: 5vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application .regular-course-application_block .item-wrap {
	border-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application .regular-course-application_block:has(> :nth-child(-n+2):last-child) {
	margin-top: 0;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application .regular-course-application_block:has(> :nth-child(-n+2):last-child) .item-wrap {
	padding-bottom: 5vw;
	margin-top: 5vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .regular-course-application .regular-course-application_block .btn-detail {
	border-top: 1px solid #ccc;
	padding-top: 4vw;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .modal-open {
	border-radius: 30px;
	border: 2px solid #4070FF;
	color: #4070FF;
	width: 50vw;
	margin: auto;
	padding: 10px;
	font-size: 15px;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .modal-open.red-btn {
	border: 0;
	background: #D0101B;
	color: #fff;
	width: 100%;
	margin: 15px 0;
	font-size: 20px;
	font-weight: bold;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .modal-open.red-waku-btn {
	border: 2px solid #D0101B;
	background: #fff;
	color: #D0101B;
	width: 100%;
	margin: 15px 0;
	font-size: 20px;
	font-weight: bold;
}
.subscription-menu .course-menu li .toolTip .toolTip-body .toolTip-close-btn {
	margin-top: 5vw;
	font-size: 15px;
}
.subscription-menu .course-menu li .toolTip .toolTip-body p.toolTip-body_add-text {
	text-align: left;
	margin-top: 20px;
	font-size: 15px;
	margin-bottom: 15px;
}
.subscription-menu .course-menu li .toolTip.active {
	border: 2px solid #D0101B;
}
.subscription-menu .course-menu li .toolTip.course-menu-skip {
	background-image: url(../../img/usr/common/icon_skip.png);
}
.subscription-menu .course-menu li .toolTip.course-menu-cycle {
	background-image: url(../../img/usr/common/icon_cycle.png);
}
.subscription-menu .course-menu li .toolTip.course-menu-volume {
	background-image: url(../../img/usr/common/icon_volume.png);
	background-size: 38px;
}
.subscription-menu .course-menu li .toolTip.course-menu-delivery {
	background-image: url(../../img/usr/common/icon_delivery.png);
	background-size: 38px;
}
.subscription-menu .course-menu li .toolTip.course-menu-change-payment {
	background-image: url(../../img/usr/common/icon_change_payment.png);
	background-size: 30px;
	background-position: 50% 25px;
}
.subscription-menu .course-menu li .toolTip.course-menu-product {
	background-image: url(../../img/usr/common/icon_product.png);
	background-size: 38px;
}
.subscription-menu .course-menu li .toolTip.course-menu-cancel {
	background-image: url(../../img/usr/common/icon_cancel.png);
	background-size: 29px;
	background-position: 50% 32px;
}
.subscription-menu .course-menu li .toolTip.course-menu-restart {
	background-image: url(../../img/usr/common/icon_restart.png);
	background-size: 28px;
	background-position: 50% 29px;
}
.subscription-menu .course-menu li:nth-child(2n) .toolTip .toolTip-body {
	left: auto;
	right: 0;
}
.subscription-menu .course-menu.change-the-order li:nth-child(2n) .toolTip .toolTip-body {
	left: 0;
	right: auto;
}
.subscription-menu .course-menu.change-the-order li:nth-child(2n + 1) .toolTip .toolTip-body {
	right: 0;
	left: auto;
}
.subscription-menu .course-menu li:nth-child(2n) .toolTip .toolTip-body::before {
	left: auto;
	right: 20vw;
}
.subscription-menu .course-menu.change-the-order li:nth-child(2n) .toolTip .toolTip-body::before {
	right: auto;
	left: 20vw;
}
.subscription-menu .course-menu.change-the-order li:nth-child(2n + 1) .toolTip .toolTip-body::before {
	left: auto;
	right: 20vw;
}
.subscription-menu .item-wrap {
	margin-top: 5vw;
	padding-bottom: 5vw;
	margin-bottom: 5vw;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.subscription-menu .item-wrap figure.item-img {
	width: 105px;
}
.subscription-menu .item-wrap .item-text {
	width: calc(100% - 125px);
	text-align: left;
	justify-content: center;
	flex-direction: column;
	display: flex;
}
.subscription-menu .item-wrap .item-text p, .subscription-menu .item-wrap .item-text .goods-size {
	font-size: 15px;
}
.subscription-menu .item-wrap .item-img + .item-text + .item-img {
	border-top: 1px solid #ccc;
	padding-top: 4vw;
	margin-top: 4vw;
}
.subscription-menu .item-wrap .item-img + .item-text + .item-img + .item-text {
	width: calc(100% - 105px);
	padding-left: 25px;
	border-top: 1px solid #ccc;
	padding-top: 4vw;
	margin-top: 4vw;
}
.subscription-menu .modal-container,.subscription-menu .modal-container_error {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color:rgba(0,0,0,0.5);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 10006;
}
.subscription-menu .modal-container:before,.subscription-menu .modal-container_error:before {
	content: "";
	height: 100%;
}
.subscription-menu .modal-container.active,.subscription-menu .modal-container_error.active {
	opacity: 1;
	visibility: visible;
}
.subscription-menu .modal-body {
	position: relative;
	max-width: 500px;
	padding: 0;
	top: 20vw;
}
.subscription-menu #submit-modal .modal-body{
	top: 0;
}
.subscription-menu .modal-close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -6vw;
	right: 0;
	width: 5vw;
	height: 5vw;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}
.subscription-menu .modal-close::before, .subscription-menu .modal-close::after {
	content: '';
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 2vw;
	right: 0;
	transform: rotate(45deg);
}
.subscription-menu .modal-close::after {
	transform: rotate(-45deg);
}
.subscription-menu .modal-content {
	background: #fff;
	text-align: left;
	padding: 30px 20px;
	margin-bottom: 100px;
}
.subscription-menu .modal-content .block-border {
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 15px 0 25px;
}
.subscription-menu .modal-content h4 {
	font-size: 18px;
	margin-bottom: 16px;
}
.subscription-menu .modal-content h4.center {
	text-align: center;
}
.subscription-menu .modal-content h4.cancel-head {
	font-size: 4.2vw;
}
.subscription-menu .modal-content p {
	line-height: 1.8;
}
.subscription-menu .modal-content p.center {
	text-align: center;
}
.subscription-menu .modal-content p span.small-text {
	font-size: 10px;
}
.subscription-menu .modal-content p span.large-text {
	font-size: 19px;
}
.subscription-menu .modal-content p a {
	text-decoration: underline;
	color: #4070FF;
}
.subscription-menu .modal-content p.error {
	color: #FF0000;
	margin: 100px 0;
	font-size: 4.2vw;
}
.subscription-menu .modal-content p.delivery-cycle-confirm, .subscription-menu .modal-content p.cancel-confirm {
	margin: 35px 0;
	font-size: 4.2vw;
}
.subscription-menu .modal-content p.cancel-link, .subscription-menu .modal-content p .resume-link {
	margin-bottom: 0;
	margin-top: 20px;
	font-size: 4.2vw;
}
.subscription-menu .modal-content p.cancel-finish, .subscription-menu .modal-content p.member-information-change-finish {
	margin-top: 40px;
	margin-bottom: 50px;
}
.subscription-menu .modal-content table {
	margin-bottom: 15px;
}
.subscription-menu .modal-content table th, .subscription-menu .modal-content table td {
	border: 1px solid #ccc;
	padding: 15px 8px;
}
.subscription-menu .modal-content table th a, .subscription-menu .modal-content table td a {
	text-decoration: underline;
}
.subscription-menu .modal-content table th {
	background: #f2f2f2;
	width: 35%;
	font-weight: normal;
}
.subscription-menu .modal-content label.delivery-cycle, .subscription-menu .modal-content label.cancel {
	line-height: 38px;
	vertical-align: middle;
}
.subscription-menu .modal-content input[type="radio"]:checked, .subscription-menu .modal-content input[type="radio"]:not(:checked) {
	display: none;
}
.subscription-menu .modal-content input[type="radio"] {
	position: relative;
	width: 26px;
	height: 26px;
	border: 2px solid #ccc;
	border-radius: 50%;
	vertical-align: -8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.subscription-menu .modal-content .block-regular-purcharse-cycle-info-update--body, .subscription-menu .modal-content .block-regular-purcharse-cancellation {
	padding-left: 0;
	padding-right: 0;
}
.subscription-menu .modal-content .legend.block-regular-purcharse-cancellation--cancel-reason-header {
	padding: 0;
	margin: 8vw 0 3vw;
	border: 0;
	font-size: 18px;
}
.subscription-menu .modal-content .block-regular-purcharse-cancellation--cancel-reason-message {
	margin-bottom: 3vw;
}
.subscription-menu .modal-content #cyclechange-html-display .action-buttons {
	display: none;
}
.subscription-menu .modal-content [type="radio"]:checked + label:after, .subscription-menu .modal-content [type="radio"]:not(:checked) + label:after {
	position: absolute;
	top: 12px;
	left: 13px;
	transform: translate(-54%, -46%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #D0101B;
	content: '';
}
.subscription-menu .modal-content [type="radio"]:checked + label:before, .subscription-menu .modal-content [type="radio"]:not(:checked) + label:before {
	border-radius: 50%;
	width: 25px;
	height: 25px;
}
.subscription-menu .modal-content label + [type="radio"]:checked + label, .subscription-menu .modal-content label + [type="radio"]:not(:checked) + label {
	margin-top: 10px;
	line-height: 24px;
}
.subscription-menu .modal-content label.select-cycle {
	margin-top: 20px;
	margin-bottom: 5px;
	display: block;
}
.subscription-menu .modal-content select {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 20px 5px;
	width: 100% !important;
}
.subscription-menu .modal-content input[type="button"].btn.btn-primary, .subscription-menu .modal-content input[type="button"].modal-content-submit, .subscription-menu .modal-content input[type="button"].modal-content-submit_black {
	color: #fff;
	border-radius: 30px;
	text-align: center;
	font-size: 20px;
	background: #D0101B;
	margin-top: 14px;
	width: 100%;
	padding: 10px;
	font-weight: bold;
	border-width: 0;
}
.subscription-menu .modal-content .block-regular-purcharse-cycle-info-update--back-btn {
	display: none;
}
.subscription-menu .modal-content input[type="button"].modal-content-submit_black {
	background-color: #333333;
}
.subscription-menu .modal-content .block-backgray {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin: 15px 0;
}
.subscription-menu .modal-content .block-backgray label.select-cycle {
	margin-top: 5px;
}
.subscription-menu .modal-content .block-backgray p {
	line-height: 1;
	margin: 5px 0;
}
.subscription-menu .modal-content .skip-btn {
	border-radius: 5px;
	background: #D0101B;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	margin: 16px auto 14px;
	text-align: center;
	width: 100%;
}
.subscription-menu .modal-content .skip-btn span.date {
	font-size: 20px;
	font-weight: bold;
}
.subscription-menu .modal-content .close-btn, .subscription-menu .modal-content .return-btn {
	color: #fff;
	border-radius: 30px;
	text-align: center;
	font-size: 20px;
	background: #999;
	margin-top: 14px;
	width: 100%;
	padding: 10px;
	font-weight: bold;
}
.subscription-menu .modal-content figure.cancel-img {
	text-align: center;
	margin-bottom: 20px;
}
.subscription-menu .modal-content figure.cancel-img img {
	width: 70vw;
}
.subscription-menu .modal-content ul.block-backgray-list {
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 15px 23px;
	margin-left: -20px;
	margin-right: -20px;
}
.subscription-menu .modal-content ul.block-backgray-list li {
	background: url(../../img/usr/common/ico_recom_check.png) no-repeat 0 5px/17px transparent;
	padding-left: 30px;
	font-size: 4vw;
}
.subscription-menu .modal-content ul.block-backgray-list li + li {
	margin-top: 10px;
}
.subscription-menu .modal-content span.icon-red {
	font-size: 13px;
	color: #fff;
	background: #D0101B;
	border-radius: 3px;
	display: inline-block;
	padding: 3px 10px;
	margin-left: 20px;
	font-weight: normal;
	margin-top: -3px;
}
.subscription-menu .modal-content .item-wrap {
	border-bottom: 0;
	padding-bottom: 0;
}
.subscription-menu .modal-content .resumption {
	margin-top: 10px;
}
.subscription-menu .modal-content.member-infomation dl {
	margin-top: 4vw;
}
.subscription-menu .modal-content.member-infomation dl dt {
	font-size: 16px;
	font-weight: bold;
}
.subscription-menu .modal-content.member-infomation dl dd {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}
.subscription-menu .modal-content.member-infomation dl dd input[type="text"] {
	padding: 15px 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 38vw;
	margin: 5px 0 10px;
}
.subscription-menu .modal-content.member-infomation input[type="button"].modal-content-submit {
	margin-top: 8vw;
}
.subscription-menu .modal-content .modal-content_input, .subscription-menu .modal-content .modal-content_confirm, .subscription-menu .modal-content .modal-content_confirm2, .subscription-menu .modal-content .modal-content_confirm3, .subscription-menu .modal-content .modal-content_finish, .subscription-menu .modal-content .modal-content_skip-finish, .subscription-menu .modal-content .modal-content_cancel-finish, .subscription-menu .modal-content .modal-content_cancel-confirm, .subscription-menu .modal-content .modal-content_cancel-confirm2, .subscription-menu .modal-content .modal-content_cancel-skip-finish, .subscription-menu .modal-content .modal-content_error, .subscription-menu .modal-content .modal-content_skiperror {
	display: none;
}
.subscription-menu .modal-content .modal-content_input.active, .subscription-menu .modal-content .modal-content_confirm.active, .subscription-menu .modal-content .modal-content_confirm2.active, .subscription-menu .modal-content .modal-content_confirm3.active, .subscription-menu .modal-content .modal-content_finish.active, .subscription-menu .modal-content .modal-content_skip-finish.active, .subscription-menu .modal-content .modal-content_cancel-finish.active, .subscription-menu .modal-content .modal-content_cancel-confirm.active, .subscription-menu .modal-content .modal-content_cancel-confirm2.active, .subscription-menu .modal-content .modal-content_cancel-skip-finish.active, .subscription-menu .modal-content .modal-content_error.active, .subscription-menu .modal-content .modal-content_skiperror.active {
	display: block;
}
.subscription-menu .regular-course-application {
	margin: 50px 5.33vw 30px;
}
.subscription-menu .regular-course-application h3 {
	padding: 10px 0;
	position: relative;
}
.subscription-menu .regular-course-application h3 span.number {
	display: block;
	text-align: right;
	position: absolute;
	right: 0;
	top: 10px;
	font-weight: normal;
}
.subscription-menu .regular-course-application .regular-course-application_block {
	background: #fff;
	padding: 10px 25px 25px;
	margin-top: 10px;
	border: 1px solid #ccc;
}
.subscription-menu .regular-course-application .regular-course-application_block:has(> :nth-child(-n+2):last-child) .item-wrap {
	margin-bottom: 0;
	border-bottom: 0;
}
.subscription-menu .regular-course-application .regular-course-application_block .btn-detail a {
	display: block;
	border-radius: 30px;
	border: 2px solid #4070FF;
	color: #4070FF;
	width: 26vw;
	margin: auto;
	padding: 5px 0;
	font-size: 15px;
	text-align: center;
}
.subscription-menu .regular-course-application .regular-course-application_block:has(.periodical-purchase-goods-icon img) {
	position: relative;
}
.subscription-menu .regular-course-application .regular-course-application_block:has(.periodical-purchase-goods-icon img) .item-wrap {
	opacity: 0.5;
}
.subscription-menu .regular-course-application .regular-course-application_block:has(.periodical-purchase-goods-icon img) .periodical-purchase-goods-icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 14vw;
}
.subscription-menu .block-mypage--linesync-info-items {
	padding: 0;
	margin: 0;
}
.subscription-menu .block-regular-purcharse-cancellation--cancel-reason-message.active::after {
	content: "解約理由が未選択です。";
	color: #D0101B;
	display: block;
}
.block-mypage .customer-status-point-rank-container .block-mypage--rank-current{
	font-weight: normal;
}
.block-mypage .customer-status-point-rank-container .block-mypage--myrank-condition{
	margin-top: 1rem;
	font-size: 1.4rem;
}

.line-cooperation .modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,50%);
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 10006;
}
.line-cooperation .modal-container:before {
    content: "";
    height: 100%;
}
.line-cooperation .modal-container.active {
    opacity: 1;
    visibility: visible;
}
.line-cooperation .modal-body {
    position: relative;
    max-width: 500px;
    padding: 0;
    top: 60vw;
}
.line-cooperation .modal-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -6vw;
    right: 0;
    width: 5vw;
    height: 5vw;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}
.line-cooperation .modal-close::before, .line-cooperation .modal-close::after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 2vw;
    right: 0;
    transform: rotate(45deg);
}
.line-cooperation .modal-close::after {
    transform: rotate(-45deg);
}
.line-cooperation .modal-content {
    background: #fff;
    text-align: left;
    padding: 15vw 20px;
}
.line-cooperation .modal-body p{
	margin-bottom: 0;
}
.line-cooperation .modal-content .error {
    color: #00c300;
	font-weight: bold;
    text-align: center;
    font-size: 5vw;
}