@charset "Shift_JIS";

body {
	overflow: scroll;
}

a#toggle1,
a#toggle2,
a#toggle3,
a#toggle4,
a#toggle5,
a#toggle6,
a#toggle7,
a#toggle8 {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px;
	display: inline-block;
  	width: 670px;
	color: blue !important;
}

a#close1,
a#close2,
a#close3,
a#close4,
a#close5,
a#close6,
a#close7,
a#close8 {
	color: black;
}

a.btn{
	font-size: 12px;
	margin: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 80px;
	padding-left: 80px;
	border: 1px black;
	border-radius: 5px;
	text-decoration: none;
  	border: 1px solid black;
	color: black;
	display: inline-block;
}

summary {	
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.section {
	display: inline-block;
	width: 100%;
}

img.thumbnail {
	border: 1px solid black;
	width: 320px;
	margin-bottom: 5px;
}

img#moviebtn {
	padding: 24px;
}

a.movielink {
	text-decoration: none;
}

div.thumbnailheader1,
div.thumbnailheader2,
div.thumbnailheader3,
div.thumbnailheader4,
div.thumbnailheader5,
div.thumbnailheader6,
div.thumbnailheader7,
div.thumbnailheader8 {
	height: 280px;
}

div.thumbnailheader-nonebtn {
	height: 200px;
}

div#wrapper {
	margin-bottom: 30px;
}

div.openclose {
	text-align: center;
}

.toggle_container1 {
	height: 650px;
}

.toggle_container2,
.toggle_container3,
.toggle_container4,
.toggle_container5,
.toggle_container6,
.toggle_container7,
.toggle_container8 {
	height: 275px;
}

.scaleblink {
    animation-name: scaleblink;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;

    animation-fill-mode: forwards;
}

/*  A j   \ V      ` */
@keyframes scaleblink {
  0%, 100% { transform: scale(1); opacity: 0.3; }
  40%, 70% { transform: scale(1.1); opacity: 1.0; }
}