@charset "utf-8";
/* <LINK href="grid.css" rel="stylesheet" TYPE="text/css" charset="utf-8"> */
@font-face{
	font-family: "MyYuGothicM";
	font-weight: normal;
	src: local("YuGothic-Medium"), /* Postscript name */
	     local("Yu Gothic Medium"), /* for Chrome */
	     local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face{
	font-family: "MyYuGothicM";
	font-weight: bold;
	src: local("YuGothic-Bold"), /* Postscript name */
	     local("Yu Gothic"); /* for Chrome */
}

#body h1,#body h2,#body h3,#body h4,#body h5,#body h6,#body p,#body ul,#body ol,#body li,#body dl,#body dt,#body dd,#body body,#body div {
	padding:0;
	margin:0;
	font-family:MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-feature-settings: 'pkna' 1;
	letter-spacing: 0.2em;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
body	{ background:#f4f7fa; }
#body	{
	font-size: 14px;
	font-style: normal;
	line-height: 200%;
	letter-spacing: 0.2em;
	text-decoration: none;
	list-style: none;
	height:auto;
	margin:0 auto;
	background:#f4f7fa;
	color:#2a2a2a;
	line-height:140%;
}

#body A:active	{ color:#2759a3; cursor: hand;}
#body A:hover	{ color:#2759a3; text-decoration: none; cursor: hand;}
#body A		{text-decoration: none;}

#body *, #body *:before, #body *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#body p		{ margin:0; padding:0; }
#body ul ,	{ list-style:none; }

#body dl ,
#body dt ,
#body dd	{ margin:0; padding:0; }

#body #head			{ color:#ffffff; padding: 0; width:980px; margin:0 auto; }
#body #rndimg			{ color:#ffffff; padding: 0; width:980px; margin:0 auto; }
#body #rndimg li		{ float:left; width:122px;height:173px; overflow: hidden; }
#body #rndimg li img		{ display: none; width:122px;height:173px; }
#body #rndimg li.big		{ float:left; width:245px;height:346px; overflow: hidden; }
#body #rndimg li.big img	{ display: none; width:245px;height:346px; }

#body #information,
#body #song-list,
#body #ticket	{ padding:10px 0; font-size:16px; line-height: 180%; letter-spacing: 0.1em; }

#body #information dl	{ width:580px; margin:0 auto; margin-top:15px; }
#body #information dt	{ width:140px;float:left; padding-right:10px; border-right:5px solid #f6aa00; text-align:right; letter-spacing: 0.2em; margin-bottom:10px; }
#body #information dd	{ padding-left:160px; padding-bottom:10px; margin-bottom:10px;}
#body #information dd p	{ float:left; width:300px; margin-right:15px; }
#body #information dd p.date	{ width:250px; margin-right:0px; }

#body #information .east,
#body #information .west	{ width:480px; float:left; margin:5px; }

#body #information .east	{ border:1px solid #df0000; }
#body #information .west	{ border:1px solid #006adf; }

#body #information .east h2,
#body #information .west h2	{ text-align:center; letter-spacing: 0.2em; color:#ffffff; font-size:22px; font-weight:normal; padding:5px; }

#body #information .east h2	{ background:#df0000; }
#body #information .west h2	{ background:#006adf; }

#body #information .east hr,
#body #information .west hr	{ border:1px solid #cccccc; width:95%; margin:0 auto; }

#body #information .east p,
#body #information .west p	{ text-align:center; font-size:16px; margin-bottom:10px; }


#body #information .campaign01,
#body #information .campaign02	{ width:480px; float:left; margin:5px; border:1px solid #ff357c; }

#body #information .campaign01 h2,
#body #information .campaign02 h2	{ text-align:center; letter-spacing: 0.2em; color:#ffffff; font-size:18px; font-weight:normal; padding:5px; }

#body #information .campaign01 h2,
#body #information .campaign02 h2	{ background:#ff357c; }

#body #information .campaign01 hr,
#body #information .campaign02 hr	{ border:1px solid #cccccc; width:95%; margin:0 auto; }

#body #information .campaign01 p,
#body #information .campaign02 p	{ font-size:16px; margin:5px; }

#body #information .campaign01 img,
#body #information .campaign02 img	{ width:150px; height:auto; margin:5px; float:left; }

#body #information .campaign01 dl	{ width:450px; margin:0 auto; margin-top:15px; }
#body #information .campaign01 dt.e	{ float:none; width:450px; border:0; text-align:center; background:#ffb7b7; }
#body #information .campaign01 dt.w	{ float:none; width:450px; border:0; text-align:center; background:#b7d9ff; }
#body #information .campaign01 dd	{ text-align:center; margin:0; margin-bottom:20px; padding:5px; }

#body #information .campaign02 dl	{ width:450px; margin:0 auto; margin-top:15px; }
#body #information .campaign02 dt.rule	{ float:none; width:450px; border:0; text-align:center; background:#ffdbb7; }
#body #information .campaign02 dt.date	{ float:none; width:450px; border:0; text-align:center; background:#dae8cd; }
#body #information .campaign02 dd	{ text-align:center; margin:0; margin-bottom:5px; padding:5px; }

#body #information .enjoy	{ width:980px; margin:10px auto; text-align:center; }
#body #information .enjoy h1	{ background:#df0000; color:#ffffff; font-size:20px; font-weight:bold; text-align:center; padding:10px; }
#body #information .enjoy ul	{ margin:10px; }
#body #information .enjoy ul li	{ background:url(../images/icon-check.png) left center no-repeat; padding-left:40px; padding-top:10px; padding-bottom:10px; font-size:18px; border-bottom:dashed 1px #555555; }


#body #ticket dl	{ width:960px; margin:0 auto; margin-top:15px;position: relative; }
#body #ticket dt	{ text-align:left; margin-top:10px; padding-left:10px; font-size:16px; }
#body #ticket dd	{ border-bottom:1px solid #2a2a2a; padding-left:10px; padding-bottom:10px; font-size:13px; }
#body #ticket dt p	{ float:left; }
#body #ticket dd p	{ float:left; margin-right:15px; }
#body #ticket p.t-name	{ margin-right:15px; }
#body #ticket p.tel	{ margin-right:15px; }
#body #ticket p.s-date	{ font-size:13px; text-align:right; position:absolute; left:630px; }
#body #ticket p.url	{ margin-left:15px; font-size:16px; }

#body #ticket .ticket-more	{ margin:10px; font-size:28px; text-align:center;}


#body #song-list .main-area	{ border:1px solid #2a2a2a; background:#ffffff;}
#body #song-list h1.accordion-button	{ text-align:center; background:#ff3e3e; margin:0 auto; padding:10px 0; }
#body #song-list h1.accordion-button a	{ font-weight:bold; color:#ffffff; }
#body #song-list h1.accordion-button:hover	{ border-bottom:0; background:#ffb7b7; }

#body #song-list .list-area	{ width:890px; margin:0 auto; margin-top:5px; padding:5px; font-size:12px; border-bottom:1px solid #cccccc; }
#body #song-list .name		{ width:300px; margin:0; padding:0; text-align:right; float:left; padding-right:10px; }
#body #song-list .name_b	{ width:300px; height:56px; margin:0; padding:0; text-align:right; float:left; line-height:56px; padding-right:10px; }
#body #song-list .s-list	{ width:580px; margin:0; padding:0; float:left; }
#body #song-list .s-list p	{ float:left; padding:0px 5px; width:250px; text-align:left; }

#body #song-list p.op		{ padding:0px 5px; width:30px; text-align:center; color:#ff4c00; font-weight:bold; }
#body #song-list p.ed		{ padding:0px 5px; width:30px; text-align:center; color:#00a6ff; font-weight:bold; }

#body #inquiry p	{ padding:10px; font-size:16px; line-height: 200%; letter-spacing: 0.1em; border-top:1px solid #2a2a2a; padding-top:5px; border-bottom:1px solid #2a2a2a; padding-bottom:5px; }

#body #sponsor		{ padding:10px 0; font-size:16px; line-height: 200%; letter-spacing: 0.1em; text-align:center; }

#body .read		{ font-size:18px; line-height: 200%; letter-spacing: 0.2em; padding:30px 0; }
#body .main-area	{ width:980px; height:auto; margin:0px auto; }

#body .ticket-danime	{ width:400px; background:#eb5528; color:#ffffff; text-align:center; padding:5px 0; margin:10px auto; }
#body .ticket-danime a	{ color:#ffffff; display:block; }
#body .ticket-danime:hover	{ border-bottom:0; background:#f29175; }

#body .ticket-official	{ width:400px; background:#f7ad00; color:#ffffff; text-align:center; padding:5px 0; margin:10px auto; border:solid #e60029; border-width:1px 5px; }
#body .ticket-official a	{ color:#ffffff; display:block; }
#body .ticket-official:hover	{ background:#f29175; }

#body .attention	{ margin-top:10px; letter-spacing:0px; font-size:13px; line-height:160%; }

#body .title_i		{ background:#f6aa00; color:#2a2a2a; padding:10px; margin:5px 0; text-align:center; font-size:18px; font-weight:bold; }
#body .title_p		{ background:#5ac2ff; color:#2a2a2a; padding:10px; margin:5px 0; text-align:center; font-size:18px; font-weight:bold; margin-top:0; }
#body .title_das	{ background:#eb5528; color:#ffffff; padding:10px; margin:5px; text-align:center; font-size:18px; font-weight:bold; }

#body .title-apply	{ background:#eb5528; color:#ffffff; padding:10px; margin:0px; text-align:center; font-size:18px; font-weight:bold; }
#body .title-apply a	{ color:#ffffff; display:block; }
#body .title-apply:hover	{ border-bottom:0; background:#f29175; }

#body .title-apply-l,
#body .title-apply-r	{ background:#eb5528; color:#ffffff; padding:10px; margin:0px; font-size:18px; font-weight:bold; width:49%; float:left; }

#body .title-apply-c	{ background:#eb5528; color:#ffffff; padding:10px 0; margin:0px; font-size:18px; font-weight:bold; width:2%; float:left; text-align:center; }

#body .title-apply-l a,
#body .title-apply-r a	{ color:#ffffff; display:block; }
#body .title-apply-l:hover,
#body .title-apply-r:hover	{ border-bottom:0; background:#f29175; }

#body .margin-t		{ margin-top:10px; }
#body .margin-b		{ margin-bottom:10px; }
#body .padding-t	{ padding-top:10px; }
#body .padding-b	{ padding-bottom:10px; }
#body .disnon		{ display:none; }
#body .centering	{ text-align:center; }
#body .text-right	{ text-align:right; }
#body .border-s		{ border:1px solid #2a2a2a; }
#body .border-b		{ border-bottom:1px solid #2a2a2a; }
#body .border-d		{ border-bottom:1px dotted #cccccc; }
#body .border-l		{ border-left:5px solid #2a2a2a; padding-left:10px; }
#body .border-t		{ border-top:1px solid #2a2a2a; padding-top:5px; }
#body .float-l		{ float:left; }
#body .font-s		{ font-size:14px; line-height:150%; }
#body .font-28		{ font-size:28px; line-height:250%; }
#body .font-22		{ font-size:22px; line-height:200%; }
#body .font-18		{ font-size:18px; line-height:200%; }
#body .font-12		{ font-size:12px; line-height:150%; letter-spacing: 0.1em; }
#body .font-att		{ font-size:28px; color:#ffffff; line-height:150%; font-weight:bold;
				-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
				-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
				-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
				text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }
#body .highlight	{ color:#ff0000; }