@charset "UTF-8";
.contents { padding: 0 3rem;}.contents img { width: auto; max-width: 100%; height: auto;}.contents h2 { font-size: 130%;}.contents h3 { font-size: 120%;}
#text-box > div { height: 100%; transition: .6s .8s ease-out; transform: translateY(40px); opacity: 0;}
#text-box > div.delighter.started { transform: translateY(0); opacity: 1;}
#text-box {background-image: url("../img/bg-takasaki.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}#takasaki dt {font-size:120%;	margin-bottom: .5rem;}
#takasaki h2 {border-bottom: 1px solid #222;}
#takasaki img {}
#takasaki dt {color: #fff;	background-color: #FBBE89;	padding: .5rem 1rem;	border-radius: 20px 20px 0 0;	margin: 0;}#takasaki dd:nth-child(3) {color: #fff;	background-color: #FBBE89;	padding: .5rem 1rem;	border-radius: 0 0 20px 20px;	height: 5em;}
#schedule h2 {border-left: 8px solid #FBBE89;	padding-left: 8px;}
#schedule table { border:1px solid #fff;	text-align: center;	background-color: #3a5389;	color: #fff;}
#schedule th { border:1px solid #fff; padding: 1vw;}#schedule th:first-child {width: 10%;}#schedule td { border:1px solid #fff; padding: .5vw 1vw;}
@media (min-width: 1300px){}
@media (min-width: 768px){#schedule table { width: 100%;}}
@media (max-width: 767px){#takasaki h1 {font-size: 160%;}#takasaki h2 {font-size: 120%;}#schedule table { width: 800px;}#takasaki dd:nth-child(3) {padding: .5rem .5rem;}}