@charset "utf-8";

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

	venue (index.html)

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


/* -------------------------------------- .venue-titleCnt -------------------------------------- */

.venue-titleCnt {
	padding: 50px 0 60px;
}

.venue-titleCnt div {
	float: left;
	/* width: 33%; */
}

.venue-titleCnt section {
	float: right;
	width: 66%;
	margin-top: 40px;
}

.venue-titleCnt img {
	width: 450px;
	position: absolute;
	right: 10%;
	top: 160px;
}

@media screen and (max-width: 769px) {
	.venue-titleCnt img {
		width: 200px;
		position: absolute;
		right: 5%;
		top: 140px;
	}
}





/* ---------------------------------------
	max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {

	.venue-titleCnt {
		padding-bottom: 40px;
	}

}


/* ---------------------------------------
	max-width: 839px
--------------------------------------- */

@media screen and (max-width: 839px) {

	.venue-titleCnt div,
	.venue-titleCnt section {
		float: none;
		width: 100%;
		margin-top: 0;
	}

}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	.venue-titleCnt {
		padding: 30px 0;
	}

}


/* -------------------------------------- venue-profileCnt -------------------------------------- */

.venue-profileCnt {
	padding-bottom: 60px;
	overflow: hidden;
	background: #f8f3f5;
	padding: 60px;
}

@media screen and (max-width: 719px) {
	.venue-profileCnt {
		padding-bottom: 60px;
		overflow: hidden;
		background: #f8f3f5;
		padding: 10px;
	}
}



.venue-profileCnt .cnt-inner {
	/*overflow: hidden;*/
}


/* -------- venue-profile-imgCnt  -------- */

#venue-profile-imgCnt {
	height: 400px;
	margin-bottom: 60px;
	background: no-repeat 50% 50%;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
}

.no-js #venue-profile-imgCnt,
.sizeL #venue-profile-imgCnt {
	background-image: url(../images/venue/venue-profileCnt_pic01.jpg);
}

.sizeM #venue-profile-imgCnt {
	background-image: url(../images/venue/venue-profileCnt_pic01m.jpg);
}

.sizeS #venue-profile-imgCnt {
	background-image: url(../images/venue/venue-profileCnt_pic01s.jpg);
}


/* -------- venue-profile-profileCnt  -------- */

.venue-profile-profileCnt {
	font-size: 80%;
	line-height: 1.5;
	width: 100%;
	float: left;
}

.venue-profile-profileCnt dt {
	color: #38342f;
	font-weight: bold;
	position: absolute;
	padding: 15px 0 15px 15px;
	margin-right: 700px;
}

.venue-profile-profileCnt dd {
	border-bottom: 1px solid #ccc;
	padding: 15px 15px 15px 20em;
	margin-right: 100px;
}

.venue-profile-profileCnt dd.last {
	border: none;
	padding-bottom: 0;
}


/* -------- venue-profile-movieCnt  -------- */

.venue-profile-movieCnt {
	line-height: 1.5;
	float: right;
	margin-left: -420px;
	width: 420px;
}

.venue-profile-movieCnt h3 {
	text-align: center;
	font-size: 95%;
	color: #38342f;
	margin-bottom: 15px;
}

.venue-profile-movieCnt div {
	padding: 10px;
	margin-bottom: 15px;
	/*background: #1a1a1a;*/
	background: #fff url(../images/site_bcg04.png);
	color: #fff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	/*	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
}

.venue-profile-movieCnt iframe {
	display: block;
	position: relative;
	z-index: 51;

	.venue-profile-movieCnt div h3 {
		color: #fff;
	}



	.venue-profile-movieCnt dl {
		color: #fff;
		margin: -10px 0 20px;
	}

	.venue-profile-movieCnt dt {
		font-size: 87.5%;
		color: #fff;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.venue-profile-movieCnt dd {
		font-size: 80%;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.venue-profile-movieCnt ul {
		margin-bottom: 20px;
	}

	.venue-profile-movieCnt li {
		margin-bottom: 7px;
	}
}





/* -------- venue-profile-messageBtnCnt  -------- */

.venue-profile-messageBtnCnt {
	line-height: 1.5;
	position: relative;
	margin: 30px auto 0;
}

.venue-profile-messageBtnCnt dt {
	text-indent: -9999px;
	width: 86px;
	height: 86px;
	background: url(../images/site_splite02.png) no-repeat 0 -500px;
	position: absolute;
	top: 50%;
	margin: -43px 0 0 10px;
	z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
	.venue-profile-messageBtnCnt dt {
		background-image: url(../images/site_splite02x2.png);
		-moz-background-size: 300px 600px;
		-webkit-background-size: 300px 600px;
		-o-background-size: 300px 600px;
		background-size: 300px 600px;
	}
}

#venue-profile-messageBtn {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.8;
	color: #534a47;
	border: 1px solid #ccc;
	border-style: solid none;
	padding: 10px 0 10px 130px;
	cursor: pointer;
	display: block;
	position: relative;

	-moz-transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	transition: background-color .1s linear;
}

body.IE7 #venue-profile-messageBtn {
	zoom: 1;
}

#venue-profile-messageBtn:hover {
	color: #332e2c;
	background-color: #f2f2f2;
}

#venue-profile-messageBtn:before {
	content: "";
	width: 10px;
	height: 10px;
	background: transparent url(../images/site_splite02.png) no-repeat 0 -250px;
	position: absolute;
	top: 50%;
	margin: -5px 0 0 -20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
	#venue-profile-messageBtn:before {
		background-image: url(../images/site_splite02x2.png);
		-moz-background-size: 300px 600px;
		-webkit-background-size: 300px 600px;
		-o-background-size: 300px 600px;
		background-size: 300px 600px;
	}
}

#venue-profile-messageBtn.open:before {
	background-position: -50px -250px;
}


/* -------- venue-profile-messageCnt  -------- */

#venue-profile-messageCnt {
	/* 	overflow: hidden; */
	-moz-transition: height .5s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: height .5s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: height .5s cubic-bezier(0.77, 0, 0.175, 1);
	transition: height .5s cubic-bezier(0.77, 0, 0.175, 1);
	/* easeInOutQuart */
}

html.js #venue-profile-messageCnt {
	height: auto;
}

body.IE7 #venue-profile-messageCnt {
	position: relative;
}

#venue-profile-messageCnt .inner {
	padding: 40px 4%;
	border: 4px solid #f7931e;
	position: relative;
	margin-top: 40px;
	background-color: #fff;
}

#venue-profile-messageCnt .inner:before,
#venue-profile-messageCnt .inner:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}

/* -- ▲矢印------
#venue-profile-messageCnt .inner:before {
	border: 18px solid transparent;
	border-bottom-width: 26px;
	border-bottom-color: #d9d9d9;
	top: -44px;
	right: 16%;
}*/
#venue-profile-messageCnt .inner:after {
	border: 12px solid transparent;
	border-bottom-width: 18px;
	border-bottom-color: #fff;
	top: -30px;
	right: 16%;
	margin-right: 6px;
}

#venue-profile-messageCnt img {
	width: 384px;
	height: auto;
	float: right;
	margin: 0 0 20px 40px;
}

#venue-profile-messageCnt .common-closeBtn {
	top: 0;
	right: 0;
}


/* ---------------------------------------
	max-width: 1440px
--------------------------------------- */

@media screen and (max-width: 1440px) {

	/*画像サイズより小さくなったら contain を解除*/
	#venue-profile-imgCnt {
		-moz-background-size: auto auto !important;
		-webkit-background-size: auto auto !important;
		-o-background-size: auto auto !important;
		background-size: auto auto !important;
	}

}

/* ---------------------------------------
	max-width: 1199px
--------------------------------------- */

@media screen and (max-width: 1199px) {

	#venue-profile-messageCnt .inner {
		padding: 30px;
	}

}


/* ---------------------------------------
	max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {

	#venue-profile-imgCnt {
		margin-bottom: 40px;
	}

	.venue-profile-profileCnt dt,
	.venue-profile-profileCnt dd {
		margin-right: 100px;
	}

	.venue-profile-movieCnt {
		margin-left: -400px;
		width: 360px;
	}

	.venue-profile-movieCnt iframe {
		width: 340px;
		height: 255px;
	}
}

/* ---------------------------------------
	max-width: 839px
--------------------------------------- */

@media screen and (max-width: 839px) {

	.venue-profileCnt {
		padding-bottom: 20px;
	}

	#venue-profile-imgCnt {
		margin-bottom: 0;
	}

	.venue-profile-profileCnt {
		padding: 20px 0 30px;
		float: none;
	}

	.venue-profile-profileCnt dt,
	.venue-profile-profileCnt dd {
		margin-right: 0;
	}

	.venue-profile-movieCnt {
		float: none;
		width: auto;
		padding: 20px 100px;
		margin: 0 -100px;
		background: #f2f2f2;
	}

	.venue-profile-movieCnt div {
		width: 500px;
		margin: 10px auto;
	}

	.venue-profile-movieCnt iframe {
		width: 500px;
		height: 350px;
	}

	.venue-profile-messageBtnCnt {
		width: 460px;
	}

	.venue-profile-messageCnt-wrap {
		background: #f2f2f2;
		margin-top: -20px;
		padding-bottom: 30px;
	}

	#venue-profile-messageCnt .inner:before {
		right: 50%;
		margin-right: -18px;
	}

	#venue-profile-messageCnt .inner:after {
		right: 50%;
		margin-right: -12px;
	}

}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	#venue-profile-imgCnt {
		height: 120px !important;
		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}

	.venue-profile-profileCnt {
		padding: 10px 0 20px;
	}

	.venue-profile-profileCnt dd {
		padding-left: 7em;
	}

	.venue-profile-movieCnt h3 {
		font-size: 87.5%;
	}

	.venue-profile-messageBtnCnt {
		width: 400px;
	}

	#venue-profile-messageBtn:hover {
		background-color: #ededed;
	}

	.venue-profile-messageCnt-wrap {
		padding-bottom: 20px;
	}

	#venue-profile-messageCnt .inner {
		padding: 20px;
	}

	#venue-profile-messageCnt h2 {
		padding-right: 20px;
	}

	#venue-profile-messageCnt img {
		/* 	display: none;*/
		padding-right: 10px;
		width: 90%;
		/* 	margin-left: 160px;*/
	}
}

.venue-profile-movieCnt div {
	margin: 20px auto;
}



}


/* ---------------------------------------
	max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {


	.venue-profile-profileCnt {
		padding: 10px 0 20px;
	}

	.venue-profile-profileCnt dd {
		padding-left: 9.5em;
	}



	.venue-profileCnt {
		padding-bottom: 20px;
	}

	.venue-profile-movieCnt div {
		width: 240px;
		margin: 0 auto 15px;
	}

	.venue-profile-movieCnt iframe {
		width: 240px;
		height: 180px;
	}

	.venue-profile-movieCnt h3 {
		margin-bottom: 10px;
	}

	.venue-profile-movieCnt h3 span {
		display: block;
	}

	.venue-profile-messageBtnCnt {
		width: 100%;
		margin-top: 20px;
	}

	.venue-profile-messageBtnCnt dt {
		color: #9c8d6c;
		font-weight: bold;
		font-size: 87.5%;
		text-align: center;
		text-indent: 0;
		width: auto;
		height: auto;
		position: static;
		background-image: none;
		padding-bottom: 10px;
		margin-top: 0;
	}

	#venue-profile-messageBtn {
		text-align: center;
		padding: 5px 0;
		background-position: 15px 50%;
	}

}


/* -------------------------------------- .venue-accessCnt -------------------------------------- */

.venue-accessCnt {
	padding-top: 60px;
	padding-bottom: 70px;
}


/* -------- venue-access-txtCnt  -------- */

.venue-access-txtCnt {
	float: right;
	width: 400px;
	margin-left: -290px;
	color: #fff;
}

.venue-access-txtCnt h3 {
	color: #fff;
}



.venue-access-txtCnt dl {
	margin: -10px 0 20px;
}

.venue-access-txtCnt dt {
	font-size: 87.5%;
	color: #9c8d6c;
	font-weight: bold;
	margin-bottom: 5px;
}

.venue-access-txtCnt dd {
	font-size: 80%;
	line-height: 1.5;
	margin-bottom: 10px;
}

.venue-access-txtCnt ul {
	margin-bottom: 20px;
}

.venue-access-txtCnt li {
	margin-bottom: 7px;
}

.venue-access-txtCnt li a {
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	display: block;
	padding: 15px 27px 15px 15px;
	background: #534A47;
	position: relative;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

	-moz-transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	transition: background-color .1s linear;
}

body.lteIE7 .venue-access-txtCnt li a {
	zoom: 1;
	padding-right: 15px;
}

.venue-access-txtCnt li a:hover {
	background-color: #332e2c;
}

.venue-access-txtCnt li a:after {
	content: "";
	width: 5px;
	height: 9px;
	background: transparent url(../images/site_splite02.png) no-repeat 0 -150px;
	position: absolute;
	top: 50%;
	margin: -4px 0 0 7px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) {
	.venue-access-txtCnt li a:after {
		background-image: url(../images/site_splite02x2.png);
		-moz-background-size: 300px 600px;
		-webkit-background-size: 300px 600px;
		-o-background-size: 300px 600px;
		background-size: 300px 600px;
	}
}


/* -------- venue-access-mapCnt  -------- */

.venue-access-mapCnt {
	float: left;
	width: 100%;
}

.venue-access-mapCnt .inner {
	margin-right: 320px;
	height: 420px;
}


/* ---------------------------------------
	max-width: 839px
--------------------------------------- */

@media screen and (max-width: 839px) {

	.venue-accessCnt {
		padding-bottom: 10px;
	}

	.venue-access-txtCnt {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.venue-access-txtCnt .inner {
		width: 100%;
		float: left;
	}

	.venue-access-txtCnt h3,
	.venue-access-txtCnt dl,
	.venue-access-txtCnt ul {
		margin-right: 50%;
	}

	.venue-access-txtCnt p {
		width: 46%;
		float: right;
		margin-left: -46%;
	}

	.venue-access-txtCnt p img {
		width: 100%;
		height: auto;
	}

	.venue-access-mapCnt {
		float: none;
		margin-bottom: 20px;
	}

	.venue-access-mapCnt .inner {
		margin-right: 0;
	}

}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	.venue-access-txtCnt dl {
		margin-top: 0;
	}

	.venue-access-txtCnt li a {
		font-size: 70%;
	}

}


/* ---------------------------------------
	max-width: 599px
--------------------------------------- */

@media screen and (max-width: 599px) {

	.venue-access-mapCnt .inner {
		height: 300px;
	}

	.venue-access-txtCnt .inner {
		float: none;
	}

	.venue-access-txtCnt h3,
	.venue-access-txtCnt dl {
		margin-right: 0;
	}

	.venue-access-txtCnt ul {
		margin: 0 -1% 20px;
		text-align: center;
	}

	.venue-access-txtCnt li {
		width: 48%;
		margin: 0 1%;
		display: inline-block;
	}

	.venue-access-txtCnt p {
		width: 70%;
		margin: 0 auto 10px;
		float: none;
	}

}




/* -------------------------------------- .venue-reasonCnt -------------------------------------- */

.venue-reasonCnt {
	padding: 20px 0 80px;
}

.venue-reasonCnt .inner {
	padding: 40px 40px 40px 400px;
	border: 1px solid #e5e5e5;
	position: relative;
	/* min-height: 260px; */
	-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;
	background: #fff;
	/*background: #fff url(../images/venue-reasonCnt-imgBlk_img01.png) no-repeat -50px -55px; */
}

.venue-reasonCnt h2 {
	color: #42210b;
	font-size: 180%;
}

.venue-reasonCnt .note {
	font-size: 70%;
	line-height: 1.5;
	margin: 20px 0 0 1.1em;
	text-indent: -1.1em;
}

/* ---------------------------------------
	max-width: 1179px
--------------------------------------- */

@media screen and (max-width: 1179px) {

	.venue-reasonCnt .inner {
		background-position: -50px -85px;
	}

	.venue-reasonCnt .note {
		position: absolute;
		width: 300px;
		left: 30px;
		bottom: 25px;
	}

}


/* ---------------------------------------
	max-width: 959px
--------------------------------------- */

@media screen and (max-width: 959px) {

	.venue-reasonCnt .inner {
		padding: 30px 40px 30px 370px;
	}

	.venue-reasonCnt h2 {
		text-align: right;
		margin: 0 -10px 20px -70px;
	}

	.venue-reasonCnt .note {
		bottom: 30px;
	}

}


/* ---------------------------------------
	max-width: 859px
--------------------------------------- */

@media screen and (max-width: 859px) {

	.venue-reasonCnt .inner {
		background-position: -55px 0;
	}

}


/* ---------------------------------------
	max-width: 719px
--------------------------------------- */

@media screen and (max-width: 719px) {

	.venue-reasonCnt {
		padding-bottom: 40px;
	}

	.venue-reasonCnt .inner {
		padding: 20px 30px;
		-moz-background-size: 300px auto;
		-webkit-background-size: 300px auto;
		-o-background-size: 300px auto;
		background-size: 300px auto;
		background-position: -40px 30px;
	}

	.venue-reasonCnt h2 {
		font-size: 150%;
		margin: 0 0 0 0;
	}

	.venue-reasonCnt p {
		font-size: 75%;
		/* margin-left: 250px;*/
	}

	.venue-reasonCnt .note {
		position: static;
		width: auto;
		margin: 15px 0 0 1.1em;
	}


	.venue-reasonCnt img {
		/* 	display: none; */
	}


}

/* ---------------------------------------
	max-width: 599px
--------------------------------------- */

@media screen and (max-width: 599px) {

	.venue-reasonCnt .inner {
		-moz-background-size: 200px auto;
		-webkit-background-size: 200px auto;
		-o-background-size: 200px auto;
		background-size: 200px auto;
		background-position: -30px 70px;
	}

	.venue-reasonCnt h2 {
		font-size: 105%;
		padding-bottom: 5px;
		text-align: left;
	}

	.venue-reasonCnt p {
		font-size: 75%;
		/* 	margin-left: 160px;*/
	}

	.venue-reasonCnt p.blk3 {
		margin-left: 0;
	}



}


/* ---------------------------------------
	max-width: 479px
--------------------------------------- */

@media screen and (max-width: 479px) {

	.venue-reasonCnt .inner {
		padding: 15px;
	}

	.venue-reasonCnt h2 {
		margin-top: 5px;
	}

	.venue-reasonCnt p {
		/* 	margin-left: 170px;*/
	}




}

/* ---------------------------------------
	max-width: 379px
--------------------------------------- */

@media screen and (max-width: 399px) {

	.venue-reasonCnt p.blk2 {
		margin-left: 0;
	}

}

/*----------------------------------------------------
  .actual
----------------------------------------------------*/
section table {
	width: 100%;
	font-size: 15px;
}

section th,
section td {
	padding: 10px;
	border: 1px solid #ddd;
}

section th {
	background: #f4f4f4;
}

.actual th {
	text-align: center;
}

.actual td {
	text-align: center;
}

.actual td:first-child {
	text-align: center;
}

.txt-c {
	text-align: center;
}

.r1 {
	width: 5em;
}

.r2 {
	width: 10em;
}

.r3 {
	width: 15em;
}

.r4 {
	width: 20em;
}


@media only screen and (max-width: 800px) {
	.actual {
		display: block;
		width: 96%;
		margin: 0 2%;
	}

	.actual thead {
		display: block;
		float: left;
		overflow-x: scroll;
	}

	.actual tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}

	.actual th {
		display: block;
		width: auto;
	}

	.actual tbody tr {
		display: inline-block;
		margin: 0 0 0 0.5%;
	}

	.actual td {
		display: block;
	}


	.r1 {
		width: 100%;
	}

	.r2 {
		width: 100%;
	}

	.r3 {
		width: 100%;
	}

	.r4 {
		width: 100%;
	}
}

.btnArea {
	text-align: center;
	padding: 10px;
}

.button_gold {
	cursor: pointer;
	/* width: 100%; */
	font-weight: normal;
	font-size: 13px;
	line-height: 1.1em;
	letter-spacing: 0.18em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	color: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	padding: 13px 17px;
	padding: 0.8125em 1em 0.75em;
	transition: background-color 500ms ease-out;
}

.button_gold:hover,
.button_gold:focus {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	text-decoration: none;
}


.ex_section {
	display: flex;
	max-width: 1200px;
	margin: 0px auto 80px;
	/* flex-direction: column; */
	flex-wrap: wrap;
	padding: 10px;
	background: #fff;
	border-radius: 1em;
	gap: 2em;
	align-items: flex-start;
}

@media only screen and (max-width: 800px) {
	.ex_section {
		padding: 10px 10px;
		align-items: flex-start;
	}
}

img.setinfo {
	position: absolute;
	width: 350px;
	right: 100px;
	top: 1080px;
}




.info_areaA {
	width: 100%;
	font-size: 100%;
}

.info_areaA h2 {
	line-height: 1.5;
	font-size: 1.5rem;
	margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
	.info_areaA h2 {
		font-size: 1.2rem;
		margin-top: 20px;
	}
}

.info_areaA p {
	line-height: 1.6;
	font-size: 100%;
}

@media only screen and (max-width: 800px) {
	.info_areaA p {
		font-size: 90%;
	}
}


.info_areaB {
	width: 70%;
}


.info_areaB h2 {
	line-height: 1.5;
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.info_areaB p {
	line-height: 1.6;
	margin-bottom: 15px;
	font-size: 100%;
}

@media only screen and (max-width: 800px) {
	.info_areaB p {
		font-size: 90%;
	}
}

.info_areaB p span.tiA {
	color: #c50700;
	font-size: 1.3rem;
	font-weight: 600;
}

.info_areaB p span.catA {
	color: #c50700;
	font-size: 1.3rem;
	font-weight: 600;
	border-bottom: #ddd solid 5px;
}



.info_img {
	width: calc(30% - 2em);
}


.info_img img {
	width: 100%;
	border-radius: 0.5em;
}


@media only screen and (max-width: 800px) {

	.info_areaB {
		width: 100%;
		order: 2;
	}

	.info_img {
		width: calc(80% - 2em);
		margin: 0 auto;
		order: 1
	}

}



/* tab_contents
================================ */

.tab_contents {
	width: 100%
}

.ex_section .contents {
	/* max-width: 1100px; */
	width: 100%;
	margin: 0 auto;
	/* background: #f9f9f9; */
	/* border: 1px solid #ddd; */
	padding: 10px;
	border-radius: 0.5em;
}

@media only screen and (max-width: 800px) {
	.ex_section .contents {
		width: 100%;
		padding: 0px;
		border-radius: 0.5em;
		padding-top: 10px;
	}
}


.tab_link_area {
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;
}

.tab_contents_box {
	margin-top: 24px;
	font-size: 20px;
	padding: 8px 10px;
	line-height: 1.6;
	letter-spacing: 0.15em;
	text-align: center;
	border: 1px solid #1a1a1a;
}

.tabBox .tabArea {
	width: 100%;
	display: flex;
	justify-content: center;
	column-gap: 20px;
}

.tabBox .tabArea .one_tab {
	/* width: 100%; */
	/* max-width: 340px; */
	width: 25%;
	display: block;
	transition-duration: 0.3s;
	cursor: pointer;
	text-align: center;
	padding: 10px 10px;
	font-size: 18px;
	font-weight: bold;
	border: 2px solid #009b70;
	/* border-radius: 20px 20px 0 0; */
	color: #009b70;
}

.tabBox .tabArea .one_tab.select {
	background-color: #00a678;
	color: #fff;
	width: 25%;
}

.tabBox .tabArea .one_tab:hover {
	background-color: #00a678;
	color: #fff;
	transition: .4s;
}

.tabBox .tabArea .one_tab .tab_inner {
	transition-duration: 0.3s;
}

.contents .tab_main {
	display: none;
	transition-duration: 0.3s;
}

.tab_main.is_show {
	display: block;
}

.tabBox .tabArea .select.one_tab:hover {
	pointer-events: none;
}

@media only screen and (max-width:768px) {
	.tab_link_area {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.tabBox .tabArea .one_tab.select {
		width: 48%;
	}

	.tabBox .tabArea .one_tab {
		padding: 0px;
		font-size: 14px;
		border-radius: 0;
		width: 48%;
	}

	.tabBox .tabArea {
		display: flex;
		column-gap: 10px;
		flex-direction: row;
		/* flex-wrap: unset; */
		flex-wrap: wrap;
		gap: 0.5em;
	}

	.tab_contents_box {
		margin-top: 24px;
		font-size: 16px;
	}
}

/* views */
.spView {
	display: none !important;
}

@media only screen and (max-width:768px) {
	.spView {
		display: block !important;
	}

	.pcView {
		display: none !important;
	}
}



.catchArea {
	position: relative;
	z-index: 2;
	text-align: center;
}

.catchArea h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.9;
	letter-spacing: 3px;
}

.catchArea h3 span {
	position: relative;
	z-index: 1;
	padding: 0 60px;
}

.catchArea h3 span:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 45px;
	height: 0;
	content: "";
	border-top: #222 1px solid;
	z-index: -1;
}

.catchArea h3 span:after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 45px;
	height: 0;
	content: "";
	border-top: #222 1px solid;
	z-index: -1;
}


@media only screen and (max-width:768px) {
	.catchArea h3 {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.9;
		letter-spacing: 3px;
	}

	.catchArea h3 span {
		position: relative;
		z-index: 1;
		padding: 0 60px;
	}


	.catchArea h3 span:before,
	.catchArea h3 span:after {
		width: 35px;
	}

}




.Area_info {
	display: flex;
	align-items: center
}

.Area_info .info_txt {
	width: 70%
}

.Area_info .info_img {
	width: 30%
}

.Area_info .info_img img {
	width: 90%
}

.txtArea h3 {
	font-size: 25px;
	/* margin-top: 0; */
}

.txtArea h3:before {
	font-family: 'Font Awesome 6 pro';
	content: "\f7f2";
	padding-right: 10px;
	color: #eb9c9b;
}




.txtArea p {
	font-size: 16px;
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
}


@media only screen and (max-width: 500px) {
	.Area_info {
		flex-direction: column;
	}

	.Area_info .info_img {
		order: 1;
		width: 90%;
		margin-bottom: 20px
	}

	.Area_info .info_txt {
		order: 2;
		width: 100%
	}

	.txtArea h3 {
		font-size: 18px;
	}
}


.txtArea p.title {
	font-size: 18px;
	line-height: 18px;
	margin-top: 20px;

}


.txtArea p.title span {
	font-size: 18px;
	line-height: 2;
	width: 100%;
	margin: 20px auto;
	color: #000;
	/* background: #ed8180; */
	border-radius: 30px;
	padding: 5px 20px;
}





/* ======== table.tableOther ======== */
table.info {
	border-collapse: collapse;
	text-align: left;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 18px;
	width: 100%;
	margin-top: 10px;
}

table.info tr {}

table.info th {
	width: 25%;
	padding: 10px 24px;
	vertical-align: 0;
	line-height: 2;
	border: #ddd 1px solid;
	border-right: #ddd 1px dashed;
	border-right: #ddd 1px solid;
	background: #f6f6f6;
}

table.info td {
	vertical-align: 0;
	border: #ddd 1px solid;
	border-left: none;
	line-height: 2;
	background: #fff;
}

table.info td a {
	color: #e5a01d;
	border-bottom: dashed 1px;
}

table.info td .linkArea {
	margin-top: 10px;
	text-align: left;
}

table.info td .linkArea a.btn {
	margin: 0;
}


.mark_td {
	background: #fdc2c1;
	border-radius: 30px;
	padding: 3px 10px;
	margin: 0 5px 0 0;
	color: #333333;
}


/* --- #map_canvas --- */
#map_canvas {
	width: 100%;
	margin-top: 70px;
	height: 400px;
	position: relative;
	z-index: 1;
	border: #ededed 1px solid;
}



@media only screen and (max-width: 950px) {
	table.info th {
		width: 30%;
		padding: 20px;
		background: #f3f5f1;
	}

	table.info td {
		padding: 10px;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 800px) {
	table.info {
		font-size: 13px;
	}
}

@media only screen and (max-width: 738px) {
	#outline .imgArea {
		/* float:none; */
		width: 100%;
		display: block;
	}

	#outline .txtArea {
		float: none;
		width: 100%;
		/* margin-top:25px; */
	}

	table.info {
		/* font-size:12px; */
		width: 94%;
		margin: 0 auto 2em;
	}

	/*	#map_canvas { display:none; }*/
}

@media only screen and (max-width: 414px) {
	table.info th {
		width: 30%;
		padding: 15px;
	}

	table.info td {
		padding: 15px;
	}
}



/*----------------------------------------------------
info_set
------------------*/

.info_set {
	position: relative;
	margin: 2em 0;
	padding: 1.5em 1em;
	border: solid 3px #00a678;
	border-radius: 8px;
	max-width: 900px;
	margin: 2em auto;
}

.info_set .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 30px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #00a678;
	font-weight: bold;
}

.info_set p {
	margin: 0;
	padding: 0;
}

.info_set li {
	line-height: 1.5;
	padding: 0.5em 2em 0.5em 2.5em;
	border-bottom: dashed 1px silver;
	list-style-type: none !important;
}

.info_set li:last-of-type {
	border-bottom: none;
}

.info_set li:before {
	font-family: "FontAwesome";
	content: "\f22d";
	position: absolute;
	left: 2.5em;
	color: #00a678;
}


.info_set p {
	border: 0px solid #9E9E9E;
	padding: 10px;
	background: #efefef;
	width: 90%;
	margin: 10px auto;
}

.info_set p.come {
	border: 0px solid #9E9E9E;
	padding: 10px;
	background: none;
	width: 90%;
	margin: 10px auto;
}


.plan_btn {
	position: relative;
	display: inline-block;
	min-width: 180px;
	background-color: #00a678;
	padding: 12px 10px 12px 24px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #fff !important;
	text-align: left;
	margin: 0;
	transition: all .5s;
	text-decoration: none;
}

/*--- 矢印 ---*/
.plan_btn::before {
	content: '';
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	right: 20px;
	width: 24px;
	height: 1px;
	background: #fff;
	transition: all .5s;
}

.plan_btn::after {
	content: '';
	position: absolute;
	top: 40%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .5s;
}

.plan_btn:hover {
	opacity: .8;
	color: #fff !important;
}

.plan_btn2:hover {
	opacity: .8;
	color: #fff !important;
}

.plan_btn:hover::before {
	right: 16px;
}

.plan_btn:hover::after {
	right: 16px;
}

@media only screen and (max-width:768px) {
	.plan_btn {
		margin-top: 14px;
		margin-bottom: 15px;
		font-size: 15px;
		padding-left: 10px;
	}

	.plan_btn::before {
		right: 15px;
		width: 15px;
		height: 1px;
		background: #fff;
		transition: all .5s;
	}

	.plan_btn::after {
		content: '';
		position: absolute;
		top: 42%;
		right: 15px;
		width: 8px;
		height: 8px;
	}



	.plan_btn:hover::before {
		right: 14px;
	}

	.plan_btn:hover::after {
		right: 14px;
	}




}