@charset "utf-8";

.pc {
	display:block;
}

.sp {
	display:none;
}

.mb0 {
	margin-bottom:0 !important;
}

/* order-data-both */

.name-ml {
	margin-left:15px !important;
}


@media screen and (max-width: 640px) {
	
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
	* {
	box-sizing:border-box;
	}
	body {
		font-size: 16px;
		background:#fff;
	}
.comText {
    margin: 0 0.5em 1em;
		font-size: 100%;
}
/**/

#closer p {
	width:100%;
}

/**/

#popupHeader {
	width: 100%;
	height:auto;
	text-align: center;
	padding: 10px 0;
}

#popupHeader h1 {
	width:90%;
	margin:0 auto 0;
  position: initial;
}

#popupHeader h1 img {
	width:100%;
}

/**/

#popupWrapper {
	background:none;	
}

/**/

.pageTitle {
	background:#333;
	font-size: 1.5em;
	font-weight:bold;
	padding:10px 20px;
	text-align: center;
	color:#fff;
}

.pageTitle,
.pageTitle img {
	width:100%;
}

#popupContainer {
	width: 100%;
	height:auto;
}

#popupContent {
	width: 100%;
	height:auto;
}

/**/

#container {
	padding:10px 5px;
}

/**/
section {
    width: 100%;
}
.orderInner {
    width: 100%;
		padding:5px;
}

/**/

.orderTable th,
.orderTable td {
	width: 100%;
	display:block;
	font-size:1em;
}
.orderTable th {
	padding:0.5em;
	font-size:1.1em;
}

.orderTable td {
	padding:0.5em 0;
}

/**/

.orderInner label {
	display:block;
	padding:0.5em 0;
}

.orderTable input {
	padding:0.5em;
	display:inline-block;
}

input[type="text"],
textarea,
select {
	border: solid 1px #ccc;
	margin-bottom:1em;
}

label,
input[type="text"],
input[type="button"],
textarea,
select {
	padding: 0.5em;
	display: inline-block;
}

.agreement label {
    width: 50%;
    margin: auto;
}

.narrowInput {
	width:100%;
	font-size: 100%;
}
.defaultInput {
	width:100%;
}

.harfInput {
	width:100%;
	font-size: 100%;
}

.defaultTextarea {
  width: 100%;
	font-size: 100%;
}

.halftext {
	font-size: 100%;
}

.submit {
	width:100%;
}

/**/

.bbText {
	font-weight:bold;
	margin-bottom:1em;
}

/**/

.agreement label {
    width: 100%;
    margin: auto;
}

/**/

.option_photoTable th,
.option_photoTable td {
	display:inline;
	width:auto;
}


/**/

.ruleBox {
	padding:0.5em;
}

/**/

#popupFooter {
	width: 100%;
	height: auto;
	min-width:100%;
}

.footerInfoTable {
	width: 100%;
	display: inline;
	margin: 0 auto 0.5em;
}


#popupCopy {
	width:100%;
	background:#90C251;
	text-align: center;
}
	
.footerLogo2 {
	position: initial;
	top: 0px;
	left: 0;
}

.footerInfo {
	position: initial;
	height: auto;
	text-align: center;
  padding: 10px 0 15px;
}

.footerInfoTable {
    position: initial;
}

.footerInfoTable td {
	padding-bottom:10px;
}



/* order-data-both */

.space_1 {
	text-align: left;
}

.name-ml {
	margin-left:0px !important;
}




















}