@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');

*{
	padding:0;
	margin:0;
}

html{
     height:100%;
}

body{
	background:#000;
	background-image:linear-gradient(0deg, rgba(242, 193, 95, 1), rgba(0, 0, 0, 1));
	background-attachment: fixed;
	font-size:16px;
    height:100%;
}

a{
	color:#FFFFFF;
	transition: color 0.3s;
	text-decoration: none;
}

a:visited{
  color : #FFFFFF;
}

a:hover{
  color : #ff7043;
}

.sidemenu a:hover img{
	opacity: 0.7;
	transition: 0.5s;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.background{
    display: flex;
	justify-content: center;
    width: 100%;
	min-height: 100%;
}

.wrap{
	width:1090px;
	background:#1B1717;
	color:#E2E2E2;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	position: relative;
}

.header{
	display: flex;
	flex-direction: column;
}

.topimage{
	height:500px;
	background-image:url("images/header.jpg");
	background-size: cover;
	background-position: top center;
	display: flex;
	align-items: center;
}

.topimage02{
	background-image:url("images/header02.jpg");
}

.topimage03{
	background-image:url("images/header03.jpg");
}

.topimage04{
	background-image:url("images/header04.jpg");
}

.topimage05{
	background-image:url("images/header05.jpg");
}

.topimage img{
	width:200px;
	height:auto;
	margin:1em 0 0 1.5em;

}

.shadow {
        filter: drop-shadow(0px 0px 10px #FFF);
}

.gnavi{
	width:100%;
	height:70px;
	display: flex;
	flex-direction: row;
	justify-content :space-between;
	background-image:url("images/gnavi.png");
	background-size: cover;
	border-bottom:3px solid #000000;
}
.navi{
	width:16.6%;
	height:100%;
	border-right:1px solid #FFFFFF;
	text-align: center;
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1em;
	text-transform:uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navi:last-child{
	border-right:0px;
}
.navi span{
	font-size:0.7em;
}

.contents {
	display:flex;
	flex-direction: row;
	padding-bottom:4em;
	border-bottom:2px solid #f2c15f;
}

.main{
	display:flex;
	flex-direction: column;
	width:70%;
	padding:2em;
}

.topic{
	color:#c8c2be;
	width:100%;
	margin-bottom:6em;
	font-size:0.9em;
	line-height:1.9em;
}

.topic h3{
	color:#FFF;
	border-bottom:1px solid #89c3eb;
	font-size:1.4em;
	letter-spacing: 0.2em;
	font-weight: 400;
	font-family: "Shippori Mincho", serif;
	text-align: right;
	margin-bottom:1.2em;
	padding-bottom:0.2em;
}

.topic h4{
	color:#FFF;
	border-bottom:1px solid #887f7a;
	font-weight:400;
	letter-spacing: 0.1em;
	padding-bottom:0.1em;
	margin-bottom:1em;
}

.topic_inner_sep{
	display:flex;
	flex-direction: row;
}

.topic_photo{
	width:60%;
}

.topic_photo img{
	width:100%;
}

.topic_txt{
	width:40%;
	margin-left:1em;
}

.small{
	font-size:0.8em;
	line-height:1.6em;
	margin-top: 1em;
}

.inlineframe {
	background-color:none;
	height:25vh;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0 0 0 1em;
}

.inlineframe p{
	padding-left:1em;
	text-indent:-1.5em;
	line-height:1.6em;
	margin-bottom:0.8em;
}

.time{
	font-size:1.8em;
	font-weight: 600;
	line-height: 1.6em;
	color:#FFFFFF;
}

.menu{
	color:#c8c2be;
	width:100%;
	margin-bottom:4em;
	font-size:0.9em;
	line-height:1.9em;
}

.menu h3{
	color:#FFF;
	border-bottom:1px solid #89c3eb;
	font-size:1.4em;
	letter-spacing: 0.2em;
	font-weight: 400;
	font-family: "Shippori Mincho", serif;
	text-align: right;
	margin-bottom:1.2em;
	padding-bottom:0.2em;
}

.menu h4{
	color:#FFF;
	font-family: "Shippori Mincho", serif;
	border-bottom:1px solid #887f7a;
	font-weight:600;
	font-size:1.1em;
	letter-spacing: 0.1em;
	padding-bottom:0.1em;
	margin-bottom:1em;
}

.menu_cap{
	display:flex;
	justify-content: center;
	margin-bottom:1em;
	font-family: "Shippori Mincho", serif;}



.menu_cap span{
	font-size:1em;
	font-weight: 600;
	color:#FFFFFF;
}

.white span{
	font-size:1.2em;
	font-weight: 600;
	color:#FFFFFF;
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 /*テーブル*/
.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design03 th, .table_design03 td {
  border-bottom: 1px solid #383c3c;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 1px solid #595857;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

.table_design03 span{
	color:#FFF;
	font-weight: 400;
}

.sidemenu{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	width:30%;
	padding:2em;
}

.sidemenu_menu1 img{
	width:100%;
	max-width: 100%;
	height:auto;
	margin-bottom:1em;
}

.sidemenu_menu2{
	background-color:#2b2b2b;
	padding:1em 1em 0.5em 1em;
}

.sidemenu_menu2 h4{
	border-bottom:1px solid #FFF;
	margin-bottom:0.7em;
}

.sidemenu_menu2 img{
	width:100%;
	max-width: 100%;
	height:auto;
	margin-bottom:0.5em;
}


footer{
	width:100%;
	height:4em;
	font-size:0.7em;
	text-align:center;
	margin-top:2em;
}

.sponly{
		display: none;
	}

.pconly{
		display: block;
	}



@media screen and (max-width: 750px) {
/* 768px以下の画面サイズで適用されるスタイル */
	.sponly{
		display: block;
	}
	.pconly{
		display: none;
	}
	.topimage{
		height:300px;
		margin-top:4rem;
	}
	
	.topimage img{
		width:150px;
	}
	.gnavi{
		display:none;
	}
	.contents {
		flex-direction: column;
		padding:0;
	}
	
	.main{
		width:90%;
		max-width: 90%;
		padding:0;
		margin:2vh auto 0 auto;
	}
	
	.topic_inner_sep{
		flex-direction: column;
	}
	.topic_photo{
		width:100%;
	}

	.topic_photo img{
		width:100%;
		max-width: 100%;
	}

	.topic_txt{
		width:100%;
		margin:0;
		text-align: center;
	}
	
	.small{
	margin-top: 0;
	}
	
	.time{
	font-size:1.5em;
	font-weight: 600;
	line-height: 1.4em;
	color:#FFFFFF;
}
	
	
	.sidemenu{
	display:flex;
	flex-direction: row;
		justify-content: center;
	width:90%;
	padding:0;
	margin:0 auto 2rem auto;
	}

	.sidemenu_menu1{
	width:49%;
	margin:0;
	padding:0;
	}
	
	.sidemenu_menu1 img{
		margin:0;
		height:50px;
		width:auto;
		max-width: 100%;
	}
	
	.sidemenu_menu2{
		width:40%;
		background-color:#1B1717;
		padding:0;
		margin:0;
	}

	.sidemenu_menu2 h4{
		display:none;
	}

	.sidemenu_menu2 img{
		margin:0;
		height:50px;
		width:auto;
		max-width: 100%;
	}
	
}







/*ハンバーガー*/
.c-header {
	display:none;
}

.c-header__list {
  box-sizing: border-box;
  display: flex;
  margin: 0;
  padding: 0;
}

.c-header__list-item {
  list-style: none;
  text-decoration: none;
}

.c-header__list-link {
  color: #fff; /* カスタマイズしてください */
  display: block;
  margin-right: 20px; /* カスタマイズしてください */
  text-decoration: none;
  padding: 10px 0px; /* カスタマイズしてください */
}

.c-header__list-link:hover {
  filter: opacity(0.6); /* カスタマイズしてください */
}

.c-hamburger-menu {
  position: relative;
}

@media screen and (max-width: 750px) {
.c-header {
	align-items: center;
	background-color: #000000; /* カスタマイズしてください */
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 1rem 2rem; /* カスタマイズしてください */
	width: 100%;
	position: fixed;
	border-bottom:2px solid #f2c15f;
}
	
.c-header__logo {
	color: #fff; /* カスタマイズしてください */
	min-width: 80px; /* カスタマイズしてください */
	text-decoration: none;
	font-family: "Shippori Mincho", serif;
}
  .c-hamburger-menu__list {
	  color:#FFF;
    background-color: #000000; /* カスタマイズしてください */
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 2rem; /* カスタマイズしてください */
    position: absolute;
    transform: translateX(-100%);
    transition: 0.3s; /* カスタマイズしてください */
    top: 100%;
    width: 100%;
  }

  #hamburger:checked ~ .c-hamburger-menu__list {
    transform: translateX(0%);
    transition: 0.3s;
  }
}

.c-hamburger-menu__input {
  display: none;
}

.c-hamburger-menu__bg {
  background-color: #FFF; /* カスタマイズしてください */
  cursor: pointer;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.4; /* カスタマイズしてください */
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#hamburger:checked ~ .c-hamburger-menu__bg {
  display: block;
}

.c-hamburger-menu__button {
  display: none;
}

@media screen and (max-width: 750px) {
  .c-hamburger-menu__button {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px; /* カスタマイズしてください */
    height: 32px; /* カスタマイズしてください */
    justify-content: center;
    width: 32px; /* カスタマイズしてください */
  }
}

.c-hamburger-menu__button-mark {
  background-color: #fff; /* カスタマイズしてください */
  display: block;
  height: 1px; /* カスタマイズしてください */
  transition: 0.3s; /* カスタマイズしてください */
  width: 20px; /* カスタマイズしてください */
}

@media screen and (max-width: 750px) {
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(2px, 3px) rotate(-45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
}