@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
}
a:hover img {
	opacity: 0.5;
}
a img {
	transition: opacity 0.3s ease-out;
}
#body-inside {
	overflow-x: hidden;
}
div {
	font-size: 16px;
}
h2 {
  padding: 15px 20px;
  background-color: #f9f8f6;
  border-left: 6px solid #000;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
h3 {
  padding-bottom: 8px;
  border-bottom: 2px solid #ded8d3;
  color: #4a4a4a;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 30px;
  margin-bottom: 15px;
}
.simple_square_btn7 {
	display: block;
	position: relative;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	border-radius: 10rem;
	margin-bottom: 10px;
}
.simple_square_btn7:hover {
	cursor: pointer;
	text-decoration: none;
	color: #000;
	background-color: #e3e3e3;
}
.simple_square_btn7 i {
	margin-left: 1em;
}
.fw-calendar-wrapper {
	max-width: 800px;
	width: 95%;
	margin: 0 auto 40px auto;
	color: #333;
}
.fw-calendar-lead {
  text-align: center;
  margin-bottom: 20px;
}
.fw-tabs {
  display: flex;
	flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  overflow-x: auto;
  border-bottom: 2px solid #ddd;
  -webkit-overflow-scrolling: touch;
}
.fw-tabs::-webkit-scrollbar {
  display: none;
}
.fw-tab {
	width: calc(100% / 6 - 20px);
    text-align: center;
	padding: 10px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	transition: all 0.3s ease;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
}
.fw-tab:hover {
  background-color: #f9f9f9;
}
.fw-tab.active {
  color: #b8a179;
  border-bottom: 3px solid #b8a179;
}
.fw-panel {
  display: none;
  animation: fadeIn 0.4s;
}
.fw-panel.active {
  display: block;
}
.fw-fa-icon {
  color: #b8a179;
  width: 16px;
  text-align: center;
  margin-right: 6px;
}
.yukata-banner-wrap {
	max-width: 500px;
	margin: 50px auto 0 auto;
	font-size: 14px;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.fw-card {
  background: #f9f8f6;
  border: 1px solid #e0dcd1;
  padding: 20px;
  margin-bottom: 15px;
}
.fw-date {
  display: inline-block;
  background: #b8a179;
  color: #fff;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.fw-name {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  color: #111;
}
.fw-info {
  line-height: 1.6;
  margin: 0 0 15px 0;
  color: #444;
}

@media screen and (max-width: 750px) {
	#top__hero_media img {
		object-fit: cover;
	}
	h1 {
		text-align: center;
		font-size: 1.7rem;
		width: 90%;
		margin: 0 auto;
		line-height: 1.6;
	}
	.fw-tab {
		width: calc(100% / 3 - 30px);
		font-size: 15px;
		padding: 10px 15px;
	}
	.yukata-banner-wrap img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width:1025px) and (max-width: 1239px) {
	#top__hero_media {
		width: 98% !important;
		margin: 0 auto;
	}
}

@media screen and (min-width:751px) and (max-width: 1024px) {
	#top__hero_media {
		margin: 0 auto;
		max-width: 1250px;
	}
	h1 {
		text-align: center;
		font-size: 1.7rem;
	}
}

@media screen and (min-width: 1025px) {
	#top__hero_media {
		margin: 0 auto;
		max-width: 1250px;
	}
	h1 {
		text-align: center;
		font-size: 1.7rem;
	}
}