@charset "UTF-8";

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

	#spfooterfixed {
		width: 100vw;
		background: #000;
		display: flex;
		position: fixed;
		bottom: -100px;
		left: 0;
		z-index: 100000;
		transition: all .5s;
	}
	#spfooterfixed.cr {
		bottom: 0;
	}
	#spfooterfixed .left {
		width: calc(100% - 50px);
		background: #FFF;
	}
	#spfooterfixed .left p {
		font-size: .786rem;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		background: #000;
		margin: 0 0 1px;
		padding: 3px 0;
	}

	#spfooterfixed ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#spfooterfixed ul li {
		width: 33%;
	}
	#spfooterfixed #spFooterMenu {
		width: 50px;
	}
}

#wrapper #mainv {
	width: 100%;
	height: calc(100vh - 70px);
	background: url(../images/hall/p_mainv.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
#wrapper #mainv > div {
	color: #FFF;
	text-align: left;
	position: absolute;
	bottom: 20px;
	left: 3.5vw;
}
#wrapper #mainv > div h1 {
	font-size: 1.286rem;
	text-shadow: 0px 0px 5px #000;
}
#wrapper #mainv > div h1 span {
	font-size: 77.8%;
}
#wrapper #mainv > div > div {
	margin: 30px 0 0 0;
}
#wrapper #mainv > div > div h2 {
	font-size: 1.714rem;
	margin: 0 0 20px;
}
#wrapper #mainv > div > div p {
	width: 240px;
}


#wrapper .contents {
	background: #FFF;
}


#wrapper #news .h-type2 {
	margin: 0 0 30px;
}
#wrapper #hallplans {
	background: #f5f5f5;
	border: none;
	padding-bottom: 0;
}
#wrapper #hallplans h2 {
	margin: 0 0 40px;
}
#wrapper #hallplans .plan1 {
	background: #FFF;
}
#wrapper #hallplans .plan1 .image {
	width: 55%;
}
#wrapper #hallplans .plan1 .box {
	width: 45%;
	text-align: left;
	padding: 0 80px;
	position: relative;
}
#wrapper #hallplans .plan1 {
	border-bottom: solid 2px #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#wrapper #hallplans .column3 {
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#wrapper #hallplans .column3::before,
#wrapper #hallplans .column3::after {
	content: " ";
	width: calc(100% / 3);
	display: block;
	order: 1;
}

#wrapper #hallplans .column3 li {
	width: calc(100% / 3);
	border-bottom: solid 1px #F5F5F5;
	border-right: solid 1px #F5F5F5;
}
#wrapper #hallplans .column3 .box {
	width: 100%;
	text-align: left;
	padding: 40px;
}
#wrapper #hallplans .plan1 .image img,
#wrapper #hallplans .column3 .image img {
	width: 100%;
}
#wrapper #hallplans .box h3 {
	font-size: 1.143rem;
	font-weight: bold;
	margin: 0 0 30px;
}
#wrapper #hallplans .box .btn {
	font-size: .857rem;
	text-align: center;
	border: solid 1px #a2864a;
	margin-top: 40px;
	padding: 10px 0;
}
#wrapper #hallplans .box .btn .bgarrowLinkBtn {
	color: #a2864a;
}
#wrapper #hallplans .btnarea {
	background: #F5F5F5;
	padding: 40px 0;
}
#wrapper #hallplans .btnarea > div {
	color: #a2864a;
	width: 400px;
	text-align: center;
	border: solid 1px #a2864a;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	cursor: pointer;
}
#wrapper #hallplans .btnarea > div span {
	display: inline-block;
	position: relative;
	left: -25px;
}
#wrapper #hallplans .btnarea > div span::after {
	content: " ";
	width: 6px;
	height: 6px;
	border-right: solid 1px #a2864a;
	border-bottom: solid 1px #a2864a;
	margin-left: 1em;
	display: block;
	position: absolute;
	top: 10px;
	right: -40px;
	transform: rotate(45deg);
}
#wrapper #hallplans .btnarea > div.cr span::after {
	transform: rotate(-135deg);
}

/* ----------------------------- 20210602 ---------- */
#wrapper .catnavi {
	width: 726px;
	margin: 0 auto 45px;
	display: flex;
}
.hall-con #wrapper .catnavi {
	margin: 60px auto 40px;
}
#wrapper .catnavi > li {
	font-size: .857rem;
	width: calc(100% / 5);
	border: solid 1px #c8c8c8;
	border-left: none;
}
#wrapper .catnavi.en > li {
	width: calc(100% / 3);
}
#wrapper .catnavi > li:first-child {
	border-left: solid 1px #C8C8C8;
}
#wrapper .catnavi > li a {
	color: #505050;
	width: 100%;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

body.halls #wrapper .catnavi > li.halls a,
body.internet #wrapper .catnavi > li.internet a,
body.mice #wrapper .catnavi > li.mice a,
body.kyoiku #wrapper .catnavi > li.kyoiku a,
body.plans #wrapper .catnavi > li.plans a,
#wrapper .catnavi > li a:hover {
	color: #FFF;
	background: #a2864a;
}


body.internet #internet1 {
	background: #f5f5f5;
	border-bottom: none;
}
body.internet #internet1 .inner {
	width: 1200px;
	text-align: left;
	margin: 0 auto;
}
body.internet #internet1 h2 {
	text-align: center;
	margin-bottom: 30px;
}
body.internet #internet1 .lead {
	margin-bottom: 20px;
}
body.internet #internet1 .box {
	display: flex;
	justify-content: space-between;
}
body.internet #internet1 .box figure {
	width: 654px;
}
body.internet #internet1 .box figure img {
	width: 100%;
}
body.internet #internet1 .box .text {
	width: calc(100% - 680px)
}
body.internet #internet1 .box .text dt {
}
body.internet #internet1 .box .text dd {
	margin-bottom: 10px;
}
body.internet #internet1 .box .text .note {
	font-size: 13px;
}
body.internet #internet1 .box .text .btn {
	margin-top: 30px;
}
body.internet #internet1 .box .text .btn a {
	text-decoration: none;
	border: solid 1px #a2864a;
	padding: 10px;
}
body.internet #internet2 {
	border-bottom: none;
}
body.internet #internet2 .inner {
	width: 1200px;
	text-align: left;
	margin: 0 auto;
}
body.internet #internet2 h2 {
	text-align: center;
	margin-bottom: 30px;
}
body.internet #internet2 h2 span {
	font-size: 18px;
}
body.internet #internet2 .lead {
	margin-bottom: 20px;
}
body.internet #internet2 .box {
	display: flex;
	justify-content: space-between;
}
body.internet #internet2 .box figure {
	width: 654px;
}
body.internet #internet2 .box figure img {
	width: 100%;
}
body.internet #internet2 .box .text {
	width: calc(100% - 680px)
}
body.internet #internet2 .box .text .column {
	color: #a2864a;
	font-size: 16px;
	border: solid 1px #a2864a;
	margin: 20px 0;
	padding: 25px 60px;
}





body.mice #lead {
	padding-left: 3.5vw;
	padding-right: 3.5vw;
}
body.mice #lead .mvwrap {
	position: relative;
	width: 100%;
	padding-top: 55%;
}
body.mice #lead .mvwrap-en {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding-top: 56.25%;
}
body.mice #lead .mvwrap video,
body.mice #lead .mvwrap-en iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
body.mice #lead .mvadd {
	text-align: right;
	margin-top: 10px;
}
body.mice #lead h2 {
	margin: 60px 0 20px;
}
body.mice #hall {
	background: #f5f5f5;
	border-bottom: none;
}
body.mice #hall h2 {
	margin-bottom: 20px;
}
body.mice #banners {
	padding-top: 0;
}
body.mice #cuisine,
body.kyoiku #cuisine {
	background: #f5f5f5;
	padding-left: 3.5vw;
	padding-right: 3.5vw;
}
body.mice #cuisine h2,
body.kyoiku #cuisine h2 {
	margin-bottom: 20px;
}
body.mice #cuisine ul,
body.kyoiku #cuisine ul {
	margin: 50px 0 30px;
	display: flex;
	justify-content: space-between;
}
body.mice #cuisine ul li,
body.kyoiku #cuisine ul li {
	width: calc(calc(100% - 60px) / 4);
	text-align: center;
}
body.mice #cuisine ul li figure,
body.kyoiku #cuisine ul li figure {
	margin-bottom: 20px;
}
body.mice #cuisine ul li figure img,
body.kyoiku #cuisine ul li figure img {
	width: 100%;
}
body.mice #cuisine ul li p,
body.kyoiku #cuisine ul li p {
	font-size: 16px;
	font-weight: bold;
}
body.mice #stay,
body.kyoiku #stay {
	background: #f5f5f5;
	padding-left: 3.5vw;
	padding-right: 3.5vw;
	padding-bottom: 90px;
	position: relative;
}
body.mice #stay {
	background: #fff;
}
body.mice #stay::after,
body.kyoiku #stay::after {
	content: "";
	width: 100%;
	height: 30px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
body.mice #stay h2,
body.kyoiku #stay h2 {
	margin-bottom: 30px;
}
body.mice #stay figure,
body.kyoiku #stay figure {
	margin-bottom: 30px;
}
body.mice #stay p,
body.kyoiku #stay p {
	margin-bottom: 50px;
}
body.mice #stay .btn,
body.kyoiku #stay .btn {
	width: 480px;
	margin: 0 auto;
}
body.mice #stay .btn a,
body.kyoiku #stay .btn a {
	text-align: center;
	text-decoration: none;
	border: solid 1px #a2864a;
	padding: 15px 0;
	display: block;
}
body.mice #ss {
	background: #f5f5f5;
	border-bottom: none;
	margin-bottom: 50px;
	padding-left: 3.5vw;
	padding-right: 3.5vw;
}
body.mice #ss h2 {
	margin-bottom: 20px;
}
body.mice #ss .lead {
	margin-bottom: 50px;
}
body.mice #ss .block1 img,
body.mice #ss .block2 img,
body.mice #ss .golf img {
	width: 100%;
}
body.mice #ss .block1 p,
body.mice #ss .block2 p,
body.mice #ss .golf p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 1.5vw 0 0;
}
body.mice #ss .block1 p span,
body.mice #ss .block2 p span,
body.mice #ss .golf p span {
	font-size: 13px;
}
body.mice #ss .block1 {
	display: flex;
	justify-content: space-between;
}
body.mice #ss .block1 .large {
	width: 45vw;
}
body.mice #ss .itemList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.mice #ss .itemList::before,
body.mice #ss .itemList::after {
	content: " ";
	width: 21vw;
	display: block;
	order: 1;
}
body.mice #ss .itemList li {
	width: 21vw;
	margin-bottom: 3.4vw;
}
body.mice #ss .block1 .itemList {
	width: 45vw;
}
body.mice #ss .golf {
	border-top: solid 1px #c8c8c8;
	padding-top: 20px;
}
body.mice #ss .golf h3 {
	text-align: left;
	margin-bottom: 20px;
}
body.mice #ss .golf h3 span {
	color: #a2864a;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}
body.mice #ss .arcrea {
	text-align: left;
	background: #fff;
	border: solid 1px #a2864a;
	padding: 40px;
}
body.mice #ss .arcrea h3 {
	color: #a2864a;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
body.mice #ss .arcrea h3 span {
	font-size: 150%;
}
body.mice #ss .arcrea > div {
	display: flex;
	justify-content: space-between;
}
body.mice #ss .arcrea > div .left {
	width: 47%;
}
body.mice #ss .arcrea > div .right {
	width: 51%;
}
body.mice #ss .arcrea > div .left img {
	width: 100%;
}
body.mice #ss .arcrea > div .right ul {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
body.mice #ss .arcrea > div .right ul li {
	width: 45%;
}
body.mice #ss .arcrea > div .right ul li img {
	width: 100%;
}
body.mice #ss .arcrea > div .right .btn a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #a2864a;
	margin-top: 20px;
	padding: 15px 0;
	display: block;
}

body.kyoiku #lead {
}
body.kyoiku #lead .inner {
	width: 1020px;
	text-align: left;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
body.kyoiku #lead .inner figure {
	width: 484px;
}
body.kyoiku #lead .inner .text {
	width: 500px;
}
body.kyoiku #lead .inner .text h2 {
	margin-bottom: 10px;
}
body.kyoiku #ss,
body.kyoiku #gaiyo {
	background: #f5f5f5;
	padding-left: 3.5vw;
	padding-right: 3.5vw;
	padding-bottom: 90px;
	position: relative;
}
body.kyoiku #ss::after,
body.kyoiku #gaiyo::after {
	content: "";
	width: 100%;
	height: 30px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
body.kyoiku #ss .lead {
	margin: 30px 0 50px;
}
body.kyoiku #ss .block1 {
	display: flex;
	justify-content: space-between;
}
body.kyoiku #ss .block1 > * {
	width: calc(calc(100% - 40px) /2);
	text-align: left;
	margin: 0 0 40px;
}
body.kyoiku #ss .block1 figure img {
	width: 100%;
}
body.kyoiku #ss .block1 .text h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
body.kyoiku #ss .block1 .text .note {
	font-size: 1rem;
}
body.kyoiku #ss .note {
	border-top: solid 1px #c8c8c8;
	margin-top: 30px;
	padding-top: 30px;
}
body.kyoiku #ss .wbox {
	text-align: left;
	background: #fff;
	border: solid 1px #a2864a;
	margin: 0 0 80px;
	padding: 80px 70px;
}
body.kyoiku #ss .wbox h3 {
	color: #a2864a;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
body.kyoiku #ss .wbox h3 span {
	font-size: 150%;
}
body.kyoiku #ss .wbox > ul {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
body.kyoiku #ss .wbox > ul li {
	width: calc(calc(100% - 40px) / 2);
	background: #f5f5f5;
	padding: 40px;
}
body.kyoiku #ss .wbox > ul li h4 {
	color: #a2864a;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 50px;
	position: relative;
}
body.kyoiku #ss .wbox > ul li h4::before {
	content: "";
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
body.kyoiku #ss .wbox > ul li:nth-child(1) h4::before { background-image: url(../images/hall/kyoiku/ss_peace_s_01.gif); }
body.kyoiku #ss .wbox > ul li:nth-child(2) h4::before { background-image: url(../images/hall/kyoiku/ss_peace_s_02.gif); }

body.kyoiku #ss .wbox > ul li figure {
	widht: 100%;
	max-width: 429px;
	text-align: center;
	margin: 0 auto 20px;
}
body.kyoiku #ss .wbox > ul li figure img {
	width: 100%;
}
body.kyoiku #ss .wbox > ul li p {
	widht: 100%;
	max-width: 429px;
	margin: 0 auto;
}
body.kyoiku #ss .wbox > ul li .note {
	widht: 100%;
	max-width: 429px;
	margin-left: auto;
	margin-right: auto;
}
body.kyoiku #ss .wbox .traffic {
	text-align: center;
	margin: 60px 0 0;
}
body.kyoiku #ss .wbox .traffic img {
	max-width: 100%;
}

body.kyoiku #ss .others {
	text-align: left;
}
body.kyoiku #ss .others h3 {
	color: #a2864a;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
body.kyoiku #ss .others .itemList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.kyoiku #ss .others .itemList::before,
body.kyoiku #ss .others .itemList::after {
	content: " ";
	width: 21vw;
	display: block;
	order: 1;
}
body.kyoiku #ss .others .itemList li {
	width: 21vw;
	margin-bottom: 3.4vw;
}
body.kyoiku #ss .others .itemList li p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 1.5vw 0 0;
}

body.kyoiku #gaiyo {
	text-align: left;
}
body.kyoiku #gaiyo h2 {
	text-align: center;
	margin-bottom: 30px;
}
body.kyoiku #gaiyo .block1 .item {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
body.kyoiku #gaiyo .block1 .item h3 {
	width: 100px;
	color: #fff;
	background: #afafaf;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.kyoiku #gaiyo .block1 .item table {
	width: calc(100% - 130px);
}
body.kyoiku #gaiyo .block2 table {
	width: 100%;
}
body.kyoiku #gaiyo table {
	border-top: solid 1px #cecece;
}
body.kyoiku #gaiyo table th,
body.kyoiku #gaiyo table td {
	border-bottom: solid 1px #cecece;
	padding: 10px 0;
}
body.kyoiku #gaiyo .block1 table th {
	width: 170px;
}
body.kyoiku #gaiyo .block2 table th {
	width: 230px;
}
body.kyoiku #gaiyo .block-mark {
	padding: 20px 0;
	border-bottom: solid 1px #cecece;
	display: flex;
	align-items: center;
}
body.kyoiku #gaiyo .block-mark figure {
	margin-right: 30px;
}
body.kyoiku #gaiyo .block-mark p {
	font-size: 16px;
	font-weight: bold;
}
	


/* ----------------------------- /20210602 ---------- */

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	#wrapper #mainv {
		height: calc(100vh - 50px);
	}
	#wrapper #mainv > div {
		position: absolute;
		top: 50%;
		bottom: auto;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#wrapper #mainv h1 {
		font-size: 1.43rem;
		text-align: center;
	}
	#wrapper #mainv h1 span {
		font-size: 70%;
	}
	#wrapper #mainv > div > div {
		display: none;
	}

	#wrapper .contents {
		padding: 0;
	}
	#wrapper #spintro {
		text-align: left;
		background: #F5F5F5;
		padding: 30px 5vw;
	}
	#wrapper #spintro h2 {
		font-weight: bold;
		text-align: center;
		margin: 0 0 20px;
	}
	#wrapper #internet {
		width: 100%;
		min-width: 100%;
		padding: 10vw 5vw;
		box-sizing: border-box;
	}
	#wrapper #internet .indent-1 {
	}
	#wrapper #internet h1 {
		margin-bottom: 5vw;
	}
	#wrapper #internet .lead {
		margin-bottom: 5vw;
	}
	#wrapper #internet figure {
		width: 100%;
		margin-bottom: 5vw;
	}
	#wrapper #internet dt {
	}
	#wrapper #internet dd {
		margin-bottom: 1em;
	}
	#wrapper #internet .note {
	}
	#wrapper #internet .box2 {
		padding: 5vw;
		margin-top: 10vw;
	}
	#wrapper #internet .box2 .heading {
		display: block;
	}
	#wrapper #internet .box2 .heading figure {
		width: 100%;
		margin-left: 0;
	}
	#wrapper #internet .box2 .heading h2 {
		font-size: 14px;
		margin-left: 0;
	}
	#wrapper #internet .box2 .heading h2 span {
	}
	#wrapper #internet .box2 .honbun {
		margin: 0;
	}
	#wrapper #internet .box2 .honbun .column {
	}
	#wrapper #internet .box2 .honbun .note {
	}






	#wrapper #hallplans {
		background: #FFF;
	}
	#wrapper #hallplans h2 {
		margin: 0 0 20px;
	}
	#wrapper #hallplans .plan1 {
		margin: 0 5vw 20px;
	}
	#wrapper #hallplans .plan1 .image {
		width: 100%;
	}
	#wrapper #hallplans .plan1 .box {
		width: 100%;
		background: #F5F5F5;
		padding: 25px 15px;
	}

	#wrapper #hallplans .plan1 {
		border-bottom: solid 2px #f5f5f5;
		display: block;
	}
	#wrapper #hallplans .column3 {
		margin: 0 5vw;
		display: block;
	}
	#wrapper #hallplans .column3::before,
	#wrapper #hallplans .column3::after {
		content: none;
	}
	#wrapper #hallplans .column3 li {
		width: 100%;
		border-bottom: none;
		border-right: none;
		margin-bottom: 20px;
	}
	#wrapper #hallplans .column3 .box {
		background: #F5F5F5;
		padding: 25px 15px;
	}
	#wrapper #hallplans .plan1 .image img,
	#wrapper #hallplans .column3 .image img {
	}
	#wrapper #hallplans .box h3 {
		font-size: 1.143rem;
		font-weight: bold;
		margin: 0 0 20px;
	}
	#wrapper #hallplans .box .btn {
		margin-top: 20px;
	}
	#wrapper #hallplans .box .btn .bgarrowLinkBtn {
	}
	#wrapper #hallplans .btnarea {
		background: #FFF;
		padding: 30px 5vw;
	}
	#wrapper #hallplans .btnarea > div {
		width: 100%;
		padding: 10px 0;
	}
	#wrapper #hallplans .btnarea > div span {
		left: -25px;
	}
	#wrapper #hallplans .btnarea > div span::after {
	}
	#wrapper #hallplans .btnarea > div.cr span::after {
	}

	/* ----------------------------- 20210602 ---------- */
	#wrapper .catnavi {
		width: 18em;
		margin: 0 auto 20px;
		display: block;
	}
	.hall-con #wrapper .catnavi {
		margin: 30px auto 20px;
	}
	#wrapper .catnavi > li {
		width: 100%;
		border: solid 1px #c8c8c8;
		border-top: none;
	}
	#wrapper .catnavi.en > li {
		width: 100%;
	}
	#wrapper .catnavi > li:first-child {
		border-top: solid 1px #C8C8C8;
	}
	#wrapper .catnavi > li a {
	}

	body.halls #wrapper .catnavi > li.halls a,
	body.internet #wrapper .catnavi > li.internet a,
	body.mice #wrapper .catnavi > li.mice a,
	body.kyoiku #wrapper .catnavi > li.kyoiku a,
	body.plans #wrapper .catnavi > li.plans a,
	#wrapper .catnavi > li a:hover {
	}

	body.internet #internet1 {
	}
	body.internet #internet1 .inner {
		width: 100vw;
		padding-right: 5vw;
		padding-left: 5vw;
	}
	body.internet #internet1 h2 {
		margin-bottom: 5vw;
	}
	body.internet #internet1 .lead {
		margin-bottom: 4vw;
	}
	body.internet #internet1 .box {
		display: block;
	}
	body.internet #internet1 .box figure {
		width: 100%;
		margin-bottom: 5vw;
	}
	body.internet #internet1 .box figure img {
	}
	body.internet #internet1 .box .text {
		width: 100%;
	}
	body.internet #internet1 .box .text dt {
	}
	body.internet #internet1 .box .text dd {
	}
	body.internet #internet1 .box .text .note {
	}
	body.internet #internet1 .box .text .btn {
	}
	body.internet #internet1 .box .text .btn a {
		display: block;
	}
	body.internet #internet2 {
	}
	body.internet #internet2 .inner {
		width: 100vw;
		padding-right: 5vw;
		padding-left: 5vw;
	}
	body.internet #internet2 h2 {
		margin-bottom: 5vw;
	}
	body.internet #internet2 h2 span {
		font-size: 4vw;
	}
	body.internet #internet2 .lead {
	}
	body.internet #internet2 .box {
		display: block;
	}
	body.internet #internet2 .box figure {
		width: 100%;
		margin-bottom: 5vw;
	}
	body.internet #internet2 .box figure img {
	}
	body.internet #internet2 .box .text {
		width: 100%;
	}
	body.internet #internet2 .box .text .column {
		margin: 20px 0;
		padding: 3vw 10vw;
	}

	#wrapper #chef {
		background: #F5F5F5;
		padding: 30px 5vw;
	}
	#wrapper #chef .intro {
		margin: 0 0 20px;
		display: block;
	}
	#wrapper #chef .intro .image {
		width: 100%;
		height: 90vw;
		margin: 0 0 15px;
	}
	#wrapper #chef .intro .text {
		width: 100%;
		padding: 0;
		position: relative;
	}
	#wrapper #chef .intro .text h2 {
		margin: 0 0 15px;
	}
	#wrapper #chef .intro .text h3 {
		margin: 0 0 15px;
	}
	#wrapper #chef .intro .text h3 span {
		font-size: 114.3%;
	}
	#wrapper #chef .allergy {
		background: #F5F5F5;
		padding: 0;
	}
	#wrapper #chef .allergy > div {
		background: #F5F5F5;
		padding: 0;
	}
	#wrapper #chef .allergy > div h3 {
		font-size: 1rem;
		font-weight: normal;
		text-align: left;
		border-top: solid 1px #505050;
		border-bottom: solid 1px #505050;
		margin: 0;
		padding: 10px;
		position: relative;
	}
	#wrapper #chef .allergy > div h3.cr {
		border-bottom: none;
	}
	#wrapper #chef .allergy > div h3::after {
		content: "＋";
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#wrapper #chef .allergy > div h3.cr::after {
		content: "－";
	}
	#wrapper #chef .allergy > div h3 + div {
		width: 100%;
		background: #FFF;
		margin: 0;
		padding: 5vw;
		display: none;
	}


	body.mice #lead {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	body.mice #lead .mvwrap {
	}
	body.mice #lead .mvwrap video {
	}
	body.mice #lead .mvadd {
	}
	body.mice #lead h2 {
		margin: 40px 0 20px;
	}
	body.mice #hall {
		padding-right: 5vw;
		padding-left: 5vw;
	}
	body.mice #hall h2 {
	}
	body.mice #banners {
	}
	body.mice #cuisine,
	body.kyoiku #cuisine {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	body.mice #cuisine h2,
	body.kyoiku #cuisine h2 {
	}
	body.mice #cuisine p,
	body.kyoiku #cuisine p {
		text-align: left;
	}
	body.mice #cuisine ul,
	body.kyoiku #cuisine ul {
		margin: 5vw 0 3vw;
		flex-wrap: wrap;
	}
	body.mice #cuisine ul li,
	body.kyoiku #cuisine ul li {
		width: calc(calc(100% - 20px) / 2);
		margin-bottom: 20px;
	}
	body.mice #cuisine ul li figure,
	body.kyoiku #cuisine ul li figure {
		margin-bottom: 10px;
	}
	body.mice #cuisine ul li figure img,
	body.kyoiku #cuisine ul li figure img {
	}
	body.mice #cuisine ul li p,
	body.kyoiku #cuisine ul li p {
		font-size: 4vw;
		line-height: 1.5;
	}
	body.mice #stay,
	body.kyoiku #stay {
		padding-left: 5vw;
		padding-right: 5vw;
		padding-bottom: 10vw;
	}
	body.mice #stay::after,
	body.kyoiku #stay::after {
		height: 3vw;
	}
	body.mice #stay h2,
	body.kyoiku #stay h2 {
		margin-bottom: 15px;
	}
	body.mice #stay figure,
	body.kyoiku #stay figure {
		margin-bottom: 15px;
	}
	body.mice #stay p,
	body.kyoiku #stay p {
		text-align: left;
		margin-bottom: 20px;
	}
	body.mice #stay .btn,
	body.kyoiku #stay .btn {
		width: 100%;
	}
	body.mice #stay .btn a,
	body.kyoiku #stay .btn a {
		padding: 10px 0;
	}
	body.mice #ss {
		margin-bottom: 6vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	body.mice #ss h2 {
	}
	body.mice #ss .lead {
		text-align: left;
		margin-bottom: 5vw;
	}
	body.mice #ss .block1 img,
	body.mice #ss .block2 img,
	body.mice #ss .golf img {
	}
	body.mice #ss .block1 p,
	body.mice #ss .block2 p,
	body.mice #ss .golf p {
		font-size: 4vw;
		line-height: 1.5;
	}
	body.mice #ss .block1 p span,
	body.mice #ss .block2 p span,
	body.mice #ss .golf p span {
		font-size: 3vw;
	}
	body.mice #ss .block1 {
		flex-wrap: wrap;
	}
	body.mice #ss .block1 .large {
		width: 100%;
		margin-bottom: 20px;
	}
	body.mice #ss .itemList {
	}
	body.mice #ss .itemList::before,
	body.mice #ss .itemList::after {
		width: calc(calc(100% - 20px) / 2);
	}
	body.mice #ss .itemList li {
		width: calc(calc(100% - 20px) / 2);
		margin-bottom: 20px;
	}
	body.mice #ss .block1 .itemList {
		width: 100%;
	}
	body.mice #ss .golf {
	}
	body.mice #ss .golf h3 {
	}
	body.mice #ss .golf h3 span {
	}
	body.mice #ss .arcrea {
		padding: 5vw;
	}
	body.mice #ss .arcrea h3 {
		font-size: 4.5vw;
		text-align: center;
	}
	body.mice #ss .arcrea h3 span {
		display: block;
	}
	body.mice #ss .arcrea > div {
		display: block;
	}
	body.mice #ss .arcrea > div .left {
		width: 100%;
		margin-bottom: 15px;
	}
	body.mice #ss .arcrea > div .right {
		width: 100%;
	}
	body.mice #ss .arcrea > div .left img {
	}
	body.mice #ss .arcrea > div .right ul {
		margin-bottom: 15px;
	}
	body.mice #ss .arcrea > div .right ul li {
	}
	body.mice #ss .arcrea > div .right ul li img {
	}
	body.mice #ss .arcrea > div .right .btn a {
		padding: 10px 0;
	}

	body.kyoiku #lead {
	}
	body.kyoiku #lead .inner {
		width: 100vw;
		padding-left: 5vw;
		padding-right: 5vw;
		display: block;
	}
	body.kyoiku #lead .inner figure {
		width: 100%;
		margin-bottom: 20px;
	}
	body.kyoiku #lead .inner .text {
		width: 100%;
	}
	body.kyoiku #lead .inner .text h2 {
		font-size: 6vw;
		text-align: center;
	}
	body.kyoiku #ss,
	body.kyoiku #gaiyo {
		padding-left: 5vw;
		padding-right: 5vw;
		padding-bottom: 9vw;
	}
	body.kyoiku #ss::after,
	body.kyoiku #gaiyo::after {
		height: 3vw;
	}
	body.kyoiku #ss .lead {
		text-align: left;
		margin: 20px 0 30px;
	}
	body.kyoiku #ss .block1 {
		display: block;
	}
	body.kyoiku #ss .block1 > * {
		width: 100%;
		text-align: left;
		margin: 0 0 20px;
	}
	body.kyoiku #ss .block1 figure img {
	}
	body.kyoiku #ss .block1 .text h3 {
		font-size: 5vw;
		text-align: center;
		margin-bottom: 15px;
	}
	body.kyoiku #ss .block1 .text .note {
		font-size: .875rem;
	}
	body.kyoiku #ss .note {
		margin-top: 20px;
		padding-top: 20px;
	}
	body.kyoiku #ss .wbox {
		margin: 0 0 5vw;
		padding: 5vw;
	}
	body.kyoiku #ss .wbox h3 {
		font-size: 5vw;
		margin-bottom: 20px;
	}
	body.kyoiku #ss .wbox h3 span {
	}
	body.kyoiku #ss .wbox > ul {
		margin-top: 5vw;
		display: block;
	}
	body.kyoiku #ss .wbox > ul li {
		width: 100%;
		padding: 8vw 5vw;
	}
	body.kyoiku #ss .wbox > ul li h4 {
		font-size: 6vw;
		margin-bottom: 15px;
		padding-top: 25px;
	}
	body.kyoiku #ss .wbox > ul li h4::before {
		width: 20px;
		height: 20px;
	}

	body.kyoiku #ss .wbox > ul li figure {
	}
	body.kyoiku #ss .wbox > ul li p {
		width: 100%;
	}
	body.kyoiku #ss .wbox > ul li .note {
		width: 100%;
	}
	body.kyoiku #ss .wbox .traffic {
		margin: 20px 0 0;
	}

	body.kyoiku #ss .others {
	}
	body.kyoiku #ss .others h3 {
		font-size: 5vw;
	}
	body.kyoiku #ss .others .itemList {
	}
	body.kyoiku #ss .others .itemList::before,
	body.kyoiku #ss .others .itemList::after {
		width: calc(calc(100% - 20px) / 2);
	}
	body.kyoiku #ss .others .itemList li {
		width: calc(calc(100% - 20px) / 2);
		margin-bottom: 20px;
	}
	body.kyoiku #ss .others .itemList li p {
		font-size: 4vw;
	}

	body.kyoiku #gaiyo {
		font-size: 3vw;
	}
	body.kyoiku #gaiyo h2 {
		margin-bottom: 3vw;
	}
	body.kyoiku #gaiyo .block1 .item {
		margin-bottom: 4vw;
		display: block;
	}
	body.kyoiku #gaiyo .block1 .item h3 {
		width: 100%;
		padding: 5px 5vw;
		display: block;
	}
	body.kyoiku #gaiyo .block1 .item table {
		width: 100%;
	}
	body.kyoiku #gaiyo .block2 table {
	}
	body.kyoiku #gaiyo table {
		border-top: none;
	}
	body.kyoiku #gaiyo table th,
	body.kyoiku #gaiyo table td {
		padding: 5px 0;
	}
	body.kyoiku #gaiyo .block1 table th {
		width: 6em;
		padding-right: 1em;
	}
	body.kyoiku #gaiyo .block2 table th {
		width: 6em;
		padding-right: 1em;
	}
	body.kyoiku #gaiyo .block-mark {
		padding: 15px 0;
		display: block;
	}
	body.kyoiku #gaiyo .block-mark figure {
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0;
	}
	body.kyoiku #gaiyo .block-mark figure img {
		width: 20vw;
	}
	body.kyoiku #gaiyo .block-mark p {
	}
	


/* ----------------------------- /20210602 ---------- */

}





/* -------------------------
会場個別ページ
----------------------------*/

.single #wrapper #hallmainv {
	width: 100%;
	min-width: 1080px;
	height: 35vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.single.korin #wrapper #hallmainv { background-image: url(../images/hall/korin/p_main.jpg); }
.single.shinju #wrapper #hallmainv { background-image: url(../images/hall/shinju/p_main.jpg); }
.single.fuji #wrapper #hallmainv { background-image: url(../images/hall/fuji/p_main.jpg); }
.single.hagi #wrapper #hallmainv { background-image: url(../images/hall/hagi/p_main.jpg); }
.single.tsurukame-shochiku #wrapper #hallmainv { background-image: url(../images/hall/tsurukame-shochiku/p_main.jpg); }
.single.ume #wrapper #hallmainv { background-image: url(../images/hall/ume/p_main.jpg); }
.single.h615-618 #wrapper #hallmainv { background-image: url(../images/hall/615-618/p_main.jpg); }

.single #wrapper .contents {
	padding: 0;
}
.single #wrapper #intro {
	background: #F5F5F5;
	border-bottom: none;
}
.single #wrapper #intro h1 {
	margin: 0 0 30px;
}
.single #wrapper #intro .honbun {
	width: 380px;
	text-align: left;
	margin: 0 auto 30px;
}

.single #wrapper #spec {
	border-bottom: none;
	padding-left: 3.5vw;
	padding-right: 3.5vw;
}
.single #wrapper #spec table {
	width: 100%;
}
.single #wrapper #spec table th,
.single #wrapper #spec table td {
	text-align: center;
	border: solid 1px #a0a0a0;
	padding: 10px;
}
.single #wrapper #spec table th {
	line-height: 1.6;
	background: #f0f0f0;
}
.single #wrapper #spec h2 {
	font-size: 1.714rem;
	font-weight: bold;
	margin: 50px 0 20px;
}

.single #wrapper #spec .layoutTable {
	margin: 0 0 30px;
}
.single #wrapper #spec .layoutTable td ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.single #wrapper #spec .layoutTable td ul li {
	width: 20%;
	margin: 0 2.5%;
	text-align: center;
}
.single #wrapper #spec .layoutTable td ul li a {
	display: block;
	position: relative;
}
.single #wrapper #spec .layoutTable td ul li img {
	width: 100%;
}
.single #wrapper #spec .layoutTable td ul li a:hover::before {
	content: " ";
	width: 50px;
	height: 50px;
	background: url(../images/common/b_enlarge.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	.single #wrapper #hallmainv {
		width: 100vw;
		min-width: 100vw;
		height: 80vw;
		background-size: auto 80vw;
		position: relative;
	}
	.single #wrapper #intro {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.single #wrapper #intro h1 {
		margin: 0 0 20px;
	}
	.single #wrapper #intro .honbun {
		width: 100%;
		margin: 0 auto 20px;
	}


	.single #wrapper #spec {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.single #wrapper #spec table {
	}
	.single #wrapper #spec table th,
	.single #wrapper #spec table td {
		padding: 5px;
	}
	.single #wrapper #spec table.spTable th,
	.single #wrapper #spec table.spTable td {
		padding: 5px 2px;
	}
	.single #wrapper #spec table th {
	}
	.single #wrapper #spec h2 {
		font-size: 1.714rem;
		margin: 30px 0 15px;
	}

	.single #wrapper #spec .layoutTable {
		margin: 0 0 20px;
	}
	.single #wrapper #spec .layoutTable td ul {
		justify-content: space-around;
	}
	.single #wrapper #spec .layoutTable td ul li {
		width: 45%;
		text-align: center;
		margin: 0;
	}
	.single #wrapper #spec .layoutTable td ul li a {
	}
	.single #wrapper #spec .layoutTable td ul li img {
	}
	.single #wrapper #spec .layoutTable td ul li a:hover::before {
		content: none;
	}

	.single #wrapper #spec .layoutTable td ul li a::before {
		content: " ";
		width: 45px;
		height: 45px;
		background: url(../images/common/b_enlarge.png) no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: -10px;
		right: -10px;
	}

}


/* -------------------------
プランページ
----------------------------*/
.plan #wrapper #planmainv {
	width: 100%;
	height: 35vw;
	text-align: center;
	background-position: center center;
	background-size: cover;
}
.plan #wrapper .contents {
	padding: 0;
}

.plan #wrapper #intro {
	background: #F4F4F4;
	border-bottom: none;
	padding: 70px 0 60px;
}
.plan #wrapper #intro h1 {
	margin-bottom: 20px;
}
.plan #wrapper #intro .price1 {
	font-size: 1.714rem;
	margin: 0 0 30px;
}
.plan #wrapper #intro .image {
	display: none;
}
.plan #wrapper #intro .honbun {
	width: 480px;
	text-align: left;
	margin: 0 auto 20px;
}
.plan #wrapper #intro .honbun p {
	margin: 0 0 1em;
}

.plan #wrapper #intro .kigen {
	width: 480px;
	text-align: left;
	margin: 0 auto;
}
.plan #wrapper #intro .price2 {
	width: 480px;
	text-align: left;
	margin: 0 auto;
}

.plan #wrapper #courses {
	background: #F4F4F4;
	border-bottom: none;
}
.plan #wrapper #courses .h-type2 {
	margin-bottom: 20px;
}
.plan #wrapper #courses .osusume {
	width: 70%;
	text-align: left;
	background: #FFF;
	margin: 0 auto 40px;
	padding: 30px 50px;
}
.plan #wrapper #courses .osusume.photo-ari {
	display: flex;
	justify-content: space-between;
}
.plan #wrapper #courses .osusume.photo-ari figure {
	width: 40%;
}
.plan #wrapper #courses .osusume.photo-ari figure img {
	width: 100%;
}
.plan #wrapper #courses .osusume .text {
	width: 100%;
}
.plan #wrapper #courses .osusume.photo-ari .text {
	width: 55%;
}
.plan #wrapper #courses .osusume .text .image {
	display: none;
}

.plan #wrapper #courses ul {
	text-align: left;
	margin: 0 3.5vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.plan #wrapper #courses ul li {
	width: 49%;
	background: #FFF;
	margin: 0 0 20px;
	padding: 30px 50px;
}

.plan #wrapper #courses h3 {
	color: #a2864a;
	font-size: 1.286rem;
	font-weight: bold;
	margin: 0 0 15px;
}
.plan #wrapper #courses .price {
	margin: 0 0 15px;
}
.plan #wrapper #courses ul li figure {
	width: 100%;
	margin: 0 0 20px;
}
.plan #wrapper #courses ul li figure img {
	max-width: 90%;
}
.plan #wrapper #courses .btnb {
	display: none;
}

.plan #wrapper #detail {
	background: #F4F4F4;
	border-bottom: none;
}
.plan #wrapper #detail > ul {
	width: 1080px;
	margin: 0 auto 45px;
	display: flex;
}
.plan #wrapper #detail > ul > li {
	font-size: .9286rem;
	width: 150px;
	letter-spacing: -.05em;
	border: solid 1px #c8c8c8;
	border-right: none;
	padding: 5px 0;
	cursor: pointer;
}
.plan #wrapper #detail > ul > li:last-child {
	width: 250px;
	border-right: solid 1px #C8C8C8;
}
.plan #wrapper #detail > ul > li.cr {
	color: #FFF;
	background: #a2864a;
}
.plan #wrapper #detail > div {
	width: 850px;
	text-align: left;
	margin: 0 auto;
}
.plan #wrapper #detail > div .midashi {
	display: none;
}

.plan #wrapper #detail .tabCont {
	margin: 0 50px;
	display: none;
}
.plan #wrapper #detail .tabCont#tabCont-0 {
	display: block;
}

.plan #wrapper #tsuiki {
	background: #F4F4F4;
	border-bottom: none;
}
.plan #wrapper #tsuiki .inner {
	width: 1080px;
	text-align: left;
	border-top: solid 1px #C8C8C8;
	margin: 0 auto;
	padding: 20px 20px 0;
}

.plan #wrapper #form {
	border-bottom: none;
}
.plan #wrapper #form h2 {
	margin: 0 0 30px;
}
.plan #wrapper #form .form {
	width: 400px;
	text-align: left;
	margin: 0 auto;
}
.plan #wrapper #form .form dd {
	margin: 0 0 15px;
}


@media screen and (max-width:899px) {
	.plan #wrapper #planmainv {
		display: none;
	}

	.plan #wrapper #intro {
		padding: 30px 5vw 10px;
	}
	.plan #wrapper #intro h1 {
		font-size: 1.286rem;
		margin-bottom: 10px;
	}
	.plan #wrapper #intro .price1 {
		font-size: 1rem;
		margin: 0 0 20px;
	}
	.plan #wrapper #intro .image {
		width: 90vw;
		margin: 0 auto 20px;
		display: block;
	}
	.plan #wrapper #intro .honbun {
		width: 90vw;
		margin: 0 auto 20px;
	}
	.plan #wrapper #intro .kigen {
		width: 90vw;
	}
	.plan #wrapper #intro .price2 {
		width: 90vw;
	}

	.plan #wrapper #courses {
	}
	.plan #wrapper #courses .h-type2 {
		margin: 0 0 15px;
	}
	.plan #wrapper #courses .osusume {
		width: auto;
		margin: 0 5vw 20px;
		padding: 0;
	}
	.plan #wrapper #courses .osusume.photo-ari {
		display: block;
	}
	.plan #wrapper #courses .osusume.photo-ari figure {
		display: none;
	}
	.plan #wrapper #courses .osusume .text {
	}
	.plan #wrapper #courses .osusume.photo-ari .text {
		width: 100%;
	}
	.plan #wrapper #courses .osusume .text .image {
		margin: 15px 10vw 0;
		padding: 0;
		display: block;
	}


	.plan #wrapper #courses ul {
		margin: 0 5vw;
		display: block;
	}
	.plan #wrapper #courses ul li {
		width: 100%;
		background: #FFF;
		margin: 0 0 20px;
		padding: 0;
	}

	.plan #wrapper #courses h3 {
		text-align: center;
		margin: 0 0 10px;
		padding: 13vw 10vw 0;
	}
	.plan #wrapper #courses .price {
		text-align: center;
		margin: 0 10vw 15px;
	}
	.plan #wrapper #courses ul li figure {
	}
	.plan #wrapper #courses ul li figure img {
		max-width: 100%;
	}
	.plan #wrapper #courses .honbun {
		margin: 15px 10vw 0;
		padding: 0 0 13vw;
	}

	.plan #wrapper #courses .btnb {
		color: #a2864a;
		text-align: center;
		border: solid 1px #a2864a;
		margin: 0 5vw;
		padding: 10px 0;
		display: block;
		position: relative;
	}
	.plan #wrapper #courses .btnb::after {
		content: " ";
		width: 6px;
		height: 6px;
		border-right: solid 1px #a2864a;
		border-bottom: solid 1px #a2864a;
		position: absolute;
		top: calc(10px + .7em);
		right: 15px;
		transform: rotate(45deg);
	}
	.plan #wrapper #courses .btnb.cr::after {
		transform: rotate(-135deg);
		top: calc(10px + 1em);
	}

	.plan #wrapper #detail {
	}
	.plan #wrapper #detail > ul {
		display: none;
	}
	.plan #wrapper #detail > div {
		width: auto;
		margin: 0 5vw;
	}
	.plan #wrapper #detail > div .midashi {
		border-top: solid 1px #505050;
		padding: 10px;
		display: block;
		position: relative;
	}
	.plan #wrapper #detail > div .midashi::after {
		content: "＋";
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.plan #wrapper #detail > div .midashi.cr::after {
		content: "－";
	}

	.plan #wrapper #detail .tabCont {
		margin: 0 0 15px;
		padding: 5vw;
		background: #FFF;
		display: none;
	}
	.plan #wrapper #detail .tabCont#tabCont-0 {
		display: none;
	}

	.plan #wrapper #tsuiki {
	}
	.plan #wrapper #tsuiki .inner {
		width: 100%;
		text-align: left;
		border-top: solid 1px #C8C8C8;
		margin: 0 auto;
		padding: 15px 5vw 0;
	}


	.plan #wrapper #form {
	}
	.plan #wrapper #form h2 {
		margin: 0 0 20px;
	}
	.plan #wrapper #form .form {
		width: 90vw;
	}
	.plan #wrapper #form .form dd {
	}

}


.eminfo {
	width: 80%;
	background: #FFF;
	border: solid 2px #F00;
	margin: 50px auto;
	padding: 20px 10%;
}
@media screen and (max-width:899px) {
	.eminfo {
		width: 90vw;
		text-align: left;
		margin: 30px auto;
		padding: 20px;
	}

}