@charset "utf-8";
/*共通
////////////////////////////////////////*/
h1, main h2 {
	padding: 0;
	margin: 0;
	border-bottom: none;
}
.step_icon img {
	display: block;
	margin: 0 auto;
}
.point_center {
	display: block;
	margin: 20px auto;
}
/*はてなアイコン*/
.question::after {
	content: '?';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background-color: #159DD9;
	border-radius: 20px;
}
#smsidenavi {
	display: none!important;
}

/*////////////////////////////////////////スタート画面////////////////////////////////////////*/

/* ファーストビュー
////////////////////////////////////////*/
h1 {
	margin-bottom: 10px;
	font-size: 30px;
}
h1 + p {
	font-size: 15px;
}

/*検索条件入力
////////////////////////////////////////*/
#search_input {
	margin-top: 25px;
	padding: 20px 10px;
	background: #FAF7EF;
	position: relative;
}
#search_input h2 {
	font-size: 18px;
}
#search_input picture:nth-child(2) + div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#search_input .arrow-white::after {
	transform: rotate(90deg);
}

/*サイズ画像*/
#size_img {
	width: 190px;
	height: 240px;
	margin-top: 60px;
	border: solid 1px #c4c4c4;
	border-radius: 8px;
	background: #fff;
	position: relative;
}
#size_img p {
	position: absolute;
	font-size: 15px;
	font-weight: bold;
}
#size_img img {
	width: 180px;
	height: 235px;
	padding: 30px 0;
}
#size_img .nagasa {
	top: 45px;
	right: 55px;
}
#size_img .fukasa {
	top: 105px;
	right: 5px;
}
#size_img .haba {
	bottom: 55px;
	right: 50px;
}
#size_img p:nth-of-type(4) {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/*サイズ入力*/
#size_input h2 {
	position: absolute;
	top: 85px;
	left: 10px;
}
#size_input h2 + ul {
	width: 230px;
	height: 260px;
	padding: 10px;
	margin-top: 40px;
	border: solid 1px #c4c4c4;
	border-radius: 8px;
	background: #fff;
	position: relative;
}
#size_input h2 + ul::before {
	content: "";
	border: solid 12px transparent;
	border-top: solid 15px #fff;
	position: absolute;
	top: 120px;
	left: -25px;
	transform: rotate(90deg);
	z-index: 1;
}
#size_input h2+ul::after {
	content: "";
	border: solid 12px transparent;
	border-top: solid 15px #c4c4c4;
	position: absolute;
	top: 120px;
	left: -26px;
	transform: rotate(90deg);
}
#size_input ul li:not(:last-child):not(.unit_item-left):not(.unit_item-right) {
	margin-bottom: 17px;
}
#size_input li:first-of-type p, #size_input li p span{
	display: inline-block;
	width: 35px;
	font-weight: bold;
	font-size: 16px;
}
#size_input li p span:last-child {
	width: inherit;
}
#dimensions_select, #size_input input[type="tel"] {
	width: 135px;
	height: 35px;
	padding: 0 5px;
	font-size: 22px;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
}
#dimensions_select {
	width: 165px;
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
}

/*cm,mm選択*/
.unit_item {
	display: flex;
	justify-content: end;
}
.unit_item label {
	display: block;
	width: 45px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #6C6C6C;
	border: 1px solid #C4C4C4;
	background: #F5F5F5;
}
.unit_item-left, .unit_item-left label {
	border-radius: 5px 0px 0px 5px;
}
.unit_item-right, .unit_item-right label {
	border-radius: 0px 5px 5px 0px;
}
.unit_item input:checked + label {
	color: #fff;
	background: #E23619;
}
.unit_item input {
	display: none;
}

/*追加選択*/
#add_input {
	margin: 30px 0;
	position: relative;
}

/*表面色、印刷*/
#add_input > ul {
 flex-wrap: wrap;
 justify-content: flex-start;
 gap: 15px;
}

#add_input > ul, .decoration {
 display: flex;
 margin-bottom: 15px;
}

.decoration li {
 position: relative;
}

.decoration li:nth-child(odd) label {
 border-radius: 5px 0 0 5px;
}

.decoration li:nth-child(even) label {
 border-radius: 0 5px 5px 0;
}

.decoration li:nth-child(odd) label p {
 border-radius: 5px 0 0 0;
}

.decoration li:nth-child(even) label p {
 border-radius: 0 5px 0 0;
}

.decoration li:nth-child(odd) input:checked + label p {
 border-radius: 3px 0 0 0;
}

.decoration li:nth-child(even) input:checked + label p {
 border-radius: 0 3px 0 0;
}

.decoration input {
 display: none;
}

.decoration label {
 width: 106px;
 height: 100px;
 display: block;
 text-align: center;
 line-height: 35px;
 border: 1px solid #C4C4C4;
 background: #fff;
}

.decoration input:checked + label {
 border: solid 2.5px #E23619;
}

.decoration label p {
 font-size: 16px;
 font-weight: bold;
 color: #6C6C6C;
 border-bottom: solid 1px #c4c4c4;
 background: #f5f5f5;
}

.decoration input:checked + label p {
 color: #fff;
 border-bottom: none;
 background: #E23619;
}

.decoration img {
 display: block;
 width: 80px;
 height: 64px;
 position: absolute;
 top: 37px;
 left: 15px;
}

.decoration picture {
 opacity: 0.5;
}
.decoration input:checked + label picture {
 opacity: 1;
}

/*枚数、配送先*/
#add_input li:nth-child(3) input, #add_input li select {
	width: 100px;
	height: 35px;
	padding: 0 5px;
	font-size: 22px;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
	background: #fff;
}
#add_input li:nth-child(3) span {
	font-size: 16px;
	font-weight: bold;
}
#add_input li select {
	width: 230px;
	margin-right: 5px;
	-moz-appearance: menulist;
  -webkit-appearance: menulist;
}
/*離島チェックボックス*/
.rito_label {
	font-size: 18px;
}
input[type="checkbox"] {
	margin-right: 5px;
	width: 20px;
	height: 20px;
}
/*長さ・幅・深さ・枚数の選択時*/
.inputText:focus {
 outline: #E23619 2px solid;
}
/*クリアボタン*/
#clear_btn {
	width: 110px;
	height: 35px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #6C6C6C;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	background: transparent linear-gradient(180deg, #fff 0%, #DEDEDE 100%, #f5f5f5 100%) 0% 0% no-repeat;
	box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
	position: absolute;
	right: 0;
	bottom: 20px;
	transition: 0.2s;
}
#clear_btn:hover {
	transform: translateY(2px);
	box-shadow: none;
	transition: 0.2s;
}

/*お見積りしています*/
#waitBox {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background-color: rgba(255, 255, 255, 0.7);
 display: none;
 z-index: 100;
}

#waitBox p {
 font-size: 24px;
 color: #026DB8;
 background: #fff;
 border: 1px #026DB8 solid;
 padding: 10px 40px;
 text-align: center;
 position: fixed;
 top: 40%;
 left: 135px;
}

/*////////////////////////////////////////形式などをカスタマイズ////////////////////////////////////////*/

/*お見積り結果(全体)
////////////////////////////////////////*/
#custom_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 70px;
}

/*近いサイズの既製品も見つかりました!
////////////////////////////////////////*/
#similar_box {
	position: relative;
	margin-top: 75px;
}
#similar_box h2 {
	width: 405px;
	height: 75px;
	padding: 25px 0 0 105px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: url(/img/order-box/hakomaru_assist2.png) center no-repeat;
	position: absolute;
	top: -58px;
	left: 0;
	z-index: 1;
}
#similar_box h2 + div {
	width: 460px;
	padding: 20px 20px 10px;
	background: #f5f5f5;
	overflow: hidden;
}
#similar_box h2 + div > ul {
	display: flex;
	gap: 10px;
	padding-bottom: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	left: 0px;
}
#similar_box .product_box {
	width: 400px;
	height: 165px;
	padding: 8px;
	margin-top: 0;
	border: none;
}
#similar_box .product_box > a {
	display: flex;
	gap: 10px;
}
#similar_box a picture img {
	float: left;
	width: 145px;
	height: 145px;
}
#similar_box .product_box ul {
	float: right;
	width: 230px;
}
#similar_box .product_innersize, #similar_box .product_id {
	width: 230px;
}
#similar_box .priceBox {
	margin: 0 0 5px;
}
#similar_box .product_id {
	color: #333;
}
#similar_box .product_icon {
 display: inline-block;
 font-size: 12px;
 font-weight: bold;
 color: #53392B;
 overflow: hidden;
 clear: both;
}
#similar_box .product_icon li {
 float: left;
 min-width: 35px;
 padding: 5px;
 text-align: center;
 line-height: 1;
 font-size: 14px;
 background-color: #FAF7EF;
 border: 1px solid #C4C4C4;
}
#similar_box .product_icon li + li {
 border-left: 1px solid #C4C4C4;
}
#similar_box .product_icon li.active {
 color: #53392B;
 background-color: #FFD6DD;
}
#similar_box .ds-mail ul li img {
	width: 100px;
}




/*カスタマイズ
////////////////////////////////////////*/
#custom_box section {
	padding: 10px;
	margin-top: 40px;
	border: solid 4px #53392B;
	background: #FAF7EF;
	border-radius: 3px;
}
#custom_box section.click, #custom_box section.open {
	padding: 0;
}
#custom_box section input {
	display: none;
}
#custom_box section h2 {
	padding-left: 45px;
	margin-bottom: 10px;
	font-size: 23px;
	line-height: 1.8;
}
#custom_box section.click > h2, #custom_box section.open > h2 {
	padding: 10px 55px 40px;
	margin-bottom: 0;
	z-index: 1;
	cursor: pointer;
}
#custom_box section.click > h2 + p, #custom_box section.open > h2 + p {
	position: absolute;
	top: 55px;
	left: 10px;
}
#custom_box strong {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	text-align: center;
}
/*開閉もっと見る*/
#custom_box .view_moreBox {
	height: 600px;
}
#custom_box .view_moreBox::before {
	background: linear-gradient(rgba(255, 255, 255, 0) 0, #FAF7EF 100%);
	height: 20%;
}
#custom_box .open.view_moreBox {
	height: 1705px;
}
/*開閉矢印*/
#custom_box .arrow-brown::after {
	width: 35px;
	height: 35px;
	background-size: 20px;
	top: 15px;
	right: 25px;
	margin: 0;
	transform: rotate(90deg);
	transition: 0.5s;
}
#custom_box .arrow-brown.open::after {
	transform: rotate(-90deg);
	transition: 0.5s;
}
/*開閉表示*/
#custom_box .open #flute_box, #custom_box .open #delivery_box {
	display: block;
}
#custom_box #flute_box, #custom_box #delivery_box {
	display: none;
	padding: 0 10px 10px;
}
/*最適アイコン*/
.optimal {
	padding: 3px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #E23619;
	border-radius: 3px 3px 0 0;
	position: absolute;
	top: -35px;
	left: 0;
}
.optimal span {
	font-size: 13px;
}
.hidden .optimal {
	opacity: 0.5;
}
/*価格税込み非表示*/
.priceBox li:nth-child(1) .unit_price::after, .priceBox li:nth-child(2) .unit_price::after {
	display: none;
}
/*選択リスト*/
#custom_box label {
	display: block;
	padding: 5px;
	border: solid 2px #c4c4c4;
	border-radius: 5px;
	background: #fff;
	position: relative;
}
/* 選択リスト ホバーアクション */
#custom_box section label {
 box-shadow: 1px 1px 2px rgb(0, 0, 0, 0.2);
 transition: 0.2s;
}
#custom_box section label:hover {
 	transform: translateY(2px);
 	box-shadow: none;
 	transition: 0.2s;
}
#custom_box section input:checked + label, #custom_box section .hidden {
 	box-shadow: none;
 	transition: 0s;
}
#custom_box section input:checked + label:hover, #custom_box section .hidden:hover{
 	transform: translateY(0px);
 	box-shadow: none;
 	transition: 0s;
}

/*チェックボックス*/
#custom_box section label:not(.hidden)::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #c4c4c4;
	border-radius: 0 3px 0 3px;
	position: absolute;
	top: 0;
	right: 0;
}
#custom_box section label:not(.hidden)::after {
	content: '';
	width: 20px;
	height: 20px;
	background-image: url(/img/common/checkbox.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 5px;
	right: 5px;
}
/*選択中*/
#custom_box section input:checked + label:not(.product_rank) {
 	display: block;
	border: solid 2px #E23619;
}
#custom_box section input:checked + label::before {
	background-color: #E23619;
}
/*選択不可表示*/
#custom_box label.hidden {
 border: solid 2px #e2e2e2;
}
.hidden::after {
	display: block;
 	content: '';
	width: 100%;
	background: #FAF7EF;
	border-radius: 5px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	opacity: 0.6;
}
/*形式・フルート画像*/
#custom_box section picture {
	display: block;
	height: auto;
	margin: 0 auto;
}
#custom_box section img{
	width: 100%;
	height: 100%;
}

/*//形式//*/
#custom_box section:nth-of-type(1) h2 {
	background: url(/img/order-box/icon_box.png) no-repeat top left / 40px 40px;
}
#format_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 5px;
	margin-top: 45px;
}
#format_box > li {
 	position: relative;
}
#format_box picture {
	width: 180px;
}
#format_box label {
	width: 210px;
	height: 315px;
}
#format_box .priceBox .count {
	font-size: 15px;
}
#format_box .priceBox .price {
	font-size: 18px;
}
/*サンプルカッターメッセージ*/
#sample_cutter {
 margin-bottom: 65px;
}
/*ランキング王冠アイコン*/
.product_rank {
	position: absolute;
	top: -50px;
	left: 150px;
	width: 60px;
	height: 45px;
}
.rank-1 {
	background-image: url(/img/common/icon-rank1.png);
	background-size: 60px;
}
.rank-2 {
	background-image: url(/img/common/icon-rank2.png);
	background-size: 60px;
}
.rank-3 {
	background-image: url(/img/common/icon-rank3.png);
	background-size: 60px;
}
/*星アイコン*/
#format_box .starlist {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#format_box .starlist li {
	padding-right: 25px;
	font-size: 15px;
}
#format_box .starlist img {
	width: 35px;
	height: 12px;
	position: absolute;
	top: 3px;
}
#format_box .starlist li:nth-child(1) img {
	left: 70px;
}
#format_box .starlist li:nth-child(2) img {
	right: 3px;
}
#format_box .starlist li:nth-child(3) img {
	top: 25px;
	left: 70px;
}
/*型代*/
.priceBox .unit_price {
	padding-right: 0;
}
.unit_price span:not(.price) {
	font-size: 14px;
}
.unit_price span span {
	display: none;
}
/*//フルート//*/
 #custom_box section:nth-of-type(2) h2 {
	background: url(/img/order-box/icon_flute.png) no-repeat 10px 10px / 40px 40px;
}
#flute_box strong{ 
	margin-bottom: 0;
	padding-left: 10px;
	text-align: left;
}
#flute_box li{
	display: inline-block;
	vertical-align: top;
}
#flute_box > li:nth-child(1) {
	margin: 0 15px 40px 0;
}
#flute_box > li:nth-child(2) {
	margin-bottom: 20px;
}
#flute_box > li:nth-child(3) {
	margin-right: 15px;
}
#flute_box label {
	width: 205px;
	height: 130px;
}
#flute_box ul {
	margin-bottom: 5px;
	padding: 0 10px;
}
#flute_box ul li {
	display: block;
	font-size: 16px;
}
#flute_box ul li + li {
	height: 25px;
	font-weight: bold;
}
#flute_box ul li + li span {
	font-size: 18px;
	color: #E23619;
	font-weight: bold;
}
#flute_box picture {
	width: 175px;
}
#flute_box .optimal {
	font-size: 14px;
	top: -27px;
}
/*フルート自動変換メッセージ*/
.sm-change_fl {
	width: 315px;
	padding: 10px 0;
	margin: 25px auto 0;
	border: solid #FB8700 2px;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.sm-change_fl::before {
	content: "";
	border: solid 12px transparent;
	border-top: solid 14px #fff;
	position: absolute;
	top: -24px;
	left: 140px;
	z-index: 1;
	transform: rotate(180deg);
}
.sm-change_fl::after {
	content: "";
	border: solid 12px transparent;
	border-top: solid 15px #FB8700;
	position: absolute;
	top: -27px;
	left: 140px;
	transform: rotate(180deg);
}

/*//納期//*/
 #custom_box section:nth-of-type(3) h2 {
	background: url(/img/order-box/icon_delivery.png) no-repeat 10px 10px / 40px 40px;
}
#delivery_box > p {
	margin-bottom: 10px;
}
#delivery_box > p span {
	font-weight: bold;
}
#delivery_text > li {
 	display: inline-block;
	vertical-align: top;
}
#delivery_text > li:nth-child(1) {
	margin: 0 15px 20px 0;
}
#delivery_text > li:nth-child(2) {
	margin-bottom: 20px;
}
#delivery_text > li:nth-child(3) {
	margin-right: 15px;
}
#delivery_text label{
	width: 205px;
	height: 110px;
}
#delivery_text strong {
	margin-bottom: 0;
}
#delivery_text .choice {
	border: solid 3px #E23619;
}
#delivery_text ul li {
	font-size: 16px;
	text-align: center;
}
#delivery_text ul li:nth-of-type(3) {
	font-weight: bold;
}
#delivery_text ul li span {
	font-size: 18px;
	font-weight: bold;
	color: #E23619;
}
#delivery_text .hidden span {
	display: inline-block;
	padding: 3px 20px;
	margin-top: 5px;
	font-size: 17px;
	font-weight: bold;
	color: #159DD9;
	border: solid 2px #159DD9;
	border-radius: 50px;
	background: #fff;
	position: relative;
	z-index: 1;
}

/*//納期//*/
#estimateBoxFrom + p {
	margin-top: 15px;
}


/*////////////////////////////////////////印刷無し　ご注文・ご購入手続き////////////////////////////////////////*/
.order_detail {
	margin-top: 120px;
}
.order_detail dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*ご注文内容
////////////////////////////////////////*/
.order_detail section {
	margin-top: 30px;
}
.order_detail section h2 {
	width: 460px;
	margin-bottom: 20px;
	border-bottom: solid 3px #53392B;
}
/*ご希望サイズイメージ*/
#orderContent_box h3, #sm-orderContent_box h3 {
	margin-bottom: 0;
	padding: 10px 0;
	font-size: 16px;
	text-align: center;
	background: #FAF7EF;
	border: solid 1px #c4c4c4;
	border-radius: 5px 5px 0 0;
}

#orderContent_box .delivery_size, #sm-orderContent_box .delivery_size {
 	width: 210px;
 	padding-left: 10px;
 	font-size: 14px;
 	top: 10px;
 	left: 240px;
}

/*ダンボール画像*/
.box_img {
	height: 220px;
	border: solid 1px #c4c4c4;
	position: relative;
 	background-size: 180px 180px;
 	background-repeat: no-repeat;
 	background-position: 120px 30px;
}
.box_img img {
	display: block;
	position: absolute;
	transform-origin: left bottom;
}
.box_img p {
	position: absolute;
}
.hito {
 position: relative;
 width: 220px;
 height: 220px;
}
.box_depth {
 right: 88px;
 bottom: 100px;
 white-space: nowrap;
 line-height: 1;
}
.box_width {
 right: 115px;
 bottom: 50px;
 white-space: nowrap;
 line-height: 1;
}
.box_length {
 right: 201px;
 bottom: 25px;
 white-space: nowrap;
 line-height: 1;
}

#orderContent_box dl, #sm-orderContent_box dl {
	padding: 10px 15px;
	font-size: 16px;
	border: solid 1px #c4c4c4;
	border-radius: 0 0 5px 5px;
}
#orderContent_box dt, #orderContent_box dd, #sm-orderContent_box dt, #sm-orderContent_box dd {
	width: 210px;
}
#orderContent_box dd, #sm-orderContent_box dd {
	text-align: right;
}

/*選択内容*/
.custom_list {
	margin-top: 30px;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
}
.custom_list dt, .custom_list dd {
	padding: 10px 0 10px 10px;
	font-size: 16px;
}
.custom_list dt{
	width: 40%;
	font-weight: bold;
	color: #53392B;
	background: #FAF7EF;
	border-right: solid 1px #c4c4c4;
}
.custom_list dt:first-of-type {
	border-radius: 6px 0 0 0;
}
.custom_list dt:last-of-type {
	border-radius: 0 0 0 6px;
}
.custom_list dt span {
	font-weight: bold;
	color: #159DD9;
}

.custom_list dd {
	width: 60%;
}
.custom_list dt:not(:last-of-type), .custom_list dd:not(:last-of-type) {
	border-bottom: solid 1px #c4c4c4;
}
.custom_list dd span {
	font-size: 15px;
	display: block;
}
/*選択内容 形式画像*/
.custom_list .format_value {
	background-size: 85px;
	background-position: top 3px right 1px;
}
/*表面茶色*/
.box-a {
	background: url(/img/order-box/box-a.png) center no-repeat;
}
.box-bk {
	background: url(/img/order-box/box-bk.png) center no-repeat;
}
.box-bs {
	background: url(/img/order-box/box-bs.png) center no-repeat;
}
.box-bo {
	background: url(/img/order-box/box-bo.png) center no-repeat;
}
.box-ng {
	background: url(/img/order-box/box-ng.png) center no-repeat;
}
.box-ns {
	background: url(/img/order-box/box-ns.png) center no-repeat;
}
.box-nk {
	background: url(/img/order-box/box-nk.png) center no-repeat;
}
.box-p {
	background: url(/img/order-box/box-p.png) center no-repeat;
}
.box-t {
	background: url(/img/order-box/box-t.png) center no-repeat;
}
/*表面白色*/
.box-a-w {
	background: url(/img/order-box/box-a-w.png) center no-repeat;
}
.box-bk-w {
	background: url(/img/order-box/box-bk-w.png) center no-repeat;
}
.box-bs-w {
	background: url(/img/order-box/box-bs-w.png) center no-repeat;
}
.box-bo-w {
	background: url(/img/order-box/box-bo-w.png) center no-repeat;
}
.box-ng-w {
	background: url(/img/order-box/box-ng-w.png) center no-repeat;
}
.box-ns-w {
	background: url(/img/order-box/box-ns-w.png) center no-repeat;
}
.box-nk-w {
	background: url(/img/order-box/box-nk-w.png) center no-repeat;
}
.box-p-w {
	background: url(/img/order-box/box-p-w.png) center no-repeat;
}
.box-t-w {
	background: url(/img/order-box/box-t-w.png) center no-repeat;
}

/*価格確認*/
#price_box {
	margin-top: 30px;
}
#price_box dl {
	font-size: 18px;
	line-height: 1.8;
}
#price_box dt {
	width: 30%;
}
#price_box dd {
	width: 70%;
	text-align: right;
	font-weight: bold;
}
#price_box dd span {
	display: inline-block;
	font-size: 16px;
}
#price_box dd .red {
	font-weight: bold;
}
#price_box #total_kei span:not(.red) {
	display: block;
}
#price_box dl:nth-child(2) {
	padding: 10px;
	margin: 15px 0;
	font-weight: normal;
	border-radius: 3px;
	background: #f5f5f5;
}
#price_box dl:nth-child(2) dd {
	font-weight: normal;
}
#price_box dl:nth-child(3) {
	padding-top: 10px;
	border-top: solid 1px #c4c4c4;
}
#price_box dl:nth-child(3) dd {
	font-size: 40px;
	color: #E23619;
	line-height: 1.3;
}
#price_box dl:nth-child(3) dd span {
	display: inline;
	color: #E23619;
	font-weight: bold;
}
#price_box dl:nth-child(3) dd span:last-of-type {
	display: block;
	padding-left: 5px;
	color: #333;
}
/*価格ボタン*/
#price_box a {
	display: block;
	width: 410px;
	margin: 15px auto 0;
}


/*枚数変更シミュレーション
////////////////////////////////////////*/
.simulation_box {
	margin: 30px 0;
}
/*チェックボックス削除*/
.simu_hidden_box, #simu_hidden_box2 {
	display: none;
}
/*図表示*/
.simulation_box input:checked + label + .hidden_show, #cumulative_simulation_box input:checked + label + .cum_hidden_show {
	padding: 10px 0 0;
	margin-bottom: 60px;
	height: auto;
	opacity: 1;
}
/*図非表示*/
.simulation_box .hidden_show, #cumulative_simulation_box .cum_hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s;
}
/*シミュレーションボタン*/
.simu_label, .cum_simu_label {
	margin: 0 auto 5px;
	padding: 15px;
	transition: 0.5s;
	display: block;
	border: solid 1.5px #c4c4c4;
	background-color: #F5F5F5;
	border-radius: 5px;
	position: relative;
}
.simu_label h3 {
	color: #333;
	font-size: 16px;
	margin-bottom: 0;
	display: inline;
}
/*+と-*/
.simu_label::before, .simu_label::after, .cum_simu_label::before, .cum_simu_label::after {
	content: "";
	position: absolute;
	top: 15px;
	right: 30px;
	width: 1.5px;
 	height: 20px;
 	background-color: #6C6C6C;
}
.simu_label::after, .cum_simu_label::after{
	transform: rotate(90deg);
}
.simu_label::before, .cum_simu_label::before{
	transition: 0.4s;
}
.simulation_box input:checked + .simu_label::before, #cumulative_simulation_box input:checked + .cum_simu_label::before {
	transform: rotate(90deg);
	transition: 0.3s;
}
/*価格表示*/
.simu_price_display{
	position: relative;
	border: 2px #CCCCCC solid;
 	padding: 15px;
	border-radius: 5px;
}
.simu_price_display dl {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
}
.simu_price_display dt {
	color: #333333;
	font-size: 16px;
	width: 35%;
}
.simu_price_display dt:last-of-type, .simu_price_display dd:last-of-type {
	border-top: solid 1px #c4c4c4;
}
.simu_price_display dd:last-of-type span:first-of-type {
	font-size: 30px;
	font-weight: bold;
}
.simu_price_display dd:last-of-type span:first-of-type span {
	color: #E23619;
	font-size: 18px;
	display: inline;
}
.simu_price_display dd:last-of-type span:last-of-type {
	color: #333;
	display: block;
}
.simu_price_display dd {
	font-size: 18px;
	text-align: right;
	margin: 0 0 10px 0;
	font-weight: bold;
	width: 65%;
}
#simu_info {
 	font-size: 20px;
 	padding-top: 15px;
 	display: block;
}
/*購入ボタン*/
.box_simu_cartSubmit{
	width: 300px;
	display: block;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
.box_simu_cartSubmit input {
	font-weight: bold;
	color: #fff;
	width: 300px;
	height: 50px;
}
/*アイコン説明*/
.hidden_show > p {
	position: relative;
 	padding: 0 0 0 25px;
	line-height: 1.8;
}
.hidden_show > p span {
	display: block;
}
.hidden_show > p span::before {
	display: block;
 	content: '';
 	border-radius: 50px;
 	width: 20px;
 	height: 20px;
	position: absolute;
	left: 0;
	margin-top: 3px;
}
.hidden_show > p span:nth-child(1)::before {
	background-color: #F6AC2B;
}
.hidden_show > p span:nth-child(2)::before {
	background: #2878d6;
}

/*=====グラフ#similarBox=====*/
.simulationGroup {
 width: 460px;
 height: 300px;
 position: relative;
 margin: 20px 0;
}
.linegraph {
 width: 400px;
 border: 1px #ccc solid;
 position: absolute;
 top: 0;
 right: 0;
}
.graph_line {
 width: 400px;
 height: 280px;
}
.tanka_line {
 width: 400px;
 height: 280px;
 position: absolute;
 top: 0;
 left: 0;
}
.tanka_line li {
 position: absolute;
 left: 0;
 width: 400px;
 border-top: 1px #ccc solid;
 font-size: 14px;
 list-style: none;
}
.tanka_line li span {
 position: absolute;
 left: -55px;
 top: -10px;
 white-space: nowrap;
}
.linegraph ul {
 position: absolute;
 top: 0;
 left: 0px;
}
.linegraph ul li {
 width: 39px;
 height: 280px;
 float: left;
 position: relative;
 border-right: 1px #eee solid;
 list-style: none;
}
.linegraph ul li span {
 display: block;
}
.maru {
 position: absolute;
 right: -6px;
 width: 12px;
 height: 12px;
 background: #2878d6;
 border-radius: 50%;
 cursor: pointer;
 z-index: 1;
}
.maru:hover {
 background: #003399;
}
.simu_cnt {
 position: absolute;
 top: 290px;
 left: 5px;
 width: 60px;
 white-space: nowrap;
 font-size: 12px;
 line-height: 1;
 text-align: center;
}
.simu_gokei {
 border-top: 1px #ccc solid;
}
.simu_value {
 display: none;
 position: absolute;
 left: -60px;
 width: 140px;
 padding: 5px;
 border: 1px #999 solid;
 border-radius: 5px;
 background: #f5f5f5;
 font-size: 14px;
 text-align: right;
 z-index: 2;
}
.simu_value:after {
 content: "";
 display: block;
 background: #f5f5f5;
 border-bottom: 1px #999 solid;
 border-right: 1px #999 solid;
 position: absolute;
 bottom: -10px;
 left: 85px;
 width: 15px;
 height: 15px;
 transform: rotate(45deg);
}
.linegraph .simu_kei {
 display: none;
}
#linegraph2 .tanka_line li, #print_linegraph2 .tanka_line li, #ita_linegraph2 .tanka_line li {
 display: none;
}
#linegraph2 ul li, #print_linegraph2 ul li, #ita_linegraph2 ul li {
 border-right: 1px transparent solid;
}
#linegraph2 .maru, #print_linegraph2 .maru, #ita_linegraph2 .maru {
 background: #f6ac2b;
}
#linegraph2 .maru:hover, #print_linegraph2 .maru:hover {
 background: #ff3300;
}
#linegraph2 .simu_cnt, #print_linegraph2 .simu_cnt, #ita_linegraph2 .simu_cnt {
 display: none;
}
#gosokuHosoku {
 position: absolute;
 top: 60px;
 left: 190px;
 width: 200px;
 line-height: 1.8;
 background: #fff;
 border: 3px #ccc solid;
 padding: 10px;
 border-radius: 8px;
}
#print_gosokuHosoku {
 position: absolute;
 top: 60px;
 left: 190px;
 width: 200px;
 line-height: 1.8;
 background: #fff;
 border: 3px #ccc solid;
 padding: 10px;
 border-radius: 8px;
}
.graph_blue, .graph_orange {
 position: relative;
 padding: 0 0 0 25px;
 display: block;
}
.graph_blue:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 width: 20px;
 height: 20px;
 margin: auto;
 background-color: #2878D6;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 50px;
 cursor: pointer;
 left: 0;
}dh_orange:before {
 display: block;
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 width: 20px;
 height: 20px;
 margin: auto;
 background-color: #F6AC2B;
 background-repeat: no-repeat;
 background-position: center;
 border-radius: 50px;
 cursor: pointer;
 left: 0;
}


/*////////////////////////////////////////デザイン入稿方法を選択////////////////////////////////////////*/
#design {
	margin-top: 100px;
	position: relative;
}
#design h2 {
	margin: 35px auto 45px;
	font-size: 30px;
	text-align: center;
}
#design h2 + span{
	color: #159DD9;
	position: absolute;
	top: 110px;
	right: 0;
}
/*選択ボタン*/
#design h2 + span + ul {
	display: flex;
	justify-content: space-between;
}
#design h2 + span + ul li {
	width: 50%
}
#design button{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	color: #333;
	background: #F5F5F5;
	border: solid 1px #C4C4C4;
	border-radius: 8px 8px 0 0;
	position: relative;
}
#design button.active {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #E23619;
	border: solid 1px #E23619;
}
#design button.active span {
	font-weight: bold;
}

#design form {
	padding: 10px;
	margin-bottom: 50px;
	font-size: 16px;
	border: solid 2px #E23619;
	position: relative;
	z-index: 1;
}
.process_text {
	padding: 10px;
	margin-bottom: 20px;
	background: #FAF7EF;
}
.process_text li {
	margin: 5px 0 0 1em;
	text-indent: -1em;
}

/*開閉コンテンツ*/
.describe_box h3 {
	margin-bottom: 0;
	padding: 10px;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	line-height: 2;
	cursor: pointer;
}
.describe_box {
	border: solid 1px #c4c4c4;
	border-radius: 5px;
	background: #fff;
	position: relative;
}
.describe_box + .describe_box {
	margin-top: 15px;
}
.describe_box .arrow-gray::after {
	width: 20px;
	height: 20px;
	transform: rotate(90deg);
	transition: 0.5s;
}
.describe_box.open .arrow-gray::after {
	transform: rotate(-90deg);
	transition: 0.5s;
}
.describe_box.open h3 + div {
	display: block;
}
.describe_box h3 + div {
	display: none;
	margin: 10px;
}
.describe_box > p {
	font-size: 16px;
}

/*印刷方法を選択*/
.printSelect_box {
	display: flex;
	justify-content: space-between;
}
.printSelect_box div {
	width: 215px;
	padding: 20px 5px;
	background: #fff;
	border: solid 1.5px #333;
	border-radius: 3px;
	position: relative;
}
.printSelect_box h4 + span {
	color: #159DD9;
	position: absolute;
	top: -30px;
	right: 0;
}
.printSelect_box ul:nth-child(3) {
	margin: 15px auto;
	padding: 10px 3px;
	border: solid 1px #c4c4c4;
	border-radius: 10px;
}
.printSelect_box ul:nth-child(3) li {
	font-size: 15px;
	padding: 3px 0 3px 45px;
}
.printSelect_box .furekiso ul:nth-child(3) li:nth-child(1) {
	background: url(/img/order-box/icon_furekiso1.png)no-repeat 0 0 / 40px;
}
.printSelect_box .furekiso ul:nth-child(3) li:nth-child(2) {
	background: url(/img/order-box/icon_furekiso2.png)no-repeat 0 15px / 40px;
}
.printSelect_box .furekiso ul:nth-child(3) li:nth-child(3) {
	background: url(/img/order-box/icon_furekiso3.png)no-repeat 0 5px / 40px;
}
.printSelect_box .mirapuri ul:nth-child(3) li:nth-child(1) {
	background: url(/img/order-box/icon_mirapuri1.png)no-repeat 0 5px / 40px;
}
.printSelect_box .mirapuri ul:nth-child(3) li:nth-child(2) {
	background: url(/img/order-box/icon_mirapuri2.png)no-repeat 0 15px / 40px;
}
.printSelect_box .mirapuri ul:nth-child(3) li:nth-child(3) {
	background: url(/img/order-box/icon_mirapuri3.png)no-repeat 0 5px / 40px;
}

.printSelect_box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 2;
}
.printSelect_box dt {
	width: 95px;
	font-size: 15px;
	line-height: 2.5;
}
.printSelect_box dt:last-of-type {
	width: 210px;
	height: 25px;
}
.printSelect_box dd {
	width: 107px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.printSelect_box dd:last-of-type {
	width: 210px;
}
.printSelect_box dd span{
	font-size: 14px;
	font-weight: bold;
}
.printSelect_box dd:last-of-type span {
	font-size: 30px;
	line-height: 1.5;
}
.printSelect_box dt + dd:not(:first-of-type):not(:last-of-type), .printSelect_box dd + dt {
	border-top: solid 1px #c4c4c4;
}

.fure_han span {
	display: block;
	font-size: 13px;
	position: absolute;
	top: 265px;
	right: 5px;
}
.furekiso h4 {
	height: 50px;
	margin-bottom: 0;
	font-size: 20px;
	color: #333;
	text-align: center;
	line-height: 2.5;
}
.furekiso dl ul, .mirapuri dl ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.furekiso dl ul li:nth-of-type(1) {
	font-size: 14px;
	letter-spacing: -0.04em;
	order: 2;
}
.furekiso dl ul li:nth-of-type(2) {
	font-weight: bold;
	order: 1;
}
.furekiso dl ul li:nth-of-type(3) {
	font-size: 14px;
	letter-spacing: -0.05em;
	order: 3;
}
.mirapuri dl ul li:nth-child(1){
	width: 100%;
	font-weight: bold;
	height: 60px;
	order:1;
}
.mirapuri dl ul li:nth-child(2) {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	height: 57px;
	order:2;
}

.best {
	color: #FB8700;
}
.printSelect_box .best span {
	padding-left: 45px;
	position: relative;
}
.printSelect_box .best span::after {
	content: '';
	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 0;
	bottom: 0;
	background: url(/img/order-box/point_best.png)no-repeat;
	background-size: 40px;
}

/*印刷色*/
.sort select {
	width: 80px;
	padding: 5px;
	border-radius: 3px;
	position: relative;
	top: -2px;
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
}
#design_color:not(.color12) {
	color: #fff
}
.color1 {
	background: #1C1B15;
}
.color2 {
	background: #CD3E3C;
}
.color3 {
	background: #FF6C1D;
}
.color4 {
	background: #FFB200;
}
.color5 {
	background: #297E50;
}
.color6 {
	background: #0098B3;
}
.color7 {
	background: #2A63C7;
}
.color8 {
	background: #3F51A0;
}
.color9 {
	background: #FF6D86;
}
.color10 {
	background: #8D526E;
}
.color11 {
	background: #6B412F;
}
.color12 {
	background: #fff;
	color: #1C1B15;
	border: solid #c4c4c4;
}
.color13 {
	background: #777669;
}

.mirapuri h4 {
	margin: 0 auto;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.mirapuri h4 span {
	display: block;
	font-weight: bold;
}
.mirapuri h4 img {
	display: block;
	width: 100px;
	height: 24px;
	margin: 0 auto 5px;
}



/*デザインツールを使う
///////////////////////////////////////*/
/*デザインツールの使い方*/
#Tools_box .describe_box {
	margin-bottom: 25px;
}
#Tools_box .describe_box h3{
	padding-left: 40px;
	background: url(/img/order-box/point_beginner.png)no-repeat 10px 10px / 25px;
}
#Tools_box .describe_box h4 {
	padding-bottom: 5px;
	margin-bottom: 25px;
	color: #FB8700;
	border-bottom: solid 1.5px #53392B;
}
#Tools_box .describe_box h4 span {
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333;
}
#Tools_box .describe_box div p {
	width: 265px;
	height: 105px;
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: center;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
	position: relative;
	left: 150px;
}
#Tools_box .describe_box div p::after {
	content: "";
	border: solid 12px transparent;
	border-top: solid 20px #c4c4c4;
	position: absolute;
	top: 60px;
	left: -28px;
	transform: rotate(90deg);
}
#Tools_box .describe_box div p::before {
	content: "";
	border: solid 12px transparent;
	border-top: solid 20px #fff;
	position: absolute;
	top: 60px;
	left: -27px;
	z-index: 1;
	transform: rotate(90deg);
}
#Tools_box .describe_box div p a {
	display: block;
	padding-left: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #53392B;
	background: url(/img/icon/title-tel.svg)no-repeat 20px 10px / 25px 25px;
}
#Tools_box .describe_box div img {
	width: 125px;
	height: 82px;
	position: absolute;
	top: 150px;
	left: 10px;
}
#Tools_box .describe_box iframe {
	width: 415px;
	height: 230px;
}
#Tools_box .describe_box li:first-of-type {
	font-size: 18px;
	font-weight: bold;
}

/*デザインツール*/
#designToolFrame {
	width: 435px;
	height: 1215px;
}
#printToolBox {
	background: #f4f4f4;
	padding-bottom: 20px;
}
#printToolBox p {
	font-size: 15px;
	padding-left: 10px;
}

/*印刷方法をお選びください*/
#printToolBox + h3 {
	padding-top: 80px;
	margin: 10px 0 45px;
	font-size: 25px;
	color: #333;
	text-align: center;
	background: url(/img/order-box/point_arrow.png)no-repeat top / 75px;
}
.printSelect_box a {
	height: 35px;
	margin-top: 5px;
	line-height: 35px;
}
.printSelect_box a span {
	font-weight: bold;
}
#Tools_box .none_btn .button-red {
 	background: #f5f5f5;
 	color: #ccc;
 	border: solid 1px #c4c4c4;
 	box-shadow: none;
 	margin-bottom: 5px;
}
#Tools_box .none_btn .arrow-white {
 	padding: 0;
}
#Tools_box .none_btn .arrow-white::after {
 	display: none;
}
/*シミュレーション*/
#Tools_box .printSelect_box + h3{
	margin: 30px 0 0;
	font-size: 18px;
	color: #333;
}
#Tools_box #cumulative_simulation_box, #Tools_box .simulation_box {
	margin: 15px 0 0;
}
#cumulative_simulation_box table {
 margin: 0 auto;
 border: 2px #cccccc solid;
 border-collapse: collapse;
}
#cumulative_simulation_box th {
 border-bottom: 1px #cccccc solid;
 background: #FAF7EF;
 padding: 5px 5px;
}
#cumulative_simulation_box td {
 border-bottom: 1px #cccccc solid;
 border-left: 2px #cccccc solid;
 text-align: right;
 vertical-align: middle;
 padding: 10px;
}
#cumulative_simulation_box td.border_left {
 border-left: 3px #cccccc solid;
}
#cumulative_simulation_box td img {
 width: 160px;
 margin: 0 auto;
 display: block;
}
#cumulative_simulation_box td.title {
 text-align: center;
 background: #FAF7EF;
 font-weight: normal;
 padding: 15px 0;
 width: 80px;
}
.total_price {
 border-top: 1px #C4C4C4 solid;
 padding: 15px 0 0 0;
 font-size: 18px;
}
.total_price span {
 font-weight: bold;
}
#cumulative_simulation_box td.total_price span.small {
 font-size: 80%;
 font-weight: normal;
}
#cumulative_simulation_box h3 {
 background: none;
 margin: 31px 0 -32px 0px;
}
.cheaper_price {
 background: #FFF76F;
 color: #E23619;
 position: relative;
}


/*illustratorで入稿する
///////////////////////////////////////*/
#illust_box .describe_box:not(:nth-child(5)) img {
	width: 100%;
	height: auto;
	margin-top: 10px;
	box-shadow: 0px 0px 7px rgb(0, 0, 0, 0.2);
}
#illust_box .describe_box:nth-child(4) ul {
	padding-top: 20px;
	margin-top: 20px;
	border-top: dashed #c4c4c4 2px;
}
#illust_box .describe_box:nth-child(4) li:last-child {
	margin-top: 15px;
}

/*参考価格*/
.describe_box .printSelect_box {
	margin-top: 35px;
}
.describe_box .printSelect_box div {
	display: inline-block;
	width: 200px;
}
.describe_box .printSelect_box dt {
	font-size: 14px;
}
.describe_box .printSelect_box dt:not(:last-of-type) {
	width: 86px;
}
.describe_box .printSelect_box dd {
	width: 101px;
}
.describe_box .printSelect_box dd:last-of-type {
	width: 190px;
}
.describe_box .printSelect_box .button-red {
	min-width: 155px;
	font-size: 14px;
}
/*メールで展開図を受け取る*/
#login {
	display: none;
	margin: 30px auto 0;
}
#no_login {
 	display: none;
}
#no_login h4 {
	margin: 40px 0 5px;
	font-size: 20px;
	color: #333;
	text-align: center;
}
#remind {
	padding: 20px;
	border: solid 1.5px #333;
	border-radius: 5px;
}
#remind input {
	width: 380px;
	height: 45px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
#mailMessage {
	width: 265px;
	padding: 10px 0;
	margin: 25px auto 0;
	border: solid #FB8700 2px;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
#mailMessage::before {
	content: "";
	border: solid 12px transparent;
	border-top: solid 14px #fff;
	position: absolute;
	top: -24px;
	left: 120px;
	z-index: 1;
	transform: rotate(180deg);
}
#mailMessage::after {
	content: "";
	border: solid 12px transparent;
	border-top: solid 15px #FB8700;
	position: absolute;
	top: -27px;
	left: 120px;
	transform: rotate(180deg);
}

/*注文後に入稿する
///////////////////////////////////////*/
#after_box > p {
	font-size: 18px;
}

/*ミラプリ注文*/
#after_box .mirapuri {
	padding: 20px;
	margin: 60px 0 20px;
	border: solid 2px #333;
	border-radius: 3px;
	position: relative;
}
#after_box h4 + span {
	color: #159DD9;
	position: absolute;
	top: -30px;
	left: 0;
}
#after_box .mirapuri h4 {
	margin-left: 170px;
}
#after_box .mirapuri h4 img {
	width: 160px;
	height: 39px;
	position: absolute;
	left: 35px;
	top: 20px;
}
#after_box .mirapuri ul {
	display: flex;
	margin: 20px auto;
	text-align: center;
	border: solid 1px #c4c4c4;
	border-radius: 10px;
	justify-content: space-around;
	align-items: center;
}
#after_box .mirapuri ul li {
	padding: 50px 0 10px;
}
#after_box .mirapuri ul:nth-child(3) li:nth-child(1) {
	background: url(/img/order-box/icon_mirapuri1.png)no-repeat 10px 0 / 80px;
	width: 100px;
}
#after_box .mirapuri ul:nth-child(3) li:nth-child(2) {
	background: url(/img/order-box/icon_mirapuri2.png)no-repeat 45px 15px / 80px;
	width: 160px;
}
#after_box .mirapuri ul:nth-child(3) li:nth-child(3) {
	background: url(/img/order-box/icon_mirapuri3.png)no-repeat 5px 0 / 80px;
	width: 100px;
}


#after_box .mirapuri dl {
	display: flex;
	flex-wrap: wrap;
	width: 392px;
	line-height: 2.5;
}
#after_box .mirapuri dt {
	width: 140px;
	line-height: 2.8;
}
#after_box .mirapuri dd {
	width: 252px;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}
#after_box .mirapuri dd span {
	font-size: 14px;
	font-weight: bold;
}
#after_box .mirapuri dd:last-of-type span {
	font-size: 40px;
	line-height: 1.5;
}
#after_box .mirapuri dt + dd:not(:first-of-type), #after_box .mirapuri dd + dt {
	border-top: solid 1px #c4c4c4;
}
#after_box .mirapuri .button-red{ 
	width: 390px;
}

/*後から入稿する手順*/
#after_box section {
	padding: 20px;
	background: #FAF7EF;
}
#after_box section img {
	width: 100%;
	height: auto;
	margin-top: 15px;
}
/*とりあえず相談したい
///////////////////////////////////////*/
#info_box .process_text a {
	color: #159DD9;
}
#info_box .process_text ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 5px;
}
#info_box .process_text ul p {
	color: #333;
	text-align: center;
}
#info_box .process_text ul p:hover {
	text-decoration: underline;
}
#info_box .process_text ul img {
	border: solid 1px #c4c4c4;
}

/*メールでのご相談*/
#info_box .process_text + div {
	padding: 30px 10px;
	margin-bottom: 25px;
	background: #f5f5f5;
}
#info_box .process_text + div h4 {
	font-size: 23px;
	text-align: center;
	background: url(/img/icon/title-mail.svg)no-repeat 85px 0 / 25px 25px;
}
#info_box div dt {
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #53392B;
}
#info_box div dt span {
	margin-left: 5px;
	font-size: 15px;
	color: #E23619;
}
#info_box div dd {
	padding-bottom: 15px;
	border-bottom: solid 1px #c4c4c4;
}
#info_box div dd p {
	margin-bottom: 5px;
	font-size: 14px;
}
#info_box div input[type="text"], #info_box div input[type="email"], #info_box div input[type="tel"] {
	width: 415px;
	height: 35px;
	padding: 0 10px;
	background: #fff;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
#info_box div input[type="file"] {
	width: 415px;
	padding: 10px;
	background: #fff;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
#info_box div input[type="radio"] {
	margin-right: 5px;
}

#info_box div textarea {
	width: 415px;
	height: 145px;
	padding: 10px;
	background: #fff;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
#info_box div textarea::placeholder {
	color: #c4c4c4;
}
#info_box div .info_order {
	height: 80px;
	padding: 0;
	border: none;
	background: #f5f5f5;
}
#info_box .process_text + div dl + p, #info_err_msg  {
	margin: 10px 0;
	color: #E23619;
}
#info_err_msg {
	font-weight: bold;
}
#info_box .button-brown input {
	padding: 12px 65px;
	color: #fff;
	font-weight: bold;
}

/*電話でのご相談*/
#tel_info h4 {
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 23px;
	background: url(/img/icon/title-tel.svg)no-repeat left / 25px 25px;
}
#tel_info a {
	font-size: 50px;
	font-weight: bold;
	color: #53392B;
}
#tel_info ul span {
	padding: 5px 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #53392B;
	border-radius: 5px;
}
#tel_info li {
	margin-bottom: 15px;
	color: #53392B;
	font-size: 16px;
	font-weight: bold;
}
#tel_info div p {
	margin: 10px 150px 0 0;
	float: right;
}



/*////////////////////////////////////////価格ナビ////////////////////////////////////////*/
#price_navi_sm {
	width: 480px;
	padding: 10px;
	gap: 20px;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
}
#price_navi_sm div {
	display: flex;
	gap: 10px;
	padding: 5px 10px;
	background: #fff;
	border-radius: 5px;
	align-items: center;
}
#price_navi_sm p {
	width: 130px;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bold;
	border-right: dashed 2px #C4C4C4;
}
#price_navi_sm p span:first-of-type {
	font-size: 14px;
}
#price_navi_sm p span:last-of-type {
	display: block;
	font-size: 23px;
	font-weight: bold;
	color: #E23619;
	text-align: right;
}
#price_navi_sm a:first-of-type {
	width: 165px;
	min-width: 165px;
	margin: 0 auto;
}
#price_navi_sm a:last-of-type {
	min-width: 90px;
	line-height: 1.2
}

/*////////////////////////////////////////理想の箱は表示されなかったお客様へ////////////////////////////////////////*/
#help_box {
	padding: 15px;
	margin-bottom: 50px;
	background: #FAF7EF;
	position: relative;
}
#help_box h3{
	width: 430px;
	padding: 10px 55px;
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	color: #FB8700;
	background: #fff;
	border: solid 2px #FB8700;
	border-radius: 50px;
	position: relative;
}
#help_box h3::before {
	content: "";
	border: solid 16px transparent;
	border-top: solid 19px #fff;
	position: absolute;
	top: 40px;
	left: 190px;
	z-index: 1;
}
#help_box h3::after {
	content: "";
	border: solid 16px transparent;
	border-top: solid 20px #FB8700;
	position: absolute;
	top: 42px;
	left: 190px;
}
#help_box h3 + p {
	padding: 15px;
	margin-bottom: 30px;
	font-size: 16px;
	background: #fff;
	border-radius: 10px;
}
#help_box h3 + p a {
	margin-top: 10px;
}
#help_box h3+p+p{
	font-size: 16px;
	font-weight: bold;
	color: #FB8700;
	text-align: center;
}
#help_box h3 + p + p::before, #help_box h3 + p + p::after {
	content: "";
	display: block;
	width: 15px;
	height: 20px;
	background-image: url(/img/order-box/point_sla.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 260px;
}
#help_box h3 + p + p::before {
	left: 95px;
	transform: scale(-1, 1);
}
#help_box h3 + p + p::after {
	right: 95px;
}
#help_box ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}
#help_box li picture {
	display: block;
	width: 200px;
	height: 200px;
	margin: 10px auto 0;
}
#help_box li img {
	width: 100%;
	height: 100%;
	border: solid 1px #c4c4c4;
}
#help_box li p {
	margin-top: 10px;
	text-align: center;
}

/*////////////////////////////////////////ポップアップ////////////////////////////////////////*/
.popup_window h2 {
	padding: 0 0 5px 35px;
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 1.2;
	border-bottom: 2px solid #DBBD94;
	position: relative;
}

/* 箱形式について
==============================*/
#popup1 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0;
}
#popup1 li {
	width: 180px;
	padding: 10px;
	background: #F5F5F5;
	border: solid 1px #C4C4C4;
}
#popup1 h3 {
	text-align: center;
	font-size: 18px;
}
#popup1 h3 span {
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
}
#popup1 li img {
	width: 160px;
	height: 96px;
}

/* フルートについて
==============================*/
#popup2 .popup_scroll div {
	position: relative;
	width: 375px;
	overflow: hidden;
	margin: 10px auto;
}
#popup2 ul {
	display: flex;
	margin-bottom: 10px;
	overflow-y: scroll;
}
#popup2 li {
	width: 130px;
	border: solid 1px #C4C4C4;
}
#popup2 li + li {
	border-left: none;
}
#popup2 li h3, #popup2 li img, #popup2 li p {
	padding: 5px;
}
#popup2 li h3 {
	margin: 0;
	font-size: 16px;
	text-align: center;
	background-color: #F5F5F5;
}
#popup2 li h3 span {
	font-size: 15px;
}
#popup2 .flute_thickness {
	display: block;
	color: #6C6C6C;
	margin-top: 5px;
}
#popup2 li img {
	width: 130px;
	height: auto;
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	vertical-align: top;
}
/*材質について*/
#popup2 p + h3 {
	padding-left: 5px;
	margin:  40px 0 5px;
	border-left: solid 10px #DBBD94;
}
#popup2 table {
	margin: 20px 0 10px;
	border-collapse: collapse;
	border: solid 1px #C4C4C4;
}
#popup2 table tr + tr {
	border-top: solid 1px #C4C4C4;
}
#popup2 table th, #popup2 table td {
	padding: 5px;
	vertical-align: middle;
}
#popup2 table tr:first-child th:last-child {
	width: 100px;
}
#popup2 table th {
	background-color: #F5F5F5;
}
#popup2 table th + th, #popup2 table th + td, #popup2 table td + td {
	border-left: solid 1px #C4C4C4;
}
#popup2 table tr:nth-child(n+2) td:nth-of-type(2) span {
	display: block;
	width: 25px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
}
#popup2 table tr:nth-child(3) td:nth-of-type(2) span {
	background-color: #555;
}
#popup2 table tr:nth-child(4) td:nth-of-type(2) span {
	background-color: #777;
}
#popup2 table tr:nth-child(5) td:nth-of-type(2) span {
	background-color: #999;
}
#popup2 table tr:nth-child(6) td:nth-of-type(2) span {
	background-color: #aaa;
}
#popup2 table tr:nth-child(7) td:nth-of-type(2) span {
	background-color: #ccc;
}

/* 出荷日について
==============================*/
#popup3 h2 + p {
	margin-bottom: 10px;
}
#popup3 h3 {
	padding-left: 5px;
	margin: 20px 0 5px;
	border-left: solid 10px #DBBD94;
}
#popup3 p span {
	display: block;
	color: #E23619;
}

/*入稿について
///////////////////////////////////////*/
#popup4 .popup_scroll div {
	padding: 15px;
	margin: 15px 0;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
}
#popup4 h3 {
	margin-bottom: 5px;
}
#popup4 strong {
	font-size: 16px;
	font-weight: normal;
	color: #FB8700
}
#popup4 .popup_scroll div p {
	padding-left: 25px;
	margin-top: 5px;
	position: relative;
}
#popup4 .popup_scroll div p::after {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: #FB8700;
	border-radius: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
#popup4 .popup_scroll div p::before {
	content: '';
	width: 12px;
	height: 12px;
	background-image: url(/img/common/checkbox.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1;
}

/*フレキソ印刷について　ミラプリ印刷について
///////////////////////////////////////*/
#popup5 h3, #popup6 h3 {
	padding-left: 5px;
	margin: 30px 0 5px;
	border-left: solid 10px #DBBD94;
}
#popup5 h3:nth-child(5) + ul, #popup6 h3:nth-child(3) + ul {
	padding: 15px;
	margin-top: 10px;
	background: #FAF7EF;
}
#popup5 h3:nth-child(5) + ul li, #popup6 h3:nth-child(3) + ul li {
	padding-left: 25px;
	font-size: 16px;
	line-height: 1.8;
	position: relative;
}
#popup5 h3:nth-child(5) + ul li::before, #popup6 h3:nth-child(3) + ul li::before {
	display: block;
	content: '◎';
	font-size: 20px;
	color: #E23619;
	position: absolute;
	top: -3px;
	left: 0px;
}
#popup5 picture, #popup6 picture {
	display: block;
	width: 100%;
	height: auto;
}
#popup5 picture img, #popup6 picture img {
	width: 100%;
	height: auto;	
}
.popup_group{
	display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
	margin: 10px 0 20px;
}
.popup_group li li:first-of-type {
	padding: 3px;
	margin-bottom: 5px;
	background: #f5f5f5;
}

#popup6 .popup_group li li:first-of-type {
	background: #FAF7EF;
	text-align: center;
}

/*版代について
///////////////////////////////////////*/
#popup7 h3:not(:nth-of-type(4)) {
	padding-left: 5px;
	margin: 20px 0 5px;
	border-left: solid 10px #DBBD94;
}
#popup7 h3:nth-of-type(4) {
	margin: 10px 0 0;
	padding: 15px 15px 5px;
	font-size: 16px;
	background: #FAF7EF;
}
#popup7 h3:nth-of-type(4) + p{
	padding: 0 15px 15px;
	background: #FAF7EF;
}
#popup7 picture {
	display: block;
	width: 100%;
	height: auto;
}
#popup7 picture img {
	width: 100%;
	height: auto;	
}
#popup7 picture:nth-of-type(2) {
	display: block;
	background: #FAF7EF;
}
#popup7 picture:nth-of-type(2) img {
	padding: 0 15px 15px;
}
#popup7 .han_size {
	font-weight: bold;
}

/*お問合せ
///////////////////////////////////////*/
#popup8 .err_info {
	border: none;
	border-radius: 5px;
}
#popup8 .err_info h2 {
	border-radius: 5px 5px 0 0;
}
#popup8 .err_info h2 + p {
	padding: 0 30px;
}
#popup8 .err_info ul:nth-of-type(1) li {
	display: block;
	text-align: center;
}
#popup8 .err_info ul:nth-of-type(1) span {
	margin: 0 0 5px;
}
#popup8 .err_info li:nth-of-type(1) img {
	width: 285px;
	height: 91px;
}
#popup8 .err_info li:nth-of-type(1) h3 {
	background: url(/img/icon/title-tel.svg) no-repeat 35px 0 / 30px 30px;
}
#popup8 .err_info li:nth-of-type(2) h3 {
	background: url(/img/icon/title-mail.svg) no-repeat 35px 0 / 30px 30px;
}
#popup8 .err_info dd {
	width: 290px;
}
#popup8 .err_info input[type="text"], #popup8 .err_info input[type="email"], #popup8 .err_info input[type="tel"] {
	width: 100%;
}
#popup8 .err_info textarea {
	width: 100%;
}

/*////////////////////////////////////////エラー表示////////////////////////////////////////*/

/*自動価格表示ができませんでした
///////////////////////////////////////*/
#err_box {
	padding: 20px;
	margin: 35px 0;
	background: #FFF7F7;
	position: relative;
}
.err_hakomaru::after {
	display: block;
	content: '';
	width: 80px;
	height: 80px;
	background: url(/img/hakomaru/hakomaru-sorry.png) no-repeat;
	background-size: 80px;
	position: absolute;
	top: 15px;
	left: 20px;
}
#err_box h2 {
	font-size: 20px;
	color: #E23619;
}
.err_hakomaru h2, .err_hakomaru h2 + p {
	padding-left: 90px;
}
#err_box p {
	font-size: 16px;
}
#err_box .arrow-blue::after {
	transform: rotate(-90deg);
}
#err_box div {
	padding: 15px;
	margin-top: 10px;
	font-size: 16px;
	background: #fff;
}
#err_box div p:first-of-type {
	font-size: 18px;
	font-weight: bold;
}
#err_box div p:first-of-type::before {
	content: '!';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background-color: #E23619;
	border-radius: 20px;
}
/*お問合せ
///////////////////////////////////////*/
#err_info_msg {
 	margin-top: 40px;
 	font-size: 18px;
}

#err_info::before {
 	content: '';
 	display: block;
 	background: url(/img/order-box/point_arrow2.png) no-repeat;
 	position: absolute;
 	top: -120px;
 	left: 180px;
 	width: 100px;
 	height: 90px;
}

#err_info {
 	margin-top: 150px;
 	position: relative;
}
.err_info {
	padding: 0 0 30px 0;
	background-color: #FAF7EF;
	border: solid 3px #53392B;
	border-radius: 5px;
}
.err_info h2 {
	padding: 15px 0;
	margin-bottom: 15px;
	text-align: center;
	border: none;
	color: #fff;
	background-color: #53392B;
}
.err_info h2 + p {
	padding: 0 15px;
	text-align: center;
	font-size: 16px;
}
.err_info ul {
	margin-top: 15px;
}
.err_info ul:nth-of-type(1) {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.err_info ul:nth-of-type(1) li {
	display: flex;
	align-items: center;
	color: #53392B;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2
}
.err_info ul:nth-of-type(1) span {
	display: block;
	padding: 5px 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #53392B;
	border-radius: 5px;
}
.err_info ul:nth-of-type(2) li {
	padding: 20px;
	margin: 0 20px;
	background-color: #fff;
	border: solid 1px #C4C4C4;
	border-radius: 5px;
	text-align: center;
}
.err_info ul:nth-of-type(2) li + li {
	margin-top: 20px;
}
.err_info h3 {
	margin-bottom: 10px;
	padding-left: 40px;
	line-height: 1.5;
}
.err_info li:nth-of-type(1) h3 {
	background: url(/img/icon/title-tel.svg) no-repeat 70px 0 / 30px 30px;
}
.err_info li:nth-of-type(2) h3 {
	background: url(/img/icon/title-mail.svg) no-repeat 70px 0 / 30px 30px;
}
.err_info li:nth-of-type(1) a {
	display: inline-block;
	margin: 15px 0;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
	color: #53392B;
}
.err_info li:nth-of-type(1) img {
	width: 370px;
	height: 118px;
}
.err_info dl {
	margin-bottom: 20px;
}
.err_info dt {
	padding: 15px 0 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.err_info dd {
	width: 370px;
	text-align: left;
}
.err_info textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 50px;
	padding: 10px;
	background: #fff;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
.err_info input[type="text"], .err_info input[type="email"], .err_info input[type="tel"] {
	width: 100%;
	height: 35px;
	padding: 0 10px;
	background: #fff;
	border: solid 1px #c4c4c4;
	border-radius: 3px;
}
.err_info .info_order {
	height: 100px; 
	padding: 0;
	border: none;
}

/*////////////////////////////////////////サブコンテンツ////////////////////////////////////////*/
/*共通*/
#sub_contents {
	margin-top: 100px;
}
#sub_contents h2 {
	margin-top: 100px;
}
#sub_contents h2 span {
	font-size: 20px;
	font-weight: bold;
}
#sub_contents a:hover {
	opacity: 1;
}
#sub_contents .more_right:hover {
	text-decoration: none;
}

/*比較オーダーメイドで出来ること
////////////////////////////////////////*/
#sub_box1 h2 {
	background: url(/img/icon/title-box1.svg) no-repeat top left / 30px 30px;
}
#sub_box1 h3 {
	margin: 0;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	background: #FAF7EF;
	border-radius: 5px 5px 0 0;
	position: relative;
}
#sub_box1 li:not(:nth-child(1)) {
	margin-top: 40px;
}
#sub_box1 li {
	width: 460px;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
}
#sub_box1 p {
	margin: 20px;
	font-size: 16px;
}
#sub_box1 p span {
	color: #159DD9;
}
#sub_box1 li:last-of-type span {
	display: block;
	color: #E23619;
}
#sub_box1 img {
	display: block;
	width: 450px;
	height: auto;
	margin: 0 auto 20px;
}


/*こんなお悩みありませんか？
////////////////////////////////////////*/
#sub_box2 h2 {
	background: url(/img/common/icon-title_megaphone.svg) no-repeat top left / 30px 30px;
}
#sub_box2 h3 {
	font-size: 16px;
}
#sub_box2 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}
#sub_box2 li {
	width: 222px;
	height: 255px;
	border: solid 1px #c4c4c4;
	border-radius: 5px;
}
#sub_box2 h3 {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}
#sub_box2 p {
	padding: 0 10px;
}
#sub_box2 p:first-of-type {
	margin: 10px 0;
	color: #333;
}
#sub_box2 img {
	width: 220px;
	border-radius: 5px 5px 0 0;
}

/*オーダーメイドでダンボールを作る
////////////////////////////////////////*/
#sub_contents section:nth-child(3) h2 {
	background: url(/img/icon/title-box2.svg) no-repeat top left / 30px 30px;
}
#order_other h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#order_other img {
	width: 130px;
	height: 130px;
}
#order_other .more_right {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#order_other li {
	width: 455px;
	padding: 20px;
	margin-top: 50px;
	background: #fff;
	border: solid 1px #C4C4C4;
	border-radius: 0 5px 5px 5px;
	position: relative;
}
#order_other li picture + p {
	float: right;
	width: 240px;
	margin-top: 15px;
	color: #53392B;
}
#order_other .appeal {
	height: 30px;
	padding: 0 20px;
	line-height: 30px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	background: #FB8700;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: -30px;
	left: 0;
}

/*サイズから探す
////////////////////////////////////////*/
#sub_contents section:nth-child(4) h2 {
	background: url(/img/icon/title-size.svg) no-repeat top left / 30px 30px;
}
#list_category {
	margin-top: 0;
}
#list_category p, #list_category h2, #list_category h3, .view_moreBox:not(:first-of-type), .view_moreBtn:not(:first-of-type) {
	display: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////illustrator入稿ページ////////////////////////////////////////*/
#illustOrder_box main {
	font-size: 16px;
	position: relative;
}
#illustOrder_box h1 {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 27px;
	border-bottom: 2px solid #DBBD94;
}
#illustOrder_box h1 + p{ 
	position: absolute;
	top: 0;
	right: 0;
}
#illustOrder_box h1 + p .more_right::after {
	transform: rotate(90deg);
}
#illustOrder_box h1 + p a {
	padding-right: 30px;
}
#illustOrder_box h2 {
	padding-bottom: 5px;
	font-size: 20px;
}
#illustOrder_box h2:not(:first-of-type) {
	margin-top: 50px;
}
/*アップロードファイル*/
#upload_box {
	padding: 15px;
	margin-top: 10px;
	background: #FAF7EF;
}
#upload_box > ul {
	padding: 15px;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 3px;
}
#upload_box > ul li {
	margin: 5px 0 0 1em;
	text-indent: -1em;
}
#upload_box ul a{
	color: #159DD9;
}
#upload_box .file_box {
	width: 425px;
	padding: 15px;
	background: #fff;
	border: dashed 2px #FB8700;
	border-radius: 5px;
}
#upload_box ul.file_box li:nth-child(1) {
	font-size: 20px;
	color: #FB8700;
	font-weight: bold;
}
#upload_box ul.file_box li:nth-child(2) {
	line-height: 2;
	background: url(/img/flex-title1.png)no-repeat 0 5px / 20px;
	padding-left: 25px;
}
#upload_box ul.file_box li:nth-child(3) {
	line-height: 2;
}
#upload_box ul.file_box li:nth-child(3) a {
	padding: 0 3px;
}
/*アップロードボタン*/
#upload_form span {
	width: 280px;
	height: 45px;
	display: block;
	background: #FB8700;
	border-radius: 5px;
	margin: 15px auto 0;
	position: relative;
}
#upload_form span::after {
	content: "";
	background: url(/img/icon/title-w_upload.svg) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 8px;
	left: 70px;
	z-index: 1;
}
#upload_form span input {
	color: #fff;
	font-weight: bold;
	padding: 10px 70px 10px 110px;
}
/*アップロードやり直しボタン*/
#upload_restart span {
	width: 280px;
	height: 45px;
	display: block;
	background: transparent linear-gradient(180deg, #fff 0%, #DEDEDE 100%, #f5f5f5 100%) 0% 0% no-repeat;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	margin: 15px auto 0;
	position: relative;
}
#upload_restart span::after {
	content: "";
	background: url(/img/flex-icon_reset.png) no-repeat;
	background-size: 20px;
	display: block;
	width: 20px;
	height: 25px;
	position: absolute;
	bottom: 10px;
	left: 40px;
	z-index: 1;
}
#upload_restart span input {
	color: #6C6C6C;
	font-weight: bold;
	padding: 10px 0 10px 70px;
}

/*価格表*/
#illustOrder_box .printSelect_box {
	margin-top: 10px;
}
#illustOrder_box .printSelect_box dd:last-of-type span {
	font-size: 40px;
}
#illustOrder_box .furekiso div, #illustOrder_box .mirapuri div {
	width: auto;
	border: none;
	padding: 0;
}
#f_mitumori_box_NG, #m_add_box_NG, #f_mitumori_box_OK, #m_add_box_OK {
	width: 100%;
	font-size: 15px;
	background: #f5f5f5;
	border-radius: 5px;
	display: block;
	padding: 10px;
 	margin: 20px auto 0;
}
#illustOrder_box .printSelect_box {
	justify-content: center;
	gap: 10px;
	width: 460px;
	padding: 40px 0 25px;
	margin-top: 25px;
	background: #FAF7EF;
}
#illustOrder_box .furekiso label, #illustOrder_box .mirapuri label {
	width: 90%;
	display: block;
	margin: 0 auto;
}
#illustOrder_box .furekiso label span, #illustOrder_box .mirapuri label span {
	font-weight: bold;
}

/*お問合せ*/
#staff_box {
	margin: 30px 0 70px;
}
#staff_box div {
	padding: 15px;
	border: solid 1px #c4c4c4;
	border-radius: 10px;
	position: relative
}
#staff_box ul {
	margin-top: 15px;
}
#staff_box ul li {
	color: #53392B;
	font-weight: bold;
}
#staff_box ul li + li {
	margin-top: 10px;
}
#staff_box ul span {
	padding: 5px 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #53392B;
	border-radius: 5px;
}
#staff_box a:first-of-type {
	padding-left: 45px;
	font-size: 50px;
	font-weight: bold;
	color: #53392B;
	background: url(/img/icon/title-tel.svg)no-repeat left / 35px 35px;
}
#staff_box a:last-of-type {
	vertical-align: middle;
	margin-right: 10px;
}
#staff_box p:last-of-type {
	display: inline;
	position: relative;
	vertical-align: middle;
}

#details_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#details_box h2 {
	width: 460px;
	padding: 0 0 5px 0;
}
#details_box > div {
	width: 460px;
}
#details_box dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*お問い合わせなどの「入力内容」*/
.info_order textarea[readonly="readonly"] {
 border: 0;
 width: 367px;
 height: auto;
 outline: 0;
 resize: none;
}