h1.negative {
}
h1 .rankStatus {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 13px;
	padding: 5px;
	color: #424242;
	background-color: #EEE7DE;
	border-radius: 10px;
}
h1 .rankStatus:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-right: 3px;
	background-image: url(/wd/static/img/icon_fitdish.svg);
	background-repeat: no-repeat;
	vertical-align: middle;
}

h2.dashedTitleText {

}
h3.topTitleText {
	padding-top: 18px;
	padding-bottom: 10px;
}
.mypage h3 {
	padding-bottom: 16px;
}
.mypage h3.type1 {
	padding-bottom: 5px;
}
h3.changeWrap {
	position: relative;
	padding-right: 30px;
}
.purchaseFlow h1 {
    border-bottom: none;
    text-align: center;
}
.mypage.purchaseFlow h1 {
    border-bottom: 1px solid;
    text-align: center;
}
.purchaseFlow h2 {
    text-align: center;
    border: none;
}
.purchaseFlow h3 {
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.mypage section {
    padding: 10px 20px;
}
.mypage section img {
    width: 100%;
}
h3.changeWrap .btnChange {
	position: absolute;
    right: 0;
    /* width: 55px; */
    height: 24px;
    font-size: 12px;
    text-align: center;
    color: #777;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    font-weight: 600;
    padding-right: 10px;
}
h3.changeWrap .btnChange:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
h3 .small {
	font-size: 12px;
}

.redText{
	color: #E13714;
	font-weight: 700;
}
/* input select ***********************************************************/
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
select {
	height: 40px;
	padding: 0 12px;
	border: solid 1px #707070;
	border-radius: 10px;
	font-size: 12px;
	box-sizing: border-box;
}
input:placeholder {
	color: #707070;
}
input[type=text].datepicker {
	background-image: url(/wd/static/img/icon_calendar.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) center;
	background-size: 20px;
}


/* btn ***********************************************************/
.btn {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	border-radius: 10px;
}
.btn:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.btn.disable {
	opacity: 0.5;
	cursor: default;
	background-color: #555 !important;
}
.btn.btnNext {
	width: 265px;
    height: 55px;
    margin-bottom: 30px;
    color: #FFFFFF;
    background-color: #E13714;
	font-weight: 800;
}
a.btn .btnOk {
    display: inline  !important;
}
a.btn .btnNg {
    display: none !important;
}
a.btn.disable .btnOk {
    display: none !important;
}
a.btn.disable .btnNg {
    display: inline !important;
}


/* module ***********************************************************/
.module {
	width:100%;
	max-width: 640px;
	padding: 0 20px 45px;
	margin: 0 auto;
	box-sizing: border-box;
}
.mypage .moduleHeadArea {
	padding-top: 30px;
}
.mypage .orderProcedureArea {
	width: 100%;
	max-width: 640px;
	padding: 0;
}
.mypage .deliveryDateArea {
	width: 100%;
	max-width: 640px;
	padding: 0 0 45px;
}
.mypage .headTextArea.warning {
	padding: 13px 45px 45px;
}


/* .textLink ***********************************************************/
.mypage .textLink {
	padding-top: 10px;
	text-align: right;
}
.mypage .textLink a {
	position: relative;
	padding-right: 15px;
	font-size: 12px;
	color: #424242;
	text-decoration: underline;
	opacity: .65;
}
.mypage .textLink a:hover {
	opacity: 1;
}
.mypage .textLink a:after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #424242;
	border-right: solid 1px #424242;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -3px;
}


/* module .middleTextLink ***********************************************************/
.mypage .middleTextLink a {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
	color: #424242;
	margin: 0 auto;
}
.mypage .middleTextLink a:hover {
	opacity: 0.8;
}
.mypage .errText,
.mypage .attentionText{
	color: #E13714;
}


/* .planSelect **************************************************/

.planSelect.trial {
	overflow-x: hidden;
}
.planSelect .backBtnArea {
	content: "";
	display: inline-block;
	position: absolute;
	top: 28px;
	left: 25px;
}
.planSelect .backBtnArea .backBtn {
	display: inline-block;
	width: 11px;
	height: 11px;
	border: 2px solid;
	border-color: transparent transparent #9F8662 #9F8662;
	border-radius: 3px;
	transform: rotate(45deg);
}
.planSelect .leadArea {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 30px 20px;
	box-sizing: border-box;
}
.planSelect .leadArea .leadTitle {
	font-size: 20px;
}
.planSelect .leadText{
	font-weight: 700;
}
.planSelect .planArea {
	box-sizing: border-box;
}
.planSelect .planArea .planAreaInner {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.planSelect .planArea.packSelect .planAreaInner {
	max-width: 100%;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea {
	padding-bottom: 20px;
}
.planSelect .planArea .planAreaInner .packNotice {
	padding-bottom: 43px;
}
.planSelect .planArea .planAreaInner img {
	display: inline-block;
}
.planSelect .planArea.trialMember .planAreaInner img {
	max-width: 342px;
	width: 100%;
	height: auto;
}
.planSelect .planArea.regularMember .planAreaInner img {
	max-width: 349px;
	width: 100%;
	height: auto;
}
.planSelect .planArea.packSelect .planAreaInner img {
	width: auto;
	height: 98px;
}
.planSelect .planArea.skipArea .planAreaInner img {
	width: 297px;
	height: auto;
}
.planSelect .planArea.noticeTextArea .planAreaInner img {
	width: auto;
	height: 145px;
}

.planSelect .planArea.trialMember .planAreaInner .btnWrap {
	padding-top: 22px;
}
.planSelect .btnWrap .btnNext {
	position: relative;
}
.planSelect .btnWrap .btnNext:before {
	content: "";
    display: block;
    width: 7px;
    height: 7px;
    border: solid 2px transparent;
    border-bottom-color: #FFFFFF;
    border-right-color: #FFFFFF;
    transform: rotate(-45deg);
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 3px;
}
.planSelect .btnWrap .btnNext:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.planSelect .btnWrap .btnNext .text {
	display: inline-block;
	padding-right: 10px;
	vertical-align: middle;
}
.planSelect .btnWrap .btnNext .text .subText {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.planSelect .btnWrap .btnNext .text .mainText {
	font-size: 18px;
}
.planSelect .btnWrap .btnNext .text .subText + .mainText {
	line-height: 0px;
}
.planSelect .planArea.packSelect .planAreaInner .btnWrap .btnNext {
	background-color: #AF9B77;
}


.planSelect .planArea.trialMember {
	padding: 12px 0 36px;
	background-color: #f9f8f6;
}
.planSelect .planArea.regularMember {
	padding: 35px 0 35px;
	background-color: #fffef8;
}
.planSelect .planArea.packSelect {
	padding: 20px 0 26px;
	background-color: #f8f6ed;
}
.planSelect .skipArea {
	padding: 24px 0 0;
}
.planSelect .noticeTextArea {
	padding: 79px 0 67px;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea {
	position: relative;
	/* padding: 0 110px; */
	/* height: 165px; */
	width: 100%;
	box-sizing: border-box;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea li {
	padding: 5px 0;
	box-sizing: border-box;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .slick-dots {
	display: flex;
	justify-content: center;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .slick-dots li {
	padding: 0 5px 0;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .slick-dots button {
	/* reset */
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	font-size: 0;
	color: transparent;

	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #D9D9D9;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .slick-dots .slick-active button {
	background-color: #E13719;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio {
	display: none;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label {
	display: inline-block;
	position: relative;
	width: 195px;
	height: 120px;
	cursor: pointer;
	background: url(/wd/static/img/img_pack_select_regular.png) no-repeat;
	background-size: contain;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio.recommend + label {
	background-image: url(/wd/static/img/img_pack_select_recommend.png);
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 19px;
	height: 19px;
	top: 0;
	right: 0;
	background: url(/wd/static/img/icn_check.svg) no-repeat;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio:checked + label:after {
	background-image: url(/wd/static/img/icn_checked.svg);
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .pack,
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .price,
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .priceWithoutTax {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .pack {
	top: 56px;
	left: 22px;
	font-size: 20px;
	font-weight: 700;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .price {
	top: 41px;
	left: 110px;
	font-size: 18px;
	font-weight: 700;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .price .priceYen {
	font-size: 12px;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio.recommend + label .price {
	color: #E13719;
}
.planSelect .planArea.packSelect .planAreaInner .slideArea .slideImgArea .packSelectRadio + label .priceWithoutTax {
	top: 64px;
	left: 104px;
	font-size: 12px;
} */


/* .regularCustomize ***********************************************************/

.regularCustomize .leadArea .leadTitle {
	text-align: left;
	padding-bottom: 12px;
}
.regularCustomize .packsSelectWrap {
	padding-bottom: 0;
}
.regularCustomize .customizeArea {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
.regularCustomize .customizeArea.balance {
	padding-top: 34px;
}
.regularCustomize .customizeArea.useMainDish {
	padding-top: 53px;
}
.regularCustomize .customizeArea .customizeTitle {
	padding-bottom: 10px;
	font-size: 20px;
	color: #E13714;
}
.regularCustomize .customizeArea .customizeText {
	padding-bottom: 8px;
}
.regularCustomize .customizeArea .selelctArea {
	padding-top: 7px;
}

.planSelect .selectBox .questionBox .checkboxWrap + label {
	display: flex;
	position: relative;
	align-items: center;
	padding: 0 10px;
	margin-top: 7px;
	width: 100%;
	height: 74px;
	border: 1px solid #AF9B77;
	border-radius: 4px;
	box-sizing: border-box;
}
.planSelect .selectBox .questionBox .checkboxWrap + label:before {
	content: "";
	display: inline-block;
	padding-right: 25px;
	width: 19px;
	height: 19px;
	background: url(/wd/static/img/icn_radio_off.svg) no-repeat;
}
.planSelect .selectBox .questionBox .checkboxWrap:checked + label:before {
	background-image: url(/wd/static/img/icn_radio_on.svg);
}
.planSelect .selectBox .questionBox .checkboxWrap + label:hover {
	cursor: pointer;
}
.planSelect .selectBox .questionBox .checkboxWrap + label .text {
	display: inline-block;
}
.regularCustomize .customizeArea.balance .selelctArea .customizeSelectRadio + label img {
	position: absolute;
	top: 5px;
	right: 3px;
	width: auto;
	height: 60px;
}
.regularCustomize .customizeArea .descriptionWrap {
	padding: 5px;
	border-radius: 10px;
	background-color: #F9F7F4;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionOpen {
	display: none;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionOpen + label {
	display: inline-block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionOpen + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(/wd/static/img/icn_arrow_down.svg) no-repeat;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionOpen:checked + label:after {
	background-image: url(/wd/static/img/icn_arrow_up.svg);
}
.regularCustomize .customizeArea .descriptionWrap .descriptionTitle {
	padding: 7px 0 7px 10px;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionTitle:hover {
	cursor: pointer;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionInner {
	display: none;
	padding-top: 10px;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionInner img {
	width: 100%;
	height: auto;
}
.regularCustomize .customizeArea .descriptionWrap .descriptionOpen:checked ~ .descriptionInner {
	display: inline-block;
}
.regularCustomize .btnWrap {
	padding: 20px 0 30px;
}


/* .mypage.purchaseFlow ***********************************************************/

.mypage.purchaseFlow .inputListArea .inputListWrap .inputListPrefecture .inputListBox {
	opacity: .65;
	font-size: 15px;
}
.mypage.purchaseFlow .inputListArea .inputListWrap .inputListCity .inputListBox input {
	background-color: #e4e4e4;
	border-color: #e4e4e4;
	color: #707070;
}
.mypage.purchaseFlow .inputListArea .inputListWrap .inputListCity .inputListBoxChangeBtn {
	display: inline-block;
	position: absolute;
	right: 16px;
	opacity: .65;
	color: #707070;
}

.mypage.purchaseFlow .regularServiceWrap {
	padding-bottom: 60px;
}
.mypage.purchaseFlow .regularServiceWrap .regularServiceTitle {
	text-align: left;
	font-size: 20px;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li {
	display: inline-block;
	width: 100%;
	max-width: 315px;
	padding-bottom: 10px;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio {
	display: none;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 60px;
	width: 100%;
	height: 66px;
	border: 1px solid #AF9B77;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: left;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea.packSelect .customizeSelectRadio + label {
	padding: 0 20px 0 135px;
	cursor: pointer;
	background: url(/wd/static/img/img_pack_select.svg) no-repeat;
	background-size: 100px;
	background-position: 35px 5px;
}

.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea.packSelect .customizeSelectRadio.recommend + label {
	background-position: 35px -65px;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .customizeSelectRadio + label span.pack{
	font-weight: 700;
	position: absolute;
	top: 34px;
	left: 77px;
}

.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .customizeSelectRadio + label span.price {
	font-weight:700;
}

.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .customizeSelectRadio + label span.price .priceNumber{
	font-size:16px
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .customizeSelectRadio + label span.price .priceYen{
	font-size:10px
}

.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .customizeSelectRadio + label span.priceWithoutTax{
	padding-left:10px;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio + label:before {
	content: "";
	position: absolute;
	top: 22px;
	left: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image:url(/wd/static/img/icn_radio_off.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio:checked + label:before {
	background-image:url(/wd/static/img/icn_radio_on.svg);
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .text {
	display: inline-block;
	vertical-align: middle;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .priceWrap {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 1px;
	padding-left: 10px;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .price {
	white-space: nowrap;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .priceWithoutTax {
	font-weight: normal;
	font-size: 10px;
	white-space: nowrap;
}
.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .balanceImg {
	display: inline-block;
	position: absolute;
	width: 116px;
	height: auto;
	top: 2px;
	right: 3px;
}
@media screen and (max-width: 350px) {
	.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .priceWrap {
		width: 118px;
	}
	.mypage.purchaseFlow .regularServiceWrap .selectAreaWrap .selectArea li label .balanceImg {
		width: 77px;
		top: 12px;
	}
} 
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen ~ .descriptionInner  {
	display: none;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen:checked ~ .descriptionInner  {
	display: inline-block;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap {
	padding: 5px;
	border-radius: 10px;
	background-color: #F9F7F4;
	margin-bottom: 20px;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen {
	display: none;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen + label {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(/wd/static/img/icn_arrow_down.svg) no-repeat;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionOpen:checked + label:after {
	background-image: url(/wd/static/img/icn_arrow_up.svg);
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionTitle {
	padding: 7px 0 7px 10px;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionTitle:hover {
	cursor: pointer;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionInner {
	display: none;
	padding-top: 10px;
}
.mypage.purchaseFlow .regularServiceWrap .descriptionWrap .descriptionInner img {
	width: 100%;
	height: auto;
}
.mypage.purchaseFlow .btnWrap {
	padding-bottom: 60px;
}

/* .regularServiceWrap */
.regularServiceWrap{
	padding-bottom: 131px;
	text-align: center;
}
.regularServiceWrap .salesTalk{
	text-align: left;
	margin: 0 auto;
}
.regularServiceWrap .salesTalk li{
	margin-top: 50px;
}
.regularServiceWrap .salesTalk li:first-child{
	margin-top: 10px;
}
.regularServiceWrap .salesTalk li .HeadText{
	font-weight: 800;
	font-size: 18px;
	color: #E13714;
	letter-spacing: 1.25px;
	text-align: left;
}
.regularServiceWrap .salesTalk li .salesTalkText{
	font-size: 13px;
	margin:10px auto;
	line-height: 1.8em;
}
.regularServiceWrap .salesTalk li .salesTalkText span{
	color: #000;
	font-weight: 700;
}


/* .loginArea ***********************************************************/
.messageText {
	display: block;
	padding-bottom: 45px;
	text-align: center;
	font-size: 14px;
}
.loginArea {
	position: relative;
	width: 100%;
	max-width: 375px;
	padding: 0 45px 16px;
	margin: 0 auto;
	box-sizing: border-box;
}
.loginArea.login {
	padding: 52px 45px 16px;
}
.loginArea .inputLoginWrap {
	position: relative;
}
.loginArea.passwordReset .inputLoginWrap {
	padding-bottom: 66px;
}
.loginArea .inputLoginWrap .inputLoginTitle {
	font-size: 15px;
	font-weight: 700;
}
.loginArea.login .inputLoginWrap {
	padding-bottom: 106px;
}
.loginArea .inputLoginWrap .inputLoginTitle .required {
	display: inline-block;
	width: 55px;
	height: 19px;
	margin-left: 6px;
	font-size: 11px;
	color: #E13714;
	border: solid 1px #E13714;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.loginArea .inputLoginWrap .inputLoginBox {
	padding: 10px 0 24px;
	font-size: 12px;
}
.loginArea.password .inputLoginWrap .inputLoginBox {
	padding: 10px 0;
}
.loginArea .inputLoginWrap .inputLoginBox input,
.resetArea .inputLoginWrap .inputLoginBox input {
	width: 100%;
}
.loginArea .inputLoginWrap .infoText {
	padding-bottom: 70px;
	font-size: 12px;
}
/* err */
.loginArea .inputLoginWrap .errText {
	display: none;
	position: absolute;
 	bottom: 0;
	padding-bottom: 10px;
	font-size: 12px;
	color: #E13714;
}
.loginArea.err .inputLoginWrap .errText {
	display: block;
}
/* loginBtnWrap */
.loginArea .loginBtnWrap .btnNext {
	display: block;
	width: 100%;
	max-width: 265px;
	height: 55px;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #E13714;
	border-radius: 10px;
}
.loginArea.login .loginBtnWrap .btnNext {
	margin-bottom: 10px;
}
.loginArea .loginBtnWrap .btnNext:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.loginArea .loginBtnWrap .btnPrev {
	display: block;
	width: 88px;
	height: 39px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #707070;
	border-radius: 10px;
}
.loginArea .loginBtnWrap .btnPrev:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.loginArea .loginBtnWrap .btnNext:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.loginArea .loginBtnWrap .subInfo {
	text-align: center;
	font-size: 12px;
}
.loginArea .loginBtnWrap .subInfo a {
	padding: 0 5px;
	color: #535353;
	text-decoration: underline;
}


/* .inputListArea *******************************************************/
.inputListArea .inputListWrap li p {
	padding-bottom: 10px;
}
.inputListArea .inputListWrap .inputListTitle {
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
}
.inputListArea .inputListWrap .inputListTitle .small {
	font-size: 12px;
}
.inputListArea .inputListWrap .inputListTitle .required {
	display: inline-block;
	width: 55px;
	height: 18px;
	margin-left: 5px;
	font-size: 11px;
	color: #E13714;
	border: solid 1px #E13714;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.inputListArea .inputListWrap .inputListBox {
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: 24px;
	font-size: 12px;
}
.inputListArea .inputListWrap li:last-child .inputListBox {
	padding-bottom: 0;
}
.inputListArea .inputListWrap .inputListBox.subTextWrap {
	flex-wrap: wrap;
}
.inputListArea .inputListWrap .inputListBox.subTextWrap .subText {
	padding: 10px 0 10px;
	font-size: 12px;
}
.inputListArea .inputListWrap .inputListBox input,
.inputListArea .inputListWrap .inputListBox select,
.inputListArea .inputListWrap .inputListBox .inputData {
	width: 100%;
}
/* name */
.inputListArea .inputListWrap .inputListName .inputListBox span {
	flex: 0 0 30px;
}
.inputListArea .inputListWrap .inputListName .inputListBox input,
.inputListArea .inputListWrap .inputListName .inputListBox .inputData {
	margin-right: 15px;
}

/* birthDate  */
.inputListArea .inputListWrap .birthDate .inputListBox select {
	padding: 0 0 0 12px;
}
.inputListArea .inputListWrap .birthDate .inputListBox span {
	padding: 0 10px 0 5px;
	font-weight: 700;
}
/* attestationCode */
.inputListArea .inputListWrap .attestationCode {
	padding: 30px 0 10px;
}
.inputListArea .inputListWrap .attestationCode .inputListBox input {
	flex: 1 1 auto;
}
/* .giftCode */
.inputListArea .inputListWrap .giftCode .inputListBox input {
	/* width: 188px; */
	margin-right: 16px;
	flex: 1 1 auto;
}
.inputListArea .inputListWrap .giftCode .inputListBox .btnUse {
	height: 40px;
	/* width: 80px; */
	flex: 0 0 80px;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #A2A2A2;
	border-radius: 10px;
	box-sizing: border-box;
}
.inputListArea .inputListWrap .giftCode .inputListBox .btnUse:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.inputListArea .inputListWrap .giftCode .inputListBox .btnUset span {
	display: inline-block;
	vertical-align: middle;
}

/* inputData */
.inputListArea .inputListWrap .inputListBox .inputData {
	display: block;
	height: 40px;
	padding: 0 12px;
	line-height: 40px;
	background-color: #f9f7f4;
	border-radius: 10px;
	font-size: 12px;
	box-sizing: border-box;
}
.inputListArea .inputListWrap .inputListName .inputListBox .inputData {
	flex: 1 1 100%;
}
.inputListArea .inputListWrap .inputListBox .attestationText {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 40px;
	padding: 0 12px;
	font-size: 11px;
	line-height: 40px;
	opacity: 0.6;
}
/* btnAttestation */
.inputListArea .inputListBox .btnAttestation {
	
	position: absolute;
	top: 6px;
	right: 12px;
	display: block;
	color: #FFFFFF;
	background-color: #9a9a9a;
	border-radius: 5px;
	padding: 5px 12px;
	font-size: 11px;
	text-align: center;
}
/* .infoToggle */
.inputListArea .inputListWrap .inputListBox .infoToggle {
	position: relative;
	width: 100%;
	/* height: 40px; */
	padding: 10px 60px 10px 12px;
	border: solid 1px #707070;
	border-radius: 10px;
	font-size: 12px;
	box-sizing: border-box;
	vertical-align: middle;
}
.inputListArea .inputListWrap .inputListBox .toggleArea {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 12px;
	width: 40px;
	height: 18px;
}
.inputListArea .inputListWrap .inputListBox .toggleArea .infoInput {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}
.inputListArea .inputListWrap .inputListBox .toggleArea .infoLabel {
	width: 40px;
	height: 18px;
	position: relative;
	display: inline-block;
	color: #FFFFFF;
	background-color: #9a9a9a;
	border-radius: 20px;
	transition: 0.3s;
	box-sizing: border-box;
}
.inputListArea .inputListWrap .inputListBox .toggleArea .infoLabel:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	left: 1px;
	top: 1px;
	z-index: 2;
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.4s;
}
.inputListArea .inputListWrap .inputListBox .toggleArea input {
	display: none;
}
.inputListArea .inputListWrap .inputListBox .toggleArea input:checked + .infoLabel {
	background-color: #E13714;
}
.inputListArea .inputListWrap .inputListBox .toggleArea input:checked + .infoLabel:after {
	left: 23px;
}
/* .inputListPaymentWrap */
.inputListArea .inputListWrap .inputListPaymentWrap .inputListBox {
	flex-wrap: wrap;
}
.inputListArea .inputListWrap .inputListPaymentWrap .inputListBox .selectPay {
	display: block;
	width: 100%;
	height: 100px;
	border-radius: 10px;
}
.inputListArea .inputListWrap .inputListPaymentWrap .inputListBox .selectPay img {
	display: block;
	width: 100%;
}
.inputListArea .inputListWrap .inputListPaymentWrap .inputListBox .selectPayText {
	padding-top: 20px;
}
.inputListArea .inputListWrap .inputListPaymentWrap .inputListBox .selectPayText p {
	background: #f3e2ac;
	padding: 12px;
	border-radius: 10px;
}




/* .boxTextArea ***********************************************************/
.boxTextArea p {
	padding-bottom: 16px;
}
.boxTextArea p.err {
	padding-bottom: 5px;
}
.boxTextArea .boxTextWrap {
	padding: 20px 25px;
    border-radius: 10px;
    background-color: rgb(229 220 205 / 30%);
}
.boxTextArea .boxTextWrap dl dt {
    font-size: 14px;
    width: 39%;
    display: inline-block;
}
.boxTextArea .boxTextWrap dl dd {
    font-size: 12px;
    width: 59%;
    display: inline-block;
    text-align: right;
    font-weight: 700;
}
.boxTextArea .boxTextWrap dl{
	padding-bottom: 15px;
}
.boxTextArea .boxTextWrap dl:last-child {
	padding-bottom: 0;
}
/* .boxTextArea .boxTextWrap.columnSplit */
.boxTextArea .boxTextWrap.columnSplit {
	padding: 20px 15px 0 20px;
}
.boxTextArea .boxTextWrap.columnSplit dl {
	display: flex;
	padding-bottom: 12px;
}
.boxTextArea .boxTextWrap.columnSplit dl:last-child {
	padding-bottom: 20px;
}
.boxTextArea .boxTextWrap.columnSplit dl dt,
.boxTextArea .boxTextWrap.columnSplit dl dd {
	flex: 0 0 50%;
	padding-bottom: 0
}
.boxTextArea .boxTextWrap.columnSplit dl dt {
	font-weight: 700;
}

/*.notice*/
.boxTextArea .notice {
	padding-top: 20px;
}
.boxTextArea .notice.small {
	font-size: 12px;
}

/*recessWrap */
.boxTextArea .boxTextWrap.recessWrap {
	padding: 25px 12px 0;
	border: none;
	background-color: #f8f7f4;
}
.recessBtnWrap {
	padding-bottom: 30px;
	text-align: center;
}
.recessBtnWrap .btnPause {
	display: block;
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
	color: #424242;
	border: solid 1px #707070;
	border-radius: 19px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;

}
.recessBtnWrap > span {
	opacity: 0.6;
}
.recessBtnWrap .btnPause:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.recessBtnWrap .btnPause span {
	display: inline-block;
	vertical-align: middle;
}
.recessBtnWrap span.msgComment {
	display: block;
	color: #848484;
	font-size: 12px;
	text-align: center;
}
.boxTextArea.infoRank {
	padding: 18px 45px 0;
	position: relative;
}


/* textLinkBox */
.boxTextArea .boxTextWrap.textLinkBox p {
	padding-bottom: 0;
}
.boxTextArea .boxTextWrap.textLinkBox .textLink {
	padding-bottom: 10px;
}

/*announcement */
.boxTextArea.announcement .boxTextWrap {
	position: relative;
	border: none;
	background-color: #f8f7f4;
}
.boxTextArea.announcement .boxTextWrap .iconRankWrap {
	display: block;
	padding-left: 30px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	color: #424242;
}
.boxTextArea.announcement .boxTextWrap .iconRankWrap:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 25px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #000000;
}
.boxTextArea.announcement .boxTextWrap .PointWrap {
	display: flex;
	padding-bottom: 0;
}
.boxTextArea.announcement .boxTextWrap .PointWrap dt {
	flex: 0 0 auto;
	padding-bottom: 0;
}
.boxTextArea.announcement .boxTextWrap .PointWrap dd {
	flex: 1 1 auto;
	padding-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}
.boxTextArea.announcement .boxTextWrap .PointHistory {
	padding-bottom: 20px;
}
.boxTextArea.announcement .middleTextLink {
	padding-top: 10px;
}

/* .carteContentsArea *********************************************************/
.carteContentsArea .carteContentsWrap {
	background-color: #f9f7f4;
	border-radius: 10px;
}
.carteContentsArea .carteContentsWrap .carteContents {
	padding: 25px 20px 0;
}
.carteContentsArea .carteContentsWrap .carteContents dl dt {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}
.carteContentsArea .carteContentsWrap .carteContents dl dd {
	padding-bottom: 25px;
	font-size: 12px;
}
.carteContentsArea .carteContentsWrap .carteSummary {
	font-size: 14px;
	border-top: solid 1px #AF9B77;
}
.carteContentsArea .carteContentsWrap .carteSummary p {
	padding: 20px 20px 35px;
} 

/* mypageCarte */
.carteContentsArea.mypageCarte {
	padding: 22px 20px 494px;
}
.carteContentsArea.mypageCarte .carteContentsWrap {
	padding-bottom: 38px;
	background-color: #FFFFFF;
	border: 1px solid #707070;
}
.carteContentsArea.mypageCarte .carteContentsWrap .carteContents h3 {
	padding-top: 10px;
	text-align: center;
	font-size: 24px;
}
.carteContentsArea.mypageCarte .carteContentsWrap .carteContents h4 {
	padding: 26px 0 18px;
	text-align: center;
	font-size: 16px;
}
.carteContentsArea.mypageCarte .carteContentsWrap .carteContents .summary {
	padding-top: 5px;
}
.carteContentsArea.mypageCarte .carteContentsWrap .carteSummary {
	margin: 0 25px;

	border-color: #707070;
}

.carteContentsWrap.carteChange {
	background-color: transparent;
}
.carteContentsWrap.carteChange p {
	padding: 15px 0 30px;
	background-color: transparent;
}
.carteContentsWrap.carteChange .carteBox {
	padding: 20px 0;
	border-radius: 15px;
	text-align: left;
}
.carteContentsWrap.carteChange .carteBox dt {
	position: relative;
	padding-right: 32px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
.carteContentsWrap.carteChange .carteBox dt a {
	position: absolute;
	top: 4px;
	right: 0;
	font-size: 13px;
	color: #535353;
	text-decoration: underline;
}
.carteContentsWrap.carteChange .carteBox dd {
	padding-bottom: 15px;
}
.carteContentsWrap.carteChange .carteBox dd .itemList {
	padding: 8px;
	border-radius: 10px;
	background-color: #FAF8F5;
}


/* cardContents ***********************************************************/
.cardContents {
	width: 375px;
	padding: 13px 45px 12px;
	margin: 0 auto;
	box-sizing: border-box;
}
.cardContents .cardInner {
	padding: 8px;
	border: 1px solid #707070;
	border-radius: 10px;
}
.cardContents .cardInner.warning {
	color: #E13714;
	border-color: #E13714;
}
.cardContents .cardInner dl {
	display: flex;
	flex-wrap: wrap;
	padding: 12px 0 12px 12px;
}
.cardContents .cardInner dl + dl {
	padding-top: 1px;
}
.cardContents .cardInner dl dt {
	flex: 0 0 50%;
	font-weight: 700;
}
.cardContents .cardInner dl dd {
	flex: 0 0 50%;
	font-size: 12px;
}


/* .deliveryDateArea ***********************************************************/
.deliveryDateArea .deliveryDateWrap {
	position: relative;
	padding: 20px 30px;
	margin-bottom: 10px;
	border-top: solid 1px #AF9B77;
	border-bottom: solid 1px #AF9B77;
}
.deliveryDateArea .deliveryDateWrap dl {
	font-size: 15px;
	font-weight: 700;
}
.deliveryDateArea .deliveryDateWrap dl dt {
	padding-bottom: 5px;
}
.deliveryDateArea .deliveryDateWrap .textLink {
	position: absolute;
	top: 33px;
	right: 20px;
	padding: 0;
}
.deliveryDateArea .deliveryDateWrap .textLink a {
	font-size: 14px;
	opacity: 1;
	text-decoration: none;
}
.deliveryDateArea .deliveryDateWrap .textLink a:hover {
	font-size: 14px;
	text-decoration: underline;
}
.deliveryDateArea p {
	padding: 0 30px;
}

/* .headTextArea ***********************************************************/
.headTextArea p {
	font-size: 14px;
}
/* warning */
.headTextArea.warning .headTextWrap {
	color: #E13714;
	padding: 8px;
	border: solid 1px #E13714;
	border-radius: 10px;
}


/* .inputBottomBtnArea ***********************************************************/
.inputBottomBtnArea p {
	padding-bottom: 30px;
}
.inputBottomBtnArea .inputBottomBtnWrap .btnNext,
.inputBottomBtnArea .inputBottomBtnWrap .btnCreditCard,
.inputBottomBtnArea .inputBottomBtnWrap .btnCarrierPayment {
	width: 100%;
	max-width: 265px;
	height: 55px;
	margin-bottom: 30px;
	color: #FFFFFF;
	background-color: #E13714;
}
.inputBottomBtnArea .inputBottomBtnWrap .btnAmazonPay {
	display: block;
	width: 100%;
	max-width: 196px;
	margin: 0 auto 30px;
	text-align: center;
}
.inputBottomBtnArea .inputBottomBtnWrap .btnPrev {
	width: 88px;
	height: 39px;
	color: #FFFFFF;
	background-color: #707070;
	opacity: .65;
}

/*.notificationCheckWrap */
.notificationCheckWrap {
	padding: 30px 0 60px;
	border-top: solid 1px #AF9B77;
}
.notificationCheckWrap input {
	display: none;
}
.notificationCheckWrap input+label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	background-image: url(/wd/static/img/icn_checkbox_off.svg);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.notificationCheckWrap input:checked+label:before {
	content: "";
	background-image: url(/wd/static/img/icn_checkbox_on.svg);
}

/* inputBottomTextWrap */
.inputBottomTextWrap {
	padding-bottom: 20px;
}

/* skip */
.inputBottomBtnArea .inputBottomBtnWrap .btnSkip {
	display: block;
	width: 100%;
	height: 39px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #707070;
	opacity: 0.65;
	border-radius: 10px;
}
.boxTextArea .boxTextWrap .btnReSkip {
	display: block;
	width: 100%;
	max-width: 132px;
	height: 25px;
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #707070;
	opacity: 0.65;
	border-radius: 5px;
}
.inputBottomBtnWrap .textLink {
	display: block;
	color: #535353;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
	margin: 0 auto;
}
/*rest*/
.inputBottomBtnArea .inputBottomBtnWrap .btnRest {
	display: block;
	height: 40px;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #E13714;
}
.inputBottomBtnWrap .textLink.myPageLink {
	text-decoration: none;
}
/* afterwordText */
.afterwordText {
	color: #AF9B77;
}
/* btnContinue */
.inputBottomBtnArea .inputBottomBtnWrap .btnContinue {
	height: 39px;
	color: #FFFFFF;
	background-color: #E13714;
}
/* btnQuit */
.inputBottomBtnArea .inputBottomBtnWrap .btnQuit {
	height: 39px;
	color: #FFFFFF;
	background-color: #707070;
}
/* btnBottomText */
.btnBottomText {
	padding-top: 10px;
}


.btnDeliveryHistory {
	border: solid 1px #424242;
	height: 45px;
	font-size: 14px;
	font-weight: 600;
	color: #424242;
	text-decoration: underline;
}
.btnDeliveryHistory:hover {
	border: solid 1px #424242;
	height: 45px;
	font-size: 14px;
	font-weight: 600;
	color: #424242;
	text-decoration: underline;
}
/* fixed */
.inputBottomBtnArea.fixed {
	height: 56px;
	box-sizing: border-box;
}
.inputBottomBtnArea.fixed.fixedTypeBtn {
	height: 65px;
}
.inputBottomBtnArea.fixed .fixedBottomWrap {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0%;
	background-color: #EEE7DE;
	z-index: 10;
}
.inputBottomBtnArea.fixed .fixedBottomWrap .fixedBottom {
	padding: 10px 0;
	text-align: center;
}
.inputBottomBtnArea.fixed .fixedBottomWrap .fixedBottom p {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.btnRegularly {
	width: 161px;
	height: 45px;
	color: #FFFFFF;
	background-color: #E13714;
}

.btnApply{
	width: fit-content;
	padding: 0 10px;
}


/* .inputSurveyArea ***********************************************************/
.inputSurveyArea p {
	padding-bottom: 30px;
}
.inputSurveyArea .inputSurveyWrap {
	margin: 0 auto;
}
.inputSurveyArea .inputSurveyWrap .inputSurveyTitle {
	padding: 0 0 20px 15px;
	text-indent: -15px;
	font-weight: 700;
}
.inputSurveyArea .inputSurveyWrap > li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px;
}
.inputSurveyArea .inputSurveyWrap > li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
/* .surveyRadioWrap */
.surveyRadioWrap ul {
	display: flex;
}
.surveyRadioWrap ul li {
	flex:  1 1 auto;
	height: auto;
	text-align: center;
}
.surveyRadioWrap ul li span {
	display: block;
}
.surveyRadioWrap ul li input {
	display: none;
}
.surveyRadioWrap ul li input[type=radio]+label {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.surveyRadioWrap ul li input[type=radio]+label:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: #000000;
}
.surveyRadioWrap ul li input[type=radio]:checked+label:after {
	background: #dddddd;
}

/* .surveyCheckboxWrap */
.surveyCheckboxWrap ul {
	padding-left: 10px;
}
.surveyCheckboxWrap ul li {
	padding-bottom: 20px;
}
.surveyCheckboxWrap ul li input {
	display: none;
}
.surveyCheckboxWrap ul li input[type=checkbox]+label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: #000000;
	vertical-align: middle;
}
.surveyCheckboxWrap ul li input[type=checkbox]:checked+label:before {
	background: #dddddd;
}

/* surveyTextareaWrap */
.surveyTextareaWrap ul li textarea {
	width: 100%;
	height: 100px;
	border-radius: 10px;
	resize: none;
	box-sizing: border-box;
}


/* .menuListAre ***********************************************************/
.menuListArea h3 {
	padding-bottom: 10px;
}
.menuListArea .menuListWrap li {
	border-bottom: solid 1px #707070;
}
.menuListArea .menuListWrap li:first-child {
	border-top: solid 1px #707070;
}
.menuListArea .menuListWrap li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 16px 20px 16px 16px;
	color: #424242;
	box-sizing: border-box;
}
.menuListArea .menuListWrap li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	display: inline-block;
	width: 6px;
	height: 12px;
	margin-top: -6px;
	background-color: #000000;
}


/* FAQ */
.faqTextArea .faqListWrap ul {
	list-style-position: inside;
}
.faqTextArea .faqListWrap li.faqTextLink {
	padding-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.faqTextArea .faqListWrap li.faqTextLink::before {
	content: "";
	width: 4px;
	height: 4px;
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 5px;
	background-color: #424242;
	border-radius: 50%;
}
.faqTextArea .faqListWrap li.faqTextLink:last-child {
	padding-bottom: 0;
}
.faqTextArea .faqListWrap li.faqTextLink a {
	color: #424242;
	text-decoration: underline;
}
h3.faqHelp {
	margin-top: -30px;
}



/* .orderContentsArea ***********************************************************/
.orderContentsArea .orderContentsSubTitle {
	padding-bottom: 5px;
    margin-bottom: 11px;
    font-weight: 700;
}
/* dl.orderContentsSubTitle */
.orderContentsArea dl.orderContentsSubTitle {
	display: flex;	
}
.orderContentsArea dl.orderContentsSubTitle dt {
	flex: 0 0 auto;	
}
.orderContentsArea dl.orderContentsSubTitle dd{
	flex: 1 1 auto;
	text-align: right;
}
.orderContentsArea .orderContentsWrap dl {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	font-size: 14px;
}
.orderContentsArea .orderContentsWrap dl:last-child {
	padding-bottom: 0;
}
.orderContentsArea .orderContentsWrap dl dt {
	flex: 0 0 auto;
}
.orderContentsArea .orderContentsWrap dl dd {
	flex: 1 1 auto;
	text-align: right;
}
.orderContentsArea .orderContentsWrap dl dd select {
	width: 130px;
}
/* .orderContentsAuto */
.orderContentsArea .orderContentsWrap.orderContentsAuto dl dd select {
	width: auto;
}
.orderContentsTextWrap {
	font-size: 13px;
}

.orderContentsArea .orderContentsWrap {
    /* padding: 20px 25px; */
    border: solid 1px #AF9B77;
    border-radius: 10px;
    /* background-color: rgb(229 220 205 / 30%); */
}

.orderContentsArea .orderContentsWrap .orderContentsSubTitle {
    border-bottom: 1px solid #AF9B77;
    padding: 10px 20px;
    color: #E13714;
}

.orderContentsBox {
    padding: 0px 25px 10px;
}
.orderContentsArea .orderContentsTextWrap {
    padding: 10px 20px;
    border-top: 1px solid #AF9B77;
}

/* orderContentsTextWrap */
.orderContentsArea .orderContentsDetaListWrap li {
	padding-bottom: 10px;
}
.orderContentsArea .orderContentsDetaListWrap li:last-child {
	padding-bottom: 0;
}
.orderContentsComment {
	font-size: 12px;
}


/* .orderProcedureArea ***********************************************************/
.orderProcedureArea .orderProcedureListWrap{
	overflow-y:hidden;
	display: flex;
	list-style: none;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList{
	position: relative;
	flex: 1 1 auto;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #707070;
	font-size: 13px;
	font-weight: 700;
	background-color: #F2EDE6;
	vertical-align: middle;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList:before{
	content: "";
	position: absolute;
	top: -23px;
	right: -21px;
	border-style: solid;
	border-width: 46px 16px;
	border-color: transparent transparent transparent #F2EDE6 ;
	z-index: 10;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList:after{
	content: "";
	position: absolute;
	top: -23px;
	right: -24px;
	border-style: solid;
	border-width: 46px 16px;
	border-color: transparent transparent transparent #FFFFFF;
	z-index: 5;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList.current{
	color: #424242;
	background-color: #D1C5AE;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList.current:before{
	border-color: transparent transparent transparent #D1C5AE ;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList:last-child:before, .orderProcedureListWrap .orderProcedureList:last-child:after{
	display: none;
}
.orderProcedureArea .orderProcedureListWrap .orderProcedureList:first-child,
.orderProcedureArea .orderProcedureListWrap .orderProcedureList:last-child {
	padding: 0 7px;
}


/* .paymentSelectArea ***********************************************************/
.paymentSelectArea .paymentSelectWrap li {
	position: relative;
	padding-bottom: 24px;
}
.paymentSelectArea .paymentSelectWrap li:last-child {
	padding-bottom: 0;
}
.paymentSelectArea .paymentSelectWrap li input {
	display: none;
}
.paymentSelectArea .paymentSelectWrap li input[type=radio]+label:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image:url(/wd/static/img/icn_radio_off.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.paymentSelectArea .paymentSelectWrap li input[type=radio]:checked+label::before{
	content: "";
	background-image:url(/wd/static/img/icn_radio_on.svg);
}
.paymentSelectArea .paymentSelectWrap li label {
	padding-left: 24px;
}
.paymentSelectArea .paymentSelectWrap li p {
	padding-left: 24px;
	font-size: 12px;
	font-weight: 700;
}
/* .creditCardWrap */
.paymentSelectArea .paymentSelectWrap li.creditCardWrap .creditCardBox p {
	padding-bottom: 10px;
}
.paymentSelectArea .paymentSelectWrap li.creditCardWrap .creditCardBox img {
	width: 100%;
	max-width: 288px;
}
/* carrierPaymentWrap */
.paymentSelectArea .paymentSelectWrap li.carrierPaymentWrap .carrierPaymentBox p {
	padding: 0 0 10px 0;
}
.carrierPaymentWrap .carrierPaymentBox .carrierSelect select {
	width: 100%;
}
/* amazonPayWrap */
.paymentSelectArea .paymentSelectWrap .amazonPayWrap .btnAmazonPay {
	display: block;
	width: 200px;
	margin: 20px auto 0;
	text-align: center;
}
.paymentSelectArea .paymentSelectWrap .amazonPayWrap .btnAmazonPay img {
	width:200px;
}


/* .productEvaluationArea ***********************************************************/
.productEvaluationArea {
	position: relative;	
}
.productEvaluationArea h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.productEvaluationHeadWrap dl {
	padding-bottom: 10px;
	font-size: 15px;
}
/* .valuationDeliveryHistory */
.productEvaluationArea .productEvaluationHeadWrap.evaluationDeliveryHistory dl {
	font-size: 18px;
}
/* .productEvaluationWrap */
.productEvaluationWrap {
	padding-top: 20px;
}
.productEvaluationWrap .productEvaluationList {
	margin-bottom: 10px;
    border: 1px solid #AF9B77;
    border-radius: 10px;
    padding: 10px;
}
.productEvaluationWrap .productEvaluationList .productImageWrap.productExplanationMiddle {
	text-align: center;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap {
	display: flex;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productImageWrap {
	flex: 0 0 auto;
    padding-right: 15px;
    width: 86px;
    text-align: center;
}
.productImageWrap.productExplanationMiddle {
	text-align: center;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productImageWrap img {
	width: auto;
    max-height: 86px;
    margin: 0 auto;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap {
	flex: 1 1 auto;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap.productExplanation{	
	width: 100%;	
	border-top: 2px solid #EEE7DE;	
	font-size: 12px;	
	margin-bottom: 30px;	
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap span{
	display: block;
    padding-top: 0;
    text-align: left;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap {
	font-size: 13px;
    font-weight: 600;
}
.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap .mainText {
	font-size: 15px;
	font-weight:700;
}

.productEvaluationWrap .productEvaluationList .productInfoWrap .productTextWrap dl {
	display: flex;
}
.productEvaluationListArea h3 {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0 5px;
    border-top: solid 1px #AF9B77;
}
.productEvaluationWrap h4 {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-top: 1px solid #AF9B77;
    padding-top: 10px;
}
.productEvaluationWrap .productEvaluationList .productEvaluationListBox {
	display: flex;
	justify-content: space-between;
}
.productEvaluationWrap .productEvaluationList .productEvaluationListBox .evaluationList a {
	position: relative;
	display: block;
	padding-top: 40px;
	font-size: 8px;
	line-height: 12px;
	font-weight: 600;
	color:#424242;
	text-align: center;
	width: 67px;
	height: 67px;
	box-sizing: border-box;
}
.productEvaluationWrap .productEvaluationList .productEvaluationListBox .evaluationList a.checked {
    border-radius: 10px;
    font-weight: 700;
    background-color: #FAF8F5;
    border: 1px solid #D3C6B1;
}
.productEvaluationWrap .productEvaluationList .productEvaluationListBox .evaluationList a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: calc(50% - 15px);
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(/wd/static/img/img_evaluation.svg);
}


li.evaluation1 a:before{
    background-position: -71px -11px;
}
li.evaluation2 a:before{
    background-position: -71px -71px;
}
li.evaluation3 a:before{
    background-position: -71px -131px;
}
li.evaluation4 a:before{
    background-position: -71px -191px;
}

li.evaluation1 a.checked:before{
    background-position: -11px -11px;
}
li.evaluation2 a.checked:before{
    background-position: -11px -71px;
}
li.evaluation3 a.checked:before{
    background-position: -11px -131px;
}
li.evaluation4 a.checked:before{
    background-position: -11px -191px;
}



/* .productName */
.productEvaluationArea .productName {	
	color: #AF9B77;	
	text-align: center;	
	padding-top: 20px;	
}
.productEvaluationArea .productName .subTitleText {	
	display: block;	
	font-size: 13px;	
}	
.productEvaluationArea .soldOut {	
	position: absolute;	
	top: 20px;	
	right: 30px;	
	width: 60px;	
	height: 20px;	
	line-height: 18px;	
	font-size: 12px;	
	text-align: center;	
	background: #000;	
	color: #FFF;	
}		
.arrangeRecipeWrap li {	
	margin-top: 50px;	
}	
.arrangeRecipeWrap li .arrangeRecipe {	
	width: 100%;	
	height: 400px;	
	background: #faf8f5;	
	border: 1px solid #777;	
}	


/* .progressArea ***********************************************************/
/* .nextRankWrap */
.progressArea .nextRankWrap {
	position: relative;
	padding-right: 100px;
}
.progressArea .nextRankWrap:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 82px;
	height: 82px;
	background-color: #000000;
}
.nextRankWrap h3.textGold {
	color: #AF9B77;
	padding-bottom: 10px;
}
.nextRankWrap .totalPointWrap {
	display: flex;
	align-items: baseline;
}
.nextRankWrap .totalPointWrap dd {
	font-size: 18px;
	font-weight: 700;
}
.nextRankWrap p.morePoint {
	font-size: 12px;
}
@media screen and (max-width: 350px) {
	.nextRankWrap .totalPointWrap {
		flex-direction: column;
	}
}


/* .progressBoxWrap */
.progressBoxWrap {
	border: solid 1px #000000;
	border-radius: 24px;
	box-sizing: border-box;
}
.progressBoxWrap dl {
	position: relative;
	padding: 15px 12px;
	border-bottom: solid 1px;
}
.progressBoxWrap dl:last-child {
	border-bottom: none;
}
.progressBoxWrap dt {
	position: relative;
}
.progressBoxWrap dt span {
	padding-left: 10px;
}
.progressBoxWrap dt:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}
.progressBoxWrap dd {
	display: flex;
	align-items: center;
}
.progressBoxWrap dd .progressBorderWrap {
	display: flex;
	width: 180px;
	height: 5px;
	margin-right: 20px;
	background-color: #dddddd;
	box-sizing: border-box;
}
.progressBoxWrap dd .progressBorderWrap span {
	flex: 1 1 auto;
	background-color: #dddddd;
}
.progressBoxWrap dd .progressBorderWrap span.completion {
	background-color: #AF9B77;
}



/* .toggleContentsArea ***********************************************************/
.toggleContentsArea .toggleContentsWrap {
	padding-bottom: 50px;
}
.toggleContentsArea .toggleContentsWrap:last-child {
	padding-bottom: 0px;
}
.toggleContentsArea .toggleContentsWrap .toggleContentsTitle {
	position: relative;
	display: block;
	padding-right: 24px;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 700;
	color: #424242;
}
.toggleContentsArea .toggleContentsWrap .toggleContentsTitle:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 24px;
	height: 100%;
	background-image: url(/wd/static/img/icn_arrow_down.svg);
	background-repeat: no-repeat;
    background-position: center;
}
.toggleContentsArea .toggleContentsWrap.open .toggleContentsTitle:before {
	content: "";
	background-image: url(/wd/static/img/icn_arrow_up.svg);
}
.toggleContentsArea .toggleContentsWrap .toggleContentsBox {
	display: none;
	width: 100%;
	height: 135px;
	padding: 5px;
	border: solid 1px #707070;
	overflow: auto;
	box-sizing: border-box;
}
.toggleContentsArea .toggleContentsWrap.open .toggleContentsBox {
	display: block;
}
.toggleContentsArea .toggleContentsWrap .toggleContentsBox p {
	width: 100%;
}


/* .boxTextArea ***********************************************************/
.userInfoArea {
	padding: 10px 10px 15px;
}
.userInfoArea .userInfoWrap {
	display: flex;
}
.userInfoArea .userInfoWrap .userStatusWrap {
	flex: 1 1 auto;
	padding: 10px 20px 0 0;
}
.userInfoArea .userInfoWrap .userStatusWrap .userName {
	padding-bottom: 10px;
	text-align: center;
}
.userInfoArea .userInfoWrap .userStatusWrap .userStatus {
	text-align: center;
}
.userInfoArea .userInfoWrap .userStatusWrap .userStatus span:last-child {
	padding-left: 10px;
}
.userInfoArea .userInfoWrap .pointRankWrap {
	flex: 0 0 180px;
	height: 69px;
	padding-top: 10px;
	background-color: #F2EDE6;
	border-radius: 10px;
	text-align: center;
	box-sizing: border-box;
}
.userInfoArea .userInfoWrap .rankTextWrap:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-color: #000000;
	vertical-align: middle;
}
.userInfoArea .userInfoWrap .rankTextWrap span {
	padding-left: 5px;
}
.userInfoArea .userInfoWrap .pointRankWrap .textLink {
	text-align: center;
}

/* .modalWrap ***********************************************************/
.modalWrap {
	display: none;
}
.modalLayer {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0,0,0,0.5);
}
.modal {
	box-sizing: border-box;
	position: absolute;
	padding: 15px;
	z-index: 100;
	background-color: #FAF8F5;
	box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 50%);
}

.modal .modalHeadArea {
	width: 100%;
	padding: 5px 0;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding-right: 10px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: solid 1px #9f8662;
}
.modal .modalHeadArea .modalClose {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(/wd/static/img/icn_modal_close.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.modal.evaluationModal .inputBottomBtnArea .inputBottomBtnWrap {
	padding-bottom: 20px;
}
.modal .modalHeadArea .modalClose:hover {
	opacity: 0.7;
}
/* .evaluationModal */
.modal.evaluationModal {
	top: calc(50% - 150px);
	left: calc(50% - 150px);
	width: 300px;
	height: 300px;
	border-radius: 10px;
	border: solid 1px #707070;
}
.modal.evaluationModal .modalHeadText {
	color: #E13714;
}
.modal.evaluationModal p {
	padding-bottom: 25px;
}
.modal.evaluationModal .inputBottomBtnArea .redisplayWrap input[type=checkbox] {
	display: none;
}
.modal.evaluationModal .inputBottomBtnArea .redisplayWrap input[type=checkbox]+label:hover span {
	text-decoration: none;
	opacity: 1;
}
.modal.evaluationModal .inputBottomBtnArea .redisplayWrap input[type=checkbox]+label span {
	text-decoration: underline;
	opacity: 0.65;
}
.modal.evaluationModal .inputBottomBtnArea .redisplayWrap input[type=checkbox]+label::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image: url(/wd/static/img/checkbox_off.svg);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.modal.evaluationModal .inputBottomBtnArea .redisplayWrap input[type=checkbox]:checked+label::before {
	content: "";
	background-image: url(/wd/static/img/checkbox_on.svg);
}


.mypage .infoArea h2 {
    text-align: left;
    padding-bottom: 10px;
	padding-top: 0;
}

.mypage .productEvaluationRequestArea {
    background-color: #E13714;
    border-radius: 10px;
    padding: 5px;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
	margin-bottom: -10px;
}

section.imgTrialCVBtn.inputBottomBtnArea.fixed .fixedBottomWrap {
    background-color: #fff;
}
section.imgTrialCVBtn.inputBottomBtnArea.fixed .fixedBottomWrap .fixedBottom{
    padding: 0;
}
section.imgTrialCVBtn.inputBottomBtnArea.fixed .fixedBottomWrap .fixedBottom a{
    width: 100%;
    height: auto;
    border-radius: 0;
    font-size: 0;
    box-shadow: 0px -4px 4px -1px rgb(175 155 119 / 30%);
}
.mypage section.banner{
background-color: #AF9B77;
    padding: 10px;
    font-size: 0;
}

.mypage_img section {
	padding:0;
}






.planSelect h2{
	text-align: center;
	border: none;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 800;
}
.planSelect .topbanner{
	text-align: center;
}
.planSelect .topbanner img{ 
	margin: 0 auto;
	max-width: 640px;
	width: 100%;
	height: auto;
}
.planSelect .leadArea{
	display: block;
	text-align: center;
	padding:25px;
}
.planSelect .leadArea .leadText {
	letter-spacing: .1em;
	text-align:left;
	display: inline-block;
}
.planSelect .selectBox{
	padding: 0;
	margin-bottom: 30px;
}
.planSelect .regularCustomize .module.selectBox{
	padding:0 20px;
}
.planSelect .selectBox .questionBox .checkboxWrap{
	position: relative;
}
.planSelect .selectBox .questionBox .checkboxWrap label{
	width: 100%;
	height: 80px;
	display: block;
	margin-top: 25px;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 3px 6px 0 #c6bd97e8;
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	box-sizing: border-box;
}

.planSelect .selectBox .questionBox .checkboxWrap:first-child label{
	margin-top: 10px;
}

.planSelect .selectBox .questionBox .checkboxWrap label .labelText span.parentheses{
	display: block;
	font-size: 16px;
}
.planSelect .selectBox .questionBox .checkboxWrap label .labelText span.offComment{
	text-align: center;
	margin: 0 auto;
	padding:2px 10px;
	width: fit-content;
	display: block;	
	background-color:#E13714;	
	color: #FFF;
	border-radius: 40px;
	font-size: 12px;
}
.planSelect .selectBox .questionBox .checkboxWrap input{
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top:35px;
	left: 10px;
	background-image: url(../img/checkbox_off.svg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-appearance: none;
	border: none;
}
.planSelect .selectBox .questionBox .checkboxWrap input:checked{
	background-image: url(../img/checkbox_on.svg);
	z-index: 100;
}
.planSelect .selectBox .questionBox .checkboxWrap input + label {
	border: solid 1px transparent;
}
.planSelect .selectBox .questionBox .checkboxWrap input:checked + label{
	background-color: #FFFAEB;
	color: #E13714;
	border: 1px solid #E13714;
}

.redBorder{
	width: 580px;
	margin: 0 auto;
	border: 1px solid #E13714;
	color: #E13714;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
}




.planSelect .packSelectWrap .packSelectListWrap {
	display: flex;
	justify-content: space-between;
	padding: 0px 0px 20px;
	text-align: center;
	position: relative;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList input {
	display: none;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label {
	position: relative;
	display: block;
	width: 104px;
	padding: 10px 5px 5px;
	box-shadow: 3px 3px 8px -1px #c6bd97e8;
	border-radius: 5px;
	border: solid 1px transparent;
	box-sizing: border-box;
	user-select: none;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList input:checked + label {
	border: solid 1px #E13714;
	background-color: #FFFAEB;	
	color: #E13714;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label:after {
	content: "";
	position: absolute;
	top: -10px;
	right: -7px;
	display: block;
	width: 19px;
	height: 19px;
	background-image: url(../img/checkbox_off.svg);
	background-repeat: no-repeat;
	z-index: 10;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList input:checked + label:after {
	background-image: url(../img/checkbox_on.svg);
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label .label {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 70px;
	margin-left: -35px;
	display: inline-block;
	padding: 0 10px;
	font-size: 10px;
	color: #ffffff;
	background-color: #E13714;
	border-radius: 4px;
	box-sizing: border-box;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label .pack {
    font-size: 20px;
    font-weight: 700;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label .pack .small {
    font-size: 14px;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label dl {
	font-weight: 700;
	color: #E13714;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label dl dt {
    font-size: 10px;	
	color: #707070;
	position: relative;
	width: fit-content;
	margin: 0 auto;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label dl dt::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0px;
    width:101%;
    height: 100%;
	transform: rotate(-8deg);
    border-bottom: 1px solid #707070;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label dl dd {
    font-size: 20px;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label dl dd .small {
    font-size: 12px;
}
.planSelect .packSelectWrap .packSelectListWrap .packSelectList label p {
	font-size: 10px;
}


.planSelect .packSelectWrap .packSelectListWrap  .arrowBtn{
    display: block;
    width: 25px;
    height: 25px;
	background-color: #AF9B77;
	border-radius: 50%;
    z-index: 10;
}
.planSelect .packSelectWrap .packSelectListWrap  .arrowBtn.previous{
    position: absolute;
    top: 30%;
    left: -15px;
}
.planSelect .packSelectWrap .packSelectListWrap  .arrowBtn.previous span{
    display: block;
    width: 5px;
    height: 5px;
    border: solid 2px transparent;
    border-bottom-color: #FFF;
    border-right-color: #FFF;
    transform: rotate(135deg);
	position: absolute;
	top:8px;
	right:6px;
}

.planSelect .packSelectWrap .packSelectListWrap  .arrowBtn.next{
    position: absolute;
    top: 30%;
    right:-15px;
}
.planSelect .packSelectWrap .packSelectListWrap  .arrowBtn.next span{
    display: block;
    width: 5px;
    height: 5px;
    border: solid 2px transparent;
    border-bottom-color: #FFF;
    border-right-color: #FFF;
    transform: rotate(-45deg);
	position: absolute;
	top:8px;
	left: 6px;
}

/* .mypage.subscription ***********************************************************/
/* FR022 */
.mypage.subscription h1 {
	margin-bottom: 30px;
	text-align: center;
}
.mypage.subscription .regularServiceWrap.sideDish {
	padding: 0;
}
.mypage.subscription .regularServiceWrap.sideDish .leadWrite {
	padding: 0 30px 20px;
	font-weight: 700;
	font-size: 14px;
	text-align: left;
}
.mypage.subscription .regularServiceWrap.sideDish .descriptionWrap {
	padding: 5px 0;
	border: none;
}
.mypage.subscription .regularServiceWrap .descriptionWrap {
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: solid 1px #707070;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen {
	display: none;
}
.mypage.subscription .regularServiceWrap.sideDish .descriptionWrap .descriptionTitle {
	padding: 5px 30px;
	font-weight: bold;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionTitle:hover {
	cursor: pointer;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen + label {
	display: inline-block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen:checked + label:after {
	background-image: url(/wd/static/img/icn_arrow_up.svg);
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 20px;
	width: 16px;
	height: 16px;
	background-image: url(/wd/static//img/icn_arrow_down.svg);
	background-repeat: no-repeat;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen:checked ~ .descriptionInner {
	display: inline-block;
	text-align: left;
}
.mypage.subscription .regularServiceWrap.sideDish .descriptionWrap .descriptionInner {
	padding: 0;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionOpen ~ .descriptionInner {
	display: none;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner img {
	width: 100%;
	height: auto;
}
.mypage.subscription .module.packSelectWrap {
	max-width: 640px;
	padding: 0 0 45px;
}
.mypage.subscription h2 {
	position: relative;
}
.mypage.subscription .packSelectWrap .myPageSectionTitle {
	margin: 30px 30px 20px;
}
.mypage.subscription a.btnHelp {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(/wd/static/img/icn_help.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.mypage.subscription .packSelectWrap .packSelectListWrap {
	display: flex;
	justify-content: space-between;
	padding: 10px 30px 20px;
	text-align: center;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList input {
	display: none;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label {
	position: relative;
	display: block;
	width: 104px;
	padding: 10px 5px 5px;
	box-shadow: 3px 3px 8px -1px #c6bd97e8;
	border-radius: 5px;
	border: solid 1px transparent;
	box-sizing: border-box;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList input:checked + label {
	border: solid 1px #E13714;
	background-color: #FFFAEB;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label .label {
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 50%;
	width: 70px;
	margin-left: -35px;
	padding: 0 10px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #E13714;
	color: #ffffff;
	font-size: 10px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label .pack {
	font-weight: 700;
	font-size: 20px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label .pack .small {
	font-size: 14px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label dl {
	color: #E13714;
	font-weight: 700;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label dl dt {
	font-size: 10px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label dl dd {
	font-size: 20px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label dl dd .small {
	font-size: 12px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label p {
	font-size: 10px;
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList input:checked + label:after {
	background-image: url(/wd/static/img/checkbox_on.svg);
}
.mypage.subscription .packSelectWrap .packSelectListWrap .packSelectList label:after {
	display: block;
	content: "";
	position: absolute;
	top: -10px;
	right: -7px;
	z-index: 10;
	width: 19px;
	height: 19px;
	background-image: url(/wd/static/img/checkbox_off.svg);
	background-repeat: no-repeat;
}
.mypage.subscription .packSelectWrap > p {
	padding: 0 30px;
	text-align: left;
}
.mypage.subscription .packSelectWrap .customSelect {
	padding: 35px 30px 0;
	text-align: left;
}
.mypage.subscription .packSelectWrap .customSelect input {
	display: none;
}
.mypage.subscription .packSelectWrap .customSelect label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	padding-right: 10px;
	background-image: url(/wd/static/img/checkbox_off.svg);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.mypage.subscription .packSelectWrap .customSelect input:checked + label:before {
	background-image: url(/wd/static/img/checkbox_on.svg);
}
.mypage.subscription .packSelectWrap .customSelect label span {
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
}
.mypage.subscription .packSelectWrap .customSelect p {
	padding-left: 30px;
}
.mypage.subscription .inputBottomBtnWrap {
	padding-bottom: 60px;
}
.mypage.subscription .btn.btnNext.btnArrow {
	position: relative;
	padding: 0 30px 0 20px;
	box-sizing: border-box;
}
.mypage.subscription .btn.btnNext.btnArrow:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border: 0;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}
.mypage.subscription .module.faqArea {
	padding: 0;
}
.mypage.subscription .module.faqArea h2 {
	margin: 10px 20px;
}
.mypage.subscription .module.faqArea ul li {
	border-bottom: solid 1px #9B8767;
}
.mypage.subscription .module.faqArea ul li input[type="checkbox"] {
	display: none;
}
.mypage.subscription .module.faqArea ul li label {
	display: block;
	position: relative;
	padding: 20px 55px;
}
.mypage.subscription .module.faqArea ul li label:before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 20px;
	height: 20px;
	background-image: url(/wd/static/img/icn_toggle_open.svg);
}
.mypage.subscription .module.faqArea ul li input[type="checkbox"]:checked + label:before {
	background-image: url(/wd/static/img/icn_toggle_close.svg);
}
.mypage.subscription .module.faqArea ul li p {
	display: none;
	padding: 0 25px 20px 20px;
}
.mypage.subscription .module.faqArea ul li input[type="checkbox"]:checked + label + p {
	display: block;
	padding: 20px;
}

/* FR075 */
.mypage.subscription .regularServiceWrap {
	padding-bottom: 40px;
}
.mypage.subscription .module.customizeTOP {
	padding: 0;
	padding-bottom: 30px;
}
.mypage.subscription .module.customizeTOP div p {
	margin-top: 30px;
	text-align: left;
}
.mypage.subscription .module.customizeTOP div p.customizeTOPText {
	font-size: 14px;
}
.mypage.subscription .module.customizeTOP div p.customizeText {
	font-size: 12px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionTitle {
	padding: 5px;
}
.mypage .regularServiceWrap .descriptionWrap .descriptionInner {
	display: none;
	padding: 5px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner p {
	padding-bottom: 30px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap {
	display: flex;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl {
	flex: 1 1 50%;
	position: relative;
	padding-top: 25px;
	border: solid 1px #AF9B77;
	border-radius: 5px;
}
.mypage .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl + dl {
	margin-left: 15px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dt {
	position: absolute;
	top: -20px;
	left: 50%;
	width: 38px;
	height: 38px;
	margin-left: -18px;
	border-radius: 50%;
	background-color: #AF9B77;
	color: #ffffff;
	font-size: 12px;
	line-height: 38px;
	text-align: center;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd {
	padding: 0 7px 10px;
	font-size: 12px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd .topTextBox {
	padding-bottom: 10px;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd .topTextBox .emphasis {
	color: #F5A21B;
	font-weight: 700;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd .bottomTextBox {
	text-align: center;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd .bottomTextBox .pack {
	text-decoration: underline;
}
.mypage.subscription .regularServiceWrap .descriptionWrap .descriptionInner .cookingStandardWrap dl dd .bottomTextBox .emphasis {
	color: #E13714;
	font-size: 14px;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li {
	display: inline-block;
	width: 100%;
	max-width: 315px;
	padding-bottom: 10px;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio {
	display: none;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li label {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 66px;
	padding: 0 20px 0 60px;
	border: 1px solid #AF9B77;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: left;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio:checked + label:before {
	background-image: url(/wd/static/img/icn_radio_on.svg);
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li .customizeSelectRadio + label:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 22px;
	left: 20px;
	width: 20px;
	height: 20px;
	background-image: url(/wd/static/img/icn_radio_off.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li label .text {
	display: inline-block;
	vertical-align: middle;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li label:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mypage.subscription .regularServiceWrap .selectAreaWrap .selectArea li label .balanceImg {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 3px;
	width: 116px;
	height: auto;
}
.planSelect .regularCustomize .descriptionWrap {
	padding: 5px;
	margin-bottom: 24px;
	border-radius: 5px;
	background-color: #F9F7F4;
	color: #535353;
	font-weight: 700;
}
.planSelect .regularCustomize .packDiscountWrap {
	padding-bottom: 10px;
	text-align: center;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText {
	width: 240px;
	margin: 0 auto;
	font-size: 20px;
	text-align: left;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText .packsText {
	vertical-align: middle;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText .packsDetail{
	font-size: 12px;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText span.parentheses.smallText {
	font-size: 11px;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText span.parentheses.smallText .redText {
	font-weight: 800;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap input + label,
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap input:checked + label{
	color: #424242;
	font-size: 20px;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .labelText span.parentheses .normalPrice{
	padding-left: 10px;
	font-weight: 600;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label{
	padding: 20px 20px 0 40px;
	position: relative;

}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label.recommendWrap{
	padding-top: 10px;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap.selectSuggestion label.recommendWrap{
	padding-top: 20px;
}
.planSelect .regularCustomize .selectBox.packsSelect .questionBox .checkboxWrap label .recommend{
	position: absolute;
	top: 5px;
	left: 50%;
	padding: 2px 10px;
	margin-left: -40px;
	background-color: #E13714;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	border-radius: 15px;
	box-sizing: border-box;
}
.planSelect .regularCustomize .selectBox.packsSelect .explainext{
	margin-top: 30px;
	font-size: 12px;
}
.fontsize16{
	font-size: 16px;
}
.fontsize21{
	font-size: 21px;
}
.fontsize14{
	font-size: 14px;
}
.readMore{
	display: block;
	text-align: center;
	text-decoration: underline;
	font-size: 12px;
	color: #424242;
}


.faqArea h2 {
    position: relative;
    margin: 30px 0 20px;
    font-size: 20px;
    font-weight: 700;
    border-left: 4px solid #F5A21B;
    padding-left: 5px;
	margin-left: 20px;
    text-align: left;
}