@charset "shift_jis";
/* CSS Document */


::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}
#form {
	overflow:hidden;
	line-height:2.2;
	max-width:900px;
	margin:3em auto 1em auto;
}
#form .item {
	overflow:hidden;
	margin-bottom:1em;
	padding-bottom:1.5em;
	border-bottom:solid 1px #E6E6E6;
}
#form .item_name {
	width:22%;
	float:left;
	text-align:left;
	font-weight:bold;
}
#form .form_wrapper {
	width:77%;
	float:right;
	overflow:hidden;
}
.form_wrapper .left {
	width:50%;
	float:left;
}
.form_wrapper .left_title {
	width:30%;
	float:left;
}
.form_wrapper .right {
	width:50%;
	float:right;
}
.form_wrapper .form {
	width:43%;
	float:left;
}
.form_wrapper .form_l {
	width:70%;
	float:left;
}
.form_wrapper .form1 {
	font-size:110%;
	width:85%;
	height:1.6em;
	background:#EEE;
	border:solid 1px #CCC;
}
.form_wrapper .form .form_zip1 {
	font-size:110%;	
	width:3em;
	height:1.6em;
	background:#EEE;
	border:solid 1px #CCC;
	ime-mode:disabled;
}
.form_wrapper .form .form_zip2 {
	font-size:110%;	
	width:4em;
	height:1.6em;
	background:#EEE;
	border:solid 1px #CCC;
	ime-mode:disabled;
}

.form_wrapper .form2 {
	font-size:90%;
	width:11em;
	height:1.6em;
	border:solid 1px #CCC;
	background:#EEE;
	margin-right:1em;
}
.form_wrapper .form3 {
	width:97%;
	line-height:1.6;
	font-size:110%;
	height:5em;
	background:#EEE;	
}
label {
	display:block;
	float:left;
	margin-right:2em;
}
.form_btn {
	width:200px;
	margin:0 auto 1em auto;
}
.btn_order {
	padding:0.5em 1em;
	font-size:110%;
	width:200px
}
.form_btn2 {
	width:290px;
	margin:0 auto 2em auto;
}
.form_btn2 .btn_end {
	width:110px;
	height:40px;
	font-size:110%;
	font-weight:bold;
}
.form_btn2 .btn_end:hover {
	cursor:pointer;	
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";	
}
.notes01 {
	font-size:80%;
	padding-left:1em;
	text-indent:-1em;
}

/*modalウインドウ*/
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); 
  background: rgba(0, 0, 0, 0.5);
}

.modal-wrap {
  height: 100%;
  padding: 0 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.modal-content {
  height: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.modal-table-wrap {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.modal-table-cell {
  display: table-cell;
  padding: 60px 0 60px;
  vertical-align: middle;
}

.modal-content-box {
  position: relative;
  margin: 0 auto;
  background: #fff;
}

.modal-content-inner {
  padding: 50px 30px 50px;
}

.modal-btn-close {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 9;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.modal-btn-close span {
  display: block;
  background: #fff;
  height: 2px;
  width: 30px;
}
.modal-btn-close .bar01 {
  -moz-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.modal-btn-close .bar02 {
  -moz-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -webkit-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}
.modal-ct-text-box {
	line-height:1.5;
	}
.modal-ct-text-box h2 {
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
}
.modal-ct-text-box h3 {
	font-size:90%;
	margin-top:0.5em;
}
.modal-ct-text-box h4, .modal-ct-text-box p, .modal-ct-text-box li {
	font-size:80%;
	margin-left:1em;
}
.modal-ct-text-box h4, .modal-ct-text-box p {
	margin-bottom:0;
}
.modal-ct-text-box ol {
	list-style:decimal;
	margin-left:2em;
}

@media screen and (max-width:1024px){
#form .item_name {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:0.5em;
}
#form .form_wrapper {
	width:100%;
	float:none;
}
.form_wrapper .form {
	width:65%;
}
#shiryo .item-btn {
	display:none;
}	
}
@media only screen and (max-width: 768px) {
	.form_wrapper .left, .form_wrapper .right {
	width:100%;
	float:none;
	margin-bottom:0.5em;
	overflow:hidden;
}


  .modal-wrap {
    padding: 0 3.125%;
  }

  .modal-content-inner {
    padding: 40px 3.33333% 40px;
  }
}