@charset "UTF-8";
/* ----------------------------------------

reset

---------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
*, *:before, *:after {
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom
}
a img {
	border: 0;
}
a {
	text-decoration: none;
	color: #000000;
}
/* ----------------------------------------

font

---------------------------------------- */
@font-face {
	font-family: menu;
	src: url('../font/Josefin_Sans/JosefinSans-LightItalic.ttf') format("TrueType");
}
.wf-jose {
	font-family: menu;
}
.wf-sawarabimincho {
	font-family: "Sawarabi Mincho";
}
.wf-notosansjapanese {
	font-family: "Noto Sans Japanese";
}
.wf-ryumin {
	font-family: "リュウミン R-KL";
}
/* ----------------------------------------

others

---------------------------------------- */
.mar_top1 {
	margin-top: 25px;
}
.mar_top100 {
	margin-top: 100px;
}
.mar_top80 {
	margin-top: 80px;
}
.mar_bot1 {
	margin-bottom: 1rem;
}
.mar_bot2 {
	margin-bottom: 50px;
}
.mar_bot3 {
	margin-top: 20px;
	display: block;
}
.red {
	color: #ff007f;
}
.red_big {
	color: #ff007f;
	font-size: 1.5rem;
}
.flowhidden1 {
	overflow: hidden;
	height: 100%;
	position: fixed;
	width: 100%;
}
.flowhidden2 {
	overflow: hidden !important;
	height: 100%;
	position: relative;
	width: 100%;
}
.photo {
	height: auto;
	width: 100%;
	margin-right: 0px;
}
video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body {
	background-color: #FCF8CC;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.uchikeshi {
	background-image: linear-gradient(transparent 0.5em, #fe3464 0, #fe3464 calc(0.5em+ 1px), transparent 0, transparent calc(0.5em+ 3px), #fe3464 0, #fe3464 calc(0.5em+ 4px), transparent 0);
	color: #888;
	text-decoration: none;
}
.event-situation1 {
		max-width: 1100px;
		margin-left: 15px;
    margin-right: 15px;
	}
	.tabi-techo {
    font-size: 2rem;
    font-weight: bold;
    background-color: #000000;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #FFFFFF;
	}
.event-situation2 {
		font-size: 2rem;
		font-weight: bold;
		background-color: #FFEAF6;
    margin-top: 20px;
    margin-bottom: 20px;
		padding: 20px;
		text-align: center;
	}
.event-news-wrapper li {
	font-weight: bold;
	color: #E44144;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.event-news-wrapper li a {
	
	color: #E44144;
	
}
.event-news-wrapper .stop-event {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.8rem;
}
.event-news-wrapper .stop-event2 {
	margin-top: 30px;
	margin-bottom: 10px;
	color: #E44144;
}
.ul2 li{
	margin-top: 30px;
}

@media(min-width:768px) {
	.red_big {
		color: #ff007f;
		font-size: 2rem;
	}
	.event-situation1 {
		margin-left: auto;
margin-right: auto;
	}
	.tabi-techo {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}
	.event-situation2 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}
	.event-news-wrapper {
		text-align: center;
	}
	.event-news-wrapper h3 {
		font-size: 2.5rem;
		margin-bottom: 30px;
	}
	.event-news-wrapper li {
		font-size: 2rem;
	}
	.event-news-wrapper .stop-event {
		margin-top: 50px;
		margin-bottom: 30px;
		font-size: 2.3rem;
	}
	.event-news-wrapper .stop-event2 {
		margin-top: 50px;
		font-size: 2rem;
	}
	.ul2 li{
	margin-top: 50px;
}
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
html {
	font-family: "Sawarabi Mincho";
}
/* ----------------------------------------

フッター

---------------------------------------- */
.top-footer {
	text-align: center;
	background-color: #000000;
	width: 100%;
	padding-top: 50px;
}
.top-footer-word {
	max-width: 900px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #A5A5A5;
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.8;
	border: 1px solid #2D2D2D;
	padding: 15px;
	font-size: 1.2rem;
	/*transform: scale(0.9);*/
	background-color: #0B0B0B;
}
.top-footer-_inner {
	padding-top: 50px;
	padding-bottom: 50px;
}
.top-footer a {
	color: #3A8CE3;
}
.top-footer-_inner small {
	color: #FFFFFF;
	margin-top: 50px;
	display: block;
	font-size: 1.1rem;
}
.top-footer-_inner h3 {
	margin-bottom: 20px;
	font-size: 1.3rem;
	color: #3A8CE3;
}
.copy {
	font-size: 0.1rem;
}
.top-footer-_inner p {
	border-bottom: 1px solid #FFFFFF;
	display: inline-block;
	padding-bottom: 7px;
	font-size: 1.1rem;
}
.footer {
	text-align: center;
	background-color: #000000;
	width: 100%;
/*	height: 300px;*/
	position: relative;
	margin-bottom: -10px;
}
.footer a {
	color: #3A8CE3;
}
.footer-_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	letter-spacing: 5px;
}
.footer-_inner small {
	color: #FFFFFF;
	margin-top: 50px;
	display: block;
	font-size: 1.1rem;
}
.footer-_inner h3 {
	margin-bottom: 20px;
	font-size: 1.3rem;
	color: #3A8CE3;
}
.footer-_inner p {
	border-bottom: 1px solid #FFFFFF;
	display: inline-block;
	padding-bottom: 7px;
	font-size: 1.1rem;
}
@media(min-width:768px) {
	.top-footer {
		
		
		padding-top: 60px;
	}
	.top-footer-_inner {
    
	}
	.top-footer-word {
		line-height: 1.8em;
		font-size: 1.5rem;
	}
	.top-footer-_inner h2 {
		font-size: 1.7rem;
	}
	.top-ooter-_inner p {
		font-size: 1.4rem;
	}
	.footer-_inner h2 {
		font-size: 1.7rem;
	}
	.footer-_inner p {
		font-size: 1.4rem;
	}
}
/* ----------------------------------------

トップ

---------------------------------------- */
/* menu*/
.relative {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	padding: 8px 0 10px 0px;
	height: 80px;
	border-bottom: 10px solid #FCF8CC;
	z-index: 999;
	top: 0;
	left: 0;
}
.relative .button_container {
	position: absolute;
	top: 20px;
	height: 15px;
	width: 20px;
	left: 5%;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.relative .logo-head {
	padding-top: 15px;
	text-align: right;
	z-index: 99;
	position: relative;
	padding-right: 5%;
}
.button_container:hover {
	opacity: .7;
}
.button_container.active .top {
	-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	transform: translateY(8px) translateX(0) rotate(45deg);
	background: #000;
}
.button_container.active .middle {
	opacity: 0;
	background: #000;
}
.button_container.active .bottom {
	-webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
	transform: translateY(-12px) translateX(0) rotate(-45deg);
	background: #000;
}
.button_container span {
	background-color: #000;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 10px;
}
.button_container span:nth-of-type(3) {
	top: 20px;
}
.overlay {
	position: fixed;
	background-image: url(../images/top/stripe.gif);
	background-position: center center;
	background-attachment: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	-webkit-transition: opacity .55s, visibility .35s, height .75s, background-image 2s;
	transition: opacity .55s, visibility .35s, height .75s, background-image 2s;
	overflow: scroll;
	background-repeat: repeat;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
	background-image: url(../images/top/stripe.gif);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: repeat;
}
.overlay.open li {
	-webkit-animation: fadeInUp .5s ease forwards;
	animation: fadeInUp .5s ease forwards;
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
	-webkit-animation-delay: .48s;
	animation-delay: .48s;
}
.overlay.open li:nth-of-type(5) {
	-webkit-animation-delay: .51s;
	animation-delay: .51s;
}
.overlay.open li:nth-of-type(6) {
	-webkit-animation-delay: .54s;
	animation-delay: .54s;
}
.overlay.open li:nth-of-type(7) {
	-webkit-animation-delay: .57s;
	animation-delay: .57s;
}
.overlay.open li:nth-of-type(8) {
	-webkit-animation-delay: .60s;
	animation-delay: .60s;
}
.overlay.open li:nth-of-type(9) {
	-webkit-animation-delay: .63s;
	animation-delay: .63s;
}
.overlay.open li:nth-of-type(10) {
	-webkit-animation-delay: .66s;
	animation-delay: .66s;
}
.overlay.open li:nth-of-type(11) {
	-webkit-animation-delay: .69s;
	animation-delay: .69s;
}
.overlay.open li:nth-of-type(12) {
	-webkit-animation-delay: .72s;
	animation-delay: .72s;
}
.overlay.open li:nth-of-type(13) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}
.overlay.open li:nth-of-type(14) {
	-webkit-animation-delay: .78s;
	animation-delay: .78s;
}
.overlay.open li:nth-of-type(15) {
	-webkit-animation-delay: .85s;
	animation-delay: .85s;
}
.overlay.open li:nth-of-type(16) {
	-webkit-animation-delay: .92s;
	animation-delay: .92s;
}
.overlay.open li:nth-of-type(17) {
	-webkit-animation-delay: .95s;
	animation-delay: .95s;
}
.overlay.open li:nth-of-type(18) {
	-webkit-animation-delay: .97s;
	animation-delay: .97s;
}
.overlay.open li:nth-of-type(19) {
	-webkit-animation-delay: .99s;
	animation-delay: .99s;
}
.relative nav {
	position: relative;
	top: 45%;
	height: 70%;
	-webkit-transform: translateY(-47%);
	transform: translateY(-47%);
	font-size: 1.5rem;
	text-align: center;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
	text-align: left;
	line-height: normal;
}
.overlay ul li {
	display: block;
	position: relative;
	opacity: 0;
	font-size: 2.5rem;
	line-height: 36px;
}
.overlay ul li a span {
	font-size: 1.2rem;
	vertical-align: middle;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #000;
	text-decoration: none;
	overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
	width: 100%;
}
.overlay ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 3px;
	background-color: #E0E0E0;
	-webkit-transition: .35s;
	transition: .35s;
	top: 50%;
}
.cd-primary-nav .cd-social {
	display: inline-block;
	margin: 0.2em;
}
.cd-primary-nav .cd-facebook {
	display: inline-block;
	margin-left: -15px;
}
.cd-primary-nav .cd-social a {
	width: 44px;
	height: 44px;
	padding: 0;
	background-image: url(../images/top/cd-socialsb.svg);
	background-repeat: no-repeat;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
	background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
	background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
	background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
	background-position: -132px 0;
}
.logoimg {
	width: 120px;
	height: auto;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		top: 4%;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		top: 4%;
	}
	100% {
		opacity: 1;
		top: 0;
	}
}
@media(min-width:768px) {
	.relative .button_container {
		top: 25px;
	}
	.logoimg {
		width: 160px;
		height: auto;
	}
	.relative .logo-head {
		padding-top: 20px;
	}
	.relative nav {
		-webkit-transform: translateY(-45%);
		transform: translateY(-45%);
	}
}
@media(max-width:320px) {
	.relative nav {
		-webkit-transform: translateY(-40%);
		transform: translateY(-40%);
	}
}
/*　menu sticky　*/
.kotei {
	display: flex;
	position: absolute;
	left: 60px;
	top: 25px;
	font-size: 1.5rem;
  transform: skewX(-5deg);
}
.kotei li {
	margin-right: 18px;
}
.kotei_contact {
	padding-top: 4px;
}
#change {
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	padding: 8px 0 10px 0px;
	display: none;
	height: 80px;
	border-bottom: 10px solid #FCF8CC;
}
#change nav {
	position: relative;
	top: 40%;
	height: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.5rem;
	text-align: center;
}
.inner {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	margin-top: 0px;
}
#change .button_container.active .top {
	background: #000000;
}
#change .button_container.active .middle {
	background: #000000;
}
#change .button_container.active .bottom {
	background: #000000;
}
#change .button_container span {
	background-color: #000000;
}
#change .button_menu {
	color: #000000;
}
#change .overlay {
	margin-top: 80px;
}
#change .logo-head {
	padding-top: 15px;
	text-align: right;
	/*padding-right: 5%;*/
}
#change .button_container {
	position: absolute;
	top: 20px;
	/*left: 5%;*/
	height: 15px;
	width: 20px;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	margin-right: 10px;
}
@media(max-width:1099px) {
	.kotei {
		font-size: 1.3rem;
	}
	.kotei li {
		margin-right: 10px;
	}
}
@media(max-width:949px) {
	.kotei {
		font-size: 1rem;
		left: 40px;
	}
	.kotei li {
		margin-right: 8px;
	}
}
@media(max-width:768px) {
	.kotei {
		display: none;
	}
}
/*　other sticky　*/
.ot-menu {
	background-color: #FFFFFF;
	position: fixed;
	width: 100%;
	padding: 8px 0 10px 0px;
	height: 80px;
	border-bottom: 10px solid #FCF8CC;
	z-index: 999;
	top: 0;
	left: 0;
}
.ot-menu nav {
	position: relative;
	top: 40%;
	height: 70%;
	-webkit-transform: translateY(-47%);
	transform: translateY(-47%);
	font-size: 1.5rem;
	text-align: center;
}
.ot-inner {
	margin-left: 30px;
	margin-right: 30px;
}
.ot-inner2 {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	margin-top: 0px;
}
.ot-menu .button_container.active .top {
	background: #000000;
}
.ot-menu .button_container.active .middle {
	background: #000000;
}
.ot-menu .button_container.active .bottom {
	background: #000000;
}
.ot-menu .button_container span {
	background-color: #000000;
}
.ot-menu .button_menu {
	color: #000000;
}
.ot-menu .overlay {
	margin-top: 80px;
}
.ot-menu .logo-head {
	padding-top: 15px;
	text-align: right;
}
.ot-menu .button_container {
	position: absolute;
	top: 20px;
	height: 15px;
	width: 20px;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	margin-right: 10px;
}
@media(min-width:768px) {
	.ot-menu .logo-head {}
	.ot-menu .button_container {}
}
/*slide */
.conA {
	margin-top: 20px;
	margin-right: 30px;
	height: 60vh;
}
[class^="swiper-button-"] {
	transition: all .3s ease;
}
.swiper-slide {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 80%;
	height: 60vh;
	float: left;
	transition: opacity .6s ease, -webkit-transform .3s ease;
	transition: opacity .6s ease, transform .3s ease;
	transition: opacity .6s ease, transform .3s ease, -webkit-transform .3s ease;
}
.swiper-container.nav-slider {
	width: 20%;
	padding-left: 5px;
}
.swiper-container.nav-slider .swiper-slide {
	cursor: pointer;
	opacity: .4;
	transition: opacity .3s ease;
}
.swiper-container.nav-slider .swiper-slide.swiper-slide-active {
	opacity: 1;
}
.swiper-container.nav-slider .swiper-slide .content {
	width: 100%;
}
.swiper-container.nav-slider .swiper-slide .content .title {
	font-size: 20px;
}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.swiper-container.loading {
	opacity: 0;
	visibility: hidden;
}
.swiper-slide {
	overflow: hidden;
}
.swiper-slide .slide-bgimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.swiper-slide .entity-img {
	display: none;
}
.swiper-slide .content {
	position: absolute;
	top: 40%;
	left: 0;
	width: 50%;
	padding-left: 5%;
	color: #fff;
}
.swiper-slide .content .title {
	font-size: 2.6em;
	font-weight: bold;
	margin-bottom: 30px;
}
.swiper-slide .content .caption {
	display: block;
	font-size: 13px;
	line-height: 1.4;
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0;
	transition: opacity .3s ease, -webkit-transform .7s ease;
	transition: opacity .3s ease, transform .7s ease;
	transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
}
.swiper-slide .content .caption.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
[class^="swiper-button-"] {
	width: 44px;
	opacity: 0;
	visibility: hidden;
}
.swiper-button-prev {
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.swiper-button-next {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}
@media (min-width: 1200px) {
	.conA {
		height: 70vh;
	}
	.swiper-container {
		height: 70vh;
	}
}
@media (max-width: 768px) {
	.conA {
		margin-top: 0px;
		margin-right: 10px;
		height: 50vh;
	}
	.swiper-container {
		height: 50vh;
	}
	.swiper-container.nav-slider .swiper-slide .content .title {
		font-size: 11px;
	}
	.swiper-slide .content .title {
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 30px;
	}
}
/*固定メニュー */
.contents {}
.mojikoinfo {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.top-title {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 30px;
  transform: skewX(-5deg);
}
.tpt-spa {
	font-size: 1.5rem;
  transform: skewX(-5deg);
}
.kottou-spa {
	font-size: 1.5rem;
	margin-top: 20px;
	display: block;
	line-height: 3rem;
}
.sincelogo {
	width: 350px;
	height: 32px;
	margin-bottom: 10px;
}
.kottoulogo {
	width: 350px;
	height: auto;
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	.sincelogo {
		width: 250px;
		height: 27px;
	}
	.kottoulogo {
	width: 250px;
	height: auto;
}
	.top-title {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	.tpt-spa {
		font-size: 1.3rem;
	}
	.kottou-spa {
	font-size: 1.5rem;
	margin-top: 20px;
	display: block;
	line-height: 3rem;
}
}
.evsp {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.evsp ul {
	display: flex;
	align-items: center;
	height: 47px;
	max-width: 1100px;
	background-color: #000000;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
}
.evsp li {
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
	text-align: center;
	letter-spacing: 0.3rem;
	flex: 1
}
.evsp li:nth-of-type(1) {
	border-right: 2px solid #FFFFFF;
}
.ev2 li:nth-of-type(2) {
	border-right: 2px solid #FFFFFF;
}
.ev2 li:nth-of-type(3) {
	border-right: 2px solid #FFFFFF;
}
.evsp li a {
	display: block;
	transform: skewX(-150deg);
	font-size: 1.5rem;
	color: #FFFFFF;
}
.ev2 li a {
	font-size: 1.5rem;
	line-height: 16px;
}
.mainm {
	display: inline-block;
  font-size: 1.3rem;
  transform: skewX(-5deg);
}
.mainmunder {
	display: inline-block;
  font-size: 1.2rem;
  transform: skewX(-5deg);
}
@media(min-width:768px) {
	.evsp li a, .ev2 li a {
		font-size: 2rem;
	}
}
/*banner */
.top-banner {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.top-banner2, .top-banner3 {
  display: grid;
  justify-content: space-between;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.top-banner2 li, .top-banner3 li {
  width: 100%;
}
.top-banner2 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 20px;
}
.top-banner3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 10px;
  margin-bottom: 20px;
}

/*IE対応*/
@media all and (-ms-high-contrast: none) {
  .top-banner2, .top-banner3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-banner2 li, .top-banner3 li {
    width: calc(50% - 5px);
    height: auto;
    margin-bottom: 10px;
  }
  .top-banner2 li:first-of-type, .top-banner3 li:first-of-type {
    margin-right: 5px;
  }
  /*3列にするとき*/
  .top-banner3 li {
    width: calc(33.33% - 10px);
  }
  .top-banner3 li:nth-of-type(2) {
    margin-right: 5px;
  }
}
/*movie */
.block-movie {
	margin-left: 15px;
	margin-right: 15px;
}
.bm1 {
	border: 3px double #A5A5A5;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	max-width: 1100px;
	background-image: url(../images/top/stripe.gif);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 20px;
}
.bm1 h2 {
	font-size: 1.3rem;
	margin-bottom: 10px;
}

.bm2 {
	max-width: 1100px;
	display: flex;
}
.bm2-1 {
	max-width: 1100px;
	flex: 1;
}
.vimeo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media(min-width:768px) {
	.bm1 {
		padding: 30px 20px 40px;
	}
	.bm1 h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
}
/*news */
.block1 {
	width: auto;
	background-color: #FFFFFF;
	margin-right: 15px;
	margin-bottom: -50px;
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 1.5rem;
}
.topbox1 {
	margin-left: 30px;
}
.news {
	max-width: 1100px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	overflow: hidden;
}
.news h2 {
	text-align: left;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.news ul {
	line-height: 25px;
	padding-right: 30px;
}
.news li {
	border-bottom: 1px dotted #989898;
	margin-bottom: 20px;
	font-size: 1.1rem;
}
.news li span {
	display: block;
	font-size: 1.3rem;
}
.news li .nigo {
	display: block;
	padding-left: 0px;
	line-height: 3rem;
	margin-bottom: 10px
}
.news li .nigo .under_topline {
	font-weight: bold;
	text-decoration: underline;
	margin-left: 0px;
}
.under_tourismline {
	font-weight: bold;
	text-decoration: underline;
	margin-left: 0px;
}
@media(min-width:768px) {
	.block1 {
		margin-right: 30px;
	}
	.news {
		display: flex;
		margin: 60px auto 100px;
	}
	.news h2 {
		line-height: 55px;
		flex: 3;
		font-size: 2rem;
	}
	.news ul {
		flex: 6;
		line-height: 50px;
		padding-right: 50px;
	}
	.news li {}
	.news li span {
		display: inline-block;
		margin-left: 80px;
		font-size: 1.5rem;
	}
	.news li .nigo {
		margin-left: 80px;
		font-size: 1.5rem;
		padding-left: 62px;
		margin-top: -40px;
	}
}
/*find */
.fi-image {
	display: flex;
}
.fi-image-inner {
	margin-right: 3%;
}
.fi-word {
	font-size: 1rem;
}
.fi-image p {
	flex: 1;
}
.fi.topfindmar {
	margin-left: 30px;
	margin-right: 30px;
}
.topfind {
	background-color: #EAF4F4;
	max-width: 900px;
	width: 100%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 35px;
	line-height: 35px;
	font-size: 1.5rem;
}
.topfind span {
	display: inline-block;
}
.topfind span:nth-of-type(1) {
	font-family: "Sawarabi Mincho"
	font-size: 1.7rem;
}
.topfind span:nth-of-type(2) {
	font-size: 2rem;
}
.topfindbox {
	width: auto;
	background-color: #EAF4F4;
	margin-bottom: 200px;
	padding-top: 100px;
	padding-bottom: 40px;
}
.findcontent {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
}
.findcontent a {
	color: #000000;
	background-color: #EAF4F4;
	transition: background-color 0.5s ease-out;
}
.findcontent a:hover {
	background-color: #FFFFFF;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.find1 {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 60px;
}
.find1 .findphoto {
	width: auto;
	height: auto;
	max-width: 1100px;
}
.findphoto img {
	width: 100%;
	height: auto;
}
.find-fim01 {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}
.fim01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.find-fim02 {
	transition: .8s;
	opacity: 0;
	transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
}
.fim02 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.find-fim03 {
	transition: .8s;
	opacity: 0;
	transform: translate(-40px, 0);
	-webkit-transform: translate(-40px, 0);
}
.fim03 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.findtext p:nth-of-type(1) {
	font-size: 2.5rem;
	background-color: #FCF8CC;
	margin-bottom: 20px;
	margin-top: 10px;
}
.findtext p:nth-of-type(2) {
	font-size: 1.3rem;
	line-height: 21px;
}
.findtext p span {
	font-size: 1.8rem;
}
.findtext h2 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.find2 {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 60px;
}
.find2 .findphoto {
	width: auto;
	height: auto;
}
.bottomfind {
	margin-top: -235px;
	padding-top: 0px;
	padding-bottom: 85px;
	text-align: center;
	line-height: 25px;
}
.bottomfind li a {
	color: #000000;
	text-decoration: underline;
}
.top-go1 {
	margin: 20px 20px 50px;
}
.top-go2 {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
@media(min-width:768px) {
	.topfind {
		line-height: 35px;
		font-size: 3rem;
	}
	.topfindbox {
		padding-bottom: 80px;
	}
	.find1 {
		margin-bottom: 60px;
	}
	.finda {
		display: flex;
	}
	.find1 .findphoto {
		flex: 1;
		margin-right: 60px;
	}
	.find1 .findtext {
		flex: 1;
	}
	.findtext p:nth-of-type(1) {
		margin-right: 120px;
		margin-bottom: 50px;
		margin-top: 30px;
	}
	.findtext p:nth-of-type(2) {
		font-size: 1.3rem;
		line-height: 30px;
		margin-right: 30px;
	}
	.findtext h2 {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.find2 {
		margin-bottom: 60px;
	}
	.find2 .findphoto {
		flex: 1;
		order: 2;
		margin-left: 60px;
	}
	.find2 .findtext {
		flex: 1;
		order: 1;
		margin-left: 40px;
	}
	.bottomfind {
		display: flex;
		margin-top: -215px;
		font-size: 10rem;
		padding-bottom: 65px;
	}
	.bottomfind li {
		flex: 1;
	}
	.bottomfind li a {
		font-size: 3rem;
	}
	.top-go1 {
		margin: 50px 10px;
	}
}
/*about */
.aboutbox {
	max-width: 1100px;
	max-height: 1372px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}
.top_about_mojiko {
	background-image: url(../images/top/aboutback2.gif);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 91.7%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
.top_about_mojiko h2 {
	position: absolute;
	border: 1px solid #000000;
	padding: 3px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	top: 50px;
}
.top_about_mojiko h2 a {
	color: #000000;
}
.top_about_mojiko p {
	position: absolute;
	top: 130px;
	width: 50%;
	left: 40%;
	font-size: 1.1rem;
	line-height: 21px;
}
@media(min-width:768px) {
	.top_about_mojiko h2 {
		padding: 10px;
		font-size: 3rem;
		top: 100px;
	}
	.top_about_mojiko p {
		position: absolute;
		top: 250px;
		width: 40%;
		left: 50%;
		font-size: 1.5rem;
		line-height: 50px;
	}
}
/* ----------------------------------------

スポット

---------------------------------------- */
/*header*/
.header-title {
	margin-top: -27px;
	font-size: 1.4rem;
	margin-left: 50px;
}
/*スポット トップ ページ*/
.sp-block {
	margin-left: 15px;
	margin-right: 15px;
}
.sp-ulbox {
	margin-top: 100px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
.sp-mojikoinfo {
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
}
.sp-tu1 {
	border: 3px double #A5A5A5;
	background-color: #FFFFFF;
	background-image: url(../images/top/stripe.gif);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.sp-tu1 h2 {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.sp-tubox1 {
	margin-bottom: 30px;
}
.sp-tubox2 {
	margin-bottom: 30px;
}
.sp-tu1 li {
	margin-bottom: 10px;
	font-size: 1.3rem;
	padding-bottom: 1px;
	border-bottom: 1px solid #7B7B7B;
	display: inline-block;
}
.sp-tuh3 {
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 2.3rem;
}
.sp-tuh3ot {
	margin-top: 25px;
	margin-bottom: 35px;
	font-size: 2.7rem;
}
.sp-main {
	margin-bottom: 10px;
}
.sp-ul a {
	color: #000000;
}
.menutitle {
	font-size: 2.5rem;
	margin-bottom: 5px;
}
.sp-fade01 {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
}
.fade01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.sp-block1 {
	width: auto;
	background-color: #FFFFFF;
	margin-right: 15px;
	padding-top: 50px;
	padding-bottom: 40px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	padding-left: 15px;
}
.sp-topbox1 {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.sp-ul li {
	margin-bottom: 30px;
}
.center {
	text-align: center;
}
.sp-no {
	font-size: 2.5rem;
	background-color: #FCF8CC;
	margin-bottom: 10px;
	margin-top: 10px;
}
.sp-no span {
	font-size: 1.8rem;
}
.sp-title {
	font-size: 1.8rem;
	display: inline-block;
	margin-left: 20px;
}
.sp-photo img {
	transition: 0.3s;
}
.sp-photo {
	overflow: hidden;
}
.sp-photo img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.sp-gobox {
	margin: 60px 30px;
}
.sp-gobox2 {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
@media(min-width:768px) {
	.sp-tu1 {
		padding: 40px 20px 40px 40px;
		display: flex;
	}
	.sp-tu1 h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.sp-tubox1 {
		flex: 1;
		border-right: 1px solid #000000;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	.sp-tubox2 {
		flex: 1;
		margin-left: 50px;
		border-right: 1px solid #000000;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	.sp-tubox3 {
		flex: 1;
		margin-left: 50px;
	}
	.sp-tubox3 li, .sp-tubox1 li {
		margin-bottom: 25px;
		padding-bottom: 5px;
	}
	.sp-tu1 li {
		font-size: 1.6rem;
	}
	.sp-ul {
		display: flex;
	}
	.sp-ul li {
		flex: 1;
		margin-bottom: 15px;
	}
	.sp-block1 {
		margin-right: 30px;
		padding-left: 30px;
	}
}
/*スポット詳細ページ */
.sp-image {
	overflow: hidden;
	margin-right: 15px;
	background-size: cover;
	background-position: center;
	height: 62.5vh;
}
.sp1 {
	background-image: url(../images/spot/_DSC7351.jpg);
}
.sp2 {
	background-image: url(../images/spot/_MG_7274.jpg);
}
.sp3 {
	background-image: url(../images/spot/IMG_1164.jpg);
}
.sp4 {
	background-image: url(../images/spot/_DSC1111.jpg);
}
.sp5 {
	background-image: url(../images/spot/_DSC3506.jpg);
}
.sp6 {
	background-image: url(../images/spot/_MG_7242.jpg);
}
.sp7 {
	background-image: url(../images/spot/IMG_0892.jpg);
}
.sp8 {
	background-image: url(../images/spot/_MG_7113.jpg);
}
.sp9 {
	background-image: url(../images/spot/IMG_8307.jpg);
}
.sp10 {
	background-image: url(../images/spot/idemitu.jpg);
}
.sp11 {
	background-image: url(../images/spot/IMG_1306.jpg);
}
.sp12 {
	background-image: url(../images/spot/kougei.jpg);
}
.sp13 {
	background-image: url(../images/spot/_MG_9391.jpg);
}
.sp14 {
	background-image: url(../images/spot/_DSC2284.jpg);
}
.sp15 {
	background-image: url(../images/spot/_DSC9158.jpg);
}
.sp16 {
	background-image: url(../images/spot/_DSC2459.jpg);
}
.sp17 {
	background-image: url(../images/spot/IMG_0722.jpg);
}
.sp18 {
	background-image: url(../images/spot/IMG_0303.jpg);
}
.sp19 {
	background-image: url(../images/spot/_DSC2294.jpg);
}
.sp20 {
	background-image: url(../images/spot/IMG_1500.jpg);
}
.sp21 {
	background-image: url(../images/spot/IMG_1478.jpg);
}
.sp22 {
	background-image: url(../images/spot/_MG_3693.jpg);
}
.sp23 {
	background-image: url(../images/spot/IMG_0200.jpg);
}
.sp24 {
	background-image: url("../images/spot/marinegate.jpg");
}
.sp-block2 {
	width: auto;
	background-color: #FFFFFF;
	margin-right: 15px;
	letter-spacing: 2px;
	margin-top: 15px;
}
.sp-main2 {
	margin-bottom: 10px;
}
.sp-inbox1 {
	margin-left: 15px;
}
.sp-inbox2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.sp-inbox3 {
	background-color: #FCF8CC;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
}
.sp-inbox4 {
	padding: 20px 20px 50px 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 26px;
	font-size: 1.4rem;
}
.sp-go {
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
}
.sp-go2 {
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.sp-title2 {
	font-size: 2.5rem;
	display: inline-block;
	margin-left: 30px;
}
.sp-title3 {
	font-size: 1.7rem;
	display: inline-block;
}
.sp-no2 {
	font-size: 4rem;
	margin-bottom: 10px;
}
.sp-sp {
	font-size: 2rem;
}
.sp-info3 {
	margin-bottom: 30px;
}
.sp-info3 a {
	text-decoration: underline;
}
.sp_hp {
	margin-top: 20px;
}
.sp-gmap {
	flex: 1.3;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.sp-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sp-infobox {
	background-color: #EAF4F4;
	margin-top: 20px;
	padding: 20px 10px 30px 20px;
}
.sp-info2 {
	font-size: 2.5rem;
	margin-top: 60px;
	text-align: center;
	border-top: 2px solid #000000;
	padding-top: 20px;
}
.sp-ul2 {
	margin-top: 40px;
}
.sp-ul2 li {
	margin-bottom: 20px;
}
@media(min-width:768px) {
	.sp-image {
		height: 760px;
		margin-right: 30px;
	}
	.sp-block2 {
		margin-right: 30px;
		padding-left: 30px;
	}
	.sp-no2 {
		font-size: 6rem;
		margin-bottom: 10px;
	}
	.sp-inbox1 {
		margin-left: 0px;
	}
	.sp-inbox3 {
		padding: 20px 50px 20px 100px;
	}
	.sp-sp {
		font-size: 3rem;
	}
	.sp-title2 {
		font-size: 3rem;
		margin-left: 50px;
	}
	.sp-title3 {
		font-size: 2.5rem;
	}
	.sp-inbox4 {
		padding: 50px;
		line-height: 28px;
		font-size: 1.5rem;
	}
	.sp-infobox {
		display: flex;
		margin-top: 40px;
		padding: 30px 10px 30px 20px;
	}
	.sp-info3 {
		flex: 1;
		margin-bottom: 20px;
		min-width: 50%;
	}
	.sp-gmap {
		flex: 1;
		margin-left: 15px;
	}
	.sp-go {
		margin-top: 70px;
		margin-left: 20px;
		margin-right: 20px;
	}
}
/* ----------------------------------------

ファインド

---------------------------------------- */
/*ファインド トップページ */
.fd-main {
	margin-bottom: 10px;
}
.fd-block1 {
	width: auto;
	background-color: #EAF4F4;
	margin-right: 15px;
	padding-top: 50px;
	padding-bottom: 40px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	padding-left: 15px;
}
.fd-topbox1 {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.fd-ul li {
	margin-bottom: 30px;
}
.fd-ul a {
	color: #000000;
}
.fd-ul li:nth-of-type(1) {
	margin-right: 15px;
}
.fd-ul li:nth-of-type(2) {
	margin-right: 15px;
}
.fd-ul li:nth-of-type(3) {
	margin-right: 15px;
}
.fd-photo img {
	transition: 0.3s;
}
.fd-photo {
	overflow: hidden;
}
.fd-photo img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.fd-fade01 {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
}
.ffade01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.fd-no {
	font-size: 2.5rem;
	background-color: #FCF8CC;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
}
.fd-no span {
	font-size: 1.8rem;
}
.fd-main2 {
	margin-bottom: 10px;
}
@media(min-width:768px) {
	.fd-block1 {
		margin-right: 30px;
		padding-left: 30px;
	}
	.fd-ul {
		display: flex;
	}
	.fd-ul li {
		flex: 1;
		margin-bottom: 15px;
	}
	.fd-ul li:nth-of-type(1) {
		margin-right: 20px;
	}
	.fd-ul li:nth-of-type(2) {
		margin-right: 20px;
	}
	.fd-ul li:nth-of-type(3) {
		margin-right: 20px;
	}
}
/*ファインド詳細ページ */
.fd-image {
	overflow: hidden;
	margin-right: 15px;
	background-size: cover;
	background-position: center;
	height: 62.5vh;
}
.fd01 {
	background-image: url(../images/find/_DSC3887.jpg);
}
.fd02 {
	background-image: url(../images/find/vol5/_DSC1615.jpg);
}
.fd03 {
	background-image: url(../images/find/f3/_DSC7395.jpg);
}
.fd04 {
	background-image: url(../images/find/f4/_DSC4915.jpg);
}
.fd05 {
	background-image: url(../images/find/f5/_DSC5037.jpg);
}
.fd06 {
	background-image: url(../images/find/f6/_DSC9176.jpg);
}
.fd07 {
	background-image: url(../images/find/f7/_DSC6685.jpg);
}
.fd08 {
	background-image: url(../images/find/f8/DSC07286-1.jpg);
}
.fd09 {
	background-image: url(../images/find/f9/DSC_5752.jpg);
}
.fd10 {
	background-image: url(../images/find/f10/DSC01939.jpg);
}
.fd-gurume {
	background-image: url(../images/gurume/gh.jpg);
}
.fd11 {
	background-image: url("../images/find/f11/_DSC1647.jpg");
}
.fd12 {
	background-image: url("../images/find/f12/f12-top.jpg");
}
.fd-gurume21 {
	background-image: url("../images/gurume/2021gh-topsp.jpg");
}
.coupon-top {
	margin-right: 15px;
	background-color: #F9D8DF;
}
.fd-goto {
	display: block;
	max-width: 1000px;
	margin: auto;
}
span.txt_orange {
	color: #EA5514;
}
.fd-block2 {
	width: auto;
	background-color: #EAF4F4;
	margin-right: 15px;
	letter-spacing: 2px;
	margin-top: 15px;
}
.fd-main2 {
	margin-bottom: 10px;
}
.fd-inbox1 {
	margin-left: 15px;
}
.fd-inbox2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.fd-inbox-gurume {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.gurume-line li {
	border-bottom: 1px solid #878787;
	margin-bottom: 15px;
}
.fd-inbox3 {
	background-color: #FCF8CC;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
}
.fd-inbox4 {
	padding: 20px 20px 50px 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 26px;
	font-size: 1.4rem;
}
.fd-title2 {
	font-size: 2.5rem;
	display: inline-block;
	margin-left: 30px;
}
.fd-title3 {
	font-size: 1.7rem;
	display: inline-block;
}
.fd-no2 {
	font-size: 4rem;
	margin-bottom: 10px;
}
.fd-fd {
	font-size: 3rem;
}
.fd-gmap {
	flex: 1.3;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.fd-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fd-infobox {
	background-color: #FCF8CC;
	margin-top: 20px;
	padding: 20px 10px 30px 20px;
}
.fd-info2 {
	font-size: 2.5rem;
	margin-top: 60px;
	text-align: center;
	border-top: 2px solid #000000;
	padding-top: 20px;
}
.fd-info3 {
	flex: 1;
	margin-bottom: 20px;
}
.find-ul {
  display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-gap: 20px;
}
.fd-ul2 {
	margin-top: 40px;
}
.fd-ul2 li {
	margin-bottom: 20px;
}
.fd-title {
	font-size: 1.8rem;
	display: inline-block;
	margin-left: 20px;
  transform: skewX(-5deg);
}
.fd-days {
	font-size: 1.2rem;
	margin-bottom: 20px;
}
.fd-kako {
	font-size: 1.7rem;
}
.fd-mojipe {}
.fd-mojipe1 {
	font-weight: bold;
	font-size: 1.5rem;
}
.fd-mojipe2 {
	color: #B38247;
}
.fd-mojipe3 {
	color: #00A39B;
}
.fd-mojipe4 {
	color: #EA5614;
}
.fd-mojipe-box {
	display: flex;
	margin-top: 70px;
}
.fd-mojipe-box2 {
	flex: 2;
}
.fd-mojipe-box3 {
	flex: 3;
	margin-left: 20px;
}
.fd-mojipe-box4 {
	flex: 3;
	margin-right: 20px;
}
.fd-mojipe p {
	margin-bottom: 20px;
}
/*IE対応*/
@media all and (-ms-high-contrast: none) {
  .find-ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -0.5% 0;
	}
	.find-ul li {
		width: 30%;
		margin: 0.5%;
	}
}
@media(min-width:768px) {
	.fd-image {
		height: 760px;
		margin-right: 30px;
	}
	.coupon-top {
		margin-right: 30px;
	}
	.fd-block2 {
		margin-right: 30px;
		padding-left: 30px;
	}
	.fd-no2 {
		font-size: 6rem;
		margin-bottom: 10px;
	}
	.fd-no2 br {
		display: none;
	}
	.fd-inbox3 {
		padding: 20px 50px 20px 100px;
	}
  .find-ul {
    grid-template-columns: repeat(3, 1fr);
  }
	.fd-sp {
		font-size: 3rem;
	}
	.fd-title2 {
		font-size: 3rem;
		margin-left: 50px;
	}
	.fd-title3 {
		font-size: 2.5rem;
	}
	.fd-inbox1 {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	.fd-inbox4 {
		padding: 50px;
		line-height: 28px;
		font-size: 1.5rem;
	}
	.fd-infobox {
		display: flex;
		margin-top: 40px;
		padding: 30px 10px 30px 20px;
	}
	.fd-gmap {
		margin-left: 15px;
	}
	.fd-kako {
		font-size: 1.3rem;
	}
	.fd-mojipe1 {
		font-size: 1.8rem;
	}
	.fd-mojipe-box3 {
		flex: 6;
	}
	.fd-mojipe-box4 {
		flex: 6;
	}
  .fd-gurume21 {
	background-image: url("../images/gurume/2021gh-top.jpg");
  }
  .fd-gmap {
	padding-bottom: 56.25%;
}
}
/* ----------------------------------------

アバウト

---------------------------------------- */
/*門司港レトロについて */
.ab-main {
	margin-bottom: 100px;
}
.ab-menu {
	text-align: center;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 20px;
}
.kottou-menu {
	font-size: 2rem;
	margin-top: 50px;
}
.kottou-menu2 {
	font-size: 1.5rem;
	text-decoration-line: underline;
}
.ab-menu li {
	font-size: 1.6rem;
}
.ab-menu li:nth-of-type(1), .ab-menu li:nth-of-type(2) {
	border-right: 2px solid #5A5A5A;
	padding-right: 15px;
}
.ab-menu .kottou-li {
	border-right: 2px solid #5A5A5A;
	padding-right: 30px;
}
.ab-menu .kottou-li2 {
	
	padding-left: 30px;
}
.ab-menu li:nth-of-type(2), .ab-menu li:nth-of-type(3) {
	padding-left: 15px;
}
.ab01 {
	background-image: url(../images/about/_DSC3494.jpg);
}
.kottou01 {
    background-image: url(../kottou/img/DSC5548.jpg);
}
.ab-image {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 240px;
}
.kottou-image {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 240px;
}
.kottou-ac{
    font-size: 1.2rem;
    margin-top: 20px;
    text-align: left;
    margin-left: 4%;
    margin-right: 4%;
	
	
}
.kottou-coh2{
    font-size: 1.7rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px;
    font-weight: bold;
		text-align: center;
}
	.kottou-cop1{
    font-size: 1.7rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 30px;
    font-weight: bold;
		text-align: center;
		line-height: 3rem;
}
	.kottou-cop2{
    font-size: 1.3rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
    font-weight: bold;
		line-height: 2.3rem;
}
.kottou-bd{
    
    padding-top: 50px;
}
.ab-title2 {
	font-size: 2rem;
	color: #FFFFFF;
	text-align: center;
}
.ab-about {
	font-size: 1.5rem;
	display: inline-block;
	padding-top: 5px;
}
.ab-block1 {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.ab-lead {
	background-color: #FCF8CC;
	text-align: center;
	padding-top: 35px;
	font-size: 1.5rem;
	letter-spacing: 5px;
	margin-left: 30px;
	margin-right: 30px;
}
.ab-box2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}
.kottou-entry{
	font-size: 1.5rem!important ;
	line-height: 3rem!important ;
}
.kottou-box2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}
.ab-box2 p:nth-of-type(1) {
	font-size: 1.3rem;
	line-height: 30px;
	margin-bottom: 30px;
}
.ab-box3 {
	margin-left: 20px;
	margin-right: 20px;
}
.kottou-box3 {
	margin-left: 20px;
	margin-right: 20px;
}
.ab-box3 p {
	line-height: 23px;
	font-size: 1.3rem;
	margin-top: 20px;
	letter-spacing: 2px;
	text-align: justify;
}
.ab-ul {
	display: flex;
}
.ab-ul li {
	flex: 1;
}
.ab-h3 {
	font-size: 1.5rem;
	margin-top: 30px;
}
.kottou-h3 {
	text-align: center;
	font-size: 1.5rem;
	margin-top: 30px;
}
@media(min-width:768px) {
	.ab-image {
		height: 480px;
	}
	.kottou-image {
		height: 700px;
	}
	.kottou-ac{
			font-size: 1.4rem;
	margin-left: 10%;
	margin-right: 10%;
		margin-top: 50px;
}
	.kottou-coh2{
    font-size: 2rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px;
    font-weight: bold;
		text-align: center;
}
	.kottou-cop1{
    font-size: 2rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 30px;
    font-weight: bold;
		text-align: center;
		line-height: 3rem;
}
	.kottou-cop2{
    font-size: 1.7rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
    font-weight: bold;
		line-height: 3rem;
}
	.kottou-bd{}
.kottou-menu {
	font-size: 2.5rem;
	margin-top: 50px;
}
	.kottou-menu2 {
	font-size: 2rem;
	text-decoration-line: underline;
}
	.ab-menu li:nth-of-type(1), .ab-menu li:nth-of-type(2) {
		padding-right: 30px;
	}
	.ab-menu li:nth-of-type(2), .ab-menu li:nth-of-type(3) {
		padding-left: 30px;
	}
	.ab-title2 {
		font-size: 3.2rem;
	}
	.ab-about {
		font-size: 1.8rem;
		padding-top: 15px;
	}
	.ab-mar {
		margin-top: -50px;
	}
	.ab-lead {
		padding-top: 55px;
		font-size: 2rem;
		letter-spacing: 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.kottou-lead{
		margin-left: 10%;
		margin-right: 10%;
	}
	.ab-box2 {
		display: flex;
		margin-left: 100px;
		margin-right: 100px;
		margin-top: 80px;
	}
	.kottou-entry{
	font-size: 2rem!important ;
	line-height: 4rem!important ;
}
	.kottou-box2 {
		display: flex;
		margin-left: 100px;
		margin-right: 100px;
		margin-top: 80px;
	}
	.ab-box2 p:nth-of-type(1) {
		flex: 1;
		margin-right: 80px;
		font-size: 1.5rem;
		line-height: 50px;
	}
	.ab-box2 p:nth-of-type(2) {
		flex: 1;
	}
	.ab-box3 {
		margin-left: 100px;
		margin-right: 100px;
	}
	.kottou-box3 {
		margin-left: 100px;
		margin-right: 100px;
	}
	.ab-box3 p {
		line-height: 32px;
		font-size: 1.5rem;
		margin-top: 20px;
		letter-spacing: 2px;
	}
	.ab-h3 {
		font-size: 2rem;
		margin-top: 30px;
	}
	.kottou-h3 {
		font-size: 2rem;
		margin-top: 50px;
		margin-bottom: 20px;
	}
}
/*アクセス */
.ab02 {
	background-image: url(../images/about/_DSC9345.jpg);
}
.abac-box2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
	text-align: justify;
	font-size: 1.3rem;
}
.ac1 {
	font-size: 1.3rem;
	line-height: 30px;
	margin-bottom: 30px;
}
.ac1-2 {
	margin-bottom: 20px;
}
.ac1-3 {
	margin-bottom: 20px;
}
.ac1 p {
	line-height: 1.8;
	letter-spacing: 0.07em;
	margin-bottom: 15px;
}
.ac2 p {
	line-height: 1.8;
	letter-spacing: 0.07em;
	margin-bottom: 15px;
}
.ac-infobox {
	background-color: #FCF7CB;
	margin-top: 20px;
	padding: 20px 20px 30px;
	border: 3px double #D6D6D6;
	background-image: url(../images/stripe.gif);
	background-position: left top;
	background-repeat: repeat;
	margin-left: 15px;
	margin-right: 15px;
}
.ac-info3 {
	font-size: 1.3rem;
}
.ac-info3 li {
	margin-bottom: 10px;
}
.ac-gmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.ac-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media(min-width:768px) {
	.abac-box2 {
		display: flex;
		margin-left: 100px;
		margin-right: 100px;
		margin-top: 80px;
	}
	.ac1 {
		flex: 1;
		margin-right: 80px;
		font-size: 1.5rem;
		line-height: 30px;
	}
	.ac2 {
		flex: 3;
		font-size: 1.5rem;
		margin-left: 0px;
	}
	.ac-infobox {
		display: flex;
		margin-top: 40px;
		padding: 50px 35px;
		margin-left: 100px;
		margin-right: 100px;
	}
	.ac-info3 {
		flex: 1;
		margin-bottom: 20px;
		font-size: 1.5rem;
		margin-right: 10px;
	}
	.ac-gmap {
		flex: 2;
	}
}

/*パーキング*/
.pa-infobox {
	background-color: #FCF7CB;
	margin-top: 20px;
	padding: 20px 20px 30px;
	border: 3px double #D6D6D6;
	background-image: url(../images/stripe.gif);
	background-position: left top;
	background-repeat: repeat;
	margin-left: 15px;
	margin-right: 15px;
}
.pa-gmap {
	position: relative;
	margin: auto;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.pa-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pa-attention {
	margin: 50px 20px 20px 20px;
	font-size: 1.2rem;
}
.pa-wrap {
	margin-top: 20px;
}
.parking-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.parking-cont > li {
	position: relative;
	width: calc(50% - 15px);
	margin-bottom: 50px;
}
.parking-cont > li:nth-of-type(2n) {
	margin-left: 30px;
}
.parking-cont > li:nth-of-type(2n)::before {
	content: "";
	position: absolute;
	left: -15px;
	width: 1px;
	height: 105%;
	background-color: #99967c;
}
.parking-cont > li::after {
	content: "";
	position: absolute;
	right: 5px;
	bottom: -20px;
	width: 95%;
	height: 1px;
	background-color: #99967c;
}
.parking-cont img {
	margin-bottom: 10px;
}
.parking-cont p {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.4rem;
}
.parking-cont .txt_number {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #0097a7;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#parking .top-go1 {
  margin: 20px 20px 50px;
}
/*
.pa-gmap {
  	overflow:hidden;
}

.pa-gmap iframe {
	margin-top: -0px;
}
*/

div[data-tooltip*="スター"] + div {
	display: none !important;
}

@media screen and (min-width: 768px) {
	.pa-infobox {
		margin-top: 40px;
		padding: 50px 35px;
		margin-left: 100px;
		margin-right: 100px;
	}
	.pa-gmap {
		padding-bottom: 80%;
	}
	.pa-attention {
	margin: 50px 100px 20px 100px;
	}
  #parking .abac-box2 {
    display: block;
  }
	.parking-cont > li {
		width: calc(25% - 15px);
	}
	.parking-cont > li:not(:nth-of-type(4n + 1)) {
		margin-left: 20px;
	}
	.parking-cont > li:not(:nth-of-type(4n + 1))::before {
		content: "";
		position: absolute;
		left: -10px;
		width: 1px;
		height: 105%;
		background-color: #99967c;
	}
}

/* ----------------------------------------

paper

---------------------------------------- */
/*paperトップページ */
.pa-main {
	margin-bottom: 10px;
}
.pa-block1 {
	width: auto;
	background-color: #F6F6F6;
	margin-right: 15px;
	padding-top: 50px;
	padding-bottom: 40px;
	font-size: 1.5rem;
	letter-spacing: 2px;
	padding-left: 15px;
}
.pa-topbox1 {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.pa-pd {
	font-size: 1.3rem;
}
.paper a {
	color: #000000;
}
.pa-ul, .pa-ul2 {
	display: flex;
	margin-bottom: 30px;
}
.pa-ul li, .pa-ul2 li {
	flex: 1;
}
.pa-ul li:nth-of-type(1), .pa-ul2 li:nth-of-type(1) {
	margin-right: 15px;
}
.pa-photo img {
	transition: 0.3s;
}
.pa-photo {
	overflow: hidden;
}
.pa-photo img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.pa-fade01 {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
}
.paade01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.pa-no {
	font-size: 2.5rem;
	background-color: #FCF8CC;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
}
.pa-no span {
	font-size: 1.8rem;
}
.pa-main2 {
	margin-bottom: 10px;
}
.pa-title {
	font-size: 1.8rem;
	display: block;
  transform: skewX(-5deg);
}
@media(min-width:768px) {
	.pa-block1 {
		margin-right: 30px;
		padding-left: 30px;
	}
	.paper {
		display: flex;
	}
	.pa-pd {
		font-size: 1.5rem;
	}
	.pa-ul, .pa-ul2 {
		flex: 1;
		display: flex;
	}
	.pa-ul li, .pa-ul2 li {
		margin-bottom: 15px;
	}
	.pa-ul li:nth-of-type(1), .pa-ul2 li:nth-of-type(1) {
		margin-right: 20px;
	}
	.pa-ul li:nth-of-type(2) {
		margin-right: 20px;
	}
}
/* ----------------------------------------

event

---------------------------------------- */
/*eventトップページ */
.ev-block {
	margin-left: 15px;
	margin-right: 15px;
}
.ev-ulbox {
	margin-top: 100px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
.ev-mojikoinfo {
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
}
.ev-tu1 {
	border: 3px double #A5A5A5;
	background-color: #FFFFFF;
	background-image: url(../images/top/stripe.gif);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.ev-tu1 h2 {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.ev-tubox1 {
	margin-bottom: 30px;
	border-bottom: 1px solid #7B7B7B;
	padding-bottom: 30px;
}
.ev-tu1 li {
	margin-bottom: 15px;
	font-size: 1.1rem;
	padding-bottom: 15px;
	border-bottom: 1px solid #7B7B7B;
	display: inline-block;
	line-height: 2.5rem;
}
.ev-tuh3 {
	margin-bottom: 15px;
	font-size: 2.5rem;
}
.ev-tu2h3 {
	margin-bottom: 15px;
	font-size: 1.8rem;
}
.ev-tu3h3 {
	margin-bottom: 15px;
	font-size: 2rem;
}
.blue {
	color: #448BE3;
	font-size: 1.3rem;
}
.ev-calendar {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
.ev-tubox2 ul {
	margin-bottom: 30px;
}
.ev-block2 {
	border-top: 1px solid #7B7B7B;
	margin-top: 20px;
	padding-top: 30px;
}
.ev-banner {
	margin-top: 30px;
}
@media(min-width:768px) {
	.ev-tu1 {
		padding: 40px 20px 40px 40px;
	}
	.ev-tu1 h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.ev-flex {
		display: flex;
	}
	.ev-tubox1 {
		flex: 1;
		border-right: 1px solid #7B7B7B;
		border-bottom: none;
		padding-right: 50px;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	.ev-tubox2 {
		flex: 2;
		margin-left: 50px;
	}
	.ev-tubox2 ul {
		margin-bottom: 50px;
	}
	.ev-tu1 li {
		font-size: 1.4rem;
		line-height: 3rem;
	}
	.blue {
		font-size: 2rem;
	}
	.ev-block2 {
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 50px;
	}
	.ev-tu3h3 {
		font-size: 2.5rem;
	}
}
/*eventピックアップページ */
.ev1 {
	background-image: url(../images/event/_DSC1801.jpg);
}
.ev02 {
	background-image: url(../images/event/kamome/_DSC0412.jpg);
}
.ev03 {
	background-image: url(../images/event/festa/2.JPG);
}
.ev-main {
	margin-top: 40px;
	margin-bottom: 10px;
}
.ev-block1 {
	width: auto;
	background-color: #FFFFFF;
	margin-right: 15px;
	padding-top: 50px;
	padding-bottom: 40px;
	font-size: 1.3rem;
	letter-spacing: 2px;
	padding-left: 15px;
}
.ev-topbox1 {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.evbox {
	text-align: justify;
}
.evbox1 {
	margin-bottom: 30px;
}
.evh3 {
	font-size: 1.5rem;
	border-bottom: 1px solid #7B7B7B;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
.evbox2 li {
	border-bottom: 1px solid #7B7B7B;
	padding-bottom: 6px;
	margin-bottom: 20px;
	font-size: 1.3rem;
}
.evbox2 a {
	color: #E71A24;
	text-decoration: underline;
}
.ev-contena {
	margin-left: 15px;
	margin-right: 15px;
}
.ev {
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 200px;
}
@media(min-width:375px) {
	.ev {
		max-width: 300px;
	}
}
@media(min-width:768px) {
	.ev-block1 {
		margin-right: 30px;
		font-size: 1.5rem;
	}
	.evbox {
		display: flex;
		go
	}
	.evbox1 {
		flex: 1.3;
	}
	.evh3 {
		font-size: 2rem;
		padding-bottom: 6px;
		margin-bottom: 30px;
	}
	.evbox2 {
		flex: 1;
		margin-left: 50px;
		margin-top: 20px;
	}
	.evbox2 li {
		padding-bottom: 6px;
		margin-bottom: 30px;
	}
	.ev-contena {
		margin-left: 30px;
		margin-right: 30px;
	}
}
/* ----------------------------------------

contact

---------------------------------------- */
.ct-block {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 50px;
}
.ct-ulbox {
	margin-top: 100px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
.ct-mojikoinfo {
	margin-top: 100px;
	margin-bottom: 60px;
	text-align: center;
}
.ct-tu1 {
	border: 3px double #A5A5A5;
	background-color: #FFFFFF;
	background-image: url(../images/top/stripe.gif);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.ct-tu1 h2 {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.ct-tu1 li {
	margin-bottom: 15px;
	font-size: 1.3rem;
	padding-bottom: 1px;
	border-bottom: 1px solid #7B7B7B;
	display: inline-block;
}
.ct-tubox1 {
	margin-bottom: 30px;
	border-bottom: 1px solid #7B7B7B;
	padding-bottom: 30px;
}
.ct-tuh3 {
	margin-bottom: 15px;
	font-size: 2.5rem;
}
.ab-tuh3 {
	margin-bottom: 15px;
	font-size: 1.8rem;
}
.ct-tubox2 ul {
	margin-bottom: 10px;
}
.ct-tubox2 li {
	margin-bottom: 7px;
}
.ct-tu2h3 {
	margin-bottom: 15px;
	font-size: 1.8rem;
}
.ct-block2 {
	border-top: 1px solid #7B7B7B;
	margin-top: 20px;
	padding-top: 30px;
}
.ct-tu3h3 {
	margin-bottom: 15px;
	font-size: 2rem;
}
.ct-calendar {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}
@media(min-width:768px) {
	.ct-tu1 {
		padding: 40px 20px;
	}
	.ct-tu1 h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.ct-tu1 li {
		font-size: 1.6rem;
	}
	.ct-flex {
		display: flex;
	}
	.ct-tubox1 {
		flex: 1;
		border-right: 1px solid #7B7B7B;
		border-bottom: none;
		padding-right: 50px;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	.ct-tubox2 {
		flex: 2;
		margin-left: 50px;
	}
	.ct-tubox2 ul {
		margin-bottom: 50px;
	}
	.ct-block2 {
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 50px;
	}
	.ct-tu3h3 {
		font-size: 2rem;
	}
}
/* ----------------------------------------

eat

---------------------------------------- */
#eat {
  width: 100%;
}
.eat-category h2 {
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 0.3rem;
  font-size: 1.3rem;
}
.eat-category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.eat-category li {
  position: relative;
  width: 30%;
  height: 60px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 60px;
}
@media screen and (max-width: 766px) {
  .eat-category li {
  margin-right: 3.333%;
  }
  .eat-category li:nth-of-type(4) {
    margin-left: 15%;
  }
  .eat-category li:nth-of-type(5) {
    margin-right: 15%;
  }
}
.eat-gurumekai {
  margin: 50px auto 0;
  padding: 35px;
  background-image: url("../images/top/stripe.gif");
}
.eat-gurumekai p:first-of-type {
  margin-bottom: 10px;
}
.eat-gurumekai p:nth-of-type(2) {
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.js_fadein {
  opacity: 0;
  transition: 1.5s;
}
.js_fadein_side {
  opacity: 0;
  transform: translateX(30px);
  transition: 1.5s;
}
.txt_bold {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
}
.eat-cont {
  position: relative;
  padding-top: 100px;
}
.eat-cont::before, .eat-cont::after {
  content: "";
  position: absolute;
  top: 130px;
  left: 0;
  z-index: 10;
  width: calc(50% - 120px);
  height: 2px;
  background-color: #fff;
}
.eat-cont::after {
  left: auto;
  right: 0;
}
.eat-cont h3 {
  position: relative;
  z-index: 100;
  width: 200px;
  height: 68px;
  color: #000;
  text-align: center;
}
.eat-cont h3 span {
	font-size: 1.2rem;
}
.eat-cont h3, .eat-cont .ja-food-title {
  margin: 0 auto 50px;
}
.eat-cont img {
  border: 5px solid #fff;
}
.eat-cont ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-gap: 20px;
}
.eat-shop-name {
  width: 105%;
	margin-top: -32px;
  margin-left: -8px;
  line-height: 2.5rem;
}
.eat-shop-name span {
  padding: 1px 4px;
  background-color: #FCF8CC;
  font-size: 1.2rem;
}
.eat-cont .ja-food-title {
  position: relative;
  width: 200px;
  height: 68px;
  background-color: #FCF8CC;
}
.eat-category .ja-food-title {
  position: relative;
  height: 68px;
  background-color: #FCF8CC;
  line-height: 68px;
}
.eat-cont .ja-food, .eat-category .ja-food {
  display: block;
  position: absolute;
  top: 8px;
  left: 90px;
  width: 20px;
  height: 50px;
}
.eat-category .ja-food {
	left: 42%;
	z-index: 50;
	width: 20px;
	line-height: 2.6rem;
}
.ja-food-title img {
  position: absolute;
  left: -20px;
  width: 240px;
  border: none;
}
.eat-category .ja-food-title img {
  width: 120%;
  top: 8px;
  left: -16px;
  z-index: 10;
}
.cafe, .we-food {
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(90deg, #fcf8cc, #fcf8cc 10px,#e9f4ff 10px, #e9f4ff 20px);
  background: repeating-linear-gradient(90deg, #fcf8cc, #fcf8cc 8px,#fff 8px, #fff 16px);
	letter-spacing: 0.2rem;
}
.we-food {
	position: relative;
	background: -webkit-repeating-linear-gradient(-45deg, #fcf8cc, #fcf8cc 8px,#e9f4ff 8px, #e9f4ff 16px);
  background: repeating-linear-gradient(-45deg, #fcf8cc, #fcf8cc 8px,#fff 8px, #fff 16px);
}
.we-food::before, .we-food::after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.we-food::before{
  top: 0;
  left: 0;
  border-width: 35px 0px 35px 18px;
  border-color: transparent transparent transparent #eaf4f4;
  border-style: solid;
}
.we-food::after{
  top: 0;
  right: 0;
  border-width: 35px 18px 35px 0px;
  border-color: transparent #eaf4f4 transparent transparent;
  border-style: solid;
}
.ch-food {
  display: block;
  position: relative;
  height: 64px;
  padding: 0.7rem;
  background: #FCF8CC;
	letter-spacing: 0.2rem;
}
.ch-food::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 100%;
  height: 101%;
  border: 1.5px solid #fff;
}
.others {
  padding: 5px;
  background-image: url("../eat/images/white-circle.png");
  background-color: #fcf8cc;
}
#eat-curry {
  padding-top: 100px;
}
.eat-curry-info {
  margin-bottom: 20px;
  padding: 35px;
  background: -webkit-repeating-linear-gradient(-45deg, #fcf8cc, #fcf8cc 8px,#e9f4ff 8px, #e9f4ff 16px);
  background: repeating-linear-gradient(-45deg, #fcf8cc, #fcf8cc 8px,#fff 8px, #fff 16px);
}
.eat-map {
	margin-top: 100px;
}
/*IE対応*/
@media all and (-ms-high-contrast: none) {
  .eat-cont ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -0.5% 0;
	}
	.eat-cont li {
		width: 19%;
		margin: 0.5%;
	}
}
/*eat-各ページ*/
.eat-child-img {
  width: 100%;
  margin-bottom: 50px;
}
.eat-child-img li {
  margin-bottom: 20px;
}
.eat-child-img li img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}
.eat-child-info {
  width: 100%;
  margin-bottom: 50px;
}
.eat-child-info h3 {
  margin-bottom: 40px;
  margin-top: 0;
}
.eat-child-info p {
  margin-left: 20px;
  margin-bottom: 50px;
}
.eat-child-info dl div {
  margin: 20px;
  border-bottom: 1px solid #888;
}
.eat-child-info dt {
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
.eat-child-info dd {
  margin-bottom: 20px;
}
.eat-child-map {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  overflow: hidden;
}
.eat-child-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media(min-width:768px) {
  .eat-category li {
    width: 15%;
    margin-left: 1.25%;
    margin-right: 1.25%;
  }
  .eat-category a:hover {
    opacity: 0.7;
  }
  .eat-gurumekai {
    width: 75%;
  }
  .eat-gurumekai p:first-of-type {
    margin-top: 0;
  }
  .eat-cont ul {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px;
  }
  .eat-shop-name span {
    font-size: 1.4rem;
  }
  #eat-curry ul {
    display: flex;
  }
  .eat-curry-info {
    width: 68%;
    margin-right: 2%;
  }
  .eat-banner-curry {
    width: 30%;
  }
  .eat-map {
    padding-bottom: 60%;
  }
  .eat-child-cont {
    display: flex;
  }
  .eat-child-img {
    width: 45%;
  }
  .eat-child-info {
    width: 53%;
    margin-left: 2%;
  }
}
/* ----------------------------------------

gallery

---------------------------------------- */
.gallery-about {
	width: 90%;
	margin: 50px auto;
	padding: 30px;
  background:
    linear-gradient(45deg,  transparent 20px, #fff 20px),
    linear-gradient(135deg, transparent 20px, #fff 20px),
    linear-gradient(225deg, transparent 20px, #fff 20px),
    linear-gradient(315deg, transparent 20px, #fff 20px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.camera-svg {
	width: 40px;
  vertical-align: middle;
}
.gallery-about h3 {
  text-align: center;
  font-size: 1.8rem;
}
.gallery-about p {
  margin-top:30px;
}
.kiyaku-btn {
  text-align: center;
  margin-bottom: 10px;
}
.kiyaku-btn a {
  padding: 10px;
  border-top: 1px solid #448BE3;
  border-bottom: 1px solid #448BE3;
  color: #448BE3;
}
.kiyaku-btn a:hover {
  opacity: 0.7;
}
.gallery-category h3 {
  margin-bottom: 40px;
  font-size: 1.4rem;
  text-align: center;
}
.gallery-category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.gallery-category li {
  width: 32%;
  max-width: 250px;
  height: 50px;
}
.gallery-category li a:hover {
  opacity: 0.7;
}
.gallery-title {
  position: relative;
  padding: 15px 0 10px;
  background-color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 50px;
}
.gallery-title::before {
  content: "01";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: transparent;
  font-size: 4rem;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
}
.gallery-title.title-gurume::before {
  content: "02";
}
.gallery-title.title-scene::before {
  content: "03";
}
.gallery-cont {
  padding-top: 100px;
}
.gallery-cont ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-gap: 20px;
  margin-top: 20px;
}
.gallery-cont h3 {
  width: 100%;
	margin: 0 auto;
	padding: 2px;
  background-color: #FBF8CB;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.4rem;
}
.gallery-cont h3 span {
  position: relative;
}
.gallery-cont h3 span::before {
  content: "01";
  position: absolute;
  top: -12px;
  left: -60px;
  color: transparent;
  font-size: 3rem;
  text-stroke: 1px black;
  -webkit-text-stroke: 1px black;
}
#gallery-gurume h3 span::before {
  content: "02";
}
#gallery-scene h3 span::before {
  content: "03";
}
.gallery-cont li {
  position: relative;
  background-color: #fff;
  padding: 5px;
  padding-bottom: 40px;
  font-size: 1.2rem;
}
.gallery-cont p:nth-of-type(2) {
  margin-top: 10px;
}
.gallery-cont .download-btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 1rem;
}
.gallery-cont .download-btn img {
  display: inline;
  width: 12px;
  height: auto;
  margin-right: 5px;
}
#gallery-kiyaku {
  padding-top: 100px;
  font-size: 1.2rem;
}
#gallery-kiyaku > ol > li {
  margin: 20px 0;
}
#gallery-kiyaku li {
  margin: 5px 0;
}
#gallery-kiyaku ol ol li {
  margin-left: 10px;
}
/*IE対応*/
@media all and (-ms-high-contrast: none) {
  .gallery-cont ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -0.5% 0;
	}
	.gallery-cont li {
		width: 19%;
		margin: 0.5%;
	}
}
@media(min-width:768px) {
  .gallery-about {
    width: 75%;
    text-align: center;
  }
  .gallery-category ul {
    width: 85%;
  }
  .gallery-title {
    font-size: 1.4rem;
  }
  .gallery-cont ul {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px;
  }
  .gallery-cont li {
    padding: 10px;
    padding-bottom: 50px;
    font-size: 1.4rem;
  }
  .gallery-cont .download-btn {
    bottom: 10px;
    right: 10px;
    font-size: 1.2rem;
  }
  .gallery-cont .download-btn img {
    width: 16px;
  }
}