/* .ec-cartRole,
.ec-cartRole li{
	font-family: 'Noto Sans JP', 'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','Meiryo', 'メイリオ', sans-serif;
} */
.ec-progress {
	margin: 0 auto;
	padding: 8px 0 16px;
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 600px;
	list-style: none;
}
.ec-progress .ec-progress__item {
	display: table-cell;
	position: relative;
	font-size: 0.875rem;
	text-align: center;
	z-index: 10;
}
.ec-progress .ec-progress__item:after {
	content: "";
	position: absolute;
	display: block;
	background: #ccc;
	width: 100%;
	height: 0.25em;
	top: 14px;
	left: 50%;
	margin-left: 1.5em\9 ;
	z-index: -1;
}
.ec-progress .ec-progress__item:last-child:after {
	display: none;
}
.ec-progress .ec-progress__number {
	font-size: 0.75rem;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #ccc;
	top: 0;
	left: 18px;
	display: inline-block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
}
.ec-progress .ec-progress__label {
	font-size: 0.75rem;
	color: #797d62;
}
.ec-progress .is-complete .ec-progress__number {
	background: #89A194;
}
.ec-progress .is-complete .ec-progress__label {
	color: #89A194;
}


.ec-cartRole .ec-cartRole__totalText {
	margin-bottom: 30px;
	padding: 0;
}
.ec-cartRole .ec-cartRole__totalText .prices{
	display: inline-block;
	margin: 0 5px;
}

.ec-cartTable {
	display: table;
	border-top: 1px dotted #ccc;
	width: 100%;
}
.ec-cartHeader {
	background: #eee;
	width: 100%;
	display: none;
}
.ec-cartHeader .ec-cartHeader__label {
	font-size: 0.875rem;
	font-weight: 500;
	color: #322938;
	padding: 10px 0;
	text-align: center;
	overflow-x: hidden;
	display: table-cell;
}
.ec-cartRow {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.ec-cartRow .ec-cartRow__delColumn {
	text-align: center;
	vertical-align: middle;
}

.ec-cartRow .ec-cartRow__delColumn .ec-icon img {
	vertical-align: middle;
	width: 15px;
	height: 15px;
}
.ec-cartRow .ec-cartRow__contentColumn {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	width: 100%;
}
.ec-cartRow .ec-cartRow__img {
	width: 100%;
	vertical-align: middle;
}
.ec-cartRow .ec-cartRow__summary {
	vertical-align: middle;
	width: 100%;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
	margin-bottom: 5px;
}
.ec-cartRow__name .name{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.25rem;
	letter-spacing: 0.02em;
}
.ec-cartRow__name .name .deductible{
	display: inline-block;
	line-height: 17px;
}
.ec-cartRow__name .className{
	font-feature-settings: "palt";
	margin-bottom: 5px;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
	display: block;
	text-align: right;
	font-weight: normal;
	padding-right: 15px;
}
.ec-cartRow .ec-cartRow__amountColumn {
	
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
	text-align: center;
	width: 20%;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
	display: none;
	font-size: 1.25rem;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
	display: block;
	margin-bottom: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ec-cartRow .ec-cartRow__amountUpDown .icon{
	line-height: 40px;
	background: #fff;
	border: 2px solid #c9c9c9;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	margin: 0 2px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ec-cartRow .ec-cartRow__amountUpDown .icon:hover{
	color: #fff;
	background: #9e3a0f;
	border: 2px solid #9e3a0f;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
	cursor: default;
}
.ec-cartRow .ec-cartRow__subtotalColumn {
	display: none;
	border-bottom: 1px dotted #ccc;
	text-align: right;
	width: 16.66666667%;
	padding-right: 10px;
}
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
	cursor: default;
}

.ec-cartRole .ec-cartRole__actions {
	text-align: right;
	width: 100%;
}
.ec-cartRole .ec-cartRole__total {
	padding: 15px 10px 30px 0;
	font-weight: bold;
}
.ec-cartRole .ec-cartRole__totalAmount {
	margin-left: 30px;
	color: #000;
}
.ec-cartRole .ec-cartRole__totalAmount .price {
	font-size: 1.75rem;
}
.ec-cartRole .ec-cartRole__totalAmount .unit {
	font-size: 1.125rem;
}
/* :::::::::::::::::: shopping :::::::::::::::::: */

.ec-orderRole {
	display: flex;
	flex-direction: column;
	column-gap: 15px;
	row-gap: 15px;
	margin-top: 20px;
}
.ec-detail{
	margin-left: 15px;
	margin-right: 15px;
}

.ec-orderRole .ec-borderedList {
	border-top: none;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 0;
}


.ec-orderConfirm {
	margin-bottom: 20px;
}
.ec-orderConfirm .ec-input textarea, .ec-orderConfirm .ec-halfInput textarea, .ec-orderConfirm .ec-numberInput textarea, .ec-orderConfirm .ec-zipInput textarea, .ec-orderConfirm .ec-telInput textarea, .ec-orderConfirm .ec-select textarea, .ec-orderConfirm .ec-birth textarea {
	height: 96px;
}
.ec-orderConfirm textarea{
	width: 100%;
	box-sizing: border-box;
}


.ec-orderPayment .price{
	font-size: 1.25rem;
	font-weight: normal;
}
.ec-orderPayment .unit{
	font-weight: normal;
}

/* :::::::::::::::::: complete :::::::::::::::::: */

.ec-cartCompleteRole{
	max-width: 600px;
	margin: 0 auto 30px;
}
.ec-reportHeading{
	text-align: center;
	margin: 60px 0;
}
.ec-reportDescription{
	margin-bottom: 30px;
}
.ec-reportNo{
	font-size: 1.125rem;
	text-align: center;
	margin-bottom: 30px;
}

/* :::::::::::::::::: history :::::::::::::::::: */

.ec-orderMail .icon{
	line-height: 1;
	vertical-align: top;
	display: inline-block;
}
.ec-orderMail .icon svg{
	vertical-align: middle;
	transform: scale(2);
	fill: #89a194;
	margin: 0 5px 0 3px;
	transition: all .2s;
}
.ec-orderMail.on .icon svg{
	transform: scale(2) rotate(90deg);
}

.ec-orderMail__time{
	line-height: 1.25;
	vertical-align: top;
	display: inline-block;
	margin-right: 10px;
}
.ec-orderMail__link{
	font-weight: bold;
	line-height: 1.25;
	color: #0b5930;
	display: inline-block;
	cursor: pointer;
	margin-left: 16px;
}

.ec-orderMail__body{
	display: none;
	font-family: monospace;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0;
}

.ec-cartRole__actions div.buttons .tr{
	align-items: center;
	row-gap: 30px;
	margin-top: 20px;
}

/* :::::::::::::::::: smartphone :::::::::::::::::: */

/* 575px smartphone*/
@media (max-width: 575px) {
	
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.ec-progress {
		margin-bottom: 30px;
		padding: 0;
	}
	.ec-progress .ec-progress__number {
		line-height: 40px;
		width: 42px;
		height: 42px;
		font-size: 1.25rem;
	}
	.ec-progress .ec-progress__item:after {
		top: 20px;
	}
	.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
		column-gap: 10px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 769px) {
	
	.ec-cartRole .ec-cartRole__totalText {
		margin-bottom: 0;
		padding: 16px 0 6px;
		text-align: center;
	}	
	.ec-cartTable {
		border-top: none;
		display: table;
	}
	.ec-cartHeader {
		display: table-row;
	}
	.ec-cartRow {
		display: table-row;
	}
	.ec-cartRow .ec-cartRow__delColumn {
		width: 8.3333333%;
		display: table-cell;
		position: relative;
		border-bottom: 1px dotted #ccc;
	}
	
	.ec-cartRow .ec-cartRow__contentColumn {
		display: table-cell;
		width: auto;
	}
	.ec-cartRow .ec-cartRow__img {
		display: inline-block;
		min-width: 80px;
		max-width: 150px;
		padding-right: 0;
	}
	.ec-cartRow .ec-cartRow__summary {
		display: inline-block;
		width: calc(100% - 180px);
		margin-left: 20px;
		vertical-align: middle;
	}
	.ec-cartRow__name .name{
		font-size: 1.5rem;
	}
	.ec-cartRow .ec-cartRow__summary .ec-cartRow__sutbtotalSP {
		display: none;
	}
	.ec-cartRow .ec-cartRow__amountColumn {
		width: 16.66666667%;
		display: table-cell;
	}
	.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
		display: block;
	}
	.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
		display: none;
	}
	.ec-cartRow .ec-cartRow__subtotalColumn {
		display: table-cell;
	}
	.ec-orderRole {
		flex-direction: row;
	}
	
	
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	
	
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}