﻿@charset "utf-8";
div.grid
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
div.grid div.section2
{
  float:left;
  height: 240px;
  width : 20px;
  padding:3px 0px 0px 0;
  text-align : center;
  font-size: 110%;
}
div.grid div.section
{
	float:left;
	width: 166px;
	height: 250px;
	text-align : center;
	font-size: 110%;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}
div.grid div.section img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

div.grid div.section div.title
{
  margin: 0;
  padding: 0;
  width : 166px;
  height: 3em;
}
p.date
{
  font-size : xx-small;
  color : #666666;
  text-align : center;
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
}
div.grid div.section div.title h3
{
  margin: 0 3px 0 3px;
  color: #ff0000;
  font-size: 0.9em;
  text-align:center;
  font-weight: normal;
}

div.grid div.section
{
	float:left;
	height: 250px;
	width: 166px;
	text-align : center;
	font-size: 110%;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}
div.grid div.section img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

div.grid div.section div.title
{
  margin: 0;
  padding: 0;
  width : 166px;
  height: 4em;
}
p.date
{
  font-size : xx-small;
  color : #666666;
  text-align : center;
  margin-top : 2px;
  margin-left : 2px;
  margin-right : 2px;
  margin-bottom : 2px;
}
div.grid div.section div.title h3
{
  margin: 0 3px 0 3px;
  color: #ff0000;
  font-size: 0.9em;
  text-align:center;
  font-weight: normal;
}
.movie_section
{
	float:left;
	height: auto;
	width: 190px;
	text-align : center;
	font-size: 110%;
	padding: 12px;
	margin-bottom: 10px;
}

.movie_section
{
  color: #ff0000;
  font-size: 0.9em;
  text-align:center;
  font-weight: normal;
}

.movie_section_main
{
  width: 800px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
