body { text-align: center; 
font-family: sans-serif; 
padding-top: 88px;
background-color: #ffebab;} 

td { text-align: left;}

h1 { font-size: 18px; } 
h2 { font-size: 18px; } 
strong { font-weight: normal; }
em { font-style: normal; }

.btn-outline-title {
	color: #ffa500;
	background-color: #ffffff;
	border-color: #ffa500;
  }
  
.btn-outline-title:hover {
	color: #ffa500;
	background-color: #fff6af;
  }

.navbar-navi .navbar-nav .nav-link {
	color: #ffffff;
  }
.navbar-navi .navbar-nav .nav-link:hover, .navbar-navi .navbar-nav .nav-link:focus {
	color: #ffebab;
  }
 .navbar-navi .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

.bg-orange {background-color: #ffb62f;}

.do { border: dotted; border-color: #ffa500; text-align: center; }
.table-bordered th,
.table-bordered td {
  border: 2px solid #ffa500 !important;
  }

.w-90 { width: 90%; }
.w-35 { width: 35%; }
.w-65 { width: 65%; }

.kaeru { width: 400px; height: 300px; }
.tomato { width: 340px; height: 255px; }


@media screen and ( max-width:970px )
{

}

@media screen and ( max-width:630px )
{

.kaeru { width: 90%; height: auto; }
.tomato { width: 90%; height: auto; }


}