@charset "UTF-8";



/* page-event
-------------------------------------*/
@media screen and (min-width:641px) {
	.ff-bg-box{
		margin-top: 64px;
	}
	#event-list ul{
	width: 1100px;
	margin: 0 auto;	
	}

	.h2-bg { background-image: url(../images/event/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 38px; }
	.h4-ptn-01 { margin-bottom: 27px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2a2827; font-size: 30px; font-weight: 600; text-align: center; background-image: url(../images/event/h3-icon.png); background-repeat: no-repeat; background-position: 33.5% 40%; }

	/* event-list
	-------------------------------------*/
	#event-list .clump a:hover { text-decoration: none; }
	#event-list p:hover { text-decoration: underline; }
	#event-list .end-icon { background-color: #333333; color: #ffffff; width: 100%; display: block; padding-top: 2px; padding-bottom: 2px; text-align: center; margin-bottom: 8px; letter-spacing: 0.15em; }
	#event-list ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#event-list ul li {  width: 340px;position: relative; /* border: 1px solid #eeeeee; */ /* padding: 16px 16px 24px 16px; */ background-repeat: repeat-x; background-position: 0% bottom; background-image: url(../images/event/line-bg.jpg); margin-bottom: 32px; margin-right: 40px; }
	#event-list ul li:nth-child(3n) { margin-right: 0px; }
	#event-list ul li article { /* display: -webkit-box; */ /* display: -webkit-flex; */ display: -moz-flex; display: -ms-flex; display: -o-flex; /* display: flex; */ /* -webkit-box-pack: justify; */ -ms-flex-pack: justify; /* -webkit-justify-content: space-between; */ /* justify-content: space-between; */ }

	#event-list ul li .sy-pic {width: 100%; height: 240px;
	background-color: #eeece7;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	}
	#event-list ul li .sy-pic img { max-width: 100%; height: auto;}



	#event-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }



	#event-list ul li .txt-Box { width: 100%; color: #18487d; font-size: 12px; font-weight: 400; line-height: 23px; margin-top: 12px;}
	#event-list ul li .txt-Box time { display: inline-block; margin-bottom: 1px; color: #2a2827; font-weight: 700; line-height: 20px; font-size: 14px; }
	#event-list ul li .txt-Box h5 { margin-top: 8px; color: #2a2827; font-weight: 700; line-height: 25px; font-size: 16px; margin-bottom: 8px; border-top: 1px solid #e3e2e0;padding-top: 12px;}
	#event-list ul li .more { position: absolute; bottom: 6px; right: 0; }

	/* ☆ 詳細ページ
	-------------------------------------*/

	#event{
		width: 1100px;
		margin: 0 auto;
	}
	.end-icon{
		background-color: #333333;
		color: #ffffff;
		width: 100%;
		display: block;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		margin-bottom: 8px;
		letter-spacing: 0.15em;
	}

	.h3-Box-02 { margin-bottom: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-02 h3 { padding-bottom: 8px; color: #2b2827; font-size: 20px; font-weight: 400; }
	.h3-Box-02 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 16px; }
	.h4-ptn-02 { color: #2b2827; font-size: 22px; font-weight: 700; line-height: 38px; margin-bottom: 40px; }
	#sect-01 .h4-ptn-01 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2b2827; font-size: 34px; font-weight: 600; margin-bottom: 13px; }
	#sect-01 .event-detail { margin-bottom: 48px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
	#sect-01 .pic {  width: 587px;}
	#sect-01 dl {  width: 472px;}
	#sect-01 dl dt { padding: 3px 10px 0px 10px; background-color: #e3e1c7; color: #000000; font-size: 14px; font-weight: 700; }
	#sect-01 dl dd { padding: 10px 8px 15px 8px; color: #2b2827; font-size: 14px; font-weight: 400; }
	#sect-01 .main-pic { text-align: center; margin-bottom: 32px; }
	#sect-01 .main-pic img { max-width: 100% !important; height: auto !important; }



	#sect-01 address { font-size: 12px; }
	#sect-01 address .ttl { font-size: 14px; margin-bottom: 8px; }
	.list-back { margin-top: 32px; float: right; margin-bottom: 51px; }

	/* event-from
	-------------------------------------*/
	#event-from h5 { font-family: Meiryo; color: #2b2827; font-size: 20px; font-weight: 700; background-color: #e3e1c7; padding-top: 15px; padding-bottom: 8px; text-align: center; }
	#event-from .Box { width: 710px; border: 3px solid #e3e1c7; padding: 28px 28px 33px 28px; }
	#event-from .red { color: #ff6600; font-weight: bold; }
	#event-from table { width: 100%; }
	#event-from table th { text-align: left; color: #2b2827; vertical-align: middle; padding-top: 24px; padding-bottom: 24px; border: none; width: 30%; }
	#event-from table td { padding-top: 24px; padding-bottom: 24px; border: none; }
	#event-from table tr { border-bottom: 1px solid #cccccc; }
	#event-from table .rei { color: #666666; font-size: 12px; }
	#event-from table input[type="text"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table input[type="tel"] { width: 60%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table textarea { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; line-height: 1.8; background-color: #f1f1f1; height: 200px; }
	#event-from table .red { font-size: 12px; }
	#event-from .btn-Box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 600px; margin-left: auto; margin-right: auto; }
	#event-from .p-mb { margin-bottom: 20px; }
	#event-from .zip { width: 60% !important; }
	#event-from select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 8px 1em 10px 1em; }

	/* contact-parts
	-------------------------------------*/
	.contact-parts { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 21px; }
	.contact-parts-02 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 480px; margin-left: auto; margin-right: auto; }
}



/*SP用*/
@media screen and (max-width:640px) {


	#event-list ul li .sy-pic{
		height: 30vw;
		overflow: hidden;
		background-color: #eeece7;
		
		display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	}

	.h2-bg { background-image: url(../images/event/h2.jpg); }
	.h3-ptn-01 { margin-bottom: 9.179vw; }
	.h4-ptn-01 { margin-bottom: 6.522vw; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2a2827; font-size: 7vw; font-weight: 600; text-align: center; background-image: url(../images/event/h3-icon.png); background-repeat: no-repeat; background-position: 15vw center; }

	/* event-list
	-------------------------------------*/
	#event-list .clump a:hover { text-decoration: none; }
	#event-list p:hover { text-decoration: underline; }
	.end-icon { background-color: #333333; color: #ffffff; width: 100%; display: block; padding-top: 0.483vw; padding-bottom: 0.483vw; text-align: center; margin-bottom: 1.932vw; letter-spacing: 0.15em; }
	#event-list ul { width: 92vw;margin: 0 auto;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	
	#event-list ul li { width: 48%; position: relative;   background-repeat: repeat-x; background-position: 0% bottom; background-image: url(../images/event/line-bg.jpg);
	
		margin-right: 4%;
	margin-bottom: 4%;
	}

	#event-list ul li:nth-child(2n){margin-right: 0px;}



	#event-list ul li article { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
	#event-list ul li .fit { width: 100%; height: 32vw; }
	
	#event-list ul li .fit:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	#event-list ul li .txt-Box { width: 100%; color: #18487d; font-size: 2.899vw; font-weight: 400; line-height: 5.556vw; margin-top: 2.415vw; }
	#event-list ul li .txt-Box time { display: inline-block; margin-bottom: 0.242vw; color: #2a2827; font-weight: 700; line-height: 4.831vw; font-size: 3.382vw; }
	#event-list ul li .txt-Box h5 { margin-top: 1.932vw; color: #2a2827; font-weight: 700; line-height: 6.522vw; font-size: 3.865vw; margin-bottom: 1.932vw; }
	#event-list ul li .more { position: absolute; bottom: 1.449vw; right: 0; }

	/* ☆ 詳細ページ
	-------------------------------------*/

	#event{
		width: 92vw;
		margin: 0 auto;
	}


	.h3-Box-02 { margin-bottom: 9.179vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 3px solid #dddddd; }
	.h3-Box-02 h3 { padding-bottom: 1.932vw; color: #2b2827; font-size: 4.831vw; font-weight: 400; }
	.h3-Box-02 h3:before { content: "\25A0 \a0"; color: #ea5404; font-size: 3.865vw; }
	.h4-ptn-02 { color: #2b2827; font-size: 4.348vw; font-weight: 700; line-height: 6.763vw; margin-bottom: 4.831vw; }
	#sect-01 .h4-ptn-01 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #2b2827; font-size: 8.213vw; font-weight: 600; margin-bottom: 3.14vw; }
	#sect-01 .event-detail { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; }
	#sect-01 .pic { width: 100%; }
	#sect-01 dl { width: 100%; margin-bottom: 4.831vw; }
	#sect-01 dl dt { padding: 1.932vw; background-color: #e3e1c7; color: #000000; font-size: 3.382vw; font-weight: 700; margin-top: 2.415vw; }
	#sect-01 dl dd { padding: 1.932vw 1.932vw 0; color: #2b2827; font-size: 3.382vw; font-weight: 400; }
	#sect-01 .main-pic { text-align: center; margin-bottom: 4.831vw; }
	#sect-01 .main-pic img { max-width: 100% !important; height: auto !important; }

	#sect-01 address { font-size: 2.899vw; }
	#sect-01 address .ttl { font-size: 3.382vw; margin-bottom: 1.932vw; }
	.list-back { margin-top: 7.729vw; float: right; margin-bottom: 12.319vw; }

	/* event-from
	-------------------------------------*/
	#event-from h5 { font-family: Meiryo; color: #2b2827; font-size: 4.831vw; font-weight: 700; background-color: #e3e1c7; padding-top: 3.623vw; padding-bottom: 1.932vw; text-align: center; }
	#event-from .Box { border: 3px solid #e3e1c7; padding: 15px 4vw; }
	#event-from .red { color: #ff6600; font-weight: bold; }
	#event-from table { width: 100%; }
	#event-from table th { text-align: left; color: #2b2827; vertical-align: middle; padding: 2.415vw 0; border: none; display: block; }
	#event-from table td { padding-bottom: 2.415vw; border: none; display: block; }
	#event-from table tr { border-bottom: 1px solid #cccccc; }
	#event-from table .rei { color: #666666; font-size: 2.899vw; }
	#event-from table input[type="text"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table input[type="tel"] { width: 60%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; background-color: #f1f1f1; }
	#event-from table textarea { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #8b8b8b; line-height: 1.8; background-color: #f1f1f1; height: 48.309vw; }
	#event-from table .red { font-size: 2.899vw; }
	#event-from .btn-Box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 144.928vw; margin-left: auto; margin-right: auto; }
	#event-from .p-mb { margin-bottom: 4.831vw; }
	#event-from .zip { width: 60% !important; }
	#event-from select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 8px 1em 10px 1em; }

	/* contact-parts
	-------------------------------------*/
	.contact-parts { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 5.072vw; }
	.contact-parts-02 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-left: auto; margin-right: auto; text-align: center; }
}