@charset "UTF-8";
/* CSS Document */

/* global */

body {
    font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	padding: 0;
	background-color:#F6FFA7;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

/*responsive*/

* {
  box-sizing: border-box;
}

[class*="col-"] {
  float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

#main {
	margin: 0;
	padding: 0;
}

/* logo */

.logo {
	padding: 0px;
	width: 300px;
}

/*Nav*/


#nav {
	padding: 40px;
}

ul {
  list-style-type: none;
  padding: 40px 0;
	margin: 0px;
}

li{
	padding: 10px 0px;
	width: 100%;
}


/*content*/

#content {
	position: relative;
	padding:40px;
	min-height: 100vh;
}

.bottomright {
    position:absolute;
	bottom:40px;
	right:50px;
}


.m-message{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin: 10px;
}

.m-message2{
	position: absolute;
	width: 100%;
	top: 30%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin: 10px;
}


/* news */
.news-banner {
	position: absolute;
	bottom: 10px;
	border-top: solid 2px #000000;
  display: block;
  height: 50px;
  width: 100%;
  overflow: hidden;
}

/* バナー内コンテンツ */
.news-banner__content {
	position: absolute;
	top:-5px;
  display: inline-block;
  color: #000000;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 20s linear infinite;
}

/* バナー内の要素をすべて選択 */
.news-banner__content > * {
  display: inline-block;
}

/* 横にスクロールさせるアニメーション */
@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* footer */

#footer {
	margin: 0px;
	background-color: black;
	height: 100px;
	color: #F3E8DF;
	padding: 40px;
}

/*type setting*/

h1 {
	font-size: 32px;
	line-height: 46px;
	letter-spacing: -0.02em;
	margin: 0;
}

h8 {
	font-size: 12px;
}

p {
	line-height: 150%;
}


a:hover {
	color: #7A0303;
}

.reverse {
	color: #F3E8DF;
}

/*news page*/

#newsfeed {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	margin: 10px;}

.news-list{
  list-style: none outside;
}

.news-list .item a{
  display:flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  border-bottom: 2px solid #000;
}

.news-list .item:first-child a{
  border-top: 2px solid #000;
}

.news-list .item .date{
}

.news-list .item .category{
  min-width: 140px;
}

.news-list .item .category span{

  background: #000;
  color: #F3E8DF;
  text-align: center;
  display: inline-block;
	  border-radius: 30px;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
text-align: left;
}