html {
  scroll-padding-top: 120px;
}
.boxseibi{
 background:#e1f1f0;
 padding:10px;
 border-radius:5px;
}
.cssgrid_2{
 grid-template-columns:400px auto !important;
}


@media screen and (max-width:960px){
.cssgrid_2 {
  grid-template-columns: 1fr !important;
  }
}

th.text-left{
 text-align:left !important;
}
.anchor {
  padding-top: 300px;
  margin-top: 300px;
}
.margin-h3{
 padding-left:7px;
 padding-right:7px;
}

.houshiki{
 background:#e1f1f0;
 padding:15px;
 border-radius:5px;
}

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

.movie{
  box-sizing:border-box;
 width: 100%;
}

.lane-box{
  max-width:860px;

}

.lane-box:hover{
  background:#fff;
}

summary {
	list-style: none;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 20px 10px 10px;
	cursor: pointer;
	font-weight:bold;

	font-size:1.0em;
	border-radius:3px;
}


summary.mova{
	 color:#ffab2c;
	border:2px solid #ffab2c;
}
summary.movb{
	 color:#9ebfdd;
	border:2px solid #9ebfdd;
}
summary.movc{
	 color:#ff3b3b;
	border:2px solid #ff3b3b;
}
summary.movd{
	 color:#3183ff;
	border:2px solid #3183ff;
}

summary.kita {

	border:2px solid;
}

summary::-webkit-details-marker {
	display: none;
}

summary.mova:hover,
details[open] summary.mova {
	background-color: #ffab2c;
	color:#fff;
}

summary.movb:hover,
details[open] summary.movb {
	background-color: #9ebfdd;
	color:#fff;
}

summary.movc:hover,
details[open] summary.movc {
	background-color: #ff3b3b;
	color:#fff;
}

summary.movd:hover,
details[open] summary.movd {
	background-color: #3183ff;
	color:#fff;
}
summary.kita:hover,
details[open] summary.kita {
	background-color: #3183ff;
	color:#fff;
}

summary::after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: transform 0.5s;
	font-size: 20px;

}

details[open] summary::after {
	transform: translateY(-50%) rotate(45deg);
}

.answer {
	padding: 20px 30px;
}

details[open] .answer {
	animation: fadein 0.5s ease;
}

@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}