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

.title {background:#9ac8d9;padding:10px;text-align:center;font-size:140%;color:#ffffff;}
.col_q{border-radius:8px;border:2px solid #dddddd;padding:2% 2%;overflow:hidden;box-sizing:border-box;}
.col_q .moon_form_title{
  width: 106%;
  margin: -2% auto auto -3%;
  background:url("//www.star-mall.net/shizuku/img2/menu/newmoon/h5bg.jpg") 0px -34px;
  line-height: 1;
  font-size: 125%;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  border: none;
  font-weight: bold;
  box-sizing:border-box;
}
.col_q .moon_form_attention{
  background-color: #fafafa;
  text-align: center;
  width: 106%;
  margin: 0 auto 3% -3%;
  padding: 2%;
  box-sizing:border-box;
}
.col_q .privacy_box {
  padding: 0 5px;
  overflow: scroll;
  height: 150px;
}
.question{font-size:120%;text-align:center;color:#666666;background:#fffef4;padding:20px 10px;border:1px solid #E8E8B9;margin-bottom:10px;}
.question2{width:96%;margin:3em auto 1em auto;box-sizing:border-box;font-size:120%;color:#666666;background:#fffef4;padding:1em 1em;border:1px solid #E8E8B9;margin-bottom:10px;}
.question2+.select_box{width:96%;}
.question2+.text_box{width:96%;}
.back{font-size:120%;text-align:center;margin-bottom:10px;}

.navi_btn{border-top:1px dotted #dddddd;text-align:center;padding:10px 5%;height:70px;}

.navi_btn input[type="submit"],
.navi_btn a{
  color: #000;
  border:  1px #ffffff solid;
  display: block;
  width:100%;
  height: 50px;
  line-height: 50px;
  cursor: pointer; 
  text-align:center;
  color:#ffffff;
  font-size:180%;
  text-decoration:none;
  font-weight:bold;
  background: linear-gradient(to bottom, #a4d3aa, #61a36a);
  
  box-shadow:-5px -6px 8px -5px #527657 inset,4px 4px 3px -2px #c4c4c4;
  -moz-box-shadow:-5px -6px 8px -5px #527657 inset,4px 4px 3px -2px #c4c4c4;
  -webkit-box-shadow:-5px -6px 8px -5px #527657 inset,4px 4px 3px -2px #c4c4c4;
  
  border-radius:6px;
  -moz-border-radius:16px;
  -webkit-border-radius:6px;
  }
.navi_btn input[type="submit"]{
  line-height: 1em;
}
.navi_btn input[type="submit"]:hover,
.navi_btn a:hover {
  background: linear-gradient(to bottom, #3fee58, #049d13);
  border:  1px #ffffff solid;
  margin-top:1px;
  margin-bottom:1px;
  box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #f3cbfa;
  -moz-box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #f3cbfa;
  -webkit-box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #f3cbfa;

}



/*ラジオボタン*/
.radio ul{
  text-align: center;
}
.radio li{
  display: inline-block;
  margin: 0 5px;
}

input[type=radio] {display: none;}

input[type="radio"]:checked + label {
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio_on.png")  left top #ff9000;
  background-size:cover;
  color: #fff99e; 
  border:  2px #ffffff solid;
  margin-top:1px;
  margin-left:1px;
  
  box-shadow:2px 2px 6px 0px #8f2162 inset,0px 0px 5px 1px #c4c4c4;
  -moz-box-shadow:2px 2px 6px 0px #8f2162 inset,0px 0px 5px 1px #c4c4c4;
  -webkit-box-shadow:2px 2px 6px 0px #8f2162 inset,0px 0px 5px 1px #c4c4c4;

}
.label:hover {
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio_over.png")  left top #03eee3;
  background-size:cover;
  border:  2px #ffffff solid;
  box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #fffc04;
  -moz-box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #fffc04;
  -webkit-box-shadow:-5px -6px 8px -5px #752696 inset,0px 0px 5px 1px #fffc04;
}

.label {
  color: #000;
  border:  2px #ffffff solid;
  display: block;
  width:150px;
  height: 60px;
  line-height: 60px;
  cursor: pointer; 
  text-align:center;
  color:#ffffff;
  font-size:180%;
  font-weight:bold;
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio.png")  left top #009c95;
  background-size:cover;
  box-shadow:-5px -6px 8px -5px #015450 inset,4px 4px 6px -2px #666666;
  -moz-box-shadow:-5px -6px 8px -5px #3851a8 inset,4px 4px 6px -2px #c4c4c4;
  -webkit-box-shadow:-5px -6px 8px -5px #3851a8 inset,4px 4px 6px -2px #c4c4c4;
  
  border-radius:20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
}

.radio_other{
  padding: 30px 0 10px 15px;
}
.radio_other .label{
  width: 105px;
  height: 40px;
  line-height: 40px;
  font-size: 140%;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

/*セレクトボックス*/
.select_box {
	width: 90%;
	margin:10px auto 20px;
}


.select_box select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select_box select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/arrow_for_form.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#f2faff 100%);
	background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/arrow_for_form.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#f2faff 100%);
	background-size: contain;
	font-size:120%;

}
/*テキストボックス*/
.text_box{
	width:90%;
	margin:0 auto 20px;
}

input[type=text]{
	width: 96%;
	height:40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	padding:0 2%;
	font-size:120%;
}
 
input[type=text]:focus {
   border:solid 1px #20b2aa;
}
 
input[type=text], select { 
   outline: none;
}

/*テキストエリアボックス*/
.textarea_box{
  width:90%;
  margin:0 auto 20px;
}
.textarea_box textarea{
  width: 96%;
  height: 3em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border:#a9a9a9 1px solid;
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
  padding:2%;
  font-size:120%;
}
.textarea_box textarea:focus {
   border:solid 1px #20b2aa;
}
.textarea_box textarea { 
   outline: none;
}

/*確認のテーブル*/
#newmoon_split_form_confirm_table,
table.confirm{
	margin-bottom:20px;
	width:100%;
	font-size:120%;
	table-layout:fixed;
}
#newmoon_split_form_confirm_table tr th,
table.confirm tr th{
	padding:10px 15px;
	background:#c9e9f5;
	border:2px solid #93bfcf;
	color:#3f4f55;
	font-weight:bold;
	vertical-align:middle;
	word-wrap:break-word;
	width:8em;
}
#newmoon_split_form_confirm_table tr td,
table.confirm tr td{
	padding:10px 15px;
	border:2px solid #93bfcf;
	background: #ffffff;
	vertical-align:middle;
	word-wrap:break-word;
}

.newmoon_split_form_error{
  border: 1px solid #f00;
  color: #f00;
  padding: 1em;
  background-color: #fffafa;
  width: 96%;
  box-sizing: border-box;
  font-size: 120%;
  margin: 2% auto;
}



@media (max-width:480px){
.radio li{
  margin: 0 0.5%;
  width: 31%;
}

.label {
  font-size: 130%;
  max-width: 100%;
  text-align: left;
  line-height: 55px;
  padding-left: 2em;
  box-sizing: border-box;
}
input[type="radio"]:checked + label {
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio_on.png") 0.25em center no-repeat #ff9000;
  background-size: 100% auto;
 }
.label:hover {
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio_over.png") 0.25em center no-repeat #03eee3;
  background-size: 100% auto;
}
.label {
  background: url("//www.star-mall.net/shizuku/img2/menu/newmoon/bg_radio.png") 0.25em center no-repeat #009c95;
  background-size: 100% auto;
}

.radio_other{
  margin: 0 auto 0 1.5%;
  width: 31%;
  padding-right: 0;
  padding-left: 0;
}
.radio_other .label{
  max-width: 100%;
  height: 36px;
  line-height: 33px;
  font-size: 110%;
}
.radio_other input[type="radio"]:checked + label,
.radio_other .label:hover,
.radio_other .label {
  background-position: 0.25em center;
  background-size: 100% auto;
}
}