body {
	background-color: #081032;
}

main .GLine {
	background-color: #050e1b;
}

main #mainInner {
	max-width: 1070px;
}

main #about {
	background-image: none;
	background-color: transparent;
}

main section {
	background-color: transparent;
}

main section:after {
    content:none;
}

main section .alignLeft {
	text-align: left !important;
}

main section .yellow {
	color: #ffe400 !important;
}

.sectionInner .headerimage,
.sectionInner h3,
.sectionInner h2 {
	text-align: center;
}

.sectionInner .calendar_head {
	margin-bottom: 40px;
}

.sectionInner .headerimage {
	margin-bottom: 30px;
}

.sectionInner h3:after {
    content: none;
}

main section .contBox h2 {
	margin-top: 100px;
}

#about .contBox{
	padding:30px 20px;
	text-align:center;
}

#about .contBox.padding0 {
	padding:30px 20px 0;
}

#about .contBox .period{
	margin-bottom:12px;
	font-size:1.9rem;
	text-align:center;
}

#about .contBox .note{
	margin-bottom:12px;
}

#about .lead{
	margin-bottom: 16px;
	font-size:1.125rem;
	text-align:center;
}

/*price01*/
.price02,
.price01{
	text-align: left;
}

.price02 .tit,
.price01 .tit{
	width:100%;
	margin-bottom:18px;
	padding-left:50px;
	border-bottom: 1px solid #fff;
	background:url(/winter_illuminations/images/icon_star05.png) no-repeat left center;
	background-size:40px;
	font-size: 1.375rem;
	line-height: 2.0;
}

.price02 .note,
.price01 .note{
	margin-top:5px;
}

.table_price .priceTable{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
	margin-bottom: 12px;
  color: #fff;
}

.table_price .priceTable th,
.table_price .priceTable td{
  border: 2px solid #1d2088;
  text-align: center;
  vertical-align: middle;
  padding: 18px 10px;
	font-weight: normal;
}

.table_price .priceTable thead th{
  background: #0082bc;
  font-size: 1.25rem;
  line-height: 1.3;
}

.table_price .priceTable thead th.is-night {
	background: rgb(13, 255, 11);
	color: #001230;
}

.table_price .priceTable tbody th[scope="row"]{
  background: #374145;
  font-size: 1.25rem;
  line-height: 1.35;
}

.table_price .priceTable tbody td{
  background: #374145;
  font-size: 1.375rem;
}

.table_price .priceTable .price_note{
  display: block;
  margin-top: 6px;
  font-size: .9rem;
  line-height: 1.35;
}

.price02 .btn{
	display:block;
	width:210px;
	margin:16px auto 10px;
	padding:6px 34px;
	background:#ffe400;
	font-size:1.375rem;
	color:#000;
	border-radius:5px;
	box-shadow:0 3px 0 0 #927500;

}

.price02 .btn:after{
	display:inline-block;
	content:"";
	width:13px;
	height:13px;
	margin-left:5px;
	background:url(/winter_illuminations/images/icon_blank01.png) no-repeat;
}

.nightZoo_event{
  display: grid;
  grid-template-columns: 5.2fr 4.8fr;
  gap: 20px;
  align-items: start;
}

.nightZoo_event h3 {
	text-align: left;
}

.nightZoo_event figure img{
  max-width: 100%;
  height: auto;
  display: block;
}

@media only screen and (max-width: 768px) {
	#about .contBox .period{
		font-size: clamp(10px, 6vw, 30px);
	}

	.sectionInner .calendar_head {
		margin: 0 auto 30px;
		width: clamp(10em, 64vw, 20em);
	}

	main section .chara4 img {
		width: clamp(130px, 32vw, 180px);
	}

	main section .charaMany img {
		width: clamp(200px, 54vw, 400px);
	}

	#about .contBox{
		padding: 30px 10px;
	}

	#about .contBox.padding0 {
		padding: 30px 10px 0;
	}

	main section .contBox h2 {
		margin-top: 60px;
	}

  .table_price{
    color: #fff;
  }

  .table_price .spPriceBlock{
    margin-bottom: 14px;
  }

  .table_price .spPriceHead{
    background: #0082bc;
    text-align: center;
    padding: 12px 10px;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: normal;
    border: 2px solid #1d2088;
    border-bottom: none;
  }

  .table_price .spPriceHead.is-night{
    background: rgb(13, 255, 11);
    color: #001230;
  }

  .table_price .spPriceHead .price_note{
    display: block;
    margin-top: 6px;
    font-size: .9rem;
    line-height: 1.35;
  }

  .table_price .spPriceRow{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;

    background: #374145;
    border-left: 2px solid #1d2088;
    border-right: 2px solid #1d2088;
    border-bottom: 2px solid #1d2088;

    padding: 12px 10px;
    font-weight: normal;
  }

  .table_price .spPriceLabel{
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.35;
  }

  .table_price .spPriceValue{
    text-align: right;
    font-size: 1.25rem;
    white-space: nowrap;
  }

	.price02 .tit,
	.price01 .tit{
		padding-left:32px;
		background-size:32px;
		font-size: 1.25rem;
	}

	.nightZoo_event h3 {
		width: clamp(10em, 50vw, 12em);
		margin: 0 auto;
	}
}


/*********************
		calendar
**********************/
#calendar .sectionInner{
	padding: 0 20px;
}

#calendar .contBox{
	border-width:0;
	padding: 0;
}

#calendar .acdbtn {
	padding: 10px 0 10px 70px;
	text-align: left;
  font-size: 1.8rem;
}

#calendar table{
	width:100%;
	margin-top:10px;
	border-radius:5px;
	table-layout:fixed;
	text-align:left;
	overflow:hidden;
}

#calendar table th{
	padding:5px;
	background:rgba(86,84,120,0.8);
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	font-weight: normal;
}

#calendar table td{
	padding:5px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background:rgba(53,37,95,0.8);
	word-break:break-word;
}

#calendar table tr *:last-child{
	border-right:none;
}

#calendar table tr:last-child > *{
	border-bottom:none;
}

#calendar table td span{
	display:block;
	margin-bottom:5px;
	color:#9753dd;
	text-align:left;
	font-size:1.6rem;
}
#calendar table td {
	font-size: 1.0rem;
}

#calendar table td.tb00{background:rgba(128,128,128,0.6);}
#calendar table td.tb01{background:rgba(22,69,171,0.8);}
#calendar table td.tb02{
						background:rgb(238, 255, 5);
						color: #5f09b8;
						}
#calendar table td.tb03{background:#7cff05;color: #5f09b8}

#calendar table td.tb00 span{color:#1a1a1a}
#calendar table td.tb01 span{color:#01d8ff}
#calendar table td.tb02 span{color: #032ca2;}
#calendar table td.tb03 span{color:#1a1a1a}


#calendar .timeTb {
	display: grid;
	grid-template-columns: 1fr;
  row-gap: 10px;
  margin-bottom: 10px;
	margin-top:10px;
	font-size:1.125rem;
	text-align:left;
}

#calendar .timeTb.first {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
}

#calendar .timeTb .timeItem {
	display: flex;
  align-items: center;
}

#calendar .timeTb .timeItem .colorGuide {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding-right: 10px;
}

#calendar .timeTb .timeItem.time01 .colorGuide {
	background-color: #4e4d64;
}

#calendar .timeTb .timeItem.time02 .colorGuide {
	background-color: #eeff05;
}

#calendar .timeTb .timeItem.time03 .colorGuide {
	background-color: #7cff05;
}

#calendar .table_box {
	display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 40px;
}

#calendar .note{
	margin-top:5px;
	text-align:left;
}


/*nightAtraction*/
#nightZoo h2,
#nightAtraction h2 {
  margin-top: 80px;
  margin-bottom: 30px;
}

#nightAtraction .title {
	margin-bottom: 8px;
  font-weight: bold;
  font-size: 1.25rem;
}

#nightAtraction .note{
	margin:12px 0;
	clear:both;
}

#nightZoo h3 span{
	width:55%;
}

#nightZoo .note{
	margin:12px 0;
}

#nightZoo .note li{
	text-align:left;
}

#nightAtraction .list_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#nightZoo .list,
#nightAtraction .list_wrap .list {
	font-size:1.125rem;
	text-align: left;
}

#nightZoo .list li,
#nightAtraction .list_wrap .list li{
	margin-bottom: 4px;
	padding-left:25px;
	background:url(/winter_illuminations/images/icon_tri.png) no-repeat left 7px;
	background-size:auto;
}

#nightZoo .list li a,
#nightAtraction .list_wrap .list li a {
	text-decoration: none;
}

#nightAtraction .list_wrap .list li a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 768px) {
	#calendar .sectionInner{
		padding: 0 10px;
	}

	#nightAtraction h3 {
		margin: 0 auto 10px;
	}

	#nightAtraction h3 img {
		width: clamp(15em, 60vw, 22em);
	}

	#calendar .acdbtn {
		 padding: 4px 0 4px 20px;
		 font-size: 1.25rem;
	 }

	#nightAtraction .list_wrap,
	.nightZoo_event,
	#calendar .timeTb.first,
	#calendar .table_box {
	  grid-template-columns: 1fr;
	}

	.nightZoo_event .list {
		text-align: left;
	}

	#nightZoo .list li a,
	#nightAtraction .list_wrap .list li a {
		text-decoration: underline;
	}

	#calendar table td,
	#calendar table td span {
		font-size:.875rem;
	}

	#calendar .timeTb .timeItem {
		font-size:.875rem;
	}

	#calendar .timeTb .timeItem .colorGuide {
		width: 16px;
  	height: 16px;
	}

}