@charset "UTF-8";

#order .wrap {
	padding-top:60px;
}
#order .contents {
}
#order .contents h2 {
	font-size:1.8rem;
	padding:.5em;
	text-align:	center;
	font-weight:500;
	background-color:#088D87;
	color:#FFFFFF;
	max-width:800px;
	margin:0 auto;
}
#order table.detail {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	background-color:#FFFFFF;
	max-width:800px;
	margin:0 auto 60px;
}
#order table.detail th,
#order table.detail td {
	font-size:1.5rem;
	font-weight:500;
	line-height:1.3;
	padding:.5em;
	border:1px solid #acacac;
	text-align:left;
	vertical-align:top;
	text-align:center;
}
#order table.detail thead th {
	background-color:#E4EFEF;
	text-align:center;
}
#order table.detail tbody td.num {
	width:3em;
}
#order table.detail tbody td.pname {
	text-align:	left;
	padding: .55em 1em;
}
#order table.detail tbody td.quantity {
	width:10%;
}
#order table.detail#over10 tbody td.quantity {
	width:20%;
}
#order table.detail#over10 tbody td.label {
	text-align:right;
	padding-right:2em;
}
#order table.detail tbody td.unit {
	width:15%;
}
#order table.detail tbody td.price {
	width:20%;
}
#order table.detail tbody tr:last-child td:nth-child(-n+3) {
	border-right:0;
	border-left:0;
}
#order table.detail tbody tr:last-child td:first-child {
	border-left:1px solid #acacac;
}
#order ul.att li {
	font-size:1.4rem;
	line-height:1.5;
	text-indent:-2.6em;
	padding-left:2.6em;
}



#form .wrap {
	padding-top:60px;
}
#main #form .contents > p {
	text-align:center;
	margin-bottom:3em;
}
#form .contents {
	max-width:800px;
}
#form table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
	font-size:1.6rem;
	line-height:1.3;
}
#form table tr {
	border-bottom:1px solid #cccccc;
}
#form table th {
	padding:1em 0;
	vertical-align:top;
	width:12em;
}
#form table td {
	padding:1em .5em;
}
#form table td input[type="text"],
#form table input[type="email"],
#form table input[type="tel"],
#form input[type="submit"],
#form input[type="button"],
#form table td textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	font-size:16px;
	box-sizing:border-box;
	padding:.5em 1em;
	border-radius:0;
	width:100%;
	box-shadow: none;
	background:none;
	outline:0;
}
#form table td select {
	padding:.5em;
	border-radius:6px;
}
#form table td input[type="text"],
#form table td input[type="email"],
#form table td input[type="tel"] {
	border:1px solid #999999;
	background-color:#FFFFFF;
}
#form table td .fbox {
	width:100%;
}
#form table td .fbox .bar {
	padding-top:.3em;
	margin:0 .5em
}
#form table td input#zip {
	width:5em;
	max-width:100%;
}
#form table td input#zip1 {
	width:6em;
	max-width:100%;
}
#form table .zip td .fbox > span {
	max-width:30%;
}
#form table td input[type="tel"] {
	width:8em;
	max-width:100%;
}
#form table .tel td .fbox > span {
	max-width:25%;
}
#form table td input#tel1 {
}
#form table td input#tel2 {
}
#form table td input#tel3 {
}
#form table td textarea {
	border:1px solid #999999;
	background-color:#FFFFFF;
	height:5em;
}
#form table td input[type="checkbox"] {
	width:1em;
	height:1em;
	transform:translateY(-.1em);
}

#form table tr.req th::after {
	content:'必須';
	display:inline-block;
	line-height:1.5;
	padding:0 .5em;
	border-radius:3px;
	background-color:#cc0000;
	color:#FFFFFF;
	font-size:1.3rem;
	transform:translateY(-.1em);
	margin-left:.5em;
}
#form div.submit {
	width:100%;
}
#form .submit input[type="submit"],
#form .submit input[type="button"] {
    display:block;
    font-size:1.6rem;
    line-height:1;
    width:250px;
    padding:1.25em 0;
    box-sizing:border-box;
    color:#FFFFFF;
    background-color:#088D87;
    text-align:center;
    margin:0 5px 10px;
    transition:.3s;
}
#form .submit input[type="button"] {
	background-color:#999999;
}
.contents .submit input[type="submit"]:hover,
.contents .submit input[type="button"]:hover {
    opacity:.8;
}
#form .wpcf7-spinner {
	display:block;
	margin: 0 calc(50% - 24px);
    background-color:#088D87;
	opacity:1;
}
#form .wpcf7 form.invalid .wpcf7-response-output,
#form .wpcf7 form.unaccepted .wpcf7-response-output,
#form .wpcf7 form.payment-required .wpcf7-response-output {
	border:	none;
	color:#ff0000;
	text-align:	center;
	margin: 0;
}
#form .wpcf7-not-valid-tip {
	font-size:1.4rem;
}
#main #form .contents p.thanks {
	text-align:	center;
	padding-top: 2em;
}

@media screen and (max-width:640px){

#order .wrap {
	padding-top:30px;
}
#order .contents h2 {
	font-size:1.6rem;
}
#order table.detail {
	margin:0 auto 30px;
}
#order table.detail th,
#order table.detail td {
	font-size:1.4rem;
	padding:.5em .25em;
}
#order table.detail tbody td.num {
	width:2em;
}
#order table.detail tbody td.quantity {
	width:3em;
}
#order ul.att li {
	font-size:1.2rem;
}
#order table.detail#over10 tbody td.quantity {
	width:30%;
}


#form .wrap {
	padding-top:30px;
}
#main #form .contents > p {
	margin-bottom:2em;
}
#form table {
	margin-bottom:15px;
	font-size:1.4rem;
}
#form table tr {
	border-bottom:1px solid #cccccc;
}
#form table th {
	display:block;
	width:100%;
	padding:1em .5em 0;
}
#form table td {
	display:block;
	width:100%;
}
#form table tr.req th::after {
	font-size:1.2rem;
}
#form div.submit {
	width:100%;
}
#form .submit input[type="submit"],
#form .submit input[type="button"] {
    font-size:1.4rem;
    width:250px;
    transition:0s;
}
.contents .submit input[type="submit"]:hover,
.contents .submit input[type="button"]:hover {
    opacity:1;
}
#form .wpcf7-not-valid-tip {
	font-size:1.2rem;
}

}

@media screen and (max-width:480px){

}