@charset "utf-8";
*{
 margin: 0px;
 padding: 0px;
 font-family: "游ゴシック","arial unicode ms",sans-serif;
 font-size:16px;
}
img{
 pointer-events:none;
 }
/*---背景----------------------------*/
body{
 background-color: rgb(255,255,255);
 background-image: url(img/bg.jpg);
 background-repeat: repeat;
}
/*---ヘッダー------------------------*/
.page-header {
 background-color: rgb(127,127,127);
 display: flex;
 position: fixed;
 justify-content: space-between;
 width: 100%;
 height:40px;
 top:0;
 padding: 15px 0;
 z-index:10;
}
#logo{
 height:40px;
 margin-left:16px;
}
nav ul{
 display: flex;
 list-style: none;
}
nav ul li{
 position:relative;
}
nav ul li .eng{
 color:rgb(255,255,255);
 display: block;
 text-decoration: none;
 padding: 8px 24px;
}
nav ul li .jpn{
 font-size:13px;
 color:rgb(255,255,255);
 text-decoration: none;
 white-space:nowrap;
 padding:12px 20px;
 background-color:rgb(127,127,127);
 position:absolute;
 top:0;
 left:50%;
 transform:translateX(-50%);
 opacity:0;
}
nav ul li .jpn:hover{
 opacity:1;
}
#menu-cb {
 display: none;
}
#menu-icon{
 display: none;
}
#menu-background{
 display: none;
}
/*---帯------------------------------*/
.news h2{
 text-align:center;
 padding:8px 0;
 margin-bottom:16px;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
#information h2{
 width:60%;
 min-width:700px;
 padding:8px 0;
 margin:16px auto;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
#access h2{
 width:60%;
 min-width:700px;
 padding:8px 0;
 margin:16px auto;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
/*---お知らせ----------------------*/
.news{
 width:60%;
 min-width:700px;
 margin:80px auto 0;
 }
.news .scroll{
 height:40vw;
 overflow-x:hidden;
 overflow-y:scroll;
}
.hover:hover{
 opacity: 0.5;
}
.news a{
 text-decoration:none;
 color:rgb(0,0,0);
}
.news a .name{
 text-align:center;
}
.name:hover{
 opacity: 0.5;
}
.news ul{
 margin:0 auto;
}
.news ul li{
 float:left;
 list-style:none;
 width:33%;
 height:14vw;
 margin:0 0.1%;
 min-height:165px;
}
.news ul li img{
 width:100%;
 height:14vw;
 min-height:165px;
 object-fit:cover;
}
.news .text{
 grid-column:1 / 4;
 text-align:center;
}
.news .more{
 grid-column:1 / 4;
 text-align:right;
}
.news .more a{
 color:rgb(0,0,0);
 text-decoration:none;
}
.more:hover{
 opacity: 0.5;
}

/*---インフォメーション--------------*/
#information{
 padding-top:80px;
}
#information .position{
 text-align:center;
}

#syaze{
 width:600px;
 height:600px;
 background-color:rgb(127,127,127);
}

#information table{
 width:60%;
 min-width:700px;
 margin: 0 auto;
 border-collapse: collapse;
}
#information table tbody tr th{
 width:40%;
 min-width:160px;
 vertical-align:top;
 text-align:left;
 padding: 4px 0 0 10%;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
#information table tbody tr td{
 width:60%;
 min-width:450px;
 text-align:left;
 padding: 4px 0;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
/*---アクセス------------------------*/
#access{
 width:100%;
 padding-top:80px;
 margin:0 auto;
 text-align:center;
}
#access iframe{
 width:40%;
 min-width:480px;
 height:20.2vw;
 min-height:232px;
}
#parking{
 height:20vw;
 min-height:230px;
 object-fit:cover;
 border: solid 1px rgb(200,200,200);
}
/*---フッター------------------------*/
footer{
 width:100%;
 height:70px;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
 position:sticky;
 bottom:0px;
 display:flex;
 justify-content: space-between;
}
footer .inc{
 font-size:20px;
 margin: auto 0 auto 16px;
}
#contact {
 display:flex;
 list-style:none;
}
#contact li{
 margin: auto 16px auto 0;
}
.jpn{
 font-size:14px;
}
/*---コピーライト--------------------*/
#copyright{
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
 padding-bottom:4px;
 text-align: center;
 width: 100%;
 bottom:0;
}
/*---コンテンツ----------------------*/
.contents h1{
 width:96.5%;
 padding:8px 0;
 margin:96px 1vw 24px;
 text-align:center;
 font-size:16px;
 color:rgb(255,255,255);
 background-color:rgb(127,127,127);
}
.contents h2{
 width:96.5%;
 padding:8px 0;
 margin:24px 1vw;
 text-align:center;
 color:rgb(255,255,255);
 background-color:rgb(127,127,127);
}
.contents b{
 font-size:13px;
 color:rgb(0,0,0);
}
.contents{
 width:85%;
 margin:0 auto;
 text-align:center;
}
.contents .list{
 width:100%;
}
.contents .list a{
 list-style:none;
 width:25.5vw;
 float:left;
 margin:0 1vw 24px;
 text-decoration:none;
}
.contents .list a:nth-child(3n+1){
 clear:both;
 }
.contents .list li .thumb{
 width:25.5vw;
 height:18vw;
 object-fit:cover;
 border: solid 1px rgb(200,200,200);

 font-family:"object-fit:cover;";
}
.list a :hover{
 opacity: 0.7;
}
.contents .list li .next{
 margin-top:6vw;
}
hr{
 width:83%;
 opacity: 0;
 margin:0 auto;
}
/*---データ--------------------------*/
/*---写真(複数)---*/
.data{
 width:100%;
 margin-top:96px;
 text-align:center;
}
.data .list{
 width:85%;
 margin:0 auto;
}
.data .list li{
 list-style:none;
 width:25.5vw;
 height:18vw;
 float:left;
 margin:0 1vw 2vw;
}
.data .list li:nth-child(3n+1){
 clear:both;
 }
.data .list li .photo{
 width:25.5vw;
 height:18vw;
 object-fit:cover;
 border: solid 1px rgb(200,200,200);

 font-family:'object-fit:cover;'
}
.data .list #space{
 display:none;
}
/*---写真(縦長)---*/
.data{
 width:100%;
 margin-top:96px;
 text-align:center;
}
.data .list{
 width:85%;
 margin:0 auto;
}
.data .list li{
 list-style:none;
 width:25.5vw;
 height:18vw;
 float:left;
 margin:0 1vw 2vw;
}
.data .list li:nth-child(3n+1){
 clear:both;
 }
.data .list .long li .photo{
 width:25.5vw;
 height:30vw;
 object-fit:cover;
 border: solid 1px rgb(200,200,200);

 font-family:'object-fit:cover;'
}
.data .list #space{
 display:none;
}

/*---写真(横長)---*/
.data .list .middle li{
 clear:both;
 width:60%;
 margin-bottom:32px;
}
.data .list .middle li .main-photo{
 width:100%;
 height:18vw;
 object-fit:cover;
 
 font-family:"object-fit:cover;";
}
/*---写真(一枚)---*/
.data .list .big li{
 clear:both;
 width:60%;
 height:40vw;
 margin-bottom:32px;
}
.data .list .big li .main-photo{
 width:100%;
 height:40vw;
 object-fit:cover;

 font-family:"object-fit:cover;";
}
/*---写真(二枚)---*/
.data .list .secondlargest li{
 list-style:none;
 width:40vw;
 height:32vw;
 float:left;
 margin:0 1vw 2vw;
}
.data .list .secondlargest li:nth-child(3n+1){
 clear:both;
 }
.data .list .secondlargest li .photo{
 width:40vw;
 height:32vw;
 object-fit:cover;
 border: solid 1px rgb(200,200,200);

 font-family:"object-fit:cover;";
}
.data .list .secondlargest #space{
 display:none;
}
/*---概要---*/
.summary table{
 width:100%;
 min-width:175px;
 border-collapse:collapse;
 font-size:14px;
}
.summary table caption{
 text-align:left;
}
.summary table caption b{
 font-size:14px;
}
.summary table tbody tr th{
 font-size:14px;
 width:40%;
 min-width:87px;
 padding-top:4px;
 vertical-align:top;
 text-align:left;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
.summary table tbody tr td{
 font-size:14px;
 width:60%;
 min-width:87px;
 padding-top:4px;
 text-align:left;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}