@charset "UTF-8";
/* CSS Document */

#single #titBox h2 {
padding: 0.3em 0;
border-top: #036eb8 solid 1px;
border-bottom: #036eb8 solid 1px;
}

a.btDragon {
	display: block;
	background-color: #fbd8b5;
	color: #e60012;
	padding: 1em;
	font-size: 18px;
}
span.ten {
	position: relative;
}
span.ten::after {
	content: "・";
	position: absolute;
	left: 20%;
	bottom: 66%;
}
#single #titBox h2.h2-01 {
border-top: #036eb8 solid 1px;
border-bottom: #036eb8 solid 1px;
}
#single .sec h2.h2-01 {
	font-size: 32px;
	font-weight: 700;
	padding: 1.2em 0;
	line-height: 1.3;
	border-top: #036eb8 solid 2px;
	border-bottom: #036eb8 solid 2px;
	margin: 1em 0;
	width: 75%;
	margin-left: 25%;
	position: relative;
}
#single .sec h2.h2-02 {
}
#single .sec h2 .sakai {
	position: absolute;
	width: 30%;
	right: 105%;
	bottom: -1.1em;
}
.marker {
  background: rgb(187,212,237);
background: linear-gradient(180deg, rgba(156,197,237,0) 0%, rgba(156,197,237,1) 20%,rgba(156,197,237,0) 100%);

    background-repeat: no-repeat;
    background-size: 0% .8em;
    background-position: 0 1em;
    transition: all 0.8s ease;
    font-weight:700;
      background-position:0 .8em
}
#single .sec h3.h3df {
	color: #036eb8;
	border-bottom: #c9caca solid 2px;
position: relative;
}
#single .sec h3.h3df::after {
	content: "";
	position: absolute;
	width: 20%;
	height: 2px;
	left: 0;
	bottom: -2px;
	background-color: #036eb8;
}
p.caption {
	padding: 0.3em 0;
}

#sec03 {}
#sec03 .h3fun {
	font-size: 32px;
	padding: 0.5em 0 0.3em;
	font-weight: 500;
	text-align: center;
	border-top: #c9caca solid 2px;
	border-left: #c9caca solid 2px;
	border-right: #c9caca solid 2px;
	position: relative;
	margin-bottom: 1em;
}
#sec03 .h3fun::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 2px;
	left: 25%;
	top: -2px;
	background-color: #036eb8;
	
}
#sec03 .boxWidth {

	max-width: 700px;
}
#sec03 h4 {
	font-size: 20px;
	text-align: center;
	padding: 0.3em 0;
	font-weight: 500;
	background-color: #e6e6e4;

}
#sec03 .flex {
	width: 70%;
	margin: 0 auto;
	padding: 20px 0 30px;
}
#sec03 .flex .logo {
	width: 37%;
}
#sec03 .flex .rightBox {
	width: 60%;
}
#sec03 .flex .rightBox h5 {
	font-size: 32px;
	font-weight: 500;
}
#sec03 .flex .rightBox a {
	font-size: 18px;
}
#sec03 .flex .rightBox .btnBox {
	justify-content: center;
}
#sec03 .flex .rightBox .btnBox a {
border: #000 solid 1px;
width: 40px;
margin: 5px;
border-radius: 100%;
}
#sec03 .flex .rightBox .btnBox a:hover {
  background-color: #eee;
}
#sec03 .arena {
	padding-bottom: 20px;
}
#sec03 .arena h5 {
	font-size: 26px;
	text-align: center;
	font-weight: 500;
	padding: 0.5em 0;
}
#sec03 .arena dl {
	font-size: 18px;
}
#sec03 .arena dt {
	width: 7em;
}
#sec03 .arena dd {
	width: calc(100% - 7em);
}
#sec03 .arena .btnGmap {
  width: 100%;
	max-width: 400px;
  height: 40px;
  display: flex;
justify-content: center;
align-items: center;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  border-radius: 99px;
	margin: 15px auto;
}
#sec03 .arena .btnGmap:hover {
  opacity: 0.6;
}
#sec03 .arena .btnGmap .map {
  width: 25px;
  margin: 0 10px;
}
#sec03 .arena .btnGmap .try {
  width: 10px;
  margin: 0 10px;
}

#sec03 .ticket p {
	text-align: center;
	line-height: 1.4;
}
#single .putihamo h3.puti {
background-color: #036eb8;
	border: none;

}
#single.oshihamo .putihamo .imgBox {
padding-bottom: 0px;
}


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


}

@media screen and (max-width : 599px ){
	#single .sec h2.h2-01 {
		font-size: clamp(23px, 6.4vw, 25px);
		padding: 1em 0;
		line-height: 1.3;
		margin: 1em 0;
		width: 100%;
		margin-left: 0%;
		position: relative;
		margin-top: 80px;
	}
	#single .sec h2.h2-02 {
	}
	#single .sec h2 .sakai {
		position: absolute;
		width: 100px;
		right: calc(50% - 50px);
		bottom: 90%;
	}
	#sec03 .h3fun {
		font-size: 5.1vw;
		font-size: clamp(18px, 5.1vw, 20px);
	}
	#sec03 h4 {
		font-size: 4.6vw;
		font-size: clamp(16px, 4.6vw, 18px);
	}
	#sec03 .flex {
		display: block;
		width: 100%;
	}
	#sec03 .flex .logo {
		width: 40%;
		margin: 0 auto;
	}
	#sec03 .flex .rightBox {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#sec03 .flex .rightBox h5,#sec03 .arena h5 {
	font-size: 5.1vw;
		font-size: clamp(18px, 5.1vw, 20px);
		text-align: center;
		padding: 1em 0 0.5em;
	}
	#sec03 .flex .rightBox a {
		font-size: 4vw;
		font-size: clamp(14px, 4vw, 16px);
	}
	#sec03 .arena dl {
		font-size: 3.5vw;
		font-size: clamp(12px, 3.5vw, 14px);
	}


}