.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pc-none-sptab,
.pc-none{
	display:none !important;
}
/* Slider */

.slick-slider {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slick-list {
	position: relative;
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: hand;
	cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: '';
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	border: 1px solid transparent;
	display: block;
	height: auto;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Slider */

/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	margin: -12px 0 0 0;
	top: 50%;
	bottom: 0;
	background: transparent;
	border-bottom: solid 3px #000;
	border-right: solid 3px #000;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 18px;
	line-height: 0;
	outline: none;
	padding: 0;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 18px;
}

.slick-prev:hover,
.slick-next:hover {
	opacity: 0.7;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev {
	left: -25px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.slick-next {
	right: -25px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -26px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.slick-dots li {
	position: relative;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin: 0 12px;
	padding: 0;
	width: 10px;
}

.slick-dots li button {
	background: transparent;
	border: 0;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	outline: none;
	padding: 5px;
	width: 10px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	background: #ddd;
	border-radius: 50%;
	color: black;
	content: '';
	font-family: 'slick';
	font-size: 6px;
	-webkit-font-smoothing: antialiased;
	height: 10px;
	line-height: 10px;
	opacity: 1;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	width: 10px;
}

.slick-dots li.slick-active button:before {
	background: #595757;
	opacity: 1;
}

/*!
 * ress.css • v1.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: none; /* iOS 8+ */
}

*,
::before,
::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

/* Remove margin, padding of all elements and set background-no-repeat as default */

* {
	background-repeat: no-repeat; /* Reset `padding` and `margin` of all elements */
	margin: 0; /* Set `background-repeat: no-repeat` to all elements */
	padding: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

/* Add the correct display in iOS 4-7.*/

audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

small {
	font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none; /* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
	text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
	background-color: transparent; /* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
	outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */

mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
	border-radius: 0;
}

[type='number'] {
	width: auto; /* Firefox 36+ */
}

[type='search'] {
	-webkit-appearance: textfield; /* Safari 8+ */
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none; /* Safari 8 */
}

textarea {
	overflow: auto; /* Internet Explorer 11+ */
	resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */

button:-moz-focusring,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */

button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */

select { /* Firefox 36+ */
	-webkit-appearance: none;
	-moz-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
	display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor; /* Internet Explorer 11+ */
}

legend {
	border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
	display: table; /* Correct the text wrapping in Edge and IE */
	max-width: 100%; /* Correct the text wrapping in Edge and IE */
	white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
	font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* Correct the text style of placeholders in Chrome, Edge, and Safari */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

[type='search'] {
	-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
	border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Acessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */

/* Specify the progress cursor of updating elements */

[aria-busy='true'] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */

[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
	background-color: #b3d4fc; /* Required when declaring ::selection */
	color: #fff;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc; /* Required when declaring ::selection */
	color: #fff;
	text-shadow: none;
}

/* # =================================================================
#	ベース
# ================================================================= */

html {
	font-size: 62.5%;
}

body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic ProN', meiryo, 'ms pgothic', arial, sans-serif;
	font-size: 1.6rem;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.4;
	word-wrap: break-word;
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

a:hover {
	opacity: 0.6;
}

button {
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

button:hover {
	opacity: 0.6;
}

img {
	border: 0;
	vertical-align: bottom;
}

ul li {
	list-style-type: none;
}

.clearfix::after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

/* # =================================================================
#	ヘッダー
# ================================================================= */

.st-header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	border-bottom: solid 1px #9ca3ae;
	height: 50px;
	width: 100%;
	z-index: 1000;
}

.st-header-inner {
	display: table;
	height: 100%;
	width: 100%;
}

.st-header-btn {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	width: 40px;
}

.st-header-logo {
	display: table-cell;
	vertical-align: middle;
}

.st-header-logo-img {
	height: 42.13px;
}

.st-header-logo-img a {
	display: inline-block;
	height: 42.13px;
}

.st-header-logo-img a img {
	height: 42.13px;
	vertical-align: top;
	width: auto;
}

.st-header-font {
	display: table-cell;
	padding: 0 70px 0 0;
	vertical-align: middle;
	width: 250px;
}

.st-header-font ul {
	font-size: 0;
	letter-spacing: -0.4em;
	word-spacing: -1em;
}

.st-header-font ul li {
	display: inline-block;
	font-size: 1.6rem;
	font-size: 13px;
	letter-spacing: 0.08em;
	margin: 0 0 0 8px;
	vertical-align: middle;
	word-spacing: normal;
}

.st-header-font ul li.font-lbl {
	letter-spacing: normal;
	margin: 0;
	padding: 0 2px 0 0;
}

.st-header-font ul li a {
	border: solid 1px #999;
	color: #999;
	display: block;
	font-size: 12px;
	height: 19px;
	line-height: 17px;
	padding: 0 6px;
	text-align: center;
}

.st-header-font ul li a.font-is-active {
	background: #999;
	color: #fff;
}

.st-header-admin {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 280px;
}

.st-header-admin-icon {
	margin: 0 30px 0 0;
}

.st-header-admin-icon div {
	position: relative;
	cursor: pointer;
	font-size: 13px;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.st-header-admin-icon p {
	position: relative;
	cursor: pointer;
	font-size: 13px;
	padding: 0 5px 0 28px;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;

    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px;
    white-space: nowrap;

}


.st-header-admin-icon p::before,
.st-header-admin-icon p::after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: '';
	display: block;
}

.st-header-admin-icon p::before {
	left: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -45px -11px;
	height: 17px;
	width: 16px;
}

.st-header-admin-icon p::after {
	right: 1px;
	border-bottom: solid 2px #037097;
	border-right: solid 2px #037097;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 10px;
}

.st-header-admin-icon p span {
	margin: 0 0 0 15px;
}

.st-header-admin-icon p span::before {
	content: '(';
}

.st-header-admin-icon p span::after {
	content: ')';
}

.st-header-admin-icon div:hover {
	opacity: 0.6;
}

.st-header-admin-icon p:hover {
	opacity: 0.6;
}

.st-header-admin-icon p.open::after {
	top: 5px;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.st-header-admin-menu {
	position: absolute;
	right: 16px;
	background: #fff;
	border: solid 1px #037097;
	display: none;
	margin: 15px 0 0;
	width: 192px;
	z-index: 10;
}

.st-header-admin-menu-inner {
	position: relative;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	padding: 12px 20px 20px;
}

.st-header-admin-menu-inner::before,
.st-header-admin-menu-inner::after {
	position: absolute;
	right: 10px;
	border-style: solid;
	border-width: 0 7px 12px 7px;
	content: '';
	display: block;
	height: 0;
	width: 0;
}

.st-header-admin-menu-inner::before {
	top: -12px;
	border-color: transparent transparent #037097 transparent;
}

.st-header-admin-menu-inner::after {
	top: -10px;
	border-color: transparent transparent #fff transparent;
}

.st-header-admin-menu-inner p {
	font-size: 12px;
	letter-spacing: normal;
	line-height: 2;
}

.st-header-admin-menu-inner p span {
	display: block;
}

.st-header-admin-menu-inner a {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 13px;
	height: 26px;
	letter-spacing: normal;
	line-height: 26px;
	margin: 10px 0 0;
	text-align: center;
	width: 100%;
}

.st-header-admin-menu-inner a + a {
	margin: 15px 0 0;
}

/* # =================================================================
#	サイド
# ================================================================= */

.st-side {
	position: fixed;
	top: 50px;
	left: 0;
	background: #212730;
	display: block;
	/*height: 100%;*/
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 0 76px;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 160px;
	will-change: transform;
	z-index: 900;
}

.st-side.is-menu {
	-webkit-transform: translate(-157px, 0);
	-ms-transform: translate(-157px, 0);
	transform: translate(-157px, 0);
}

.st-nev-list-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.st-nev-list-item.current {
	background: #516585;
	/*pointer-events: none;*/
}

.st-nev-list-item .st-nev-list-item-link p.home span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -82px -73px;
	height: 10px;
	width: 11px;
}

.st-nev-list-item .st-nev-list-item-link p.order span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -93px 0;
	height: 12px;
	width: 13px;
}

.st-nev-list-item .st-nev-list-item-link p.bulk-order span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -27px -73px;
	height: 13px;
	width: 13px;
}

.st-nev-list-item .st-nev-list-item-link p.order-history span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -93px -74px;
	height: 10px;
	width: 12px;
}

.st-nev-list-item .st-nev-list-item-link p.questionnaire span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -24px -88px;
	height: 10px;
	width: 10px;
}

.st-nev-list-item .st-nev-list-item-link p.bulk-shipment span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -53px -73px;
	height: 12px;
	width: 14px;
}

.st-nev-list-item .st-nev-list-item-link p.order-management span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -13px -73px;
	height: 13px;
	width: 14px;
}

.st-nev-list-item .st-nev-list-item-link p.shipment span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -93px -50px;
	height: 11px;
	width: 13px;
}

.st-nev-list-item .st-nev-list-item-link p.stock-management span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -67px -73px;
	height: 11px;
	width: 15px;
}

.st-nev-list-item .st-nev-list-item-link p.estimate span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -93px -111px;
	height: 13px;
	width: 11px;
}

.st-nev-list-item .st-nev-list-item-link p.production-management span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -43px;
	height: 14px;
	width: 14px;
}

.st-nev-list-item .st-nev-list-item-link p.cost-management span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -93px -37px;
	height: 13px;
	width: 11px;
}

.st-nev-list-item .st-nev-list-item-link p.shipment-management span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -52px -73px;
	height: 15px;
	width: 15px;
}

.st-nev-list-item .st-nev-list-item-link p.master span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -57px;
	height: 15px;
	width: 13px;
}

.st-nev-list-item .st-nev-list-item-link p.settings span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -40px -73px;
	height: 15px;
	width: 13px;
}

.st-nev-list-item .st-nev-list-item-link p.contact span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -63px -29px;
	height: 15px;
	width: 15px;
}

.st-nev-list-item .st-nev-list-item-link p.help span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -29px;
	height: 14px;
	width: 14px;
}

/*
.st-nev-list-item .st-nev-list-item-link p span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -63px -29px;
	height: 15px;
	width: 15px;
}

.st-nev-list-item .st-nev-list-item-link p span::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -29px;
	height: 14px;
	width: 14px;
}*/


.st-nev-list-item-link {
	position: relative;
	color: #fff;
	display: table;
	font-size: 14px;
	height: 50px;
	padding: 0 0 0 12px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
}

.st-nev-list-item-link p {
	display: table-cell;
	vertical-align: middle;
}

.st-nev-list-item-link p span {
	position: relative;
	padding: 0 0 0 22px;
}

.st-nev-list-item-link p span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	margin: auto;
}

.st-nev-list-item-link:hover {
	background: #516585;
	opacity: 1;
}

.st-nev-sub .icon-arrow::after {
	position: absolute;
	top: -5px;
	right: 15px;
	bottom: 0;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	margin: auto;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.st-nev-sub-list {
	display: none;
}

.st-nev-sub-list li {
	border-top: solid 1px #212730;
}

.st-nev-sub-list li a {
	position: relative;
	background: #516585;
	color: #fff;
	display: table;
	font-size: 12px;
	height: 50px;
	letter-spacing: normal;
	line-height: 1.5;
	padding: 0 10px 0 34px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
}

.st-nev-sub-list li a span {
	display: table-cell;
	vertical-align: middle;
}

.st-nev-sub-list li a:hover {
	background: #eaeeef;
	color: #212730;
	font-weight: 600;
	opacity: 1;
}

.st-nev-sub-list li a:hover::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	background: #037097;
	content: '';
	display: block;
	height: 38px;
	margin: auto;
	width: 3px;
}

.st-nev-sub-list li a.is-active {
	background: #eaeeef;
	color: #212730;
	font-weight: 600;
	opacity: 1;
}

.st-nev-sub-list li a.is-active::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	background: #037097;
	content: '';
	display: block;
	height: 38px;
	margin: auto;
	width: 3px;
}

.st-nev-sub-list li a.on {
	background: #eaeeef;
	color: #212730;
	font-weight: 600;
	opacity: 1;
}

.st-nev-sub-list li a.on::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	background: #037097;
	content: '';
	display: block;
	height: 38px;
	margin: auto;
	width: 3px;
}

.st-nev-sub.current {
	pointer-events: auto;
}

.st-nev-sub.current .icon-arrow {
	pointer-events: none;
}

.st-nev-sub.current .icon-arrow ul li a.is-active {
	pointer-events: none;
}

.st-nev-sub.sub-open {
	background: #516585;
}

.st-nev-sub.sub-open .icon-arrow {
	background: #516585;
}

.st-nev-sub.sub-open .icon-arrow::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* # =================================================================
#	メイン
# ================================================================= */

.st-main {
	background: #eaeeef;
	margin-left: 140px;
	margin-top: 50px;
	padding: 0 0 20px;
	-webkit-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	transition: margin 0.3s ease;
}

.st-main.nav-close {
	margin-left: 0;
}

body.c-column-2 .st-main {
	margin-top: 0;
	padding: 0 0 30px;
}

body.c-column-3 .st-main {
	margin-top: 0;
	padding: 0;
}

body.c-column-3.c-side-prev .st-main {
	margin-top: 0;
	padding: 0;
}

/* # =================================================================
#	フッター
# ================================================================= */

.st-footer {
	position: relative;
	background: #132b5f;
	height: 26px;
	width: 100%;
	z-index: 950;
}

/* # =================================================================
#	レイアウト
# ================================================================= */

#c-container.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.c-l-column {
	margin: 0 30px;
}

.c-main-column {
	border-right: solid 1px #c8d1d3;
	float: left;
	padding: 0 0 30px;
	width: 81.1320754716%;
}

/* # =================================================================
#	ボタン
# ================================================================= */

.c-btn-link {
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.c-btn-link:hover {
	opacity: 0.6;
}

/* # =================================================================
#	サイドカラム
# ================================================================= */

.c-side-column {
	float: left;
	width: 18.867924529%;
}

.c-side-block {
	padding: 18px 20px 20px;
}

.c-side-block.bdt,
.c-side-block + .c-side-block {
	border-top: solid 1px #c8d1d3;
}

.c-side-block.c-side-block-prev {
	border-bottom: solid 1px #c8d1d3;
}

.c-side-block-head {
	margin: 0 0 19px;
}



.c-side-block-caution p,/* add dds */
.c-side-block-head p {
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-align: center;
}

.c-side-block-caution p{/* add dds */
	color:red;
}

.c-side-block-body a {
	background: #318acf;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 22px;
	letter-spacing: 0.08em;
	line-height: 1.5;
	padding: 19.5px 0;
	text-align: center;
}

.c-side-block-body a span {
	display: block;
	font-size: 16px;
	letter-spacing: 0.08em;
}

.c-side-block-body a.is-next {
	background: #bbd4e4;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c-side-block-body a.is-next.is-active {
	background: #318acf;
	pointer-events: auto;
}

.c-side-block-back {
	background: #9fa8b0;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 30px;
	letter-spacing: 0.08em;
	line-height: 30px;
	text-align: center;
	width: 100%;
}

.c-side-column-sp {
	display: none;
}

.c-side-block-caution{
	margin-bottom:-10px;
}
.c-side-block + .c-side-column-sp {
	margin: 25px 0 0;
}

.c-side-total {
	border-top: dotted 1px #bbc3c5;
	padding: 17.5px 0 0;
}

.c-side-total-head {
	padding: 0 20px;
}

.c-side-total-head p {
	font-size: 12px;
	letter-spacing: 0.08em;
}

.c-side-total-body {
	margin: 0 20px;
	padding: 0 0 7px;
}

.c-side-total-body dl {
	width: 100%;
}

.c-side-total-head + .c-side-total-body dl {/* add dds */
	margin-top:12px;
}
	.c-side-total-body dl + dl{
		margin-top:5px;
	}

.c-side-total-body dl dt {
	display: block;
	font-size: 12px;
	letter-spacing: normal;
	letter-spacing: 0.08em;
	line-height: 1.5;
	width: 100%;
}

.c-side-total-body dl dt dfn {
	font-style: normal;
}

.c-side-total-body dl dd {
	display: block;
	font-size: 12px;
	letter-spacing: normal;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-align: right;
}

/* add dds */
.c-side-total-body dl dd.wrap-date{
	text-align:left;
}
.c-side-total-body dl dd.wrap-date .date:first-child{
	text-align:left;
	display:inline-block;
}
.c-side-total-body dl dd.wrap-date .date{
		display:block;
		text-align:right;
}

.c-side-total-foot {
	border-top: solid 1px #c8d1d3;
	padding: 8.5px 20px 0;
}

.c-side-total-foot dl dt {
	float: left;
	font-size: 12px;
	letter-spacing: normal;
	line-height: 1.5;
}

.c-side-total-foot dl dt dfn {
	font-style: normal;
}

.c-side-total-foot dl dd {
	float: right;
	font-size: 12px;
	letter-spacing: normal;
	line-height: 1.5;
}

/* # =================================================================
#	ハンバーガーボタン
# ================================================================= */

.c-hamburger {
	height: 16px;
	margin: 0 auto;
	width: 18px;
}

.c-hamburger-menu {
	position: relative;
	display: block;
	height: 100%;
	width: 100%; /*&.menu-close {
			span {
				&:nth-child(1) {
					transform: translateY(7px) rotate(-45deg);
				}
				&:nth-child(2) {
					opacity: 0;
				}
				&:nth-child(3) {
					transform: translateY(-7px) rotate(45deg);
				}
			}
		}*/
}

.c-hamburger-menu span {
	position: absolute;
	left: 0;
	background: #0c204c;
	display: inline-block;
	height: 2px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
}

.c-hamburger-menu span:nth-child(1) {
	top: 0;
}

.c-hamburger-menu span:nth-child(2) {
	top: 7px;
}

.c-hamburger-menu span:nth-child(3) {
	bottom: 0;
}

/* # =================================================================
#	ログイン
# ================================================================= */

.c-login {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 700px;
}

.c-login-logo {
	margin: 0 0 38px;
	text-align: center;
}

.c-login-logo img {
	height: auto;
	width: 700px;
}

.c-login-body {
	background: #f1f4f5;
	margin: 0 0 17.5px;
	padding: 65px 0 60px;
}

.c-login-form-input {
	position: relative;
	background: #fff;
	margin: 0 auto;
	width: 450px;
}

.c-login-form-input::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	background-image: url(../images/sprite/sprite.png);
	background-position: 0 -29px;
	content: '';
	display: block;
	height: 24px;
	margin: auto;
	width: 23px;
}

.c-login-form-input input {
	height: 50px;
	padding: 0 10px 0 60px;
	width: 100%;
}

.c-login-form-input input:placeholder-shown {
	color: #506584;
	font-size: 1.5rem;
	font-weight: 600;
}

.c-login-form-input input::-webkit-input-placeholder {
	color: #506584;
	font-size: 1.5rem;
	font-weight: 600;
}

.c-login-form-input input:-moz-placeholder {
	color: #506584;
	font-size: 1.5rem;
	font-weight: 600;
	opacity: 1;
}

.c-login-form-input input::-moz-placeholder {
	color: #506584;
	font-size: 1.5rem;
	font-weight: 600;
	opacity: 1;
}

.c-login-form-input input:-ms-input-placeholder {
	color: #506584;
	font-size: 1.5rem;
	font-weight: 600;
}

.c-login-form-input + .c-login-form-input {
	margin: 20px auto 0;
}

.c-login-form-input + .c-login-form-input::before {
	left: 13px;
	background-image: url(../images/sprite/sprite.png);
	background-position: 0 0;
	height: 29px;
	width: 27px;
}

.c-login-form-btn {
	margin: 28px auto 0;
	width: 250px;
}

.c-login-userName-error{
	margin: 10px auto 0;
	width: 250px;
}

.c-login-password-error {
	margin: 0 auto 10px;
	width: 250px;
}


.c-login-form-btn input {
	background: #318acf;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	height: 50px;
	text-align: center;
	width: 100%;
}

.c-login-foot {
	text-align: right;
}

.c-login-foot a {
	border-bottom: solid 1px #adadad;
	font-size: 12px;
}
/* # =================================================================
#	権限切替
# ================================================================= */
.c-changeauth{
	width:700px;
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.c-changeauth .c-changeauth-head{
	font-size:1.8rem;
	font-weight:bold;
}
.c-changeauth .c-changeauth-main{
	border:2px solid #c8d1d3;
	padding:25px;
	margin-top:20px;
}
.c-changeauth .c-login-form-btn{
	margin-top:0;
}
.auth-list li{
	margin-top:10px;
}
.c-changeauth .caution{
	text-align:center;
}
.c-changeauth .caution + .caution{
	margin-top:10px;
}
/* # =================================================================
#	 ページトップ
# ================================================================= */

.c-pagetop {
	margin-top:20px;
	text-align: center;
}

.c-pagetop a {
	display: block;
}

.c-pagetop a img.c-pagetop-sp {
	display: none;
}

/* # =================================================================
#	見出し
# ================================================================= */

.c-headline-l1-text {
	font-size: 2.2rem;
	font-weight: 300;
	padding: 22px 0;
}

.c-pages .c-headline-l1-text {
	font-size: 1.8rem;
}

.c-pages .c-headline-l1-text span {
	font-size: 1.6rem;
}

/* # =================================================================
#	アラート
# ================================================================= */

.c-alert {
	position: relative;
	background: #ffc438;
}

.c-alert:last-child {
	margin: 0 0 46px;
}

.c-alert-text {
    color: #fff;
    font-size: 2.0rem;
    font-weight: 600;
    overflow: hidden;
    padding: 11px 60px 11px 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
}

.c-alert-text div.date {
	font-size: 1.4rem;
	margin: 0 40px 0 0;
	vertical-align: middle;
}

.c-alert-text div.contents {
	font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-alert .btn-close {
	position: absolute;
	top: 0;
	right: 28px;
	bottom: 0;
	cursor: pointer;
	height: 12px;
	margin: auto;
	outline: none;
	width: 12px;
	z-index: 1;
}

.c-alert .btn-close span {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}

.c-alert .btn-close span em {
	position: absolute;
	left: 0;
	background: #fff;
	display: inline-block;
	height: 2px;
	width: 100%;
}

.c-alert .btn-close span em:nth-child(1) {
	top: 2px;
	-webkit-transform: translateY(4px) rotate(-45deg);
	-ms-transform: translateY(4px) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}

.c-alert .btn-close span em:nth-child(2) {
	bottom: 0;
	-webkit-transform: translateY(-4px) rotate(45deg);
	-ms-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}

.c-error {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(200, 209, 211, 0.6);
	height: 100%;
	width: 100%;
	z-index: 1100;
}

.c-error-elm {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border: solid 1px #037097;
	height: 400px;
	padding: 27px 30px 30px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 496px;
}

.c-error-elm-head {
	padding: 0 0 17px;
}

.c-error-elm-head p {
	font-size: 15px;
	font-weight: 600;
}

.c-error-elm-head p span {
	margin: 0 0 0 28px;
}

.c-error-elm-body {
	height: 274px;
	overflow-y: scroll;
}

.c-error-elm-body .c-error-elm-conts {
	border-top: solid 1px #c8d1d3;
	padding: 25px 15px 27px 0;
}

.c-error-elm-body .c-error-elm-conts p {
	color: #c66;
	font-size: 15px;
}

.c-error-elm-foot .c-error-elm-btn {
	margin: 0 auto;
	width: 80px;
}

.c-error-elm-foot .c-error-elm-btn a {
	background: #037097;
	border-radius: 3px;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 100%;
}

.c-error-elm-foot .c-error-elm-btn a span {
	position: relative;
	color: #fff;
	font-size: 1.3rem;
	padding: 0 0 0 13px;
}

.c-error-elm-foot .c-error-elm-btn a span::before,
.c-error-elm-foot .c-error-elm-btn a span::after {
	position: absolute;
	top: 50%;
	left: 0;
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	margin: -1px 0 0;
	width: 10px;
}

.c-error-elm-foot .c-error-elm-btn a span::before {
	left: -1px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-error-elm-foot .c-error-elm-btn a span::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-error + #c-container.js-fixed {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.err-system {
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.err-system:hover {
	opacity: 0.6;
}

/* # =================================================================
#	フィールド
# ================================================================= */

/* 汎用
------------------------- */

.c-field {
	margin: 0 0 46px;
}

.c-field:last-child {
	margin: 0;
}

.c-field.c-field-review {
	margin: 0 0 20px;
}

.c-field-head {
	position: relative;
	color: #006a90;
	font-size: 1.8rem;
	font-weight: 600;
	margin: 0 0 16px;
}

.c-field-head.c-field-head-link::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	border-right: solid 4px #037097;
	border-top: solid 4px #037097;
	height: 14px;
	margin: auto;
	width: 14px;
}

.c-field-head a {
	color: #006a90;
	font-size: 1.8rem;
	font-weight: 600;
}

.c-field-body {
	background: #fff;
}

.c-field-body-block {
	background: #fff;
	padding: 0 25px;
}

.c-f-list-block {
	padding: 12px 0 0;
}

.c-f-list-block:last-child .c-f-list-block-body {
	border-bottom: none;
}

.c-f-list-block-head {
	font-size: 1.4rem;
	font-weight: 600;
}

.c-f-list-block-head span {
	position: relative;
	padding: 0 0 0 16px;
}

.c-f-list-block-head span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-f-list-block-body {
	border-bottom: solid 1px #c8d1d3;
}

.c-f-list-block-body ul {
	font-size: 0;
	letter-spacing: -0.4em;
	word-spacing: -1em;
}

.c-f-list-block-body ul.grid3 li {
	width: 33.3333%;
}

.c-f-list-block-body ul.grid3 li:first-child {
	width: 33.3334%;
}

.c-f-list-block-body ul.grid4 li {
	width: 25%;
}

.c-f-list-block-body ul li {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	word-spacing: normal;
}

.c-f-list-block-body ul li + li {
	border-left: solid 1px #c8d1d3;
}

.c-f-list-block-body ul li a {
	position: relative;
	display: block;
	padding: 10.5px 110px 13px 15px;
}

.c-f-list-block-body ul li a::after {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}

.c-f-list-block-body ul li a .c-f-list-num {
	position: absolute;
	top: 50%;
	right: 40px;
	font-size: 1.8rem;
	line-height: 1;
	margin: -0.5em 0 0;
}

.c-f-list-block-body ul li a .c-f-list-num::after {
	content: '件';
	font-size: 1.2rem;
}

.c-f-item {
	padding: 30px 25px 15.5px;
}

.c-f-item-pnl {
	float: left;
	margin: 0 0 0 5.263157895%;
	width: 21.0526315789%;
}

.c-f-item-pnl:first-child {
	margin: 0;
}

.c-f-item-pnl-img {
	position: relative;
	background: url(../images/bg_border.png) repeat top left;
	display: block;
	height: 200px;
	width: 100%;
}

.c-f-item-pnl-img img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-f-item-pnl-info {
	padding: 8.5px 0;
}

.c-f-item-pnl-info-id {
	color: #999;
	font-size: 1.2rem;
	margin: 0 0 6px;
}

.c-f-item-pnl-info-name {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6;
}

/* add dds 利用状況 */
.c-f-table-usage{
	table-layout:fixed;
}
.c-f-table-usage + .c-f-table-usage{
	margin-top:0;
	border-top: 1px solid #c8d1d3;
}
.c-f-table-usage th,
.c-f-table-usage td{
	vertical-align:top;
	padding: 5px 15px;
}
.c-f-table-usage th{
	font-weight:normal;
	text-align:left;
	max-width:340px;
	width:50%
}

/* 契約件数表 */
.agree-num{
	margin-left:50px;
}
.agree-num,
.agree-num strong{
	display:table;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	width:100%;
	max-width:320px;
	
}
.agree-num .num,
.agree-num .separate{
	display:table-cell;
}
.agree-num .separate{
	padding:0 10px;
}

.agree-over{
	font-weight:bold;
	color:red;
}
.agree-warning{
	font-weight:bold;
	color:#f58d3e;
}
/* SP用 スライダー
------------------------- */

.c-f-item-block-sub {
	display: none;
}

.c-f-item-block-sub .c-f-item-pnl {
	margin: 0 4px;
	overflow: hidden;
}

.c-f-item-block-sub .slick-prev,
.c-f-item-block-sub .slick-next {
	border-bottom: solid 4px #037097;
	border-right: solid 4px #037097;
}

.c-f-item-block-sub .slick-prev {
	left: -14px;
}

.c-f-item-block-sub .slick-next {
	right: -14px;
}

/* トランケート
------------------------- */

/*.js-trim {
	display: none;
	@include media(TB) {
		display: block;
	}
}
// なし
.js-trim-none {
	display: block;
	@include media(TB) {
		display: none;
	}
}*/

/* お知らせ
------------------------- */

.c-f-news {
	background: #fff;
	height: 150px;
	min-height: 150px;
	overflow-y: scroll;
	padding: 0 30px 0 0;
}

.c-f-news-block {
	position: relative;
	background: #fff;
	display: block;
	padding: 14px 80px 14px 30px;
}
.c-f-news-block a {/* add dds */
	display:block;
}

.c-f-news-block + .c-f-news-block {
	border-top: solid 1px #c8d1d3;
}

.c-f-news-block-conts-head {
	color: #999;
	float: left;
	font-size: 1.2rem;
	width: 180px;
}

.c-f-news-block-conts-head span {
	background: #f66;
	color: #fff;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 600;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 16px;
	padding: 0 16px;
	text-align: center;
	vertical-align: middle;
}
.c-f-news-block-conts-head span.system{
	background-color: #ed7c31;
	padding: 0 2px;
}
.c-f-news-block-conts-body {
	font-size: 1.6rem;
	margin: 0 0 0 200px;
	width: auto;
}

.c-f-news-block-conts-body p {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.c-f-news-block-conts-body p.view-all {/* add dds */
	overflow: visible;
	white-space: normal;
}
.c-f-news-block-conts-body p em {
	font-style: normal;
}

.c-f-news-icon {
	position: absolute;
	top: 0;
	right: 12px;
	bottom: 0;
	display: inline-block;
	font-size: 1.6rem;
	height: 15px;
	letter-spacing: 0.08em;
	margin: auto;
	word-spacing: normal;
}

.c-f-news-icon li {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: top;
	word-spacing: normal;
}

.c-f-news-icon li::after {
	position: relative;
}

.c-f-news-icon li.icon-clip {
    cursor: pointer;
}

.c-f-news-icon li.icon-arrow {
    cursor: pointer;
}

.c-f-news-icon li.icon-clip::after {
	top: -1.5px;
}

.c-f-news-icon li + li {
	margin: 0 0 0 20px;
}

/* TODO
------------------------- */

.c-f-todo {
	border: solid 5px #c8d1d3;
}

/* ステータス
------------------------- */

/* アンケート（予約受付中アイテム）
------------------------- */

/* NEWアイテム
------------------------- */

/* おすすめアイテム
------------------------- */

/* 評価レビュー
------------------------- */

.c-f-review {
	padding: 0 30px 10px;
}

.c-f-review-block {
	position: relative;
	padding: 25.5px 0 26px;
}

.c-f-review-block + .c-f-review-block {
	border-top: solid 1px #c8d1d3;
}

.c-f-review-block-head {
	margin: 0 0 25px;
	width: 77%;
}

.c-f-review-block-head a {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
}

.c-f-review-block-head a span {
	position: relative;
	display: block;
	padding: 0 30px 0 0;
}

.c-f-review-block-head a span.icon-arrow::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-right: solid 3px #037097;
	border-top: solid 3px #037097;
	height: 12px;
	margin: auto;
	width: 12px;
}

.c-f-review-block-body-h {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 0 11.5px;
}

.c-f-review-block-body-text {
	font-size: 1.3rem;
}

.c-f-review-block-num {
	position: absolute;
	top: 25.5px;
	right: 0;
	color: #999;
	font-size: 1.2rem;
}

.c-f-review-block-num span::after {
	content: '件';
}

/* # =================================================================
#	アイコン
# ================================================================= */

.icon-arrow::after {
	border-right: solid 2px #037097;
	border-top: solid 2px #037097;
	content: '';
	display: block;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 10px;
}

.icon-clip::after {
	background-image: url(../images/sprite/sprite.png);
	background-position: 0 -73px;
	content: '';
	display: block;
	height: 15px;
	width: 13px;
}

.icon-h::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -14px -88px;
	content: '';
	display: block;
	height: 10px;
	width: 10px;
}

.icon-pdf::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -27px 0;
	content: '';
	display: block;
	height: 11px;
	width: 51px;
}

.icon-review::before {
	background-image: url(../images/sprite/sprite.png);
	background-position: -56px -53px;
	content: '';
	display: block;
	height: 13px;
	width: 19px;
}

.icon-mydelivery::before {
	color: #037097;
	content: 'マイお届け先';
	font-size: 1.2rem;
	font-weight: 600;
}

.icon-change::before {
	color: #c66;
	content: '一時変更';
	font-size: 1.2rem;
	font-weight: 600;
}

.icon-save::before {
	color: red;
	content: '一時保存';
	font-size: 1.2rem;
	font-weight: 600;
}

/* # =================================================================
#	ステップ
# ================================================================= */

.c-step {
	background: #516585;
	border-bottom: solid 1px #c8d1d3;
	margin-left: 140px;
	margin-top: 50px;
	overflow: hidden;
	-webkit-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	transition: margin 0.3s ease;
}

.c-step.menu-off {
	margin-left: 0;
}

.c-step ul {
/*	margin-right: 18.8679245283%;*/
  margin-right: 8%;/* add dds */
}

.c-step ul li {
	position: relative;
	color: #fff;
	display: table;
	float: left;
	font-size: 1.2rem;
	font-weight: 600;
	height: 32px;
	padding: 0 0 0 20px;
	text-align: center;
/*	width: 20%;*/
  width:19%;
	z-index: 2;
}

.c-step ul li:first-child.current {
	background: #eaeeef;
	color: #333;
}

.c-step ul li:first-child.current::before,
.c-step ul li:first-child.current::after {
	content: none;
}

.c-step ul li:first-child.current p span:nth-child(1) {
	border-color: transparent transparent transparent #eaeeef;
}

.c-step ul li.current {
	background: #eaeeef;
	color: #333;
}

.c-step ul li.current::before,
.c-step ul li.current::after {
	position: absolute;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-width: 16px 0 16px 16px;
	content: '';
	display: block;
	height: 0;
	width: 0;
}

.c-step ul li.current::before {
	left: 0;
	border-color: transparent transparent transparent #516585;
	z-index: 1;
}

.c-step ul li.current::after {
	left: 0;
	border-color: transparent transparent transparent #516585;
	z-index: 1;
}

.c-step ul li.current p span:nth-child(1) {
	border-color: transparent transparent transparent #eaeeef;
}

.c-step ul li:last-child {
	border-right: solid 1px #9ca3ae;
}

.c-step ul li:last-child p span {
	display: none;
}

.c-step ul li p {
	display: table-cell;
	padding: 3px 0;
	vertical-align: middle;
  white-space:nowrap;/* add dds */
}

.c-step ul li p span {
	position: absolute;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-width: 16px 0 16px 16px;
	display: block;
	height: 0;
	width: 0;
}

.c-step ul li p span:nth-child(1) {
	right: -15px;
	border-color: transparent transparent transparent #516585;
	z-index: 1;
}

.c-step ul li p span:nth-child(2) {
	right: -16px;
	border-color: transparent transparent transparent #9ca3ae;
}

.c-step.c-step-none {
	height: 30px;
}

.c-step.c-step-none + .st-main {
	margin-top: 0;
}

/* # =================================================================
#	フォーム
# ================================================================= */

input,
select,
button,
textarea {
	outline: none;
}

input::-ms-clear {
	visibility: hidden;
}

:placeholder-shown {
	color: #999;
	font-size: 1.3rem;
}

::-webkit-input-placeholder {
	color: #999;
	font-size: 1.3rem;
}

:-moz-placeholder {
	color: #999;
	font-size: 1.3rem;
	opacity: 1;
}

::-moz-placeholder {
	color: #999;
	font-size: 1.3rem;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
	font-size: 1.3rem;
}

.c-form-search-favorite {
	position: relative;
}

.c-form-search-favorite input {
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 10px;
	margin: auto;
}

.c-form-search-favorite label {
	background: #fbfeff;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	font-size: 1.3rem;
	padding: 7.5px 10px 7.5px 30px;
	text-align: left;
	width: 100%;
}

.c-form-search-favorite label span {
	position: relative;
	top: 1px;
	color: #e7930e;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin: 0 3px 0 0;
}
/* add dds */
.c-form-search-recommend {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 170px;
	padding-left:10px;
}

.c-form-search-recommend input {
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 20px;
	margin: auto;
}

.c-form-search-recommend label {
	background: #fbfeff;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	font-size: 1.3rem;
	padding: 7.5px 10px 7.5px 30px;
	text-align: left;
	width: 100%;
	min-height:18px;
}

.c-form-search-recommend label span {
	position: relative;
	top: 1px;
	color: #e7930e;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin: 0 3px 0 0;
}

/* add dds */
.c-form-search-new-arrival {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 170px;
	padding-left:0px;
}

.c-form-search-new-arrival input {
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 10px;
	margin: auto;
}

.c-form-search-new-arrival label {
	background: #fbfeff;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	font-size: 1.3rem;
	padding: 7.5px 10px 7.5px 30px;
	text-align: left;
	width: 100%;
	min-height:18px;
}

.c-form-search-new-arrival label span {
	position: relative;
	top: 1px;
	color: #e7930e;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin: 0 3px 0 0;
}

.c-s-category {
	position: relative;
	display: block;
	width: 100%;
}

.c-s-category::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 8px 5.5px 0 5.5px;
	content: '';
	display: block;
	height: 0;
	margin: auto;
	width: 0;
}

.c-s-category select {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1.3rem;
	height: 100%;
	line-height: 1.2;
	padding: 7.5px 26px 7.5px 10px;
	width: 100%;
}

.c-s-sach {
	position: relative;
	border-bottom: solid 1px #95b6c0;
	height: 30px;
	padding: 0 0 0 26px;
	width: 100%;
}

.c-s-sach::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -43px -29px;
	content: '';
	display: block;
	height: 21px;
	margin: auto;
	width: 20px;
}

/* 虫眼鏡アイコン無し */
.c-s-sach-noimage {
    /*margin-left: 26px;
    padding-left: 0px;*/
}
.c-s-sach-noimage::before {
    background-image: none;
}

.c-s-sach input {
	height: 100%;
	padding: 0 10px 0 0;
	width: 100%;
}

.c-s-btn-atag a,
.c-s-btn-cancel,
.c-s-btn-sach,
.c-s-btn-edit,
.c-s-btn-clear,
.c-s-btn-all {
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1.3rem;
	height: 30px;
	line-height: 30px;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.c-s-btn-atag a:hover,
.c-s-btn-cancel:hover,
.c-s-btn-sach:hover,
.c-s-btn-edit:hover,
.c-s-btn-clear:hover,
.c-s-btn-all:hover {
	opacity: 0.6;
}
.c-s-btn-atag{
	display:table;
	width:-webkit-calc(100% - 15px);
	width:calc(100% - 15px);
	table-layout:fixed;
}
.c-s-btn-atag a{
	color: #fff;
	display: table-cell;
	vertical-align:middle;
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-align: center;
	background: #318acf;
}

.c-s-btn-sach,
.c-s-btn-edit {
	background: #037097;
	width: 100%;
}

.c-s-btn-clear {
	background: #9fa8b0;
	width: 100%;
}

.c-s-btn-cancel {
	background: #f37212;
	width: 100%;
}

.c-s-btn-all {
	background: #fff;
	border: solid 1px #037097;
	color: #037097;
	font-size: 1.3rem;
	height: auto;
	line-height: 1.2;
	padding: 4.5px 10.5px;
	width: 100%;
}

.c-s-btn-all.c-s-btn-all-del {
	background: #f37212;
	border: solid 1px #f37212;
	color: #fff;
}

/* input type=file */
.type-file{
	position:relative;
}
.type-file .c-s-btn-atag{
	width:50px;
}
.type-file .fileLabel{
	cursor: pointer;
	display: block;
	height: 30px;
	padding: 0 0 0 0;
	position: relative;
	margin-right:0;
	vertical-align:top;
	border:1px solid #318acf;
}
.type-file input[type="file"] {
	cursor: pointer;
	width:100%;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index:1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 50px;
}
.type-file input[type="file"] + input{
	cursor: pointer;
	background-color:transparent;
	left:0;
	top:0;
	position:absolute;
	height:100%;
	width:100%;
	padding-left:5px;
	border-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 50px;
}
.type-file .c-s-btn-atag{/* 参照ボタン */
	position:absolute;
	right:0;
	height:30px;
	width:50px;
	font-size:14px;
}


/* disabled */
.c-s-btn-atag a.disabled,
.c-s-btn-edit:disabled,
.c-s-btn-clear:disabled,
.c-s-btn-cancel:disabled{
	background: #888;
	color:#666;
	cursor:default;
}
.c-s-btn-atag a.disabled:hover,
.c-s-btn-edit:disabled:hover,
.c-s-btn-clear:disabled:hover,
.c-s-btn-cancel:disabled:hover{
	opacity:1;
}
.type-file input[type="file"]:disabled{
	cursor:default;
}
.type-file.disabled .fileLabel{
	border:1px solid #666;
}
.type-file.disabled .c-s-btn-atag a{/* 参照ボタン */
	background: #888;
	color:#666;
	cursor:default;
}



.c-s-btn-in {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	max-width: 330px;
	padding: 3.5px 0;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 100%;
}

.c-s-btn-in.c-s-cart-btn-del {
	background: #f37212;
}

.c-s-btn-in.c-s-cart-btn-sold {
	background: #cde2ea;
	pointer-events: none;
}

.c-s-btn-in-h {
	display: block;
}

.c-s-btn-in-h span {
	display: block;
	font-size: 14px;
	margin: 3px 0 0;
}

.c-s-btn-in-h span em {
	font-style: normal;
}

.c-s-btn-in-h span.c-s-btn-in-h-text {
	font-size: 20px;
}

.c-s-btn-in:hover {
	opacity: 0.6;
}

.c-s-cart-btn {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	max-width: 330px;
	padding: 5px 0;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}

.c-s-cart-btn.c-s-cart-btn-del {
	background: #f37212;
}

.c-s-cart-btn.c-s-cart-btn-sold {
	background: #cde2ea;
	pointer-events: none;
}

.c-s-cart-btn-h {
	display: block;
}

.c-s-cart-btn-h span {
	display: block;
	font-size: 14px;
	margin: 3px 0 0;
}

.c-s-cart-btn-h span.c-s-cart-btn-h-text {
	font-size: 20px;
}

.c-s-cart-btn-h span em {
	font-style: normal;
}

.c-s-cart-btn:hover {
	opacity: 0.6;
}

.c-s-btn-fov-rel {
	background: #f1f4f5;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	max-width: 330px;
	padding: 6px 0;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 100%;
}

.c-s-btn-fov-rel span {
	position: relative;
	font-size: 13px;
	padding: 0 0 0 30px;
}

.c-s-btn-fov-rel span::before {
	position: absolute;
	top: -2px;
	bottom: 0;
	left: 0;
	color: #999;
	content: '★';
	display: block;
	font-size: 18px;
	height: 1em;
	line-height: 1;
	margin: auto;
	width: 1em;
}

.c-s-btn-fov-rel.btn-fav-del span::before {
	color: #e7930e;
}

.c-s-btn-fov-rel:hover {
	opacity: 0.6;
}

.c-s-itemnum,
.c-s-itemname,
.c-s-new,
.c-s-num,
.c-s-refine,
.c-s-all {
	position: relative;
	color: #037097;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1;
	padding: 0 14px 0 0;
}

.c-s-itemnum::after,
.c-s-itemname::after,
.c-s-new::after,
.c-s-num::after,
.c-s-refine::after,
.c-s-all::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-color: #037097 transparent transparent transparent;
	border-style: solid;
	border-width: 11px 6.5px 0 6.5px;
	content: '';
	height: 0;
	margin: auto;
	width: 0;
}

.c-s-all {
	padding: 0 14px 0 20px;
}

.c-s-change {
	display: table;
	width: 100%;
}

.c-s-change dt {
	display: table-cell;
	margin: 0 4px 0 0;
	vertical-align: middle;
}

.c-s-change dt dfn {
	font-size: 1.3rem;
	font-style: normal;
}

.c-s-change dd {
	display: table-cell;
	vertical-align: middle;
}

.c-s-change dd span {
	display: inline-block;
	padding: 3px 6px;
	vertical-align: middle;
}

.c-s-change dd span:first-child {
	border-right: solid 1px #037097;
}

.c-s-change dd span:first-child a {
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px 0;
	height: 15px;
	width: 15px;
}

.c-s-change dd span a {
	background-image: url(../images/sprite/sprite.png);
	background-position: -20px -53px;
	display: block;
	height: 15px;
	width: 17px;
}

.c-s-change dd span.is-on a {
	opacity: 0.5;
	pointer-events: none;
}

/* ////////////////////////////
// 一覧（注文処理）
/////////////////////////////*/
/* 上部ボタン */
.c-d-form-head-btns{
	font-size:0;
	text-align:right;
	margin-bottom:10px;
}
    .c-d-form-head-btns li {
        display: inline-block;
        font-size: 1.6rem;
        letter-spacing: 0.08em;
        vertical-align: top;
        word-spacing: normal;
        margin-top:10px;/* dds add 2018.4.20 */
    }
    .c-d-form-head-btns li +li{
      margin-left:10px;
    }
  

.c-d-form-head-btns-edit {
    width: 110px;
}

.c-d-form-head-btns-clear {
    margin: 0 0 0 10px;
    width: 60px;
}
.c-d-form-head-btns-regist input{
  padding:0 10px;/* dds add 2018.4.20 */
}

/* 予定単価 入り数 最低注文数 注文単位 */
.c-item-list-item.list-h{
	width:450px;
	vertical-align:top;
	padding-left:20px;
}
.item-list-h{
	display:table;
	width:100%;
	table-layout:fixed;
}
.item-list-h .compact{
	display:table-cell;
	vertical-align:top;
	font-size:0;
}
.item-list-h .compact dt,
.item-list-h .compact dd{
	display:table-cell;
	font-size: 1.3rem;
	line-height: 1.6;
}

.item-list-h .compact dt{
	width:76px;
}
.item-list-h .compact dd{
	padding:0 5px;
}


.c-form,
.c-d-form {
	margin: 0 0 20px;
}

.c-form-conts {
	background: #fff;
	margin: 0 0 30px;
	padding: 22px 18px 10px;
}

.c-form-conts-head {
	margin: 0 0 10px;
}

.c-form-conts-body-inner-btn {
	padding: 0 0 10px;
}

.c-form-conts-body-inner-btn .c-form-search-all {
	position: relative;
}

.c-form-search-head {
	background: #eaeeef;
	display: table;
	margin: 0 0 10px;
	padding: 10px;
	table-layout: fixed;
	width: 100%;
}

.c-form-search-body {
	position: relative;
	font-size: 0;
	height: 30px;
	letter-spacing: -0.4em;
	width: 100%;
	word-spacing: -1em;
}

.c-form-search-favorite {
	display: table-cell;
	vertical-align: middle;
	width:210px;
}

.c-form-search-category {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 166px;
}
/* add dds */
.c-form-search-kit {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 166px;
}

.c-form-search-sach {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.c-form-search-address {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 107px;
}
    
.c-form-search-category {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 107px;
}

/* add dds */    
.c-form-search-kit label {
	height: 100%;
}
.c-form-search-category-btn {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 200px;
}
.c-form-search-category-btn label {
	display: table;
	height: 100%;
}
.c-form-search-category-btn a {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1.3rem;
	padding: 7.5px 26px 7.5px 10px;
	width: 100%;
}

.c-form-search-integratediackaging {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 150px;
}

.c-form-search-holddeliveryOffice {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 150px;
}

.c-form-search-submit {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 70px;
}

.c-form-search-clear {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 60px;
}

.c-form-search-all {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	word-spacing: normal;
}

.c-form-search-itemnum {
	position: absolute;
	right: 402px;
	bottom: 0;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	padding: 0 10px;
	vertical-align: middle;
	word-spacing: normal;
}

.c-form-search-itemname {
	position: absolute;
	right: 252px;
	bottom: 0;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	padding: 0 10px;
	vertical-align: middle;
	word-spacing: normal;
}

.c-form-search-num {
	position: absolute;
	right: 170px;
	bottom: 0;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	padding: 0 10px;
	vertical-align: middle;
	word-spacing: normal;
}

.c-form-search-change {
	position: absolute;
	right: 0;
	bottom: 5px;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	word-spacing: normal;
}
.c-form-search-select{
	position: relative;
}
.c-form-search-select select{
	background: #fff;
	border-radius: 3px;
	color: #037097;
	cursor: pointer;
	font-size: 1.3rem;
	height: 100%;
	line-height: 1.2;
	padding: 7.5px 26px 7.5px 10px;
	width: 100%;
}
.c-form-search-select::after {
	position: absolute;
	top: 2px;
	right: 10px;
	bottom: 0;
	border-color: #037097 transparent transparent transparent;
	border-style: solid;
	border-width: 8px 5.5px 0 5.5px;
	content: '';
	display: block;
	height: 0;
	margin: auto;
	width: 0;
}

/* 
    並び順プルダウン　件数
*/
.c-i-os-list-refine-add-item-csv-only {
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  vertical-align: top;
  word-spacing: normal;
}

.c-i-os-list-refine-add-item-csv-only a {
  background: #318acf;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  height: 22px;
  letter-spacing: normal;
  line-height: 22px;
  text-align: center;
  width: 126px;
}

.c-i-os-list-refine-add-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: space-between;*/
}

.c-i-os-list-refine-add-item-link div {
  word-break: break-all;
}

.c-i-os-list-refine-add-item-link a {
  margin-right: 10px;
}

.c-i-os-list-refine-add-item-link div a {
  background-color: transparent;
  color: blue;
  text-decoration: underline;
}

.c-i-os-list-refine-add-item-link table {
  font-size: 1.3rem;
  font-weight: 600;
}

.c-i-os-list-refine-add-item-link table td.csv-info-header {
  width: 60px;
}

.c-i-os-list-refine-add-item-link table td.csv-info-value {
  width: 70px;
  text-align: left;
}

.c-i-os-list-refine-add {
  /*●*/
  display: block;
  position: relative;
  font-size: 0;
  letter-spacing: -0.4em;
  text-align: right;
  word-spacing: -1em;
  height: 40px;
}

.c-i-os-list-refine-add-item {
  /*●*/
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  vertical-align: top;
  word-spacing: normal;
}

.c-i-os-list-refine-add-item + .c-i-os-list-refine-add-item {
  /*●*/
}

.c-i-os-list-refine-add-item-csv {
  /*●*/
  position: absolute;
  left: 0;
  display: block;
  padding: 0;
}

.c-i-os-list-refine-add-item-csv a {
  /*●*/
  background: #318acf;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  height: 22px;
  letter-spacing: normal;
  line-height: 22px;
  text-align: center;
  width: 126px;
}

/* add dds */
.c-form-search-head.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-form-search-head.flex > div{
	display:block;
}
.c-form-search-head.flex > div.c-form-search-favorite,
.c-form-search-head.flex > div.c-form-search-favorite label,
.c-form-search-head.flex > div.c-form-search-recommend{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.c-form-search-head.flex > div.c-form-search-favorite label{
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.c-form-search-head.flex > div input{
	top:0;
}


.c-form-conts-sp {
	display: none;
}

.c-form-conts-sp-head ul li.c-form-conts-sp-search.is-search {
	background: #cde2ea;
}

.c-form-conts-sp-sort {
	position: relative;
}

.is-hov {
	background: #037097;
}

.is-hov .c-s-itemnum,
.is-hov .c-s-itemname,
.is-hov .c-s-new,
.is-hov .c-s-num,
.is-hov .c-s-refine,
.is-hov .c-s-all {
	color: #fff;
}

.is-hov .c-s-itemnum::after,
.is-hov .c-s-itemname::after,
.is-hov .c-s-new::after,
.is-hov .c-s-num::after,
.is-hov .c-s-refine::after,
.is-hov .c-s-all::after {
	border-color: #fff transparent transparent transparent;
}

.c-form-search-sub {
	position: absolute;
	left: 0;
	background: #fff;
	border-top: solid 1px #c8d1d3;
	display: none;
	text-align: left;
	width: 100%;
	z-index: 10;
}

.c-form-search-sub li {
	border-bottom: solid 1px #c8d1d3;
	border-left: solid 1px #c8d1d3;
	border-right: solid 1px #c8d1d3;
	color: #037097;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.2;
	padding: 5px 10px 5px 36px;
}

.c-form-search-sub li:hover {
	background: #c8d1d3;
}

.c-form-search-sub li.is-check {
	position: relative;
}

.c-form-search-sub li.is-check::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	background-image: url(../images/sprite/sprite.png);
	background-position: 0 -88px;
	content: '';
	display: block;
	height: 11px;
	margin: auto;
	width: 14px;
}

.c-form-pagenation {
	position: relative;
	background: #fff;
	padding: 25px 20px;
}

.c-form-pagenation-result {
	position: absolute;
	top: 25px;
	left: 10px;
}

.c-form-pagenation-result p {
	color: #999;
	font-size: 1.4rem;
	letter-spacing: normal;
}

.c-form-pagenation ul {
	font-size: 0;
	letter-spacing: -0.4em;
	text-align: right;
	word-spacing: -1em;
}

.c-form-pagenation ul li {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	margin: 0 5px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	vertical-align: top;
	word-spacing: normal;
}

.c-form-pagenation ul li.pager a {
	position: relative;
	background: #037097;
	width: 20px;
}

.c-form-pagenation ul li.pager a span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	display: block;
	height: 6px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}

.c-form-pagenation ul li.pager.pager-prev {
	margin: 0 15px 0 0;
}

.c-form-pagenation ul li.pager.pager-prev a span {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-form-pagenation ul li.pager.pager-next {
	margin: 0 0 0 15px;
}

.c-form-pagenation ul li.pager.pager-next a span {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-form-pagenation ul li.current a {
	background: #037097;
	color: #fff;
}

.c-form-pagenation ul li:hover a {
	background: #037097;
	color: #fff;
}

.c-form-pagenation ul li a {
	background: #fff;
	display: block;
	font-size: 1.4rem;
	height: 20px;
	letter-spacing: normal;
	line-height: 20px;
	padding: 0 5.5px;
	text-align: center;
}

.c-pager {
	background: #fff;
	margin: 0 0 20px;
	padding: 20px;
}

.c-pager ul {
	font-size: 0;
	letter-spacing: -0.4em;
	text-align: center;
	word-spacing: -1em;
}

.c-pager-item {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	margin: 0 5px;
	vertical-align: top;
	word-spacing: normal;
}

.c-pager-item a {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 1.3rem;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	text-align: center;
}

.c-pager-item a span {
	position: relative;
}

.c-pager-item a span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	content: '';
	display: block;
	height: 6px;
	margin: auto;
	width: 6px;
}

.c-pager-item-ctrl a {
	padding: 0 22px;
}

.c-pager-item-ctrl.c-pager-item-ctrl-prev a span {
	padding: 0 0 0 15px;
}

.c-pager-item-ctrl.c-pager-item-ctrl-prev a span::before {
	left: 0;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.c-pager-item-ctrl.c-pager-item-ctrl-next a span {
	padding: 0 15px 0 0;
}

.c-pager-item-ctrl.c-pager-item-ctrl-next a span::before {
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* # =================================================================
#	アイテム
# ================================================================= */

.c-i-star {
	background: #fff;
	border: solid 1px #dee7e9;
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-style: normal;
	height: 25px;
	line-height: 23px;
	text-align: center;
	width: 25px;
}

.c-i-star.is-check {
	color: #e7930e;
}

.c-i-tag {
	color: #fff;
	display: block;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	width: 95px;
}

.c-i-tag-wrap .c-i-tag.c-i-tag-pink {
	display:inline-block;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

.c-i-tag-wrap .c-i-tag.c-i-tag-green {
	display:inline-block;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

.c-i-tag.c-i-tag-pink {
	background: #c66;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

.c-i-tag.c-i-tag-green {
	background: #693;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

.c-i-tag.c-i-tag-pink-kit {
	background: #c66;
	width:auto;
	padding-left:5px;
	padding-right:5px;
	height:auto;
}

.c-i-tag.c-i-tag-green-kit {
	background: #693;
	width:auto;
	padding-left:5px;
	padding-right:5px;
	height:auto !important;
}

.c-i-tag.c-i-tag-green-i {
    background: #693;
	width:auto !important;
	padding-left:5px;
	padding-right:5px;
}

.c-i-tag.c-i-tag-green-kit-i {
    background: #693;
	width:auto !important;
	padding-left:5px;
	padding-right:5px;
	height:auto !important;
}

.c-i-tag.c-i-tag-gray {
	background: #666;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

.c-i-id {
	color: #999;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6;
}
    
.c-i-id-option {
    font-weight:normal;
	color:#000;
}

.c-i-save{/* add dds */
	color: red;
	font-size: 1.2rem;
	line-height: 1.6;
}

.c-i-mydelivery,
.c-i-change{/* add dds */
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.6;
}

.c-i-mydelivery{/* add dds */
	color: #037097;/* マイお届け先 */
}
.c-i-change{/* add dds */
	color: #c66;/* 一時変更 */
}

.c-i-conts {
	position: relative;
	min-height: 71px;
}

.c-i-conts-name {
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.6;
}

.c-i-conts-name-code {
	font-weight: normal;
}

/* add dds */
/* 在庫あり */
	.c-i-conts-status{
		background-color:#339933;
		color:#fff;
		padding:0 5px;
		margin-bottom:5px;
	}



.c-i-conts-detail {
	margin-top:10px;
	display: block;
	font-size: 1.4rem;
	line-height: 1.6;
}

.c-i-conts-img {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	border: solid 1px #999;
	cursor: pointer;
	display: block;
	height: 71px;
	margin: 0 0 0 79.4117647058%;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 71px;
	z-index: 1;
}

.c-i-conts-img img {
	height: 100%;
	width: auto;
}

.c-i-conts-img.is-scale:hover {
	-webkit-transform: scale(2.8);
	-ms-transform: scale(2.8);
	transform: scale(2.8);
	z-index:2;
}

.c-i-conts-desc {
	color: #000;
	font-size: 1.3rem;
	line-height: 1.7;
}

/* quantity add dds */
.c-i-price,
.c-i-quantity {
	color: #999;
	font-size: 1.2rem;
}

.c-i-price span::before{
	content: '¥';
}

.c-i-price span:first-child,
.c-i-quantity span:first-child {
	margin: 0 14px 0 0;
}

.c-i-price span:first-child::before,
.c-i-quantity span:first-child::before {
	content: none;
}

.c-i-address {
	font-size: 1.4rem;
	line-height: 1.6;
}

.c-i-tel {
	font-size: 1.4rem;
	line-height: 1.6;
}

.c-item {
	position: relative;
	background: #f1f4f5;
	float: left;
	margin: 0 0.75360419397% 20px;
	max-width: 370px;
	padding-bottom: 51px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 23px;
	width: 48.492791612%;
}

.c-item .c-i-star {
	position: absolute;
	top: 0;
	right: 0;
}

.c-item .c-i-tag {
	position: absolute;
	top: 0;
	left: 0;
}

.c-item .c-i-id {
	margin: 0 0 1.5px;
}


.c-item .c-i-conts-name {
	padding: 0 80px 0 0;
}

.c-item .c-i-price {
	margin: 0 0 5.5px;
}

.c-item .c-i-quantity {
	margin: 0 0 5.5px;
}

.c-item-info-text {
	background: #fff;
	padding: 10px 10px 6px;
}

.c-item-info-text p {
	color: #212730;
	font-size: 1.1rem;
	line-height: 1.6;
}

.c-item-info-btns {
	position: absolute;
	bottom: 13px;
	left: 0;
	padding: 0 15px;
	width: 100%;
}

.c-item-info-btns li {
	position: relative;
	background: #037097;
	border: solid 1px #037097;
	border-radius: 3px;
	float: right;
	width: 47.0588235294%;
}

.c-item-info-btns li:first-child {
	background: #fff;
	border: solid 1px #ccc;
	float: left;
}

.c-item-info-btns li a,
.c-item-info-btns li input {
	display: block;
	font-size: 13px;
	height: 100%;
	line-height: 1.2;
	padding: 5.5px 0;
	text-align: center;
	width: 100%;
}

.c-item-info-btns li a {
	color: #999;
}

.c-item-info-btns li input {
	color: #fff;
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.c-item-info-btns li input:hover {
	opacity: 0.6;
}

.c-item-info-btns li.item-del {
	background: #f37212;
	border: solid 1px #f37212;
}

.c-item-info-btns li.item-sold {
	background: #037097;
	border: solid 1px #037097;
	opacity: 0.2;
}

.c-item-list {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.c-item-list:nth-child(odd) {
	background: #eaeeef;
}

.c-item-list:nth-child(even) {
	background: #fff;
}

.c-item-list-item {
	display: table-cell;
	letter-spacing: 0.08em;
	vertical-align: middle;
}

.c-item-list-chk {
	padding: 12px 0 16px 12px;
	width: 72px;
}

.c-item-list-data {
	padding: 12px 0 16px 20px;
	width: 230px;
}

.c-item-list-data .c-i-tag {
	height: 20px;
	line-height: 20px;
}

.c-item-list-name {
	padding: 12px 0 16px 20px;
}

.c-item-list-star {
	padding: 12px 21px 16px 25px;
	width: 71px;
}

.c-i-chkbox {
	position: relative;
	cursor: pointer;
	display: block;
	height: 40px;
}

.c-i-chkbox input {
	background: url(../images/img_cart_in.png) no-repeat center center;
	height: 40px;
	width: 60px;
}

.c-i-chkbox input.cart-check {
	background: url(../images/img_cart_out.png) no-repeat center center;
}

.c-i-chkbox.c-i-chkbox-sold {
	pointer-events: none;
}

.c-i-chkbox.c-i-chkbox-sold input {
	background: url(../images/img_cart_sold.png) no-repeat center center;
}

.c-i-check {
	position: relative;
	cursor: pointer;
	display: block;
}
/*↓ add dds チェックボックスのデザイン違い */
/* お届け先指定 */
.c-i-checkbtn input{
	position:absolute;
	cursor:pointer;
	opacity:0;
}
.c-i-checkbtn input ~ span,
.c-i-checkbtn input + label{
	color: #fff;
	cursor: pointer;
	background: #318acf;
	border-radius: 3px;
	display: block;
	font-size: 1.3rem;
	line-height:1.5;
	text-align: center;
	padding:2px 0;
}
.c-i-checkbtn input + label{
	padding:2px 5px;
}
.c-i-checkbtn input ~ span.pd-yoko,
.c-i-checkbtn input + label span.pd-yoko{
	padding:2px 5px;
}
.c-i-checkbtn .checked{
	display:none;/* no chek の時けす */
}
.c-i-checkbtn input:checked ~ .checked,
.c-i-checkbtn input:checked + label{
	background: #f37212;
}
	.c-i-checkbtn input:checked ~ .checked{
		display:block;/* no chek の時けす */
	}
	.c-i-checkbtn input:checked ~ .nocheck{
		display:none;/* no chek の時けす */
	}

.c-i-checkbtn input:focus ~ span,
.c-i-checkbtn input:focus + label{
	outline: 1px dotted #000;
}


/* 標準指定 checked 緑*/
.c-i-checkbtn.color2 input ~ span,
.c-i-checkbtn.color2 input + label{
	background-color: #008000;
}

/* 削除 button オレンジ*/
.c-i-checkbtn.delete{
	background-color: #f37212;
	border:1px solid #f37212;
	border-radius:3px;
}
.c-i-checkbtn.delete input{
	position:static;
	opacity:1;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:13px;
	height:100%;
	padding:5.5px 0;
	text-align:center;
	width:100%;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.c-i-checkbtn.delete input:hover{
	opacity:0.6;
}

/*↑ add dds チェックボックスのデザイン違い */

.c-i-btn a.negative{
	background: #f37212;
}
.c-i-check label {
	cursor: pointer;
}

/* ////////////////////////////
// 注文処理 アイテムを選ぶ（詳細ページ）
/////////////////////////////*/

.c-d-form-conts {
	background: #fff;
	margin: 0 0 20px;
	padding: 30px;
}

.c-d-form-conts-head {
	margin: 0 0 24px;
}

.c-d-form-img {
	float: left;
	width: 380px;
}

.c-d-slide li {
	border: solid 1px #eaeeef;
	height: 380px;
	width: 380px;
}

.c-d-slide li span {
	position: relative;
	display: block;
	height: 100% !important;
	text-align: center;
	width: 100%;
}

.c-d-slide li span img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-d-slide-thumb li {
	border: solid 1px #eaeeef;
	cursor: pointer;
	height: 113px;
	margin: 20px 0 0 20.5px;
	outline: none;
	text-align: center;
	width: 113px !important;
}

.c-d-slide-thumb li:focus {
	outline: none;
}

.c-d-slide-thumb li:nth-child(3n+1) {
	margin: 20px 0 0;
}

.c-d-slide-thumb li span {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}

.c-d-slide-thumb li span img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-d-form-info {
	margin: 0 0 0 410px;
}

.c-d-form-info-tag {
	font-size: 0;
	letter-spacing: -0.4em;
	margin: 0 0 16px;
	word-spacing: -1em;
}

.c-d-form-info-tag p {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	word-spacing: normal;
}

.c-d-form-info-tag p.c-i-tag {
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	width: 85px;
}

.c-d-form-info-tag p.c-i-id {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 0 3.03951367781%;
	width: 71.1246200607%;
}

.c-d-form-info-tag p.c-i-id span {
	display: block;
}

/* add dds */
.c-d-form-info-tag.add .wrap-recommend {
  width: 100%;
}
.c-d-form-info-tag.add .recommend,
.c-d-form-info-tag.add .wrap-kit-item {
  font-size: 1.3rem;
  margin-left: 0;
}
.c-d-form-info-tag.add .kit-item {
  margin-left: 0;
}
.c-d-form-info-tag.add .c-i-tag {
  margin-right: 10px;
}
.c-d-form-info-tag.add .c-i-id {
  width: 100%;
  margin: 10px 10px 0 0;
}



.c-d-form-info .c-i-conts-name {
	line-height: 1.6;
	margin: 0 0 21.5px;
}

.c-d-form-info .c-i-conts-desc {
	margin: 0 0 33.5px;
}

.c-d-form-info-btns {
	margin: 0 0 30px;
}

.c-d-form-info-btns a.c-s-btn-fov-rel {
	font-size: 16px;
	margin: 10px auto 0;
}

.c-d-form-info-block + .c-d-form-info-block {
	margin: 5px 0 0;
}

.c-d-form-info-block-h {
	position: relative;
	border-bottom: solid 1px #c8d1d3;
	color: #000;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 0 17.5px;
}

.c-d-form-info-block-h span {
	position: relative;
	padding: 0 0 0 18px;
}

.c-d-form-info-block-h span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}


/*add dds */
/*カート お届け先一覧 */
.c-d-form-info-block-h.bdnone{
	border-bottom-style:none;
}
.c-d-form-info-block-h.mt20{
	margin-top:20px;
}
.c-d-form-info-block-h.mt40{
	margin-top:40px;
}
.c-d-form-info-block-text {
	color: #000;
	font-size: 1.3rem;
	line-height: 1.7;
	padding: 15.5px 20px 20.5px;
}

.c-d-form-info-block-h-link {
	position: absolute;
	top: 0;
	right: 0;
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 12px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 133px;
}

.c-d-form-info-block-h-link span {
	position: relative;
	padding: 0 0 0 24px;
}

.c-d-form-info-block-h-link span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-d-form-info-file .c-d-form-info-block-h {
	color: #333;
	font-size: 1.3rem;
	font-weight: 300;
}

.c-d-form-info-file-list {
	padding: 17.5px 0 0;
}

.c-d-form-info-file-list li {
	padding: 0 20px;
}

.c-d-form-info-file-list li + li {
	margin: 15px 0 0;
}

.c-d-form-info-file-list li a {
	display: block;
	font-size: 1.3rem;
}

.c-d-form-info-file-list li a span {
	position: relative;
	display: inline-block;
	padding: 0 90px 0 0;
}

.c-d-form-info-file-list li a span em {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-style: normal;
	height: 20px;
	margin: auto;
	width: 70px;
}

.c-d-form-info-file-list li a span em i {
	position: relative;
	background: #318acf;
	display: block;
	font-style: normal;
	height: 100%;
	width: 100%;
}

.c-d-form-info-file-list li a span em i::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-d-form-conts-noimg .c-d-form-info {
	margin: 0;
}

.c-d-form-conts-noimg .c-d-form-info .c-i-conts-desc {
	margin: 0 0 55.5px;
}

.c-d-form-conts-noimg .c-d-form-info-btns {
	margin: 0 0 27.5px;
}

.c-d-form-conts-noimg .c-d-form-info-btns button {
	float: left;
}

.c-d-form-conts-noimg .c-d-form-info-btns button + button {
	margin: 0;
}

.c-d-form-conts-noimg .c-d-form-info-btns button.c-s-btn-in {
	margin: 0 0 0 35px;
}

.c-d-form-conts-noimg .c-d-form-info-btns button.c-s-btn-fov-rel {
	margin: 0 0 0 25px;
	padding: 19px 0;
}

.c-d-review-form {
	display: none;
	margin: 0 0 20px;
	padding: 20px 20px 0;
}

.c-d-review-form-category {
	margin: 0 0 10px;
}

.c-d-review-form-category .c-s-category {
	width: 166px;
}

.c-d-review-form-headline {
	margin: 0 0 10px;
}

.c-d-review-form-headline input {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 30px;
	padding: 0 12px;
	width: 100%;
}

.c-d-review-form-conts {
	margin: 0 0 20px;
}

.c-d-review-form-conts textarea {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 162px;
	padding: 7.5px 12px;
	width: 100%;
}

.c-d-review-form-btns {
	font-size: 0;
	letter-spacing: -0.4em;
	text-align: center;
	width: 100%;
	word-spacing: -1em;
}

.c-d-review-form-btns input {
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 1.6rem;
	font-size: 1.3rem;
	height: 30px;
	letter-spacing: 0.08em;
	letter-spacing: 0.08em;
	line-height: 30px;
	margin: 0 10px;
	text-align: center;
	vertical-align: top;
	width: 100px;
	word-spacing: normal;
}

.c-d-review-form-btns input.c-d-review-form-btns-confirm {
	background: #037097;
}

.c-d-review-form-btns input.c-d-review-form-btns-cancel {
	background: #95b6c0;
}

.c-d-review-form-btns input.c-d-review-form-btns-cancel span {
	padding: 0 0 0 13px;
}

.c-d-review-form-btns input.c-d-review-form-btns-cancel span::before,
.c-d-review-form-btns input.c-d-review-form-btns-cancel span::after {
	position: absolute;
	top: 50%;
	left: 0;
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	margin: 0 0 0;
	width: 10px;
}

.c-d-review-form-btns input.c-d-review-form-btns-cancel span::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-d-review-form-btns input.c-d-review-form-btns-cancel span::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-d-block-grid-box {
	float: left;
	padding: 17px 20px 7.5px;
	width: 50%;
}

.c-d-block-grid-box + .c-d-block-grid-box {
	margin: 5px 0 0;
}

.c-d-block-grid-box dl dt dfn {
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
}

.c-d-block-grid-box dl dd span {
	display: block;
	font-size: 1.3rem;
	line-height: 1.7;
	padding: 0 0 0 1em;
}

.c-d-block-grid-box dl dd span span {
	display: block;
	padding: 0;
}

.c-d-block-grid-review {
	padding: 27px 0 25.5px;
}

.c-d-block-grid-review:nth-child(odd) {
	background: #f1f4f5;
}

.c-d-block-grid-review-data {
	font-size: 0;
	letter-spacing: -0.4em;
	margin: 0 0 14px;
	padding: 0 20px;
	word-spacing: -1em;
}

.c-d-block-grid-review-data-item {
	display: inline-block;
	font-size: 1.6rem;
	font-size: 1.4rem;
	letter-spacing: 0.08em;
	word-spacing: normal;
}

.c-d-block-grid-review-data-item span {
	position: relative;
	display: inline-block;
}

.c-d-block-grid-review-data-item span::before {
	color: #999;
	display: inline-block;
	font-size: 12px;
	margin: 0 15px 0 0;
	vertical-align: text-bottom;
}

.c-d-block-grid-review-data-name span::before {
	content: '投稿者';
}

.c-d-block-grid-review-data-day {
	margin: 0 0 0 15px;
}

.c-d-block-grid-review-data-day span::before {
	content: '登校日';
}

.c-d-block-grid-review-desc {
	padding: 0 20px;
}

.c-d-block-grid-review-desc-h {
	color: #000;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 0 12.5px;
}

.c-d-block-grid-review-desc-text {
	color: #000;
	font-size: 1.3rem;
	line-height: 1.7;
}

/* ////////////////////////////
// 注文処理 数量を登録する
/////////////////////////////*/

.c-d-form-conts.c-d-form-conts-bulk {
	padding: 30px 30px 0;
}

.c-d-form-conts.c-d-form-conts-search {
	text-align: right;
}

.c-d-bulk-body {
	border-top: solid 1px #c8d1d3;
	display: none;
	padding: 0 0 30px;
}

.c-d-head-h {
	position: relative;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 0 27px;
}

.c-d-head-h .icon-h {
	position: relative;
	padding: 0 0 0 18px;
}

.c-d-head-h .icon-h::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.acc-trigger .c-d-head-h::after {
	position: absolute;
	top: 0;
	right: 1em;
	border-right: solid 4px #037097;
	border-top: solid 4px #037097;
	content: '';
	display: block;
	height: 14px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	width: 14px;
}

.acc-trigger.acc-open .c-d-head-h::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.acc-open .c-d-bulk-head-h::after {
	top: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-d-change {
	padding: 7.5px 0 27.5px;
}

.c-d-change-h {
	font-size: 1.2rem;
	margin: 0 0 7.5px;
	padding: 0 30px;
}

.c-d-change-list {
	font-size: 0;
	letter-spacing: -0.4em;
	word-spacing: -1em;
}

.c-d-change-list .c-d-change-list-item + .c-d-change-list-item {
	margin: 20px 0 0;
}

.c-d-change-list .c-d-change-list-item-chk {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: top;
	width: 140px;
	word-spacing: normal;
}

.c-d-change-list .c-d-change-list-item-chk .c-i-check {
	display: inline-block;
	font-size: 1.3rem;
	vertical-align: middle;
}

.c-d-change-list .c-d-change-list-item-chk .c-i-check span {
	display: inline-block;
	margin: 0 10px 0 0;
}

.c-d-change-list .c-d-change-list-item-inp {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	word-spacing: normal;
}

.c-d-change-list .c-d-change-list-item-inp .c-s-category select {
	padding: 5.5px 26px 5.5px 10px;
}

.c-d-change-list .c-d-change-list-item-inp input[type="checkbox"]{/* add dds */
	vertical-align:-0.2em;
	width:auto;
	height:auto;
}

.c-i-req {
	color: #ed3f50;
	font-size: 1.3rem;
	font-style: normal;
	margin: 0 0 0 6px;
}

.c-d-change-list-name input[type='text'] {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 26px;
	padding: 0 10px;
	width: 347px;
}

/* テキストエリア textarea フリーテキスト */
.c-d-change-list-name textarea.free-text {
    border: solid 1px #c8d1d3;
    border-radius: 3px;
    height: 26px;
    padding: 0 10px;
    width: 347px;
    overflow-y: scroll;
}

.c-d-change-list-name .c-d-change-list-item-inp input[type='text'].cell-phone {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 26px;
	display: inline-block;
    text-align: center;
	margin: 0 3px;
    width: 64px;
}

.c-d-change-list-name span {
	color: #999;
	display: block;
	font-size: 1.3rem;
	letter-spacing: normal;
	margin: 3px 0 0;
}

.c-d-change-list-name .c-i-check-label-indent {
	padding-left: 5px;
    letter-spacing: 0;
}

.c-d-change-list-price .c-s-category {
	width: 167px;
}

.c-d-change-list-date .c-s-category {
	width: 220px;
}

.c-d-change-list-date .c-s-category::after {
	right: 20px;
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -15px;
	border: none;
	height: 14px;
	width: 15px;
}

.c-d-change-list-date .c-s-category select {
	padding: 5.5px 40px 5.5px 10px;
}

.c-d-change-list-time .c-s-category {
	width: 167px;
}

.c-d-order {
	margin: 0 0 10px;
}

.c-d-order-head {
	border-bottom: solid 1px #c8d1d3;
	font-size: 1.3rem;
	padding: 0 0 7.5px;
	font-weight:bold;
}
.c-d-order-head span{
	position:relative;
	padding-left:18px;
}
.c-d-order-head span::before{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
.c-d-order-body .c-item-list {
	border-bottom: solid 1px #c8d1d3;
	padding: 8px 0;
}

.c-d-order-body .c-item-list:nth-child(odd) {
	background: #fff;
}

.c-d-order-body .c-item-list-item.c-item-list-chk {
	padding: 0;
	width: 16px;
}

.c-d-order-body .c-item-list-item.c-item-list-img {
	padding: 0 0 0 10px;
	width: 67px;
}

.c-d-order-body .c-item-list-item.c-item-list-img .c-i-conts-img {
	position: relative;
	height: 57px;
	margin: 0;
	width: 57px;
}

.c-d-order-body .c-item-list-item.c-item-list-desc {
	padding: 0 0 0 10px;
}

.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-id {
	font-size: 1.3rem;
	line-height: 1.7;
}

.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-conts-agency,/* add dds */
.c-d-order-body .c-item-list-item.c-item-list-desc .c-d-remark-h,/* add dds */
.c-d-order-body .c-item-list-item.c-item-list-desc .c-d-overprint-h,/* add dds */
.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-conts-name {
	font-size: 1.3rem;
	line-height: 1.7;
}

.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-conts-status {
	font-size: 1.3rem;
	line-height: 1.7;
	display:inline-block;
}

.c-d-order-body .c-item-list-item.c-item-list-info {
	padding: 0 0 0 10px;
	text-align: right;
	width: auto;
}

.c-d-order-body .c-item-list-item.c-item-list-info li + li {
	margin: 5px 0 0;
}

.c-d-order-body .c-item-list-item.hide {
	opacity: 0.5;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* add dds */
.c-d-order-body.cart-content .c-item-list:nth-child(odd){
	background-color:#f1f4f5;
}
.c-d-order-body.cart-content .c-item-info-text{
	margin-top:10px;
}

/* add dds */
/* 個別 備考 */
/* add dds */
.c-item-list.block{
	display:block;
}
.c-item-list.block .block-table{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.c-item-list.block .block-block{
	margin-top:10px;
}
.c-d-order-body .block-block .c-d-remark-h{
	float:left;
	margin-left:124px;
	font-size:1.3rem;
	line-height:1.7;
	min-width:67px;
	width:auto;
    letter-spacing:0.08em;
}
.c-d-order-body .block-block .c-d-remark-body{
	overflow:hidden;
}
.c-d-order-body .block-block .c-d-remark-conf{
	font-size:1.3rem;
	line-height:1.7;
	margin-left:67px;
}

.c-d-order-body .c-item-remark.hide{
	opacity:0.5;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c-d-order-body .block-table .c-item-list-item.c-item-list-remark .c-d-remark-body{
	display:table-cell;
	margin-left:0;
}



/* add dds */
/* 個別 加刷 */
/* add dds */
.c-d-order-body .block-block .c-d-overprint-h{
	float:left;
	margin-left:124px;
	font-size:1.3rem;
	line-height:1.7;
	min-width:67px;
	width:auto;
    letter-spacing:0.08em;
}
.c-d-order-body .block-block .c-d-overprint-body{
	overflow:hidden;
}
.c-d-order-body .block-block .c-d-overprint-conf{
	font-size:1.3rem;
	line-height:1.7;
	margin-left:67px;
}

.c-d-order-body .c-item-overprint.hide{
	opacity:0.5;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.c-d-order-body .block-table .c-item-list-item.c-item-list-overprint .c-d-overprint-body{
	display:table-cell;
	margin-left:0;
}

.c-d-order-body .block-block .c-d-overprint-logo-h{
    min-width: 130px;
    text-align: left;
}
.c-d-order-body .c-d-overprint-bank .c-d-overprint-h{
	min-width: 130px;
    text-align: left;
}
.c-item-overprint .c-d-overprint-body-2 input[type="text"]{
    width: 95px;
}


.c-item-list-links {
	width: 114px;
}

.c-item-list-links-box {
	height: 20px;
	width: 114px;
}

.c-item-list-links-box a {
	border-bottom: solid 1px #c8d1d3;
	border-radius: 0 3px 3px 0;
	border-right: solid 1px #c8d1d3;
	border-top: solid 1px #c8d1d3;
	display: block;
	float: left;
	font-size: 10px;
	letter-spacing: normal;
	line-height: 18px;
	text-align: center;
	width: 50%;
}

.c-item-list-links-box a:first-child {
	border-left: solid 1px #c8d1d3;
	border-radius: 3px 0 0 3px;
	border-right: none;
}

.c-item-list-links-box a:first-child.on {
	background: #318acf;
	border-bottom: solid 1px #318acf;
	border-left: solid 1px #318acf;
	border-right: none;
	border-top: solid 1px #318acf;
}

.c-item-list-links-box a.on {
	background: #f37212;
	border-bottom: solid 1px #f37212;
	border-right: solid 1px #f37212;
	border-top: solid 1px #f37212;
	color: #fff;
}

.c-item-list-info-num {
	font-size: 1.3rem;
}

.c-item-list-info-num span::before {
	content: '¥';
}

.c-item-list-info-price {
	font-size: 1.3rem;
}

.c-item-list-info-price input {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 27px;
	line-height: 25px;
	margin: 0 6px 0 0;
	padding: 0 5px;
	text-align: center;
	width: 82px;
}

.c-item-list-info-cap {
	color: #ed3f50;
	font-size: 1rem;
	line-height: 1.2;
}

.c-item-list-info-cap::before {
	content: '※';
}

.c-item-list-info-cap + .c-item-list-info-cap {
	margin: 5px 0 0;
}

.c-item-list-price {
	padding: 0 0 0 0px;
	width: auto;
	word-break: keep-all;
}

.c-item-list-price p {
	font-size: 1.3rem;
	text-align: right;
}

.c-item-list-num {
	padding: 0 0 0 0px;
	width: auto;
	word-break: keep-all;
}

.c-item-list-num p {
	font-size: 1.3rem;
	text-align: right;
}

.c-item-list-num p span {
	margin: 0 1em;
}

/* add dds */
/* 注文処理/カート */
.c-item-list-price-num{
	padding: 0 0 0 50px;
	width: 230px;
}
.c-item-list-price-num p {
	font-size: 1.3rem;
	line-height:1.7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom:5px;
}
.c-item-list-delete{
	width:110px;
	padding:0 10px;
	vertical-align:bottom;
}



.c-d-bulk-btn {
	text-align: center;
}

.c-d-bulk-btn input {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 140px;
}

.c-d-bulk-btn input:hover {
	opacity: 0.6;
}

.c-d-search {
	background: #eaeeef;
	display: table;
	padding: 10px;
	table-layout: fixed;
	width: 100%;
}

.c-d-search .c-form-search-sach {
	padding: 0 0 0 10px;
	width: 100%;
}

.c-d-matter {
	position: relative;
	display: inline-block;
	margin: 10px 0 0;
	padding: 0 10px;
}

.c-d-form-conts.c-d-delivery-conts {
	margin: 0;
}

.c-d-form-conts.c-d-delivery-conts + .c-d-delivery-conts {
	margin: 30px 0 0;
}

.c-d-form-conts.c-d-delivery-conts + .c-form-pagenation {
	margin: 30px 0 0;
}

.c-d-delivery-info {
	border-bottom: solid 1px #c8d1d3;
	padding: 0 0 27px;
}

.c-d-delivery-info p + p {
	margin: 4px 0 0;
}

.c-d-delivery .c-d-change {
	padding: 7.5px 0 45px;
}

.c-d-delivery .c-d-change-h {
	padding: 0;
}

.c-d-delivery .c-d-change-list-item-text {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	width: 120px;
	word-spacing: normal;
}
.c-d-delivery .longtext .c-d-change-list-item-text {/* add dss */
	width:140px;
}
.c-d-delivery .c-d-change-list-item-text p {
	font-size: 1.3rem;
}

.c-d-delivery .c-d-change-list-item-text p span {
	color: #ed3f50;
	display: inline;
	font-size: 1.3rem;
	margin: 0 0 0 6px;
}

.c-d-delivery .c-d-change-list-item.c-d-change-list-name .c-d-change-list-item-text {
	margin: 4px 0 0;
	vertical-align: top;
}

.c-d-delivery .c-d-order {
	margin: 0 0 30px;
}

.c-d-remark-btn {
	margin: 0 0 20px;
	text-align: center;
}

.c-d-remark-btn button {
	background: #037097;
	border-radius: 3px;
	cursor: pointer;
	height: 32px;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 140px;
}

.c-d-remark-btn button span {
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
}

.c-d-remark-btn button:hover {
	opacity: 0.6;
}

.c-d-remark-h {
	float: left;
	font-size: 1.3rem;
	width: 115px;
}

.c-d-remark-h span {
	color: #ed3f50;
	display: inline;
	margin: 0 0 0 6px;
}

.c-d-remark-body {
	margin: 0 0 0 115px;
}

.c-d-remark-body textarea {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 90px;
	padding: 10px;
	width: 100%;
}


/* add dds */
/* 個別 加刷 */
/* add dds */
.c-d-overprint-h {
	float: left;
	font-size: 1.3rem;
	width: 115px;
}

.c-d-overprint-h span {
	color: #ed3f50;
	display: inline;
	margin: 0 4px 0 6px;
}

.c-d-overprint-h p.overprint-req {
	color: #ed3f50;
	display: inline;
	margin: 0 4px 0 6px;
}

.c-d-overprint-body {
	margin: 0 0 0 115px;
    display:flex;
}
/* 一括登録用ボタンエリア */
.c-d-overprint-body-bulk-btn-area {
    display: flex;
}
.c-d-overprint-body-bulk-logo-name {
    width: 630px;
    word-break: break-all;
}
.c-d-overprint-body-logo-name {
    width: 600px;
    word-break: break-all;
}

.c-d-overprint-body-2 {
	margin: 0 0 0 115px;
    display:flex;
    justify-content: left;
}

.c-d-overprint-body-2 input {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 27px;
	padding: 10px;
	width: 100%;
}

.c-d-overprint-body textarea {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 90px;
	padding: 10px;
	width: 100%;
}

.c-d-overprint-body span {
	margin: 0 0 0 6px;
    line-height: 32px;
}

.c-d-overprint-body .c-d-overprint-btn {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	line-height: 1;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	width: 70px;
}

.c-d-overprint-btn:hover {
	opacity: 0.6;
}


/* ////////////////////////////
// 注文処理 注文内容を確認する
/////////////////////////////*/

.c-d-form-conts.c-d-confirm {
	padding: 4px 30px 24px;
}

.c-d-form-conts.c-d-confirm .c-d-order .c-item-list {
	border-bottom: 0;
	padding: 16.5px 0;
}

.c-d-form-conts.c-d-confirm .c-d-order .c-item-list + .c-item-list {
	border-top: solid 1px #c8d1d3;
}

.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-img {
	padding: 0;
	width: 57px;
}

.c-d-form-conts.c-d-confirm + .c-d-confirm {
	margin: 0 0 20px;
}

.c-d-confirm-table {
	border-spacing: 0;
	margin: 0 0 17.5px;
	table-layout: fixed;
	width: 100%;
}

.c-d-confirm-table.longtext th {
	width:140px;
}


.c-d-confirm-table.c-d-confirm-table-bottom {
	border-top: dotted 1px #c8d1d3;
}

.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price th {
	font-size: 1.5rem;
	font-weight: 600;
}

.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price td {
	font-size: 1.5rem;
	font-weight: 600;
}

.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price-last th,
.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-remark th {
	border-bottom: 0;
}

.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price-last td,
.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-remark td {
	border-bottom: 0;
	line-height: 1.7;
}

.c-d-confirm-table tr th {
	border-bottom: dotted 1px #c8d1d3;
	font-size: 1.3rem;
	font-weight: 300;
	padding: 18.5px 0;
	text-align: left;
	width: 120px;
}

.c-d-confirm-table tr td {
	border-bottom: dotted 1px #c8d1d3;
	font-size: 1.3rem;
	padding: 18.5px 0;
}

.c-d-confirm-table tr td.icon-save,
.c-d-confirm-table tr td.icon-change,
.c-d-confirm-table tr td.icon-mydelivery {
	position: relative;
}

.c-d-confirm-table tr td.icon-save::before,
.c-d-confirm-table tr td.icon-change::before,
.c-d-confirm-table tr td.icon-mydelivery::before {
	position: absolute;
	top: 4px;
}
/* add dds */
.c-d-confirm-table .icon-emergency{
	display:block;
}

/* ////////////////////////////
// 注文処理 注文完了
/////////////////////////////*/

.c-column-3.c-side-prev .st-main.st-main-complete {
	margin-bottom: 0;
}

.c-d-form-conts.c-d-complete {
	padding: 20px 30px 30px;
}

.c-d-complete-conts-head p {
	position: relative;
	border-bottom: solid 1px #c8d1d3;
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 0 17.5px;
}

.c-d-complete-conts-head p .icon-h {
	position: relative;
	padding: 0 0 0 18px;
}

.c-d-complete-conts-head p .icon-h::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.c-d-complete-conts-body {
	padding: 21.5px 0 0;
}

.c-d-complete-conts-body p {
	text-align: center;
}

.c-d-complete-conts-body-h {
	font-size: 2.8rem;
	margin: 0 0 29.5px;
}

.c-d-complete-conts-body-num {
	font-size: 1.6rem;
	margin: 0 0 25px;
}

.c-d-complete-conts-body-num span {
	color: #c66;
	display: block;
	line-height: 1.6;
}

.c-d-complete-conts-body-num span span {
	color: #333;
	display: inline;
}

.c-d-complete-conts-body .c-d-complete-conts-body-name {/* add dds */
	font-size: 1.6rem;
	margin: 0 auto 25px;
	max-width:600px
}

.c-d-complete-conts-body-box {
	border: solid 1px #999;
	margin: 0 auto;
	padding: 25px 10px 20px;
	width: 66.3058186738%;
}

.c-d-complete-conts-body-box p {
	color: #999;
	font-size: 1.6rem;
	line-height: 1.6;
}

/* ////////////////////////////
// 注文処理 カート
/////////////////////////////*/

.c-l-cart .c-form-search .c-form-search-category {
	padding: 0;
	width: 156px;
}

.c-l-cart .c-form-search .c-form-search-body {
	text-align: right;
}

.c-l-cart .c-form-search .c-form-search-body .c-form-search-num {
	position: relative;
	right: inherit;
	bottom: inherit;
}

.c-l-cart .c-item {
	float: none;
	margin: 0;
	padding-bottom: 20px !important;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 32px;
	width: 100%;
}

.c-l-cart .c-item + .c-item {
	margin: 10px 0 0;
}

.c-l-cart .c-item .c-i-star {
	top: 12px;
	right: 20px;
}

.c-l-cart .c-item .c-i-conts-name {
	padding: 0 175px 0 0;
}

.c-l-cart .c-item .c-i-conts-img {
	height: 130px;
	width: 130px;
}

.c-l-cart .c-item .c-i-price,
.c-l-cart .c-item .c-i-quantity {
	padding: 0 175px 0 0;
}

.c-l-cart .c-item .c-item-info-text {
	margin: 0 175px 0 0;
}

.c-l-cart .c-item .c-item-info-btns {
	position: relative;
	bottom: inherit;
	margin: 25px 0 0;
}

.c-l-cart .c-item .c-item-info-btns li {
	float: none;
	margin: 0 auto;
	width: 160px;
}

/* ////////////////////////////
// カレンダー
/////////////////////////////*/

.c-i-calendar {
	position: relative;
	display: block;
	width: 220px;
}

.c-i-calendar::after {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -78px -15px;
	content: '';
	display: block;
	height: 14px;
	margin: auto;
	width: 15px;
}

.c-i-calendar input {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1.3rem;
	line-height: 1.2;
	padding: 5.5px 40px 5.5px 10px;
	width: 100%;
}

/* # =================================================================
#	注文処理/お届け先を選ぶ
# ================================================================= */

.c-destination-tabs ul li {
	background: #c8d1d3;
	cursor: pointer;
	float: left;
	font-size: 1.6rem;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 49.3742177722%;
}

.c-destination-tabs ul li + li {
	margin: 0 0 0 1.251564456%;
}

.c-destination-tabs ul li.is-select {
	background: #fff;
	font-weight: 600;
}

.c-destination-tabs ul li:hover {
	background: #fff;
	font-weight: 600;
}

.c-destination-cons-item.hide {
	display: none;
}

.c-form-conts-destination {
	padding: 20px;
}

.c-form-conts-destination .c-form-conts-new {
	margin: 0 0 10px;
}

.c-form-conts-destination .c-form-conts-new a,/* add dds */
.c-form-conts-destination .c-form-conts-new input {
	background: #1dbdeb;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 1.3rem;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 213px;
}
.c-form-conts-destination .c-form-conts-new a{/* add dds */
	display:inline-block;
	vertical-align:top;
}

.c-form-conts-destination .c-form-conts-head {
	margin: 0 0 15.5px;
}

.c-form-conts-destination .c-form-conts-head .c-destination-search-all {
	float: left;
}

.c-form-conts-destination .c-form-conts-head .c-destination-search-all em {
	font-style: normal;
}

.c-form-conts-destination .c-form-conts-body {
	margin: 0 0 18px;
}

.c-form-conts-destination .c-form-conts-foot .c-destination-search-all {
	margin: 0 0 7px;
}

.c-form-conts-destination .c-form-conts-foot .c-destination-search-all em {
	font-style: normal;
}

.c-form-conts-destination .c-form-search .c-form-search-head .c-form-search-address {
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
	width: 107px;
}

.c-form-conts-destination .c-form-search .c-form-search-middle {
	margin: 0 0 15.5px;
}

.c-form-conts-destination .c-form-search .c-form-search-body {
	height: auto;
}

.c-form-conts-destination .c-form-search .c-form-search-body .c-form-search-body-sort {
	display: block;
	float: right;
}

.c-form-conts-destination .c-form-search .c-form-search-body .c-form-search-body-sort .c-form-search-itemnum {
	position: relative;
	right: inherit;
	bottom: inherit;
}

.c-form-conts-destination .c-form-search .c-form-search-body .c-form-search-body-sort .c-form-search-itemname {
	position: relative;
	right: inherit;
	bottom: inherit;
	margin: 0;
	padding: 0;
}

.c-form-conts-destination .c-form-search .c-form-search-body .c-form-search-body-sort .c-form-search-num {
	position: relative;
	right: inherit;
	bottom: inherit;
	margin: 0;
	padding: 0 10px;
}

.c-destination-search-all.c-form-search-all {
	position: relative;
	display: inline-block;
	font-size: 1.3rem;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* del dds */
/*
.c-destination-search-all.c-form-search-all .c-i-check span {
	display: inline-block;
	margin: 0 10px 0 0;
}
*/

.c-destination-search-all.c-form-search-all:hover {
	opacity: 0.6;
}

.c-destination-search-chk {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 1.3rem;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 auto;
	text-align: center;
	width: 213px;
}

.c-destination-list {
	position: relative;
	border-bottom: solid 1px #eaeeef;
}

.c-destination-list:first-child {
	border-top: solid 1px #c8d1d3;
}

.c-destination-list-inner {
	border-top: solid 1px #c8d1d3;
	display: table;
	padding: 0 10px;
	table-layout: fixed;
	width: 100%;
}

.c-destination-list-chk {
	display: table-cell;
	vertical-align: middle;
	width: 16px;
}
/* add dds チェックボックスのデザイン違い */
.c-destination-list-chkbtn {
	display: table-cell;
	vertical-align: middle;
	width: 69px;
}

.c-destination-list-info {
	display: table-cell;
	padding:0;
	vertical-align: middle;
}

.c-destination-list-chkbtn + .c-destination-list-info {
	padding: 0 0 0 22px;
}
.c-destination-list-info-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.c-destination-grid {
	display: table-cell;
	padding: 19.5px 0 12.5px;
	vertical-align: top;
}

.c-destination-grid .c-i-id {
	font-size: 1.3rem;
	letter-spacing: normal;
}

.c-destination-grid .c-i-conts-place,
.c-destination-grid .c-i-conts-agency {
	font-size: 1.3rem;
	letter-spacing: normal;
	line-height: 1.7;
}
.c-destination-grid .c-i-address {
	font-size: 1.3rem;
	letter-spacing: normal;
	line-height: 1.4;
}

.c-destination-grid .c-i-address span {
	display: block;
}

.c-destination-grid .c-i-tel {
	font-size: 1.3rem;
	letter-spacing: normal;
	line-height: 1.4;
}

.c-destination-grid .c-i-tel span {
	margin: 0 0 0 15px;
}

.c-destination-grid.c-destination-grid1 .c-destination-grid-inner {
	padding: 0 50px 0 0;
}

.c-destination-grid.c-destination-grid2 .c-destination-grid-inner {
	padding: 0 50px 0 0;
}

.c-destination-grid.c-destination-grid3 {
	width: 52px;
}

.c-destination-grid.c-destination-grid4 {
	width: 90px;
}
.c-destination-grid.c-destination-grid4 .c-destination-edit{
	text-align:center;
	margin-top:10px;
}


.c-destination-grid.c-destination-grid3 .c-i-star,
.c-destination-grid.c-destination-grid4 .c-i-star {
	margin: 0 auto 10px;
}

.c-destination-edit a {
	display: inline-block;
}

.c-destination-edit a span {
	position: relative;
	font-size: 1.2rem;
	padding: 0 0 0 25px;
}

.c-destination-edit a span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -37px -53px;
	content: '';
	display: block;
	height: 13px;
	margin: auto;
	width: 19px;
}

.c-edit {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(200, 209, 211, 0.6);
	display: none;
	height: 100%;
	width: 100%;
	z-index: 1100;
}
.c-edit.opened{/* add dds */
	display:block;
}
.c-edit.opened .txt-caution{/* add dds */
	margin-top:10px;
	color:#999;
	font-size:1.2rem;
	letter-spacing: normal;
}
.c-edit-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border: solid 1px #037097;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	height: 520px;
	margin: -218.5px 0 0 -260px;
	padding: 26px 30px 30px;
	width: 437px;
}

/* add dds */
.c-edit.wrap-scroll .c-edit-inner{
	overflow-y:scroll;
	width:460px;
	height: 490px;
	margin: -218.5px 0 0 -232px;
	padding: 26px 30px 30px;
}
.c-edit.wrap-scroll .c-edit-inner-wide{
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border: solid 1px #037097;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	overflow-y:scroll;
	width:640px;
	height: 490px;
	margin: -218.5px 0 0 -320px;
	padding: 26px 30px 30px;
}

.c-edit.wrap-scroll .c-edit-inner-wide .scroll-inner,
.c-edit.wrap-scroll .c-edit-inner .scroll-inner{
	padding-bottom:30px;
}
.c-edit-head {
	margin: 0 0 15px;
}

.c-edit-head p {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
}

.c-edit-body {
	margin: 0 0 42px;
}

.c-edit-list {
	padding: 10px 0 0;
}

.c-edit-list dt {
	margin: 0 0 5px;
}

.c-edit-list dt dfn {
	color: #999;
	font-size: 12px;
	font-style: normal;
	letter-spacing: normal;
}

.c-edit-list dd {
	font-size: 13px;
}

.c-edit-list dd input {
	border-bottom: solid 1px #95b6c0;
	width: 100%;
}

.c-edit-list dd input:placeholder-shown {
	color: #AAA; /*#333;*/
	font-weight: 300;
}

.c-edit-list dd input::-webkit-input-placeholder {
	color: #AAA; /*#333;*/
	font-weight: 300;
}

.c-edit-list dd input:-moz-placeholder {
	color: #AAA; /*#333;*/
	font-weight: 300;
	opacity: 1;
}

.c-edit-list dd input::-moz-placeholder {
	color: #AAA; /*#333;*/
	font-weight: 300;
	opacity: 1;
}

.c-edit-list dd input:-ms-input-placeholder {
	color: #AAA; /*#333;*/
	font-weight: 300;
}

.c-edit-list.c-edit-list-id dd {
	font-weight: 600;
}
    
.c-edit-list.c-edit-list-id span {
    font-weight:normal;
	color: #000;
}

.c-edit-list-code {
	vertical-align: middle;
    margin-top: 0.5px;
    margin-right: 5px;
	color: #000;
}

.c-edit-list.c-edit-list-zip {
	font-size: 0;
	letter-spacing: -0.4em;
	word-spacing: -1em;
}

.c-edit-list.c-edit-list-zip input {
	border-bottom: solid 1px #95b6c0;
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: 0.08em;
	letter-spacing: normal;
	vertical-align: middle;
	width: 95px;
	word-spacing: normal;
}

.c-edit-list.c-edit-list-zip a {
	background: #037097;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 1.6rem;
	font-size: 13px;
	height: 30px;
	letter-spacing: 0.08em;
	letter-spacing: normal;
	line-height: 30px;
	margin: 0 0 0 10px;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	word-spacing: normal;
}

.c-edit-list.c-edit-list-zip a span {
	position: relative;
	padding: 0 0 0 25px;
}

.c-edit-list.c-edit-list-zip a span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -23px -29px;
	content: '';
	display: block;
	height: 21px;
	margin: auto;
	width: 20px;
}

.c-edit-list.c-edit-list-place dd .c-s-category {
	width: 130px;
}

/* add dds */
.c-edit-btns{
list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.c-edit-btns + .c-edit-btns{
	margin-top:10px;
}
.c-edit-btns li {
	float: left;
}
.c-edit-btns.justify li + li {
	float: right;
}
.c-edit-btns li + li{
	margin-left:10px;
}

.c-edit-btns li a {
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 13px;
	height: 30px;
	letter-spacing: normal;
	line-height: 30px;
	text-align: center;

	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.c-edit-btns li a:hover{
	opacity: 0.6;
}

.c-edit-btns li.c-edit-change {
	width: 85px;
}

.c-edit-btns li.c-edit-change a {
	background: #037097;
	border: solid 1px #037097;
}

/* add dds */
.c-edit-btns li.c-edit-edit {
	width: 85px;
}
.c-edit-btns li.c-edit-edit a {
	background: #037097;
	border: solid 1px #037097;
}


.c-edit-btns li.c-edit-copy {
	/*margin: 0 0 0 10px;*/
	width: 170px;
}

.c-edit-btns li.c-edit-copy a {
	background: #fff;
	border: solid 1px #c8d1d3;
	color: #037097;
}

/* add dds */
.c-edit-btns li.c-edit-send {
	/*margin: 0 0 0 10px;*/
	width: 170px;
}
.c-edit-btns li.c-edit-send a {
	background: #fff;
	border: solid 1px #c8d1d3;
	color: #037097;
}

.c-edit-btns li.c-edit-cancel {
/*	margin: 0 0 0 10px;*/
	width: 100px;
}

.c-edit-btns li.c-edit-cancel a {
	background: #9fa8b0;
	border: solid 1px #9fa8b0;
}

.c-edit-btns li.c-edit-cancel a span {
	position: relative;
	padding: 0 0 0 15px;
}

.c-edit-btns li.c-edit-cancel a span::before,
.c-edit-btns li.c-edit-cancel a span::after {
	position: absolute;
	top: 0;
	bottom:0;
	margin:auto;
	left: 0;
	background: #fff;
	content: '';
	display: inline-block;
	height: 1px;
	width: 13px;
}

.c-edit-btns li.c-edit-cancel a span::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-edit-btns li.c-edit-cancel a span::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-form-conts-destination .c-form-conts-sp-head .c-form-conts-sp-inp {
	width: auto;
}

/* add dds */
.c-edit-btns li.c-edit-delete {
	margin: 0 0 0 10px;
	width: 170px;
}

.c-edit-btns li.c-edit-delete a {
	background: #f37212;
	border: solid 1px #f37212;
}

/* # =================================================================
#	ローディング
# ================================================================= */

.c-loading {
	position: relative;
	font-size: 0 !important;
}

.c-loading + span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	border: 2px solid #fff;
	border-radius: 50%;
	border-right-color: transparent;
	display: block;
	font-size: 0;
	height: 16px;
	margin: -8px 0 0 -8px;
	width: 16px;
}

.c-i-chkbox input.c-loading {
	background: #037da9;
	border-bottom: solid 3px #025877;
	border-radius: 5px;
	height: 40px;
	width: 60px;
}

/* add dds */
/* BLOCK */
.block2a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block2a .block-inner {
  width: 50%;
}

.block2a .c-d-block-grid-box {
  width: auto;
  float: none;
}
/* block2b */
.block2b::after{
	content:"";
	display:block;
	clear:both;
}
.block2b .block-left{
	float:left;
}
.block2b .block-right{
	float:right;
	position:static;
}

/* block2c */
/* 注文処理/アイテム詳細 */
.block2c::after{
	content:"";
	display:block;
	clear:both;
}
.block2c .block-left{
	float:left;
}
.block2c .block-right{
	float:right;
}

/* block2d */
/* 注文処理/アイテム詳細 */
.block2d {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block2d .block-inner {
  width: 48%;
}
.block2d .block-inner:nth-child(2n) {
	margin-left:auto;
}

.block2e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:flex-end;
  -ms-flex-align:flex-end;
  -webkit-align-items:flex-end;
  align-items:flex-end;
}
.block2e .block-inner{
}
.block2e .block-inner + .block-inner{
	margin-left:auto;
}

/* チェックボックスエリア */
.checkboxArea .has-layer{
	font-weight:bold;
}
.checkboxArea input{
/*	vertical-align:-0.2em;*/
	vertical-align:middle;
	cursor:pointer;
}
.checkboxArea label{
	cursor:pointer;
	text-indent:0em;
	margin-left:-0em;
}
.checkboxArea label span{
	padding-left:0 !important;
	margin-left:10px;
	vertical-align:middle;
}
.checkboxArea .wrap-layer1{
	border-top: solid 2px #95b6c0;
	padding-top:10px;
	padding-left:1em;
	margin-top:20px;
}
.checkboxArea .wrap-layer2{
	margin-top:5px;
	margin-left:1em;
	padding-bottom:5px;
	border-bottom: dotted 1px #95b6c0;
}
.checkboxArea .wrap-layer2 + .wrap-layer2{
	margin-top:5px;
}
.checkboxArea .wrap-layer1 > .wrap-layer2:last-child{
	border-bottom-style:none;
}
.checkboxArea .wrap-layer3{
	margin-top:5px;
	margin-left:1em;
}

/* キット封入アイテム */
.kit-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing:0;
  margin: 17px 0 24px;
  border-top: solid 1px #c8d1d3;
  border-left: solid 1px #c8d1d3;
}
.kit-table thead th {
  background-color: #dee7e9;
}
.kit-table thead th,
.kit-table thead td {
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 5px;
  border-right: solid 1px #c8d1d3;
  border-bottom: solid 1px #c8d1d3;
}
.kit-table tbody .stock {
  word-wrap: normal;
  word-break: normal;
  overflow-wrap: normal;
}
.kit-table tbody .stock p {
  text-align: right;
}
.kit-table tbody th,
.kit-table tbody td {
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 5px;
  border-right: solid 1px #c8d1d3;
  border-bottom: solid 1px #c8d1d3;
}
  /* ランク */
.kit-table .rank {
  width: 3em;
  text-align: center;
}
  /* アイテム */
.kit-table .itemname {
  width: 35%;
}
  /* 数量 */
.kit-table .quantity {
  width: 23%;
}
  /* 備考 */
.kit-table .remarks {
  width: 25%;
}
  /* 在庫数 */
.kit-table .stock {
  width: 12%;
}

/* マウスドラッグソート */
#sortable >li:hover {
  cursor: move;
}
/* move */
#sortable >li.ui-sortable-helper{
	border-top:0px solid red;
}
#sortable >li.ui-sortable-helper .rank{
  border-top: solid 1px #c8d1d3;
	background-color:rgba(255,250,250,0.5);
}
#sortable >li.ui-sortable-helper .itemname{
  border-top: solid 1px #c8d1d3;
	background-color:rgba(255,250,250,0.5);
}


/* セット構成設定 */
.set-table .line{
  box-sizing:border-box;
  display:block;
  width: 100%;
  table-layout: fixed;
 border-collapse: separate;*/
/*   border-collapse: collapse;*/
  border-spacing:0;
  border-top: solid 1px #c8d1d3;
  border-left: solid 1px #c8d1d3;
  border-right: solid 1px #c8d1d3;
  border-bottom: solid 1px #c8d1d3;
  margin-top:-1px;
}
.set-table .line .rank,
.set-table .line .itemname{
  display:table-cell;
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 5px;
}

.set-table .rank{
  width:50px;
  border-right: solid 1px #c8d1d3;
}

.set-table .exterior,
.set-table .interior-body{
  margin-bottom:24px;
}

.set-table .exterior .rank{
	text-align:center;
}

/* 内装 */
.set-table .interior-header .line,
.set-table .interior-header .rank,
.set-table .interior-header .itemname{
  background-color:#dee7e9;
}
.set-table .interior-header .rank,
.set-table .interior-header .dt-itemname,
.set-table .interior-header .dt-quantity{
  text-align:center;
}
.set-table .interior-body .rank{
	text-align:right;
}

/* 2layer table */
.set-itemlist{
  display:table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing:0;
}
.set-itemlist li{
  display:table-cell;
}
.set-itemlist .dt-number{
	width:130px;
}
.set-itemlist .dt-itemname{
	padding-left:10px;
	padding-right:10px;
}
.set-itemlist .dt-quantity{
	width:80px;
	vertical-align:middle;
}

/* 新規追加フォームパーツ */
/* paragraph
----------------------------------------*/
.approval-pending,
.approval-progress,
.on-hold,
.on-cansel,
.on-cancel,
.remand,
.wait-request,
.wait-accept,
.wait-shipping,
.shipped{
	font-size:1.6rem;
	letter-spacing:normal;
	font-weight:bold;
}
/* マイお届け先 */
.approval-pending{
	color:#4ba5e4 !important;
}

/* 承認待ち */
.approval-pending{
	color:#4ba5e4 !important;
}
/* 承認中 */
.approval-progress{
	color:#4ba5e4 !important;
}
/* 保留 */
.on-hold{
	color:#c66 !important;
}
/* 取り消し */
.on-cansel,
.on-cancel{
	color:#c66 !important;
}

/* 差し戻し 差戻し中 */
.remand{
	color:#999 !important;
}
/* 発送依頼待ち*/
.wait-request{
	color:#693; !important;
}
/* 出荷受付待ち */
.wait-accept{
	color:#4ba5e4 !important;
}
/* 出荷待ち */
.wait-shipping{
	color:#4ba5e4 !important;
}
/* 出荷済み */
.shipped{
	color:#4ba5e4 !important;
}

/* アイテム詳細リスト
注文管理/承認待ち注文 明細
.detail-list-type1
----------------------------------------*/
.detail-list-wrap{
	border-top:solid 1px #c8d1d3;
}
.detail-list-wrap.bdn{
	border-top-style:none;
}

/* 明細リストヘッダー部 */
.detail-list-wrap.head{
	background-color:#dee7e9;
}
	.detail-list-wrap.head .detail-list-type1 .content-one{
		border-bottom-style:none;
		padding:16.5px 5px;
	}
	.detail-list-wrap.head + .detail-list-wrap .detail-list-type1 .content-one{
		padding:16.5px 5px;
	}

/* 横1 */
.detail-list-type1 .content-one{
	border-bottom:solid 1px #c8d1d3;
	padding:16.5px 0;
}
.detail-list-type1 .content-one.bdn{
	border-bottom-style:none;
}

/* 定義語リスト */
	.detail-list-type1 .item-dl{
		font-size:0;
	}
	.detail-list-type1 .item-dl::after{
		content:"";
		display:block;
		clear:both;
	}
	.detail-list-type1 .item-dl dt,
	.detail-list-type1 .item-dl dd{
		font-size:1.3rem;
		line-height:1.7;
		margin-bottom:5px;
	}
	.detail-list-type1 .item-dl dt{
		width:100px;
		vertical-align:top;
		float:left;
		clear:both;
	}

	.detail-list-type1 .item-dl.w120 dt,
	.detail-list-type1 .item-dl dt.w120{
		width:120px;
	}

	.detail-list-type1 .item-dl dd{
		float:left;
	}
	/* 両端揃え dl.justify */
	.detail-list-type1 .item-dl.justify{
		min-width:230px;
	}
	.detail-list-type1 .item-dl.justify dt{
		width:auto;
		padding-right:10px;
	}
	.detail-list-type1 .item-dl.justify dd{
		text-align:right;
		white-space:nowrap;
		margin-left:0;
		float:right;
	}
	.detail-list-type1 .item-dl.justify .c-i-conts-no,
	.detail-list-type1 .item-dl.justify .c-i-conts-name{
		text-align:left;/* アイテム名は左揃え */
	}
	.detail-list-type1 .item-dl.justify .c-i-conts-no{
		word-break:break-all;
	}

	/* dtの幅なりゆき dl.wauto */
	.detail-list-type1 .item-dl.wauto dt{
		width:auto;
		padding-right:10px;
	}
	.detail-list-type1 .item-dl.wauto dd{
		margin-left:0;
		overflow:hidden;
	}

/* 中央の画像 */
.detail-list-type1 .image-wrap-table{
	display:table;
	table-layout:fixed;
}
	.detail-list-type1 .c-item-list-item{
		padding-right:10px;
	}
	.detail-list-type1 .c-i-conts-img{
		position:relative;
		margin:0;
	}
/* 備考 */
.detail-list-type1 .remarks{
	margin-top:10px;
}
/* 番号と名前 */
.detail-list-type1 .txt-number,
.detail-list-type1 .txt-name{
	display:inline-block;
}
	.detail-list-type1 .txt-name{
		margin-left:15px;
	}

/* マイお届け先 */
.detail-list-type1 .icon-emergency{
	vertical-align:-0.1em;
}

.detail-list-type1 em{
	font-style:normal;
}

/* 内部右下にボタンあり */
.detail-list-type1 .has-btn{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.detail-list-type1 .has-btn .c-i-os-list-data-other-btn {
  margin-left: auto;
  padding-left: 20px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  min-width: 60px;
}

.detail-list-type1 .has-btn.valign-m .c-i-os-list-data-other-btn {
  margin-left: auto;
  padding-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* フォーム入力
.form-input-type1
----------------------------------------*/
.form-input-wrap{
  display: table;
  width:100%;
  table-layout:fixed;
}

.form-input-type1 {
  display: table-cell;
  font-size: 0;
  letter-spacing: -0.4em;
  vertical-align: middle;
  word-spacing: -1em;
}

.form-input-type1 dt {
  color: #037097;
  display: inline-block;
  font-size: 1.6rem;
  font-size: 13px;
  letter-spacing: 0.08em;
  vertical-align: middle;
  width: 180px;
  word-spacing: normal;
}

.form-input-type1 dd {
  color: #037097;
  display: inline-block;
  font-size: 1.6rem;
  font-size: 13px;
  letter-spacing: 0.08em;
  vertical-align: middle;
  word-spacing: normal;
}




/*
----------------------------------------*/
/* dds add */
.c-i-text {
  background: #fff;
  border: solid 1px #c8d1d3;
  border-radius: 3px;
  padding: 0 10px;
  width: 100%;
  position: relative;
  height: 30px;

  display: inline-block;
  letter-spacing: 0.08em;
  vertical-align: middle;
  word-spacing: normal;
}
.c-i-text.nbd {
  border-style: none;
}
.c-i-text input {
  height: 100%;
  padding: 0 10px 0 0;
  width: 100%;
}

/* テキストエリア textarea */
.c-i-table-data-info-count textarea{
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 90px;
	padding: 10px;
	width: 100%;
}

/* テキストエリア textarea フリーテキスト */
.c-i-table-data-info-count .free-text {
    height: 28px;
    overflow-y: scroll;
    font-size: inherit;
    padding-top: 5px;
    padding-bottom: 0px;
}



/* テキスト ＆ ボタン */
.c-i-text-btn{
	display:table;
	width:100%;
	max-width:640px;
}
.c-i-text-btn .c-i-text,
.c-i-text-btn .c-i-btn{
	display:table-cell;
}
.c-i-text-btn .c-i-text{
	width:80%;
}
.c-i-text-btn .c-i-btn{
	box-sizing:border-box;
	width:18%;
	min-width:60px;
}

.c-i-text-btn .c-i-btn .c-s-btn-atag{
	margin-left:15px;
}

/* カレンダー 期間 みたいな２つ並び */
.c-i-period{
	font-size:0;
}
.c-i-period .c-i-calendar{
	display:inline-block;
  vertical-align: middle;
  max-width:200px;
}
.c-i-period .c-i-os-list-sarh-wave{
  color: #037097;
  display: inline-block;
  font-size: 13px;
  margin: 0 6px;
  vertical-align: middle;
}
.c-i-textarea textarea{
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	display: block;
	font-size: 16px;
	height: 90px;
	padding: 10px;
	width: 100%;
}

/* 外部リンク */
.link-exterm{
	position: relative;
	padding: 0 26px 0 0;
}
.link-exterm::after{
	position: absolute;
	top: 0;
	right: 3px;
	bottom: 0;
	background-image: url(../images/sprite/sprite.png);
	background-position: -27px -11px;
	content: '';
	display: block;
	height: 18px;
	margin: auto;
	width: 18px;
}
.link-exterm span{
	border-bottom: solid 1px #037097;
	color: #037097;
}

/* 注文管理番号 お届け先住所 アイテム など詳細表示レイアウト ordermanagement.cssより移動
----------------------------------------*/
/* ////////////////////////////
// 発注処理
/////////////////////////////*/
/* マイお届け先 */
.c-i-table-list-dd p.icon-mydelivery::before{/* add dds */
	position:static;
	display:block;
}
.c-i-table-list-dd p.delivery{/* add dds */
	margin-top:10px;
}
.c-i-table-list-dd p.delivery:first-child{/* add dds */
	margin-top:0;
}






.c-i-table-list {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.c-i-table-list + .c-i-table-list .c-i-table-list-dt {
	border-top: dotted 1px #c8d1d3;
}

.c-i-table-list + .c-i-table-list .c-i-table-list-dd {
	border-top: dotted 1px #c8d1d3;
}

.c-i-table-list + .c-i-table-list .c-i-table-list-dd .c-i-table-data-info {
	width: 100%;
}

.c-i-table-list .c-i-table-list-dd input[type='text'].cell-phone {
	border: solid 1px #c8d1d3;
	border-radius: 3px;
	height: 26px;
	display: inline-block;
    text-align: center;
    width: 50px;
}

.c-i-table-list-dt {
	display: table-cell;
	font-size: 1.3rem;
	padding: 19.5px 0 16.5px;
	text-align: left;
	vertical-align: middle;
	width: 180px;
}

.c-i-table-list.imageline > dt{
	display:none;
}
.c-i-table-list .txt-item{
	margin-bottom:10px;
}
.c-i-table-list-dd {
	display: table-cell;
	font-size: 1.3rem;
	padding: 19.5px 0 16.5px;
	vertical-align: middle;
}
.c-i-table-list-dd .c-s-category select{
	padding: 5.5px 26px 5.5px 10px;
}

.c-i-table-list-dd.icon-mydelivery::before {
	display: block;
}

.c-i-table-data {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.c-i-table-data-img {
	position: relative;
	display: table-cell;
	height: 170px;
	vertical-align: top;
	width: 170px;
}

.c-i-table-data-img .c-i-conts-img {
	height: 170px;
	margin: 0;
	width: 170px;
}

.c-i-table-data-info {
	position: relative;
	display: table-cell;
	padding: 0 0 0 30px;
	vertical-align: top;
}

.c-i-table-data-info-count {
	margin: 40px 0 0;
}

.c-i-table-data-info-count dl {
	font-size: 0;
	letter-spacing: -0.4em;
	word-spacing: -1em;
}

.c-i-table-data-info-count dl + dl {
	margin: 10px 0 0;
}

.c-i-table-data-info-count dl dt {
	display: inline-block;
	font-size: 1.6rem;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	width: 90px;
	word-spacing: normal;
}

.c-i-table-data-info-count dl dt dfn {
	font-style: normal;
}

.c-i-table-data-info-count dl dd {
	display: inline-block;
	font-size: 1.6rem;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	word-spacing: normal;
}

.c-i-table-data-info-count dl dd span {
	padding: 0 0 0 1em;
}

.c-i-table-data-info-count dl dd span em {
	font-style: normal;
}

.c-i-table-data-info-count dl.c-i-table-data-info-count-price dd span {
	padding: 0;
}

.c-i-table-data-info-count dl.c-i-table-data-info-count-price dd span em::before {
	content: '¥';
	display: inline-block;
	width: 1em;
}

/* 注文管理/承認待ち注文 詳細 */
/* add dds */
/* selectwrap */
.c-i-table-selectwrap{
	display:inline-block;
	min-width:167px;
}
.c-i-table-selectwrap + .c-i-table-selectwrap{
	margin-left:15px;
	min-width:auto;
	min-width:initial;
}
.c-i-period .c-i-table-selectwrap{/* カレンダーの隣にある時用 */
	vertical-align:middle;
}
.c-i-calendar + .c-i-table-selectwrap{
	margin-left:16px;
}


/* 主に備考 縦並び */
.c-i-table-data-info-count dl.vertical-row dt,
.c-i-table-data-info-count dl.vertical-row dd{
	display:block;
}


/* 情報参照モーダル
----------------------------------------*/
.info-ref-modal{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(200, 209, 211, 0.6);
	z-index:1100;
}
.info-ref-modal.modalActive{
	display:block;
}
.info-ref-modal .info-ref-inner{
	position:relative;
	width:90%;
	height:90%;
	top:3%;
	margin:0 auto;
	background-color:#fff;
	overflow-y:scroll;
	border-top:20px solid #fff;
	border-bottom:20px solid #fff;
}
.info-ref-modal .info-ref-head{
	border-bottom:solid 1px #c8d1d3;
}

.info-ref-modal .c-d-slide-thumb li span{
/*	height:auto !important;*/
}
.info-ref-modal .scroll-inner{
	padding:0 20px;
}
/* 閉じる*/
.info-ref-modal .c-edit-btns::after{
	content:"";
	display:block;
	clear:both;
}
.info-ref-modal .c-edit-btns li{
	float:right;
}
/* slick サブ 幅広げる */
.js-modal-slide-thumb .slick-track{
	width:100% !important;
}

/* 組織参照画面（倉庫・制作依頼先・サプライヤ・注文者） */
.info-ref-tbl{
	table-layout:fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 17px 0 24px;
	border-top: solid 1px #c8d1d3;
	border-left: solid 1px #c8d1d3;
	empty-cells:show;
}

.info-ref-tbl th,
.info-ref-tbl td{
	border-right: solid 1px #c8d1d3;
	border-bottom: solid 1px #c8d1d3;
	text-align:left;
	font-size:1.3rem;
	line-height:1.7;
}
.info-ref-tbl th{
	background-color:#dee7e9;
	width:180px;
	padding:10px;
}
.info-ref-tbl td{
	padding:10px 0;
	word-break: break-all;
}
.info-ref-tbl td::after{
	content:"";
	display:block;
	clear:left;
}
.info-ref-tbl td p{
	padding:0 10px;
	float:left;
	margin-right:2em;
}
.info-ref-tbl input[type='checkbox']{
	vertical-align:-0.15em;
	margin-right:5px;
}



@media screen {

[hidden~='screen'] {
	display: inherit;
}

[hidden~='screen']:not(:active):not(:focus):not(:target) {
	position: absolute !important;
	clip: rect(0 0 0 0) !important;
}

}

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

.c-item {
	margin: 0 5.75px 20px;
}

}

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

.c-item {
	max-width: 100% !important;
	width: 32.19115% !important;
}

.c-l-cart .c-item {
	max-width: 100% !important;
	width: 100% !important;
}

}

@media only screen and (max-width: 1200px) {
/* 予定単価 */
.c-item-list-item.list-h{
	width:225px;
}
.item-list-h,
.item-list-h .compact{
	display:block;
	width:auto;
}

.c-d-form-conts-noimg .c-d-form-info-btns {
	margin: 0 15px 57.5px;
}

.c-d-form-conts-noimg .c-d-form-info-btns button {
	float: none;
	max-width: 100%;
	width: 100%;
}

.c-d-form-conts-noimg .c-d-form-info-btns button.c-s-btn-in {
	margin: 0 0 14px;
	padding: 6px 0;
}

.c-d-form-conts-noimg .c-d-form-info-btns button.c-s-btn-fov-rel {
	margin: 0;
	padding: 7px 0;
}

}

@media only screen and (max-width: 1100px) {

.c-s-btn-all {
	font-size: 1.1rem;
	padding: 4.5px 2px;
}

.c-form-search-itemnum {
	right: 296px;
}

.c-form-search-itemname {
	right: 192px;
}

.c-form-search-num {
	right: 140px;
}

.c-d-overprint-body-bulk-logo-name {
    width: 350px;
}
.c-d-overprint-body-logo-name {
    width: 300px;
}

}

@media only screen and (max-width: 899px) {
.st-side {
	-webkit-transform: translate(-140px, 0);
	-ms-transform: translate(-140px, 0);
	transform: translate(-140px, 0);
}

.st-side.is-menu {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.st-main {
	margin-left: 0;
}

.c-main-column {
	float: none;
	width: 100%;
}

.c-side-column {
	float: none;
	width: 100%;
}

.c-step {
	margin-left: 0;
}

.c-step ul {
	margin-right: 0;
}

.c-s-btn-all {
	font-size: 1.3rem;
	padding: 4.5px 10.5px;
}

.c-form-search-itemnum {
	right: 386px;
}

.c-form-search-itemname {
	right: 252px;
}

.c-form-search-num {
	right: 170px;
}

.c-item {
	float: none;
	margin: 0 0 20px;
	max-width: 100%;
	width: 100%;
}

}
/* add dds */
/* relative-box */
.relative-box,
.relaive-box{
	position:relative;
}
.txt-valign-b{
	vertical-align:bottom;
}
/* エラーエリア */
.error-area {
    color:red;
    margin-left:30px;
    margin-bottom:20px;
    height:20px;
}
/* inline */
.search-notfound{
	text-align:center;
	margin-bottom:50px;
}
.text-status-red{
	color:red;
	margin-left:2em;
}
.recommend,
.new-arrival,/* add dds */
.kit-item{
	color:#f00;
	width:auto;
	margin-left:10px;
	font-weight:normal;
	font-size:90%;
}
/* abbr */
abbr{
	color: #ed3f50;
	display: inline-block;
	font-size: 1.3rem;
	margin: 0 0 0 6px;
}
abbr.req{
	border-bottom-style: none;
	font-size:120%;
}
/* dds add 2018.4.20 */
/* dl
------------------------------*/
/* 縦 */
/* p */
.period .date {
  white-space: nowrap;
  display: inline-block;
}

/* a */
.link-bdb {
  color: #037097;
  font-weight: 600;
  border-bottom: solid 1px #037097;
}


@media only screen and (max-width: 767px) {
	.sp-none{
		display:none !important;
	}
	.pc-none{
		display:inline-block !important;
	}
	.pc-none-sptab{
		display:table !important;
	}
/* 予定単価 */
.c-item-list-item.list-h{
	width:auto;
	padding-left:0;
	margin-top:10px;
	margin-left:85px;
	}

	.slick-prev,
	.slick-next {
		height: 16px;
		width: 16px;
	}

	.slick-prev:hover,
	.slick-next:hover {
		opacity: 1;
	}

	.slick-prev {
		left: -18px;
	}

	.slick-next {
		right: -18px;
	}

	a:hover {
		opacity: 1;
	}

	button:hover {
		opacity: 1;
	}

	.st-header {
		border-bottom: none;
		height: 44px;
	}

	.st-header-inner {
		position: relative;
		display: block;
	}

	.st-header-btn {
		height: 44px;
		width: 44px;
	}

	.st-header-logo {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		height: 42.5px;
		margin: auto;
		width: 115px;
	}

	.st-header-logo-img {
		height: 42.5px;
	}

	.st-header-logo-img a {
		height: 42.5px;
	}

	.st-header-logo-img a img {
		height: 42.5px;
	}

	.st-header-font {
		display: none;
	}

	.st-header-admin {
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		display: block;
		height: 17px;
		margin: auto;
		width: 30px;
	}

	.st-header-admin-icon {
		position: relative;
		background-image: url(../images/icon_admin_sp.png);
		background-position: center left;
		background-repeat: no-repeat;
		background-size: 15px auto;
		height: 16px;
		margin: 0;
		padding: 0 30px 0 0;
		width: 15px;
	}

	.st-header-admin-icon::after {
		position: absolute;
		right: 0;
		bottom: 2px;
		border-bottom: solid 2px #0c204c;
		border-right: solid 2px #0c204c;
		content: '';
		display: block;
		height: 6px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 6px;
	}

	.st-header-admin-icon div {
		display: none;
	}

	.st-header-admin-icon p {
		display: none;
	}

	.st-header-admin-icon p span::before {
		content: none;
	}

	.st-header-admin-icon p span::after {
		content: none;
	}

	.st-header-admin-icon p:hover {
		opacity: 1;
	}

	.st-header-admin-menu {
		position: fixed;
		right: 0;
		left: 0;
		border: 0;
		border-bottom: solid 1px #037097;
		border-top: solid 1px #037097;
		width: 100%;
	}

	.st-header-admin-menu-inner {
		padding: 15px 15px 25px;
	}

	.st-header-admin-menu-inner::before,
	.st-header-admin-menu-inner::after {
		right: 30px;
	}

	.st-header-admin-menu-inner p {
		font-size: 16px;
		line-height: 1.5;
	}

	.st-header-admin-menu-inner a {
		font-size: 18px;
		height: 44px;
		line-height: 44px;
	}

	.st-side {
		top: 44px;
		padding: 0 0 50px;
		-webkit-transform: translate(-200px, 0);
		-ms-transform: translate(-200px, 0);
		transform: translate(-200px, 0);
		width: 200px;
		z-index: 960;
	}

	.st-side.is-menu {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

    .st-nev-list-item .st-nev-list-item-link p.home span::before {
		background-image: url(../images/icon_nav_01_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16.5px auto;
		height: 15px;
		width: 16.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.order span::before {
		background-image: url(../images/icon_nav_02_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 19.5px auto;
		height: 18px;
		width: 19.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.bulk-order span::before {
		background-image: url(../images/icon_nav_03_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 19.5px auto;
		height: 19.5px;
		width: 19.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.order-history span::before {
		background-image: url(../images/icon_nav_04_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 18px auto;
		height: 15px;
		width: 18px;
	}

	.st-nev-list-item .st-nev-list-item-link p.questionnaire span::before {
		background-image: url(../images/icon_nav_05_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 15px auto;
		height: 15px;
		width: 15px;
	}

	.st-nev-list-item .st-nev-list-item-link p.bulk-shipment span::before {
		background-image: url(../images/icon_nav_06_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px auto;
		height: 18px;
		width: 21px;
	}

	.st-nev-list-item .st-nev-list-item-link p.order-management span::before {
		background-image: url(../images/icon_nav_07_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px auto;
		height: 19.5px;
		width: 21px;
	}

	.st-nev-list-item .st-nev-list-item-link p.shipment span::before {
		background-image: url(../images/icon_nav_08_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 19.5px auto;
		height: 16.5px;
		width: 19.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.stock-management span::before {
		background-image: url(../images/icon_nav_09_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 22.5px auto;
		height: 16.5px;
		width: 22.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.estimate span::before {
		background-image: url(../images/icon_nav_12_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 18px auto;
		height: 19.5px;
		width: 18px;
	}

	.st-nev-list-item .st-nev-list-item-link p.production-management span::before {
		background-image: url(../images/icon_nav_10_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px auto;
		height: 21px;
		width: 21px;
	}

	.st-nev-list-item .st-nev-list-item-link p.cost-management span::before {
		background-image: url(../images/icon_nav_11_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16.5px auto;
		height: 19.5px;
		width: 16.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.shipment-management span::before {
		background-image: url(../images/icon_nav_06_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px auto;
		height: 18px;
		width: 21px;
	}

	/*.st-nev-list-item:nth-child(13) .st-nev-list-item-link p span::before {
		background-image: url(../images/icon_nav_13_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 18px auto;
		height: 18px;
		width: 18px;
	}

	.st-nev-list-item:nth-child(14) .st-nev-list-item-link p span::before {
		background-image: url(../images/icon_nav_14_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 15px auto;
		height: 19.5px;
		width: 15px;
	}*/

	.st-nev-list-item .st-nev-list-item-link p.master span::before {
		background-image: url(../images/icon_nav_15_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 19.5px auto;
		height: 22.5px;
		width: 19.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.settings span::before {
		background-image: url(../images/icon_nav_16_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 19.5px auto;
		height: 19.5px;
		width: 19.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.contact span::before {
		background-image: url(../images/icon_nav_17_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 22.5px auto;
		height: 22.5px;
		width: 22.5px;
	}

	.st-nev-list-item .st-nev-list-item-link p.help span::before {
		background-image: url(../images/icon_nav_18_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px auto;
		height: 21px;
		width: 21px;
	}

	.st-nev-list-item-link {
		padding: 0 0 0 20px;
	}

	.st-nev-list-item-link p span {
		padding: 0 0 0 32px;
	}

	.st-nev-list-item-link:hover {
		background: #212730;
	}

	.st-nev-sub-list li a:hover {
		background: #516585;
		color: #fff;
		font-weight: 300;
	}

	.st-nev-sub-list li a:hover::before {
		content: none;
	}

	.st-main {
		margin-top: 44px;
		width: 100%;
	}

	body.c-column-2 .st-main {
		margin-top: 44px;
		padding-bottom: 24px;
	}

	body.c-column-3 .st-main {
		margin-bottom: 24px;
		margin-top: 44px;
	}

	body.c-column-3.c-side-prev .st-main {
		margin-bottom: 144px;
		margin-top: 44px;
	}

	#c-container {
		overflow: hidden;
	}

	.c-l-column {
		margin: 0 15px;
	}

	.c-main-column {
		border-right: none;
		padding: 0 0 25px;
	}

	.c-l-goodslist .c-l-column {
		margin: 0;
	}

	.c-btn-link:hover {
		opacity: 1;
	}

	.c-side-column {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #dee7e9;
		width: 100%;
		z-index: 955;
	}

/* add dds */
	.c-side-column-sp.wrap-scrool.is-side + .c-side-column-sp-links{
		overflow-y:scroll;
		height:160px;
	}

	.c-side-block {
		margin: 15px 15px 0;
		padding: 0;
	}

	.c-side-block + .c-side-block {
		border-top: 0;
	}

	.c-side-block.c-side-block-prev {
		border-bottom: 0;
	}

	.c-side-block-head {
		display: none;
	}

	.c-side-block-body a {
		font-size: 18px;
		height: 44px;
		line-height: 44px;
		padding: 0;
	}

	.c-side-block-body a span {
		display: inline;
		font-size: 18px;
	}

	.c-side-block.c-side-block-prev {
		margin: 25px 15px 0;
	}

	.c-side-block.c-side-block-prev .c-side-block-back {
		font-size: 18px;
		height: 44px;
		line-height: 44px;
	}

	.c-side-column-sp {
		position: relative;
		background: #6ab7e4;
		border-bottom: solid 1px #c8d1d3;
		color: #fff;
		display: block;
		height: 50px;
		padding: 0 15px;
	}

	.c-side-column-sp::after {
		position: absolute;
		top: -6px;
		right: 20px;
		bottom: 0;
		border-bottom: solid 3px #fff;
		border-right: solid 3px #fff;
		content: '';
		display: block;
		height: 12px;
		margin: auto;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 12px;
	}

	.c-side-column-sp p {
		font-size: 16px;
		line-height: 50px;
	}

	.c-side-column-sp.is-side::after {
		top: 0;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.c-side-column-sp-links {
		border-bottom: solid 25px #132b5f;
		display: none;
		padding: 0 0 25px;
	}

	.c-side-total {
		margin: 15px 0 0;
	}
/* add dds */
	.c-side-total-body.dl-compact dl{
		margin-top:20px;
	}
	.c-side-total-body.dl-compact dl::after{
		content:"";
		display:block;
		clear:both;
	}
	.c-side-total-body.dl-compact dl dt{
		float:left;
		width:auto;
	}
		.c-side-total-body dl dd.wrap-date{
			text-align:right;
		}
	.c-side-total-body.dl-compact dl dd{
		margin-left:10px;
	}
	.c-side-total-body.dl-compact dl dd.wrap-date{
		float:right;
		text-align:left;
	}


/* 
    並び順プルダウン　件数
*/
  .c-i-os-list-refine-add {
    /*●*/
    height: auto;
    margin: 0 0 15px;
    position: relative;
  }
  .c-i-os-list-head.sp-padding .c-i-os-list-refine-add {
    margin: 0 -12px 15px;
  }
  .c-i-os-list-refine-add::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #c8d1d3;
  }
  .c-i-os-list-refine-add li {
    /*●*/
    border-left: 1px solid #c8d1d3;
    width: 50%;
  }

	.c-i-os-list-refine-add-item.sp-wide{
		display:block;
		width:auto;
		border-right:1px solid #c8d1d3;
	}

/* add dds */
/* 個別 備考 */
/* add dds */
.c-item-list.block{
	display:block;
}
.c-item-list.block .block-table{
	position:relative;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.c-d-order-body .block-block .c-d-remark-h{
	float:none;
	min-width:auto;
	min-width:initial;
	margin:0 0 5px 15px;
}
.c-d-order-body .block-block .c-d-remark-body{
	margin-left:15px;
	overflow:visible;
}
.c-d-order-body .block-block .c-d-remark-conf{
	margin-left:85px;
}

.c-d-order-body .block-table .c-item-list-item.c-item-list-remark .c-d-remark-body{
}

/* add dds */
/* 個別 加刷 */
/* add dds */
.c-d-order-body .block-block .c-d-overprint-h{
	float:none;
	min-width:auto;
	min-width:initial;
	margin:0 0 5px 15px;
}
.c-d-order-body .block-block .c-d-overprint-body{
	margin-left:15px;
	overflow:visible;
}
.c-d-order-body .block-block .c-d-overprint-conf{
	margin-left:85px;
}
.c-d-order-body .c-d-overprint-bank .c-d-overprint-body-2{
	margin-left:15px;
}
.c-d-order-body .block-table .c-item-list-item.c-item-list-overprint .c-d-overprint-body{
}

.c-d-overprint-body-bulk-btn-area{
    display: block;
}
.c-d-overprint-body-bulk-btn-area-sp {
	width: 70px;
}
.c-d-overprint-body-bulk-logo-name {
	width: 220px;
}
.c-d-overprint-body-logo-name {
	width: 225px;
}

/* 注文処理/カート */
.c-d-order-body.cart-content{
	padding-bottom:15px;
}

	.c-side-total-body dl dd.wrap-date .date:first-child{
		text-align:right;
		display:inline-block;
	}
	.c-side-total-body dl dd.wrap-date .date{
		display:inline-block;
			text-align:right;
	}

	.c-login {
		width: 92%;
	}

	.c-login-logo {
		margin: 0 0 15px;
	}

	.c-login-logo img {
		width: 90%;
	}

	.c-login-body {
		margin: 0 0 12px;
		padding: 30px 50px 30px 45px;
	}

	.c-login-form-input {
		width: 100%;
	}

	.c-login-form-input::before {
		background-image: url(../images/icon_id_sp.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 19px auto;
		height: 20px;
		width: 19px;
	}

	.c-login-form-input input {
		height: 44px;
		line-height: 44px;
		padding: 0 10px 0 47px;
	}

	.c-login-form-input input:placeholder-shown {
		font-size: 1.8rem;
	}

	.c-login-form-input input::-webkit-input-placeholder {
		font-size: 1.8rem;
	}

	.c-login-form-input input:-moz-placeholder {
		font-size: 1.8rem;
	}

	.c-login-form-input input::-moz-placeholder {
		font-size: 1.8rem;
	}

	.c-login-form-input input:-ms-input-placeholder {
		font-size: 1.8rem;
	}

	.c-login-form-input + .c-login-form-input {
		margin: 15px 0 0;
	}

	.c-login-form-input + .c-login-form-input::before {
		background-image: url(../images/icon_pass_sp.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 19px auto;
		height: 20px;
		width: 19px;
	}

	.c-login-form-btn {
		margin: 30px auto 0;
		width: 100%;
	}

	.c-login-form-btn input {
		font-size: 18px;
		height: 44px;
	}


/* # =================================================================
#	権限切替
# ================================================================= */
.c-changeauth{
	width:auto;
	position:static;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	padding:25px;
}

.c-changeauth .c-login-form-btn{
	width:150px;
}

	.c-login-foot a {
		font-size: 13px;
	}

	.c-pagetop a img.c-pagetop-pc {
		display: none;
	}

	.c-pagetop a img.c-pagetop-sp {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 73px;
	}

	.c-headline-l1-text {
		font-size: 2rem;
		padding: 10px 0;
	}

	.c-alert-text {
		font-size: 1.6rem;
		font-weight: 300;
		padding: 6.5px 32.5px 6.5px 10px;
	}

	.c-alert-text span {
		font-size: 1rem;
		margin: 0 13px 0 0;
	}

	.c-alert .btn-close {
		right: 10px;
		height: 10px;
		width: 10px;
	}

	.c-alert .btn-close span em:nth-child(1) {
		-webkit-transform: translateY(2px) rotate(-45deg);
		-ms-transform: translateY(2px) rotate(-45deg);
		transform: translateY(2px) rotate(-45deg);
	}

	.c-error-elm {
		height: auto;
		padding: 12.5px 15px 15px;
		width: 92.5333%;
	}

	.c-error-elm-head {
		padding: 0 0 12.5px;
	}

	.c-error-elm-head p {
		font-size: 13px;
	}

	.c-error-elm-head p span {
		margin: 0 0 0 24px;
	}

	.c-error-elm-body {
		height: 240px;
	}

	.c-error-elm-body .c-error-elm-conts {
		padding: 12.5px 10px 12.5px 0;
	}

	.c-error-elm-body .c-error-elm-conts p {
		font-size: 13px;
	}

	.c-error-elm-foot .c-error-elm-btn {
		margin: 10px 0 0;
		width: 100%;
	}

	.c-error-elm-foot .c-error-elm-btn a {
		height: 32px;
		line-height: 32px;
	}

	.err-system:hover {
		opacity: 1;
	}

	.c-field {
		margin: 0 0 22px;
	}

	.c-field-head {
		font-size: 1.4rem;
		margin: 0 0 8px;
	}

	.c-field-head.c-field-head-link::after {
		right: 0z;
		border-right: solid 2px #037097;
		border-top: solid 2px #037097;
		height: 8px;
		width: 8px;
	}

	.c-field-head a {
		font-size: 1.4rem;
	}

	.c-f-list-block {
		padding: 5px 0 0;
	}

	.c-f-list-block + .c-f-list-block {
		border-top: solid 1px #c8d1d3;
	}

	.c-f-list-block-head {
		border-bottom: none;
		font-size: 1.1rem;
		padding: 0 10px;
	}

	.c-f-list-block-body ul.grid3 li {
		width: 100%;
	}

	.c-f-list-block-body ul.grid3 li:first-child {
		width: 100%;
	}

	.c-f-list-block-body ul.grid4 li {
		width: 100%;
	}

	.c-f-list-block-body ul li {
		display: block;
		font-size: 1.3rem;
	}

	.c-f-list-block-body ul li + li {
		border-left: none;
	}

	.c-f-list-block-body ul li a {
		padding: 5px 80px 5px 20px;
	}

	.c-f-list-block-body ul li a::after {
		right: 10px;
	}

	.c-f-list-block-body ul li a .c-f-list-num {
		font-size: 1.3rem;
	}

	.c-f-list-block-body ul li a .c-f-list-num::after {
		font-size: 1.3rem;
	}

	.c-f-item {
		margin: 0 20px;
		padding: 0;
	}

	.c-f-item-block {
		display: none;
	}

	.c-f-item-pnl {
		margin: 0 0 0 4.477611941%;
		width: 47.7611940298%;
	}

	.c-f-item-pnl-info {
		padding: 7.5px 0;
	}

	.c-f-item-pnl-info-id {
		line-height: 1.4;
		margin: 0 0 5px;
	}

	.c-f-item-pnl-info-name {
		font-size: 1.2rem;
		line-height: 1.4;
	}

/* add dds 利用状況 */
.c-f-table-usage{
	margin:0 auto;
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
}

.c-f-table-usage + .c-f-table-usage{
	margin-top:0;
	border-top:2px solid #c8d1d3;
}

.c-f-table-usage th,
.c-f-table-usage td{
	font-size:1.3rem;
}
.c-f-table-usage th{
	width:auto;
	max-width:auto;
	max-width:initial;
	padding-left:10px;
	padding-right:6px;
}
.c-f-table-usage td{
	padding-right:10px;
	padding-left:6px;
}
/* 契約件数表 */
.agree-num{
	margin-left:0;
}
.agree-num,
.agree-num strong{
	width:auto;
	max-width:auto;
	max-width:initial;
}
.agree-num .separate{
	padding:0 5px;
}






	.c-f-item-block-sub {
		display: block;
		padding: 15px 0 3px;
	}

	.c-f-news {
		min-height: 100%;
		-webkit-overflow-scrolling: touch;
		padding: 0;
	}

	.c-f-news-block {
		padding: 14px 50px 14px 10px;
	}

	.c-f-news-block-conts-head {
		font-size: 1rem;
		letter-spacing: normal;
		width: 100px;
	}

	.c-f-news-block-conts-head span {
		font-size: 1rem;
		height: 15px;
		line-height: 15px;
		margin: 0 0 0 5px;
		padding: 0 4px;
	}

	.c-f-news-block-conts-body {
		font-size: 1.2rem;
		margin: 0 0 0 105px;
	}

	.c-f-news-icon {
		top: 2px;
		right: 10px;
	}

	.c-f-news-icon li + li {
		margin: 0 0 0 2px;
	}

	.c-f-news {
		overflow-y: scroll;
	}

	.c-f-news::-webkit-scrollbar {
		height: 2px; /*バーの太さ*/
	}

	.c-f-news::-webkit-scrollbar-track {
		background: #ddd; /*バーの背景色*/
	}

	.c-f-news::-webkit-scrollbar-thumb {
		background: #ccc; /*バーの色*/
	}

	.c-field-todo .c-l-column {
		margin: 0 10px;
	}

	.c-f-usage {/* add dds */
		padding: 0;
	}

	.c-f-todo {
		padding: 0;
	}

	.c-f-status {
		padding: 0;
	}

	.c-field-enquete .c-l-column {
		margin: 0;
	}

	.c-field-enquete .c-field-head {
		margin: 0 15px 8px;
	}

	.c-field-enquete .c-field-body {
		background: #fbfeff;
	}

	.c-field-new .c-l-column {
		margin: 0;
	}

	.c-field-new .c-field-head {
		margin: 0 15px 8px;
	}

	.c-field-new .c-field-body {
		background: #fbfeff;
	}

	.c-field-recommend .c-l-column {
		margin: 0;
	}

	.c-field-recommend .c-field-head {
		margin: 0 15px 8px;
	}

	.c-field-recommend .c-field-body {
		background: #fbfeff;
	}

	.c-f-review {
		padding: 0 15px;
	}

	.c-f-review-block {
		padding: 22px 0 22.5px;
	}

	.c-f-review-block-head {
		margin: 0 0 10px;
		width: 100%;
	}

	.c-f-review-block-head a {
		font-size: 1.3rem;
	}

	.c-f-review-block-head a span {
		padding: 0 22.5px 0 0;
	}

	.c-f-review-block-head a span.icon-arrow::after {
		border-right: solid 2px #037097;
		border-top: solid 2px #037097;
		height: 10px;
		width: 10px;
	}

	.c-f-review-block-body-h {
		font-size: 1.4rem;
		margin: 0 0 10px;
	}

	.c-f-review-block-body-text {
		font-size: 1.2rem;
	}

	.c-f-review-block-num {
		position: relative;
		top: initial;
		font-size: 1.1rem;
		margin: 0 0 21px;
	}

	.icon-arrow::after {
		height: 8px;
		width: 8px;
	}

	.c-step {
		display: none;
	}

	.c-step.c-step-none + .st-main {
		margin-top: 44px;
	}

	input {
		font-size: 16px;
	}

	textarea {
		font-size: 16px;
	}

	:placeholder-shown {
		font-size: 1.6rem;
	}

	::-webkit-input-placeholder {
		font-size: 1.6rem;
	}

	:-moz-placeholder {
		font-size: 1.6rem;
	}

	::-moz-placeholder {
		font-size: 1.6rem;
	}

	:-ms-input-placeholder {
		font-size: 1.6rem;
	}

	.c-s-category select {
		font-size: 16px;
	}

	.c-s-sach {
		padding: 0 0 0 30px;
	}

	.c-s-sach::before {
		background-image: url(../images/icon_search_sp.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 24px auto;
		height: 25px;
		width: 24px;
	}

    /* 虫眼鏡アイコン無し */
    .c-s-sach-noimage {
        /*margin-left: 26px;
        padding-left: 0px;*/
    }
    .c-s-sach-noimage::before {
        background-image: none;
    }

	.c-s-btn-sach:hover,
	.c-s-btn-edit:hover,
	.c-s-btn-clear:hover,
	.c-s-btn-all:hover {
		opacity: 1;
	}

	.c-s-btn-in-h span {
		font-size: 12px;
	}

	.c-s-btn-in-h span.c-s-btn-in-h-text {
		font-size: 14px;
	}

	.c-s-btn-in:hover {
		opacity: 1;
	}

	.c-s-cart-btn:hover {
		opacity: 1;
	}

	.c-s-btn-fov-rel:hover {
		opacity: 1;
	}

	.c-form-conts {
		margin: 0;
		padding: 0;
	}

	.c-form-conts-head {
		margin: 0 0 15px;
	}

	.c-form-conts-body {
		padding: 0 15px;
	}

	.c-form-conts-body-inner-btn {
		display: none;
	}

	.c-form-search {
		display: none;
	}

	.c-form-search-address {
		width: 115px;
	}

	.c-form-conts-sp {
		position: relative;
		display: block;
	}

	.c-form-conts-sp-head.csv{
		margin-bottom:12px;
	}
	.c-form-conts-sp-head ul li.c-form-conts-sp-search {
		float: right;
		height: 54px;
		width: 65px;
	}

	.c-form-conts-sp-head ul li.c-form-conts-sp-search span {
		background: url(../images/icon_search_sp.png) no-repeat center center;
		background-size: 24px auto;
		display: block;
		height: 54px;
		width: 65px;
	}

	.c-form-conts-sp-head ul li.c-form-conts-sp-inp {
		background: none;
		float: left;
		margin: 10px 0 0 13px;
		width: 170px;
	}

	.c-form-conts-sp-head ul li.c-form-conts-sp-inp .c-s-btn-all {
		height: 30px;
		line-height: 28px;
		margin: 12px 0 0;
		padding: 0 10.5px;
	}

	.c-form-conts-sp-body {
		position: absolute;
		top: 54px;
		left: 0;
		background: #cde2ea;
		display: none;
		padding: 16px 15px 31px;
		width: 100%;
		z-index: 3;
	}

	.c-form-conts-sp-body-top {
		margin: 0 0 25px;
	}

	.c-form-conts-sp-body-top .c-form-search-favorite {
		display: block;
		width: 100%;
	}

	.c-form-conts-sp-body-top .c-form-search-favorite label {
		color: #037097;
		font-size: 16px;
		text-align: center;
	}
/* add dds */
	.c-form-conts-sp-body-top.table{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	.c-form-conts-sp-body-top.table .c-form-search-favorite,
	.c-form-conts-sp-body-top.table .c-form-search-recommend,
    .c-form-conts-sp-body-top.table .c-form-search-new-arrival
     {
		display: table-cell;
		width:auto;
	}
	.c-form-conts-sp-body-top.table .c-form-search-recommend label {
		color: #037097;
		font-size: 16px;
		text-align: center;
	}
    	.c-form-conts-sp-body-top.table .c-form-search-new-arrival label {
		color: #037097;
		font-size: 16px;
		text-align: center;
	}



	.c-form-conts-sp-body-middle {
		margin: 0 0 25px;
	}

	.c-form-conts-sp-body-middle ul li {
		float: right;
		width: 52.1739130434%;
	}

	.c-form-conts-sp-body-middle ul li:first-child {
		float: left;
		width: 44.7826086956%;
	}

	.c-form-conts-sp-body-bottom ul {
		font-size: 0;
		letter-spacing: -0.4em;
		text-align: center;
		word-spacing: -1em;
	}

	.c-form-conts-sp-body-bottom ul li {
		display: inline-block;
		font-size: 1.6rem;
		letter-spacing: 0.08em;
		margin: 0 10px;
		width: 23.1884057971%;
		word-spacing: normal;
	}

	.c-form-conts-sp-body-bottom ul li button {
		height: 40px;
		line-height: 40px;
	}

	.c-form-conts-sp-body-bottom ul li button span {
		font-size: 16px;
	}

	.c-form-search-select{
		position: relative;
	}
	.c-form-search-select select{
		background: #fff;
		border-radius: 0;
		color: #037097;
		cursor: pointer;
		font-size: 1.3rem;
		height: 100%;
		line-height: 1.2;
		padding: 13px 40px 12px 25px;
		width: 100%;
		font-size: 16px;
		border-bottom: solid 1px #c8d1d3;
		border-top: solid 1px #c8d1d3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: 0.08em;
	}
	.c-form-search-select select option{
		white-space: nowrap;
	}
	.c-form-search-select::after {
		position: absolute;
		top: 0;
		right: 20px;
		bottom: 0;
		/* border-color: #037097 transparent transparent transparent; */
		border-style: inherit;
		border-width: inherit;
		content: '';
		display: block;
		height: 8px;
		/* margin: auto; */
		width: 8px;
		border-right: solid 2px #037097;
		border-top: solid 2px #037097;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

.c-form-conts-sp-sort{
	position:relative;
}
.c-form-conts-sp-sort::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#c8d1d3;
}
	.c-form-conts-sp-sort-item {
		float: right;
		width: 50%;
	}


	.c-form-conts-sp-sort-item:first-child {
		float: left;
		border-right: 1px solid #c8d1d3;
	}


	.c-form-conts-sp-sort-item:only-child {/* add dds */
		float: right;
		border-left: 1px solid #c8d1d3;
		border-right-style:none;
	}
	.c-form-conts-sp-sort-item.sp-wide {/* add dds */
		float:none;
		border-right: 1px solid #c8d1d3;
		width:auto;
	}


	.c-form-conts-sp-sort-item:first-child .c-form-conts-sp-sort-item-head::before {
		position: absolute;
		top: 0;
		right: 0;
		background: #c8d1d3;
		content: '';
		display: block;
		height: 100%;
		width: 1px;
	}

	.c-form-conts-sp-sort-item-head {
		position: relative;
		border-bottom: solid 1px #c8d1d3;
		border-top: solid 1px #c8d1d3;
		color: #037097;
		font-size: 16px;
		padding: 11px 0 11px 25px;
	}

	.c-form-conts-sp-sort-item-head.icon-arrow::after {
		position: absolute;
		top: 0;
		right: 20px;
		bottom: 0;
		margin: auto;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.c-form-conts-sp-sort-item-head.is-sort {
		background: #cde2ea;
		border-bottom: solid 1px #cde2ea;
		border-top: solid 1px #cde2ea;
	}

	.c-form-conts-sp-sort-item-head.is-sort.icon-arrow::after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.c-form-conts-sp-sort-item-body {
		position: absolute;
		top: 46px;
		left: 0;
		background: #cde2ea;
		display: none;
		width: 100%;
		z-index: 2;
	}

	.c-form-conts-sp-sort-item-body ul {
		border-bottom: solid 1px #c8d1d3;
	}

	.c-form-conts-sp-sort-item-body ul li {
		border-bottom: solid 1px #c8d1d3;
	}

	.c-form-conts-sp-sort-item-body ul li a {
		color: #037097;
		display: block;
		padding: 12px 15px 12px 41px;
	}

	.c-form-conts-sp-sort-item-body ul li a.is-chk {
		position: relative;
	}

	.c-form-conts-sp-sort-item-body ul li a.is-chk::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 15px;
		background-image: url(../images/sprite/sprite.png);
		background-position: 0 -88px;
		content: '';
		display: block;
		height: 11px;
		margin: auto;
		vertical-align: text-top;
		width: 14px;
	}

	.c-form-conts-sp-sort-label {
		position: relative;
		display: block;
	}

	.c-form-conts-sp-sort-label input {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 10px;
		margin: auto;
	}

	.c-form-conts-sp-sort-label label {
		color: #037097;
		display: block;
		padding: 12px 15px 12px 30px;
	}

	.c-form-pagenation {
		padding: 25px 15px 27px;
	}

	.c-form-pagenation-result {
		position: relative;
		top: inherit;
		left: inherit;
		margin: 0 0 10px;
	}

	.c-form-pagenation-result p {
		font-size: 1.2rem;
	}

	.c-form-pagenation ul {
		text-align: center;
	}

	.c-form-pagenation ul li.pager a {
		width: 28px;
	}

	.c-form-pagenation ul li.pager.pager-prev {
		float: left;
		margin: 0;
	}

	.c-form-pagenation ul li.pager.pager-next {
		float: right;
		margin: 0;
	}

	.c-form-pagenation ul li a {
		height: 28px;
		line-height: 28px;
		padding: 0;
		width: 28px;
	}

	.c-pager-item {
		margin: 0 15px;
	}

	.c-pager-item a {
		height: 32px;
		line-height: 32px;
		padding: 0 24.5px;
	}

	.c-pager-item a span::before {
		height: 8px;
		width: 8px;
	}

	.c-pager-item-ctrl {
		margin: 0;
	}

	.c-pager-item-ctrl a {
		padding: 0 13.5px;
	}

	.c-pager-item-ctrl.c-pager-item-ctrl-next {
		margin: 0;
	}

	.c-i-id {
		font-size: 1.3rem;
		line-height: 1.5;
	}

	.c-i-conts-name {
		font-size: 1.3rem;
		line-height: 1.5;
	}


	.c-i-conts-img.is-scale:hover {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.c-i-address {
		font-size: 1.3rem;
		line-height: 1.5;
	}

	.c-i-tel {
		font-size: 1.3rem;
		line-height: 1.5;
	}

	.c-item {
		margin: 0;
		padding-top: 44px;
	}

	.c-item:nth-child(even) {
		background: #fff;
	}

	.c-item .c-i-star {
		top: 10px;
		right: 10px;
	}

	.c-item .c-i-tag {
		top: 15px;
		left: 15px;
	}

	.c-item-info-btns li input:hover {
		opacity: 1;
	}

	.c-item-list {
		display: block;
		font-size: 0;
		letter-spacing: -0.4em;
		word-spacing: -1em;
	}

	.c-item-list-chk {
		width: 57px;
	}

	.c-item-list-data {
		display: block;
		margin: 0 0 4px;
		padding: 0;
		width: auto;
	}

	.c-item-list-data .c-i-tag {
		height: 17.5px;
		line-height: 17.5px;
		margin: 0 0 7px;
	}

	.c-item-list-name {
		display: block;
		padding: 0;
	}

	.c-item-list-star {
		padding: 0 15px 0 12.5px;
		width: 51.5px;
	}

	.c-i-chkbox input {
		background: url(../images/img_cart_in_sp.png) no-repeat center center;
		background-size: 45px auto;
		width: 45px;
	}

	.c-i-chkbox input.cart-check {
		background: url(../images/img_cart_out_sp.png) no-repeat center center;
		background-size: 45px auto;
	}

	.c-i-chkbox.c-i-chkbox-sold input {
		background: url(../images/img_cart_sold_sp.png) no-repeat center center;
		background-size: 45px auto;
	}

	.c-item-list-item-sp {
		display: table-cell;
		padding: 15px 0 12px 10px;
		vertical-align: middle;
		width: 100%;
	}

	.c-d-conts-inner.c-l-column {
		margin: 0;
	}

	.c-d-form-conts {
		padding: 17px 0 15px;
	}

	.c-d-form-conts-head {
		margin: 0 0 57.5px;
	}

	.c-d-form-img {
		float: none;
		padding: 0 15px;
		width: 100%;
	}

	.c-d-slide .slick-prev,
	.c-d-slide .slick-next {
		border-bottom: solid 4px #037097;
		border-right: solid 4px #037097;
		z-index: 10;
	}

	.c-d-slide .slick-prev {
		left: -6px;
	}

	.c-d-slide .slick-next {
		right: -6px;
	}

	.c-d-slide-thumb {
		margin: 0 0 13px;
	}

	.c-d-slide-thumb li {
		height: 45px;
		margin: 20px 0 0 4.34782608695%;
		width: 16.52173913044% !important;
	}

	.c-d-slide-thumb li:nth-child(3n+1) {
		margin: 20px 0 0 4.34782608695%;
	}

	.c-d-slide-thumb li:first-child {
		margin: 20px 0 0;
	}

	.c-d-form-info {
		margin: 0;
	}

	.c-d-form-info-tag {
		margin: 0 15px 9px;
	}

	.c-d-form-info-tag p.c-i-tag {
		display: block;
		margin: 0 0 13.5px;
	}

	.c-d-form-info-tag p.c-i-id {
		display: block;
		font-size: 1.3rem;
		margin: 0;
	}
/* add dds */
  .c-d-form-info-tag.add {
    position: relative;
  }
  .c-d-form-info-tag.add::after {
    content: "";
    display: block;
    clear: both;
  }
  .c-d-form-info-tag.add .c-i-tag {
    width: auto;
    overflow: hidden;
  }
  .c-d-form-info-tag.add .wrap-recommend {
    float: right;
    width: auto;
    margin-left: 10px;
  }
  .c-d-form-info-tag.add .c-i-id {
    width: auto;
    margin-top: 0;
    float: left;
  }
  .c-d-form-info-tag.add .wrap-kit-item {
    clear: both;
    line-height: 1.2;
  }


	.c-d-form-info .c-i-conts-name {
		line-height: 1.5;
		margin: 0 15px 8px;
	}

	.c-d-form-info .c-i-conts-desc {
		font-size: 1.1rem;
		margin: 0 15px 13.5px;
	}

	.c-d-form-info-btns {
		margin: 0 15px 57.5px;
	}

	.c-d-form-info-btns a.c-s-cart-btn {
		padding: 7.5px 0;
	}

	.c-d-form-info-btns a.c-s-cart-btn .c-s-cart-btn-h {
		font-size: 14px;
	}

	.c-d-form-info-btns a.c-s-cart-btn .c-s-cart-btn-h span {
		font-size: 12px;
		margin: 0;
	}

	.c-d-form-info-btns a.c-s-btn-fov-rel {
		margin: 14px auto 0;
	}

	.c-d-form-info-block-h {
		border-bottom: solid 1px #c8d1d3;
		margin: 0 15px;
		padding: 0 0 12.5px;
	}

	.c-d-form-info-block-h.bdnone {
		padding-top:10px;
	}

	.c-d-form-info-block-text {
		border-top: solid 1px #c8d1d3;
		margin: 0 15px 45.5px;
		padding: 10.5px 0;
	}

	.c-d-form-info-block-h-link {
		top: -6px;
		font-size: 13px;
		height: 32px;
		line-height: 30px;
		width: 145px;
	}

	.c-d-form-info-file .c-d-form-info-block-h {
		border-bottom: solid 1px #cde2ea;
		font-size: 1.4rem;
		font-weight: 600;
	}

	.c-d-form-info-file-list {
		padding: 0;
	}

	.c-d-form-info-file-list li {
		border-bottom: solid 1px #cde2ea;
		padding: 13.5px 15px;
	}

	.c-d-form-info-file-list li + li {
		margin: 0;
	}

	.c-d-form-info-file-list li a span {
		display: block;
	}

	.c-d-form-conts-noimg {
		padding: 17px 0 20px;
	}

	.c-d-form-conts-noimg .c-d-form-info .c-i-conts-desc {
		margin: 0 15px 13.5px;
	}

	.c-d-review-form {
		padding: 20px 30px 0;
	}

	.c-d-review-form-category {
		margin: 0 0 15px;
	}

	.c-d-review-form-category .c-s-category {
		width: 160px;
	}

	.c-d-review-form-headline {
		margin: 0 0 15px;
	}

	.c-d-review-form-headline input {
		padding: 0 10px;
	}

	.c-d-review-form-conts {
		margin: 0 0 25px;
	}

	.c-d-review-form-conts textarea {
		height: 150px;
		padding: 7.5px 10px;
	}

	.c-d-review-form-btns input {
		margin: 0;
		width: 40.6349206349%;
	}

	.c-d-review-form-btns input.c-d-review-form-btns-confirm {
		margin: 0 15px 0 0;
	}

	.c-d-block-grid {
		border-top: solid 1px #c8d1d3;
		margin: 0 15px 42.5px;
	}

	.c-d-block-grid-box {
		float: none;
		padding: 10px 0;
		width: 100%;
	}

	.c-d-block-grid-box dl dt dfn {
		font-size: 1.3rem;
	}

	.c-d-block-grid-box.c-d-block-grid-box-space {
		display: none;
	}

	.c-d-block-grid-review {
		border-top: 0;
		margin: 0 15px;
		padding: 12.5px 15px 10.5px;
	}

	.c-d-block-grid-review-data {
		margin: 0 0 30px;
		padding: 0;
	}

	.c-d-block-grid-review-data-item {
		font-size: 1.3rem;
	}

	.c-d-block-grid-review-data-name span {
		font-weight: 600;
	}

	.c-d-block-grid-review-data-day span {
		font-weight: 600;
	}

	.c-d-block-grid-review-desc {
		padding: 0;
	}

	.c-d-block-grid-review-desc-h {
		font-size: 1.5rem;
		margin: 0 0 22.5px;
	}

	.c-d-form.c-d-form-quantity .c-form-conts-sp .c-form-search-address:first-child {
		padding: 0;
	}

	.c-d-form.c-d-form-quantity .c-form-conts-sp .c-form-search-sach {
		display: block;
		margin: 25px 0 0;
		padding: 0;
	}

	.c-d-form-conts.c-d-form-conts-bulk {
		padding: 0;
	}

	.c-d-bulk-body {
		padding: 0 0 22px;
	}

	.c-d-head-h {
		padding: 12.5px 15px;
	}

	.acc-trigger .c-d-head-h::after {
		top: -5px;
		right: 15px;
		bottom: 0;
		border-right: solid 3px #037097;
		border-top: solid 3px #037097;
		height: 10px;
		margin: auto;
		width: 10px;
	}

	.c-d-change {
		padding: 12.5px 15px 37.5px;
	}

	.c-d-change-h {
		font-size: 1.3rem;
		padding: 0;
	}

	.c-d-change-list .c-d-change-list-item + .c-d-change-list-item {
		margin: 25px 0 0;
	}

	.c-d-change-list .c-d-change-list-item-chk {
		display: block;
		float: left;
	}

    /***
     加刷一括登録スマホでタイトルのロゴを登録ボタンの上に表示するよう
    ***/
    .c-d-change-list .c-d-change-list-item-chk-logo{
        float: none;
    }

	.c-d-change-list .c-d-change-list-item-inp {
		display: block;
	}

	.c-d-change-list .c-d-change-list-item-inp .c-s-category {
		width: 100%;
	}

	.c-d-change-list .c-d-change-list-item-inp input {
		height: 30px;
		line-height: 28px;
		width: 100%;
	}
    
    .c-d-change-list .c-d-change-list-item-inp textarea.free-text {
        height: 30px;
        line-height: 28px;
        width: 100%;
        overflow-y: auto;
	}

	.c-d-change-list .c-d-change-list-item-inp input[type="checkbox"] {
		margin-left:5px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-name .c-d-change-list-item-chk {
		width: 100px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-name .c-d-change-list-item-inp {
		margin: 0 0 0 100px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-price .c-d-change-list-item-chk {
		width: 130px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-price .c-d-change-list-item-inp {
		margin: 0 0 0 130px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-date .c-d-change-list-item-chk {
		width: 130px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-date .c-d-change-list-item-inp {
		margin: 0 0 0 130px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-time .c-d-change-list-item-chk {
		width: 130px;
	}

	.c-d-change-list .c-d-change-list-item.c-d-change-list-time .c-d-change-list-item-inp {
		margin: 0 0 0 130px;
	}

	.c-d-change-list-name span {
		font-size: 1rem;
		text-align: right;
	}

	.c-d-order {
		margin: 0 0 25px;
	}

	.c-d-order-head {
		padding: 0 18px 7.5px;
	}

	.c-d-order-body .c-item-list {
		position: relative;
		display: table;
		padding: 14px 15px;
	}

	.c-d-order-body .c-item-list-item.c-item-list-chk {
		padding: 25px 0 0;
		vertical-align: top;
	}

	.c-d-order-body .c-item-list-item.c-item-list-img {
		padding: 0 0 0 15px;
		vertical-align: top;
		width: 88px;
	}

	.c-d-order-body .c-item-list-item.c-item-list-img .c-i-conts-img {
		height: 73px;
		width: 73px;
	}

	.c-d-order-body .c-item-list-item.c-item-list-desc {
		display: block;
		padding: 0 0 0 12.5px;
	}

	.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-id {
		line-height: 1.5;
	}

	.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-conts-name {
		line-height: 1.5;
	}

.c-d-order-body .c-item-list-item.c-item-list-desc .c-i-conts-name
	.c-d-order-body .c-item-list-item.c-item-list-info {
		display: block;
		padding: 9px 0 0 12.5px;
		text-align: left;
		width: 100%;
	}

	.c-d-order-body .c-item-list-item.c-item-list-info li + li {
		margin: 7.5px 0 0;
	}



	.c-item-list-info-price input {
		height: 30px;
		line-height: 28px;
		width: 94px;
	}

	.c-d-bulk-btn input {
		font-size: 13px;
		height: 30px;
		line-height: 30px;
	}

	.c-d-bulk-btn input:hover {
		opacity: 1;
	}

	.c-d-form-conts.c-d-form-conts-search {
		margin: 0 0 3px;
		padding: 0;
	}

	.c-d-search {
		display: none;
	}

	.c-d-search .c-form-search-submit {
		padding: 0 0 0 15px;
		width: 70px;
	}

	.c-d-search .c-form-search-clear {
		padding: 0 0 0 15px;
		width: 70px;
	}

	.c-d-matter {
		display: none;
	}

	.c-d-matter .c-s-num {
		font-size: 1.6rem;
	}

	.c-d-form-conts.c-d-delivery-conts {
		padding: 0 0 17px;
	}

	.c-d-form-conts.c-d-delivery-conts + .c-form-pagenation {
		margin: 15px 0 0;
	}

	.c-d-delivery-info {
		padding: 11px 15px 12px;
	}

	.c-d-delivery-info p + p {
		margin: 0;
	}

	.c-d-delivery-info p.c-i-address {
		margin: 4px 0 0;
	}

	.c-d-delivery .c-d-change {
		padding: 12.5px 15px 37.5px;
	}

	.c-d-delivery .c-d-change-list-item-text {
		display: block;
		float: left;
	}

	.c-d-delivery .c-d-change-list-item.c-d-change-list-name .c-d-change-list-item-text {/* add dds */
		width: 100px;
	}

	.c-d-delivery .c-d-change-list-item.c-d-change-list-name.longtext .c-d-change-list-item-text {
		width: 130px;
	}
	.c-d-delivery .c-d-change-list-item.c-d-change-list-name.longtext .c-d-change-list-item-text + .c-d-change-list-item-inp{
		margin-left:130px;
	}

	.c-d-delivery .c-d-change-list-item.c-d-change-list-date .c-d-change-list-item-text {
		margin: 6px 0 0;
		width: 130px;
	}

	.c-d-delivery .c-d-change-list-item.c-d-change-list-time .c-d-change-list-item-text {
		margin: 6px 0 0;
		width: 130px;
	}

	.c-d-delivery .c-d-order {
		margin: 0 0 15px;
	}

	.c-d-delivery .c-d-order .c-item-list {
		display: block;
	}

	.c-d-delivery .c-d-order .c-item-list-item {
		display: block;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-links {
		position: absolute;
		bottom: 14px;
		left: 15px;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-links .c-item-list-links-box {
		height: 30px;
		width: 112.5px;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-links .c-item-list-links-box a {
		line-height: 28px;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-img {
		float: left;
		padding: 0;
		width: 73px;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-desc {
		margin: 0 0 0 100px;
		padding: 0;
	}

	.c-d-delivery .c-d-order .c-item-list-item.c-item-list-info {
		margin: 9px 0 0 125px;
		padding: 0;
		width: auto;
	}

	.c-d-remark {
		padding: 0 15px;
	}

	.c-d-remark-btn {
		margin: 25px 0 20px;
	}

	.c-d-remark-btn button {
		height: 30px;
	}

	.c-d-remark-btn button span {
		font-size: 13px;
		line-height: 30px;
	}

	.c-d-remark-btn button:hover {
		opacity: 1;
	}

	.c-d-remark-h {
		float: none;
		margin: 0 0 12.5px;
		width: 100%;
	}

	.c-d-remark-body {
		margin: 0;
	}

	.c-d-remark-body textarea {
		height: 100px;
	}

	.c-d-form-conts.c-d-confirm {
		padding: 4px 15px 24px;
	}

	.c-d-form-conts.c-d-confirm .c-d-order-head {
		padding: 0 0 7.5px;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list {
		display: block;
		padding: 15px 0 12.5px;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list-item {
		display: block;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-img {
		float: left;
		width: 73px;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-desc {
		margin: 0 0 0 85px;
		padding: 0;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-price {
		margin: 19px 0 0 85px;
		padding: 0;
		width: auto;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-price p {
		text-align: left;
	}

/* add dds */
/* 注文処理/カート */
.c-d-order-body.cart-content .c-item-list{
	display:block;
}

.c-d-order-body.cart-content .c-item-list .c-item-list-img{
	float:left;
	width:73px;
	padding:0;
}

.c-d-order-body.cart-content .c-item-list .c-item-list-desc,
.c-d-order-body.cart-content .c-item-list .c-item-list-price-num{
	display:block;
	width:auto;
	margin-left:100px;
	padding:0;
}
.c-d-order-body.cart-content .c-item-list .c-item-list-price-num{
	margin-top:10px;
	margin-right:100px;
	max-width:240px;
}
.c-d-order-body.cart-content .c-item-list .c-item-list-delete{
	position:absolute;
	right:15px;
	bottom:14px;
	display:block;
	margin:10px 0 0 auto;
	padding:0;
	width:90px;
}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-num {
		margin: 5px 0 0 85px;
		padding: 0;
		width: auto;
	}

	.c-d-form-conts.c-d-confirm .c-d-order .c-item-list .c-item-list-num p {
		text-align: left;
	}

	.c-d-form-conts.c-d-confirm + .c-d-confirm {
		padding: 4px 15px 11.5px;
	}

	.c-d-confirm-table {
		margin: 0 0 12.5px;
	}

	.c-d-confirm-table.c-d-confirm-table-bottom {
		margin: 0;
	}

	.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price th {
		font-size: 1.3rem;
		width: 85px;
	}

	.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-price td {
		font-size: 1.3rem;
	}

	.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-remark th {
		vertical-align: top;
	}

	.c-d-confirm-table.c-d-confirm-table-bottom tr.c-d-confirm-table-remark td {
		line-height: 1.5;
	}

	.c-d-confirm-table tr th {
		line-height: 1.5;
		padding: 10.5px 0;
		width: 94px;
	}

	.c-d-confirm-table tr td {
		line-height: 1.5;
		padding: 10.5px 0;
	}

	.c-d-confirm-table tr td.icon-mydelivery::before {
		top: -1px;
		font-size: 10px;
	}

	.c-d-form-conts.c-d-complete {
		padding: 12.5px 15px 15px;
	}

	.c-d-complete-conts-head p {
		padding: 0 0 12.5px;
	}

	.c-d-complete-conts-body {
		padding: 15px 0 0;
	}

	.c-d-complete-conts-body-h {
		font-size: 2.2rem;
		margin: 0 0 15px;
	}

	.c-d-complete-conts-body-num {
		font-size: 1.4rem;
		margin: 0 0 15px;
	}

	.c-d-complete-conts-body-box {
		padding: 11px 10px;
		width: 100%;
	}

	.c-d-complete-conts-body-box p {
		font-size: 1.3rem;
		text-align: left;
	}

	.c-d-complete-conts-body-box p br {
		display: none;
	}

	.c-l-cart .c-item {
		padding-bottom: 15px !important;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 44px;
	}

	.c-l-cart .c-item .c-i-star {
		top: 10px;
		right: 10px;
	}

	.c-l-cart .c-item .c-i-conts-name {
		padding: 0 80px 0 0;
	}

	.c-l-cart .c-item .c-i-conts-img {
		height: 71px;
		width: 71px;
	}

	.c-l-cart .c-item .c-i-price,
	.c-l-cart .c-item .c-i-quantity {
		padding: 0;
	}

	.c-l-cart .c-item .c-item-info-text {
		margin: 0;
	}

	.c-l-cart .c-item .c-item-info-btns {
		margin: 10px 0 0;
	}

	.c-l-cart .c-form-conts-sp-body-middle ul li {
		float: none;
		width: 100%;
	}

	.c-l-cart .c-form-conts-sp-body-middle ul li:first-child {
		margin: 0 0 25px;
	}

	.c-i-calendar {
		width: 100%;
	}

	.c-i-calendar input {
		font-size: 1.6rem;
	}

	.c-destination + .c-form-pagenation {
		margin: 15px 0 0;
	}

	.c-destination-tabs ul li {
		height: 46px;
		line-height: 46px;
	}

	.c-form-conts-destination .c-form-conts-new {
		margin: 0 0 0 13px;
		padding: 10px 0 0;
	}

	.c-form-conts-destination .c-form-conts-body {
		margin: 0 0 15px;
	}

	.c-form-conts-destination .c-form-conts-foot {
		line-height: 1;
		padding: 0 0 15px;
	}

	.c-form-conts-destination .c-form-conts-foot .c-destination-search-all {
		margin: 0 0 0 15px;
	}

	.c-form-conts-destination .c-form-conts-foot .c-destination-search-chk {
		display: none;
	}

	.c-destination-search-all.c-form-search-all:hover {
		opacity: 1;
	}

	.c-destination-list-inner {
		padding: 10.5px 10px 15px;
	}

	.c-destination-list-info {
		padding: 0 0 0 12.5px;
	}

	.c-destination-list-info-inner {
		display: block;
	}

	.c-destination-grid {
		display: block;
		padding: 0;
	}

	.c-destination-grid .c-i-conts-place {
		font-weight: 600;
		line-height: 1.4;
	}

	.c-destination-grid.c-destination-grid1 .c-destination-grid-inner {
		margin: 0 0 10px;
		padding: 0;
	}

	.c-destination-grid.c-destination-grid2 .c-destination-grid-inner {
		margin: 0 0 12.5px;
		padding: 0;
	}

	.c-destination-grid.c-destination-grid3 {
		width: 100%;
	}

	.c-destination-grid.c-destination-grid3 .c-i-star {
		float: left;
		margin: 0;
	}

/* 標準指定 */
	.c-destination-grid.c-destination-grid4 {
		width: auto;
	}

	.c-destination-grid.c-destination-grid4 .c-destination-grid-inner {
		text-align:right;
		margin-top:-10px;
	}
	.c-destination-grid.c-destination-grid4 .c-destination-grid-inner::after{
		content:"";
		display:block;
		clear:both;
	}
	.c-destination-grid.c-destination-grid4 .c-i-star{
		float:left;
		display:inline-block;
		margin-bottom:0;
		margin-top:10px;
	}
	.c-destination-grid.c-destination-grid4 .c-i-checkbtn{
		display:inline-block;
		width:100px;
		margin-left:10px;
		margin-top:10px;
	}
	.c-destination-grid.c-destination-grid4 .c-i-checkbtn span{
		line-height:30px;
		padding:1px 5px;
	}
	.c-destination-grid.c-destination-grid4 .c-destination-edit{
		margin:10px 0 0 10px;
	}
.c-destination-grid.c-destination-grid4 .c-i-checkbtn.delete{
	position:static;
	width:90px;
	float:right;
}
	.c-destination-edit {
		float: right;
	}

	.c-destination-edit a {
		border: solid 1px #c8d1d3;
		border-radius: 3px;
		display: block;
		height: 32px;
		line-height: 30px;
		text-align: center;
		width: 92px;
	}

	.c-destination-edit a span {
		color: #037097;
		font-size: 1.3rem;
		padding: 0 0 0 30px;
	}

	.c-destination-edit a span::before {
		background-image: url(../images/icon_edit_sp.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 24px auto;
		height: 17px;
		width: 24px;
	}

	.c-edit {
		position: relative;
	}

	.c-edit-inner-wide,
	.c-edit-inner {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		margin: 0;
		overflow-y: scroll;
		padding: 21px 15px 25px;
		width: 100%;
	}

/* add dds */
.c-edit.wrap-scroll .c-edit-inner-wide,
.c-edit.wrap-scroll .c-edit-inner{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		margin: 0;
		overflow-y: scroll;
		padding: 21px 15px 25px;
		width: 100%;
}
.c-edit.wrap-scroll .c-edit-inner-wide .scroll-inner,
.c-edit.wrap-scroll .c-edit-inner .scroll-inner{
	padding-bottom:0;
}

	.c-edit-head {
		margin: 0;
	}

	.c-edit-body {
		margin: 0 0 20px;
	}

	.c-edit-list {
		padding: 10px 0 0;
	}

	.c-edit-list dt {
		margin: 0;
	}

	.c-edit-btns li {
		float: none;
	}

	.c-edit-btns.justify li {
		float: left;
		width:85px !important;
	}
	.c-edit-btns.justify li + li {
		float: right;
	}

	.c-edit-btns li a {
		height: 40px;
		line-height: 40px;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	.c-edit-btns li a:hover{
		opacity:1;
	}
	.c-edit-btns li.c-edit-change {
		margin: 0 0 10px;
		width: 100%;
	}

	.c-edit-btns li.c-edit-delete,
	.c-edit-btns li.c-edit-copy {
		margin: 0 0 10px;
		width: 100%;
	}

	.c-edit-btns li.c-edit-cancel {
		margin: 0;
		width: 100%;
	}

/* add dds */
.c-edit-btns li.c-edit-send,
.c-edit-btns li.c-edit-edit{
		margin: 0;
		width: 100%;
}
.c-edit-btns li.c-edit-send{
	margin-top:10px;
}
.c-edit-btns li.c-edit-edit a {
	background: #037097;
	border: solid 1px #037097;
}

	.c-form-conts-destination .c-form-conts-sp-head .c-form-conts-sp-inp .c-i-check {
		font-size: 13px;
		margin: 18px 0 0;
	}

	.c-form-conts-destination .c-form-conts-sp-head .c-form-conts-sp-inp .c-i-check span {
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.c-form-conts-destination .c-form-conts-sp-head .c-form-conts-sp-inp .c-i-check em {
		font-style: normal;
	}

	.c-form-conts-destination .c-form-conts-sp-body-top .c-destination-search-chk {
		margin: 0 0 15px;
		width: 100%;
	}

	.c-form-conts-destination .c-form-conts-sp-body-middle .c-form-search-address {
		margin: 0 0 15px;
	}

	.c-form-conts-destination .c-form-conts-sp-body-middle .c-form-search-address:first-child {
		padding: 0;
	}

	.c-form-conts-destination .c-form-conts-sp-body-middle .c-form-search-address .c-s-category {
		width: 100%;
	}

	.c-form-conts-destination .c-form-conts-sp-body-middle .c-form-search-sach {
		display: block;
		margin: 25px 0 0;
	}

	.c-i-chkbox input.c-loading {
		width: 45px;
	}

/* add dds */
	.c-form-conts-sp-body-middle.add-kit ul li,
	.c-form-conts-sp-body-middle.add-kit ul li:first-child{
		width:50%;
	}
	.c-form-conts-sp-body-middle.add-kit ul li + li{
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
		margin-left:10px;
	}
	.c-form-conts-sp-body-middle.add-kit ul li.search{
		width:100%;
		margin-left:0;
		margin-top:25px;
	}
	.c-form-conts-sp-body-middle.add-kit select {
		line-height: 1.6;
	}
	.c-form-conts-sp-body-middle.add-kit a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		background: #037097;
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		line-height: 1.6;
		padding: 7.5px 26px 7.5px 10px;
		width: 100%;
	}

	td .text-status-red{
		float:right;
	}


  /* BLOCK */
  .block2a {
    display: block;
  }
  .block2a .block-inner {
    width: auto;
  }
  .block2a .c-d-block-grid {
    border-top-style: none;
  }
  .block2a .block-inner:first-child .c-d-block-grid {
    margin-bottom: 0;
  }

	/* block2d */
	.block2d {
		display:block;
	}
	.block2d .block-inner {
	  width: auto;
	}
	.block2d .block-inner + .block-inner{
		margin-top:10px;
	}

/* マウスドラッグソート */
  .wrap-drag-table {
  }

/* move */
#sortable tr.ui-sortable-helper{
}

/* セット構成設定 */
/* セット項目内容 */
.set-itemlist{
	position:relative;
}
.set-itemlist li{
	display:block;
}
.set-itemlist .dt-number{
	width:auto;
	
}
.set-itemlist .dt-itemname{
	padding-left:0;
	padding-right:0;
	margin-right:90px;
}

.set-itemlist .dt-quantity,
.set-itemlist .dt-quantity .c-i-text{
	position:absolute;
	margin:auto 0;
	top:0;
	bottom:0;
	right:0;
}

  /* キット封入アイテム */
  /* ランク */
  .kit-table {
    /* アイテム */
    /* 数量 */
    /* 備考 */
    /* 在庫数 */
  }
  .kit-table .rank {
    width: 3em;
    text-align: center;
  }
  .kit-table .itemname {
    width: auto;
  }
  .kit-table .quantity {
    width: auto;
  }
  .kit-table .remarks {
    width: auto;
  }
  .kit-table .stock {
    width: 5em;
  }
/*
注文管理/承認待ち注文 明細
.detail-list-type1
----------------------------------------*/
/* 定義語リスト */
	.detail-list-type1 .item-dl{
		max-width:480px;
	}
	.detail-list-type1 .item-dl dt{
		width:94px;
	}
	.detail-list-type1 .item-dl dt.spw110{
		width:110px;
	}
	.detail-list-type1 .item-dl dd{
/*		margin-left:100px;*/
	}

	/* dtの幅なりゆき dl.wauto */
	.detail-list-type1 .item-dl.wauto dt{
		float:left;
		clear:both;
		margin-bottom:0;
	}
	.detail-list-type1 .item-dl.wauto dd{
/*		overflow:visible;*/
		float:right;
		text-align:left;
	}

/* 中央の画像 */
.detail-list-type1 .image-wrap-table{
	width:100%;
	max-width:480px;
}
	.detail-list-type1 .c-item-list-item{
		width:94px;
	}
	.detail-list-type1 .c-item-list-item,
	.detail-list-type1 .item-dl{
		vertical-align:top;
	}
	/* マイお届け先 */
	.detail-list-type1 .icon-emergency{
		display:block;
		vertical-align:baseline;
	}
/* 内部右下にボタンあり */
.detail-list-type1 .has-btn{
	display:block;
}
.detail-list-type1 .has-btn .c-i-os-list-data-other-btn{
	margin-left:auto;
	align-self:flex-end;
}
/* 内部右下にボタンあり */
.detail-list-type1 .has-btn.valign-m .c-i-os-list-data-other-btn{
padding:0;
}

	/* 両端揃え dl.justify */
	.detail-list-type1 .item-dl.justify{
		min-width:initial;
		min-width:auto;
	}


/* 注文管理番号 お届け先住所 アイテム など詳細表示レイアウト ordermanagement.cssより移動
----------------------------------------*/
.c-i-table-list + .c-i-table-list .c-i-table-list-dd .c-i-table-data-info {
	width: auto;
}

.c-i-table-list:last-child .c-i-table-list-dt {
	display: block;
	padding: 11px 0 12px;
	width: 100%;
}

.c-i-table-list:last-child .c-i-table-list-dd {
	border-top: 0;
	display: block;
	padding: 0;
}

.c-i-table-list-dt {
	line-height: 1.5;
	padding: 11px 0;
	width: 112.5px;
}

.c-i-table-list-dd {
	line-height: 1.5;
	padding: 11px 0;
}



.c-i-table-data {
	display: block;
}

.c-i-table-data-img {
	display: block;
	float: left;
	height: 73px;
	width: 73px;
}

.c-i-table-data-img .c-i-conts-img {
	height: 73px;
	width: 73px;
}

.c-i-table-data-info {
	display: block;
	margin: 0 0 0 84px;
	padding: 0;
}

.c-i-table-data-info-count {
	margin: 9px 0 0;
}

.c-i-table-data-info-count dl + dl {
	margin: 4px 0 0;
}

.c-i-table-data-info-count dl dt {
	/*width: auto;*/
}
/* 注文管理/承認待ち注文 詳細 */
/* add dds */
/* selectwrap */
.c-i-period .c-i-table-selectwrap{/* カレンダーの隣にある時用 */
	vertical-align:middle;
}
.c-i-calendar + .c-i-table-selectwrap{
	margin-left:0;
	margin-top:15px;
}

.c-i-table-list-dd .c-i-calendar{
	width:40%;
	display:block;
}
.c-i-table-list-dd .c-i-calendar.only{
	width:100%;
	display:block;
	max-width:220px;
}

/* 情報参照モーダル
----------------------------------------*/
.info-ref-modal .c-edit-btns{
	margin-bottom:10px;
	text-align:right;
}
.info-ref-modal .c-edit-btns li.c-edit-cancel{
	width:120px;
	float:none;
	display:inline-block;
}
.js-modal-slide-thumb.c-d-slide-thumb li{
	height:auto;
}


/* 組織参照画面（倉庫・制作依頼先・サプライヤ・注文者） */
.info-ref-tbl th,
.info-ref-tbl td{
	width:50%;
}
.info-ref-tbl td::after{
	content:"";
	display:none;
}
.info-ref-tbl td p{
	padding:0 10px;
	float:none;
	margin-right:0;
}
.info-ref-tbl.sp-vertical tr,
.info-ref-tbl.sp-vertical th,
.info-ref-tbl.sp-vertical td{
	display:block;
	width:100%;
}
.info-ref-tbl.sp-vertical th,
.info-ref-tbl.sp-vertical td{
	box-sizing:border-box;
	float:left;
}
.info-ref-tbl.sp-vertical td{
	padding-top:5px;
	padding-bottom:5px;
}
.info-ref-tbl.sp-vertical td p{
	float:none;
	min-height:1.7em;
}

[aria-describedby="departmentSelection"] {
	max-width:80%;
}



}/* sp */

@media only screen and (max-width: 480px) {
	/* add dds */
	/* 注文処理/カート */
	.c-d-order-body.cart-content .c-item-list .c-item-list-price-num{
		margin-right:0;
		width:auto;
	}
	.c-d-order-body.cart-content .c-item-list .c-item-list-delete{
		position:static;
		right:0;
		bottom:0;
	}
}


@media only screen and (max-width: 360px) {

	.c-form-pagenation ul li {
		margin: 0 2px;
	}

	.c-pager-item a {
		padding: 0 20.5px;
	}

	.c-pager-item-ctrl a {
		padding: 0 9.5px;
	}

	.c-d-change-list-date .c-s-category::after {
		right: 10px;
	}

	.c-d-form-conts.c-d-delivery-conts + .c-form-pagenation ul li a {
		font-size: 1.2rem;
		height: 24px;
		line-height: 20px;
		width: 24px;
	}

	.c-d-complete-conts-body-num {
		font-size: 1.2rem;
	}

	.c-d-complete-conts-body-box p {
		font-size: 1.2rem;
	}

	.c-l-cart .c-form-conts + .c-form-pagenation ul li a {
		font-size: 1.2rem;
		height: 24px;
		line-height: 24px;
		width: 24px;
	}

	.c-i-calendar::after {
		right: 10px;
	}

	.c-destination + .c-form-pagenation ul li a {
		font-size: 1.2rem;
		height: 24px;
		line-height: 20px;
		width: 24px;
	}

.c-i-table-list-dd .c-i-calendar{
/*	width:35%;*/
}


/* 情報参照モーダル
----------------------------------------*/

/* inline */

}/* sp 360 */

@-webkit-keyframes spin {

0% {
	opacity: 0.2;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*0%の時は20％の透明度*/

50% {
	opacity: 1.0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*50%の時は透明度なし*/

100% {
	opacity: 0.2;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*100%の時に20％の透明度に戻る*/

}

@keyframes spin {

0% {
	opacity: 0.2;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*0%の時は20％の透明度*/

50% {
	opacity: 1.0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*50%の時は透明度なし*/

100% {
	opacity: 0.2;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*100%の時に20％の透明度に戻る*/

}

/*************************************************************************
        ローディング
************************************************************************/
#loadingDialog {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    z-index: 9999;
}

    #loadingDialog .loadingMsg {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-top: 140px;
        background: url("../images/gif-load.gif") center center no-repeat;
    }

/* aタグのイベント無効可 & 使用不可っぽい色 */
a.disabled{
    pointer-events: none;
    opacity: 0.4;
}

/* # =================================================================
#	見積オーダー 承認ルートタブ
# ================================================================= */

.c-approval-tabs ul li {
	background: #c8d1d3;
	cursor: pointer;
	float: left;
	font-size: 1.6rem;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 49.3742177722%;
}

.c-approval-tabs ul li + li {
	margin: 0 0 0 1.251564456%;
}

.c-approval-tabs ul li.is-select {
	background: #fff;
	font-weight: 600;
}

.c-approval-cons-item.hide {
	display: none;
}

/*
    (停止)
*/
.afterstop::after{
    content: "(停止)";
    margin-left: 5px;     
    font-size: small;     
    color: #f71010;     
    vertical-align: middle; 
}