@charset "UTF-8";



div.header_explanation {
	padding-top: 0 !important;
}
div.footer_explanation {
	padding-bottom: 0 !important;
}

.error_message {
	color: #d60909 !important;
	margin-bottom: 20px;
}

/******************
会員ログイン
******************/
#memberpages div.loginbox {
	margin-top: 0 !important;
	color: #323232;
	width: calc(100% - 82px) !important;
	padding: 50px 40px !important;
}
#wc_login #memberpages div.loginbox-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#memberpages div.loginbox .member-box {
	width: calc(50% - 40px);
	position: relative;
}
#memberpages div.loginbox .member-box:before {
	content: "";
	position: absolute;
	top: 0;
	right: -40px;
	width: 1px;
	height: 100%;
	margin: auto;
	background: #b9b9b9;
}
#memberpages div.loginbox .new-entry {
	width: calc(50% - 40px);
	text-align: center;
}
#memberpages div.loginbox h2 {
	margin-bottom: 30px;
	font-size: 140%;
	font-weight: 400;
	letter-spacing: .2rem;
}
#memberpages form {
	padding-bottom: 0 !important;
}
#memberpages .loginbox p {
	font-size: 100% !important;
}
#memberpages .loginbox p:first-child {
	padding-top: 0;
}
#memberpages .loginbox p label.has-form {
	display: flex;
	align-items: center;
}
#memberpages .loginbox p label.has-form span {
	width: 130px;
	display: inline-block;
}
#memberpages input.loginmail,
#memberpages input.loginpass {
	display: inline-block;
	width: calc(100% - 162px) !important;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
}
#memberpages input.loginpass {
	max-width: 220px;
}
#memberpages .loginbox p.submit {
	margin-bottom: 30px;
}
#memberpages .loginbox p.submit input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	margin: 0 auto;
	background: #d71616;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#memberpages .loginbox p.submit input:hover {
	background: #d55252;
}
#memberpages .loginbox .member-box p.nav a {
	color: #323232;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	transition: .3s all ease;
}
#memberpages .loginbox .member-box p.nav a:hover {
	opacity: .8;
}
#memberpages .loginbox .new-entry a {
	display: block;
	margin: 0 auto;
	background: #d71616;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#memberpages .loginbox .new-entry a:hover {
	background: #d55252;
}

@media screen and (max-width: 960px) {
	#memberpages div.loginbox {
		padding: 50px 40px 80px !important;
	}
	#wc_login #memberpages div.loginbox-inner {
		flex-direction: column;
	}
	#memberpages div.loginbox .member-box {
		width: 100%;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px dashed #b9b9b9;
	}
	#memberpages div.loginbox .member-box:before {
		display: none;
	}
	#memberpages div.loginbox h2 {
		text-align: center;
	}
	#memberpages div.loginbox .new-entry {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	#memberpages div.loginbox {
		padding: 20px 30px 50px !important;
		width: calc(100% - 62px) !important;
	}
	#memberpages div.loginbox h2 {
		font-size: 120%;
		letter-spacing: .1rem;
	}
	#memberpages .loginbox p.submit {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 480px) {
	#memberpages .loginbox p label.has-form {
		align-items: flex-start;
		flex-direction: column;
	}
	#memberpages .loginbox p label.has-form span {
		width: 100%;
		margin-bottom: 5px;
	}
	#memberpages input.loginmail,
	#memberpages input.loginpass {
		width: calc(100% - 32px) !important;
	}
}

/******************
パスワード再設定
******************/
.lostpassword-form {
	max-width: 620px;
	margin: 0 auto !important;
}
#wc_lostmemberpassword #memberpages .loginbox p#nav {
	text-align: center;
}
#wc_lostmemberpassword #memberpages .loginbox p#nav a {
	color: #323232;
	border-bottom: 1px solid;
	transition: .3s all ease;
}
#wc_lostmemberpassword #memberpages .loginbox p#nav a:hover {
	opacity: .8;
}

/******************
パスワード変更
******************/
#wc_changepassword #memberpages .loginbox {
	max-width: 720px;
}
#wc_changepassword #memberpages .loginbox label {
	display: flex;
	align-items: center;
}
#wc_changepassword #memberpages .loginbox label span {
	display: inline-block;
	width: 170px;
}
body #wc_changepassword #memberpages .loginbox .password_policy {
	font-size: 80% !important;
	color: #6b6b6b;
	line-height: 150%;
	margin-top: 10px;
	padding: 0;
	border-bottom: 1px dashed #b9b9b9;
	padding-bottom: 15px;
}
#wc_changepassword #memberpages .loginbox p.submit {
	margin-top: 30px;
}

@media screen and (max-width: 640px) {
	#wc_changepassword #memberpages .loginbox label {
		align-items: flex-start;
		flex-direction: column;
	}
	#wc_changepassword #memberpages .loginbox label span {
		width: 100%;
		margin-bottom: 5px;
	}
}

/******************
パスワード変更 メール送信完了
******************/
#wc_lostcompletion h1 {
	text-align: center;
}
#wc_lostcompletion p {
	text-align: center;
}

@media screen and (max-width: 640px) {
	.member-page .link-to-member {
		flex-direction: column;
	}
}


/******************
パスワード変更完了
******************/
#wc_changepasscompletion h1 {
	text-align: center;
}
#wc_changepasscompletion p {
	text-align: center;
}

/******************
新規会員登録
******************/
#wc_newmemberform .header_explanation ul {
	margin-bottom: 20px;
}
#wc_newmemberform .header_explanation ul li {
	margin-bottom: 10px;
	padding-left: 18px;
	position: relative;
}
#wc_newmemberform .header_explanation ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 6px;
	background: #323232;
	border-radius: 100%;
}
#wc_newmemberform .header_explanation ul li:last-child {
	margin-bottom: 0;
}

.new-menber-form {
	color: #323232;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	width: calc(100% - 162px);
	padding: 30px 80px 50px;
}
#newmember table {
	table-layout: fixed;
}
#newmember tr {
	border-bottom: 1px dashed #b9b9b9;
}
#newmember tr:last-child {
	border-bottom: 0;
}
#newmember th {
	font-size: 100% !important;
	border: 0 !important;
	width: 250px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
}
#newmember td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 !important;
}
#newmember input {
	display: inline-block;
	width: calc(100% - 32px) !important;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
}

#name_row td:nth-child(2),
#furikana_row td:nth-child(2) {
	padding-right: 10px;
}
#name_row td:nth-child(3),
#furikana_row td:nth-child(3) {
	padding-left: 10px;
}
#name_row td span,
#furikana_row td span {
	padding: 0 !important;
	display: inline-block;
	font-size: 80%;
	width: 50px;
	text-align: center;
	white-space: nowrap;
}
#name_row td input,
#furikana_row td input {
	width: calc(100% - 82px) !important;
}
#newmember .customer_form input#zipcode {
	width: 140px !important;
}
#newmember .customer_form input#search_zipcode,
#memberinfo .customer_form input#search_zipcode {
	width: auto !important;
	cursor: pointer;
	font-size: 80%;
}
#zipcode_row td {
	display: flex;
	padding-left: 50px !important;
	position: relative;
}
#zipcode_row td:before {
	content: "〒";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 50px;
	height: 24px;
	text-align: center;
	font-size: 80%;
}

#states_row td select {
	width: 140px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	padding: 15px 40px 15px 15px;
	font-size: 100%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	background: url(./images/common/select_icon.svg) no-repeat right 15px top 20px /11px;
	background-color: #fff;
}
#address2_row td input,
#address3_row td input {
	max-width: 240px !important;
	width: calc(100% - 32px) !important;
}
#tel_row td input,
#fax_row td input {
	width: 160px !important;
}
#password-form td input {
	max-width: 280px !important;
}
#password-form td .password_policy {
	font-size: 80%;
	color: #6b6b6b;
	line-height: 150%;
	margin-top: 5px;
}
#newmember .send {
	margin-top: 20px;
}
#newmember .send input {
	display: block;
	margin: 0 auto;
	background: #d71616;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100% !important;
	padding: 20px 0 !important;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#newmember .send input:hover {
	background: #d55252;
}

@media screen and (max-width: 960px) {
	.new-menber-form {
		width: calc(100% - 82px);
		padding: 30px 40px 50px;
	}
	#newmember th {
		width: 220px !important;
	}
}
@media screen and (max-width: 800px) {
	#newmember tr {
		display: flex;
		flex-wrap: wrap;
	}
	#newmember th {
		display: block;
		width: 100% !important;
		padding: 20px 0 0 !important;
	}
	#newmember td {
		width: 100% !important;
		padding: 10px 0 20px !important;
	}
	#name_row td:nth-child(2), #furikana_row td:nth-child(2) {
		width: calc(50% - 10px) !important;
	}
	#name_row td:nth-child(3), #furikana_row td:nth-child(3) {
		width: calc(50% - 10px) !important;
	}
	#newmember .customer_form input#zipcode {
		margin-left: 50px;
	}
	#zipcode_row td:before {
		top: 23px;
		bottom: auto;
	}
}
@media screen and (max-width: 640px) {
	#newmember input {
		padding: 10px 15px !important;
	}
	#states_row td select {
		padding: 10px 40px 10px 15px;
		background: url(./images/common/select_icon.svg) no-repeat right 15px top 15px /11px;
		background-color: #fff;
	}
	#name_row td:nth-child(2), #furikana_row td:nth-child(2) {
		width: 100% !important;
		padding-bottom: 0 !important;
	}
	#name_row td:nth-child(3), #furikana_row td:nth-child(3) {
		width: 100% !important;
	}
	#newmember .customer_form input#search_zipcode,
	#memberinfo .customer_form input#search_zipcode {
		padding: 10px 10px !important;
	}
}
@media screen and (max-width: 480px) {
	.new-menber-form {
		width: calc(100% - 42px);
		padding: 20px 20px 40px;
	}
	#name_row td span, #furikana_row td span {
		width: 40px;
	}
	#name_row td input, #furikana_row td input {
		width: calc(100% - 72px) !important;
	}
	.member-page .customer_form #zipcode_row td {
		padding-left: 40px !important;
	}
	#zipcode_row td:before {
		top: 19px;
		width: 40px;
	}
	#newmember .customer_form input#zipcode {
		margin-left: 0;
		width: calc(100% - 32px) !important;
	}
}

/******************
入会完了
******************/
#wc_newcompletion {
	text-align: center;
}
#wc_newcompletion h1 {
	font-size: 180%;
	font-weight: 400;
	letter-spacing: .2rem;
	margin-bottom: 40px;
}
.member-page .link-to-member {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 40px;
}
.member-page .link-to-member a {
	display: block;
	margin: 0 auto;
	background: #676767;
	border: 0;
	font-size: 100%;
	color: #fff;
	width: 280px !important;
	padding: 15px 0 !important;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	transition: .3s all ease;
}
.member-page .link-to-member a:hover {
	background: #787878;
}
.member-page .link-to-member .send {
	padding-top: 0 !important;
}
.member-page .link-to-member .member a {
	background: #d71616;
}
.member-page .link-to-member .member a:hover {
	background: #d55252;
}

/******************
マイページ
******************/
#memberinfo {
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #323232;
	width: calc(100% - 120px);
	padding: 40px 60px;
}
#memberinfo h2 {
	font-size: 150%;
	font-weight: 400;
	margin-bottom: 20px;
	letter-spacing: .2rem;
}
#memberinfo .member-info-container {
	margin-bottom: 20px;
}
.member-info-col {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.member-info-table {
	width: 65% !important;
}
.member-info-table tr.filter {
	display: none;
}
.member-info-table tr {
	border-bottom: 1px dashed #b9b9b9;
}
.member-info-table tr:first-child {
	border-top: 1px dashed #b9b9b9;
}
.member-info-table th {
	font-size: 100% !important;
	border: 0 !important;
	width: 190px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
}
.member-info-table td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 20px 20px !important;
}
#memberpages #memberinfo ul {
	width: 30% !important;
	padding: 0 !important;
}
#memberpages #memberinfo ul li {
	font-size: 100%;
	line-height: 150%;
	text-align: center;
}
#memberpages #memberinfo ul li.member-edit {
	margin-bottom: 10px;
}
#memberpages #memberinfo ul li a {
	display: block;
	margin: 0 auto;
	border: 0;
	font-size: 90%;
	color: #fff;
	max-width: 280px;
	width: 100% !important;
	padding: 15px 0 !important;
	border-radius: 5px;
	cursor: pointer;
}
#memberpages #memberinfo ul li.member-edit a {
	background: #d71616;
}
#memberpages #memberinfo ul li.member-logout a {
	background: #474747;
}
#memberinfo .member-history-container {
	margin-top: 20px;
	margin-bottom: 60px;
}
.usces_filter_history input[type="checkbox"] {
	margin-bottom: 4px !important;
}
.usces_filter_history select {
	width: 140px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	padding: 10px 40px 10px 15px;
	font-size: 90%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	background: url(./images/common/select_icon.svg) no-repeat right 15px top 15px /11px;
	background-color: #fff;
}

.member-page .history-area #history_head {
	margin-bottom: 20px;
}
.member-page .history-area #history_head th {
	font-size: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #474747;
}
.member-page .history-area #history_head td {
	font-size: 95%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.member-page .history-area .retail {
	margin-bottom: 60px !important;
}
.member-page .history-area .retail tr {
	border-bottom: 1px solid #dfdfdf;
}
.member-page .history-area .retail th {
	color: #323232 !important;
	background: transparent !important;
	border: 0 !important;
	padding: 10px 10px !important;
	font-size: 95% !important;
}
.member-page .history-area .retail td {
	border: 0 !important;
	padding: 20px 10px !important;
	font-size: 95% !important;
}
#memberinfo td.thumbnail {
	width: 140px;
}
#memberinfo td.thumbnail a {
	display: block;
}
#memberinfo td.thumbnail img {
	width: 100%;
}
#memberinfo td.cartrownum {
	text-align: center;
}

.member-page .customer_form {
	table-layout: fixed;
}
.member-page .customer_form tr {
	border-bottom: 1px dashed #b9b9b9;
}
.member-page .customer_form th {
	font-size: 100% !important;
	border: 0 !important;
	width: 250px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
	text-align: left !important;
}
.member-page .customer_form td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 !important;
}
.member-page .customer_form td input {
	display: inline-block;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
}
.member-page #address1_row td input {
	width: calc(100% - 32px) !important;
}
.member-page .customer_form td #mailaddress1 {
	width: calc(100% - 32px) !important;
}
.member-page .customer_form td #password1,
.member-page .customer_form td #password2 {
	max-width: 280px !important;
}
.member-page .customer_form td .password_policy {
	font-size: 80%;
	color: #6b6b6b;
	line-height: 150%;
	margin-top: 5px;	
}
.member-page form .send {
	display: flex;
	max-width: 820px;
	margin: 30px auto 0;
	gap: 10px;
	padding: 0;
}
.member-page form .send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
}
.member-page form .send input.top {
	background: #b9b9b9;
}
.member-page form .send input.editmember {
	background: #d71616;
}
.member-page form .send input.deletemember {
	background: #474747;
}

@media screen and (max-width: 960px) {
	#memberinfo {
		width: calc(100% - 80px);
		padding: 40px 40px;
	}
	.member-info-col {
		flex-direction: column;
	}
	.member-info-table {
		width: 100% !important;
	}
	#memberpages #memberinfo ul {
		width: 100% !important;
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-top: 40px !important;
	}
	#memberpages #memberinfo ul li {
		width: calc(50% - 10px);
		max-width: 280px;
	}
	#memberpages #memberinfo ul li.member-edit {
		margin-bottom: 0;
	}
	
	.member-page .history-area #history_head {
		display: flex;
		border-top: 1px solid #e6e6e6;
	}
	.member-page .history-area #history_head thead {
		width: 160px;
		display: block;
	}
	.member-page .history-area #history_head thead tr {
		width: 100%;
		display: block;
	}
	.member-page .history-area #history_head th {
		font-size: 95%;
		display: block;
		width: 100%;
		border-top: 0;
		border-right: 0;
		border-left: 0;
	}
	.member-page .history-area #history_head tbody {
		width: calc(100% - 201px);
		display: block;
	}
	.member-page .history-area #history_head tbody tr {
		display: block;
		width: 100%;
	}
	.member-page .history-area #history_head td {
		font-size: 95%;
		display: block;
		width: 100%;
		padding: 0;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		padding: 10px 20px;
		border-right: 1px solid #e6e6e6;
	}
	#memberinfo td.order_number,
	#memberinfo td.purchase_date {
		text-align: right !important;
	}
	
	.member-page .history-area .retail th {
		padding: 10px 5px !important;
	}
	.member-page .history-area .retail td {
		padding: 20px 5px !important;
	}
	#memberinfo .cartrownum {
		width: 30px !important;
	}
	#memberinfo .thumbnail {
		width: 80px !important;
	}
	
	.member-page .customer_form th {
		width: 200px !important;
	}
}
@media screen and (max-width: 800px) {
	.member-page .history-area .retail thead {
		display: none;
	}
	.member-page .history-area .retail tbody {
		border-top: 1px solid #dfdfdf;
	}
	.member-page .history-area .retail tr {
		display: grid;
		grid-template-columns: repeat(9, 1fr);
		grid-template-rows: max-content;
	}
	.member-page .history-area .retail td {
		padding: 10px 10px !important;
		display: flex;
		align-items: center;
	}
	#memberinfo td.cartrownum {
		grid-area: 1 / 1 / 5 / 2;
		justify-content: center;
		width: auto!important;
	}
	#memberinfo td.thumbnail {
		grid-area: 1 / 2 / 5 / 4;
		width: 120px !important;
	}
	#memberinfo td.thumbnail img {
		width: auto;
	}
	#memberinfo td.productname {
		grid-area: 1 / 4 / 2 / 10;
		padding: 10px 10px 5px !important;
	}
	#memberinfo td.price {
		grid-area: 2 / 4 / 3 / 10;
		justify-content: flex-end;
		padding: 5px 10px !important;
	}
	#memberinfo td.price:before {
		content: "単価：";
	}
	#memberinfo td.quantity {
		grid-area: 3 / 4 / 4 / 10;
		justify-content: flex-end;
		padding: 5px 10px !important;
	}
	#memberinfo td.quantity:before {
		content: "数量：";
	}
	#memberinfo td.subtotal {
		grid-area: 4 / 4 / 5 / 10;
		justify-content: flex-end;
		padding: 5px 10px 10px !important;
	}
	#memberinfo td.subtotal:before {
		content: "金額：";
	}
	
	.member-page .customer_form th {
		display: block;
		width: 100% !important;
		padding: 20px 0 0 !important;
	}
	.member-page .customer_form td {
		display: block;
		width: 100% !important;
		padding: 10px 0 20px !important;
	}
	.member-page .customer_form #name_row,
	.member-page .customer_form #furikana_row {
		display: flex;
		flex-wrap: wrap;
	}
	#name_row td:nth-child(2), #furikana_row td:nth-child(2) {
		width: 50% !important;
	}
	#name_row td:nth-child(3), #furikana_row td:nth-child(3) {
		width: 50% !important;
	}
}
@media screen and (max-width: 640px) {
	#memberinfo {
		width: calc(100% - 60px);
		padding: 30px 30px;
	}
	#memberinfo h2 {
		font-size: 120%;
		letter-spacing: .1rem;
		text-align: center;
	}
	.member-info-table th {
		width: 130px !important;
		padding: 15px 0 !important;
	}
	.member-info-table td {
		padding: 15px 0 15px 20px !important;
	}
	#memberpages #memberinfo ul {
		margin-top: 20px !important;
	}
	
	.usces_filter_history {
		margin-bottom: 20px !important;
	}
	
	#memberinfo td.cartrownum {
		grid-area: 1 / 1 / 2 / 10;
		padding: 5px 10px !important;
		justify-content: flex-start;
	}
	#memberinfo td.cartrownum:before {
		content: "No.";
	}
	#memberinfo td.thumbnail {
		grid-area: 2 / 1 / 6 / 4;
		width: auto!important;
		align-items: flex-start;
		padding: 5px 10px 10px !important;
	}
	#memberinfo td.productname {
		grid-area: 2 / 4 / 3 / 10;
		padding: 5px 10px !important;
	}
	#memberinfo td.price {
		grid-area: 3 / 4 / 4 / 10;
	}
	#memberinfo td.quantity {
		grid-area: 4 / 4 / 5 / 10;
	}
	#memberinfo td.subtotal {
		grid-area: 5 / 4 / 6 / 10;
	}
	
	.member-page .customer_form td input {
		padding: 10px 15px !important;
	}
	#name_row td:nth-child(2), #furikana_row td:nth-child(2) {
		width: 100% !important;
	}
	#name_row td:nth-child(3), #furikana_row td:nth-child(3) {
		width: 100% !important;
	}
	
	.member-page form .send {
		flex-direction: column;
	}
	.member-page form .send input {
		max-width: 100%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px) {
	#memberinfo {
		width: calc(100% - 40px);
		padding: 30px 20px;
	}
	.member-info-table th {
		display: block;
		width: 100% !important;
		text-align: left !important;
		padding: 15px 0 5px !important;
	}
	.member-info-table td {
		display: block;
		width: calc(100% - 10px) !important;
		padding: 0px 5px 15px 5px !important;
	}
	#memberpages #memberinfo ul {
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}
	#memberpages #memberinfo ul li {
		width: 100%;
	}
	
	.usces_filter_history {
		align-items: flex-end !important;
		flex-direction: column;
	}
	.usces_filter_history .exclude_cancel {
		margin-right: 0 !important;
		margin-bottom: 10px;
	}
	
	.member-page .history-area #history_head thead {
		width: 80px;
	}
	.member-page .history-area #history_head tbody {
		width: calc(100% - 121px);
	}
	
	.member-page .customer_form #zipcode_row td {
		width: calc(100% - 40px) !important;
	}
	#memberinfo .customer_form input#zipcode {
		width: 100% !important;
	}
}

/******************
カートページ
******************/
.cart_navi ul {
	display: flex;
	margin-bottom: 60px;
	gap: 30px;
}
.cart_navi ul li {
	width: calc(25% - 22.5px);
	text-align: center;
	padding: 15px 0;
	position: relative;
	border: 1px solid #b9b9b9;
}
.cart_navi ul li:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #b9b9b9;
	border-right: 0;
}
.cart_navi ul li:last-child:before {
	display: none;
}
.cart_navi ul li.current {
	background: #545454;
	color: #fff;
}

#wc_cart .cart_page_title {
	text-align: center;
	margin-bottom: 20px;
	padding-left: 0;
}
#wc_cart .cart_page_title:before {
	display: none;
}
#wc_cart .no_cart {
	text-align: center;
}

#wc_cart #cart {
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #323232;
	width: calc(100% - 120px);
	padding: 40px 60px;
}
#cart table#cart_table {
	width: 100%;
	border: 0 !important;
	color: #323232;
}
#cart table#cart_table tr {
	border-bottom: 1px solid #dfdfdf;
}
#cart table#cart_table tfoot tr {
	border-bottom: 0;
}
#cart table#cart_table th {
	color: #323232;
	background: transparent;
	border: 0;
	padding: 10px 10px;
}
#cart table#cart_table td {
	border: 0;
	padding: 20px 10px;
	font-size: 95%;
}
#cart .num {
	width: 30px !important;
}
#cart .price, #cart .unitprice {
	width: 70px !important;
}
#cart input.quantity {
	padding: 7px 5px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}
#cart .subtotal {
	width: 70px !important;
}
#cart .stock {
	font-size: 90% !important;
	width: 65px;
}
#cart input.delButton {
	border: 0;
	background: transparent;
	font-size: 100%;
	text-decoration: underline;
	cursor: pointer;
}

#cart table#cart_table tfoot th {
	padding: 10px 0;
}
#cart table#cart_table tfoot th .currency_code {
	text-align: left;
}
#cart .upbutton {
	padding-right: 0 !important;
}
#cart .upbutton input {
	margin-left: 10px;
	display: inline-block;
	font-size: 100%;
	letter-spacing: .1rem;
	border: 0;
	background: #676767;
	color: #fff;
	width: 120px;
	border-radius: 5px;
	padding: 10px 0;
	cursor: pointer;
}
#cart table#cart_table tfoot th.aright {
	font-size: 110%;
	padding-top: 40px;
}
#cart table#cart_table tfoot th.aright span {
	font-family: "Manrope", sans-serif;
	font-size: 140%;
	font-weight: 500;
	margin-left: 10px;
}

#wc_cart .send {
	display: flex;
	max-width: 620px;
	margin: 0 auto;
	gap: 5px;
}
#wc_cart .send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	margin: 60px auto 0;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#wc_cart .send input.continue_shopping_button {
	background: #676767;
}
#wc_cart .send input.continue_shopping_button:hover {
	background: #787878;
}
#wc_cart .send input.to_customerinfo_button {
	background: #d71616;
}
#wc_cart .send input.to_customerinfo_button:hover {
	background: #d55252;
}

@media screen and (max-width: 960px) {
	.cart_navi ul {
		gap: 20px;
	}
	.cart_navi ul li {
		width: calc(25% - 15px);
		padding: 10px 0;
		font-size: 90%;
	}
	.cart_navi ul li:before {
		right: -15px;
	}
	
	#wc_cart #cart {
		width: calc(100% - 80px);
		padding: 40px 40px;
	}
	#cart table#cart_table thead {
		display: none;
	}
	#cart table#cart_table tbody {
		border-top: 1px solid #dfdfdf;
	}
	#cart table#cart_table tr {
		display: grid;
		grid-template-columns: repeat(14, 1fr);
		grid-template-rows: max-content;
	}
	#cart table#cart_table td {
		padding: 5px 5px;
		display: flex;
		align-items: center;
	}
	#cart table#cart_table td.num {
		grid-area: 1 / 1 / 5 / 2;
		justify-content: center;
		padding: 20px 5px;
	}
	#cart table#cart_table td.thumbnail {
		grid-area: 1 / 2 / 4 / 5;
		width: calc(100% - 10px);
		max-width: 120px;
		padding: 20px 5px 0;
	}
	#cart table#cart_table td.thumbnail a img {
		width: 100%;
	}
	#cart table#cart_table td.productname {
		grid-area: 2 / 5 / 3 / 15;
		padding-bottom: 0;
	}
	#cart table#cart_table td.unitprice {
		grid-area: 3 / 10 / 4 / 15;
		width: auto !important;
		justify-content: flex-end;
	}
	#cart table#cart_table td.unitprice:before {
		content: "単価：";
	}
	#cart table#cart_table td.quantity {
		grid-area: 3 / 5 / 4 / 10;
		width: auto !important;
	}
	#cart table#cart_table td.quantity:before {
		content: "数量：";
	}
	#cart table#cart_table td.subtotal {
		grid-area: 4 / 5 / 5 / 15;
		width: auto !important;
		justify-content: flex-end;
		padding: 0 5px 20px;
	}
	#cart table#cart_table td.subtotal:before {
		content: "金額(税込)：";
	}
	#cart table#cart_table td.stock {
		width: auto;
		text-align: left;
		grid-area: 1 / 5 / 2 / 15;
		padding: 20px 5px 0;
	}
	#cart table#cart_table td.stock:before {
		content: "在庫状態：";
	}
	#cart table#cart_table td.action {
		grid-area: 4 / 2 / 5 / 5;
		width: auto !important;
		padding-bottom: 20px;
	}
	
	#cart table#cart_table tfoot tr:nth-child(1) th:nth-child(1) {
		grid-area: 1 / 1 / 2 / 15;
	}
	#cart table#cart_table tfoot tr:nth-child(1) th:nth-child(2) {
		grid-area: 2 / 1 / 3 / 15;
		padding: 5px 0;
	}
	#cart table#cart_table tfoot th.aright {
		grid-area: 1 / 1 / 2 / 15;
		padding-top: 20px;
	}
}
@media screen and (max-width: 800px) {
	#cart .upbutton input {
		margin-left: 5px;
		width: 90px;
	}
}
@media screen and (max-width: 640px) {
	#wc_cart .cart_page_title {
		padding-bottom: 0;
	}
	#wc_cart #cart {
		width: calc(100% - 60px);
		padding: 30px 30px;
	}
	.cart_navi ul {
		gap: 20px;
		flex-direction: column;
	}
	.cart_navi ul li {
		width: 100%;
		padding: 10px 0;
		font-size: 90%;
	}
	.cart_navi ul li:before {
		top: auto;
		bottom: -15px;
		right: 0;
		left: 0;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-top: 8px solid #555555;
		border-bottom: 0;
	}
	
	#cart table#cart_table td.num {
		grid-area: 1 / 1 / 2 / 15;
		width: auto !important;
		padding: 15px 5px 5px;
		justify-content: flex-start;
	}
	#cart table#cart_table td.num:before {
		content: "No.";
	}
	#cart table#cart_table td.thumbnail {
		grid-area: 2 / 1 / 5 / 5;
		align-items: flex-start;
		padding: 0 10px 0 5px;
		width: calc(100% - 15px);
	}
	#cart table#cart_table td.productname {
		grid-area: 3 / 5 / 4 / 15;
	}
	#cart table#cart_table td.unitprice {
		grid-area: 4 / 10 / 5 / 15;
	}
	#cart table#cart_table td.quantity {
		grid-area: 4 / 5 / 5 / 10;
	}
	#cart table#cart_table td.subtotal {
		grid-area: 5 / 5 / 6 / 15;
		padding: 0 5px 15px;
	}
	#cart table#cart_table td.stock {
		grid-area: 2 / 5 / 3 / 15;
		padding: 0 5px;
	}
	#cart table#cart_table td.action {
		grid-area: 5 / 1 / 6 / 5;
		padding-bottom: 15px;
	}
	
	#cart .upbutton {
		text-align: center !important;
		white-space: normal;
		line-height: 150%;
	}
	#cart .upbutton input {
		width: 100%;
		display: block;
		max-width: 280px;
		margin: 10px auto 0;
	}
	#cart table#cart_table tfoot th.aright {
		font-size: 100%;
	}
	#cart table#cart_table tfoot th.aright span {
		font-size: 130%;
	}
}
@media screen and (max-width: 480px) {
	#wc_cart #cart {
		width: calc(100% - 40px);
		padding: 30px 20px;
	}
	
	#cart table#cart_table td.thumbnail {
		grid-area: 2 / 1 / 6 / 6;
	}
	#cart table#cart_table td.productname {
		grid-area: 3 / 6 / 4 / 15;
	}
	#cart table#cart_table td.unitprice {
		grid-area: 5 / 6 / 6 / 15;
	}
	#cart table#cart_table td.quantity {
		grid-area: 4 / 6 / 5 / 15;
		padding-bottom: 0;
	}
	#cart table#cart_table td.subtotal {
		grid-area: 6 / 6 / 7 / 15;
	}
	#cart table#cart_table td.stock {
		grid-area: 2 / 6 / 3 / 15;
	}
	#cart table#cart_table td.action {
		grid-area: 6 / 1 / 7 / 6;
	}
	
	#wc_cart .send {
		gap: 0;
		flex-direction: column;
		margin-top: 40px;
	}
	#wc_cart .send input {
		margin: 0 auto 0;
	}
}

/******************
お客様情報
******************/
#customer-info h2 {
	color: #323232 !important;
	font-size: 140% !important;
	letter-spacing: .2rem;
	line-height: 150% !important;
	font-weight: 400 !important;
	background-color: transparent !important;
	height: auto !important;
	padding: 0 !important;
	margin-bottom: 30px !important;
	border: 0 !important;
}
#wc_customer .customer-form {
	color: #323232;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	width: calc(100% - 162px);
	padding: 30px 80px 50px;
}
#wc_customer .error_message {
	font-weight: 400 !important;
	font-size: 100% !important;
	line-height: 200% !important;
}
#customer-info table {
	width: 100%;
	table-layout: fixed;
}
#customer-info tr {
	border-bottom: 1px dashed #b9b9b9;
}
#customer-info th {
	font-size: 100% !important;
	border: 0 !important;
	width: 250px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
}
#customer-info td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 !important;
}
#customer-info td input {
	display: inline-block;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
}
#wc_customer .customer-login {
	border-bottom: 1px solid #b9b9b9;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
#customer-info .customer_form input {
	margin-right: 0;
}
#customer-info .customer_form #loginmail {
	max-width: 380px;
	width: calc(100% - 32px) !important;
}
#customer-info .customer_form #loginpass {
	max-width: 220px;
	width: calc(100% - 32px);
}
#wc_customer .customer-login #nav {
	margin-top: 20px;
}
#wc_customer .customer-login #nav a {
	color: #323232;
	text-decoration: underline;
}
#customer-info .send {
	margin-top: 30px !important;
	padding-top: 0 !important;
	border: 0 !important;
}
#customer-info .send .to_memberlogin_button {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	margin: 0 auto;
	background: #d71616;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#customer-info .send .to_memberlogin_button:hover {
	background: #d55252;
}
#customer-info .customer_form input {
	margin: 0 !important;
}
#customer-info #zipcode_row td {
	padding-left: 50px !important;
}
#customer-info #zipcode_row td input {
	width: 140px !important;
}
#customer-info #zipcode_row td #search_zipcode {
	margin-left: 3px !important;
	width: auto !important;
	cursor: pointer;
}
#customer-info .customer_form #address1 {
	width: calc(100% - 32px) !important;
}
#customer-info .customer_form #mailaddress1,
#customer-info .customer_form #mailaddress2 {
	width: calc(100% - 32px) !important;
}
#customer-info .customer_form .password {
	max-width: 280px !important;
	width: calc(100% - 32px);
}
#customer-info .password_policy {
	font-size: 80%;
	color: #6b6b6b;
	line-height: 150%;
	margin-top: 5px;
}
#customer-info .customer-login-newmenber .send {
	display: flex;
	max-width: 820px;
	margin: 0 auto;
	gap: 10px;
}
#customer-info .customer-login-newmenber .send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#customer-info .customer-login-newmenber .send .back_cart_button {
	background: #b9b9b9;
}
#customer-info .customer-login-newmenber .send .back_cart_button:hover {
	background: #c2c2c2;
}
#customer-info .customer-login-newmenber .send .to_deliveryinfo_button {
	background: #d71616;
}
#customer-info .customer-login-newmenber .send .to_deliveryinfo_button:hover {
	background: #d55252;
}
#customer-info .customer-login-newmenber .send .to_reganddeliveryinfo_button {
	background: #474747;
}
#customer-info .customer-login-newmenber .send .to_reganddeliveryinfo_button:hover {
	background: #787878;
}

@media screen and (max-width: 960px) {
	#customer-info h2 {
		text-align: center;
	}
	#wc_customer .customer-form {
		width: calc(100% - 82px);
		padding: 30px 40px 50px;
	}
	#customer-info th {
		width: 200px !important;
	}
}
@media screen and (max-width: 800px) {
	#customer-info .customer-login th {
		width: 130px !important;
	}
	#customer-info .customer-login-newmenber th {
		display: block;
		width: 100% !important;
		padding: 20px 0 10px !important;
	}

	#customer-info .customer-login-newmenber td {
		display: block;
		width: 100% !important;
		padding: 0 0 20px !important;
	}
	#customer-info .customer-login-newmenber #name_row,
	#customer-info .customer-login-newmenber #furikana_row {
		display: flex;
		flex-wrap: wrap;
	}
	#customer-info .customer-login-newmenber #name_row td,
	#customer-info .customer-login-newmenber #furikana_row td {
		width: 50% !important;
	}
	#customer-info .customer-login-newmenber #zipcode_row td:before {
		top: 14px;
	}
	#customer-info .customer-login-newmenber .send {
		gap: 5px;
	}
}
@media screen and (max-width: 640px) {
	#wc_customer .customer-form {
		width: calc(100% - 62px);
		padding: 20px 30px 40px;
	}
	#customer-info h2 {
		font-size: 120% !important;
		letter-spacing: .1rem;
		margin-bottom: 20px !important;
	}
	#customer-info td input {
		padding: 10px 15px !important;
	}
	#customer-info .customer-login-newmenber #name_row td,
	#customer-info .customer-login-newmenber #furikana_row td {
		width: 100% !important;
	}
	#customer-info .customer-login-newmenber #name_row td:nth-child(2),
	#customer-info .customer-login-newmenber #furikana_row td:nth-child(2) {
		padding-bottom: 10px !important;
	}
	#customer-info .customer-login-newmenber #zipcode_row td:before {
		top: 9px;
	}
	#customer-info .customer-login-newmenber .send {
		gap: 0;
		flex-direction: column;
		align-items: center;
	}
	#customer-info .customer-login-newmenber .send input {
		max-width: 380px;
	}
}
@media screen and (max-width: 480px) {
	#wc_customer .customer-form {
		width: calc(100% - 42px);
		padding: 20px 20px 40px;
	}
	#customer-info .customer-login th {
		display: block;
		width: 100% !important;
		padding: 15px 0 5px !important;
	}
	#customer-info .customer-login td {
		padding: 0 0 15px !important;
		display: block;
		width: 100%;
	}
	#customer-info #zipcode_row td {
		padding-left: 40px !important;
	}
	#customer-info #zipcode_row td input {
		max-width: 140px !important;
		width: calc(100% - 147px) !important;
	}
	#customer-info #zipcode_row td #search_zipcode {
		padding: 10px 10px !important;
	}
}

/******************
配送・支払い方法
******************/
#wc_delivery .delivery-form {
	color: #323232;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	width: calc(100% - 162px);
	padding: 30px 80px 50px;
}
#wc_delivery .error_message {
	font-weight: 400 !important;
	font-size: 100% !important;
	line-height: 200% !important;
}
#wc_delivery .delivery-form table {
	width: 100%;
	table-layout: fixed;
	margin: 0 !important;
}
#wc_delivery .delivery-form table tr {
	border-bottom: 1px dashed #b9b9b9;
}
#wc_delivery .delivery-form table th {
	font-size: 100% !important;
	border: 0 !important;
	width: 200px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
}
#wc_delivery .delivery-form table td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 !important;
}
#delivery-info #delivery_table input {
	display: inline-block;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
}
#delivery-info #delivery_table #name_row input,
#delivery-info #delivery_table #furikana_row input {
	width: calc(100% - 82px) !important;
	margin: 0 !important;
}
#delivery-info #delivery_table #zipcode_row td {
	padding-left: 50px !important;
}
#delivery-info #delivery_table #zipcode_row #zipcode {
	width: 140px !important;
}
#delivery-info #delivery_table #zipcode_row #search_zipcode {
	font-size: 80% !important;
}
#delivery-info #delivery_table #address1_row input {
	width: calc(100% - 32px) !important;
}
#delivery-info #time select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	padding: 15px 40px 15px 15px;
	font-size: 100%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	background: url(./images/common/select_icon.svg) no-repeat right 15px top 20px /11px;
	background-color: #fff;
}
#delivery-info .customer_form dt {
	font-size: 100% !important;
	padding-top: 30px !important;
	margin-bottom: 5px;
}
#delivery-info .customer_form dt input[type="radio"] {
	margin-right: 5px;
}
#delivery-info .customer_form dt:first-child { 
	padding-top: 0 !important;
}
#delivery-info .customer_form dd {
	font-size: 100% !important;
	padding-left: 25px !important;
}
#delivery-info #time textarea, #delivery-info .notes {
	width: calc(100% - 32px) !important;
	display: inline-block;
	font-size: 100%;
	padding: 15px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
}
#delivery-info .send {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0px;
	gap: 10px;
	margin-top: 30px !important;
	padding-top: 0 !important;
	border: 0 !important;
}
#delivery-info .send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#delivery-info .send .back_to_customer_button {
	background: #474747;
}
#delivery-info .send .back_to_customer_button:hover {
	background: #787878;
}
#delivery-info .send .to_confirm_button {
	background: #d71616;
}
#delivery-info .send .to_confirm_button:hover {
	background: #d55252;
}

.escott_agreement_message {
	width: calc(100% - 40px) !important;
	height: 300px !important;
	padding: 10px 20px;
	font-size: 90%;
}
.send.agree_form_send,
.send.settlement_form_send {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.send.agree_form_send input,
.send.settlement_form_send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	font-size: 90%;
	width: 180px;
	padding: 10px 0;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
}
.send.agree_form_send input.back_to_delivery_button,
.send.settlement_form_send input.back_to_delivery_button {
	background: #676767;
}
.send.agree_form_send input.to_confirm_button,
.send.settlement_form_send input.to_confirm_button  {
	background: #d71616;
}

#escott-token-dialog table input {
	display: inline-block;
	font-size: 100%;
	padding: 10px 15px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	outline: none;
	line-height: 100% !important;
	margin-right: 10px;
}
#escott-token-dialog table select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	padding: 10px 40px 10px 15px;
	font-size: 100%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	background: url(./images/common/select_icon.svg) no-repeat right 15px top 16px /11px;
	background-color: #fff;
	margin-right: 10px;
}

.ui-dialog-titlebar {
	font-weight: 400 !important;
}
#escott-token-dialog table tr {
	border-bottom: 1px dashed #b9b9b9;
}
#escott-token-dialog table th {
	width: 160px;
	font-size: 90%;
}
#escott-token-dialog table td {
	padding: 15px 0;
	font-size: 90%;
}
#escott-token-dialog table tr:first-child td,
#escott-token-dialog table tr:first-child th{
	padding-top: 0;
}
#escott-token-dialog table td .attention {
	font-size: 95%;
	line-height: 150%;
	margin-top: 5px;
	color: #6a6a6a;
}
.ui-button.ui-dialog-titlebar-close {
	color: #fff !important;
}
.ui-button.ui-dialog-titlebar-close:before {
	content: "×";
	font-size: 210%;
	width: auto;
	height: auto;
	line-height: 90%;
	color: #323232;
}

@media screen and (max-width: 960px) {
	#wc_delivery .delivery-form {
		width: calc(100% - 82px);
		padding: 20px 40px 40px;
	}
	#wc_delivery .delivery-form table th {
		width: 130px !important;
	}
}
@media screen and (max-width: 800px) {
	#wc_delivery .delivery-form table th {
		display: block;
		width: 100% !important;
		padding: 20px 0 10px !important;
	}
	#wc_delivery .delivery-form table td {
		display: block;
		width: 100% !important;
		padding: 0 0 20px !important;
	}
	#wc_delivery .delivery-form #delivery_flag tr th {
		padding-top: 0 !important;
	}
	#wc_delivery .delivery-form #delivery_flag tr:first-child {
		border-bottom: 0;
	}
	#wc_delivery .delivery-form #delivery_flag tr td:nth-child(2) {
		padding-bottom: 10px !important;
	}
	#wc_delivery .delivery-form table #name_row,
	#wc_delivery .delivery-form table #furikana_row {
		display: flex;
		flex-wrap: wrap;
	}
	#wc_delivery .delivery-form table #name_row th,
	#wc_delivery .delivery-form table #furikana_row th {
		width: 100%;
	}
	#wc_delivery .delivery-form table #name_row td,
	#wc_delivery .delivery-form table #furikana_row td {
		width: 50% !important;
	}
	#wc_delivery .delivery-form table #zipcode_row td {
		display: flex !important;
	}
	#wc_delivery .delivery-form table #zipcode_row td:before {
		top: 14px;
	}
}
@media screen and (max-width: 640px) {
	#wc_delivery .delivery-form {
		width: calc(100% - 62px);
		padding: 20px 30px 40px;
	}
	#delivery-info #delivery_table input {
		padding: 10px 15px !important;
	}
	#states_row td select {
		padding: 10px 40px 10px 15px;
		background: url(./images/common/select_icon.svg) no-repeat right 15px top 15px /11px;
		background-color: #fff;
	}
	#wc_delivery .delivery-form table #name_row td,
	#wc_delivery .delivery-form table #furikana_row td {
		width: 100% !important;
	}
	#wc_delivery .delivery-form table #name_row td:nth-child(2),
	#wc_delivery .delivery-form table #furikana_row td:nth-child(2) {
		padding-bottom: 10px !important;
	}
	#wc_delivery .delivery-form table #zipcode_row td:before {
		top: 9px;
	}
	#delivery-info #time select {
		padding: 10px 40px 10px 15px;
		background: url(./images/common/select_icon.svg) no-repeat right 15px top 15px /11px;
		background-color: #fff;
	}
	
	#escott-token-dialog table input {
		display: block;
	}
	#escott-token-dialog table th {
		text-align: left;
		width: 100%;
		display: block;
		padding-top: 10px;
	}
	#escott-token-dialog table td {
		padding: 0 0 10px;
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 480px) {
	#wc_delivery .delivery-form {
		width: calc(100% - 42px);
		padding: 20px 20px 40px;
	}
	#delivery-info #delivery_table #zipcode_row td {
		padding-left: 40px !important;
		width: calc(100% - 40px) !important;
	}
	#delivery-info #delivery_table #zipcode_row #zipcode {
		width: 100% !important;
	}
	#delivery-info #delivery_table #zipcode_row #search_zipcode {
		padding: 10px 10px !important;
	}
	#delivery-info .customer_form dd {
		padding-left: 0 !important;
	}
	#delivery-info .send {
		flex-direction: column;
		gap: 0;
		align-items: center;
	}
}

/******************
内容確認
******************/
#info-confirm .confiem_notice {
	text-align: center;
	margin-bottom: 40px;
}
#wc_confirm .confirm-form {
	color: #323232;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	width: calc(100% - 162px);
	padding: 30px 80px 50px;
}
#wc_confirm .confirm-form #cart {
	margin-bottom: 40px;
}
#wc_confirm #cart_table .action {
	display: none;
}
#wc_confirm #cart_table tfoot th {
	padding: 5px 0 !important;
	font-size: 100% !important;
}
#wc_confirm #cart_table tfoot td {
	padding: 5px 0 !important;
	font-size: 100% !important;
}
#wc_confirm #cart_table tfoot tr:first-child th {
	padding-top: 15px !important;
}
#wc_confirm #cart_table tfoot tr.total th {
	text-align: right;
	padding-top: 20px !important;
}
#wc_confirm #cart_table tfoot tr.total .txt {
	font-size: 110% !important;
	margin-right: 30px;
}
#wc_confirm #cart_table tfoot tr.total .price {
	font-family: "Manrope", sans-serif;
	font-size: 140% !important;
	font-weight: 500;
	color: #323232;
}

#wc_confirm .confirm-form #confirm_table {
	
}
#wc_confirm .confirm-form #confirm_table tr {
	border-bottom: 1px dashed #b9b9b9;
}
#wc_confirm .confirm-form #confirm_table th {
	font-size: 100% !important;
	border: 0 !important;
	width: 250px !important;
	padding: 20px 0 !important;
	color: #323232 !important;
	font-weight: 400 !important;
	background: transparent !important;
}
#wc_confirm .confirm-form #confirm_table td {
	font-size: 100% !important;
	border: 0 !important;
	padding: 20px 0 !important;
}
#wc_confirm .confirm-form #confirm_table .ttl {
	background: transparent;
}
#wc_confirm .confirm-form #confirm_table .ttl td {
	padding-top: 40px !important;
}
#wc_confirm .confirm-form #confirm_table .ttl h3 {
	font-size: 140%;
	color: #323232;
	font-weight: 400;
	letter-spacing: .2rem;
	text-align: center;
}
#info-confirm .send {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0px;
	gap: 10px;
	margin-top: 30px !important;
	padding-top: 0 !important;
	border: 0 !important;
}
#info-confirm .send input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	border: 0;
	font-size: 100%;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s all ease;
}
#info-confirm .send input.back_to_delivery_button {
	background: #474747;
}
#info-confirm .send input.back_to_delivery_button:hover {
	background: #787878;
}
#info-confirm .send input.checkout_button {
	background: #d71616;
}
#info-confirm .send input.checkout_button:hover {
	background: #d55252;
}

.wc_confirm_notes_area .ttl {
	font-size: 110%;
	margin-bottom: 10px;
}
.wc_confirm_notes_area a {
	text-decoration: underline;
	color: #323232;
}

@media screen and (max-width: 960px) {
	#wc_confirm .confirm-form {
		width: calc(100% - 82px);
		padding: 30px 40px 50px;
	}
	#wc_confirm #cart_table tr {
		
	}
	#wc_confirm #cart_table td.num {
		grid-area: 1 / 1 / 6 / 2 !important;
	}
	#wc_confirm #cart_table td.thumbnail {
		grid-area: 1 / 2 / 6 / 5 !important;
		padding: 20px 5px !important;
	}
	#wc_confirm #cart_table td.thumbnail img {
		width: 100%;
	}
	#wc_confirm #cart_table td.productname {
		grid-area: 1 / 5 / 2 / 15 !important;
		padding-top: 20px;
	}
	#wc_confirm #cart_table td.unitprice {
		grid-area: 2 / 10 / 3 / 15 !important;
	}
	#wc_confirm #cart_table td.quantity {
		grid-area: 2 / 5 / 3 / 10 !important;
	}
	#wc_confirm #cart_table td.subtotal {
		grid-area: 3 / 5 / 4 / 15 !important;
	}
	
	#wc_confirm #cart_table tfoot tr:first-child th {
		padding-bottom: 0 !important;
	}
	#wc_confirm #cart_table tfoot td {
		padding: 0 !important;
	}
	#wc_confirm #cart_table tfoot .currency-code {
		grid-area: 1 / 1 / 2 / 3 !important;
	}
	#wc_confirm #cart_table tfoot .total-label {
		grid-area: 1 / 13 / 3 / 14 !important;
	}
	#wc_confirm #cart_table tfoot .total-price {
		grid-area: 1 / 14 / 2 / 15 !important;
		width: 90px;
	}
	#wc_confirm #cart_table tfoot .shipping-label,
	#wc_confirm #cart_table tfoot .cod-label,
	#wc_confirm #cart_table tfoot .tax-label,
	#wc_confirm #cart_table tfoot .points-label {
		grid-area: 1 / 13 / 3 / 14 !important;
		display: block;
	}
	#wc_confirm #cart_table tfoot .shipping-price,
	#wc_confirm #cart_table tfoot .cod-price,
	#wc_confirm #cart_table tfoot .tax-price,
	#wc_confirm #cart_table tfoot .points-price {
		grid-area: 1 / 14 / 2 / 15 !important;
		width: 90px;
		display: block;
	}
	#wc_confirm #cart_table tfoot tr.total {
		display: block !important;
	}
	#wc_confirm #cart_table tfoot tr.total th {
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 800px) {
	#wc_confirm .confirm-form #confirm_table th {
		width: 180px !important;
	}
}
@media screen and (max-width: 640px) {
	#wc_confirm .confirm-form {
		width: calc(100% - 62px);
		padding: 20px 30px 40px;
	}
	#wc_confirm .confirm-form #confirm_table .ttl h3 {
		font-size: 120%;
		letter-spacing: .1rem;
	}
	#wc_confirm #cart_table td.num {
		grid-area: 1 / 1 / 2 / 15 !important;
		padding: 10px 5px 5px !important;
	}
	#wc_confirm #cart_table td.thumbnail {
		grid-area: 2 / 1 / 5 / 5 !important;
		padding: 0 5px 15px !important;
	}
	#wc_confirm #cart_table td.productname {
		grid-area: 2 / 5 / 3 / 15 !important;
		padding-top: 0 !important;
	}
	#wc_confirm #cart_table td.unitprice {
		grid-area: 3 / 10 / 4 / 15 !important;
	}
	#wc_confirm #cart_table td.quantity {
		grid-area: 3 / 5 / 4 / 10 !important;
	}
	#wc_confirm #cart_table td.subtotal {
		grid-area: 4 / 5 / 5 / 15 !important;
	}
	
	#wc_confirm #cart_table tfoot tr.total .price {
		font-size: 120% !important;
	}
	
	#wc_confirm .confirm-form #confirm_table th {
		width: 130px !important;
	}
}
@media screen and (max-width: 480px) {
	#wc_confirm .confirm-form {
		width: calc(100% - 42px);
		padding: 20px 20px 40px;
	}
	#wc_confirm #cart_table td.thumbnail {
		grid-area: 2 / 1 / 6 / 5 !important;
	}
	#wc_confirm #cart_table td.unitprice {
		grid-area: 4 / 5 / 5 / 15 !important;
	}
	#wc_confirm #cart_table td.quantity {
		grid-area: 3 / 5 / 4 / 15 !important;
	}
	#wc_confirm #cart_table td.subtotal {
		grid-area: 5 / 5 / 6 / 15 !important;
	}
	
	#wc_confirm #cart_table tfoot .currency-code {
		grid-area: 1 / 1 / 2 / 15 !important;
		margin-top: 15px;
	}
	#wc_confirm #cart_table tfoot tr:first-child th {
		padding-top: 0 !important;
	}
	#wc_confirm #cart_table tfoot .total-label {
		grid-area: 2 / 13 / 3 / 14 !important;
	}
	#wc_confirm #cart_table tfoot .total-price {
		grid-area: 2 / 14 / 2 / 15 !important;
	}
	
	#wc_confirm .confirm-form #confirm_table th {
		display: block;
		width: 100% !important;
		padding-bottom: 0 !important;
	}
	#wc_confirm .confirm-form #confirm_table td {
		padding: 10px 0 20px !important;
		display: block;
		width: 95% !important;
		margin: 0 auto;
	}
	
	#info-confirm .send {
		flex-direction: column;
		gap: 10px;
	}
	#info-confirm .send input {
		margin: 0 auto;
	}
}


/******************
注文完了
******************/
#cart_completion h2 {
	font-size: 140%;
	font-weight: 400;
	letter-spacing: .2rem;
	margin-bottom: 20px;
	text-align: center;
}
#cart_completion .header_explanation {
	text-align: center;
	line-height: 200%;
}
#cart_completion .send a {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	display: block;
	margin: 20px auto 0;
	border: 0;
	font-size: 100%;
	background: #676767;
	color: #fff;
	max-width: 280px;
	width: 100%;
	padding: 15px 0;
	border-radius: 5px;
	text-align: center;
	transition: .3s all ease;
}
#cart_completion .send a:hover {
	background: #787878;
}

@media screen and (max-width: 740px) {
	#cart_completion .header_explanation {
		text-align: left;
	}
}
@media screen and (max-width: 640px) {
	#cart_completion h2 {
		font-size: 120%;
		letter-spacing: .1rem;
	}
}
@media screen and (max-width: 330px) {
	#cart_completion h2 {
		letter-spacing: 0;
	}
}

/******************
商品一覧
******************/

.ec-items-section .ec-main-items {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
	margin-bottom: 80px;
}
.ec-items-section .ec-main-items article {
	width: calc(50% - 10px);
}
.ec-items-section article a {
	display: block;
}
.ec-items-section .itemimg {
	margin-bottom: 10px;
}
.ec-items-section .itemimg img {
	width: 100%;
}
.ec-items-section .ec-main-items .itemname {
	font-size: 110%;
	margin-bottom: 5px;
}
.ec-items-section .ec-main-items .itemprice-area {
	
}
.ec-items-section .ec-main-items .itemprice {
	font-size: 140%;
}

.ec-items-section .ec-items {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
}
.ec-items-section .ec-items article {
	width: calc(25% - 15px);
}
.ec-items-section .ec-items .itemname {
	font-size: 100%;
}
.ec-items-section .ec-items .itemprice {
	font-size: 120%;
}

@media screen and (max-width: 960px) {
	.ec-items-section .ec-items article {
		width: calc(33.33% - 13.33px);
	}
}
@media screen and (max-width: 640px) {
	.ec-items-section .ec-items article {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 480px) {
	.ec-items-section .ec-main-items {
		flex-direction: column;
		gap: 30px 0;
	}
	.ec-items-section .ec-main-items article {
		width: 100%;
	}
}

/******************
商品詳細ページ
******************/
#itempage .itempage-upper {
	display: flex;
	gap: 40px;
	margin-bottom: 80px;
}
#itempage #img-box {
	width: calc(40% - 20px);
}
#itempage #item-info {
	width: calc(60% - 20px);
}
#itempage #img-box .item-main {
	margin-bottom: 15px;
}
#itempage #img-box .item-main li {
	display: none;
}
#itempage #img-box .item-main li.item1 {
	display: block;
}
#itempage #img-box .item-main li img {
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#itempage #img-box .item-thumb {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#itempage #img-box .item-thumb li {
	width: calc(25% - 7.5px);
	cursor: pointer;
}
#itempage #img-box .item-thumb li img {
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#itempage h2 {
	font-size: 140%;
	font-weight: 400;
	margin-bottom: 40px;
	line-height: 180%;
}
#itempage #item-info .detail-box {
	margin-bottom: 40px;
}

#itempage #item-info .detail-box table {
	width: 100%;
}
#itempage #item-info .detail-box table tr {
	border-bottom: 1px dashed#b9b9b9;
}
#itempage #item-info .detail-box table tr:first-child {
	border-top: 1px dashed#b9b9b9;
}
#itempage #item-info .detail-box table th {
	width: 120px;
	background: #ebebeb;
	padding: 10px 0;
}
#itempage #item-info .detail-box table td {
	padding: 10px 20px;
}

#itempage #item-info .detail-box p a {
	text-decoration: underline;
	color: inherit;
}

#itempage .skuform {
	border-top: 1px solid #b9b9b9;
	padding: 20px 0;
}
#itempage .field {
	border: 0 !important;
}
#itempage .field .field_price {
	font-weight: 400 !important;
	font-size: 180% !important;
}

#itempage .field .field_price .field_cprice {
	display: block;
	font-size: 55%;
	margin-bottom: 5px;
}
#itempage .field .field_price .field_cprice:before {
	content: "定価：";
}
#itempage .skuform .quantity {
	display: block;
}
#itempage .skuform .skuquantity {
	width: 40px !important;
	padding: 7px 10px !important;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	font-size: 90%;
	margin: 0 0 0 10px !important;
}
#itempage .skuform .cart-button {
	display: block;
	margin: 30px 0 0 auto;
	max-width: 320px;
}

#itempage .skuform .cart-button input {
	font-family: "Shippori Mincho","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
	border: 0;
	font-size: 100%;
	color: #fff;
	width: 100%;
	padding: 20px 0;
	border-radius: 5px;
	cursor: pointer;
	background: #d71616;
	transition: .3s all ease;
}
#itempage .skuform .cart-button input:hover {
	background: #d55252;
}

#itempage .skuform dl.item-sku {
	display: block;
	border: 0 !important;
	padding: 0;
}
#itempage .skuform dl.item-sku dt {
	display: block;
	background: transparent;
	border: 0;
	font-weight: 400;
	padding: 0;
	margin-bottom: 5px;
}
#itempage .skuform dl.item-sku dd {
	display: block;
	padding: 0;
	border: 0;
	margin-bottom: 20px !important;
}
#itempage .skuform dl.item-sku dd select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	padding: 10px 40px 10px 15px;
	color: #323232;
	font-size: 90%;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	background: url(./images/common/select_icon.svg) no-repeat right 15px top 15px /11px;
	background-color: #fff;
}

.itempage-back {
	max-width: 320px;
	margin: 0 auto;
	text-align: center;
}
.itempage-back a {
	color: #fff;
	display: block;
	background: #676767;
	padding: 15px 0;
	border-radius: 5px;
	transition: .3s all ease;
}
.itempage-back a:hover {
	background: #787878;
}

@media screen and (max-width: 740px) {
	#itempage .itempage-upper {
		flex-direction: column;
	}
	#itempage #img-box {
		width: 100%;
	}
	#itempage #item-info {
		width: 100%;
	}
	#itempage .skuform .cart-button {
		margin: 30px auto;
	}
}
@media screen and (max-width: 640px) {
	#itempage h2 {
		margin-bottom: 20px;
	}
	
	#itempage #item-info .detail-box table th {
		display: block;
		width: calc(100% - 20px);
		padding: 10px 10px;
		text-align: left;
	}
	#itempage #item-info .detail-box table td {
		padding: 10px 10px;
		display: block;
		width: calc(100% - 20px);
	}
	#itempage #item-info .detail-box table tr {
		border-bottom: 0;
	}
	#itempage #item-info .detail-box table tr:first-child {
		border-top: 0;
	}
	
	#itempage .field .field_price {
		margin: 20px 0 !important;
	}
}


/*予約商品関連*/
.itemsoldout .soldout-txt {
	background-color: #f4f0da;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	color: #ff0000;
}
.soldout-reserve {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #b9b9b9;
}
.soldout-reserve .reserve-btn {
	margin-top: 20px;
	text-align: right;
}
.soldout-reserve .reserve-btn a {
	max-width: 320px;
	text-align: center;
	display: inline-block;
	color: #fff;
	width: 100%;
	padding: 20px 0;
	border-radius: 5px;
	cursor: pointer;
	background: #c29c65;
	transition: .3s all ease;
}
.soldout-reserve .reserve-btn a:hover {
	background: #c9ae86;
}

.item-description .reserve-notice {
	background-color: #f4f0da;
	padding: 20px 40px;
	text-align: center;
}
.item-description .reserve-notice .title {
	letter-spacing: .05rem;
	margin-bottom: 5px;
}
.item-description .reserve-notice a {
	display: inline-block;
	background: #b38346;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 0;
	width: 100%;
	max-width: 280px;
	text-align: center;
	margin-top: 10px;
	border-radius: 5px;
	transition: .3s all ease;
}
.item-description .reserve-notice a:hover {
	background: #c99e66;
}

@media screen and (max-width: 740px) {
	.soldout-reserve .reserve-btn {
		text-align: center;
	}
}

@media screen and (max-width: 640px) {
	.item-description .reserve-notice {
		padding: 20px 20px;
	}
	.item-description .reserve-notice .title {
		letter-spacing: 0;
	}
	.item-description .reserve-notice .title span {
		font-size: 105% !important;
	}
}