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


select
{width:93%; font-size:76%; padding:2% 0 2% 6%; text-align:left; -webkit-border-radius: 10px;}

input[type="text"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}

input[type="email"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}

input[type="tel"]
{font-size:0.9em; padding:1% 0 1% 4%; border: 1px #555555 solid; height:50px; color: #323232; margin-top:1%; margin-bottom:-0.0em; -webkit-appearance: none; -webkit-border-radius: 10px;}



input[type="text"]:hover
{background:#fffcdc;}

input[type="email"]:hover
{background:#fffcdc;}

input[type="tel"]:hover
{background:#fffcdc;}

textarea:hover
{background:#fffcdc;}

.form_need { background-color: #fdffe5; }


textarea
{ width:90%; rowspan:10; font-size:0.9em; border: 1px #555555 solid; color: #323232; padding:1% 0 1% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; cols:50; rows:5; margin-top:1%; margin-bottom:-0.0em;}


input[type="reset"]
{width: 30%; font-size:60%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #555555 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #f0c953;}
input[type="button"]
{width: 30%; font-size:60%; margin-left:6%; margin-top: 3%; background: -webkit-gradient(linear, left top, left bottom, from(#badbac), to(#62a844)); border: 1px #555555 solid; color: #FFF; -webkit-appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #CCC; text-shadow: 1px 2px 3px #f0c953;}
.focus
{background:#fffcdc;}



.button-radio input[type="radio"] { display:none; }

.button-radio label { font-family: "M PLUS 1p"; display:inline-block; font-size:0.9em; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; width:140px; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:3%; display:inline-block; }
.button-radio input[type="radio"]:checked + label { background-color:#ff5f8c; color:#ffffff; }
#switch1.is-active + label{background-color:#ff5f8c; color:#ffffff;}
#switch2.is-active + label{background-color:#ff5f8c; color:#ffffff;}
#switch2 + label{background-color:#fff; color:#323232;}




.chkbox { margin:0 0 4% 2px; }

.chkbox input[type="checkbox"] { display:none; }

.chkbox input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox label  { font-family: "M PLUS 1p"; display:inline-block; font-size:1.1em; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; width:220px; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:-0.0em; display:inline-block; }



.chkbox2 { margin:0 0 4% 2px; }

.chkbox2 input[type="checkbox"] { display:none; }

.chkbox2 input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox2 label  { font-family: "M PLUS 1p"; display:inline-block; font-size:1.1em; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; width:100px; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:-0.0em; display:inline-block; }



.chkbox3 { margin:0 0 4% 2px; }

.chkbox3 input[type="checkbox"] { display:none; }

.chkbox3 input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox3 label  { font-family: "M PLUS 1p"; font-size:1.1em; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; display:inline-block; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:1%; }

#wd18per
{width:18%;}

#wd30per
{width:30%;}

#wd40per
{width:40%;}

#wd50per
{width:50%;}

#wd60per
{width:60%;}

#wd70per
{width:70%;}

#wd80per
{width:80%;}

#wd90per
{width:90%;}




@font-face{font-family:"IonIcons";src:url("../../fonts/ionicons.eot?v=2.0.1");src:url("../../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.pt20{
  padding-top: 20px;
}
.select-wrap {
    position: relative;
	font-size: 1.0em;
}

select{
	width: 260px;
	height: 50px;
    outline:none;
	padding: 1% 0 1% 3%;
    -moz-appearance: none;
    text-overflow: '';
    background: #ffffff;
	border: 1px #555555 solid;
    vertical-align: top;
    font-size: 1.2em;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	margin-top:-1.5%;
	margin-bottom:1%;
}

::placeholder {
   color: #ff5555;
}




/* smartPhone */
@media screen and (max-width: 500px) {


input[type="text"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:40px; padding:1.2% 0 1.2% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}

input[type="email"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:40px; padding:1.2% 0 1.2% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}

input[type="tel"]
{font-size:0.9rem; border: 1px #555555 solid; color: #323232; height:40px; padding:1.2% 0 1.2% 4%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.5%; margin-bottom:2%;}


textarea
{ width:90%; rowspan:10; font-size:0.9rem; border: 1px #555555 solid; color: #323232; padding:2% 0 2% 6%; -webkit-appearance: none; -webkit-border-radius: 10px; cols:50; rows:5; margin-left:1%; margin-top:0.5%; margin-bottom:2%;}

.button-radio label { display:inline-block; font-size:0.8rem; border: 1px #555555 solid; background: #ffffff; color:#323232; width:30%; text-align:center; padding:2% 0 2% 0; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:-0.0rem; margin-bottom:5%; }


select{
	width: 88%;
	height:40px;
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #ffffff;
	border: 1px #555555 solid;
    vertical-align: middle;
    font-size: 0.78rem;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	margin-top:1.4%;
	margin-bottom:2%;
}

#wd40per
{width:40%;}

#wd50per
{width:75%;}

#wd60per
{width:80%;}

#wd80per
{width:80%;}

#wd90per
{width:95%;}


.chkbox { margin:0 0 4% 2px; }

.chkbox input[type="checkbox"] { display:none; }

.chkbox input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox label  { font-family: "M PLUS 1p"; display:inline-block; font-size:0.76rem; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; width:40%; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:-0.0em; display:inline-block; }



.chkbox2 { margin:0 0 4% 2px; }

.chkbox2 input[type="checkbox"] { display:none; }

.chkbox2 input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox2 label  { font-family: "M PLUS 1p"; display:inline-block; font-size:0.76rem; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; width:20%; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:-0.0em; display:inline-block; }



.chkbox3 { margin:0 0 4% 2px; }

.chkbox3 input[type="checkbox"] { display:none; }

.chkbox3 input[type=checkbox]:checked + label { background-color:#ff5f8c; color:#ffffff; }

.chkbox3 label  { font-family: "M PLUS 1p"; font-size:0.76rem; border: 1px #555555 solid; background: #ffffff; color:#323232; text-align:center; display:inline-block; width:80%; padding:1.6% 3% 1.6% 3%; -webkit-appearance: none; -webkit-border-radius: 10px; margin-top:0.7%; margin-bottom:2%;}


.select-wrap {
    position: relative;
	font-size: 0.95rem;
}

}