* 	{ font-family: "メイリオ","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", Osaka, Arial, Helvetica, sans-serif; }
/*
body	{ text-align:left; font-size:75%; }

th,td	{ text-align:left; font-size:120%; padding:1.5em 0.1em; font-weight: lighter; }
h1		{ text-align:center; font-size:150%; }
h2		{ font-size:125%; color:#cc0000; }
hr		{ height:1px; }
a:link		{ color:#0033cc; text-decoration:none; }
a:visited	{ color:#660099; text-decoration:none; }
a:active	{ color:#ff6600; text-decoration:underline; }
a:hover		{ color:#ff6600; text-decoration:underline; }
input		{ background-color:#ffffff; font-size:120%;height: 3em;}
*/

input[type="radio"], input[type="checkbox"] {height: 1em;	margin-top: 0.5em;	margin-bottom: 0.5em;	background-color: gray;}

.male		{ color:blue; }



.female		{ color:red; }


.main		{ margin:5%; }

.title		{background-color: #D4EFEC; color:#74A9A4; padding:1em; border:#999999 0px solid; line-height: 130%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}



.ct		{ background-color:#EFEFEF; color:#000000; }



.ctt		{ background-color:#FFFFFF;}



.txt1		{ font-size:70%; line-height: 1.2em;}



.caution	{ color:#ff0000; font-weight:bold; }



.deleted	{ color:#999999; text-decoration:line-through; }



.float { float: right; }


.required {
	margin: 0 0.5em;
	padding: 0.3em;
	color: white;
	font-weight: bold;
	background-color: orange;
	border-radius: 0.3em;
}

@media screen and (max-width: 480px) {
	table {
		width: 100%;
		table-layout: fixed;
		font-size:120%;
		border: none;
	}
  table td {
    display: block;
    border: none;
    padding-top: 0.2em;
  }
  .ct {
     font-size:1rem;
     padding: 0.7em 0.1em;
  }
  
input[type="text"],
textarea {
    width: 98%;
}
}
/*
input[type="text"], input[type="password"],
input[type="tel"], input[type="email"] {
	height: 2em;
	width: 90%; 
}*/
input.date[type="tel"] {
	width: 3em;
}
select[name="Area"],select[name="Job"] {
	max-width: 350px;
	height: 3em;
}
input.form-control {
	height: initial;
}
/*
input[type="submit"]{
	margin: 3px;
	padding: 10px 8px;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
input[type="reset"]{
	margin: 3px;
	padding: 5px 5px;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	font-size:90%;
	color:#A4A4A4;
}
*/
label.name {
	width: 250px;
	float: left;
}

.sitelogo{
    float:left;
    padding: 5px;
    margin: 5px;
    border: 1px solid gray;
}

.sitelog p{
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0
 width:140px;
 height:50px;
 }

.width95{
 width:95%;
 }
 
.width40{
 width:40%;
 }

.width35{
 width:35%;
 }
 
#koimon {
    margin: 0 auto;
    width:95%;
}

#koimon h2{
    font-size: 100%;
    background: #09C;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-radius: 4px;
	color: #FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	padding: 5px 5px;
}

#koimon input{
padding: 3px;
border: 1px solid rgb(51, 51, 51);
border-radius: 3px;
color: rgb(0, 0, 0);
}

#koimono input[type="checkbox"] {
  -webkit-transform: scale(1.9);
  transform: scale(1.9);
}

.tgl {
	display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
	box-sizing: border-box;
}
.tgl + .tgl-btn {
	outline: 0;
	display: inline-block;
	width: 44px;
	height: 24px;
	position: relative;
	cursor: pointer;
	user-select: none;
	margin-bottom: 0;
	vertical-align: middle;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}
.tgl + .tgl-btn:after {
	left: 0;
}
.tgl + .tgl-btn:before {
	display: none;
}
.tgl:checked + .tgl-btn:after {
	left: 50%;
}

.tgl-light + .tgl-btn {
	background: #f0f0f0;
	border: 1px solid lightgrey;
	border-radius: 24px;
	padding: 1px;
	transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
	border-radius: 50%;
	background: #fff;
	transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
	background: #86d993;
}