@charset "UTF-8";

/*　全てのページへの適用　*/
html * {
	box-sizing: border-box;
}
body {
	margin: 0 0 0 0;
	background-color: #ffffff;
}
.wrapper {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: center;	
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin: 0;
	padding: 0;
}

.box-h1 {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	text-align: justify;
	width: 100%;
	margin: 0px auto 0px auto;
	background-color: #542F0B;
}
.box-h1text{
	text-align: justify;
	width: 1000px;
	font-size: 10pt;
	line-height:16px;
	color: #ffffff;
	margin: 0px auto 0px auto;
	padding: 10px 0 10px 0;
}
.box-top {
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	font-size: 10pt;
	align-items: flex-end;
	justify-content: space-between;
	margin: 30px auto 10px auto;
	text-align: center;
}

/* ナビゲーション */
nav {
	width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;
}
nav li {
	width: 250px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-left: -1px; /* ラインの太さ分ズラして重なり解消 */
	width: calc(25% + 1px); /* widthに1px足す */
	float: left;
}
nav li+li {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
nav ul {
	list-style-type: none; /* リストスタイル削除 */
	padding-left: 0; /* リスト分40px左側詰め */
	display: flex;
 	justify-content: space-between;
}
/* ナビホバー */
li a img{
	position:relative;
	top:0;
}
li a img:hover{
	top:-10px;
	transition:0.3s;
}


/* ナビゲーションスマホ向けレスポンシブcss */
@media (max-width: 767px) {
nav {
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100% ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 15px;	/* 右端からの距離 */
}
nav ul {
	flex-wrap: wrap;
	justify-content: center;
}
nav ul li {
	width: auto;
	height: auto ;
	margin: 0 10px 0 10px;
}
}


/* ニュース部分フレックスボックス */
.box-news {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 0 0;
	margin: 30px auto 30px auto;
	width: 1000px;
}
.news-text {
	height:300px;
	width:710px;
	padding-top: 0;
	overflow-y:scroll;
}
.news-text ul {
	list-style-type: none;
	padding: 0;
	max-width: 680px;
}
.news-text ul li{
	font-size: 11pt;
	line-height:60px;
	color: #999999;
	text-align: left;
	border-bottom: 1px dotted #999999;
	padding: 0;
	margin: 0;
}
.box-news-item {
	text-align: center;
	margin-top: 0 0 0 0 ;
}

/* 波境界線トップ */
.naminami{
	text-align: center;
	width: 100%;
	height: 80px;
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;

	overflow:hidden;
	position:relative;
	}
	.naminami::before{ 
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 34px;
	background-position: 50% 100%; 
	transform: rotateY(180deg); background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%23fff5e0"/></svg>'); 
	}

	@media (min-width:2100px){
	.shapedividers_com-5791::before{
	background-size: 100% calc(2vw + 34px);
	}
	}
 
/* 波境界線ボトム */
.naminami02{
	text-align: center;
	width: 100%;
	height: 80px;
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	
	overflow:hidden;
	position:relative;
	}
	.naminami02::before{ 
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 131% 34px;
	background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" fill="%23fff5e0"/></svg>'); 
	}

	@media (min-width:2100px){
	.shapedividers_com-4857::before{
	background-size: 131% calc(2vw + 34px);
	}
	}
 
 
.box-title {
	text-align: center;
	font-size:11pt;
	color: #999;
	width: 1000px;
	margin: 20px auto 20px auto;
}
.box-center {
	text-align: space-around;
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}
.box-lunch {
	background-color:#fff5e0;
	text-align: center;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 20px 0 0 0;
}
.box-space {
	background-color:#fff;
	text-align: center;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 30px 0 30px 0;
}
.box-map {
	text-align: center;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 40px 0 0 0;
}
/* コンテナフレックスボックス */
.box-container {
	display: flex;
	justify-content: space-between;
	text-align: justify;
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}
.box-container-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
}
.box-yoko {
	display: flex;
	flex-wrap: wrap;
	width: 680px;
	height: 250px;
	justify-content: space-between;
	margin: 0px 5px 0px 5px;
}
.box-container-text {
	width: 650px;
	height: 120px;
	float: left;
	font-size: 11pt;
	text-align: left;
	line-height:25px;
	color: #000;
	padding-left: 10px;
}
/* フィギュア */
figure {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
figcaption {
	font-size: 9pt;
	text-align: center;
	margin: 5px 0px 0px 0px;
}

footer {
	background-color: #BF9C50;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
}
.box-Copyright {
	background-color: #542F0B;
	text-align: center;
	font-size: 10pt;
	line-height:16px;
	color: #fff;
	width: 100%;
	padding: 10px 0 10px 0;
}

/* 矢印リスト */
.list_triangle {
	width: 250px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.list_triangle > li {
	color:#fff;
	font-size: 13px;
	line-height: 200%;
    position: relative;
    padding: 0px 0px 0px 1em;
}
.list_triangle > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-60%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #fff;
    content: "";
}

table {
  margin: 20px auto;
}
.tbl01 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl01 tr {
	border: solid 1px #ccc;
  padding: 10px;
}
.tbl01 td {
	border: solid 1px #ccc;
  padding: 10px;
}


/* トップへ戻るボタン */
#pagetop {
    position:fixed;
    bottom:50px;
    right:30px;
    color: #ffffff; /* 文字色 */
    font-size:0px;
    text-decoration:none;
    background: linear-gradient(
    -45deg,
    #fff 25%,
    #f4f4ed 25%, #f4f4ed 50%,
    #fff 50%, #fff 75%,
    #f4f4ed 75%, #f4f4ed
  );
  background-size: 0px 0px; 
  border-radius: 50%; /* ボタンの丸み */
  opacity: 1.0; /* ボタンの透明度 */
  z-index: 99;
}
/* トップへ戻るボタン：ホバー時 */
#pagetop:hover {
    color: #ffffff; /* 文字色 */
    opacity: 0.7; /* ボタンの透明度 */
}
#pagetop img {
 width:100px;
 height:100px;
}
/* 右側固定ボタン */
#right-button {	
	width:50px;
	height:150px;
	position:fixed;
	z-index:1;
	top: 300px;
	right: 0px;
}
/* フェードイン */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}



/* スマートフォン向けCSS */
@media (max-width: 767px) {
	/* 全体 - ナビゲーション */
.wrapper {
	width: 100%;
	max-width: 100％;	/* 最大の横幅 */
	width: auto;
	height: auto;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 5px;
}
img {
	max-width:100%;
	height: auto;
	vertical-align: bottom;
	position: relative;
}
/* googlemapレスポンシブ */
.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.box-h1,
.box-top,
.box-center{
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 20 5 20 5px;
	max-width: 100％ ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
}
.navi {
	flex-wrap: wrap;
	justify-content: center;
	width: 100px;
	margin: 20 5 20 5px;
	max-width: 100％ ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
}
.box-news{
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 20 5 20 5px;
	max-width: 100％ ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
}
.box-title{
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 20 5 20 5px;
	max-width: 100％ ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
}
.box-container{
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 20 5 20 5px;
	max-width: 100％ ;	/* 最大の横幅 */
	width: auto;
	height: auto ;		/* 高さは0にする */
	text-align: center;
	padding-right: 0px;
}