@charset "utf-8";
/* CSS Document */

.Content-wrap .Content { background:rgba(255,255,255,0.6); max-width:600px; margin:10px auto;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input { width:100%;}
.Content-wrap .Content > h2.page-title + div.order-detail > div { width:calc( 100% - 20px ); float:none; height:auto; overflow:hidden; padding:0; margin:10px; background:white;border-radius:15px; border:1px solid var(--color-gray-dark);}
.Content-wrap .Content > h2.page-title + div.order-detail > div .form-box { display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div.order-detail > div .form-box .form-field-set { margin:0; padding:10px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.Content-wrap .Content > h2.page-title + div.order-detail > div .form-box .form-box-subject { background:var(--color-main); color:white; text-align:center; border:0;}

@media only screen and (min-width:0px) and (max-width:380px) {
	.Content-wrap .Content { background:white;}
	.Content-wrap .Content > h2.page-title + div.order-wrap { padding:15px;}
	.Content-wrap .Content > h2.page-title + div.order-search > div { margin:0 auto; padding:0; border:0;}
	.Content-wrap .Content > h2.page-title + div.order-detail { padding:0;}
	.Content-wrap .Content > h2.page-title + div.order-detail > div { width:100%; margin:0; border-radius:0; border:0;}
	.Content-wrap .Content > h2.page-title + div.order-detail > div .form-box .form-field-set  { border-right:0;}
}