@charset "utf-8";
/********* HTML再定義 ***********************************************/
body {}
ul, ul li {
 list-style: none;
}
.main_ttl, #content {
 color: #000;
 position: relative;
 display: block;
 z-index: 1000;
 width: 95vw;
 text-align: center;
}
.main-section {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
	margin-bottom: 5em;
}
.main-section .main_ttl {
 order: 1;
}
.main-section div#content {
 order: 3;
}
.main-section div#utility, .main-section h2 {
 order: 2;
}
.main-section .nav-section {
 order: 4;
}
.main_ttl h1 {
 padding: 7rem 4.5rem 9rem 4.5rem;
 font-size: 2em;
 position: relative;
 width: 100%;
 text-align: center;
 font-family: "Jost", sans-serif;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
 box-sizing: border-box;
}
.main_ttl h1::before {
 position: absolute;
 content: "NEWS";
 top: 71%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-size: 5em;
 white-space: nowrap;
 z-index: -1;
 color: #f5f5f5;
 font-family: "Jost", sans-serif;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
}
h2, h3, h4, h5, h6 {
 font-size: 120%;
}
h2 {
 margin: 15px 0;
 padding: 5px 0;
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
 font-weight: bold;
 width: 100%;
}
/********* 全体 *****************************************************/
/*
div#container {
	width: 760px;
	margin: 0 auto;
	padding: 20px;
	border-bottom: 5px solid #666666;
	background-color: #FFFFFF;
}
*/
/********* メニュー *************************************************/
div#menu {
 background-color: #666666;
}
div#menu h2 {
 display: none;
}
div#menu ul {
 margin: 0;
 padding: 5px 10px;
}
div#menu ul li {
 display: inline;
 list-style: none;
 margin-right: 10px;
}
div#menu a:link, div#menu a:visited {
 color: #FFFFFF;
 text-decoration: none;
}
div#menu a:active, div#menu a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}
/********* 内容 *****************************************************/
div#content, div#utility {
 width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
div#utility {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 justify-content: flex-end;
}
/********* エントリー ***********************************************/
div#entry {
}
div#entry h2 {
 display: none;
 width: :100%;
}
div#entry div.entry {
 width: 100%;
	max-width: 1300px;
 margin: 1.5em auto 3em auto;
}
div#entry div.entry h3 {
 margin: 0;
 padding:.5em .3em;
	text-align: left;
	font-size: 2em;
	border-bottom: 2px solid #000;
}
div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
 color: #000;
 text-decoration: none;
}
div#entry div.entry h3 a:active, div#entry div.entry h3 a:hover {
 color: #666;
 text-decoration: none;
}
div#entry div.entry div.content {
 margin: 0 1em 1em 1em;
	text-align: left;
}
div#entry div.entry div.content p {
margin-bottom:1em;
line-height: 180%;
}
div#entry div.entry ul.information {
 margin:.5em;
 font-size: 1em;
	text-align: right;
}
div#entry div.entry ul.information li {
 display: inline;
 margin-right: 5px;
}
div#entry div.entry ul.link {
 margin: 0;
 padding: 10px;
 text-align: right;
}
div#entry div.entry ul.link li {
 display: inline;
 margin-left: 5px;
}
div#entry div#entry_link h3 {
 display: none;
}
div#entry div#entry_link ul.entry_link {
 margin: 0;
}
div#entry div#entry_link ul.entry_link li {
 display: inline;
 list-style: none;
 margin-right: 10px;
}
div#entry div#entry_link ul.entry_link li.home {
 padding-right: 10px;
 padding-left: 10px;
 border-right: 1px solid #999999;
 border-left: 1px solid #999999;
}
div#entry div#entry_link ul.entry_link li.previous:before {
 content: "<< ";
}
div#entry div#entry_link ul.entry_link li.next:after {
 content: " >>";
}
/********* ページ移動 ***********************************************/
div#page h2 {
 display: none;
}
div#page ul.order {
 margin: 10px 0;
}
div#page ul.order li {
 display: inline;
 list-style: none;
 margin-right: 10px;
}
div#page ul.direct {
 margin: 10px 0;
 text-align: right;
}
div#page ul.direct li {
 display: inline;
 list-style: none;
 margin-left: 10px;
}
/********* コメント *************************************************/
div#comment div.comment ul.information {
 margin: 15px 0 0 0;
 text-align: right;
}
div#comment div.comment ul.information li {
 display: inline;
 margin-left: 5px;
}
/********* トラックバック *******************************************/
div#trackback div.trackback ul.information {
 margin: 15px 0 0 0;
 text-align: right;
}
div#trackback div.trackback ul.information li {
 display: inline;
 margin-left: 5px;
}
/********* インフォメーション ***************************************/
div#information {
 margin-bottom: 30px;
}
div#information ul.continue {
 margin: 0;
 text-align: right;
}
div#information ul.continue li {
 display: inline;
}
/********* ユーティリティ *******************************************/
div#utility {
 margin-bottom: 20px;
}
div#utility h2 {
 display: none;
}
div#utility div.utility {
 margin: 15px 0;
}
div#utility div.utility select {
 padding: .5em;
	font-size: .875em;
}
div#utility div.utility h3 {
 padding: 10px 10px 0 10px;
}
div#utility div.utility div.content {
 margin: 0;
}
div#utility div.utility ul {
 margin-right: 0;
}
div#utility div.utility ul li ul {
 margin-top: 0;
 margin-bottom: 0;
}
div#utility div.utility form {
 margin: 0;
}
div#utility div.utility form dl {
 margin: 0;
}
div#utility div.utility form dl dt {
 display: none;
}
div#utility div.utility form dl dd {
 margin: 0;
}
div#utility div.utility form dl dd input {
 width: 170px;
}
div#utility div.utility form p {
 margin: 0 0 10px 0;
}
div#utility div.utility table.calender {
 margin: 0;
 border: 0px solid #000000;
}
div#utility div.utility table.calender tr th, table.calender tr td {
 padding: 5px;
 border: 0px solid #000000;
 background-color: #EEEEEE;
 font-weight: normal;
 text-align: center;
}
div#utility div.utility table.calender tr td span.day {
 color: #222222;
}
div#utility div.utility table.calender tr td span.satday {
 color: #2222CC;
}
div#utility div.utility table.calender tr td span.sunday {
 color: #CC2222;
}
div#utility div.utility ul.calender {
 margin: 10px 0;
}
div#utility div.utility ul.calender li {
 display: inline;
 list-style: none;
 margin-right: 10px;
}
div#utility div.utility ul.gallery {
 margin: 0;
 padding: 0;
}
div#utility div.utility ul.gallery li {
 list-style: none;
}
div#utility div.utility ul.gallery li img {
 max-width: 180px;
 max-height: 130px;
 margin-bottom: 5px;
}
/********* ギャラリー ***********************************************/
div#gallery {
 overflow: hidden;
}
div#gallery div.gallery {
 float: left;
 margin-right: 12px;
 margin-bottom: 20px;
}
div#gallery div.gallery p.picture {
 overflow: hidden;
 width: 140px;
 height: 100px;
 margin: 0;
}
div#gallery div.gallery p.picture a {
 color: #FFFFFF;
 text-decoration: none;
}
div#gallery div.gallery p.picture a img {
 min-width: 140px;
 min-height: 100px;
}
div#gallery div.gallery p.picture a span.empty {
 display: block;
 line-height: 100px;
 width: 140px;
 height: 100px;
 background-color: #AAAAAA;
 text-align: center;
}
div#gallery div.gallery p.comment {
 overflow: hidden;
 width: 140px;
 margin: 3px 0 0;
 font-size: 80%;
 text-align: center;
 text-overflow: ellipsis;
 white-space: nowrap;
}
div#gallery ul {
 margin: 10px 0 20px 0;
}
div#gallery ul li {
 display: inline;
}
div#gallery ul li img {
 margin: 0 2px 10px 0;
}
/********* 個別指定 *************************************************/
div#page_link ul.page_link {
 margin: 0 0 20px 0;
}
div#page_link ul.page_link li {
 display: inline;
 list-style: none;
 margin-right: 10px;
}
div#page_link ul.page_link li.home {
 padding-right: 10px;
 padding-left: 10px;
 border-right: 1px solid #999999;
 border-left: 1px solid #999999;
}
div#page_link ul.page_link li.previous:before {
 content: "<< ";
}
div#page_link ul.page_link li.next:after {
 content: " >>";
}
ul.link {
 margin: 0;
 padding: 10px;
 text-align: right;
}
ul.link li {
 display: inline;
 margin-left: 5px;
}
.inner_box {
 max-width: 800px;
 margin: 5rem auto 8rem auto;
}
.inner_box ul li {
text-align:left;
}
.inner_box a {
text-decoration: underline;
}
.inner_box h2 {
 padding:.5em;
 border-top: 0;
 border-bottom:0;
 font-weight: bold;
 width: 100%;
 background: #000;
	color: #FFF;
margin-bottom:1em;
}
form fieldset{
border:0;
padding-top: 2em;
padding-left:0;
padding-right:0;
}
form legend {
display: none;
}
fieldset dl {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
fieldset dl dt {
width: 8em;
margin-bottom: .6em;
}
fieldset dl dd {
width: calc(100% - 8em);
margin-bottom: .6em;
}
fieldset dl dd input {
width: 100%;
color: #1f1e1e !important;
background-color: #ffffff !important;
border: 1px solid #000!important;
padding: .5em !important;
box-sizing: border-box;
}
/********* レスポンシブ *********************************************/
@media screen and (max-width:768px) {
.main_ttl, #content {
    width: 100%;
}
.main_ttl h1 {
padding: 6rem 2rem 3rem 2rem;
font-size: 1.36em;
}
.main_ttl h1::before{
  font-size: 2.5em;
		top: 43%;
}
.inner_box {
margin: 0 auto 8rem auto;
padding-left: 1em;
padding-right: 1em;
}
}
@media (max-width: 480px) {
 img {
  max-width: 100%;
  height: auto;
 }
}