@charset "utf-8";

/* ---------------------------------------------
	Timer
--------------------------------------------- */
.countdown {
	padding: 20px 0;
	background: #32bec7;
	font-family: 'Anton', sans-serif;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
	color: #fff;
}

#sands {
	padding: 0 15px;
}

.timerText {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}

.timerTextEnd {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}

.timerTextNow {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
}

.timerDay {
	font-size: 2.5em;
	color: #FF4696;
	margin: 0 5px;
}

.timerHour {
	font-size: 2.5em;
	color: #00579F;
	margin: 0 5px;
}

.timerMin {
	font-size: 2.5em;
	color: #FF6700;
	margin: 0 5px;
}

.timerSec {
	font-size: 2.5em;
	color: #FFE500;
	margin: 0 5px;
}


/* ---------------- SUMMARY ---------------- */

#summary {
	padding: 50px 0;
	background: #E1FFFB url(../img/bg_hexagon02_pc.png);
}

.outline {
	text-align: center;
	margin: 0 auto 20px;
	max-width: 700px;
	font-size: 0.94em;
}

/* ---------------- INQUIRY ---------------- */

#inquiry {
	padding: 50px 0;
	background: #E1FFFB url(../img/bg_hexagon02_pc.png);
}

#inquiry h2 {
	text-align: center;
	font-size: 1.375em;
	font-weight: bold;
	margin-bottom: 20px;
}

#inquiry .attention {
	background: #FFDF83;
	box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}

#inquiry .attention p {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
}

#inquiry .attention ul {
	list-style: disc;
	margin: 0 2em;
}

#inquiry .attention ul li {
	font-size: 0.94em;
	line-height: 1.5;
	margin-bottom: 3px;
}


#inquiry .tableBasic01 ol li,
#inquiry .tableBasic03 ol li {
	margin-bottom: 5px;
}

#inquiry .tableBasic01 ul li,
#inquiry .tableBasic03 ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

#inquiry .input30 { width: 30%; padding: 4px; }
#inquiry .input50 { width: 50%; padding: 4px; }
#inquiry .btn {
	text-align: center;
	margin-bottom: 20px;
}

#inquiry .btn input {
	padding: 10px 20px;
	margin: 0 10px;
}

#inquiry .multiple {
	font-size: 1.12em;
	font-weight: bold;
	margin-bottom: 5px;
}

#inquiry .thanks {
	border: 1px solid #999;
	padding: 20px;
	max-width: 800px;
	margin: 0 auto 300px;
	background: rgba(255,255,255,0.5);
}

/* ---------------- ATTRACTION ---------------- */

#attraction {
	padding: 50px 0;
	background: url(../img/bg02.jpg) no-repeat center top;
	background-size: cover;
}

.attention {
	background: #FFDF83;
	box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px;
}



.modalWin {	display: none; }

.picBox {
	padding: 15px;
	background: url(../img/bg_hexagon01_pc.png) #fff;
}

.thumb_att img {
	width: 100%;
	height: auto;
}

.listAtt ul:after {
	content: "";
	display: block;
	clear: both;
}

.listAtt li a {
	display: block;
}

.listAtt li a:hover {
	text-decoration: none;
	background: #fff;
	opacity: 0.8;
}

.listAtt a { position: relative; }

.listAtt .text {
	background: rgba(0,100,219,0.7);
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.picBox h2 {
	border-radius: 6px;
	background: #32bec7;
	padding: 10px;
	border-left: 15px solid #FFE500;
	font-size: 1.12em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.pic_lbox {
	float: left;
	width: 38%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
}

.target_img1,
.target_img2,
.target_img3,
.target_img4,
.target_img5,
.target_img6,
.target_img7,
.target_img8,
.target_img9,
.target_img10,
.target_img11,
.target_img12,
.target_img13,
.target_img14,
.target_img15,
.target_img16,
.target_img17,
.target_img18,
.target_img19,
.target_img20,
.target_img21,
.target_img22,
.target_img23,
.target_img24,
.target_img25,
.target_img26,
.target_img27,
.target_img28,
.target_img29,
.target_img30{
	margin-bottom: 10px;
}

.target_img1 img,
.target_img2 img,
.target_img3 img,
.target_img4 img,
.target_img5 img,
.target_img6 img,
.target_img7 img,
.target_img8 img,
.target_img9 img,
.target_img10 img,
.target_img11 img,
.target_img12 img,
.target_img13 img,
.target_img14 img,
.target_img15 img,
.target_img16 img,
.target_img17 img,
.target_img18 img,
.target_img19 img,
.target_img20 img,
.target_img21 img,
.target_img22 img,
.target_img23 img,
.target_img24 img,
.target_img25 img,
.target_img26 img,
.target_img27 img,
.target_img28 img,
.target_img29 img,
.target_img30 img{
	width: 100%;
	height: auto;
}

.thumb_img1 ul:after,
.thumb_img2 ul:after,
.thumb_img3 ul:after,
.thumb_img4 ul:after,
.thumb_img5 ul:after,
.thumb_img6 ul:after,
.thumb_img7 ul:after,
.thumb_img8 ul:after,
.thumb_img9 ul:after,
.thumb_img10 ul:after,
.thumb_img11 ul:after,
.thumb_img12 ul:after,
.thumb_img13 ul:after,
.thumb_img14 ul:after,
.thumb_img15 ul:after,
.thumb_img16 ul:after,
.thumb_img17 ul:after,
.thumb_img18 ul:after,
.thumb_img19 ul:after,
.thumb_img20 ul:after,
.thumb_img21 ul:after,
.thumb_img22 ul:after,
.thumb_img23 ul:after,
.thumb_img24 ul:after,
.thumb_img25 ul:after,
.thumb_img26 ul:after,
.thumb_img27 ul:after,
.thumb_img28 ul:after,
.thumb_img29 ul:after,
.thumb_img30 ul:after{
	display: block;
	content: "";
	clear: both;
}

.thumb_img1 li,
.thumb_img2 li,
.thumb_img3 li,
.thumb_img4 li,
.thumb_img5 li,
.thumb_img6 li,
.thumb_img7 li,
.thumb_img8 li,
.thumb_img9 li,
.thumb_img10 li,
.thumb_img11 li,
.thumb_img12 li,
.thumb_img13 li,
.thumb_img14 li,
.thumb_img15 li,
.thumb_img16 li,
.thumb_img17 li,
.thumb_img18 li,
.thumb_img19 li,
.thumb_img20 li,
.thumb_img21 li,
.thumb_img22 li,
.thumb_img23 li,
.thumb_img24 li,
.thumb_img25 li,
.thumb_img26 li,
.thumb_img27 li,
.thumb_img28 li,
.thumb_img29 li,
.thumb_img30 li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.thumb_img1 li img,
.thumb_img2 li img,
.thumb_img3 li img,
.thumb_img4 li img,
.thumb_img5 li img,
.thumb_img6 li img,
.thumb_img7 li img,
.thumb_img8 li img,
.thumb_img9 li img,
.thumb_img10 li img,
.thumb_img11 li img,
.thumb_img12 li img,
.thumb_img13 li img,
.thumb_img14 li img,
.thumb_img15 li img,
.thumb_img16 li img,
.thumb_img17 li img,
.thumb_img18 li img,
.thumb_img19 li img,
.thumb_img20 li img,
.thumb_img21 li img,
.thumb_img22 li img,
.thumb_img23 li img,
.thumb_img24 li img,
.thumb_img25 li img,
.thumb_img26 li img,
.thumb_img27 li img,
.thumb_img28 li img,
.thumb_img29 li img,
.thumb_img30 li img {
	width: 100%;
	height: auto;
}

.thumb_img1 li a,
.thumb_img2 li a,
.thumb_img3 li a,
.thumb_img4 li a,
.thumb_img5 li a,
.thumb_img6 li a,
.thumb_img7 li a,
.thumb_img8 li a,
.thumb_img9 li a,
.thumb_img10 li a,
.thumb_img11 li a,
.thumb_img12 li a,
.thumb_img13 li a,
.thumb_img14 li a,
.thumb_img15 li a,
.thumb_img16 li a,
.thumb_img17 li a,
.thumb_img18 li a,
.thumb_img19 li a,
.thumb_img20 li a,
.thumb_img21 li a,
.thumb_img22 li a,
.thumb_img23 li a,
.thumb_img24 li a,
.thumb_img25 li a,
.thumb_img26 li a,
.thumb_img27 li a,
.thumb_img28 li a,
.thumb_img29 li a,
.thumb_img30 li a{
	display: block;
}

.thumb_img1 li a:hover,
.thumb_img2 li a:hover,
.thumb_img3 li a:hover,
.thumb_img4 li a:hover,
.thumb_img5 li a:hover,
.thumb_img6 li a:hover,
.thumb_img7 li a:hover,
.thumb_img8 li a:hover,
.thumb_img9 li a:hover,
.thumb_img10 li a:hover,
.thumb_img11 li a:hover,
.thumb_img12 li a:hover,
.thumb_img13 li a:hover,
.thumb_img14 li a:hover,
.thumb_img15 li a:hover,
.thumb_img16 li a:hover,
.thumb_img17 li a:hover,
.thumb_img18 li a:hover,
.thumb_img19 li a:hover,
.thumb_img20 li a:hover,
.thumb_img21 li a:hover,
.thumb_img22 li a:hover,
.thumb_img23 li a:hover,
.thumb_img24 li a:hover,
.thumb_img25 li a:hover,
.thumb_img26 li a:hover,
.thumb_img27 li a:hover,
.thumb_img28 li a:hover,
.thumb_img29 li a:hover,
.thumb_img30 li a:hover{
	opacity: 0.8;
	background: #fff;
}

.pic_rbox {
	float: right;
	width: 60%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
}

.pic_rbox > p{
	font-size: 0.94em;
	line-height: 1.4;
	margin-bottom: 10px;
}

.attSummary {
	padding: 15px 15px 5px;
	margin-top: 20px;
	box-shadow: 0 0 5px #999;
	background: rgba(255,255,255,0.4);
}

.attSummary h3 {
	font-size: 0.94em;
	font-weight: bold;
	margin-bottom: 5px;
}

.attSummary i {
	margin-right: 5px;
	color: rgba(0,100,219,1);
}

.attSummary p {
	font-size: 0.94em;
	margin: 0 10px 10px;
}


/* ---------------- STAGE EVENTS ---------------- */

#stageevent {
	padding: 50px 0;
	background: #ddeff7 url(../img/bg_hexagon03_pc.png);
}

.timeTblL {
	width: 49%;
	float: left;
}

.timeTblR {
	width: 49%;
	float: right;
}

.time {
	text-align: center;
}

.stageDay {
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	background: #77c3e6;
	padding: 8px 8px 0;
}

.target_imgE01,
.target_imgE02,
.target_imgE03,
.target_imgE04,
.target_imgE05 {
	margin-bottom: 10px;
}

.target_imgE01 img,
.target_imgE02 img,
.target_imgE03 img,
.target_imgE04 img,
.target_imgE05 img{
	width: 100%;
	height: auto;
}

.thumb_imgE01 ul:after,
.thumb_imgE02 ul:after,
.thumb_imgE03 ul:after,
.thumb_imgE04 ul:after,
.thumb_imgE05 ul:after{
	display: block;
	content: "";
	clear: both;
}

.thumb_imgE01 li,
.thumb_imgE02 li,
.thumb_imgE03 li,
.thumb_imgE04 li,
.thumb_imgE05 li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.thumb_imgE01 li img,
.thumb_imgE02 li img,
.thumb_imgE03 li img,
.thumb_imgE04 li img,
.thumb_imgE05 li img {
	width: 100%;
	height: auto;
}

.thumb_imgE01 li a,
.thumb_imgE02 li a,
.thumb_imgE03 li a,
.thumb_imgE04 li a,
.thumb_imgE05 li a{
	display: block;
}

.thumb_imgE01 li a:hover,
.thumb_imgE02 li a:hover,
.thumb_imgE03 li a:hover,
.thumb_imgE04 li a:hover,
.thumb_imgE05 li a:hover{
	opacity: 0.8;
	background: #fff;
}

/* ---------------- LoopSlide ---------------- */

.slideFrame {
	margin: 0;
	height: 160px;
	background-image: url(../img/loopslide.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}



/* ---------------- ACCESS ---------------- */

#access {
	padding: 50px 0;
	background: url(../img/bg01.jpg) no-repeat center top;
	background-size: cover;
}



.h1 {
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 3em;
	margin-bottom: 5px;
}

article p,
article table {
	font-size: 0.94em;
}

.h1txt {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}

/* ---------------------------------------------
	GoogleMap
--------------------------------------------- */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	box-shadow: 0 0 5px #666;
}

.ggmap iframe,
.ggmapr object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ---------------------------------------------
	Table
--------------------------------------------- */

.tableBasic01 {
	width: 100%;
	margin-bottom: 20px;
}

.tableBasic01 th {
	background: rgba(255,255,255,0.5);
	padding: 10px;
	text-align: center;
	font-weight: bold;
	width: 15%;
	border: 5px solid #32bec7;
	line-height: 1.4;
}

.tableBasic01 td {
	background: rgba(255,255,255,0.5);
	padding: 10px;
	width: 85%;
	border: 5px solid #32bec7;
	line-height: 1.4;
}

.tableBasic02 {
	width: 100%;
	margin-bottom: 20px;
}

.tableBasic02 th {
	background: rgba(255,255,255,0.5);
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border: 5px solid #77c3e6;
	line-height: 1.4;
}

.tableBasic02 td {
	background: rgba(255,255,255,0.5);
	border: 5px solid #77c3e6;
	line-height: 1.4;
}

.tableBasic02 td a {
	display: block;
	padding: 10px;
	color: #0064DB;
}

.tableBasic02 td a:hover {
	text-decoration: none;
	background: rgba(255,241,201,0.5);
}

.tableBasic03 {
	width: 100%;
	margin-bottom: 20px;
}

.tableBasic03 th {
	background: rgba(255,255,255,0.5);
	padding: 10px;
	text-align: center;
	font-weight: bold;
	width: 15%;
	border: 5px solid #77c3e6;
	line-height: 1.4;
}

.tableBasic03 td {
	background: rgba(255,255,255,0.5);
	padding: 10px;
	width: 85%;
	border: 5px solid #77c3e6;
	line-height: 1.4;
}


/* ---------------------------------------------
	599px 以下
--------------------------------------------- */
@media (max-width: 599px) {

.mainImg ul li img.pc { display: none; }

.bx-wrapper .bx-prev {
	background: url(../../js/bxslider/images/controls2.png) no-repeat 0 -30px;
	background-size: 50px;
}

.bx-wrapper .bx-next {
	background: url(../../js/bxslider/images/controls2.png) no-repeat -25px -30px;
	background-size: 50px;
}

.bx-wrapper .bx-next:hover {
	background-position: -25px 0;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: -15px;
	width: 25px;
	height: 30px;
}


/* ---------------------------------------------
	Timer
--------------------------------------------- */
.timerText {
	font-size: 1.0em;
}

.timerTextEnd {
	font-size: 1.0em;
}

.timerTextNow {
	font-size: 1.0em;
}

.timerDay {
	font-size: 1.5em;
	margin: 0 5px;
	}

.timerHour {
	font-size: 1.5em;
	margin: 0 5px;
	}

.timerMin {
	font-size: 1.5em;
	margin: 0 5px;
	}

.timerSec {
	font-size: 1.5em;
	margin: 0 5px;
	}

.h1 {
	font-size: 2em;
	}

/* ---------------- SUMMARY ---------------- */

#summary {
	padding: 30px 0;
	background: #E1FFFB url(../img/bg_hexagon02_pc.png);
}

/* ---------------- INQUIRY ---------------- */

#inquiry .input30 { width: 60%; }
#inquiry .input50 { width: 90%; }

#inquiry .attention {
	box-shadow: 0 0 5x rgba(0,0,0,0.5) inset;
	border-radius: 4px;
	padding: 14px;
	margin-bottom: 10px;
}

#inquiry .attention p {
	font-size: 0.94em;
	margin-bottom: 10px;
}

#inquiry .attention ul {
	margin: 0 1.5em;
}

#inquiry .attention ul li {
	font-size: 0.88em;
	line-height: 1.4;
	margin-bottom: 2px;
}

#inquiry .multiple {
	font-size: 0.94em;
}

/* ---------------- ATTRACTION ---------------- */

#attraction {
	padding: 30px 0;
	background: #eee;
}

.listAtt ul li {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	font-size: 0.88em;
}

.listAtt ul li:nth-child(2n) {
	margin-right: 0;
}

.listAtt .text {
	padding: 10px;
}

.picBox h2 {
	padding: 6px;
	border-left: 10px solid #FFE500;
	font-size: 0.94em;
}

.pic_lbox {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 0px;
}

.pic_rbox {
	float: none;
	width: 100%;
	padding-right: 0px;
	margin-bottom: 20px;
}


/* ---------------- STAGE EVENTS ---------------- */
#stageevent {
	padding: 30px 0;
	background: #ddeff7 url(../img/bg_hexagon03_pc.png);
}

.timeTblL {
	width: 100%;
	float: none;
}

.timeTblR {
	width: 100%;
	float: none;
}

.stageDay {
	font-size: 1.00em;
	padding: 6px 6px 0;
}


/* ---------------- ACCESS ---------------- */

#access {
	padding: 30px 0;
	background: url(../img/bg01_sp.jpg) no-repeat center top;
	background-size: cover;
}


/* ---------------------------------------------
	Table
--------------------------------------------- */
.tableBasic01{
	width: 100%;
	border-bottom: 3px solid #32bec7;
	margin-bottom: 20px;
}

.tableBasic01 th {
	display: block;
	padding: 6px;
	border: 3px solid #32bec7;
	border-bottom: none;
	font-weight: bold;
	text-align: left;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4;
}

.tableBasic01 td {
	display: block;
	padding: 6px;
	border: 3px solid #32bec7;
	border-bottom: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	line-height: 1.4;
}

.tableBasic02 {
	width: 100%;
	margin-bottom: 20px;
}

.tableBasic02 th {
	background: rgba(255,255,255,0.5);
	padding: 6px;
	text-align: center;
	font-weight: bold;
	border: 3px solid #77c3e6;
	line-height: 1.4;
	font-size: 0.94em;
}

.tableBasic02 td {
	background: rgba(255,255,255,0.5);
	border: 3px solid #77c3e6;
	line-height: 1.4;
	font-size: 0.94em;
}

.tableBasic02 td a {
	display: block;
	padding: 6px;
}

.tableBasic02 td a:hover {
	text-decoration: none;
	background: rgba(255,241,201,0.5);
}

.tableBasic03{
	width: 100%;
	border-bottom: 3px solid #77c3e6;
	margin-bottom: 20px;
}

.tableBasic03 th {
	display: block;
	padding: 6px;
	border: 3px solid #77c3e6;
	border-bottom: none;
	font-weight: bold;
	text-align: left;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4;
}

.tableBasic03 td {
	display: block;
	padding: 6px;
	border: 3px solid #77c3e6;
	border-bottom: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	line-height: 1.4;
}

}
/* ---------------------------------------------
	600px 以上　767px 以下
--------------------------------------------- */
@media (min-width: 600px) and (max-width: 767px) {

.mainImg ul li img.sp { display: none; }


/* ---------------- ATTRACTION ---------------- */

#attraction {
	background: #eee;
}

.listAtt ul li {
	float: left;
	width: 48.63102998696219%;
	margin-right: 2.607561929595828%;
	margin-bottom: 2.607561929595828%;
	font-size: 0.88em;
}

.listAtt ul li:nth-child(2n) {
	margin-right: 0;
}

.listAtt .text {
	padding: 10px;
}


/* ---------------- STAGE EVENTS ---------------- */
.timeTblL {
	width: 100%;
	float: none;
}

.timeTblR {
	width: 100%;
	float: none;
}

/* ---------------- ACCESS ---------------- */

#access {
	padding: 30px 0;
	background: url(../img/bg01_sp.jpg) no-repeat center top;
	background-size: cover;
}


}
/* ---------------------------------------------
	768px 以上
--------------------------------------------- */
@media (min-width: 768px) {

.mainImg ul li img.sp { display: none; }


/* ---------------- ATTRACTION ---------------- */

.listAtt ul li {
	float: left;
	width: 23.684210526315788%;
	margin-right: 1.7543859649122806%;
	margin-bottom: 1.7543859649122806%;
	font-size: 0.94em;
}

.listAtt ul li:nth-child(4n) {
	margin-right: 0;
}

.listAtt .text {
	padding: 10px;
}




/* ---------------------------------------------
	GoogleMap
--------------------------------------------- */
.ggmap {
	position: relative;
	padding-bottom: 40%;
	height: 0;
	overflow: hidden;
	box-shadow: 0 0 8px #666;
}




}