@charset "utf-8";
:root{
	--C_color_text_1: #000000;
}

.extra-block,
.extra-table-cart,
.extra-block-title,
.extra-block-subtitle,
.cart-events,
.field-rows,
.extra-border-box {
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 1.8;
	color: var(--C_color_text_1);
}
.mb1{
	margin-bottom: 60px;
}
.mb2{
	margin-bottom: 30px;
}
.extra-block.c2 {
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}
.extra-block.shrink{
	padding-right: 15px;
	padding-left: 15px;
}
.extra-block.center {
	float: none;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.extra-block .cart-step {
	display: table;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 35px;
	padding-bottom: 45px;
}
.extra-block .cart-step .items {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.extra-block .cart-step .items.space {
	width: 46px;
}
.extra-block .cart-step .items img{
	display: block;
	margin: 0 auto;
}
.extra-table-cart {
	border-collapse: collapse;
	border-spacing: 0px;
}
.extra-table-cart-rows .nowrap{white-space: nowrap;}
.extra-table-cart tr td{
	padding: 25px 20px;
	text-align: center;
}

.extra-table-cart .extra-table-field-name td,
.extra-block-title {
	position: relative;
	height: 46px;
	line-height: 46px;
	padding: 0px;
	background-color: #3f80a4;
}
.extra-table-cart .extra-table-field-name td{
	color: #ffffff;
	padding-right: 15px;
	padding-left: 15px;
	white-space: nowrap;
}
.extra-table-field-name td:not(:last-child):after{
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #3f80a4;
	height: 18px;
	width: 1px;
	margin: auto;
}
.extra-table-cart .w1,
.extra-table-cart .w2 {
	
}
.extra-table-cart-rows td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9bc8d8;
}
.extra-table-cart-rows .image {
	width: 144px;
	text-align: center;
	vertical-align: middle;
}
.extra-table-cart-rows .image img{
	border-radius: 10px;
}
.extra-table-cart-rows .title {
	text-align: left;
}
.extra-table-cart-rows .title i {
	display: block;
	font-style: normal;	
	line-height: 19px;
}
.extra-table-cart-rows .title .name {
	text-decoration: none;
}
.extra-table-cart-rows .title .number {
	font-size: 18px;
	color: #3f80a4;
	margin-bottom: 5px;
}
.extra-table-cart-rows .delete {
	color: #323232;
}
.extra-table-cart.order .extra-table-cart-rows td {
	width: 16.66%;
}
.extra-table-cart.order .extra-table-cart-rows td .link {
	color: #5D5D5D;
	text-decoration: none;
}
.extra-table-cart.order .extra-table-cart-rows td .link:before {
	font-family: FontAwesome;
	content: ' \f00e';
}
.extra-table-cart.order .extra-table-cart-rows:hover td,
.extra-table-cart.order .extra-table-cart-rows:hover td .link,
.extra-table-cart.order.show .extra-table-cart-rows td{
	color: #000000;	/*background-color: #FDFDFD;*/
}


.extra-table-cart.end {
	padding-right: 15px;
	padding-left: 15px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 40px;
}
.extra-table-cart .items{
}
.extra-table-cart.end .items {
	clear: right;
	float: right;
	line-height: 28px;
}
.extra-table-cart.end .items .mark {
	float: left;
}
.extra-table-cart.end .items .paytotal{
	color: #d24127;
}
.qty-box {
	border: 1px solid #9bc8d8;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: var(--C_color_text_1);
	background-color: #ffffff;
	width: 120px;
	align-items: stretch;
	margin-right: auto;
	margin-left: auto;
}
.qty-box .button {
	width: 30px;
}
.qty-box .button svg{
	height: 16px;
	width: 16px;
	stroke: #323232; 
}
.qty-box input {
	color: inherit;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #9bc8d8;
	border-left-color: #9bc8d8;
}

.extra-block-title {
	padding-left: 20px;
	color: #ffffff;
	display: flex;
	align-items: center;
}
.extra-block-title .icon {
	margin-right: 13px;
	height: 15px;
	width: 15px;
}
.extra-block-subtitle {
	color: #ab8059;
	margin-bottom: 20px;
	font-weight: 500;
}
.extra-block-subtitle .icon{margin-right: 10px;}
.extra-block-subtitle .fa{
	margin-right: 15px;
}
.extra-block-subtitle .svgIcon{
	width:25px; float:left;margin-right: 10px;
}
.extra-block-subtitle #same {
	color: var(--C_color_text_1);
	float: right;
	font-size: 16px;
	font-weight: normal;
}
.extra-block-subtitle #same input{
	margin-right: 10px;
}
.extra-block-subtitle.type2 {
	color: #d24127;
	margin-bottom: 12px;
	font-weight: normal;
}


.extra-field{
	height: 50px;
	width: 100%;
	border: none;
	border: 1px solid #9bc8d8;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
	float: left;
	background-color: #FFF;
	border-radius: 10px;
}
.cart-events {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9bc8d8;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 35px;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 20px;
	padding-left: 20px;
}
.cart-events .l {
	float: left;
}
.cart-events .l.sn input {
	width: 200px;
	margin-right: 15px;
	float: none;
}
.cart-events .l.sn.f:after{
	font-family: FontAwesome;
	content: '\f057';
	color: #ED1C24;
	font-size: 24px;
}
.cart-events .l.sn.t:after{
	font-family: FontAwesome;
	content: '\f058';
	color: #66CC33;
	font-size: 24px;
}
.cart-events .r {
	float: right;
}
.cart-events.payment .type-name {
	float: left;
	width: 160px;
	margin-right: 20px;
	color: var(--C_color_text_1);
}
.cart-events.payment .type-name:after {
	content: '|';
	font-size: 15px;
	color: #9bc8d8;
	float: right;
}
.cart-events.payment .type-name input{
	margin-right: 10px;
}
.cart-events.payment .type-note {
	color: #3f80a4;
	float: left;
}
.guide-button {
	text-align: center;
	column-gap: 10px;
}
.guide-button.mt1{
	margin-top: 25px;
}
.guide-button.pb0{padding-bottom: 0;}
.guide-button .common {
	width: 250px;
}
.guide-button .common.fill{
	width: 100%;
}
.guide-button .common.t1{
}
.guide-button .common.t1:hover{
}
.guide-button .common.t2{
}
.guide-button .common.t2:hover{
}

.font-color-1 {
	color: #d24127;
}
.font-color-1.large {
	font-size: 18px;
	font-weight: 700;
}
.field-rows {
	margin-bottom: 12px;
	line-height: 35px;
}
.field-rows.mb0{margin-bottom: 0;}
.field-rows.mb40{margin-bottom: 40px;}
.field-rows .name {
	float: left;
	width: 110px;
	line-height: 50px;
}
.field-rows.necessary .name:after {
	content: ' *';
	color: #3f80a4;
}

.field-rows .box  {
	overflow: hidden;
	line-height: 50px;
}

.field-rows .box .limit {
	overflow: hidden;
}
.field-rows .box .column{
	display: flex;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.field-rows .box .column label{
	display: flex;
	align-items: center;
	gap:8px;
	white-space: nowrap;
}
.field-rows .box .limit {
	flex:1;
}
.field-rows .box .field {
	float: left;
	width: 100%;
}
.field-rows .box .addnum {
	width: 90px;
}
.field-rows .box .adds {
	text-align: center;
	float: left;
	width: 20px;
}
.field-rows .box .note {
	float: left;
	width: 100%;
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 12px;
}
.field-rows .box #message {
	line-height: 1.8;
	height: 100px;
	overflow: hidden;
}
.field-rows .box .date-mark {
	text-align: center;
	float: left;
	width: 30px;
}
.field-rows .box label{
	float: left;
	margin-right: 10px;
}
.field-rows .box.captcha {
  margin-right: 8px;
}
.extra-border-box {
	padding: 20px;
	border: 1px solid #9bc8d8;
	margin-bottom: 25px;
	background-color: #FFF;
	border-radius: 10px;
}

.step3-top {
	display: table;
	margin-right: auto;
	margin-left: auto;
	background-color: #d24127;
	text-align: center;
	color: #FFFFFF;
	padding: 0 25px;
	line-height: 30px;
	border-radius: 15px;
}

/*member*/
.member-menu {
	float: left;
	width: 240px;
	margin-right: 60px;
	margin-bottom: 20px;
}
.member-menu .top {
	font-size: 24px;
	color: #ffffff;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4b4a41;
}
.member-menu ul {
	row-gap: 25px;
	padding: 25px 20px;
	border: 1px solid #7d7c73;
}
.member-menu ul li a {
}
.member-menu ul li a:hover,
.member-menu ul li a.selected{
	text-decoration: underline;
}
.member-inner {
	overflow: hidden;
}
.member-inner .center-box {
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}


.w1100px{}
@media screen and (max-width: 1100px) {
/*member*/
.member-menu,
.member-inner{
	float: left;
	width: 100%;
}
.member-menu .top{
	cursor: pointer;
}
.member-menu .top:after{
	content: "\f107";
	font-family: FontAwesome;
	font-size: 24px;
}
.member-menu ul{
	display: none;
}
.member-menu.active ul {
	display: flex;
}
.member-menu{
	margin-right: 0px;
}
}

.w820px{}
@media screen and (max-width: 820px) {
.extra-block .cart-step .items:not(.active),
.extra-table-field-name,
.cart-events .r,
.field-rows.filling{
	display: none;
}
.cart-events.show-paytype .r{
	display: block;
}
.extra-block.c2,
.extra-table-cart tr,
.extra-table-cart td,
.extra-table-cart .w1,
.extra-table-cart .w2,
.extra-table-cart.order .extra-table-cart-rows,
.extra-table-cart.order .extra-table-cart-rows td,
.extra-table-cart-rows .image,
.extra-table-cart-rows .title,
.extra-table-cart.end .items,
.guide-button .common,
.field-rows .name,
.field-rows .box {
	float: left;
	width: 100%;
}
.extra-block.c2,
.extra-block.shrink{
	padding: 0;
}
.extra-table-cart .w1,
.extra-table-cart .w2{
	min-height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}

.extra-table-cart-rows:not(:last-of-type){
	margin-bottom: 5px;
}
.extra-table-cart-rows:not(:first-of-type){
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #217f43;
}
.extra-table-cart tr td{
	padding-top: 15px;
	padding-bottom: 15px;
}
.extra-table-cart-rows .tagr{
	text-align: right;
}
.extra-table-cart-rows .tagr:before,
.extra-table-cart.order .extra-table-cart-rows td:after {
	content: attr(data-tag);
	float: left;
}
.extra-table-cart.order .extra-table-cart-rows td{
	text-align: left;
}
.extra-table-cart.order .extra-table-cart-rows td:after {
	width: 105px;
}
.extra-table-cart-rows .title{
	padding-top: 15px;
	padding-bottom: 15px;
}
.field-rows{
	margin-bottom: 10px;
}
.cart-events {
	padding:12px 15px;
}
.cart-events.payment .type-name,
.cart-events.payment .type-note{
	clear: left;
}
.cart-events.payment .type-name:after {
	content: none;
}
.cart-events.payment .type-note {
	line-height: 1.4;
}
.guide-button .common{
	margin: 5px 0px;
}
.qty-box{
	margin-right: 0px;
}
}

.w480px{}
@media screen and (max-width: 480px) {
.extra-table-cart.end .items{
	text-align: left;
	margin-bottom: 10px;
}
.extra-table-cart.end .items .mark{
	width: 100%;
}
}