@charset "utf-8";
/*======================
           mb           
======================*/
@media screen and (max-width: 768px) {
	.area.gray {
		background-color: #fff;
		margin-top:1px;
	}
	#eventinfo .contentWrap-style1{ /*外枠消す*/
		border:0px;
	}
	#eventinfo .content-topic {
		margin: 0 auto;
		padding-bottom: 20px;
		font-size:13px;
		padding:0;
	}
	#eventinfo .content-topic a{
		color:#951aad;
	}
	#eventinfo .content-main{
		background-color: #dcbfde;
	}
	#eventinfo .content-topic:before { /*ピン消す*/
		background:none;
	}
	#eventinfo .content-topic img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	#eventinfo .content img.img-responsive {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	#eventinfo .content-topic .pc { display: none !important; }
	#eventinfo .content-topic .sp { display: block !important; }


	/* ↓ここから個別↓ */
	/*-------------------------------------- 共通 */

	body #eventinfo p,
	body #eventinfo th,
	body #eventinfo td,
	body #eventinfo li,
	body #eventinfo dt,
	body #eventinfo dd{
		font-family: 'Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size:14px;
		line-height:1.75em;
		color: #413d2a;
	}
	#eventinfo h1,
	#eventinfo h2,
	#eventinfo h3,
	#eventinfo h4,
	#eventinfo h5{
		font-family: 'Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-weight: bold;
		font-feature-settings : "palt";
	}
	#eventinfo h1 img{
		width: 100%;
		height: auto;
		max-width:960px;
	}
	#eventinfo h3{
		text-align: center;
	}
	#eventinfo  .content-topic h3 img{
		width: 260px; height: auto;
	}

	#eventinfo h4{
		font-weight:bold;
	}

	/*-------------------------------------- area1 */

	#eventinfo div#area1 {
		margin: 30px 4vw;
	}
	#eventinfo div#area1 h2{
		color: #951aad;
		text-align: center;
		font-size: 1.25em;
		margin: 0 0 25px;
	}
	#eventinfo div#area1 h2 > span{
		font-size: 0.85em;
	}
	#eventinfo div#area1 p + p{
		margin: 15px 0 0 ;
	}
	#eventinfo div#area1 .info{
		margin: 40px 0;
		background-color: #fff5da;
		border-radius: 10px;
		padding: 35px 5vw 30px;
	}
	#eventinfo div#area1 .info h3{
		color: #951aad;
		text-align: center;
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	#eventinfo div#area1 .info .outer{
		margin: 5px 0 0;
	}
	#eventinfo div#area1 .info .img_box{
		width: 275px;
		margin: 0 auto 10px;
		text-align: center;
	}
	#eventinfo div#area1 .info .txt_box{
	}

	/*-------------------------------------- area2 */

	#eventinfo div#area2 {
		text-align: center;
		margin: 50px 3vw 0;
	}
	#eventinfo div#area2 p{
		display: inline-block;
		text-align: left;
		margin-bottom: 40px;
	}
	#eventinfo div#area2 img{
		margin-bottom: 40px;
	}
	/*-------------------------------------- area3 */

	#eventinfo div#area3 {
		width: 100%;
		background-color: #fcf8cf;
		margin: 0 auto;
		padding: 20px 0 40px;
		text-align: center;
	}
	#eventinfo div#area3 h2{
		text-align: center;
		margin: 20px auto 0;
	}
	#eventinfo div#area3 h2 + p{
		text-align: left;
		margin: 30px 3vw 0;
	}
	#eventinfo div#area3 img{
		display: block;
		width: 97%;
	}
	#eventinfo div#area3 p{
		display: inline-block;
		text-align: center;
		margin: 10px 3vw;
	}
	#eventinfo div#area3 p img{
		border-radius: 15px;
		border: solid #fffdf9 8px;
	}

	/*-------------------------------------- schedule */

	#eventinfo div.schedule {
		text-align: center;
	}
	#eventinfo div.schedule img{
		width: 94%;
	}

	/*-------------------------------------- detail */

	#eventinfo div#detail {
		margin: 0 3vw;
		border-top: 2px dashed #fff;
		padding: 35px 0 0;
	}
	#eventinfo div#detail table{
		margin: 30px 0 0 ;
		border-collapse: collapse;
	}
	#eventinfo div#detail th{
		width: 7em;
		vertical-align: top;
		line-height:1.85em;
		font-size: 14px;
		color: #951aad;
		padding: 10px 0;
		border-bottom: 1px solid #fff;
		font-weight: bold;
	}
	#eventinfo div#detail td{
		padding: 10px 0;
		border-bottom: 1px solid #fff;
	}
	#eventinfo div#detail td p{
		text-align: left;
	}
	#eventinfo div#detail h4{
		color: #951aad;
		text-align: center;
		font-size: 1.25em;
		margin: 0 0 25px;
	}
	#eventinfo div#detail #notes{
		margin: 30px 0 0 ;
	}
	#eventinfo div#detail #notes h4 span{
		font-size: 0.7em;
	}
	#eventinfo div#detail #notes ul {
		margin-left: 20px;
	}
	#eventinfo div#detail #notes li {
		list-style-type: disc;
		margin: 5px 0;
	}

	/*-------------------------------------- takeout */

	#eventinfo div#takeout{
		margin: 40px 3vw;
		background-color: #fff;
		border-radius: 10px;
		padding: 35px 0 30px;
	}

	#eventinfo div#takeout .outer{
		margin: 15px 4vw 0;
	}
	#eventinfo div#takeout .img_box{
		width: 275px;
		margin: 20px auto 30px;
		text-align: center;
	}
	#eventinfo div#takeout .img_box img{
		width: 275px;
		height: auto;
	}
	#eventinfo div#takeout .txt_box{
	}



	/*-------------------------------------- question */
	
	#eventinfo div#question{
		margin: 40px 3vw;
	}
	#eventinfo div#question h3{
		margin-bottom: 25px;
	}
	#eventinfo div#question dt{
		color :#951aad;
		font-weight: bold;
		margin: 15px 0 3px;
	}
	#eventinfo div#question dd{
		border-bottom: 2px solid #fff;
		padding: 0 0 15px;
	}

	/*-------------------------------------- footer */
	#eventinfo footer{
		background:url(../images/footer_bg.png) no-repeat 0 top #dcbfde;
		padding: 30px 5vw 40px;
		text-align: center;
	}

	/*-------------------------------------- btn */
	#eventinfo .button {
		width: 380px;
		margin: 40px auto;
	}
	#eventinfo .button a {
		color: #fff;
		font-family: 'Noto Sans JP','メイリオ',Meiryo,sans-serif;
		font-weight: bold;
		background-color: #ff70a0;
		border: 0px;
		padding: 18px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 45px;
		text-align: center;
		text-decoration: none;
		position: relative;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a:after {
		font-family: icomoon;
		content: '\e933';
		font-weight: normal;
		color: #fff;
		font-size: 12px;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a >span {
		font-size: 1.2em;
		color: #fff;
		line-height: 1;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
		padding: 0 11px 0 39px;
		position: relative;
	}
	#eventinfo .button a >span:before {
		font-family: icomoon;
		content: '\e941';
		font-weight: normal;
		color: #fff;
		font-size: 40px;
		display: inline-block;
		position: absolute;
		top: 70%;
		left: 0;
		-webkit-transform: translateY(-63%);
		-moz-transform: translateY(-63%);
		-o-transform: translateY(-63%);
		-ms-transform: translateY(-63%);
		transform: translateY(-63%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a:hover {
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}

	/*-------------------------------------- btn2 */
	#eventinfo .button2 {
		width: 100%;
		margin: 10px 5vw 60px;
	}
	#eventinfo .button2 a {
		color: #fff;
		font-family: 'Noto Sans JP','メイリオ',Meiryo,sans-serif;
		font-weight: bold;
		background-color: #951aad;
		border: 0px;
		padding: 13px 35px 13px 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 45px;
		text-align: center;
		text-decoration: none;
		position: relative;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button2 a:after {
		font-family: icomoon;
		content: '\e933';
		font-weight: normal;
		color: #fff;
		font-size: 12px;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button2 a >span {
		font-size: 1.2em;
		color: #fff;
		line-height: 1;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
		padding: 0 11px 0 11px;
		position: relative;
	}

	#eventinfo .button2 a:hover {
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
}


/*----------------------*/
/*          pc          */
/*----------------------*/
@media print, screen and (min-width: 769px) {
	#eventinfo {
		margin-top: -30px;
		margin-bottom: 70px;
	}
	#eventinfo .content-topic {
		width:960px;
		margin: 0 auto;
		padding-top:68px;
		padding-bottom: 100px;
	}
	#eventinfo .content-topic a {
		color: #951aad;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .content-topic a:hover:not(.Bottomlogo) {
		text-decoration: none;
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
	#eventinfo .content-main{
		background-color: #dcbfde;
	}
	#eventinfo .content-topic .pc {  }
	#eventinfo .content-topic .sp { display: none !important; }


	/*-------------------------------------- 共通 */

	body #eventinfo p,
	body #eventinfo th,
	body #eventinfo td,
	body #eventinfo li,
	body #eventinfo dt,
	body #eventinfo dd{
		font-family: 'Noto Sans JP','メイリオ','Meiryo',sans-serif;
		font-size:14px;
		line-height:1.75em;
		font-feature-settings : "palt";
		letter-spacing:0.05em;
		color: #413d2a;
	}
	#eventinfo h1,
	#eventinfo h2,
	#eventinfo h3,
	#eventinfo h4,
	#eventinfo h5{
		font-family: 'Noto Sans JP','メイリオ','Meiryo',sans-serif;
		line-height:1.4em;
		font-weight: bold;
		font-feature-settings : "palt";
	}
	#eventinfo h1 img{
		width: 100%;
		height: auto;
		max-width:960px;
	}
	#eventinfo h3{
		text-align: center;
	}
	#eventinfo h3 img{
		width: 370px; height: auto;
	}
	#eventinfo h4{
		font-weight:bold;
	}

	/*-------------------------------------- area1 */

	#eventinfo div#area1 {
		width: 820px;
		margin: 30px auto;
	}
	#eventinfo div#area1 h2{
		color: #951aad;
		text-align: center;
		font-size: 1.25em;
		margin: 0 0 25px;
	}
	#eventinfo div#area1 h2 > span{
		font-size: 0.85em;
	}
	#eventinfo div#area1 p + p{
		margin: 15px 0 0 ;
	}

	#eventinfo div#area1 .info{
		width: 820px;
		margin: 50px auto;
		background-color: #fff5da;
		border-radius: 10px;
		padding: 35px 0 10px;
	}
	#eventinfo div#area1 .info h3{
		color: #951aad;
		text-align: center;
		font-size: 1.1em;
	}
	#eventinfo div#area1 .info .outer{
		display: flex;
		margin: 15px 30px 0;
	}
	#eventinfo div#area1 .info .img_box{
		width: 275px;
		margin: 15px;
	}
	#eventinfo div#area1 .info .img_box img{
		width: 100%;
	}
	#eventinfo div#area1 .info .txt_box{
		flex: 1;
		margin: 15px;
	}


	/*-------------------------------------- area2 */

	#eventinfo div#area2 {
		text-align: center;
		margin: 70px 0 0;
	}
	#eventinfo div#area2 p{
		display: inline-block;
		text-align: left;
		margin-bottom: 40px;
	}
	#eventinfo div#area2 img{
		margin-bottom: 40px;
	}

	/*-------------------------------------- area3 */

	#eventinfo div#area3 {
		width: 100%;
		background-color: #fcf8cf;
		margin: 0 auto;
		padding: 40px 0;
		text-align: center;
	}
	#eventinfo div#area3 h2{
		text-align: center;
		margin: 20px auto 0;
		width: 720px;
	}
	#eventinfo div#area3 h2 + p{
		width: 720px;
		text-align: left;
		margin: 30px 0;
	}
	#eventinfo div#area3 img{
		display: block;
	}
	#eventinfo div#area3 p{
		display: inline-block;
		text-align: center;
		margin: 15px 0;
	}
	#eventinfo div#area3 p img{
		border-radius: 15px;
		border: solid #fffdf9 8px;
	}

	/*-------------------------------------- schedule */

	#eventinfo div.schedule {
		margin: 20px 0;
		text-align: center;
	}

	/*-------------------------------------- detail */

	#eventinfo div#detail {
		width: 820px;
		margin: 30px auto;
		border-top: 2px dashed #fff;
		padding: 35px 0;
	}
	#eventinfo div#detail table{
		margin: 30px auto 0 ;
		border-collapse: collapse;
		width: 760px;
	}
	#eventinfo div#detail th{
		width: 150px;
		vertical-align: top;
		line-height:1.85em;
		font-size: 14px;
		color: #951aad;
		padding: 10px 0;
		border-bottom: 1px solid #fff;
		font-weight: bold;
	}
	#eventinfo div#detail td{
		padding: 10px 0;
		border-bottom: 1px solid #fff;
	}
	#eventinfo div#detail td p{
		text-align: left;
	}
	#eventinfo div#detail h4{
		color: #951aad;
		text-align: center;
		font-size: 1.25em;
		margin: 0 0 25px;
	}
	#eventinfo div#detail #notes{
		width: 760px;
		margin: 30px auto 0 ;
	}
	#eventinfo div#detail #notes h4 span{
		font-size: 0.7em;
	}
	#eventinfo div#detail #notes ul {
		margin-left: 20px;
	}
	#eventinfo div#detail #notes li {
		list-style-type: disc;
		margin: 5px 0;
	}

	/*-------------------------------------- takeout */

	#eventinfo div#takeout{
		width: 820px;
		margin: 50px auto;
		background-color: #fff;
		border-radius: 10px;
		padding: 35px 0 10px;
	}

	#eventinfo div#takeout .outer{
		display: flex;
		margin: 15px 30px 0;
	}
	#eventinfo div#takeout .img_box{
		width: 275px;
		margin: 15px;
	}
	#eventinfo div#takeout .img_box img{
		width: 100%;
	}
	#eventinfo div#takeout .txt_box{
		flex: 1;
		margin: 15px;
	}

	/*-------------------------------------- question */
	
	#eventinfo div#question{
		width: 820px;
		margin: 60px auto;
	}
	#eventinfo div#question h3{
		margin-bottom: 25px;
	}
	#eventinfo div#question dt{
		color :#951aad;
		font-weight: bold;
		margin: 15px 0 3px;
	}
	#eventinfo div#question dd{
		border-bottom: 1px solid #fff;
		padding: 0 0 15px;
	}

	/*-------------------------------------- footer */
	#eventinfo footer{
		background:url(../images/footer_bg.png) no-repeat 0 top #dcbfde;
		background-size:100%;
		padding: 30px 0 40px;
		text-align: center;
	}

	/*-------------------------------------- btn */
	#eventinfo .button {
		width: 340px;
		margin: 40px auto;
	}
	#eventinfo .button a {
		color: #fff;
		font-family: 'Noto Sans JP','メイリオ',Meiryo,sans-serif;
		font-weight: bold;
		display: block;
		background-color: #ff70a0;
		border: 0px;
		padding: 18px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 45px;
		text-align: center;
		text-decoration: none;
		position: relative;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a:after {
		font-family: icomoon;
		content: '\e933';
		font-weight: normal;
		color: #fff;
		font-size: 12px;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a >span {
		font-size: 1.2em;
		color: #fff;
		line-height: 1;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
		padding: 0 11px 0 39px;
		position: relative;
	}
	#eventinfo .button a >span:before {
		font-family: icomoon;
		content: '\e941';
		font-weight: normal;
		color: #fff;
		font-size: 40px;
		display: inline-block;
		position: absolute;
		top: 70%;
		left: 0;
		-webkit-transform: translateY(-63%);
		-moz-transform: translateY(-63%);
		-o-transform: translateY(-63%);
		-ms-transform: translateY(-63%);
		transform: translateY(-63%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button a:hover {
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
	/*-------------------------------------- btn2 */
	#eventinfo .button2 {
		width: 340px;
		margin: 0 auto 60px;
	}
	#eventinfo .button2 a {
		color: #fff;
		font-family: 'Noto Sans JP','メイリオ',Meiryo,sans-serif;
		font-weight: bold;
		display: block;
		background-color: #fb8a97;
		border: 0px;
		padding: 18px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 45px;
		text-align: center;
		text-decoration: none;
		position: relative;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button2 a:after {
		font-family: icomoon;
		content: '\e933';
		font-weight: normal;
		color: #fff;
		font-size: 12px;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
	}
	#eventinfo .button2 a >span {
		font-size: 1em;
		color: #fff;
		line-height: 1;
		-webkit-transition-duration: 200ms;
		-moz-transition-duration: 200ms;
		-o-transition-duration: 200ms;
		-ms-transition-duration: 200ms;
		transition-duration: 200ms;
		padding: 0 11px 0 11px;
		position: relative;
	}
	#eventinfo .button2 a:hover {
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
}
	#eventinfo a.anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}