@charset "UTF-8";
/* CSS Document */


/* 共通 */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pageTop img {
	width: 50px;
}

span.number {
	color: #008244;
}





/* PC：ウィンドウ幅が769px以上の場合に適用するCSS */
@media screen and (min-width: 680px) {

	.nonePC {
		display: none
	}

	.br-pc {
		display: block;
	}

	.br-sp {
		display: none;
	}

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}




	:root {
		--root-font-size: 16;
	}

	p {
		font-size: calc(13 / var(--root-font-size) * 1rem);
	}

	body#event {
		margin: 0;
		padding: 0;
		line-height: 1.8em;
		letter-spacing: 0.05em;
		background: url(../../event/images/bg.gif) repeat;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}




	/* ヘッダ */
	header {
		width: 100%;
		background-color: #ffffff;
	}


	div.headtitle {
		width: 1100px;
		margin: 0 auto;
		display: flex;
	}


	/* フッター */

	footer {
		clear: both;
		margin: 0% auto 0 auto;
		padding: 60px 0 60px 0;
		text-align: center;
		font-size: 80%;
		color: #3F3F3F;
		background: #FFF;
	}


	/* メインビジュアル */

	div.visual img {
		width: 1100px;
		margin: 30px auto;
		text-align: center;
		display: block;
	}


	/* コンテンツボックス */

	div.whitebox {
		width: 1100px;
		height: auto;
		flex-shrink: 0;
		margin: 0 auto 100px;
		border-radius: 10px;
		border: 5px solid #00A53C;
		background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}

	/* 日付と場所 */
	p.map img {
		width: 800px;
		margin: 0 auto 50px;
		display: block;
	}

	div.placebox {
		width: 100%;
		margin: 50px 0 70px;
	}

	dl.place {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	dl.place dt {
		color: #FFF;
		text-align: center;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 1.6px;
		background: #008344;
		width: 80px;
		padding-top: 4px;
	}

	dl.place dd {
		color: #3f3f3f;
		text-align: center;
		font-size: 24px;
		font-weight: 900 !important;
		line-height: 180%;
		margin-left: 20px;
	}

	p.readtxt {
		color: #008244;
		text-align: center;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 180%;
	}


	/* 商品画像 */

	.container {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		padding: 0 80px;
		margin: 50px 0;
	}

	.box {
		flex: 1;
		min-width: 250px;
		/* ボックスが狭くなりすぎるのを防止 */
		padding: 30px 30px;
		background: #F3F9F5;
		border: 2px solid #008244;
		text-align: center;
		border-radius: 10px;
	}

	.box002 {
		flex: 1;
		min-width: 250px;
		/* ボックスが狭くなりすぎるのを防止 */
		padding: 30px 30px;
		text-align: center;
	}


	dl.chagori, dt, dd {
		padding: 0;
		margin: 0;
	}

	dl.chagori dt img {
		width: 100%;
		margin-bottom: 0px;
	}

	dl.chagori dd.name {
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 2px;
		padding-top: 10px;
		color: #055752;
	}

	dl.chagori dd.place {
		text-align: center;
		font-size: 28px;
		font-style: normal;
		font-weight: 900;
		line-height: 120%;
		color: #008344;
		letter-spacing: 2.8px;
		padding-bottom: 20px;
	}

	span.tax {
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 1.6px;
	}

	span.tax002 {
		font-size: 11px;
		font-style: normal;
		letter-spacing: 1.6px;
	}

	.center-wrap {
		display: flex;
		justify-content: center;
		/* 横方向に中央 */
	}

	dl.otheritem {
		font-weight: 500;
		text-align: left;
		display: inline-block;
	}

	dl.otheritem dd {
		line-height: 200%;
	}

	span.infotxt {
		font-size: 12px;
		margin-top: -9px;
		margin-left: 10px;
		display: block;
	}

	div.coutiontxt {
		padding: 30px 80px 100px;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	/* cssアニメーションボタン */

	.button {
		width: 240px;
		margin: 0 auto 20px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 2px;
	}

	.button-link {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #fff;
		transition: .3s;
	}

	.simple-square {
		background-color: #008344;
		padding: 14px 0;
		border-radius: 60px;
	}

	.simple-button {
		transform: .3s;
	}

	.simple-button:hover {
		opacity: .6;
	}


	/* 外部リンク */

	#linksuruga {
		position: fixed;
		bottom: 100px;
		right: 10px;
	}

	#linksuruga img {
		width: 180px;
	}


	/* 矢印 */

	div.tribox {
		display: flex;
		align-items: center;
	}

	.triangle {
		width: 0;
		height: 0;
		border-left: 30px solid #008344;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
	}

	.triangle2 {
		width: 0;
		height: 0;
		border-left: 30px solid #fff;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
	}



}







/* スマホサイズ（最大幅600px）のとき1列にする */
@media (max-width: 600px) {


	.noneSP {
		display: none !important
	}

	.br-pc {
		display: block;
	}

	.br-sp {
		display: none;
	}

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}


	body#event {
		margin: 0;
		padding: 0;
		line-height: 1.8em;
		letter-spacing: 0.05em;
		background: url(../../event/images/bg.gif) repeat;
		background-size: contain;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}


	/* ヘッダ */

	header {
		width: 100%;
		padding: 1px 0;
		background: #fff;
	}

	header h1 img {
		width: 90px;
		height: auto;
		margin: 0 10px;
	}

	/* フッター */

	footer {
		clear: both;
		margin: 0% auto 0 auto;
		padding: 30px 0 30px 0;
		text-align: center;
		font-size: 80%;
		color: #3F3F3F;
		background: #FFF;
	}

	footer p.footlogo img {
		width: 120px;
	}

	/* メインビジュアル */

	div.visual img {
		width: 90%;
		margin: 30px auto 40px;
		display: block;
	}

	div.whitebox {
		padding: 0 14px;
		margin: 0 auto 50px;
	}

	/* 日付場所 */

	p.map img {
		width: 100%;
		margin: 0 auto 20px;
		display: block;
	}


	div.placebox {
		width: 100%;
		margin-bottom: 40px;
	}

	dl.place {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	dl.place dt {
		color: #FFF;
		text-align: center;
		font-style: normal;
		font-weight: 700 !important;
		letter-spacing: 1.6px;
		background: #008344;
		width: 70px;
		height: 26px;
		display: block;
	}

	dl.place dd {
		color: #3f3f3f;
		text-align: center;
		font-size: 24px;
		font-weight: 900 !important;
		margin-left: 10px;
		line-height: 100%;
	}

	span.booth {
		font-size: 14px;
	}

	p.readtxt {
		color: #008244;
		text-align: center;
		font-family: "Zen Kaku Gothic New";
		font-style: normal;
		font-weight: 500;
		line-height: 180%;
		font-size: 14px;
	}

	/* 商品画像 */
	.container {
		flex-direction: column;
	}

	.box {
		flex: 1;
		min-width: 250px;
		/* ボックスが狭くなりすぎるのを防止 */
		padding: 30px 20px;
		margin-bottom: 30px;
		background: #F3F9F5;
		border: 2px solid #008244;
		text-align: center;
		border-radius: 10px;
		font-weight: 400;
		font-style: normal;
	}

	dl.chagori, dt, dd {
		padding: 0;
		margin: 0;
	}

	dl.chagori dt img {
		width: 100%;
		margin-bottom: 0px;
	}

	dl.chagori dd.name {
		text-align: center;
		font-size: 18px;
		font-weight: 800 !important;
		line-height: 180%;
		letter-spacing: 2px;
		padding-top: 10px;
		color: #055752;
	}

	dl.chagori dd.place {
		text-align: center;
		font-size: 28px;
		font-style: normal;
		font-weight: 900;
		line-height: 120%;
		color: #008344;
		letter-spacing: 2.8px;
		padding-bottom: 20px;
	}

	span.tax {
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 1.6px;
	}

	span.tax002 {
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 180%;
		letter-spacing: 1.6px;
	}

	.center-wrap {
		display: flex;
		justify-content: center;
		/* 横方向に中央 */
	}

	dl.otheritem {
		text-align: left;
		font-weight: 500;
	}

	dl.otheritem dd {
		line-height: 200%;
	}

	span.infotxt {
		font-size: 12px;
		margin-top: -6px;
		margin-left: 10px;
		display: block;
	}

	div.coutiontxt {
		font-size: 12px;
		line-height: 180%;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	/* cssアニメーションボタン */

	.button {
		width: 240px;
		margin: 0 auto 20px;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 2px;
	}

	.button-link {
		display: block;
		text-align: center;
		text-decoration: none;
		color: #fff;
		transition: .3s;
	}

	.simple-square {
		background-color: #008344;
		padding: 14px 0;
		border-radius: 60px;
	}

	.simple-button {
		transform: .3s;
	}

	.simple-button:hover {
		opacity: .6;
	}

	/* 外部リンク */

	#linksuruga {
		position: fixed;
		bottom: 100px;
		right: 0px;
	}

	#linksuruga img {
		width: 100px;
	}


	/* 矢印 */

	div.tribox {
		display: flex;
		justify-content: center;
		margin-bottom: 20PX;
	}

	.triangle {
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #008344;
		;
	}

	.triangle2 {
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #FFF;
	}



}