@charset "UTF-8";


/*----------------------------------------
■Common CSS
update:2019/03/13 17:27
----------------------------------------*/
#contents {
	background-color:#fff;
	color:#333;
	font-size:16px;
	line-height:1.5em;
}

/* Reset */
#contents h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
#contents li,dt,dd {list-style:none;}
#contents img {border:none;}

/* Utility Class */
#contents .tL {text-align:left !important;}
#contents .tR {text-align:right !important;}
#contents .tC {text-align:center !important;}
#contents .fL {float:left !important;}
#contents .fR {float:right !important;}
#contents .mb00 {margin-bottom:0 !important;}
#contents .mb05 {margin-bottom:5px !important;}
#contents .mb10 {margin-bottom:10px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz12 {font-size:12px !important;}
#contents .fz14 {font-size:14px !important;}
#contents .fz16 {font-size:16px !important;}
#contents .fz18 {font-size:18px !important;}
#contents .fwB {font-weight:bold !important;}

/* Link */
#contents a:link {color:#00aad2;text-decoration:underline;}
#contents a:visited {color:#00aad2;}
#contents a:hover {color:#dc008c;text-decoration:none;}
#contents a:active {color:#dc008c;}


/* Table */
#contents table {
	border-collapse:collapse;
}
	#contents caption {}
	#contents th,
	#contents td {
		border:1px solid #787878;
	}
	#contents th {
		background-color:#2e3641;
		color:#fff;
		padding:8px;
		font-weight:normal;
	}
	#contents td {
		color:#333;
		padding:8px;
	}

/* Note */
#contents .note {
	font-size:12px;
	line-height: 150%;
}

#contents em {
	color:#ff0000;
	font-weight:normal;
	}

/* Box */
#contents .section {
	margin:0 0 1.0em;
}
#contents .section:last-child {
	margin-bottom:0;
}


/* 表示出し分け */
#contents .sp-blk,
#contents .sp-inl {display:none;}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents {font-size:14px;}
#contents .heading01 {padding:0.5em;}
#contents img {max-width:100%;}

/* 表示出し分け */
#contents .pc {display:none;}
#contents .sp-blk {display:block;}
#contents .sp-inl {display:inline;}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■Page CSS
----------------------------------------*/


#contents .section {
	padding: 0 40px;
}

#contents .article {
	margin-bottom: 60px;
}

h2 {
	/*color: #dc008c;*/
	color: #333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 125%;
	margin-bottom: 20px;
}

#contents .pageLink {
		text-align: right;
		padding-top: 30px;
}

@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents .section {
	padding: 0 20px;
}

#contents .article {
	margin-bottom: 40px;
}

#contents h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

#contents .pageLink {
		padding-top: 20px;
}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■メインビジュアル
----------------------------------------*/
#contents #mainimage {
	background: #00a0d2;
	text-align: center;
	padding: 30px 0 20px 0;
}
	#contents #mainimage .image {
		margin: 0 0 15px 0;
	}
	#contents #mainimage .lead {
		font-weight: bold;
		font-size: 32px;
		line-height: 150%;
		color: #FFF;

		text-shadow:
		#333 1px 3px 5px, #333 -1px 3px 5px,
		#333 1px -1px 5px, #333 -1px -1px 5px;

	}
	#contents #mainimage .lead span {
		display: inline-block;
		color: #d7e123;
	}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents #mainimage {
	padding: 20px 20px 15px 20px;
}
	#contents #mainimage .image {
		margin: 0 0 8px 0;
	}
	#contents #mainimage .lead {
		font-size: 16px;
	}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■ナビゲーション
----------------------------------------*/
#contents .nav {
	background: #dc008c;
	margin: 0 0 30px 0;
	box-sizing: border-box;
}
	#contents .nav ul {
		display: table;
		text-align: center;
		margin: 0 auto;
		font-size: 18px;
	}
	#contents .nav ul li{
		display: table-cell;
	}
	#contents .nav ul li a{
		display: block;
		padding: 20px 40px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
	}
	#contents .nav ul li a:hover {
		color: #d7e123;
	}
	#contents .nav ul li p.btnNolink {
		display: block;
		padding: 20px 40px;
		color: #BDBDBD;
		font-weight: bold;
		text-align: center;
	}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents .nav {
	margin: 0 0 20px 0;
	padding: 0;
}
	#contents .nav ul {
		font-size: 14px;
	}
	#contents .nav ul li{
	}
	#contents .nav ul li a{
		padding: 15px 15px;
	}
	#contents .nav ul li p.btnNolink {
		padding: 15px 15px;
	}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■開催期間
----------------------------------------*/

#contents .period {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: oblique;
	font-size: 30px;
	font-weight: bold;
	color: #00aad2;
	margin-bottom: 30px;
	line-height: 120%;
}
#contents .period span {
	font-size:18px;
}




/*----------------------------------------
■最新情報
----------------------------------------*/
#contents .topics {}
	#contents .topics .article {}
	#contents .topics ul {
		overflow-y: scroll;
		overflow-x: hidden;
		border: solid 1px #bfbfbf;
		padding: 15px;
	}
		#contents .topics li:first-child {
			padding-top:0;
		}
		#contents .topics li {
			padding:1.0em 0;
			border-bottom:1px dotted #b3b2b2;
		}
		#contents .topics li:last-child {
			border-bottom:none;
		}
			#contents .topics li dl {
				display:table;
				font-size:16px;
			}
			#contents .topics li dt {
				display:table-cell;
				vertical-align:top;
				padding:8px 1.0em;
				border-right:3px solid #dc008c;
				color: #00aad2;
			}
			#contents .topics li dd {
				display:table-cell;
				padding:8px 0 8px 12px;
			}
			/* Link */
			#contents .topics li dd a:link,
			#contents .topics li dd a:visited {
				text-decoration:underline;
				color:#333;
			}
			#contents .topics li dd a:hover,
			#contents .topics li dd a:active {
				text-decoration:none;
				color:#109ad7;
			}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents .topics {}
	#contents .topics .article {}
	#contents .topics ul {
	}
		#contents .topics li {
		}
		#contents .topics li:last-child {
		}
		#contents .topics li dl {
			font-size:14px;
		}
		#contents .topics li dt {
			display:block;
			border-right: none;
			padding:0;
			margin-bottom: 8px;
		}
		#contents .topics li dd {
			display:block;
			padding:0;
		}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■概要
----------------------------------------*/
#contents .about {}
	#contents .about h2 {
		color: #dc008c;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#contents .about .article {}
	#contents .about .article .intro {
		padding: 0 0 40px 0;
		margin-bottom: 40px;
		border-bottom: dotted 1px #b2b2b2;
	}
	#contents .about .article .intro .image {
		text-align: center;
		margin-bottom: 30px;
	}
	#contents .about .article .intro .lead {
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		line-height: 150%;
		margin-bottom: 30px;
	}

	#contents .about .article .detail {
		padding: 0 0 40px 0;
		margin-bottom: 40px;
		border-bottom: dotted 1px #b2b2b2;
		text-align: center;
		font-size: 18px;
		line-height: 150%;
	}
	#contents .about .article .detail h3 {
		color: #dc008c;
		font-family: 'M PLUS 1p', sans-serif;
		/*font-weight: bold;*/
		font-size: 36px;
		font-style: oblique;
		text-align: center;
		margin-bottom: 10px;
		line-height: 120%;
	}
	#contents .about .article .detail .lead {
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	#contents .about .article .detail ul.image {
		overflow: hidden;
		margin-bottom: 10px;
	}
	#contents .about .article .detail ul.image li {
		width: 417px;
		margin-bottom: 20px;
	}
	#contents .about .article .detail ul.image li:nth-child(odd) {
		float: left;
		clear: both;
	}
	#contents .about .article .detail ul.image li:nth-child(even) {
		float: right;
	}
	#contents .about .article .detail ul.image li img {
		max-width: 100%;
	}

	#contents .about .article .detail .link {
		text-align: right;
		padding-top: 30px;
	}

	/* 動画 */
	#contents .about .article .movie{
		text-align:center;
	}
	#contents .about .article .movie iframe{
		width:640px;
		height:360px;
	}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#contents .about {}
	#contents .about .article {}
	#contents .about .article .intro {
		padding: 0 0 20px 0;
		margin-bottom: 20px;
	}
	#contents .about .article .intro .image {
		text-align: center;
		margin-bottom: 20px;
	}
	#contents .about .article .intro .lead {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 20px;
	}
	#contents .about .article .detail {
		padding: 0 0 20px 0;
		margin-bottom: 20px;
		font-size: 14px;
		text-align: left;
	}
	#contents .about .article .detail h3 {
		font-size: 22px;
		margin-bottom: 8px;
	}
	#contents .about .article .detail .lead {
		font-size: 14px;
	}
	#contents .about .article .detail ul.image {
		margin-bottom: 0;
	}
	#contents .about .article .detail ul.image li {
		max-width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	#contents .about .article .detail ul.image li:nth-child(odd) {
		float: none;
	}
	#contents .about .article .detail ul.image li:nth-child(even) {
		float: none;
	}
	#contents .about .article .detail .link {
		padding-top: 20px;
	}

/*  Media Queries 769px ======================== */
}


@media screen and (max-width: 640px) {
/*  Media Queries 640px ======================== */

	/* 動画 */
	#contents .about .article .movie{
		position:relative;
		width:100%;
		height: 0;
		padding-top:56.25%;
	}
	#contents .about .article .movie iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}

/*  Media Queries 640px ======================== */
}




/*----------------------------------------
■インフォメーション
----------------------------------------*/
#contents .information {}
	#contents .information .article {}
	#contents .information .article dl {
		border: solid 1px #4c4c4c;
	}
	#contents .information .article dl dt {
		display:block;
		background: #4c4c4c;
		color: #FFF;
		padding: 5px 12px;
	}
	#contents .information .article dl dd {
		display:block;
		padding: 5px 12px;
	}
	#contents .information .article dl dd.map {
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#contents .information .article dl dd.map p {
		margin-bottom: 1em;
	}
	#contents .information .article dl dd.map p:last-child {
		margin-bottom: 0;
	}

	#contents .information .article ul.image {
		overflow: hidden;
		margin-bottom: 20px;
	}
	#contents .information .article ul.image li {
		width: 417px;
	}
	#contents .information .article ul.image li:nth-child(odd) {
		float: left;
		clear: both;
	}
	#contents .information .article ul.image li:nth-child(even) {
		float: right;
	}
	#contents .information .article ul.image li img {
		max-width: 100%;
	}

@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

	#contents .information .article ul.image {
		margin-bottom: 0;
	}
	#contents .information .article ul.image li {
		max-width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	#contents .information .article ul.image li:nth-child(odd) {
		float: none;
	}
	#contents .information .article ul.image li:nth-child(even) {
		float: none;
	}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■チケット
----------------------------------------*/
#contents .release {}
	#contents .release .article {}
	#contents .release .article h3 {
		background: #4c4c4c;
		padding: 5px 12px;
		color: #FFF;
		margin: 0 0 5px 0;
	}
	#contents .release .article .date {
		padding-left: 5px;
	}
	#contents .release .article > ul.note {
		margin-bottom: 40px;
	}
	#contents .release .article table.ticket {
		width: 100%;
		margin-bottom: 20px;
	}
	#contents .release .article table.ticket tr {
		border-bottom: dotted 1px #b2b2b2;
	}

	#contents .release .article table.ticket th,
	#contents .release .article table.ticket td {
		box-sizing: border-box;
		padding: 8px 5px;
		border: none;
	}

	#contents .release .article table.ticket th {
		background: #FFF;
		color: #dc008c;
		font-weight: bold;
		text-align: left;
	}
	#contents .release .article table.ticket th .note {
		color: #333;
	}
	#contents .release .article table.ticket td {
		width: 100px;
		text-align:right;
	}

	/* グッズ画像 */
	#contents .release .article ul.image {
		text-align: center;
		margin: 0 0 20px 0;
	}
	#contents .release .article ul.image li {
		display: inline-block;
		margin-right: 15px;
		text-align: center;
	}
	#contents .release .article ul.image li:last-child {
		margin-right: 0;
	}


	/* ボタン */
	#contents .article .buyBtn01 {
		text-align: center;
	}
	#contents .article .buyBtn01 a {
		display: inline-block;
		box-sizing: border-box;
		font-size: 24px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		text-shadow: -1px -1px 0px #cf7432;
		background: #f96401;
		background: #ff9900;
		background: -moz-linear-gradient(top, #ff9900 25%, #f96401 100%);
		background: -webkit-linear-gradient(top, #ff9900 25%,#f96401 100%);
		background: linear-gradient(to bottom, #ff9900 25%,#f96401 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#f96401',GradientType=0 );
		width: 640px;
		border-radius: 5px;
		text-decoration: none;
		line-height: 130%;
		padding: 24px 0;
	}
	#contents .article .buyBtn01 a:hover {
		 opacity: 0.8;
	}
	#contents .article .buyBtn01 p.btnNolink {
		display: inline-block;
		box-sizing: border-box;
		font-size: 24px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		text-shadow: -1px -1px 0px #858484;
		background: #bfbfbf;
		background: linear-gradient(to bottom, #bfbfbf 25%,#858484 100%);
		width: 640px;
		border-radius: 5px;
		text-decoration: none;
		line-height: 130%;
		padding: 24px 0;
	}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

	#contents .release .article .date {
		margin: 0;
	}
	#contents .release .article > ul.note {
		margin-bottom: 20px;
	}
	#contents .release .article table.ticket th {
		display: block;
	}
	#contents .release .article table.ticket th .note {
		padding-top: 5px;
	}
	#contents .release .article table.ticket td {
		display: block;
		width: 100%;
		padding-top: 0;
	}

	/* グッズ画像 */
	#contents .release .article ul.image {
		text-align: center;
		overflow: hidden;
	}
	#contents .release .article ul.image li {
		width: 48%;
		float: left;
		display: block;
		box-sizing: border-box;
		margin-right: 0;
		text-align: left;
	}
	#contents .release .article ul.image li:nth-child(2n) {
		float: right;
	}

	/* ボタン */
	#contents .article .buyBtn01 a {
		font-size: 18px;
		width: 90%;
		padding: 16px 0;
	}
	#contents .article .buyBtn01 p.btnNolink {
		font-size: 18px;
		width: 90%;
		padding: 16px 0;
	}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■グッズ
----------------------------------------*/
#contents .goods_info {}
	#contents .goods_info .article {}
	#contents .goods_info .article ul {
		overflow: hidden;
	}
	#contents .goods_info .article ul li {
		text-align: center;
		margin-bottom: 20px;
		width: 417px;
	}
	#contents .goods_info .article ul li:nth-child(odd) {
		float: left;
		clear: both;
	}
	#contents .goods_info .article  ul li:nth-child(even) {
		float: right;
	}
	#contents .goods_info .article ul li img {
		max-width: 100%;
	}
	#contents .goods_info .article .link {
		text-align: right;
		padding-top: 20px;
	}

@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

	#contents .goods_info .article ul {
	}
	#contents .goods_info .article ul li {
		text-align: left;
		margin-bottom: 10px;
		max-width: 100%;
	}
	#contents .goods_info .article ul li:nth-child(odd) {
		float: none;
	}
	#contents .goods_info .article ul li:nth-child(even) {
		float: none;
	}
	#contents .goods_info .article .link {
		padding-top: 10px;
	}

/*  Media Queries 769px ======================== */
}




/*----------------------------------------
■お気に入り登録
----------------------------------------*/
#contents .favorite {
}
	#contents .favorite p.lead{
		font-size:18px;
		margin-bottom:1.0em;
	}

	#contents .favorite p.followBtn {
		text-align: center;
	}
	#contents .favorite p.followBtn a {
		display: inline-block;
		box-sizing:border-box;
		width: 640px;
		font-size:18px;
		color:#fff;
		background: #3bbbb6;
		text-decoration: none;
		border-radius: 5px;
		text-align: center;
		font-weight: bold;
		line-height: 150%;
		padding: 20px 0;
	}
	#contents .favorite p.followBtn a:hover {
		opacity:0.8;
	}

	#content .favorite ul {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-direction: row; /* Safari */
		flex-direction: row;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:wrap;
		-webkit-justify-content: space-between; /* Safari */
		justify-content:space-between;
	}
		#content .favorite ul li {
			box-sizing:border-box;
			width:206px;
			margin-bottom:10px;
		}

		#content .favorite ul li a {
			color:#fff;
			background-color:#3bbbb6;
			border-radius:5px;
			padding:12px 10px;
			display:block;
			text-align:center;
			text-decoration: none;
		}

		#contents .favorite ul li a:hover{
			opacity:0.8;
		}

@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

#content .favorite {
}
	#content .favorite p.lead{
		font-size:16px;
		margin-bottom:1.0em;
	}
	#contents .favorite p.followBtn a {
		font-size:16px;
		width: 90%;
		padding: 16px 0;
	}

	#content .favorite ul {
	}
		#content .favorite ul li {
			width:48%;
		}
		#content .favorite ul li a {
			font-size:14px;
		}

/*  Media Queries 769px ======================== */
}


/* goods.html */
.page-title {
	color:#333;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	margin-bottom:1.0em;
}

.anchorlink {
	text-align:center;
	margin-bottom:3.0em;
}
.anchorlink li {
	display:inline-block;
}
.anchorlink li:after {
	content:"｜";
	padding:0 0.4em 0 0.5em;
}
.anchorlink li:last-child:after {
	content:"";
	padding:0;
}

#contents .section.goods_list {
	padding:0;
}

@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */
.page-title {
	font-size:20px;
	line-height:1.5em;

}

/*  Media Queries 769px ======================== */
}



/*----------------------------------------
■GOODS
----------------------------------------*/
/*#contents .goods_list h2 {
	background-color:#000;
	color:#fff;
	font-size:26px;
	padding:0.3em 0;
}*/
#contents .goods_list h2 {
	margin-bottom:1.0em;
}
#contents .goods_list {}
	#contents .goods_list .article {}

	#contents .goods_list .article .detail {
		padding: 0 0 40px 0;
		margin-bottom: 40px;
		border-bottom: dotted 1px #b2b2b2;
		text-align: center;
		font-size: 18px;
		line-height: 150%;
	}
	#contents .goods_list .article .detail h3 {
		color: #dc008c;
		font-family: 'M PLUS 1p', sans-serif;
		/*font-weight: bold;*/
		font-size: 36px;
		font-style: oblique;
		text-align: center;
		margin-bottom: 20px;
		line-height: 120%;
	}
	#contents .goods_list .article .detail .lead {
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}

	/* flex */
	#contents .goods_list .article .detail ul.image {
		width:910px;
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin:0 auto 40px;
	}
	#contents .goods_list .article .detail ul.image li {
		width: 211px;
		margin-right: 22px;
		margin-bottom: 20px;
	}
	#contents .goods_list .article .detail ul.image li:nth-child(4n) {
		margin-right: 0;
	}
	#contents .goods_list .article .detail ul.image li:last-child {
		margin-right: 0;
	}
	#contents .goods_list .article .detail ul.image li img {
		max-width: 100%;
	}
	#contents .goods_list .article .detail ul.image li dl dt {
		font-size: 14px;
		line-height: 130%;
		background: #4c4c4c;
		margin-bottom: 5px;
		padding: 5px;
		color:#FFF;
	}
	#contents .goods_list .article .detail ul.image li dl dd {
		font-size: 13px;
		line-height: 130%;
	}
	#contents .goods_list .article .detail .link {
		text-align: right;
		padding-top: 30px;
	}
	#contents .goods_list .article .detail ul.note li {
		text-indent: -1em;
		padding-left: 1em;
	}

	/* 動画 */
	#contents .goods_list .article .movie{
		text-align:center;
	}
	#contents .goods_list .article .movie iframe{
		width:640px;
		height:360px;
	}


@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */

/*#contents .photograph {}
	#contents .goods_list h2 {
		font-size:22px;
		padding:0.3em 0;
	}*/
	#contents .goods_list .article {}
	#contents .goods_list .article .detail {
		padding: 0 20px 20px;
		margin-bottom: 20px;
		font-size: 14px;
		text-align: left;
	}
	#contents .goods_list .article .detail h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	#contents .goods_list .article .detail .lead {
		font-size: 14px;
	}
	#contents .goods_list .article .detail ul.image {
		width:auto;
		margin-bottom: 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		 flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#contents .goods_list .article .detail ul.image li {
		width: 47.5%;
		margin-bottom: 20px;
		text-align: center;
		margin-right:0;
	}
	#contents .goods_list .article .detail ul.image li:nth-child(2n) {
		margin-right:0;
	}
	#contents .goods_list .article .detail ul.image li dl dd {
		font-size: 12px;
	}
	#contents .goods_list .article .detail ul.image li dl dd span.note{
		font-size: 10px;
	}
	#contents .goods_list .article .detail .link {
		padding-top: 20px;
	}

/*  Media Queries 769px ======================== */
}