@charset "utf-8";

:root {
    --main-color: #00008B;
    --main-sub-color: #FFFFFF;
    --main-btn-color: #FF8C00;
    --transparent-color: rgba(0,0,0,0);

	--normal: 400;
	--medium: 500;
	--bold: 700;

	--breakpoint-pc: 1480;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP", "游ゴシック" , "Yu Gothic" , sans-serif;
}

.hirose-CheckBtn {
    background-color: var(--main-btn-color);
    border-color: var(--main-btn-color);
}

/* 上書き対応 */
.hirose-CheckBtn:hover,
.hirose-CheckBtn:active,
.hirose-CheckBtn:focus {
    background-color: var(--main-btn-color);
    border-color: var(--main-btn-color);
}

.color_orange {
    color: var(--main-btn-color);
}

.marginT20 {
    margin-top: 20px;
}

ul {
	list-style-type: none;
}

input:focus {
	outline: none;
}

.color_fff {color: #fff!important;}

.ui-widget.ui-widget-content {
	margin-top: calc(-91 / var(--breakpoint-pc) * 100vw);
}

.view_pc {display: inherit;}
.view_sp {display: none;}

@media (max-width: 768px) {
	.view_pc {display: none;}
	.view_sp {display: inherit;}
}

/* ********************************************************************************* */
/* コンテンツ区分け調整 */

.ec-layoutRole .ec-layoutRole__contents {
	max-width: none;
}

.ec-layoutRole .ec-layoutRole__left {
	width: calc(270 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(180, 180, 180, 0.25);
}

.ec-layoutRole .ec-layoutRole__mainWithColumn {
	width: calc(100% - calc(270 / var(--breakpoint-pc) * 100vw));
	margin-bottom: calc(100 / var(--breakpoint-pc) * 100vw);
}


@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.ec-layoutRole .ec-layoutRole__left {
		width: 270px;
	}

	.ec-layoutRole .ec-layoutRole__mainWithColumn {
		width: calc(100% - 270px);
		margin-bottom: 100px;
	}
}




/* ********************************************************************************* */
/* ヘッダー */
.ec-layoutRole__header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
}

.ec-layoutRole__contents {
	margin-top: calc(91 / var(--breakpoint-pc) * 100vw);
}

header {
	width: 100%;
	height: calc(91 / var(--breakpoint-pc) * 100vw);
	border-top: calc(4 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	box-shadow: 0px 0px calc(10 / var(--breakpoint-pc) * 100vw) rgba(0, 0, 0, 0.25);
}
header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1480px;
	margin: 0 auto;
	padding: calc(11 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw) calc(11 / var(--breakpoint-pc) * 100vw) calc(20 / var(--breakpoint-pc) * 100vw);
}
header .container .logo {
	display: flex;
	margin-right: calc(30 / var(--breakpoint-pc) * 100vw);
}
header .container .logo img {
	width: calc(222 / var(--breakpoint-pc) * 100vw);
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-width: 222px;
	max-height: 48px;
}
header .container .page_nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

header .container .page_nav .route_panel {
	width: calc(233 / var(--breakpoint-pc) * 100vw);
	height: calc(66 / var(--breakpoint-pc) * 100vw);
	max-width: 233px;
	max-height: 66px;
}

header .container .page_nav .route_panel:first-of-type {
	width: calc(203 / var(--breakpoint-pc) * 100vw);
	max-width: 203px;
}

header .container .page_nav .route_panel img {
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.ec-layoutRole__contents {
		margin-top: 13.84375vw;
	}

	.ec-layoutRole .ec-layoutRole__left {
		display: none;
	}

	.ec-layoutRole .ec-layoutRole__mainWithColumn {
		width: 100%;
	    margin-bottom: 0;
	}

	header {
		width: 100vw;
		height: 14.84375vw;
		border-top: 0.625vw solid #0582E3;
	}

	header .container {
		justify-content: space-between;
		max-width: none;
		padding: 0 3.125vw;
	}

	header .container:before,
	header .container:after {
		content: none;
	}

	header .container .logo {
		width: 60vw;
		margin: 0;
	}

	header .container .logo img {
		width: 100%;
		height: auto;
	}

	header .container .page_nav {
		justify-content: flex-end;
		height: 14.84375vw;
	}

	header .container .page_nav .header_icon {
		height: 6.25vw;
		margin: 0 1.5vw;
	}

	header .container .page_nav .header_icon img {
		width: auto;
		height: 100%;
	}

	.sp_menu label {
		position: relative;
		display: block;
		top: 0;
		right: 0;
		width: 9.375vw;
		height: 11.5vw;
		margin: 0;
	}

	.menu-btn {
	    position: absolute;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    top: 0;
	    right: 0;
	    width: 9.375vw;
	    height: 9.375vw;
		margin: 0;
		font-weight: normal;
	    z-index: 90;
	}

	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
	    content: '';
	    position: absolute;
	    display: block;
	    width: 7.0vw;
	    height: 0.46875vw;
	    background-color: #0582E3;
	}

	.menu-btn span:before {
	    bottom: 2vw;
	}

	.menu-btn span:after {
	    top: 2vw;
	}

	.menu-txt {
		position: absolute;
		bottom: 0;
		width: 100%;
	    font-size: 1.0vw;
	    font-weight: normal;
		text-align: center;
	    color: #0582E3;
	}

	#menu-btn-check {
	    display: none;
	}

	#menu-btn-check:checked ~ label .menu-btn span {
	    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}

	#menu-btn-check:checked ~ label .menu-btn span::before {
	    bottom: 0;
	    transform: rotate(45deg);
	}

	#menu-btn-check:checked ~ label .menu-btn span::after {
	    top: 0;
	    transform: rotate(-45deg);
	}

	.menu-content {
	    position: fixed;
	    display: none;
	    top: 14.84375vw;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: #E5E5E5;
	    z-index: 80;
	    opacity: 0;
	}
	.menu-content ul {
	    padding: 70px 10px 0;
	}
	.menu-content ul li {
	    border-bottom: solid 1px #ffffff;
	    list-style: none;
	}
	.menu-content ul li a {
	    display: block;
	    width: 100%;
	    font-size: 15px;
	    box-sizing: border-box;
	    color:#ffffff;
	    text-decoration: none;
	    padding: 9px 15px 10px 0;
	    position: relative;
	}
	.menu-content ul li a::before {
	    content: "";
	    width: 7px;
	    height: 7px;
	    border-top: solid 2px #ffffff;
	    border-right: solid 2px #ffffff;
	    transform: rotate(45deg);
	    position: absolute;
	    right: 11px;
	    top: 16px;
	}
	#menu-btn-check:checked ~ .menu-content {
	    display: block;
	    opacity: 1.0;
	}
}

@media (min-width: 1480px) {
	.ec-layoutRole__contents {
		margin-top: 91px;
	}

	header {
		height: 91px;
		border-top: 4px solid #0582E3;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	}

	header .container {
		height: 91px;
		padding: 11px 40px 11px 20px;
	}

	header .container .logo {
		margin-right: 30px;
	}

}


/* ********************************************************************************* */
/* 左ナビ：メニュー */
.hiroseMenu {
	display: block;
    padding: calc(30 / var(--breakpoint-pc) * 100vw) 0 0;
}

.hiroseMenu .hiroseMenu_box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: wrap;
/*
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
*/
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
}

.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {
	display: flex;
	align-items: center;
	justify-content: center;
/*    width: 33.3333%;	*/
    margin-bottom: calc(8 / var(--breakpoint-pc) * 100vw);
    text-align: center;
}
/* お気に入りあり
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(1) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(2) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(3) {width: calc(66 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(4) {width: calc(80 / var(--breakpoint-pc) * 100vw);}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(5) {width: calc(80 / var(--breakpoint-pc) * 100vw);}
*/
/* お気に入りなし */
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {width: calc(100 / var(--breakpoint-pc) * 100vw);}

.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span,
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
	color: #404040;
}
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span img,
.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a img {
	width: calc(41 / var(--breakpoint-pc) * 100vw);
	height: calc(41 / var(--breakpoint-pc) * 100vw);
	max-width: 41px;
	max-height: 41px;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item span,
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item a {
		font-size:	12px!important;
	}
	/* お気に入りあり
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(1) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(2) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(3) {width: 66px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(4) {width: 80px;}
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item:nth-of-type(5) {width: 80px;}
	*/
	/* お気に入りなし */
	.hiroseMenu .hiroseMenu_box .hiroseMenu_icon_item {width: 100px;}
}



/* ********************************************************************************* */
/* 左ナビ：カテゴリ一覧 */
.ec-headerSearch {
	display: block;
    padding: 0 calc(30 / var(--breakpoint-pc) * 100vw) calc(15 / var(--breakpoint-pc) * 100vw);
}
.ec-headerSearch .ec-headerSearch__keyword {
	width: 100%;
	border-radius: 0;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #404042;
}

.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	height: calc(26 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.ec-headerSearch .ec-headerSearch__keywordBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	top: -1px;
	right: -1px;
	width: calc(28 / var(--breakpoint-pc) * 100vw);
	max-width: 28px;
	height: calc(28 / var(--breakpoint-pc) * 100vw);
	max-height: 28px;
	background-color: #404040;
	border-radius: 0;
	transform: none;
}

.shop_location {
	display: flex;
	align-items: center;
	justify-content: center;
/*    margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);	*/
}

.shop_location p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	max-height: 32px;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	background-color: #FF9A34;
}

.factory_location {
	display: flex;
	align-items: center;
	justify-content: center;
    margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.factory_location.cursor_set {
	cursor: pointer;
}

.factory_location p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	max-height: 32px;
	text-align: center;
	color: #333;
	background-color: #fff;
}

.factory_location p i {
	position: absolute;
	right: 0.25em;
	font-size: 1.0em;
}

#factory-modal .form_factory {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 1em;
}
#factory-modal .factory-dialog {
	position: fixed;
	top: calc(50vh - 100px);
	left: calc(50vw - 25%);
}
#factory-modal .form_factory select {
	padding: 6px 24px;
}

@media (max-width: 768px) {
	.sp_menu_item_search {
		margin-bottom: 5vw;
	}

	.sp_menu_item_search .ec-headerSearch {
		padding: 4vw 0;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keyword {
		width: 60%;
		margin: 0 auto;
		border-radius: unset;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		height: 6vw;
		padding: 0 7vw 0 1.5vw;
	}

	.sp_menu_item_search .ec-headerSearch .ec-headerSearch__keywordBtn {
		width: calc(6vw + 2px);
		max-width: none;
		height: calc(6vw + 2px);
		max-height: none;
	}

	.sp_menu_item_search .shop_location {
/*	    margin-bottom: 0;	*/
	}

	.sp_menu_item_search .shop_location p {
		width: 100%;
		height: 8vw;
		max-width: none;
		max-height: none;
		text-align: center;
		font-size: 4vw;
		color: #fff;
		background-color: #aaa;
	}

	.sp_menu_item_search .factory_location {
	    margin-bottom: 0;
	}

	.sp_menu_item_search .factory_location p {
		width: 100%;
		height: 8vw;
		max-width: none;
		max-height: none;
		text-align: center;
		font-size: 4vw;
		color: #fff;
		background-color: #aaa;
	}
}

@media (min-width: 1480px) {
	.ec-headerSearch {
	    padding: 0 30px 15px;
	}
	.ec-headerSearch .ec-headerSearch__keyword {
		border-width: 2px;
	}

	.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		height: 26px;
	}

	.shop_location {
/*	    margin-bottom: 30px;	*/
	}
}



/* ********************************************************************************* */
/* 左ナビ：カテゴリ一覧 */
.hiroseCategory {
	margin-bottom: calc(100 / var(--breakpoint-pc) * 100vw);
}

.hiroseCategory .category_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: #fff;
	background-color: #0582E3;
}

.hiroseCategory .hirose-itemNav {
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav {
    list-style-type: none;
	display: flex;
	flex-direction: column;
	margin: 0 30px;
	padding: 0;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav a:hover {
    text-decoration: none;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li {
	display: flex;
	flex-direction: column;
	margin-bottom: calc(5 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	font-size: calc(15 / var(--breakpoint-pc) * 100vw);
	line-height: 1.2;
	color: #88ABB5;
	background-color: #fff;
	border: 2px solid #fff;
	cursor: pointer;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a:hover,
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open {
	color: #fff;
	background-color: #0582E3;
	border: 2px solid #0582E3;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.hierarchy_top {
	width: calc(100% - calc(77 / var(--breakpoint-pc) * 100vw));
	text-align: center;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_icon {
	width: calc(15 / var(--breakpoint-pc) * 100vw);
	height: calc(15 / var(--breakpoint-pc) * 100vw);
	max-width: 15px;
	max-height: 15px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	background: url('../img/common/category_nav_btn_open.png') center center no-repeat;
	background-size: contain;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a:hover span.slide_icon,
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open span.slide_icon {
	background: url('../img/common/category_nav_btn_close.png') center center no-repeat;
}
.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_none {
	width: calc(15 / var(--breakpoint-pc) * 100vw);
	height: calc(15 / var(--breakpoint-pc) * 100vw);
	max-width: 15px;
	max-height: 15px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid  rgba(112, 112, 112, 0.15);
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li:last-of-type {
	border-bottom: none;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(41 / var(--breakpoint-pc) * 100vw);;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:hover {
	color: #FF9A34;
}

.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a > img {
	width: calc(42 / var(--breakpoint-pc) * 100vw);
    height: calc(42 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
	.sp_menu_category_list {
		width: 88%;
		margin: 0 auto;
	}

	.sp_menu_category_list .hiroseCategory .category_ttl {
		width: 100%;
		height: 8vw;
		margin-bottom: 4vw;
		font-size: 4vw;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav {
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav {
/*		flex-flow: wrap;	*/
		flex-direction: unset;
		flex-wrap: wrap;
		align-content: space-between;
		margin: 0;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li {
		width: 43vw;
		min-height: 8vw;
		margin-bottom: 1.5vw;
		background-color: #e5e5e5;
		border-bottom: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li:nth-of-type(odd) {margin-right: 1vw;}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li:nth-of-type(even) {margin-left: 1vw;}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		height: 8vw;
		padding: 0;
		font-size: 3.5vw;
		border: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		color: #666;
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.open {
		color: #fff;
		background-color: #0582E3;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a > img {
		display: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.hierarchy_top {
		width: 100%;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle:before {
		content: "";
		position: absolute;
		top: calc(4vw - 2vw);
		right: 1vw;
		width: 4vw;
		height: 4vw;
		transform: rotate(0deg);
		background-color: #0582E3;
		border-radius: 8vw;
		border: none;
	}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open:before {
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle span.slide_icon {
		position: absolute;
		top: calc(4vw - 1.25vw);
		right: 2vw;
		width: 1.75vw;
		height: 1.75vw;
		max-width: none;
		max-height: none;
		margin: 0;
		background-image: none;
		border-top: solid 0.5vw #fff;
		border-right: solid 0.5vw #fff;
		transform: rotate(135deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_none {
		display: none;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open span.slide_icon {
		position: absolute;
		top: calc(4vw - 1.5vw);
		right: 2.75vw;
		width: 0.5vw;
		height: 3.0vw;
		background: #0582E3;
		border: none;
		transform: rotate(-45deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a.category_toggle.open span.slide_icon:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 0.5vw;
		height: 3.0vw;
		background: #0582E3;
		transform: rotate(90deg);
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li {
		background-color: #fff;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
		height: 8vw;
		padding: 0;
		font-size: 3.0vw;
	}

	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:before {display: none;}
	.sp_menu_category_list .hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a:after {display: none;}

/*
	.sp_menu_category_list
*/
}

@media (min-width: 1480px) {
	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a {
		font-size: 15px;
	}

	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > ul > li > a {
		font-size: 14px;
	}

	.hiroseCategory .hirose-itemNav .hirose-itemNav__nav > li > a span.slide_icon {
		margin: 0 10px;
	}

}



/* ********************************************************************************* */
/* パンくず */
#breadcrumb {
	background-color: rgba(5, 130, 227, 0.05);
}

#breadcrumb ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(30 / var(--breakpoint-pc) * 100vw);
}

#breadcrumb ul li {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
}

#breadcrumb ul li a {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

#breadcrumb ul li a:hover {
}

#breadcrumb ul li + li:before {
	content: "＞";
	display: inline-block;
	margin: 0 0.5rem;
	color: #404040;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	#breadcrumb ul {
		height: 46px;
		padding: 0 30px;
	}

	#breadcrumb ul li {
		font-size: 14px;
	}

	#breadcrumb ul li a {
		font-size: 14px;
	}
}



/* ********************************************************************************* */
/* フローティングボタン */
.side_icon {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	position: fixed;
	top: calc(70vh - calc(101 / var(--breakpoint-pc) * 100vw));
	right: 0;
	z-index: 10;
}

.side_icon a {
	margin: calc(2.5 / var(--breakpoint-pc) * 100vw) 0;
}

.side_icon a:hover {
	opacity: 0.5;
}

.side_icon a img {
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	height: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	max-height: 100px;
}

.ec-blockTopBtn {
	right: calc(150 / var(--breakpoint-pc) * 100vw);
	bottom: calc(25 / var(--breakpoint-pc) * 100vw);
	width: calc(36 / var(--breakpoint-pc) * 100vw);
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-width: 36px;
	max-height: 36px;
	background-color: transparent;
}

.ec-blockTopBtn img {
	width: 100%;
	height: auto;
}

.endpage {
	bottom: calc(125 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
	.side_icon {
		display: none;
	}
}

@media (min-width: 1480px) {
	.ec-blockTopBtn {
		right: 150px;
		bottom: 25px;
		width: 36px;
		height: 36px;
	}
	.endpage {
		bottom: 125px;
	}
	.side_icon a {
		margin: 2.5px 0;
	}
}



/* ********************************************************************************* */
/* フッター */
.ec-footerRole {
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	max-width: none;
	margin-top: 0;
	padding: 0;
	background-color: #0582E3;
	border: none;
}

.ec-footerRole .ec-footerRole__inner {
	max-width: none;
	padding: 0;
}

.ec-footerRole .ec-footerNavi {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
}

.ec-footerRole .ec-footerNavi li a {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
}

.ec-footerRole .ec-footerNavi li + li:before {
	content: "|";
	display: inline-block;
}

.ec-footerRole .ec-footerNavi li:nth-of-type(1) + li:nth-of-type(2):before {
	content: "";
	display: inline-block;
}

.ec-footerRole .ec-footerNavi li a {
	text-decoration: none;
}

.ec-footerRole .ec-footerNavi li a;hover {
	text-decoration: underline;
}

.ec-footerRole .ec-footerTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-width: none;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	font-size: calc(13 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.ec-footerRole {
		height: 90px;
	}

	.ec-footerRole .ec-footerNavi {
		height: 90px;
	}

	.ec-footerRole .ec-footerNavi li a {
		font-size: 14px;
	}

	.ec-footerRole .ec-footerTitle {
		height: 32px;
		font-size: 13px;
	}
}



/* ********************************************************************************* */
/* 掛け払い誘導リンクボタン */
.yamato_btn,
.yamato_btn:focus,
.yamato_btn:active,
.yamato_btn:visited {
	display: inline-block;
	position: absolute;
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw));
	right: 0;
	width: calc(210 / var(--breakpoint-pc) * 100vw);
	max-width: 210px;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	line-height: calc(34 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	text-align: center;
	border: 1px solid #FF9A34;
	border-radius: 5px;
}

.yamato_btn:hover {
	text-decoration: none;
	color: #FF9A34;
	background-color: #fff;
}

#flow_step .yamato_btn.btn_a {
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw));
}

#flow_step .yamato_btn.btn_b {
	top: calc(50% - calc(18 / var(--breakpoint-pc) * 100vw) + calc(36 / var(--breakpoint-pc) * 100vw) + calc(6 / var(--breakpoint-pc) * 100vw));
}

.agreement_box .yamato_btn.btn_a {
	top: calc(80 / var(--breakpoint-pc) * 100vw);
	left: calc(-340 / var(--breakpoint-pc) * 100vw);
}

.agreement_box .yamato_btn.btn_b {
	top: calc(122 / var(--breakpoint-pc) * 100vw);
	left: calc(-340 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.yamato_btn,
	.yamato_btn:focus,
	.yamato_btn:active,
	.yamato_btn:visited {
		top: calc(50% - 18px);
		font-size: 14px;
		line-height: 34px;
	}

	#flow_step .yamato_btn.btn_a {
		top: calc(50% - 18px);
	}

	#flow_step .yamato_btn.btn_b {
		top: calc(50% - 18px + 36px + 6px);
	}

	.agreement_box .yamato_btn.btn_a {
		top: 80px;
		left: -340px;
	}

	.agreement_box .yamato_btn.btn_b {
		top: 122px;
		left: -340px;
	}
}



/* ********************************************************************************* */
/* 一部共通：コンタクトパネル */
.contact_box {
	height: calc(320 / var(--breakpoint-pc) * 100vw);
	margin: calc(40 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw) calc(60 / var(--breakpoint-pc) * 100vw);
	background: url('../img/common/contact_img_back_object.png') center center no-repeat;
	background-size: calc(218 / var(--breakpoint-pc) * 100vw) calc(245 / var(--breakpoint-pc) * 100vw);
	background-position: 97% center;
	background-color: #F8F8F8;
}

.contact_box h2 {
	height: calc(46 / var(--breakpoint-pc) * 100vw);
	text-align: center;
}

.contact_box h2 span {
	top: calc(-36 / var(--breakpoint-pc) * 100vw);
	font-size: calc(60 / var(--breakpoint-pc) * 100vw);
	color: rgba(5, 130, 227, 0.15);
}

.contact_box p {
	text-align: center;
}

.contact_box .lead {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
}

.contact_box .text {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
}

.contact_box .btn_area {
}

.contact_box .btn_area a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(360 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background: url('../img/common/contact_icon_balloon.png') center center no-repeat;
	background-size: calc(22 / var(--breakpoint-pc) * 100vw) calc(19 / var(--breakpoint-pc) * 100vw);
	background-position: 80% center;
	background-color: #FF9A34;
	border-radius: 42px;
}

.contact_box .btn_area a:hover {
	opacity: 0.5;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.contact_box h2 {
		height: 46px;
	}

	.contact_box h2 span {
		top: -36px;
		font-size: 60px;
	}

	.contact_box .lead {
		margin-bottom: 30px;
		font-size: 26px;
	}

	.contact_box .text {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.contact_box .btn_area a {
		width: 360px;
		height: 42px;
		font-size: 18px;
	}
}




/* ********************************************************************************* */
/* マイページ：共通 */
.mypage_container {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(200 / var(--breakpoint-pc) * 100vw);
	padding-top: calc(75 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .mypage_header {
}

.mypage_container .mypage_header h1 {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #B4B4B4;
}

.mypage_container .mypage_header h1 p:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mypage_container .mypage_header h1 p:nth-of-type(1) span {
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: rgba(5, 130, 227, 0.15);
}

.mypage_container .mypage_header h1 p:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .mypage_header h1 p:nth-of-type(2) img {
	margin-right: calc(14 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .mypage_header h1 p:nth-of-type(2) span {
	margin-left: calc(14 / var(--breakpoint-pc) * 100vw);
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	color: #525252;
}

.mypage_contents {
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.mypage_container {
		margin: 0 100px 200px;
		padding-top: 75px;
	}

	.mypage_container .mypage_header h1 {
		margin-bottom: 60px;
		padding-bottom: 30px;
	}

	.mypage_container .mypage_header h1 p:nth-of-type(1) span {
		font-size: 48px;
	}

	.mypage_container .mypage_header h1 p:nth-of-type(2) {
		margin-top: -24px;
	}

	.mypage_container .mypage_header h1 p:nth-of-type(2) img {
		margin-right: 14px;
	}

	.mypage_container .mypage_header h1 p:nth-of-type(2) span {
		margin-left: 14px;
		font-size: 40px;
	}
}




/* ********************************************************************************* */
/* マイページ：ログイン */
.mypage_container .ec-login {
	width: calc(800 / var(--breakpoint-pc) * 100vw);
	max-width: 800px;
	margin: 0 auto calc(100 / var(--breakpoint-pc) * 100vw);
	padding: calc(30 / var(--breakpoint-pc) * 100vw) calc(50 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .ec-login .ec-icon {
    margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .ec-login .ec-login__input {
	width: calc(560 / var(--breakpoint-pc) * 100vw);
	max-width: 560px;
	margin: 0 auto;
}

.mypage_container .ec-login .ec-input input {
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #707070;
}

.mypage_container .ec-login .form-check {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .ec-login .ec-checkbox > label {
	padding: 0;
}

.mypage_container .ec-login .form-check label {
	padding: 0 0 0 calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}

.mypage_container .ec-login .flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mypage_container .ec-login .flex-center button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(320 / var(--breakpoint-pc) * 100vw);
	max-width: 320px;
	height: calc(60 / var(--breakpoint-pc) * 100vw);
	max-height: 60px;
	margin-bottom: calc(35 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	background-color: #707070;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.mypage_container .ec-login .flex-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.mypage_container .ec-login .flex-right a {
	font-size: calc(15 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.mypage_container .ec-login {
		margin: 0 auto 100px;
		padding: 30px 50px 40px;
	}

	.mypage_container .ec-login .ec-icon {
	    margin-bottom: 30px;
	}

	.mypage_container .ec-login .ec-input input {
		border-width: 2px;
	}

	.mypage_container .ec-login .form-check {
		margin-bottom: 40px;
	}

	.mypage_container .ec-login .form-check label {
		padding: 0 0 0 10px;
		font-size: 14px;
	}

	.mypage_container .ec-login .flex-center button {
		margin-bottom: 35px;
		font-size: 24px;
		border-radius: 5px;
	}
	.mypage_container .ec-login .flex-right a {
		font-size: 15px;
	}


}



/* ********************************************************************************* */
/* 商品一覧 */
.ec-searchnavRole {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* 商品一覧：インデックス */
.ec-searchnavRole .list_wrap_index {
	margin: calc(80 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw) calc(130 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_index .list_index_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left {
	width: calc(430 / var(--breakpoint-pc) * 100vw);
	max-width: 430px;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(85 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(45 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 span:nth-of-type(1) {
	width: 100%;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 span:nth-of-type(2) {
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: #404040;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left .lead {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	line-height: 2.0;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-left .lead:before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / var(--breakpoint-pc) * 100vw);
    margin: calc(-20 / var(--breakpoint-pc) * 100vw) auto calc(18 / var(--breakpoint-pc) * 100vw);
    border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #707070;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-right {
	width: calc(530 / var(--breakpoint-pc) * 100vw);
	max-width: 530px;
	text-align: right;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-right img {
	width: calc(490 / var(--breakpoint-pc) * 100vw);
	max-width: 490px;
	height: calc(360 / var(--breakpoint-pc) * 100vw);
	max-height: 360px;
}

.ec-searchnavRole .list_wrap_index .list_index_box .flex-right img:before {
	content: "";
	display: inline-block;
	width: calc(490 / var(--breakpoint-pc) * 100vw);
	max-width: 490px;
	height: calc(360 / var(--breakpoint-pc) * 100vw);
	max-height: 360px;
}

/* 商品一覧：比較表 */
.ec-searchnavRole .list_wrap_table {
	margin-bottom: calc(130 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(120 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

.ec-searchnavRole .list_wrap_table h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(1) {
	margin-top: calc(-16 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(2) {
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: rgba(5, 130, 227, 0.15);
}

.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(2):after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / var(--breakpoint-pc) * 100vw);
    margin: calc(20 / var(--breakpoint-pc) * 100vw) auto calc(60 / var(--breakpoint-pc) * 100vw);
    border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}

.ec-searchnavRole .list_wrap_table .list_table_scroll {
    margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw);
	overflow-x: scroll;
}

.ec-searchnavRole .list_wrap_table .list_table_box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: content-box;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol {
	width: calc(220 / var(--breakpoint-pc) * 100vw);
	max-width: 220px;
	background-color: #fff;
	list-style-type: none;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type {
	width: calc(317 / var(--breakpoint-pc) * 100vw);
	max-width: 317px;
	border-left: 1px solid #B4B4B4;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li {
	display: flex;
	align-items: center;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	text-align: center;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(even) {
	background-color: rgba(10, 21, 135, 0.03);
}
.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(odd) {
	background-color: #fff;
}
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(even) {
	background-color: rgba(5, 130, 227, 0.05);
}
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(odd) {
	background-color: rgba(5, 130, 227, 0.1);
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(1) {
	height: calc(186 / var(--breakpoint-pc) * 100vw);
	max-height: 186px;
	border-top: 1px solid #B4B4B4;
	flex-direction: column;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(1) {
	flex-direction: unset;
	color: #fff;
	background-color: #0582E3;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(6),
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(7),
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(8),
.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(6),
.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(7),
.ec-searchnavRole .list_wrap_table .list_table_box ol li:nth-of-type(8) {
	height: calc(calc(100 / var(--breakpoint-pc) * 100vw) + 1px);
	max-height: 101px;
	background-color: #fff;
	border-right: 1px solid #B4B4B4;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(6) .cell_2:nth-of-type(1),
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(8) .cell_2:nth-of-type(1) {
	background-color: rgba(5, 130, 227, 0.05);
}
.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li:nth-of-type(7) .cell_2:nth-of-type(1) {
	background-color: rgba(5, 130, 227, 0.1);
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_1 {
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2 {
	height: calc(101 / var(--breakpoint-pc) * 100vw);
	max-height: 101px;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2:nth-of-type(1) .cell_2_left {
	height: calc(101 / var(--breakpoint-pc) * 100vw);
	max-height: 101px;
	border-right: 1px solid #B4B4B4;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2:nth-of-type(2),
.ec-searchnavRole .list_wrap_table .list_table_box ol li .cell_2 {
	display: flex;
	flex-direction: column;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2:nth-of-type(2) .cell_2_right,
.ec-searchnavRole .list_wrap_table .list_table_box ol li .cell_2 .cell_2_right {
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2:nth-of-type(2) .cell_2_right:nth-of-type(1) {
	background-color: rgba(5, 130, 227, 0.05);
	border-bottom: 1px solid #B4B4B4;
}
.ec-searchnavRole .list_wrap_table .list_table_box ol li .cell_2 .cell_2_right:nth-of-type(1) {
	background-color: rgba(10, 21, 135, 0.03);
	border-bottom: 1px solid #B4B4B4;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:first-of-type li .cell_2:nth-of-type(2) .cell_2_right:nth-of-type(2) {
	background-color: rgba(5, 130, 227, 0.10);
}
.ec-searchnavRole .list_wrap_table .list_table_box ol li .cell_2 .cell_2_right:nth-of-type(2) {
	background-color: #fff;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li .column_2_upper {
	flex-direction: column;
	height: calc(116 / var(--breakpoint-pc) * 100vw);
	max-height: 116px;
	color: #fff;
	border-bottom: 1px solid #B4B4B4;
}
.ec-searchnavRole .list_wrap_table .list_table_box ol li .column_2_lower {
	width: 100%;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol li .column_2_lower a {
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
	height: calc(30 / var(--breakpoint-pc) * 100vw);
	max-height: 30px;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:nth-of-type(even) li .column_2_upper {
	background-color: #0582E3;
}

.ec-searchnavRole .list_wrap_table .list_table_box ol:nth-of-type(odd) li .column_2_upper {
	background-color: #FF9A34;
}

/* 商品一覧：商品一覧 */
.ec-searchnavRole .list_wrap_itemlist {
	margin-bottom: calc(130 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(120 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

.ec-searchnavRole .ec-searchnavRole__infos {
	align-items: center;
	justify-content: space-between;
	width: auto;
	max-width: none;
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	padding-top: calc(50 / var(--breakpoint-pc) * 100vw);
	border: none;
}

.ec-searchnavRole .ec-searchnavRole__infos .ec-select {
	margin: 0;
}

.ec-searchnavRole .list_wrap_itemlist h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(1) {
	margin-top: calc(-16 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(2) {
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: rgba(5, 130, 227, 0.15);
}

.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(2):after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(36 / var(--breakpoint-pc) * 100vw);
    margin: calc(20 / var(--breakpoint-pc) * 100vw) auto calc(20 / var(--breakpoint-pc) * 100vw);
    border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
/*	margin: 0 auto;	*/
	margin-right: calc(-13 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li {
	width: calc(238 / var(--breakpoint-pc) * 100vw);
	max-width: 238px;
	margin-right: calc(13 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(13 / var(--breakpoint-pc) * 100vw);
	padding: calc(20 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #0582E3;
}
/*
.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:nth-of-type(4n) {
	margin-right: 0;
}
*/
.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li a {
	text-decoration: none;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(1) {
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(2) {
	height: 3.0em;
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
	color: #525252;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(3) {
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	padding-top: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #9D9D9D;
	text-align: center;
	border-top: 1px solid #0582E3;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(4) {
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #0582E3;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(5) {
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(5) span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(34 / var(--breakpoint-pc) * 100vw);
	max-height: 34px;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #fff;
	background-color: #0582E3;
	border-radius: 34px;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:hover {
	border-color: #FF9A34;
}

.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:hover p:nth-of-type(3) {
	border-top-color: #FF9A34;
}
.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:hover p:nth-of-type(4) {
	color: #FF9A34;
}
.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:hover p:nth-of-type(5) span {
	background-color: #FF9A34;
}

.ec-searchnavRole .list_wrap_itemlist2 {
	width: calc(calc(200 / var(--breakpoint-pc) * 100vw) * 5);
	margin: 0 auto calc(100 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box {
/*	position: relative;	*/
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl {
	position: relative;
	top: 0;
	background-color: #F8F8F8;
	z-index: 1;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 calc(20 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl h3 .add-cart {
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: 1.0;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
	outline: none;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl h3 .add-cart:hover {
	opacity: 0.5;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form {
	display: flex;
    justify-content: flex-end;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .cart_box .exception_box,
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .exception_box {
	display: block;
	width: 100%;
/*	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);	*/
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box {
	display: flex;
    align-items: center;
    justify-content: flex-start;
/*    margin-left: calc(20 / var(--breakpoint-pc) * 100vw);	*/
    margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: calc(135 / var(--breakpoint-pc) * 100vw);
    max-width: 135px;
    height: calc(42 / var(--breakpoint-pc) * 100vw);
    max-height: 42px;
    margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p span:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(125 / var(--breakpoint-pc) * 100vw);
    max-width: 125px;
    height: calc(42 / var(--breakpoint-pc) * 100vw);
    max-height: 42px;
    font-size: calc(16 / var(--breakpoint-pc) * 100vw);
    color: #fff;
    background-color: #0582E3;
}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p span:nth-of-type(2):after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(21 / var(--breakpoint-pc) * 100vw) 0 calc(21 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
    border-color: transparent transparent transparent #0582E3;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-select {
	margin: 0;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-select select {
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
	border: 1px solid #707070;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-select:after {
	content: "▼";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: 100%;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #707070;
	pointer-events: none;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist {
	margin: 0;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist input {
	position: absolute;
	top: 0;
	width: calc(90 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	background-color: #fff;
	border: 1px solid #707070;
	border-right: none;
	z-index: 2;
}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist input[type="number"],
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist input[type="number"]::-webkit-outer-spin-button,
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist input[type="number"]::-webkit-inner-spin-button {
	-moz-appearance: textfield;
	-webkit-appearance: none;
	margin: 0;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist select {
	width: calc(110 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
	border: 1px solid #707070;
	z-index: 1;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist:after {
	content: "▼";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: 100%;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #707070;
	pointer-events: none;
	z-index: 3;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th {
	display: flex;
	width: calc(calc(200 / var(--breakpoint-pc) * 100vw) * 5);
	max-width: calc(200px * 5);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	word-break: break-all;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th div.cell_info {
	width: calc(calc(200 / var(--breakpoint-pc) * 100vw) * 3);
	max-width: calc(200px * 3);
}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th div.cell_sale {
	width: calc(calc(200 / var(--breakpoint-pc) * 100vw) * 2);
	max-width: calc(200px * 2);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box h4.product_class_box {
	margin: 0;
	font-weight: normal;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box h4.product_class_box .pcb_middle_header {
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td {
	display: flex;
	width: calc(calc(200 / var(--breakpoint-pc) * 100vw) * 5);
	max-width: calc(200px * 5);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	word-break: break-all;
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > .calc_box {display: none;}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div:nth-of-type(1),
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div:nth-of-type(1) {
	border-left: 1px solid #808080;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box > .pcb_product_class.color_odd	{background-color: #fff;}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box > .pcb_product_class.color_even	{background-color: rgba(10, 21, 135, 0.03);}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_head > div:nth-of-type(1)	{background-color: inherit;}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_head > div:nth-of-type(2)	{background-color: rgba(5, 130, 227, 0.10); border-top: 1px solid #808080;}
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_head > div:nth-of-type(3)	{background-color: rgba(5, 130, 227, 0.05);}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_middle_head > .pcb_middle_header	{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(5, 130, 227, 0.10);
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_middle_head > .pcb_middle_header	span {
	margin-left: 0.5em;
	font-size: 0.8em;
	font-weight: normal;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td div input {
	width: calc(100% - 3em);
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_size,
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_size {
	width: calc(280 / var(--breakpoint-pc) * 100vw);
	max-width: 280px;
	line-height: 1.2;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_mass,
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_mass {
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_stock,
.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_stock {
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper .value_show {
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin-top: calc(-5 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper .value_show input[type="text"] {
	width: calc(60 / var(--breakpoint-pc) * 100vw);
	text-align: right;
	background-color: inherit;
	border: none;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(10 / var(--breakpoint-pc) * 100vw);
	color: #000;
	background: none;
	cursor: pointer;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper a.add_quantity {
	background: url('../img/detail/icon_count_add.svg') center center no-repeat;
}

.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper a.sub_quantity {
	background: url('../img/detail/icon_count_sub.svg') center center no-repeat;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	/* 商品一覧：インデックス */
	.ec-searchnavRole .list_wrap_index {
		margin: 80px 100px 130px;
	}

	.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 {
		margin-top: 85px;
		margin-bottom: 45px;
	}

	.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 span:nth-of-type(1) {
		font-size: 48px;
	}

	.ec-searchnavRole .list_wrap_index .list_index_box .flex-left h2 span:nth-of-type(2) {
		margin-top: -24px;
		font-size: 40px;
	}

	.ec-searchnavRole .list_wrap_index .list_index_box .flex-left .lead {
		font-size: 18px;
	}

	.ec-searchnavRole .list_wrap_index .list_index_box .flex-left .lead:before {
	    margin: -20px auto 18px;
	    border-top-width: 2px;
	}

	/* 商品一覧：比較表 */
	.ec-searchnavRole .list_wrap_table {
		margin-bottom: 130px;
		padding-bottom: 120px;
	}

	.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(1) {
		margin-top: -16px;
		margin-bottom: 10px;
		font-size: 32px;
	}

	.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(2) {
		font-size: 20px;
	}

	.ec-searchnavRole .list_wrap_table h3 span:nth-of-type(2):after {
	    margin: 20px auto 60px;
	    border-top-width: 2px;
	}

	.ec-searchnavRole .list_wrap_table .list_table_scroll {
	    margin: 0 100px 100px;
	}

	.ec-searchnavRole .list_wrap_table .list_table_box ol li .column_2_lower a {
		font-size: 14px;
	}

	/* 商品一覧：商品一覧 */
	.ec-searchnavRole .list_wrap_itemlist {
		margin-bottom: 130px;
		padding-bottom: 120px;
	}

	.ec-searchnavRole .ec-searchnavRole__infos {
		margin: 0 100px 40px;
		padding-top: 50px;
	}

	.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(1) {
		margin-top: -16px;
		margin-bottom: 10px;
		font-size: 32px;
	}

	.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(2) {
		font-size: 20px;
	}

	.ec-searchnavRole .list_wrap_itemlist h3 span:nth-of-type(2):after {
	    width: 36px;
	    margin: 20px auto 20px;
	    border-top-width: 2px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container {
		margin: 0 100px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul {
		margin-right: -13px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li {
		margin-right: 13px;
		margin-bottom: 13px;
		padding: 20px;
	}
/*
	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li:nth-of-type(4n) {
		margin-right: auto;
	}
*/
	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(1) {
		margin-bottom: 25px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(2) {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(3) {
		margin-bottom: 10px;
		padding-top: 10px;
		font-size: 16px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(4) {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.ec-searchnavRole .list_wrap_itemlist .itemlist_container ul li p:nth-of-type(5) span {
		font-size: 14px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 {
		width: calc(200px * 5);
		margin: 0 auto 100px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl h3 {
		margin: 0 0 20px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl h3 .add-cart {
		font-size: 18px;
		border-radius: 5px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form {
		margin-bottom: 20px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .cart_box .exception_box,
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .exception_box {
/*		margin-bottom: 20px;	*/
		font-size: 16px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box {
	    margin-left: 20px;
/*	    margin-bottom: 20px;	*/
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p {
	    margin-right: 5px;
	}
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p span:nth-of-type(1) {
	    font-size: 16px;
	}
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box p span:nth-of-type(2):after {
	    border-width: 21px 0 21px 10px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-select select {
		height: 42px;
		padding: 0 20px;
		font-size: 20px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-select:after {
		font-size: 12px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist input {
		width: 90px;
		height: 42px;
		font-size: 18px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist select {
		width: 110px;
		width: 110px;
		height: 42px;
		font-size: 18px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_box_ttl .sale_form .option_box .ec-datalist:after {
		font-size: 12px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box {
		font-size: 18px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div {
		padding: 5px 10px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box h4.product_class_box .pcb_middle_header {
		height: 50px;
	}
/*
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td {
		width: 200px;
	}
*/
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div {
		width: 200px;
		height: 50px;
		padding: 5px 10px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box.pcb_middle_head > .pcb_middle_header	{
		padding: 5px 10px;
		font-size: 18px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_size,
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_size {
		width: 280px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_mass,
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_mass {
		width: 160px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_th > div.th_stock,
	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td > div.td_stock {
		width: 160px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper .value_show {
		height: 32px;
		margin-top: -5px;
		padding: 0 10px;
		font-size: 24px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper .value_show input[type="text"] {
		width: 60px;
	}

	.ec-searchnavRole .list_wrap_itemlist2 .product_box .product_class_box .pcb_td .flex_wrapper a {
		width: 20px;
		height: 20px;
		font-size: 10px;
	}
}



/* 商品登録後ポップアップ */
.ec-modal .ec-modal-wrap .ec-modal-box .ec-role {
	position: relative;
}

.ec-modal .ec-modal-wrap .ec-modal-box .ec-role .cart_cancel_items {
	position: absolute;
	right: calc(20 / var(--breakpoint-pc) * 100vw);
}




/* ********************************************************************************* */
/* フロント：商品詳細 */
.detail_container {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw);
}

.detail_container .ttl_area {
}

.detail_container .ttl_area h2 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(75 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

.detail_container .ttl_area h2 span:nth-of-type(1) {
	width: 100%;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.detail_container .ttl_area h2 span:nth-of-type(2) {
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: #404040;
}

.detail_container .detail_box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.detail_container .detail_box .img_area {
	width: calc(480 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .img_area img {
	width: 100%;
	height: auto;
}

.detail_container .detail_box .img_area .item_visual {
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	height: calc(480 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #b5b5b5;
}

.detail_container .detail_box .img_area .item_nav {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .img_area .item_nav .slideThumb {
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	margin-right: calc(15 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #b5b5b5;
}

.detail_container .detail_box .img_area .item_nav .slideThumb:nth-of-type(3n) {
	margin-right: 0;
}

.detail_container .detail_box .info_area {
	width: calc(100% - calc(480 / var(--breakpoint-pc) * 100vw) - calc(40 / var(--breakpoint-pc) * 100vw));
}

.detail_container .detail_box .info_area .tabs {
	padding-bottom: calc(75 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.detail_container .detail_box .info_area .tabs .tab_box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

.detail_container .detail_box .info_area .tabs .tab_box .tab_item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
	height: calc(45 / var(--breakpoint-pc) * 100vw);
	max-height: 45px;
	margin: 0 calc(2.5 / var(--breakpoint-pc) * 100vw) 0;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	color: #fff;
	background-color: #C7C7C7;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw) calc(5 / var(--breakpoint-pc) * 100vw) 0 0;
	transition: all 0.2s ease;
}

.detail_container .detail_box .info_area .tabs .tab_box .tab_item:hover {
	opacity: 0.75;
}

.detail_container .detail_box .info_area .tabs .tab_box input[name="tab_item"] {
	display: none;
}

.detail_container .detail_box .info_area .tabs .tab_content {
	display: none;
}

.detail_container .detail_box .info_area .tabs #sales_content.visible,
.detail_container .detail_box .info_area .tabs #lease_content.visible {
	display: block;
}

.detail_container .detail_box .info_area .tabs input:checked + .tab_item {
	background-color: #FF9A34;
	color: #fff;
}

.detail_container .detail_box .info_area .tabs .tab_content_info {
}

.detail_container .detail_box .info_area .tabs .tab_content_info .category_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .category_box img {
	top: 1px;
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_info .category_box span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(180 / var(--breakpoint-pc) * 100vw);
	height: calc(28 / var(--breakpoint-pc) * 100vw);
	margin: 0 0 0 1.5em;
	text-align: center;
	color: #fff;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	background-color: #FF9A34;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .param_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(160 / var(--breakpoint-pc) * 100vw);
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	border: 1px solid #0582E3;

}

.detail_container .detail_box .img_area .description_box {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw) 0 0;
	border-color: #007bff transparent transparent transparent;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell:after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent #007bff transparent;
}


.detail_container .detail_box .info_area .tabs .tab_content_info .option_area {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(135 / var(--breakpoint-pc) * 100vw);
	max-width: 135px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(125 / var(--breakpoint-pc) * 100vw);
	max-width: 125px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(21 / var(--breakpoint-pc) * 100vw) 0 calc(21 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent #0582E3;

}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-select {
	margin: 0;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-select select {
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #707070;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-select:after {
	content: "▼";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: 100%;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #707070;
	pointer-events: none;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist {
	margin: 0;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist input {
	position: absolute;
	top: 0;
	width: calc(90 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	background-color: #fff;
	border: 1px solid #707070;
	border-right: none;
	z-index: 2;
}
.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist input[type="number"],
.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist input[type="number"]::-webkit-outer-spin-button,
.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist input[type="number"]::-webkit-inner-spin-button {
	-moz-appearance: textfield;
	-webkit-appearance: none;
	margin: 0;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist select {
	width: calc(110 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
	border: 1px solid #707070;
	z-index: 1;
}

.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist:after {
	content: "▼";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: 100%;
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #707070;
	pointer-events: none;
	z-index: 3;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist {
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 46%;
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(80 / var(--breakpoint-pc) * 100vw);
	max-width: 80px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	padding-left: calc(8 / var(--breakpoint-pc) * 100vw);
	font-size: calc(13 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	background-color: rgba(180, 180, 180, 0.15);
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(15 / var(--breakpoint-pc) * 100vw) 0 calc(15 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent rgba(180, 180, 180, 0.15);
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper .value_show {
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin-top: calc(-5 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper .value_show input[type="text"] {
	width: calc(60 / var(--breakpoint-pc) * 100vw);
	text-align: right;
	border: none;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(10 / var(--breakpoint-pc) * 100vw);
	color: #000;
	background: none;
	cursor: pointer;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper a.add_quantity {
	background: url('../img/detail/icon_count_add.svg') center center no-repeat;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper a.sub_quantity {
	background: url('../img/detail/icon_count_sub.svg') center center no-repeat;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .calc_price_box {
	display: none;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea {

}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table {
	width: 100%;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table tr {
	height: calc(68 / var(--breakpoint-pc) * 100vw);
	max-height: 68px;
}

#sales_content #totalarea table tr:nth-of-type(1) {border-bottom: 1px solid #B4B4B4;}
#sales_content #totalarea table tr:nth-of-type(2) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
#sales_content #totalarea table tr:nth-of-type(3) {border-bottom: 1px solid #B4B4B4;}
#sales_content #totalarea table tr:nth-of-type(4) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
#sales_content #totalarea table tr:nth-of-type(5) {border-bottom: 1px solid #B4B4B4;}
#sales_content #totalarea table tr:nth-of-type(6) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}

#lease_content #totalarea table tr:nth-of-type(1) {border-bottom: 1px solid #B4B4B4;}
#lease_content #totalarea table tr:nth-of-type(2) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
#lease_content #totalarea table tr:nth-of-type(3) {border-bottom: 1px solid #B4B4B4;}
#lease_content #totalarea table tr:nth-of-type(4) {border-bottom: 1px solid #B4B4B4;}
#lease_content #totalarea table tr:nth-of-type(5) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
#lease_content #totalarea table tr:nth-of-type(6) {border-bottom: 1px solid #B4B4B4;}
#lease_content #totalarea table tr:nth-of-type(7) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table tr th {
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	border-right: 1px solid #B4B4B4;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table tr td {
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #707070;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p{
	height: calc(76 / var(--breakpoint-pc) * 100vw);
	max-height: 76px;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(1) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - calc(140 / var(--breakpoint-pc) * 100vw));
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(2) span {
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .caption {
	margin-bottom: calc(35 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: right;
	color: #F00;
}


.detail_container .detail_box .info_area .tabs .tab_content .add-cart {
	width: 100%;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	background-color: #FF9A34;
	background-image: url('../img/detail/detail_track_in.png');
	background-repeat: no-repeat;
	background-size: calc(41.5 / var(--breakpoint-pc) * 100vw) calc(20.5 / var(--breakpoint-pc) * 100vw);
	background-position: calc(50% - -5em) center;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.detail_container .detail_box .info_area .tabs .tab_content .exception_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
}


@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.detail_container {
		margin: 0 100px 100px;
	}

	.detail_container .ttl_area h2 {
		margin-top: 75px;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}

	.detail_container .ttl_area h2 span:nth-of-type(1) {
		font-size: 48px;
	}

	.detail_container .ttl_area h2 span:nth-of-type(2) {
		margin-top: 24px;
		font-size: 40px;
	}

	.detail_container .detail_box .info_area {
		width: calc(100% - 480px - 40px);
	}

	.detail_container .detail_box .info_area .tabs {
		padding-bottom: 75px;
	}

	.detail_container .detail_box .info_area .tabs .tab_box {
		margin-bottom: 40px;
	}

	.detail_container .detail_box .info_area .tabs .tab_box .tab_item {
		margin: 0 2.5px 0;
		font-size: 20px;
		border-radius: 5px 5px 0 0;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .category_box {
		margin-bottom: 25px;
		font-size: 20px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .category_box img {
		margin-right: 10px;

	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .category_box span {
		width: 180px;
		height: 28px;
		font-size: 14px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .param_box {
		margin-bottom: 25px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell {
		margin-right: 5px;
		padding: 0 20px;
		font-size: 14px;
	}

	.detail_container .detail_box .img_area {
		width: 480px;
	}

	.detail_container .detail_box .img_area .item_visual {
		width: 480px;
		height: 480px;
	}

	.detail_container .detail_box .img_area .item_nav {
		width: 480px;
	}

	.detail_container .detail_box .img_area .item_nav .slideThumb {
		width: 150px;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.detail_container .detail_box .img_area .description_box {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell:before {
		border-width: 8px 8px 0 0;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .param_box .param_box_cell:after {
		border-width: 0 0 8px 8px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box {
		margin-bottom: 20px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p {
		margin-right: 5px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p span:nth-of-type(1) {
		font-size: 16px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box p span:nth-of-type(2):after {
		border-width: 21px 0 21px 10px
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-select select {
		padding: 0 20px;
		font-size: 20px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-select:after {
		width: 20px;
		font-size: 12px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist input {
		width: 90px;
		height: 42px;
		font-size: 18px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist select {
		width: 110px;
		width: 110px;
		height: 42px;
		font-size: 18px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_info .option_area .option_box .ec-datalist:after {
		font-size: 12px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li {
		width: 240px;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info {
		margin-right: 5px;
		font-size: 14px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info span:nth-of-type(1) {
		padding-left: 8px;
		font-size: 13px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .classlist_info span:nth-of-type(2):after {
		border-width: 15px 0 15px 10px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper .value_show {
		margin-top: -5px;
		padding: 0 10px;
		font-size: 24px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper .value_show input[type="text"] {
		width: 60px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist ul li .flex_wrapper a {
		font-size: 10px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table {
		margin-bottom: 20px;
		border-top-width: 2px;
	}

	#sales_content #totalarea table tr:nth-of-type(1) {border-bottom-width: 1px;}
	#sales_content #totalarea table tr:nth-of-type(2) {border-bottom-width: 2px;}
	#sales_content #totalarea table tr:nth-of-type(3) {border-bottom-width: 1px;}
	#sales_content #totalarea table tr:nth-of-type(4) {border-bottom-width: 2px;}
	#sales_content #totalarea table tr:nth-of-type(5) {border-bottom-width: 1px;}
	#sales_content #totalarea table tr:nth-of-type(6) {border-bottom-width: 2px;}

	#lease_content #totalarea table tr:nth-of-type(1) {border-bottom-width: 1px;}
	#lease_content #totalarea table tr:nth-of-type(2) {border-bottom-width: 2px;}
	#lease_content #totalarea table tr:nth-of-type(3) {border-bottom-width: 1px;}
	#lease_content #totalarea table tr:nth-of-type(4) {border-bottom-width: 1px;}
	#lease_content #totalarea table tr:nth-of-type(5) {border-bottom-width: 2px;}
	#lease_content #totalarea table tr:nth-of-type(6) {border-bottom-width: 1px;}
	#lease_content #totalarea table tr:nth-of-type(7) {border-bottom-width: 2px;}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table tr th {
		font-size: 16px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea table tr td {
		font-size: 24px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price {
		margin-bottom: 10px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(1) {
		font-size: 18px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(2) {
		font-size: 26px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .finish_price p:nth-of-type(2) span {
		font-size: 32px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content_classlist #totalarea .caption {
		margin-bottom: 35px;
		font-size: 16px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content .add-cart {
		font-size: 24px;
		background-size: 41.5px 20.5px;
		border-radius: 5px;
	}

	.detail_container .detail_box .info_area .tabs .tab_content .exception_box {
		margin-top: 20px;
		font-size: 20px;
	}
}



/* ********************************************************************************* */
/* カート画面 */
.cart_container {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw);
}

.cart_container * {
	margin: 0;
	padding: 0;
}

.cart_container .ttl_area h2 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(75 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #0582E3;
}

.cart_container .ttl_area h2 > span {
	width: 100%;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.cart_container .ttl_area h2 > p {
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
    text-align: center;
	color: #404040;
}

.cart_container .ttl_area h2 > p * {
	margin: 0 calc(20 / var(--breakpoint-pc) * 100vw);
}

.cart_container .ec-cartRole__totalText {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
}

.cart_container .ec-cartRole__totalText p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(470 / var(--breakpoint-pc) * 100vw);
	max-width: 470px;
	height: calc(80 / var(--breakpoint-pc) * 100vw);
	max-height: 80px;
	margin: 0 auto;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	border: 1px solid #0582E3;
}

.cart_container .cart_list_box {
	margin-bottom: calc(55 / var(--breakpoint-pc) * 100vw);
}

.cart_container .cart_list ol,
.cart_container .cart_list ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: normal;
}

.cart_container .cart_list ol {
	background-color: #F8F8F8;
}

.cart_container .cart_list ul {
	border-bottom: 1px solid rgba(82, 82, 82, 0.30);
}

.cart_container .cart_list ol li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}

.cart_container .cart_list ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(130 / var(--breakpoint-pc) * 100vw);
	max-height: 130px;
	font-weight: normal;
}

.cart_container .cart_list ol li:nth-of-type(1),
.cart_container .cart_list ul li:nth-of-type(1) {
	width: calc(80 / var(--breakpoint-pc) * 100vw);
	max-width: 80px;
}

.cart_container .cart_list ol li:nth-of-type(2),
.cart_container .cart_list ul li:nth-of-type(2) {
	width: calc(510 / var(--breakpoint-pc) * 100vw);
	max-width: 510px;
}

.cart_container .cart_list ol li:nth-of-type(3),
.cart_container .cart_list ul li:nth-of-type(3) {
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
}

.cart_container .cart_list ol li:nth-of-type(4),
.cart_container .cart_list ul li:nth-of-type(4) {
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
}

.cart_container .cart_list ol li:nth-of-type(5),
.cart_container .cart_list ul li:nth-of-type(5) {
	width: calc(80 / var(--breakpoint-pc) * 100vw);
	max-width: 80px;
}

.cart_container .cart_list ul li:nth-of-type(1) a {
	width: calc(18 / var(--breakpoint-pc) * 100vw);
	max-width: 18px;
}

.cart_container .cart_list ul li:nth-of-type(2) {
	justify-content: flex-start;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
}

.cart_container .cart_list ul li:nth-of-type(2) .sale_style {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.cart_container .cart_list ul li:nth-of-type(2) .sale_style span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.cart_container .cart_list ul li:nth-of-type(2) .sale_style span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(21 / var(--breakpoint-pc) * 100vw) 0 calc(21 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent #0582E3;
}

.cart_container .cart_list ul li:nth-of-type(2) .summary {
}

.cart_container .cart_list ul li:nth-of-type(2) .summary .name {
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
}

.cart_container .cart_list ul li:nth-of-type(2) .summary .info {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.cart_container .cart_list ul li:nth-of-type(3) .amount {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_container .cart_list ul li:nth-of-type(3) .amount a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	max-height: 20px;
	font-size: calc(10 / var(--breakpoint-pc) * 100vw);
	color: #000;
	background: none;
	cursor: pointer;
}

.cart_container .cart_list ul li:nth-of-type(3) .amount a.add_quantity {
	background: url('../img/detail/icon_count_add.svg') center center no-repeat;
}

.cart_container .cart_list ul li:nth-of-type(3) .amount a.sub_quantity {
	background: url('../img/detail/icon_count_sub.svg') center center no-repeat;
}

.cart_container .cart_list ul li:nth-of-type(3) .amount .amount_value {
	width: calc(42 / var(--breakpoint-pc) * 100vw);
	max-width: 42px;
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	margin: calc(-5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw) 0;
	text-align: right;
}

.cart_container .cart_list ul li:nth-of-type(4) {
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
}


.cart_container .finish_price {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: calc(570 / var(--breakpoint-pc) * 100vw);
	max-width: 570px;
	margin: 0 auto calc(40 / var(--breakpoint-pc) * 100vw);
}

.cart_container .finish_price p {
	height: calc(76 / var(--breakpoint-pc) * 100vw);
	max-height: 76px;
	border: 1px solid #707070;
}

.cart_container .finish_price p:nth-of-type(1) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
	border-right: none;
}

.cart_container .finish_price p:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - calc(140 / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - 140px);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.cart_container .finish_price p:nth-of-type(2) span {
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
}

.cart_container .ec-cartRole__actions {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.cart_container .ec-cartRole__actions .ec-blockBtn--action {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.cart_container .ec-cartRole__actions .ec-blockBtn--action:hover {
	opacity: 0.5;
}

.cart_container .ec-cartRole__actions .ec-blockBtn--action:active {
	box-shadow: none;
}

.cart_container .ec-cartRole__actions .ec-blockBtn--cancel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(300 / var(--breakpoint-pc) * 100vw);
	max-width: 300px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	background-color: #0582E3;
	border: none;
	border-radius: calc(42 / var(--breakpoint-pc) * 100vw);
}


@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.cart_container {
		margin: 0 100px 100px;
	}

	.cart_container .ttl_area h2 {
		margin-top: 75px;
		margin-bottom: 60px;
		padding-bottom: 20px;
	}

	.cart_container .ttl_area h2 > span {
		font-size: 48px;
	}

	.cart_container .ttl_area h2 > p {
		margin-top: -24px;
		font-size: 40px;
	}

	.cart_container .ttl_area h2 > p * {
		margin: 0 20px;
	}

	.cart_container .ec-cartRole__totalText {
		margin-bottom: 60px;
	}

	.cart_container .ec-cartRole__totalText p {
		font-size: 20px;
	}

	.cart_container .cart_list_box {
		margin-bottom: 55px;
	}

	.cart_container .cart_list ol li {
		font-size: 18px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) {
		font-size: 22px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) .sale_style {
		margin-right: 20px;
		font-size: 14px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) .sale_style span:nth-of-type(1) {
		font-size: 16px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) .sale_style span:nth-of-type(2):after {
		border-width: 21px 0 21px 10px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) .summary .name {
		font-size: 22px;
	}

	.cart_container .cart_list ul li:nth-of-type(2) .summary .info {
		font-size: 16px;
	}

	.cart_container .cart_list ul li:nth-of-type(3) .amount a {
		font-size: 10px;
	}

	.cart_container .cart_list ul li:nth-of-type(3) .amount .amount_value {
		font-size: 26px;
		margin: -5px 10px 0;
	}

	.cart_container .cart_list ul li:nth-of-type(4) {
		font-size: 26px;
	}

	.cart_container .finish_price {
		margin: 0 auto 40px;
	}

	.cart_container .finish_price p:nth-of-type(1) {
		font-size: 18px;
	}

	.cart_container .finish_price p:nth-of-type(2) {
		width: calc(100% - 140px);
		font-size: 26px;
		color: #0582E3;
	}

	.cart_container .finish_price p:nth-of-type(2) span {
		font-size: 32px;
	}

	.cart_container .ec-cartRole__actions {
		margin-bottom: 20px;
	}

	.cart_container .ec-cartRole__actions .ec-blockBtn--action {
		margin: 0 auto 60px;
		font-size: 24px;
		border-radius: 5px;
	}

	.cart_container .ec-cartRole__actions .ec-blockBtn--cancel {
		margin: 0 auto 20px;
		font-size: 18px;
		border-radius: 42px;
	}
}


/* ********************************************************************************* */
/* マイページ：ステップ共通 */
.step_container {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer {
}

.step_container *,
.step_container_outer * {
	margin: 0;
	padding: 0;
}

.step_container .ttl_area h1 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(75 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #B4B4B4;
}

.step_container .ttl_area h1 > span {
	width: 100%;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.step_container .ttl_area h1 > p {
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
    text-align: center;
	color: #404040;
}

.step_container .ttl_area h1 > p * {
	margin: 0 calc(20 / var(--breakpoint-pc) * 100vw);
}

/* 共通ヘッダー */
.step_container .nav_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.step_container .nav_area .customer {
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

.step_container .nav_area .mypage-menu {
	padding: calc(10 / var(--breakpoint-pc) * 100vw) calc(35 / var(--breakpoint-pc) * 100vw);
	background: #F8F8F8;
}

.step_container .nav_area .mypage-menu ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.step_container .nav_area .mypage-menu ul li {
}

.step_container .nav_area .mypage-menu ul li.separate {
	padding: 0 calc(5 / var(--breakpoint-pc) * 100vw);
}

.step_container .nav_area .mypage-menu ul li a {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

.step_container .modal.show {
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1;
}
.step_container .modal.show .modal-dialog {
	margin: 10vh auto;
}

.step_container .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.step_container .modal-header .modal-title {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
    font-weight: 700 !important;
}

.step_container .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.step_container .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.step_container .modal-body .d-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.step_container .modal-body .d-flex p {
	width: 24%;
}

.step_container .modal-body .d-flex p label {
	margin-bottom: calc(5 / var(--breakpoint-pc) * 100vw);
	padding-left: calc(5 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.step_container .modal-body .d-btn {
	text-align: right;
}

.step_container .modal-body .d-btn #saveDialogCarryCarInfo {
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #0582E3;
	border: none;
	border-radius: 52px;
	cursor: pointer;
}

.step_container .caution_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(800 / var(--breakpoint-pc) * 100vw);
	max-width: 800px;
	height: calc(136 / var(--breakpoint-pc) * 100vw);
	max-height: 136px;
	margin: calc(90 / var(--breakpoint-pc) * 100vw) auto calc(60 / var(--breakpoint-pc) * 100vw);
	padding-left: calc(200 / var(--breakpoint-pc) * 100vw);
	background: url('../img/step/step_icon_caution_mark.png') center center no-repeat;
	background-size: calc(102 / var(--breakpoint-pc) * 100vw) calc(90 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #0582E3;
}

.step_container .caution_box img {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: calc(35 / var(--breakpoint-pc) * 100vw);
}

.step_container .caution_box img.person01 {
	width: calc(159 / var(--breakpoint-pc) * 100vw);
	max-width: 159px;
	height: calc(195 / var(--breakpoint-pc) * 100vw);
	max-height: 195px;
}

.step_container .caution_box .caution_txt {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #0582E3;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.step_container {
		margin: 0 100px 100px;
	}

	.step_container .ttl_area h1 {
		margin-top: 75px;
		margin-bottom: 40px;
		padding-bottom: 20px;
	}

	.step_container .ttl_area h1 > span {
		font-size: 48px;
	}

	.step_container .ttl_area h1 > p {
		margin-top: -24px;
		font-size: 40px;
	}

	.step_container .ttl_area h1 > p * {
		margin: 0 20px;
	}

	/* 共通ヘッダー */
	.step_container .nav_area {
		margin-bottom: 30px;
	}

	.step_container .nav_area .customer {
		font-size: 20px;
	}

	.step_container .nav_area .mypage-menu {
		padding: 10px 35px;
	}

	.step_container .nav_area .mypage-menu ul li.separate {
		padding: 0 5px;
	}

	.step_container .nav_area .mypage-menu ul li a {
		font-size: 16px;
	}

	.step_container .modal-header .modal-title {
		font-size: 18px;
	}

	.step_container .modal-body .d-flex {
		margin-bottom: 20px;
	}

	.step_container .modal-body .d-flex p label {
		margin-bottom: 5px;
		padding-left: 5px;
		font-size: 16px;
	}

	.step_container .modal-body .d-btn #saveDialogCarryCarInfo {
		font-size: 16px;
	}

	.step_container .caution_box {
		margin: 90px auto 60px;
		padding-left: 200px;
		background-size: 102px 90px;
	}

	.step_container .caution_box img {
		margin-left: 35px;
	}

	.step_container .caution_box .caution_txt {
		font-size: 18px;
	}
}




/* ********************************************************************************* */
/* マイページ：配車センター */
.step_container .assort_count_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .assort_count_box p {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #525252;
}

.step_container .assort_box {
	margin-top: calc(70 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(140 / var(--breakpoint-pc) * 100vw);
}

.step_container .assort_box .assort_info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	border-top: 2px solid #0582E3;
}

.step_container .assort_box .assort_info .manage_status_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(240 / var(--breakpoint-pc) * 100vw);
	max-width: 240px;
	height: calc(57 / var(--breakpoint-pc) * 100vw);
	max-height: 57px;
}

.step_container .assort_box .assort_info .manage_status_box span {
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	color: #fff;
}

.step_container .assort_box .assort_info .manage_status_box:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: calc(260 / var(--breakpoint-pc) * 100vw);
	max-width: 260px;
	height: calc(57 / var(--breakpoint-pc) * 100vw);
	max-height: 57px;
	border-top: calc(57 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-right: calc(34 / var(--breakpoint-pc) * 100vw) solid transparent;
}
/*
.step_container .assort_box .assort_info .manage_status_box:after {
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	width: calc(256 / var(--breakpoint-pc) * 100vw);
	max-width: 256px;
	height: calc(53 / var(--breakpoint-pc) * 100vw);
	max-height: 53px;
	border-top: calc(53 / var(--breakpoint-pc) * 100vw) solid #ccc;
	border-right: calc(32 / var(--breakpoint-pc) * 100vw) solid transparent;
	z-index: 2;
}
*/
.step_container .assort_box .assort_info .manage_no_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(230 / var(--breakpoint-pc) * 100vw);
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	margin-left: calc(15 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	border: 1px solid #0582E3;
}

.step_container .assort_box .assort_info .manage_no_box:nth-of-type(2) {
	margin-left: calc(30 / var(--breakpoint-pc) * 100vw);
}

.step_container .assort_box .assort_info .manage_delete_box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
    top: calc(50% - calc(16 / var(--breakpoint-pc) * 100vw));
    right: 0;
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
}

.step_container .assort_box .assort_info .manage_delete_box button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin: 0 auto;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
	border-radius: 52px;
	outline: none;
	cursor: pointer;
}

.step_container .assort_box .assort_info .manage_delete_box button:hover {
	background-color: #808080;
}

.step_container .box_flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}


.step_container .box_flex .box_area_left {
	width: calc(370 / var(--breakpoint-pc) * 100vw);
	max-width: 370px;
}

.step_container .box_flex .box_area_left .date_box {
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .date_box p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .date_box p img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .date_box p span:nth-of-type(1) {
	width: 5em;
}

.step_container .box_flex .box_area_left .date_box p span:nth-of-type(2) {
	width: calc(100% - 5em - calc(10 / var(--breakpoint-pc) * 100vw) - 18px);
}

.step_container .box_flex .box_area_left .delivery_address {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	padding: calc(30 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
	border-left: calc(7 / var(--breakpoint-pc) * 100vw) solid rgba(5, 130, 227, 0.42);
}

.step_container .box_flex .box_area_left .delivery_address p {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container .box_flex .box_area_left .delivery_address p:nth-of-type(2) {margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);}
.step_container .box_flex .box_area_left .delivery_address p:last-of-type {margin-bottom: 0;}

.step_container .box_flex .box_area_left .carry_car_list_box {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .carry_car_list_box .carry_car_list_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .carry_car_list_box ul {

}

.step_container .box_flex .box_area_left .carry_car_list_box ul li {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li p {
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li p.caution {
	text-align: center;
	color: #f00;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li .carry_car_list_flex p:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li .carry_car_list_flex p:nth-of-type(1) img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .carry_car_list_box .carry_car_list_accbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(200 / var(--breakpoint-pc) * 100vw);
	max-width: 200px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin: 0 auto;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
	border-radius: 52px;
	cursor: pointer;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li .carry_car_list_flex p:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	height: calc(28 / var(--breakpoint-pc) * 100vw);
	max-height: 28px;
/*	margin-left: calc(35 / var(--breakpoint-pc) * 100vw);	*/
	margin-bottom: 0;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li p:nth-of-type(2).status1 {
	color: #fff;
	background-color: #B4B4B4;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li p:nth-of-type(2).status2 {
	color: #fff;
	background-color: #FF9A34;
}

.step_container .box_flex .box_area_left .carry_car_list_box ul li p:nth-of-type(2).status3 {
	color: #fff;
	background-color: #0582E3;
}


.step_container .box_flex .box_area_left .carry_car_list_box ul li .showDialogCarryCarInfo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(160 / var(--breakpoint-pc) * 100vw);
	max-width: 160px;
	height: calc(32 / var(--breakpoint-pc) * 100vw);
	max-height: 32px;
	margin: 0 auto;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #0582E3;
	border: none;
	border-radius: 52px;
	cursor: pointer;
}

.step_container .box_flex .box_area_left .cuefile_list_box {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .cuefile_list_box ul {
}

.step_container .box_flex .box_area_left .cuefile_list_box ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .cuefile_list_box ul li a {
	color: #404040;
}

.step_container .box_flex .box_area_left .cuefile_list_box ul li a:nth-of-type(1) {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .cuefile_list_box ul li a:nth-of-type(2) {
	margin-left: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .step_btn {
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .step_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(370 / var(--breakpoint-pc) * 100vw);
	max-width: 370px;
	height: calc(52 / var(--breakpoint-pc) * 100vw);
	max-height: 52px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	background-repeat: no-repeat;
}

.step_container .box_flex .box_area_left .step_btn a > img {
	width: calc(18 / var(--breakpoint-pc) * 100vw);
	height: auto;
	margin-top: calc(2 / var(--breakpoint-pc) * 100vw);
	margin-left: calc(6 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .step_btn .cuefile_upload {
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-radius: 52px;
}
/*
.step_container .box_flex .box_area_left .step_btn .cuefile_upload:hover {
	color: #fff;
	background-color: #0582E3;
}
*/
.step_container .box_flex .box_area_left .step_btn .btn_type_a {
	color: #fff;
	background-color: #0582E3;
	border-radius: 52px;
}
/*
.step_container .box_flex .box_area_left .step_btn .btn_type_a:hover {
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
}
*/
.step_container .box_flex .box_area_left .step_btn .btn_type_b {
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-radius: 52px;
}
/*
.step_container .box_flex .box_area_left .step_btn .btn_type_b:hover {
	color: #fff;
	background-color: #0582E3;
}
*/

.step_container .box_flex .box_area_left .step_btn .btn_type_c {
	color: #fff;
	background-color: #FF9A34;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw) solid #0582E3;
}

.step_container .box_flex .box_area_left .step_btn a {
	cursor: pointer;
}

.step_container .box_flex .box_area_left .step_btn a.upload {
	background-image: url('../img/step/step_btn_icon_upload.png');
	background-position: 7.5% center;
	background-size: calc(21 / var(--breakpoint-pc) * 100vw) calc(19 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .step_btn a.passage {
	background-image: url('../img/step/step_btn_icon_passage.png');
	background-position: 25% center;
	background-size: calc(24 / var(--breakpoint-pc) * 100vw) calc(22 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_left .step_btn a.return {
	background-image: url('../img/step/step_btn_icon_return.png');
	background-position: 25% center;
	background-size: calc(23 / var(--breakpoint-pc) * 100vw) calc(23 / var(--breakpoint-pc) * 100vw);
}

/*
.step_container .box_flex .box_area_left .step_btn .btn_type_c:hover {
	opacity: 0.5;
}
*/
.step_container .box_flex .box_area_left .step_btn a:hover {
	opacity: 0.5;
}

.step_container .box_flex .box_area_left .caution {
	color: #c00;
}


.step_container .box_flex .box_area_right {
	width: calc(100% - calc(370 / var(--breakpoint-pc) * 100vw));
	padding-left: calc(55 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_right .itemlist_box {
}

.step_container .box_flex .box_area_right .itemlist_box ul {
}

.step_container .box_flex .box_area_right .itemlist_box ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 130px;
	font-weight: normal;
	border-bottom: 1px solid rgba(82, 82, 82, 0.30);
}

.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(19 / var(--breakpoint-pc) * 100vw) 0 calc(19 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent #0582E3;
}

.step_container .box_flex .box_area_right .itemlist_box ul li .summary {
	width: calc(100% - calc(120 / var(--breakpoint-pc) * 100vw));
}

.step_container .box_flex .box_area_right .itemlist_box ul li .summary .name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_right .itemlist_box ul li .summary .name span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.step_container .box_flex .box_area_right .itemlist_box ul li .summary .cell_info {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.step_container .assort_count_box {
		margin-bottom: 10px;
	}

	.step_container .assort_count_box p {
		font-size: 16px;
	}

	.step_container .assort_box {
		margin-top: 70px;
		margin-bottom: 140px;
	}

	.step_container .assort_box .assort_info {
		margin-bottom: 30px;
	}

	.step_container .assort_box .assort_info .manage_status_box span {
		font-size: 22px;
	}

	.step_container .assort_box .assort_info .manage_status_box:before {
		border-top: 57px solid #0582E3;
		border-right: 34px solid transparent;
	}
	/*
	.step_container .assort_box .assort_info .manage_status_box:after {
		border-top: 53px solid #ccc;
		border-right: 32px solid transparent;
	}
	*/
	.step_container .assort_box .assort_info .manage_no_box {
		width: 230px;
		height: 42px;
		margin-left: 15px;
		font-size: 16px;
	}

	.step_container .assort_box .assort_info .manage_no_box:nth-of-type(2) {
		margin-left: 30px;
	}

	.step_container .assort_box .assort_info .manage_delete_box {
	    top: -42px;
	}

	.step_container .assort_box .assort_info .manage_delete_box button {
		font-size: 14px;
	}

	.step_container .box_flex {
		margin-bottom: 40px;
	}

	.step_container .box_flex .box_area_left {
		width: 370px;
	}

	.step_container .box_flex .box_area_left .date_box {
		margin-bottom: 25px;
	}

	.step_container .box_flex .box_area_left .date_box p {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.step_container .box_flex .box_area_left .date_box p img {
		margin-right: 10px;
	}

	.step_container .box_flex .box_area_left .date_box p span:nth-of-type(2) {
		width: calc(100% - 5em - 10px - 18px);
	}

	.step_container .box_flex .box_area_left .delivery_address {
		margin-bottom: 30px;
		padding: 30px 40px;
		border-left: 7px solid rgba(5, 130, 227, 0.42);
	}

	.step_container .box_flex .box_area_left .delivery_address p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.step_container .box_flex .box_area_left .delivery_address p:nth-of-type(2) {margin-bottom: 10px;}

	.step_container .box_flex .box_area_left .carry_car_list_box {
		margin-bottom: 30px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box .carry_car_list_flex {
		margin-bottom: 10px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box ul li {
		margin-bottom: 30px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box ul li p {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box ul li p:nth-of-type(1) img {
		margin-right: 10px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box .carry_car_list_accbtn {
		font-size: 16px;
	}

	.step_container .box_flex .box_area_left .carry_car_list_box ul li p:nth-of-type(2) {
/*		margin-left: 35px;	*/
	}

	.step_container .box_flex .box_area_left .carry_car_list_box ul li .showDialogCarryCarInfo {
		font-size: 16px;
	}

	.step_container .box_flex .box_area_left .cuefile_list_box {
		margin-bottom: 20px;
	}

	.step_container .box_flex .box_area_left .cuefile_list_box ul li {
		margin-bottom: 10px;
	}

	.step_container .box_flex .box_area_left .cuefile_list_box ul li a:nth-of-type(1) {
		font-size: 18px;
	}

	.step_container .box_flex .box_area_left .cuefile_list_box ul li a:nth-of-type(2) {
		margin-left: 10px;
		font-size: 16px;
	}

	.step_container .box_flex .box_area_left .step_btn {
		margin-bottom: 15px;
	}

	.step_container .box_flex .box_area_left .step_btn a {
		font-size: 18px;
	}

	.step_container .box_flex .box_area_left .step_btn a > img {
		width: 18px;
		margin-top: 2px;
		margin-left: 6px;
	}

	.step_container .box_flex .box_area_left .step_btn .cuefile_upload {
		border: 2px solid #0582E3;
	}
	/*
	.step_container .box_flex .box_area_left .step_btn .cuefile_upload:hover {
		color: #fff;
		background-color: #0582E3;
	}
	*/
	/*
	.step_container .box_flex .box_area_left .step_btn .btn_type_a:hover {
		color: #0582E3;
		background-color: #fff;
		border: 2px solid #0582E3;
	}
	*/
	.step_container .box_flex .box_area_left .step_btn .btn_type_b {
		border: 2px solid #0582E3;
	}
	/*
	.step_container .box_flex .box_area_left .step_btn .btn_type_b:hover {
		color: #fff;
		background-color: #0582E3;
	}
	*/

	.step_container .box_flex .box_area_left .step_btn .btn_type_c {
		border-radius: 5px solid #0582E3;
	}

	.step_container .box_flex .box_area_left .step_btn a.upload {
		background-size: 21px 19px;
	}

	.step_container .box_flex .box_area_left .step_btn a.passage {
		background-size: 24px 22px;
	}

	.step_container .box_flex .box_area_left .step_btn a.return {
		background-size: 23px 23px;
	}

	.step_container .box_flex .box_area_right {
		width: calc(100% - 370px);
		padding-left: 55px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style {
		margin-right: 20px;
		font-size: 14px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style span:nth-of-type(1) {
		font-size: 16px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .sale_style span:nth-of-type(2):after {
		border-width: 19px 0 19px 10px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .summary {
		width: calc(100% - 120px);
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .summary .name {
		font-size: 18px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .summary .name span {
		font-size: 16px;
	}

	.step_container .box_flex .box_area_right .itemlist_box ul li .summary .cell_info {
		font-size: 16px;
	}
}



/* ********************************************************************************* */
/* マイページ：見積詳細 */
.mypage_list_box {
}

.mypage_list_box .under_caution {
	font-size: 1.5em;
	padding: 2em 0;
    border-top: calc(2 / var(--breakpoint-pc)* 100vw) solid #0582E3;
}

.mypage_list_box .quote_flex_wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: calc(100 / var(--breakpoint-pc) * 100vw);
/*
	padding-top: calc(50 / var(--breakpoint-pc) * 100vw);
	border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
*/
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info {
	width: calc(370 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(370 / var(--breakpoint-pc) * 100vw);
	max-width: 370px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin-bottom: calc(25 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	border: 1px solid #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw) 0 0;
	border-color: #007bff transparent transparent transparent;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number:after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent #007bff transparent;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_date {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_date img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	padding: calc(30 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
	border-left: calc(7 / var(--breakpoint-pc) * 100vw) solid rgba(5, 130, 227, 0.42);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address p {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address p:nth-of-type(2) {margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address p:last-of-type {margin-bottom: 0;}


.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare {
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_ttl img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form input:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - calc(calc(120 + 5) / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - calc(120 + 5));
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	border: 1px solid #525252;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form input:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	padding: calc(30 / var(--breakpoint-pc) * 100vw) calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(5, 130, 227, 0.05);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value:before {
	content: "";
	position: absolute;
	top: calc(-5 / var(--breakpoint-pc) * 100vw);
	left: calc(50% - calc(23 / var(--breakpoint-pc) * 100vw));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(20 / var(--breakpoint-pc) * 100vw) calc(23 / var(--breakpoint-pc) * 100vw) 0 calc(23 / var(--breakpoint-pc) * 100vw);
	border-color: #fff transparent transparent transparent;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul {
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li {
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	text-align: center;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li.ta_left {
	text-align: left;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li:last-of-type {
	margin-bottom: 0;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: calc(5 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_ttl img {
	margin-right: calc(5 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_area {
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_area span {
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .addr_post_code {
	cursor: pointer;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .addr_list {
	height: 25vh;
	max-height: 200px;
	padding: 0 0.5em 1.0em;
	border: 1px solid #666;
	overflow-y: scroll;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .addr_list li {
	margin: 1.0em 0 1.0em 1.0em;
	line-height: 1.2;
	text-indent: -1.0em;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .deliv_addr {
	text-align: center;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .caution {
	margin-left: 1em;
	text-indent: -1em;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw)
	color: #f00;
}



.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare #temp_quote_option {
	margin-top: 3em;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare #temp_quote_option_title {
	margin-top: 0.5em;
	padding-bottom: 0.25em;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #0582E3;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare #temp_quote_option span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-left: 1.25em;
	padding: calc(8 / var(--breakpoint-pc) * 100vw) 0;
	text-indent: -1.25em;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare #temp_quote_option span input {
	margin-right: 0.25em;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare #temp_quote_option span label {
	cursor: pointer;
}








.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn {
	position: relative;
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a,
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"],
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(370 / var(--breakpoint-pc) * 100vw);
	max-width: 370px;
	height: calc(52 / var(--breakpoint-pc) * 100vw);
	max-height: 52px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	background-repeat: no-repeat;
	color: #fff;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a.download,
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"].exec {
	border-radius: 52px;
	background-color: #0582E3;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a.return {
	background-color: #FF9A34;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a.download:hover,
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"].exec:hover {
	color: #0582E3;
	background-color: #fff;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a.return:hover {
	color: #FF9A34;
	background-color: #fff;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"].exec:disabled {
	border-radius: 52px;
	background-color: #B4B4B4;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #B4B4B4;
}
.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"].exec:disabled:hover {
	color: #fff;
	cursor: not-allowed;
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box input[type="radio"] {
	display: none;
	appearance: none;
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box label.pay1 {
	background-color: #FF9A34;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box label.pay1:hover {
	color: #FF9A34;
	background-color: #fff;
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box input[type="radio"]:checked + label:after{
	content: '';
	position: absolute;
	top: calc(50% - 0.75em);
	left: 5%;
	display: block;
	width: 0.5em;
	height: 1.0em;
	font-size: 1.0em;
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #fff;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #fff;
	transform: rotate(45deg);
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box input[type="radio"]:checked + label.pay1:hover:after{
	content: '';
	position: absolute;
	top: calc(50% - 0.75em);
	left: 5%;
	display: block;
	width: 0.5em;
	height: 1.0em;
	font-size: 1.0em;
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
	transform: rotate(45deg);
}

.mypage_list_box .quote_flex_wrapper #form_quote_payment_box .caution {
	margin-bottom: 1em;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #F00;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list {
	width: calc(100% - calc(calc(370 + 50) / var(--breakpoint-pc) * 100vw));
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment {

}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_ttl img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form input:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - calc(calc(120 + 5) / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - calc(120 + 5));
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	border: 1px solid #525252;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form input:nth-of-type(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: calc(130 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	border-top: 1px solid rgba(82, 82, 82, 0.30);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style {
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	margin-right: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(19 / var(--breakpoint-pc) * 100vw) 0 calc(19 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info {
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary {
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .name {
	display: flex;
	align-items: center;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .name span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .cell_info {
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total {

}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table {
	width: 100%;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr {
	height: calc(68 / var(--breakpoint-pc) * 100vw);
	max-height: 68px;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(1) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(2) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(3) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(4) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(5) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(6) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(7) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(8) {border-bottom: 1px solid #B4B4B4;}
.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(9) {border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr th {
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	border-right: 1px solid #B4B4B4;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr td {
	padding-right: 3em;
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #707070;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p{
	height: calc(76 / var(--breakpoint-pc) * 100vw);
	max-height: 76px;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(1) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - calc(140 / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - 140px);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(2) span {
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .caution {
	text-align: right;
	color: #c00;
}

.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .caption {
	margin-bottom: calc(35 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: right;
	color: #F00;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.mypage_list_box .under_caution {
		border-top-width: 2px;
	}

	.mypage_list_box .quote_flex_wrapper {
/*
		border-top-width: 2px;
		padding-top: 50px;
*/
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info {
		width: 370px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number {
		margin-bottom: 25px;
		padding: 0 20px;
		font-size: 14px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number:before {
		border-width: 8px 8px 0 0;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_number:after {
		border-width: 0 0 8px 8px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_date {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_date img {
		margin-right: 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address {
		margin-bottom: 30px;
		padding: 30px 40px;
		border-left-width: 7px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_delivery_address p:nth-of-type(2) {margin-bottom: 10px;}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_ttl {
		margin-bottom: 15px;
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_ttl img {
		margin-right: 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form {
		margin-bottom: 20px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form input:nth-of-type(1) {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_form input:nth-of-type(2) {
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value {
		margin-bottom: 30px;
		padding: 30px 20px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value:before {
		top: -5px;
		left: 50% - 23px);
		border-width: 20px 23px 0 23px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li {
		margin-bottom: 15px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_ttl {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_ttl img {
		margin-right: 5px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_area {
		font-size: 22px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value ul li .carfare_value_area span {
		font-size: 12px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .deliv_addr {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .quote_carfare .carfare_value .caution {
		font-size: 16px
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn {
		margin-bottom: 15px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn a,
	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .step_btn button[type="buttton"] {
		font-size: 18px;
		border: 2px solid #0582E3;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_info .caution {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list {
		width: calc(100% - calc(370px + 50px));
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_ttl {
		margin-bottom: 15px;
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_ttl img {
		margin-right: 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form {
		margin-bottom: 20px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form input:nth-of-type(1) {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_comment .comment_form input:nth-of-type(2) {
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style {
		margin-right: 20px;
		font-size: 14px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style span:nth-of-type(1) {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .sale_style span:nth-of-type(2):after {
		border-width: 19px 0 19px 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .name {
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .name span {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list .quote_item_info .summary .cell_info {
		font-size: 14px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table {
		margin-bottom: 20px;
		border-top-width: 2px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(1) {border-bottom-width: 2px;}
	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(7) {border-bottom-width: 2px;}
	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr:nth-of-type(9) {border-bottom-width: 2px;}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr th {
		font-size: 16px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total table tr td {
		font-size: 24px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price {
		margin-bottom: 10px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(1) {
		font-size: 18px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(2) {
		font-size: 26px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .finish_price p:nth-of-type(2) span {
		font-size: 32px;
	}

	.mypage_list_box .quote_flex_wrapper .mypage_quote_list #mypage_quote_total .caption {
		margin-bottom: 35px;
		font-size: 16px;
	}

}



/* ********************************************************************************* */
/* マイページ：配車・発注 */
.carriage_box {
}

/* ********************************************************************************* */
/* マイページ：配車・発注　お届け先 */
.carriage_box .address_num {
	margin-top: calc(100 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	border-bottom: 1px solid rgba(82, 82, 82, 0.3);
}

.carriage_box .address_list {
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.carriage_box .address_list ul {
}

.carriage_box .address_list ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(45 / var(--breakpoint-pc) * 100vw) 0;
	border-bottom: 1px solid rgba(82, 82, 82, 0.3);
}

.carriage_box .address_list ul li .btn_delete {
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	max-height: 20px;
	margin: 0 calc(50 / var(--breakpoint-pc) * 100vw);
}

.carriage_box .address_list ul li .btn_select {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(82 / var(--breakpoint-pc) * 100vw);
	max-width: 82px;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	margin: 0 calc(50 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #525252;
	border: 1px solid #525252;
	text-decoration: none;
}

.carriage_box .address_list ul li .btn_select:hover {
	color: #fff;
	background-color: #525252;
}

.carriage_box .address_list ul li .address_info {
	width: 100%;
	text-align: left;
}

.carriage_box .address_list ul li .address_info p {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.carriage_box .address_list ul li .address_info p:last-of-type {
	margin-bottom: 0;
}

.carriage_box .address_add_box {
	margin-top: calc(60 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(110 / var(--breakpoint-pc) * 100vw);
}

.carriage_box .address_add_box .btn_edit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(320 / var(--breakpoint-pc) * 100vw);
	width: 320px;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	height: 50px;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #ff9a34;
	border-radius: 5px;
}

.carriage_box .address_add_box .btn_add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(320 / var(--breakpoint-pc) * 100vw);
	width: 320px;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	height: 50px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-image: url('../img/step/step_btn_icon_plus.png');
	background-size: calc(18 / var(--breakpoint-pc) * 100vw) calc(18 / var(--breakpoint-pc) * 100vw);
	background-position: 90% center;
	background-repeat: no-repeat;
	background-color: #0582E3;
	border-radius: 5px;
}

.carriage_box .address_add_box .btn_edit:hover,
.carriage_box .address_add_box .btn_add:hover {
	opacity: 0.5;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.carriage_box .address_num {
		margin-top: 100px;
		padding-bottom: 10px;
		font-size: 18px;
	}

	.carriage_box .address_list {
		margin-bottom: 40px;
	}

	.carriage_box .address_list ul li {
		padding: 45px 0;
	}

	.carriage_box .address_list ul li .btn_delete {
		margin: 0 50px;
	}

	.carriage_box .address_list ul li .btn_select {
		margin: 0 50px;
		font-size: 16px;
	}

	.carriage_box .address_list ul li .address_info p {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.carriage_box .address_add_box {
		margin-top: 60px;
		margin-bottom: 110px;
	}

	.carriage_box .address_add_box .btn_edit {
		margin: 0 auto 20px;
		font-size: 18px;
		background-size: 18px 18px;
	}

	.carriage_box .address_add_box .btn_add {
		font-size: 18px;
		background-size: 18px 18px;
	}
}



/* ********************************************************************************* */
/* マイページ：配車・発注 */

.step_container_outer {
	margin-bottom: calc(110 / var(--breakpoint-pc) * 100vw);
	padding: calc(60 / var(--breakpoint-pc) * 100vw) calc(100 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

.step_container_outer .delivery_area {
}

.step_container_outer .delivery_area .quote_number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(460 / var(--breakpoint-pc) * 100vw);
	max-width: 460px;
	height: calc(54 / var(--breakpoint-pc) * 100vw);
	max-height: 54px;
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	padding: 0 calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
	background-color: #fff;
	border: 1px solid #0582E3;
}

.step_container_outer .delivery_area .quote_number:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw) 0 0;
	border-color: #007bff transparent transparent transparent;
}

.step_container_outer .delivery_area .quote_number:after {
	content: "";
	position: absolute;
	right: -1px;
	bottom: -1px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent #007bff transparent;
}

.step_container_outer .delivery_area .delivery_area_flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 1010px;
	margin: 0 auto;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left {
	width: calc(485 / var(--breakpoint-pc) * 100vw);
	max-width: 485px;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .quote_date {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .quote_date img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #404040;
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - calc(calc(140px + 5px) / var(--breakpoint-pc) * 100vw));
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	margin-right: 1em;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	border: 1px solid #525252;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	max-width: 120px;
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	max-height: 40px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_right {
	width: calc(485 / var(--breakpoint-pc) * 100vw);
	max-width: 485px;
	padding-bottom: calc(36 / var(--breakpoint-pc) * 100vw);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	padding: calc(30 / var(--breakpoint-pc) * 100vw) calc(40 / var(--breakpoint-pc) * 100vw) calc(60 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
	border-left: calc(7 / var(--breakpoint-pc) * 100vw) solid rgba(5, 130, 227, 0.42);
}

.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address p {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address p:nth-of-type(2) {margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);}
.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address p:last-of-type {margin-bottom: 0;}

.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address .shipping_change {
	position: absolute;
	right: calc(20 / var(--breakpoint-pc) * 100vw);
	bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(130 / var(--breakpoint-pc) * 100vw);
	max-width: 130px;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #525252;
	border: 1px solid #525252;
	text-decoration: none;
}

.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address .shipping_change:hover {
	color: #fff;
	background-color: #525252;
}

.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(485 / var(--breakpoint-pc) * 100vw);
	max-width: 485px;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_info {
	padding: calc(25 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_info p {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container_outer .delivery_area .delivery_area_block {
	width: 100%;
}

.step_container_outer .delivery_area .delivery_area_block .carriage_confirm_delivery_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(36 / var(--breakpoint-pc) * 100vw);
	max-height: 36px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: rgba(5, 130, 227, 0.6);
}

.step_container_outer .delivery_area .delivery_area_block .carriage_confirm_delivery_info {
	width: 100%;
	height: calc(170 / var(--breakpoint-pc) * 100vw);
	max-height: 170px;
	padding: calc(25 / var(--breakpoint-pc) * 100vw) calc(250 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.step_container_outer .delivery_area .delivery_area_block .carriage_confirm_delivery_info p {
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container .table_wrap {
}

.step_container .table_wrap .track_info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap .track_info p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: calc(25 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap .track_info p img {
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table_box {
	width: 100%;
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	overflow-x: auto;
}

.step_container .table_wrap #calc_table {
	width: max-content;
	margin: 0 auto;
}

.step_container .table_wrap #calc_table .line_add_btn,
.step_container .table_wrap #calc_table .line_sub_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: calc(50% - calc(10 / var(--breakpoint-pc) * 100vw));
	left: calc(-10 / var(--breakpoint-pc) * 100vw);
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	max-height: 20px;
	color: #fff;
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	line-height: 1.0;
	background-color: #000;
	border-radius: 10px;
}

.step_container .table_wrap #calc_table .line_sub_btn {
	top: calc(-10 / var(--breakpoint-pc) * 100vw);
	left: calc(50% - calc(10 / var(--breakpoint-pc) * 100vw));
}

.step_container .table_wrap #calc_table tr {
	border-bottom: 1px solid rgba(82, 82, 82, 0.3);

}

.step_container .table_wrap #calc_table tr td {
	width: calc(170 / var(--breakpoint-pc) * 100vw);
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid rgba(82, 82, 82, 0.3);
}

.step_container .table_wrap #calc_table tr td:first-of-type {
	width: calc(375 / var(--breakpoint-pc) * 100vw);
	max-width: 375px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-align: left;
}

.step_container .table_wrap #calc_table tr td:last-of-type {
	width: calc(100 / var(--breakpoint-pc) * 100vw);
	max-width: 100px;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw)
	border-right: none;
}

.step_container .table_wrap #calc_table tr#hub_depot td {
	text-align: left;
}

.step_container .table_wrap #calc_table #deliv_dayz label,
.step_container .table_wrap #calc_table #deliv_time label,
.step_container .table_wrap #calc_table #delivery_style label {
	position: relative;
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-height: 48px;
}

.step_container .table_wrap #calc_table #deliv_dayz label:after,
.step_container .table_wrap #calc_table #deliv_time label:after,
.step_container .table_wrap #calc_table #delivery_style label:after {
	content: "▼";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(26 / var(--breakpoint-pc) * 100vw);
	max-width: 26px;
	height: 100%;
	font-size: calc(10 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #000;
	pointer-events: none;
}
.step_container .table_wrap #calc_table #deliv_dayz input.datepicker,
.step_container .table_wrap #calc_table #deliv_dayz input[type="date"],
.step_container .table_wrap #calc_table #deliv_dayz select.time {
	position: initial;
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-height: 48px;
	padding-right: calc(26 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	text-align: center;
}
.step_container .table_wrap #calc_table #deliv_time input[type="time"],
.step_container .table_wrap #calc_table #deliv_time select.time {
	position: initial;
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-height: 48px;
	padding-right: calc(26 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	text-align: center;
}
.step_container .table_wrap #calc_table #delivery_style select {
	position: initial;
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-height: 48px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}
.step_container .table_wrap #calc_table #deliv_dayz input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_time input[type="time"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_time select.time::-webkit-inner-spin-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_dayz input[type="date"]::-webkit-clear-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_time input[type="time"]::-webkit-clear-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_time select.time::-webkit-clear-button {-webkit-appearance: none;}
.step_container .table_wrap #calc_table #deliv_dayz input[type="date"]::-webkit-calendar-picker-indicator,
.step_container .table_wrap #calc_table #deliv_time input[type="time"]::-webkit-calendar-picker-indicator,
.step_container .table_wrap #calc_table #deliv_time select.time::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(150 / var(--breakpoint-pc) * 100vw);
	max-width: 150px;
	height: calc(48 / var(--breakpoint-pc) * 100vw);
	max-height: 48px;
	margin: 0;
	padding: 0;
	opacity: 0;
	z-index: 10;
}

.step_container .table_wrap #calc_table .assort_item .item_info > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;

}

.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(95 / var(--breakpoint-pc) * 100vw);
	max-width: 95px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style span:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(85 / var(--breakpoint-pc) * 100vw);
	max-width: 85px;
	height: calc(38 / var(--breakpoint-pc) * 100vw);
	max-height: 38px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style span:nth-of-type(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(18 / var(--breakpoint-pc) * 100vw) 0 calc(18 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent transparent #0582E3;
}

.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style .depot_board {
	position: absolute;
	top: -0.9em;
	left: -0.5em;
	padding: 0 0.75em;
	font-size: 0.9em;
	color: #fff;
	background-color: #FF9A34;
}

.step_container .table_wrap #calc_table .assort_item .item_info div .summary {
}

.step_container .table_wrap #calc_table .assort_item .item_info div .summary .name {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table .assort_item .item_info div .summary .cell_info {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table .assort_item .item_set_cnt {
}

.step_container .table_wrap #calc_table .assort_item .item_set_cnt > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.step_container .table_wrap #calc_table .assort_item .item_set_cnt > div p.cnt {
	top: calc(-2 / var(--breakpoint-pc) * 100vw);
	width: calc(50 / var(--breakpoint-pc) * 100vw);
	max-width: 50px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table .assort_item .item_use_cnt {
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(30 / var(--breakpoint-pc) * 100vw)
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table .assort_item .item_use_cnt p.sum_quantity {
	border-top: 1px solid #000;
}

.step_container .table_wrap #calc_table .assort_item .item_max_cnt > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.step_container .table_wrap #calc_table .assort_item .item_max_cnt > div span {
	top: calc(-2 / var(--breakpoint-pc) * 100vw);
	width: calc(50 / var(--breakpoint-pc) * 100vw);
	max-width: 50px;
	margin: 0 calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table .assort_item .item_max_cnt > p {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}
/*
.step_container .table_wrap #calc_table .assort_item td > div input {
}
*/
.step_container .table_wrap #calc_table .assort_item .item_set_cnt > div,
.step_container .table_wrap #calc_table .assort_item .item_max_cnt > div {
	display: flex;
	align-items: center;
	justify-content: center;
	word-break: break-all;
}
.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div .value_show,
.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div .value_show {
	display: flex;
	align-items: center;
    height: calc(32 / var(--breakpoint-pc) * 100vw);
    max-height: 32px;
    padding: 0 calc(10 / var(--breakpoint-pc) * 100vw);
    font-size: calc(24 / var(--breakpoint-pc) * 100vw);
    color: #404040;
}
.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div .value_show input,
.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div .value_show input {
	width: calc(48 / var(--breakpoint-pc) * 100vw);
	text-align: right;
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	background-color: inherit;
	border: none;
}
.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div a,
.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	height: calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(10 / var(--breakpoint-pc) * 100vw);
	color: #000;
	background: none;
	cursor: pointer;
}
.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div a.add_quantity,
.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div a.add_quantity {
	background: url(../img/detail/icon_count_add.svg) center center no-repeat;
}
.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div a.sub_quantity,
.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div a.sub_quantity {
	background: url(../img/detail/icon_count_sub.svg) center center no-repeat;
}

.step_container .table_wrap #calc_table #delivery_car_type_name td p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(95 / var(--breakpoint-pc) * 100vw);
	max-width: 95px;
	margin: 0 auto;
}

.step_container .table_wrap #calc_table #delivery_car_type_name td p img {
	width: calc(75 / var(--breakpoint-pc) * 100vw);
	max-width: 75px;
	height: auto;
}

.step_container .table_wrap #calc_table #delivery_car_type_name td p.car_caution_mark {
	display: flex;
	justify-content: center;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table #delivery_car_type_name td p.car_caution_text {
	width: 100%;
	max-width: none;
	margin-left: 1em;
	text-indent: -1em;
	text-align: left;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
}

.step_container .table_wrap input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	color:#222;
}

.step_container .table_wrap input[type="checkbox"] + label:hover:after {
	border-color: #0171bd;
}

.step_container .table_wrap input[type="checkbox"] + label:after {
	position: absolute;
	top: 50%;
	left: calc(4 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-10 / var(--breakpoint-pc) * 100vw);
	width: calc(16 / var(--breakpoint-pc) * 100vw);
	max-width: 16px;
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	max-height: 16px;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #aaa;
	border-radius: calc(6 / var(--breakpoint-pc) * 100vw);
	content: '';
}

.step_container .table_wrap input[type="checkbox"] + label:before {
	position: absolute;
	top: 50%;
	left: calc(10 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-7 / var(--breakpoint-pc) * 100vw);
	width: calc(5 / var(--breakpoint-pc) * 100vw);
	max-width: 5px;
	height: calc(9 / var(--breakpoint-pc) * 100vw);
	max-height: 9px;
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.step_container .table_wrap input[type=checkbox]:checked + label:before {
	opacity: 1;
}

.step_container .table_wrap input[type=checkbox]:checked:disabled + label:before {
	opacity: 0.5;
}

.step_container .table_wrap input[type=checkbox]:disabled + label {
	color:#999;
	cursor: default;
}

.step_container .table_wrap input[type=checkbox]:disabled + label:after{
	border-color: #aaa;
}

.step_container .table_wrap #calc_table tr.assort_item:nth-of-type(even)	{background-color: rgba(10, 21, 135, 0.03);}
.step_container .table_wrap #calc_table tr.assort_item:nth-of-type(odd)		{background-color: #fff;}

.step_container .table_wrap #calc_table tr#deliv_count,
.step_container .table_wrap #calc_table tr#deliv_count td {
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(180, 180, 180, 0.2);
	border-right: 1px solid #fff;
	border-bottom: 1px solid rgba(10, 21, 135, 0.45);
}
.step_container .table_wrap #calc_table tr#deliv_count td:first-of-type {
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
}
.step_container .table_wrap #calc_table tr#target_status,
.step_container .table_wrap #calc_table tr#payment_modified {
	background-color: rgba(5, 130, 227, 0.03)
}
.step_container .table_wrap #calc_table tr#target_status span,
.step_container .table_wrap #calc_table tr#payment_modified button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(120 / var(--breakpoint-pc) * 100vw);
	height: calc(30 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_over,
.step_container .table_wrap #calc_table tr#payment_modified button:disabled {
	background-color: #c66;
	cursor: not-allowed;
}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_out {
	background-color: #0582e3;
	cursor: default;
}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_modified_cancel,
.step_container .table_wrap #calc_table tr#payment_modified button.btn_payment_modified_cancel {
	margin-top: 0.2em;
	background-color: #C7C7C7;
}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_over.pattern1 {background-color: #c66;}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_over.pattern2 {background-color: #6c6;}
.step_container .table_wrap #calc_table tr#target_status .btn_payment_over.pattern3 {background-color: #66c;}
.step_container .table_wrap #calc_table tr#delivery_style,
.step_container .table_wrap #calc_table tr#delivery_style td {
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	max-height: 90px;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(5, 130, 227, 0.6);
	border-right: 1px solid #fff;
	border-bottom: 1px solid rgba(10, 21, 135, 0.45);
}
.step_container .table_wrap #calc_table tr#delivery_style td:first-of-type {
	color: #fff;
}
.step_container .table_wrap #calc_table tr#deliv_dayz,
.step_container .table_wrap #calc_table tr#deliv_dayz td {
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	max-height: 90px;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(5, 130, 227, 1.0);
	border-right: 1px solid #fff;
	border-bottom: 1px solid rgba(10, 21, 135, 0.45);
}
.step_container .table_wrap #calc_table tr#deliv_dayz td:first-of-type {
	color: #fff;
}
.step_container .table_wrap #calc_table tr#deliv_time,
.step_container .table_wrap #calc_table tr#deliv_time td {
	height: calc(90 / var(--breakpoint-pc) * 100vw);
	max-height: 90px;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	background-color: rgba(5, 130, 227, 0.6);
	border-right: 1px solid #fff;
	border-bottom: 1px solid rgba(10, 21, 135, 0.45);
}
.step_container .table_wrap #calc_table tr#deliv_time td:first-of-type {
	color: #fff;
}
.step_container .table_wrap #calc_table tr#class_category_name {
	background-color: #fff;
	border-top: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}
.step_container .table_wrap #calc_table tr#class_category_mass {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#delivery_car_type_name {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#delivery_car_type_unic {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#delivery_car_type_holiday_price {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#delivery_calc {
	background-color: #fff;
	border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}
.step_container .table_wrap #calc_table tr#sales_price {
	background-color: rgba(5, 130, 227, 0.03);
}
.step_container .table_wrap #calc_table tr#lease_price {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#basic_price {
	background-color: rgba(5, 130, 227, 0.03);
}
.step_container .table_wrap #calc_table tr#acost_price {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#scost_price {
	background-color: rgba(5, 130, 227, 0.03);
}
.step_container .table_wrap #calc_table tr#hcost_price {
	background-color: #fff;
	border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}
.step_container .table_wrap #calc_table tr#price_tax {
	background-color: #fff;
}
.step_container .table_wrap #calc_table tr#subtotal_price {
	text-align: center;
	background-color: rgba(5, 130, 227, 0.03);
	border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}
.step_container .table_wrap #calc_table tr#hub_depot {
	background-color: #fff;
	border-bottom: calc(2 / var(--breakpoint-pc) * 100vw) solid #404040;
}

.step_container .table_wrap #calc_table tr#payment_area,
.step_container .table_wrap #calc_table tr#payment_area td {
	text-align: center;
	background-color: #fff;
	border: none;
}

.step_container .table_wrap #calc_table tr#payment_area td:last-of-type {
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
	font-size: 1.0em;
}

.step_container .table_wrap #calc_table tr#deliv_dayz td:first-of-type span,
.step_container .table_wrap #calc_table tr#deliv_time td:first-of-type span {
	display: block;
	margin-top: calc(6 / var(--breakpoint-pc) * 100vw);
	font-size: calc(14 / var(--breakpoint-pc) * 100vw);
	color: #fff;
}

.step_container .table_wrap #calc_table tr#delivery_car_type_name span {
	display: block;
	margin-top: calc(4 / var(--breakpoint-pc) * 100vw);
	font-size: calc(12 / var(--breakpoint-pc) * 100vw);
	background-color: #fff;
}

.step_container .table_wrap #calc_table tr#class_category_name td:first-of-type,
.step_container .table_wrap #calc_table tr#class_category_mass td:first-of-type,
.step_container .table_wrap #calc_table tr#delivery_car_type_name td:first-of-type,
.step_container .table_wrap #calc_table tr#delivery_car_type_unic td:first-of-type,
.step_container .table_wrap #calc_table tr#delivery_calc td:first-of-type,
.step_container .table_wrap #calc_table tr#delivery_car_type_holiday_price td:first-of-type,
.step_container .table_wrap #calc_table tr#sales_price td:first-of-type,
.step_container .table_wrap #calc_table tr#lease_price td:first-of-type,
.step_container .table_wrap #calc_table tr#basic_price td:first-of-type,
.step_container .table_wrap #calc_table tr#acost_price td:first-of-type,
.step_container .table_wrap #calc_table tr#scost_price td:first-of-type,
.step_container .table_wrap #calc_table tr#hcost_price td:first-of-type,
.step_container .table_wrap #calc_table tr#price_tax td:first-of-type,
.step_container .table_wrap #calc_table tr#subtotal_price td:first-of-type,
.step_container .table_wrap #calc_table tr#hub_depot td:first-of-type {
	text-align: center;
}

.step_container .table_wrap #calc_table tr#payment_area td .btn_payment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(130 / var(--breakpoint-pc) * 100vw);
	max-width: 130px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: calc(20 / var(--breakpoint-pc) * 100vw) auto;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.step_container .table_wrap #calc_table tr#payment_area td .btn_payment:hover {
	opacity: 0.5;
}

.step_container .table_wrap #calc_table tr#payment_area td .btn_payment_out {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(130 / var(--breakpoint-pc) * 100vw);
	max-width: 130px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: calc(20 / var(--breakpoint-pc) * 100vw) auto;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #C7C7C7;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
	cursor: not-allowed;
}

.step_container .table_wrap #calc_table tr#payment_area td .btn_payment_over {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(130 / var(--breakpoint-pc) * 100vw);
	max-width: 130px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: calc(20 / var(--breakpoint-pc) * 100vw) auto;
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #c66;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
	cursor: not-allowed;
}

.step_container .table_wrap #calc_table tr#payment_area td #pay_all.btn_payment,
.step_container .table_wrap #calc_table tr#payment_area td #pay_all.btn_payment_out,
.step_container .table_wrap #calc_table tr#payment_area td #pay_all.btn_payment_over {
	width: calc(220 / var(--breakpoint-pc) * 100vw);
	max-width: 220px;
}
/*
.step_container .table_wrap #calc_table.passage_confirm tr td:nth-of-type(2) {
	width: calc(calc(1010 / var(--breakpoint-pc) * 100vw) - calc(375 / var(--breakpoint-pc) * 100vw));
	max-width: calc(1010px - 375px);
}
*/
.step_container .table_wrap #calc_table.passage_confirm tr td:last-of-type {
	display: none;
}




.step_container .finish_price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(570 / var(--breakpoint-pc) * 100vw);
	max-width: 570px;
	height: calc(78 / var(--breakpoint-pc) * 100vw);
	max-height: 78px;
	margin: 0 auto calc(120 / var(--breakpoint-pc) * 100vw);
	border: 1px solid #707070;
}

.step_container .finish_price p{
	height: calc(76 / var(--breakpoint-pc) * 100vw);
	max-height: 76px;
}

.step_container .finish_price p:nth-of-type(1) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(140 / var(--breakpoint-pc) * 100vw);
	max-width: 140px;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
}

.step_container .finish_price p:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - calc(140 / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - 140px);
	font-size: calc(26 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.step_container .finish_price p:nth-of-type(2) span {
	font-size: calc(32 / var(--breakpoint-pc) * 100vw);
}


.step_container .cuefile_box {
	margin-bottom: calc(120 / var(--breakpoint-pc) * 100vw);
}

.step_container .cuefile_box .cuefile_box_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

.step_container .cuefile_box .cuefile_list_box {
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.step_container .cuefile_box .cuefile_list_box ul {
}

.step_container .cuefile_box .cuefile_list_box ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: calc(100 / var(--breakpoint-pc) * 100vw);
	max-height: 100px;
	border-bottom: 1px solid rgba(82, 82, 82, 0.3);
}

.step_container .cuefile_box .cuefile_list_box ul li a {
	color: #404040;
}

.step_container .cuefile_box .cuefile_list_box ul li a:nth-of-type(1) {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .cuefile_box .cuefile_list_box ul li a:nth-of-type(2) {
	margin-left: calc(70 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.step_container .cuefile_box .step_btn {
}

.step_container .cuefile_box .step_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(340 / var(--breakpoint-pc) * 100vw);
	max-width: 340px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	background-repeat: no-repeat;
}

.step_container .cuefile_box .step_btn .cuefile_upload {
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-radius: 52px;
}

.step_container .cuefile_box .step_btn a.upload {
	background-image: url('../img/step/step_btn_icon_upload.png');
	background-position: 7.5% center;
	background-size: calc(21 / var(--breakpoint-pc) * 100vw) calc(19 / var(--breakpoint-pc) * 100vw);
}

.step_container .cuefile_box .step_btn a:hover {
	opacity: 0.5;
}

.step_container #btn_save,
.step_container #btn_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.step_container #btn_save:hover,
.step_container #btn_order:hover {
	opacity: 0.5;
}

.step_container .agreement_box {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
}

.step_container .agreement_box .agreement_box_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(50 / var(--breakpoint-pc) * 100vw);
	max-height: 50px;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	background-color: #F8F8F8;
}

.step_container .agreement_box .agreement_box_msg {
	display: block;
	width: calc(800 / var(--breakpoint-pc) * 100vw);
	max-width: 800px;
/*
	height: calc(240 / var(--breakpoint-pc) * 100vw);
	max-height: 240px;
*/
	height: 16em;
	margin: 0 auto calc(40 / var(--breakpoint-pc) * 100vw);
	padding: calc(5 / var(--breakpoint-pc) * 100vw) calc(10 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
	background-color: #F3F3F3;
	border: 1px solid #707070;
	overflow-y: scroll;
}

.step_container .agreement_box .agreement_checkbox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(800 / var(--breakpoint-pc) * 100vw);
	max-width: 800px;
	margin: 0 auto;
}

.step_container .agreement_box .agreement_checkbox input {
	appearance: none;
	-webkit-appearance: none;
}

.step_container .agreement_box .agreement_checkbox input + label {
	position: relative;
	display: inline-block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	max-width: 27px;
	margin-right: calc(15 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	color: #222;
}

.step_container .agreement_box .agreement_checkbox input + label:before {
	position: absolute;
	display: block;
	top: calc(50% - calc(10 / var(--breakpoint-pc) * 100vw));
	left: calc(50% - calc(5 / var(--breakpoint-pc) * 100vw));
	width: calc(10 / var(--breakpoint-pc) * 100vw);
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.step_container .agreement_box .agreement_checkbox input:checked + label:before {
	opacity: 1;
}

.step_container .agreement_box .agreement_checkbox input + label:after {
	content: '';
	display: block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	max-width: 27px;
	height: calc(27 / var(--breakpoint-pc) * 100vw);
	max-height: 27px;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #2244A9;
}

.step_container .agreement_box .agreement_checkbox span {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.step_container .agreement_box .payment_select {
	width: calc(800 / var(--breakpoint-pc) * 100vw);
	max-width: 800px;
	margin: 0 auto calc(40 / var(--breakpoint-pc) * 100vw);
}

.step_container .agreement_box .payment_select ul li label {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
}

.step_container .agreement_box .payment_select ul li label input {
	width: calc(18 / var(--breakpoint-pc) * 100vw);
	height: calc(18 / var(--breakpoint-pc) * 100vw);
	margin-top: 0;
	margin-right: calc(15 / var(--breakpoint-pc) * 100vw);
}

#hide_table {
	display: none;
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.step_container_outer {
		margin-bottom: 110px;
		padding: 60px 100px 80px;
	}

	.step_container_outer .delivery_area {
	}

	.step_container_outer .delivery_area .quote_number {
		margin: 0 auto 60px;
		padding: 0 20px;
		font-size: 20px;
	}

	.step_container_outer .delivery_area .quote_number:before {
		border-width: 8px 8px 0 0;
	}

	.step_container_outer .delivery_area .quote_number:after {
		border-width: 0 0 8px 8px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .quote_date {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .quote_date img {
		margin-right: 10px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_ttl {
		margin-bottom: 15px;
		font-size: 18px;
		color: #404040;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form {
		margin-bottom: 20px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form input {
		width: calc(100% - calc(140px + 5px));
		height: 40px;
		font-size: 16px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_left .distribute_box .distribute_form button {
		font-size: 18px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_right {
		padding-bottom: 36px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address {
		margin-bottom: 30px;
		padding: 30px 40px 60px;
		border-left-width: 7px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address p:nth-of-type(2) {margin-bottom: 10px;}

	.step_container_outer .delivery_area .delivery_area_flex .flex_right .carriage_delivery_address .shipping_change {
		right: 20px;
		bottom: 20px;
		font-size: 16px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_ttl {
		font-size: 16px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_info {
		padding: 25px;
	}

	.step_container_outer .delivery_area .delivery_area_flex .carriage_confirm_delivery_info p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.step_container .table_wrap .track_info {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.step_container .table_wrap .track_info p {
		margin-right: 25px;
	}

	.step_container .table_wrap .track_info p img {
		margin-right: 10px;
	}

	.step_container .table_wrap #calc_table_box {
		margin-bottom: 60px;
	}

	.step_container .table_wrap #calc_table .line_add_btn,
	.step_container .table_wrap #calc_table .line_sub_btn {
		top: calc(50% - 10px);
		left: -10px;
		font-size: 14px;
	}

	.step_container .table_wrap #calc_table .line_sub_btn {
		top: -10px;
		left: calc(50% - 10px);
	}

	.step_container .table_wrap #calc_table tr td {
		width: 170px;
		height: 70px;
		padding: 5px 10px;
	}

	.step_container .table_wrap #calc_table tr td:first-of-type {
		font-size: 18px;
	}

	.step_container .table_wrap #calc_table tr td:last-of-type {
		font-size: 20px;
		border-right: none;
	}

	.step_container .table_wrap #calc_table #deliv_dayz label:after,
	.step_container .table_wrap #calc_table #deliv_time label:after,
	.step_container .table_wrap #calc_table #delivery_style label:after {
		font-size: 10px;
	}

	.step_container .table_wrap #calc_table #deliv_dayz input.datepicker,
	.step_container .table_wrap #calc_table #deliv_dayz input[type="date"] {
		padding-right: 26px;
		font-size: 16px;
	}
	.step_container .table_wrap #calc_table #deliv_time input[type="time"],
	.step_container .table_wrap #calc_table #deliv_time select.time {
		padding-right: 26px;
		font-size: 16px;
	}
	.step_container .table_wrap #calc_table #delivery_style select {
		font-size: 16px;
	}

	.step_container .table_wrap #calc_table #delivery_car_type_name td p.car_caution_mark {
		font-size: 18px;
	}

	.step_container .table_wrap #calc_table #delivery_car_type_name td p.car_caution_text {
		font-size: 18px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style {
		margin-right: 10px;
		font-size: 16px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style span:nth-of-type(1) {
		font-size: 16px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_info div .sale_style span:nth-of-type(2):after {
		border-width: 18px 0 18px 10px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_info div .summary .name {
		font-size: 18px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_info div .summary .cell_info {
		font-size: 16px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_set_cnt > div p.cnt {
		top: -2px;
		margin: 0 10px;
		font-size: 26px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_use_cnt {
		padding: 5px 30px;
		font-size: 24px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_max_cnt > div span {
		top: -2px;
		margin: 0 10px;
		font-size: 26px;
	}

	.step_container .table_wrap #calc_table .assort_item .item_max_cnt > p {
		font-size: 18px;
	}

	.step_container .table_wrap #calc_table .assort_item td.item_set_cnt > div .value_show input,
	.step_container .table_wrap #calc_table .assort_item td.item_max_cnt > div .value_show input {
			font-size: 24px;
	}

	.step_container .table_wrap #calc_table .assort_item td > div input {
		font-size: 14px;
	}

	.step_container .table_wrap input[type="checkbox"] + label:after {
		left: 4px;
		margin-top: -10px;
		border-width: 2px;
	}

	.step_container .table_wrap input[type="checkbox"] + label:before {
		left: 10px;
		margin-top: -7px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.step_container .table_wrap #calc_table tr#deliv_count,
	.step_container .table_wrap #calc_table tr#deliv_count td {
		font-size: 16px;
	}
	.step_container .table_wrap #calc_table tr#deliv_count td:first-of-type {
		font-size: 20px;
	}
	.step_container .table_wrap #calc_table tr#target_status span,
	.step_container .table_wrap #calc_table tr#payment_modified button {
		width: 120px;
		height: 30px;
		font-size: 16px;
		border-radius: 5px;
	}
	.step_container .table_wrap #calc_table tr#deliv_dayz,
	.step_container .table_wrap #calc_table tr#deliv_dayz td {
		font-size: 22px;
	}
	.step_container .table_wrap #calc_table tr#deliv_time,
	.step_container .table_wrap #calc_table tr#deliv_time td {
		font-size: 22px;
	}
	.step_container .table_wrap #calc_table tr#delivery_style,
	.step_container .table_wrap #calc_table tr#delivery_style td {
		font-size: 22px;
	}
	.step_container .table_wrap #calc_table tr#class_category_name {
		border-top-width: 2px;
	}
	.step_container .table_wrap #calc_table tr#delivery_calc {
		border-bottom-width: 2px;
	}
	.step_container .table_wrap #calc_table tr#price_tax {
		border-bottom-width: 2px;
	}
	.step_container .table_wrap #calc_table tr#subtotal_price {
		border-bottom-width: 2px;
	}
	.step_container .table_wrap #calc_table tr#hub_depot {
		border-bottom-width: 2px;
	}
	.step_container .table_wrap #calc_table tr#deliv_dayz td:first-of-type span,
	.step_container .table_wrap #calc_table tr#deliv_time td:first-of-type span {
		margin-top: 6px;
		font-size: 14px;
	}

	.step_container .table_wrap #calc_table tr#delivery_car_type_name span {
		margin-top: 4px;
		font-size: 12px;
	}

	.step_container .finish_price {
		margin: 0 auto 120px;
	}

	.step_container .finish_price p:nth-of-type(1) {
		font-size: 18px;
	}

	.step_container .finish_price p:nth-of-type(2) {
		font-size: 26px;
	}

	.step_container .finish_price p:nth-of-type(2) span {
		font-size: 32px;
	}

	.step_container .cuefile_box {
		margin-bottom: 120px;
	}

	.step_container .cuefile_box .cuefile_box_ttl {
		font-size: 20px;
	}

	.step_container .cuefile_box .cuefile_list_box {
		margin-bottom: 40px;
	}

	.step_container .cuefile_box .cuefile_list_box ul li a:nth-of-type(1) {
		font-size: 18px;
	}

	.step_container .cuefile_box .cuefile_list_box ul li a:nth-of-type(2) {
		margin-left: 70px;
		font-size: 16px;
	}

	.step_container .cuefile_box .step_btn a {
		font-size: 16px;
	}

	.step_container .cuefile_box .step_btn .cuefile_upload {
		border: 2px solid #0582E3;
	}

	.step_container .cuefile_box .step_btn a.upload {
		background-size: 21px 19px;
	}

	.step_container #btn_save,
	.step_container #btn_order {
		margin: 0 auto 30px;
		font-size: 24px;
		border-radius: 5px;
	}

	.step_container .agreement_box {
		margin-bottom: 60px;
	}

	.step_container .agreement_box .agreement_box_ttl {
		margin-bottom: 40px;
		font-size: 20px;
	}

	.step_container .agreement_box .agreement_box_msg {
		margin: 0 auto 40px;
		padding: 5px 10px;
		font-size: 20px;
	}

	.step_container .agreement_box .agreement_checkbox input + label {
		margin-right: 15px;
	}

	.step_container .agreement_box .agreement_checkbox input + label:before {
		top: calc(50% - 10px);
		left: calc(50% - 5px);
		width: 10px;
		height: 16px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.step_container .agreement_box .agreement_checkbox input + label:after {
		border: 2px solid #2244A9;
	}

	.step_container .agreement_box .agreement_checkbox span {
		font-size: 18px;
	}

	.step_container .agreement_box .payment_select {
		margin: 0 auto 40px;
	}

	.step_container .agreement_box .payment_select ul li label {
		font-size: 18px;
	}

	.step_container .agreement_box .payment_select ul li label input {
		width: 18px;
		height: 18px;
		margin-right: 15px;
	}

	.step_container .table_wrap #calc_table tr#payment_area td .btn_payment,
	.step_container .table_wrap #calc_table tr#payment_area td .btn_payment_out,
	.step_container .table_wrap #calc_table tr#payment_area td .btn_payment_over {
		font-size: 22px;
	}
}



/* ********************************************************************************* */
/* マイページ：配車・発注：サンクスページ */

.step_container .thanks_box {
	width: calc(920 / var(--breakpoint-pc) * 100vw);
	max-width: 920px;
	height: calc(346 / var(--breakpoint-pc) * 100vw);
	max-height: 346px;
	margin: calc(80 / var(--breakpoint-pc) * 100vw) auto calc(60 / var(--breakpoint-pc) * 100vw);
	background: url('../img/step/thanks_img_person01.png') center center no-repeat;
	background-size: calc(173 / var(--breakpoint-pc) * 100vw) calc(227 / var(--breakpoint-pc) * 100vw);
	background-position: calc(30 / var(--breakpoint-pc) * 100vw) center;
	border: 1px solid #0582E3;
	overflow: hidden;
}

.step_container .thanks_box .thanks_ttl {
	top: calc(75 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(30 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.step_container .thanks_box .thanks_msg {
	top: calc(115 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.step_container .assort_number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: calc(460 / var(--breakpoint-pc) * 100vw);
	max-width: 460px;
	height: calc(54 / var(--breakpoint-pc) * 100vw);
	max-height: 54px;
	margin: 0 auto calc(20 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	color: #fff;
	background-color: #0582E3;
	border: 1px solid #0582E3;
}

.step_container .assort_number:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw) 0 0;
	border-color: #fff transparent transparent transparent;
}

.step_container .assort_number:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 calc(8 / var(--breakpoint-pc) * 100vw) calc(8 / var(--breakpoint-pc) * 100vw);
	border-color: transparent transparent #fff transparent;
}


@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.step_container .thanks_box {
		margin: 80px auto 60px;
		background-size: 173px 227px;
		background-position: 30px center;
	}

	.step_container .thanks_box .thanks_ttl {
		top: 75px;
		left: 230px;
		font-size: 30px;
	}

	.step_container .thanks_box .thanks_msg {
		top: 115px;
		left: 230px;
		font-size: 18px;
	}

	.step_container .assort_number {
		margin: 0 auto 20px;
		font-size: 20px;
	}

	.step_container .assort_number:before {
		border-width: 8px 8px 0 0;
	}

	.step_container .assort_number:after {
		border-width: 0 0 8px 8px;
	}
}


/* ********************************************************************************* */
/* その他共通 */
.other_container,
.other_container_contents {
	margin: 0 calc(100 / var(--breakpoint-pc) * 100vw) calc(60 / var(--breakpoint-pc) * 100vw);
}

.other_container *,
.other_container_contents * {
	margin: 0;
	padding: 0;
}

.other_container .ttl_area h1 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-top: calc(75 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	padding-bottom: calc(20 / var(--breakpoint-pc) * 100vw);
	border-bottom: 1px solid #B4B4B4;
}

.other_container .ttl_area h1 > span {
	width: 100%;
	font-family: "Roboto", Helvetica, sans-serif;
	font-size: calc(48 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
    text-align: center;
	color: rgba(5, 130, 227, 0.15);
}

.other_container .ttl_area h1 > p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: calc(-24 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}

.other_container .ttl_area h1 > p span {
	font-size: calc(40 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container .ttl_area h1 > p * {
	margin: 0 calc(20 / var(--breakpoint-pc) * 100vw);
}

.other_container .msg_area {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box {
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .msg_box {
	margin-bottom: calc(60 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box .msg_box span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
	text-align: center;
}

.other_container_contents .form_box .forgot_box {
	width: calc(560 / var(--breakpoint-pc) * 100vw);
	max-width: 560px;
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .forgot_box p {
	margin-bottom: calc(10 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .forgot_box p > span {
	margin-left: calc(10 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .withdraw_box {
	margin: 0 auto calc(60 / var(--breakpoint-pc) * 100vw);
	text-align: center;
	color: #0582E3;
}

.other_container_contents .form_box .withdraw_box .withdraw_box_icon {
	width: calc(110 / var(--breakpoint-pc) * 100vw);
	max-width: 110px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .form_box .withdraw_box .withdraw_box_ttl {
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(28 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container_contents .form_box .withdraw_box .withdraw_box_txt {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	line-height: 2.0;
}

.other_container_contents dl {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	background-color: rgba(5, 130, 227, 0.03);
	border-bottom: 1px solid #B4B4B4;
}

.other_container_contents dl:first-of-type {border-top: 1px solid #B4B4B4;}

.other_container_contents dl.email,
.other_container_contents dl.password,
.other_container_contents dl.address,
.other_container_contents dl.customer_payment,
.other_container_contents dl.contact {
	height: auto;
	max-height: none;
}

.other_container_contents dl dt {
	display: flex;
	align-items: center;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(320 / var(--breakpoint-pc) * 100vw);
	margin: 0;
	padding: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents dl dd {
	margin: 0;
	padding: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents dl dd > div > input[type='text'] {
	margin-bottom: 0;
}

.other_container_contents dl dt span {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	margin-left: 1em;
}

.other_container_contents #tradelaw_box dl dt {
	justify-content: center;
}

.other_container_contents #tradelaw_box dl dd {
	width: calc(100% - calc(300 / var(--breakpoint-pc) * 100vw));
	border-left: 1px solid #b4b4b4;
	background-color: #fff;
}

.other_container_contents dl.email dd,
.other_container_contents dl.password dd,
.other_container_contents dl.address dd,
.other_container_contents dl.customer_payment dd,
.other_container_contents dl.contact dd {
	display: block;
	width: calc(100% - calc(300 / var(--breakpoint-pc) * 100vw));
	width: calc(100% - 300px);
	height: auto;
	max-height: none;
}

.other_container_contents dl.email dt,
.other_container_contents dl.customer_payment dt {
	display: block;
}
.other_container_contents dl.email dt > p,
.other_container_contents dl.customer_payment dt > p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.other_container_contents dl.email dt > p:nth-of-type(2) span,
.other_container_contents dl.customer_payment dt > p:nth-of-type(2) span {
	margin-left: 0;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
}

.other_container_contents dl.email dd > div input {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.email dd > div:last-of-type input {margin-bottom: 0;}

.other_container_contents dl.password dd > div input {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.password dd > div:last-of-type input {margin-bottom: 0;}

.other_container_contents dl.address dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.address dd > div:last-of-type {margin-bottom: 0;}

.other_container_contents dl.customer_payment dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.customer_payment dd > div:last-of-type {margin-bottom: 0;}

.other_container_contents dl.contact dd > div {margin-bottom: calc(20 / var(--breakpoint-pc) * 100vw);}
.other_container_contents dl.contact dd > p {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: 1.5;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1) {
	position: relative;
	display: inline-block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	vertical-align: middle;
	color: #222;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):before {
	position: absolute;
	display: block;
	top: calc(50% - calc(10 / var(--breakpoint-pc) * 100vw));
	left: calc(50% - calc(5 / var(--breakpoint-pc) * 100vw));
	width: calc(10 / var(--breakpoint-pc) * 100vw);
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):after {
	content: '';
	display: block;
	width: calc(27 / var(--breakpoint-pc) * 100vw);
	height: calc(27 / var(--breakpoint-pc) * 100vw);
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #2244A9;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span.set2:nth-of-type(1):before {
	opacity: 1.0;
}

.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(2) {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box {
	margin-top: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div {
	text-align: center;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div label {
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	width: calc(20 / var(--breakpoint-pc) * 100vw);
	max-width: 20px;
	margin-right: calc(10 / var(--breakpoint-pc) * 100vw);
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	color:#222;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:hover:after {
	border-color: #0171bd;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:after {
	position: absolute;
	top: 50%;
	left: calc(4 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-10 / var(--breakpoint-pc) * 100vw);
	width: calc(16 / var(--breakpoint-pc) * 100vw);
	max-width: 16px;
	height: calc(16 / var(--breakpoint-pc) * 100vw);
	max-height: 16px;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #aaa;
	border-radius: calc(6 / var(--breakpoint-pc) * 100vw);
	content: '';
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:before {
	position: absolute;
	top: 50%;
	left: calc(10 / var(--breakpoint-pc) * 100vw);
	display: block;
	margin-top: calc(-7 / var(--breakpoint-pc) * 100vw);
	width: calc(5 / var(--breakpoint-pc) * 100vw);
	max-width: 5px;
	height: calc(9 / var(--breakpoint-pc) * 100vw);
	max-height: 9px;
	border-right: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	border-bottom: calc(3 / var(--breakpoint-pc) * 100vw) solid #0171bd;
	content: '';
	opacity: 0;
	transform: rotate(45deg);
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:checked + label:before {
	opacity: 1;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:checked:disabled + label:before {
	opacity: 0.5;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:disabled + label {
	color:#999;
	cursor: default;
}

.other_container_contents .entry_agreetment_box > div label input[type="checkbox"]:disabled + label:after{
	border-color: #aaa;
}

.other_container_contents .btn_main {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .btn_cancel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(480 / var(--breakpoint-pc) * 100vw);
	max-width: 480px;
	height: calc(70 / var(--breakpoint-pc) * 100vw);
	max-height: 70px;
	margin: 0 auto calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(24 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	text-decoration: none;
	color: #fff;
	background-color: #B4B4B4;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .btn_main:hover,
.other_container_contents .btn_cancel:hover {
	opacity: 0.5;
}

.other_container .thanks_box {
	width: calc(920 / var(--breakpoint-pc) * 100vw);
	max-width: 920px;
	height: calc(346 / var(--breakpoint-pc) * 100vw);
	max-height: 346px;
	margin: calc(80 / var(--breakpoint-pc) * 100vw) auto calc(60 / var(--breakpoint-pc) * 100vw);
	background: url('../img/step/thanks_img_person01.png') center center no-repeat;
	background-size: calc(173 / var(--breakpoint-pc) * 100vw) calc(227 / var(--breakpoint-pc) * 100vw);
	background-position: calc(30 / var(--breakpoint-pc) * 100vw) center;
	border: 1px solid #0582E3;
	overflow: hidden;
}

.other_container .thanks_box .thanks_ttl {
	top: calc(75 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(30 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	color: #0582E3;
}

.other_container .thanks_box .thanks_msg {
	top: calc(115 / var(--breakpoint-pc) * 100vw);
	left: calc(230 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--bold);
	color: #0582E3;
}

.other_container_contents .agreement_box,
.other_container_contents .privacy_box {
	margin-bottom: calc(50 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .agreement_box .agreement_box_ttl,
.other_container_contents .privacy_box .privacy_box_ttl {
	margin-bottom: calc(15 / var(--breakpoint-pc) * 100vw);
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	line-height: calc(40 / var(--breakpoint-pc) * 100vw);
	color: #0582E3;
}

.other_container_contents .agreement_box .agreement_box_txt,
.other_container_contents .privacy_box .privacy_box_txt {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .guide_box {
	margin-bottom: calc(70 / var(--breakpoint-pc) * 100vw);
	line-height: 1.0;
}

.other_container_contents .guide_box .guide_box_ttl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: calc(40 / var(--breakpoint-pc) * 100vw);
}

.other_container_contents .guide_box .guide_box_ttl .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(60 / var(--breakpoint-pc) * 100vw);
	max-width: 60px;
	height: calc(60 / var(--breakpoint-pc) * 100vw);
	max-height: 60px;
	font-size: calc(25 / var(--breakpoint-pc) * 100vw);
	font-family: "Roboto", Helvetica, sans-serif;
	font-weight: var(--medium);
	color: #fff;
	background-color: rgba(5, 130, 227, 0.24);

}

.other_container_contents .guide_box .guide_box_ttl .str {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - calc(60 / var(--breakpoint-pc) * 100vw));
	max-width: calc(100% - 60px);
	height: calc(60 / var(--breakpoint-pc) * 100vw);
	max-height: 60px;
	padding-left: calc(25 / var(--breakpoint-pc) * 100vw);
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	font-weight: var(--medium);
	color: #404040;
	background-color: rgba(5, 130, 227, 0.09);
}

.other_container_contents .guide_box .guide_box_txt {
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	line-height: calc(32 / var(--breakpoint-pc) * 100vw);
	color: #404040;
}



@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.other_container,
	.other_container_contents {
		margin: 0 100px 60px;
	}

	.other_container .ttl_area h1 {
		margin-top: 75px;
		margin-bottom: 60px;
		padding-bottom: 20px;
	}

	.other_container .ttl_area h1 > span {
		font-size: 48px;
	}

	.other_container .ttl_area h1 > p {
		margin-top: -24px;
	}

	.other_container .ttl_area h1 > p span {
		font-size: 40px;
	}

	.other_container .ttl_area h1 > p * {
		margin: 0 20px;
	}

	.other_container .msg_area {
		font-size: 18px;
	}

	.other_container_contents .form_box {
		margin-bottom: 40px;
	}

	.other_container_contents .form_box .msg_box {
		margin-bottom: 60px;
		font-size: 18px;
	}

	.other_container_contents .form_box .msg_box span {
		font-size: 16px;
	}

	.other_container_contents .form_box .forgot_box {
		margin: 0 auto 60px;
		font-size: 18px;
	}

	.other_container_contents .form_box .forgot_box p {
		margin-bottom: 10px;
	}

	.other_container_contents .form_box .forgot_box p > span {
		margin-left: 10px;
	}

	.other_container_contents dl dt {
		width: 320px;
		padding: 25px;
		font-size: 18px;
		line-height: 32px;
	}

	.other_container_contents dl dd {
		width: calc(100% - 300px);
		padding: 25px;
		font-size: 16px;
		line-height: 32px;
	}

	.other_container_contents dl dt span {
		font-size: 16px;
	}

	.other_container_contents dl.email dt > p:nth-of-type(2) span,
	.other_container_contents dl.customer_payment dt > p:nth-of-type(2) span {
		font-size: 16px;
	}

	.other_container_contents dl.email dd > div input {margin-bottom: 20px;}

	.other_container_contents dl.password dd > div input {margin-bottom: 20px;}

	.other_container_contents dl.address dd > div {margin-bottom: 20px;}

	.other_container_contents dl.customer_payment dd > div {margin-bottom: 20px;}

	.other_container_contents dl.contact dd > div {margin-bottom: 20px;}
	.other_container_contents dl.contact dd > p {
		font-size: 16px;
		line-height: 1.5;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1) {
		width: 27px;
		margin-right: 10px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):before {
		top: calc(50% - 10px);
		left: calc(50% - 5px);
		width: 10px;
		height: 16px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(1):after {
		width: 27px;
		height: 27px;
		border-width: 2px;
	}

	.other_container_contents dl.customer_payment dd .payment_flex .payment_box span:nth-of-type(2) {
		font-size: 16px;
	}

	.other_container_contents .entry_agreetment_box {
		margin-top: 40px;
	}

	.other_container_contents .entry_agreetment_box > div {
		margin-bottom: 40px;
	}

	.other_container_contents .entry_agreetment_box > div label {
		font-size: 18px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label {
		margin-right: 10px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:after {
		left: 4px;
		margin-top: -10px;
		border-width: 2px;
		border-radius: 6px;
	}

	.other_container_contents .entry_agreetment_box > div label input[type="checkbox"] + label:before {
		left: 10px;
		margin-top: -7px;
		border-right-width: 3px;
		border-bottom-width: 3px;
	}

	.other_container_contents .btn_main {
		margin: 0 auto 30px;
		font-size: 24px;
	}

	.other_container_contents .btn_cancel {
		margin: 0 auto 30px;
		font-size: 24px;
	}

	.other_container .thanks_box {
		margin: 80px auto 60px;
		background-size: 173px 227px;
		background-position: 30px center;
	}

	.other_container .thanks_box .thanks_ttl {
		top: 75px;
		left: 230px;
		font-size: 30px;
	}

	.other_container .thanks_box .thanks_msg {
		top: 115px;
		left: 230px;
		font-size: 18px;
	}

	.other_container_contents .agreement_box,
	.other_container_contents .privacy_box {
		margin-bottom: 50px;
	}

	.other_container_contents .agreement_box .agreement_box_ttl,
	.other_container_contents .privacy_box .privacy_box_ttl {
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 40px;
	}

	.other_container_contents .agreement_box .agreement_box_txt,
	.other_container_contents .privacy_box .privacy_box_txt {
		font-size: 16px;
		line-height: 32px;
	}

	.other_container_contents #tradelaw_box dl dt {
		width: 300px;
	}

	.other_container_contents #tradelaw_box dl dd {
		width: calc(100% - 300px);
	}

	.other_container_contents .guide_box {
		margin-bottom: 70px;
	}

	.other_container_contents .guide_box .guide_box_ttl {
		margin-bottom: 40px;
	}

	.other_container_contents .guide_box .guide_box_ttl .num {
		font-size: 25px;

	}

	.other_container_contents .guide_box .guide_box_ttl .str {
		padding-left: 25px;
		font-size: 18px;
	}

	.other_container_contents .guide_box .guide_box_txt {
		font-size: 16px;
		line-height: 32px;
	}
}



/* ********************************************************************************* */
/* 共通 */
button.toback,
a.toback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(300 / var(--breakpoint-pc) * 100vw);
	max-width: 300px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #0582E3;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #0582E3;
	border-radius: 42px;
}

button.toback:focus,
a.toback:focus {
	outline: none;
}

button.toback:hover,
a.toback:hover {
	color: #fff;
	background-color: #0582E3;
}


.step_container .toback,
.other_container_contents .toback {
	margin-top: calc(30 / var(--breakpoint-pc) * 100vw);
}

button.topayment,
a.topayment {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(300 / var(--breakpoint-pc) * 100vw);
	max-width: 300px;
	height: calc(42 / var(--breakpoint-pc) * 100vw);
	max-height: 42px;
	margin: 0 auto;
	font-size: calc(18 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #FF9A34;
	background-color: #fff;
	border: calc(2 / var(--breakpoint-pc) * 100vw) solid #FF9A34;
	border-radius: 42px;
}

button.topayment:focus,
a.topayment:focus {
	outline: none;
}

button.topayment:hover,
a.topayment:hover {
	color: #fff;
	background-color: #FF9A34;
}

.step_container .topayment,
.other_container_contents .topayment {
	margin-top: calc(60 / var(--breakpoint-pc) * 100vw);
}

@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	button.toback,
	a.toback {
		font-size: 18px;
		border-width: 2px;
	}

	.step_container .toback,
	.other_container_contents .toback {
		margin-top: 30px;
	}

	button.payment,
	a.payment {
		font-size: 18px;
		border-width: 2px;
	}

	.step_container .topayment,
	.other_container_contents .payment {
		margin-top: 60px;
	}
}



/* ********************************************************************************* */
/* ニュース個別 */
.news_view {
}

.news_view .news_wrap_index {
	width: calc(1030 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto calc(150 / var(--breakpoint-pc) * 100vw);
}

.news_view .news_wrap_index h2 {
	margin: calc(60 / var(--breakpoint-pc) * 100vw) 0;
}

.news_view .news_wrap_index h2 p:nth-of-type(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(265 / var(--breakpoint-pc) * 100vw);
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	margin-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(22 / var(--breakpoint-pc) * 100vw);
	font-weight: normal;
	color: #0582E3;
	border: 2px solid #0582E3;
	border-radius: 20px;
}

.news_view .news_wrap_index h2 p:nth-of-type(2) {
	padding-bottom: calc(30 / var(--breakpoint-pc) * 100vw);
	font-size: calc(36 / var(--breakpoint-pc) * 100vw);
	font-weight: bold;
	color: #0582E3;
	border-bottom: 1px solid #0582E3;
}

.news_view .news_wrap_index.color2 h2 p:nth-of-type(1),
.news_view .news_wrap_index.color2 h2 p:nth-of-type(2) {
	color: #E00000!important;
	border-color: #E00000!important;
}

.news_view .news_wrap_index .text_box {
	width: calc(830 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
}

.news_view .news_wrap_index .link_box {
	width: calc(830 / var(--breakpoint-pc) * 100vw);
	margin: 2em auto 0;
	font-size: calc(20 / var(--breakpoint-pc) * 100vw);
	line-height: 2.0;
}

.news_view .news_wrap_index .link_box a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #0582E3;
}

.news_view .news_wrap_index .link_box a:before {
	content: "";
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(24 / var(--breakpoint-pc) * 100vw);
	height: calc(24 / var(--breakpoint-pc) * 100vw);
	margin-right: 0.25em;
	background-color: #FF9A34;
	border-radius: 50%;
}

.news_view .news_wrap_index .link_box a:after {
    content:  '';
    display:  block;
    position:  absolute;
    top: calc(15 / var(--breakpoint-pc) * 100vw);
    left:  calc(5 / var(--breakpoint-pc) * 100vw);
    width: calc(10 / var(--breakpoint-pc) * 100vw);
    height: calc(10 / var(--breakpoint-pc) * 100vw);
    margin:  auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.news_view .news_wrap_index .link_box a:hover {
	color: #0582E3;
}


@media (max-width: 768px) {
}

@media (min-width: 1480px) {
	.news_view .news_wrap_index {
		width: 1030px;
		margin: 0 auto 150px;
	}

	.news_view .news_wrap_index h2 {
		margin: 60px 0;
	}

	.news_view .news_wrap_index h2 p:nth-of-type(1) {
		width: 265px;
		height: 40px;
		margin-bottom: 30px;
		font-size: 22px;
	}

	.news_view .news_wrap_index h2 p:nth-of-type(2) {
		padding-bottom: 30px;
		font-size: 36px;
	}

	.news_view .news_wrap_index .text_box,
	.news_view .news_wrap_index .link_box {
		width: 830px;
		font-size: 20px;
	}

	.news_view .news_wrap_index .link_box a:before {
		width: 24px;
		height: 24px;
	}

	.news_view .news_wrap_index .link_box a:after {
	    top: 15px;
	    left:  5px;
	    width: 10px;
	    height: 10px;
	}
}



















#deliv_add_area {
	height: calc(50 / var(--breakpoint-pc) * 100vw);
}
#deliv_add_area td {
	height: calc(50 / var(--breakpoint-pc) * 100vw)!important;
}

#deliv_add {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(180 / var(--breakpoint-pc) * 100vw);
	height: calc(40 / var(--breakpoint-pc) * 100vw);
	margin: 0 auto;
	font-size: calc(16 / var(--breakpoint-pc) * 100vw);
	text-decoration: none;
	color: #fff;
	background-color: #FF9A34;
	border: none;
	border-radius: calc(5 / var(--breakpoint-pc) * 100vw);
}

@media (min-width: 1480px) {
	#deliv_add_area {
		max-height: 50px;
	}

	#deliv_add_area td {
		height: 50px!important;
	}

	#deliv_add {
		max-width: 180px;
		max-height: 40px;
		font-size: 16px;
	}
}


/* 追加 */

  @media (min-width: 1480px) {
  	#flow_step .step_line ul li .step_line_txt_flow_icon {
      display: grid;
  	}
  #with_kotaro .bnr_area a img:hover {
    opacity: 0.5;
  }
}
  @media (min-width: 768px) {
  #flow_step .step_line ul li .step_line_txt_step {
    margin-left: 20px;
    position: relative;
    display: flex;
  }
  #flow_step .step_line ul li .step_line_txt_step .mv_step1_ab {
    position: absolute;
    left: 535px;
    top: -36px;
  }
  #flow_step .step_line ul li .step_line_txt_step .mv_step2_ab {
    position: absolute;
    left: 535px;
    top: 50px;
  }
  #flow_step .step_line ul li .step_line_txt_step .mv_step3_ab {
    position: absolute;
    left: 535px;
    top: 140px;
    z-index: 2;
  }
  #flow_step .yamato_btn {
    position: absolute;
    right: calc(66% - 18px);
    top: 130px;
    z-index: 2;
  }
  #flow_step .yamato_btn:hover {
  text-decoration: none;
    color: #FF9A34;
    background-color: #fff;
  }
}

@media (max-width: 768px) {
  #with_kotaro .flex_box {
    display: block;
  }
  #with_kotaro .flex_box .flex_right {
    margin-bottom: 5vw;
  }
  #with_kotaro .bnr_area img {
    max-width: 100%;
  }
  #flow_step .step_line {
    max-width: 100%;
    width: 80%;
  }
  #with_kotaro .flex_box a .flex_right_img img {
    max-width: 100%;
  }
  #flow_step .step_line ul li .step_line_txt_step img {
    max-width: 100%;
  }
  #flow_step .step_line ul li .step_line_ttl > img {
    width: 20vw;
  }
  #flow_step .step_line ul li .step_line_txt_flow_icon {
    width: 20vw;
  }
  #flow_step .step_line ul li .step_line_txt_flow_icon img {
    width: 20vw;
  }
  #flow_step .step_line ul li .step_line_txt_step {
    margin-left: 1vw;
  }
  #flow_step .step_line ul li .step_line_txt > img {
    width: 20vw;
  }
}