@charset "UTF-8";
label, label img, button {
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	text-decoration: none;
}
label:hover, label img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#karte-launcher {
  display:none !important;
}
#cart {
	background: #e9f0f6;
  padding: 90px 0 40px;
}
#cart #wrap{
  background: #e9f0f6;
}
#cart .nav {
	display: block;
}
#cart .step {
	padding-bottom: 0;
}
#cart .step h1 {
	width: 460px;
	margin: 0 auto 2em;
}
#cart .step p {
	margin-bottom: 2em;
}
#cart #main {
  padding-top: 20px;
}
#cart #category {
  background:#fff;
}

/* Footer Fixed */

#cart .checker {
	position: fixed;
  right: 75px;
	bottom: 0;
	left: 0;
	background: #333;
	background: rgba(0, 0, 0, 0.7);
	padding: 18px 0;
	margin: 0;
	z-index: 100;
}
#cart .checker .inr {
	margin: 0 auto;
}
#cart .checker i {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 101;
}
#cart .checker i:before {
	display: inline-block;
	font: normal 24px/30px "FontAwesome";
	color: #fff;
	content: "\f106";
}
#cart .checker i.hide:before {
	content: "\f107";
}
#cart .checker ul {
	display: none;
	overflow: hidden;
	padding-top: 30px;
}
#cart .checker li {
	float: left;
	width: 25%;
	text-align: left;
}
#cart .checker dl {
	width: 90%;
	margin: 0 auto;
}
#cart .checker dt {
	color: #fff;
	font: 300 24px/1 "Teko";
}
#cart .checker dd {
	background: #fff;
	color: #ccc;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 14px;
	padding: 5%;
}
#cart .checker dd.ok {
	color: #000;
}
#cart .checker dd.ok:before {
	font: normal 14px/14px "FontAwesome";
	content: "\f00c";
	color: #ff1d25;
	display: inline-block;
	margin-right: 5px;
}
#cart .checker p {
	position: absolute;
	top: 10px;
	left: 15px;
	color: #fff;
	font-weight: 600;
	line-height: 1;
}

/* STEP1-1 */

#cart .step .select {
	margin-bottom: 2em;
}
#cart .select input {
	display: none;
}
#cart .select li {
	display: inline-block;
	width: 180px;
	background: #fff;
	vertical-align: top;
	margin: 0 5px 5px;
}
#cart .select li a {
	display: block;
	position: relative;
	padding: 0 10px 10px;
	border: 3px solid transparent;
}
#cart .select li b {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: #069;
}
#cart .select li a.active {
	border-color: #069;
}
#cart .select li a.active:after {
	position: absolute;
	top: -3px;
	right: -3px;
	display: block;
	width: 22px;
	height: 22px;
	font: normal 18px/22px "FontAwesome";
	content: "\f00c";
	background: #069;
	color: #fff;
	z-index: 99;
	padding: 1px;
}
#cart #item-box {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#cart #item-box p {
	display: none;
	text-align: center;
	margin-bottom: 2em;
}
#cart #item-box p.active {
	display: block;
}
#cart #item-box .item-select {
	display: none;
}
#cart #item-box .item-select.active {
	display: block;
}
#cart .item-select {
	width: 1000px;
	background: #fff;
	overflow: hidden;
	padding: 0 0 30px;
	border-radius: 5px;
}
#cart .item-select h2 {
	background: #069;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 10px;
}
#cart .item-select .inr {
	padding: 30px 50px 0;
	width: auto;
	max-width: auto;
	text-align: left;
	overflow: hidden;
}
#cart .item-select h3 {
	font-family: 'Open Sans', 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	letter-spacing: normal;
	color: #333;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
#cart .item-select .aiop {
	float: left;
	text-align: left;
	display: inline-block;
	font-family: "teko";
	font-size: 48px;
	font-weight: 300;
	line-height: 1;
	color: #069;
	padding: 50px 20px 0;
}
#cart .item-select .select {
	float: right;
	width: 85%;
}
#cart .item-select .aiop:before {
	content: "ALL IN ONE PRICE";
	background: #069;
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 1;
	padding-top: 2px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	margin-bottom: 5px;
}
#cart .item-select label {
	position: relative;
	display: inline-block;
	background: #fff;
	vertical-align: top;
	margin: 0 10px 5px;
	text-align: center;
	width: 166px;
	padding: 0 0 10px;
}
#cart .item-select label img {
	border: 3px solid transparent;
	min-width: 160px;
	width: 160px;
	height: 160px;
}
#cart .item-select input[type="radio"]:checked+label img, #cart .item-select label.checked img {
	border-color: #069;
}
#cart .item-select input[type="radio"]:checked+label:before, #cart .item-select label.checked:before {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 22px;
	height: 22px;
	font: normal 18px/22px "FontAwesome";
	content: "\f00c";
	background: #069;
	color: #fff;
	z-index: 10;
}
#cart .item-select label b {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	color: #333;
}
#cart .allinoneprice .inr {
	width: 900px;
}
#cart .button {
	padding: 30px 0;
	text-align: center;
}
#cart .button a {
	display: inline-block;
	background: #999;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
	padding: 0 1em;
	margin: 0 5px;
	border-radius: 3px;
	min-width: 160px;
}
#cart .button .redo:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f100";
	margin-right: 10px;
}
#cart .button .previous {
	background: #666;
}
#cart .button .previous:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f104";
	margin-right: 10px;
}
#cart .button .next {
	display: none;
	background: #ff1d25;
}
#cart .button .next:after {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f105";
	margin-left: 10px;
}
#cart .tags {
	overflow: hidden;
	padding-top: 5px;
}
#cart .tags li {
	position: relative;
	display: inline-block;
	width: auto;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	padding: 3px 5px;
	background: #777;
	color: #fff;
	margin: 0 5px 5px 0;
}
#cart .tags li.red {
	background: #ff1d25;
}
#cart .tags li.orange {
	background: #ff931e;
}
#cart .tags li.green {
	background: #7ac943;
}
#cart .tags li.blue {
	background: #3fa9f5;
}
#cart .tags li.pink {
	background: #ff7bac;
}

/* STEP1-2 */

#cart .selected-item {
	width: 1000px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
	height: 54px;
}
#cart .selected-item dt {
	position: relative;
	background: #069;
	color: #fff;
	font-weight: bold;
	line-height: 36px;
	float: left;
	display: inline-block;
	padding: 9px 9px 9px 18px;
}
#cart .selected-item dt:after {
	position: absolute;
	top: 0;
	right: -54px;
	border: 27px solid transparent;
	border-left-color: #069;
	content: "";
}
#cart .selected-item dd {
	display: inline-block;
	float: left;
	font-weight: bold;
	line-height: 36px;
	text-align: left;
	padding: 9px 18px 9px 45px;
}
#cart .selected-item dd.image-data {
	float: right;
}
#cart .selected-item dd.image-data a {
	color: #3cf;
	font-size: 14px;
}
#cart .selected-item dd.image-data a:before {
	font: normal 14px/36px "FontAwesome";
	content: "\f019";
	display: inline-block;
	margin-right: 5px;
}
#cart #sku-select {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 2em;
	overflow: hidden;
}
#cart #sku-select .left {
	width: 300px;
}
#cart #sku-select .right {
	width: 650px;
}
#cart #sku-select .item-image li {
	margin-bottom: 40px;
}
#cart #sku-select .item-image li a {
	position: relative;
	display: block;
}
#cart #sku-select .item-image li a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #666;
	background: rgba(0, 0, 0, 0.6);
	font: normal 20px/36px "FontAwesome";
	color: #fff;
	width: 36px;
	content: "\f00e";
	display: block;
}
#cart #sku-select .specs {
	padding: 0;
}
#cart #sku-select .specs table {
	width: 100%;
	border: none;
	background: none !important;
}
#cart #sku-select .specs th, #cart #sku-select .specs td {
	display: block;
	text-align: left;
	border: none;
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 12px;
	white-space: normal;
}
#cart #sku-select .specs th {
	background: #666;
	color: #fff;
}
#cart #sku-select .specs td {
	margin-bottom: 1em !important;
}
#cart #sku-select .omatome {
	background: #fff;
	border: 2px solid #069;
	padding: 30px 0;
	margin-bottom: 40px;
}
#cart #sku-select .omatome dl {
	width: 216px;
	margin: 0 auto;
}
#cart #sku-select .omatome .aiop {
	font: 300 36px/1 "Teko";
	color: #069;
	letter-spacing: 3px;
	margin-bottom: 5px;
}
#cart #sku-select .omatome .blue-box {
	background: #069;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 10px;
}
#cart #sku-select .omatome dd {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	overflow: hidden;
	margin-bottom: 10px;
}
#cart #sku-select .omatome dd b {
	float: right;
}
#cart #sku-select .omatome .cap {
	font-size: 12px;
	line-height: 1.5;
}
#cart #sku-table p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 1em;
}
#cart #sku-table table {
	width: 100%;
}
#cart #sku-table th, #cart #sku-table td {
	font-size: 12px;
	line-height: 1;
	height: 30px;
	padding: 0;
}
#cart #sku-table tbody th {
	text-align: left;
	padding: 0 10px;
}
#cart #sku-table td {
	text-align: center;
	position: relative;
	color: #222;
}
#cart #sku-table td.no-stock {
	background: #ddd;
	color: #999;
}
#cart #sku-table td input {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	text-align: center;
	color: #000;
}
#cart #sku-table th.hover {
	background: #cedde5;
}
#cart #sku-table td.hover {
	background: #d9e9f0;
}
#cart #sku-table td.hover:hover {
	background: #ffc;
	cursor: text;
}
#cart #sku-table input:focus {
	background-color: #fff;
}
#cart #sku-table td.no-stock.hover {
	background-color: #bccbd2;
	color: #718088;
}
#cart .button .cart-in {
	background: #ff1d25;
}
#cart .button .cart-in:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f07a";
	margin-right: 10px;
}
#cart #content .inr {
	width: 980px;
}
#cart #content .size th, #cart #content .size td {
	font-size: 14px;
	line-height: 1;
}
#cart .item-name {
	padding: 0;
}
#cart .item-name .selected-item {
	margin-bottom: 1em;
}
#cart .item-name .selected-item li {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}
#cart .item-name .selected-item li.cap {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #666;
}
#content {
	padding: 2em 0 0;
}
#cart #content .button {
	padding: 0 0 2em;
}
#cart #content .item-content {
	background: none;
	color: #666;
	border: 1px solid #666;
	padding: 0 5%;
}
#cart #content .item-content:hover {
	background: #666;
	color: #fff;
}
#content .item-content:before {
	content: "\f107";
	font: normal 1em/1 "FontAwesome";
	margin-right: 5px;
}
#content .inr {
	/*display: none;*/
}

/* STEP1-3 */

#cart #option .print-select {
    margin-bottom: 2em;
}
#cart #option .print-select li {
	display: inline-block;
	width: 200px;
	background: #fff;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	border-radius: 5px;
	margin: 0 10px;
}
#cart #option .print-select li label {
	display: block;
	width: 130px;
	margin: 0 auto 10px;
}
#cart #option .print-select li p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#cart #option .option-select li {
	display: inline-block;
	width: 160px;
	background: #fff;
	padding: 20px;
	text-align: center;
	vertical-align: top;
	border-radius: 5px;
	margin: 0 10px;
}
#cart #option .option-select li label {
	display: block;
	width: 130px;
	margin: 0 auto 10px;
}
#cart #option .option-select li p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
#cart #option .option-select li p .option-note{
	font-weight: normal;
}
#cart #option .option-select li.option-disabled {
    background-color: #ddd;
}
#cart #option .option-select li.option-disabled img,
#cart #option .option-select li.option-disabled p{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
#cart #option .option-select li.option-disabled label, 
#cart #option .option-select li.option-disabled label img{
	-webkit-transition: initial;
	-moz-transition: initial;
	-o-transition: initial;
	transition: initial;
	pointer-events: none;
}

#cart #selected-list {
	width: 1000px;
}
#cart #selected-list p:first-child {
	margin-bottom: 2em;
}
#cart #selected-list th, #cart #selected-list td {
	font-size: 14px;
	line-height: 1.5;
}
#cart #selected-list td {
	padding: 15px;
}
#cart #selected-list td:first-child {
	text-align: left;
	width: 620px;
}
#cart #selected-list td img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 12px;
}
#cart #selected-list td a {
	display: block;
	color: #0cf;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
#cart #selected-list td dl {
	border: 1px solid #ccc;
	display: block;
}
#cart #selected-list td table {
	width: auto;
	margin: 0;
}
#cart #selected-list td table tr:first-child th {
	background: #eee;
	color: #333;
}
#cart #selected-list td th, #cart #selected-list td td {
	font-size: 12px;
	line-height: 1;
	text-align: left;
	padding: 5px;
}
#cart #selected-list td .volume {
	width: 50px;
}
#cart #selected-list td .recal {
	background: #f93;
	color: #fff;
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 6px;
}
#cart #selected-list td .recal:hover {
	background: #f60;
}
#cart #selected-list td .delete {
	background: #666;
	color: #fff;
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 6px;
}
#cart #selected-list td .delete:hover {
	background: #333;
}
#cart #selected-list .total {
	width: 355px;
	margin: 0 0 0 auto;
}
#cart #selected-list .total th, #cart #selected-list .total td {
	padding: 10px;
}
#cart #selected-list .total th {
	background: #666;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
}
#cart #selected-list .total td {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #ff1d25;
	text-align: right;
}
#cart .button .add {
	background: #666;
}
#cart .button .add:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f0fe";
	margin-right: 10px;
}
#cart .button .design {
	background: #ff1d25;
}
#cart .button .design:after {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f105";
	margin-left: 10px;
}
#cart .message {
	text-align: center;
	padding: 0;
	margin-bottom: 2em;
}
#cart .message blockquote {
	display: inline-block;
	background: #fff;
	border: 2px solid #ff1d25;
	border-radius: 10px;
	padding: 1em 2em;
	margin: 0;
}
#cart .message blockquote p {
	font-size: 24px;
	font-weight: bold;
}
#cart .message blockquote p b {
	color: #ff1d25;
}
#cart #design-select {
	display: none;
	text-align: center;
	width: 1000px;
	padding: 50px 0
}
#cart #design-select .read {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 1.5em;
}
#cart #design-select .btn-area li {
	width: 40%;
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
	text-align: center;
}
#cart #design-select .btn-area li a {
	display: block;
	border-radius: 5px;
	margin-bottom: 10px;
}
#cart #design-select .btn-area li p {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
}
#cart #design-select .btn-area li p img {
	width: 20px;
	height: 20px;
	margin-left: 3px;
	border-radius: 0;
}

/* STEP2-1 */

#design {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#model {
	float: left;
	width: 320px;
}
#design .wear {
	display: none;
}
#design .wear.active {
	display: block;
}
#design .sex {
	padding: 1em 0;
}
#design .sex li {
  cursor:pointer;
	display: inline-block;
	vertical-align: top;
	width: 66px;
	height: 66px;
}
#design .sex li a {
	display: block;
	background: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 27px 0;
	border-radius: 50%;
}
#design .sex li.active a {
	background: #666;
}
#design .sex li.active a:hover {
	background: #999;
}
#position {
	width: 500px;
	margin: 0 auto;
}
#position .preview {
	display: none;
	position: relative;
}
#position .preview:before, #position .preview:after {
	position: absolute;
	right: 10px;
	bottom: 50px;
	content: "\f067";
	font: normal 24px/36px "FontAwesome";
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 36px;
	height: 36px;
	display: block;
	text-align: center;
	border-radius: 18px;
}
#position .preview:after {
	bottom: 10px;
	content: "\f068";
}
#position .preview.active {
	display: block;
}
#position .position-select {
	padding: 1em 0;
}
#position .position-select li {
	display: inline-block;
	vertical-align: top;
	width: 66px;
	height: 66px;
}
#position .position-select li a {
	display: block;
	background: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 0;
	border-radius: 50%;
}
#position .position-select li.active a {
	background: #666;
}
#position .position-select li.active a:hover {
	background: #999;
}
#control {
	float: right;
	width: 320px;
}
#control .edit-box {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
#control .edit-box .title {
	background: #069;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: left;
	padding-left: 5px;
}
#control .edit-box .title .help {
	float: right;
}
#control .edit-box .title .help:before {
	content: "\f128";
	font: normal 14px/20px "FontAwesome";
	background: #ff931e;
	color: #fff;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
}
#control .edit-box table {
	border: none;
	margin: 0;
}
#control .edit-box th, #control .edit-box td {
	font-size: 12px;
	line-height: 24px;
	color: #666;
	background: none;
	border: none;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	padding: 5px 0px 5px 5px;
}
#control .edit-box th {
	color: #333 !important;
	width: 100px;
}
#control .edit-box input[type="button"] {
	float: right;
	background: #666;
	color: #fff;
	border: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	width: 40px;
	height: 24px;
	padding: 0 3px;
}
#control .edit-box input[type="text"] {
	width: 180px;
	height: 22px;
	border: 1px solid #eee;
}
#control .parts-select {
	overflow: hidden;
	margin-bottom: 20px;
}
#control .parts-select li {
	float: left;
	width: 76px;
	/* margin-right: 4px; */
}
#control .parts-select li + li {
    margin-left: 5px;
}
#control .parts-select li a {
	display: block;
	background: #fff;
}
#control .parts-select li a:hover {
	background: #eee;
}
#control .parts-select li a.active {
	background: #ff0;
}
#control #design-parts .edit-box {
	display: none;
}
#control #design-parts .edit-box.active {
	display: block;
}
#control .txt {
	position: relative;
}
#control .txt:before {
	position: absolute;
	top: -36px;
	left: 30px;
	content: "";
	border: 18px solid transparent;
	border-right-width: 9px;
	border-left-width: 9px;
	border-bottom-color: #fff;
}
#control .txt th, #control .clipart th {
	width: 50px;
}
#control .txt td .font-sample {
	max-height: 20px;
}
#control .txt td .font-name {
	line-height: 1.4;
}
#control .txt .color-edit li {
	/* display: none; */
	width: 30px;
	height: 18px;
	border: 1px solid #e6e6e6;
}
#control .txt .color-edit li.C22 {
	display: block;
	background: #000;
}
#control .txt .scale-bar {
	display: block;
	background: #999;
	width: 100px;
	height: 6px;
	padding: 1px;
	border-radius: 4px;
}
#control .txt .scale-bar img {
	width: 6px;
	height: 6px;
}
#control .txt .btn-list {
	overflow: hidden;
}
#control .txt .btn-list li {
	display: block;
	float: left;
	margin-right: 5px;
	background: #eee;
	border: 1px solid #e6e6e6;
}
#control .txt .btn-list li.selected {
	background: #ff0;
}
#control .txt .btn-list li:hover {
	background: #ccc;
}
#control .txt .text-decoration .btn-list li img {
	width: 20px;
	height: 20px;
}
#control .txt .deformation .btn-list {
	margin-right: -5px;
}
#control .txt .deformation .btn-list li {
	margin: 0 5px 5px 0;
}
#control .txt .deformation .btn-list li img {
	width: 40px;
	height: 27px;
}
#control .txt .deformation dl {
	overflow: hidden;
}
#control .txt .deformation dt, #control .txt .deformation dd {
	float: left;
	line-height: 18px;
	color: #333;
}
#control .txt .deformation dd {
	padding: 5px;
}
#control .clip {
	position: relative;
}
#control .clip:before {
	position: absolute;
	top: -36px;
	left: 110px;
	content: "";
	border: 18px solid transparent;
	border-right-width: 9px;
	border-left-width: 9px;
	border-bottom-color: #fff;
}
#control .edit-box .topicpath {
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	padding: 10px 0;
}
#control .edit-box .topicpath li {
	float: left;
	margin-right: 5px;
}
#control .edit-box .topicpath li:after {
	content: "\f105";
	font: normal 12px/20px "FontAwesome";
	padding-left: 5px;
}
#control .edit-box .topicpath li:last-child:after {
	display: none;
}
#control .edit-box .topicpath li a {
	font-weight: bold;
	color: #069;
}
#control .edit-box .img-box {
	overflow: hidden;
}
#control .edit-box .img-box dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	float: left;
	width: 50px;
	height: 50px;
	/* margin: 0 5px 10px 5px; */
}
#control .edit-box .img-box dt img {
	max-height: 100%;
}
#control .edit-box .pager li {
	display: inline-block;
	font-size: 12px;
	line-height: 1.4;
	padding: 0 5px;
}
#control .edit-box .pager li a {
	color: #069;
}
#control .temp {
	position: relative;
}
#control .temp:before {
	position: absolute;
	top: -36px;
	left: 190px;
	content: "";
	border: 18px solid transparent;
	border-right-width: 9px;
	border-left-width: 9px;
	border-bottom-color: #fff;
}
#cart .button .estimate {
	background: #ff931e;
}
#cart .button .estimate:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f1c1";
	margin-right: 10px;
}
#cart .button .order {
	background: #ff1d25;
}
#cart .button .order:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f00c";
	margin-right: 10px;
}

/* Control Button */

#position .preview:before, #position .preview:after {
	display: none;
}
#position .canvas {
	position: relative;
}
#position .canvas .sex-btn {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
}
#position .canvas .control-btn {
	position: absolute;
	top: 5px;
	left: 5px;
}
#position .canvas .zoom-btn {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#position .canvas .sex-btn li {
	margin-bottom: 3px;
}
#position .canvas .control-btn li, #position .canvas .zoom-btn li {
	margin-top: 3px;
}
#position .canvas .sex-btn a, #position .canvas .control-btn a, #position .canvas .zoom-btn a {
	display: block;
	width: 36px;
	height: 36px;
	color: #fff;
}
#position .canvas .sex-btn a:before, #position .canvas .control-btn a:before, #position .canvas .zoom-btn a:before {
	font: normal 24px/36px "FontAwesome";
	width: 36px;
	height: 36px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#position .canvas .sex-btn a.mens:before {
	content: "\f183";
	background: #36c;
}
#position .canvas .sex-btn a.ladies:before {
	content: "\f182";
	background: #f06;
}
#position .canvas .sex-btn a.kids:before {
	content: "\f1ae";
	background: #fc0;
}
#position .canvas .control-btn a.redo:before {
	content: "\f064";
	background: rgba(0, 0, 0, .5);
}
#position .canvas .control-btn a.undo:before {
	content: "\f112";
	background: rgba(0, 0, 0, .5);
}
#position .canvas .zoom-btn a.zoomin:before {
	content: "\f067";
	background: rgba(0, 0, 0, .5);
}
#position .canvas .zoom-btn a.zoomout:before {
	content: "\f068";
	background: rgba(0, 0, 0, .5);
}

/* STEP2-2 */

#design2 {
	padding: 0;
}
#design2 .position-box {
	position: relative;
	background: #fff;
	width: 920px;
	padding: 50px;
	margin: 0 auto 2em;
	border-radius: 5px;
	overflow: hidden;
}
#design2 .position-box h2 {
	position: absolute;
	top: 0;
	left: 0;
	background: #069;
	color: #fff;
	font: 300 30px/1 "Teko";
	display: block;
	width: 40px;
	padding: 7px 0 3px;
	border-bottom-right-radius: 5px;
}
#design2 .position-box h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: normal;
	margin-bottom: 20px;
}
#design2 .position-box .position-select {
	margin-bottom: 30px;
}
#design2 .position-box .position-select li {
	display: inline-block;
	vertical-align: top;
	width: 66px;
	margin: 0 5px 5px;
}
#design2 .position-box .position-select li input {
	display: none;
}
#design2 .position-box .position-select li label {
  display: inline-block;
	cursor: pointer;
}
#design2 .position-box .position-select li label img {
  pointer-events: none;
}
#design2 .position-box .position-select li img {
	width: 66px;
	height: 66px;
	background: #ccc;
	border-radius: 50%;
}
#design2 .position-box .position-select li input[type="radio"]:checked+label img {
	background: #069;
}
#design2 .position-box .position-select li label b {
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	padding: 5px 0;
}
#design2 .position-box ul.color-select,
#design2 .position-box ul.design-size-select {
	margin-bottom: 30px;
}
#design2 .position-box .color-select li,
#design2 .position-box .design-size-select li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 0 5px 5px;
}
#design2 .position-box .color-select li {
    width: 100px;
}
#design2 .position-box .color-select li input,
#design2 .position-box .design-size-select li input {
	display: none;
}
#design2 .position-box .color-select li label,
#design2 .position-box .design-size-select li label {
	display: block;
	border: 2px solid #ccc;
	color: #999;
	font-weight: bold;
	line-height: 50px;
	cursor: pointer;
	border-radius: 5px;
	padding: .7em;
}
#design2 .position-box .color-select li label img,
#design2 .position-box .design-size-select li label img {
    width: 66px;
}
#design2 .position-box .color-select li label b,
#design2 .position-box .design-size-select li label b {
    display: block;
    line-height: 1.5;
    margin-top: 0.7em;
    min-height: 54px;
}
#design2 .position-box .color-select li label:hover,
#design2 .position-box .design-size-select li label:hover {
	background: #eee;
}
#design2 .position-box .color-select li input[type="radio"]:checked+label,
#design2 .position-box .design-size-select li input[type="radio"]:checked+label {
	border-color: #069;
	background: #069;
	color: #fff;
}
#design2 .position-box .print-size-select {
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
#design2 .position-box .print-size-select li {
    font-size: 1.0em;
    margin-bottom: 0.8em;
}
#design2 .position-box .print-size-select li input[type="radio"] {
    width: 2em;
    transform: scale(1.3);
}
#design2 .position-box .print-size-select li input[type="text"] {
    width: 6em;
    height: 2em;
    padding: 0px 0.5em;
}
#design2 .position-box .print-size-attention {
}
#design2 .position-box .print-size-attention p {
    display: inline-block;
    margin: 1.2em 0 0;
    font-size: 0.8em;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
}
#design2 .add-position {
	display: inline-block;
	background: #666;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	padding: 0 1em;
	border-radius: 5px;
}
#design2 .add-position:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f0fe";
	margin-right: 10px;
}
#design2 .delete {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	color: #666;
}
#design2 .delete:before {
	display: inline-block;
	font: normal 1em/1 "FontAwesome";
	content: "\f00d";
	margin-right: 3px;
}
#design2 #add2 {
	/*デザイン用なので消してもOK*/
	display: none;
}
#design2 p.note-template-pos{
    margin: 10px 0;
}

/* STEP3-1 */

#draft {
	margin-bottom: 50px;
}
#draft .column li {
	display: inline-block;
	width: 250px;
	min-height: 350px;
	background: #fff;
	vertical-align: top;
	margin: 0 10px;
}
#draft .column li h2 {
	background: #069;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
}
#draft .column li .inr {
	padding: 20px 15px 10px;
}
#draft .column li img {
	width: 180px;
	margin-bottom: 15px;
}
#draft .column li p {
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 10px;
}
#draft .column li dl {
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}
#draft .column li dt {
	font-weight: bold;
}
#draft .column li dt:before {
	content: "▼";
	color: #069;
}
#draft .column li dd {
	margin-bottom: 10px;
}
#draft .column li dd form {
	text-align: center;
	padding: 5px;
}
#draft .column li dd select {
	width: 96%;
	margin-bottom: 10px;
}
#draft .column li dd button {
	background: #069;
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	width: 120px;
	height: 25px;
	padding: 5px;
	cursor: pointer;
}
#draft .column li dd button:before {
	display: inline-block;
	font: normal 12px/1 "FontAwesome";
	content: "\f0ab";
	margin-right: 5px;
}
#draft .column li dd button:hover {
	background: #3cf;
}
#draft .column li dd .id {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	width: 198px;
	margin-top: 5px;
}
#upload {
	background: #fff;
	width: 1000px;
	margin: 0 auto 50px;
}
#upload h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #333;
	letter-spacing: normal;
	margin-bottom: 20px;
}
#upload table {
	width: 75%;
	margin: 0 auto 30px;
	border: none;
	border-top: 1px solid #ccc;
}
#upload th, #upload td {
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	font-size: 14px;
	color: #333;
}
#upload th {
	background: #fafafa !important;
	color: #111;
}
#upload dl {
	margin-bottom: 10px;
}
#upload dl:last-child {
	margin: 0;
}
#upload dt, #upload dd {
	display: inline-block;
}
#upload .print-size ul {
  margin-bottom: 10px;
}
#upload .print-size li, #upload .design-data li {
  display: block;
  margin-right: 20px;
  margin-bottom: 10px;
}
#upload .print-size li input[type="radio"], #upload .design-data li input[type="checkbox"], #upload .image-data li input[type="checkbox"] {
  margin-right: 5px;
}
#upload .print-size input[type="text"] {
	width: 40px;
	height: 14px;
	border: 1px solid #ccc;
	margin: 0 2px;
	padding: 5px;
}
#upload td p {
	margin-bottom: 5px;
}
#upload label {
	vertical-align: middle;
}
#upload .print-color input[type="text"],
#upload .print-position input[type="text"],
#upload .repeat-onum input[type="text"] {
	width: 97%;
	height: 20px;
	border: 1px solid #ccc;
	padding: 5px;
}
#upload .print-position ul {
	margin-bottom: 10px;
}
#upload .print-position li, #upload .design-data li {
	display: inline-block;
	margin-right: 20px;
}
#upload .print-position li input[type="radio"], #upload .design-data li input[type="checkbox"], #upload .image-data li input[type="checkbox"] {
	margin-right: 5px;
}
#upload input[type="file"] {
	line-height: 1;
  margin-bottom: 10px;
}
#upload textarea {
	width: 97%;
	height: 100px;
	border-color: #ccc;
	padding: 5px;
}
#upload .fancybox {
	display: inline-block;
	background: #ff931e;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	padding: 3px;
	border-radius: 3px;
}
#upload .data-submit {
	display: inline-block;
	background: #ff1d25;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	padding: 15px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
#upload .data-submit:before {
	display: inline-block;
	font: normal 18px/1 "FontAwesome";
	content: "\f093";
	margin-right: 10px;
}
#upload .data-submit:hover {
	background-color: #ff931e;
}
#upload tr.disabled th,
#upload tr.disabled td {
    color: #aaaaaa;
}
#contract {
	width: 1000px;
	background: #fff4f4;
	padding: 50px 0;
	margin-bottom: 50px;
}
#contract h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #c00;
	margin-bottom: 15px;
}
#contract p {
	margin-bottom: 30px;
}
#contract h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contract .caption {
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
}

/* STEP3-2 */

#data-finish h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 20px;
	padding-top: 10px;
}
#cart .button .toppage {
	background: #999;
}
#cart .button .toppage:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f015";
	margin-right: 10px;
}
#cart .button .mypage {
	background: #666;
}
#cart .button .mypage:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f007";
	margin-right: 10px;
}

/* STEP4-1 */

#settlement .input-box {
	background: #fff;
	width: 1000px;
	margin: 0 auto 50px;
	border-radius: 5px;
}
#settlement .input-box h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	margin-bottom: 1em;
}
#settlement .red {
	color: #ff1d25;
}
#settlement .input-box h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #069;
	margin-bottom: 1em;
	letter-spacing: normal;
}
#settlement .input-box .customer-info {
	width: 75%;
	margin: 0 auto 3em;
	border: none;
	border-top: 1px solid #ccc;
}
#settlement .input-box .customer-info th, #settlement .input-box .customer-info td {
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	padding: 15px;
	font-size: 14px;
	color: #333;
}
#settlement .input-box .customer-info th {
	background: #fafafa !important;
	color: #111;
	width: 180px;
}
#settlement .input-box .customer-info th sup {
	color: #ff1d25;
}
#settlement .input-box .customer-info td.customer-mail input,
#settlement .input-box .customer-info td.customer-mail small {
    float:left;
}
#settlement .input-box .customer-info .w90 input {
	width: 90%;
}
#settlement .input-box .customer-info .w80 input {
	width: 80%;
}
#settlement .input-box .customer-info .w50 input {
	width: 50%;
}
#settlement .input-box .customer-info small {
	margin-left: 1em;
}
#settlement .input-box .customer-info ul {
	overflow: hidden;
	padding-left: 5px;
}
#settlement .input-box .customer-info li {
	float: left;
	display: inline;
	margin: 0 1em 5px 0;
}
#settlement .input-box .customer-info li label {
	margin-left: 3px;
}
#settlement .input-box .customer-info li input[type=text] {
	margin-left: 5px;
}
#settlement .input-box .customer-info input.address-search {
    -webkit-appearance: none;
	border: none;
	background: #ff931e;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 5px;
	margin-left: 5px;
	border-radius: 3px;
}
#settlement .input-box .customer-info input.address-search:hover {
	background: #ff1d25;
}
#settlement .button {
	padding: 0;
}
#cart .button .next-page {
	background: #ff1d25;
}
#cart .button .next-page:after {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f105";
	margin-left: 10px;
}

/* STEP4-2 */

#cart .button .registration {
	background: #ff1d25;
}
#cart .button .registration:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f00c";
	margin-right: 10px;
}

/* STEP4-3 */

#settlement .inr {
	width: 80%;
	margin: 0 auto 3em;
}
#settlement .item-table {
	margin: 0 auto 1em;
}
#settlement table th, #settlement table td {
	font-size: 14px;
	line-height: 1.5;
}
#settlement .item-table td {
	padding: 15px;
}
#settlement .item-table td:first-child {
	text-align: left;
	min-width: 400px;
}
#settlement .item-table td img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 12px;
}
#settlement .item-table td p {
	display: block;
	color: #333;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 5px;
}
#settlement .item-table td dl {
	border: 1px solid #ccc;
	display: block;
}
#settlement .item-table td table {
	float: left;
	width: auto;
	margin: 0 10px 0 0;
	;
	border: 1px solid #ccc;
}
#settlement .item-table td table tr:first-child {
	border-bottom: 1px dotted #ccc;
}
#settlement .item-table td table tr:first-child th {
	background: #eee;
	color: #333;
}
#settlement .item-table td th, #settlement .item-table td td {
	font-size: 12px;
	line-height: 1;
	text-align: left;
	padding: 5px;
	border: none;
}
#settlement .item-table td .volume {
	width: 50px;
}
#settlement .item-table td .recal {
	background: #f93;
	color: #fff;
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 6px;
}
#settlement .item-table td .recal:hover {
	background: #f60;
}
#settlement .item-table td .delete {
	background: #666;
	color: #fff;
	border: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 6px;
}
#settlement .item-table td .delete:hover {
	background: #333;
}
#settlement .total {
	width: 355px;
	margin: 0 0 0 auto;
}
#settlement .total th, #settlement .total td {
	padding: 10px;
	vertical-align: middle;
}
#settlement .total th {
	background: #666;
	font-size: 18px;
	line-height: 24px;
	width: 100px;
	color: #fff;
}
#settlement .total td {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #ff1d25;
	text-align: right;
}
#settlement .total2 {
	width: 355px;
	margin: 0 0 1em auto;
}
#settlement .total2 th {
	background: #999;
	color: #fff;
	width: 100px;
}
#settlement .total2 td {
	text-align: right;
}
#settlement .total2 th, #settlement .total2 td {
	padding: 5px 10px;
}
#settlement .change {
	border: none;
	background: #999;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding: 15px 20px;
	border-radius: 3px;
	cursor: pointer;
}
#settlement .change:hover {
	background: #666;
}
#settlement .payment-table {
	border-top: 1px solid #ccc;
}
#settlement .payment-table tr:first-child th {
	background: #fafafa;
	color: #333;
}
#settlement .payment-table th, #settlement .payment-table td {
	border: none;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	padding: 15px;
}
#settlement .payment-table th {
	background: #fafafa;
	width: 180px;
}
#settlement .payment-table dt {
	background: #069;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
}
#settlement .payment-table label {
	margin-left: 5px;
}
#settlement .payment-table dd {
	margin-bottom: 15px;
}
#settlement .payment-table dd img {
	max-width: 450px;
}
#settlement .payment-table p {
	margin-bottom: 10px;
}
#settlement .payment-table p.big {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#settlement .payment-table p.big b {
	color: #ff1d25;
}
#settlement .payment-table table {
	width: auto;
	border: none;
}
#settlement .payment-table td th, #settlement .payment-table td td {
	background: none !important;
	border: none;
	padding: 5px 10px;
	vertical-align: middle;
}
#settlement .payment-table td th {
	width: auto;
}
#settlement .payment-table input[type=text] {
	padding: 5px;
}
#settlement .payment-table textarea {
	width: 97%;
	height: 100px;
	border-color: #ccc;
	padding: 5px;
}
#settlement .estimate-table {
	border-top: 1px solid #ccc;
	margin-bottom: 0;
}
#settlement .estimate-table tbody {
	border-bottom: 1px dotted #ddd;
	padding: 15px;
}
#settlement .estimate-table th, #settlement .estimate-table td {
	padding: 0;
	text-align: left;
	background: none;
	border: none;
	vertical-align: top;
	padding: 15px 15px 15px 0;
	white-space: normal;
}
#settlement .estimate-table th {
	width: 90px;
}
#settlement .estimate-table th img {
	width: 90px;
	height: 90px;
}
#settlement .estimate-table td h4 {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 10px;
}
#settlement .estimate-table td li {
	font-size: 14px;
	line-height: 1.4;
}
#settlement .estimate-table td li b {
	float: right;
	color: #333;
}
#settlement .option-price, #settlement .total-price {
	border-bottom: 1px dotted #ddd;
	text-align: right;
	padding: 5px 15px;
}
#settlement .option-price {
	font-size: 14px;
	line-height: 1.4;
}
#settlement .total-price {
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc;
}
#settlement .total-price b {
	color: #ff1d25;
}

/* STEP4-5 */

#settlement h1.finish {
	width: auto;
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid #069;
	color: #069;
}
#settlement .finish-table {
	width: 500px;
	margin: 0 auto 3em;
}
#settlement .finish-table th, #settlement .finish-table td {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px;
}
#settlement .finish-table th {
	background: #666;
	color: #fff;
}
#settlement .caution-box {
	background: #fafafa;
	padding: 60px;
	width: 600px;
	margin: 0 auto 3em;
}
#settlement .caution-box dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #333;
	margin-bottom: 10px;
}
#settlement .caution-box dd {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px;
}
#settlement .caution-box dd:last-child {
	margin: 0;
}
#settlement .caution-box a {
	color: #069;
	font-weight: bold;
}
#cart .button .home {
	background: #666;
}
#cart .button .home:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f015";
	margin-right: 10px;
}
#cart .button .mypage {
	background: #ff931e;
}
#cart .button .mypage:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f007";
	margin-right: 10px;
}


#settlement .credit-frame{
    width: 100%;
    height: 860px;
    border: none;
}

/* LOGIN */

#cart.user {
	padding-bottom: 2em;
}
#login .input-box h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1em;
}
#login .input-box .read {
	margin-bottom: 2em;
}
#login .user-input {
	background: #fff;
	width: 594px;
	border: 3px solid #ccc;
	padding: 2em 60px 1.5em;
	margin: 0 auto 3em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#login .user-input li {
	margin-bottom: 0.5em;
}
#login .user-input li.button {
	padding: 0.5em 0;
}
#login .user-input li.button .login {
	background: #ff931e;
	line-height: 40px;
}
#login .user-input li.button .send {
	background: #999;
	line-height: 40px;
}
#login .user-input li.cap {
	font-size: 0.8em;
	line-height: 1.4;
	color: #666;
}
#login .user-input li.cap a {
	color: #069;
	text-decoration: underline;
}
#login .user-input label {
	display: inline-block;
	width: 130px;
	font-weight: bold;
	color: #666;
	text-align: right;
	margin-right: 5px;
}
#login .caution-box {
	background: #fff;
	padding: 2em 60px;
	width: 596px;
	margin: 0 auto 3em;
	border: 2px solid #ff1d25;
}
#login .caution-box dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #333;
	margin-bottom: 10px;
}
#login .caution-box dd {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
#login .caution-box dd li {
	font-weight: bold;
}
#login .caution-box dd li:before {
	display: inline-block;
	font: normal 1em/1.6 "FontAwesome";
	content: "\f00c";
	margin-right: 5px;
	color: #ff1d25;
}
#login .caution-box dd:last-child {
	margin: 0;
}
#login .caution-box a {
	color: #069;
	font-weight: bold;
}
#login .button {
	padding: 0;
}
#login .button .member {
	background: #ff1d25;
	color: #fff;
	font-size: 18px;
}
#login .button .member:before {
	display: inline-block;
	font: normal 1em/50px "FontAwesome";
	content: "\f234";
	margin-right: 10px;
}

/* DESIGN LIST */

#design-list section {
	width: 1000px;
	margin: 0 auto;
}
#design-list h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1em;
}
#design-list .list {
	width: 90%;
	margin: 0 auto;
	padding: 4em 5% 2em;
	background: #fff;
	border-radius: 3px;
}
#design-list .list li {
	margin-bottom: 2em;
}
#design-list .list table {
	border: none;
	border-top: 1px solid #ccc;
}
#design-list .list th, #design-list .list td {
	border: none;
	background: none;
	text-align: left;
	padding: 6px 10px;
}
#design-list .list th {
	color: #333;
	background: #f6f6f6;
	text-align: center;
}
#design-list .list tr {
	border-bottom: 1px solid #ccc;
}
#design-list .list .btn a {
	display: inline-block;
	background: #999;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	border-radius: 3px;
	color: #fff;
	vertical-align: top;
	margin: 0 10px;
	padding: 0 1em;
}
#design-list .list .btn a.edit {
	background: #ff7bac;
}
#design-list .list .btn a:before {
	display: inline-block;
	font: normal 1em/40px "FontAwesome";
	margin-right: 5px;
}
#design-list .list .btn a.edit:before {
	content: "\f044";
}
#design-list .list .btn a.delete:before {
	content: "\f1f8";
}

/*********************************************
| System Graphi 追記分                       |
*********************************************/

.input-error {
	width: 1000px;
	border: #ff0000 solid 3px;
	color: #ff0000;
	margin: 0 auto 2em;
	background-color: #fffafa;
	padding: 10px;
	border-radius: 5px;
}

.Bold{
    font-weight: bold;
}

/*
#delivery.balloon {
  top: 2px;
  right: 200px;
  width: 415px;
  text-align:left;
}
*/
.balloon p {
  line-height: 1.4em;
}
.balloon .inr {
  padding: 5px;
}

#cart .search {
    padding-top: 55px;
}
#cart .search .item-select label {
    margin: 0 27px 10px;
}

/* STEP3-2_new 追加分 */
.step3-2 {
	margin-bottom: 3em;
}
.step3-2 .plain-table th, .step3-2 .plain-table td {
	font-size: .9em !important;
	padding: .6em 1em;
}
.step3-2 .plain-table td {
	text-align: left !important;
}
.step3-2 #contract,
.jEditor #contract {
	max-width: 1000px;
	width: 90%;
}
.step3-2 #contract ul,
.jEditor #contract ul {
	width: 90%;
	font-size: .8em;
	text-align: left;
	list-style: inherit;
	padding-left: 1em;
	margin: 0 auto 1.6em;
}
.jEditor #contract ul li{
    list-style: disc;
}
.step3-2 #contract .agree,
.jEditor #contract .agree {
	font-weight: 700;
	margin: 0;
}
.step3-2 #contract .agree input,
.jEditor #contract .agree input {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: baseline;
	margin-left: .4em;
}
#settlement.step3-2 .total.number {
	margin-bottom: 1em;
}
#settlement.step3-2 .total.number th {
	background: #eee;
	color: #333;
}
#settlement.step3-2 .total.number td {
	font-size: inherit;
	font-weight: normal;
	color: #333;
}

@media screen and (max-width: 480px) {
	.step3-2 {
		padding: 0 !important;
	}
	.step3-2 .inr {
		width: 100% !important;
		margin: 0 auto 2em !important;
	}
	.step3-2 table tr {
		display: table-row !important;
	}
	.step3-2 #contract .agree input,
	.jEditor #contract .agree input {
		width: auto;
		height: auto;
	}
	.step3-2 #contract,
	.jEditor #contract {
		margin-bottom: 3em !important;
	}
}
#cart #sku-table td input::-webkit-input-placeholder { color: #bbb; transition: 0.2s linear; }
#cart #sku-table td input:-moz-placeholder { color: #bbb; transition: 0.2s linear; }
#cart #sku-table td input::-moz-placeholder { color: #bbb; transition: 0.2s linear; }
#cart #sku-table td input::placeholder { color: #bbb; transition: 0.2s linear; }

#cart #sku-table td input:focus::-webkit-input-placeholder { color: transparent; }
#cart #sku-table td input:focus:-moz-placeholder { color: transparent; }
#cart #sku-table td input:focus::-moz-placeholder { color: transparent; }
#cart #sku-table td input:focus::placeholder { color: transparent; }

#cart #sku-table div.table-attention{
    text-align: left;
    font-size: 12px;
}