@charset "UTF-8";
:root{
	--pager-width: 4rem;
	--pager-height: 4rem;
	--pager-color_Inactive: #A8A8A8;
	--pager-color_active: var(--color-ec-primary);
	--pager-column-gap: 2rem;
	--pager-fontSize: 1.4rem;
	--pager-color-font: #fff;
	--pager-style-rounded: 50%;
	--pager-arrow-position: -6rem
}

.amaPay_attText {
	margin-top: 7rem;
	/* color: var(--color-warning); */
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: .05em;
}

.pickUpText {
	padding: 2rem 1rem;
	border: 1px solid #545454;
}

.complete_Text {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: .05em;
	text-align: center;
}
.complete_Text._attention {
	color: var(--color-attention);
}

.contents_inner {
  width: var(--container-default);
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.user_wrap {
  width: 100%;
}

#Wrap_lower.onlyOrder,
#Wrap_lower.onlyUser {
  width: var(--container-default);
  margin-right: auto;
  margin-left: auto;
	color: #111;
}

#loginWrap {
  width: var(--container-static);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  #loginWrap{
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #Wrap_lower.onlyOrder, #Wrap_lower.onlyUser{
    width: 100%;
  }
}

/*==========================
Pager
==========================*/
#pagination.below {
	margin: 6rem 0 0 0;
	padding: 0;
}
#pagination.below .result {
	display: none;
}
#pagination.below .pagerWrap {
	display: flex;
	justify-content: flex-end;
}
#pagination.below .pagerWrap .block-pager,
#pagination.below .pagerWrap .block-pager .list-pager {
	display: flex;
	justify-content: center;
}
#pagination.below .pagerWrap .block-pager {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
}
#pagination.below .pagerWrap .block-pager .list-pager {
	column-gap: var(--pager-column-gap);
}
#pagination.below .pagerWrap .block-pager .list-pager li {
	font-family: var(--font-en);
}
#pagination.below .pagerWrap .block-pager .list-pager li,
#pagination.below .pagerWrap .block-pager .list-pager li a {
	margin: 0;
	padding: 0;
}
#pagination.below .pagerWrap .block-pager .list-pager li a, 
#pagination.below .pagerWrap .block-pager .list-pager li.active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--pager-width);
	height: var(--pager-height);
	color: var(--pager-color-font);
	font-size: var(--pager-fontSize);
	background-color: var(--pager-color_Inactive);
	border-radius: var(--pager-style-rounded);
}
#pagination.below .pagerWrap .block-pager .list-pager li.active {
	font-weight: bold;
	background-color: var(--pager-color_active);
}
#pagination.below .pagerWrap .block-pager .prev,
#pagination.below .pagerWrap .block-pager .next {
	position: absolute;
	width: var(--pager-width);
	height: var(--pager-height);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
#pagination.below .pagerWrap .block-pager .prev a,
#pagination.below .pagerWrap .block-pager .next a{
	display: block;
	width: 100%;
	height: 100%;
}
#pagination.below .pagerWrap .block-pager .prev {
	left: var(--pager-arrow-position);
	background-image: url('../../Contents/ImagesPkg/common/prevArrow.svg');
}
#pagination.below .pagerWrap .block-pager .next {
	right: var(--pager-arrow-position);
	background-image: url('../../Contents/ImagesPkg/common/nextArrow.svg');
}
/* ===============================================
	* 商品一覧ページの表示 *
=============================================== */
.product_pager-bottom{
	margin: 0 auto;
  }
  
@media screen and (max-width: 768px) {
	:root{
		--pager-width: 3rem;
		--pager-height: 3rem;
		--pager-column-gap: 2rem;
		--pager-fontSize: 1.2rem;
		--pager-arrow-position: -3.5rem
	}
	#pagination.below {
		margin: 4rem 0 0 0;
	}
	#pagination.below .pagerWrap .block-pager .list-pager {
		column-gap: var(--pager-column-gap);
	}
	#pagination.below .pagerWrap .block-pager .list-pager li a, 
	#pagination.below .pagerWrap .block-pager .list-pager li.active,
	#pagination.below .pagerWrap .block-pager .prev,
	#pagination.below .pagerWrap .block-pager .next {
		width: var(--pager-width);
		height: var(--pager-height);
	}
	#pagination.below .pagerWrap .block-pager .prev {
		left: var(--pager-arrow-position);
	}
	#pagination.below .pagerWrap .block-pager .next {
		right: var(--pager-arrow-position);
	}
}

/*==============================================================================================
 下層ページ共通
==============================================================================================*/

.sp_only {
	display: none !important;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.breadcrumbs{
	display: block;
	width: 100%;
	margin: 4.8rem 0 2rem;
}
.breadcrumbs > ol {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: baseline;
	align-items: baseline;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 143rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}
.breadcrumbs > ol > li{
	color: var(--font-color);
	font-size: 1.2rem;
	letter-spacing: 0.07em;
	line-height: 1.1667;
	margin-right: 1.5rem;
	padding-right: 1rem;
	position: relative;
}
.breadcrumbs > ol > li::after{
	width: 0.935rem;
	height: 0.93rem;
	background-image: url(../../Contents/ImagesPkg/common/common_breadcrumb_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -1rem;
	transform: translateY(-50%);
	padding: 0 0.5em;
    vertical-align: text-bottom;
}
.breadcrumbs > ol > li:nth-last-of-type(1)::after{display: none;}
.breadcrumbs > ol > li a{
	display: inline-block;
    text-decoration: none;
}

@media screen and ( max-width:768px ) {
	.breadcrumbs {
		max-width: none;
		width: 100%;
		padding: 0 1.5rem;
		margin: 1rem 0 2rem;
	}
	.breadcrumbs > ol {
		flex-wrap: nowrap;
		padding: 0 0 .7rem;
		overflow-x: auto;
	}
	/* 
		パンくず
	=============================================== */
	.breadcrumbs [data-breadcrumbs-type="scroll"]{
		margin: 1rem 0 0;
		padding: 0;
	}
	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol{
		max-width: auto;
		padding: 0;
	}
	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol > li{
		line-height: 1.4166666667;
		margin-right: 1.4rem;
	}
	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol > li:nth-last-of-type(1){
		margin-right: 0;
		padding-right: 0;
	}
	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol > li::after{
		width: 0.4rem;
		height: 0.8rem;
	}

	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol {
		gap: 0;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		width: max-content;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		max-width: 100%;
		padding: 0 1.5rem 1rem;
	}
	.breadcrumbs [data-breadcrumbs-type="scroll"] > ol > li{
		flex-shrink: 0;
		gap: 0;
	}
}

#Wrap_lower.onlyDefault {
	margin: 0 auto 2rem
}

#Wrap_lower .area_error {
	margin: 5px 0 0 0;
	line-height: 1.4;
}

#Wrap_lower .error_inline {
	display: block;
	margin-top: .5rem;
	color: #ff0000;
	font-size: 1.3rem;
	font-weight: normal;
}

#Wrap_lower .price_red {
	color: #CC141C;
}

main.main-area {}

.block-inner {
	max-width: 1240px;
	margin: 0 auto;
}

input,
button,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 1rem !important;
}

.mt20 {
	margin-top: 2rem !important;
}

.mt30 {
	margin-top: 3rem !important;
}

.mb10 {
	margin-bottom: 1rem !important;
}

.mb20 {
	margin-bottom: 2rem !important;
}

.mb6040 {
	margin-bottom: 6rem !important;
}

.mt7030 {
	margin-top: 7rem !important;
}

.lh_15 {
	line-height: 1.5;
}

.pt0 {
	padding-top: 0 !important;
}

.pt10 {
	padding-top: 1rem !important;
}

a {
	color: inherit;
	text-decoration: none;
}

.br-pc {
	display: none;
}

.pc_none {
	display: none;
}

.sp-none {
	display: block;
}

/*==============================================================================================
 共通css
==============================================================================================*/
.area_block {
	margin-bottom: 4rem;
}

.dvUserShippingInfo .area_block {
	margin-bottom: 4rem;
}

.area_block.ver100 {
	margin-bottom: 10rem;
}

.area_block.passRemaind_margin {
	margin-bottom: 2.6rem;
}

.ttl_p {
	font-size: 1.8rem;
	line-height: 1;
	padding-bottom: 2rem;
	border-bottom: solid 1px #545454;
	text-align: center;
	margin-top: 6rem;
	font-weight: bold;
}

.onlyUser .ttl_p {
	margin-top: 6rem;
}

.onlyUser .ttl_p._noM {
	margin-top: 0;
}

._mb0 {
	margin-bottom: 0 !important;
}

.ttl_s {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	margin: 3rem auto;
	padding-bottom: 1.2rem;
	text-align: left;
	border-bottom: solid 2px #A7A7A7;
}

.ttl_c {
	font-size: 1.4rem;
}

.ttl_c_bo_dot {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 2rem;
	padding-bottom: 1.4rem;
	text-align: left;
	border-bottom: solid 2px #A7A7A7;
}

.ttl_g {
	font-size: 1.6rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: dotted 1px #cacaca;
}

.ttl_t_s {
	font-size: 1.6rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: solid 3px #f4f4f4;
	font-weight: bold;
}

.ttl {
	font-weight: normal;
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.1em;
}

.sub_ttl {
	font-size: 2rem;
	letter-spacing: 0.05em;
	display: block;
	font-weight: 200;
	margin-top: 1rem;
}

.txt_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.4;
}

.txt {
	font-size: 1.6rem;
	line-height: 1.66;
}

.green {
	color: #6bd3cd;
}

.blue {
	color: #6092e6;
}

.f_bold {
	font-weight: bold !important;
}

.f_taLeft {
	text-align: left !important;
}

.f_colorRed {
	color: #CC141C;
}

.f_noborder {
	border: none !important;
}

.f_graybox {
	padding: 1.3rem 2rem;
	background: #f4f4f4;
}

.line_s {
	border-bottom: solid 1px #cacaca !important;
}

.line_s_2 {
	border-bottom: solid 5px #f5f4f3 !important;
	padding-bottom: 1.6rem;
}

.line_none {
	border: none;
}

.notice {
	font-size: 1.4rem;
	line-height: 1.5;
	margin: -1rem auto 5px;
	display: block;
}

/*==============================================================================================
flex
==============================================================================================*/
.flex-container {
	display: flex;
}

.flex-D-row {
	flex-direction: row;
}

.flex-D-row-reverse {
	flex-direction: row-reverse;
}

.flex-D-col {
	flex-direction: column;
}

.flex-D-col-reverse {
	flex-direction: column-reverse;
}

.flex-W {
	flex-wrap: wrap;
}

.flex-NW {
	flex-wrap: no-wrap;
}

.flex-WR {
	flex-wrap: wrap-reverse;
}

.flex-J-flex-start {
	justify-content: flex-start;
}

.flex-J-flex-end {
	justify-content: flex-end;
}

.flex-J-center {
	justify-content: center;
}

.flex-J-space-b {
	justify-content: space-between;
}

.flex-J-space-a {
	justify-content: space-around;
}

.flex-J-space-e {
	justify-content: space-evenly;
}

.flex-A-flex-start {
	align-content: flex-start;
}

.flex-A-flex-end {
	align-content: flex-end;
}

.flex-A-center {
	align-content: center;
}

.flex-A-space-b {
	align-content: space-between;
}

.flex-A-space-a {
	align-content: space-around;
}

.flex-A-space-e {
	align-content: space-evenly;
}

.flex-A-stretch {
	align-content: stretch;
}

.align-S-auto {
	align-self: auto;
}

.align-S-flex-start {
	align-self: flex-start;
}

.align-S-flex-end {
	align-self: flex-end;
}

.align-S-center {
	align-self: center;
}

.align-S-baseline {
	align-self: baseline;
}

.align-S-stretch {
	align-self: stretch;
}

.pos-R {
	position: relative;
}

.pos-A {
	position: absolute;
}

/* ------------------------------------------------
  ボタンまわり
------------------------------------------------ */
.area_btn,
.area_btn.user_defaultshipping,
.area_btn.magazine_remove {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.area_btn.user_ohd_wrap {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.area_btn_userchange {
	display: flex;
	align-items: center;
}

.area_btn.cuser_credit,
.area_btn.user_userremailde {
	margin-top: 6rem;
}

.dvUserShippingInfo .area_btn.user_modify,
.area_btn.user_passRemaind_com {
	margin-top: 6rem;
}

.area_btn.user_fix_cancel_input {
	margin-top: 4rem;
}

.dvUserShippingInfo .area_btn.user_defaultshipping {
	margin-top: 2.6rem;
}

.area_btn.right_side {
	justify-content: flex-end;
}

.area_btn.right_side li,
.area_btn.right_side li:first-child {
	margin: 0;
}

.area_btn.confirm_o {
	margin-top: 4rem;
}

.area_btn li {
	margin: 0 3rem;
}

.area_btn li:empty {
	display: none;
}

.area_btn li:first-child {
	margin: 0 3rem;
}

.area_btn.user_modify li,
.area_btn.user_defaultshipping li,
.area_btn.user_fix_cancel_input li {
	margin: 0 1.5rem;
}

.area_btn.user_modify li:first-child,
.area_btn.user_defaultshipping li:first-child,
.area_btn.user_fix_cancel_input li:first-child {
	margin: 0 1.5rem;
}

.area_btn_right_single {
	display: flex;
	justify-content: flex-end;
}
@media screen and (min-width:769px) {
	.orderConfirm .area_btn_right_single {
		margin-top: 2.5rem;
	}
}
@media screen and (max-width:768px) {
	.orderConfirm .area_btn_right_single {
		margin-top: 1.5rem;
	}
}

.buyBtn {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	height: 5rem;
	margin: 2rem auto 0;
	line-height: 5rem;
	color: #fff;
	border-radius: 50px;
	background: #CC141C;
	border: 1px solid #CC141C;
	transition: all .3s;
}
@media screen and (min-width:769px) {
	.buyBtn:hover {
		color: #CC141C;
		background: #fff;
		opacity: 1;
	}
}
@media only screen and (max-width:768px) {
	.buyBtn {
		max-width: 270px;
    width: 100%;
	}
}

.btn_info {
	width: 12rem;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	color: #ffffff;
	font-weight: 600;
	border-radius: 50px;
}

.btn_move {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	/* color: #ffffff; */
	border-radius: 50px;
}

.primaryBtn .btn_move {
	margin: 2rem auto 0;
}

.btn_confirm {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	color: #ffffff;
	border-radius: 50px;
}

.btn_addad {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	color: #ffffff;
	border-radius: 50px;
}

.btn_join {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	color: #ffffff;
	border-radius: 50px;
}

.btn_my_orderList {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	color: #111;
	border-radius: 50px;
}

.btn_user_ohd {
	width: 27rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
	color: #ffffff;
	border-radius: 50px;
}

.btn_history {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	text-align: center;
	/* height: 3rem; */
	line-height: 3rem;
	/* color: #ffffff; */
	border-radius: 50px;
}

.btn_modification {
	width: 14rem;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	color: #ffffff !important;
	border-radius: 50px;
}

.btn_address {
	width: 12rem;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	color: #ffffff;
	font-weight: 600;
	border-radius: 50px;
}

.btn_user_change {
	min-width: 16rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	/* color: #ffffff; */
	font-weight: normal;
	border-radius: 50px;
	padding: 0 1rem;
}

.btn_delate_s {
	width: 10rem;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	color: #408CD7;
	box-sizing: border-box;
	border-radius: 50px;
}

.btn_edit_s {
	width: 10rem;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	color: #ffffff;
	/* border: 1px solid #111; */
	border-radius: 50px;
}

.btn_user_change_ok {
	min-width: 8rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	/* color: #ffffff; */
	box-sizing: border-box;
	font-weight: normal;
	border-radius: 50px;
	padding: 0 1rem;
}

.btn_user_change_no {
	min-width: 8rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	/* color: #545454; */
	box-sizing: border-box;
	font-weight: normal;
	/* color: #ffffff; */
	border-radius: 50px;
	padding: 0 1rem;
}

.btn_user_change_ok_fixed {
	width: 21rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	/* color: #ffffff; */
	box-sizing: border-box;
	font-weight: normal;
	border-radius: 50px;
}

.btn_user_change_ok_s {
	width: 14rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	/* color: #ffffff; */
	font-weight: normal;
	border-radius: 50px;
}

.btn_address {
	width: 12rem;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
	/* color: #ffffff; */
	border-radius: 50px;
}

#dvUserBox .btn_user_change_ok_fixed label {
	color: #ffffff;
}

.btn_user_fixed_cancel_noreason {
	width: 15rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	/* color: #ffffff; */
	font-weight: normal;
}

.btn_user_fixed_cancel_reason {
	width: 22.5rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	/* color: #ffffff; */
	font-weight: normal;
	padding: 0 0.5rem;
}

.btn_cuponUse {
	width: 20rem;
	display: block;
	text-align: center;
	/* font-size: 1.3rem; */
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	/* color: #ffffff; */
	margin: 0 0 0 auto;
	border-radius: 50px;
}

.bc_blue {
	background: #4f8df4;
	color: #fff;
}

.bc_gray {
	color: #408CD7;
	background: #fff;
	border: 1px solid #408CD7;
	transition: all .3s;
	font-weight: 600;
}
.bc_brown {
	color: #fff;
	background: #408CD7;
	transition: all .3s;
	font-weight: 600;
}
@media screen and (min-width:769px) {
	.bc_gray:hover {
		color: #fff;
		background: #A7A7A7;
		border: 1px solid #A7A7A7;
		opacity: 1;
	}
	.bc_brown:hover {
		background: #CC141C;
		opacity: 1;
	}
}

.bc_border {
	border: 1px solid #111;
}

.btc_brown {
	color: #111 !important;
}


.area_txt {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 4rem;
}

.area_ttl {
	width: 100%;
	max-width: 1000px;
	margin: 8rem auto 6rem;
	text-align: center;
}

#Wrap_lower.onlyDefault .area_ttl {
	margin: 5rem auto 6rem;
}

.area_ttl h2 {
	font-size: 3.4rem;
	display: flex;
	flex-direction: column;
}

.area_ttl h2 .noto {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
}

.area_ttl h2 .fs_ttlsub {
	font-size: 1.3rem;
	margin-top: -0.8rem;
}

/* ------------------------------------------------
  ステップチャート
------------------------------------------------ */
.stepFlow {
	display: flex;
	border-bottom: 1px solid #afafaf;
}

.stepFlow li {
	line-height: 1.4;
	font-size: 1.4rem;
	letter-spacing: normal;
	text-align: center;
	color: #afafaf;
	padding-bottom: 2.2rem;
}

.stepFlow.step05 li {
	width: 20%;
}

.stepFlow.step04 li {
	width: 25%;
}

.stepFlow.step03 li {
	width: 33.333333333%;
}

.stepFlow.step02 li {
	width: 50%;
}

.stepFlow li.current {
	color: #545454;
	padding-bottom: 1.6rem;
	border-bottom: solid 5px #545454;
}

.area_ttl_sec p {
	margin-top: 2rem;
	text-align: center;
	line-height: 1.71;
	letter-spacing: 0.02rem;
}

.area_ttl_sec p .required {
	margin: 0 2px 0 0;
}

.dvContentsInfo_kakunin .required {
	margin: 0 4px 0 0;
}

.required {
	display: inline-block;
	background: #fff;
	border: 1px solid #CC141C;
	color: #CC141C;
	font-size: 1rem;
	padding: .3rem .4rem;
	vertical-align: middle;
	line-height: 1;
	margin: 0 0 0 1rem;
	font-weight: normal;
}

.red_poshi .required {
	position: absolute;
	top: 2.2rem;
}

.inner_lower {
	/* max-width: 800px; */
	width: 100%;
	margin: 2.6rem auto 6rem;
}

#dvUserBox .red_poshi table th {
	position: relative;
}

/* ------------------------------------------------
  pager
------------------------------------------------ */
.pagerWrap {
	display: flex;
	justify-content: flex-end;
}

.pager {
	position: relative;
}

.pager .pager-arrow {
	position: absolute;
	top: 0;
}

.pager .pager-arrow a {
	display: block;
	width: 1.1rem;
	height: 2.1rem;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	position: relative;
}

.pager .pager-arrow a:hover {
	opacity: .5;
}

.pager .pager-arrow a::before,
.pager .pager-arrow a::after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1px;
	position: absolute;
	right: -2px;
	background: #808080;
}

.pager .pager-arrow a::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
}

.pager .pager-arrow a::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 5px;
}

.pager .pager-arrow.prev {
	left: 0;
}

.pager .pager-arrow.prev a {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pager .pager-arrow.next {
	right: 0;
}

.pager .list-pager {
	width: 100%;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}

.pager .list-pager li {
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 1.6rem;
	line-height: 1.9;
}

.pager .list-pager li span {
	border-bottom: 1px solid #545454;
	padding: 0 6px 6px;
	font-weight: bold;
}

.pager .list-pager li a {
	display: inline-block;
	padding: 0 5px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	font-weight: normal
}

.pager .list-pager li a:hover {
	opacity: .5;
}

#pagination .result {
	display: none;
}

/* ------------------------------------------------
  フォーム並びレイアウト
------------------------------------------------ */


.form_double {
	display: flex;
}

.form_double li {
	margin: 0;
	flex-grow: 1;
}

.form_double li:first-child {
	margin-right: 4rem;
}

.form_double.margin_small li:first-child {
	margin-right: 2rem;
}

.form_double li {
	margin: 0;
	flex-grow: 1;
}

.form_double.post li:first-child {
	margin-right: 0;
}

.form_double.post li {
	display: flex;
	align-items: center;
	flex-grow: inherit;
}

.form_double.post li span {
	margin: 0 1rem 0 0;
	font-size: 1.4rem;
	font-weight: normal;
}

.form_double.post li span.both {
	margin: 0 1rem;
}

.form_triple {
	display: flex;
	justify-content: space-between;
}

.form_triple li {
	margin: 0 0 0 2.8rem;
	width: 33%;
	display: flex;
	align-items: center;
}

.form_triple li:first-child {
	margin-left: 0;
}

.form_triple.date span {
	margin-left: 1rem;
	font-size: 1.4rem;
}

.form_fixed {
	display: flex;
	align-items: center;
}

.form_fixed.negaM {
	margin-top: -1rem;
}

.form_fixed.plan_date02 {
	margin: 2rem 0 0;
}

.form_fixed li.form_none {
	width: 17.6rem;
}

.form_fixed li {
	width: 100%;
}

.form_fixed li.width_200 {
	width: 100%;
	max-width: 200px;
}

.form_fixed li.width_170 {
	width: 100%;
	max-width: 170px;
}

.form {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	background-color: #F8F8F8;
	padding: 1rem;
	font-size: 1.3rem;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}

.form02 {
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
	background-color: #F8F8F8;
	padding: 1rem;
	font-size: 1.3rem;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}

.form._01 {
	max-width: 800px;
}

.form._02 {
	max-width: 400px;
}

.form._03 {
	max-width: 380px;
}

.form._04 {
	max-width: 300px;
}

.form._05 {
	max-width: 220px;
}

.form._06 {
	max-width: 180px;
}

.form._07 {
	max-width: 130px;
}

.form._08 {
	max-width: 120px;
}

.form._09 {
	max-width: 350px;
}

.form._11 {
	max-width: 140px;
}

.form._12 {
	max-width: 330px;
	margin-left: 0;
}

.form._13 {
	max-width: 100px;
	text-align: center;
}

.form._14 {
	max-width: 120px;
}

.form._15 {
	max-width: 200px;
}

.form._16 {
	max-width: 330px;
}

.form02._17 {
	max-width: 75px;
}

/* ------------------------------------------------
  フォーム体裁
------------------------------------------------ */
.form_wrap dl {}

.form_wrap dt div {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	display: flex;
	align-items: center;
	margin: 0 1rem 0 0;
}
.form_wrap dd,
.form_wrap dd div {
	font-size: 1.3rem;
}

.form_wrap dt {
	margin: 2rem 0 1rem;
	/* display: flex; */
	display: block;
	align-items: center;
	flex-wrap: wrap;
}

.onlyUser .form_wrap dt,
.onlyUser .form_wrap .pass_m_i_bottom dt {
	margin: 2rem 0 1rem;
}

.form_wrap dt.no_m_t {
	margin: 0 0 1rem !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.form_wrap dt.fixed_purchase {
	margin: 2rem 0 1rem;
	display: flex;
	align-items: center;
}

.form_wrap dt.fixed_purchase div {
	font-weight: normal;
}

.form_wrap dt.loginFormtop {
	margin: 2rem 0 1rem;
}

.confirm_wrap {
	margin: 3.6rem auto 4rem;
	font-size: 1.4rem;
}

.confirm_block {
	max-width: 76rem;
	margin: 0 auto;
	border-bottom: none;
}

.confirm_block:first-child {
	border-bottom: dotted 1px #A7A7A7;
	margin-bottom: 4rem;
}

.confirm_block dt {
	border-top: dotted 1px #A7A7A7;
	padding-top: 3.3rem;
	font-weight: bold;
}
.confirm_block._pass dt {
	border-top: 0px;
	padding: 0;
}

.confirm_block dd {
	margin: 1.8rem 0 3.1rem;
}

#dvUserShippingInput .confirm_block dd:last-of-type {
	border-bottom: dotted 1px #A7A7A7;
	padding-bottom: 3.1rem;
}

/* ------------------------------------------------
  フォーム系 矢印
------------------------------------------------ */
.rect select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	background: #F8F8F8 url(../../Contents/ImagesPkg/common/arrow_form.svg) no-repeat !important;
	background-size: 1.3rem 0.7rem !important;
	background-position: right 1rem center !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
	line-height: 1;
}
@media screen and (min-width:769px) {
	.rect select:hover {
		cursor: pointer;
	}
}
@media all and (-ms-high-contrast: none) {
	.rect select {
		height: 85%;
	}
}

/* ------------------------------------------------
  フォーム系 ラジオ
------------------------------------------------ */
.form_radio label {
	position: relative;
	display: inline-block;
	padding: 0.1rem 0.3rem 0.3rem 3rem;
	cursor: pointer;
	margin-right: 3rem;
	font-size: 1.3rem;
}

.form_radio label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	background: #fff;
	border: 1px solid #111;
	border-radius: 100%;
}

.form_radio input[type="radio"]:checked+label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0.5rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
	background: #408CD7;
	border-radius: 100%;
}

.form_select {
	margin-top: 0;
}

.form_select.cartselect_check {
	margin-top: 1.5rem;
}

.orderconfirm_block .customerInfo ul.form_radio_square {
	margin-bottom: 3rem;
}

.form_radio_square input[type="checkbox"],
.form_select input[type="checkbox"] {
	border: 1px solid #A7A7A7;
	-webkit-appearance: none;
	position: relative;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	border-radius: 5px;
	margin-right: 0;
	cursor: pointer;
}

.form_select.cartselect_check input[type="checkbox"] {
	margin: 0 5px;
}

#Contents .form_select.cartselect_check input {
	vertical-align: top;
}

.form_radio_square input[type="checkbox"]:checked:after,
.form_select input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "";
	width: 1.8rem;
	height: 1.8rem;
	background-image: url(../../Contents/ImagesPkg/common/check.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	/* background: #408CD7; */
	border-radius: 0;
}

.form_radio_square label,
.form_select label {
	padding-left: 1rem;
	cursor: pointer;
}

input,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	outline: none;
	-webkit-appearance: none;
	border-radius: 5px;
}
a {
	outline: none;
	-webkit-appearance: none;
}

.form_select label {
	vertical-align: middle;
}

.radioBtn.likeselect {
	display: flex;
	align-items: center;
}

.with_btn {
	display: flex;
}

.with_btn .btn_add_sea {
	display: flex;
	align-items: center;
	margin-left: 2rem;
}

.setpromotion {
	line-height: 1.5;
}


@media screen and (max-width: 1600px) {

	/* ------------------------------------------------
  共通
  ------------------------------------------------ */
	.block-inner {
		max-width: calc(1240 * (100vw / 1600));
	}

	.ttl {
		font-size: calc(30 * (100vw / 1600));
	}

	.sub_ttl {
		font-size: calc(20 * (100vw / 1600));
		margin-top: calc(10 * (100vw / 1600));
	}

	.txt_ttl {
		font-size: calc(20 * (100vw / 1600));
	}

	.txt {
		font-size: calc(16 * (100vw / 1600));
	}

}

@media screen and (max-width: 1024px) {

	/* ------------------------------------------------
  ヘッダー
  ------------------------------------------------ */
	#header_top .header_top_inner {
		/* max-width: 90%; */
	}

	/*ヘッダーメニュー*/
	#header_menu ul {
		max-width: 90%;
	}

	/* ------------------------------------------------
  共通
  ------------------------------------------------ */


	#Wrap_lower {
		margin: 8rem auto 10rem;
		padding: 0 5rem;
	}

	#Wrap_lower.onlyDefault {
		margin: 12rem auto 10rem;
		padding: 0 2.5rem;
	}

	.mb6040 {
		margin-bottom: 6rem !important;
	}

	.mt7030 {
		margin-top: 7rem !important;
	}


}

@media screen and (max-width: 860px) {
	.form._12 {
		width: calc(100% - 20px);
		max-width: 1000px;
	}
	.area_price_mini {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 800px) {

	/* ------------------------------------------------
  共通
  ------------------------------------------------ */
	.area_ttl {
		margin: calc(80 * (100vw / 800)) auto calc(60 * (100vw / 800));
		text-align: center;
	}

	.area_ttl h2 {
		font-size: calc(34 * (100vw / 800));
	}

	#Wrap_lower.onlyDefault {
		margin: calc(120 * 100vw / 800) auto calc(100 * 100vw / 800);
	}

	#Wrap_lower.onlyDefault .area_ttl {
		margin: calc(50 * (100vw / 800)) auto calc(60 * (100vw / 800));
		text-align: center;
	}

	.area_ttl h2 {
		font-size: calc(34 * (100vw / 800));
	}

	.area_ttl h2 .fs_ttlsub {
		font-size: calc(13 * (100vw / 800));
		margin-top: calc(24 * (100vw / 750));
	}

	.area_block {
		margin-bottom: calc(60 * (100vw / 800));
	}

	.area_block.passRemaind_margin {
		margin-bottom: calc(26 * (100vw / 800));
	}

	.area_block.ver100 {
		margin-bottom: calc(100 * (100vw / 800));
	}

	/* ------------------------------------------------
		フォーム並びレイアウト
	------------------------------------------------ */
	.form_double li:first-child {
		margin-right: calc(40 * (100vw / 800));
	}

	.form_triple li {
		margin-left: calc(28 * (100vw / 800));
	}

	.form {
		padding: calc(18 * (100vw / 800)) calc(20 * (100vw / 800));
		font-size: calc(13 * (100vw / 800));
	}

	.form._05 {
		width: calc(220 * (100vw / 800));
	}

	.form._08,
	.form._14 {
		width: calc(120 * (100vw / 800));
	}

	.form._11 {
		width: calc(256 * (100vw / 800));
	}

	.form._13 {
		width: calc(100 * (100vw / 800));
	}

	.form._15 {
		width: calc(200 * (100vw / 800));
	}

	.form._04 {
		width: calc(300 * (100vw / 800));
	}

	.form._16 {
		width: calc(330 * (100vw / 800));
	}

	.form02._17 {
		width: calc(75 * (100vw / 800));
	}

	.form_fixed li.form_none {
		width: 100%;
		margin-top: calc(36 * (100vw / 800));
	}

}
@media screen and (max-width: 767px) {
	/* ごめんなさい。 */
	html:not([data-basebrand="base-reuse"]) #Wrap_lower.onlyDefault {
		margin: var(--glonaviHeight) auto calc(40 * 100vw / 750);
	}
}
@media screen and (max-width: 768px) {
	.sp_only {
		display: block !important;
	}

	.pc_only {
		display: none !important;
	}

	#Wrap_lower.onlyDefault {
		margin: calc(120 * 100vw / 750) auto calc(40 * 100vw / 750);
	}

	/* ------------------------------------------------
  共通
  ------------------------------------------------ */
	.block-inner {
		max-width: calc(670 * (100vw / 750));
	}

	.ttl {
		font-size: calc(46 * (100vw / 750));
	}

	.sub_ttl {
		font-size: calc(26 * (100vw / 750));
		margin-top: calc(12 * (100vw / 750));
	}

	.txt_ttl {
		font-size: calc(22 * (100vw / 750));
	}

	.txt {
		font-size: calc(22 * (100vw / 750));
	}

	#Wrap_lower.onlyDefault {
		padding: 0;
	}
}

@media screen and (max-width: 768px) {

	/*==============================================================================================
	共通css
	==============================================================================================*/
	.mt20 {
		margin-top: 1.5rem !important;
	}

	.mt2060 {
		margin-top: 3rem !important;
	}

	.mb6040 {
		margin-bottom: 4rem !important;
	}

	.mt7030 {
		margin-top: 8rem !important;
	}

	.notice {
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 1.25rem auto 0;
		display: block;
	}

	.area_ttl,
	#Wrap_lower.onlyDefault .area_ttl {
		margin: calc(100 * (100vw / 750)) auto;
		text-align: center;
	}

	.area_ttl h2 {
		font-size: 2.5rem;
	}

	.area_ttl h2 .fs_ttlsub {
		font-size: 1.2rem;
	}

	.area_block,
	.area_block.ver100 {
		margin-bottom: 3rem;
	}

	.area_block.passRemaind_margin {
		margin: 0;
	}

	.area_ttl_sec p {
		margin-top: 2rem;
	}

	.ttl_p,
	.onlyUser .ttl_p {
		font-size: 1.8rem;
		line-height: 1;
		padding-bottom: 1.4rem;
		margin-top: 5rem;
		font-weight: normal !important;
	}

	.ttl_s {
		margin: 3rem 1.5rem;
		font-size: 1.8rem;
	}

	.ttl_c {
		font-size: 1.5rem;
	}

	.ttl_g {
		font-size: 1.6rem;
	}

	.ttl_t_s {
		font-size: 1.8rem;
		line-height: 1;
		padding-bottom: 1.75rem;
	}

	.ttl_c_bo_dot {
		font-size: 1.5rem;
		margin-top: 2rem;
		padding-bottom: 1.5rem;
	}

	.line_s_2 {
		padding-bottom: 1rem;
	}

	.form_wrap dt div {
		font-size: 1.3rem;
	}

	.form_wrap dt {
		margin: 2rem 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlyUser .form_wrap dt {
		margin: 2rem 0 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlyUser .form_wrap .pass_m_i_bottom dt {
		margin: 2.7rem 0 0;
	}

	.form_wrap dt.firstForm {
		margin: 5rem 0 0;
	}

	.form_wrap dt.loginFormtop {
		margin: 2rem 0 0;
	}

	.form_wrap dt.no_m_t {
		margin: 3.3rem 0 0 !important;
		align-items: flex-start;
	}

	.confirm_wrap {
		margin: 3rem auto 4rem;
		font-size: 1.4rem;
	}

	.confirm_block {
		margin-bottom: 5rem;
		font-size: 1.5rem;
	}

	.confirm_block.shortmb {
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}

	.confirm_block.lastArea {
		margin-bottom: 2rem;
	}

	.confirm_block:first-child {
		border-bottom: dotted 2px #A7A7A7;
		margin-bottom: 4rem;
	}

	.confirm_block dt {
		border-top: dotted 2px #A7A7A7;
		padding: 3.2rem 0 0;
		font-weight: bold;
	}
	.confirm_block._pass dt {
		border-top: 0px;
		padding: 0;
	}

	.confirm_block dd {
		margin: 2rem 0 3rem 0;
		border-bottom: none;
		text-align: justify;
	}

	#dvUserShippingInput .confirm_block dd:last-of-type {
		border-bottom: dotted 2px #A7A7A7;
		padding-bottom: 3rem;
	}

	.br-sp {
		display: none;
	}

	.br-pc {
		display: block;
	}

	.pc_none {
		display: block;
	}

	.sp-none {
		display: none;
	}

	.form_select.cartselect_check {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#Wrap_lower .area_error {
		margin: 0.8rem 0 1rem;
	}

	.required {
		font-size: 1.4rem;
		padding: .3rem .4rem;
		vertical-align: middle;
		line-height: 1;
		margin: 0 0 0 1rem;
	}

	.red_poshi .required {
		position: absolute;
		top: 2.8rem;
	}

	#Wrap_lower {
		margin: 5rem auto 6rem;
		padding: 0 1.5rem;
	}

	#Wrap_lower.onlyUser {
		/* padding: 0 ; */
	}

	.inner_lower {
		max-width: 800px;
		width: 100%;
		margin: 3rem auto 4rem;
	}

	/* #Wrap_lower.onlyUser .userContents_area{
		padding: 0 calc(35 * (100vw / 750));
	} */
	.stepFlow li {
		font-size: 1.2rem;
		letter-spacing: normal;
		text-align: center;
		color: #afafaf;
		padding-bottom: 1.4rem;
	}

	.stepFlow li.current {
		padding-bottom: 1.4rem;
	}

	.dvUserShippingInfo .area_btn.user_modify {
		margin-top: 4rem;
	}

	.area_btn.user_fix_cancel_input {
		margin-top: 4rem;
	}

	.area_btn.user_passRemaind_com {
		margin-top: 5rem;
	}

	.area_btn.user_userremailde,
	.area_btn.magazine_remove {
		margin-top: 3rem;
	}

	.dvUserShippingInfo .area_btn.user_defaultshipping {
		margin-top: 1.3rem;
	}

	.breadcrumbs ul li {
		font-size: 1rem;
	}

	/* ------------------------------------------------
		フォーム並びレイアウト
	------------------------------------------------ */
	.form_double li:first-child {
		margin-right: 2rem;
	}

	.form_double.post li span {
		margin: 0 1rem 0 0;
		font-size: 1.5rem;
	}

	.form_double.post li span.both {
		margin: 0 1rem;
	}

	.form_triple li {
		margin-left: 1.6rem
	}

	.form_triple.rect span {
		margin-left: 1rem;
		font-size: 1.5rem;
	}

	.form_fixed {
		align-items: flex-start;
		flex-direction: column;
	}

	.form_fixed li {
		margin-bottom: 2rem;
	}

	.form_fixed li.width_200,
	.form_fixed li.width_170 {
		width: 100%;
		max-width: 800px;
	}

	.form {
		padding: 1rem 1rem;
		font-size: 1.3rem;
	}

	.form02 {
		padding: 1rem 1rem;
		font-size: 1.3rem;
		height: 5rem;
		line-height: 5rem;
	}

	.form._05 {
		width: 16rem;
	}

	.form._08 {
		width: 8.5rem;
	}

	.form._12 {
		width: 100%;
		margin: 1rem 0 0;
	}

	.form._13 {
		width: 7rem;
	}

	.form._14 {
		width: 15rem;
		max-width: 800px;
	}

	.form._15 {
		width: 40rem;
	}

	.form._16 {
		width: 100%;
	}

	.form._04 {
		width: 100%;
		max-width: 800px;
	}

	.form02._17 {
		width: 14.2rem;
	}

	.form_double li.form._03:first-child {
		margin-right: 0 !important;
	}

	.form_wrap dt.fixed_purchase {
		margin: 0;
		align-items: flex-start;
		flex-direction: column;
	}

	/* ------------------------------------------------
		ボタン関係
	------------------------------------------------ */
	.btn_info {
		width: 10rem;
		display: block;
		text-align: center;
		font-size: 1.2rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		color: #ffffff;
		border-radius: 50px;
	}

	.area_btn {
		margin-top: 2rem;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column-reverse;
	}

	.area_btn.user_modify {
		margin-top: 6rem;
	}

	.area_btn.user_fix_cancel_input {
		margin-top: 1rem;
	}

	.area_btn.cuser_credit,
	.area_btn.magazine_remove {
		margin-top: 4rem;
	}

	.area_btn.confirm_o {
		margin-top: 5rem;
	}

	.area_btn li,
	.area_btn.user_modify li,
	.area_btn.user_defaultshipping,
	.area_btn.user_userremailde li,
	.area_btn.user_userremailde li:first-child,
	.area_btn.magazine_remove li,
	.area_btn.magazine_remove li:first-child,
	.area_btn.user_fix_cancel_input li {
		margin: 0;
		width: 100%;
	}

	.area_btn .user_ohd_wrap {
		margin: 0;
		width: 100%;
	}

	.area_btn li:first-child,
	.area_btn.user_modify li:first-child,
	.area_btn.user_defaultshipping li:first-child,
	.area_btn.user_fix_cancel_input li:first-child {
		margin: 2rem 0 0;
	}

	#dvPasswordModifyInput .area_btn li:first-child {
		margin: 0;
	}

	.btn_move,
	.btn_confirm,
	.btn_join {
		max-width: 270px;
		width: 100%;
		display: block;
		text-align: center;
		font-size: 1.5rem;
		text-align: center;
		height: 5rem;
		line-height: 5rem;
		/* color: #ffffff; */
		margin-left: auto;
		margin-right: auto;
		border-radius: 50px;
	}

	.btn_addad {
		width: 20rem;
		display: block;
		text-align: center;
		font-size: 1.5rem;
		text-align: center;
		height: 5rem;
		line-height: 5rem;
		color: #ffffff;
		border-radius: 50px;
	}

	.btn_modification {
		width: 10rem;
		display: block;
		text-align: center;
		font-size: 1.2rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		color: #ffffff;
		border-radius: 50px;
	}

	.btn_address {
		width: 10rem;
		font-size: 1.2rem;
		border-radius: 50px;
	}

	.btn_delate_s {
		width: 12.5rem;
		font-size: 1.6rem;
		text-align: center;
		height: 3.5rem;
		line-height: 3.5rem;
		color: #408CD7;
		box-sizing: border-box;
		border-radius: 50px;
	}

	.btn_edit_s {
		width: 12.5rem;
		display: block;
		text-align: center;
		font-size: 1.6rem;
		text-align: center;
		height: 3.5rem;
		line-height: 3.5rem;
		color: #ffffff;
		border-radius: 50px;
	}

	.btn_user_change {
		min-width: 15rem;
		display: block;
		text-align: center;
		font-size: 1.4rem;
		text-align: center;
		height: 3.5rem;
		line-height: 3.5rem;
		/* color: #ffffff; */
		/* font-weight: normal; */
		border-radius: 50px;
		padding: 0 1rem;
	}

	.btn_user_change_ok {
		min-width: 8rem;
		display: block;
		text-align: center;
		font-size: 1.4rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		/* color: #ffffff; */
		box-sizing: border-box;
		/* font-weight: normal; */
		border-radius: 50px;
		padding: 0 1rem;
	}

	.btn_user_change_no {
		min-width: 8rem;
		display: block;
		text-align: center;
		font-size: 1.4rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		/* color: #111; */
		box-sizing: border-box;
		/* font-weight: normal; */
		/* color: #ffffff; */
		border-radius: 50px;
		padding: 0 1rem;
	}

	.btn_user_change_ok_fixed {
		width: 22rem;
		display: block;
		text-align: center;
		font-size: 1.4rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		/* color: #ffffff; */
		box-sizing: border-box;
		/* font-weight: normal; */
		border-radius: 50px;
	}

	.btn_user_change_ok_s {
		width: 13rem;
		display: block;
		text-align: center;
		font-size: 2.8rem;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
		/* color: #ffffff; */
		box-sizing: border-box;
		/* font-weight: normal; */
		border-radius: 50px;
	}

	.btn_cuponUse {
		width: 18rem;
		display: block;
		text-align: center;
		/* font-size: 1.3rem; */
		text-align: center;
		height: 3.5rem;
		line-height: 3.5rem;
		/* color: #ffffff; */
		margin: 0 auto;
		border-radius: 50px;
	}

	.btn_my_orderList,
	.btn_user_ohd {
		width: 100%;
		font-size: 1.6rem;
	}

	.with_btn .btn_add_sea {
		margin-left: .8rem;
	}

	.area_btn.user_ohd_wrap {
		margin-top: 2rem;
	}

	.with_btn.user_add {
		justify-content: space-between;
	}

	.rect select {
		background-size: 1rem 0.7rem !important;
		background-position: right calc(16 * (100vw / 750)) center !important;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		width: 100%;
		line-height: 1;
	}

	.form_select {
		margin-top: 20px;
	}

	/* ------------------------------------------------
  フォーム系 ラジオ
------------------------------------------------ */
	.form_radio label {
		padding: 0.1rem 0.3rem 0.3rem 2.5rem;
		cursor: pointer;
		margin-right: 3rem;
		font-size: 1.3rem;
	}

	.pagerWrap {
		display: flex;
		justify-content: center;
	}

	.form_fixed.plan_date02 {
		margin: 0;
	}

}

/* ------------------------------------------------
ログイン
------------------------------------------------ */


.login_formWrap .f_bold input {
	font-weight: normal;
}

.login_formWrap .area_btn {
	margin-top: 2rem;
	display: block;
}

.login_formWrap .area_btn li {
	margin: 0;
}

.login_formWrap .area_btn li:first-child {
	margin: 0;
}

/* #dvUserContents.login_formWrap {
	padding-top: 2rem;
} */

#dvUserContents.login_formWrap #loginWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 4rem;
}

#dvLoginWrap,
.dvLoginRegist {
	width: 46rem;
}

#dvUserContents.login_formWrap .area_ttl_sec p {
	margin-top: 2rem !important;
	text-align: left !important;
}

#dvUserContents.login_formWrap .loginForm {
	margin-top: 2rem;
}

#dvUserContents.login_formWrap .loginForm li:first-child {
	margin-top: 2rem;
	margin-bottom: 3rem;
}

#dvUserContents.login_formWrap .loginForm li:last-child {
	margin-top: 2rem;
}

#dvUserContents.login_formWrap .loginForm .mt20 input {
	margin-top: 2rem;
}

#dvUserContents.login_formWrap #loginWrap a:visited {
	color: #fff;
}

#dvUserContents.login_formWrap #loginWrap .btn_join {
	background-color: #408CD7;
	width: 27rem;
	height: 5rem;
	line-height: 5rem;
	transition: all .3s;
}
@media screen and (min-width:769px) {
	#dvUserContents.login_formWrap #loginWrap .btn_join:hover {
		background-color: #CC141C;
		opacity: 1;
	}	
}

#dvUserContents.login_formWrap .dvLoginReminder {
	margin-top: 2rem;
}


#dvUserContents.login_formWrap .loginMemory span {
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
}



@media screen and (max-width: 800px) {
	#dvUserContents.login_formWrap #loginWrap {
		display: block;
	}

	#dvLoginWrap,
	.dvLoginRegist {
		width: auto;
	}


	#dvUserContents.login_formWrap .dvLoginRegist {
		margin-top: 4rem;
	}


	#dvUserContents.login_formWrap .area_ttl_sec {
		margin-top: 2rem !important;
	}	
	#dvUserContents.login_formWrap .area_ttl_sec p {
		margin-top: 2rem !important;
	}

	#dvUserContents.login_formWrap #dvUserContents.login_formWrap .loginForm {
		margin-top: 4rem;
	}

	#dvUserContents.login_formWrap .loginForm li:first-child {
		margin-bottom: 5rem;
	}

	#dvUserContents.login_formWrap .loginForm li:last-child {
		margin-top: 4rem;
	}

	#dvUserContents.login_formWrap .loginForm .mt20 input {
		margin-top: 2rem;
	}

	#dvUserContents.login_formWrap #loginWrap a:visited {
		color: #fff;
	}

	#dvUserContents.login_formWrap #loginWrap .btn_join {
		background-color: #408CD7;
		width: 27rem;
		height: 5rem;
		line-height: 5rem;
		margin: 2rem auto;
	}

	#dvUserContents.login_formWrap .dvLoginReminder {
		margin-top: 2rem;
	}


	#dvUserContents.login_formWrap .loginMemory span {
		display: inline-block;
		height: 2rem;
		line-height: 2rem;
	}
}

@media screen and (max-width: 768px) {
	#dvUserContents.login_formWrap {
		padding: 0;
	}

	#dvUserBox .login_formWrap .contentsInfo {
		font-size: 1.5rem;
	}

	#dvUserContents.login_formWrap {
		margin: 0 auto;
	}

	#dvUserContents.login_formWrap #loginWrap {
		display: block;
		text-align: left;
	}

	#dvUserContents.login_formWrap #dvLoginWrap,
	.dvLoginRegist {
		width: 100%;
		margin: 0 auto;

	}

	#dvUserContents.login_formWrap .dvLoginRegist {
		margin-top: 3rem;
	}


	#dvUserContents.login_formWrap .area_ttl_sec p {
		margin-top: 2rem !important;
		text-align: left;
	}

	#dvUserContents.login_formWrap .loginForm {
		margin-top: 2rem;
	}

	#dvUserContents.login_formWrap .loginForm li:first-child {
		margin-bottom: 2rem;
	}

	#dvUserContents.login_formWrap .loginForm li:last-child {
		margin-top: 2.15rem;
	}

	#dvUserContents.login_formWrap .loginForm .mt20 input {
		margin-top: 1rem;
	}

	#dvUserContents.login_formWrap .loginForm .form._10 {
		width: 100%;
	}

	#dvUserContents.login_formWrap .forgetPW {
		font-size: 1.5rem;
	}

	#loginWrap a:visited {
		color: #fff;
	}

	#dvUserContents.login_formWrap #loginWrap .btn_join {
		background-color: #408CD7;
		/* max-width: 200px; */
		width: 100%;
		height: 5rem;
		line-height: 5rem;
		margin-top: 2rem;
	}

	#dvUserContents.login_formWrap .dvLoginReminder {
		margin-top: calc(35 * (100vw / 750));
		text-align: center;
	}

}

/* =============================================================

    User Setting

============================================================= */

#Wrap_lower.onlyOrder,
#Wrap_lower.onlyUser {
  width: var(--container-default);
  margin-right: auto;
  margin-left: auto;
}

#loginWrap {
  width: var(--container-static);
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  #loginWrap{
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #Wrap_lower.onlyOrder, #Wrap_lower.onlyUser{
    width: 100%;
  }
}


/*
=====================================================================================
===================================== Common New ====================================
=====================================================================================
*/
/* common */
.error_inline:empty {
	display: none !important;
}
@media only screen and (min-width: 769px) {
	.spOnly {
		display: none !important;
	}
	/* フォームエリア */
	.form_wrap {
		width: 76rem;
		margin: auto;
	}
}
@media screen and (max-width:768px) {
	.pcOnly {
		display: none !important;
	}
}

/* subText */
._subText,
._annotation {
	margin-top: 1rem;
	line-height: 1.7;
}
._subText {
	font-size: 1.1rem;
}
._annotation {
	font-size: 1.2rem;
}

/* btn */
.bottomBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
}
.bottomBtn li ._initial {
	width: 27rem;
}
@media screen and (min-width:769px) {
	.bottomBtn {
		column-gap: 2rem;
	}
}
@media screen and (max-width:768px) {
	.bottomBtn {
		column-gap: 1rem;
	}
	.bottomBtn li ._primary {
		width: 20.5rem;
	}
	.bottomBtn li ._secondary {
		width: 13rem;
	}
	.bottomBtn._equality li ._primary,
	.bottomBtn._equality li ._secondary {
		width: calc(33.5rem/2);
	}
	.amazonBtn {
		text-align: center;
	}
}

/* error */
.fred {
	display: block;
	margin-top: .6rem;
	color: var(--color-attention);
	font-size: 1.2rem;
	font-weight: 400;
}

._errorText {
	margin-top: 2rem;
}
._errorText._bottom {
	color: var(--color-attention);
}

/* title */
.area_ttl_box h2._commonTitle {
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}
.area_ttl_box p._leadText {
	margin-top: 1.9rem;
	font-size: 1.4rem;
	line-height: 1.71428571;
}
.area_ttl_box .cartstep {
	margin-top: 2rem;
}
#Wrap_lower.onlyUser .myPage .area_ttl_box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
@media screen and (min-width:1025px) {
	#Wrap_lower.onlyUser .myPage .area_ttl_box {
		max-width: 88rem;
		width: 100%;
		margin: 0 0 0 auto;
	}
}
._secTitle {
	color: #6C6C6C;
	font-size: 1.4rem;
	font-weight: 400;
}
._secTitle span {
	display: block;
	color: #1C1C1C;
	font-family: var(--font-en);
	font-weight: 700;
	font-style: italic;
	line-height: 1;
}
@media screen and (min-width:769px) {
	.area_ttl_box {
		margin-top: 3.4rem;
	}
	.area_ttl_box h2._commonTitle {
		font-size: 2.4rem;
	}
	.area_ttl_box p._leadText {
		margin-top: 2rem;
		text-align: center;
	}
	._secTitle {
		display: flex;
		align-items: flex-end;
		column-gap: 1rem;
		margin: 7rem auto 3rem;
	}
	._secTitle span {
		margin-bottom: -.4rem;
		font-size: 4.8rem;
	}
}
@media screen and (max-width:768px) {
	.area_ttl_box {
		margin-top: 3rem;
		padding: 0 1.5rem;
	}
	.area_ttl_box h2._commonTitle {
		font-size: 1.8rem;
	}
	.area_ttl_box p._leadText {
		margin-top: 1.4rem;
	}
	._secTitle {
		margin: 5rem 1.5rem 2rem;
	}
	._secTitle span {
		margin-bottom: .5rem;
		font-size: 3.6rem;
	}
}

/* error text */
.errorTextBox p:nth-of-type(n+2) {
	margin-top: 1rem;
}
@media screen and (max-width:768px) {
	.errorTextBox {
		padding: 0 1.5rem;
	}
}
.error_msg:empty {
	display: none !important;
}

/* step */
.stepFlow_ol {
  display: flex;
}
.stepFlow_ol li {
  display: flex;
  align-items: center;
	padding-bottom: 1rem;
  color: #818181;
	font-weight: 500;
  border-bottom: 2px solid #818181;
	text-align: center;
}
.stepFlow_ol.step_1 li {
	width: 100%;
}
.stepFlow_ol.step_2 li {
	width: calc(100%/2);
}
.stepFlow_ol.step_3 li {
	width:calc(100%/3);
}
.stepFlow_ol.step_4 li {
	width: calc(100%/4);
}
.stepFlow_ol.step_5 li {
	width: calc(100%/5);
}
.stepFlow_ol li._current {
  color: #111;
	font-weight: 600;
  border-bottom: 2px solid #111;
}
.stepFlow_ol li::before {
  content: "";
  display: block;
	width: 3.8rem;
	height: 2.4rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.stepFlow_ol li._cart::before {
  background-image: url(../../Contents/ImagesPkg/common/cart.svg);
}
.stepFlow_ol li._current._cart::before {
  background-image: url(../../Contents/ImagesPkg/common/cart_current.svg);
}
.stepFlow_ol li._shipping::before {
  background-image: url(../../Contents/ImagesPkg/common/shipping.svg);
}
.stepFlow_ol li._current._shipping::before {
  background-image: url(../../Contents/ImagesPkg/common/shipping_current.svg);
}
.stepFlow_ol li._payment::before {
  background-image: url(../../Contents/ImagesPkg/common/payment.svg);
}
.stepFlow_ol li._current._payment::before {
  background-image: url(../../Contents/ImagesPkg/common/payment_current.svg);
}
.stepFlow_ol li._confirm::before {
  background-image: url(../../Contents/ImagesPkg/common/confirm.svg);
}
.stepFlow_ol li._current._confirm::before {
  background-image: url(../../Contents/ImagesPkg/common/confirm_current.svg);
}
.stepFlow_ol li._complete::before {
  background-image: url(../../Contents/ImagesPkg/common/complete.svg);
}
.stepFlow_ol li._current._complete::before {
  background-image: url(../../Contents/ImagesPkg/common/complete_current.svg);
}
.stepFlow_ol li._registReguration::before {
  background-image: url(../../Contents/ImagesPkg/common/registReguration.svg);
}
.stepFlow_ol li._current._registReguration::before {
  background-image: url(../../Contents/ImagesPkg/common/registReguration_current.svg);
}
.stepFlow_ol li._registInput::before {
  background-image: url(../../Contents/ImagesPkg/common/registInput.svg);
}
.stepFlow_ol li._current._registInput::before {
  background-image: url(../../Contents/ImagesPkg/common/registInput_current.svg);
}
@media only screen and (min-width: 769px) {
	.stepFlow_ol li {
		justify-content: center;
		font-size: 1.4rem;
	}
	.stepFlow_ol li._cart,
	.stepFlow_ol li._payment {
		-moz-column-gap: .3rem;
				 column-gap: .3rem;
	}
	.stepFlow_ol li._shipping {
		-moz-column-gap: .9rem;
				 column-gap: .9rem;
	}
}
@media screen and ( max-width:768px ) {
	.stepFlow_ol {
		padding: 0 1.5rem;
	}
	.stepFlow_ol li {
		flex-direction: column;
		-moz-row-gap: .6rem;
				 row-gap: .6rem;
		font-size: 1.2rem;
	}
	.stepFlow_ol li._registReguration {
		-moz-row-gap: .1rem;
				 row-gap: .1rem;
	}
}

/* History */
.productHistoryBox.itemParts_pList > .productHistory_inner > ul {
	display: flex;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li:nth-of-type(n+6) {
	display: none !important;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p {
	color: #1C1C1C;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._brandName {
	font-weight: 400;
	text-decoration: underline;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemName {
	display: -webkit-box;
  -webkit-box-orient: vertical;
	font-size: 1.3rem;
	line-height: 1.46153846;
	overflow: hidden;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span {
	display: block;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span._af {
	margin-top: .6rem;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span > span {
	display: inline-block;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span > span._price {
	font-size: 1.6rem;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span._af {
	color: #CC141C;
}
.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span > span._tax {
	font-size: 1.1rem;
}
@media screen and (min-width:769px) {
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul {
		column-gap: 2.5rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li {
		width: 22rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._brandName {
		margin-top: 1rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemName {
		-webkit-line-clamp: 2;
		margin-top: .6rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice {
		margin-top: .6rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span > span._price {
		margin: 0 0 0 .3rem;
	}
}
@media screen and (max-width:768px) {
	.productHistoryBox.itemParts_pList > .productHistory_inner {
		overflow-x: auto;
    overflow-y: hidden;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul {
		column-gap: 1rem;
		padding: 0 1.5rem 1rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li,
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li ._itemImage {
    width: 15rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._brandName {
		margin-top: 1.4rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemName {
		-webkit-line-clamp: 6;
		margin-top: 1rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice {
		margin-top: 1rem;
		font-size: 1.1rem;
	}
	.productHistoryBox.itemParts_pList > .productHistory_inner > ul > li p._itemPrice > span > span._price {
		margin: .3rem 0 0 0;
	}
}

/* select上テキスト */
._dropSecText {
	margin-bottom: 1rem;
	font-weight: 400;
}
._dropSecText._mgn {
	margin: 2rem 0 1rem 0;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
.dvRegulation{
	height: 31rem;
	background-color: #F2F2F2;
	padding: 3rem 6rem;
}
.dvRegulation p{text-align: left;}
.dvRegulation .dvRegulation_inner ul{
	margin-bottom: 2rem;
}
.dvRegulation .dvRegulation_inner ul li{
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top:.5rem;
	margin-left:1rem;
}
.dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
	background-color: #F2F2F2;
	height: 25rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: 500;margin-bottom: 2rem;padding-bottom: 1rem;font-size: 1.8rem;border-bottom: 2px solid #A7A7A7;}
.dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 2.5rem;}
.consentCheckBox {
	margin-top: 3rem;
}
.consentCheckBox.form_select .checkBox {
	justify-content: center;
	padding-bottom: 0 !important;
}
._primary.disable {
	opacity: .5;
	cursor: none !important;
	pointer-events: none !important;
}
@media screen and (max-width: 768px) {
	.dvRegulation{
		height: 33.8rem;
		background-color: #F2F2F2;
		margin: 0 1.5rem;
		padding: 3rem 1.5rem;
	}
	.dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
		height: 27.8rem;
		background-color: #F2F2F2;
	}
	.dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: 500;margin-bottom: 2rem;}
	.dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 2.5rem;}
}

/*==========================
Other
==========================*/
.guidanceText {
	margin-top: 1.75rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.75;
}
.guidanceText span {
	display: block;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.guidanceText {
		text-align: center;
	}
}