@charset "UTF-8";

body { background-color: #fff !important;}
.cont-box { background: #fff;}

/*  common
----------------------------------------------------------------------------------------------------------- */

select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif;}
table {  font-size: inherit;  font: 100%;}
pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%;}
a {color: blue}
img { width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.flex2 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
strong { font-weight: bold;}
table{font-size: 25px;}
th{padding: 15px 40px;text-align: center;color:white;border-bottom:5px solid white;border-right: 1px solid white;}
td{padding: 15px 40px;text-align: center;border-top: 2px solid white; border-right: 1px solid white;}
.update{padding-bottom:5vw;width: 100%; margin: 0 auto;}
.back{width: 450px; margin: 0 auto; text-align: center;}
.weight{font-size: 1.5em; font-weight: bold; margin-bottom: 0.6em;}

/*  出しわけ
----------------------------------------------------------------------------------------------------------- */
.pc-only { display: block; margin: 0 auto; max-width: 2000px;}
.sp-only { display: none;}
.pc-only img{ width:100%;}
.sp-only img{ width:100%;}
.cont-box{margin-top: 50px;}
@media screen and (max-width: 768px) {
  .pc-only { display: none;}
  .sp-only { display: block;}
  table{font-size: 85%; width: 90%;}
  th{padding: 20px 15px;text-align: center;}
  td{padding: 20px 15px;text-align: center;}
  .update{padding:40px 0;}
  .back{width:85%;}
  .cont-box{margin-top: 0px;}
  .weight{font-size: 100%; font-weight: bold; margin-bottom: 1em; text-indent:-1em; word-break: break-all; padding-left: 1em}
}


/*  cont-box
----------------------------------------------------------------------------------------------------------- */

.cont-box { font-size: 18px; line-height: 1.61;}

.read { width: 100%; font-size: 30px; text-align: center; padding: 4.5% 5%; margin: 0 0 4% 0; text-align:center; color: #c72522; background-color: hsl(51, 100%, 56%); font-family: "Noto Serif JP", sans-serif !important; font-weight: bold !important;}
.header-box{width: 100%; margin: 0 auto; padding: 0 0 2.5% 0;}
.header-box img{width: 100%;}





@media screen and (min-width: 1200px) {
.header-box{width: 95%; max-width: 1200px; margin: 0 auto; padding: 2.5% 0;}
}







h2 { width: 95%; max-width: 1000px; border-left: solid 10px #982221; color: #982221; font-size: 25px; padding-left: 10px; margin: 0 auto; font-weight: bold;}
h3 { width: 95%; max-width: 1000px;  color: #982221; font-size: 25px; padding-left: 10px; margin: 0 auto; font-size: 16px;}

.text-box { width: 95%; max-width: 1000px; margin: 0 auto; padding: 2% 0 5% 0; margin: 0 auto;}

.map-img { width: 95%; max-width: 1000px; margin: 1em auto;}
.map-img img { width: 100%;}



.poster-list{
	width: 95%; max-width: 1100px;
	margin: 0 auto;
	padding-left: 3%;
	padding-bottom: 5%;
	padding-top: 3%;
}

.poster-text{line-height:1.31;  margin-bottom: 2%; font-size:16px;}
.poster-list li{width: 32%; padding: 0.5% 0.5% 5% 0.5%;}


.map-btn{
	width: 100px;
	margin: 0 auto;
	display: block;
	background:#767676;
	color: #fff;
	border-radius: 30px;
	text-align: center;
}


@media screen and (max-width: 768px) {
.poster-list li{width: 49%; padding: 0.5% 0.5% 5% 0.5%;}
}




.spot li {
  padding-left: 1em;
  padding-bottom: 0.5em;
}

.sec {
  padding: 1em 0;
  font-size: 0.7em;
}


.sec a:link { color: #982221; text-decoration: underline;}
.sec a:visited { color: #982221; }
.sec a:hover { color: #982221; text-decoration: none;}
.sec a:active { color: #982221; }


.point-at{border: solid 1px #ccc; padding: 3%; margin: 3% 0;}




.ticket-box {
  width: 70%;
  max-width: 300px;
  padding-bottom: 5%;
  margin: 0 auto;
}

.ticket-box img {
  width: 100%;
  box-shadow: 5px 5px 5px rgb(121, 121, 121);
}

.ticket-txt {
  border-top: solid 1px #ccc;
  padding: 2% 0;
  font-size: 0.8em;
}




@media screen and (max-width: 768px) {
  .read { font-size: 23px}
  h2 { margin-top: 2em;}
  .t01{margin-top: 10px;}
  .text-box{width:90%;}
  h2{width:90%;}
  h3{width:90%;}
}










/* footer
----------------------------------------------------------------------------------------------------------- */
#modalContent {display: none;}
.sitefooter { padding: 13.184vw 0 0; position: relative; z-index: 500; background: #000; text-align: center; color: #fff;}
.sitefooter a { color: #fff;}
.sitefooter .sns img { height: 8.008vw; width: 8.398vw;}
.sitefooter .copyright { font-size: 1.7vw; line-height: 1; letter-spacing: 0.05em; padding: 5.859vw 0 6.836vw;}
.sitefooter .spec { font-size: 3.125vw; line-height: 6.055vw; padding: 7.617vw 0 0 4.883vw;}
.sitefooter .spec dt { float: left; text-align: right; width: 7em; letter-spacing: 0.1em;}
.sitefooter .spec dd { zoom: 1; overflow: hidden; text-align: left; padding-left: 3.906vw; letter-spacing: 0.1em; position: relative; white-space: nowrap;}
.sitefooter .spec dd a { white-space: normal; padding-right: 1.953vw; display: block; text-decoration: underline;}
.sitefooter .spec dd::before { content: "："; position: absolute; left: 0.3em; top: 0;}
.sitefooter .spec::after { content: ""; clear: both; display: block;}
.sitefooter .spec dt ~ dt, .sitefooter .spec dd ~ dd { margin-top: 2.93vw;}
.sitefooter .sns { display: flex; justify-content: center; align-items: center;}
.sitefooter .sns li {padding: 0 2.441vw;}
.sitefooter .logo { display: flex;  justify-content: center;  align-items: center;  margin-top: 6.836vw;}
.sitefooter .logo img { height: 8.594vw;  width: auto;}
.sitefooter .logo li {  padding: 0 2.832vw;}
.sitefooter .logo li + li img {  height: 6.641vw;  width: auto;}
@media screen and (min-width: 1024px) {
  .sitefooter {padding: 88px 0 0; min-width: 1200px;}
  .sitefooter .sns img { height: 54px; width: auto;}
  .sitefooter .copyright { font-size: 19px; padding: 40px 0 40px;}
  .sitefooter .spec { font-size: 21px; line-height: 2; padding: 60px 0 0 0px; margin: 0 auto; width: 630px;}
  .sitefooter .spec dt { float: left; text-align: right; width: 7em; letter-spacing: 0.1em;}
  .sitefooter .spec dd { zoom: 1; overflow: hidden; text-align: left; padding-left: 40px; letter-spacing: 0.1em; position: relative;}
  .sitefooter .spec dd::before { content: "："; position: absolute; left: 0.5em; top: 0;}
  .sitefooter .spec dd a:hover { text-decoration: none; }
  .sitefooter .spec::after { content: ""; clear: both; display: block;}
  .sitefooter .spec dt ~ dt, .sitefooter .spec dd ~ dd { margin-top: 15px;}
  .sitefooter .sns { display: flex; justify-content: center; align-items: center;}
  .sitefooter .sns li { padding: 0 17px;}
  .sitefooter .sns a { display: inline-block; transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1); backface-visibility: hidden;}
  .sitefooter .sns a:hover { opacity: 0.5;}
  .sitefooter .logo { display: flex; justify-content: center; align-items: center; margin-top: 50px;}
  .sitefooter .logo img { height: 62px; width: auto;}
  .sitefooter .logo li { padding: 0 20px;}
  .sitefooter .logo li + li img { height: 46px; width: auto;}
}