@charset "utf-8";

/* Webフォント */

@import url('https://fonts.googleapis.com/css2?family=Lexend+Peta:wght@100&display=swap');

/* CSS Document */

:root {
	--item-white-color: #ffffff;
	--item-basic-blue-color: #1c2252;
	--item-basic-blue-light-color: #494e75;
	--item-back-light-color: #e1e5ea;
	--item-back-dark-color: #b4bfcb;
	--item-line-blue-color: #005fb2;
}

a:hover {
	text-decoration: none !important;
}



/* =cart
-------------------------------------------------------------- */

/*---- page-title ---*/
.cart_page_title {
	margin: 0 auto 1.25em;
	color: var(--item-basic-blue-color);
}
.cart_page_title:before {
	content: "〉";
}

div.cart_navi ul {
	width: 100%;
	margin: 30px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
div.cart_navi li {
	background: var(--item-back-light-color);
	color: #4d4d4d;
	border-radius: 3px;
	width: fit-content;
}
div.cart_navi li::before {
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background: var(--item-back-light-color);
}
div.cart_navi li::after {
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background: var(--item-back-light-color);
}
div.cart_navi li:last-child::before,
div.cart_navi li:last-child::after {
	display: none;
}
div.cart_navi li.current,
div.cart_navi li.current::before,
div.cart_navi li.current::after {
	background-color: var(--item-back-dark-color);
	color: var(--item-white-color);
}

/*---- send ---*/
.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button {
	background-color: var(--item-basic-blue-color);
	color: var(--item-white-color);
}

.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover {
	background-color: var(--item-basic-blue-light-color);
}
.send .continue_shopping_button,
.send .back_to_top_button,
.send .back_cart_button,
.send .back_to_customer_button,
.send .back_to_delivery_button {
	background-color: var(--item-back-light-color);
	color: #4d4d4d;
}
.send .continue_shopping_button:hover,
.send .back_to_top_button:hover,
.send .back_cart_button:hover,
.send .back_to_customer_button:hover,
.send .back_to_delivery_button:hover {
	background-color: var(--item-back-dark-color);
	color: var(--item-white-color);
}

/*---- footer_explanation ---*/
.withtext {
	border-top: 1px solid #cccccc;
	margin-top: 45px;
	padding-top: 15px;
}

/*---- cart_table ---*/
#cart_table th {
	background-color: var(--item-back-light-color);
}
#cart .action input.delButton {
	width: 25px;
	height: 25px;
	margin:0 auto;
	padding: 0;
	font-family: 'Lexend Peta', sans-serif;
	font-size: 1.5em;
	color: var(--item-white-color);
	background-color: #808080;
	line-height: 0;
	border-radius: 0 !important;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#cart .action input.delButton:hover {
	background-color: #a0a0a0;
}

/*---- customer_form ---*/
.customer_form td .in_form_text {
	color: #000000;
}

/* =wc_cart_page.php
-------------------------------------------------------------- */

#wc_cart #cart .upbutton input,
#paypal_dialog #paypal_use_point {
	border: 1px solid var(--item-line-blue-color);
	background-color: var(--item-white-color);
	color: var(--item-line-blue-color);
}

#wc_cart #cart .upbutton input:hover,
#paypal_dialog #paypal_use_point:hover {
	background-color: var(--item-back-light-color);
	color: var(--item-line-blue-color);
}

/* =wc_customer_page.php
-------------------------------------------------------------- */
#customer-info h5 {
	margin: 1.42857em 0 10px;
	padding: .357143em 0 0 .357143em;
	border-bottom: none;
	color: var(--item-basic-blue-color);
}
#wc_customer .send input.to_reganddeliveryinfo_button {
	margin-top: .714286em;
	background-color: var(--item-basic-blue-color);
	color: var(--item-white-color);
}

#wc_customer .send input.to_reganddeliveryinfo_button:hover {
	background-color: var(--item-basic-blue-light-color);
}

/* =wc_confirm_page.php
-------------------------------------------------------------- */
#point_table td input.use_point_button,
#cart #coupon_table td .use_coupon_button {
	border: 1px solid var(--item-line-blue-color);
	background-color: var(--item-white-color);
	color: var(--item-line-blue-color);
}

#point_table td input.use_point_button:hover,
#cart #coupon_table td .use_coupon_button:hover {
	background-color: var(--item-back-light-color);
	color: var(--item-line-blue-color);
}

/* =wc_completion_page.php
-------------------------------------------------------------- */
#wc_ordercompletion a.redownload_button {
	background-color: var(--item-basic-blue-color);
}

#wc_ordercompletion a.redownload_button:hover {
	background-color: var(--item-basic-blue-light-color);
}


/* =member
-------------------------------------------------------------- */

/*---- page-title ---*/
.member_page_title {
	margin: 0 auto 1.25em;
	color: var(--item-basic-blue-color);
}
.member_page_title:before {
	content: "〉";
}
.member-page #memberinfo .send input.deletemember,
.member-page .send input {
	background-color: var(--item-basic-blue-color);
	color: var(--item-white-color);
}
.member-page #memberinfo .send input.deletemember:hover,
.member-page .send input:hover {
	background-color: var(--item-basic-blue-light-color);
}
.member-page #memberinfo .send input.top,
.member-page .send input.top,
.member-page .send input.top.back,
#memberpages .send a {
	background-color: var(--item-back-light-color);
	color:#4d4d4d;
	padding:15px 25px;
	border-radius: 3px;
}
.member-page .send:has(a) {
	margin-top: 10px;
}
.member-page #memberinfo .send input.top:hover,
.member-page .send input.top:hover,
.member-page .send input.top.back:hover,
#memberpages .send a:hover {
	background-color: var(--item-back-dark-color);
	color: var(--item-white-color);
}

/* =wc_login_page.php
-------------------------------------------------------------- */

#wc_login .loginbox #member_login,
#wc_member .loginbox #member_login {
	background-color: var(--item-basic-blue-color);
}
#wc_login .loginbox #member_login:hover,
#wc_member .loginbox #member_login:hover {
	background-color: var(--item-basic-blue-light-color);
}
#wc_login .loginbox .new-entry #nav a,
#wc_member .loginbox .new-entry #nav a {
	background-color: var(--item-basic-blue-color);
}
#wc_login .loginbox .new-entry #nav a:hover,
#wc_member .loginbox .new-entry #nav a:hover {
	background-color: var(--item-basic-blue-light-color);
}

/* =wc_changepassword_page.php,  =wc_lostpassword_page.php
-------------------------------------------------------------- */
#wc_changepassword #member_login,
#wc_lostmemberpassword #member_login {
	background-color: var(--item-basic-blue-color);
}

#wc_changepassword #member_login:hover,
#wc_lostmemberpassword #member_login:hover {
	background-color: var(--item-basic-blue-light-color);
}

/* =wc_member_completion_page.php
-------------------------------------------------------------- */
#wc_newcompletion #memberpages,
#wc_lostcompletion #memberpages,
#wc_changepasscompletion #memberpages {
	text-align: left;
}

/* =wc_member_page.php
-------------------------------------------------------------- */
/*---- retail ---*/
#memberinfo .retail td.thumbnail {
	width: 70px;
}
#memberinfo .retail td.thumbnail img {
	width: 60px !important;
	height: 60px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: auto;
	object-fit: cover;
}
#memberinfo table.retail .redownload_link a {
	background-color: var(--item-basic-blue-color);
}
.rightnum.tax {
	white-space: nowrap;
}

/* Lost Password Page */

.loginbox p#nav {
    margin-top: 15px;
}

/**
 * Mobile
 */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 620px) {
	div.cart_navi ul {
		display: block;
		width: 100%;
		margin: 30px auto;
	}
	div.cart_navi ul li {
		width: 24.5%;
		font-size: 1em;
	}
	div.cart_navi li::before {
		-webkit-transform: skew(40deg);
		-moz-transform: skew(40deg);
		-o-transform: skew(40deg);
		transform: skew(40deg);
		background: var(--item-back-light-color);
	}
	div.cart_navi li::after {
		-webkit-transform: skew(-40deg);
		-moz-transform: skew(-40deg);
		-o-transform: skew(-40deg);
		transform: skew(-40deg);
		background: var(--item-back-light-color);
	}
	div.cart_navi li:last-child::before,
	div.cart_navi li:last-child::after {
		display: block;
		width: 40px;
		transform: none;
	}
	div.cart_navi li:last-child::before {
		border-radius: 0 3px 0 0;
		margin: 0 -32px -20px auto;
	}
	div.cart_navi li:last-child::after {
		border-radius: 0 0 3px 0;
		margin: -20px -32px 0 auto;
	}

	#cart_table .thumbnail {
		width: 90px;
	}
	#cart_table .thumbnail img {
		width: 80px !important;
		height: 80px;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: auto;
		object-fit: cover;
	}
	.customer_form .notes {
		width: 100%;
	}
}

@media only screen and (min-width: 740px) {
}