@charset "utf-8";
/* CSS Document */
.biz-udpgothic-regular {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.biz-udpgothic-bold {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}

body {
	/* min-width: 1024px; */
	overflow-x: hidden;
}
/* Common */
:root {
	--ColorRed: #e10037;
	--ColorBlue: #0077bd;
	--ColorGreen: #26a242;
}
main {
	font-family: "BIZ UDPGothic", "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.txt-center {
	text-align: center;
}
.txt-red {
	color: var(--ColorRed);
}
.txt-bold {
	font-weight: 700;
}
.txt-note {
	padding: 0 0 0 1rem;
	text-indent: -1rem;
	font-size: 1.0rem;
	line-height: 1.6;
}
.txt-note::before {
	content: "※";
}

.btn:hover {
	transform: translate(3px, 3px);
	opacity: 0.7;
}
.btn a {
	display: block;	
	padding: 15px 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	border-radius: 5vh;
}
/* //Common */

#paraspot-page {
	position: relative;
	width: 100%;
	margin: 0;
}

#paraspot-page .page-dots {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}
#paraspot-page .page-dot {
	position: absolute;
	display: block;
	border-radius: 50%;
}
#paraspot-page .page-dot--pink {
	background: rgba(248, 204, 214, 0.9);
}
#paraspot-page .page-dot--green {
	background: rgba(200, 235, 216, 0.9);
}
#paraspot-page .page-dot--blue {
	background: rgba(207, 231, 247, 0.9);
}
#paraspot-page .page-dot--yellow {
	background: rgba(248, 226, 141, 0.9);
}
#paraspot-page .page-dot--red0 {
	background: var(--ColorRed);
}
#paraspot-page .page-dot--blue0 {
	background: var(--ColorBlue);
}
#paraspot-page .page-dot--green0 {
	background: var(--ColorGreen);
}

#paraspot-page .page-dot--01 { top:   50px; left :  8%; width: 36px; height: 36px; }
#paraspot-page .page-dot--02 { top:   80px; right: 12%; width: 62px; height: 62px; }
#paraspot-page .page-dot--03 { top:  460px; left : 14%; width: 24px; height: 24px; }
#paraspot-page .page-dot--04 { top:  550px; right: 14%; width: 20px; height: 20px; }
#paraspot-page .page-dot--05 { top: 1100px; right: 10%; width: 58px; height: 58px; }
#paraspot-page .page-dot--06 { top: 1160px; left :  8%; width: 54px; height: 54px; }

#paraspot-page .breadcrumbs{
	width: 1180px;
	margin: 0 auto;
	font-size: 12px;
	color: #333333;
}
#paraspot-page .breadcrumbs a{
	color: #aaaaaa;
}
#paraspot-page .breadcrumbs ol{
	display: flex;
	margin: 0 10px;
}
#paraspot-page .breadcrumbs li::after{
	content: '>';
	display: inline-block;
	padding: 0 10px; /*左右に余白*/
	color: #aaaaaa;
}
#paraspot-page .breadcrumbs li:last-child::after{
	display: none;
}



#paraspot-page .paraspot-kv{
	margin: 0 0 60px;
	text-align: center;
}
#paraspot-page .paraspot-kv img{
	width: 95%;
	max-width: 900px;
}
#paraspot-page .paraspot-kv-text{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
}
#paraspot-page .paraspot-kv-text .paraspot-info p.text {
	margin: 0 auto 20px;
	/* margin-inline: auto; */
	padding-top: 0;
	max-width: 640px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}
#paraspot-page .paraspot-kv-text .paraspot-info .button {
	text-align: center;
}
#paraspot-page .paraspot-kv-text .paraspot-info .button a {
	display: inline-block;
	padding: 15px 30px;
	background: #ccc;
	border-radius: 100vmax;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#paraspot-page .paraspot-kv-text .paraspot-info .button.report a {
	padding: 15px 3rem;
	font-size: 1.5rem;
	color: #ffffff;
	background: #1eaa42;
}
#paraspot-page .paraspot-kv-text .paraspot-info .button.report a:hover {
	text-decoration: none;
	transform: translateY(3px);
	opacity: 0.5;
}

#paraspot-page .paraspot-cooperation,
#paraspot-page .paraspot-connection , 
#paraspot-page .paraspot-details {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
#paraspot-page .paraspot-schedule {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
#paraspot-page .paraspot-schedule .paraspot-title h2 {
	margin: 20px auto 30px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.0;
	text-align: center;
}
#paraspot-page .paraspot-schedule .paraspot-title h2 span {
	font-size: 1.3rem;
	font-weight: 400;
}
#paraspot-page .paraspot-schedule .paraspot-title h2::before , 
#paraspot-page .paraspot-schedule .paraspot-title h2::after {
	content: "";
	display: block;
	width: 300px;
	height: 30px;
	margin: 0 auto 5px;
	background-image:  url("../images/paraspot/flag2026.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#paraspot-page .paraspot-schedule .paraspot-title h2::after {
	margin: 10px auto 0;
}
#paraspot-page .paraspot-schedule .paraspot-title .paraspot-info{
	font-size: 1.2rem;
	line-height: 1.5;
}
#paraspot-page .paraspot-schedule .paraspot-imgs {
	display: flex;
	justify-content: center;
	gap: 20px;
	width: 120%;
	margin: 30px 0 0 -10%;
}
#paraspot-page .paraspot-schedule .paraspot-imgs .paraspot-img {
	position: relative;
	width: calc(100% / 3);
}
#paraspot-page .paraspot-schedule .paraspot-imgs div h3 {
	position: relative;
	width: fit-content;
	margin: 0 0 0 -10px;
	padding: 10px 20px 7px;
	color: #ffffff;
	font-weight: 700;
	background: var(--ColorRed);
	border-radius: 5vh;
	box-shadow: 3px 3px #980025;
	z-index: 50;
}
#paraspot-page .paraspot-schedule .paraspot-imgs div:nth-of-type(2) h3 {
	background: var(--ColorBlue);
	box-shadow: 3px 3px #014e7b;
}
#paraspot-page .paraspot-schedule .paraspot-imgs div:nth-of-type(3) h3 {
	background: var(--ColorGreen);
	box-shadow: 3px 3px #105c21;
}
#paraspot-page .paraspot-schedule .paraspot-imgs img {
	display: block;
	width: 100%;
	margin: -10px 0 0;
	border-radius: 1vh;
}
/*
#paraspot-page .page-dot--07 { bottom:  20px; right:  -5px; width: 36px; height: 36px; z-index: 10; }
#paraspot-page .page-dot--08 { bottom: -15px; right:  10px; width: 65px; height: 65px; }
#paraspot-page .page-dot--09 { bottom:  -5px; right:   5px; width: 45px; height: 45px; }
#paraspot-page .page-dot--10 { bottom: -10px; right:  -5px; width: 20px; height: 20px; z-index: 10; }
*/
#paraspot-page .page-dot--07 { bottom: -20px; right:  25px; width: 30px; height: 30px; z-index: 10; }
#paraspot-page .page-dot--08 { bottom: -10px; right: -10px; width: 50px; height: 50px; }
#paraspot-page .page-dot--09 { bottom: -20px; right:  25px; width: 30px; height: 30px; z-index: 10; }
#paraspot-page .page-dot--10 { bottom: -10px; right: -10px; width: 50px; height: 50px; }
#paraspot-page .page-dot--11 { bottom: -20px; right:  25px; width: 30px; height: 30px; z-index: 10; }
#paraspot-page .page-dot--12 { bottom: -10px; right: -10px; width: 50px; height: 50px; }
/* 追加分です */
#paraspot-page .page-dot--13 { top:  180px; left : calc(50% - 700px); right: auto; width: 20px; height: 20px; }
#paraspot-page .page-dot--14 { top:  360px; left : calc(50% + 660px); right: auto; width: 34px; height: 34px; }
#paraspot-page .page-dot--15 { top:  760px; left : calc(50% - 640px); right: auto; width: 26px; height: 26px; }
#paraspot-page .page-dot--16 { top: 1050px; left : calc(50% + 700px); right: auto; width: 42px; height: 42px; }
#paraspot-page .page-dot--17 { top: 1300px; left : calc(50% - 700px); right: auto; width: 30px; height: 30px; }
#paraspot-page .page-dot--18 { top: 1350px; left : calc(50% - 660px); right: auto; width: 28px; height: 28px; }
#paraspot-page .page-dot--19 { top: 1550px; left : calc(50% + 620px); right: auto; width: 52px; height: 52px; }
#paraspot-page .page-dot--20 { top: 1750px; left : calc(50% - 700px); right: auto; width: 22px; height: 22px; }
#paraspot-page .page-dot--21 { top: 2000px; left : calc(50% + 660px); right: auto; width: 46px; height: 46px; }
#paraspot-page .page-dot--22 { top: 2150px; left : calc(50% + 700px); right: auto; width: 56px; height: 56px; }
#paraspot-page .page-dot--23 { top: 2300px; left : calc(50% - 680px); right: auto; width: 58px; height: 58px; }
#paraspot-page .page-dot--24 { top: 2450px; left : calc(50% - 740px); right: auto; width: 38px; height: 38px; }
#paraspot-page .page-dot--25 { top: 2570px; left : calc(50% - 720px); right: auto; width: 64px; height: 64px; }
#paraspot-page .page-dot--26 { top: 2600px; left : calc(50% + 640px); right: auto; width: 28px; height: 28px; }
#paraspot-page .page-dot--27 { top: 2750px; left : calc(50% + 640px); right: auto; width: 26px; height: 26px; }
#paraspot-page .page-dot--28 { top: 2850px; left : calc(50% - 640px); right: auto; width: 34px; height: 34px; }
#paraspot-page .page-dot--29 { top: 3050px; left : calc(50% - 580px); right: auto; width: 52px; height: 52px; }
#paraspot-page .page-dot--30 { top: 3220px; left : calc(50% + 680px); right: auto; width: 52px; height: 52px; }
#paraspot-page .page-dot--31 { top: 3350px; left : calc(50% - 700px); right: auto; width: 24px; height: 24px; }
#paraspot-page .page-dot--32 { top: 3350px; left : calc(50% + 680px); right: auto; width: 34px; height: 34px; }
#paraspot-page .page-dot--33 { top: 3600px; left : calc(50% + 620px); right: auto; width: 42px; height: 42px; }
#paraspot-page .page-dot--34 { top: 3740px; left : calc(50% - 720px); right: auto; width: 34px; height: 34px; }
#paraspot-page .page-dot--35 { top: 3830px; left : calc(50% + 680px); right: auto; width: 42px; height: 42px; }
#paraspot-page .page-dot--36 { top: 3870px; left : calc(50% - 620px); right: auto; width: 54px; height: 54px; }


/* 追加分です */
#paraspot-page .page-dot--37 { top: 4070px; left: calc(50% + 710px); right: auto; width: 22px; height: 22px; }
#paraspot-page .page-dot--38 { top: 4155px; left: calc(50% + 645px); right: auto; width: 38px; height: 38px; }
#paraspot-page .page-dot--39 { top: 4235px; left: calc(50% - 665px); right: auto; width: 48px; height: 48px; }
#paraspot-page .page-dot--40 { top: 4340px; left: calc(50% - 735px); right: auto; width: 19px; height: 19px; }
#paraspot-page .page-dot--41 { top: 4425px; left: calc(50% + 715px); right: auto; width: 54px; height: 54px; }
#paraspot-page .page-dot--42 { top: 4510px; left: calc(50% + 625px); right: auto; width: 31px; height: 31px; }
#paraspot-page .page-dot--43 { top: 4595px; left: calc(50% - 735px); right: auto; width: 17px; height: 17px; }
#paraspot-page .page-dot--44 { top: 4750px; left: calc(50% - 590px); right: auto; width: 27px; height: 27px; }
#paraspot-page .page-dot--45 { top: 4845px; left: calc(50% + 680px); right: auto; width: 16px; height: 16px; }
#paraspot-page .page-dot--46 { top: 4930px; left: calc(50% - 610px); right: auto; width: 60px; height: 60px; }
#paraspot-page .page-dot--47 { top: 5080px; left: calc(50% + 715px); right: auto; width: 26px; height: 26px; }
#paraspot-page .page-dot--48 { top: 5220px; left: calc(50% - 725px); right: auto; width: 41px; height: 41px; }
#paraspot-page .page-dot--49 { top: 5340px; left: calc(50% + 605px); right: auto; width: 23px; height: 23px; }
#paraspot-page .page-dot--50 { top: 5470px; left: calc(50% + 650px); right: auto; width: 44px; height: 44px; }
#paraspot-page .page-dot--51 { top: 5705px; left: calc(50% - 720px); right: auto; width: 29px; height: 29px; }
#paraspot-page .page-dot--52 { top: 5840px; left: calc(50% + 730px); right: auto; width: 57px; height: 57px; }
#paraspot-page .page-dot--53 { top: 5970px; left: calc(50% - 675px); right: auto; width: 18px; height: 18px; }
#paraspot-page .page-dot--54 { top: 6100px; left: calc(50% + 690px); right: auto; width: 18px; height: 18px; }
#paraspot-page .page-dot--55 { top: 6250px; left: calc(50% - 640px); right: auto; width: 52px; height: 52px; }
#paraspot-page .page-dot--56 { top: 6395px; left: calc(50% + 625px); right: auto; width: 34px; height: 34px; }
#paraspot-page .page-dot--57 { top: 6525px; left: calc(50% - 730px); right: auto; width: 49px; height: 49px; }
#paraspot-page .page-dot--58 { top: 6720px; left: calc(50% - 705px); right: auto; width: 23px; height: 23px; }
#paraspot-page .page-dot--59 { top: 6835px; left: calc(50% + 615px); right: auto; width: 63px; height: 63px; }
#paraspot-page .page-dot--60 { top: 6975px; left: calc(50% - 615px); right: auto; width: 25px; height: 25px; }
#paraspot-page .page-dot--61 { top: 7085px; left: calc(50% + 720px); right: auto; width: 17px; height: 17px; }
#paraspot-page .page-dot--62 { top: 7190px; left: calc(50% + 735px); right: auto; width: 35px; height: 35px; }
#paraspot-page .page-dot--63 { top: 7425px; left: calc(50% - 595px); right: auto; width: 19px; height: 19px; }
#paraspot-page .page-dot--64 { top: 7580px; left: calc(50% + 650px); right: auto; width: 43px; height: 43px; }
#paraspot-page .page-dot--65 { top: 7715px; left: calc(50% - 725px); right: auto; width: 28px; height: 28px; }
#paraspot-page .page-dot--66 { top: 7840px; left: calc(50% - 690px); right: auto; width: 46px; height: 46px; }
#paraspot-page .page-dot--67 { top: 7995px; left: calc(50% + 675px); right: auto; width: 27px; height: 27px; }
#paraspot-page .page-dot--68 { top: 8155px; left: calc(50% - 610px); right: auto; width: 61px; height: 61px; }
#paraspot-page .page-dot--69 { top: 8280px; left: calc(50% + 730px); right: auto; width: 20px; height: 20px; }
#paraspot-page .page-dot--70 { top: 8420px; left: calc(50% + 620px); right: auto; width: 55px; height: 55px; }
#paraspot-page .page-dot--71 { top: 8555px; left: calc(50% + 600px); right: auto; width: 37px; height: 37px; }
#paraspot-page .page-dot--72 { top: 8750px; left: calc(50% - 730px); right: auto; width: 32px; height: 32px; }
#paraspot-page .page-dot--73 { top: 8895px; left: calc(50% - 700px); right: auto; width: 53px; height: 53px; }
#paraspot-page .page-dot--74 { top: 9040px; left: calc(50% - 630px); right: auto; width: 21px; height: 21px; }
#paraspot-page .page-dot--75 { top: 9205px; left: calc(50% + 705px); right: auto; width: 47px; height: 47px; }
#paraspot-page .page-dot--76 { top: 9360px; left: calc(50% + 680px); right: auto; width: 24px; height: 24px; }
#paraspot-page .page-dot--77 { top: 9515px; left: calc(50% - 625px); right: auto; width: 32px; height: 32px; }
#paraspot-page .page-dot--78 { top: 9670px; left: calc(50% - 715px); right: auto; width: 16px; height: 16px; }
#paraspot-page .page-dot--79 { top: 9910px; left: calc(50% + 645px); right: auto; width: 58px; height: 58px; }
#paraspot-page .page-dot--80 { top: 10340px; left: calc(50% - 600px); right: auto; width: 36px; height: 36px; }
#paraspot-page .page-dot--81 { top: 10580px; left: calc(50% + 720px); right: auto; width: 24px; height: 24px; }

#paraspot-page .paraspot-kv,
#paraspot-page .l-main {
	position: relative;
	z-index: 1;
}

#paraspot-page > .page-dots {
	z-index: 0;
}


/*追加分です*/

#paraspot-page .paraspot-schedule .paraspot-schedule-table{
	position: relative;
	margin: 100px 0 10px;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table{
	width: 100%;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table{
	display: none;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table tr {
	border-bottom: 1px solid #f6aec0;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table tr:nth-of-type(1) {
	border-bottom: none;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table tr:nth-of-type(odd) {
	background: #FCF7F8;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table th,
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table td{
	padding: 20px 10px;
	font-size: 1.5rem;
	line-height: 1.5;
	vertical-align: middle;
}

#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table th{
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .date-th {
	width: 290px;
	background: var(--ColorRed);
	/* vertical-align: top; */
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .area-th {
	width: 310px;
	background: var(--ColorBlue);
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .prg-th {
	background: var(--ColorGreen);
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .link-box{
	padding: 0;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .link-box a{
	display: block;
	padding: 55px 10px;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .link-box a:hover{
	background: #f0b8c5;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .area{
	font-size: 16px;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table .name{
	font-size: 24px;
	color: var(--ColorRed);
	font-weight: 700;
	text-decoration: underline;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table td ul li {
	text-indent: -1rem;
	padding-left: 1rem;
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table td ul li::before {
	content: "●";
	color: var(--ColorRed);
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table td ul li:nth-of-type(3n-1)::before {
	color: var(--ColorBlue);
}
#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table td ul li:nth-of-type(3n)::before {
	color: var(--ColorGreen);
}
#paraspot-page .paraspot-schedule .paraspot-cooming h3 {
	margin: 30px auto 20px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
}
#paraspot-page .paraspot-schedule .paraspot-cooming p {
	font-size: 1.2rem;
}

#paraspot-page .paraspot-connection-wrap {
	display: flex;
	justify-content: center;
	font-size: 16px;
	line-height: 2;
}
#paraspot-page .paraspot-connection-wrap div {
	margin: 0 10px;
	text-align: center;
}
#paraspot-page .paraspot-connection-wrap div img {
	width: 440px;
}

.paraspot-detail-notes {
	position: relative;
	width: 900px;
	margin: 80px auto 120px;
	padding: 30px;
	border: 2px solid #000;
}
.paraspot-detail-notes .paraspot-detail-notes-wrap {
	padding: 30px;
	border: 2px solid #000;
}
.paraspot-detail-notes .paraspot-detail-notes-wrap h3 {
	margin: 0 0 30px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
.paraspot-detail-notes .paraspot-detail-notes-wrap p{
	font-size: 1.3rem;
	line-height: 1.6;
}
.paraspot-detail-notes .mark1 {
	position: absolute;
	top: -40px;
	left: -45px;
}
.paraspot-detail-notes .mark2 {
	position: absolute;
	bottom: -25px;
	right: -45px;
}



/* 各イベント会場 */
.paraspot-detail {
	width: 100%;
	margin: 0 0 50px;
	border: 1px solid #fdeef2;
	border-radius: 3dvh;
	box-shadow: 0px 5px 10px #e3d6da;
	font-size: 1.3rem;
	line-height: 1.5;
}
.paraspot-detail .spot-titles {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px;
	border-bottom: 1px solid #f6aec0;
	border-radius: 3dvh 3dvh 0 0;
	background-color: #fff6f8;
}
.paraspot-detail .spot-titles .spot-num {
	width: 50px;
	height: 50px;
	padding: 10px;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	border-radius: 1dvh;
	background-color: var(--ColorRed);
}
.paraspot-detail .spot-titles .spot-title {
	margin-left: 15px;
	padding-top: 5px;

}
.paraspot-detail .spot-titles .spot-title .btn-spottitle a {
	width: 130px;
	height: 40px;
	margin: 0 0 0 30px;
	padding: 9px 0 0;
	font-size: 1.2rem;
	background: var(--ColorGreen);	
}
.paraspot-detail .spot-titles .btn-spottitle a {
	width: 130px;
	height: 40px;
	margin: 7px 0 0 30px;
	padding: 7px 0 0;
	font-size: 1.2rem;
	background: var(--ColorGreen);	
}
.paraspot-detail .spot-titles .spot-title h3 {
	font-size: 2.0rem;
	font-weight: 700;
}
.paraspot-detail .spot-titles .spot-title>p {
	margin-left: 5px;
	color: #555555;
}
.paraspot-detail .spot-dates {
	display: flex;
	gap: 20px;
	margin: 30px 20px 20px;
}
.paraspot-detail .spot-dates>div {
	width: 50%;
	padding: 30px;
	background-color: #faf4f4;
	border-radius: 1vh;
}
.paraspot-detail .spot-dates div h4 {
	color: var(--ColorRed);
	font-weight: 700;
}
.paraspot-detail .spot-dates div p {
	padding-top: 5px;
}
.paraspot-detail .spot-program {
	margin: 20px;
	padding: 30px;
	background-color: #fff6e5;
	border-radius: 1vh;
	border: 1px solid #dfca77;
}
.paraspot-detail .spot-program h4 {
	color: #b78c2b;
	font-weight: 700;
}
.paraspot-detail .spot-program p {
	padding-top: 5px;
}
.paraspot-detail .spot-acceses {
	display: flex;
	gap: 30px;
	margin: 20px;
}
.paraspot-detail .spot-acceses .accese {
	width: calc(100% - 450px - 30px);
}
.paraspot-detail .spot-acceses .accese h4 {
	color: var(--ColorRed);
	font-weight: 700;
}
.paraspot-detail .spot-acceses .accese p {
	padding: 10px 0;
}
.paraspot-detail .spot-acceses .accese dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.paraspot-detail .spot-acceses .accese dl dt {
	margin: 0 10px 10px 0;
	padding: 7px 5px 0;
	width: 100px;
	height: 40px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	background-color: var(--ColorBlue);
	border-radius: 1vh;
}
.paraspot-detail .spot-acceses .accese dl dd {
	margin-top: 3px;
	width: calc(100% - 110px);
	line-height: 2;
}
.paraspot-detail .spot-acceses .accese .btn a {
	position: relative;
	width: 250px;
	margin: 20px 0 0;
	padding-right: 50px;
	background: #323232;
}
.paraspot-detail .spot-acceses .accese .btn a::before{
	content: "";
	position: absolute;
	top: 29px;
	right: 35px;
	width: 35px;
	height: 2px;
	background-color: #ffffff;
	border-radius: 9999px;
}
.paraspot-detail .spot-acceses .accese .btn a::after {
	content: "";
	position: absolute;
	top: calc(50% + 3px);
	right: 35px;
	width: 15px;
	height: 2px;
	border-radius: 9999px;
	background-color: #ffffff;
	transform: rotate(45deg);
	transform-origin: calc(100% - 1px) 50%;
}
.paraspot-detail .spot-acceses .spot-img {
	width: 450px;	
}
.paraspot-detail .spot-acceses .spot-img img {
	width: 100%;
	border-radius: 1vh;
}
/* //各イベント会場 */



@media screen and (max-width:1200px) {
	#paraspot-page .paraspot-schedule .paraspot-imgs {
		width: 100%;
		margin: 30px auto 0;
	}
}



@media screen and (max-width:1100px) {
	.paraspot-detail-notes {
		width: 90%;
		padding: 15px;
	}
	.paraspot-detail-notes .paraspot-detail-notes-wrap {
		padding: 15px;
	}
	.paraspot-detail-notes .paraspot-detail-notes-wrap h3 {
		margin: 0 0 15px;
	}
	.paraspot-detail-notes .mark1 {
		top: -20px;
		left: -13px;
	}
	.paraspot-detail-notes .mark1 img,
	.paraspot-detail-notes .mark2 img {
		width: 70%;
	}
}



@media screen and (max-width:970px) {
	#paraspot-page .page-dot--01 { top:  -10px; left :  7%; width: 36px; height: 36px; }
	#paraspot-page .page-dot--02 { top:   30px; right:  0%; width: 62px; height: 62px; }
	#paraspot-page .page-dot--03 { top:  460px; left :  3%; width: 24px; height: 24px; }
	#paraspot-page .page-dot--04 { top:  550px; right: 14%; width: 20px; height: 20px; }
	#paraspot-page .page-dot--05 { top: 1060px; right: 10%; width: 58px; height: 58px; }
	#paraspot-page .page-dot--06 { top: 1130px; left :  8%; width: 54px; height: 54px; }
	
	/* 各イベント会場 */
	.paraspot-detail .spot-acceses {
		display: block;
	}
	.paraspot-detail .spot-acceses .accese {
		width: 100%;
	}
	.paraspot-detail .spot-acceses .accese .btn a {
		margin: 20px auto;
	}
	.paraspot-detail .spot-acceses .spot-img {
		width: 100%;
		max-width: 450px;
		margin: 10px auto 0;
	}
	/* //各イベント会場 */
}



@media screen and (max-width:780px) {
	#paraspot-page .page-dot--01 { top:  -10px; left :  7%; width: 36px; height: 36px; }
	#paraspot-page .page-dot--02 { top:   30px; right:  0%; width: 62px; height: 62px; }
	#paraspot-page .page-dot--03 { top:  490px; left :  3%; width: 24px; height: 24px; }
	#paraspot-page .page-dot--04 { top:  550px; right: 14%; width: 20px; height: 20px; }
	#paraspot-page .page-dot--05 { top: 1060px; right: 10%; width: 58px; height: 58px; }
	#paraspot-page .page-dot--06 { top: 1130px; left :  8%; width: 54px; height: 54px; }
	
	#paraspot-page .paraspot-schedule .paraspot-imgs {
		flex-wrap: wrap;
		gap: 30px 20px;
	}
	#paraspot-page .paraspot-schedule .paraspot-imgs .paraspot-img {
		width: 48%;
	}
	
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .pc-table{
		display: none;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table{
		display: block;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table a{
		display: block;
		margin: 0 0 10px;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table a:hover {
		opacity: 1;
		text-decoration: unset
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table a:hover div{
		background: #f0b8c5;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table div{
		padding: 0 10px;
		background: #fff;
		border: 1px solid #f27896;
		border-radius: 1vh;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dl{
		display: flex;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dt{
		width: 100px;
		height: 30px;
		margin: 10px 10px 10px 0;
		padding: 5px;
		color: #fff;
		font-weight: 700;
		text-align: center;
		background: var(--ColorRed);
		border-radius: 1vh;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dt.area-dt {
		background: var(--ColorBlue);
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dt.prg-dt {
		background: var(--ColorGreen);
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd{
		width: calc(100% - 110px);
		margin: 14px 0 5px;
		font-size: 1.2rem;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table .area{
		font-size: 0.9rem;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table .name{
		color: var(--ColorRed);
		font-weight: 700;
		text-decoration: underline;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd ul li {
		text-indent: -1rem;
		padding-left: 1rem;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd ul li::before {
		content: "●";
		color: var(--ColorRed);
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd ul li:nth-of-type(3n-1)::before {
		color: var(--ColorBlue);
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd ul li:nth-of-type(3n)::before {
		color: var(--ColorGreen);
	}
	
	#paraspot-page .paraspot-detail-notes {
		margin: 50px auto 80px;
	}
	#paraspot-page .paraspot-detail-notes .paraspot-detail-notes-wrap h3 {
		font-size: 2rem;
	}
	#paraspot-page .paraspot-detail-notes .paraspot-detail-notes-wrap p {
		font-size: 1rem;
	}
}



@media screen and (max-width:650px) {
	#paraspot-page .paraspot-schedule .paraspot-schedule-table {
		margin: 50px 0 10px;
	}
	
	/* 各イベント会場 */
	.paraspot-detail .spot-titles .spot-title>p {
		display: none;
	}
	.paraspot-detail .spot-titles .btn-spottitle {
		width: 100%;
	}
	.paraspot-detail .spot-titles .btn-spottitle a {
		margin: 10px auto 0;
	}
	/* //各イベント会場 */
}


@media screen and (max-width:580px) {
	#paraspot-page .page-dot--01 { top:  -20px; left :  1%; width: 36px; height: 36px; }
	#paraspot-page .page-dot--02 { top:   10px; right:  1%; width: 62px; height: 62px; }
	#paraspot-page .page-dot--03 { top:  280px; left :  3%; width: 24px; height: 24px; }
	#paraspot-page .page-dot--04 { top:  300px; right: 10%; width: 20px; height: 20px; }
	#paraspot-page .page-dot--05 { top: 1060px; right: 10%; width: 58px; height: 58px; }
	#paraspot-page .page-dot--06 { top: 1130px; left :  8%; width: 54px; height: 54px; }
	
	#paraspot-page .paraspot-kv-text .paraspot-info p.text {
		font-size: 1.3rem;
	}
	#paraspot-page .paraspot-schedule .paraspot-title h2 {
		font-size: 2.0rem;
	}
	#paraspot-page .paraspot-schedule .paraspot-imgs .paraspot-img {
		width: 95%;
	}
	
	/* 各イベント会場 */
	.paraspot-detail .spot-titles .spot-title {
		width: calc(100% - 50px - 15px);
	}
	.paraspot-detail .spot-titles .spot-title .btn-spottitle {
		margin: 15px 0 0;
		padding: 0 65px 0 0;
	}
	.paraspot-detail .spot-titles .spot-title .btn-spottitle a {
		margin: 10px auto 0;
	}
	.paraspot-detail .spot-dates {
		display: block;
	}
	.paraspot-detail .spot-dates>div {
		width: 100%;
		margin: 20px 0;
		padding: 15px;
		/* border-radius: 1vh; */
	}
	.paraspot-detail .spot-program {
		padding: 15px;
		border-radius: 1vh;
	}
	.paraspot-detail .spot-acceses .accese dl {
		display: block;
	}
	.paraspot-detail .spot-acceses .accese dl dt {
		height: 35px;
		margin: 0;
		font-size: 1.1rem;
	}
	.paraspot-detail .spot-acceses .accese dl dd {
		width: 100%;
		margin: 0 0 10px;
	}
	.paraspot-detail .spot-acceses .accese .btn a {
		margin: 10px auto 20px;
	}
	/* //各イベント会場 */
}



@media screen and (max-width:480px) {
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dl {
		display: block;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dt {
		margin: 10px 10px 0 0;
	}
	#paraspot-page .paraspot-schedule .paraspot-schedule-table .sp-table dd {
		width: 100%;
		margin: 5px 0 10px;
	}
	
	/* 各イベント会場 */
	.paraspot-detail .spot-titles .spot-title div h3 {
		font-size: 1.8rem;
	}
	/* //各イベント会場 */
}