@charset 'UTF-8';

/*----------------------------------------

	* remoteorder
		- common
		- cart
		- login
		- order
			- policy
			- modal
			- others

-----------------------------------------*/
/*----------------------------------------
	- common
-----------------------------------------*/
.remote #fwCms_wrapper * {
	box-sizing: border-box;
}

.remote #fwCms_wrapper .header_main {
	padding-top: 0;
}

.remote #fwCms_wrapper .header_left .logo {
	width: 46.5vw;
	margin: 0 auto auto;
}

.remote #fwCms_wrapper [class^='btn-'] {
	vertical-align: bottom;
}

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

.remote #fwCms_wrapper .w400 {
	width: 100% !important;
}

.remote #fwCms_wrapper .form-step {
	width: 90.4vw;
	margin: 0 auto;
}

.remote #fwCms_wrapper table th {
	box-sizing: border-box;
}

.remote #fwCms_wrapper table.detail-3 {
	width: 100%;
}

.remote #fwCms_wrapper table.detail-3 tr>th,
.remote #fwCms_wrapper table.detail-3 tr>td {
	padding: 4vw 0;
}

.remote #fwCms_wrapper table.detail-3 tr>td {
	width: 34vw;
	text-align: right;
}

.remote #fwCms_wrapper table.detail-3 tr:not(:last-child)>th,
.remote #fwCms_wrapper table.detail-3 tr:not(:last-child)>td {
	border-bottom: 1px solid #edd9c4;
}

.remote #fwCms_wrapper .favorite-item table.item td:nth-child(1) img,
.remote #fwCms_wrapper .ordered-item table.item td:nth-child(1) img {
	width: 26.667vw;
	height: auto;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .header_main {
		padding-top: 3px;
	}

	.remote #fwCms_wrapper .header_left .logo {
		width: 210px;
		margin: 0 auto auto;
	}

	.remote #fwCms_wrapper .button-group p {
		width: auto;
	}

	.remote #fwCms_wrapper .button-group p a,
	.remote #fwCms_wrapper .button-group p a:link,
	.remote #fwCms_wrapper .button-group p a:visited {
		width: 360px;
	}

	.remote #fwCms_wrapper .mt0 {
		margin-top: 0;
	}

	.remote #fwCms_wrapper .w400 {
		width: 400px !important;
	}

	.remote #fwCms_wrapper .form-step {
		width: 446px;
	}

	.remote #fwCms_wrapper table.detail-3 tr>th,
	.remote #fwCms_wrapper table.detail-3 tr>td {
		padding: 25px 20px;
	}

	.remote #fwCms_wrapper table.detail-3 tr>td {
		width: 300px;
	}

	.remote #fwCms_wrapper .favorite-item table.item td:nth-child(1) img,
	.remote #fwCms_wrapper .ordered-item table.item td:nth-child(1) img {
		width: 150px;
		height: auto;
	}
}

/*----------------------------------------
	- cart
-----------------------------------------*/
.remote #fwCms_wrapper .cart .empty-message {
	padding-top: 10.66vw;
	padding-bottom: 13.33vw;
}

.remote #fwCms_wrapper .cart .red-lists {
	padding: 5.3vw 4.66vw 1.3vw 4.66vw;
	border: 1px solid #f73019;
}

.remote #fwCms_wrapper .cart .red-lists label {
	padding: 4vw 0 4vw 8vw;
}

.remote #fwCms_wrapper .cart select {
	width: 21.33vw;
}

.remote #fwCms_wrapper .cart table.detail-3 {
	width: 100%;
}

.remote #fwCms_wrapper .cart table.detail-3 tr>th,
.remote #fwCms_wrapper .cart table.detail-3 tr>td {
	padding: 4vw 0;
}

.remote #fwCms_wrapper .cart table.detail-3 tr>td {
	background-color: #f9f5f2;
	text-align: right;
}

.remote #fwCms_wrapper .cart table.detail-3 tr:not(:last-child)>th,
.remote #fwCms_wrapper .cart table.detail-3 tr:not(:last-child)>td {
	border-bottom: 1px solid #edd9c4;
}

.remote #fwCms_wrapper .cart .px30 {
	padding: 0 4vw;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .cart .empty-message {
		padding-top: 90px;
		padding-bottom: 120px;
	}

	.remote #fwCms_wrapper .cart .red-lists {
		padding: 20px 20px 12px;
	}

	.remote #fwCms_wrapper .cart .red-lists label {
		padding: 8px 0 8px 25px;
	}

	.remote #fwCms_wrapper .cart .txt-md-right {
		text-align: right;
	}

	.remote #fwCms_wrapper .cart .px30 {
		padding: 0 30px;
	}

	.remote #fwCms_wrapper .cart table.detail-3 tr>th,
	.remote #fwCms_wrapper .cart table.detail-3 tr>td {
		padding: 20px 0;
	}

	.remote #fwCms_wrapper .cart table.detail-3 tr>td {
		width: 300px;
	}
}

/*----------------------------------------
	- login
-----------------------------------------*/
.remote #fwCms_wrapper .login .security-check {
	display: flex;
	max-width: 81.33vw;
	width: 100%;
}

.remote #fwCms_wrapper .login .security-check>div {
	display: block;
	width: 13.33vw;
	height: 13.33vw;
}

.remote #fwCms_wrapper .login .security-check>div img {
	width: 13.33vw;
	height: 13.33vw;
	margin: 0;
}

.remote #fwCms_wrapper .login .message.bg-lightsbiege01 {
	padding-bottom: 10.67vw;
}

.remote #fwCms_wrapper .login .loginform .login.btn-1 {
	height: 16vw;
}

.remote #fwCms_wrapper .login .security-check-explain li {
	margin-top: 1.33vw;
}

.remote #fwCms_wrapper .login .security-check-explain li span {
	display: flex;
}

.remote #fwCms_wrapper .login img.security-mark {
	width: 4.53vw;
	height: 4.53vw;
	margin-right: 1.33vw;
}

.remote #fwCms_wrapper .login .security-check img {
	width: 81.3vw;
}

.remote #fwCms_wrapper .login .col566 {
	width: 100%;
	padding: 8vw 4vw;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .login .security-check {
		max-width: 340px;
	}

	.remote #fwCms_wrapper .login .security-check>div {
		width: 60px;
		height: 60px;
	}

	.remote #fwCms_wrapper .login .security-check>div img {
		width: 60px;
		height: 60px;
		margin: 0;
	}

	.remote #fwCms_wrapper .login .loginform input[type='text'],
	.remote #fwCms_wrapper .login .loginform input[type='password'] {
		max-width: 480px;
	}

	.remote #fwCms_wrapper .login .loginform .login.btn-1 {
		max-width: 460px;
		height: 60px;
	}

	.remote #fwCms_wrapper .login .security-check-explain li {
		margin-top: 1.5px;
	}

	.remote #fwCms_wrapper .login img.security-mark {
		width: 14px;
		height: 14px;
		margin-top: 4px;
		margin-right: 5px;
	}

	.remote #fwCms_wrapper .login .security-check img {
		max-width: 340px;
		width: 100%;
	}

	.remote #fwCms_wrapper .login .col566 {
		max-width: 566px;
		width: 52.4%;
		padding: 40px 30px;
	}
}

/*----------------------------------------
	-- order
-----------------------------------------*/
.remote #fwCms_wrapper .order .btnsm-34 .edit-customer-info.btn-s-4,
.remote #fwCms_wrapper .order .btnsm-34 .edit-customer-info.btn-s-4:link,
.remote #fwCms_wrapper .order .btnsm-34 .edit-customer-info.btn-s-4:visited {
	width: 34.13vw;
}

.remote #fwCms_wrapper .order .red-lists {
	padding: 5.3vw;
	border: 1px solid #f73019;
}

.remote #fwCms_wrapper .order .order-btn {
	width: 24vw;
	height: 10.67vw;
}

.remote #fwCms_wrapper .order .px30 {
	padding: 0 4vw;
}

.remote #fwCms_wrapper .order .order-box {
	padding: 5.33vw;
	background-color: #f5f4e9;
}

.remote #fwCms_wrapper .order .order-box .form-row,
.remote #fwCms_wrapper .order .order-box .form-layout {
	padding-left: 0;
}

.remote #fwCms_wrapper .order .form-title--order {
	height: 40px;
	padding: 0;
	border-top: 0;
	background-color: transparent;
}

.remote #fwCms_wrapper .order table.detail-order th {
	width: 34.66vw;
}

.remote #fwCms_wrapper .order table.detail-order th span.necessary {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 9vw;
	height: 5.3vw;
	margin-left: .5em;
	background-color: #c4001e;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}

.remote #fwCms_wrapper .ordered-item {
	margin-top: 13.3vw;
	border-top: 1px solid #edd9c4;
}

.remote #fwCms_wrapper .ordered-item .item_brand {
	color: #a35400;
}

.remote #fwCms_wrapper .ordered-item th {
	box-sizing: border-box;
}

.remote #fwCms_wrapper .ordered-item table.item {
	flex-basis: 100%;
	width: 100%;
	margin-top: 5.3vw;
	color: #000;
}

.remote #fwCms_wrapper .ordered-item table.item td:nth-child(1) {
	vertical-align: top;
}

.remote #fwCms_wrapper .ordered-item table.item td:nth-child(2) {
	width: 100%;
	padding-left: 4vw;
	vertical-align: text-top;
}

.remote #fwCms_wrapper .ordered-item:nth-of-type(1) {
	margin-top: 8vw;
	border-top: none;
}

.remote #fwCms_wrapper .ordered-item:nth-of-type(1) table.item {
	margin-top: 0;
}

.remote #fwCms_wrapper .order .ordered-item table.item td:nth-child(1) {
	vertical-align: top;
}

.remote #fwCms_wrapper .order .ordered-item table.item td:nth-child(2) {
	width: 100%;
	padding-left: 4vw;
	vertical-align: text-top;
}

.remote #fwCms_wrapper .points-table table {
	width: 100%;
}

.remote #fwCms_wrapper .points-table table tr>td {
	padding: 0 2.6vw 2.6vw;
	border-bottom: 1px solid #edd9c4;
}

.remote #fwCms_wrapper .points-table table tr>td:last-child {
	width: 35%;
	text-align: right;
}

.remote #fwCms_wrapper .newttl {
	display: flex;
	align-items: center;
	width: 100%;
	height: 10.66vw;
	margin: auto;
	padding: 0 4vw;
	border-top: 1px solid #edd9c4;
	box-sizing: border-box;
	background-color: #f9f5f2;
}

.remote #fwCms_wrapper .coupon dt {
	width: calc(62% - 2.6vw);
	margin-top: 6.67vw;
	margin-bottom: 2.6vw;
	margin-left: 2.6vw;
}

.remote #fwCms_wrapper .coupon dl:first-of-type dt,
.remote #fwCms_wrapper .coupon dl:first-of-type dd {
	margin-top: 0;
}

.remote #fwCms_wrapper .coupon dd {
	width: calc(38% - 2.6vw);
	margin-top: 6.67vw;
	margin-right: 2.6vw;
	margin-bottom: 2.6vw;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .order .red-lists {
		padding: 20px;
	}

	.remote #fwCms_wrapper .order .button-group p {
		width: auto;
	}

	.remote #fwCms_wrapper .order .button-group p .edit-customer-info.btn-s-4,
	.remote #fwCms_wrapper .order .button-group p .edit-customer-info.btn-s-4:link,
	.remote #fwCms_wrapper .order .button-group p .edit-customer-info.btn-s-4:visited {
		width: 216px;
		height: 50px;
	}

	.remote #fwCms_wrapper .button-group p a.btnlg-216,
	.remote #fwCms_wrapper .button-group p a.btnlg-216:link,
	.remote #fwCms_wrapper .button-group p a.btnlg-216:visited {
		width: 216px;
		height: 50px !important;
	}

	.remote #fwCms_wrapper .order .order-btn {
		width: 104px;
		height: 50px;
	}

	.remote #fwCms_wrapper .order .px30 {
		padding: 0 30px;
	}

	.remote #fwCms_wrapper .order .order-box {
		padding: 20px 24px;
	}

	.remote #fwCms_wrapper .order .form-title--order {
		height: 40px;
		padding: 0;
		border-top: 0;
		background-color: transparent;
	}

	.remote #fwCms_wrapper .order table.detail-order th {
		width: 340px;
		box-sizing: border-box;
	}

	.remote #fwCms_wrapper .order table.detail-order th span.necessary {
		width: 44px;
		height: 26px;
		margin-left: 1.5em;
	}

	.remote #fwCms_wrapper .ordered-item {
		margin-top: 40px;
		border-top: none;
	}

	.remote #fwCms_wrapper .ordered-item table.item {
		margin-top: 0;
	}

	.remote #fwCms_wrapper .ordered-item table.item td:nth-child(2) {
		padding-left: 20px;
	}

	.remote #fwCms_wrapper .ordered-item:nth-of-type(1) {
		margin-top: 40px;
	}

	.remote #fwCms_wrapper .order .ordered-item table.item td:nth-child(2) {
		padding-left: 20px;
	}

	.remote #fwCms_wrapper .points-table table tr>td {
		width: 50%;
		padding: 0 20px 10px;
	}

	.remote #fwCms_wrapper .newttl {
		height: auto;
		padding: 0 0 15px 0;
		border-top: none;
		border-bottom: 1px solid #edd9c4;
		background-color: #fff;
	}

	.remote #fwCms_wrapper .coupon dt {
		width: calc(75% - 20px);
		margin-top: 25px;
		margin-bottom: 15px;
		margin-left: 20px;
	}

	.remote #fwCms_wrapper .block.coupon dl dd,
	.remote #fwCms_wrapper .coupon dd {
		width: calc(25% - 20px);
		margin-top: 0;
		margin-right: 20px;
		margin-bottom: 15px;
	}
}

/*----------------------------------------
	-- policy
-----------------------------------------*/
.remote #fwCms_wrapper .policy {
	padding: 5.3vw 2.6vw 5.3vw 4vw;
	border: 1px solid #ccc;
}

.remote #fwCms_wrapper .policy-content {
	overflow-y: scroll;
	max-height: 69vw;
	padding-right: 4vw;
}

.remote #fwCms_wrapper .bg-lightsbiege01 .mt0 label {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
}

/* list01 */
.remote #fwCms_wrapper .policy-content .list_num01 li {
	position: relative;
	margin-top: 1.33vw;
	padding-left: 1.2em;
	counter-increment: list_num01;
}

.remote #fwCms_wrapper .policy-content .list_num01 li::before {
	content: counter(list_num01)'.';
	position: absolute;
	left: 0;
}

/* list02 */
.remote #fwCms_wrapper .policy-content .list_num02>li {
	position: relative;
	margin-top: 1.33vw;
	padding-left: 2.4em;
	counter-increment: list_num02;
}

.remote #fwCms_wrapper .policy-content .list_num02>li::before {
	content: '（'counter(list_num02) '）';
}

/* list03 */
.remote #fwCms_wrapper .policy-content .list_num03>li {
	position: relative;
	margin-top: 1.33vw;
	padding-left: 2.7em;
	counter-increment: list_num03;
}

.remote #fwCms_wrapper .policy-content .list_num03>li::before {
	content: '（'counter(list_num03) '）';
	position: absolute;
	left: 0;
}

/* -webkit-scrollbar */
.remote #fwCms_wrapper .policy-content::-webkit-scrollbar {
	width: 1px;
	height: 1px;

	-webkit-overflow-scrolling: touch;
}

.remote #fwCms_wrapper .policy-content::-webkit-scrollbar-track {
	border-radius: 1px;
	background: #edd9c4;
}

.remote #fwCms_wrapper .policy-content::-webkit-scrollbar-thumb {
	border-radius: 1px;
	background: #62340c;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .policy {
		padding: 40px 30px;
	}

	.remote #fwCms_wrapper .policy-content {
		max-height: 385px;
		padding-right: 30px;
	}

	.remote #fwCms_wrapper .policy-content .list_num01 li {
		margin-top: 4px;
		padding-left: 1.4em;
	}

	.remote #fwCms_wrapper .policy-content .list_num02 li {
		margin-top: 4px;
		padding-left: 2.4em;
	}

	.remote #fwCms_wrapper .policy-content .list_num03>li {
		margin-top: 4px;
		padding-left: 2.8em;
	}

	.remote #fwCms_wrapper .policy-content::-webkit-scrollbar {
		width: 10px;
	}

	.remote #fwCms_wrapper .policy-content::-webkit-scrollbar-track {
		background: #edd9c4;
	}

	.remote #fwCms_wrapper .policy-content::-webkit-scrollbar-thumb {
		background: #62340c;
	}

	.remote #fwCms_wrapper .policy-content::-webkit-scrollbar-thumb:hover {
		background: rgba(98, 52, 12, .6);
	}

	.remote #fwCms_wrapper .policy-content::-webkit-scrollbar {
		width: 10px;
	}
}

/*----------------------------------------
	-- modal
-----------------------------------------*/
.remote #fwCms_wrapper .modal-content dl dt {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .modal-content input[type='checkbox']+label.txt-v-top:before {
		top: calc(3% + 2px);
	}

	.remote #fwCms_wrapper .modal-content input[type='checkbox']+label.txt-v-top:after {
		top: calc(3% + 4px);
	}

	.remote #fwCms_wrapper .modal-content dl dt {
		margin-top: 0;
	}

	.remote #fwCms_wrapper .modal-content .w320 {
		width: 100% !important;
	}
}

/*----------------------------------------
	-- others
-----------------------------------------*/
/* jijyu_order */
/* adress */
.remote #fwCms_wrapper .form-layout-flex.addto {
	margin-top: 1.8vw;
}

/* modal-accordion内 */
.remote #fwCms_wrapper .modal-bank a.ic-blank01::after {
	margin-right: 1.06vw;
	margin-left: 1.06vw;
}

/* jijyu内modal_postalcodeToAddress */
.remote #fwCms_wrapper #modal_postalcodeToAddress.modal-content .form-row .note01 {
	margin-left: 0;
}

@media screen and (min-width: 768px) {
	/* jijyu内modal_postalcodeToAddress */
	.remote #fwCms_wrapper #modal_postalcodeToAddress.modal-content .items {
		display: block;
		margin-top: 30px !important;
	}

	.remote #fwCms_wrapper #modal_postalcodeToAddress.modal-content .items .form-title {
		width: 100%;
		height: 60px;
		padding: 0 30px;
	}

	.remote #fwCms_wrapper #modal_postalcodeToAddress.modal-content .form-row {
		padding-right: 0;
		padding-left: 0;
	}

	/* adress */
	.remote #fwCms_wrapper .form-layout-flex.addto {
		margin-top: 5px;
	}

	.remote #fwCms_wrapper .modal-content .notes02 {
		margin: 0 0 15px;
	}

	/* modal-accordion内 */
	.remote #fwCms_wrapper .modal-bank a.ic-blank01::after {
		margin-right: .3rem;
		margin-left: .2rem;
	}
}

/* jijyu_order_details_layout class追加 */
.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div,
.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div select,
.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div input {
	max-width: 600px !important;
	width: 100%;
}

.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout .detail.btn-s-4 {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div {
		max-width: 600px !important;
		width: calc(74.53% - 20px);
		margin-right: 20px;
	}

	.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div select,
	.remote #fwCms_wrapper .modal-content .jijyu_order_details_layout div input {
		max-width: 600px !important;
		width: 100%;
	}
}

/* jijyu_order_details_slip_img_l、jijyu_order_details_slip_img_r class追加 */
.remote #fwCms_wrapper .block-content-flex .jijyu_order_details_slip_img_l,
.remote #fwCms_wrapper .block-content-flex .jijyu_order_details_slip_img_r {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .block-content-flex .jijyu_order_details_slip_img_l {
		width: calc(46% - 20px);
	}

	.remote #fwCms_wrapper .block-content-flex .jijyu_order_details_slip_img_r {
		width: calc(54% - 20px);
	}
}

/* jijyu_order_confirm */
@media screen and (min-width: 1020px) {
	.remote #fwCms_wrapper .order .items.cfm .form-title {
		flex-basis: 340px;
		width: 340px;
		box-sizing: border-box;
	}
}

/* jijyu_order_details amazonpay モーダル調整 */
.remote #fwCms_wrapper .items.paymentLogo {
	display: flex;
}
.remote #fwCms_wrapper .items.paymentLogo .amazonpay figure {
	width: 74px;
	margin-right: 20px;
}

@media screen and (min-width: 768px) {
	.remote #fwCms_wrapper .items.paymentLogo {
		align-items: center;
	}
	.remote #fwCms_wrapper .items.paymentLogo .amazonpay figure  {
		width: 120px;
		margin-right: 30px;
	}
}

/* jijyu_order_confirm Amazonボタン調整 */
.remote #fwCms_wrapper .paymentLogo .orderconfirm-pay.azbtn {
	margin: 0 auto;
}