@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
* {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    text-decoration: none;
    list-style-type: none;
    font-family: 'Noto Sans JP', sans-serif;
}
#main {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-top: 150px;
}
.grid {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 50px;
}
h2   {
    border-bottom: 1px dotted #050505;
    color: #000000;
    text-align: center;
}
.gridA3 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 50px;
}
#header {
    background-color: #333;
    position: fixed;
    top: 0px;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
}
ul {
    text-align: center;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#contain h1 {
    text-align: center;
    color: #101010;
    margin-top: -200px;
    padding-top: 200px;
    border-bottom: 2px solid #000000;
    padding-bottom: 10px;
}
img {
    width: auto;
    height: 215px;
    overflow-x: hidden;
}
.date   {
    text-align: center;
    color: #AD0022;
    padding-top: 0px;
    margin-top: 10px;
}
/*--------------------------ナビ動き-------------------------------------------*/
.button {
    display: inline-block;
    width: 15%;
    height: 45px;
    text-align: center;
    text-decoration: none;
    line-height: 45px;
    outline: none;
    font-size: 1rem;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  background-color: #333;
  color: #fff;
}
.button:hover {
  letter-spacing: 5px;
}
.imgset {
    text-align: center;
    margin-bottom: 50px;
}
.imgset p {
    margin-top: 10px;
}
.imgset p small {
    color: #BC0328;
    /* [disabled]font-weight: normal; */
    /* [disabled]font-size: large; */
}
ul .button li {
    padding: 0;
    margin: 0;
}
/*--------------------------画像動き-------------------------------------------*/
#imgset img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
a:hover img {
  opacity: .5;
}
/*--------------------------上に戻るボタン---------------------------------------*/
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
.date {
}