/*
オーダーシート用
*/
#container{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	font-size: 14px;
	padding: 45px 30px;
}

#design_image img.design{
	width: 40%;
	max-width: 300px;
}
#order h2.about{
	font-size: 32px;
	margin-top: 50px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: bold;
	border-bottom: 3px solid #333;
}
#order h3.about2 {
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	padding: 10px 0;
	border-style: none; 
	color:#333;
	margin-top: 50px;
}
#order h4{
	font-size: 18px;
}
.page{
	background: #fff !important;
}
table.column2{
	border: 1px solid #333;
	table-layout: fixed;
	text-align:center;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
table.column2 th,
table.column2 td{
	border: 1px solid #333;
	text-align:left;
	padding: 5px 10px;
	line-height: 1.5;
}
table.column2 th{
	background-color: #ddd;
	width: 300px;
	font-weight: bold;
}
table.column2 td.count{
	text-align:right;
}

table.normal{
	table-layout: fixed;
	text-align:center;
}
table.normal th, table.normal td{
	border: 1px solid #333;
	width: 25%;
	text-align:center;
}
table.normal th{
	background-color: #ddd;
}
table.normal td.count{
	text-align:right;
}

/*二行の表のスタイル*/
table.harf{
	width: 50%;
	max-width: 100%;
	margin-bottom: 20px;
	text-align: center;
	table-layout: fixed;
}
table.harf th, table.harf td{
	border: 1px solid #333;
	padding: 5px 10px;
	line-height: 1.5;
}
table.harf th{
	font-weight: bold;
	background-color: #ddd;
}
table.harf td{
	text-align: right;
}
table.harf td.count{
	text-align:right;
}
/*3行のテーブルのスタイル*/
table.three{
	width: 25%;
	max-width: 100%;
	margin-bottom: 20px;
	text-align: center;
	table-layout: fixed;
}
table.three th, table.three td{
	border: 1px solid #333;
	padding: 5px 10px;
	line-height: 1.5;
}
table.three th{
	font-weight: bold;
	background-color: #ddd;
}
table.three td{
	text-align: center;
}
td.order-opitions {
	white-space: pre;
}

/*合計金額のスタイル*/
.price{
	text-align:right;
	margin-bottom: 60px;
	margin-top: 50px;
}
.price p{
	font-size:23px;
	font-family: "游ゴシック";
	font-weight: 450;
	line-height: 1.6;
	border-bottom:3px solid #333;
	padding-bottom:8px;
	display:inline;
}
.price_total{
	text-align:right;
	margin-bottom: 60px;
	margin-top: 100px;
}
.price_total p{
	font-size:23px;
	font-family: "游ゴシック";
	font-weight: 450;
	line-height: 1.6;
	border-bottom:3px solid #333;
	padding-bottom:8px;
	display:inline;
}
/*印刷ボタン*/
.submit{
	text-align: center;
}
input[type=button] {
	font-size: 15px;
	padding: 8px 100px;
	margin-top: 40px;
	cursor: pointer;
	display: inline-block;
	background-color: #208DC3;
	color: white;
}
/*スマートフォンの印刷仕方のリストスタイル*/
.sp_ol{
	list-style-type: decimal;
	border-radius :1px;
	padding: 0.5em 0.5em 0.5em 2em;
	width:50%;
	background-color: whitesmoke;
}
.sp_li{
	line-height: 1.5;
	padding: 0.5em 0;
	margin-left: 10px;
}
.sp_print_chrome {
	margin: 30px 0px;
}
.sp_print_subtitle{
	margin-top:20px;
	margin-bottom:10px;
}

/*印刷用CSS*/
@media print
{
	html,body{
		height: auto;
		font-size: 12px;
	}
	#container{
		width: 1024px;
		padding: initial;
	}
	#design_image img.design{
		width: initial;
		max-height: 700px;
	}
	#order {
		width: 100%;
		padding: 0px;
	}
	#order h2{
		font-size: 26px;
		margin-top:0px;
		margin-bottom: 5px;
	}
	#order h3.about2{
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#header, #footer,.submit,
	.order__message .orderMode_confirm,
	.sp_print,#mycos_contact_wrap
	{
		display:none;
	}
	.page-break-before{
		page-break-before:always;
	}			
	#order,.price_total{
		margin-bottom:0px;
		padding-bottom:0px;}
	.price{
		margin-top:30px;
		margin-bottom:30px;
	}
	body {
		-webkit-print-color-adjust: exact;
	}
	table.harf th,table.normal th {
		background-color: #ddd !important;
	}
	.box{
		width:100%;
		height:60px;
		border:1px solid #333;
		margin-bottom:10px;
	}
}