@charset "utf-8";

.center {text-align: center;}
.right{text-align: right;}
.w100 {width: 100%;}

#js-scroll {
	background: -webkit-gradient(linear, left top, left bottom, from(#dfece7), to(#fff));
}
.u-label {
	font-size: 1.3rem;
	font-weight: 500;
	color: white;
}
.c-header {
	background-image: url(../img/hina2.webp);
	background-repeat: no-repeat;
	background-size: cover;
	filter: sepia(75%);
	/* sepia grayscale */
}

.o-title_line span {
	font-size: 5vw;
	line-height:1.2
}

.o-container {
	padding-left: unset !important;
	padding-right: unset !important;
}

/*.c-summary2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
  opacity: 0;
  transform: translateY(60px);
  transition: transform 1s cubic-bezier(.215,.61,.355,1);
}*/

#bgimg04 {
	background-image: url(../img/loca5.webp);
	background-repeat: no-repeat;
	background-size: cover;
	filter: sepia(75%);
	/* sepia grayscale */
}
#loca4, #loca4 .c-fixed_wrapper {
background-color: transparent !important;
}
o-layout -gutter
.o-layout.-gutter > .o-layout_item {
	padding-left: 3.75rem;
}
.pad_t10 {
	padding-top: 10px;
}
.darkgreenBG {
	background: #396a57;
}
.darkgreen {
	color: #396a57;
}
table.usage th {
	vertical-align: top;
}
.font13 {
	font-size: 13px;
}
.font14 {
	font-size: 14px;
}
table.location {
	border-collapse: collapse;
	width: 100%;
	border-top: solid 1px #396a57;
}
table.location th, table.location td {
	padding: 7px 10px;
	border-bottom: solid 1px #396a57;
	font-size: 14px;
}
table.location th {
	white-space: nowrap;
}
table.location caption {
	color: #396a57;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 17px;
}
h4 {
	font-weight: 600;
	font-size: 18px;
	color: #396a57;
	margin-bottom: 10px;
}
.but1 a {
	text-align: center;
	display: block;
	border: double 4px #396a57;
	font-weight: 600;
	font-size: 18px;
	margin-top: 1rem;
	padding: 12px;
	position: relative;
	color: #396a57;
}
.but1 a::after {
	content: "\ea34";
	font-family: "icomoon";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0%, -50%);
	color: #396a57;
}
.lineH12 {
	line-height: 1.2;
}

.linkDiv{
	max-width: 500px;
	margin: 80px auto 0;
}
#copy{
	color: #396a57;
	font-size: 13px;
	text-align: center;
	padding: 70px 0 0px;
}
/* carousel slick */
.gallerySwiper {
	overflow: hidden;
	margin-top: 60px;
}
.swiper-wrapper {
	transition-timing-function: linear;
}
.swiper-slide img {
	height: auto;
	width: 100%;
	max-width: 900px;
}

/*.remodal */
.remodal {max-width: 800px !important; min-width: 300px;}
.remodal.w90 {max-width: calc(100% - 20px) !important;}
.remodal.w60 {max-width: 500px !important;}

.remodal[data-remodal-id="modal2"]{max-width: 1200px !important;}
.remodal[data-remodal-id="modalLandscape"]{max-width: 2000px !important;}


.remodal .img_box img {
	margin: 0 auto 5px;
	width: 100%; height :auto;
}
.remodal .img_box {
	position: relative;
}
.remodal .img_box:after {
	content: url(../images/blank.gif);
	width: 100%; height: 100%;
	top: 0; left: 0;
	position: absolute;
	z-index: 10001;
	opacity:0.4; /*background: #ff0000;*/
}



@media (min-width: 1000px) {
  .c-fixed_wrapper.last {
    height: 20vh;
  }
}
@media (min-width: 700px) and (max-width: 1599px) {
 #jp-white.c-header_title_line span.o-h1 {
    font-size: 4.5vw;
  }
}

@media screen and (max-width: 768px){
	.o-layout.-gutter > .o-layout_item {padding-left: 2.5rem;}
	html.is-ready .c-header_heading_label img.logo {width: 130px; height: auto;}
	.u-1\/2 {width: 100% !important;}
	.u-text-right {margin-top: 10px;}
	.c-header_heading {padding: 1.2rem 0;}
	#copy{font-size: 12px;padding: 12px;}
}
@media screen and (max-width: 600px){
	.o-layout.-gutter > .o-layout_item {padding-left: 1.5rem;}
}