@charset "UTF-8";


/* ----------------------------------------
  index.css
---------------------------------------- */
html,
body {
	/* font-size: 10px; */
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html {
	font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 1.5;
	text-align: center;
}

body * {
	box-sizing: border-box;
}

picture {
	display: block;
}


#header-wrap {
	background: url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
}

#header {
	width: 100%;
	max-width: 1100px;
	height: 62px;
	text-align: left;
	margin: 0 auto;
}

#header table,
#copyright {
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#header table img {
	vertical-align: middle;
}

#container {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
}

main {
	display: block;
	margin: 0 auto;
}

main section div.wrap {
	max-width: 1000px;
	margin: auto;
}

#hero {
	background: #610F13;
}

#hero div {
	width: 100%;
}

#contbox {}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt63 {
	margin-top: 63px;
}

.mt70 {
	margin-top: 70px;
}

.mt72 {
	margin-top: 72px;
}

.mt80 {
	margin-top: 80px;
}

.mt84 {
	margin-top: 84px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb70 {
	margin-bottom: 70px;
}

.pt100 {
	padding-top: 100px;
}

.pv100 {
	padding: 100px 0;
}

@media screen and (max-width: 768px) {
	.sp-10min {
		margin: 0 -10px;
	}

	.sp-mb10min {
		margin-bottom: -10px;
	}

	.sp-pm10 {
		padding: 0 10px;
	}

	.sp-mt50 {
		margin-top: 50px;
	}

	.sp-mt30 {
		margin-top: 30px;
	}

	.sp-mt40 {
		margin-top: 40px;
	}

	.sp-mt60 {
		margin-top: 60px;
	}

	.sp-mb40 {
		margin-bottom: 40px;
	}

	.sp-pt50 {
		padding-top: 50px;
	}

	.sp-pd90 {
		padding: 90px 0 0;
	}
}

a.btn {
	display: block;
	width: 39vw;
	margin: 40px auto 0;
}

a.btn.typeB {
	margin: 100px auto;
}

a.btn.typeC {
	margin: 62px auto 77px;
}

a.btn.typeD {
	margin: 35px auto 70px;
}

a.btn.typeE,
a.btn.typeF {
	width: 33vw;
	margin: 0 auto;
}

a.btn.typeF {
	margin-top: 22px;
}

a.btn:hover {
	opacity: 0.8;
}

.area_btn {
	max-width: 565px;
	margin: 0 auto 64px;
}

.area_btn a.btn {
	width: 100%;
	margin: 20px auto 0;
}

.area_btn a.btn:nth-of-type(3) {
	margin: 20px auto 40px;
}

@media screen and (max-width: 768px) {
	a.btn {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
}


.link {
	width: 23%;
	margin-left: 5.8%;
	cursor: pointer;
}

.text1,
.text2,
.text3,
.text4,
.text5,
.text6,
.text7,
.text8,
.text9 {
	display: none;
	width: 100%;
	margin: 0 auto;
}

.text1.active,
.text2.active,
.text3.active,
.text4.active,
.text5.active,
.text6.active,
.text7.active,
.text8.active,
.text9.active {
	display: block;
}

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

	.text,
	.text2,
	.text3,
	.text4,
	.text5,
	.text6,
	.text7 {
		width: 100%;
	}
}

#footer {
	background: rgba(254, 235, 198, 0.5);
	padding: 25px 0px 15px 0px;
}

#copyright {
	text-align: right;
	margin: 0 auto;
}

#gototop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

#gototop a {
	font-size: 20px;
	background: rgba(181, 170, 130, 0.7);
	color: #fff;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	border-radius: 50%;
}

/* @media : PC */
@media screen and (min-width: 769px) {
	.sp {
		display: none;
	}
}

/* /@media */

/* @media : SP */
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	#header table,
	#copyright {
		width: 96%;
	}
}

/* /@media */
#links {
	background: rgba(254, 235, 198, 0.5);
	margin: 0 auto;
	padding: 2em 0 4em;
}

#links ul {
	letter-spacing: -0.38em;
}

#links ul li {
	display: inline-block;
	padding: 0 3em;
	border-left: 1px solid #000;
	letter-spacing: normal;
}

#links ul li:last-child {
	border-right: 1px solid #000;
}

#links ul li a {
	font-size: 17px;
	color: #000;
	text-decoration: none;
}

#links .copy {
	font-size: 11px;
}

@media screen and (max-width: 768px) {
	#links {
		width: 100%;
	}

	#links ul li {
		padding: 0 1.8em;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}

	#links ul li:last-child {
		margin-top: 10px;
	}

	/* #links ul li,
	#links ul li:last-child {
		border-left: none;
		border-right: none;
	} */
}

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

	#hero div,
	main section div.wrap,
	#access h2 {
		width: 100%;
	}
}

/*PCでは電話番号リンクなし*/
@media (min-width: 751px) {
	.sp_tell {
		pointer-events: none;
	}
}


html {
	scroll-padding-top: 106px;
}

@media screen and (max-width: 768px) {
	html {
		scroll-padding-top: 56px;
	}
}

.bg01 {
	background: url(../images/bg01.avif);
	background-size: 100%;
}

.bg02 {
	background: url(../images/bg02.avif);
	background-size: 100%;
	padding-bottom: 80px;
}

.bg03 {
	background: #00408A;
	padding: 86px 0 100px;
}

.bg04 {
	background: url(../images/bg03.avif);
	background-size: 100%;
	padding: 127px 0 164px;
}

.bg05 {
	background: url(../images/bg04.avif);
	background-size: 100%;
	padding: 50px 0;
	margin-bottom: 84px;
}

.bg06 {
	background: url(../images/bg04.avif);
	background-size: 100%;
	padding: 35px 85px;
}

.bg07 {
	background: rgba(254, 235, 198, 0.5);
	padding: 100px 0 95px;
}

.w866 {
	max-width: 866px;
	margin: 0 auto;
}

.w1000 {
	max-width: 1000px;
	margin: 0 auto;
}

.read {
	display: block;
	padding-top: 42px;
}

@media screen and (max-width: 768px) {
	.read {
		padding: 0 10px;
		padding-top: 42px;
	}
}

.text-profile {
	color: #A37347;
	font-family: "Inter", sans-serif;
	font-size: min(1.6rem, 1.171vw);
	font-weight: 600;
	font-style: normal;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
}

.text-profile-name {
	color: #000;
	font-size: min(1.6rem, 1.171vw);
	text-align: left;
	padding: 10px 0;
	border-top: 1px solid #CAA271;
	border-bottom: 1px solid #CAA271;
}

.text-profile-name::before {
	content: '▼';
	color: #A37347;
	padding-right: 10px;
}

.text-profile-name.typeD,
.text-profile-name.typeF {
	border-top: none;
}

#event .accordion_one {
	padding-bottom: 60px;
}

#event .accordion_one.typeB {
	padding-bottom: 0;
}

.accordion_one .box_one {
	padding: 20px 0;
	border-bottom: 1px solid #CAA271;
}

.accordion_one .box_one p {
	font-size: min(1.4rem, 1.025vw);
	text-align: left;
}

.accordion_one .box_one p a {
	color: #000;
	text-decoration: none;
}

.img01 {
	max-width: 874px;
	margin: 0 auto 64px;
}

.img2 {
	max-width: 454px;
	margin: 0 auto;
}

.img3 {
	margin-bottom: 54px;
}

.img4 {
	max-width: 687px;
	margin: 0 auto 50px;
}

.info {
	margin: 60px auto 0;
}

.info_img01 {
	max-width: 377px;
	margin: 0 auto 43px;
}

.info_img02,
.info_img03 {
	max-width: 437px;
	margin: 0 auto;
}

.info_logo {
	max-width: 228px;
	margin: 83px auto 0;
}

@media screen and (max-width: 768px) {
	.text-profile {
		font-size: min(1.6rem, 4.267vw);
		padding-top: 0;
	}

	.text-profile.s-pt30 {
		padding-top: 30px;
	}

	.text-profile-name {
		font-size: min(1.6rem, 4.267vw);
	}

	.accordion_one .box_one p {
		font-size: min(1.4rem, 3.733vw);
	}

	#event .accordion_one {
		padding-bottom: 40px;
	}

	.img4 {
		width: 90%;
	}

	#event,
	.bg02,
	#dinner,
	#stayplan {
		padding: 0 10px;
	}

	.bg02 {
		padding-bottom: 80px;
	}

	.bg05 {
		margin-bottom: 50px;
	}

	.bg06 {
		background: url(../images/bg04.avif);
		background-size: 100%;
		padding: 35px 10px;
	}

	.bg07 {
		padding: 50px 0;
	}

	#dinner,
	#stayplan {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.img01 {
		width: 90%;
		margin: 0 auto 40px;
	}

	.img2 {
		width: 85%;
		margin: 0 auto;
	}

	.info_img01 {
		width: 90%;
		margin: 0 auto 43px;
	}

	a.btn.typeE,
	a.btn.typeF {
		width: 90vw;
		margin: 0 auto;
	}

	a.btn.typeF {
		margin-top: 22px;
	}

	a.btn.typeB,
	a.btn.typeC {
		margin: 50px auto;
	}

	.sp-note {
		padding: 0 10px;
	}

	.sp-note2 {
		padding: 0 20px;
	}

	.area_btn {
		margin: 0 auto 40px;
	}

	.info_logo {
		margin: 60px auto 0;
	}
}