body
{
	width: 90%;
	margin: auto;
	display:block;
}

h1 {
  /*線の種類（二重線）太さ 色*/
  font-size: clamp(1.8rem, calc(1.25vw + 1.5rem), 3.2rem);
  border-bottom: double 5px #FFC778;
}
select {
    width: 100%;
    font-size: 2rem;
}

input {
    width: 100%;
    font-size: 2rem;
}
.dt-input { /* 既定の幅に戻す */
    width: auto;
}
input[type="checkbox"] {
    width: unset; /* 既定の幅に戻す */
    
}
#pwaku
{	
	font-size: xx-large;
	color: #364e96;/*文字色*/
  	border: solid 3px #364e96;/*線色*/
  	padding: 0.5em;/*文字周りの余白*/
  	border-radius: 0.5em;/*角丸*/
}
#waku
{
	
	float : left;
	width : 100%;
}
#title
{
	background-image : linear-gradient(#f7d7e4,#eca6b3,#de5c70,#d94057);
	background-color : #d94057; 
	border : 1px solid #d94057;
	padding-left : 10px;
	font-size:1.16em;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	width: auto; 
	margin-right: 8px; 
	box-shadow: 6px 6px 6px #AAA;
}

#titlefont
{
	color:#ffffff; 
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
}

#text
{
	background:#ffffff;
	border:1px solid #d94057; 
	padding:10px; 
	font-size:1em;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	height: 50px;
	width: auto; margin-right: 8px; 
	box-shadow: 6px 6px 6px #AAA;
}

#Buttonmawari
{
	display: flex;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	gap: 1rem;
	width: fit-content;
	flex-wrap: wrap;
}

#button
{
	color: #fff;
    background-color: #eb6100;
    margin: 20px;
    font-size: 2em;
    white-space: nowrap;
}

#button:hover
{
	color: #fff;
	background: #eb3600;
}

#buttonOUT
{
	width: 100%;
}

#B
{
	margin: auto;
    font-size: xx-large;
}

table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  table-layout: fixed;
}

table th:first-child{
  border-radius: 5px 0 0 0;
}

table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  padding: 10px 0;
}

table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  padding: 10px 0;
}

table td:last-child{
  border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

input[type="search"] {
    width:auto;
	font-size: large;
}
#dt-length-0 {
	width:auto;
	font-size: large;

}