@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..400;1,100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');

/*======================
           mb           
======================*/

@media screen and (max-width: 768px) {
	/* --------- 調整・消去 --------- */
	body .box-white{/*全体背景*/
		background-color: #efefef;
	}
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .group{
		padding: 0 0 80px;
	}
	body main > .title_area,
	body .group::before,
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .group .inner{
		width: 100%;
	}
	body .post-content p{
		margin: 0;
	}
	#eventinfo .pc { display: none !important; }
	#eventinfo .sp { display: block !important; }


	/*------------------------
	        個別Style
	------------------------*/

	#eventinfo .content-main {
		color: #0054a7;
		background-color: #fff6ef;
	}
	body #eventinfo p,
	body #eventinfo th,
	body #eventinfo td,
	body #eventinfo li,
	body #eventinfo dt,
	body #eventinfo dd{
		font-family: 'Work Sans','游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:14px;
		line-height:1.75em;
		color: #693c24;
	}
	#eventinfo h1,
	#eventinfo h2,
	#eventinfo h3,
	#eventinfo h4,
	#eventinfo h5{
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-weight: bold;
		text-align: center;
	}
	#eventinfo h2 > span{
		font-size: 0.65em;
		letter-spacing: 0.05em;
	}
	#eventinfo .outer {
		margin: 70px 140px;
	}
	#eventinfo .outer h1{
		color: #fbf3b5;
		width: 100%;
		line-height: 2.4em;
		background-color:#9fadf4;
		border-radius: 1.2em;
		text-align: center;
		font-size: 1.5em;
		letter-spacing: 0.1em;
		margin-bottom: 40px;
	}
	#eventinfo img{
		display:block;
		width: 100%;
	}

	/*-------------------------------------- header */


	#eventinfo header{
		background: url(images/topimg.jpg) 50% 0 no-repeat;
		background-size: 170%;
		padding-top: 120px;
		text-align: center;
	}
	#eventinfo header h1{
		margin-bottom: 30%;
	}
	@keyframes fuwafuwa {
		0%, 100% {transform: translateY(0);}
		50% {transform: translateY(-10px);}
	}
	.anime-fuwafuwa {
		animation: 3s fuwafuwa infinite;
	}
	#eventinfo header h2{
		color: #fe61a4;
		font-size: 1.5em;
		margin-bottom: 20px;
		line-height: 1.4em;
	}
	#eventinfo header p{
		padding:0px 5vw ;
		text-align: left;
	}

	/*-------------------------------------- info */

	#eventinfo #info{
		margin: 50px 5vw 30px;
		padding: 5vw;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo #info h2{
		margin-bottom: 20px;
		color:#fe61a4;
		font-size: 1.2em;
	}
	#eventinfo #info ul li{
		list-style-type: disc;
		margin-left: 25px;
	}

	/*-------------------------------------- about */

	#eventinfo div#about {
		margin: 80px 5vw 40px;
	}
	#eventinfo div#about h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#about div.outer_box{
		margin-bottom: 30px;
	}

	#eventinfo div#about div.outer_box .txt_box { margin-top: 20px; }
	#eventinfo div#about div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#about div.outer_box .img_box img{ width: 100%; border-radius: 25px; }


	/*-------------------------------------- quality */

	#eventinfo div#quality {
		background-color: #98debc;
		padding: 10px 5vw 80px;
	}

	#eventinfo div#quality h2{
		color: #fff;
		font-size: 1.8em;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	#eventinfo div#quality h3{
		text-align: left;
		font-size: 1.4em;
		color: #4d2a08;
		margin-bottom: 20px;
	}

	#eventinfo div#quality div.outer_box{
		margin-bottom: 30px;
	}

	#eventinfo div#quality  div.outer_box .txt_box { margin-top: 20px; }
	#eventinfo div#quality div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#quality div.outer_box .img_box img{ width: 100%; border-radius: 25px; }

	#eventinfo div#quality .moviebox{
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	#eventinfo div#quality .moviebox iframe{
		width: 100%;
		height: 100%;
	}

	/*-------------------------------------- class */

	#eventinfo div#class{
		margin:0px 0px 80px;
	}
	#eventinfo div#class h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 40px;
		margin-top: 50px;
	}
	#eventinfo div#class h2 + p{
		margin: 20px 5vw;
	}
	#eventinfo .class_box{
		margin: 30px 5vw;
		padding: 5vw;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo .class_box td{
		padding: 12px 0 12px 15px;
		border-bottom: 2px solid #fdeee2;
	}
	#eventinfo .class_box td span{
		font-size: 1.5em;
	}
	#eventinfo .class_box td strong{
		font-size: 1.1em;
		font-weight: bold;
	}
	#eventinfo .class_box td img{
		width: 100%;
	}
	#eventinfo .class_box ul li{
		list-style-type: disc;

		margin: 0 0 8px 20px;
	}

	/* class1 */

	#eventinfo #class1 h3{
		font-size: 1.6em;
		line-height: 2.2em;
		border-radius: 20px;
		color: #fff;
		background-color: #d7e43f;
		margin-bottom: 20px;
	}
	#eventinfo #class1 table{
		margin: 30px auto;
		border-collapse: collapse;
	}
	#eventinfo #class1 th{
		color: #c1ce2e;
		vertical-align: top;
		line-height:1.85em;
		padding: 12px 5px 12px 0;
		border-bottom: 2px solid #fdeee2;
		font-weight: bold;
		width: 5em;
		font-size: 0.9em;
	}

	/* class2 */

	#eventinfo #class2 h3{
		font-size: 1.6em;
		line-height: 2.2em;
		border-radius: 20px;
		color: #fff;
		background-color: #fe61a4;
		margin-bottom: 20px;
	}
	#eventinfo #class2 .course_box{
		margin-top: 25px;
	}
	#eventinfo #class2 h4{
		border-radius: 20px;
		align-content: center;
		color: #4d2a08;
		padding: 12px 0;
		margin: 20px 0 10px;
	}
	#eventinfo #class2 #course30 h4{ background-color: #ffcae1;}
	#eventinfo #class2 #course40 h4{ background-color: #ff96c3;}
	#eventinfo #class2 #course50 h4{ background-color: #ff6eac;}

	#eventinfo #class2 table{
		width: 100%;
	}
	#eventinfo #class2 th{
		color: #fe61a4;
		vertical-align: top;
		line-height:1.85em;
		padding: 12px 5px 12px 0;
		border-bottom: 2px solid #fdeee2;
		font-weight: bold;
		width: 5em;
		font-size: 0.9em;
	}

	#eventinfo #class2 h5{
		color: #fe61a4;
		font-size: 1.3em;
		margin: 55px 0 30px;
	}

	/*-------------------------------------- shop */

	#eventinfo div#shop{
		margin:0px 0 80px;
		background-color: #98debc;
		padding-top: 10px;
	}
	#eventinfo div#shop h2{
		color: #fff;
		font-size: 1.8em;
		margin-bottom: 40px;
		margin-top: 50px;
	}
	#eventinfo div#shop h2 + p{
		margin: 20px 100px;
	}
	#eventinfo div#shop #shoplist{
		margin: 40px 5vw 15px;
		padding: 5vw;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo div#shop #shoplist table{
		width: 98%;
	}
	#eventinfo div#shop #shoplist th,
	#eventinfo div#shop #shoplist td{
		display:block;
		width:100%;
		padding: 5px;
	}
	#eventinfo div#shop #shoplist th{
		padding: 15px 5px 0 5px;
	}
	#eventinfo div#shop #shoplist td:last-child{
		border-bottom: 1px solid #d8d8d8;
		padding-bottom: 15px;
	}
	#eventinfo div#shop a.btn_reserve,
	#eventinfo div#shop a.btn_instagram{
		display: inline-block;
		color: #fff;
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height: 1.8em;
		border-radius: 1em;
		text-decoration: none;
		text-align: center;
		padding: 0 15px;
	}

	#eventinfo div#shop a.btn_reserve{ background-color: #fe61a4; }
	#eventinfo div#shop a.btn_instagram{ background-color: #c0cd2b; }

	#eventinfo div#shop p{
		padding: 10px 5vw 40px;
	}
	#eventinfo div#shop h3{
		color: #4d2a08;
		font-size: 1.4em;
		margin-bottom: 20px;
	}

	#eventinfo div#shop span.btn_reserve{
		color: #fff;
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height: 1.8em;
		border-radius: 1em;
		text-decoration: none;
		text-align: center;
		padding: 0 15px;
		font-size: 0.85em;
		background-color: #fe61a4;
		margin: 0 4px;
	}

	/*-------------------------------------- thatday */

	#eventinfo div#thatday {
		margin: 50px 5vw;
	}
	#eventinfo div#thatday h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#thatday div.outer_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 30px;
	}

	#eventinfo div#thatday div.outer_box:nth-child(even) { flex-direction: row-reverse; }
	#eventinfo div#thatday div.outer_box .txt_box{ flex:1; }
	#eventinfo div#thatday div.outer_box .txt_box p{ text-align: left; }
	#eventinfo div#thatday div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#thatday div.outer_box .img_box{ width: 360px; }
	#eventinfo div#thatday div.outer_box .img_box img{ width: 100%; border-radius: 25px; }

	#eventinfo div#thatday h3{
		color: #4d2a08;
		font-size: 1.4em;
		margin: 60px 0 25px;
		letter-spacing: 0.025em;
	}
	#eventinfo div#thatday ul li{
		list-style-type: disc;
		margin: 0 0 8px 20px;
	}
	#eventinfo .class_box ul li span{
		background-color: #fff3b3;
	}



	/*-------------------------------------- shop */

	#eventinfo div#voice{
		margin:0px 0 0;
		background-color: #fbdc34;
		padding: 60px 0;
	}
	#eventinfo div#voice h2{
		color: #fff;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#voice .voicebox{
		position: relative;
		padding: 25px;
		background-color: #fff;
		color: #ffffff;
		border-radius: 25px;
		margin: 40px 5vw;
	}
	#eventinfo div#voice .voicebox::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 40px;
		top: -15px;
		border-left: 20px solid #fff;
		border-top: 20px solid #fff;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}

	#eventinfo div#voice .voicebox::after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 55px;
		top: -20px;
		border-left: 20px solid #fbdc34;
		border-top: 20px solid #fbdc34;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}


	/********** スライダー（必要の場合のみ記述） **********/

	#eventinfo #class .list-slider {
		width: 100%;
		margin: 20px 0;
		position: relative;
	}
	#eventinfo #class .list-slider .slide {
		margin: 0 5px;
		max-width: 50vw;
	}
	#eventinfo #class .list-slider .slide img {
		width: 100%;
		height: auto;
	}

}

/*----------------------*/
/*          pc          */
/*----------------------*/
@media print, screen and (min-width: 769px) {
	/* --------- 調整・消去 --------- */
	body .box-white{/*全体背景*/
		background-color: #efefef;
	}
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .group{
		padding: 0 0 80px;
	}
	body main > .title_area,
	body .group::before,
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .group .inner{
		width: 100%;
		max-width: 1480px;
	}
	body .post-content p{
		margin: 0;
	}
	#eventinfo .pc { }
	#eventinfo .sp { display: none !important; }

	/*------------------------
	個別Style
	------------------------*/

	#eventinfo .content-main {
		color: #0054a7;
		max-width: 960px;
		margin: 0 auto;
		background-color: #fff6ef;
	}
	body #eventinfo p,
	body #eventinfo th,
	body #eventinfo td,
	body #eventinfo li,
	body #eventinfo dt,
	body #eventinfo dd{
		font-family: 'Work Sans','游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:16px;
		line-height:1.75em;
		color: #693c24;
	}
	#eventinfo h1,
	#eventinfo h2,
	#eventinfo h3,
	#eventinfo h4,
	#eventinfo h5{
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-weight: bold;
		text-align: center;
	}
	#eventinfo h2 > span{
		font-size: 0.65em;
		letter-spacing: 0.05em;
	}
	#eventinfo .outer {
		margin: 70px 140px;
	}
	#eventinfo .outer h1{
		color: #fbf3b5;
		width: 100%;
		line-height: 2.4em;
		background-color:#9fadf4;
		border-radius: 1.2em;
		text-align: center;
		font-size: 1.5em;
		letter-spacing: 0.1em;
		margin-bottom: 40px;
	}

	/*-------------------------------------- header */

	#eventinfo header{
		background: url(images/topimg.jpg) 50% 0 no-repeat;
		padding-top: 120px;
		text-align: center;
	}
	#eventinfo header h1{
		margin-bottom: 150px;
	}

	@keyframes fuwafuwa {
		0%, 100% {transform: translateY(0);}
		50% {transform: translateY(-10px);}
	}
	.anime-fuwafuwa {
		animation: 3s fuwafuwa infinite;
	}
	#eventinfo header h2{
		color: #fe61a4;
		font-size: 1.8em;
		margin-bottom: 20px;
		line-height: 1.4em;
	}
	#eventinfo header p{
		padding:0px 100px ;
		text-align: left;
	}

	/*-------------------------------------- info */

	#eventinfo #info{
		margin: 50px 5vw 30px;
		padding: 5vw;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo #info h2{
		margin-bottom: 20px;
		color:#fe61a4;
		font-size: 1.2em;
		margin-top: 0;
	}
	#eventinfo #info ul li{
		list-style-type: disc;
		margin-left: 25px;
	}

	/*-------------------------------------- about */

	#eventinfo div#about {
		margin: 80px 100px;
	}
	#eventinfo div#about h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#about div.outer_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 30px;
	}

	#eventinfo div#about div.outer_box:nth-child(odd) { flex-direction: row-reverse; }
	#eventinfo div#about div.outer_box:nth-child(even) { flex-direction: row; }
	#eventinfo div#about div.outer_box .txt_box{ flex:1; }
	#eventinfo div#about div.outer_box .txt_box p{ text-align: left; }
	#eventinfo div#about div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#about div.outer_box .img_box{ width: 360px; }
	#eventinfo div#about div.outer_box .img_box img{ width: 100%; border-radius: 25px; }


	/*-------------------------------------- quality */

	#eventinfo div#quality {
		background-color: #98debc;
		padding: 10px 100px 80px;
	}
	#eventinfo div#quality h2{
		color: #fff;
		font-size: 1.8em;
		margin-top: 80px;
		margin-bottom: 50px;
	}
	#eventinfo div#quality h3{
		text-align: left;
		font-size: 1.4em;
		color: #4d2a08;
		margin-bottom: 20px;
	}
	#eventinfo div#quality div.outer_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 30px;
		flex-direction: row-reverse;
	}
	#eventinfo div#quality div.outer_box .txt_box{ flex:1; }
	#eventinfo div#quality div.outer_box .txt_box p{ text-align: left; }
	#eventinfo div#quality div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#quality div.outer_box .img_box{ width: 360px; }
	#eventinfo div#quality div.outer_box .img_box img{ width: 100%; border-radius: 25px; }

	#eventinfo div#quality .moviebox iframe{
		width: 760px;
		height: 428px;
	}

	/*-------------------------------------- class */

	#eventinfo div#class{
		margin:0px 0px 80px;
	}
	#eventinfo div#class h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 50px;
		margin-top: 80px;
	}
	#eventinfo div#class h2 + p{
		margin: 20px 100px;
	}
	#eventinfo .class_box{
		margin: 60px;
		padding: 40px;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo .class_box td{
		padding: 17px 30px;
		border-bottom: 2px solid #fdeee2;
	}
	#eventinfo .class_box td span{
		font-size: 1.5em;
	}
	#eventinfo .class_box td strong{
		font-size: 1.1em;
		font-weight: bold;
	}
	#eventinfo .class_box td img{
		width: 100%;
	}
	#eventinfo .class_box ul li{
		list-style-type: disc;
		margin: 0 0 8px 20px;
	}
	#eventinfo .class_box ul li span{
		background-color: #fff3b3;
	}

	/* class1 */

	#eventinfo #class1 h3{
		font-size: 1.6em;
		line-height: 2.2em;
		border-radius: 20px;
		color: #fff;
		background-color: #d7e43f;
		margin-bottom: 20px;
	}
	#eventinfo #class1 table{
		margin: 30px auto;
		border-collapse: collapse;
	}
	#eventinfo #class1 th{
		color: #c1ce2e;
		vertical-align: top;
		line-height:1.85em;
		padding: 17px 15px 17px 0;
		border-bottom: 2px solid #fdeee2;
		font-weight: bold;
		width: 6em;
		font-size: 0.9em;
	}
	#eventinfo #class2 h3{
		font-size: 1.6em;
		line-height: 2.2em;
		border-radius: 20px;
		color: #fff;
		background-color: #fe61a4;
		margin-bottom: 20px;
	}

	/* class2 */

	#eventinfo #class2 .course_box{
		display: flex;
		margin-top: 25px;
		gap: 25px;
	}
	#eventinfo #class2 h4{
		border-radius: 25px 0 0 25px;
		align-content: center;
		width: 40%;
		color: #4d2a08;
	}

	#eventinfo #class2 #course30 h4{ background-color: #ffcae1;}
	#eventinfo #class2 #course40 h4{ background-color: #ff96c3;}
	#eventinfo #class2 #course50 h4{ background-color: #ff6eac;}

	#eventinfo #class2 table{
		width: 100%;
	}
	#eventinfo #class2 th{
		color: #fe61a4;
		vertical-align: top;
		line-height:1.85em;
		padding: 17px 15px 17px 0;
		border-bottom: 2px solid #fdeee2;
		font-weight: bold;
		width: 5em;
		font-size: 0.9em;
	}
	#eventinfo #class2 h5{
		color: #fe61a4;
		font-size: 1.3em;
		margin: 55px 0 30px;
	}

	/*-------------------------------------- shop */

	#eventinfo div#shop{
		margin:0px 0 80px;
		background-color: #98debc;
		padding-top: 10px;
	}
	#eventinfo div#shop h2{
		color: #fff;
		font-size: 1.8em;
		margin-bottom: 50px;
		margin-top: 80px;
	}
	#eventinfo div#shop h2 + p{
		margin: 20px 100px;
	}
	#eventinfo div#shop #shoplist{
		margin: 60px 60px 15px;
		padding: 40px;
		background-color: #fff;
		border-radius: 25px;
	}
	#eventinfo div#shop #shoplist table{
		width: 100%;
	}
	#eventinfo div#shop #shoplist th,
	#eventinfo div#shop #shoplist td{
		border-bottom: 2px solid #d8d8d8;
		padding: 23px 10px;
	}
	#eventinfo div#shop #shoplist .table_last{
		border-bottom: 0px solid #d8d8d8;
		padding: 23px 10px 0;
	}
	#eventinfo div#shop a.btn_reserve,
	#eventinfo div#shop a.btn_instagram{
		display: inline-block;
		color: #fff;
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height: 1.8em;
		border-radius: 1em;
		text-decoration: none;
		text-align: center;
		padding: 0 15px;
		font-size: 0.85em;
		width: 6em;
	}
	#eventinfo div#shop a.btn_reserve{ background-color: #fe61a4; }
	#eventinfo div#shop a.btn_instagram{ background-color: #c0cd2b; }

	#eventinfo div#shop p{
		padding: 10px 100px 60px;
	}
	#eventinfo div#shop h3{
		color: #4d2a08;
		font-size: 1.4em;
		margin-bottom: 20px;
	}
	#eventinfo div#shop span.btn_reserve{
		color: #fff;
		font-family: "Kiwi Maru",'游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height: 1.8em;
		border-radius: 1em;
		text-decoration: none;
		text-align: center;
		padding: 0 15px;
		font-size: 0.85em;
		background-color: #fe61a4;
		margin: 0 4px;
	}

	/*-------------------------------------- thatday */

	#eventinfo div#thatday {
		margin: 80px 100px;
	}
	#eventinfo div#thatday h2{
		color: #ff9386;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#thatday div.outer_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 30px;
	}
	#eventinfo div#thatday div.outer_box:nth-child(even) { flex-direction: row-reverse; }
	#eventinfo div#thatday div.outer_box .txt_box{ flex:1; }
	#eventinfo div#thatday div.outer_box .txt_box p{ text-align: left; }
	#eventinfo div#thatday div.outer_box .txt_box p + p{ margin-top: 15px; }
	#eventinfo div#thatday div.outer_box .img_box{ width: 360px; }
	#eventinfo div#thatday div.outer_box .img_box img{ width: 100%; border-radius: 25px; }

	#eventinfo div#thatday h3{
		color: #4d2a08;
		font-size: 1.4em;
		margin: 60px 0 25px;
		letter-spacing: 0.025em;
	}
	#eventinfo div#thatday ul li{
		list-style-type: disc;
		margin: 0 0 8px 20px;
	}

	/*-------------------------------------- shop */

	#eventinfo div#voice{
		margin:0px 0 0;
		background-color: #fbdc34;
		padding: 60px 0;
	}
	#eventinfo div#voice h2{
		color: #fff;
		font-size: 1.8em;
		margin-bottom: 50px;
	}
	#eventinfo div#voice .voicebox{
		position: relative;
		padding: 25px;
		background-color: #fff;
		color: #ffffff;
		border-radius: 25px;
		margin: 50px 100px;
	}
	#eventinfo div#voice .voicebox::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 40px;
		top: -15px;
		border-left: 20px solid #fff;
		border-top: 20px solid #fff;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}
	#eventinfo div#voice .voicebox::after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 55px;
		top: -20px;
		border-left: 20px solid #fbdc34;
		border-top: 20px solid #fbdc34;
		border-right: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}

	/********** スライダー（必要の場合のみ記述） **********/

	#eventinfo #class .list-slider {
		width: 100%;
		margin: 20px 0;
		position: relative;
	}
	#eventinfo #class .list-slider .slide {
		margin: 0 5px;
		max-width: 192px;
	}
	#eventinfo #class .list-slider .slide img {
		width: 100%;
		height: auto;
	}
}