@charset "UTF-8";

.actlist .actinfo h3.category {
  color:#373737;
  font-size:16px;
  font-weight:700;
  line-height:1.33;
  letter-spacing:.1em;
  width:100%;
  height:60px;
  background:#fff;
  border:solid 1px #fff;
  border-radius:30px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  display:flex;
  justify-content:center;
  align-items:center;
  transition:ease .3s;
  cursor:pointer;
}

.actlist {
  margin:0 -30px;
  display:flex;
  flex-wrap:wrap;
}
.actlist .actinfo {
  /* width:calc(33.33% - 60px);
  margin:60px 30px 0;
  padding:20px 20px 30px; */
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
}
.actlist .actinfo .image {
  width:100%;
  margin:0 0 10px;
  overflow:hidden;
}
.actlist .actinfo .catcol {
  width:100%;
  display:flex;
  justify-content:center;
}
.actlist .actinfo h3.category {
  color:#373737;
  font-size:14px;
  font-weight:700;
  line-height:1.33;
  letter-spacing:.1em;
  width:calc(50% - 10px);
  height:50px;
  margin:15px 0 0;
  background:#fff;
  border:solid 1px #fff;
  border-radius:25px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
  display:flex;
  justify-content:center;
  align-items:center;
  transition:ease .3s;
  cursor:default;
}
.actlist .actinfo .catcol h3.category:nth-child(even) {
  margin-left:20px;
}
.actlist .actinfo h2 {
  color:#222;
  font-size:24px;
  font-weight:700;
  letter-spacing:.05em;
  line-height:1.41;
  margin:30px 0 0;
}
.actlist .actinfo .rainy_mark {
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1;
	text-align:center;
	letter-spacing:.05em;
	width:100px;
	height:100px;
	padding:68px 0 0;
  display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:4;
	border-radius:0 10px 0 10px;
	background:url(../img/common/weather_ame_w.svg) no-repeat center 19px #7cb7e4;
	background-size:32px auto;
}

/* modal */
.act_modal {
  padding:60px;
}
.act_modal .imgcol {
  width:100%;
  display:flex;
}
.act_modal .imgcol .image {
  width:540px;
  min-width:540px;
  margin:0 60px 0 0;
}
.act_modal .imgcol .text {
  padding:30px 0 0;
}
.act_modal h2 {
  color:#222;
  font-size:30px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.2;
  padding:8px 0 8px 14px;
  margin:0 0 15px;
  border-left:solid 3px #d95e29;
}
.act_modal p {
  font-size:18px;
  letter-spacing:.1em;
  line-height:1.77;
  margin:0;
}
.table {
  overflow:hidden !important;
  margin:60px 0 0;
}
.act_modal .table + h2 {
  margin-top:60px;
}
.act_modal h2 + .table,
.act_modal .table + .table {
  margin-top:30px;
}
.act_modal table {
  width:100%;
  border-top:solid 1px #373737;
  border-left:solid 1px #373737;
}
.act_modal table th,
.act_modal table td {
  color:#373737;
  font-size:16px;
  line-height:1.5;
  text-align:left;
  letter-spacing:.05em;
  vertical-align:middle;
  width:50%;
  padding:15px 20px;
  border-bottom:solid 1px #373737;
  border-right:solid 1px #373737;
}
.act_modal table th {
  color:#fff;
  font-weight:500;
  background:#373737;
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
}

.act_modal table tr:nth-child(2) th {
	border-bottom:solid 1px #fff;
}

.act_modal table tr:last-child th {
  border-bottom:solid 1px #373737;
}
.act_modal table td .chushaku {
  font-size:14px;
  text-indent:-1em;
  display:inline-block;
  padding-left:1em;
}

.act_modal .rowtable table.wdhalf {
  width:66.66%;
}
.act_modal .rowtable table th,
.act_modal .rowtable table td {
  text-align:center;
  width:33.33%;
}
.act_modal .rowtable table th.col2,
.act_modal .rowtable table td.col2 {
  text-align:center;
  width:66.66%;
}
.act_modal .rowtable table.wdhalf th,
.act_modal .rowtable table.wdhalf td {
  width:50%;
}
.act_modal table tr th:last-child {
  border-right:solid 1px #373737;
}

.act_modal table td ul.dotlist li {
  list-style: disc;
  margin-left: 1.25em;
}
.act_modal table td ul.dotlist li + li {
  margin-top: .3em;
}
.act_modal .box {
  padding:30px;
  margin:60px auto 0;
  background:#fff;
  border-radius:10px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
}
.act_modal .box .imgcol {
  width:100%;
  display:flex;
}
.act_modal .box .imgcol .image {
  width:320px;
  min-width:320px;
  margin-right:40px;
}
.act_modal .box h3 {
  font-size:18px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.6;
  margin:0 0 10px;
}
.act_modal .box p {
  font-size:14px;
  letter-spacing:.08em;
  line-height:1.5;
}

.act_modal .sc_table table th {
  width:50%;
}
.act_modal .sc_table table th .sml {
  font-size:12px;
  line-height:1.6;
  margin-top:.3em;
  display:block;
}
.act_modal .sc_table table td {
  width:12.5%;
}
.act_modal .sc_table table td.center {
  text-align:center;
}
.act_modal .sc_table table td.sechd {
  font-weight:500;
  text-align:center;
  background:#eee;
}


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

#activities ul.categoryBtn li button,
.actlist .actinfo h3.category {
  font-size:1.23vw;
  height:4.61vw;
  border-radius:2.3vw;
  box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.actlist {
  margin:0 -2.3vw;
}
.actlist .actinfo {
  width:calc(33.33% - 4.61vw);
  margin:4.61vw 2.3vw 0;
  padding:1.53vw 1.53vw 2.3vw;
  border-radius:.76vw;
  box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.actlist .actinfo .image {
  margin:0 0 .76vw;
}
.actlist .actinfo h3.category {
  width:calc(50% - .76vw);
  margin:2.3vw auto;
}
.actlist .actinfo .catcol h3.category:nth-child(even) {
  margin-left:1.52vw;
}
.actlist .actinfo h2 {
  font-size:1.84vw;
  margin:2.3vw 0 0;
}
.actlist .actinfo .rainy_mark {
	font-size:1.07vw;
	width:7.69vw;
	height:7.69vw;
	padding:5.23vw 0 0;
	border-radius:0 .76vw 0 .76vw;
	background:url(../img/common/weather_ame_w.svg) no-repeat center 1.46vw #7cb7e4;
	background-size:2.46vw auto;
}

/* modal */
.act_modal {
  padding:4.61vw;
}
.act_modal .imgcol .image {
  width:41.53vw;
  min-width:41.53vw;
  margin:0 4.61vw 0 0;
}
.act_modal .imgcol .text {
  padding:2.3vw 0 0;
}
.act_modal h2 {
  font-size:2.3vw;
  padding:.61vw 0 .61vw 1.07vw;
  margin:0 0 1.15vw;
}
.table {
  margin:4.61vw 0 0;
}
.act_modal .table + h2 {
  margin-top:4.61vw;
}
.act_modal h2 + .table,
.act_modal .table + .table {
  margin-top:2.3vw;
}
.act_modal p {
  font-size:1.38vw;
}
.act_modal table th,
.act_modal table td {
  font-size:1.23vw;
  padding:1.15vw 1.53vw;
}
.act_modal table td .chushaku {
  font-size:1.07vw;
}

.act_modal .box {
  padding:2.3vw;
  margin:4.61vw auto 0;
  border-radius:.76vw;
  box-shadow:0 0 1.38vw 0 rgba(0, 0, 0, 0.1);
}
.act_modal .box .imgcol .image {
  width:24.61vw;
  min-width:24.61vw;
  margin-right:3.07vw;
}
.act_modal .box h3 {
  font-size:1.53vw;
  margin:0 0 .76vw;
}
.act_modal .box p {
  font-size:1.07vw;
}
.act_modal .sc_table table th .sml {
  font-size:.92vw;
}


}


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

#activities ul.categoryBtn li button,
.actlist .actinfo h3.category {
  font-size:3.2vw;
  height:10.66vw;
  border-radius:6vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}

.actlist {
  margin:0;
}
.actlist .actinfo {
  width:100%;
  margin:10.66vw 0 0;
  padding:5.33vw 5.33vw 6.66vw;
  border-radius:1.33vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
  display:block;
}
.actlist .actinfo .image {
  margin:0 0 2vw;
}
.actlist .actinfo h3.category {
  width:calc(50% - 2.66vw);
  margin:4vw 0 0;
}
.actlist .actinfo .catcol h3.category:nth-child(even) {
  margin-left:5.32vw;
}
.actlist .actinfo h2 {
  font-size:5.33vw;
  margin:6.66vw 0 0;
}

.actlist .actinfo .rainy_mark {
	font-size:3.2vw;
	width:22vw;
	height:22vw;
	padding:14.53vw 0 0;
	border-radius:0 1.33vw 0 1.33vw;
	background:url(../img/common/weather_ame_w.svg) no-repeat center 3.33vw #7cb7e4;
	background-size:7.69vw auto;
}

/* modal */
.act_modal {
  padding:5.33vw;
}
.act_modal .imgcol {
  display:block;
}
.act_modal .imgcol .image {
  width:auto;
  min-width:inherit;
  margin:0 0 5.33vw;
}
.act_modal .imgcol .text {
  padding:0;
}
.act_modal h2 {
  font-size:4.8vw;
  padding:2.13vw 0 2.13vw 3.2vw;
  margin:0 0 4vw;
}
.table {
  margin:5.33vw 0 0;
}
.act_modal .table + h2 {
  margin-top:10.66vw;
}
.act_modal h2 + .table,
.act_modal .table + .table {
  margin-top:4vw;
}
.act_modal .rowtable table.wdhalf {
  width:100%;
}
.act_modal p {
  font-size:3.73vw;
  letter-spacing:.05em;
  line-height:2;
}
.act_modal table th,
.act_modal table td {
  font-size:3.73vw;
  width:auto;
  padding:2.66vw;
}
.act_modal table td .chushaku {
  font-size:3.2vw;
}
.act_modal table th {
  white-space:nowrap;
}
.act_modal .rowtable table th,
.act_modal .rowtable table td,
.act_modal .rowtable table th.col2,
.act_modal .rowtable table td.col2 {
  width:auto;
}

.act_modal .box {
  padding:6.66vw 5.33vw;
  margin:8vw auto 0;
  border-radius:1.33vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}
.act_modal .box .imgcol {
  display:block;
}
.act_modal .box .imgcol .image {
  width:100%;
  min-width:inherit;
  margin:0 0 5.33vw;
}
.act_modal .box h3 {
  font-size:4.26vw;
  margin:0 0 2.66vw;
}
.act_modal .box p {
  font-size:3.2vw;
}
.sc_table {
  overflow:auto !important;
  overflow-y:hidden !important;
}
.sc_table table {
  min-width:160vw;
}
.act_modal .sc_table table th {
  width:17%;
}
.act_modal .sc_table table th .sml {
  font-size:2.66vw;
  white-space:normal;
}

}



/* 追加：「パノラマコースター」の安全性について ******************************/
.safety_headerText {
	margin-top: 3vw;
	font-size: 20px;
}

/*@media screen and (max-width: 1500px) {*/
	.safety_area {
		margin-top: 8vw;
		padding-bottom:8vw;
	}

@media screen and (max-width: 1500px) {
	.safety_headerText {
		font-size: 1.33vw;
	}
}

	.safety_listOuter {
		margin-top: 40px;
	}

	.safety_list {
		display: grid;
		grid-template-rows: repeat(1, 1fr);
		gap: 40px;
	}

	.safety_listItem {
		width: 100%;
		height: auto;
		display: block;
	}

	.safety_listItemContentOuter {
		width: 100%;
		height: auto;
		display: grid;
		grid-template-columns: 250px 1fr;
		grid-template-rows: auto 1fr;
		gap: 1.5em 2em;
	}

	.safety_listItemContentImageOuter {
		grid-column: 1 / 3;
		grid-row   : 1 / 3;
	}

	.safety_listItemContentImage {
		border-radius: .66vw;
	}

	.safety_listItemContentHeaderOuter {
		grid-column: 2 / 3;
		grid-row   : 1 / 2;
	}

	.safety_listItemContentHeader {
    font-size: 1.33vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1em;
	}

	.safety_listItemContentTextOuter {
		grid-column: 2 / 3;
		grid-row   : 2 / 3;
	}

	.safety_listItemContentText {
		line-height: 1.6;
		font-size: 20px;
	}

@media screen and (max-width: 1500px) {
	.safety_listItemContentText {
		font-size: 1.33vw;
	}
}
/* } */

@media screen and (max-width: 767px) {
	.safety_list {
		gap: 50px;
	}

	.safety_area {
		margin-top: 24vw;
		padding-bottom: 23vw;
	}

	.safety_area h2 {
    font-size: 5.33vw;
    margin: 0 0 5.33vw;
  }

	.safety_headerText {
		font-size: 3.46vw;
		line-height: 1.66;
	}

	.safety_listItemContentOuter {
		width: 100%;
		height: auto;
		display: block;
	}

	.safety_listItemContentImageOuter {
		width: 100%;
		height: auto;
		display: block;
	}

	.safety_listItemContentImage {
		border-radius: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 65%;
		height: auto;
	}

	.safety_listItemContentHeaderOuter {
		margin-top: 15px;
	}

	.safety_listItemContentHeader {
    font-size: 3.73vw;
	}

	.safety_listItemContentTextOuter {
		margin-top: 10px;
	}

	.safety_listItemContentText {
		font-size: 3.46vw;
		line-height: 1.66;
	}
}